:root {
    --fz: 1px;
    --font: "Calibri", sans-serif;
    --font-phil: "Philosopher", sans-serif;
    --font-second: "Lexend", "Open Sans", var(--font);
    --c-lightgray: #F4F4F4;
    --c-gray-blue: #F2F4F6;
    --c-color-4: #3677B1;
    --c-blue: var(--c-color-4);
    --c-color-5: #09A0C2;
    --c-mint: var(--c-color-5);
    --c-color-6: #4D4E50;
    --c-gray: var(--c-color-6);
    --c-color-7: #000000;
    --c-black: var(--c-color-7);
    --c-color-8: #EB2606;
    --c-red: var(--c-color-8);
    --c-color-9: #99C50A;
    --c-green: var(--c-color-9);
    --c-color-10: #13254B;
    --c-darkblue: var(--c-color-10);
    --c-mango: #FF924A;
    --container: 500px;
    --container-padding: 15px;
    --container-margin: calc(0.5 * (100vw - var(--container)));
    --container-margin-minus: calc(var(--container) / 2 - 50vw);
    --z-header: 99999;
    --z-menu: 99998;
    --z-alert: 99990;
    --z-loading: 9999999;
    --text-margin: 15px;
    --text-fz: 16px;
    --text-lh: 1.25;
    --text-li-margin: 5px;
    --text-head-top: -3px;
    --text-head-bottom: 15px;
    --link-color: var(--c-black);
    --link-color-active: var(--c-blue);
    --link-border-color: currentColor;
    --link-border-active: currentColor;
    --link-bg: transparent;
    --link-bg-active: transparent;
    --link-transition: color .3s ease-in-out;
    --link-icon-color: var(--link-color);
    --link-icon-color-active: var(--link-color-active);
    --link-padding: 0;
    --link-height: 1px;
    --link-transition-function: .3s ease-out;
    --link-transition: color var(--link-transition-function), background var(--link-transition-function), background-size var(--link-transition-function);
    --btn-bg: var(--c-blue);
    --btn-bg-hover: var(--c-darkblue);
    --btn-bg-active: var(--c-darkblue);
    --btn-color: #fff;
    --btn-color-hover: #fff;
    --btn-color-active: #fff;
    --btn-transition: .25s ease-out;
    --header-height: 115px;
    --swiper-theme-color: #007aff
}

html {
    /* scroll-behavior: smooth; */
}

body * {
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
body.compensate-for-scrollbar {
    overflow: hidden;
    -ms-overflow-style: none
}

.fancybox-active {
    height: auto
}

.fancybox-is-hidden {
    left: -9999px;
    margin: 0;
    position: absolute !important;
    top: -9999px;
    visibility: hidden
}

.fancybox-container {
    backface-visibility: hidden;
    height: 100%;
    left: 0;
    outline: 0;
    position: fixed;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    touch-action: manipulation;
    transform: translateZ(0);
    width: 100%;
    z-index: 99992
}

.fancybox-container * {
    box-sizing: border-box
}

.fancybox-bg,
.fancybox-inner,
.fancybox-outer,
.fancybox-stage {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.fancybox-outer {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto
}

.fancybox-bg {
    background: #1e1e1e;
    opacity: 0;
    transition-duration: inherit;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.47, 0, .74, .71)
}

.fancybox-is-open .fancybox-bg {
    opacity: .87;
    transition-timing-function: cubic-bezier(.22, .61, .36, 1)
}

.fancybox-caption,
.fancybox-infobar,
.fancybox-navigation .fancybox-button,
.fancybox-toolbar {
    direction: ltr;
    opacity: 0;
    position: absolute;
    transition: opacity .25s, visibility .25s;
    visibility: hidden;
    z-index: 99997
}

.fancybox-show-caption .fancybox-caption,
.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-nav .fancybox-navigation .fancybox-button,
.fancybox-show-toolbar .fancybox-toolbar {
    opacity: 1;
    transition: opacity .25s, visibility;
    visibility: visible
}

.fancybox-infobar {
    color: #ccc;
    font-size: 13px;
    -webkit-font-smoothing: subpixel-antialiased;
    height: 44px;
    left: 0;
    line-height: 44px;
    min-width: 44px;
    mix-blend-mode: difference;
    padding: 0 10px;
    pointer-events: none;
    top: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.fancybox-toolbar {
    right: 0;
    top: 0
}

.fancybox-stage {
    direction: ltr;
    overflow: visible;
    transform: translate3d(0, 0, 0);
    z-index: 99994
}

.fancybox-is-open .fancybox-stage {
    overflow: hidden
}

.fancybox-slide {
    backface-visibility: hidden;
    display: none;
    height: 100%;
    left: 0;
    outline: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px 44px 0;
    position: absolute;
    text-align: center;
    top: 0;
    transition-property: transform, opacity;
    white-space: normal;
    width: 100%;
    z-index: 99994
}

.fancybox-slide::before {
    content: "";
    display: inline-block;
    font-size: 0;
    height: 100%;
    vertical-align: middle;
    width: 0
}

.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--current,
.fancybox-slide--next,
.fancybox-slide--previous {
    display: block
}

.fancybox-slide--next {
    z-index: 99995
}

.fancybox-slide--image {
    padding: 44px 0 0;
    overflow: visible
}

.fancybox-slide--image::before {
    display: none
}

.fancybox-content {
    background: #fff;
    display: inline-block;
    margin: 0 0 44px;
    max-width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: relative;
    text-align: left;
    vertical-align: middle
}

.fancybox-slide--image .fancybox-content {
    animation-timing-function: cubic-bezier(.5, 0, .14, 1);
    backface-visibility: hidden;
    background: no-repeat;
    background-size: 100% 100%;
    left: 0;
    max-width: none;
    overflow: visible;
    padding: 0;
    position: absolute;
    top: 0;
    transform-origin: top left;
    transition-property: transform, opacity;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    z-index: 99995
}

.fancybox-slide--html .fancybox-content {
    margin: 0 0 6px
}

.fancybox-can-zoomOut .fancybox-content {
    cursor: zoom-out
}

.fancybox-can-zoomIn .fancybox-content {
    cursor: zoom-in
}

.fancybox-can-pan .fancybox-content,
.fancybox-can-swipe .fancybox-content {
    cursor: grab
}

.fancybox-is-grabbing .fancybox-content {
    cursor: grabbing
}

.fancybox-container [data-selectable=true] {
    cursor: text
}

.fancybox-image,
.fancybox-spaceball {
    background: 0 0;
    border: 0;
    height: 100%;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100%
}

.fancybox-spaceball {
    z-index: 1
}

.fancybox-slide--iframe .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--video .fancybox-content {
    height: calc(100% - 44px);
    overflow: visible;
    padding: 0;
    width: 100%
}

.fancybox-slide--video .fancybox-content {
    background: #000
}

.fancybox-slide--map .fancybox-content {
    background: #e5e3df
}

.fancybox-slide--iframe .fancybox-content {
    background: #fff
}

.fancybox-iframe,
.fancybox-video {
    background: 0 0;
    border: 0;
    display: block;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    vertical-align: top;
    width: 100%
}

.fancybox-error {
    background: #fff;
    cursor: default;
    max-width: 400px;
    padding: 40px;
    width: 100%
}

.fancybox-error p {
    color: #444;
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    padding: 0
}

.fancybox-button {
    background: rgba(30, 30, 30, .6);
    border: 0;
    border-radius: 0;
    cursor: pointer;
    display: inline-block;
    height: 44px;
    margin: 0;
    padding: 10px;
    transition: color .2s;
    vertical-align: top;
    visibility: inherit;
    width: 44px
}

.fancybox-button,
.fancybox-button:link,
.fancybox-button:visited {
    color: #ccc
}

.fancybox-button:hover {
    color: #fff
}

.fancybox-button:focus {
    outline: 0
}

.fancybox-button.fancybox-focus {
    outline: dotted 1px
}

.fancybox-button.disabled,
.fancybox-button.disabled:hover,
.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
    color: #888;
    cursor: default;
    outline: 0
}

.fancybox-button svg {
    display: block;
    height: 100%;
    overflow: visible;
    position: relative;
    width: 100%
}

.fancybox-button svg path {
    fill: currentColor;
    stroke-width: 0
}

.fancybox-button--fsenter svg:nth-child(2),
.fancybox-button--play svg:nth-child(2) {
    display: none
}

.fancybox-button--fsexit svg:nth-child(1),
.fancybox-button--pause svg:nth-child(1) {
    display: none
}

.fancybox-close-small {
    background: 0 0;
    border: 0;
    border-radius: 0;
    color: #ccc;
    cursor: pointer;
    opacity: .8;
    padding: 8px;
    position: absolute;
    right: -12px;
    top: -44px;
    z-index: 401
}

.fancybox-close-small:hover {
    color: #fff;
    opacity: 1
}

.fancybox-slide--html .fancybox-close-small {
    color: currentColor;
    padding: 10px;
    right: 0;
    top: 0
}

.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
    display: none
}

.fancybox-navigation .fancybox-button {
    background: 0 0;
    height: 100px;
    margin: 0;
    opacity: 0;
    position: absolute;
    top: calc(50% - 50px);
    width: 70px
}

.fancybox-navigation .fancybox-button div {
    background: rgba(30, 30, 30, .6);
    height: 100%;
    padding: 7px
}

.fancybox-navigation .fancybox-button--arrow_left {
    left: 0;
    padding: 31px 26px 31px 6px
}

.fancybox-navigation .fancybox-button--arrow_right {
    padding: 31px 6px 31px 26px;
    right: 0
}

.fancybox-caption {
    bottom: 0;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    left: 0;
    line-height: 1.5;
    padding: 25px 44px;
    right: 0
}

.fancybox-caption::before {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAEtCAQAAABjBcL7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHRJREFUKM+Vk8EOgDAIQ0vj/3+xBw8qIZZueFnIKC90MCAI8DlrkHGeqqGIU6lVigrBtpCWqeRWoHDNqs0F7VNVBVxmHRlvoVqjaYkdnDIaivH2HqZ5+oZj3JUzWB+cOz4G48Bg+tsJ/tqu4dLC/4Xb+0GcF5BwBC0AA53qAAAAAElFTkSuQmCC);
    background-repeat: repeat-x;
    background-size: contain;
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: -25px;
    z-index: -1
}

.fancybox-caption::after {
    border-bottom: 1px solid rgba(255, 255, 255, .3);
    content: "";
    display: block;
    left: 44px;
    position: absolute;
    right: 44px;
    top: 0
}

.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
    color: #ccc;
    text-decoration: none
}

.fancybox-caption a:hover {
    color: #fff;
    text-decoration: underline
}

.fancybox-loading {
    animation: .8s linear infinite fancybox-rotate;
    background: 0 0;
    border: 6px solid rgba(100, 100, 100, .5);
    border-radius: 100%;
    border-top-color: #fff;
    height: 60px;
    left: 50%;
    margin: -30px 0 0 -30px;
    opacity: .6;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 60px;
    z-index: 99999
}

@keyframes fancybox-rotate {
    from {
        transform: rotate(0)
    }
    to {
        transform: rotate(359deg)
    }
}

.fancybox-animated {
    transition-timing-function: cubic-bezier(0, 0, .25, 1)
}

.fancybox-fx-slide.fancybox-slide--previous {
    opacity: 0;
    transform: translate3d(-100%, 0, 0)
}

.fancybox-fx-slide.fancybox-slide--next {
    opacity: 0;
    transform: translate3d(100%, 0, 0)
}

.fancybox-fx-slide.fancybox-slide--current {
    opacity: 1;
    transform: translate3d(0, 0, 0)
}

.fancybox-fx-fade.fancybox-slide--next,
.fancybox-fx-fade.fancybox-slide--previous {
    opacity: 0;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.fancybox-fx-fade.fancybox-slide--current {
    opacity: 1
}

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(1.5, 1.5, 1.5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(.5, .5, .5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
    opacity: 1;
    transform: scale3d(1, 1, 1)
}

.fancybox-fx-rotate.fancybox-slide--previous {
    opacity: 0;
    transform: rotate(-360deg)
}

.fancybox-fx-rotate.fancybox-slide--next {
    opacity: 0;
    transform: rotate(360deg)
}

.fancybox-fx-rotate.fancybox-slide--current {
    opacity: 1;
    transform: rotate(0)
}

.fancybox-fx-circular.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0)
}

.fancybox-fx-circular.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(0, 0, 0) translate3d(100%, 0, 0)
}

.fancybox-fx-circular.fancybox-slide--current {
    opacity: 1;
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0)
}

.fancybox-fx-tube.fancybox-slide--previous {
    transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg)
}

.fancybox-fx-tube.fancybox-slide--next {
    transform: translate3d(100%, 0, 0) scale(.1) skew(10deg)
}

.fancybox-fx-tube.fancybox-slide--current {
    transform: translate3d(0, 0, 0) scale(1)
}

.fancybox-share {
    background: #f4f4f4;
    border-radius: 3px;
    max-width: 90%;
    padding: 30px;
    text-align: center
}

.fancybox-share h1 {
    color: #222;
    font-size: 35px;
    font-weight: 700;
    margin: 0 0 20px
}

.fancybox-share p {
    margin: 0;
    padding: 0
}

.fancybox-share__button {
    border: 0;
    border-radius: 3px;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
    margin: 0 5px 10px;
    min-width: 130px;
    padding: 0 15px;
    text-decoration: none;
    transition: .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap
}

.fancybox-share__button:link,
.fancybox-share__button:visited {
    color: #fff
}

.fancybox-share__button:hover {
    text-decoration: none
}

.fancybox-share__button--fb {
    background: #3b5998
}

.fancybox-share__button--fb:hover {
    background: #344e86
}

.fancybox-share__button--pt {
    background: #bd081d
}

.fancybox-share__button--pt:hover {
    background: #aa0719
}

.fancybox-share__button--tw {
    background: #1da1f2
}

.fancybox-share__button--tw:hover {
    background: #0d95e8
}

.fancybox-share__button svg {
    height: 25px;
    margin-right: 7px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 25px
}

.fancybox-share__button svg path {
    fill: #fff
}

.fancybox-share__input {
    background: 0 0;
    border: 0;
    border-bottom: 1px solid #d7d7d7;
    border-radius: 0;
    color: #5d5b5b;
    font-size: 14px;
    margin: 10px 0 0;
    outline: 0;
    padding: 10px 15px;
    width: 100%
}

.fancybox-thumbs {
    background: #fff;
    bottom: 0;
    display: none;
    margin: 0;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    padding: 2px 2px 4px;
    position: absolute;
    right: 0;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    width: 212px;
    z-index: 99995
}

.fancybox-thumbs-x {
    overflow-x: auto;
    overflow-y: hidden
}

.fancybox-show-thumbs .fancybox-thumbs {
    display: block
}

.fancybox-show-thumbs .fancybox-inner {
    right: 212px
}

.fancybox-thumbs__list {
    font-size: 0;
    height: 100%;
    list-style: none;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    position: relative;
    white-space: nowrap;
    width: 100%
}

.fancybox-thumbs-x .fancybox-thumbs__list {
    overflow: hidden
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
    width: 7px
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3)
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
    background: #2a2a2a;
    border-radius: 10px
}

.fancybox-thumbs__list a {
    backface-visibility: hidden;
    background-color: rgba(0, 0, 0, .1);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    float: left;
    height: 75px;
    margin: 2px;
    max-height: calc(100% - 8px);
    max-width: calc(50% - 4px);
    outline: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    width: 100px
}

.fancybox-thumbs__list a::before {
    border: 4px solid #4ea7f9;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: .2s cubic-bezier(.25, .46, .45, .94);
    z-index: 99991
}

.fancybox-thumbs__list a:focus::before {
    opacity: .5
}

.fancybox-thumbs__list a.fancybox-thumbs-active::before {
    opacity: 1
}

.scroll-wrapper {
    overflow: hidden !important;
    padding: 0 !important;
    position: relative
}

.scroll-wrapper>.scroll-content {
    border: none !important;
    box-sizing: content-box !important;
    height: auto;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none !important;
    overflow: scroll !important;
    padding: 0;
    position: relative !important;
    top: 0;
    width: auto !important
}

.scroll-wrapper>.scroll-content::-webkit-scrollbar {
    height: 0;
    width: 0
}

.scroll-element {
    display: none
}

.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {
    display: block
}

.scroll-element .scroll-arrow,
.scroll-element .scroll-bar {
    cursor: default
}

.scroll-textarea {
    border: 1px solid #ccc;
    border-top-color: #999
}

.scroll-textarea>.scroll-content {
    overflow: hidden !important
}

.scroll-textarea>.scroll-content>textarea {
    border: none !important;
    box-sizing: border-box;
    height: 100% !important;
    margin: 0;
    max-height: none !important;
    max-width: none !important;
    overflow: scroll !important;
    outline: 0;
    padding: 2px;
    position: relative !important;
    top: 0;
    width: 100% !important
}

.scroll-textarea>.scroll-content>textarea::-webkit-scrollbar {
    height: 0;
    width: 0
}

.scroll-element,
.scroll-element div {
    box-sizing: content-box;
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10
}

.scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%
}

.scroll-element.scroll-x {
    top: 0;
    height: 3rem;
    left: 0;
    width: 100%
}

.scroll-element.scroll-y {
    height: 100%;
    right: 2px;
    top: 0;
    width: 3rem
}

.scroll-element .scroll-element_outer {
    overflow: hidden
}

.scroll-element .scroll-bar,
.scroll-element .scroll-element_outer,
.scroll-element .scroll-element_track {
    border-radius: 8px
}

.scroll-element .scroll-element_track {
    background-color: var(--line-light1)
}

.scroll-element .scroll-bar {
    background-color: var(--black)
}

.scroll-element.scroll-draggable .scroll-bar,
.scroll-element:hover .scroll-bar {
    background-color: #919191
}

.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
    left: -12px
}

.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
    top: -12px
}

.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
    left: -12px
}

.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
    top: -12px
}

@font-face {
    font-family: swiper-icons;
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
    font-weight: 400;
    font-style: normal
}

:host {
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    z-index: 1
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block
}

.swiper-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    box-sizing: content-box
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
    transform: translate3d(0, 0, 0)
}

.swiper-horizontal {
    touch-action: pan-y
}

.swiper-vertical {
    touch-action: pan-x
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    display: block
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height
}

.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    backface-visibility: hidden
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-3d {
    perspective: 1200px
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide {
    transform-style: preserve-3d
}

.swiper-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-css-mode.swiper-horizontal>.swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-css-mode.swiper-vertical>.swiper-wrapper {
    scroll-snap-type: y mandatory
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
    scroll-snap-type: none
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: none
}

.swiper-css-mode.swiper-centered>.swiper-wrapper::before {
    content: "";
    flex-shrink: 0;
    order: 9999
}

.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, .15)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
    animation: 1s linear infinite swiper-preloader-spin
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0)
    }
    100% {
        transform: rotate(360deg)
    }
}

.swiper-grid>.swiper-wrapper {
    flex-wrap: wrap
}

.swiper-grid-column>.swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column
}

.swiper-fade.swiper-free-mode .swiper-slide,
.swiper-fadeNew.swiper-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-fade .swiper-slide,
.swiper-fadeNew .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.swiper-fade .swiper-slide .swiper-slide,
.swiper-fadeNew .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active,
.swiper-fadeNew .swiper-slide-active,
.swiper-fadeNew .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

@font-face {
    font-family: Calibri;
    src: url(../fonts/Calibri/Calibri-Light.eot);
    src: url(../fonts/Calibri/Calibri-Light.eot?#iefix) format("embedded-opentype"), url(../fonts/Calibri/Calibri-Light.woff2) format("woff2"), url(../fonts/Calibri/Calibri-Light.woff) format("woff"), url(../fonts/Calibri/Calibri-Light.ttf) format("truetype");
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Calibri;
    src: url(../fonts/Calibri/Calibri-LightItalic.eot);
    src: url(../fonts/Calibri/Calibri-LightItalic.eot?#iefix) format("embedded-opentype"), url(../fonts/Calibri/Calibri-LightItalic.woff2) format("woff2"), url(../fonts/Calibri/Calibri-LightItalic.woff) format("woff"), url(../fonts/Calibri/Calibri-LightItalic.ttf) format("truetype");
    font-weight: 300;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Calibri;
    src: url(../fonts/Calibri/Calibri.eot);
    src: url(../fonts/Calibri/Calibri.eot?#iefix) format("embedded-opentype"), url(../fonts/Calibri/Calibri.woff2) format("woff2"), url(../fonts/Calibri/Calibri.woff) format("woff"), url(../fonts/Calibri/Calibri.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Calibri;
    src: url(../fonts/Calibri/Calibri-Italic.eot);
    src: url(../fonts/Calibri/Calibri-Italic.eot?#iefix) format("embedded-opentype"), url(../fonts/Calibri/Calibri-Italic.woff2) format("woff2"), url(../fonts/Calibri/Calibri-Italic.woff) format("woff"), url(../fonts/Calibri/Calibri-Italic.ttf) format("truetype");
    font-weight: 400;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Calibri;
    src: url(../fonts/Calibri/Calibri-Bold.eot);
    src: url(../fonts/Calibri/Calibri-Bold.eot?#iefix) format("embedded-opentype"), url(../fonts/Calibri/Calibri-Bold.woff2) format("woff2"), url(../fonts/Calibri/Calibri-Bold.woff) format("woff"), url(../fonts/Calibri/Calibri-Bold.ttf) format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Calibri;
    src: url(../fonts/Calibri/Calibri-BoldItalic.eot);
    src: url(../fonts/Calibri/Calibri-BoldItalic.eot?#iefix) format("embedded-opentype"), url(../fonts/Calibri/Calibri-BoldItalic.woff2) format("woff2"), url(../fonts/Calibri/Calibri-BoldItalic.woff) format("woff"), url(../fonts/Calibri/Calibri-BoldItalic.ttf) format("truetype");
    font-weight: 700;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Philosopher;
    src: url(../fonts/Philosopher/Philosopher-Bold.eot);
    src: url(../fonts/Philosopher/Philosopher-Bold.eot?#iefix) format("embedded-opentype"), url(../fonts/Philosopher/Philosopher-Bold.woff) format("woff"), url(../fonts/Philosopher/Philosopher-Bold.ttf) format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Philosopher;
    src: url(../fonts/Philosopher/Philosopher-BoldItalic.eot);
    src: url(../fonts/Philosopher/Philosopher-BoldItalic.eot?#iefix) format("embedded-opentype"), url(../fonts/Philosopher/Philosopher-BoldItalic.woff) format("woff"), url(../fonts/Philosopher/Philosopher-BoldItalic.ttf) format("truetype");
    font-weight: 700;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Lexend; 
    src: url('../fonts/Lexend/Lexend-Bold.ttf') format('opentype');
    font-weight: 700;
    font-display: swap;
}
@font-face {
    font-family: Lexend; 
    src: url('../fonts/Lexend/Lexend-Medium.ttf') format('opentype');
    font-weight: 500;
    font-display: swap;
}
@font-face {
    font-family: Lexend; 
    src: url('../fonts/Lexend/Lexend-Regular.ttf') format('opentype');
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans'; 
    src: url('../fonts/Open-Sans/OpenSans-Bold.ttf') format('opentype');
    font-weight: 700;
    font-display: swap;
}
@font-face {
    font-family: 'Open Sans'; 
    src: url('../fonts/Open-Sans/OpenSans-Medium.ttf') format('opentype');
    font-weight: 500;
    font-display: swap;
}
@font-face {
    font-family: 'Open Sans'; 
    src: url('../fonts/Open-Sans/OpenSans-Regular.ttf') format('opentype');
    font-weight: 400;
    font-display: swap;
}


* {
    box-sizing: border-box;
    outline: 0 !important;
    -webkit-tap-highlight-color: transparent
}

::after,
::before {
    box-sizing: border-box
}

.clearfix:after,
.clearfix:before {
    content: "";
    display: table
}

.clearfix:after {
    clear: both
}

.clearfix {
    *zoom: 1;
    width: 100%
}

html {
    font-size: calc(1 * var(--fz));
    /* scroll-behavior: smooth */
}

body {
    font-family: var(--font);
    margin: 0;
    padding: 0;
    font-size: 16rem;
    line-height: 1;
    overflow-x: hidden;
    position: relative;
    font-weight: 400;
    transition: opacity .5s ease-in-out;
    opacity: 0;
    font-optical-sizing: auto;
    display: flex;
    flex-flow: column;
    min-height: 100vh
}

body.is-loaded {
    opacity: 1
}

.compensate-for-scrollbar {
    margin-right: 0 !important
}

main {
    flex: auto;
    margin-top: var(--header-height)
}

button,
input,
label,
legend,
textarea {
    font-family: var(--font);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

button::-webkit-input-placeholder,
input::-webkit-input-placeholder,
label::-webkit-input-placeholder,
legend::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    font-family: var(--font)
}

button:-moz-placeholder,
input:-moz-placeholder,
label:-moz-placeholder,
legend:-moz-placeholder,
textarea:-moz-placeholder {
    font-family: var(--font)
}

button::-moz-placeholder,
input::-moz-placeholder,
label::-moz-placeholder,
legend::-moz-placeholder,
textarea::-moz-placeholder {
    font-family: var(--font)
}

button:-ms-input-placeholder,
input:-ms-input-placeholder,
label:-ms-input-placeholder,
legend:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    font-family: var(--font)
}

label {
    margin: 0;
    font-weight: inherit
}

img {
    max-width: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

a {
    transition: .2s
}

a:focus {
    color: inherit
}

a:active,
a:hover {
    text-decoration: none
}

footer,
header,
section {
    position: relative;
    z-index: 5
}

svg {
    fill: currentColor
}

.btn-item {
    display: inline-block;
    vertical-align: top;
    padding: 0;
    border: none;
    background: 0 0;
    border-radius: 0;
    cursor: pointer;
    transition: .3s ease-in-out
}

.ico {
    display: inline-block;
    vertical-align: top
}

.ico-center {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto
}

.list-vert {
    display: inline-block;
    vertical-align: top;
    padding: 0;
    margin: 0
}

.list-vert li {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    list-style: none
}

.list-vert li:last-child {
    margin-bottom: 0
}

.list-hor {
    display: inline-block;
    vertical-align: top;
    padding: 0;
    margin: 0
}

.list-hor li {
    display: inline-block;
    vertical-align: top;
    float: left;
    list-style: none
}

.list-hor li:last-child {
    margin-right: 0
}

.img-item {
    font-size: 0 !important;
    line-height: 1 !important
}

.img-pos {
    position: relative;
    overflow: hidden
}

.img-pos img,
.img-pos video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.button-item {
    border: none;
    padding: 0;
    background: 0 0;
    cursor: pointer
}

.section-flex {
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center
}

.container {
    width: 100%;
    position: relative;
    z-index: 5;
    max-width: var(--container);
    padding: 0 var(--container-padding);
    margin: 0 auto;
    display: flex;
    flex-flow: column
}

.pfl-bg,
.pfl-img {
    transition: opacity .5s
}

.pfl-bg.pfl-lazy,
.pfl-bg[data-lazy],
.pfl-img.pfl-lazy,
.pfl-img[data-lazy] {
    opacity: 0
}

[href*=savefrom] {
    display: none !important
}

.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border: none !important;
    text-decoration: none !important;
    position: relative;
    z-index: 1;
    transition: .2s ease-out;
    background: var(--btn-bg);
    color: var(--btn-color);
    padding: 0 20px;
    min-height: 44px;
    border-radius: 22px;
    font-size: 16px;
    line-height: 1.5
}

.btn svg.btn--ico {
    width: 24px;
    height: 24px;
    min-width: 24px;
    fill: currentColor
}

.btn svg {
    width: 20px
}

.btn--text {
    line-height: 1.25
}

.btn--text+.btn--ico {
    margin-left: 15px
}

.btn[disabled] {
    pointer-events: none;
    opacity: .75
}

.btn:active,
.btn:focus {
    color: var(--btn-color)
}

.btn:active .btn--text,
.btn:focus .btn--text {
    color: var(--btn-color)
}

.btn-green {
    --btn-bg: var(--c-green);
    --btn-bg-active: var(--c-darkblue);
    --btn-bg-hover: var(--c-darkblue)
}

.btn-mint {
    --btn-bg: var(--c-mint);
    --btn-bg-active: var(--c-darkblue);
    --btn-bg-hover: var(--c-darkblue)
}

.btn-dark {
    --btn-bg: var(--c-darkblue);
    --btn-bg-active: var(--c-blue);
    --btn-bg-hover: var(--c-blue)
}

.btn:active,
.btn:hover:active {
    background: var(--btn-bg-active);
    color: var(--btn-color-active)
}

.link-outer {
    text-decoration: none !important;
    color: var(--link-color)
}

.contact--text a,
.faq--answer a,
.link,
.service--data a,
.text a:not(.btn) {
    text-decoration: none !important;
    color: var(--link-color);
    transition: var(--link-transition)
}

.link--outer {
    text-decoration: none !important;
    color: var(--link-color)
}

.contact--text a,
.faq--answer a,
.link-hover,
.link-under,
.service--data a,
.text a:not(.btn) {
    background-image: linear-gradient(currentColor, currentColor);
    background-size: 0 var(--link-height);
    background-repeat: no-repeat;
    padding-bottom: var(--link-padding);
    background-position: 0 100%
}

.contact--text a,
.link-hover,
.service--data a {
    background-size: 0 var(--link-height)
}

.faq--answer a,
.link-under,
.text a:not(.btn) {
    background-size: 100% var(--link-height)
}

.link-bg {
    background: var(--link-bg)
}

.link-border {
    border: var(--link-border-width) var(--link-border-style, solid) var(--link-border-color)
}

.contact--text a:active,
.contact--text a:focus,
.faq--answer a:active,
.faq--answer a:focus,
.link:active,
.link:focus,
.service--data a:active,
.service--data a:focus,
.text a:active:not(.btn),
.text a:focus:not(.btn) {
    color: var(--link-color)
}

.contact--text a svg,
.faq--answer a svg,
.link svg,
.service--data a svg,
.text a:not(.btn) svg {
    fill: currentColor
}

.marquee {
    position: relative;
    white-space: nowrap;
    overflow: hidden
}

.marquee--scroll {
    position: relative;
    display: flex;
    width: 140%;
    margin-left: -20%
}

.marquee--content {
    position: relative;
    display: flex;
    will-change: transform
}

.marquee[data-marquee-direction=left] .marquee--scroll {
    flex-direction: row-reverse;
    margin-left: 20%
}

.title {
    word-break: break-word;
    font-weight: 700;
    font-size: 24px;
    line-height: 1;
    text-align: center;
    font-family: var(--font-second);
    padding-top: .1em;
    padding-bottom: .1em;
    color: var(--c-darkblue)
}

.title span {
    font-weight: 400;
    font-size: 20px
}

.title h1,
.title h2 {
    margin: 0;
    padding: 0;
    font-weight: inherit;
    font-size: inherit
}

.pagetitle {
    word-break: break-word;
    font-weight: 700;
    font-size: 24px;
    line-height: 1.2;
    color: var(--c-black);
    margin: 0 0 16px;
    font-family: var(--font-second)
}

.pagetitle h1,
.pagetitle h2 {
    margin: 0;
    padding: 0;
    font-weight: inherit;
    font-size: inherit
}

.form {
    display: flex;
    flex-flow: column;
    align-items: center;
    gap: 15px
}

.form>* {
    flex: 0 0 100%
}

.form * {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.form--inp {
    z-index: 1;
    position: relative
}

.form--inp .form-control-static {
    min-height: initial;
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 0;
    margin-top: 0
}

.form--inp .prmn-cmngr-simplecity {
    display: flex;
    align-items: center
}

.form--inp-shipping_address_city .simplecheckout-rule-group {
    display: none
}

.form--inp.req .form--label:after {
    content: "*";
    color: #f11b1b
}

.form--inp.error,
.form--inp.has-error,
.form--inp.invalid {
    color: #f11b1b;
    animation: .5s ease-in form-error
}

.form--inp.error .form--input,
.form--inp.error .form--textarea,
.form--inp.error .prmn-cmngr-simplecity,
.form--inp.has-error .form--input,
.form--inp.has-error .form--textarea,
.form--inp.has-error .prmn-cmngr-simplecity,
.form--inp.invalid .form--input,
.form--inp.invalid .form--textarea,
.form--inp.invalid .prmn-cmngr-simplecity {
    border-color: #f11b1b !important;
    color: #f11b1b;
    background: 0 0
}

.form--label {
    font-size: 16px;
    line-height: 1.5;
    color: var(--c-darkgray);
    position: absolute;
    left: 40px;
    top: 20px;
    pointer-events: none;
    transition: .3s ease-in-out
}

.form--inp .prmn-cmngr-simplecity,
.form--input,
.form--select,
.form--textarea {
    width: 100%;
    background: 0 0;
    transition: .3s ease-in-out;
    color: #060709;
    font-size: 15px;
    line-height: 1.2;
    border-radius: 10px;
    background: var(--c-gray-blue);
    border: none
}

.form--inp .prmn-cmngr-simplecity::-webkit-input-placeholder,
.form--input::-webkit-input-placeholder,
.form--select::-webkit-input-placeholder,
.form--textarea::-webkit-input-placeholder {
    color: #060709
}

.form--inp .prmn-cmngr-simplecity:-moz-placeholder,
.form--input:-moz-placeholder,
.form--select:-moz-placeholder,
.form--textarea:-moz-placeholder {
    color: #060709
}

.form--inp .prmn-cmngr-simplecity::-moz-placeholder,
.form--input::-moz-placeholder,
.form--select::-moz-placeholder,
.form--textarea::-moz-placeholder {
    color: #060709
}

.form--inp .prmn-cmngr-simplecity:-ms-input-placeholder,
.form--input:-ms-input-placeholder,
.form--select:-ms-input-placeholder,
.form--textarea:-ms-input-placeholder {
    color: #060709
}

.form--inp .error.prmn-cmngr-simplecity,
.form--inp .invalid.prmn-cmngr-simplecity,
.form--input.error,
.form--input.invalid,
.form--select.error,
.form--select.invalid,
.form--textarea.error,
.form--textarea.invalid {
    box-shadow: inset 0 0 0 2px var(--c-red) !important;
    animation: .5s ease-in form-error
}

.form--inp .prmn-cmngr-simplecity:focus~.form--label,
.form--inp .valid.prmn-cmngr-simplecity~.form--label,
.form--input.valid~.form--label,
.form--input:focus~.form--label,
.form--select.valid~.form--label,
.form--select:focus~.form--label,
.form--textarea.valid~.form--label,
.form--textarea:focus~.form--label {
    font-size: 14px;
    line-height: 1.4;
    top: 8px
}

.form--inp .prmn-cmngr-simplecity,
.form--input {
    text-overflow: ellipsis;
    height: 48px;
    min-height: 48px;
    padding: 0 16px
}

.form--select {
    text-overflow: ellipsis;
    height: 48px;
    min-height: 48px;
    padding: 0 30px 0 16px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    position: relative;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' fill='%233677B1'%3E%3Cpath d='M6.25674 9.08105C6.62621 8.67059 7.25836 8.63739 7.66885 9.00683L11.9999 12.9043L16.331 9.00683C16.7415 8.63739 17.3736 8.67059 17.7431 9.08105C18.1125 9.49154 18.0793 10.1237 17.6688 10.4932L11.9999 15.5957L6.33096 10.4932C5.9205 10.1237 5.8873 9.49154 6.25674 9.08105Z' /%3E%3C/svg%3E");
    background-size: 18px 18px;
    background-position: calc(100% - 5px) center;
    background-repeat: no-repeat
}

.form--textarea {
    resize: none;
    height: 100px;
    padding: 8px 16px
}

.form--agree {
    font-size: 15px;
    line-height: 1.2;
    color: var(--c-black);
    cursor: pointer;
    margin-top: 20px
}

.form--agree input {
    display: none
}

.form--agree input:checked+span:after {
    transform: scale(1)
}

.form--agree span {
    display: flex;
    padding-left: 40px;
    position: relative
}

.form--agree span:after,
.form--agree span:before {
    content: "";
    display: inline-block;
    vertical-align: top;
    position: absolute;
    left: 0;
    top: 50%;
    width: 24px;
    height: 24px;
    margin-top: -12px;
    border-radius: 3px;
    background: var(--c-gray-blue);
    transition: .2s ease-out
}

.form--agree span:after {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.49995 15.2545L18.7928 5.89758L20.2071 7.32154L9.49995 18.1024L3.79285 12.356L5.20706 10.932L9.49995 15.2545Z' fill='%233677B1'/%3E%3C/svg%3E%0A");
    transform: scale(0)
}

.form--agree.error,
.form--agree.invalid {
    color: var(--c-red);
    animation: .5s ease-in form-error
}

.form--submit {
    min-height: 48px;
    border-radius: 30px;
    gap: 42px;
    padding: 0 32px
}

.form--submit svg {
    width: 24px;
    height: 24px;
    fill: currentColor
}

@keyframes form-error {
    0%,
    100% {
        transform: none
    }
    20%,
    60% {
        transform: translateX(-15px)
    }
    40%,
    80% {
        transform: translateX(15px)
    }
}

.fancy-modal {
    z-index: var(--z-loading)
}

.fancybox-slide--html {
    padding: 0 !important
}

.mmodal {
    border-radius: 30rem;
    padding: 60px 15px;
    box-shadow: 0 -6px 15px 0 rgba(0, 0, 0, .03), 0 6px 15px 0 rgba(0, 0, 0, .03), -6px 0 15px 0 rgba(0, 0, 0, .03), 6px 0 15px 0 rgba(0, 0, 0, .03);
    width: 90%;
    max-width: 400px
}

.mmodal .fancybox-close-small {
    padding: 0;
    background: var(--c-lightgray);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: .2s ease-out;
    width: 40px;
    height: 40px;
    border-radius: 3px;
    right: 15px;
    top: 15px
}

.mmodal .fancybox-close-small svg {
    width: 24px;
    height: 24px
}

.mmodal .fancybox-close-small:hover {
    background: var(--c-blue);
    color: #fff
}

.mmodal--title {
    font-size: 32px;
    line-height: 1;
    font-family: var(--font-second);
    font-weight: 700;
    text-align: center;
    margin-bottom: 30px
}

.mmodal--form {
    gap: 10px
}

.mmodal--form .form--submit {
    margin-top: 25px;
    margin-left: auto;
    margin-right: auto
}

.modalert {
    display: flex;
    flex-flow: column;
    align-items: flex-end;
    gap: 20rem;
    position: fixed;
    top: 20px;
    right: 20rem;
    z-index: var(--z-alert)
}

.modalert--item {
    --link-color: #fff;
    --link-color-active: rgba(255, 255, 255, .75);
    display: flex;
    flex-flow: column;
    position: relative;
    background: var(--c-darkblue);
    color: #fff;
    border: 1px solid var(--c-blue);
    border-radius: 10rem;
    padding: 15rem;
    font-size: 16rem;
    line-height: 18rem;
    font-weight: 700;
    gap: 10rem;
    max-width: min(90vw, 410rem);
    opacity: 0;
    transform: translateY(50px);
    transition: .3s;
    margin-bottom: 0;
    min-width: 250px
}

.modalert--item.--active {
    opacity: 1;
    transform: none
}

.modalert--item.--dis {
    opacity: 0;
    margin-bottom: calc(-1 * var(--item-h) - 20rem);
    transform: translateY(-100%)
}

.modalert--top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 5rem
}

.modalert--title {
    opacity: .5;
    font-weight: 400;
    letter-spacing: .02em
}

.modalert--close {
    margin-left: auto
}

.modalert--close svg {
    width: 20rem;
    height: 20rem;
    min-width: 20rem
}

.modalert--success {
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
    display: flex !important;
    opacity: 1;
    transform: none
}

.modalert-success {
    --link-color: #fff;
    --link-color-active: #000;
    background: #0ce;
    color: #fff;
    opacity: 1;
    transform: none;
    display: flex !important
}

.modalert-success .fancybox-button {
    display: none
}

.modpr {
    display: flex;
    gap: 10rem;
    align-items: center
}

.modpr--img {
    flex: 0 0 52rem;
    max-width: 52rem;
    min-width: 52rem
}

.modpr--img img {
    border-radius: 10rem
}

.modpr--data {
    flex: auto;
    display: flex;
    flex-flow: column;
    gap: 10rem
}

.modpr--price {
    display: flex;
    gap: 5rem;
    align-items: center
}

.modpr--price span:first-child {
    color: var(--c-orange)
}

.modpr--price span:last-child {
    color: var(--c-gray);
    text-decoration: line-through
}

.loading {
    display: none;
    position: fixed;
    z-index: var(--z-loading);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(255, 255, 255, .5)
}

.cssload-clock {
    border-radius: 68px;
    border: 3px solid var(--c-blue);
    height: 100px;
    width: 100px;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.cssload-clock:after {
    content: "";
    position: absolute;
    background-color: var(--c-blue);
    top: 6px;
    left: 48%;
    height: 43px;
    width: 5px;
    border-radius: 6px;
    transform-origin: 50% 97%;
    -o-transform-origin: 50% 97%;
    -ms-transform-origin: 50% 97%;
    -webkit-transform-origin: 50% 97%;
    -moz-transform-origin: 50% 97%;
    animation: 2.3s linear infinite grdAiguille;
    -o-animation: 2.3s linear infinite grdAiguille;
    -ms-animation: grdAiguille 2.3s linear infinite;
    -webkit-animation: 2.3s linear infinite grdAiguille;
    -moz-animation: 2.3s linear infinite grdAiguille
}

.cssload-clock:before {
    content: "";
    position: absolute;
    background-color: var(--c-blue);
    top: 11px;
    left: 48%;
    height: 39px;
    width: 5px;
    border-radius: 6px;
    transform-origin: 50% 94%;
    -o-transform-origin: 50% 94%;
    -ms-transform-origin: 50% 94%;
    -webkit-transform-origin: 50% 94%;
    -moz-transform-origin: 50% 94%;
    animation: 13.8s linear infinite ptAiguille;
    -o-animation: 13.8s linear infinite ptAiguille;
    -ms-animation: ptAiguille 13.8s linear infinite;
    -webkit-animation: 13.8s linear infinite ptAiguille;
    -moz-animation: 13.8s linear infinite ptAiguille
}

@keyframes grdAiguille {
    0% {
        transform: rotate(0)
    }
    100% {
        transform: rotate(360deg)
    }
}

@keyframes ptAiguille {
    0% {
        transform: rotate(0)
    }
    100% {
        transform: rotate(360deg)
    }
}

.nav--cont {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    margin-top: 32px
}

.nav--cont .nav--item {
    width: 39px;
    height: 32px;
    color: var(--c-blue);
    border-radius: 13px
}

.nav--item {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 0;
    border: none;
    cursor: pointer;
    transition: .3s ease-out;
    color: var(--c-black);
    width: 24px;
    height: 24px
}

.nav--item svg {
    width: 24px;
    height: 24px;
    fill: currentColor
}

.nav--item:disabled {
    pointer-events: none
}

.nav--bg {
    background: var(--c-lightgray)
}

.nav--page {
    flex: auto;
    display: flex;
    justify-content: start;
    height: 15px;
    border-radius: 3px;
    background: var(--c-gray-blue);
    overflow: hidden
}

.nav--page span {
    background: var(--c-blue) !important;
    flex: auto;
    transform-origin: 0 center
}

.nav--page .swiper-scrollbar-drag {
    background: var(--c-blue) !important
}

.text {
    color: #2f323a;
    font-size: var(--text-fz);
    line-height: var(--text-lh);
    word-break: break-word;
    font-weight: 400
}

.text strong {
    font-weight: 700
}

.text>* {
    margin-bottom: var(--text-margin)
}

.text>:last-child {
    margin-bottom: 0 !important
}

.text h1,
.text h2,
.text h3,
.text h4,
.text h5,
.text h6 {
    font-weight: 700;
    margin: var(--text-head-top) 0 var(--text-head-bottom)
}

.text h1:first-child,
.text h2:first-child,
.text h3:first-child,
.text h4:first-child,
.text h5:first-child,
.text h6:first-child {
    margin-top: 0
}

.text h1 {
    font-size: 24px;
    line-height: 1.5
}

.text h2 {
    font-size: 24px;
    line-height: 1.25
}

.text h3 {
    font-size: 22px;
    line-height: 27px
}

.text p {
    margin: 0 0 var(--text-margin)
}

.text p+ul {
    margin-top: -10px
}

.text>img,
.text>p>img {
    border-radius: 15px;
    box-shadow: 0 -6px 15px 0 rgba(0, 0, 0, .03), 0 6px 15px 0 rgba(0, 0, 0, .03), -6px 0 15px 0 rgba(0, 0, 0, .03), 6px 0 15px 0 rgba(0, 0, 0, .03)
}

.text a:not(.btn) {
    --link-color: var(--c-pink)
}

.text ol,
.text ul {
    margin: 0 0 var(--text-margin);
    padding-left: 0
}

.text ul li {
    margin-bottom: var(--text-li-margin);
    position: relative;
    list-style: none;
    padding-left: 20px
}

.text ul li:before {
    content: "";
    display: inline-block;
    vertical-align: top;
    position: absolute;
    width: 10rem;
    height: 10rem;
    left: 0;
    background: var(--c-mint);
    top: 50%;
    transform: translateY(-50%);
    border-radius: 50%
}

.text ul li:last-child {
    margin-bottom: 0
}

.text ul li li:before {
    background: 0 0
}

.text ol li {
    margin-bottom: var(--text-li-margin)
}

.text ol li:last-child {
    margin-bottom: 0
}

.text blockquote {
    margin: 0 0 var(--text-margin) !important
}

.text>img {
    margin-bottom: 0
}

.maptext {
    border-radius: 16rem;
    padding: 15rem;
    box-shadow: 0 -6px 15px 0 rgba(0, 0, 0, .03), 0 6px 15px 0 rgba(0, 0, 0, .03), -6px 0 15px 0 rgba(0, 0, 0, .03), 6px 0 15px 0 rgba(0, 0, 0, .03);
    background: #fff;
    margin-bottom: 144px
}

.maptext--title {
    font-size: 22px;
    line-height: 27px;
    color: var(--c-red);
    font-weight: 700
}

.maptext p {
    margin: 0
}

.maptext--text {
    margin-right: 70px
}

.maptext--img {
    margin: 0 -15px -128px;
    height: 128px;
    border-radius: 16px;
    box-shadow: 0 -6px 15px 0 rgba(0, 0, 0, .03), 0 6px 15px 0 rgba(0, 0, 0, .03), -6px 0 15px 0 rgba(0, 0, 0, .03), 6px 0 15px 0 rgba(0, 0, 0, .03);
    background: #fff
}

.maptext--img img {
    -o-object-position: 0 0;
    object-position: 0 0
}

.ctext {
    display: flex;
    align-items: center
}

.ctext+.ctext {
    margin-top: -10px
}

.ctext--img {
    flex: 0 0 65px
}

.ctext--img img {
    width: 50px
}

.ctext--text {
    flex: auto
}

.bread {
    margin-top: 10px;
    margin-bottom: 8px
}

.bread--list {
    --link-color: var(--c-gray);
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    font-size: 12px;
    line-height: 1.5;
    color: var(--c-gray)
}

.bread--list li {
    display: inline-flex;
    align-items: center;
    gap: 5px
}

.bread--list li svg {
    width: 6px;
    height: 10px;
    fill: var(--c-blue)
}

.pageitem--pagination {
    display: none
}

.pageitem--pagination:empty+.pageitem--more {
    display: none
}

.dropdown {
    position: relative
}

.dropdown--btn {
    cursor: pointer
}

.dropdown--list {
    display: inline-flex;
    opacity: 0;
    visibility: hidden;
    flex-flow: column;
    position: absolute;
    left: 0;
    top: 100%;
    background: #fff;
    transform: scaleY(0);
    transform-origin: center 0;
    transition: .2s ease-in-out
}

.dropdown:not(.--show) .dropdown--list {
    pointer-events: none
}

.dropdown.--show {
    z-index: 999
}

.dropdown.--show .dropdown--list {
    opacity: 1;
    visibility: visible;
    transform: none
}

.soclist {
    display: flex;
    flex-wrap: wrap;
    gap: 10px
}

.soclist svg {
    width: 22px;
    height: 22px
}

.price {
    display: flex;
    align-items: center;
    gap: 12px
}

.price--old {
    font-size: 12px;
    line-height: 1.5;
    color: var(--c-gray);
    text-decoration: line-through
}

.price--old+.price--val {
    color: var(--c-red)
}

.price--val {
    font-size: 18px;
    line-height: 1.5;
    font-weight: 700
}

.price-xl .price--old {
    font-size: 16px
}

.price-xl .price--val {
    font-size: 24px
}

.rate {
    display: flex;
    align-items: center;
    font-size: 12px;
    line-height: 1.5
}

.rate--rating {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    order: 1
}

.rate--rating:before {
    content: "";
    display: inline-block;
    vertical-align: top;
    width: 15px;
    height: 15px;
    background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.57075 1.705L9.74409 4.05167C9.90409 4.37833 10.3308 4.69167 10.6908 4.75167L12.8174 5.105C14.1774 5.33167 14.4974 6.31833 13.5174 7.29167L11.8641 8.945C11.5841 9.225 11.4308 9.765 11.5174 10.1517L11.9908 12.1983C12.3641 13.8183 11.5041 14.445 10.0708 13.5983L8.07742 12.4183C7.71742 12.205 7.12409 12.205 6.75742 12.4183L4.76409 13.5983C3.33742 14.445 2.47075 13.8117 2.84409 12.1983L3.31742 10.1517C3.40409 9.765 3.25075 9.225 2.97075 8.945L1.31742 7.29167C0.344086 6.31833 0.65742 5.33167 2.01742 5.105L4.14409 4.75167C4.49742 4.69167 4.92409 4.37833 5.08409 4.05167L6.25742 1.705C6.89742 0.431667 7.93742 0.431667 8.57075 1.705Z' fill='%23F2BC1B' stroke='%23F2BC1B' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E")
}

.rate--reviews {
    margin-left: auto;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    order: 3
}

.rate--reviews span:last-child {
    color: var(--c-gray)
}

.rate--dev {
    display: block;
    width: 1px;
    height: 12px;
    background: var(--c-color-6)
}

.rate-product {
    font-size: 16px;
    line-height: 1.25;
    gap: 16px
}

.rate-product:before {
    content: "";
    display: inline-block;
    vertical-align: top;
    width: 1px;
    height: 12px;
    background: var(--c-gray);
    order: 2
}

.rate-popular {
    gap: 16px
}

.rate-popular>* {
    order: 1
}

.custom-scroll.scroll-scrolly_visible {
    padding-right: 14px
}

.custom-scroll .scroll-element.scroll-y {
    width: 6px;
    right: 0;
    margin-left: 8px
}

.custom-scroll .scroll-element .scroll-element_outer {
    background: #fff;
    border-radius: 3px
}

.custom-scroll .scroll-element .scroll-element_outer .scroll-bar {
    background: #cfd2d5;
    border-radius: 3px
}

.qty {
    display: inline-flex;
    align-items: center;
    color: #060709;
    gap: 4px
}

.qty--btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    transition: .2s ease-out;
    border-radius: 4px
}

.qty--btn svg {
    width: 16px;
    height: 16px;
    fill: currentColor
}

.qty--btn:disabled {
    opacity: .75;
    pointer-events: none
}

.qty--input {
    border: none;
    background: var(--c-lightgray);
    border-radius: 4px;
    width: 36px;
    height: 36px;
    text-align: center;
    font-size: 15px
}

.header {
    z-index: 999;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #fff;
    padding-bottom: 10px
}

.header--row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 4px 0 9px;
    -webkit-user-select: text; 
    -ms-user-select: text;    
    user-select: text;        
}

.header--mmenu {
    display: inline-flex
}

.header--mmenu .mmenu--show {
    color: var(--c-blue)
}

.header--mmenu .mmenu--list {
    margin-top: 10px
}

.header--logo {
    margin-top: 2px;
    margin-bottom: -2px
}

.header--logo img {
    max-width: 140px;
    max-height: 60px
}

.header--button {
    min-height: 48px;
    border-radius: 24px
}

.header--col {
    --link-color: var(--c-darkblue);
    display: inline-flex;
    flex-flow: column;
    font-size: 14px;
    line-height: 1.5;
    color: var(--c-gray);
    text-align: center
}

.header--col a {
    font-size: 19px;
    line-height: 23px;
    font-weight: 700
}

.header--number svg {
    display: none;
    width: 25px;
    height: 25px;
    fill: var(--c-blue)
}

.header--number span {
    font-size: 20px;
    letter-spacing: .02em
}

.header--cart {
    display: flex;
    align-items: center;
    gap: 30px
}

.header--search {
    position: relative
}

.hcart {
    --link-color: #fff;
    --link-color-active: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 52px;
    height: 52px;
    background: var(--c-darkblue);
    border-radius: 5px
}

.hcart svg {
    width: 24px;
    height: 24px;
    fill: currentColor
}

.hcart span {
    display: none
}

.hicon {
    display: inline-flex;
    position: relative
}

.hicon svg {
    width: 24px;
    height: 24px;
    fill: var(--c-blue)
}

.hicon span {
    position: absolute;
    top: -12px;
    right: -16px;
    border: 1px solid var(--c-gray-blue);
    border-radius: 50%;
    width: 24px;
    height: 24px;
    background: rgba(255, 255, 255, .6);
    color: var(--c-darkblue);
    font-size: 13px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center
}

.menu {
    position: relative;
    z-index: 4
}

.menu--row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px
}

.menu--mmenu .mmenu--show {
    color: #fff;
    height: 50px
}

.menu--mmenu .mmenu--show svg {
    width: 20px;
    height: 20px
}

.menu--links {
    position: relative;
    z-index: 5;
    display: inline-flex;
    align-items: center;
    gap: 46px;
    padding-top: 12px
}

.menu--search {
    flex: auto;
    position: relative
}

.menu--menu {
    --link-color: #fff;
    --link-color-active: #fff;
    display: flex
}

.menu--menu li {
    position: relative;
    text-align: center;
    padding: 0 3px
}

.menu--menu li:after {
    content: "";
    display: inline-block;
    vertical-align: top;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 28px;
    background: #fff
}

.menu--menu li:last-child:after {
    display: none
}

.catmenu--btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    min-height: 42px;
    color: #fff;
    gap: 10px;
    font-size: 16px;
    white-space: nowrap;
    padding: 0 15px;
    border-radius: 5px
}

.catmenu--icon {
    width: 24px;
    height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    transition: .2s ease-out
}

.catmenu--icon svg {
    width: 24px;
    height: 24px;
    min-width: 24px;
    fill: currentColor;
    transition: .2s ease-out
}

.catmenu--show {
    transform: scale(1)
}

.catmenu--close {
    transform: scale(0);
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -12px 0 0 -12px
}

.catmenu.--show .catmenu--btn {
    background: #fff;
    color: var(--c-darkblue)
}

.catmenu.--show .catmenu--show {
    transform: scale(0)
}

.catmenu.--show .catmenu--close {
    transform: scale(1)
}

.catmenu--list {
    display: flex;
    width: 330px;
    box-shadow: 0 8px 40px 0 rgba(120, 120, 120, .12);
    background: #fff;
    border-radius: 20px;
    font-size: 16px;
    line-height: 1.25
}

.catmenu--item {
    --link-color: #000;
    --link-color-active: var(--c-blue);
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 8px 20px 8px 15px;
    border-bottom: 1px solid var(--c-gray-blue)
}

.catmenu--img {
    flex: 0 0 45px;
    min-width: 45px;
    height: 45px;
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.catmenu--img img {
    max-width: 45px;
    max-height: 45px;
    -o-object-fit: contain;
    object-fit: contain
}

.fsearch {
    position: relative
}

.fsearch--show {
    color: var(--c-blue)
}

.fsearch--show svg {
    width: 24px;
    height: 24px;
    fill: currentColor
}

.fsearch--input {
    width: 100%;
    border: none;
    padding: 0 40px 0 15px;
    border: 1px solid var(--c-gray-blue);
    border-radius: 6px;
    height: 42px;
    position: relative;
    z-index: 1;
    font-size: 16px;
    color: var(--c-darkblue)
}

.fsearch--input::-webkit-input-placeholder {
    color: var(--c-darkblue)
}

.fsearch--input:-moz-placeholder {
    color: var(--c-darkblue)
}

.fsearch--input::-moz-placeholder {
    color: var(--c-darkblue)
}

.fsearch--input:-ms-input-placeholder {
    color: var(--c-darkblue)
}

.fsearch--submit {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--c-darkblue);
    z-index: 5
}

.fsearch--submit svg {
    width: 20px;
    height: 20px;
    fill: currentColor
}

.fsearch-header {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -25px;
    width: 332px;
    transform-origin: 100% center;
    transform: scaleX(0);
    transition: .2s ease-out
}

.fsearch-header .fsearch--input {
    height: 50px;
    padding-left: 42px;
    padding-right: 20px
}

.fsearch-header .fsearch--submit {
    left: 15px;
    right: auto
}

.fsearch-header.--focus {
    transform: scaleX(1)
}

.footer {
    margin-top: 50px;
    background: var(--c-gray-blue);
    padding: 30px 0;
    font-size: 12px;
    line-height: 1.5;
    color: var(--c-gray)
}

.footer--info {
    background: #fff;
    border-radius: 15px;
    padding: 15px;
    -webkit-user-select: text;
    -ms-user-select: text;
    user-select: text;
}

.footer--top {
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 5px
}

.footer--logo img {
    max-width: 200px
}

.footer--slogan {
    font-size: 16px;
    line-height: 20px;
    color: var(--c-gray)
}

.footer--menus {
    display: flex;
    justify-content: space-between;
    padding: 0 17px;
    margin-top: 11px
}

.footer--col {
    display: flex;
    flex-flow: column;
    gap: 10px;
    flex: 0 0 calc(50% - 7px)
}

.footer--dev a {
    font-weight: 700
}

.fdata {
    margin-top: 10px;
    display: flex;
    flex-flow: column;
    gap: 5px
}

.fdata--col {
    display: flex;
    flex-flow: column;
    gap: 5px;
    width: 100%
}

.fdata--item {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px
}

.fdata--val {
    --link-color: var(--c-darkblue);
    font-size: 16px
}

.fdata--val .soclist {
    margin-bottom: -2px
}

.frev {
    margin-top: 8px
}

.frev--name {
    font-size: 16px;
    text-align: center
}

.frev--list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px
}

.frev--item {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border: 1px solid var(--c-blue);
    border-radius: 3px;
    min-height: 37px;
    font-size: 10px;
    line-height: .9;
    flex: 0 0 100%
}

.frev--item img {
    max-height: 25px
}

.frev--caption {
    font-size: 16px;
    line-height: 1.5;
    color: var(--c-blue)
}

.fmenu {
    --link-color: var(--c-gray)
}

.fmenu--name {
    font-size: 16px;
    line-height: 20px;
    color: var(--c-blue)
}

.fmenu--list {
    display: flex;
    flex-flow: column;
    margin-top: 6px
}

.fancy-mmenu .fancybox-slide {
    padding: 0 !important
}

.fancy-mmenu .fancybox-bg {
    display: none !important
}

.mmenubtn {
    display: inline-flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    gap: 6px
}

.mmenubtn:after,
.mmenubtn:before {
    content: "";
    display: inline-flex;
    width: 26px;
    height: 2px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%232C2C2C' viewBox='0 0 26 2'%3E%3Cpath fill-rule='evenodd' d='M.25 1A.75.75 0 0 1 1 .25h24a.75.75 0 0 1 0 1.5H1A.75.75 0 0 1 .25 1Z' clip-rule='evenodd'/%3E%3C/svg%3E");
    transition: .2s ease-in-out .2s, _ .2s ease-in-out;
    transition-property: top, transform;
    transform-origin: center center;
    position: relative;
    top: 0
}

.mmenubtn-light:after,
.mmenubtn-light:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' viewBox='0 0 26 2'%3E%3Cpath fill-rule='evenodd' d='M.25 1A.75.75 0 0 1 1 .25h24a.75.75 0 0 1 0 1.5H1A.75.75 0 0 1 .25 1Z' clip-rule='evenodd'/%3E%3C/svg%3E")
}

.--mmenu .mmenu {
    transform: none
}

.mmenu--show svg {
    width: 24px;
    height: 24px;
    fill: currentColor;
    transition: .2s ease-out;
    transform: scale(1)
}

.mmenu--show svg:nth-child(2) {
    transform: scale(0);
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -12px 0 0 -12px
}

.mmenu--list {
    --link-color: #020407;
    --link-color-active: var(--c-blue);
    width: 288px;
    border-radius: 20rem;
    display: flex;
    flex-flow: column;
    box-shadow: 0 8px 40px 0 rgba(120, 120, 120, .12);
    font-size: 16px;
    line-height: 1.25
}

.mmenu--item {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 8px 15px;
    border-bottom: 1px solid var(--c-gray-blue)
}

.mmenu--item:last-child {
    border-bottom: none
}

.mmenu--icon {
    width: 32px;
    height: 32px;
    flex: 0 0 32px;
    min-width: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.mmenu--icon img {
    max-width: 32px;
    max-height: 32px
}

.mmenu.--show .mmenu--show svg:nth-child(2) {
    transform: scale(1)
}

.mmenu.--show .mmenu--show svg:nth-last-child(2) {
    transform: scale(0)
}

.nf--cont {
    display: flex;
    flex-flow: column
}

.nf--data {
    display: flex;
    flex-flow: column;
    gap: 15px;
    font-size: 16px;
    line-height: 1.5;
    color: var(--c-gray)
}

.nf--data p {
    margin: 0
}

.nf--title {
    font-size: 22px;
    line-height: 27px;
    font-weight: 700;
    color: var(--c-blue)
}

.nf--img {
    margin-top: 62px;
    margin-right: 5px
}

.hello {
    margin-top: 15px
}

.hello--cont {
    margin-left: -15px;
    margin-right: -15px
}

.hello--data {
    background: linear-gradient(140deg, #f7faff 0, #e0e1e2 100%);
    border-radius: 25px 25px 0 0;
    padding: 33px 15px 15px;
    position: relative
}

.hello--title {
    font-size: 24px;
    line-height: 1;
    color: #010205;
    position: relative;
    display: flex;
    flex-flow: column;
    gap: 13px;
    font-family: var(--font-second)
}

.hello--title span {
    color: #fff;
    display: inline-block;
    vertical-align: top;
    position: relative;
    z-index: 5;
    padding-left: 9px;
    padding-right: 12px;
    margin-left: 2px
}

.hello--title span:before {
    content: "";
    display: inline-block;
    vertical-align: top;
    position: absolute;
    left: 0;
    top: -3px;
    bottom: -7px;
    right: 0;
    background: var(--c-blue);
    z-index: -1;
    border-radius: 0 15px 15px 0
}

.hello--utps {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-top: 20px;
    flex-wrap: wrap;
}

.hello--utp {
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 7px;
    font-size: 14px;
    line-height: 1;
    color: var(--c-darkblue);
    flex-basis: calc(100% / 3);
}

.hello--utp img {
    height: 60px
}

.hello--text {
    margin-top: 15px;
    font-size: 16px;
    line-height: 1.5;
    text-align: center
}

.hello--btns {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 16px
}

.hello--img {
    height: 210px;
    border-radius: 0 0 25px 25px
}

.hellobtn {
    display: inline-flex;
    flex-flow: column;
    align-items: normal;
    padding: 10px 15px;
    width: 100%;
    border-radius: 25px
}
.hellobtnsec {
    margin-top: 10px;
    height: 80px;
    font-size: 22px;
    text-transform: uppercase;
    white-space: normal;
}

.hellobtn--left {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    border-bottom: 1px solid currentColor;
    padding-bottom: 5px;
    margin-bottom: 5px
}

.hellobtn--right {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px
}

.hellobtn--name {
    font-size: 20px;
    line-height: 1
}

.hellobtn--price {
    font-size: 34px;
    line-height: 1;
    font-weight: 700
}

.hellobtn--text {
    font-size: 22px;
    line-height: 1;
    text-transform: uppercase;
    white-space: initial;
    text-align: left
}

.hellobtn--percent {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 60px;
    height: 60px;
    min-width: 60px;
    border-radius: 50%;
    background: var(--c-green);
    font-size: 32px;
    line-height: 1;
    font-weight: 700;
    font-family: var(--font-phil)
}

.hellobtn--percent span {
    font-size: 22px
}

.hellobtn--arrow {
    min-width: 24px
}

.hellobtn--arrow svg {
    width: 24px;
    height: 24px;
    fill: currentColor
}

.homecat {
    padding-top: 15px
}

.homecat--cont {
    display: flex;
    flex-flow: column;
    margin-top: 15px
}

.homecat--item {
    --link-color: #fff;
    --link-color-active: #fff;
    display: flex;
    height: 200px;
    font-size: 22px;
    line-height: 27px;
    font-weight: 700;
    position: relative
}

.homecat--item:before {
    /* content: ""; */
    display: inline-block;
    vertical-align: top;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
    /* background: linear-gradient(180deg, rgba(0, 0, 0, 0) 58%, rgba(19, 38, 77, .8) 81%); */
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 58%, rgba(0, 0, 0, 1) 81%);
}
.homecat--item:hover::before {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 48%, rgba(0, 0, 0, 1) 81%);
}

.homecat--data {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 15px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    z-index: 10;
    gap: 30px;
    transition: .2s ease-out;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 10px, rgba(0, 0, 0, 0.6) 30px, rgba(0, 0, 0, 0.7) 90%);
}

.homecat--data svg {
    width: 24px;
    height: 24px;
    fill: currentColor;
    margin-top: -2px;
    margin-right: -2px
}

.homecat--name {
    transition: .2s ease-out
}
.homecat--data .utp {
    display: flex;
    max-height: 0;
    overflow: hidden;
    font-weight: 500;
    font-size: 14px;
    /* transition: max-height 0.3s ease-in; */
}

.system {
    margin-top: 15px
}

.system--cont {
    background: #f2f4f6;
    margin-left: -15px;
    margin-right: -15px;
    padding: 38px 30px 30px;
    border-radius: 25px
}

.system--cont .title {
    text-align: left
}

.system--sub {
    font-size: 14px;
    line-height: 1.5;
    margin-top: 10px
}

.system--sub strong {
    color: var(--c-blue)
}

.system--bottom {
    margin-top: 10px
}

.system--list {
    display: flex;
    flex-flow: column;
    gap: 15px
}

.system--item {
    display: flex;
    align-items: center;
    background: #fff;
    border-radius: 15px;
    gap: 10px;
    padding: 10px 15px 10px 0
}

.system--img {
    width: 94px;
    min-width: 94px
}

.system--text {
    font-weight: 16;
    line-height: 1.5
}

.system--text strong {
    color: var(--c-blue);
    font-weight: 700
}

.system--image {
    background: #fff;
    border-radius: 14px;
    padding: 7px;
    margin-top: 10px;
    position: relative;
    overflow: hidden
}

.system--image:before {
    content: "";
    display: inline-block;
    vertical-align: top;
    position: absolute;
    width: 157%;
    height: 265.33px;
    border-radius: 50%;
    opacity: .4;
    background: var(--c-gray-blue);
    box-shadow: 0 0 12px 0 rgba(5, 66, 44, .1);
    z-index: 1;
    top: 50%;
    left: 50%;
    transform: translateX(-50%)
}

.system--image img {
    position: relative;
    z-index: 5
}

.level {
    margin-top: 26px
}

.level--cont {
    display: flex;
    flex-flow: column;
    gap: 15px;
    margin-top: 12px
}

.level .title {
    line-height: 1.2
}

.level--img {
    text-align: center;
    position: relative;
    padding-bottom: 100%;
    width: 100%;
    margin-bottom: -3px
}

.level--img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.level--item {
    display: flex;
    flex-flow: column;
    align-items: flex-start;
    gap: 9px;
    position: relative;
    padding-left: 3px
}

.level--num {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 10px
}

.level--num span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--c-gray-blue);
    border-radius: 50%;
    padding: 6px;
    width: 42px;
    height: 42px;
    font-family: var(--font-second);
    font-weight: 500;
    font-size: 21px;
    line-height: 1.2;
    color: var(--c-blue)
}

.level--num img {
    width: 74px;
    height: 90px;
    -o-object-fit: contain;
    object-fit: contain
}

.level--title {
    font-size: 16px;
    line-height: 19.5px;
    font-weight: 700
}

.level--text {
    font-size: 16px;
    line-height: 1.5;
    color: var(--c-gray);
    margin-top: 6px
}

.prwhy+.prlevel {
    margin-top: -6px
}

.prlevel {
    --container-padding: 17.5px
}

.prlevel--cont {
    display: flex;
    flex-flow: column;
    gap: 15px;
    margin-top: 12px
}

.prlevel .title {
    color: var(--c-blue);
    font-size: 32px;
    line-height: 1.1;
    padding-top: 0;
    padding-bottom: 0
}

.prlevel .title span {
    font-size: 24px;
    font-weight: 700
}

.prlevel--img {
    text-align: center;
    position: relative;
    padding-bottom: 100%;
    width: 100%
}

.prlevel--img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.prlevel--item {
    display: flex;
    flex-flow: column;
    gap: 10px;
    position: relative
}

.prlevel--num {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border: 1px solid var(--c-gray-blue);
    border-radius: 50%;
    padding: 6px;
    width: 32px;
    height: 32px;
    font-family: var(--font-second);
    font-weight: 500;
    font-size: 16px;
    line-height: 1.2;
    color: var(--c-blue);
    position: absolute;
    left: 0;
    top: 0;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, .1), 2px 0 2px 0 rgba(0, 0, 0, .09), 6px 0 3px 0 rgba(0, 0, 0, .05), 11px 0 4px 0 rgba(0, 0, 0, .01), 17px 0 5px 0 rgba(0, 0, 0, 0);
    background: rgba(255, 255, 255, .8)
}

.prlevel--title {
    display: flex;
    align-items: center;
    min-height: 32px;
    font-size: 16px;
    line-height: 19.5px;
    font-weight: 700;
    padding-left: 47px
}

.prlevel--text {
    font-size: 14px;
    line-height: 1.5;
    color: var(--c-gray)
}

.for {
    margin-top: 31px
}

.for--list {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    margin-top: 14px
}

.for--item {
    flex: 0 0 calc(50% - 7.5px);
    min-height: 240px;
    overflow: hidden;
    display: flex;
    align-items: flex-end;
    padding: 15px;
    color: #fff;
    font-size: 14px;
    line-height: 1.1;
    font-weight: 700;
    border-radius: 25px
}

.for--item:before {
    content: "";
    display: inline-block;
    vertical-align: top;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 58%, rgba(19, 38, 77, .8) 81%);
    z-index: 2
}

.for--text {
    position: relative;
    z-index: 5
}

.simile {
    margin-top: 30px
}

.simile .title {
    line-height: 1.2
}

.simile--text {
    text-align: center;
    font-size: 16px;
    line-height: 1.25;
    color: var(--c-darkblue);
    margin-top: 10px;
    padding: 0 4px
}

.simile--cont {
    display: flex;
    align-items: flex-end;
    gap: 10px;
    margin-top: 15px
}

.simile--item {
    background: var(--c-gray-blue);
    border-radius: 12px;
    padding: 30px 15px;
    display: flex;
    flex-flow: column;
    gap: 5px;
    flex: 0 0 195px;
    text-align: center
}

.simile--item.--main {
    flex: 0 0 250px;
    color: #fff;
    gap: 10px;
    background: var(--c-blue)
}

.simile--item.--main .simile--name {
    font-size: 22px;
    line-height: 27px;
    min-height: 27px
}

.simile--item.--main .simile--img {
    height: 206px;
    background: #fff;
    border-radius: 15px
}

.simile--item.--main .simile--img img {
    max-height: 206px
}

.simile--item.--main .simile--attr {
    font-size: 16px;
    line-height: 1;
    color: #fff
}

.simile--item.--main .simile--attr span:last-child {
    font-size: 22px;
    line-height: 27px;
    color: #fff
}

.simile--item.--main .simile--total {
    font-size: 24px;
    line-height: 1.5
}

.simile--name {
    font-size: 18px;
    line-height: 1.25;
    font-weight: 700;
    min-height: 2.5em
}

.simile--img {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 170px
}

.simile--img img {
    max-height: 170px;
    -o-object-fit: contain;
    object-fit: contain
}

.simile--attr {
    display: flex;
    flex-flow: column;
    align-items: center;
    font-size: 14px;
    line-height: 1.5;
    color: var(--c-gray);
    padding: 0 10px
}

.simile--attr span:last-child {
    font-size: 16px;
    line-height: 1.25;
    font-weight: 700;
    color: var(--c-black)
}

.simile--total {
    font-size: 18px;
    line-height: 1.5;
    font-weight: 700
}

.simile--total.--warning {
    color: var(--c-red)
}

.simile--total.--success {
    color: var(--c-green)
}

.pproduct {
    margin-top: 25px;
    overflow: hidden
}

.pproduct .title {
    line-height: 1.2
}

.pproduct--cont {
    display: none;
    grid-template-columns: 1fr;
    gap: 15px;
    margin-top: 25px
}

.pproduct--col {
    display: flex
}

.pproduct--col .popitem {
    justify-content: center
}

.pproduct--col:nth-child(n+7) {
    display: none
}

.pproduct--slider {
    margin-top: 25px;
    max-width: 100%
}

.pproduct--slider .swiper {
    overflow: visible
}

.pproduct--btn {
    margin-top: 30px;
    text-align: center
}

.pproduct--btn .btn {
    min-height: 56px;
    border-radius: 28px;
    padding: 0 30px
}

.popitem {
    display: flex;
    flex-flow: column;
    gap: 15px;
    background: var(--c-gray-blue);
    padding: 20px;
    border-radius: 12px;
    text-align: center;
    align-items: center;
    width: 100%
}

.popitem--img {
    width: 220px;
    min-width: 220px
}

.popitem--data {
    display: flex;
    flex-flow: column;
    gap: 15px;
    align-items: center
}

.popitem--cat {
    --link-color: var(--c-color-6);
    font-size: 10px;
    line-height: 1.5;
    letter-spacing: .4em;
    text-transform: uppercase;
    margin-bottom: -10px
}

.popitem--name {
    --link-color: var(--c-color-7);
    font-weight: 700;
    font-size: 22px;
    line-height: 27px;
    text-align: center
}

.popitem--price {
    margin: -10px 0
}

.popitem--cart {
    min-height: 36px;
    height: 36px;
    padding: 0 30px
}

.common-home .modproduct--btn .btn {
    min-height: 56px;
    border-radius: 30px
}

.prtabs+.modproduct {
    margin-top: 36px
}

.modproduct {
    margin-top: 25px;
    overflow: hidden
}

.modproduct .title {
    line-height: 1.2
}

.modproduct--cont {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
    margin-top: 25px
}

.modproduct--slider {
    margin-top: 25px
}

.modproduct--slider .swiper {
    overflow: visible
}

.modproduct--btn {
    margin-top: 30px;
    text-align: center
}

.modproduct--btn .btn {
    min-height: 40px;
    border-radius: 20px;
    padding: 0 30px
}

.product {
    margin-top: 8px
}

.product--cont {
    display: flex;
    flex-flow: column;
    gap: 30px
}

.product--main {
    border: 1px solid var(--c-lightgray);
    border-radius: 24px;
    background: #fff;
    font-size: 0;
    text-align: center
}

.product--main img {
    max-width: 340px
}

.product--main:before {
    content: "";
    display: inline-block;
    vertical-align: top;
    position: absolute;
    width: 244%;
    height: 123%;
    border-radius: 50%;
    background: var(--c-gray-blue);
    opacity: .4;
    left: 50%;
    top: 82.5%;
    transform: translate(-50%, 0)
}

.product--thumbs {
    margin: 15px 18px 0;
    position: relative
}

.product--thumbs .swiper-slide {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    padding: 8px;
    background: var(--c-lightgray);
    border: 1px solid var(--c-lightgray);
    transition: .2s ease-out
}

.product--thumbs .swiper-slide.swiper-slide-thumb-active {
    border-color: var(--c-mint)
}

.product--thumbs .nav--item {
    display: none;
    width: 39px;
    height: 32px;
    border-radius: 8px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.product--thumbs .nav--item svg {
    width: 16px;
    height: 16px
}

.product--thumbs .nav--left {
    left: 0
}

.product--thumbs .nav--right {
    right: 0
}

.product--popup {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 24px;
    bottom: 24px;
    width: 40px;
    height: 40px;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .04)
}

.product--popup svg {
    width: 20px;
    height: 20px;
    fill: var(--c-blue)
}

.product--category {
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: .29em;
    text-transform: uppercase;
    color: var(--c-gray);
    margin-bottom: 16px
}

.product--row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 5px;
    margin-bottom: 10px
}

.product--bottom {
    border: 1px solid var(--c-lightgray);
    border-radius: 16px;
    padding: 15px;
    margin-top: 10px;
    display: flex;
    flex-flow: column;
    gap: 9px
}

.product--qty {
    border: 1px solid var(--c-lightgray);
    border-radius: 10px;
    padding: 7px 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px
}

.product--status {
    font-size: 15px;
    line-height: 1.2;
    color: var(--c-green);
    text-align: right;
    border-left: 1px solid var(--c-lightgray);
    min-width: 115px
}

.prblock {
    padding-bottom: 12px;
    border-bottom: 1px solid var(--c-lightgray);
    display: flex;
    flex-flow: column;
    gap: 12px
}

.prblock-last {
    padding-bottom: 0 !important;
    border: none !important
}

.prblock+.prblock {
    margin-top: 10px
}

.prblock--name {
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: .29em;
    text-transform: uppercase;
    color: var(--c-gray)
}

.prblock--name:not(:first-child) {
    margin-top: -2px
}

.prblock--name.has-error {
    animation: .5s ease-in form-error;
    color: var(--c-red)
}

.prblock--content.has-error {
    animation: .5s ease-in form-error
}

.prblock--content.has-error .proption--inner {
    border-color: var(--c-red)
}

.prblock--text {
    font-size: 15px;
    line-height: 1.2
}

.prblock--link {
    --link-color: var(--c-gray);
    font-size: 12px;
    line-height: 1.5
}

.shortattr {
    display: flex;
    flex-flow: column;
    font-size: 15px;
    line-height: 1.2;
    color: var(--c-gray);
    gap: 7px;
    margin-bottom: 2px
}

.shortattr--item {
    display: flex;
    align-items: center;
    gap: 5px
}

.shortattr--inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0 5px;
    flex: auto;
    border-bottom: 1px dashed currentColor
}

.shortattr--name {
    margin-bottom: -2px
}

.shortattr--name span {
    background: #fff
}

.shortattr--val {
    color: var(--c-black);
    margin-bottom: -2px;
    margin-left: auto;
    text-align: right
}

.shortattr--val span {
    background: #fff
}

.proption {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    word-break: break-word;
    font-size: 12px;
    line-height: 1;
    text-align: center;
    color: var(--c-gray)
}

.proption--item {
    width: 100%;
    display: flex;
    flex: calc(25% - 7.5px);
    max-width: calc(25% - 7.5px);
    cursor: pointer
}

.proption--checkbox {
    display: none
}

.proption--checkbox:checked+.proption--inner {
    border-color: var(--c-blue);
    background: var(--c-gray-blue)
}

.proption--inner {
    display: flex;
    flex-flow: column;
    border: 1px solid var(--c-lightgray);
    border-radius: 12px;
    padding: 5px;
    gap: 9px;
    width: 100%;
    transition: .2s ease-out
}

.proption--img {
    margin: 0 -5px
}

.prcart {
    min-height: 56px;
    border-radius: 30px;
    gap: 15px;
    justify-content: center;
    width: 100%;
    font-size: 18px;
    line-height: 1.25;
    font-weight: 700
}

.prcart:before {
    content: "";
    display: inline-block;
    vertical-align: top;
    width: 1px;
    height: 12px;
    background: currentColor;
    order: 2
}

.prcart--text {
    order: 1
}

.prcart--price {
    order: 3
}

.prone {
    display: flex;
    flex-flow: column;
    gap: 4px;
    width: 100%;
    border-radius: 12px;
    padding: 8px;
    background: var(--c-mint)
}

.prone--input {
    border: none;
    height: 42px;
    padding: 0 5px;
    text-align: center;
    font-size: 15px;
    line-height: 1.2;
    color: #060709;
    border-radius: 10px
}

.prone--input::-webkit-input-placeholder {
    color: #060709
}

.prone--input:-moz-placeholder {
    color: #060709
}

.prone--input::-moz-placeholder {
    color: #060709
}

.prone--input:-ms-input-placeholder {
    color: #060709
}

.prone--input.invalid {
    animation: .5s ease-in form-error
}

.prone--submit {
    border-radius: 10px;
    font-size: 18px;
    font-weight: 700
}

.prtabs {
    --container-padding: 17.5px;
    margin-top: 28px
}

.prtabs--tabs {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    border-bottom: 1px solid var(--c-gray-blue)
}

.prtabs--nav {
    padding: 0;
    border: none;
    width: 24px;
    height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    order: 1
}

.prtabs--nav svg {
    width: 24px;
    height: 24px;
    fill: currentColor
}

.prtabs--right {
    order: 999
}

.prtabs--tab {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    order: 2;
    padding: 0 40px;
    border-radius: 12px 12px 0 0;
    min-height: 44px;
    cursor: pointer;
    font-size: 20px
}

.prtabs--tab span {
    color: var(--c-blue)
}

.prtabs--tab.--active {
    background: var(--c-gray-blue);
    color: var(--c-blue)
}

.prtabs--content {
    margin-top: 5px
}

.prtabs--inner {
    display: flex;
    flex-flow: column;
    gap: 30px
}

.prtabs--inner .container {
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 !important
}

.prtabs--pane:not(.--active) {
    display: none
}

.prtabs--pane-description {
    padding-top: 18px
}

.prtabs--text {
    --text-lh: 1.5
}

.prtabs--text:not(:last-child) {
    margin-bottom: -30px
}

.attr {
    padding: 15px;
    border-radius: 25px;
    background: var(--c-lightgray)
}

.attr--item {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 6px;
    padding: 8px 16px;
    border-radius: 8px;
    font-size: 16px;
    line-height: 1.25
}

.attr--item span {
    flex: 0 0 calc(50% - 3px)
}

.attr--item span:last-child {
    text-align: right
}

.attr--item:nth-child(odd) {
    background: #fff
}

.prtext {
    display: flex;
    flex-flow: column;
    gap: 11px;
    padding: 15px;
    border-radius: 25px;
    background: var(--c-lightgray)
}

.prtext--item {
    display: flex;
    flex-flow: column;
    gap: 15px
}

.prtext--title {
    font-size: 22px;
    line-height: 27px;
    font-weight: 700;
    color: #2f323a
}

.pritem {
    --link-color: #000;
    display: flex;
    flex-flow: column;
    gap: 10px;
    transition: .2s ease-out;
    border-radius: 12px
}

.pritem--img {
    position: relative;
    padding: 0 4px;
    text-align: center
}

.pritem--percent {
    display: inline-flex;
    align-items: baseline;
    justify-content: center;
    text-align: center;
    position: absolute;
    top: 8px;
    right: 7px;
    width: 35px;
    height: 35px;
    line-height: 35px;
    border-radius: 50%;
    background: var(--c-green);
    color: #fff;
    font-family: var(--font-phil);
    font-size: 18px
}

.pritem--percent:after {
    content: "%";
    font-size: 13px
}

.pritem--name {
    font-size: 18px;
    line-height: 1.25;
    font-weight: 700;
    text-align: center
}

.pritem--rate {
    margin-top: -5px
}

.pritem--attr {
    font-size: 12px;
    line-height: 1.5;
    display: flex;
    flex-flow: column;
    gap: 2px;
    margin-bottom: 2px
}

.pritem--attritem {
    border-bottom: 1px dashed #c5c5c5;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    position: relative;
    margin-left: 24px;
}
.pritem--attrimg{
    position: absolute;
    left: -24px;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
}

.pritem--attritem>span {
    margin-bottom: -3px;
    max-width: 50%;
}
.popitem .pritem--attritem>span { 
    max-width: 60%;
    text-align: left;
}
.popitem .pritem--attritem>span span {
    background-color: transparent !important;
}

.pritem--attritem>span:first-child span {
    padding-right: 2px
}

.pritem--attritem>span:last-child span {
    padding-left: 2px
}

.pritem--attritem>span span {
    background: #fff
}

.pritem--price {
    justify-content: center
}

.pritem--bottom {
    display: flex;
    align-items: center;
    gap: 10px
}

.pritem--btn {
    color: var(--c-blue);
    transition: .2s ease-out
}

.pritem--btn.--active {
    color: var(--c-darkblue)
}

.pritem--btn svg {
    width: 20px;
    height: 20px;
    fill: currentColor
}

.pritem--wish {
    margin-right: auto
}

.pritem--cart {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 32px;
    padding: 0 10px
}

.pritem--cart svg {
    width: 18px;
    height: 18px;
    fill: currentColor
}

.pagetext--content {
    display: flex;
    flex-flow: column;
    gap: 20px
}

.pagetext+.modproduct {
    margin-top: 15px
}

.mcat--title {
    font-size: 23px
}

.mcat--list {
    display: flex;
    flex-flow: column;
    margin-top: 15px;
    gap: 15px
}

.mcat--item {
    --link-color: #fff;
    --link-color-active: #fff;
    display: flex;
    height: 200px;
    font-size: 22px;
    line-height: 27px;
    font-weight: 700;
    position: relative;
    border-radius: 15px
}

.mcat--item:before {
    content: "";
    display: inline-block;
    vertical-align: top;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 58%, rgba(19, 38, 77, .8) 81%)
}

.mcat--data {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 15px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    z-index: 10;
    gap: 30px;
    transition: .2s ease-out
}

.mcat--data svg {
    width: 24px;
    height: 24px;
    fill: currentColor;
    margin-top: -2px;
    margin-right: -2px
}

.plus {
    --container-padding: 17.5px
}

.tplus {
    display: flex;
    flex-flow: column;
    gap: 15px;
    position: relative;
    z-index: 2
}

.tplus--data {
    display: flex;
    flex-flow: column;
    gap: 15px
}

.tplus--top {
    display: flex;
    align-items: center;
    gap: 15px
}

.tplus--logo {
    min-width: 83px
}

.tplus--slogan {
    font-size: 24px;
    line-height: 1.2;
    font-family: var(--font-second);
    font-weight: 700;
    color: var(--c-blue)
}

.tplus--list {
    display: flex;
    flex-flow: column;
    gap: 15px
}

.tplus--item {
    display: flex;
    align-items: flex-start;
    gap: 10px
}

.tplus--icon {
    flex: 0 0 94px;
    min-width: 94px
}

.tplus--icon img {
    max-height: 94px;
    -o-object-fit: contain;
    object-fit: contain
}

.tplus--text {
    font-size: 18px;
    line-height: 1.5
}

.tplus--warn {
    display: flex;
    align-items: center;
    padding: 20px;
    gap: 30px;
    font-size: 20px;
    line-height: 24px;
    background: var(--c-gray-blue);
    border-radius: 12px
}

.tplus--warn svg {
    width: 13px;
    min-width: 13px;
    height: 85px;
    fill: var(--c-blue)
}

.bplus {
    margin-top: 30px;
    background: var(--c-gray-blue);
    padding: 15px;
    border-radius: 12px;
    position: relative;
    z-index: 1
}

.bplus--title {
    font-size: 32px;
    line-height: 1.2;
    font-weight: 700;
    color: var(--c-blue);
    font-family: var(--font-second)
}

.bplus--title.--sm {
    font-size: 24px;
    letter-spacing: -.02em
}

.bplus--list {
    display: flex;
    flex-flow: column;
    margin-top: 28px;
    gap: 30px
}

.bplus--item {
    display: flex;
    align-items: flex-start;
    background: #fff;
    border-radius: 12px;
    padding: 15px 7px 15px 10px;
    gap: 15px
}

.bplus--item-img {
    padding-left: 0;
    gap: 10px
}

.bplus--img {
    flex: 0 0 65px;
    min-width: 65px
}

.bplus--img img {
    max-height: 65px;
    -o-object-fit: contain;
    object-fit: contain
}

.bplus--number {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 58px;
    flex: 0 0 38px;
    max-width: 38px;
    font-size: 32px;
    line-height: 1.2;
    font-weight: 700;
    font-family: var(--font-second);
    color: var(--c-blue);
    align-self: flex-start;
    text-align: center
}

.bplus--text {
    font-size: 16px;
    line-height: 1.5
}

.bplus--text strong {
    font-weight: 700;
    color: var(--c-blue)
}

.bplus--text span {
    font-weight: 700;
    font-size: 18px
}

.mainplus {
    --container-padding: 17.5px
}

.mainplus--list {
    display: flex;
    flex-flow: column;
    margin-top: 28px;
    gap: 15px
}

.mainplus--list+.bplus {
    margin-top: 50px
}

.mainplus--item {
    display: flex;
    align-items: flex-start;
    background: var(--c-gray-blue);
    border-radius: 12px;
    padding: 15px;
    gap: 10px
}

.mainplus--img {
    flex: 0 0 94px;
    min-width: 94px;
    background: #fff;
    border-radius: 15px
}

.mainplus--img img {
    max-height: 94px;
    -o-object-fit: contain;
    object-fit: contain
}

.mainplus--number {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 94px;
    flex: 0 0 94px;
    max-width: 94px;
    font-size: 32px;
    line-height: 1.2;
    font-weight: 700;
    font-family: var(--font-second);
    color: var(--c-blue);
    align-self: flex-start;
    text-align: center;
    background: #fff;
    border-radius: 15px
}

.mainplus--text {
    font-size: 16px;
    line-height: 1.5
}

.mainplus--text strong {
    font-weight: 700;
    color: var(--c-blue)
}

.mainplus--text span {
    font-weight: 700;
    font-size: 18px
}

.prwhy {
    --container-padding: 17.5px
}

.prwhy--cont {
    display: flex;
    flex-flow: column;
    gap: 30px
}

.prwhy--data {
    position: relative;
    z-index: 5
}

.prwhy--title {
    margin-bottom: 30px;
    color: var(--c-blue);
    font-size: 24px;
    line-height: 1.2;
    font-family: var(--font-second);
    font-weight: 700;
    letter-spacing: -.02em
}

.prwhy--text {
    --text-lh: 1.5;
    --text-margin: 24px
}

.prwhy--images {
    display: flex;
    flex-flow: column;
    gap: 7px
}

.prwhy--img {
    border: 1px solid var(--c-lightgray);
    border-radius: 17rem;
    overflow: hidden;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 375px
}

.prwhy--img:before {
    content: "";
    display: inline-block;
    vertical-align: top;
    width: 175%;
    height: 80%;
    position: absolute;
    left: 50%;
    background: var(--c-gray-blue);
    opacity: .4;
    box-shadow: 0 0 14px 0 rgba(5, 66, 44, .1);
    transform: translateX(-50%);
    z-index: 0;
    border-radius: 50%;
    top: 51%
}

.prwhy--img img {
    max-width: 365px;
    max-height: 375px;
    -o-object-fit: cover;
    object-fit: cover;
    position: relative
}

.prwhy--media {
    border: 1px solid var(--c-lightgray);
    border-radius: 15px;
    box-shadow: 4px -4px 12px 0 rgba(0, 0, 0, .1), 17px -15px 23px 0 rgba(0, 0, 0, .09), 39px -34px 31px 0 rgba(0, 0, 0, .05), 69px -60px 36px 0 rgba(0, 0, 0, .01), 107px -94px 40px 0 rgba(0, 0, 0, 0);
    background: #fff
}

.prwhy--content {
    --text-lh: 1.5;
    --text-li-margin: 9px;
    box-shadow: 7px -6px 20px 0 rgba(0, 0, 0, .1), 28px -24px 37px 0 rgba(0, 0, 0, .09), 63px -55px 50px 0 rgba(0, 0, 0, .05), 112px -98px 59px 0 rgba(0, 0, 0, .01), 174px -153px 65px 0 rgba(0, 0, 0, 0);
    background: #fff;
    padding: 15px;
    border: 1px solid var(--c-lightgray);
    border-radius: 24rem
}

.prwhy--content ul li:before {
    top: calc(var(--text-fz) * var(--text-lh)/ 2)
}

.prwhy--link {
    --link-color: var(--c-blue);
    font-size: 12px;
    line-height: 1.5;
    margin-top: 10px
}

.safe {
    --container-padding: 17.5px
}

.safe--cont {
    padding: 20px;
    display: flex;
    flex-flow: column;
    gap: 17px;
    background: var(--c-gray-blue);
    border-radius: 12px;
    position: relative
}

.safe--img {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    font-size: 0
}

.safe--img img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.safe--data {
    display: flex;
    flex-flow: column;
    gap: 10px;
    position: relative;
    z-index: 5
}

.safe--item {
    position: relative;
    font-size: 18px;
    line-height: 22px;
    font-weight: 700;
    padding-left: 40px
}

.safe--item:before {
    content: "";
    display: inline-block;
    vertical-align: top;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--c-mint);
    position: absolute;
    left: 0;
    top: 7px
}

.safe--text {
    --text-lh: 1.5;
    background: #fff;
    padding: 15px;
    border-radius: 24px;
    position: relative;
    z-index: 5
}

.safe--link {
    --link-color: var(--c-mint);
    font-size: 12px;
    line-height: 1.5;
    margin-top: 13px
}

.complect {
    --container-padding: 17.5px
}

.complect .title {
    color: var(--c-blue);
    text-align: left
}

.complect--cont {
    margin-top: 12px;
    position: relative;
    text-align: center;
    display: flex;
    flex-flow: column;
    gap: 10px
}

.complect--img {
    max-width: 311px;
    position: relative;
    text-align: center;
    margin: 0 auto
}

.complect--item {
    display: flex;
    align-items: center;
    gap: 15px
}

.complect--num {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border: 1px solid #fff;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    background: rgba(255, 255, 255, .8);
    font-family: var(--font-second);
    font-weight: 700;
    font-size: 16px;
    line-height: 1.2;
    color: var(--c-blue);
    border: 1px solid var(--c-lightgray)
}

.complect--name {
    font-size: 16px;
    line-height: 1.25;
    font-weight: 700
}

.complect--number {
    position: absolute;
    transform: translate(-50%, -50%);
    border: 1px solid #fff;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, .1), 2px 0 2px 0 rgba(0, 0, 0, .09), 6px 0 3px 0 rgba(0, 0, 0, .05), 11px 0 4px 0 rgba(0, 0, 0, .01), 17px 0 5px 0 rgba(0, 0, 0, 0)
}

.preview {
    padding: 11px 15px 15px;
    border-radius: 25px;
    background: var(--c-lightgray);
    display: flex;
    flex-flow: column;
    gap: 12px
}

.preview--title {
    font-size: 22px;
    line-height: 27px;
    font-weight: 700
}

.preview--rate {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 15px;
    line-height: 1.2;
    color: var(--c-gray);
    margin-top: 15px
}

.preview--rating {
    display: inline-flex;
    align-items: center;
    gap: 8px
}

.preview--rating svg {
    width: 16px;
    height: 16px;
    fill: var(--c-gray);
    opacity: .5
}

.preview--rating svg.--active {
    fill: var(--c-mango);
    opacity: 1
}

.preview--list {
    margin-top: 15px;
    display: flex;
    flex-flow: column;
    max-height: 420px;
    gap: 8px;
    padding-right: 8px
}

.freview {
    display: flex;
    flex-flow: column;
    gap: 15px;
    margin-top: 15px
}

.freview--rate {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--c-gray);
    transition: .2s ease-out
}

.freview--rate input {
    display: none
}

.freview--rate .--active {
    color: var(--c-mango)
}

.freview--rate svg {
    width: 32px;
    height: 32px;
    fill: currentColor
}

.freview--inp {
    display: flex;
    flex-flow: column;
    gap: 4px
}

.freview--label {
    font-size: 15px;
    line-height: 1.2
}

.freview--input,
.freview--textarea {
    border-radius: 8px;
    border: none;
    background: #fff;
    font-size: 18px
}

.freview--input.error,
.freview--input.invalid,
.freview--textarea.error,
.freview--textarea.invalid {
    box-shadow: inset 0 0 0 2px var(--c-red);
    animation: .5s ease-in form-error
}

.freview--input {
    height: 54px;
    padding: 0 16px
}

.freview--textarea {
    height: 111px;
    padding: 8px 16px;
    resize: none
}

.freview--agree {
    font-size: 15px;
    line-height: 1.2;
    color: var(--c-gray);
    cursor: pointer
}

.freview--agree input {
    display: none
}

.freview--agree input:checked+span:after {
    transform: scale(1)
}

.freview--agree span {
    display: flex;
    padding-left: 34px;
    position: relative
}

.freview--agree span:after,
.freview--agree span:before {
    content: "";
    display: inline-block;
    vertical-align: top;
    position: absolute;
    left: 0;
    top: 50%;
    width: 24px;
    height: 24px;
    margin-top: -12px;
    border-radius: 3px;
    background: #fff;
    transition: .2s ease-out
}

.freview--agree span:after {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.49995 15.2545L18.7928 5.89758L20.2071 7.32154L9.49995 18.1024L3.79285 12.356L5.20706 10.932L9.49995 15.2545Z' fill='%233677B1'/%3E%3C/svg%3E%0A");
    transform: scale(0)
}

.freview--agree.error,
.freview--agree.invalid {
    color: var(--c-red);
    animation: .5s ease-in form-error
}

.freview--submit {
    margin-left: auto;
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: .29em;
    text-transform: uppercase;
    min-height: 37px;
    border-radius: 8px;
    padding: 0 30px
}

.review {
    border: 1.5px solid #eaecee;
    border-radius: 8rem;
    padding: 24rem 24rem 16rem;
    background: #fff;
    font-size: 15px;
    line-height: 1.2;
    display: flex;
    flex-flow: column;
    gap: 8px
}

.review--list {
    display: flex;
    flex-flow: column;
    gap: 8px
}

.review--top {
    display: flex;
    justify-content: space-between;
    gap: 10px
}

.review--rate {
    display: none;
    gap: 8px;
    align-items: center;
    white-space: nowrap
}

.review--rate svg {
    width: 16px;
    height: 16px;
    fill: var(--c-lightgray)
}

.review--rate svg.--active {
    fill: var(--c-mango)
}

.review--date {
    color: var(--c-gray)
}

.proven+.bid {
    margin-top: 37px
}

.bid {
    margin-top: 30px
}

.bid--cont {
    display: flex;
    flex-flow: column;
    gap: 30px;
    padding: 30px 20px;
    background: url(../img/bg-bid.jpg) center no-repeat;
    background-size: 1138px auto;
    color: #fff;
    border-radius: 30px
}

.bid--text {
    text-align: center;
    font-family: var(--font-second)
}

.bid--title {
    color: #fff;
    padding: 0;
    font-size: 24px;
    line-height: 1.2;
    font-weight: 700
}

.bid--subtitle {
    line-height: 1.2;
    font-size: 20px;
    font-weight: 500
}

.bid--subtitle:not(:first-child) {
    font-size: 18px;
    line-height: 1.3;
    font-weight: 400;
    padding: 0 10px
}

.modreview {
    --container-padding: 17.5px;
    margin-top: 29px;
    overflow: hidden
}

.modreview:last-child {
    margin-bottom: -20px
}

.modreview--slider {
    margin-top: 13px
}

.modreview--slider .swiper {
    overflow: visible
}

.modreview--slider .swiper-slide {
    width: auto !important
}

.modreview--nav {
    margin-top: 2px
}

.modreview--rate {
    font-size: 14px
}

.mreview {
    display: flex;
    flex-flow: column;
    gap: 10px;
    background: #fff;
    box-shadow: 0 4px 40px 0 rgba(163, 163, 163, .1);
    padding: 15px;
    border-radius: 12px;
    width: 340px
}

.mreview--top {
    display: flex;
    align-items: center;
    gap: 15px
}

.mreview--img {
    width: 60px;
    height: 60px;
    border: 1px solid var(--c-blue);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-radius: 50%;
    overflow: hidden;
    font-size: 14px;
    line-height: 1.35;
    color: var(--c-black)
}

.mreview--img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.mreview--author {
    font-size: 14px;
    line-height: 1.35
}

.mreview--name {
    color: var(--c-blue)
}

.mreview--rating {
    display: flex;
    align-items: center;
    gap: 5px
}

.mreview--rating svg {
    width: 23px;
    height: 23px;
    fill: #ffa600
}

.mreview--video {
    width: 100%;
    border-radius: 5px;
    overflow: hidden;
    height: 206px;
    display: block;
    position: relative;
}
.mreview--video span {
    display: none;
}

.mreview--video:after {
    content: "";
    display: inline-block;
    vertical-align: top;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: #000;
    opacity: .6
}

.mreview--video:before {
    content: "";
    display: inline-block;
    vertical-align: top;
    position: absolute;
    width: 30px;
    height: 30px;
    background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M27.8506 13.8093C28.5173 14.1942 28.5173 15.1564 27.8506 15.5413L8.83764 26.5184C8.17098 26.9033 7.33764 26.4222 7.33764 25.6524L7.33764 3.69817C7.33764 2.92837 8.17098 2.44724 8.83764 2.83214L27.8506 13.8093Z' fill='white'/%3E%3C/svg%3E%0A");
    transition: .2s ease-out;
    top: 50%;
    left: 50%;
    margin: -15px 0 0 -15px;
    z-index: 5
}

.mreview--bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px
}

.modcert {
    --container-padding: 17.5px;
    margin-top: 29px;
    overflow: hidden
}

.modcert:last-child {
    margin-bottom: -20px
}

.modcert--slider {
    margin-top: 13px
}

.modcert--slider .swiper {
    overflow: visible
}

.modcert--nav {
    margin-top: 2px
}

.modcert--rate {
    font-size: 14px
}

.mcert {
    display: flex;
    flex-flow: column;
    gap: 10px;
    background: #fff;
    box-shadow: 0 4px 40px 0 rgba(163, 163, 163, .1);
    padding: 15px;
    border-radius: 12px
}

.mcert--top {
    display: flex;
    align-items: center;
    gap: 15px
}

.mcert--author {
    font-size: 14px;
    line-height: 1.35
}

.mcert--name {
    color: var(--c-blue)
}

.mcert--rating {
    display: flex;
    align-items: center;
    gap: 5px
}

.mcert--rating svg {
    width: 23px;
    height: 23px;
    fill: #ffa600
}

.mcert--img {
    width: 100%;
    border-radius: 5px;
    overflow: hidden;
    height: 206px
}

.mcert--img:after {
    content: "";
    display: inline-block;
    vertical-align: top;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: #000;
    opacity: 0
}

.mcert--img img {
    -o-object-fit: contain;
    object-fit: contain
}

.mcert--bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px
}

.faq--cont {
    border-radius: 25px;
    padding: 30px 15px;
    background: var(--c-gray-blue);
    display: flex;
    flex-flow: column;
    gap: 15px
}

.faq--list {
    display: flex;
    flex-flow: column;
    gap: 15px
}

.faq--item {
    --link-color: #515154;
    --link-color-active: #515154;
    border-radius: 12px;
    padding: 15px;
    background: #fff;
    display: flex;
    flex-flow: column;
    font-size: 16px;
    line-height: 1.25;
    color: #515154;
    gap: 15px
}

.faq--question {
    font-weight: 700;
    font-size: 22px;
    line-height: 27px;
    color: #000
}

.utp .title {
    font-size: 32px;
    color: var(--c-blue)
}

.utp .title span,
.utp .title strong {
    font-size: 24px
}

.utp--list {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    margin-top: 30px
}

.utp--item {
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    border: 1px solid var(--c-gray-blue);
    border-radius: 25rem;
    padding: 15rem 7px;
    font-family: var(--font-second);
    font-weight: 700;
    font-size: 18rem;
    line-height: 1;
    flex: 0 0 calc(50% - 7.5px)
}

.utp--item-wide {
    flex: 0 0 100%
}

.utp--text,
.utp--val {
    color: var(--c-blue)
}

.contact--data {
    border-radius: 25rem;
    padding: 15rem;
    background: var(--c-gray-blue);
    display: flex;
    flex-flow: column;
    gap: 15px
}

.contact--warning {
    border-radius: 25rem;
    padding: 30rem;
    background: #fff;
    font-size: 18rem;
    line-height: 1.25;
    color: #2f323a;
    font-weight: 700
}

.contact--item {
    display: flex;
    flex-flow: column;
    gap: 15px;
    color: #2f323a;
    font-size: 16px;
    line-height: 1.25
}

.contact--item strong {
    font-size: 18px
}

.contact--icon {
    min-width: 50px;
    max-width: 50px
}

.contact--text {
    --link-color: var(--c-blue)
}

.contact--text a {
    font-weight: 700;
    white-space: nowrap
}

.contact--map {
    height: 362px;
    position: relative;
    overflow: hidden;
    border-radius: 25px
}

.contact--map iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important
}

.info {
    margin-top: 16px
}

.info .title {
    text-align: left;
    line-height: 1.2
}

.info--cont {
    border-radius: 25rem;
    padding: 15rem;
    background: var(--c-gray-blue);
    display: flex;
    flex-flow: column;
    gap: 15px
}

.info--list {
    display: flex;
    flex-flow: column;
    gap: 15px
}

.info--col {
    border-radius: 30rem;
    padding: 15rem;
    background: #fff;
    display: flex;
    gap: 15px;
    flex-flow: column;
    -webkit-user-select: text;
    -ms-user-select: text;
    user-select: text;
}

.info--row {
    display: flex;
    flex-flow: column;
    gap: 5px;
    line-height: 1.25;
    color: #2f323a
}

.info--name {
    font-weight: 700;
    font-size: 18rem
}

.info--val {
    font-size: 16px
}

.info--val-tel {
    --link-color: #2f323a;
    font-size: 22px;
    line-height: 27px;
    font-weight: 700
}

.info--val p {
    margin: 0 0 5px
}

.info--val p:last-child {
    margin: 0
}

.info--text p {
    margin: 0
}

.first {
    margin-top: 15px
}

.first--cont {
    border-radius: 25rem;
    padding: 30rem 12px 30px 15rem;
    position: relative;
    min-height: 560px;
    overflow: hidden;
    display: flex
}

.first--img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.first--data {
    display: flex;
    flex-flow: column;
    gap: 20px;
    position: relative
}

.first--title {
    margin: 0;
    font-size: 24px;
    line-height: 1;
    font-weight: 700;
    font-family: var(--font-second);
    color: var(--c-darkblue)
}

.first--title span {
    font-size: 48px
}

.first--title-md span {
    font-size: 42px
}

.first--subtitle,
.first--text {
    font-size: 22px;
    line-height: 27px;
    font-weight: 700;
    color: var(--c-darkblue)
}

.first--subtext {
    font-size: 18rem;
    line-height: 1.35
}

.first--list {
    font-size: 18px;
    line-height: 24px
}

.first--list li {
    position: relative;
    padding-left: 34px;
    margin-bottom: 5px
}

.first--list li:before {
    content: "";
    display: inline-block;
    vertical-align: top;
    position: absolute;
    left: 0;
    top: 0;
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.369 3.88644C12.241 3.51408 14.1842 3.80232 15.8675 4.70207C17.5508 5.60181 18.8701 7.05738 19.6005 8.82077C20.3309 10.5842 20.4273 12.5463 19.8733 14.3728C19.3192 16.1992 18.149 17.7771 16.562 18.8375C14.975 19.8979 13.0694 20.3753 11.1699 20.1882C9.27041 20.0011 7.49455 19.1612 6.1449 17.8116C5.85201 17.5187 5.37713 17.5187 5.08424 17.8116C4.79135 18.1045 4.79135 18.5793 5.08424 18.8722C6.67928 20.4673 8.77802 21.4599 11.0229 21.681C13.2677 21.9021 15.5198 21.3379 17.3953 20.0847C19.2709 18.8315 20.6539 16.9668 21.3087 14.8082C21.9635 12.6496 21.8496 10.3308 20.9863 8.24674C20.1231 6.16274 18.564 4.44252 16.5746 3.37918C14.5853 2.31585 12.2887 1.9752 10.0764 2.41527C7.86401 2.85533 5.87267 4.0489 4.44166 5.79259C3.01065 7.53628 2.22852 9.72221 2.22852 11.9779C2.22852 12.3921 2.5643 12.7279 2.97852 12.7279C2.98012 12.7279 2.98172 12.7279 2.98331 12.7279H6.01968L9.17123 16.2296C9.44832 16.5375 9.92254 16.5625 10.2304 16.2854L17.7304 9.53538C18.0383 9.25828 18.0633 8.78407 17.7862 8.47618C17.5091 8.1683 17.0349 8.14334 16.727 8.42044L9.78445 14.6687L6.91117 11.4762C6.76894 11.3181 6.56631 11.2279 6.3537 11.2279H3.76267C3.91228 9.58874 4.54973 8.02538 5.60118 6.74418C6.81203 5.26875 8.49701 4.25881 10.369 3.88644Z' fill='%2309A0C2' /%3E%3C/svg%3E")
}

.first--button {
    margin-top: 10px
}

.first--button .btn {
    font-size: 18px;
    line-height: 1;
    text-transform: uppercase;
    min-height: 52px;
    border-radius: 30px;
    padding: 8px 30px 8px 40px
}

.first--button .btn--text {
    line-height: inherit
}

.first-light,
.first-light .first--text,
.first-light .first--title {
    color: #fff
}

.first-light .first--list li:before {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.369 3.88644C12.241 3.51408 14.1842 3.80232 15.8675 4.70207C17.5508 5.60181 18.8701 7.05738 19.6005 8.82077C20.3309 10.5842 20.4273 12.5463 19.8733 14.3728C19.3192 16.1992 18.149 17.7771 16.562 18.8375C14.975 19.8979 13.0694 20.3753 11.1699 20.1882C9.27041 20.0011 7.49455 19.1612 6.1449 17.8116C5.85201 17.5187 5.37713 17.5187 5.08424 17.8116C4.79135 18.1045 4.79135 18.5793 5.08424 18.8722C6.67928 20.4673 8.77802 21.4599 11.0229 21.681C13.2677 21.9021 15.5198 21.3379 17.3953 20.0847C19.2709 18.8315 20.6539 16.9668 21.3087 14.8082C21.9635 12.6496 21.8496 10.3308 20.9863 8.24674C20.1231 6.16274 18.564 4.44252 16.5746 3.37918C14.5853 2.31585 12.2887 1.9752 10.0764 2.41527C7.86401 2.85533 5.87267 4.0489 4.44166 5.79259C3.01065 7.53628 2.22852 9.72221 2.22852 11.9779C2.22852 12.3921 2.5643 12.7279 2.97852 12.7279C2.98012 12.7279 2.98172 12.7279 2.98331 12.7279H6.01968L9.17123 16.2296C9.44832 16.5375 9.92254 16.5625 10.2304 16.2854L17.7304 9.53538C18.0383 9.25828 18.0633 8.78407 17.7862 8.47618C17.5091 8.1683 17.0349 8.14334 16.727 8.42044L9.78445 14.6687L6.91117 11.4762C6.76894 11.3181 6.56631 11.2279 6.3537 11.2279H3.76267C3.91228 9.58874 4.54973 8.02538 5.60118 6.74418C6.81203 5.26875 8.49701 4.25881 10.369 3.88644Z' fill='%2399C50A' /%3E%3C/svg%3E")
}

.about {
    margin-top: 30px;
    overflow: hidden
}

.about--cont {
    border-radius: 25rem;
    padding: 30rem 0 0rem;
    background: var(--c-gray-blue);
    display: flex;
    flex-flow: column;
    gap: 30px;
    margin: 0 calc(-1 * var(--container-padding))
}

.about--data {
    border-radius: 12rem;
    padding: 15rem 30rem 0;
    background: linear-gradient(180deg, #fff 0, rgba(255, 255, 255, 0) 100%);
    overflow: hidden
}

.about--text {
    --text-lh: 1.5;
    --text-margin: 30px
}

.about--certificates {
    margin: 31px -15px 0
}

.about--certificates .swiper {
    overflow: visible
}

.about--certificates .nav--item {
    display: none
}

.about--cert {
    display: inline-block;
    font-size: 0;
    line-height: 1
}

.about--cert img {
    border-radius: 8px;
    box-shadow: 0 -3px 7px 0 rgba(0, 0, 0, .1), 0 -13px 13px 0 rgba(0, 0, 0, .09), 0 -30px 18px 0 rgba(0, 0, 0, .05), 0 -53px 21px 0 rgba(0, 0, 0, .01), 0 -83px 23px 0 rgba(0, 0, 0, 0)
}

.mission {
    margin-top: 30px
}

.mission .title {
    line-height: 1.2
}

.mission--cont {
    display: flex;
    flex-flow: column;
    gap: 15px;
    margin-top: 12px
}

.mission--item {
    padding-left: 34px
}

.mission--img {
    height: 225px;
    width: 100%
}

.mission--img img {
    border-radius: 25px
}

.mission--data {
    margin-top: -35px;
    position: relative;
    background: #fff;
    border-radius: 25rem;
    padding: 15rem 15rem 15rem 45rem;
    font-size: 16px;
    line-height: 1.25
}

.mission--icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #fff;
    border-radius: 50%;
    width: 64rem;
    height: 64rem;
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    box-shadow: -1px 0 3px 0 rgba(0, 0, 0, .1), -6px 0 6px 0 rgba(0, 0, 0, .09), -13px 0 8px 0 rgba(0, 0, 0, .05), -24px 0 9px 0 rgba(0, 0, 0, .01), -37px 0 10px 0 rgba(0, 0, 0, 0);
    background: rgba(255, 255, 255, .8);
    position: absolute;
    left: -34px;
    top: 50%;
    transform: translateY(-50%)
}

.mission--icon svg {
    width: 24px;
    height: 24px;
    fill: #eb2606
}

.problem {
    margin-top: 20px
}

.problem .title {
    line-height: 1.2
}

.problem .title strong {
    font-size: 18px;
    font-weight: 400
}

.problem--cont {
    display: flex;
    flex-flow: column;
    margin-top: 32px;
    gap: 20px
}

.problem--col {
    margin: 0 10px
}

.problem--inner {
    border-radius: 12px;
    padding: 30px 60px;
    background: rgba(244, 244, 244, .5);
    display: flex;
    flex-flow: column;
    gap: 30px
}

.problem--aurus {
    margin: 0;
    position: relative
}

.problem--aurus:before {
    content: "";
    display: inline-block;
    vertical-align: top;
    background: url(../img/bg-problem.png) center no-repeat;
    background-size: contain;
    position: absolute;
    left: 69.2%;
    top: 38.5%;
    transform: translate(-50%, -50%);
    z-index: -1;
    width: 974px;
    height: 937px
}

.problem--aurus .problem--inner {
    gap: 26px;
    border: 1px solid var(--c-mint);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    background: rgba(255, 255, 255, .75)
}

.problem--aurus .problem--title {
    color: var(--c-blue)
}

.problem--aurus .problem--icon {
    color: var(--c-mint)
}

.problem--title {
    font-family: var(--font-second);
    font-size: 24px;
    line-height: 1.2;
    text-align: center;
    color: var(--c-gray);
    font-weight: 700
}

.problem--item {
    display: flex;
    flex-flow: column;
    align-items: center;
    text-align: center
}

.problem--icon {
    color: #eb2606
}

.problem--icon svg {
    width: 24px;
    height: 24px;
    fill: currentColor
}

.problem--name {
    font-size: 16px;
    line-height: 1.25;
    margin-top: 15px;
    font-weight: 700
}

.problem--name+.problem--text {
    margin-top: 6px
}

.problem--text {
    font-size: 14px;
    line-height: 1.5;
    text-align: center;
    color: var(--c-gray);
    margin-top: 10px
}

.proven .title {
    margin-top: 30px;
    line-height: .9
}

.proven--list {
    display: flex;
    flex-flow: column;
    gap: 30px;
    margin-top: 29px
}

.proven--item {
    position: relative;
    box-shadow: 0 4px 40px 0 rgba(163, 163, 163, .1);
    background: #fff;
    border-radius: 8rem;
    /* padding: 15rem; */
    display: flex;
    flex-flow: column;
    align-items: flex-start;
    gap: 15px;
    font-size: 15rem;
    line-height: 1.25
}
.proven--wrapper {
    padding: 15rem;
}

.proven--object {
    position: absolute;
    top: 15rem;
    left: 15rem;
    margin-bottom: auto;
    background: #f1f1f5;
    border-radius: 36rem;
    padding: 8rem 16rem;
    font-size: 16rem;
    line-height: 1.25;
    color: var(--c-blue);
    font-weight: 700
}

.proven--name {
    font-weight: 700;
    font-size: 16rem
}

.doubt {
    margin-top: 30px
}

.doubt--list {
    display: flex;
    flex-flow: column;
    gap: 14px
}

.doubt--item {
    display: flex;
    align-items: center;
    gap: 30px
}

.doubt--icon {
    flex: 0 0 46px;
    min-width: 46px;
    color: var(--c-blue)
}

.doubt--icon svg {
    width: 46px;
    height: 45px;
    fill: currentColor
}

.doubt--text {
    font-size: 16px;
    line-height: 1.25
}

.doubt--title {
    color: var(--c-blue);
    margin-top: 30px;
    line-height: 1.2;
    padding: 0
}

.doubt--btn {
    margin-top: 30px;
    text-align: center
}

.doubt--btn .btn {
    font-size: 18px;
    min-height: 58px;
    border-radius: 30px;
    text-transform: uppercase;
    width: 100%
}

.guar {
    margin-top: 30px
}

.guar--cont {
    border-radius: 25rem;
    padding: 30rem 15rem;
    background: var(--c-gray-blue)
}

.guar--data {
    display: flex;
    flex-flow: column;
    gap: 15px
}

.guar--list {
    display: flex;
    flex-flow: column;
    margin-top: 14px;
    gap: 15px
}

.guar--item {
    display: flex;
    align-items: center;
    background: #fff;
    border-radius: 12px;
    padding: 10px 15px 10px 0;
    gap: 10px
}

.guar--icon {
    flex: 0 0 94px;
    min-width: 94px
}

.guar--icon img {
    max-height: 94px;
    -o-object-fit: contain;
    object-fit: contain
}

.guar--text {
    font-size: 16px;
    line-height: 1.5
}

.guar--text strong {
    font-size: 18px;
    line-height: 1.25;
    font-weight: 700
}

.guar--media {
    background: #fff;
    text-align: center;
    border-radius: 22px;
    overflow: hidden;
    border: .89px solid var(--c-lightgray);
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center
}

.guar--media:before {
    content: "";
    display: inline-block;
    vertical-align: top;
    position: absolute;
    left: 50%;
    top: 100%;
    transform: translate(-50%, -44px);
    background: var(--c-gray-blue);
    opacity: .4;
    box-shadow: 0 0 18px 0 rgba(5, 66, 44, .1);
    border-radius: 50%;
    height: 370px;
    width: 233%;
    z-index: 1
}

.guar--media img {
    max-width: calc(100% + 30px);
    margin: 4px -30px;
    position: relative;
    z-index: 5
}

.pack {
    margin-top: 30px
}

.pack--cont {
    display: flex;
    flex-flow: column;
    gap: 15px;
    margin-top: 28px
}

.pack--col {
    display: flex;
    flex-flow: column;
    gap: 15px;
    padding-left: 30px
}

.pack--item {
    position: relative;
    border: 1px solid var(--c-gray-blue);
    border-radius: 12px;
    padding: 15px 15px 15px 40px;
    font-size: 16px;
    line-height: 1.5;
    width: 100%
}

.pack--num {
    position: absolute;
    top: 50%;
    left: -30px;
    transform: translateY(-50%);
    width: 39px;
    height: 39px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 19px;
    line-height: 1.35;
    color: var(--c-blue)
}

.pack--num span {
    position: relative;
    z-index: 3
}

.pack--num:after {
    content: "";
    display: inline-block;
    vertical-align: top;
    position: absolute;
    background: #fff;
    border-radius: 50%;
    box-shadow: -1px 0 2px 0 rgba(0, 0, 0, .1), -4px 0 4px 0 rgba(0, 0, 0, .09), -9px 1px 6px 0 rgba(0, 0, 0, .05), -16px 2px 6px 0 rgba(0, 0, 0, .01), -25px 2px 7px 0 rgba(0, 0, 0, 0);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2
}

.pack--num:before {
    content: "";
    display: inline-block;
    vertical-align: top;
    position: absolute;
    z-index: 1;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 40 59' fill='%233677B1' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39.1467 28.5614C39.5733 28.8814 39.5733 29.5214 39.1467 29.8414L1.28 58.2414C0.752609 58.637 0 58.2607 0 57.6014L0 0.801414C0 0.142178 0.752609 -0.234126 1.28 0.161416L39.1467 28.5614Z' /%3E%3C/svg%3E%0A");
    left: 50%;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 59px
}

.pack--media {
    overflow: hidden;
    position: relative;
    border: .68px solid var(--c-lightgray);
    border-radius: 16rem;
    padding: 0 12px
}

.pack--media img {
    position: relative;
    z-index: 5
}

.pack--media:before {
    content: "";
    display: inline-block;
    vertical-align: top;
    position: absolute;
    left: 50%;
    top: 100%;
    transform: translate(-50%, -149px);
    background: var(--c-gray-blue);
    opacity: .4;
    box-shadow: 0 0 18px 0 rgba(5, 66, 44, .1);
    border-radius: 50%;
    height: 285px;
    width: 164%;
    z-index: 1
}

.pack--bottom {
    border-radius: 25px;
    padding: 15px 30px;
    background: var(--c-gray-blue);
    font-weight: 700;
    font-size: 18rem;
    line-height: 1.25;
    text-align: center;
    color: var(--c-darkblue);
    margin-top: 24px
}

.simple {
    margin-top: 32px
}

.simple .title {
    line-height: 1.2
}

.simple--cont {
    margin-top: 13px;
    display: flex;
    flex-flow: column;
    gap: 15px
}

.simple--item {
    border: 1px solid var(--c-gray-blue);
    border-radius: 25rem;
    padding: 15rem;
    display: flex;
    flex-flow: column;
    position: relative;
    gap: 10px;
    overflow: hidden
}

.simple--top {
    font-family: var(--font-second);
    font-size: 18px;
    line-height: 1.2;
    font-weight: 700;
    color: var(--c-blue)
}

.simple--top:before {
    content: "";
    display: inline-block;
    vertical-align: top;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 0);
    background: var(--c-gray-blue);
    opacity: .4;
    box-shadow: 0 0 18px 0 rgba(5, 66, 44, .1);
    border-radius: 50%;
    height: 370px;
    width: 212.75%;
    z-index: -1
}

.simple--text {
    position: relative;
    z-index: 2;
    font-size: 14px;
    line-height: 17px
}

.service {
    margin-top: 32px
}

.service--cont {
    padding: 15px;
    margin: 0 -15px;
    border-radius: 25px;
    display: flex;
    flex-flow: column;
    position: relative
}

.service--cont>* {
    position: relative;
    z-index: 5
}

.service--cont:before {
    content: "";
    display: inline-block;
    vertical-align: top;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    z-index: 1;
    background: url(../img/bg-noise-xs.jpg) center center;
    background-size: cover
}

.service--list {
    margin-top: 14px;
    display: flex;
    flex-flow: column;
    gap: 15px
}

.service--item {
    border-radius: 12px;
    padding: 15px 30px 15px 84px;
    position: relative;
    background: #fff;
    min-height: 78px;
    display: flex;
    align-items: center
}

.service--icon {
    width: 24px;
    height: 24px;
    fill: var(--c-mint);
    position: absolute;
    top: 50%;
    left: 30px;
    margin-top: -12px
}

.service--data {
    --link-color: var(--c-blue);
    font-size: 16px;
    line-height: 1.5;
    color: var(--c-gray)
}

.service--data a {
    font-size: 22px;
    line-height: 27px;
    font-weight: 700
}

.service--btn {
    margin-top: 14px;
    text-align: center
}

.service--btn .btn {
    font-size: 22px;
    min-height: 62px;
    border-radius: 35px;
    width: 100%;
    text-transform: uppercase
}

.ship {
    margin-top: 30px
}

.ship .title {
    line-height: 1.2
}

.ship--list {
    display: flex;
    flex-flow: column;
    gap: 15px;
    margin-top: 9px
}

.ship--item {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    border: 1px solid var(--c-gray-blue);
    border-radius: 25rem;
    padding: 15rem
}

.ship--img {
    flex: 0 0 58px;
    min-width: 58px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center
}

.ship--img img {
    max-height: 58px
}

.ship--data {
    display: flex;
    flex-flow: column;
    gap: 5px
}

.ship--name {
    font-weight: 700;
    font-size: 18rem;
    line-height: 1.25;
    color: var(--c-blue)
}

.ship--text {
    font-size: 16rem;
    line-height: 1.25
}

.pay {
    margin-top: 28px
}

.pay--cont {
    border-radius: 25rem;
    padding: 30rem 15rem;
    background: var(--c-gray-blue)
}

.pay .title {
    line-height: 1.2
}

.pay--list {
    display: flex;
    flex-flow: column;
    gap: 15px;
    margin-top: 11px
}

.pay--item {
    border-radius: 12rem;
    padding: 0rem 15rem 15rem;
    background: #fff;
    display: flex;
    flex-flow: column;
    gap: 5px;
    align-items: center
}

.pay--img {
    text-align: center
}

.pay--name {
    text-align: center;
    font-size: 18px;
    line-height: 1.25;
    font-weight: 700;
    margin-top: -5px
}

.pay--text {
    font-size: 16rem;
    line-height: 1.5
}

.pay--text li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 12px
}

.pay--text li:before {
    content: "";
    display: inline-block;
    vertical-align: top;
    position: absolute;
    background-image: url("data:image/svg+xml,%3Csvg width='11' height='11' viewBox='0 0 11 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.42907 10.3548C8.14271 10.3548 10.3565 8.14103 10.3565 5.42739C10.3565 2.71375 8.14271 0.5 5.42907 0.5C2.71543 0.5 0.50168 2.71375 0.50168 5.42739C0.430269 8.14103 2.64402 10.3548 5.42907 10.3548ZM5.42907 1.35695C7.64283 1.35695 9.49953 3.21363 9.49953 5.42739C9.49953 7.64115 7.64283 9.49785 5.42907 9.49785C3.21531 9.49785 1.35863 7.64115 1.35863 5.42739C1.35863 3.21363 3.1439 1.35695 5.42907 1.35695Z' fill='%233677B1' stroke='%233677B1'/%3E%3Cpath d='M5.42951 8.14102C6.92916 8.14102 8.14317 6.92702 8.14317 5.42737C8.14317 3.92773 6.92916 2.71375 5.42951 2.71375C3.92987 2.71375 2.71589 3.92773 2.71589 5.42737C2.64447 6.92702 3.85846 8.14102 5.42951 8.14102ZM5.42951 3.57067C6.42928 3.57067 7.28622 4.42761 7.28622 5.42737C7.28622 6.42713 6.42928 7.28408 5.42951 7.28408C4.42975 7.28408 3.57283 6.42713 3.57283 5.42737C3.57283 4.42761 4.35834 3.57067 5.42951 3.57067Z' fill='%233677B1' stroke='%233677B1'/%3E%3C/svg%3E%0A");
    width: 11px;
    height: 11px;
    left: 0;
    top: 12px;
    transform: translateY(-50%)
}

.choose {
    margin-top: 30px
}

.choose--cont {
    border: 1px solid var(--c-gray-blue);
    border-radius: 25rem;
    padding: 15rem;
    display: flex;
    flex-flow: column;
    gap: 15px
}

.choose .title {
    line-height: 1.2;
    padding: 0
}

.choose--text {
    --text-fz: 14px;
    --text-lh: 1.35
}

.choose--sub {
    font-family: var(--font-second);
    font-size: 20rem;
    line-height: 1.2;
    text-align: center;
    color: var(--c-darkblue)
}

.choose--list {
    display: flex;
    flex-flow: column;
    gap: 12px
}

.choose--item {
    border: 1px solid var(--c-gray-blue);
    border-radius: 25rem;
    padding: 15rem;
    display: flex;
    align-items: center;
    gap: 15px;
    font-size: 14px;
    line-height: 17px
}

.choose--img {
    flex: 0 0 94px;
    min-width: 94px
}

.choose--img img {
    width: 94px;
    height: 100px;
    -o-object-fit: contain;
    object-fit: contain
}

.step {
    margin-top: 30px
}

.step .title {
    line-height: 1.2;
    padding: 0
}

.step--sub {
    font-family: var(--font-second);
    font-size: 20rem;
    line-height: 1.2;
    text-align: center;
    color: var(--c-darkblue);
    margin-top: 15px
}

.step--btn {
    text-align: center;
    margin-top: 15px
}

.step--btn .btn {
    font-size: 22px;
    line-height: 1;
    padding: 0 30px;
    text-transform: uppercase;
    min-height: 52px;
    border-radius: 35px
}

.catalog {
    margin-top: 15px
}

.catalog .pagetitle {
    font-size: 32px;
    letter-spacing: -.02em
}

.catalog--cont {
    margin-top: 11px;
    display: flex;
    gap: 15px
}

.catalog--aside {
    display: flex;
    flex-flow: column;
    gap: 15px
}

.catalog--inner {
    flex: auto
}

.catalog--top {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 10px
}

.catalog--top .catsort {
    flex: auto
}

.catalog--list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
    gap: 15px
}

.catalog--empty {
    border: 1px solid var(--c-lightgray);
    border-radius: 16rem;
    padding: 15rem 20px;
    display: flex;
    flex-flow: column;
    align-items: center;
    text-align: center;
    box-shadow: 0 -6px 15px 0 rgba(0, 0, 0, .03), 0 6px 15px 0 rgba(0, 0, 0, .03), -6px 0 15px 0 rgba(0, 0, 0, .03), 6px 0 15px 0 rgba(0, 0, 0, .03);
    background: #fff
}

.catalog--page {
    --link-color: var(--c-blue);
    text-align: center;
    font-size: 14rem;
    line-height: 1.5;
    margin-top: 29px
}

.catalog--bottom {
    display: flex;
    flex-flow: column
}

.catalog--bottom .container {
    padding: 0;
    width: 100%;
    max-width: 100%
}

.catsort {
    display: flex;
    align-items: center;
    gap: 10px
}

.catsort--name {
    white-space: nowrap;
    font-size: 12rem;
    line-height: 1.5
}

.catsort--dropdown {
    flex: auto
}

.catsort--dropdown.--show .catsort--btn svg {
    transform: scaleY(-1)
}

.catsort--btn {
    display: inline-flex;
    align-items: center;
    border: 1px solid #fff;
    border-radius: 5rem;
    padding: 6rem 0rem 6rem 8rem;
    gap: 8px;
    font-size: 12rem;
    line-height: 1.5;
    background: var(--c-gray-blue);
    width: 100%
}

.catsort--btn span {
    display: inline-flex;
    flex: auto;
    overflow: hidden;
    text-overflow: ellipsis
}

.catsort--btn svg {
    width: 24px;
    height: 24px;
    min-width: 24px;
    fill: var(--c-blue);
    transition: .2s ease-out;
    transform: scaleY(1)
}

.catsort--list {
    width: 100%;
    display: flex;
    flex-flow: column;
    border: 1px solid var(--c-lightgray);
    border-radius: 5rem
}

.catsort--value {
    display: flex;
    padding: 8px 10px
}

.filter--show {
    min-height: 36px;
    height: 36px;
    border-radius: 5px;
    gap: 3px;
    justify-content: center;
    padding: 0 5px;
    width: 77px;
    font-size: 12rem;
    line-height: 1.5
}

.filter--show svg {
    width: 18px;
    height: 18px;
    fill: currentColor
}

.filter--show:not(.--active) {
    display: none
}

.asfilter {
    border-radius: 20px;
    padding: 30px 15px;
    box-shadow: 0 8px 40px 0 rgba(120, 120, 120, .12);
    background: #fff;
    transition: .3s ease-out
}

.asfilter--show {
    display: none;
    min-width: 190px;
    height: 37px;
    min-height: 37px !important;
    border-radius: 8px !important;
    font-size: 14rem;
    line-height: 1.5;
    letter-spacing: .29em;
    text-transform: uppercase
}

.asfilter--bottom {
    display: flex !important;
    flex-flow: column;
    gap: 10px;
    align-items: center;
    justify-content: center;
    text-align: center
}

.asfilter--reset {
    --link-color: var(--c-blue);
    padding: 0;
    border: none;
    background: 0 0 !important;
    font-size: 12rem;
    line-height: 1.5
}

.asfilter--title {
    font-weight: 700;
    font-size: 22px;
    line-height: 27px;
    margin-bottom: 15px
}

.asfilter--item {
    display: flex;
    flex-flow: column;
    gap: 10px;
    border: none !important;
    box-shadow: none !important
}

.asfilter--item[id$=-ctg] .asfilter--name {
    display: none
}

.asfilter--name {
    font-weight: 700;
    font-size: 16px;
    line-height: 1.25
}

.asfilter .rdf-truncate-element .rdf-group {
    overflow: hidden
}

.asfilter .input-group {
    width: 100%
}

.asfilter--select {
    width: 100%;
    height: 37px;
    background: var(--c-lightgray);
    border: 1px solid var(--c-blue);
    padding-left: 16px;
    border-radius: 8px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.1879 0L10 0.817699L5 5.85215L0 0.817699L0.812103 0L5 4.21675L9.1879 0Z' fill='black'/%3E%3C/svg%3E%0A");
    background-size: 10px 6px;
    background-position: calc(100% - 16px) center;
    background-repeat: no-repeat
}

.asfilter--select:focus {
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.812103 5.85217L1.02516e-06 5.03447L5 2.19742e-05L10 5.03447L9.1879 5.85217L5 1.63542L0.812103 5.85217Z' fill='black'/%3E%3C/svg%3E%0A");
    background-size: 10px 6px;
    background-position: calc(100% - 16px) center;
    background-repeat: no-repeat
}

.asfilter--select~.rdf-clear {
    background: var(--c-lightgray);
    border: 1px solid var(--c-blue);
    border-radius: 8px;
    display: none !important
}

.asfilter--checkbox {
    font-size: 14px;
    line-height: 1.5;
    margin-top: 5px !important;
    margin-bottom: 0 !important
}

.asfilter--checkbox:first-child {
    margin-top: 0 !important
}

.asfilter--checkbox label {
    padding-left: 37px;
    display: inline-flex;
    align-items: center;
    min-height: 22px
}

.asfilter--checkbox input {
    width: 0;
    height: 0;
    margin-left: -37px !important;
    top: 0;
    margin-top: 0 !important
}

.asfilter--checkbox input:after,
.asfilter--checkbox input:before {
    content: "";
    display: inline-block;
    vertical-align: top;
    position: absolute;
    left: 0;
    top: 0;
    width: 22px;
    height: 22px;
    border: 1px solid var(--c-blue);
    border-radius: 5px;
    transition: .3s ease-out
}

.asfilter--checkbox input:after {
    background: var(--c-blue);
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.49995 15.2545L18.7928 5.89758L20.2071 7.32154L9.49995 18.1024L3.79285 12.356L5.20706 10.932L9.49995 15.2545Z' fill='%23fff'/%3E%3C/svg%3E%0A");
    background-position: center center;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    opacity: 0
}

.asfilter--checkbox input:checked:after {
    opacity: 1
}

.asfilter--checkbox .rdf-clear,
.asfilter--checkbox .rdf-label {
    display: none
}

.asfilter .irs-line {
    height: 6px;
    border-radius: 3px;
    top: 35px
}

.asfilter .irs-bar {
    height: 6px;
    border-radius: 3px;
    background: var(--c-blue);
    top: 35px
}

.asfilter .irs-from,
.asfilter .irs-single,
.asfilter .irs-to {
    display: inline-flex;
    align-items: center;
    padding: 0 5px;
    background: var(--c-blue);
    font-size: 16px;
    line-height: 1.5
}

.asfilter .irs-from:after,
.asfilter .irs-single:after,
.asfilter .irs-to:after {
    border-top-color: var(--c-blue)
}

.asfilter .irs-shadow {
    display: none !important
}

.asfilter .irs-handle {
    width: 13px;
    height: 13px;
    border-radius: 13px;
    background: var(--c-blue);
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 2px;
    top: 32px
}

.asfilter .irs-handle i {
    width: 1px;
    height: 5px;
    background: rgba(255, 255, 255, .3)
}

.asfilter .irs-handle i:nth-child(n+3) {
    display: none
}

.asfilter--ranges {
    display: flex;
    gap: 15px;
    margin-top: 14px;
    margin-bottom: 28px
}

.asfilter--ranges .range-group {
    flex: 0 0 calc(50% - 7.5px);
    max-width: calc(50% - 7.5px);
    background: var(--c-lightgray);
    border: 1px solid var(--c-blue);
    border-radius: 8px;
    padding-left: 16px;
    font-size: 14px;
    line-height: 1.5
}

.asfilter--ranges .range-group input {
    border: none;
    background: 0 0;
    padding-left: 3px;
    color: var(--c-black);
    outline: 0;
    box-shadow: none !important
}

.asfilter--ranges .range-group input::-webkit-input-placeholder {
    color: var(--c-black)
}

.asfilter--ranges .range-group input:-moz-placeholder {
    color: var(--c-black)
}

.asfilter--ranges .range-group input::-moz-placeholder {
    color: var(--c-black)
}

.asfilter--ranges .range-group input:-ms-input-placeholder {
    color: var(--c-black)
}

.asfilter--ranges .input-group-addon {
    background: 0 0;
    border: none;
    padding: 0;
    color: var(--c-gray)
}

.asfilter .rdf-truncate-hide,
.asfilter .rdf-truncate-show {
    --link-color: var(--c-blue);
    text-align: center;
    font-size: 12px;
    font-weight: 400
}

.asfilter .slidewrapper .irs--flat+.irs--flat {
    opacity: .5;
    pointer-events: none
}

.fancy-filter .fancybox-content {
    padding: 0;
    background: 0 0;
    margin: 0 !important;
    float: left
}

.fancy-filter .asfilter {
    padding: 0
}

.fancy-filter .asfilter--show {
    display: inline-flex
}

.fancy-filter .asfilter:not(.--active) {
    transform: translateX(-100%)
}

.fancy-filter .asfilter .rdf-form {
    display: flex;
    flex-flow: column;
    padding: 30px 15px;
    height: 100vh
}

.fancy-filter .asfilter .rdf-body {
    flex: auto;
    margin-right: -10px
}

.fancy-filter .asfilter .rdf-body .rdf-body {
    padding-right: 14px
}

.fancy-filter .asfilter .panel-group {
    margin-bottom: 0
}

.fancy-filter .asfilter .rdf-footer {
    margin-top: 20px
}

.sidecat {
    display: flex;
    flex-flow: column;
    background: #fff;
    box-shadow: 0 8px 40px 0 rgba(120, 120, 120, .12);
    border-radius: 20rem
}

.sidecat--item {
    --link-color: #000;
    --link-color-active: var(--c-blue);
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 10px 7px;
    border-bottom: 1px solid var(--c-gray-blue);
    font-size: 14px;
    line-height: 17px
}

.sidecat--img {
    flex: 0 0 32px;
    min-width: 32px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.sidecat--img img {
    max-width: 32px;
    max-height: 32px;
    -o-object-fit: contain;
    object-fit: contain
}

.checkout {
    margin-top: 12px
}

.checkout--subtitle {
    display: none;
    font-size: 14rem;
    line-height: 1.5;
    letter-spacing: .29em;
    text-transform: uppercase;
    color: var(--c-gray);
    margin-bottom: 15px
}

.checkout--cont {
    margin-top: -4px;
    display: flex;
    flex-flow: column;
    gap: 15px
}

.checkout--data {
    display: flex;
    flex-flow: column;
    gap: 15px
}

.checkout--data .totals--list {
    display: none
}

.checkout--total {
    padding: 0 7.5px
}

.checkout--products {
    margin-bottom: 10px
}

.checkout--title {
    font-size: 22px;
    line-height: 27px;
    font-weight: 700
}

.checkout--inner {
    margin-top: 16px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px
}

.checkout--inner .form--inp {
    flex: 0 0 100%
}

.checkout--inner .form--inp-shipping_address_postcode {
    flex: 0 0 160px
}

.checkout--inner .form--inp .prmn-cmngr-simplecity,
.checkout--inner .form--input,
.checkout--inner .form--select,
.checkout--inner .form--textarea,
.form--inp .checkout--inner .prmn-cmngr-simplecity {
    flex: 0 0 100%
}

.checkout--inner .form--inp [name=postcode].prmn-cmngr-simplecity,
.checkout--inner .form--input[name=postcode],
.checkout--inner .form--select[name=postcode],
.checkout--inner .form--textarea[name=postcode],
.form--inp .checkout--inner [name=postcode].prmn-cmngr-simplecity {
    flex: 0 0 160px
}

.checkout--inner .form--inp .prmn-cmngr-simplecity,
.checkout--inner .form--input,
.form--inp .checkout--inner .prmn-cmngr-simplecity {
    height: 38px;
    min-height: 38px;
    padding: 0 10px
}

.checkout--inner .form--textarea {
    padding: 10px;
    height: 117px
}

.checkout--inner .form--select {
    height: 38px;
    min-height: 38px;
    padding-left: 10px
}

.checkout--radios {
    gap: 5px !important;
    flex-flow: column
}

.prcheck {
    display: flex;
    flex-flow: column;
    gap: 15px
}

.prcheck--item {
    border: 1px solid var(--c-lightgray);
    border-radius: 16rem;
    padding: 10rem 10px 8px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px
}

.prcheck--img {
    flex: 0 0 65px;
    min-width: 65px
}

.prcheck--img img {
    width: 65px;
    height: 65px;
    -o-object-fit: contain;
    object-fit: contain
}

.prcheck--name {
    font-weight: 700;
    font-size: 18rem;
    line-height: 1.25;
    flex: 0 0 calc(100% - 30px - 65px - 80px)
}

.prcheck--price {
    flex: 0 0 80px;
    text-align: right;
    white-space: nowrap;
    color: var(--c-darkblue);
    font-size: 18rem;
    line-height: 1.35
}

.prcheck--totals {
    display: flex;
    align-items: center;
    flex: 0 0 100%;
    gap: 16px;
    justify-content: flex-start;
    padding: 5px 10px 5px 30px;
    border: 1px solid var(--c-lightgray);
    border-radius: 10rem
}

.prcheck--totals .prcheck--price {
    display: none
}

.prcheck--right {
    display: flex;
    align-items: center;
    gap: 16px
}

.prcheck--right:before {
    content: "";
    display: inline-block;
    vertical-align: top;
    width: 1px;
    height: 20px;
    background: var(--c-lightgray)
}

.prcheck--mult {
    display: inline-flex;
    width: 36px;
    height: 36px;
    min-width: 36px;
    align-items: center;
    justify-content: center;
    color: #060709;
    cursor: pointer
}

.prcheck--mult svg {
    width: 14px;
    height: 14px;
    fill: currentColor
}

.prcheck--total {
    flex: auto;
    font-weight: 700;
    font-size: 18rem;
    line-height: 1.25;
    color: var(--c-darkblue)
}

.cradio input {
    display: none
}

.cradio input:checked+.cradio--inner .cradio--check:before {
    transform: scale(1)
}

.cradio--inner {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px 15px
}

.cradio--check {
    flex: 0 0 24px;
    min-width: 24px;
    height: 24px;
    border-radius: 3px;
    background: var(--c-gray-blue);
    position: relative
}

.cradio--check:before {
    content: "";
    display: inline-block;
    vertical-align: top;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: .2s ease-out;
    transform: scale(0);
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.49995 15.2545L18.7928 5.89758L20.2071 7.32154L9.49995 18.1024L3.79285 12.356L5.20706 10.932L9.49995 15.2545Z' fill='%233677B1'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat
}

.cradio--img {
    flex: 0 0 45px;
    width: 45px;
    height: 45px;
    min-width: 45px
}

.cradio--img img {
    width: 45px;
    height: 45px;
    -o-object-fit: contain;
    object-fit: contain
}

.cradio--title {
    flex: 0 0 calc(100% - 24px - 45px - 30px);
    font-size: 15rem;
    line-height: 1.2
}

.cradio--title strong {
    font-weight: 700
}

.cradio--bottom {
    --link-color: var(--c-blue);
    flex: 0 0 100%;
    font-size: 15px;
    line-height: 1.2;
    padding-left: 39px
}

.cradio--bottom p {
    margin: 0 0 5px
}

.cradio--bottom p:last-child {
    margin-bottom: 0
}

.totals {
    border: 1px solid var(--c-lightgray);
    border-radius: 16rem;
    padding: 30rem;
    box-shadow: 0 -6px 15px 0 rgba(0, 0, 0, .03), 0 6px 15px 0 rgba(0, 0, 0, .03), -6px 0 15px 0 rgba(0, 0, 0, .03), 6px 0 15px 0 rgba(0, 0, 0, .03);
    background: #fff;
    display: flex;
    flex-flow: column;
    gap: 15px
}

.totals--title {
    text-align: center;
    font-size: 22px;
    line-height: 27px;
    font-weight: 700
}

.totals--list {
    display: flex;
    flex-flow: column;
    gap: 5px
}

.totals--item {
    font-size: 15px;
    line-height: 1.2;
    display: flex;
    align-items: flex-start;
    gap: 5px
}

.totals--item span:first-child {
    flex: auto
}

.totals--item span:last-child {
    text-align: right;
    flex: 0 0 70px;
    min-width: 70px
}

.totals--item-sub_total,
.totals--item-subtotal {
    margin-bottom: 10px
}

.totals--item-sub_total span:last-child,
.totals--item-subtotal span:last-child {
    font-weight: 700;
    font-size: 18px;
    line-height: 1.25;
    color: var(--c-darkblue)
}

.totals--item-total {
    margin-top: 10px;
    border-top: 1px solid var(--c-lightgray);
    padding-top: 15px;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.25;
    color: var(--c-darkblue)
}

.totals--button {
    text-align: center
}

.totals--button .btn {
    width: 100%;
    min-height: 54px;
    font-size: 18px;
    border-radius: 30px
}

.success--cont {
    border: 1px solid var(--c-lightgray);
    border-radius: 16rem;
    padding: 15rem 20px;
    display: flex;
    flex-flow: column;
    align-items: center;
    text-align: center;
    box-shadow: 0 -6px 15px 0 rgba(0, 0, 0, .03), 0 6px 15px 0 rgba(0, 0, 0, .03), -6px 0 15px 0 rgba(0, 0, 0, .03), 6px 0 15px 0 rgba(0, 0, 0, .03);
    background: #fff
}

.success--cont.--modal {
    border: none;
    border-radius: 0;
    padding: 0;
    box-shadow: none;
    background: 0 0
}

.success--icon {
    width: 80px;
    height: 80px;
    fill: var(--c-blue);
    margin-bottom: 8px
}

.success--title {
    font-family: var(--font-second);
    font-weight: 700;
    font-size: 32px;
    line-height: 1;
    margin-bottom: 8px
}

.success--text {
    font-weight: 500;
    font-size: 20rem;
    line-height: 1.25
}

.success--btn {
    margin-top: 30px;
    font-size: 18px;
    text-transform: uppercase;
    min-height: 48px;
    border-radius: 25px
}

.cookblock {
    transition: .2s ease-out;
    opacity: 0;
    visibility: hidden;
    position: fixed;
    bottom: 20px;
    left: var(--container-padding);
    right: auto;
    z-index: 9999;
    background: #fff;
    display: flex;
    flex-flow: column;
    padding: 30px;
    width: min(80vw, 400px);
    box-shadow: 0 0 40px rgba(0, 0, 0, .1);
    border-radius: 20px;
    gap: 20px;
    font-size: 16px;
    line-height: 1.25
}

.cookblock.--active {
    opacity: 1;
    visibility: visible
}

@media (min-width:768px) {
    :root {
        --container: 750px;
        --container-padding: 0;
        --header-height: 135px
    }
    .form {
        align-items: flex-start
    }
    .mmodal {
        max-width: 558px;
        padding: 60rem
    }
    .mmodal--title {
        font-size: 42px
    }
    .header {
        padding-bottom: 0
    }
    .header--row {
        padding: 13px 0 0
    }
    .header--cart {
        gap: 45px
    }
    .header--cart .hcart {
        margin-left: -14px
    }
    .header--mmenu {
        display: none
    }
    .menu {
        background: var(--c-blue);
        margin-top: 14px
    }
    .menu--row {
        gap: 25px;
        justify-content: flex-start
    }
    .menu--links {
        display: none
    }
    .menu--menu,
    .menu--menu li {
        flex: auto
    }
    .catmenu--btn {
        --btn-bg: var(--c-darkblue);
        min-height: 50px;
        border-radius: 0;
        padding: 0 31px
    }
    .catmenu--list {
        display: block;
        border-radius: 0 0 20px 20px;
        padding: 20px;
        -moz-column-count: 2;
        column-count: 2;
        -moz-column-gap: 30px;
        column-gap: 30px;
        width: calc(var(--container) - 45px)
    }
    .footer--row {
        display: flex;
        flex-flow: row;
        justify-content: space-between
    }
    .footer {
        font-size: 14px
    }
    .footer--logo img {
        max-width: 140px
    }
    .footer--info {
        border-radius: 30px;
        flex: 0 0 400px;
        padding-top: 47px;
        padding-bottom: 47px
    }
    .footer--top {
        flex-flow: row;
        justify-content: space-between;
        text-align: left
    }
    .footer--menus {
        flex: auto;
        padding-top: 31px;
        padding-right: 0;
        padding-left: 25px
    }
    .footer--col {
        flex: 0 0 calc(50% - 15px);
        gap: 29px
    }
    .fdata {
        flex-flow: row;
        justify-content: space-between;
        margin-top: 21px
    }
    .fdata--col {
        gap: 15px;
        flex: 0 0 45%
    }
    .fdata--col:last-child {
        flex: 0 0 160px
    }
    .fdata--item {
        flex-flow: column;
        align-items: flex-start;
        justify-content: start;
        gap: 0
    }
    .fdata--val {
        font-size: 18px;
        line-height: 1.35
    }
    .frev {
        margin-top: 30px
    }
    .frev--name {
        text-align: left
    }
    .fmenu--name {
        font-size: 18px;
        line-height: 1.25
    }
    .fmenu--list {
        margin-top: 16px;
        gap: 5px
    }
    .mmenu--list {
        border-radius: 0 0 20px 20px
    }
    .nf {
        padding-top: 7px
    }
    .nf--cont {
        flex-flow: row;
        align-items: center;
        justify-content: space-between
    }
    .nf--data {
        flex: 0 0 43%;
        margin-left: -6px
    }
    .nf--img {
        margin-top: 0;
        flex: 0 0 53%;
        margin-right: -6px;
        padding-left: 1px
    }
    .hello--cont {
        display: flex;
        flex-flow: row;
        margin-left: 0;
        margin-right: 0;
        border-radius: 25px;
        overflow: hidden
    }
    .hello--data {
        flex: auto;
        padding-top: 42px;
        padding-bottom: 34px;
        border-radius: 0;
        gap: 22px
    }
    .hello--title {
        margin-right: -150px;
        font-size: 36px
    }
    .hello--title span:before {
        top: -9px
    }
    .hello--text {
        text-align: left
    }
    .hello--img {
        flex: 0 0 40%;
        border-radius: 0;
        height: auto
    }
    .hello--img img {
        -o-object-position: 45% 50%;
        object-position: 45% 50%
    }
    .hellobtn {
        flex-flow: row;
        align-items: center;
        gap: 15px;
        padding: 8px 20px;
        border-radius: 40px;
        width: auto
    }
    .hellobtnsec {
        margin-top: 0;
        margin-left: 10px;
        white-space: nowrap;
    }
    .hellobtn--left {
        padding-bottom: 0;
        margin-bottom: 0;
        border-bottom: none;
        border-right: 1px solid currentColor;
        padding-right: 15px;
        flex-flow: column;
        align-items: flex-start;
        gap: 0;
        white-space: nowrap
    }
    .hellobtn--right {
        gap: 12px
    }
    .hellobtn--name {
        font-size: 16px
    }
    .hellobtn--text {
        /* max-width: 102px; */
        max-width: 300px;
    }
    .hellobtn--arrow {
        margin-left: 12px
    }
    .homecat--cont {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-rows: auto;
        grid-auto-flow: dense
    }
    .homecat--item {
        height: 300px;
        grid-row: span 1
    }
    .homecat--item:nth-child(5n) {
        height: 600px;
        grid-row: span 2
    }
    .homecat--item:nth-child(5n-4) {
        grid-column: 1/1
    }
    .homecat--item:nth-child(5n-3) {
        grid-column: 2/2
    }
    .homecat--item:nth-child(5n-2) {
        grid-column: 1/1
    }
    .homecat--item:nth-child(5n-1) {
        grid-column: 2/2
    }
    .system {
        margin-top: 30px
    }
    .system--cont {
        margin-left: 7px;
        margin-right: 7px;
        background: 0 0;
        padding: 0;
        border-radius: 30px
    }
    .system--top {
        display: flex;
        position: relative
    }
    .system--top:before {
        content: "";
        display: inline-block;
        vertical-align: top;
        position: absolute;
        left: 0;
        bottom: 0;
        width: 80%;
        background: var(--c-gray-blue);
        height: 30px;
        z-index: -2
    }
    .system--title {
        padding: 20px 0 30px 20px;
        position: relative;
        flex: 0 0 41%;
        z-index: 4
    }
    .system--title:after,
    .system--title:before {
        content: "";
        display: inline-block;
        vertical-align: top;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: 30px 30px 0 0;
        background: var(--c-gray-blue);
        z-index: -1
    }
    .system--title:after {
        transform: skew(6deg, 0deg);
        transform-origin: 100% 0
    }
    .system--sub {
        flex: auto;
        padding: 20px 0 20px 30px;
        margin-top: 0;
        position: relative;
        z-index: 5
    }
    .system--sub:before {
        content: "";
        display: inline-block;
        vertical-align: top;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: #fff;
        z-index: -1;
        border-radius: 30px;
        transform-origin: 0 0;
        transform: skew(6deg, 0deg)
    }
    .system--bottom {
        display: flex;
        background: var(--c-gray-blue);
        border-radius: 0 30px 30px;
        padding: 33px 17px 42px 20px;
        margin-top: 0;
        gap: 29px
    }
    .system--list {
        flex: auto
    }
    .system--item {
        border-radius: 12px;
        gap: 15px;
        padding: 15px 15px 15px 0
    }
    .system--image {
        flex: 0 0 40%;
        margin-top: 0;
        border-radius: 24px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 29px 10px
    }
    .system--image:before {
        width: 144%;
        height: 370px;
        top: 43%
    }
    .level--cont {
        position: relative;
        width: 100%;
        max-width: 450px;
        margin: 25px auto 0
    }
    .level .title {
        letter-spacing: -.01em;
        font-size: 36px;
        line-height: 1.2
    }
    .level .title span {
        font-size: 28px
    }
    .level--item {
        position: absolute;
        width: 300px;
        left: auto;
        right: -140px;
        padding-left: 60px;
        gap: 15px;
        align-items: initial
    }
    .level--item-left {
        text-align: right;
        padding-left: 0;
        padding-right: 60px;
        left: -140px;
        right: auto;
        width: 300px
    }
    .level--item-left .level--num {
        left: auto;
        right: 0
    }
    .level--num {
        position: absolute;
        left: 0
    }
    .level--num span {
        width: 48px;
        height: 48px;
        -webkit-backdrop-filter: blur(4px);
        backdrop-filter: blur(4px);
        box-shadow: 1px 0 3px 0 rgba(0, 0, 0, .1), 5px 0 5px 0 rgba(0, 0, 0, .09), 12px 0 7px 0 rgba(0, 0, 0, .05), 22px 0 9px 0 rgba(0, 0, 0, .01), 34px 0 10px 0 rgba(0, 0, 0, 0);
        background: rgba(255, 255, 255, .8)
    }
    .level--num img {
        display: none
    }
    .level--title {
        padding-left: 0;
        display: block;
        min-height: 0
    }
    .level--text {
        font-size: 16px;
        line-height: 1.25
    }
    .prlevel--cont {
        position: relative;
        width: 100%;
        max-width: 450px;
        margin: 25px auto 0
    }
    .prlevel .title {
        letter-spacing: -.01em;
        font-size: 36px;
        line-height: 1.2
    }
    .prlevel .title span {
        font-size: 28px
    }
    .prlevel--item {
        position: absolute;
        width: 300px;
        left: auto;
        right: -140px;
        padding-left: 60px;
        gap: 15px
    }
    .prlevel--item-left {
        text-align: right;
        padding-left: 0;
        padding-right: 60px;
        left: -140px;
        right: auto;
        width: 300px
    }
    .prlevel--item-left .prlevel--num {
        left: auto;
        right: 0
    }
    .prlevel--num {
        width: 48px;
        height: 48px
    }
    .prlevel--title {
        padding-left: 0;
        display: block;
        min-height: 0
    }
    .prlevel--text {
        font-size: 12px;
        line-height: 1.25
    }
    .pproduct--cont {
        grid-template-columns: repeat(3, 1fr);
        margin-top: 23px;
        padding: 0 7px;
        gap: 30px 15px
    }
    .pproduct--slider {
        margin-top: 23px
    }
    .modproduct--cont {
        grid-template-columns: repeat(3, 1fr);
        margin-top: 23px;
        padding: 0 7px;
        gap: 30px 15px
    }
    .modproduct--slider {
        margin-top: 23px
    }
    .product--cont {
        flex-flow: row;
        align-items: flex-start;
        gap: 20px
    }
    .product--media {
        flex: 0 0 calc(45% - 10px);
        max-width: calc(45% - 10px);
        position: sticky;
        top: 10px;
        top: calc(var(--header-height) + 10px)
    }
    .product--main:before {
        width: 175%;
        height: 88%;
        top: 56%
    }
    .product--data {
        flex: 0 0 calc(55% - 10px);
        max-width: calc(55% - 10px)
    }
    .prtabs {
        --container-padding: 7px
    }
    .prtabs--tabs {
        gap: 0
    }
    .prtabs--nav {
        display: none
    }
    .prtabs--tab {
        flex: auto;
        padding: 0 20px;
        position: relative
    }
    .prtabs--tab:before {
        content: "";
        display: inline-block;
        vertical-align: top;
        position: absolute;
        width: 1px;
        height: 100%;
        left: 0;
        top: 0;
        background: var(--c-gray-blue)
    }
    .prtabs--tab.--active+.prtabs--tab:before,
    .prtabs--tab.--active:before,
    .prtabs--tab:first-child:before {
        display: none
    }
    .attr {
        padding: 30px
    }
    .prtext {
        padding: 28px 30px 30px;
        gap: 23px
    }
    .prtext--item {
        flex-flow: row;
        gap: 20px
    }
    .prtext--title {
        flex: 0 0 220px
    }
    .prtext--text {
        flex: auto
    }
    .pagetext--content {
        flex-flow: row;
        gap: 30px
    }
    .pagetext--text {
        flex: auto
    }
    .pagetext--aside {
        flex: 0 0 240px;
        min-width: 240px
    }
    .mcat--title {
        text-align: left;
        font-size: 20px;
        padding: 0
    }
    .plus {
        --container-padding: 7px
    }
    .tplus {
        flex-flow: row;
        gap: 20px
    }
    .tplus--data {
        flex: 0 0 calc(50% - 15px);
        max-width: calc(50% - 15px);
        gap: 18px
    }
    .bplus {
        padding: 0;
        background: 0 0
    }
    .bplus--title {
        background: var(--c-gray-blue);
        border-radius: 30px 30px 0 0;
        position: relative;
        z-index: 5;
        max-width: 365px;
        padding: 30px 10px 0 20px
    }
    .bplus--title:after,
    .bplus--title:before {
        content: "";
        display: inline-block;
        vertical-align: top;
        position: absolute;
        top: 0;
        bottom: 0;
        transform: skew(10deg, 0)
    }
    .bplus--title:before {
        width: 47%;
        left: 50%;
        background: var(--c-gray-blue);
        border-radius: inherit;
        transform-origin: 100% 0;
        z-index: -1
    }
    .bplus--title:after {
        background: #fff;
        transform-origin: 100% 0;
        left: 97%;
        width: 100%;
        border-radius: 0 0 0 30px
    }
    .bplus--list {
        background: var(--c-gray-blue);
        border-radius: 0 30px 30px;
        margin-top: 0;
        gap: 30px;
        flex-flow: row;
        flex-wrap: wrap;
        position: relative;
        z-index: 2;
        padding: 33px 20px
    }
    .bplus--list:before {
        content: "";
        display: inline-block;
        vertical-align: top;
        position: absolute;
        top: -30px;
        left: 0;
        width: 80%;
        background: var(--c-gray-blue);
        z-index: -1;
        height: 30px
    }
    .bplus--item {
        flex: 0 0 calc(50% - 15px);
        padding: 15px;
        align-items: center
    }
    .bplus--item-img {
        padding-left: 0
    }
    .bplus--number {
        align-self: inherit
    }
    .mainplus {
        --container-padding: 7px
    }
    .mainplus--list {
        flex-flow: row;
        flex-wrap: wrap;
        position: relative;
        z-index: 2
    }
    .mainplus--item {
        flex: 0 0 calc(50% - 15px);
        padding: 15px;
        align-items: center
    }
    .prwhy {
        --container-padding: 7px
    }
    .prwhy--cont {
        flex-flow: row;
        align-items: flex-start;
        gap: 15px;
        display: grid;
        grid-template-columns: 48.5% 48.5%;
        grid-template-rows: auto 1fr
    }
    .prwhy--data {
        flex: 0 0 calc(55% - 5px)
    }
    .prwhy--images {
        grid-column: 2/2;
        grid-row: 1/3
    }
    .prwhy--img {
        flex: auto
    }
    .prwhy--media {
        position: relative;
        z-index: 1;
        order: 2;
        margin-left: -15px;
        margin-right: 15px;
        margin-top: -29px;
        border-radius: 24px
    }
    .prwhy--content {
        position: relative;
        z-index: 2;
        flex: 0 0 calc(55% - 5px);
        order: 1;
        border-radius: 24px;
        padding: 30px
    }
    .safe {
        --container-padding: 7px
    }
    .safe--cont {
        flex-flow: row;
        align-items: center;
        justify-content: space-between;
        padding: 20px
    }
    .safe--img {
        display: inline-block
    }
    .safe--img img {
        width: min(552px, 56%);
        height: min(479px, 65%);
        -o-object-fit: contain;
        object-fit: contain;
        left: 52%
    }
    .safe--data {
        flex: 0 0 36%;
        gap: 30px
    }
    .safe--item {
        padding-left: 0;
        padding-right: 40px;
        text-align: right;
        font-size: 20px;
        line-height: 1.5
    }
    .safe--item:before {
        left: auto;
        right: 0
    }
    .safe--text {
        flex: 0 0 calc(64% - 21px);
        padding: 30px;
        box-shadow: 7px -6px 20px 0 rgba(0, 0, 0, .1), 28px -24px 37px 0 rgba(0, 0, 0, .09), 63px -55px 50px 0 rgba(0, 0, 0, .05), 112px -98px 59px 0 rgba(0, 0, 0, .01), 174px -153px 65px 0 rgba(0, 0, 0, 0)
    }
    .complect {
        --container-padding: 7px
    }
    .complect .title {
        text-align: center
    }
    .complect--cont {
        display: inline-block;
        text-align: center;
        margin: 0 auto
    }
    .complect--img {
        max-width: 500px
    }
    .complect--num {
        width: 48px;
        height: 48px;
        font-size: 24px;
        border: 1px solid #fff;
        -webkit-backdrop-filter: blur(2px);
        backdrop-filter: blur(2px);
        box-shadow: 0 0 1px 0 rgba(0, 0, 0, .1), 2px 0 2px 0 rgba(0, 0, 0, .09), 6px 0 3px 0 rgba(0, 0, 0, .05), 11px 0 4px 0 rgba(0, 0, 0, .01), 17px 0 5px 0 rgba(0, 0, 0, 0)
    }
    .complect--item {
        position: absolute;
        transform: translate(-50%, -50%)
    }
    .complect--item.--left .complect--name {
        text-align: right;
        left: auto;
        right: 70px
    }
    .complect--name {
        position: absolute;
        left: 70px;
        top: 50%;
        transform: translateY(-50%);
        text-align: left;
        min-width: 130px
    }
    .complect--number {
        display: none
    }
    .preview {
        padding: 28px 30px 30px
    }
    .review--rate {
        display: inline-flex
    }
    .proven+.bid {
        margin-top: 30px
    }
    .bid {
        --container-padding: 7px
    }
    .bid--cont {
        flex-flow: row;
        align-items: center;
        gap: 20px;
        padding: 45px 30px
    }
    .bid--text {
        flex: 0 0 calc(50% - 10px);
        text-align: left
    }
    .bid--title {
        padding: 0;
        font-size: 42px
    }
    .bid--subtitle {
        font-size: 32px
    }
    .bid--subtitle:not(:first-child) {
        font-size: 24px;
        padding: 0;
        max-width: 390px;
        margin-top: -5px
    }
    .bid--subtitle:not(:first-child) span {
        font-size: 24px
    }
    .bid--form {
        flex: auto;
        margin-top: 7px;
        gap: 10px
    }
    .faq--cont {
        flex-flow: row
    }
    .faq .title {
        text-align: left;
        letter-spacing: -.02em;
        flex: auto
    }
    .faq--list {
        flex: 0 0 420px
    }
    .contact--item {
        flex-flow: row;
        align-items: flex-start
    }
    .info--list {
        flex-flow: row;
        gap: 30px
    }
    .info--col {
        flex: 0 0 calc(50% - 15px);
        border-radius: 30rem;
        padding: 30rem
    }
    .first--cont {
        padding: 40rem 30px;
        align-items: center
    }
    .first--data {
        max-width: 60%
    }
    .mission--cont {
        flex-flow: row;
        gap: 30px
    }
    .mission--item {
        flex: 0 0 calc(50% - 15px)
    }
    .problem--cont {
        flex-flow: row;
        align-items: flex-end;
        gap: 30px
    }
    .problem--col {
        flex: 0 0 calc(50% - 15px)
    }
    .proven {
        --container-padding: 7px
    }
    .proven--list {
        flex-flow: row;
        flex-wrap: wrap;
        gap: 30px 15px
    }
    .proven--item {
        flex: 0 0 calc(33.333% - 10px);
        /* padding: 30rem 10px 30px 15rem; */
        min-height: 420px
    }
    .proven--wrapper {
        padding: 30rem 15rem 30px 15rem;
    }
    .doubt--list {
        flex-flow: row;
        flex-wrap: wrap;
        gap: 30px
    }
    .doubt--item {
        flex: 0 0 calc(33.333% - 20px);
        flex-flow: column;
        align-items: center;
        text-align: center;
        font-family: var(--font-second)
    }
    .doubt--icon svg {
        width: 93px;
        height: 92px
    }
    .doubt--btn .btn {
        width: auto;
        padding: 0 40px;
        font-size: 22px
    }
    .guar--data {
        flex-flow: row;
        gap: 30px;
        margin-top: 31px
    }
    .guar--list {
        flex: auto;
        margin-top: 0;
        align-self: flex-start
    }
    .guar--item {
        padding: 15px 15px 15px 0;
        align-items: center
    }
    .guar--media {
        flex: 0 0 45%
    }
    .guar--media:before {
        width: 144.48%;
        height: 370px;
        transform: translate(-50%, -168px)
    }
    .guar--media img {
        margin: 0;
        max-width: 100%
    }
    .pack--cont {
        flex-flow: row;
        align-items: center;
        gap: 15px;
        justify-content: space-between
    }
    .pack--col {
        flex: 0 0 30%;
        gap: 30px;
        padding-left: 25px
    }
    .pack--col:first-child {
        padding-left: 0;
        padding-right: 30px
    }
    .pack--col:first-child .pack--item {
        text-align: right;
        padding: 3px 40px 3px 15px
    }
    .pack--col:first-child .pack--num {
        left: auto;
        right: -10px
    }
    .pack--col:last-child .pack--num:before {
        transform: scaleX(-1) translateY(-50%);
        transform-origin: 0 center
    }
    .pack--media {
        flex: auto;
        padding: 0
    }
    .pack--item {
        padding: 3px 15px 3px 40px;
        font-size: 14px;
        line-height: 1.25
    }
    .pack--num {
        left: -10px
    }
    .pack--bottom {
        margin: 32px 14px 0;
        padding: 15px
    }
    .simple {
        margin-top: 25px
    }
    .simple--cont {
        margin-top: 22px;
        flex-flow: row;
        gap: 30px;
        flex-wrap: wrap
    }
    .simple--item {
        text-align: center;
        flex: 0 0 calc(33.333% - 20px);
        padding: 15px;
        gap: 15px
    }
    .service--cont {
        margin: 0;
        padding: 60px 30px
    }
    .service--list {
        display: block;
        margin-bottom: -15px;
        margin-top: 24px;
        -moz-column-count: 2;
        column-count: 2;
        -moz-column-gap: 30px;
        column-gap: 30px
    }
    .service--item {
        margin-bottom: 15px;
        padding: 15px 20px 15px 60px
    }
    .service--icon {
        left: 15px
    }
    .service--btn {
        margin-top: 45px
    }
    .service--btn .btn {
        width: auto;
        padding: 0 40px
    }
    .ship--list {
        flex-flow: row;
        flex-wrap: wrap;
        gap: 30px;
        margin-top: 22px
    }
    .ship--item {
        flex: 0 0 calc(50% - 15px);
        overflow: hidden;
        position: relative;
        flex-flow: column;
        align-items: center;
        padding: 30px 15px;
        text-align: center;
        min-height: 310px
    }
    .ship--item:before {
        content: "";
        display: inline-block;
        vertical-align: top;
        position: absolute;
        left: 50%;
        bottom: 100%;
        transform: translate(-50%, 131px);
        background: var(--c-gray-blue);
        opacity: .4;
        box-shadow: 0 0 18px 0 rgba(5, 66, 44, .1);
        border-radius: 50%;
        height: 370px;
        width: 734px;
        z-index: -1
    }
    .ship--img {
        width: 94px;
        height: 94px
    }
    .ship--img img {
        max-height: 94px
    }
    .ship--data {
        gap: 15px
    }
    .ship--name {
        margin: 0 -10px
    }
    .pay--cont {
        padding: 30px
    }
    .pay--list {
        margin-top: 17px;
        flex-flow: row;
        flex-wrap: wrap;
        gap: 15px
    }
    .pay--item {
        padding: 30px 15px;
        flex: 0 0 calc(33.333% - 10px);
        gap: 16px
    }
    .choose--cont {
        padding: 30px
    }
    .choose--text {
        --text-fz: 16px;
        --text-lh: 1.5
    }
    .choose--list {
        flex-flow: row;
        flex-wrap: wrap;
        gap: 15px
    }
    .choose--item {
        flex: 0 0 calc(50% - 7.5px);
        flex-flow: column;
        align-items: center;
        text-align: center;
        padding: 0 15px 30px;
        font-size: 16px;
        line-height: 1.25
    }
    .choose--img img {
        width: 160px;
        height: 160px
    }
    .choose--sub {
        font-family: var(--font-second);
        line-height: 1.2;
        text-align: center;
        color: var(--c-darkblue);
        font-weight: 700
    }
    .catalog--top {
        justify-content: space-between;
        margin-bottom: 13px
    }
    .catalog .catsort {
        flex: initial
    }
    .catalog--list {
        grid-template-columns: repeat(3, 1fr)
    }
    .prcheck--item {
        flex-wrap: nowrap
    }
    .prcheck--item>.prcheck--price {
        display: none
    }
    .prcheck--name {
        flex: auto
    }
    .prcheck--totals {
        flex: 0 0 363px;
        gap: 16px;
        padding: 5px 10px
    }
    .prcheck--totals .prcheck--price {
        display: inline-flex;
        flex: 0 0 63px
    }
    .prcheck--totals .prcheck--price span {
        margin-right: -10px
    }
    .prcheck--total {
        text-align: right;
        flex: 0 0 64px;
        max-width: 64px;
        display: inline-flex;
        justify-content: flex-end;
        white-space: nowrap
    }
    .prcheck--total span {
        margin-left: -10px
    }
    .cookblock {
        left: var(--container-margin)
    }
}

@media (min-width:1024px) {
    :root {
        --container: 994px;
        --text-head-top: 23px
    }
    .title {
        font-size: 42px;
        line-height: .9;
        padding-top: .15em;
        padding-bottom: .15em
    }
    .pagetitle,
    .title span {
        font-size: 32px
    }
    .form--inp .prmn-cmngr-simplecity,
    .form--input {
        min-height: 56px;
        height: 56px
    }
    .form--submit {
        min-height: 56px
    }
    .modalert-success {
        padding: 30rem 30rem 30rem 110rem;
        max-width: 630rem
    }
    .modalert--success {
        font-size: 35rem;
        line-height: 40rem
    }
    .nav--cont {
        margin-top: 30px
    }
    .nav--cont .nav--item {
        width: 60px;
        height: 50px
    }
    .maptext {
        padding: 30px 100px 30px 30px;
        margin-bottom: 122px
    }
    .maptext--bottom {
        display: flex;
        align-items: flex-start;
        gap: 10px
    }
    .maptext--text {
        flex: 0 0 210px;
        margin: 0
    }
    .maptext--img {
        margin-left: auto;
        margin-right: -100px;
        flex: 0 0 calc(100% - 120px);
        height: 180px
    }
    .ctext+.ctext {
        margin-top: -12px
    }
    .bread {
        margin-top: 15px
    }
    .price--old {
        font-size: 16px
    }
    .price--val {
        font-size: 24px
    }
    .rate-product {
        font-size: 16px
    }
    .header--cart .hicon,
    .header--search {
        margin-top: 12px
    }
    .hcart {
        width: 170px;
        gap: 10px
    }
    .hcart svg {
        margin-left: -2px
    }
    .hcart span {
        display: inline-block
    }
    .menu--row {
        gap: 25px
    }
    .catmenu--list {
        padding: 40px
    }
    .footer {
        padding: 60px 0;
        font-size: 16px
    }
    .footer .container {
        padding-left: 7px;
        padding-right: 7px
    }
    .footer--info {
        flex: 0 0 509px
    }
    .footer--logo img {
        max-width: 220px
    }
    .footer--slogan {
        flex: 0 0 217px;
        margin-top: -8px
    }
    .footer--menus {
        padding-left: 60px
    }
    .footer--col {
        flex: 0 0 calc(50% - 25px)
    }
    .frev--item {
        flex: 0 0 calc(33.333% - 6.6666666667px)
    }
    .fmenu--name {
        font-size: 20px;
        line-height: 24px
    }
    .fmenu--list {
        margin-top: 16px;
        gap: 5px
    }
    .hello--data {
        padding-left: 30px
    }
    .hello--title {
        font-size: 42px;
        font-weight: 700;
        margin-right: -230px;
        gap: 22px
    }
    .hello--title span {
        line-height: .9;
        margin-left: -4px;
        padding-left: 15px;
        padding-right: 19px
    }
    .hello--title span.--wide {
        min-width: 435px
    }
    .hello--title span:before {
        top: -8px;
        bottom: -15px;
        border-radius: 0 25px 25px 0
    }
    .hello--utps {
        gap: 26px;
        margin-top: 36px;
        position: relative;
        z-index: 5;
        margin-right: -400px;
    }
    .hello--utp {
        min-width: 60px;
        width: 140px;
        flex-basis: 140px;
        flex-flow: column;
        text-align: center;
        background-color: rgba(255, 255, 255, 0.5);
        height: 140px;
        backdrop-filter: blur(3px);
        border-radius: 25px;
        padding: 10px;
        justify-content: flex-start;
    }
    .hello--img {
        flex: 0 0 55%;
        height: auto
    }
    .hello--img img {
        -o-object-position: 45% 50%;
        object-position: 45% 50%
    }
    .hello--text {
        margin-top: 16px;
        font-size: 20px;
        line-height: 1.35;
        padding-right: 20px
    }
    .hello--btns {
        flex-wrap: nowrap;
        margin-top: 20px;
        margin-right: -650px; /*-250px*/
    }
    .hellobtn {
        gap: 24px;
        padding: 8px 30px 8px 40px;
        border-radius: 40px
    }
    .hellobtn--left {
        padding-right: 24px
    }
    .hellobtn--name {
        font-size: 16px
    }
    .hellobtn--text {
        /* max-width: 102px; */
        max-width: max-content;
        white-space: nowrap;
    }
    .hellobtn--arrow {
        margin-left: 12px
    }
    .homecat {
        padding-top: 30px
    }
    .homecat--cont {
        margin-top: 30px;
        grid-template-columns: 323px 323px auto
    }
    .system--title {
        padding: 36px 0 30px 40px;
        flex: 0 0 435px
    }
    .system--sub {
        padding: 20px 0 37px 40px;
        font-size: 16px
    }
    .system--bottom {
        padding: 33px 17px 42px 20px;
        gap: 29px
    }
    .system--item {
        gap: 30px;
        padding: 15px 30px 15px 0;
        font-size: 16px
    }
    .system--image {
        flex: 0 0 509px;
        padding: 29px
    }
    .level {
        margin-top: 14px
    }
    .level--cont {
        margin-top: -7px;
        position: relative;
        max-width: 664px
    }
    .level .title {
        letter-spacing: -.01em;
        font-size: 42px
    }
    .level .title span {
        font-size: 32px;
        font-weight: inherit
    }
    .level--item {
        position: absolute;
        width: 439px;
        left: auto;
        right: -158px;
        padding-left: 109px
    }
    .level--item-left {
        text-align: right;
        padding-left: 0;
        padding-right: 109px;
        left: -158px;
        right: auto
    }
    .level--item-left .level--num {
        left: auto;
        right: 0
    }
    .level--num span {
        width: 64px;
        height: 64px;
        font-size: 32px
    }
    .level--text {
        font-size: 18px;
        line-height: 1.5;
        margin-top: 0
    }
    .prwhy+.prlevel {
        margin-top: -50px
    }
    .prlevel--cont {
        position: relative;
        width: 100%;
        max-width: 664px;
        margin: 25px auto 0
    }
    .prlevel .title {
        letter-spacing: -.01em;
        font-size: 42px;
        line-height: 1.2
    }
    .prlevel .title span {
        font-size: 32px
    }
    .prlevel--item {
        position: absolute;
        width: 392px;
        left: auto;
        right: -150px;
        padding-left: 109px;
        gap: 15px
    }
    .prlevel--item-left {
        text-align: right;
        padding-left: 0;
        padding-right: 109px;
        left: -140px;
        right: auto;
        width: 396px
    }
    .prlevel--item-left .prlevel--num {
        left: auto;
        right: 0
    }
    .prlevel--text {
        font-size: 14px;
        line-height: 1.5
    }
    .prlevel--num {
        width: 64px;
        height: 64px;
        -webkit-backdrop-filter: blur(4px);
        backdrop-filter: blur(4px);
        box-shadow: 1px 0 3px 0 rgba(0, 0, 0, .1), 5px 0 5px 0 rgba(0, 0, 0, .09), 12px 0 7px 0 rgba(0, 0, 0, .05), 22px 0 9px 0 rgba(0, 0, 0, .01), 34px 0 10px 0 rgba(0, 0, 0, 0);
        background: rgba(255, 255, 255, .8);
        font-size: 32px
    }
    .for--list {
        gap: 15px;
        margin-top: 26px;
        padding: 0 7px
    }
    .for--item {
        flex: 0 0 calc(25% - 11.25px);
        min-height: 300px;
        font-size: 18px;
        line-height: 1.25
    }
    .simile {
        margin-top: 25px
    }
    .simile .title {
        text-align: left
    }
    .simile--text {
        text-align: left;
        font-size: 22px;
        line-height: 27px;
        max-width: 600px;
        margin-top: 5px;
        padding: 0
    }
    .simile--cont {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr 250px;
        margin-top: -28px;
        gap: 15px
    }
    .simile--item.--main {
        grid-area: 1/5/1/5
    }
    .simile--item:not(.--main) .simile--img {
        margin: 0 -10px
    }
    .simile--item:not(.--main) .simile--attr {
        padding: 0
    }
    .simile--name {
        margin: 0 -13px
    }
    .pproduct {
        margin-top: 15px
    }
    .pproduct--slider {
        display: none
    }
    .pproduct--cont {
        display: grid;
        grid-template-columns: 312px 312px 326px;
        gap: 15px
    }
    .pproduct--col:nth-child(3) {
        margin-bottom: -45px
    }
    .pproduct--col:nth-child(4) {
        grid-area: 2/1/2/3
    }
    .pproduct--col:nth-child(5) {
        grid-area: 3/1/3/3
    }
    .pproduct--col:nth-child(4) .popitem,
    .pproduct--col:nth-child(5) .popitem {
        flex-flow: row;
        padding-top: 10px;
        padding-bottom: 10px;
        justify-content: flex-start
    }
    .pproduct--col:nth-child(6) {
        grid-row-start: 2;
        grid-row-end: 4;
        margin-top: 45px
    }
    .pproduct--btn {
        text-align: center
    }
    .pproduct--btn .btn {
        width: auto;
        padding: 0 32px;
        font-size: 18px
    }
    .popitem--name {
        font-family: var(--font-second)
    }
    .prtabs+.modproduct {
        margin-top: 57px
    }
    .modproduct {
        margin-top: 15px
    }
    .modproduct--cont {
        grid-template-columns: repeat(4, 1fr);
        padding: 0 7px
    }
    .modproduct--btn {
        text-align: center
    }
    .modproduct--btn .btn {
        width: auto;
        padding: 0 32px;
        font-size: 18px
    }
    .product {
        --container-padding: 7px;
        margin-top: 15px
    }
    .product--cont {
        gap: 30px
    }
    .product--media {
        flex: 0 0 calc(50% - 15px);
        max-width: calc(50% - 15px)
    }
    .product--image {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 475px
    }
    .product--image img {
        max-width: 475px;
        max-height: 475px
    }
    .product--data {
        flex: 0 0 calc(50% - 15px);
        max-width: calc(50% - 15px)
    }
    .product .pagetitle {
        margin-bottom: 13px
    }
    .product--row {
        margin-bottom: 20px
    }
    .product--bottom {
        margin-top: 18px;
        padding: 24px;
        flex-flow: row;
        align-items: center;
        flex-wrap: wrap;
        gap: 15px
    }
    .product--qty {
        flex-flow: column;
        align-items: center;
        text-align: center;
        padding: 8px 5px 5px;
        gap: 5px;
        flex: 0 0 173px
    }
    .product--status {
        text-align: center;
        border-left: none;
        border-top: 1px solid var(--c-lightgray);
        padding-top: 5px
    }
    .product--button {
        flex: auto
    }
    .product--fast {
        flex: 0 0 100%
    }
    .prblock {
        padding-bottom: 25px
    }
    .prblock+.prblock {
        margin-top: 20px
    }
    .prblock--name:not(:first-child) {
        margin-top: 6px
    }
    .shortattr {
        gap: 5px
    }
    .proption {
        gap: 15px
    }
    .proption--item {
        flex: calc(25% - 11.25px);
        max-width: calc(25% - 11.25px)
    }
    .proption--inner {
        padding: 10px 4px
    }
    .prone {
        flex-flow: row;
        gap: 6px
    }
    .prone--input {
        flex: auto;
        text-align: left;
        height: 56px;
        background: var(--c-gray-blue);
        padding: 0 16px
    }
    .prone--submit {
        white-space: nowrap;
        padding: 0 10px
    }
    .prtabs--tab {
        min-height: 64px
    }
    .prtabs--content {
        margin-top: 11px
    }
    .prtabs--pane-description {
        padding-top: 28px
    }
    .prtabs--inner {
        gap: 60px
    }
    .prtabs--text {
        --text-lh: 1.5
    }
    .prtabs--text:not(:last-child) {
        margin-bottom: -73px
    }
    .attr {
        -moz-column-count: 2;
        column-count: 2;
        -moz-column-gap: 30px;
        column-gap: 30px
    }
    .prtext--item {
        gap: 30px
    }
    .prtext--title {
        flex: 0 0 320px
    }
    .pritem {
        gap: 15px
    }
    .pritem--img {
        padding: 0 2px
    }
    .pritem--percent {
        width: 45px;
        height: 45px;
        line-height: 45px;
        font-size: 24px
    }
    .pritem--percent:after {
        font-size: 17px
    }
    .pritem--name {
        font-size: 22px;
        line-height: 27px;
        height: 54px;
        margin-top: -7px;
        margin-bottom: -4px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis
    }
    .pritem--attr {
        font-size: 14px
    }
    .pritem--bottom {
        gap: 20px
    }
    .pritem--btn svg {
        width: 24px;
        height: 24px
    }
    .pritem--cart {
        align-self: center;
        padding: 0 20px;
        min-height: 30px;
        font-size: 16px;
        gap: 16px
    }
    .pritem--cart svg {
        width: 22px;
        height: 22px
    }
    .pagetext {
        margin-top: 45px
    }
    .pagetext--content {
        gap: 30px
    }
    .pagetext .pagetitle {
        margin-bottom: 12px
    }
    .pagetext--aside {
        flex: 0 0 330px;
        min-width: 330px
    }
    .mcat {
        margin-top: 8px
    }
    .mcat--title {
        font-size: 23px
    }
    .mcat--list {
        margin-top: 33px
    }
    .mcat--item {
        height: 240px
    }
    .mcat--data svg {
        min-width: 24px;
        margin-right: 19px
    }
    .tplus {
        gap: 30px
    }
    .tplus--slogan {
        font-size: 32px;
        letter-spacing: -.02em
    }
    .tplus--list {
        gap: 0
    }
    .tplus--item {
        gap: 30px;
        align-items: center;
        padding-right: 30px
    }
    .tplus--warn {
        padding-right: 40px
    }
    .tplus--img {
        flex: 0 0 calc(50% - 15px);
        max-width: calc(50% - 15px)
    }
    .bplus--title {
        padding: 30px 30px 0 40px;
        max-width: 415px
    }
    .bplus--title.--sm {
        font-size: 32px
    }
    .bplus--title:after,
    .bplus--title:before {
        transform: skew(22deg, 0)
    }
    .bplus--title:after {
        border-radius: 30px
    }
    .bplus--list {
        padding: 33px 33px 33px 40px
    }
    .bplus--list:before {
        width: 50%
    }
    .bplus--item {
        flex: 0 0 calc(50% - 15px);
        padding: 11px 30px 15px 15px;
        align-items: center;
        gap: 30px
    }
    .bplus--item-img {
        padding: 15px 30px 15px 0;
        gap: 10px
    }
    .bplus--img {
        flex: 0 0 94px;
        min-width: 94px
    }
    .bplus--img img {
        max-height: 94px
    }
    .bplus--number {
        min-width: 64px;
        flex: 0 0 64px;
        height: 64px
    }
    .prlevel+.mainplus {
        margin-top: -34px
    }
    .mainplus .title {
        font-size: 32px
    }
    .mainplus--list {
        gap: 30px
    }
    .mainplus--item {
        flex: 0 0 calc(50% - 15px);
        padding: 15px 30px;
        align-items: center;
        gap: 10px;
        min-height: 147px
    }
    .prwhy--data {
        flex: 0 0 calc(50% - 15px)
    }
    .prwhy--title {
        font-size: 32px
    }
    .prwhy--img {
        margin-top: 6px;
        text-align: center;
        height: 520px;
        border-radius: 24px
    }
    .prwhy--img img {
        max-width: 506px;
        max-height: 506px
    }
    .prwhy--media {
        margin: 5px 20px 0 -97px
    }
    .prwhy--content {
        --text-li-margin: 15px;
        flex: 0 0 calc(50% - 15px);
        margin-top: 15px
    }
    .prwhy--link {
        margin-top: 15px
    }
    .prlevel+.safe {
        margin-top: -35px
    }
    .mainplus+.safe {
        margin-top: -34px
    }
    .safe--cont {
        padding: 20px 40px
    }
    .safe--item {
        font-size: 28px;
        line-height: 34px
    }
    .safe--text {
        flex: 0 0 calc(50% - 21px)
    }
    .complect .title {
        font-size: 32px;
        text-align: center
    }
    .complect--img {
        max-width: 677px
    }
    .complect--item {
        position: absolute;
        transform: translate(-50%, -50%)
    }
    .complect--item.--left .complect--name {
        right: 109px
    }
    .complect--num {
        width: 64px;
        height: 64px;
        font-size: 32px
    }
    .complect--name {
        left: 109px;
        min-width: 130px
    }
    .preview {
        flex-flow: row;
        gap: 30px;
        justify-content: space-between
    }
    .preview--left {
        order: 1;
        flex: 0 0 calc(50% - 15px)
    }
    .preview--right {
        order: 2;
        flex: 0 0 calc(50% - 15px)
    }
    .freview--agree {
        margin-top: 4px
    }
    .freview--submit {
        margin-top: 4px;
        padding: 0 28px
    }
    .bid--cont {
        padding: 64px 40px 70px
    }
    .bid--title {
        max-width: 390px
    }
    .bid--text {
        flex: 0 0 calc(50% - 10px)
    }
    .modreview {
        margin-top: 20px
    }
    .modreview .title {
        font-weight: 700
    }
    .modreview--slider {
        margin-top: 29px
    }
    .modreview--nav {
        margin-left: -10px;
        margin-right: -10px
    }
    .mreview {
        width: 615px;
        padding: 20px;
        gap: 20px
    }
    .mreview--video {
        height: 361px
    }
    .modcert {
        margin-top: 20px
    }
    .modcert .title {
        font-weight: 700
    }
    .modcert--slider {
        margin-top: 29px
    }
    .modcert--nav {
        margin-left: -10px;
        margin-right: -10px
    }
    .mcert {
        padding: 20px;
        gap: 20px
    }
    .mcert--img {
        height: 361px
    }
    .faq--cont {
        border-radius: 25rem;
        padding: 30rem;
        gap: 30px
    }
    .faq--list {
        flex: 0 0 491px
    }
    .faq--item {
        border-radius: 12rem;
        padding: 30rem 50rem
    }
    .faq+.utp {
        margin-top: -15px
    }
    .utp .title {
        font-size: 42px;
        letter-spacing: -.02em;
        line-height: 1.2
    }
    .utp .title span,
    .utp .title strong {
        font-size: 32px
    }
    .utp .title strong {
        font-weight: 700
    }
    .utp--list {
        margin-top: 22px
    }
    .utp--item {
        flex: 0 0 calc(20% - 12px);
        max-width: calc(20% - 12px);
        line-height: 1.2;
        min-height: 136px;
        padding: 15px 10px
    }
    .utp--val {
        font-size: 32px;
        line-height: 1
    }
    .contact {
        padding-top: 7px
    }
    .contact--data {
        padding: 30px
    }
    .info {
        margin-top: 30px
    }
    .info--cont {
        padding: 30px;
        gap: 30px
    }
    .info .title {
        font-size: 30px;
        padding: 0
    }
    .info--col {
        gap: 30px
    }
    .info--text {
        gap: 15px
    }
    .info--val-tel {
        font-family: var(--font-second);
        font-size: 32px;
        line-height: 1.2;
        letter-spacing: -.01em
    }
    .first--cont {
        padding: 63.5px 50px
    }
    .first--data {
        max-width: 650px;
        gap: 18px
    }
    .first--title {
        font-size: 42px
    }
    .first--title span {
        font-size: 64px
    }
    .first--subtitle {
        font-family: var(--font-second);
        font-size: 32px;
        line-height: 1.2;
        font-weight: 500
    }
    .first--subtext {
        font-family: var(--font-second);
        font-size: 20px;
        line-height: 1.5;
        font-weight: 500
    }
    .first--button .btn {
        min-width: 348px;
        padding: 8px 40px;
        font-size: 22px
    }
    .first--button .btn span {
        line-height: 1
    }
    .first-short .first--data {
        max-width: 536px
    }
    .about--cont {
        border-radius: 25rem;
        padding: 44rem 30rem 0rem;
        gap: 23px
    }
    .about .title {
        line-height: 1.2
    }
    .about--data {
        border-radius: 12rem;
        padding: 30rem
    }
    .about--certificates {
        margin: 25px -30px -98px
    }
    .mission {
        margin-top: 16px
    }
    .mission .title span {
        font-weight: 700
    }
    .mission--cont {
        gap: 60px;
        justify-content: space-between;
        margin-top: 22px;
        padding: 0 7px;
        align-items: center
    }
    .mission--item {
        flex: 0 0 calc(50% - 30px)
    }
    .mission--img {
        height: 308px
    }
    .mission--data {
        margin-top: -36px;
        padding: 15rem 15rem 15rem 45rem;
        display: flex;
        align-items: center
    }
    .problem {
        margin-top: 13px
    }
    .problem .title strong {
        font-size: 32px;
        font-weight: 700
    }
    .problem--cont {
        padding: 0 93px 0 100px;
        align-items: flex-end;
        margin-top: 35px
    }
    .problem--col {
        flex: 0 0 calc(50% - 40px);
        margin: 0
    }
    .problem--aurus {
        flex: 0 0 calc(50% + 20px)
    }
    .problem--aurus:before {
        width: 975px;
        height: 923px;
        left: 39%;
        top: 52%
    }
    .proven--item {
        flex: 0 0 calc(25% - 11.25px)
    }
    .doubt .title {
        margin-top: 25px;
        line-height: 1.1;
        padding: 0 50px
    }
    .doubt--list {
        gap: 90px
    }
    .doubt--item {
        flex: 0 0 calc(33.333% - 60px)
    }
    .doubt--text {
        font-size: 20px;
        line-height: 1.2
    }
    .guar--cont {
        padding: 59rem 30rem
    }
    .guar--item {
        padding: 11px 30px 15px 0;
        gap: 30px;
        align-items: center
    }
    .guar--icon {
        flex: 0 0 94px;
        min-width: 94px
    }
    .guar--icon img {
        max-height: 94px
    }
    .guar--media {
        flex: 0 0 508px
    }
    .pack--cont {
        gap: 30px
    }
    .pack--col {
        flex: 0 0 307px
    }
    .pack--col:first-child {
        padding-left: 0;
        padding-right: 30px
    }
    .pack--col:first-child .pack--item {
        text-align: right;
        padding: 3px 60px 3px 25px
    }
    .pack--item {
        padding: 3px 25px 3px 60px;
        font-size: 16px;
        line-height: 1.5
    }
    .simple--item {
        padding: 30px;
        gap: 30px
    }
    .simple--top {
        font-size: 24px;
        margin: 0 -30px;
        position: relative
    }
    .simple--top:before {
        transform: translate(-50%, 101px);
        bottom: 100%;
        width: 236%
    }
    .simple--top span {
        font-size: 42px;
        line-height: 1
    }
    .simple--text {
        font-size: 16px;
        line-height: 1.5
    }
    .service--cont {
        padding: 60px
    }
    .service--item {
        padding: 15px 30px 15px 84px
    }
    .service--icon {
        left: 30px
    }
    .ship {
        margin-top: 24px
    }
    .ship--item {
        flex: 0 0 calc(25% - 22.5px)
    }
    .pay--list {
        gap: 30px
    }
    .pay--item {
        padding: 30px;
        flex: 0 0 calc(33.333% - 20px)
    }
    .choose--sub {
        font-size: 32rem
    }
    .choose--item {
        flex: 0 0 calc(25% - 11.25px)
    }
    .step--sub {
        font-size: 32px;
        font-weight: 700
    }
    .catalog .filter--show {
        display: none
    }
    .catalog--cont {
        margin-top: -2px
    }
    .catalog .pagetitle {
        font-size: 42px
    }
    .catalog--aside {
        flex: 0 0 240px
    }
    .catalog--bottom {
        margin-top: 52px
    }
    .catalog--bottom>:first-child {
        margin-top: 0
    }
    .catalog--bottom .choose--cont {
        padding: 0;
        border: none
    }
    .catalog--bottom .simple--cont {
        gap: 15px
    }
    .catalog--bottom .simple--item {
        flex: 0 0 calc(33.333% - 10px);
        padding: 22px 15px
    }
    .catalog--bottom .simple--top {
        font-size: 15px
    }
    .catalog--bottom .simple--top span {
        font-size: 32px
    }
    .catsort {
        gap: 12px;
        justify-content: flex-start
    }
    .catsort--name {
        font-size: 14px
    }
    .catsort--dropdown {
        flex: initial
    }
    .catsort--btn {
        font-size: 14px;
        gap: 12px;
        min-height: 40px;
        padding: 8px 12px
    }
    .checkout {
        margin-top: 16px
    }
    .checkout--cont {
        flex-flow: row;
        align-items: flex-start;
        gap: 30px
    }
    .checkout--data {
        flex: auto;
        gap: 30px
    }
    .checkout--total {
        flex: 0 0 330px;
        padding: 0;
        position: sticky;
        height: max-content;
        top: 155px;
    }
    .checkout--products {
        margin: 0
    }
    .checkout--inner {
        gap: 16px
    }
    .checkout--inner .form--inp .prmn-cmngr-simplecity,
    .checkout--inner .form--input,
    .checkout--inner .form--select,
    .form--inp .checkout--inner .prmn-cmngr-simplecity {
        height: 56px;
        min-height: 56px;
        padding-left: 16px
    }
    .checkout--inner .form--textarea {
        padding-left: 16px
    }
    .success {
        margin-top: 6px
    }
    .success--cont {
        max-width: 580px;
        border-radius: 16rem;
        padding: 30rem 100px;
        margin: 0 auto
    }
}

@media (min-width:1024px) and (min-width:1024px) {
    .pagetitle {
        letter-spacing: -.03em
    }
}

@media (min-width:1280px) {
    :root {
        --container: 1151px
    }
    .maptext--text {
        flex: 0 0 254px
    }
    .maptext--img {
        flex: 0 0 calc(100% - 165px)
    }
    .header--cart {
        gap: 37px
    }
    .header--cart .hcart {
        margin-left: -9px
    }
    .header--cart .hicon {
        margin-top: 5px
    }
    .header--cart .hicon--compare {
        margin: 5px 10px 0 -10px
    }
    .header--search {
        order: -1;
        margin-top: 5px
    }
    .menu--menu li:after {
        height: 20px
    }
    .catmenu {
        margin-left: 20px
    }
    .catmenu--list {
        padding: 60px;
        font-size: 20px
    }
    .footer {
        margin-top: 60px
    }
    .footer .container {
        padding-left: 0;
        padding-right: 0
    }
    .footer--info {
        padding: 40px 60px;
        flex: 0 0 620px
    }
    .footer--logo img {
        max-width: 250px
    }
    .footer--col {
        flex: 0 0 calc(50% - 55px)
    }
    .nf--data {
        padding-left: 78px
    }
    .nf--img {
        margin-right: -11px
    }
    .hello--data {
        flex: 0 0 448px
    }
    .hello--img {
        flex: auto
    }
    .hello--img img {
        -o-object-position: center center;
        object-position: center center
    }
    .homecat--cont {
        grid-template-columns: 382px 382px auto
    }
    .homecat--name {
        max-width: 220px
    }
    .system--cont {
        margin-left: 0;
        margin-right: 0
    }
    .system--title {
        flex: 0 0 445px
    }
    .system--sub {
        padding: 43px 0 30px 28px
    }
    .system--bottom {
        padding: 33px 48px 35px 40px
    }
    .level--item {
        right: -189px
    }
    .level--item-left {
        right: auto;
        left: -189px
    }
    .level--title {
        font-size: 18px;
        line-height: 22px
    }
    .prwhy+.prlevel {
        margin-top: -2px
    }
    .prlevel--item {
        right: -190px;
        width: 440px
    }
    .prlevel--item-left {
        left: -201px
    }
    .for--list {
        gap: 30px;
        padding: 0
    }
    .for--item {
        flex: 0 0 calc(25% - 22.5px)
    }
    .simile--cont {
        gap: 30px
    }
    .pproduct--cont {
        margin-top: 23px;
        padding: 0;
        gap: 30px;
        grid-template-columns: 365px 365px 360px
    }
    .pproduct--col:nth-child(3) {
        margin-bottom: -75px
    }
    .pproduct--col:nth-child(4) .popitem--img,
    .pproduct--col:nth-child(5) .popitem--img {
        width: 280px;
        min-width: 280px
    }
    .pproduct--col:nth-child(6) {
        margin-top: 75px
    }
    .popitem {
        padding: 30px;
        gap: 30px
    }
    .popitem--img {
        width: 320px;
        min-width: 320px
    }
    .popitem--data {
        gap: 28px
    }
    .popitem--price {
        margin: -15px 0 -20px
    }
    .popitem--cat {
        font-size: 14px;
        letter-spacing: .29em;
        margin: 0 -15px -25px
    }
    .popitem--name {
        font-size: 32px;
        line-height: 1.2
    }
    .popitem--rate {
        font-size: 16px
    }
    .common-home .modproduct--cont {
        gap: 60px
    }
    .common-home .modproduct--btn {
        margin-top: 45px
    }
    .modproduct--cont {
        margin-top: 37px;
        padding: 0;
        gap: 30px
    }
    .modproduct--slider {
        margin-top: 37px
    }
    .product {
        --container-padding: 0;
        margin-top: -10px
    }
    .product--media {
        flex: 0 0 calc(50% - 3px);
        max-width: calc(50% - 3px)
    }
    .product--thumbs-arrows {
        padding: 0 55px;
        margin-left: 0;
        margin-right: 0
    }
    .product--thumbs-arrows .nav--item {
        display: inline-flex
    }
    .product--data {
        flex: 0 0 calc(50% - 27px);
        max-width: calc(50% - 27px)
    }
    .product--image {
        height: 520px
    }
    .product--category {
        margin-bottom: 18px
    }
    .product--bottom {
        gap: 20px 6px
    }
    .product--qty {
        flex-flow: row;
        padding: 8px 6px 8px 15px;
        gap: 16px;
        flex: 0 0 253px
    }
    .product--qty:before {
        content: "";
        display: inline-block;
        vertical-align: top;
        width: 1px;
        background: var(--c-lightgray);
        height: 20px;
        order: 2
    }
    .product--qty .qty {
        order: 1;
        flex: 0 0 116px
    }
    .product--status {
        border-top: none;
        text-align: left;
        order: 3;
        min-width: 0;
        flex: auto;
        padding-top: 2px
    }
    .prtabs {
        --container-padding: 0
    }
    .prtabs--content {
        margin-top: 14px
    }
    .prtabs--text {
        margin-top: -4px
    }
    .prtabs--text:not(:last-child) {
        margin-bottom: 6px
    }
    .pritem {
        padding: 15px
    }
    .pritem--percent {
        top: -4px;
        right: -5px
    }
    .pritem--bottom {
        margin-top: -5px
    }
    .pagetext {
        margin-top: 30px
    }
    .pagetext:not(:last-child) {
        margin-bottom: 45px
    }
    .pagetext .pagetitle {
        margin-bottom: 17px
    }
    .pagetext+.modproduct .title {
        text-align: left;
        letter-spacing: -.03em
    }
    .plus {
        --container-padding: 0
    }
    .tplus--data {
        flex: 0 0 calc(50% - 27px);
        max-width: calc(50% - 27px);
        gap: 42px;
        padding-bottom: 50px
    }
    .tplus--warn {
        font-size: 20px;
        line-height: 24px
    }
    .tplus--warn svg {
        width: 16px;
        height: 102px;
        min-width: 16px
    }
    .tplus--img {
        flex: 0 0 calc(50% - 3px);
        max-width: calc(50% - 3px)
    }
    .tplus--img img {
        border-radius: 30px
    }
    .bplus {
        margin-top: -50px
    }
    .bplus--title {
        max-width: 545px
    }
    .bplus--title:before {
        bottom: 32px;
        transform: skew(16deg, 0);
        width: 49%
    }
    .bplus--title:after {
        bottom: 32px;
        left: 98%;
        transform: skew(16deg, 0);
        border-radius: 0 30px 30px 15px
    }
    .bplus--list {
        margin-top: -32px;
        padding: 65px 41.5px 45px
    }
    .bplus--item {
        gap: 30px
    }
    .prlevel+.mainplus {
        margin-top: -67px
    }
    .mainplus {
        --container-padding: 0
    }
    .mainplus--list {
        margin-top: 30px
    }
    .prwhy {
        --container-padding: 0
    }
    .prwhy--cont {
        grid-template-columns: 48.8% 49.8%
    }
    .prwhy--img {
        margin-top: 0
    }
    .prwhy--img:before {
        width: 144%
    }
    .prwhy--content {
        margin-right: 15px
    }
    .prwhy--media {
        margin-left: -60px;
        margin-top: -44px;
        margin-right: 80px
    }
    .safe {
        --container-padding: 0
    }
    .safe--img img {
        width: min(499px, 51%);
        height: min(479px, 75%);
        left: 49%;
        top: 52%
    }
    .safe--data {
        flex: 0 0 36.3%
    }
    .safe--text {
        flex: 0 0 calc(50% - 17px)
    }
    .complect {
        --container-padding: 0
    }
    .preview {
        padding-left: 32px;
        padding-right: 32px
    }
    .preview--left {
        flex: auto
    }
    .preview--right {
        flex: 0 0 43%
    }
    .proven+.bid {
        margin-top: 58px
    }
    .bid {
        --container-padding: 0
    }
    .bid--cont {
        background-size: 100% auto;
        padding: 64px 47px 70px;
        gap: 25px
    }
    .bid--text {
        flex: auto
    }
    .bid--title {
        font-size: 42px;
        max-width: 100%
    }
    .bid--subtitle {
        font-size: 42px;
        font-weight: 700
    }
    .bid--subtitle span {
        font-weight: inherit;
        font-size: inherit
    }
    .bid--subtitle:not(:first-child) {
        font-size: 32px;
        max-width: 470px;
        margin-top: 0
    }
    .bid--form {
        flex: 0 0 438px
    }
    .modreview:last-child {
        margin-bottom: -30px
    }
    .modreview .title span {
        font-weight: 700
    }
    .modcert:last-child {
        margin-bottom: -30px
    }
    .modcert .title span {
        font-weight: 700
    }
    .faq--cont {
        padding: 60rem
    }
    .faq--list {
        flex: 0 0 603px
    }
    .utp--list {
        gap: 30px
    }
    .utp--item {
        font-size: 24px;
        flex: 0 0 calc(20% - 24px);
        min-height: 160px;
        letter-spacing: -.01em
    }
    .utp--val {
        font-size: 42px
    }
    .contact--data {
        margin-top: 12px
    }
    .first--cont {
        padding: 42.5px 50px
    }
    .first--data {
        max-width: 650px
    }
    .first--text,
    .first--title {
        margin-right: 0
    }
    .about--cont {
        padding: 44rem 44rem 0rem
    }
    .about--certificates {
        margin-bottom: -137px
    }
    .about--certificates .nav--item {
        display: inline-flex;
        position: absolute;
        top: 100px;
        z-index: 99;
        width: 34px;
        height: 34px;
        background: rgba(255, 255, 255, .65);
        border-radius: 8px
    }
    .about--certificates .nav--item:hover {
        background: var(--c-blue);
        color: #fff
    }
    .about--certificates .nav--prev {
        left: 31px
    }
    .about--certificates .nav--next {
        right: 30px
    }
    .mission {
        margin-top: 45px
    }
    .mission--cont {
        padding: 0;
        align-items: flex-start
    }
    .mission--img {
        height: 370px
    }
    .mission--data {
        min-height: 90px
    }
    .problem {
        margin-top: 45px
    }
    .problem--cont {
        justify-content: center
    }
    .problem--col {
        flex: 0 0 360px
    }
    .problem--aurus {
        flex: 0 0 420px
    }
    .proven {
        --container-padding: 0;
        margin-top: 30px
    }
    .proven--item {
        /* padding-right: 35px */
    }
    .doubt {
        margin-top: 60px
    }
    .doubt .title {
        margin-top: 55px
    }
    .guar {
        margin-top: 67px
    }
    .guar--cont {
        padding: 60px
    }
    .guar--item {
        gap: 30px
    }
    .pack {
        margin-top: 60px
    }
    .pack--cont {
        margin-left: auto;
        margin-right: auto
    }
    .pack--col {
        flex: 0 0 338px
    }
    .pack--bottom {
        max-width: 968px;
        margin: 32px auto 0;
        padding: 15px 30px
    }
    .simple {
        margin-top: 55px
    }
    .service {
        margin-top: 58px
    }
    .service--btn {
        margin-top: 30px
    }
    .ship {
        margin-top: 54px
    }
    .pay {
        margin-top: 40px
    }
    .pay--cont {
        padding: 60px
    }
    .choose {
        margin-top: 60px
    }
    .choose--cont {
        padding: 60px;
        gap: 30px
    }
    .step {
        margin-top: 60px
    }
    .step--sub {
        margin-top: 30px
    }
    .step--btn {
        margin-top: 25px
    }
    .step--btn .btn {
        min-height: 62px
    }
    .catalog--cont {
        margin-top: 13px;
        gap: 30px
    }
    .catalog--aside {
        flex: 0 0 330px
    }
    .catalog--top {
        margin-bottom: 28px
    }
    .catalog--list {
        gap: 45px;
        padding: 0 15px
    }
    .catalog--page {
        margin-top: 44px
    }
    .catalog--bottom .choose .title {
        padding: 0 70px
    }
    .catalog--bottom .choose--cont {
        gap: 15px
    }
    .catalog--bottom .choose--item {
        padding-bottom: 15px
    }
    .sidecat--item {
        font-size: 16px;
        line-height: 1.25;
        gap: 15px;
        padding: 8px 20px 7px 15px
    }
    .sidecat--img {
        flex: 0 0 45px;
        min-width: 45px;
        height: 45px
    }
    .sidecat--img img {
        max-width: 45px;
        max-height: 45px
    }
    .checkout--subtitle {
        display: block
    }
    .checkout--cont {
        margin-top: 3px
    }
    .checkout--address {
        gap: 16px 10px
    }
    .checkout--address .form--inp:nth-child(1),
    .checkout--address .form--inp:nth-child(2) {
        flex: 0 0 calc(50% - 80px - 10px)
    }
    .checkout--address .form--inp .prmn-cmngr-simplecity:nth-child(1),
    .checkout--address .form--inp .prmn-cmngr-simplecity:nth-child(2),
    .checkout--address .form--input:nth-child(1),
    .checkout--address .form--input:nth-child(2),
    .checkout--address .form--select:nth-child(1),
    .checkout--address .form--select:nth-child(2),
    .form--inp .checkout--address .prmn-cmngr-simplecity:nth-child(1),
    .form--inp .checkout--address .prmn-cmngr-simplecity:nth-child(2) {
        flex: 0 0 calc(50% - 80px - 10px)
    }
    .checkout--user {
        gap: 10px 15px
    }
    .checkout--user .form--inp,
    .checkout--user .form--inp .prmn-cmngr-simplecity,
    .checkout--user .form--input,
    .checkout--user .form--select,
    .form--inp .checkout--user .prmn-cmngr-simplecity {
        flex: 0 0 calc(50% - 7.5px)
    }
    .prcheck--item {
        padding: 10px 40px 8px 10px
    }
    .prcheck--img {
        flex: 0 0 90px
    }
    .prcheck--img img {
        width: 90px;
        height: 90px
    }
    .prcheck--totals {
        flex: 0 0 383px;
        padding: 10px 15px
    }
    .success {
        padding-top: 43px;
        padding-bottom: 20px
    }
    .cookblock {
        font-size: 18px
    }
}

@media (min-width:1400px) {
    :root {
        --container: 1300px
    }
    .level {
        margin-top: 24px
    }
    .level--title {
        font-size: 18px
    }
    .level--text {
        font-size: 18px
    }
    .prlevel--title {
        font-size: 18px
    }
    .prlevel--text {
        font-size: 15px
    }
}

@media (min-width:1800px) {
    :root {
        --fz: 1px;
        --container: 1730px
    }
    .title {
        font-size: 40px
    }
    .header--btn {
        min-width: 168px
    }
    .header--col {
        gap: 4px;
        padding-top: 4px
    }
    .header--col a,
    .header--number span {
        font-size: 24px
    }
    .header--cart {
        gap: 47px
    }
    .header--cart .hicon {
        margin-top: 5px
    }
    .header--cart .hicon--compare {
        margin: 5px 0 0
    }
    .header--cart .hcart {
        margin: 0
    }
    .header--cart .fsearch {
        margin-right: -18px;
        position: static;
        transform: none;
        width: 300px;
        margin-top: 0
    }
    .header--cart .fsearch--show {
        display: none
    }
    .header--cart .fsearch--input {
        padding: 0 50px 0 20px
    }
    .header--cart .fsearch--submit {
        left: auto;
        right: 0
    }
    .header--cart .fsearch--submit svg {
        width: 24px;
        height: 24px
    }
    .menu--menu li:after {
        height: 28px
    }
    .catmenu {
        margin-left: 4px
    }
    .catmenu--btn {
        min-width: 295px
    }
    .footer--info {
        flex: 0 0 1070px;
        display: grid;
        gap: 21px;
        grid-template-columns: auto 217px;
        grid-template-rows: min-content 1fr;
        padding: 32px 60px
    }
    .footer--top {
        grid-area: 1/1/2/1;
        justify-content: flex-start;
        gap: 60px
    }
    .footer--slogan {
        font-size: 20px;
        line-height: 24px;
        flex: 0 0 300px
    }
    .footer .fdata {
        grid-area: 2/1/3/1;
        margin-top: 0
    }
    .footer .frev {
        grid-area: 1/2/3/2;
        margin-top: -2px
    }
    .footer--menus {
        padding: 2px 0 0 33px;
        margin: 0;
        justify-content: space-between;
        gap: 50px
    }
    .footer--col {
        flex: 0 0 175px;
        gap: 25px
    }
    .footer--col:last-child {
        flex: auto
    }
    .footer--col-sm .fmenu-xl,
    .footer--col-sm .footer--copy,
    .footer--col-sm .footer--dev {
        display: none
    }
    .footer--copy {
        line-height: 20px;
        color: #000
    }
    .fdata--col {
        flex-flow: row;
        gap: 43px
    }
    .fdata--col:last-child {
        flex: 0 0 308px
    }
    .fdata--col a[href^="mailto:"],
    .fdata--col a[href^="tel:"] {
        white-space: nowrap
    }
    .frev--list {
        flex-flow: column;
        margin-top: 9px
    }
    .frev--item {
        font-size: 14px;
        line-height: 1;
        padding: 10px;
        min-height: 35px
    }
    .frev--item-filtvoda {
        padding: 5px 10px
    }
    .homecat {
        padding-top: 42px
    }
    .homecat--cont {
        grid-template-columns: 498px 498px auto
    }
    .system {
        margin-top: 43px
    }
    .system--sub {
        padding: 51px 0 33px 63px;
        font-size: 20px
    }
    .system--bottom {
        padding: 33px 118px 35px 115px
    }
    .system--item {
        padding-left: 30px
    }
    .system--text {
        font-size: 20px
    }
    .level--item {
        width: 687px;
        right: -409px;
        padding-left: 136px
    }
    .level--item-left {
        left: -419px;
        right: auto;
        padding-right: 136px
    }
    .level--title {
        font-size: 22px
    }
    .level--text {
        font-size: 18px;
        line-height: 1.35
    }
    .for {
        margin-top: 50px
    }
    .for--list {
        margin-top: 29px
    }
    .for--item {
        min-height: 306px
    }
    .simile {
        margin-top: 35px
    }
    .simile--text {
        max-width: 990px;
        margin-top: 8px
    }
    .simile--cont {
        grid-template-columns: 1fr 1fr 1fr 1fr 323px
    }
    .simile--item {
        gap: 13px
    }
    .simile--item.--main {
        gap: 15px
    }
    .simile--item.--main .simile--name {
        font-size: 30px;
        line-height: 1.2;
        margin: -7px 0 5px
    }
    .simile--item.--main .simile--attr {
        font-size: 18px;
        line-height: 23px
    }
    .simile--item.--main .simile--attr span:last-child {
        font-size: 30px;
        line-height: 37px
    }
    .simile--item.--main .simile--total {
        font-size: 30px;
        line-height: 1.5
    }
    .simile--item:not(.--main) .simile--attr {
        padding: 0 50px
    }
    .simile--item:not(.--main) .simile--img {
        margin-top: -17px
    }
    .simile--img {
        height: 200px
    }
    .simile--img img {
        max-height: 200px
    }
    .simile--name {
        font-size: 24px;
        margin: 0
    }
    .simile--attr {
        font-size: 18px;
        line-height: 1.35;
        padding: 0 50px
    }
    .simile--attr span:last-child {
        font-size: 24px;
        line-height: 29px
    }
    .simile--total {
        font-size: 24px
    }
    .pproduct {
        margin-top: 25px
    }
    .pproduct--cont {
        grid-template-columns: 410px 410px auto;
        margin-top: 27px
    }
    .pproduct--col {
        margin: 0
    }
    .pproduct--col:nth-child(1) {
        grid-area: 1/1/3/1
    }
    .pproduct--col:nth-child(2) {
        grid-area: 1/2/3/2
    }
    .pproduct--col:nth-child(3) {
        grid-area: 1/3/1/3
    }
    .pproduct--col:nth-child(4) {
        grid-area: 3/1/3/3
    }
    .pproduct--col:nth-child(5) {
        grid-area: 3/3/3/3
    }
    .pproduct--col:nth-child(6) {
        grid-area: 2/3/3/3
    }
    .pproduct--col:nth-child(1) .popitem--img,
    .pproduct--col:nth-child(2) .popitem--img {
        width: 360px;
        min-width: 360px
    }
    .pproduct--col:nth-child(3) .popitem,
    .pproduct--col:nth-child(4) .popitem,
    .pproduct--col:nth-child(5) .popitem,
    .pproduct--col:nth-child(6) .popitem {
        padding: 30px;
        flex-flow: row
    }
    .pproduct--col:nth-child(3) .popitem--img,
    .pproduct--col:nth-child(4) .popitem--img,
    .pproduct--col:nth-child(5) .popitem--img,
    .pproduct--col:nth-child(6) .popitem--img {
        width: 240px;
        min-width: 240px
    }
    .modproduct--cont {
        grid-template-columns: repeat(6, 1fr)
    }
    .bid {
        margin-top: 40px
    }
    .bid--cont {
        padding: 97px 118px 103px
    }
    .bid--subtitle {
        font-weight: 600
    }
    .bid--subtitle br {
        display: none
    }
    .bid--form {
        flex: 0 0 476px;
        flex-flow: row;
        flex-wrap: wrap
    }
    .bid--form input[name=phone] {
        flex: 0 0 260px
    }
    .bid--form .form--submit {
        flex: 0 0 204px
    }
    .modreview {
        margin-top: 30px
    }
    .modreview:last-child {
        margin-bottom: -20px
    }
    .modcert {
        margin-top: 30px
    }
    .modcert:last-child {
        margin-bottom: -20px
    }
    .catalog--list {
        grid-template-columns: repeat(4, 1fr);
        gap: 60px
    }
}

@media (max-width:1799px) {
    .footer--col-xl {
        display: none
    }
}

@media (max-width:1279px) {
    .header--email {
        display: none
    }
}

@media (max-width:1023px) {
    .header--btn {
        display: none
    }
    .frev--item {
        min-width: calc(50% - 10px - 10px)
    }
    .frev--item-aurus {
        flex: 0 0 calc(50% - 5px + 10px)
    }
    .frev--item-filtvoda {
        flex: 0 0 calc(50% - 5px - 10px)
    }
    body.--show-mmenu {
        overflow: hidden
    }
    body.--show-mmenu .mmenu {
        opacity: 1;
        visibility: visible;
        transform: scaleY(1);
        transition-delay: 0s
    }
    body.--show-mmenu .mmenu--cont {
        opacity: 1;
        transition-delay: .3s
    }
    body.--show-mmenu .mmenubtn:before {
        top: 4px;
        transform: rotate(45deg);
        transition-delay: 0s, .2s
    }
    body.--show-mmenu .mmenubtn:after {
        top: -4px;
        transform: rotate(-45deg);
        transition-delay: 0s, .2s
    }
    .simile--cont {
        overflow-x: auto;
        overflow-y: hidden;
        scrollbar-width: none;
        margin-left: calc(-1 * var(--container-padding));
        margin-right: calc(-1 * var(--container-padding));
        padding: 0 var(--container-padding)
    }
    .simile--cont::-webkit-scrollbar {
        display: none
    }
    .catalog--aside {
        display: none
    }
    .catalog--table {
        max-width: 100vw;
        overflow: auto;
        margin-left: calc(-1 * var(--container-padding));
        margin-right: calc(-1 * var(--container-padding));
        padding-left: var(--container-padding);
        padding-right: var(--container-padding)
    }
    .catalog--table>table {
        min-width: 900px
    }
}

@media all and (max-width:768px) {
    .fancybox-thumbs {
        width: 110px
    }
    .fancybox-show-thumbs .fancybox-inner {
        right: 110px
    }
    .fancybox-thumbs__list a {
        max-width: calc(100% - 10px)
    }
}

@media (max-width:767px) {
    .header--phone>span {
        display: none
    }
    .header--number svg {
        display: inline-block
    }
    .header--cart .hicon,
    .header--email,
    .header--number span,
    .header--row .header--search,
    .hello--title br,
    .menu--menu,
    .menu--mmenu {
        display: none
    }
    .level--item {
        left: 0 !important;
        top: 0 !important;
        right: 0 !important;
        bottom: 0 !important
    }
    .level--img {
        max-width: 340px;
        margin-left: auto;
        margin-right: auto
    }
    .prlevel--item {
        left: 0 !important;
        top: 0 !important;
        right: 0 !important;
        bottom: 0 !important
    }
    .prlevel--img {
        max-width: 340px;
        margin-left: auto;
        margin-right: auto
    }
    .simile--text br {
        display: none
    }
    .product {
        --container-padding: 17.5px
    }
    .prtabs--tab:not(.--active) {
        display: none
    }
    .contact .pagetitle,
    .information-information .pagetitle {
        display: none
    }
    .info .title {
        font-size: 18px
    }
    .first-xl .first--cont {
        padding-bottom: 186px
    }
    .catalog .catsort-show,
    .simple--top br {
        display: none
    }
}

@media (min-width:1024px) and (max-width:1279px) {
    .simile {
        --container-padding: 7px
    }
    .checkout--inner .form--inp [name=postcode].prmn-cmngr-simplecity+input,
    .checkout--inner .form--inp-shipping_address_postcode+.form--inp,
    .checkout--inner .form--input[name=postcode]+input,
    .form--inp .checkout--inner [name=postcode].prmn-cmngr-simplecity+input {
        flex: 0 0 calc(100% - 160px - 16px)
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .tplus--icon {
        flex: 0 0 74px;
        min-width: 74px
    }
    .tplus--text {
        font-size: 16px;
        line-height: 1.25
    }
    .tplus--warn {
        font-size: 18px
    }
}

@media all and (max-height:576px) {
    .fancybox-slide {
        padding-left: 6px;
        padding-right: 6px
    }
    .fancybox-slide--image {
        padding: 6px 0 0
    }
    .fancybox-slide--image .fancybox-content {
        margin-bottom: 6px
    }
    .fancybox-slide--image .fancybox-close-small {
        background: #4e4e4e;
        color: #f2f4f6;
        height: 36px;
        opacity: 1;
        padding: 6px;
        right: 0;
        top: 0;
        width: 36px
    }
}

@media (hover:hover) {
    .btn--outer:hover,
    .btn:hover {
        background: var(--btn-bg-hover);
        color: var(--btn-color-hover)
    }
    .contact--text .link--outer:hover a,
    .contact--text a:hover,
    .link--outer:hover .contact--text a,
    .link--outer:hover .link-hover,
    .link--outer:hover .service--data a,
    .link-hover:hover,
    .service--data .link--outer:hover a,
    .service--data a:hover {
        background-size: 100% var(--link-height)
    }
    .faq--answer .link--outer:hover a,
    .faq--answer a:hover,
    .link--outer:hover .faq--answer a,
    .link--outer:hover .link-under,
    .link--outer:hover .text a:not(.btn),
    .link-under:hover,
    .text .link--outer:hover a:not(.btn),
    .text a:hover:not(.btn) {
        background-size: 0 var(--link-height)
    }
    .contact--text .link--outer:hover a,
    .contact--text a:hover,
    .faq--answer .link--outer:hover a,
    .faq--answer a:hover,
    .link--outer:hover .contact--text a,
    .link--outer:hover .faq--answer a,
    .link--outer:hover .link,
    .link--outer:hover .service--data a,
    .link--outer:hover .text a:not(.btn),
    .link:hover,
    .service--data .link--outer:hover a,
    .service--data a:hover,
    .text .link--outer:hover a:not(.btn),
    .text a:hover:not(.btn) {
        color: var(--link-color-active);
        border-color: var(--link-border-active)
    }
    .link--outer:hover .link-bg,
    .link-bg:hover {
        background: var(--link-bg-active)
    }
    .nav--item:hover {
        color: var(--c-blue)
    }
    .nav--bg:hover,
    .qty--btn:hover {
        background: var(--c-blue);
        color: #fff
    }
    .hcart:hover {
        background: var(--c-blue)
    }
    .fsearch--show:hover {
        color: var(--c-darkblue)
    }
    .homecat--item:hover .homecat--data {
        /* transform: translateY(-15px) */
    }
    .homecat--item:hover .homecat--data .utp {
        /* max-height: max-content; */
        max-height: 200px;
        transition: max-height 0.3s ease-out;
    }
    .proption--item:hover .proption--inner {
        border-color: var(--c-blue)
    }
    .prtabs--tab:hover {
        color: var(--c-blue)
    }
    .pritem:hover {
        box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .1), 0 11px 11px 0 rgba(0, 0, 0, .09), 0 25px 15px 0 rgba(0, 0, 0, .05), 0 44px 18px 0 rgba(0, 0, 0, .01), 0 69px 19px 0 rgba(0, 0, 0, 0);
        background: #fff
    }
    .mcat--item:hover .mcat--data {
        transform: translateY(-15px)
    }
    .mreview--video:hover:before {
        transform: scale(1.1)
    }
    .mreview--video:hover span {
        display: block;
        position: absolute;
        top: 70%;
        left: 50%;
        transform: translate(-50%, -50%);
        color: #fff;
        text-transform: uppercase;
        z-index: 3;
        background-color: rgba(255, 255, 255, .5);
        backdrop-filter: blur(3px);
        padding: 10px;
        border-radius: 10px;
        font-weight: 600;
    }
    .mreview--video:hover:after {
        opacity: .45
    }
    .mcert--img:hover:before {
        transform: scale(1.1)
    }
}

#forSpecial {
    scroll-margin-top: 135px;
}

.header--col.header--phone a > span,
.header--col.header--email a,
.fdata--val > a,
.info--val a {
    -webkit-user-select: text; 
    -ms-user-select: text;    
    user-select: text;      
}

.proven--img.img-pos {
    width: 100%;
    padding-bottom: 100%;
    object-fit: cover;
}

.pritem--addtocart {
    width: 30px;
    height: 30px;
    background-color: transparent;
}
.pritem--addtocart > svg {
    width: 100%;
    height: 100%;
}

@media(min-width: 1024px) {
    a.link.header--number,
    .fdata--item:first-of-type .fdata--val > a,
    .info--val.info--val-tel {
        pointer-events: none;
    }
}

@media(max-width: 770px) {
    .homecat--cont > a {
        order: 3;
    }
    .homecat--cont > a:nth-of-type(1) {
        order: 1;
    }
    .homecat--cont a:nth-of-type(5) {
        order: 2;
    }
    .homecat--item:hover .homecat--data .utp {
        display: none !important;
    }
}