@charset "UTF-8";

@font-face {
    font-family: SegoeUI;font-display: swap;src: url(SegoeUI.woff2) format("woff2");font-weight: 400;
}

@font-face {
    font-family: SegoeUI;font-display: swap;src: url(SegoeUI-SemiBold.woff2) format("woff2");font-weight: 600;
}

@font-face {
    font-family: SegoeUI;font-display: swap;src: url(SegoeUI-Bold.woff2) format("woff2");font-weight: 700;
}

@font-face {
    font-family: SegoeUI;font-display: swap;src: local("SegoeUI-Black"), url(SegoeUI-Black.woff2) format("woff2");font-weight: 900;
}

@font-face {
    font-family: Brutal Type;font-display: swap;src: local("Brutal Type"), url(Brutal-Type_500.woff2) format("woff2");font-weight: 600;
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animatedWSlow {
    -webkit-animation-duration: 4s;
    animation-duration: 4s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animatedSlow {
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animatedFast {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig;
}

.fadeInLeftSmall {
    -webkit-animation-name: fadeInLeftSmall;
    animation-name: fadeInLeftSmall;
}

@-webkit-keyframes fadeInLeftSmall {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-30px, 0, 0);
        transform: translate3d(-30px, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightSmall {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(5%, 0, 0);
        transform: translate3d(5%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInRightSmall {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(5%, 0, 0);
        transform: translate3d(5%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInRightSmall {
    -webkit-animation-name: fadeInRightSmall;
    animation-name: fadeInRightSmall;
}

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpSmall {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 5%, 0);
        transform: translate3d(0, 5%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInUpSmall {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 5%, 0);
        transform: translate3d(0, 5%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInUpSmall {
    -webkit-animation-name: fadeInUpSmall;
    animation-name: fadeInUpSmall;
}

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig;
}

@-webkit-keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown;
}

.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip;
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg);
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg);
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

.flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX;
}

@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-20deg);
        transform: perspective(400px) rotateY(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotateY(-5deg);
        transform: perspective(400px) rotateY(-5deg);
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

@keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-20deg);
        transform: perspective(400px) rotateY(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotateY(-5deg);
        transform: perspective(400px) rotateY(-5deg);
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

.flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }

    30% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1;
    }

    to {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}

@keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }

    30% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1;
    }

    to {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}

.flipOutX {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }

    30% {
        -webkit-transform: perspective(400px) rotateY(-15deg);
        transform: perspective(400px) rotateY(-15deg);
        opacity: 1;
    }

    to {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}

@keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }

    30% {
        -webkit-transform: perspective(400px) rotateY(-15deg);
        transform: perspective(400px) rotateY(-15deg);
        opacity: 1;
    }

    to {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}

.flipOutY {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY;
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before, .video-js .vjs-modal-dialog, .vjs-button > .vjs-icon-placeholder:before, .vjs-modal-dialog .vjs-modal-dialog-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before, .vjs-button > .vjs-icon-placeholder:before {
    text-align: center;
}

@font-face {
    font-family: VideoJS;src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABBIAAsAAAAAGoQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV3RY21hcAAAAYQAAADQAAADIjn098ZnbHlmAAACVAAACv4AABEIAwnSw2hlYWQAAA1UAAAAKgAAADYUHzoRaGhlYQAADYAAAAAbAAAAJA4DByFobXR4AAANnAAAAA8AAACE4AAAAGxvY2EAAA2sAAAARAAAAEQ9NEHGbWF4cAAADfAAAAAfAAAAIAEyAIFuYW1lAAAOEAAAASUAAAIK1cf1oHBvc3QAAA84AAABDwAAAZ5AAl/0eJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGQ7xTiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGBHcRdyA4RZgQRAC4HCwEAAHic7dFprsIgAEXhg8U61XmeWcBb1FuQP4w7ZQXK5boMm3yclFDSANAHmuKviBBeBPQ8ymyo8w3jOh/5r2ui5nN6v8sYNJb3WMdeWRvLji0DhozKdxM6psyYs2DJijUbtuzYc+DIiTMXrty4k8oGLb+n0xCe37ekM7Z66j1DbUy3l6PpHnLfdLO5NdSBoQ4NdWSoY9ON54mhdqa/y1NDnRnq3FAXhro01JWhrg11Y6hbQ90Z6t5QD4Z6NNSToZ4N9WKoV0O9GerdUJORPqkhTd54nJ1YDXBU1RV+576/JBs2bPYPkrDZt5vsJrv53V/I5mclhGDCTwgGBQQSTEji4hCkYIAGd4TGIWFAhV0RQTpWmQp1xv6hA4OTOlNr2zFANbHUYbq2OtNCpViRqsk+e+7bTQAhzti8vPfuPffcc88959zznbcMMPjHD/KDDGEY0ABpYX384NhlomIYlo4JISGEY9mMh2FSidYiqkEUphtNYDSY/dXg9023l4DdxlqUl0chuZRhncJKrsCQHIwcGuwfnhMIzBnuH4Sym+1D2zaGjheXlhYfD238z80mKYMmvJ5XeOTzd8z9eujbMxJNhu4C9xPE/bCMiDuSNIWgkTQwBE55hLSAE7ZwhrHLnAHZOGV/kmBGTiNjZxzI77Hb7Hqjz68TjT6vh+5JT/cCIkqS0D6CqPf5jX4Qjdx5j6vlDfZM4aZFdbVXIxtOlJaP/WottMnH6CJQ3bTiue3PrY23HjnChtuamxwvvzFjxkPrNj3z0tG9T561HDYf6OgmRWvlY3JQHoQb8ltV2Yet7YfWctEjR1AtxS/cSX6U4alf6NJEBQ7YKg9wrXQKd0IeZCb2ux75Uhh1Un+Nz+9LTOE7PK777nN5xqdTneTBhCbx446mZrhnUkrCz2YhA9dSMxaG0SYmT8hi9ZPu1E94PJYQSH6LRmhxec7Q7ZeXntgQuVpbh+a4qWNsckVyTdn0P7o7DpgPW84+uRcq0BITflBikGdUjAZ9wYBVI3mtrNvr9kpg1UsaK6t3690aoorC1lg0GpMH2HAMtkZjsSi5Ig9ESVosOh7GQfLjKNLvKpMKkLSKNFAka710GdgSi8oDMSoNhqjkKBXTgn3swtaxyzGkUzIzae9RtLdWkSlZ1KDX6EzgllzV4NV4SoDFSOGD4+HCeQUF8wrZ5Hs8zIb5EaVxy8DYFTbMCJPnLIWZxugZE2NlivC0gc1qEQUR8jEKgZcAXeH18BiCgl5nlHh0CrjB4Hb5fX4gb0J7c9PuHVsfgkx2n/vTY/JV8kn8PGxf7faOZ8qX8JVByuIf4whk9sqXli2hvPJV9hrp0hY7l8r2x37ydaVsb4xvXv/47v2NjfCl8m5oRDJclFMoE1yk0Uh1Te4/m8lFXe9qBZD0EkheicebXvzI2PLCuoKCukLuhPIeKwaHPEouxw3kMqaIUXDQ1p0mip+MyCORSCQaoUsnY1VZ38nUTrG21WvVo4f1OsEJFhvSfAFwGfT8VHRMeAVUpwLOoLzjT/REIj3O3FhuURE+nERF+0pTId5Fyxv5sfwGyg4O+my4vZv0sZm7oeQlFZORiB+tG0MweVNraeitl7yxiPIHTk4/diVxs94o5lEYishB2iAtkchEnsActoEpx44Fo8XnsQMaA22BlqC20RmhBKzYojZyYaxg+JggMc4HHY2m+L9EkWSYljirOisrO7d3VorxzyZ6Vc4lJqITAu1b2wOBdrLElAP+bFc2eGaZFVbkmJktv5uT6Jlz5D/MnBFor6ig/JPnRViBsV3LNKGGqB1ChJ0tgQywlVLFJIuQgTFttwkiKxhyQdAZMdMYtSaoAewqfvXVYPAbDT6/1mez85YS8FSDywQ6NfAnef6FNEGMilnppyvn5rB6tTyq1pOceRWnp2WJEZFXHeX5oyoem1nTTgdqc4heDY7bOeKz63vnz+/dRx+s31Ht2JGanQ5seirfWJL9tjozU/12TnEjn5oux9OzU3ckGbBzBwNOyk69JykKH0n/0LM9A72tuwM3zQpIRu4AxiToseEpgPOmbROyFe9/X2yeUvoUsCyEvjcgs7fpWP3/aKlFN0+6HFUe6D9HFz/XPwBlN9tTqNyZjFJ8UO2RUT5/h4CptCctEyeisnOyXjALEp7dXKaQKf6O7IMnGjNNACRMLxqdYJX8eMLvmmd68D+ayBLyKKYZwYxDt/GNhzETDJ05Qxlyi3pi3/Z93ndYVSumgj0V/KkIFlO6+1K3fF2+3g0q+YtuSIf0bvmLqV09nnobI6hwcjIP8aPCKayjsF5JBY3LaKAeRLSyYB1h81oTwe9SlPMkXB7G0mfL9q71gaqqwPqu67QRKS1+ObTx+sbQy9QV2OQHEScGkdFBeT7v7qisqqrs6N52i78/R+6S0qQONVj26agOVoswCyQWIV5D86vH53bxNUeXV0K+XZaHv/nm/KsHhOvylwsWnJX/HE8l/4WCv5x+l5n08z6UU8bUMa3MBpSmM7F63AxntdC9eBCKEZW9Hr+ABNqtxgAQrSbMtmrW7lKQuoSgBhSrTazWVU2QAKWY8wiiuhqFmQgWJBgoXiuWIm42N7hqZbBsgXz52O5P5uSvaNgFGnOuvsRw8I8Laha91wMvDuxqWFheN7/8GVtTltdS83DQsXRmqc5ZtcJXEVrlV2doTWk5+Yunm71dG5f55m/qY0MjI93vv9/NfpxXV9sUXrxy2fbNy1or65cOlDRnOoKFeeXcbw42H/bNDT5Qs3flgs31gWC1lD1nfUV/X7NdCnSUdHY2e8afzfKsqZ5ZljfDqjLOmk3UebNXB+aHArPYDRs+/HDDxeT5DiP+sFg7OpRaVQMGBV89PpeBdj22hCE0Uub0UqwLrNWsG0cuyadgLXTeR5rbO4+3c/vl15cur2nRq+TXCQDcS3SO+s6ak+e5/eMS+1dw3btu3YG2tvFL8XdIZvdjdW6TO/4B7IdrZWVPmctm5/59AgsPItTSbCiIBr2OqIGzmu20SMKAS7yqwGBUfGfgjDYlLLDeF0SfcLB2LSx8flT+08/kzz6yOj96rft4rpTjdPQcmLd47uKibbDq7ZSz/XtbH2nN717Nd62rU+c8Icevvv7I09wA6WvjVcafb+FsbNG+ZQ80Rn6ZZsvrP7teP2dzTdoETvNhjCmsr8FID2sJ69VYvdUcxk4AzYRlKcaE38eXNRlfW9H1as9i6acLHp1XpuNB5K7DIvkX08y1ZYvh3KfWaiCzH+ztrSDmD7LuX73x/mJelB8Yj39t8nhNQJJ2CAthpoFGLsGgtSOCJooCGoaJAMTjSWHVZ08YAa1Fg9lPI5U6DOsGVjDasJeZZ+YyhfCwfOzCxlBA69M9XLXtza7H/rav+9Tjq5xNi0wpKQIRNO4Lrzz7yp5QVYM6Jd/oc1Uvn/mQhhuWh6ENXoS2YTZ8QT42bF5d/559zp5r0Uff2VnR2tdf2/WCOd2cO0Mw6qpWPnvxpV0nrt5fZd2yItc199GWe8vlNfNDq+CH/7yAAnB9hn7T4QO4c1g9ScxsZgmzntnE/IDGndtHMw69lFwoCnYsMGx+rBp8JSBqdLzBr9QRPq/PbhWMWFtQZp1xguy/haw3TEHm3TWAnxFWQQWgt7M5OV0lCz1VRYucpWliy7z6Zd4urwPIyeZQqli2Lgg7szJV09PysATbOQtYIrB2YzbkJYkGgJ0m4AjPUap1pvYu1K9qr97z0Yl3p332b2LYB78ncYIlRkau/8GObSsOlZancACE5d5ily+c2+7h5Yj4lqhVmXXB+iXLfvdqSgqfKtQvfHDV0OnvQR1qhw42XS/vkvsh/hXcrDFP0a+SJNIomEfD1nsrYGO+1bgTOJhM8Hv6ek+7vVglxuSRwoKn17S937bm6YJCeSSG0Op1n+7tE37tcZ/p7dsTv4EUrGpDbWueKigsLHhqTVsoEj+JU0kaSjnj9tz8/gryQWwJ9BcJXBC/7smO+I/IFURJetFPrdt5WcoL6DbEJaygI8CTHfQTjf40ofD+DwalTqIAAHicY2BkYGAA4uByr8R4fpuvDNzsDCBw7f/3LmSanREszsHABKIAKi0J7gAAeJxjYGRgYGcAARD5/z87IwMjAypQBAAtgwI4AHicY2BgYGAfYAwAOkQA4QAAAAAAAA4AaAB+AMwA4AECAUIBbAGYAcICGAJYArQC4AMwA7AD3gQwBJYE3AUkBWYFigYgBmYGtAbqB1gIEghYCG4IhHicY2BkYGBQZChlYGcAASYg5gJCBob/YD4DABfTAbQAeJxdkE1qg0AYhl8Tk9AIoVDaVSmzahcF87PMARLIMoFAl0ZHY1BHdBJIT9AT9AQ9RQ9Qeqy+yteNMzDzfM+88w0K4BY/cNAMB6N2bUaPPBLukybCLvleeAAPj8JD+hfhMV7hC3u4wxs7OO4NzQSZcI/8Ltwnfwi75E/hAR7wJTyk/xYeY49fYQ/PztM+jbTZ7LY6OWdBJdX/pqs6NYWa+zMxa13oKrA6Uoerqi/JwtpYxZXJ1coUVmeZUWVlTjq0/tHacjmdxuL90OR8O0UEDYMNdtiSEpz5XQGqzlm30kzUdAYFFOb8R7NOZk0q2lwAyz1i7oAr1xoXvrOgtYhZx8wY5KRV269JZ5yGpmzPTjQhvY9je6vEElPOuJP3mWKnP5M3V+YAAAB4nG2PyXLCMBBE3YCNDWEL2ffk7o8S8oCnkCVHC5C/jzBQlUP6IHVPzYyekl5y0iL5X5/ooY8BUmQYIkeBEca4wgRTzDDHAtdY4ga3uMM9HvCIJzzjBa94wzs+8ImvZNAq8TM+HqVkKxWlrQiOxjujQkNlEzyNzl6Z/cU2XF06at7U83VQyklLpEvSnuzsb+HAPnPfQVgaupa1Jlu4sPLsFblcitaz0dHU0ZF1qatjZ1+aTXYCmp6u0gSvWNPyHLtFZ+ZeXWVSaEkqs3T8S74WklbGbNNNq4LL4+CWKtZDv2cfX8l8aFbKFhEnJnJ+IULFpqwoQnNHlHaVQtPBl+ypmbSWdmyC61KS/AKZC3Y+AA==) format("woff");font-weight: 400;font-style: normal;
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before, .video-js .vjs-play-control .vjs-icon-placeholder, .vjs-icon-play {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal;
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before, .video-js .vjs-play-control .vjs-icon-placeholder:before, .vjs-icon-play:before {
    content: "\f101";
}

.vjs-icon-play-circle {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal;
}

.vjs-icon-play-circle:before {
    content: "\f102";
}

.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder, .vjs-icon-pause {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal;
}

.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before, .vjs-icon-pause:before {
    content: "\f103";
}

.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder, .vjs-icon-volume-mute {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal;
}

.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before, .vjs-icon-volume-mute:before {
    content: "\f104";
}

.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder, .vjs-icon-volume-low {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal;
}

.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before, .vjs-icon-volume-low:before {
    content: "\f105";
}

.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder, .vjs-icon-volume-mid {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal;
}

.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before, .vjs-icon-volume-mid:before {
    content: "\f106";
}

.video-js .vjs-mute-control .vjs-icon-placeholder, .vjs-icon-volume-high {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal;
}

.video-js .vjs-mute-control .vjs-icon-placeholder:before, .vjs-icon-volume-high:before {
    content: "\f107";
}

.video-js .vjs-fullscreen-control .vjs-icon-placeholder, .vjs-icon-fullscreen-enter {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal;
}

.video-js .vjs-fullscreen-control .vjs-icon-placeholder:before, .vjs-icon-fullscreen-enter:before {
    content: "\f108";
}

.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder, .vjs-icon-fullscreen-exit {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal;
}

.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before, .vjs-icon-fullscreen-exit:before {
    content: "\f109";
}

.vjs-icon-square {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal;
}

.vjs-icon-square:before {
    content: "\f10a";
}

.vjs-icon-spinner {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal;
}

.vjs-icon-spinner:before {
    content: "\f10b";
}

.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-subtitles-button .vjs-icon-placeholder, .vjs-icon-subtitles {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal;
}

.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-subtitles-button .vjs-icon-placeholder:before, .vjs-icon-subtitles:before {
    content: "\f10c";
}

.video-js .vjs-captions-button .vjs-icon-placeholder, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder, .vjs-icon-captions {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal;
}

.video-js .vjs-captions-button .vjs-icon-placeholder:before, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before, .vjs-icon-captions:before {
    content: "\f10d";
}

.video-js .vjs-chapters-button .vjs-icon-placeholder, .vjs-icon-chapters {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal;
}

.video-js .vjs-chapters-button .vjs-icon-placeholder:before, .vjs-icon-chapters:before {
    content: "\f10e";
}

.vjs-icon-share {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal;
}

.vjs-icon-share:before {
    content: "\f10f";
}

.vjs-icon-cog {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal;
}

.vjs-icon-cog:before {
    content: "\f110";
}

.video-js .vjs-play-progress, .video-js .vjs-volume-level, .vjs-icon-circle {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal;
}

.video-js .vjs-play-progress:before, .video-js .vjs-volume-level:before, .vjs-icon-circle:before {
    content: "\f111";
}

.vjs-icon-circle-outline {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal;
}

.vjs-icon-circle-outline:before {
    content: "\f112";
}

.vjs-icon-circle-inner-circle {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal;
}

.vjs-icon-circle-inner-circle:before {
    content: "\f113";
}

.vjs-icon-hd {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal;
}

.vjs-icon-hd:before {
    content: "\f114";
}

.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder, .vjs-icon-cancel {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal;
}

.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before, .vjs-icon-cancel:before {
    content: "\f115";
}

.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder, .vjs-icon-replay {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal;
}

.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before, .vjs-icon-replay:before {
    content: "\f116";
}

.vjs-icon-facebook {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal;
}

.vjs-icon-facebook:before {
    content: "\f117";
}

.vjs-icon-gplus {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal;
}

.vjs-icon-gplus:before {
    content: "\f118";
}

.vjs-icon-linkedin {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal;
}

.vjs-icon-linkedin:before {
    content: "\f119";
}

.vjs-icon-twitter {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal;
}

.vjs-icon-twitter:before {
    content: "\f11a";
}

.vjs-icon-tumblr {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal;
}

.vjs-icon-tumblr:before {
    content: "\f11b";
}

.vjs-icon-pinterest {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal;
}

.vjs-icon-pinterest:before {
    content: "\f11c";
}

.video-js .vjs-descriptions-button .vjs-icon-placeholder, .vjs-icon-audio-description {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal;
}

.video-js .vjs-descriptions-button .vjs-icon-placeholder:before, .vjs-icon-audio-description:before {
    content: "\f11d";
}

.video-js .vjs-audio-button .vjs-icon-placeholder, .vjs-icon-audio {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal;
}

.video-js .vjs-audio-button .vjs-icon-placeholder:before, .vjs-icon-audio:before {
    content: "\f11e";
}

.vjs-icon-next-item {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal;
}

.vjs-icon-next-item:before {
    content: "\f11f";
}

.vjs-icon-previous-item {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal;
}

.vjs-icon-previous-item:before {
    content: "\f120";
}

.video-js {
    display: block;
    vertical-align: top;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    position: relative;
    padding: 0;
    font-size: 10px;
    line-height: 1;
    font-weight: 400;
    font-style: normal;
    font-family: Arial, Helvetica, sans-serif;
    word-break: normal;
}

.video-js:-moz-full-screen {
    position: absolute;
}

.video-js:-webkit-full-screen {
    width: 100% !important;
    height: 100% !important;
}

.video-js[tabindex="-1"] {
    outline: none;
}

.video-js *, .video-js :after, .video-js :before {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
}

.video-js ul {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    list-style-position: outside;
    margin: 0;
}

.video-js.vjs-4-3, .video-js.vjs-16-9, .video-js.vjs-fluid {
    width: 100%;
    max-width: 100%;
    height: 0;
}

.video-js.vjs-16-9 {
    padding-top: 56.25%;
}

.video-js.vjs-4-3 {
    padding-top: 75%;
}

.video-js.vjs-fill, .video-js .vjs-tech {
    width: 100%;
    height: 100%;
}

.video-js .vjs-tech {
    position: absolute;
    top: 0;
    left: 0;
}

body.vjs-full-window {
    padding: 0;
    margin: 0;
    height: 100%;
}

.vjs-full-window .video-js.vjs-fullscreen {
    position: fixed;
    overflow: hidden;
    z-index: 1000;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
}

.video-js.vjs-fullscreen {
    width: 100% !important;
    height: 100% !important;
    padding-top: 0 !important;
}

.video-js.vjs-fullscreen.vjs-user-inactive {
    cursor: none;
}

.vjs-hidden {
    display: none !important;
}

.vjs-disabled {
    opacity: .5;
    cursor: default;
}

.video-js .vjs-offscreen {
    height: 1px;
    left: -9999px;
    position: absolute;
    top: 0;
    width: 1px;
}

.vjs-lock-showing {
    display: block !important;
    opacity: 1;
    visibility: visible;
}

.vjs-no-js {
    padding: 20px;
    color: #fff;
    background-color: #000;
    font-size: 18px;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    width: 300px;
    height: 150px;
    margin: 0 auto;
}

.vjs-no-js a, .vjs-no-js a:visited {
    color: #66a8cc;
}

.video-js .vjs-big-play-button {
    font-size: 3em;
    line-height: 1.5em;
    height: 1.5em;
    width: 3em;
    display: block;
    position: absolute;
    top: 10px;
    left: 10px;
    padding: 0;
    cursor: pointer;
    opacity: 1;
    border: .06666em solid #fff;
    background-color: #2b333f;
    background-color: rgb(43 51 63 / .7);
    border-radius: .3em;
    -webkit-transition: all .4s;
    transition: all .4s;
}

.vjs-big-play-centered .vjs-big-play-button {
    top: 50%;
    left: 50%;
    margin-top: -.75em;
    margin-left: -1.5em;
}

.video-js .vjs-big-play-button:focus, .video-js:hover .vjs-big-play-button {
    border-color: #fff;
    background-color: #73859f;
    background-color: rgb(115 133 159 / .5);
    -webkit-transition: all 0s;
    transition: all 0s;
}

.vjs-controls-disabled .vjs-big-play-button, .vjs-error .vjs-big-play-button, .vjs-has-started .vjs-big-play-button, .vjs-using-native-controls .vjs-big-play-button {
    display: none;
}

.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button {
    display: block;
}

.video-js button {
    background: none;
    border: none;
    color: inherit;
    display: inline-block;
    font-size: inherit;
    line-height: inherit;
    text-transform: none;
    text-decoration: none;
    -webkit-transition: none;
    transition: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.vjs-control .vjs-button {
    width: 100%;
    height: 100%;
}

.video-js .vjs-control.vjs-close-button {
    cursor: pointer;
    height: 3em;
    position: absolute;
    right: 0;
    top: .5em;
    z-index: 2;
}

.video-js .vjs-modal-dialog {
    background: rgb(0 0 0 / .8);
    background: -webkit-gradient(linear, left top, left bottom, from(rgb(0 0 0 / .8)), to(#fff0));
    background: linear-gradient(180deg, rgb(0 0 0 / .8), #fff0);
    overflow: auto;
}

.video-js .vjs-modal-dialog > * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.vjs-modal-dialog .vjs-modal-dialog-content {
    font-size: 1.2em;
    line-height: 1.5;
    padding: 20px 24px;
    z-index: 1;
}

.vjs-menu-button {
    cursor: pointer;
}

.vjs-menu-button.vjs-disabled {
    cursor: default;
}

.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
    display: none;
}

.vjs-menu .vjs-menu-content {
    display: block;
    padding: 0;
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
    overflow: auto;
}

.vjs-menu .vjs-menu-content > * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu {
    display: none;
}

.vjs-menu li {
    list-style: none;
    margin: 0;
    padding: .2em 0;
    line-height: 1.4em;
    font-size: 1.2em;
    text-align: center;
    text-transform: lowercase;
}

.vjs-menu li.vjs-menu-item:focus, .vjs-menu li.vjs-menu-item:hover {
    background-color: #73859f;
    background-color: rgb(115 133 159 / .5);
}

.vjs-menu li.vjs-selected, .vjs-menu li.vjs-selected:focus, .vjs-menu li.vjs-selected:hover {
    background-color: #fff;
    color: #2b333f;
}

.vjs-menu li.vjs-menu-title {
    text-align: center;
    text-transform: uppercase;
    font-size: 1em;
    line-height: 2em;
    padding: 0;
    margin: 0 0 .3em;
    font-weight: 700;
    cursor: default;
}

.vjs-menu-button-popup .vjs-menu {
    display: none;
    position: absolute;
    bottom: 0;
    width: 10em;
    left: -3em;
    height: 0;
    margin-bottom: 1.5em;
    border-top-color: rgb(43 51 63 / .7);
}

.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    background-color: #2b333f;
    background-color: rgb(43 51 63 / .7);
    position: absolute;
    width: 100%;
    bottom: 1.5em;
    max-height: 15em;
}

.vjs-menu-button-popup .vjs-menu.vjs-lock-showing, .vjs-workinghover .vjs-menu-button-popup:hover .vjs-menu {
    display: block;
}

.video-js .vjs-menu-button-inline {
    -webkit-transition: all .4s;
    transition: all .4s;
    overflow: hidden;
}

.video-js .vjs-menu-button-inline:before {
    width: 2.222222222em;
}

.video-js .vjs-menu-button-inline.vjs-slider-active, .video-js .vjs-menu-button-inline:focus, .video-js .vjs-menu-button-inline:hover, .video-js.vjs-no-flex .vjs-menu-button-inline {
    width: 12em;
}

.vjs-menu-button-inline .vjs-menu {
    opacity: 0;
    height: 100%;
    width: auto;
    position: absolute;
    left: 4em;
    top: 0;
    padding: 0;
    margin: 0;
    -webkit-transition: all .4s;
    transition: all .4s;
}

.vjs-menu-button-inline.vjs-slider-active .vjs-menu, .vjs-menu-button-inline:focus .vjs-menu, .vjs-menu-button-inline:hover .vjs-menu {
    display: block;
    opacity: 1;
}

.vjs-no-flex .vjs-menu-button-inline .vjs-menu {
    display: block;
    opacity: 1;
    position: relative;
    width: auto;
}

.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu, .vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu, .vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu {
    width: auto;
}

.vjs-menu-button-inline .vjs-menu-content {
    width: auto;
    height: 100%;
    margin: 0;
    overflow: hidden;
}

.video-js .vjs-control-bar {
    display: none;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3em;
    background-color: #2b333f;
    background-color: rgb(43 51 63 / .7);
}

.vjs-has-started .vjs-control-bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    visibility: visible;
    opacity: 1;
    -webkit-transition: visibility .1s, opacity .1s;
    transition: visibility .1s, opacity .1s;
}

.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
    visibility: visible;
    opacity: 0;
    -webkit-transition: visibility 1s, opacity 1s;
    transition: visibility 1s, opacity 1s;
}

.vjs-controls-disabled .vjs-control-bar, .vjs-error .vjs-control-bar, .vjs-using-native-controls .vjs-control-bar {
    display: none !important;
}

.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
    opacity: 1;
    visibility: visible;
}

.vjs-has-started.vjs-no-flex .vjs-control-bar {
    display: table;
}

.video-js .vjs-control {
    position: relative;
    text-align: center;
    margin: 0;
    padding: 0;
    height: 100%;
    width: 4em;
    -webkit-box-flex: none;
    -ms-flex: none;
    flex: none;
}

.vjs-button > .vjs-icon-placeholder:before {
    font-size: 1.8em;
    line-height: 1.67;
}

.video-js .vjs-control:focus, .video-js .vjs-control:focus:before, .video-js .vjs-control:hover:before {
    text-shadow: 0 0 1em #fff;
}

.video-js .vjs-control-text {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.vjs-no-flex .vjs-control {
    display: table-cell;
    vertical-align: middle;
}

.video-js .vjs-custom-control-spacer {
    display: none;
}

.video-js .vjs-progress-control {
    cursor: pointer;
    -webkit-box-flex: auto;
    -ms-flex: auto;
    flex: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: 4em;
    -ms-touch-action: none;
    touch-action: none;
}

.video-js .vjs-progress-control.disabled {
    cursor: default;
}

.vjs-live .vjs-progress-control {
    display: none;
}

.vjs-no-flex .vjs-progress-control {
    width: auto;
}

.video-js .vjs-progress-holder {
    -webkit-box-flex: auto;
    -ms-flex: auto;
    flex: auto;
    -webkit-transition: all .2s;
    transition: all .2s;
    height: .3em;
}

.video-js .vjs-progress-control .vjs-progress-holder {
    margin: 0 10px;
}

.video-js .vjs-progress-control:hover .vjs-progress-holder {
    font-size: 1.6666666666666667em;
}

.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled {
    font-size: 1em;
}

.video-js .vjs-progress-holder .vjs-load-progress, .video-js .vjs-progress-holder .vjs-load-progress div, .video-js .vjs-progress-holder .vjs-play-progress {
    position: absolute;
    display: block;
    height: 100%;
    margin: 0;
    padding: 0;
    width: 0;
}

.video-js .vjs-play-progress {
    background-color: #fff;
}

.video-js .vjs-play-progress:before {
    font-size: .9em;
    position: absolute;
    right: -.5em;
    top: -.333333333333333em;
    z-index: 1;
}

.video-js .vjs-load-progress {
    background: rgb(115 133 159 / .5);
}

.video-js .vjs-load-progress div {
    background: rgb(115 133 159 / .75);
}

.video-js .vjs-time-tooltip {
    background-color: #fff;
    background-color: hsl(0 0% 100% / .8);
    border-radius: .3em;
    color: #000;
    float: right;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    padding: 6px 8px 8px;
    pointer-events: none;
    position: relative;
    top: -3.4em;
    visibility: hidden;
    z-index: 1;
}

.video-js .vjs-progress-holder:focus .vjs-time-tooltip {
    display: none;
}

.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip, .video-js .vjs-progress-control:hover .vjs-time-tooltip {
    display: block;
    font-size: .6em;
    visibility: visible;
}

.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip {
    font-size: 1em;
}

.video-js .vjs-progress-control .vjs-mouse-display {
    display: none;
    position: absolute;
    width: 1px;
    height: 100%;
    background-color: #000;
    z-index: 1;
}

.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
    z-index: 0;
}

.video-js .vjs-progress-control:hover .vjs-mouse-display {
    display: block;
}

.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: visibility 1s, opacity 1s;
    transition: visibility 1s, opacity 1s;
}

.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
    display: none;
}

.vjs-mouse-display .vjs-time-tooltip {
    color: #fff;
    background-color: #000;
    background-color: rgb(0 0 0 / .8);
}

.video-js .vjs-slider {
    position: relative;
    cursor: pointer;
    padding: 0;
    margin: 0 .45em;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #73859f;
    background-color: rgb(115 133 159 / .5);
}

.video-js .vjs-slider.disabled {
    cursor: default;
}

.video-js .vjs-slider:focus {
    text-shadow: 0 0 1em #fff;
    -webkit-box-shadow: 0 0 1em #fff;
    box-shadow: 0 0 1em #fff;
}

.video-js .vjs-mute-control {
    cursor: pointer;
    -webkit-box-flex: none;
    -ms-flex: none;
    flex: none;
}

.video-js .vjs-volume-control {
    cursor: pointer;
    margin-right: 1em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.video-js .vjs-volume-control.vjs-volume-horizontal {
    width: 5em;
}

.video-js .vjs-volume-panel .vjs-volume-control {
    visibility: visible;
    opacity: 0;
    width: 1px;
    height: 1px;
    margin-left: -1px;
}

.video-js .vjs-volume-panel {
    -webkit-transition: width 1s;
    transition: width 1s;
}

.video-js .vjs-volume-panel .vjs-mute-control:hover ~ .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active, .video-js .vjs-volume-panel .vjs-volume-control:active, .video-js .vjs-volume-panel .vjs-volume-control:hover, .video-js .vjs-volume-panel:active .vjs-volume-control, .video-js .vjs-volume-panel:focus .vjs-volume-control, .video-js .vjs-volume-panel:hover .vjs-volume-control {
    visibility: visible;
    opacity: 1;
    position: relative;
    -webkit-transition: visibility .1s, opacity .1s, height .1s, width .1s, left 0s, top 0s;
    transition: visibility .1s, opacity .1s, height .1s, width .1s, left 0s, top 0s;
}

.video-js .vjs-volume-panel .vjs-mute-control:hover ~ .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control:hover.vjs-volume-horizontal, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-horizontal {
    width: 5em;
    height: 3em;
}

.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:hover {
    width: 9em;
    -webkit-transition: width .1s;
    transition: width .1s;
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
    height: 8em;
    width: 3em;
    left: -3.5em;
    -webkit-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
    transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
    -webkit-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
    transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
}

.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
    width: 5em;
    height: 3em;
    visibility: visible;
    opacity: 1;
    position: relative;
    -webkit-transition: none;
    transition: none;
}

.video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical, .video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
    position: absolute;
    bottom: 3em;
    left: .5em;
}

.video-js .vjs-volume-panel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.video-js .vjs-volume-bar {
    margin: 1.35em .45em;
}

.vjs-volume-bar.vjs-slider-horizontal {
    width: 5em;
    height: .3em;
}

.vjs-volume-bar.vjs-slider-vertical {
    width: .3em;
    height: 5em;
    margin: 1.35em auto;
}

.video-js .vjs-volume-level {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #fff;
}

.video-js .vjs-volume-level:before {
    position: absolute;
    font-size: .9em;
}

.vjs-slider-vertical .vjs-volume-level {
    width: .3em;
}

.vjs-slider-vertical .vjs-volume-level:before {
    top: -.5em;
    left: -.3em;
}

.vjs-slider-horizontal .vjs-volume-level {
    height: .3em;
}

.vjs-slider-horizontal .vjs-volume-level:before {
    top: -.3em;
    right: -.5em;
}

.video-js .vjs-volume-panel.vjs-volume-panel-vertical {
    width: 4em;
}

.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
    height: 100%;
}

.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
    width: 100%;
}

.video-js .vjs-volume-vertical {
    width: 3em;
    height: 8em;
    bottom: 8em;
    background-color: #2b333f;
    background-color: rgb(43 51 63 / .7);
}

.video-js .vjs-volume-horizontal .vjs-menu {
    left: -2em;
}

.vjs-poster {
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    cursor: pointer;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
}

.vjs-has-started .vjs-poster {
    display: none;
}

.vjs-audio.vjs-has-started .vjs-poster {
    display: block;
}

.vjs-using-native-controls .vjs-poster {
    display: none;
}

.video-js .vjs-live-control {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    -webkit-box-flex: auto;
    -ms-flex: auto;
    flex: auto;
    font-size: 1em;
    line-height: 3em;
}

.vjs-no-flex .vjs-live-control {
    display: table-cell;
    width: auto;
    text-align: left;
}

.video-js .vjs-time-control {
    -webkit-box-flex: none;
    -ms-flex: none;
    flex: none;
    font-size: 1em;
    line-height: 3em;
    min-width: 2em;
    width: auto;
    padding-left: 1em;
    padding-right: 1em;
}

.video-js .vjs-current-time, .video-js .vjs-duration, .vjs-live .vjs-time-control, .vjs-no-flex .vjs-current-time, .vjs-no-flex .vjs-duration {
    display: none;
}

.vjs-time-divider {
    display: none;
    line-height: 3em;
}

.vjs-live .vjs-time-divider {
    display: none;
}

.video-js .vjs-play-control .vjs-icon-placeholder {
    cursor: pointer;
    -webkit-box-flex: none;
    -ms-flex: none;
    flex: none;
}

.vjs-text-track-display {
    position: absolute;
    bottom: 3em;
    left: 0;
    right: 0;
    top: 0;
    pointer-events: none;
}

.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
    bottom: 1em;
}

.video-js .vjs-text-track {
    font-size: 1.4em;
    text-align: center;
    margin-bottom: .1em;
}

.vjs-subtitles {
    color: #fff;
}

.vjs-captions {
    color: #fc6;
}

.vjs-tt-cue {
    display: block;
}

video::-webkit-media-text-track-display {
    -ms-transform: translateY(-3em);
    -webkit-transform: translateY(-3em);
    transform: translateY(-3em);
}

.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
    -ms-transform: translateY(-1.5em);
    -webkit-transform: translateY(-1.5em);
    transform: translateY(-1.5em);
}

.video-js .vjs-fullscreen-control {
    cursor: pointer;
    -webkit-box-flex: none;
    -ms-flex: none;
    flex: none;
}

.vjs-playback-rate .vjs-playback-rate-value, .vjs-playback-rate > .vjs-menu-button {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.vjs-playback-rate .vjs-playback-rate-value {
    pointer-events: none;
    font-size: 1.5em;
    line-height: 2;
    text-align: center;
}

.vjs-playback-rate .vjs-menu {
    width: 4em;
    left: 0;
}

.vjs-error .vjs-error-display .vjs-modal-dialog-content {
    font-size: 1.4em;
    text-align: center;
}

.vjs-error .vjs-error-display:before {
    color: #fff;
    content: "X";
    font-family: Arial, Helvetica, sans-serif;
    font-size: 4em;
    left: 0;
    line-height: 1;
    margin-top: -.5em;
    position: absolute;
    text-shadow: .05em .05em .1em #000;
    text-align: center;
    top: 50%;
    vertical-align: middle;
    width: 100%;
}

.vjs-loading-spinner {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -25px;
    opacity: .85;
    text-align: left;
    border: 6px solid rgb(43 51 63 / .7);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-clip: padding-box;
    width: 50px;
    height: 50px;
    border-radius: 25px;
    visibility: hidden;
}

.vjs-seeking .vjs-loading-spinner, .vjs-waiting .vjs-loading-spinner {
    display: block;
    -webkit-animation: vjs-spinner-show 0s linear .3s forwards;
    animation: vjs-spinner-show 0s linear .3s forwards;
}

.vjs-loading-spinner:after, .vjs-loading-spinner:before {
    content: "";
    position: absolute;
    margin: -6px;
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
    width: inherit;
    height: inherit;
    border-radius: inherit;
    opacity: 1;
    border: inherit;
    border-color: #fff #fff0 #fff0;
}

.vjs-seeking .vjs-loading-spinner:after, .vjs-seeking .vjs-loading-spinner:before, .vjs-waiting .vjs-loading-spinner:after, .vjs-waiting .vjs-loading-spinner:before {
    -webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(.6, .2, 0, .8) infinite, vjs-spinner-fade 1.1s linear infinite;
    animation: vjs-spinner-spin 1.1s cubic-bezier(.6, .2, 0, .8) infinite, vjs-spinner-fade 1.1s linear infinite;
}

.vjs-seeking .vjs-loading-spinner:before, .vjs-waiting .vjs-loading-spinner:before {
    border-top-color: #fff;
}

.vjs-seeking .vjs-loading-spinner:after, .vjs-waiting .vjs-loading-spinner:after {
    border-top-color: #fff;
    -webkit-animation-delay: .44s;
    animation-delay: .44s;
}

@keyframes vjs-spinner-show {
    to {
        visibility: visible;
    }
}

@-webkit-keyframes vjs-spinner-show {
    to {
        visibility: visible;
    }
}

@keyframes vjs-spinner-spin {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn);
    }
}

@-webkit-keyframes vjs-spinner-spin {
    to {
        -webkit-transform: rotate(1turn);
    }
}

@keyframes vjs-spinner-fade {
    0% {
        border-top-color: #73859f;
    }

    20% {
        border-top-color: #73859f;
    }

    35% {
        border-top-color: #fff;
    }

    60% {
        border-top-color: #73859f;
    }

    to {
        border-top-color: #73859f;
    }
}

@-webkit-keyframes vjs-spinner-fade {
    0% {
        border-top-color: #73859f;
    }

    20% {
        border-top-color: #73859f;
    }

    35% {
        border-top-color: #fff;
    }

    60% {
        border-top-color: #73859f;
    }

    to {
        border-top-color: #73859f;
    }
}

.vjs-chapters-button .vjs-menu ul {
    width: 24em;
}

.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
    vertical-align: middle;
    display: inline-block;
    margin-bottom: -.1em;
}

.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
    font-family: VideoJS;
    content: "\f10d";
    font-size: 1.5em;
    line-height: inherit;
}

.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-custom-control-spacer {
    -webkit-box-flex: auto;
    -ms-flex: auto;
    flex: auto;
}

.video-js.vjs-layout-tiny:not(.vjs-fullscreen).vjs-no-flex .vjs-custom-control-spacer {
    width: auto;
}

.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-audio-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-captions-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-chapters-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-descriptions-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-playback-rate, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-progress-control, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-remaining-time, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-subtitles-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-time-divider, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-control {
    display: none;
}

.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-audio-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-captions-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-chapters-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-descriptions-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-playback-rate, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-remaining-time, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-subtitles-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-time-divider, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-control {
    display: none;
}

.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-captions-button, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-chapters-button, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-descriptions-button, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-playback-rate, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-remaining-time, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-subtitles-button .vjs-audio-button, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-time-divider, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-volume-control {
    display: none;
}

.vjs-modal-dialog.vjs-text-track-settings {
    background-color: #2b333f;
    background-color: rgb(43 51 63 / .75);
    color: #fff;
    height: 70%;
}

.vjs-text-track-settings .vjs-modal-dialog-content {
    display: table;
}

.vjs-text-track-settings .vjs-track-settings-colors, .vjs-text-track-settings .vjs-track-settings-controls, .vjs-text-track-settings .vjs-track-settings-font {
    display: table-cell;
}

.vjs-text-track-settings .vjs-track-settings-controls {
    text-align: right;
    vertical-align: bottom;
}

@supports (display:grid) {
    .vjs-text-track-settings .vjs-modal-dialog-content {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr auto;
    }

    .vjs-text-track-settings .vjs-track-settings-colors {
        display: block;
        grid-column: 1;
        grid-row: 1;
    }

    .vjs-text-track-settings .vjs-track-settings-font {
        grid-column: 2;
        grid-row: 1;
    }

    .vjs-text-track-settings .vjs-track-settings-controls {
        grid-column: 2;
        grid-row: 2;
    }
}

.vjs-track-setting > select {
    margin-right: 5px;
}

.vjs-text-track-settings fieldset {
    margin: 5px;
    padding: 3px;
    border: none;
}

.vjs-text-track-settings fieldset span {
    display: inline-block;
}

.vjs-text-track-settings legend {
    color: #fff;
    margin: 0 0 5px;
}

.vjs-text-track-settings .vjs-label {
    position: absolute;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    display: block;
    margin: 0 0 5px;
    padding: 0;
    border: 0;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.vjs-track-settings-controls button:active, .vjs-track-settings-controls button:focus {
    outline-style: solid;
    outline-width: medium;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(88%, #fff), to(#73859f));
    background-image: linear-gradient(0deg, #fff 88%, #73859f);
}

.vjs-track-settings-controls button:hover {
    color: rgb(43 51 63 / .75);
}

.vjs-track-settings-controls button {
    background-color: #fff;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(88%, #fff), to(#73859f));
    background-image: linear-gradient(-180deg, #fff 88%, #73859f);
    color: #2b333f;
    cursor: pointer;
    border-radius: 2px;
}

.vjs-track-settings-controls .vjs-default-button {
    margin-right: 1em;
}

@media print {
    .video-js > :not(.vjs-tech):not(.vjs-poster) {
        visibility: hidden;
    }
}

.vjs-resize-manager {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
    visibility: hidden;
}

.loader-wrapper .loader-section {
    position: fixed;
    top: 0;
    width: 51%;
    height: 100%;
    background: #f0f0f8;
    z-index: 99;
}

.loader-wrapper .loader-section.section-left {
    left: 0;
}

.loader-wrapper .loader-section.section-right {
    right: 0;
}

.loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
    overflow: hidden;
}

.loader-wrapper.loader-absolute {
    position: absolute !important;
    visibility: visible !important;
}

.loader-wrapper.loader-wrapper--block {
    min-height: 300px;
    position: relative;
    top: 0;
}

.loader-fixed {
    position: fixed !important;
    background-color: hsl(0 0% 100% / .5) !important;
    z-index: 99999999999999 !important;
}

.loader {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border-radius: 50%;
    border: 3px solid #fff0;
    border-top-color: #633cd2;
    -webkit-animation: spin 1.7s linear infinite;
    animation: spin 1.7s linear infinite;
    z-index: 11;
}

.loader-wrapper.loader-wrapper--block .loader {
    width: 100px;
    height: 100px;
    position: absolute;
    margin: -50px 0 0 -50px;
}

.loader:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border-radius: 50%;
    border: 3px solid #fff0;
    border-top-color: #d0bfff;
    -webkit-animation: spin-reverse .6s linear infinite;
    animation: spin-reverse .6s linear infinite;
}

.loader:after {
    content: "";
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    border-radius: 50%;
    border: 3px solid #fff0;
    border-top-color: #ffb711;
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(1turn);
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn);
    }
}

@-webkit-keyframes spin-reverse {
    0% {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(-1turn);
    }
}

@keyframes spin-reverse {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(-1turn);
        transform: rotate(-1turn);
    }
}

body.loaded .loader-wrapper .loader-section.section-left {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
}

body.loaded .loader-wrapper .loader-section.section-left, body.loaded .loader-wrapper .loader-section.section-right {
    -webkit-transition: all .4s cubic-bezier(.645, .045, .355, 1) .2s;
    transition: all .4s cubic-bezier(.645, .045, .355, 1) .2s;
}

body.loaded .loader-wrapper .loader-section.section-right {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
}

body.loaded .loader-wrapper:not(.loader-wrapper--block) .loader {
    opacity: 0;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

body.loaded .loader-wrapper:not(.loader-wrapper--block) {
    visibility: hidden;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: all .3s ease-out 1s;
    transition: all .3s ease-out 1s;
}

body.small .loader-wrapper {
    -webkit-transition: all 0s ease-out .2s;
    transition: all 0s ease-out .2s;
}

body.small .loader-wrapper .loader-section {
    background-color: #fff0;
    -webkit-transition: all .2s;
    transition: all .2s;
}

.loaded--closeWait .loader-wrapper--block {
    min-height: 0;
    visibility: hidden !important;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: none !important;
}

html {
    height: 100%;
    min-width: 320px;
    overflow-x: hidden;
}

body, html.locked {
    overflow: hidden;
}

body {
    margin: 0;
    font-size: 14px;
    font-family: SegoeUI, Arial, "sans-serif";
    color: #2a3342;
    font-weight: 400;
    line-height: 1.2;
    position: relative;
    -webkit-tap-highlight-color: #fff0;
}

@media (max-width: 1023px) {
    body {
        font-size: 14px;
    }
}

@media (max-width: 767px) {
    body {
        overflow-x: visible;
    }
}

.h1, .h2, .h3, .h4, .h5, h1, h2, h3, h4, h5 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    font-size: inherit !important;
    font-weight: inherit;
    color: inherit;
}

.container {
    max-width: 1554px;
    margin: auto;
    padding: 0 25px;
    -webkit-box-sizing: content-box;
    box-sizing: inherit;
    z-index: 2;
}

@media (max-width: 1023px) {
    .container {
        padding: 0 15px;
    }
}

@media (max-width: 767px) {
    .container {
        padding: 0;
    }
}

.main {
    padding-bottom: 47px;
}

@media (max-width: 1279px) {
    .main {
        padding-bottom: 30px;
    }
}

@media (max-width: 1023px) {
    .main {
        padding-top: 135px;
    }
}

@media (max-width: 767px) {
    .main {
        padding-bottom: 23px;
    }
}

@media (max-width: 1023px) {
    .main--m {
        padding-top: 145px;
    }
}

@media (max-width: 1023px) {
    .main--m.main--black-friday, .main--m.main--new-year, .main--m.main--universal {
        padding-top: 188px;
    }
}

@media (max-width: 1023px) {
    .main--m.main--universal {
        padding-top: 195px;
    }
}

.main--m .title-1 {
    text-align: center;
}

@media (max-width: 1023px) {
    .main--m .title-1 {
        text-align: left;
    }
}

.main--s {
    padding: 0 0 73px;
}

@media (max-width: 1279px) {
    .main--s {
        padding: 0 0 63px;
    }
}

@media (max-width: 1023px) {
    .main--s {
        padding: 116px 0 53px;
    }
}

@media (max-width: 767px) {
    .main--s {
        padding:160px 0px 43px;
    }
}

@media (max-width: 767px) {
    .main--s .b-breadcrumbs + .title-1 {
        padding: 0;
    }
}

.main--action-theme {
    position: relative;
}

@media (max-width: 1023px) {
    .main--action-theme {
        background: none !important;
    }
}

@media (max-width: 1023px) {
    .main--black-friday, .main--new-year, .main--universal {
        padding-top: 190px;
    }
}

.main .warning {
    font-size: xx-large;
    color: red;
    font-weight: 700;
    margin-bottom: 20px;
}

@media (max-width: 1023px) {
    .main .warning {
        font-size: 20px;
    }
}

.i-icon {
    background-repeat: no-repeat;
    background-position: 50%;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
}

.triangle {
    position: absolute;
    right: 0;
    top: 50%;
    bottom: 0;
    width: auto;
    height: calc(100% + 2px);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.padding-right__action-theme {
    position: absolute;
    right: 0;
    top: 90px;
    max-width: 180px;
}

@media (max-width: 1800px) {
    .padding-right__action-theme {
        display: none;
    }
}

.padding-left__action-theme {
    position: absolute;
    left: 0;
    top: 90px;
    max-width: 180px;
}

@media (max-width: 1800px) {
    .padding-left__action-theme {
        display: none;
    }
}

form {
    margin-bottom: 0;
}

p {
    display: block;
    margin: 0 0 35px;
    font-size: 16px;
    line-height: 1.4;
}

@media (max-width: 767px) {
    p {
        margin: 0 0 15px;
        font-size: 14px;
    }
}

img {
    max-width: 100%;
    max-height: 100%;
}

a {
    display: inline;
    color: inherit;
    text-decoration: none;
    -webkit-transition: color .2s;
    transition: color .2s;
}

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

button {
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0;
    background: #fff0;
}

.hidden {
    display: none !important;
}

input {
    border-radius: 0;
}

input::-ms-clear {
    display: none;
}

input::-webkit-inner-spin-button, input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
}

@-webkit-keyframes autofill {
    to {
        color: #fff;
        background: #fff0;
    }
}

@-webkit-keyframes autofillInput {
    to {
        color: #fff;
        background: #fff;
    }
}

input:not(.b-form__item):-webkit-autofill {
    -webkit-animation-name: autofill;
    -webkit-animation-fill-mode: both;
}

input.b-form__item:-webkit-autofill {
    -webkit-animation-name: autofillInput;
    -webkit-animation-fill-mode: both;
}

ol, ul {
    margin: 0;
    padding: 0;
}

.c-lazy--border:not(.init), .lazy--border:not(.init) {
    border-radius: 5px;
}

.c-lazy.init:not(.lazy--replace), .lazy.init:not(.lazy--replace) {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.swiper-lazy.swiper-lazy-loaded {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

[data-show-more-content] {
    overflow: hidden;
}

[data-fix-item].scroll {
    position: fixed;
}

.styles {
    min-width: 1300px;
    max-width: 1300px;
    margin: 0 auto;
    padding: 20px;
}

.styles__item {
    position: relative;
    margin-bottom: 10px;
}

.styles__item--margin-top {
    margin-top: 10px;
}

.styles__text {
    position: absolute;
    right: calc(100% + 30px);
    top: 0;
    color: #2a3342;
    text-align: right;
    white-space: nowrap;
}

.styles__text:after {
    content: ":";
    display: inline-block;
}

.styles__products {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 688px;
    margin-left: -10px;
}

.styles__products > .p {
    width: calc(50% - 10px);
    margin-left: 10px;
}

.styles__color {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 70px;
    height: 70px;
    margin: 3px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

#panel #bx-panel {
    height: auto;
    z-index: 100000 !important;
}

@media (max-width: 1023px) {
    #panel #bx-panel {
        height: 0;
    }
}

.bx-ie .select {
    display: block;
}

.bx-ie .select > .label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.bx-ie input::-webkit-input-placeholder {
    color: #fff0 !important;
}

.bx-ie input::-moz-placeholder {
    color: #fff0 !important;
}

.bx-ie input:-ms-input-placeholder {
    color: #fff0 !important;
}

.bx-ie input::-ms-input-placeholder {
    color: #fff0 !important;
}

.bx-ie input::placeholder {
    color: #fff0 !important;
}

.bx-ios .select-scroll {
    max-height: none !important;
}

select {
    height: 60px;
    width: 100%;
    padding: 0 19px;
    border: none;
/ / font-weight: 100;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}

@media (max-width: 1023px) {
    .b-filter {
        display: none;
    }
}

.h-m-menu {
    display: none;
}

b {
    font-weight: 700 !important;
}

.mango-callback .twitter-color:before {
    background: #156cbb;
}

.mango-callback .twitter-color:after {
    background: #156cbb !important;
}

@media (max-width: 767px) {
    .thanks {
        padding: 0 18px;
    }
}

.thanks .seo__title {
    color: #fff;
}

[data-loader-wrap] {
    position: relative;
}

[data-way=down] .h-fix.fixed {
    -webkit-transform: translateY(-120px);
    -ms-transform: translateY(-120px);
    transform: translateY(-120px);
}

[data-way=down] .h-fix.fixed .b-geo-confirm__wrapper {
    display: none;
}

[data-modal] {
    pointer-events: none;
}

.p__btns [data-modal] {
    pointer-events: auto;
}

.c-popular select {
    height: 50px;
    background: #fff0;
    font-size: 13px;
    padding: 0 18px 0 10px;
    color: #156cbb;
    border: 1px solid #e8e8e8;
    border-radius: 4px;
}

@media (max-width: 1023px) {
    .c-popular select {
        height: 34px;
    }
}

.bx-ios .f-pay__items .link:nth-child(2) img {
    height: 40px;
}

@media (max-width: 1023px) {
    .bx-ios .h-m-menu.active {
        height: calc(100vh - 150px) !important;
    }
}

@media (max-width: 1023px) {
    .bx-ios .h-m-menu--black-friday.active, .bx-ios .h-m-menu--new-year.active, .bx-ios .h-m-menu--universal.active {
        height: calc(100vh - 225px) !important;
    }
}

.mango-callback .widget-wrapper.common-window.mng-wgt .widget-content .box-phone-number .currentCountry, .widget-wrapper.common-window.mng-wgt .widget-content .box-phone-number .currentCountry {
    left: -40px !important;
}

.mango-callback .widget-wrapper.common-window.mng-wgt .widget-content .currentCountry .flag, .widget-wrapper.common-window.mng-wgt .widget-content .currentCountry .flag {
    cursor: default !important;
}

@media (max-width: 1023px) {
    .loader-wrapper.loader-wrapper--block.loader-lazyload {
        width: 100%;
    }
}

.password-forgot-mail {
    margin-left: 20px;
    display: inline-block;
}

@media (max-width: 500px) {
    .password-forgot-mail {
        margin-left: 0;
        margin-top: 20px;
    }
}

.drive-warning {
    color: red;
    font-weight: 600;
    padding-right: 10px;
}

.dr-info {
    padding: 20px;
    max-width: 50%;
}

@media (max-width: 1023px) {
    .dr-info {
        max-width: 100%;
    }
}

.dr-title {
    display: block;
    font-weight: 600;
    font-size: 11px;
    line-height: 15px;
    color: #959595;
    padding-bottom: 15px;
}

.dr-title span {
    color: #2a3342;
}

.dr-title-2, .dr-title span {
    display: block;
    font-weight: 700;
    font-size: 15px;
    line-height: 20px;
}

.dr-title-2 {
    padding-bottom: 10px;
    color: #633cd2;
}

.dr-prod {
    border-bottom: 1px solid #d4d4d4;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.dr-prod-name {
    display: block;
    font-weight: 600;
    font-size: 11px;
    line-height: 15px;
    color: #959595;
    padding-bottom: 10px;
}

.dr-prod-name span {
    display: block;
    font-weight: 600;
    font-size: 13px;
    line-height: 17px;
    color: #2a3342;
}

.dr-prod-line {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.dr-prod-line > div {
    font-weight: 600;
    font-size: 11px;
    line-height: 15px;
    color: #959595;
}

.dr-prod-line > div span {
    display: block;
    font-weight: 400;
    font-size: 15px;
    line-height: 20px;
    color: #2a3342;
}

.dr-prod-line > div:last-child span {
    font-weight: 700;
    color: #633cd2;
}

.dr-bottom {
    background: #f0f0f8;
    padding: 20px;
    margin-bottom: -23px;
    max-width: 50%;
}

@media (max-width: 1023px) {
    .dr-bottom {
        max-width: 100%;
    }
}

.dr-bottom-line {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 10px;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: #959595;
}

.dr-bottom-line span {
    font-weight: 700;
    font-size: 15px;
    line-height: 20px;
    text-align: right;
    color: #2a3342;
}

.dr-bottom-line:last-of-type span {
    color: #633cd2;
}

.dr-bottom .btn {
    width: 100%;
}

.title-1 {
    display: block;
    font-size: 40px;
    font-weight: 900;
}

@media (max-width: 1279px) {
    .title-1 {
        font-size: 27px;
    }
}

@media (max-width: 1023px) {
    .title-1 {
        font-size: 23px;
    }
}

@media (max-width: 767px) {
    .title-1 {
        font-size: 19px;
    }
}

@media (max-width: 500px) {
    .title-1 {
        font-size: 17px;
    }
}

.title-1 span {
    color: #2a3342;
}

.title-1 .h1, .title-1 h1 {
    color: #252536;
}

.title-2 {
    display: block;
    font-size: 30px;
    font-weight: 900;
}

@media (max-width: 1279px) {
    .title-2 {
        font-size: 27px;
    }
}

@media (max-width: 1023px) {
    .title-2 {
    / / font-size: 42 px;
    }
}

@media (max-width: 767px) {
    .title-2 {
        font-size: 15px;
    / / font-size: 34 px;
    }
}

@media (max-width: 500px) {
    .title-2 {
    / / font-size: 22 px;
    / / font-weight: 700;
    }
}

.title-3 {
    display: block;
    font-size: 22px;
    font-weight: 900;
    line-height: 1.3;
    letter-spacing: -.6px;
}

@media (max-width: 1279px) {
    .title-3 {
    / / font-size: 32 px;
    }
}

@media (max-width: 767px) {
    .title-3 {
        font-size: 14px;
    / / font-size: 28 px;
    }
}

@media (max-width: 500px) {
    .title-3 {
    / / font-size: 24 px;
    }
}

.title-3 span {
    color: #2a3342;
}

.title-padding {
    margin-top: 40px;
}

@media (max-width: 1023px) {
    .title-padding {
        padding: 0 15px;
    }
}

@media (min-width: 1801px) {
    :root {
        --lists-item-fz: 16px;
    }
}

@media (max-width: 1800px) {
    :root {
        --lists-item-fz: 16px;
    }
}

@media (max-width: 767px) {
    :root {
        --lists-item-fz: 12px;
    }
}

.static ul {
    list-style-type: none;
}

.static ul > li {
    width: 100%;
    padding-left: 24px;
    position: relative;
}

.static ul > li:not(:last-child) {
    margin-bottom: 10px;
}

.static ul > li:before {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    position: absolute;
    left: 0;
    top: 8px;
    border-radius: 0;
    background: #156cbb;
}

.static ul + .toggle {
    margin-top: 30px;
}

.static ol {
    counter-reset: li;
    list-style-type: none;
}

.static ol > li {
    position: relative;
    margin-top: 10px;
}

.static ol > li:before {
    counter-increment: li;
    content: counters(li, "") ".";
    font-weight: 700;
    color: #156cbb;
}

.static ol > li > ol > li:before {
    content: counters(li, ".") ".";
}

.static ol > li p {
    margin-bottom: 10px;
}

.static ol > li .title-3 {
    display: inline-block;
    margin-bottom: 10px;
}

.static ol, .static ul {
    font-size: var(--lists-item-fz);
}

.static ol a, .static ul a {
    color: #156cbb;
}

.static ol a:hover, .static ul a:hover {
    color: #ffb711;
}

.static ol > li:before, .static ul > li:before {
    margin-right: 11px;
}

.static ol > li > ol > li, .static ol > li > ul > li, .static ul > li > ol > li, .static ul > li > ul > li {
    padding-left: 34px;
}

.static p .orange {
    color: #ffa011;
}

.static p .blue {
    color: #156cbb;
}

.static .table-container {
    overflow-x: auto;
}

.static table {
    display: table;
    width: 100%;
    border-collapse: collapse;
}

@media (max-width: 767px) {
    .static table {
        border-collapse: separate;
        border-spacing: 0 10px;
    }
}

.static td, .static th {
    padding: 20px 50px;
}

@media (max-width: 1279px) {
    .static td, .static th {
        padding: 20px 30px;
    }
}

@media (max-width: 767px) {
    .static td, .static th {
        white-space: nowrap;
        padding: 0 15px;
    }
}

@media (max-width: 767px) {
    .static tr {
        border-bottom: 1px solid #f8f8f8;
    }
}

.static tr:nth-child(odd):not(:first-child) {
    background-color: #f4f5f7;
}

@media (max-width: 767px) {
    .static tr:nth-child(odd):not(:first-child) {
        background-color: #fff0;
    }
}

.static tr:first-child {
    text-align: left;
    font-weight: 700;
    font-size: 22px;
}

@media (max-width: 1279px) {
    .static tr:first-child {
        font-size: 18px;
    }
}

@media (max-width: 1023px) {
    .static tr:first-child {
        font-size: 16px;
    }
}

.static td {
    font-size: 15px;
}

@media (max-width: 767px) {
    .static td {
        padding: 10px 15px;
    }
}

.static td:first-child {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

@media (max-width: 767px) {
    .static td:first-child span {
        padding: 0 0 5px;
    }
}

.static td:last-child {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

@media (max-width: 767px) {
    .static td:nth-child(odd) {
        background-color: #f4f5f7;
    }
}

.static td span {
    display: none;
    font-weight: 700;
    font-size: 16px;
}

@media (max-width: 767px) {
    .static td span {
        display: block;
        padding: 5px 0;
        color: #8e8e8e;
        font-weight: 400;
    }
}

.plus {
    position: relative;
    width: 24px;
    height: 24px;
    padding: 24px;
    cursor: pointer;
}

.plus.active:before {
    height: 2px;
}

.plus:hover:after, .plus:hover:before {
    background-color: #99f;
}

.plus:after, .plus:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 2px;
    height: 24px;
    margin: auto;
    background-color: #156cbb;
    border-radius: 5px;
    -webkit-transition: .2s;
    transition: .2s;
}

.plus:after {
    -webkit-transform: rotate(90deg) translateZ(0);
    transform: rotate(90deg) translateZ(0);
}

.plus--cross:before {
    -webkit-transform: rotate(-45deg) translateZ(0);
    transform: rotate(-45deg) translateZ(0);
}

.plus--cross:after {
    -webkit-transform: rotate(45deg) translateZ(0);
    transform: rotate(45deg) translateZ(0);
}

.b-checkbox {
    display: block;
    margin-right: 40px;
/ / margin-bottom: 15 px;
    cursor: pointer;
    position: relative;
}

@media (max-width: 500px) {
    .b-checkbox {
        margin-right: 10px;
    }
}

.b-checkbox--radio {
    display: inline-block;
}

.b-checkbox--radio .b-checkbox__input:checked:not(.disabled) + .b-checkbox__box {
    background-color: #fff;
    border-color: #156cbb;
}

.b-checkbox--radio .b-checkbox__input:checked:not(.disabled) + .b-checkbox__box:after {
    background-color: #fff;
}

.b-checkbox--radio .b-checkbox__box {
    border-radius: 50%;
}

.b-checkbox--radio .b-checkbox__box:after {
    border-radius: 50%;
}

.b-checkbox__input {
    display: none;
}

.b-checkbox__input:checked:not(.disabled) + .b-checkbox__box {
    -webkit-transition: all .3s;
    transition: all .3s;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    background-color: #156cbb !important;
}

.b-checkbox__input:checked:not(.disabled) + .b-checkbox__box .b-checkbox__border {
    opacity: 1;
}

.b-checkbox__input:checked:not(.disabled) + .b-checkbox__box .b-checkbox__line:after {
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
}

.b-checkbox__input:checked:not(.disabled) + .b-checkbox__box .b-checkbox__line--short:after {
    -webkit-transition: all .15s;
    transition: all .15s;
    -webkit-transition-delay: .15s;
    transition-delay: .15s;
}

.b-checkbox__input:checked:not(.disabled) + .b-checkbox__box .b-checkbox__line--long:after {
    -webkit-transition: all .15s;
    transition: all .15s;
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
}

.b-checkbox__input.disabled + .b-checkbox__box {
    background-color: #24b232;
    cursor: default;
}

.b-checkbox__input.disabled + .b-checkbox__box:after {
    content: none;
}

.b-checkbox__input.disabled + .b-checkbox__box + .b-checkbox__text {
    cursor: default;
}

.b-checkbox__label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    cursor: pointer;
}

.b-checkbox__label.disabled {
    cursor: default;
}

@media (min-width: 1024px) {
    .b-checkbox__label:hover:not(.disabled) .b-checkbox__box {
        opacity: .7;
    }

    .b-checkbox__label:hover:not(.disabled) .b-checkbox__text {
        color: #99f;
    }
}

.b-checkbox__box {
    display: block;
    min-width: 22px;
    max-width: 22px;
    height: 22px;
    margin-right: 15px;
    position: relative;
    border-radius: 4px;
    border: 1px solid #e5e6e8;
    background-color: #fff;
    -webkit-transition: border-color .2s, background-color .2s;
    transition: border-color .2s, background-color .2s;
    cursor: pointer;
}

@media (max-width: 767px) {
    .b-checkbox__box {
        margin: 2px 10px 2px 0;
    }
}

.b-checkbox__box:after {
    content: "";
    width: 8px;
    height: 8px;
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 1px;
    background-color: #fff0;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    -webkit-transition: background-color .2s;
    transition: background-color .2s;
}

.b-checkbox__border {
    position: absolute;
    top: -5px;
    left: -5px;
    width: calc(100% + 10px);
    height: calc(100% + 10px);
    border: 2px solid #156cbb;
    border-radius: 50%;
    opacity: 0;
    -webkit-transition: .3s;
    transition: .3s;
}

.b-checkbox__line {
    position: absolute;
    left: 50%;
    -webkit-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom;
    width: 2px;
}

.b-checkbox__line:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: -1px;
    right: 1px;
    border-radius: 13px;
    background-color: #fff;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
}

.b-checkbox__line--short {
    bottom: 13%;
    height: 7px;
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    -ms-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg);
}

.b-checkbox__line--short:after {
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
    -webkit-transition: .15s;
    transition: .15s;
    -webkit-transition-delay: .15s;
    transition-delay: .15s;
}

.b-checkbox__line--long {
    bottom: calc(11% - 1px);
    height: 10px;
    -webkit-transform: translate(-50%, -50%) rotate(35deg);
    -ms-transform: translate(-50%, -50%) rotate(35deg);
    transform: translate(-50%, -50%) rotate(35deg);
}

.b-checkbox__line--long:after {
    -webkit-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom;
    -webkit-transition: .15s;
    transition: .15s;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

.b-checkbox__text {
    line-height: 1.5;
    font-size: 16px;
    -webkit-transition: .3s;
    transition: .3s;
}

@media (max-width: 767px) {
    .b-checkbox__text {
        font-size: 14px;
    }
}

.cookie-alert {
    max-width: 471px;
    margin: 0;
    padding: 20px 25px;
    position: fixed;
    bottom: 10px;
    right: 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    z-index: 11 !important;
    background-color: #156cbb;
    -webkit-box-shadow: 0 3px 6px rgb(0 0 0 / .16);
    box-shadow: 0 3px 6px rgb(0 0 0 / .16);
    border-radius: 13px;
    color: #d0bfff;
    font-size: 15px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

@media (max-width: 500px) {
    .cookie-alert {
        left: 10px;
    }
}

.cookie-alert:not(.hidden) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.cookie-alert div {
    max-width: 100%;
}

.cookie-alert .plus--cross {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 20px;
    margin: auto;
}

@media (max-width: 767px) {
    .cookie-alert .plus--cross {
        right: 5px;
    }
}

.cookie-alert .link {
    color: #fff;
    -webkit-text-decoration: underline #fff0;
    text-decoration: underline #fff0;
    -webkit-transition: -webkit-text-decoration .2s;
    transition: -webkit-text-decoration .2s;
    transition: text-decoration .2s;
    transition: text-decoration .2s, -webkit-text-decoration .2s;
}

.cookie-alert .link:hover {
    -webkit-text-decoration-color: currentColor;
    text-decoration-color: currentColor;
}

.cookie-alert .btn {
    margin-top: 21px;
    padding: 15px 50px;
}

@media (min-width: 1801px) {
    :root {
        --item-w-f: 25%;
    }
}

@media (max-width: 1800px) {
    :root {
        --item-w-f: 33.33%;
    }
}

@media (max-width: 1023px) {
    :root {
        --item-w-f: 50%;
    }
}

@media (max-width: 1023px) {
    .sect--card {
        margin-right: -15px;
        margin-left: -15px;
    }
}

.sect--card .p__img img {
    font-family: "object-fit:contain";
    -o-object-fit: contain;
    object-fit: contain;
}

.ps {
    overflow: hidden !important;
    overflow-anchor: none;
    -ms-touch-action: auto;
    touch-action: auto;
    position: relative;
}

.ps__rail-x {
    height: 15px;
    bottom: 0;
}

.ps__rail-x, .ps__rail-y {
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    transition: background-color .2s linear, opacity .2s linear;
    position: absolute;
    z-index: 3;
}

.ps__rail-y {
    display: none;
    background: #d4d4d4;
    border-radius: 5px;
    width: 6px;
    right: 0;
}

.ps--active-x > .ps__rail-x, .ps--active-y > .ps__rail-y {
    display: block;
}

.ps__thumb-x {
    border-radius: 0;
    -webkit-transition: background-color .2s linear, height .2s ease-in-out;
    transition: background-color .2s linear, height .2s ease-in-out;
    height: 3px;
    bottom: 2px;
}

.ps__thumb-x, .ps__thumb-y {
    background-color: #156cbb;
    position: absolute;
}

.ps__thumb-y {
    border-radius: 5px;
    -webkit-transition: background-color .2s linear, width .2s ease-in-out;
    transition: background-color .2s linear, width .2s ease-in-out;
    width: 6px;
    right: 0;
}

.selectize-dropdown-content .ps__thumb-y {
    background-color: #156cbb;
}

.selectize-dropdown-content .ps__rail-y {
    z-index: 1000;
}

.title-search-result {
    display: none;
    width: calc(100vw - 538px) !important;
    max-width: 1097px;
    margin-top: 10px;
    background-color: #fff;
    -webkit-box-shadow: 0 10px 13px rgb(83 58 175 / .12);
    box-shadow: 0 10px 13px rgb(83 58 175 / .12);
    border-radius: 4px;
    overflow: hidden;
    z-index: 1000;
}

@media (max-width: 1800px) {
    .title-search-result {
        width: calc(100vw - 448px) !important;
        max-width: 1160px;
    }
}

@media (max-width: 1500px) {
    .title-search-result {
        width: calc(100vw - 448px) !important;
    }
}

@media (max-width: 1279px) {
    .title-search-result {
        width: calc(100% - 50px) !important;
        left: 25px !important;
        right: 25px !important;
    }
}

@media (max-width: 1023px) {
    .title-search-result {
        width: 100% !important;
        height: 100vh;
        overflow-y: auto;
        left: 0 !important;
        top: 0 !important;
        margin-top: 0;
        border-radius: 0;
    }
}

.title-search:not(:last-child) {
    padding-bottom: 5px;
    margin-bottom: 5px;
}

.title-search__title {
    margin-bottom: 10px;
    color: #8e8e8e;
}

.title-search-all {
    padding-top: 15px;
    margin-top: 5px;
}

.title-search-all .link-more {
    color: #8e8e8e;
    font-size: 14px;
}

.title-search-all .link-more:hover {
    color: #99f;
}

.title-search-all .link-more:hover:after, .title-search-all .link-more:hover:before {
    background-color: #99f;
}

.title-search-all .link-more:before {
    -webkit-transform: translateY(4px) rotate(-45deg);
    -ms-transform: translateY(4px) rotate(-45deg);
    transform: translateY(4px) rotate(-45deg);
}

.title-search-all .link-more:after, .title-search-all .link-more:before {
    left: 105px;
    background-color: #8e8e8e;
}

.title-search-all .link-more span {
    -webkit-transition: none;
    transition: none;
}

.title-search_main:not(:first-child) {
    margin-top: 15px;
}

.title-search-item b {
    color: #68b8e6;
}

.title-search-item a:hover {
    color: #156cbb;
}

.m-s-best {
    width: auto;
    overflow-x: auto;
    margin: 40px 0 30px -20px;
}
button.uk-button.uk-button-primary.btn.btn--transparent.btn--small img {
    display: none;
}
button.uk-button.uk-button-primary.btn.btn--transparent.btn--small span {
    color: inherit;
    margin-bottom: 0;
    width: 100%;
    font-weight: 600;
}
@media (max-width: 767px) {
    .products-list .uk-margin .btn--small {
        border: 0;
    }
    button.uk-button.uk-button-primary.btn.btn--transparent.btn--small span {
        display: none;
    }

    button.uk-button.uk-button-primary.btn.btn--transparent.btn--small img {
        display: block;
        width: 30px;
    }
    .m-s-best {
        margin: 20px 0 10px 20px;
    }
    .p__inner.active.p__inner--no-buttons {
        padding: 0 5px;
    }
    .p__title {
        min-height: 62px !important;
        -webkit-line-clamp: 4 !important;
    }

}

.m-s-best__header {
    display: block;
    font-size: 40px;
    font-weight: 900;
    color: #2a3342;
    text-align: center;
}

@media (max-width: 1279px) {
    .m-s-best__header {
        font-size: 27px;
    }
}

@media (max-width: 1023px) {
    .m-s-best__header {
        font-size: 23px;
    }
}

@media (max-width: 767px) {
    .m-s-best__header {
        font-size: 17px;
        margin: 0 20px;
        text-align: left;
    }
}

.m-s-best__wrapper {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 767px) {
    .m-s-best__wrapper {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        width: auto;
    }

    .m-s-best__wrapper .m-s-best__item {
        width: 160px;
    }

    .m-s-best__wrapper .m-s-best__item .p__img {
        height: 110px;
    }
}

.m-s-best__wrapper .tag--360 {
    top: 20px;
    right: 20px;
}

@media (max-width: 767px) {
    .m-s-best__wrapper .tag--360 {
        display: none;
    }
}

.m-s-best__wrapper .tag--360 picture {
    width: 40px;
    height: 40px;
    -o-object-fit: contain;
    font-family: "object-fit:contain";
    object-fit: contain;
}

.m-s-best__b-item {
    width: calc(20% - 20px);
    margin: 0 0 20px 20px;
}

@media (max-width: 1023px) {
    .m-s-best__b-item:nth-child(5) {
        display: none;
    }
}

@media (max-width: 767px) {
    .m-s-best__b-item:nth-child(5) {
        display: block;
    }
}

@media (max-width: 1023px) {
    .m-s-best__b-item:nth-child(6) {
        display: none;
    }
}

@media (max-width: 767px) {
    .m-s-best__b-item:nth-child(6) {
        display: block;
    }
}

@media (max-width: 1279px) {
    .m-s-best__b-item:nth-child(7) {
        display: none;
    }
}

@media (max-width: 767px) {
    .m-s-best__b-item:nth-child(7) {
        display: block;
    }
}

@media (max-width: 1279px) {
    .m-s-best__b-item:nth-child(8) {
        display: none;
    }
}

@media (max-width: 767px) {
    .m-s-best__b-item:nth-child(8) {
        display: block;
    }
}

@media (max-width: 1500px) {
    .m-s-best__b-item:nth-child(9) {
        display: none;
    }
}

@media (max-width: 767px) {
    .m-s-best__b-item:nth-child(9) {
        display: block;
    }
}

@media (max-width: 1500px) {
    .m-s-best__b-item:nth-child(10) {
        display: none;
    }
}

@media (max-width: 767px) {
    .m-s-best__b-item:nth-child(10) {
        display: block;
    }
}

@media (max-width: 1500px) {
    .m-s-best__b-item {
        width: calc(25% - 20px);
    }
}

@media (max-width: 1279px) {
    .m-s-best__b-item {
        width: calc(33.33333% - 20px);
    }
}

@media (max-width: 1023px) {
    .m-s-best__b-item {
        width: calc(50% - 20px);
        height: 400px;
    }
}

@media (max-width: 767px) {
    .m-s-best__b-item {
        width: 160px;
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        height: auto;
    }
}

@media (max-width: 767px) {
    .m-s-best__b-item:first-child {
        margin-left: 0;
    }
}

.m-s-best__item {
    width: 100%;
    height: 100%;
    border: 1px solid #e8e8e8;
    border-radius: 12px;
    position: relative;
    overflow: hidden;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

@media (max-width: 767px) {
    .m-s-best__item {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        border: none;
        padding: 0 20px 0 0;
        margin: 0;
        border-radius: 0;
    }
}

.m-s-best__item:nth-of-type(n+11) {
    display: none;
}

@media (min-width: 1024px) {
    .m-s-best__item:hover {
        -webkit-box-shadow: 0 14px 13px rgb(0 0 0 / .05);
        box-shadow: 0 14px 13px rgb(0 0 0 / .05);
    }
}

.m-s-best__item picture {
    width: 100%;
    height: 100%;
    font-family: "object-fit:contain";
    -o-object-fit: contain;
    object-fit: contain;
}

.m-s-best__item .p__img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 232px;
    margin: 0 0 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: var(--border-radius) var(--border-radius) 0 0;
    position: relative;
    overflow: hidden;
}

.m-s-best__heart {
    position: absolute;
    top: 0;
    right: 0;
    display: none;
}

@media (max-width: 767px) {
    .m-s-best__heart {
        display: block;
        right: 20px;
    }
}

.m-s-best__heart.active path {
    fill: #156cbb;
}

.m-s-best__description {
    padding: 0 20px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

@media (max-width: 767px) {
    .m-s-best__description {
        padding: 0 0 0 5px;
    }
}

.m-s-best__description .p__top {
    min-height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 767px) {
    .m-s-best__description .p__top {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

.m-s-best__description .p__top .p__info {
    min-height: 19px;
    margin-bottom: 7px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 767px) {
    .m-s-best__description .p__top .p__info {
        min-height: 15px;
    }
}

.m-s-best__description .p__top .order-item__status--d {
    font-weight: 600;
    color: #2f9a41;
    margin: 4px 0 0 15px;
}

.m-s-best__description .p__top .rating svg {
    width: 13px;
    height: 13px;
}

@media (max-width: 767px) {
    .m-s-best__description .p__top .rating svg {
        width: 10px;
        height: 10px;
    }
}

.m-s-best__price {
    margin-bottom: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 767px) {
    .m-s-best__price {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        height: 52px;
        margin-bottom: 8px;
    }
}

.m-s-best__price span {
    display: block;
    font-weight: 700;
    white-space: nowrap;
}

.m-s-best__price .cost {
    color: #2a3342;
    margin-right: 10px;
    font-size: 20px;
    line-height: 27px;
    width: 100%;
}

@media (max-width: 767px) {
    .m-s-best__price .cost {
        margin-right: 0;
        margin-bottom: 3px;
        font-size: 16px;
        line-height: 21px;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
}

.m-s-best__price .cost.discount {
    color: #f53a27;
    width: 100%;
}

.m-s-best__price .sale {
    font-size: 16px;
    color: #d4d4d4;
    text-decoration: line-through;
}

@media (max-width: 767px) {
    .m-s-best__price .sale {
        width: auto;
        font-weight: 400;
        font-size: 12px;
        margin-bottom: 3px;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
}

.m-s-best__price .price__sale {
    margin-bottom: 0;
    margin-left: 16px;
    padding: 3px 11px;
    border-radius: 4px;
    background-image: url(bg_sale_s.svg);
    background-repeat: no-repeat;
    background-position: 0;
    background-size: cover;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
}

@media (max-width: 1115px) {
    .m-s-best__price .price__sale {
        margin-left: 2px;
        padding: 3px 5px;
    }
}

@media (max-width: 1023px) {
    .m-s-best__price .price__sale {
        margin-left: 16px;
        padding: 3px 7px;
    }
}

@media (max-width: 815px) {
    .m-s-best__price .price__sale {
        margin-left: 3px;
        padding: 3px 5px;
    }
}

@media (max-width: 767px) {
    .m-s-best__price .price__sale {
        margin-left: 17px;
        padding: 2px 5px 2px 8px;
        font-size: 9px;
        margin-bottom: 3px;
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }
}

.m-s-best__label {
    position: absolute;
    top: -55px;
    left: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 24px;
}

@media (max-width: 1023px) {
    .m-s-best__label {
        top: -40px;
    }
}

@media (max-width: 767px) {
    .m-s-best__label {
        display: none;
    }
}

.m-s-best__label-item {
    padding: 4px 6px;
    color: #fff;
    border-radius: 3px;
    font-weight: 700;
    font-size: 12px;
    line-height: 1.3;
    background-color: #000;
}

.m-s-best__label-item:not(:first-child) {
    margin-left: 5px;
}

.m-s-best__label-item.hit {
    color: #000;
    background-color: #ffb711;
}

.m-s-best__label-item.choice {
    color: #fff;
    background-color: #2f9a41;
}

.m-s-best__label-item.new {
    color: #fff;
    background-color: #99f;
}

.m-s-best__label-item.sale {
    color: #fff;
    background-color: #2a3342;
}

.m-s-best__title {
    display: block;
    margin-bottom: 17px;
    font-size: 15px;
    line-height: 20px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-transition: .2s;
    transition: .2s;
}

@media (min-width: 1024px) {
    .m-s-best__title:hover {
        color: #156cbb;
    }
}

@media (max-width: 767px) {
    .m-s-best__title {
        height: 54px;
        -webkit-line-clamp: 3;
        font-size: 13px;
        line-height: 17px;
        margin-bottom: 5px;
    }
}

.m-s-best__btns {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
    margin-top: 10px;
    display: none;
}

@media (max-width: 767px) {
    .m-s-best__btns {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

.m-s-best__btns .best.btn.btn--buy {
    width: 42px;
    height: 42px;
    color: #fff;
    background-color: #156cbb;
    border: 2px solid #156cbb;
    margin: 0;
    padding: 0;
}

.m-s-best__btns .best.btn.btn--buy svg.i-icon {
    width: 15px;
    height: 15px !important;
    margin-right: -1px;
    margin-left: 4px;
}

.m-s-best__btns .best.btn.btn--buy svg.i-icon path {
    fill: #fff;
}

.m-s-best__btns .best.btn.btn--buy .galochka {
    width: 11px;
    display: none;
}

.m-s-best__btns .best.btn.btn--buy .galochka :not(g) {
    fill: #fff0;
}

.m-s-best__btns .best.btn.btn--buy.active {
    background-color: #fff;
    color: #156cbb;
}

.m-s-best__btns .best.btn.btn--buy.active svg.i-icon {
    margin-right: -1px;
    margin-left: 5px;
}

.m-s-best__btns .best.btn.btn--buy.active svg.i-icon path {
    fill: #156cbb;
}

.m-s-best__btns .best.btn.btn--buy.active .galochka {
    width: 11px;
    height: 9px !important;
    display: block;
}

.m-s-best__btns .btn-text {
    font-size: 12px;
    line-height: 16px;
    color: #156cbb;
    border-bottom: 1px dashed #156cbb;
}

.m-s-best__btns .plus1 {
    color: #fff;
    margin-bottom: 4px;
}

.m-s-best__video {
    height: 430px;
}

.m-s-best__video-cooperation {
    height: 600px;
}

.m-s-best__video, .m-s-best__video-cooperation {
    position: relative;
    width: 100%;
    margin: 90px 0;
    cursor: pointer;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 12px;
}

@media (max-width: 767px) {
    .m-s-best__video, .m-s-best__video-cooperation {
        width: calc(100% - 40px);
        height: 189px;
        margin: 60px 20px;
        border-radius: 8px;
    }
}

@media (min-width: 1024px) {
    .m-s-best__video-cooperation:hover .video-block-btn-wrapper .video-block-btn, .m-s-best__video:hover .video-block-btn-wrapper .video-block-btn {
        background: #f0f0f8;
    }

    .m-s-best__video-cooperation:hover .video-block-btn-wrapper .video-block-btn .video-block-btn-arrow *, .m-s-best__video:hover .video-block-btn-wrapper .video-block-btn .video-block-btn-arrow * {
        fill: #156cbb;
        stroke: #156cbb;
    }
}

.m-s-best__video-cooperation .video-js, .m-s-best__video .video-js {
    width: 100%;
    height: 100%;
    border-radius: 12px;
}

.m-s-best__video-cooperation .video-js.vjs-has-started ~ .video-block-btn-wrapper, .m-s-best__video-cooperation .video-js.vjs-has-started ~ .video-block-middle, .m-s-best__video-cooperation .video-js.vjs-has-started ~ .video-block-poster, .m-s-best__video-cooperation .video-js.vjs-playing ~ .video-block-btn-wrapper, .m-s-best__video-cooperation .video-js.vjs-playing ~ .video-block-middle, .m-s-best__video-cooperation .video-js.vjs-playing ~ .video-block-poster, .m-s-best__video .video-js.vjs-has-started ~ .video-block-btn-wrapper, .m-s-best__video .video-js.vjs-has-started ~ .video-block-middle, .m-s-best__video .video-js.vjs-has-started ~ .video-block-poster, .m-s-best__video .video-js.vjs-playing ~ .video-block-btn-wrapper, .m-s-best__video .video-js.vjs-playing ~ .video-block-middle, .m-s-best__video .video-js.vjs-playing ~ .video-block-poster {
    display: none;
}

.m-s-best__video-cooperation .video-js .vjs-big-play-button, .m-s-best__video-cooperation .video-js .vjs-volume-control .vjs-mouse-display, .m-s-best__video .video-js .vjs-big-play-button, .m-s-best__video .video-js .vjs-volume-control .vjs-mouse-display {
    display: none;
}

.m-s-best__video-cooperation .video-js iframe, .m-s-best__video .video-js iframe {
    border-radius: 12px;
}

.m-s-best__video-cooperation img, .m-s-best__video img {
    width: 100%;
    height: 100%;
    font-family: "object-fit:cover";
    -o-object-fit: cover;
    object-fit: cover;
}

.m-s-best__video-cooperation .video-block-poster, .m-s-best__video .video-block-poster {
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    width: 100%;
    height: 100%;
}

.m-s-best__video-cooperation .video-block-poster img, .m-s-best__video-cooperation .video-block-poster picture, .m-s-best__video .video-block-poster img, .m-s-best__video .video-block-poster picture {
    width: 100%;
    height: 100%;
    font-family: "object-fit:cover";
    -o-object-fit: cover;
    object-fit: cover;
}

.m-s-best__video-cooperation .video-block-middle, .m-s-best__video .video-block-middle {
    position: absolute;
    width: calc(50% + 82px);
    height: 154px;
    background: hsl(0 0% 100% / .8);
    top: calc(50% - 77px);
    right: 0;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    border-radius: 12px 0 0 12px;
    pointer-events: none;
}

@media (max-width: 767px) {
    .m-s-best__video-cooperation .video-block-middle, .m-s-best__video .video-block-middle {
        display: none;
    }
}

.m-s-best__video-cooperation .video-block-btn-wrapper, .m-s-best__video .video-block-btn-wrapper {
    position: absolute;
    top: calc(50% - 42px);
    left: calc(50% - 42px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    pointer-events: none;
}

@media (max-width: 767px) {
    .m-s-best__video-cooperation .video-block-btn-wrapper, .m-s-best__video .video-block-btn-wrapper {
        top: calc(50% - 30.5px);
        left: calc(50% - 30.5px);
    }
}

.m-s-best__video-cooperation .video-block-btn-wrapper .video-block-btn, .m-s-best__video .video-block-btn-wrapper .video-block-btn {
    min-width: 84px;
    width: 84px;
    height: 84px;
    background-color: #156cbb;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: .2s;
    transition: .2s;
}

@media (max-width: 767px) {
    .m-s-best__video-cooperation .video-block-btn-wrapper .video-block-btn, .m-s-best__video .video-block-btn-wrapper .video-block-btn {
        min-width: 61px;
        width: 61px;
        height: 61px;
        z-index: 2;
    }
}

.m-s-best__video-cooperation .video-block-btn-wrapper .video-block-btn-arrow, .m-s-best__video .video-block-btn-wrapper .video-block-btn-arrow {
    margin-left: 8px;
}

@media (max-width: 767px) {
    .m-s-best__video-cooperation .video-block-btn-wrapper .video-block-btn-arrow, .m-s-best__video .video-block-btn-wrapper .video-block-btn-arrow {
        width: 22px;
        height: 22px;
        margin-left: 5px;
    }
}

.m-s-best__video-cooperation .video-block-btn-wrapper .video-block-btn-title, .m-s-best__video .video-block-btn-wrapper .video-block-btn-title {
    font-size: 35px;
    font-weight: 900;
    color: #156cbb;
    margin-left: 32px;
}

@media (max-width: 767px) {
    .m-s-best__video-cooperation .video-block-btn-wrapper .video-block-btn-title, .m-s-best__video .video-block-btn-wrapper .video-block-btn-title {
        display: none;
    }
}

.m-s-best__video-cooperation .video-block-btn-wrapper:after, .m-s-best__video .video-block-btn-wrapper:after {
    content: "";
    min-width: 87px;
    width: 87px;
    height: 87px;
    display: none;
    position: absolute;
    top: -13px;
    left: -13px;
    background: #a697f4;
    opacity: .4;
    border-radius: 50%;
}

@media (max-width: 767px) {
    .m-s-best__video-cooperation .video-block-btn-wrapper:after, .m-s-best__video .video-block-btn-wrapper:after {
        display: block;
    }
}

.m-s-best__video-cooperation .vjs-poster, .m-s-best__video .vjs-poster {
    width: 100%;
    height: 100%;
}

.m-s-best__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 767px) {
    .m-s-best__items {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        width: auto;
    }

    .m-s-best__items .m-s-best__b-item {
        width: 140px;
    }

    .m-s-best__items .m-s-best__b-item .p__img {
        height: 110px;
    }
}

.m-s-best.m-s-best--watched .m-s-best__b-item {
    height: 360px;
}

@media (max-width: 1500px) {
    .m-s-best.m-s-best--watched .m-s-best__b-item {
        height: 350px;
    }
}

@media (max-width: 1365px) {
    .m-s-best.m-s-best--watched .m-s-best__b-item {
        height: 310px;
    }
}

@media (max-width: 1023px) {
    .m-s-best.m-s-best--watched .m-s-best__b-item {
        height: 330px;
    }
}

.m-s-best.m-s-best--watched .m-s-best__b-item .p {
    height: 360px;
}

@media (max-width: 1500px) {
    .m-s-best.m-s-best--watched .m-s-best__b-item .p {
        height: 350px;
    }
}

@media (max-width: 1365px) {
    .m-s-best.m-s-best--watched .m-s-best__b-item .p {
        height: 310px;
    }
}

@media (max-width: 1023px) {
    .m-s-best.m-s-best--watched .m-s-best__b-item .p {
        height: 330px;
    }
}

.m-s-best__skeleton-box .m-s-best__header {
    max-width: 300px;
}

.m-s-best__skeleton-box .m-s-best__header, .m-s-best__skeleton-box .p__img, .m-s-best__skeleton-box .p__info, .m-s-best__skeleton-box .p__title, .m-s-best__skeleton-box .price {
    background-color: #e2e5e7;
    background-image: -webkit-gradient(linear, left top, right top, from(#fff0), color-stop(hsl(0 0% 100% / .5)), to(#fff0));
    background-image: linear-gradient(90deg, #fff0, hsl(0 0% 100% / .5), #fff0);
    background-size: 40px 100%;
    background-repeat: no-repeat;
    background-position: left -40px top 0;
    -webkit-animation: shine 1s ease infinite;
    animation: shine 1s ease infinite;
}

.price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 767px) {
    .price {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.price:not(.price-has-old) span:first-of-type:not(:last-child) {
    color: #2a3342;
}

@media (max-width: 1279px) {
    .price:not(.price-has-old) span:first-of-type:not(:last-child) {
        width: auto;
    }
}

.price__sale {
    margin-bottom: 5px;
    padding: 3px 11px;
    border-radius: 4px;
    background-image: url(bg_sale_s.svg);
    background-repeat: no-repeat;
    background-position: 0;
    background-size: cover;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
}

@media (max-width: 767px) {
    .price__sale {
        padding: 2px 5px 2px 8px;
        font-size: 9px;
    }
}

.price span {
    display: block;
    margin-right: 10px;
    font-weight: 700;
    white-space: nowrap;
}

.price span:first-of-type {
    font-size: 20px;
}

@media (max-width: 1800px) {
    .price span:first-of-type {
        width: auto;
        font-size: 16px;
    }
}

.price span:first-of-type:not(:last-child) {
    color: #f53a27;
}

.price span:first-of-type:last-of-type {
/ / color: var(--blue-d);
}

.price span:last-of-type:not(:first-of-type) {
    font-size: 16px;
    color: #d4d4d4;
    text-decoration: line-through;
}

@media (max-width: 767px) {
    .price span:last-of-type:not(:first-of-type) {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        width: 100%;
        font-size: 12px;
        font-weight: 400;
    }
}

.price span:last-of-type {
    margin-right: 16px;
}

@media (min-width: 1801px) {
    :root {
        --tag-width: 27px;
        --tag-height: 82px;
    }
}

@media (max-width: 1800px) {
    :root {
        --tag-width: 27px;
        --tag-height: 82px;
    }
}

@media (max-width: 767px) {
    :root {
        --tag-width: 27px;
        --tag-height: 82px;
    }
}

@media (max-width: 500px) {
    :root {
        --tag-width: 15px;
        --tag-height: 45px;
    }
}

.tag {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    pointer-events: none;
}

.tag:not(.tag--360) {
    padding: 4px 6px;
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    background-color: #2a3342;
    border-radius: 3px;
    position: relative;
}

.tag:not(.tag--360):not(:last-of-type) {
    margin-right: 5px;
}

.tag.tag--hit {
    color: #2a3342;
    background-color: #ffb711;
}

.tag.tag--rec {
    color: #fff;
    background-color: #2f9a41;
}

.tag.tag--new {
    color: #fff;
    background-color: #99f;
}

.tag.tag--sale {
    color: #fff;
    background-color: #c11a1a;
}

.tag.tag--v {
    height: 82px;
}

.tag.tag--v, .tag.tag--w {
    width: 100%;
    display: inline-block;
    background-size: auto;
    background-repeat: no-repeat;
    background-color: #fff0;
    color: #fff0;
    padding: 0;
    border-radius: 0;
}

.tag.tag--w {
    height: 20px;
}

.tag__wrapper {
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.tag--360 {
    width: var(--tag-360-size);
    height: var(--tag-360-size);
    border-radius: 50%;
    background-color: #e3efff;
}

.tag--360 img {
    width: 40px;
    height: 40px;
    font-family: "object-fit:contain";
    -o-object-fit: contain;
    object-fit: contain;
}

@media (max-width: 767px) {
    .tag--360 img {
        width: 22px;
        height: 22px;
    }
}

.tag--360 img:not(.init) {
    border-radius: 50%;
}

.order-t {
    font-size: 15px;
}

.order-t__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 var(--order-pv) 12px;
}

@media (max-width: 767px) {
    .order-t__header {
        display: none;
    }
}

@media (max-width: 767px) {
    .order-t__i {
        width: auto !important;
    }
}

.order-t__i--img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 221px;
    flex: 0 1 221px;
    width: 130px;
    margin-right: 10px;
}

@media (max-width: 1023px) {
    .order-t__i--img {
        width: 100px;
    }
}

@media (max-width: 767px) {
    .order-t__i--img {
        margin-right: 0;
    }
}

.order-t__i--img:hover + .order-t__i--title .order-item__title {
    color: #99f;
}

.order-t__i--img img {
    width: 95px;
    min-height: 74px;
    font-family: "object-fit:contain";
    -o-object-fit: contain;
    object-fit: contain;
}

.order-t__i--title {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 310px;
    flex: 0 1 310px;
    width: 250px;
    margin-right: 10px;
}

@media (max-width: 1800px) {
    .order-t__i--title {
        width: 160px;
    }
}

.order-t__i--title > * {
    max-width: 248px;
}

.order-t__i--quantity {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 211px;
    flex: 0 1 211px;
    width: 142px;
    margin-right: 10px;
}

@media (max-width: 767px) {
    .order-t__i--quantity {
        grid-column: 1/2;
        margin-right: 0;
    }
}

.order-t__i--sum {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 208px;
    flex: 0 1 208px;
    width: 250px;
    margin-right: 10px;
}

@media (max-width: 1800px) {
    .order-t__i--sum {
        padding-left: 20px;
    }
}

@media (max-width: 1023px) {
    .order-t__i--sum {
        width: 190px;
    }
}

@media (max-width: 767px) {
    .order-t__i--sum {
        grid-column: 2/3;
        padding-left: 0;
    }
}

@media (max-width: 1023px) {
    .order-t__i--sum .price {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.order-t__i--sum .price__sale {
    display: none;
    margin-left: 10px;
}

@media (max-width: 1023px) {
    .order-t__i--sum .price__sale {
        margin-right: 10px;
        margin-left: 0;
    }
}

@media (max-width: 767px) {
    .order-t__i--sum .price__sale {
        display: inline;
    }
}

@media (max-width: 767px) {
    .order-t__i--sum .price span:first-of-type {
        margin-right: 10px !important;
        font-size: 16px;
    }
}

@media (max-width: 1023px) {
    .order-t__i--sum .price span:last-of-type:not(:first-of-type) {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
}

.order-t__i--actions {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 141px;
    flex: 0 1 141px;
    min-width: 141px;
}

@media (max-width: 1279px) {
    .order-t__i--actions {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 161px;
        flex: 0 1 161px;
    }
}

@media (max-width: 1023px) {
    .order-t__i--actions {
        min-width: 133px;
    }
}

@media (max-width: 767px) {
    .order-t__i--actions {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        grid-column: 1/3;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding-top: 5px;
    }
}

.order-t__btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-top: 50px;
}

@media (max-width: 1279px) {
    .order-t__btns {
        margin-top: 30px;
    }
}

.order-t__btns .btn {
    min-width: 230px;
    margin-right: 20px;
}

.order-t__btns .btn:last-of-type {
    margin-right: 0;
}

.order-t__btns .btn--grey {
    color: #b0b0b0;
}

.order-t__btns .btn--blue {
    position: relative;
    overflow: hidden;
}

.order-t__btns .btn--blue:after {
    content: "";
    display: block;
    width: 30px;
    height: 300px;
    margin-left: 60px;
    background: -webkit-gradient(linear, left top, right top, color-stop(10%, hsl(0 0% 100% / .1)), color-stop(20%, hsl(0 0% 100% / .2)), to(hsl(0 0% 100% / .6)));
    background: linear-gradient(90deg, hsl(0 0% 100% / .1) 10%, hsl(0 0% 100% / .2) 20%, hsl(0 0% 100% / .6));
    position: absolute;
    left: -40px;
    top: -150px;
    z-index: 1;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all .1s;
    transition: all .1s;
    -webkit-animation-name: slideme;
    animation-name: slideme;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-delay: .05s;
    animation-delay: .05s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.order-slider {
    position: relative;
}

.order-slider__title {
    margin: 50px 0;
    color: #156cbb;
    font-weight: 700;
    font-size: 15px;
}

@media (max-width: 1279px) {
    .order-slider__title {
        margin: 40px 0;
    }
}

.order-slider__arrow {
    position: absolute;
    top: 174px;
    width: 40px;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-shadow: 0 2px 2px rgb(0 0 0 / .14);
    box-shadow: 0 2px 2px rgb(0 0 0 / .14);
    border-radius: 50%;
    background-color: #fff;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
    z-index: 8;
}

.order-slider__arrow:hover svg :not(g) {
    stroke: #99f;
}

.order-slider__arrow.disabled {
    display: none !important;
}

.order-slider__arrow--prev {
    left: -20px;
}

.order-slider__arrow--prev svg {
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1);
}

.order-slider__arrow--next {
    right: -20px;
}

.order-slider__arrow svg {
    width: 8px;
    height: 12px;
}

.order-slider .p {
    width: 100%;
}

.order-slider .p__bottom {
    display: none !important;
}

.order-slider .p__inner:hover {
    border-color: #fff0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.order-slider .swiper-wrapper {
    height: auto;
}

.order-slider .swiper-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-width: 282px !important;
    max-width: calc(25% - 8px);
    width: 282px !important;
    height: auto;
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease;
}

@media (max-width: 1279px) {
    .order-slider .swiper-slide {
        min-width: 276px !important;
        width: 276px !important;
    }
}

.order-slider .swiper-slide-visible {
    opacity: 1;
}

.order-slider .price:not(.price-has-old) span:first-of-type:not(:last-child) {
    width: auto;
}

.rating {
    unicode-bidi: bidi-override;
    direction: rtl;
    text-align: left;
    white-space: nowrap;
}

.rating svg {
    width: 13px;
    height: 13px;
}

.rating svg.active path, .rating svg.active ~ svg path {
    fill: #ffb711;
}

.rating > label, .rating > span {
    display: inline-block;
    position: relative;
}

.rating > label.active svg path, .rating > label.active ~ label svg path, .rating > label.active ~ span svg path, .rating > span.active svg path, .rating > span.active ~ label svg path, .rating > span.active ~ span svg path {
    fill: #ffb711;
}

.rating > label svg, .rating > span svg {
    width: 13px;
    height: 13px;
}

.rating input {
    display: none;
}

.rating input:checked + label svg path, .rating input:checked + label ~ label svg path {
    fill: #ffb711;
}

.rating label {
    cursor: pointer;
}

.rating label:hover svg:first-of-type, .rating label:hover ~ label svg:first-of-type {
    display: none;
}

.rating label:hover svg:last-of-type, .rating label:hover ~ label svg:last-of-type {
    display: inline;
}

.b-search {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-height: calc(100vh - 130px);
}

@media (max-width: 1023px) {
    .b-search {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        max-height: none;
    }
}

.b-search__left, .b-search__right {
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #e8e8e8 #fff0;
}

.b-search__left::-webkit-scrollbar, .b-search__left::-webkit-scrollbar-thumb, .b-search__left::-webkit-scrollbar-track, .b-search__right::-webkit-scrollbar, .b-search__right::-webkit-scrollbar-thumb, .b-search__right::-webkit-scrollbar-track {
    width: 8px;
}

.b-search__left::-webkit-scrollbar-track, .b-search__right::-webkit-scrollbar-track {
    background-color: #fff0;
}

.b-search__left::-webkit-scrollbar-thumb, .b-search__right::-webkit-scrollbar-thumb {
    background-color: #e8e8e8;
}

.b-search__left {
    padding: 10px 20px 30px;
    min-width: 446px;
    width: 446px;
}

@media (max-width: 1023px) {
    .b-search__left {
        min-width: 100%;
        width: 100%;
    }
}

.b-search__right {
    width: calc(100% - 446px);
    position: relative;
}

@media (max-width: 1023px) {
    .b-search__right {
        width: 100%;
        padding: 0 20px;
        margin-bottom: 70px;
    }
}

.b-search__right .b-search__title {
    display: none;
    margin-top: 0;
}

@media (max-width: 1023px) {
    .b-search__right .b-search__title {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

.b-search__right .c {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px;
    width: 100%;
}

@media (max-width: 1500px) {
    .b-search__right .c {
        grid-template-columns: repeat(1, 1fr);
    }
}

@media (max-width: 1023px) {
    .b-search__right .c {
        grid-gap: 0;
    }
}

.b-search__right .c-grid {
    position: relative;
    grid-template-columns: 100%;
    padding: 30px 23px;
}

@media (max-width: 1023px) {
    .b-search__right .c-grid {
        padding: 0;
        height: auto;
        border-top: 1px solid #fff0;
    }
}

.b-search__right .c-grid .ps__rail-y {
    background: #e8e8e8;
    width: 4px;
    border-radius: 4px;
}

.b-search__right .c-grid .ps__thumb-y {
    background: #a7a7a7;
    width: 4px;
    border-radius: 4px;
}

@media (max-width: 1023px) {
    .b-search__right .c-grid .p {
        border-bottom: 1px solid #e8e8e8;
        margin-bottom: 10px;
        border-right: 1px solid #fff0;
        padding: 0;
    }
}

@media (max-width: 1023px) {
    .b-search__right .c-grid .p-top {
        width: 66px;
        height: 52px;
        position: absolute;
        right: 24px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}

@media (max-width: 1023px) {
    .b-search__right .c-grid .p-top .p__img {
        width: 100%;
        height: 100%;
    }
}

@media (max-width: 1023px) {
    .b-search__right .c-grid .p__info {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        max-width: calc(100% - 110px);
    }
}

@media (max-width: 1023px) {
    .b-search__right .c-grid .p__info .rating {
        display: none;
    }
}

@media (max-width: 1023px) {
    .b-search__right .c-grid .p__info .order-item__status {
        font-size: 12px;
        line-height: 16px;
        margin-bottom: 5px;
        margin-left: 0;
    }
}

@media (max-width: 1023px) {
    .b-search__right .c-grid .p__title {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        max-width: calc(100% - 110px);
        font-size: 14px;
        line-height: 18px;
        margin-bottom: 6px;
    }
}

.b-search__right .c-grid .p__inner:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
    height: 100%;
}

.b-search__right .c-grid .p__inner:hover .p__bottom {
    display: none;
}

@media (max-width: 1023px) {
    .b-search__right .c-grid .p__bottom {
        display: none !important;
    }
}

@media (max-width: 1023px) {
    .b-search__right .c-grid .p-arrow {
        display: block;
        width: 20px;
        height: 15px;
        position: absolute;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}

.b-search__right .c-grid .p-arrow .i-icon {
    width: 100%;
    height: 100%;
}

.b-search__right .c-grid .p-arrow .i-icon > * {
    fill: #fff0;
}

@media (max-width: 1023px) {
    .b-search__right .c-grid .p .price {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        max-width: calc(100% - 110px);
        margin-top: 0;
        margin-bottom: 10px;
    }
}

.b-search__right .c-empty {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.b-search__right .c-empty .title-1 {
    text-align: center;
    margin-bottom: 40px;
}

.b-search__right .c-empty .c-empty__image {
    margin-bottom: 20px;
}

.b-search__right .c-empty .c-empty__text {
    margin-bottom: 40px;
}

.b-search__right:before {
    content: "";
    width: 1px;
    height: 100%;
    background: #e8e8e8;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
}

.b-search__title {
    font-size: 12px;
    line-height: 16px;
    font-weight: 700;
    margin-top: 20px;
    margin-bottom: 15px;
    text-transform: uppercase;
    color: #156cbb;
}

@media (max-width: 767px) {
    .b-search__title {
        margin-bottom: 0;
    }
}

.b-search__link {
    padding: 15px 0;
    font-size: 16px;
    line-height: 21px;
    color: #2a3342;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    border-bottom: 1px solid #e8e8e8;
    cursor: pointer;
    -webkit-transition: .2s;
    transition: .2s;
}

.b-search__link .i-icon:not(.i-icon--search) {
    width: 20px;
    height: 15px;
}

.b-search__link .i-icon:not(.i-icon--search) > * {
    fill: #fff0;
}

.b-search__link .i-icon.i-icon--search {
    width: 19px;
    height: 19px;
    margin-right: 25px;
}

.b-search__link .i-icon.i-icon--search > * {
    fill: #b0b0b0;
}

@media (min-width: 1024px) {
    .b-search__link:hover {
        background: #f4f5f7;
        width: calc(100% + 40px);
        margin-left: -20px;
        margin-right: -20px;
        padding: 15px 20px;
        color: #156cbb;
    }
}

.b-search__link--all {
    font-size: 14px;
    line-height: 19px;
    margin-top: 40px;
    display: inline-block;
    border-bottom: 1px dashed;
    color: #156cbb;
    cursor: pointer;
    -webkit-transition: .2s;
    transition: .2s;
}

@media (min-width: 1024px) {
    .b-search__link--all:hover {
        border-bottom: 1px dashed #fff0;
    }
}

.b-search__link--history {
    border-bottom: 1px solid #fff0;
    position: relative;
}

.b-search__link--history:before {
    content: "";
    width: calc(100% - 49px);
    position: absolute;
    bottom: 0;
    background: #e8e8e8;
    left: 49px;
    right: 20px;
    height: 1px;
}

.b-search-mob {
    display: none;
}

@media (max-width: 1023px) {
    .b-search-mob {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 20px 20px 0;
    }
}

.b-search-mob ~ .b-search .b-search__left {
    padding-top: 0;
}

.b-search-mob ~ .b-search .b-search__right .b-search__title {
    margin-bottom: 15px;
}

.b-search-mob .b-search__close {
    margin-left: 18px;
    font-size: 16px;
    line-height: 21px;
    color: #8e8e8e;
}

.b-search-mob .h__search {
    position: relative;
}

.b-search-mob .h__search button {
    width: 50px;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #156cbb;
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 0 5px 5px 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

.b-search-mob .h__search button svg * {
    fill: #fff;
}

.b-search-mob .h__search .b-form__label {
    left: 20px !important;
    font-size: 16px;
}

.b-search-mob .h__search #title-search-input-mobile-mobile-modal {
    padding: 13px 60px 5px 20px !important;
}

.geo-confirm {
    text-align: left;
    position: absolute;
    z-index: 999;
    top: 37px;
    left: 0;
    max-width: 555px;
    -webkit-box-shadow: 0 0 20px rgb(0 0 0 / .1);
    box-shadow: 0 0 20px rgb(0 0 0 / .1);
    border-radius: 3px;
}

@media (max-width: 1023px) {
    .geo-confirm {
        left: 20px;
        margin-right: 20px;
    }
}

.geo-confirm:after {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    left: 35px;
    width: 20px;
    height: 20px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 20px rgb(0 0 0 / .1);
    box-shadow: 0 0 20px rgb(0 0 0 / .1);
    -webkit-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    z-index: -1;
}

.geo-confirm__close {
    position: absolute;
    z-index: 5;
    right: 0;
}

.geo-confirm__inner {
    position: relative;
    padding: 20px;
    background-color: #fff;
    border-radius: 3px;
}

.geo-confirm__title {
    font-size: 20px;
    color: #2a3342;
    margin-bottom: 15px;
}

.geo-confirm__title span {
    white-space: nowrap;
}

@media (max-width: 767px) {
    .geo-confirm__title {
        padding: 0;
        font-size: 20px;
        color: #333;
        margin-bottom: 1rem;
    }
}

.geo-confirm__desc {
    font-size: 16px;
    color: #666;
    line-height: 1.6;
    margin-bottom: 10px;
}

@media (max-width: 767px) {
    .geo-confirm__desc {
        padding: 0;
        font-size: 16px;
        color: #999;
        line-height: 1.2;
        margin-bottom: 1.5rem;
    }
}

.geo-confirm__btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    line-height: .5;
}

@media (max-width: 767px) {
    .geo-confirm__btns .btn {
        padding: 14px 21px;
    }
}

.geo-confirm__btns .btn:first-child {
    margin-right: 10px;
}

[data-way=down] .h-fix.fixed .geo-confirm {
    display: none;
}

.h-fix.fixed .geo-confirm {
    top: 55px;
    width: 555px;
}

@media (max-width: 767px) {
    .h-fix.fixed .geo-confirm {
        width: calc(100% - 40px);
    }
}

.h-btn {
    display: none;
    width: 46px;
    height: 46px;
    cursor: pointer;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    background: #f4f4f6;
    position: relative;
    border-radius: 8px;
}

@media (max-width: 1023px) {
    .h-btn {
        display: block;
    }
}

.h-btn.active {
    -webkit-transform: rotateY(180deg) translateZ(0);
    transform: rotateY(180deg) translateZ(0);
}

.h-btn.active .h-btn__line {
    background-color: #fff0 !important;
    -webkit-transition: none;
    transition: none;
}

.h-btn.active .h-btn__line:after, .h-btn.active .h-btn__line:before {
    top: 0;
    bottom: 0;
    margin: auto;
}

.h-btn.active .h-btn__line:before {
    -webkit-transform: rotate(-45deg) translateZ(0);
    transform: rotate(-45deg) translateZ(0);
}

.h-btn.active .h-btn__line:after {
    -webkit-transform: rotate(45deg) translateZ(0);
    transform: rotate(45deg) translateZ(0);
}

.h-btn.active ~ .h__search {
    display: none;
}

.h-btn.active ~ .h__city {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.h-btn__line {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 2px;
    width: 20px;
    border-radius: 2px;
    margin: auto;
    -webkit-transition: background-color .2s, -webkit-transform .6s;
    transition: background-color .2s, -webkit-transform .6s;
    transition: transform .6s, background-color .2s;
    transition: transform .6s, background-color .2s, -webkit-transform .6s;
}

.h-btn__line, .h-btn__line:after, .h-btn__line:before {
    background-color: #252536;
}

.h-btn__line:after, .h-btn__line:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 2px;
    border-radius: 2px;
    -webkit-transition: background-color .2s, -webkit-transform .6s;
    transition: background-color .2s, -webkit-transform .6s;
    transition: transform .6s, background-color .2s;
    transition: transform .6s, background-color .2s, -webkit-transform .6s;
}

.h-btn__line:before {
    top: 6px;
}

.h-btn__line:after {
    bottom: 6px;
}

@media (min-width: 1801px) {
    :root {
        --mb-top: 40px;
    }
}

@media (max-width: 1800px) {
    :root {
        --mb-top: 40px;
    }
}

@media (max-width: 1279px) {
    :root {
        --mb-top: 38px;
    }
}

@media (max-width: 1023px) {
    .h-m {
        display: none;
    }
}

.h-m-container {
    width: 100%;
}

@media (max-width: 1800px) {
    .h-m-container {
        width: auto;
    }
}

@media (max-width: 1500px) {
    .h-m-container {
        margin: 0;
    }
}

.h-m__bottom, .h-m__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.h-m__bottom.init, .h-m__top.init {
    overflow: visible;
}

.h-m__top {
    padding-top: 15px;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    overflow: hidden;
}

.h-m__top:not(.init) {
    visibility: hidden;
    height: 0;
    padding: 0;
}

@media (max-width: 1279px) {
    .h-m__top {
        padding-top: 24px;
        font-size: 14px;
    }
}

.h-m__top-skeleton-box {
    height: 59px;
    width: 100%;
    background-color: #f7f7f7;
    -webkit-animation: pulse 2s ease-in-out infinite;
    animation: pulse 2s ease-in-out infinite;
}

.h-m__top-skeleton-box.hidden {
    display: none;
}

.h-m__top .h-m__item.nd > a:hover {
    color: #156cbb;
}

.h-m__top .h-m__item:not(.nd):hover {
    margin-bottom: calc(var(--mb-top) * -1);
    padding-bottom: var(--mb-top);
}

.h-m__top .h-m__item:not(.nd):hover > a, .h-m__top .h-m__item:not(.nd):hover > span {
    color: #156cbb;
}

.h-m__top .h-m__item:not(.nd):hover > a:before, .h-m__top .h-m__item:not(.nd):hover > span:before {
    bottom: calc(var(--mb-top) * -1 - 23px);
}

.h-m__top .h-m__item > a, .h-m__top .h-m__item > span {
    padding-bottom: 23px;
}

.h-m__top .h-m__item > a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 41px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px;
    line-height: 21px;
    color: #252536;
    font-weight: 400;
}

.h-m__top .h-m__item > a span:first-of-type:not(:last-of-type) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 21px;
    height: 21px;
    margin-right: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.h-m__top .h-m__item > a span:first-of-type:not(:last-of-type) img {
    width: 14px;
    height: 14px;
    color: #fff0;
}

.h-m__top .h-m__item > a span:first-of-type:not(:last-of-type) img:not(.init) {
    border-radius: 50%;
}

.h-m__top .h-m__item > a span:first-of-type:not(:last-of-type) img.init {
    font-family: "object-fit:contain";
    -o-object-fit: contain;
    object-fit: contain;
}

.h-m__bottom {
    font-size: 17px;
    font-weight: 600;
    color: #d0bfff;
}

@media (max-width: 1279px) {
    .h-m__bottom {
        font-size: 14px;
    }
}

.h-m__bottom .h-m__item.nd > a:hover {
    color: #e4e4f3;
}

.h-m__bottom .h-m__item:not(.nd):hover > a, .h-m__bottom .h-m__item:not(.nd):hover > span {
    color: #156cbb;
    position: relative;
}

.h-m__bottom .h-m__item > a, .h-m__bottom .h-m__item > span {
    padding-bottom: 20px;
}

.h-m__item {
    padding: 0 30px;
    position: relative;
}

.h-m__item:first-child {
    padding-left: 0;
}

.h-m__item:first-child .h-m__dd {
    left: 0;
    min-width: calc(100% + 20px);
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

.h-m__item:first-child .h-m__dd .h-m-dd__inner:after {
    left: 25px;
}

.h-m__item:last-child:not(:first-child) {
    padding-right: 0;
}

.h-m__item:last-child:not(:first-child) .h-m__dd {
    right: -30px;
    min-width: calc(100% + 20px);
}

.h-m__item > a, .h-m__item > span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    white-space: nowrap;
}

.h-m__item > a:before, .h-m__item > span:before {
    content: "";
    display: none;
    position: absolute;
    left: -30px;
    right: -30px;
    top: -10px;
    bottom: 0;
    background-color: #fff0;
    border-radius: 4px 4px 0 0;
    z-index: 2;
}

.h-m__item:not(.nd):hover {
    z-index: 1;
}

.h-m__item:not(.nd):hover > a:before, .h-m__item:not(.nd):hover > span:before {
    display: block;
}

.h-m__item:not(.nd):hover > a > span, .h-m__item:not(.nd):hover > span > span {
    position: relative;
    z-index: 2;
}

.h-m__item:not(.nd):hover .h-m__dd {
    display: block;
}

.h-m__item:not(.nd):hover:after {
    display: block;
}

.h-m__more {
    cursor: pointer;
}

.h-m__more > span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    font-size: 16px;
    font-weight: 400;
    line-height: 21px;
    color: #252536;
}

.h-m__more > span:before {
    cursor: pointer;
}

.h-m__more .h-m__dd {
    right: 0 !important;
}

.h-m__more .h-m__dd, .h-m__more .h-m__dd .h-m-dd__inner {
    left: auto;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

.h-m__more .h-m__dd .h-m-dd__inner {
    right: 0;
}

.h-m__more .h-m__dd .h-m-dd__inner:after {
    left: auto;
    right: 15px;
}

.h-m__dd > a, .h-m__lvl > a {
    display: block;
    white-space: nowrap;
}

.h-m__dd > a:not(:last-child), .h-m__lvl > a:not(:last-child) {
    margin-bottom: 8px;
}

.h-m__dd > a > span, .h-m__lvl > a > span {
    color: #252536;
    font-weight: 600;
    font-size: 16px;
}

.h-m__dd > a > span:hover, .h-m__lvl > a > span:hover {
    color: #156cbb;
}

.h-m__dd {
    display: none;
    position: absolute;
    top: auto;
    left: 50%;
    min-width: 100%;
    background-color: #fff;
    -webkit-box-shadow: 0 0 35px rgb(0 0 0 / .09);
    box-shadow: 0 0 35px rgb(0 0 0 / .09);
    border-radius: 10px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 10;
}

.h-m__dd.right {
    left: auto;
}

.h-m__dd a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.33;
    color: #2a3342;
    white-space: nowrap;
}

.h-m__dd a:hover {
    color: #156cbb;
}

.h-m__dd a:not(:last-child) {
    margin-bottom: 12px;
}

.h-m__dd a span:first-child:not(:last-child) {
    max-width: 20px;
    max-height: 20px;
    margin-right: 5px;
}

.h-m__dd a img {
    max-width: 20px;
    height: 20px;
}

.h-m__ll {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0 0 0 5px;
}

.h-m__ll > a {
    display: block;
    margin: 0 0 5px;
    color: #424251;
    font-weight: 400;
    font-size: 15px;
}

.h-m__ll > a:hover {
    color: #156cbb;
}

.h-m__ll > a:last-child:not(:first-child) {
    margin: 0 0 8px;
}

.h-m-dd__inner {
    position: relative;
    padding: 25px;
    -webkit-box-shadow: 0 15px 35px rgb(0 0 0 / .07);
    box-shadow: 0 15px 35px rgb(0 0 0 / .07);
}

.h-m-dd__inner:after {
    content: "";
    width: 16px;
    height: 8px;
    display: block;
    background: url(arrow-menu.svg) no-repeat 50%;
    background-size: 100%;
    position: absolute;
    left: calc(50% - 8px);
    top: -8px;
    -webkit-box-shadow: 0 15px 35px rgb(0 0 0 / .07);
    box-shadow: 0 15px 35px rgb(0 0 0 / .07);
}

@-webkit-keyframes pulse {
    0% {
        opacity: 1;
    }

    50% {
        opacity: .5;
    }

    to {
        opacity: 1;
    }
}

@keyframes pulse {
    0% {
        opacity: 1;
    }

    50% {
        opacity: .5;
    }

    to {
        opacity: 1;
    }
}

@media (min-width: 1801px) {
    :root {
        --search-ml: 224px;
        --logo-w-d: 252.5px;
        --logo-h-d: 90px;
        --links-ml: 30px;
        --h-top-ml: 52px;
    }
}

@media (max-width: 1800px) {
    :root {
        --search-ml: 224px;
        --logo-w-d: 225px;
        --logo-h-d: 80px;
        --links-ml: 24px;
        --h-top-ml: 30px;
    }
}

@media (max-width: 1279px) {
    :root {
        --search-ml: 184px;
        --logo-w-d: 186px;
        --logo-h-d: 40px;
        --links-ml: 18px;
        --h-top-ml: 19px;
    }
}

@media (max-width: 1023px) {
    :root {
        --search-ml: 0;
        --logo-w-d: 152px;
        --logo-h-d: 45px;
    }
}

.h {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-top: 15px;
    position: relative;
}

@media (max-width: 1023px) {
    .h {
        position: fixed;
        left: 0;
        right: 0;
        height: 116px;
        background-color: #fff0;
        z-index: 100;
        margin-bottom: 20px;
        height: auto;
        top: 0;
        padding-top: 0;
    }
}

.h:not(.h--main) {
    z-index: 100;
}

.h:not(.h--main) .container {
    z-index: 100;
}

.h-login {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 25px;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    text-align: center;
    background: #341989;
    font-weight: 400;
    font-size: 13px;
    line-height: 17px;
    color: rgb(208 191 255 / .8);
    z-index: 10000;
}

@media (max-width: 1023px) {
    .h-login {
        position: relative;
        left: auto;
        right: auto;
        top: auto !important;
    }
}

.h-login span {
    font-weight: 700;
    color: #ffb711;
    padding-left: 5px;
}

.h-login svg {
    width: 14px;
    height: 14px;
    margin-right: 10px;
}

.h-login ~ .h-fix:not(.fixed) {
    padding-top: 24px;
}

@media (max-width: 1023px) {
    .h-login ~ .h-fix:not(.fixed) {
        padding-top: 0;
    }
}

.h-login ~ .h-fix:not(.fixed):after {
    top: 62px;
}

.h-login ~ .h-fix.fixed {
    top: 25px;
}

.h .h--banner {
    padding-top: 54px !important;
    top: 0;
    position: relative;
    display: block;
}

@media (max-width: 1023px) {
    .h .h--banner {
        height: auto !important;
        padding-top: 0 !important;
        width: 100%;
    }
}

.h .h--banner:not(.show-banner) {
    display: none;
}

.h .h--banner.show-banner ~ .h__inner .h-fix.fixed {
    top: 52px;
}

@media (max-width: 1023px) {
    .h .h--banner.show-banner ~ .h__inner .h-fix.fixed {
        top: 52px;
    }
}

@media (min-width: 1024px) {
    .h .h--banner.show-banner ~ .h__inner .h-fix.fixed .h-menu {
        top: 126px !important;
    }
}

@media (max-width: 1023px) {
    .h .h--banner.show-banner ~ .h__inner .h-fix:not(.fixed) {
        top: 52px;
    }
}

.h .h--banner.show-banner ~ .h__inner .h-fix.top {
    top: 0 !important;
}

.h .h--banner.show-banner ~ .h__inner .h-login {
    top: 52px;
}

.h .h--banner.show-banner ~ .h__inner .h-login ~ .h-fix.fixed {
    top: 77px;
}

@media (min-width: 1024px) {
    .h .h--banner.show-banner ~ .h__inner .h-login ~ .h-fix.fixed .h-menu {
        top: 153px !important;
    }
}

.h.h--banner .h-menu {
    top: 175px;
}

@media (min-width: 1024px) {
    .h:not(.h--banner) .h-login ~ .h-fix.fixed .h-menu {
        top: 100px !important;
    }
}

.h--main {
    padding-bottom: var(--h-main-pb);
}

@media (max-width: 1023px) {
    .h--main {
        margin-bottom: 20px;
        height: auto;
        top: 0;
        padding-top: 0;
    }
}

.h--main .h-menu__bg {
    top: 0px;
}

@media (max-width: 1800px) {
    .h--main .h-menu__bg {
        top: 119px;
    }
}

.h__inner {
    position: relative;
    -webkit-box-shadow: 0 15px 35px rgb(0 0 0 / .07);
    box-shadow: 0 15px 35px rgb(0 0 0 / .07);
    margin-bottom: 30px;
    z-index: 1000;
}

@media (max-width: 1023px) {
    .h__inner {
        margin-bottom: 20px;
        -webkit-box-shadow: 0 5px 15px rgb(0 0 0 / .07);
        box-shadow: 0 5px 15px rgb(0 0 0 / .07);
    }
}

.h__logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-width: var(--logo-w-d);
    width: var(--logo-w-d);
    height: var(--logo-h-d);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 30.5px;
}

@media (max-width: 1023px) {
    .h__logo img:first-of-type {
        display: none;
    }
}

.h__logo img:last-of-type:not(:first-of-type) {
    display: none;
    height: 45px;
}

@media (max-width: 1023px) {
    .h__logo img:last-of-type:not(:first-of-type) {
        display: block;
    }
}

.h__top {
    width: 100%;
}

.h__nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 17px;
    font-size: 15px;
    color: #616175;
    position: relative;
}

@media (max-width: 1279px) {
    .h__nav {
        padding-bottom: 19px;
        font-size: 14px;
    }
}

@media (max-width: 1023px) {
    .h__nav {
        position: absolute;
        bottom: -1px;
        left: 0;
        right: 0;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 0 20px 13px;
    }
}

@media (max-width: 767px) {
    .h__nav {
        bottom: 0;
    }
}

.h__nav a:hover {
    color: #156cbb;
}

.h__nav .h__search {
    display: none;
}

@media (max-width: 1023px) {
    .h__nav .h__search {
        display: block;
        height: 40px;
        width: calc(100% - 55px);
        margin-right: 0;
        margin-left: 15px;
        max-width: 100%;
    }
}

@media (max-width: 1023px) {
    .h__nav .h__search .b-form__item {
        height: 40px;
    }
}

@media (max-width: 1023px) {
    .h__nav .h__search .b-form__item input {
        min-height: 40px !important;
    }
}

.h__nav .h__search .b-form__item input#title-search-input {
    border-color: #fff0;
    background: #f4f4f6;
}

@media (max-width: 1023px) {
    .h__nav .h__search .b-form__item input#title-search-input {
        font-size: 13px;
        padding: 18px 50px 5px 15px !important;
    }
}

.h__nav .h__search .b-form__item input#title-search-input-mobile-mobile {
    border-color: #fff0;
    background: #f4f4f6;
}

@media (max-width: 1023px) {
    .h__nav .h__city {
        display: none;
    }
}

.h__city {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: var(--links-ml);
}

@media (max-width: 1279px) {
    .h__city {
        padding-left: 1px;
    }
}

@media (max-width: 1023px) {
    .h__city {
        margin-left: auto;
        margin-right: 0;
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
        display: none;
        grid-column-start: 13;
    }

    .h__city a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        white-space: nowrap;
    }
}

@media (max-width: 450px) {
    .h__city {
        grid-column-start: 2;
        grid-column-end: 7;
    }
}

@media (min-width: 1024px) {
    .h__city:hover span {
        color: #156cbb;
    }
}

.h__city svg {
    margin-right: 5px;
}

.h__city svg :not(g) {
    -webkit-transition: fill .2s;
    transition: fill .2s;
}

.h__city span {
    color: #252536;
    font-size: 16px;
    line-height: 21px;
}

@media (max-width: 1023px) {
    .h__city span {
        border-bottom: 1px dashed #fff;
        -webkit-transition: border-bottom-color .2s ease, color .2s ease;
        transition: border-bottom-color .2s ease, color .2s ease;
    }
}

.h__tel {
    margin-right: auto;
    display: none;
}

@media (max-width: 1023px) {
    .h__tel {
        display: block;
        margin-left: var(--links-ml);
        margin-right: 0;
        font-size: 14px;
        font-weight: 700;
    }
}

@media (max-width: 500px) {
    .h__tel {
        margin-left: 10px;
    }
}

.h__links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: auto;
}

@media (max-width: 1023px) {
    .h__links {
        display: none;
    }
}

.h__links a {
    line-height: 1.3333;
}

.h__links a:not(:first-child) {
    margin-left: var(--links-ml);
}

@media (max-width: 1279px) {
    .h__links a:not(:first-child) {
        margin-left: 10px;
    }
}

.h__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 15px;
    margin-bottom: 16px;
}

.h__wrap .h__search, .h__wrap > div:not([class]) {
    width: 100%;
}

@media (max-width: 1023px) {
    .h__wrap {
        display: grid;
        grid-template-columns: repeat(13, 1fr);
        grid-template-rows: 1fr 1fr;
    }

    .h__wrap .h-btn {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        grid-row: 2/-1;
        margin-right: 10px;
    }

    .h__wrap .h__actions {
        grid-column-start: 13;
        margin-left: auto;
    }

    .h__wrap .h__logo {
        grid-column: span 4;
    }

    .h__wrap .h__search {
        display: block;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        grid-column: span 13;
        grid-row-start: 2;
        max-width: 100% !important;
    }
}

@media (max-width: 450px) {
    .h__wrap {
        grid-gap: 10px;
        display: grid;
        grid-template-columns: repeat(6, 1fr);
        grid-template-rows: 1fr 1fr;
    }

    .h__wrap .h__actions {
        grid-column-start: 6;
    }

    .h__wrap .h__search {
        grid-column: span 5;
    }

    .h__wrap .h-btn {
        margin-right: 0;
    }
}

@media (max-width: 320px) {
    .h__wrap {
        grid-gap: 0;
        grid-template-columns: repeat(3, 1fr);
    }
}

.h__catalog {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #156cbb;
    cursor: pointer;
    padding: 9px 13px;
    border-radius: 8px;
    margin-right: 10px;
    min-width: 125px;
    width: 125px;
    height: 46px;
}

.h__catalog:hover {
    background-color: #f4f4f6;
}

.h__catalog:hover svg * {
    stroke: #252536;
}

.h__catalog:hover .h__text-catalog {
    color: #252536;
}

.h__catalog:hover .h-btn-catalog__line:after, .h__catalog:hover .h-btn-catalog__line:before {
    background-color: #252536;
}

@media (max-width: 1023px) {
    .h__catalog {
        display: none;
    }
}

.h__text-catalog {
    font-weight: 600;
    font-size: 17px;
    line-height: 22px;
    color: #fff;
}

.h__container {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 52px 0 20px;
}

@media (max-width: 1279px) {
    .h__container {
        margin: 0 27px 0 12px;
    }
}

@media (max-width: 1023px) {
    .h__container {
        display: none;
    }
}

.h__contacts-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media (max-width: 1279px) {
    .h__contacts-container {
        display: none;
    }
}

.h-links-phone {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.h__phone {
    font-size: 20px;
    font-weight: 600;
    line-height: 26.6px;
    color: #156cbb;
}

.h__phone:focus, .h__phone:hover {
    color: #252536;
}

.h__schedule {
    font-size: 14px;
    line-height: 1.33;
    color: #616175;
}

.h__callback {
    display: inline-block;
    height: 20px;
    width: 20px;
    margin-right: 5px;
    text-decoration: underline;
    cursor: pointer;
}

.h__callback:focus svg *, .h__callback:hover svg * {
    fill: #252536;
}

.h__callback svg {
    width: 100%;
    height: 100%;
}

.h__search {
    margin-right: 10px;
    position: relative;
}

@media (max-width: 1023px) {
    .h__search {
        display: none;
    }
}

.h__search--s {
    width: calc(100% - var(--search-ml) - 286px);
    margin-right: var(--search-ml);
}

@media (max-width: 1279px) {
    .h__search--s {
        width: calc(100% - var(--search-ml) - 286px);
        margin-right: var(--search-ml);
    }
}

@media (max-width: 1023px) {
    .h__search--s {
        display: block;
        width: 100%;
        margin-right: var(--search-ml);
    }
}

.h__search--s .b-form__item input {
    background-color: #f0f0f8;
    border-color: #fff0;
}

.h__search#title-search-mobile-mobile .b-form__label {
    font-size: 15px;
    color: #616175;
    left: 43px !important;
}

@media (max-width: 1023px) {
    .h__search#title-search-mobile-mobile .b-form__label {
        left: 40px !important;
    }
}

.h__search#title-search-mobile-mobile #title-search-input-mobile-mobile {
    padding: 18px 15px 5px 43px !important;
}

@media (max-width: 1023px) {
    .h__search#title-search-mobile-mobile #title-search-input-mobile-mobile {
        padding: 18px 15px 5px 40px !important;
    }
}

.h__search#title-search-mobile-mobile button {
    position: absolute;
    top: 8px;
    left: 8px;
    bottom: 8px;
    width: 30px;
    height: 30px;
    cursor: pointer;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

@media (max-width: 1023px) {
    .h__search#title-search-mobile-mobile button {
        top: 5px;
        left: 5px;
        bottom: 5px;
    }
}

.h__search#title-search-mobile-mobile button:hover svg * {
    fill: #156cbb;
}

.h__search#title-search-mobile-mobile button svg * {
    -webkit-transition: fill .2s;
    transition: fill .2s;
}

.h__search#title-search {
    max-width: 550px;
    height: 46px;
}

.h__search#title-search .b-form__label {
    display: block;
    font-size: 15px;
    color: #616175;
    left: 43px !important;
}

@media (max-width: 1023px) {
    .h__search#title-search .b-form__label {
        left: 40px !important;
    }
}

.h__search#title-search .b-form__label.active + input[data-f-field]:not(.b-form__item--autofill)::-webkit-input-placeholder, .h__search#title-search .b-form__label.active + input[data-f-field]:not(.b-form__item--autofill):focus::-webkit-input-placeholder {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}

.h__search#title-search .b-form__label.active + input[data-f-field]:not(.b-form__item--autofill)::-moz-placeholder, .h__search#title-search .b-form__label.active + input[data-f-field]:not(.b-form__item--autofill):focus::-moz-placeholder {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}

.h__search#title-search .b-form__label.active + input[data-f-field]:not(.b-form__item--autofill):-ms-input-placeholder, .h__search#title-search .b-form__label.active + input[data-f-field]:not(.b-form__item--autofill):focus:-ms-input-placeholder {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}

.h__search#title-search .b-form__label.active + input[data-f-field]:not(.b-form__item--autofill)::-ms-input-placeholder, .h__search#title-search .b-form__label.active + input[data-f-field]:not(.b-form__item--autofill):focus::-ms-input-placeholder {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}

.h__search#title-search .b-form__label.active + input[data-f-field]:not(.b-form__item--autofill)::placeholder, .h__search#title-search .b-form__label.active + input[data-f-field]:not(.b-form__item--autofill):focus::placeholder {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}

.h__search#title-search .b-form__item {
    height: 100%;
}

.h__search#title-search .b-form__item #title-search-input {
    border: 1px solid #e4e4e7;
    background: #f4f4f6;
    line-height: 1.3;
    border-radius: 8px;
    padding: 13px 15px 11px 43px !important;
}

@media (max-width: 1023px) {
    .h__search#title-search .b-form__item #title-search-input {
        padding: 12px 10px 12px 35px !important;
        max-width: 100%;
    }

    .mod-finder__search.input-group svg {
        margin: 7px 0 0 0;
    }
}

.h__search#title-search .b-form__item #title-search-input::-webkit-input-placeholder, .h__search#title-search .b-form__item #title-search-input:focus::-webkit-input-placeholder {
    color: #fff !important;
}

.h__search#title-search .b-form__item #title-search-input::-moz-placeholder, .h__search#title-search .b-form__item #title-search-input:focus::-moz-placeholder {
    color: #fff !important;
}

.h__search#title-search .b-form__item #title-search-input:-ms-input-placeholder, .h__search#title-search .b-form__item #title-search-input:focus:-ms-input-placeholder {
    color: #fff !important;
}

.h__search#title-search .b-form__item #title-search-input::-ms-input-placeholder, .h__search#title-search .b-form__item #title-search-input:focus::-ms-input-placeholder {
    color: #fff !important;
}

.h__search#title-search .b-form__item #title-search-input::placeholder, .h__search#title-search .b-form__item #title-search-input:focus::placeholder {
    color: #fff !important;
}

.h__search#title-search button {
    position: absolute;
    top: 8px;
    left: 8px;
    bottom: 8px;
    width: 30px;
    height: 30px;
    cursor: pointer;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

@media (max-width: 1023px) {
    .h__search#title-search button {
        top: 5px;
        left: 5px;
        bottom: 5px;
    }
}

.h__search#title-search button:hover svg * {
    fill: #156cbb;
}

.h__search#title-search button svg * {
    -webkit-transition: fill .2s;
    transition: fill .2s;
}

.h__search .b-form__label {
    left: 30px !important;
}

.h__search .b-form__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}

.h__search .b-form__item input {
    min-height: 30px !important;
    padding: 18px 30px 5px !important;
}

@media (max-width: 1023px) {
    .h__search .b-form__item input {
        padding: 18px 50px 5px 15px !important;
    }
}

.h__search button {
    position: absolute;
    top: 50%;
    right: 10px;
    left: auto;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 30px;
    height: 30px;
    cursor: pointer;
}

.h__search button:hover svg * {
    fill: #99f;
}

.h__search button svg * {
    -webkit-transition: fill .2s;
    transition: fill .2s;
}

.h__actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 4px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

@media (max-width: 1023px) {
    .h__actions {
        border-radius: 0;
        overflow: visible;
    }
}

.h__action {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 30px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    -webkit-transition: background-color .2s;
    transition: background-color .2s;
    position: relative;
}

@media (max-width: 1023px) {
    .h__action {
        width: 30px;
        height: 30px;
        padding: 0;
        border: none;
    }
}

@media (min-width: 1024px) {
    .h__action:hover svg * {
        stroke: #156cbb;
    }
}

@media (max-width: 1023px) {
    .h__action--d {
        display: none;
        margin-right: 0;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        padding: 3px;
        height: 32px;
    }

    .h__action--d > svg {
        min-width: 13px;
        width: 13px;
    }
}

@media (max-width: 1023px) and (max-width: 1023px) {
    .h__action--d > svg {
        min-width: 18px;
        width: 18px;
    }
}

@media (max-width: 1023px) {
    .h__action--d span {
        margin-left: 4px !important;
    }
}

.h__action--phone {
    display: none;
}

@media (max-width: 1023px) {
    .h__action--phone {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-left: 10px;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
}

.h__action--phone svg {
    width: 20px;
    height: 20px;
}

.h__action--phone svg :not(g) {
    fill: #fff;
}

.h__action--cart {
    margin-left: 30px;
}

@media (max-width: 1023px) {
    .h__action--cart {
        height: 30px;
        position: relative;
        margin-left: 10px;
    }
}

.h__action--cart svg :not(g) {
    fill: #fff;
    stroke: #156cbb;
}

@media (max-width: 767px) {
    .h__action--cart svg :not(g) {
        fill: #fff !important;
    }
}

.h__action--cart span {
    margin-left: 10px;
    font-size: 17px;
    line-height: 22px;
}

@media (max-width: 1023px) {
    .h__action--cart span {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: absolute;
        top: 3px;
        right: 3px;
        width: 20px;
        height: 20px;
        margin-left: 0;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border-radius: 50%;
        font-size: 10px;
        font-weight: 600;
        -webkit-transform: translateX(50%) translateY(-50%);
        -ms-transform: translateX(50%) translateY(-50%);
        transform: translateX(50%) translateY(-50%);
        background-color: #f53a27;
        color: #fff;
    }
}

.h__action--cart span:empty {
    display: none;
}

@media (min-width: 1024px) {
    .h__action--cart:hover svg * {
        stroke: #252536;
    }
}

@media (max-width: 1023px) {
    .h__action--favorite {
        display: none;
    }
}

.h__action--compare {
    margin-left: 30px;
}

@media (max-width: 1023px) {
    .h__action--compare {
        display: none;
        margin-left: 12px;
    }
}

.h__action--compare:hover svg path:nth-child(3) {
    stroke: #fff0;
    fill: #156cbb;
}

.h__action--lk {
    padding: 8px 10px;
    width: auto;
    color: #252536;
    font-size: 16px;
    line-height: 1.33;
    background: #f8f8f8;
    border-radius: 8px;
    margin-left: 30px;
    -webkit-transition: .2s;
    transition: .2s;
}

.h__action--lk span {
    margin-left: 5px;
    font-weight: 400;
}

@media (max-width: 1023px) {
    .h__action--lk span {
        display: none;
    }
}

@media (min-width: 1024px) {
    .h__action--lk:hover {
        background: #156cbb;
        color: #fff;
    }
}

@media (min-width: 1024px) {
    .h__action--lk:hover svg * {
        stroke: #fff;
    }
}

@media (max-width: 1023px) {
    .h__action--lk {
        margin-left: 10px;
        padding: 0;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        background: #fff0;
    }
}

.h__action:not(.h__action--lk) span {
    min-width: 15px;
    width: 15px;
    height: 14px;
    border-radius: 50%;
    font-size: 11px;
    font-weight: 600;
    background: #156cbb;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    right: -10px;
    top: -4px;
}

@media (max-width: 1023px) {
    .h__action:not(.h__action--lk) span {
        top: -6px;
        right: -10px;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}

.h__action svg :not(g) {
    -webkit-transition: .2s;
    transition: .2s;
}

@media (max-width: 1023px) {
    .h-fix {
        background: #fff;
        top: 0;
        right: 0;
        left: 0;
        z-index: 9;
    }
}

.h-fix:not(.fixed) {
    top: -50px;
}

@media (max-width: 1023px) {
    .h-fix:not(.fixed) {
        top: 0;
    }
}

.h-fix:not(.fixed):after {
    content: "";
    background: #eaeaea;
    width: 100vw;
    height: 1px;
    position: absolute;
    left: 0;
    right: 0;
    top: 38px;
}

@media (max-width: 1023px) {
    .h-fix:not(.fixed):after {
        display: none;
    }
}

.h-fix.fixed {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    padding: 15px 0;
    background-color: #fff;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-box-shadow: 0 15px 35px rgb(0 0 0 / .07);
    box-shadow: 0 15px 35px rgb(0 0 0 / .07);
    z-index: 9;
}

@media (max-width: 1023px) {
    .h-fix.fixed {
        padding: 0;
        background-image: none;
    }
}

.h-fix.fixed .h-fix__inner {
    height: 46px;
}

@media (max-width: 1023px) {
    .h-fix.fixed .h-fix__inner {
        min-height: 116px;
        height: 116px;
    }
}

.h-fix.fixed .h__links {
    display: none;
}

.h-fix.fixed .h__callback, .h-fix.fixed .h__phone {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.h-fix.fixed .h__schedule {
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media (max-width: 1279px) {
    .h-fix.fixed .h__schedule {
        font-size: 11px;
    }
}

.h-fix.fixed .h__schedule span:first-child {
    display: none;
}

.h-fix.fixed .h__schedule span:nth-child(2):first-letter {
    text-transform: uppercase;
}

.h-fix.fixed .h__schedule span {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 3px;
}

.h-fix.fixed .h__schedule span:first-child:first-letter {
    text-transform: uppercase;
}

.h-fix.fixed .h__logo {
    width: 192px;
    height: 40px;
}

@media (max-width: 1023px) {
    .h-fix.fixed .h__logo {
        width: var(--logo-w-d);
        height: var(--logo-h-d);
        margin-top: 0;
        margin-bottom: 0;
    }
}

.h-fix.fixed .h__logo img {
    height: 100%;
}

.h-fix.fixed .h__logo img:first-of-type {
    display: none;
}

.h-fix.fixed .h__logo img:last-of-type:not(:first-of-type) {
    display: block;
}

.h-fix.fixed .h__tel {
    color: #fff;
    font-weight: 600;
    font-size: 16px;
}

@media (max-width: 1023px) {
    .h-fix.fixed .h__tel {
        color: #633cd2;
        font-weight: 700;
    }
}

@media (max-width: 500px) {
    .h-fix.fixed .h__tel {
        font-size: 14px;
    }
}

.h-fix.fixed .h__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.h-fix.fixed .h__wrap {
    padding-top: 0;
    margin-bottom: 0;
}

@media (max-width: 1023px) {
    .h-fix.fixed .h__wrap {
        width: auto;
    }
}

.h-fix.fixed .h__nav {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 0;
}

@media (max-width: 1023px) {
    .h-fix.fixed .h__nav {
        padding-bottom: 15px;
    }
}

.h-fix.fixed .h__city {
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 40px;
    height: 40px;
    margin-right: 26px;
    background: #f8f8f8;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0;
    border-radius: 8px;
}

@media (max-width: 1023px) {
    .h-fix.fixed .h__city {
        background: #fff0;
        width: auto;
        height: auto;
        border-radius: 0;
    }
}

@media (min-width: 1024px) {
    .h-fix.fixed .h__city:hover {
        background: #156cbb;
    }
}

.h-fix.fixed .h__city span {
    display: none;
}

@media (max-width: 1023px) {
    .h-fix.fixed .h__city span {
        display: block;
    }
}

.h-fix.fixed .h__city svg {
    margin-right: 0;
}

@media (max-width: 1023px) {
    .h-fix.fixed .h__city svg {
        margin-right: 8px;
    }
}

.h-fix.fixed .h__wrap {
    width: 100%;
}

.h-fix.fixed .h__container {
    margin: 0 52px 0 20px;
}

@media (min-width: 1024px) {
    .h-fix.fixed .h-menu {
        top: 76px !important;
    }
}

.h-fix__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

@media (max-width: 1023px) {
    .h-fix__inner {
        min-height: 116px;
        height: 116px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 0 20px 53px;
    }
}

@media (max-width: 1023px) {
    .h-fix__inner.search {
        min-height: unset;
        height: auto;
        padding-bottom: 0;
    }

    .h-fix__inner.search .h__logo {
        margin-right: auto;
    }
}

.h-banner {
    display: none;
    width: 100%;
    height: 52px;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 1001;
}

@media (max-width: 1023px) {
    .h-banner {
        position: relative;
        left: auto;
        right: auto;
        top: auto;
    }
}

.h-banner.show-banner {
    display: block;
}

.h-banner.fixed {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
}

.h-banner.hidden {
    display: none !important;
}

.h-banner__text {
    min-width: 290px;
    font-size: 20px;
    line-height: 26.6px;
    font-weight: 400;
    color: #fff;
    text-align: left;
}

@media (max-width: 1023px) {
    .h-banner__text {
        min-width: auto;
        text-align: center;
    }
}

.h-banner__text:first-child {
    text-align: right;
}

@media (max-width: 1023px) {
    .h-banner__text:first-child {
        text-align: center;
    }
}

.h-banner__timer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: 60px;
    margin-right: 60px;
}

@media (max-width: 1023px) {
    .h-banner__timer {
        margin-left: 30px;
        margin-right: 30px;
    }
}

.h-banner__timer-item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.h-banner__timer-item:not(:last-child) {
    margin-right: 14px;
}

.h-banner__timer-item:not(:last-child):after {
    content: "";
    display: block;
    width: 4px;
    height: 14px;
    position: absolute;
    right: -7px;
    -webkit-transform: translateX(50%);
    -ms-transform: translateX(50%);
    transform: translateX(50%);
}

.h-banner__timer-time, .h-banner__timer-times {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.h-banner__timer-time {
    border: 1px solid;
    font-size: 17px;
    line-height: 1.33;
    font-weight: 600;
    text-align: center;
    min-width: 24px;
    width: 24px;
    height: 34px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 2px;
    border-radius: 4px;
}

.h-banner__timer-text {
    display: none;
}

.h-banner__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media (max-width: 1023px) {
    .h-banner__inner {
        width: 100%;
    }
}

.h-banner--d {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto;
    padding: 6px 0;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
}

@media (max-width: 1023px) {
    .h-banner--d {
        display: none;
    }
}

.h-banner--m {
    background: #000;
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto;
    background-size: cover;
    width: 100%;
}

@media (max-width: 1023px) {
    .h-banner--m {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

.h-banner--m .swiper-slide {
    background-size: cover;
    padding: 6px 50px;
    width: 100%;
    min-height: 52px;
    height: 52px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.h-banner--black-friday .h-banner--d {
    background-color: #000;
    background-image: url(/local/client/img/black-friday/bcg-black-friday-header.png);
}

.h-banner--black-friday .h-banner--m .swiper-slide {
    background: #000 url(/local/client/img/black-friday/bcg-mobile-black-friday.png) 50% no-repeat;
}

.h-banner--new-year {
    background: linear-gradient(91.45deg, #c09f4c 1.2%, #fbecb3 21.69%, #9d782d 51.63%, #f8efaa 75.27%, #c5a56d 102.06%);
}

.h-banner--new-year .h-banner--d {
    background-color: #fff0;
}

.h-banner--new-year .h-banner__text {
    color: #9c0c0c;
}

.h-banner--new-year .h-banner__timer-item .h-banner__timer-time {
    background: #c11a1a;
}

.h-banner--new-year .h-banner__timer-time {
    color: #fff;
}

.h-banner--new-year .h-banner--m {
    background: linear-gradient(91.45deg, #c09f4c 1.2%, #fbecb3 21.69%, #9d782d 51.63%, #f8efaa 75.27%, #c5a56d 102.06%);
}

.h-banner__closed-btn {
    position: absolute;
    right: 50px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2;
    cursor: pointer;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
}

.h-banner__closed-btn .i-icon path {
    fill: #fff;
    fill-opacity: 1;
}

@media (max-width: 1023px) {
    .h-banner__closed-btn .i-icon {
        width: 14px;
        height: 14px;
    }
}

.h-banner__closed-btn:hover {
    opacity: .7;
}

@media (max-width: 1023px) {
    .h-banner__closed-btn {
        right: 20px;
    }
}

@media (max-width: 1023px) {
    .h--cart {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }
}

@-webkit-keyframes slideme {
    0% {
        left: -30px;
        margin-left: 0;
    }

    30% {
        left: 110%;
        margin-left: 80px;
    }

    to {
        left: 110%;
        margin-left: 80px;
    }
}

.h-banner__timer-item:not(:last-child):after {
    background: url(/local/client/img/promotion-dots/light.svg);
}

.h-banner__timer-item.light:not(:last-child):after {
    background: url(/local/client/img/promotion-dots/light.svg);
}

.h-banner__timer-item.dark:not(:last-child):after {
    background: url(/local/client/img/promotion-dots/dark.svg);
}

@media (min-width: 1024px) {
    .h__wrap .h__city {
        display: none;
    }
}

@media (min-width: 1801px) {
    :root {
        --title-w: 330px;
        --title-mr: 0;
    }
}

@media (max-width: 1800px) {
    :root {
        --title-w: 330px;
        --title-mr: 0;
    }
}

@media (max-width: 1279px) {
    :root {
        --title-mr: 120px;
    }
}

@media (max-width: 1023px) {
    :root {
        --title-w: 230px;
        --title-mr: 120px;
    }
}

@media (max-width: 767px) {
    :root {
        --title-w: 100%;
        --title-mr: 0;
    }
}

.f-f {
    width: var(--footer-form-w-d);
    margin-left: 25px;
    border-radius: 13px;
    background-color: #71bce8;
    position: relative;
    overflow: hidden;
    -webkit-transform: translateZ(0);
    height: 100%;
}

@media (max-width: 1800px) {
    .f-f {
        margin-left: 0;
    }
}

@media (max-width: 1279px) {
    .f-f {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .f-f {
        border-radius: 0;
        background: #156cbb;
    }
}

.f-f:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 0;
    background-color: #156cbb;
    border-radius: 13px;
    -webkit-transition: width .2s .3s;
    transition: width .2s .3s;
    overflow: hidden;
}

.f-f.success .f-f__success {
    display: block;
}

.f-f:hover:after {
    width: 50%;
}

@media (max-width: 767px) {
    .f-f:hover:after {
        width: 60%;
    }
}

.f-f:hover .f-f__bg {
    -webkit-transform: translateY(-50%) translateX(-70px);
    -ms-transform: translateY(-50%) translateX(-70px);
    transform: translateY(-50%) translateX(-70px);
}

@media (max-width: 1279px) {
    .f-f:hover .f-f__bg {
        -webkit-transform: translateY(-50%) translateX(480px);
        -ms-transform: translateY(-50%) translateX(480px);
        transform: translateY(-50%) translateX(480px);
    }
}

@media (max-width: 767px) {
    .f-f:hover .f-f__bg {
        -webkit-transform: translateY(-50%) translateX(130px);
        -ms-transform: translateY(-50%) translateX(130px);
        transform: translateY(-50%) translateX(130px);
    }
}

.f-f:hover button {
    background-color: #fff;
}

.f-f:hover button svg :not(g) {
    stroke: #99f;
}

.f-f__inner {
    padding: 63px 60px 70px;
    position: relative;
    z-index: 2;
}

@media (max-width: 1800px) {
    .f-f__inner {
        padding: 53px 50px 60px;
    }
}

@media (max-width: 1279px) {
    .f-f__inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 186px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 38px 45px 30px 41px;
    }
}

@media (max-width: 1023px) {
    .f-f__inner {
        height: auto;
    }
}

@media (max-width: 767px) {
    .f-f__inner {
        display: block;
        height: auto;
        padding: 28px 18px;
    }
}

.f-f__inner button .i-icon path {
    stroke: #fff;
}

.f-f__inner button:hover {
    background-color: #fff;
}

.f-f__inner button:hover .i-icon path {
    stroke: #99f;
}

.f-f__title {
    width: var(--title-w);
    margin-right: var(--title-mr);
    margin-bottom: 22px;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.3;
    color: #fff;
}

@media (max-width: 1023px) {
    .f-f__title {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .f-f__title {
        font-size: 14px;
        margin-bottom: 40px;
    }
}

.f-f__title span {
    margin: 0 2px;
    padding: 0 2px;
    border-radius: 4px;
    color: #156cbb;
    background-color: #ffb711;
}

.f-f__text {
    font-size: 16px;
    line-height: 1.3;
    color: hsl(0 0% 100% / .6);
}

@media (max-width: 767px) {
    .f-f__text {
        font-size: 12px;
    }
}

.f-f__bg {
    position: absolute;
    left: -36px;
    top: 50%;
    width: 742px;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    -webkit-transition: -webkit-transform .4s .2s;
    transition: -webkit-transform .4s .2s;
    transition: transform .4s .2s;
    transition: transform .4s .2s, -webkit-transform .4s .2s;
    pointer-events: none;
}

@media (max-width: 1279px) {
    .f-f__bg {
        left: -201px;
        -webkit-transition: -webkit-transform .7s .2s;
        transition: -webkit-transform .7s .2s;
        transition: transform .7s .2s;
        transition: transform .7s .2s, -webkit-transform .7s .2s;
    }
}

@media (max-width: 767px) {
    .f-f__bg {
        display: none;
    }
}

.f-f__bg :not(g) {
    fill: #156cbb;
}

.f-f .b-form__label {
    left: 0 !important;
    color: #fff !important;
}

@media (max-width: 1279px) {
    .f-f .b-form__label {
        font-size: 14px;
        font-weight: 600;
    }
}

@media (max-width: 1279px) {
    .f-f .b-form__label.active {
        top: 0 !important;
    }
}

.f-f .b-form__item {
    margin-bottom: 35px;
}

@media (max-width: 1279px) {
    .f-f .b-form__item {
        margin-top: -14px;
        margin-bottom: 28px;
    }
}

@media (max-width: 767px) {
    .f-f .b-form__item {
        margin-bottom: 23px;
    }
}

.f-f .b-form__item, .f-f .b-form__item + .f-f__text {
    width: calc(100% - var(--title-mr) - var(--title-w)) !important;
}

@media (max-width: 1023px) {
    .f-f .b-form__item, .f-f .b-form__item + .f-f__text {
        width: 100% !important;
    }
}

.f-f .b-form__item.init input[data-f-field] {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}

.f-f .b-form__item input {
    padding-left: 0 !important;
    padding-right: 50px !important;
    border-radius: 0 !important;
    border-width: 0 0 2px !important;
    border-bottom-color: #fff !important;
    background-color: #fff0 !important;
    color: #fff !important;
}

.f-f .b-form__item input[data-f-field], .f-f .b-form__item input[data-f-field]:-webkit-autofill, .f-f .b-form__item input[data-f-field]:-webkit-autofill:active, .f-f .b-form__item input[data-f-field]:-webkit-autofill:focus, .f-f .b-form__item input[data-f-field]:-webkit-autofill:hover {
    -webkit-transition: color .2s;
    transition: color .2s;
    color-scheme: dark;
}

.f-f .b-form__item:not(.init):not([data-f-item=active]) input[data-f-field], .f-f .b-form__item:not(.init):not([data-f-item=active]) input[data-f-field]:-webkit-autofill, .f-f .b-form__item:not(.init):not([data-f-item=active]) input[data-f-field]:-webkit-autofill:active, .f-f .b-form__item:not(.init):not([data-f-item=active]) input[data-f-field]:-webkit-autofill:focus, .f-f .b-form__item:not(.init):not([data-f-item=active]) input[data-f-field]:-webkit-autofill:hover {
    color: #fff0;
    -webkit-text-fill-color: #fff0;
}

.f-f .b-form__item button {
    position: absolute;
    top: 50%;
    left: calc(100% - 40px);
    width: 48px;
    height: 48px;
    border-radius: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: background-color .2s, -webkit-transform .2s;
    transition: background-color .2s, -webkit-transform .2s;
    transition: background-color .2s, transform .2s;
    transition: background-color .2s, transform .2s, -webkit-transform .2s;
    cursor: pointer;
}

.f-f .b-form__item button:hover {
    background-color: #fff;
}

.f-f .b-form__item button:hover svg :not(g) {
    stroke: #99f;
    -webkit-transition: stroke .2s 0s;
    transition: stroke .2s 0s;
}

.f-f .b-form__item button:active {
    -webkit-transform: translateY(calc(-50% + 2px));
    -ms-transform: translateY(calc(-50% + 2px));
    transform: translateY(calc(-50% + 2px));
}

.f-f .b-form__item button svg {
    width: 12px;
    height: 23px;
}

.f-f .b-form__item button svg :not(g) {
    fill: none;
    will-change: stroke;
}

.f-f__success {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #156cbb;
    z-index: 3;
}

.f-f__success img {
    position: absolute;
    right: 38px;
    bottom: 38px;
    width: 172px;
    height: 219px;
}

@media (max-width: 1800px) {
    .f-f__success img {
        right: 18px;
        bottom: 18px;
    }
}

@media (max-width: 1279px) {
    .f-f__success img {
        display: none;
    }
}

.f-f__success .f-f__inner {
    max-width: calc(100% - 200px);
    padding: 30px 10px 40px 35px;
}

@media (max-width: 1800px) {
    .f-f__success .f-f__inner {
        max-width: calc(100% - 120px);
    }
}

@media (max-width: 1279px) {
    .f-f__success .f-f__inner {
        max-width: 100%;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

@media (max-width: 767px) {
    .f-f__success .f-f__inner {
        padding: 28px 18px;
    }
}

.f-f__success .f-f__title {
    width: 100%;
    margin-bottom: 35px;
}

@media (max-width: 1279px) {
    .f-f__success .f-f__title {
        margin-bottom: 0;
        margin-right: 0;
    }
}

.f-f__success .f-f__text {
    max-width: 240px;
}

@media (max-width: 767px) {
    .f-f__success .f-f__text {
        margin: 10px 0;
    }
}

.f-f__success .btn {
    margin-top: 20px;
}

@media (max-width: 1279px) {
    .f-f__success .btn {
        margin-top: 0;
    }
}

.h-btn-catalog {
    width: 20px;
    height: 20px;
    margin-right: 5px;
    cursor: pointer;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    background-color: #fff0;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media (max-width: 1023px) {
    .h-btn-catalog svg {
        display: none;
    }
}

.h-btn-catalog.active {
    -webkit-transform: rotateY(180deg) translateZ(-1px);
    transform: rotateY(180deg) translateZ(-1px);
}

.h-btn-catalog.active .h-btn-catalog__line {
    display: block;
    background-color: #fff0 !important;
    -webkit-transition: none;
    transition: none;
}

.h-btn-catalog.active .h-btn-catalog__line:after, .h-btn-catalog.active .h-btn-catalog__line:before {
    top: 0;
    bottom: 0;
    margin: auto;
    display: block;
}

.h-btn-catalog.active .h-btn-catalog__line:before {
    -webkit-transform: rotate(-45deg) translateZ(0);
    transform: rotate(-45deg) translateZ(0);
}

.h-btn-catalog.active .h-btn-catalog__line:after {
    -webkit-transform: rotate(45deg) translateZ(0);
    transform: rotate(45deg) translateZ(0);
}

.h-btn-catalog.active svg {
    display: none;
}

.h-btn-catalog__line {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 2px;
    width: 19px;
    border-radius: 1px;
    margin: auto;
    -webkit-transition: background-color .2s, -webkit-transform .6s;
    transition: background-color .2s, -webkit-transform .6s;
    transition: transform .6s, background-color .2s;
    transition: transform .6s, background-color .2s, -webkit-transform .6s;
}

@media (max-width: 1023px) {
    .h-btn-catalog__line {
        display: block;
    }
}

.h-btn-catalog__line, .h-btn-catalog__line:after, .h-btn-catalog__line:before {
    background-color: #fff;
}

.h-btn-catalog__line:after, .h-btn-catalog__line:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 2px;
    -webkit-transition: background-color .2s, -webkit-transform .6s;
    transition: background-color .2s, -webkit-transform .6s;
    transition: transform .6s, background-color .2s;
    transition: transform .6s, background-color .2s, -webkit-transform .6s;
    border-radius: 2px;
    display: none;
}

@media (max-width: 1023px) {
    .h-btn-catalog__line:after, .h-btn-catalog__line:before {
        display: block;
    }
}

.h-btn-catalog__line:before {
    top: 5px;
}

.h-btn-catalog__line:after {
    bottom: 5px;
}

.mango-callback {
    position: fixed;
    top: auto;
    width: 0;
    left: auto;
    right: 110px;
    bottom: 60px;
    padding: 56px 0;
    z-index: 1000 !important;
}

@media (max-width: 1800px) {
    .mango-callback {
        bottom: 120px;
    }
}

@media (max-width: 767px) {
    .mango-callback {
        bottom: 60px;
    }
}

.mango-callback .widget-wrapper .close-popup:hover {
    background: url(/local/client/img/widgets-close-active.svg) no-repeat !important;
}

.button-widget-open {
    top: auto;
    overflow: visible;
    display: block;
    width: 60px !important;
    height: 60px !important;
    max-width: 60px;
    border-radius: 100%;
    position: absolute;
    bottom: -20px;
    right: -75px;
    background: #156cbb;
    background-image: url(button-phone.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    padding: 0 10px;
    cursor: pointer;
}

@media (max-width: 767px) {
    .button-widget-open {
        width: 138px !important;
        height: 36px !important;
        max-width: none;
        bottom: 150px;
        right: auto;
        left: 24px;
        border-radius: 6px 6px 0 0;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        background-image: none;
        color: #fff;
        font-size: 14px;
        font-family: SegoeUI !important;
        font-weight: 600;
    }
}

.button-widget-open:hover {
    -webkit-animation: rotating-function .35s linear infinite;
    animation: rotating-function .35s linear infinite;
}

@media (max-width: 767px) {
    .button-widget-open:hover {
        -webkit-animation: none;
        animation: none;
    }
}

.button-widget-open:before {
    opacity: .65;
    background-color: inherit;
    display: block !important;
    width: 78px;
    height: 78px;
    content: "" !important;
    position: absolute;
    right: -9px;
    bottom: -9px;
    border-radius: 100%;
    -webkit-animation: mango-pulse 2s ease-in-out infinite;
    animation: mango-pulse 2s ease-in-out infinite;
    -webkit-animation-delay: .3s;
    animation-delay: .3s;
    z-index: -1;
}

@media (max-width: 767px) {
    .button-widget-open:before {
        display: none !important;
    }
}

.button-widget-open > span {
    display: none;
}

@media (max-width: 767px) {
    .button-widget-open > span {
        display: block;
    }
}

@-webkit-keyframes rotating-function {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    50% {
        -webkit-transform: rotate(30deg);
        transform: rotate(30deg);
    }

    to {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }
}

@keyframes rotating-function {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    50% {
        -webkit-transform: rotate(30deg);
        transform: rotate(30deg);
    }

    to {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }
}

@-webkit-keyframes mango-pulse {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0;
    }
}

@keyframes mango-pulse {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0;
    }
}

.scroll-top {
    margin-top: 20px;
    display: none;
    background: #156cbb;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    cursor: pointer;
    position: fixed;
    right: 35px;
    bottom: 115px;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    z-index: 9999;
}

.scroll-top .btn-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

.scroll-top .btn-top .i-icon {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.scroll-top .btn-top .i-icon > * {
    fill: #fff0;
    stroke: #fff;
}

@media (max-width: 1023px) {
    .scroll-top {
        display: none !important;
    }
}

.b-modal-auth {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 30px 60px 32px;
    background-color: #99f;
}

@media (max-width: 767px) {
    .b-modal-auth {
        padding: 20px 30px;
    }
}

@media (max-width: 500px) {
    .b-modal-auth {
        padding: 20px;
    }
}

.b-modal-auth__img {
    padding-top: 14px;
}

@media (max-width: 767px) {
    .b-modal-auth__img {
        display: none;
    }
}

.b-modal-auth__img img {
    width: 154px;
}

.b-modal-auth__content {
    width: calc(100% - 240px);
    max-width: 394px;
    margin-left: 86px;
}

@media (max-width: 767px) {
    .b-modal-auth__content {
        width: 100%;
        max-width: 100%;
        margin-left: 0;
    }
}

.b-modal-auth__content [data-send-sms] {
    color: #fff;
    -webkit-transition: color .3s;
    transition: color .3s;
}

.b-modal-auth__content [data-send-sms]:hover {
    color: #99f;
}

.b-modal-auth__content .b-form__item {
/ / margin-bottom: 25 px;
    background-color: #fff;
}

.b-modal-auth__content .b-form__item.error .b-form__text {
    position: static;
}

.b-modal-auth__content .b-checkbox {
    margin-top: 35px !important;
    margin-bottom: 20px;
    background-color: #fff0;
}

@media (max-width: 767px) {
    .b-modal-auth__content .b-checkbox {
        margin-bottom: 10px;
    }
}

.b-modal-auth__content .b-tabs {
    padding-top: 10px;
}

.b-modal-auth__content .b-tabs-head .b-tabs-link {
    color: #fff;
    font-size: 14px;
    border-bottom-color: #fff0;
    margin-right: 25px;
    padding: 0 !important;
}

.b-modal-auth__content .b-tabs-head .b-tabs-link.active {
    cursor: default;
    color: #fdbd27;
    border-bottom: 1px dashed #fdbd27;
}

.b-modal-auth__content .b-tabs__content .link {
    color: #fff;
    font-size: 16px;
    margin-left: 50px;
}

@media (max-width: 767px) {
    .b-modal-auth__content .b-tabs__content .link {
        margin-left: 20px;
        font-size: 13px;
    }
}

.b-modal-auth__content .b-tabs__content .link:hover {
    color: #ffb711;
}

.b-modal-auth__content .b-tabs__content .link.link--forgot {
    display: inline-block;
    margin-left: 0;
    margin-top: 20px;
    border-bottom: 1px dotted #fff;
    font-size: 13px;
}

.b-modal-auth__content .b-tabs__content .link.link--forgot:hover {
    border-bottom: 1px dotted #ffb711;
}

@media (max-width: 767px) {
    .b-modal-auth__content .b-tabs__content .b-form__item {
        margin-top: 15px !important;
    }
}

.b-modal-auth__content .b-tabs__content .b-form .btn {
    margin-top: 22px;
}

@media (max-width: 500px) {
    .b-modal-auth__content .b-tabs__content .b-form .btn {
        margin-top: 20px;
    }
}

.b-modal-auth .b-form__item.b-checkbox {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: auto;
}

.b-modal-city-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.b-modal-city-top__img {
    width: 70px;
}

@media (max-width: 500px) {
    .b-modal-city-top__img {
        display: none;
    }
}

.b-modal-city-top__img svg {
    width: 100%;
    height: 100%;
}

.b-modal-city-top__inner {
    width: calc(100% - 90px);
    max-width: calc(100% - 150px);
    margin-left: 20px;
}

@media (max-width: 767px) {
    .b-modal-city-top__inner {
        max-width: 100%;
    }
}

@media (max-width: 500px) {
    .b-modal-city-top__inner {
        width: 100%;
        margin-left: 0;
    }
}

.b-modal-city-top.b-modal__top {
    background: #156cbb;
}

.b-modal-city__search {
    max-width: 629px;
    position: relative;
}

.b-modal-city__search .b-form__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    z-index: 3;
}

.b-modal-city__search .b-form__item input {
    min-height: 60px;
    padding-top: 18px !important;
    padding-bottom: 5px !important;
}

.b-modal-city__search .b-form__item button {
    position: absolute;
    top: 0;
    right: 0;
    width: 60px;
    height: 60px;
    cursor: pointer;
}

.b-modal-city__search .b-form__item button:hover svg * {
    fill: #156cbb;
}

.b-modal-city__search .b-form__item button svg * {
    fill: #c8c8d2;
    -webkit-transition: fill .2s;
    transition: fill .2s;
}

.b-modal-city__search .b-form-suggest__item {
    width: 100%;
}

.b-modal-city__search .b-form-suggest__item:hover {
    color: #156cbb;
}

.b-modal-city__content {
    padding: 20px 35px 40px;
    background-color: #f4f4f6;
}

@media (max-width: 500px) {
    .b-modal-city__content {
        max-height: calc(50vh - 70px);
        padding: 20px;
        overflow: auto;
    }
}

.b-modal-city__list, .b-modal-city__main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
}

.b-modal-city__list button, .b-modal-city__main button {
    color: #252536;
    -webkit-transition: color .2s;
    transition: color .2s;
    line-height: 21px;
    cursor: pointer;
    width: calc(33.3333% - 50px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 50px;
}

@media (max-width: 1023px) {
    .b-modal-city__list button, .b-modal-city__main button {
        width: calc(50% - 50px);
    }
}

@media (max-width: 767px) {
    .b-modal-city__list button, .b-modal-city__main button {
        width: 100%;
        margin-right: 0;
    }
}

.b-modal-city__list button:hover, .b-modal-city__main button:hover {
    color: #156cbb;
}

.b-modal-city__list button:hover:after, .b-modal-city__list button:hover:before, .b-modal-city__main button:hover:after, .b-modal-city__main button:hover:before {
    background-color: #156cbb;
}

.b-modal-city__list--sub {
    display: grid;
    grid-template-columns: repeat(4, minmax(100px, auto));
    padding-left: 30px;
}

@media (max-width: 1023px) {
    .b-modal-city__list--sub {
        grid-template-columns: repeat(3, minmax(100px, auto));
    }
}

@media (max-width: 500px) {
    .b-modal-city__list--sub {
        grid-template-columns: repeat(1, minmax(100px, auto));
    }
}

.b-modal-city__list--sub button {
    width: auto;
}

@media (max-width: 767px) {
    .b-modal-city__list--sub button {
        width: 100%;
    }
}

.b-modal-city__list .c-city {
    width: calc(33.3333% - 50px);
    margin-right: 50px;
}

@media (max-width: 1023px) {
    .b-modal-city__list .c-city {
        width: calc(50% - 50px);
    }
}

@media (max-width: 767px) {
    .b-modal-city__list .c-city {
        width: 100%;
        margin-right: 0;
    }
}

.b-modal-city__list .c-city__region {
    position: relative;
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 21px;
    color: #252536;
    width: 100%;
    cursor: pointer;
    -webkit-transition: .2s;
    transition: .2s;
}

.b-modal-city__list .c-city__region:hover {
    color: #156cbb;
}

.b-modal-city__list .c-city__region:hover:after, .b-modal-city__list .c-city__region:hover:before {
    background-color: #156cbb;
}

.b-modal-city__list .c-city__region:after, .b-modal-city__list .c-city__region:before {
    content: "";
    position: absolute;
    top: 40%;
    width: 7px;
    transition: background-color .2s, transform .2s, -webkit-transform .2s;
    pointer-events: none;
    right: 30px;
    height: 1px;
    background-color: #252536;
}

.b-modal-city__list .c-city__region:before {
    -webkit-transform: translateY(5px) rotate(-225deg);
    -ms-transform: translateY(5px) rotate(-225deg);
    transform: translateY(5px) rotate(-225deg);
}

.b-modal-city__list .c-city__region:after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.b-modal-city__list .c-city__city {
    margin-bottom: 10px;
    font-size: 15px;
    line-height: 18px;
    color: #fff;
    -webkit-transition: .2s;
    transition: .2s;
    cursor: pointer;
    width: 100%;
}

.b-modal-city__list .c-city__city:hover {
    color: #99f;
}

.b-modal-city__list .c-city__list {
    display: none;
    padding-left: 15px;
}

.b-modal-city__list button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px;
    font-size: 16px;
    page-break-inside: avoid;
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    break-inside: avoid;
    text-align: left;
}

.b-modal-city__main {
    margin-bottom: 13px;
}

@media (max-width: 500px) {
    .b-modal-city__main {
        margin-bottom: 0;
    }
}

.b-modal-city__main--cols {
    margin-bottom: 23px;
}

@media (max-width: 500px) {
    .b-modal-city__main--cols {
        margin-bottom: 0;
    }
}

.b-modal-city__main--cols button, .b-modal-city__main button {
    font-weight: 600;
    font-size: 19px;
}

.b-modal-city__main button {
    display: inline-table;
}

.b-modal-city__main [data-to-list-city] {
    width: 100%;
    font-size: 18px;
    position: relative;
    padding-left: 30px;
    text-align: left;
}

.b-modal-city__main [data-to-list-city]:after, .b-modal-city__main [data-to-list-city]:before {
    content: "";
    position: absolute;
    top: 40%;
    left: 0;
    width: 9px;
    transition: background-color .2s, transform .2s, -webkit-transform .2s;
    pointer-events: none;
    height: 2px;
    background-color: #252536;
}

.b-modal-city__main [data-to-list-city]:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.b-modal-city__main [data-to-list-city]:before {
    -webkit-transform: translateY(5px) rotate(-315deg);
    -ms-transform: translateY(5px) rotate(-315deg);
    transform: translateY(5px) rotate(-315deg);
}

.b-modal-city__list--cols, .b-modal-city__main--cols {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    grid-column-gap: 20px;
    width: 100%;
}

@media (max-width: 1023px) {
    .b-modal-city__list--cols, .b-modal-city__main--cols {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }
}

@media (max-width: 500px) {
    .b-modal-city__list--cols, .b-modal-city__main--cols {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
        grid-column-gap: 0;
    }
}

.b-modal-city__list--cols button, .b-modal-city__main--cols button {
    width: 100%;
    margin-right: 0;
    text-align: left;
}

@media (max-width: 767px) {
    .b-modal-city__list--cols button, .b-modal-city__main--cols button {
        width: 100%;
    }
}

.b-modal-city__list--cols button > span:first-child:not(:last-child), .b-modal-city__main--cols button > span:first-child:not(:last-child) {
    color: #156cbb;
    font-weight: 700;
}

.b-modal-city__list--cols .c-city, .b-modal-city__main--cols .c-city {
    width: auto;
    margin-right: 0;
    margin-bottom: 10px;
}

@media (max-width: 1023px) {
    .b-modal-city__list--cols .c-city, .b-modal-city__main--cols .c-city {
        width: auto;
    }
}

.b-modal-city__list--cols .c-city__region, .b-modal-city__main--cols .c-city__region {
    width: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-right: 25px;
    margin-bottom: 0;
}

.b-modal-city__list--cols .c-city__region:after, .b-modal-city__list--cols .c-city__region:before, .b-modal-city__main--cols .c-city__region:after, .b-modal-city__main--cols .c-city__region:before {
    top: 43%;
    right: 10px;
    width: 8px;
    height: 2px;
}

.b-modal-city__list--cols .c-city__wrap, .b-modal-city__main--cols .c-city__wrap {
    display: inline-table;
}

.b-modal-city__list--cols .c-city__wrap > span:first-child:not(:last-child), .b-modal-city__main--cols .c-city__wrap > span:first-child:not(:last-child) {
    color: #156cbb;
    font-weight: 700;
}

.b-modal-city .ps__rail-y {
    right: 7px !important;
    background-color: #fff0 !important;
}

.b-modal-city .ps__thumb-y {
    background-color: #33198a;
}

.b-modal-kit__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 18px;
}

@media (max-width: 767px) {
    .b-modal-kit__top {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

.b-modal-kit__top .link {
    font-size: 18px;
}

@media (max-width: 767px) {
    .b-modal-kit__top .link {
        font-size: 15px;
    }
}

.b-modal-kit__top .btn {
    margin-left: 20px;
    white-space: nowrap;
}

@media (max-width: 767px) {
    .b-modal-kit__top .btn {
        margin-left: 0;
    }
}

@media (max-width: 1023px) {
    .b-modal-kit__top .btn span:first-of-type {
        display: none;
    }
}

.b-modal-kit__top .btn span:last-of-type:not(:first-of-type) {
    display: none;
}

@media (max-width: 1023px) {
    .b-modal-kit__top .btn span:last-of-type:not(:first-of-type) {
        display: block;
    }
}

.b-modal-kit__sum {
    margin-left: auto;
    font-size: 21px;
}

@media (max-width: 767px) {
    .b-modal-kit__sum {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
        width: 100%;
        margin-left: 0;
        margin-bottom: 10px;
        font-size: 17px;
    }
}

.b-modal-kit__sum span:first-of-type {
    margin-right: 8px;
}

.b-modal-kit__sum span:last-of-type:not(:first-of-type) {
    white-space: nowrap;
    font-weight: 700;
}

.b-modal-kit__slider {
    position: relative;
}

.b-modal-kit__slider .tooltip__text.moved {
    left: -130px !important;
}

@media (max-width: 767px) {
    .b-modal-kit__slider .tooltip__text.moved {
        left: -90px !important;
    }
}

@media (max-width: 500px) {
    .b-modal-kit__slider .tooltip__text.moved {
        left: -124px !important;
    }
}

.b-modal-kit__arrow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 54px;
    width: 52px;
    height: 50px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 32px 0 0 32px;
    background-color: #ffb711;
    -webkit-transition: width .2s, -webkit-transform .2s;
    transition: width .2s, -webkit-transform .2s;
    transition: width .2s, transform .2s;
    transition: width .2s, transform .2s, -webkit-transform .2s;
    cursor: pointer;
    z-index: 2;
}

.b-modal-kit__arrow:hover {
    width: 60px;
}

.b-modal-kit__arrow--prev {
    left: -30px;
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1);
}

@media (max-width: 1023px) {
    .b-modal-kit__arrow--prev {
        left: -30px;
    }
}

@media (max-width: 500px) {
    .b-modal-kit__arrow--prev {
        left: -20px;
    }
}

.b-modal-kit__arrow--prev.disabled {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
}

.b-modal-kit__arrow--next {
    right: -30px;
}

@media (max-width: 1023px) {
    .b-modal-kit__arrow--next {
        right: -30px;
    }
}

@media (max-width: 500px) {
    .b-modal-kit__arrow--next {
        right: -20px;
    }
}

.b-modal-kit__arrow--next.disabled {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
}

.b-modal-kit__arrow svg :not(g) {
    fill: none;
    stroke: #fff;
}

.b-modal-kit-i {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
    height: auto !important;
    padding: 15px 15px 20px !important;
    border: 1px solid #e8e8e8 !important;
    border-radius: 12px !important;
    position: relative;
}

@media (max-width: 767px) {
    .b-modal-kit-i {
        max-width: 292px !important;
    }
}

.b-modal-kit-i:hover .b-modal-kit-i__close {
    opacity: 1;
}

.b-modal-kit-i__close {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 17px;
    right: 17px;
    width: 45px;
    height: 45px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50%;
    background-color: #f4f5f7;
    opacity: 0;
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
    z-index: 1;
    cursor: pointer;
}

@media (max-width: 1023px) {
    .b-modal-kit-i__close {
        opacity: 1;
    }
}

.b-modal-kit-i__close .plus {
    padding: 10px;
}

.b-modal-kit-i__close .plus:after, .b-modal-kit-i__close .plus:before {
    content: "";
    height: 18px;
    background-color: #f53a27;
}

.b-modal-kit-i__title {
    min-height: 40px;
    margin-bottom: 16px;
    font-size: 15px;
}

.b-modal-kit-i__title + div:not(.b-modal-kit-i__bottom) {
    margin-bottom: 19px;
}

.b-modal-kit-i__bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: auto;
}

.b-modal-kit-i__bottom .counter {
    margin-right: 15px;
}

.b-modal-kit-i__bottom .price {
    margin-left: auto;
}

.b-modal-kit-i img {
    width: 100%;
    height: 108px;
    margin-bottom: 15px;
    font-family: "object-fit:contain";
    -o-object-fit: contain;
    object-fit: contain;
}

.b-modal-kit-i [data-entity=sku-line-block] + [data-entity=sku-line-block] {
    margin-top: 10px;
}

.b-modal-kit-i .counter {
    background-color: #156cbb;
}

.b-modal-kit-i .counter input {
    color: #fff;
}

.b-modal-kit-i .counter .plus:not(:hover):after, .b-modal-kit-i .counter .plus:not(:hover):before {
    background-color: #fff;
}

@media (max-width: 767px) {
    .b-modal-kit .swiper-slide {
        width: 292px;
    }
}

.b-modal-kit .swiper-container {
    overflow: visible;
}

.b-modal-kit .d-top__color {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    min-height: 74px;
}

@media (max-width: 500px) {
    .b-modal-kit .d-top__color {
        min-height: inherit;
    }
}

.b-modal-kit .d-top__color li {
    width: 32px;
    height: 32px;
    margin-bottom: 9px;
    border: 2px solid #fff0;
    border-radius: 50%;
}

.b-modal-kit .d-top__color li.selected {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    border: 2px solid #ffb711;
}

@media (min-width: 1801px) {
    :root {
        --img-w: 284px;
        --img-mr: 23px;
        --d-top-material-columns: 8;
    }
}

@media (max-width: 1800px) {
    :root {
        --img-w: 284px;
        --img-mr: 23px;
        --d-top-material-columns: 8;
    }
}

@media (max-width: 1023px) {
    :root {
        --img-w: 214px;
        --img-mr: 15px;
        --d-top-material-columns: 4;
    }
}

.b-modal-p {
    display: grid;
    grid-template-columns: var(--img-w) calc(100% - var(--img-mr) - var(--img-w));
    grid-gap: var(--img-mr);
}

@media (max-width: 767px) {
    .b-modal-p {
        grid-template-columns: 1fr;
    }
}

.b-modal-p__img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

@media (max-width: 767px) {
    .b-modal-p__img {
        height: 195px;
    }
}

.b-modal-p__img div {
    height: 100%;
}

@media (max-width: 767px) {
    .b-modal-p__img img {
        width: 100%;
        font-family: "object-fit:contain";
        -o-object-fit: contain;
        object-fit: contain;
    }
}

.b-modal-p__inner [data-entity] {
    margin-top: 15px;
}

.b-modal-p__title {
    max-width: 300px;
    margin-bottom: 10px;
    font-size: 17px;
    font-weight: 700;
    color: #156cbb;
}

.b-modal-p__article {
    margin-bottom: 12px;
    font-size: 15px;
}

@media (max-width: 500px) {
    .b-modal-p__article {
        display: none;
    }
}

.b-modal-p__bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 20px;
}

@media (max-width: 767px) {
    .b-modal-p__bottom {
        display: block;
    }
}

.b-modal-p__bottom > * {
    margin-right: 12px;
}

@media (max-width: 767px) {
    .b-modal-p__bottom > * {
        margin-right: 0;
    }
}

.b-modal-p__bottom > :last-child {
    margin-right: 0;
}

.b-modal-p__bottom .btn {
    max-width: 270px;
}

@media (max-width: 767px) {
    .b-modal-p__bottom .btn {
        margin-top: 10px;
    }
}

.b-modal-p .d-top-material__inner {
    margin-bottom: 26px;
    grid-template-columns: repeat(var(--d-top-material-columns), minmax(0, 60px));
}

.b-modal-p .price {
    margin-bottom: 30px;
}

.b-modal-p .price span:first-of-type {
    font-size: 23px;
}

.b-modal-p .price span:last-of-type:not(:first-of-type) {
    font-size: 17px;
}

.b-modal-map {
    padding: 15px;
    background-color: #fff;
    position: relative;
    overflow: visible;
}

.b-modal-map__inner {
    position: absolute;
    left: 35px;
    top: 50px;
    max-width: 344px;
    border-radius: 7px;
    -webkit-box-shadow: 0 4px 4px rgb(52 25 138 / .09);
    box-shadow: 0 4px 4px rgb(52 25 138 / .09);
}

@media (max-width: 500px) {
    .b-modal-map__inner {
        left: 25px;
        top: 25px;
    }
}

.b-modal-map__search {
    padding: 10px 20px;
    background-color: #156cbb;
    position: relative;
}

.b-modal-map__search input {
    width: 100%;
    border: none;
    border-radius: 5px;
    background-color: #fff;
    padding: 12px 48px 12px 20px;
    font-size: 16px;
    color: #2a3342;
    overflow: hidden;
    text-overflow: ellipsis;
}

.b-modal-map__search button {
    position: absolute;
    top: 50%;
    right: 20px;
    padding: 10px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
}

.b-modal-map__search button:hover svg :not(g) {
    fill: #99f;
}

.b-modal-map__search button svg :not(g) {
    -webkit-transition: fill .2s;
    transition: fill .2s;
}

.b-modal-map__icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

@media (max-width: 500px) {
    .b-modal-map__icon {
        margin-top: 10px;
    }
}

.b-modal-map__icon > span {
    margin-right: 10px;
    color: #156cbb;
    font-weight: 600;
    cursor: pointer;
}

.b-modal-map__icon > span:hover {
    color: #99f;
}

.b-modal-map__address {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: 10px;
    margin-bottom: 15px;
}

@media (max-width: 500px) {
    .b-modal-map__address {
        width: 100%;
    }
}

.b-modal-map__address span {
    font-size: 17px;
    font-weight: 700;
}

@media (max-width: 767px) {
    .b-modal-map__address span {
        font-size: 16px;
    }
}

.b-modal-map__address span:first-child {
    margin-right: 20px;
    margin-bottom: 5px;
    color: #b0b0b0;
}

.b-modal-map__address span:last-of-type:not(:first-of-type) span {
    color: #2a3342;
}

.b-modal-map__address svg[data-map-address-handle-change] {
    margin: 0 10px 0 0;
    cursor: pointer;
}

.b-modal-map__address svg[data-map-address-handle-change]:hover :not(g) {
    fill: #99f;
    stroke: #99f;
}

.b-modal-map__city {
    display: block;
    font-size: 15px;
}

.b-modal-map__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 15px;
}

@media (max-width: 500px) {
    .b-modal-map__items {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
}

.b-modal-map__items .b-modal-map__address {
    margin-bottom: 0;
}

.b-modal-map__text {
    display: block;
}

.b-modal-map__form {
    padding: 20px;
    background: #fff;
}

.b-modal-map__inputs {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr;
    grid-gap: 23px 7px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 1800px) {
    .b-modal-map__inputs {
        grid-template-columns: repeat(1, 1fr);
    }
}

@media (max-width: 1279px) {
    .b-modal-map__inputs {
        grid-template-columns: 2fr 1fr 1fr;
    }
}

@media (max-width: 1023px) {
    .b-modal-map__inputs {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 767px) {
    .b-modal-map__inputs {
        grid-template-columns: 2fr 1fr 1fr;
    }
}

@media (max-width: 500px) {
    .b-modal-map__inputs {
        grid-template-columns: 1fr;
        grid-gap: 8px;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
}

.b-modal-map__inputs .b-checkbox {
    margin: 0;
}

.b-modal-map__inputs .b-checkbox__label {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media (max-width: 1023px) {
    .b-modal-map__inputs .b-checkbox__label {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}

@media (max-width: 767px) {
    .b-modal-map__inputs .b-checkbox__label {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

@media (max-width: 500px) {
    .b-modal-map__inputs .b-checkbox__label {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}

.b-modal-map__inputs .order-delivery__office .b-checkbox {
    margin: 0 auto;
}

@media (max-width: 1023px) {
    .b-modal-map__inputs .order-delivery__office .b-checkbox {
        margin: 0;
    }
}

@media (max-width: 767px) {
    .b-modal-map__inputs .order-delivery__office .b-checkbox {
        margin: 0 auto;
    }
}

@media (max-width: 500px) {
    .b-modal-map__inputs .order-delivery__office .b-checkbox {
        margin: 0;
    }
}

.b-modal-map__inputs .order-delivery__office .b-checkbox__text {
    font-size: 15px;
}

@media (max-width: 1279px) {
    .b-modal-map__inputs .order-delivery__office .b-checkbox__text {
        font-size: 14px;
    }
}

.b-modal-map .b-form__item {
    margin-top: 0 !important;
    max-width: 350px;
}

@media (max-width: 1800px) {
    .b-modal-map .b-form__item {
        max-width: 350px;
    }
}

@media (max-width: 1279px) {
    .b-modal-map .b-form__item {
        max-width: 100%;
    }
}

.b-modal-map [data-map-detail], .b-modal-map [data-map] {
    height: 500px;
    background-color: #fbf9f0;
}

.b-modal.b-modal--watch {
    max-width: 1330px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: 0;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

@media (max-width: 767px) {
    .b-modal.b-modal--watch {
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        position: fixed;
        padding-bottom: 0;
    }
}

.b-modal.b-modal--watch .b-modal__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 30px !important;
}

@media (max-width: 767px) {
    .b-modal.b-modal--watch .b-modal__inner {
        display: block;
        padding: 20px !important;
        height: 100%;
        border-radius: 0;
    }
}

.b-modal.b-modal--watch .title-h2 {
    font-weight: 500;
    font-size: 28px;
    line-height: 40px;
    color: #252536;
    margin-bottom: 40px;
    width: 100%;
    text-align: center;
}

@media (max-width: 767px) {
    .b-modal.b-modal--watch .title-h2 {
        display: none;
    }
}

.b-modal.b-modal--watch .title-h2-mobile {
    display: none;
    font-weight: 300;
    font-size: 24px;
    line-height: 35px;
    text-transform: uppercase;
    margin-bottom: 30px;
    color: #252536;
}

@media (max-width: 767px) {
    .b-modal.b-modal--watch .title-h2-mobile {
        display: block;
    }
}

.b-modal.b-modal--watch .b-modal__close {
    -webkit-box-shadow: none;
    box-shadow: none;
    width: 30px;
    height: 30px;
    right: 30px;
}

@media (max-width: 767px) {
    .b-modal.b-modal--watch .b-modal__close {
        top: 20px;
        right: 20px;
    }
}

.b-modal.b-modal--watch .b-tabs {
    width: 100%;
}

@media (min-width: 768px) {
    .b-modal.b-modal--watch .b-tabs {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

.b-modal.b-modal--watch .list-address {
    width: 40%;
    max-width: 500px;
    font-size: 15px;
}

@media (max-width: 767px) {
    .b-modal.b-modal--watch .list-address {
        width: 100%;
        display: none;
    }

    .b-modal.b-modal--watch .list-address.active {
        display: block;
    }
}

.b-modal.b-modal--watch .list-address h3 {
    font-weight: 500;
    font-size: 15px;
    line-height: 22px;
    color: #616175;
    margin-bottom: 10px !important;
}

@media (max-width: 1023px) {
    .b-modal.b-modal--watch .list-address h3 {
        display: none;
    }
}

.b-modal.b-modal--watch .list-address ul {
    list-style: none;
    padding: 0 10px 0 0;
    margin: 0;
    max-height: 565px;
    overflow: auto;
    scrollbar-width: thin;
    scrollbar-color: #633cd2 #e7e7eb;
}

@media (max-width: 767px) {
    .b-modal.b-modal--watch .list-address ul {
        max-height: calc(100vh - 170px);
        padding: 0;
    }
}

.b-modal.b-modal--watch .list-address ul::-webkit-scrollbar {
    width: 2px;
}

@media (max-width: 767px) {
    .b-modal.b-modal--watch .list-address ul::-webkit-scrollbar {
        width: 0;
    }
}

.b-modal.b-modal--watch .list-address ul::-webkit-scrollbar-track {
    background: #e7e7eb;
    border-radius: 2px;
}

@media (max-width: 767px) {
    .b-modal.b-modal--watch .list-address ul::-webkit-scrollbar-track {
        background: #fff0;
    }
}

.b-modal.b-modal--watch .list-address ul::-webkit-scrollbar-thumb {
    background-color: #633cd2;
    border-radius: 2px;
}

@media (max-width: 767px) {
    .b-modal.b-modal--watch .list-address ul::-webkit-scrollbar-thumb {
        background: #fff0;
    }
}

.b-modal.b-modal--watch .list-address ul li {
    border: 2px solid #f4f4f6;
    border-radius: 10px;
    margin-bottom: 5px;
    padding: 10px 15px;
    cursor: pointer;
    font-size: 15px;
}

.b-modal.b-modal--watch .list-address ul li.active, .b-modal.b-modal--watch .list-address ul li:hover {
    background: #f4f4f6;
}

.b-modal.b-modal--watch .list-address ul li h4 {
    font-weight: 500;
    font-size: 15px;
    line-height: 22px;
    color: #252536;
}

.b-modal.b-modal--watch .list-address ul li .address {
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    color: #252536;
    margin-bottom: 2px;
}

.b-modal.b-modal--watch .list-address ul li .bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.b-modal.b-modal--watch .list-address ul li .bottom .time {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #616175;
    margin-right: 15px;
}

.b-modal.b-modal--watch .list-address ul li .bottom a {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #633cd2;
}

.b-modal.b-modal--watch .list-address ul li .bottom a:hover {
    text-decoration: underline;
}

.b-modal.b-modal--watch .map-watch {
    width: 59%;
    max-width: 750px;
    max-height: 590px;
    border-radius: 10px;
    overflow: hidden;
}

@media (min-width: 768px) {
    .b-modal.b-modal--watch .map-watch {
        display: block !important;
    }
}

@media (max-width: 767px) {
    .b-modal.b-modal--watch .map-watch {
        width: calc(100% + 40px);
        max-width: calc(100% + 40px);
        display: none;
        max-height: 100%;
        margin: 0 -20px;
    }

    .b-modal.b-modal--watch .map-watch.active {
        display: block;
    }
}

.ymaps-b-balloon {
    border: 1px solid #e6e6e6;
    border-radius: 10px;
    min-width: 325px;
    margin-top: -40px;
}

.ymaps-b-balloon p.name {
    font-weight: 500;
}

.ymaps-b-balloon p.address, .ymaps-b-balloon p.name {
    font-size: 15px;
    line-height: 22px;
    margin-bottom: 2px;
    color: #252536;
}

.ymaps-b-balloon p.address {
    font-weight: 400;
}

.ymaps-b-balloon p.time {
    color: #616175;
    margin-bottom: 2px;
}

.ymaps-b-balloon a, .ymaps-b-balloon p.time {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
}

.ymaps-b-balloon a {
    color: #633cd2;
}

.tabs-view-map {
    display: none;
    width: 100%;
    padding: 2px 0;
    background: #f4f4f6;
    margin: 0 auto 25px;
}

.tabs-view-map, .tabs-view-map .tab-view {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 10px;
}

.tabs-view-map .tab-view {
    width: calc(50% - 4.5px);
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #fff;
    font-weight: 500;
    font-size: 16px;
    line-height: 23px;
    color: #252536;
}

.tabs-view-map .tab-view.active {
    background: #633cd2;
    color: #fff;
}

.tabs-view-map .tab-view:first-of-type {
    margin-right: 5px;
}

@media (max-width: 767px) {
    .tabs-view-map {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

.ymaps-b-balloon__sprite_type_tail {
    background: url(/local/client/img/map.png) no-repeat !important;
    width: 30px;
    height: 30px;
    left: 50% !important;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
}

.ymaps-shadows-pane {
    display: none;
}

.ymaps-b-balloon__close {
    background: url(/local/client/img/map-close.svg) no-repeat !important;
    width: 10px !important;
    height: 10px !important;
    top: 10px !important;
    right: 10px !important;
}

.b-modal {
    width: calc(100% - 30px);
    max-width: 974px;
    margin: 20px auto;
    position: relative;
    top: 100px;
    padding-bottom: 50px;
}

.b-modal--kit .b-modal--order {
    max-width: 1274px;
}

.b-modal--kit .b-modal__inner {
    padding: 65px 20px 20px !important;
}

.b-modal--kit .b-modal__close {
    top: 10px;
    right: 10px;
}

@media (max-width: 1023px) {
    .b-modal--kit .b-modal__close {
        top: auto;
        right: 0;
        bottom: calc(100% + 20px);
    }
}

.b-modal--order {
    max-width: 1274px;
}

@media (max-width: 767px) {
    .b-modal--order.b-modal__close {
        width: 40px;
        height: 40px;
        top: -50px;
    }

    .b-modal--order.b-modal__close .plus--cross {
        width: 20px;
        height: 20px;
    }
}

.b-modal--order .btn--grey {
    color: dimgray;
}

@media (max-width: 650px) {
    .b-modal--order .btn--grey {
        margin-right: 0;
        margin-bottom: 10px;
    }
}

.b-modal--order .order__items {
    max-height: 390px;
    overflow: hidden;
}

@media (max-width: 500px) {
    .b-modal--order .order__items {
        max-height: 250px;
    }
}

@media (max-width: 650px) {
    .b-modal--order .order-t__btns {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

@media (max-width: 500px) {
    .b-modal--order .order-item__bonus {
        width: 113px;
    }

    .b-modal--order .order-item__bonus img {
        margin-right: 4px;
    }

    .b-modal--order .order-item__bonus span {
        font-size: 12px;
    }
}

@media (max-width: 500px) {
    .b-modal--order .order-slider p {
        width: 90%;
    }
}

@media (max-width: 767px) {
    .b-modal--order .p__top .order-item__status--d {
        margin: 0 0 5px 15px;
    }
}

@media (max-width: 500px) {
    .b-modal--order .order-t__i--sum .price {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.b-modal--order.basket-modal-wrapper .p {
    height: 450px;
}

@media (max-width: 1023px) {
    .b-modal--order.basket-modal-wrapper .p {
        height: 380px;
    }
}

@media (max-width: 767px) {
    .b-modal--order.basket-modal-wrapper .p {
        height: 335px;
    }
}

.b-modal--order.basket-modal-wrapper .p .p__title {
    min-height: 36px;
}

.b-modal--order.basket-modal-wrapper .p .p__title + .p__bottom {
    display: block !important;
}

.b-modal--delivery .b-modal__inner .title-1 {
    margin-bottom: 35px;
}

.b-modal--delivery .b-modal__text {
    margin-bottom: 58px;
}

.b-modal--delivery .b-modal__text span {
    background: #e8e8ff;
    padding: 0 3px;
}

.b-modal--delivery .b-modal__img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.b-modal--city .b-modal__close .plus:after, .b-modal--city .b-modal__close .plus:before {
    background-color: #c8c8d2;
}

.b-modal--city .b-modal__close:hover .plus:after, .b-modal--city .b-modal__close:hover .plus:before {
    background-color: #156cbb;
}

.b-modal__inner {
    border-radius: 12px;
    overflow: hidden;
}

.b-modal__inner:not(.b-modal-city):not(.b-modal-auth):not(.b-modal-map) {
    padding: 45px 60px 60px;
    background-color: #fff;
    -webkit-box-shadow: 0 10px 13px rgb(83 58 175 / .12);
    box-shadow: 0 10px 13px rgb(83 58 175 / .12);
}

@media (max-width: 1023px) {
    .b-modal__inner:not(.b-modal-city):not(.b-modal-auth):not(.b-modal-map) {
        padding: 25px 30px 30px;
    }
}

@media (max-width: 767px) {
    .b-modal__inner:not(.b-modal-city):not(.b-modal-auth):not(.b-modal-map) {
        padding: 20px 30px;
    }
}

@media (max-width: 500px) {
    .b-modal__inner:not(.b-modal-city):not(.b-modal-auth):not(.b-modal-map) {
        padding: 20px;
    }
}

.b-modal__inner .title-1 {
    margin-bottom: 25px;
}

.b-modal__inner .b-form {
    max-width: 575px;
}

.b-modal__inner .b-form-file {
    margin-top: 15px;
}

@media (max-width: 500px) {
    .b-modal__inner .b-form-file__btn {
        margin-bottom: 10px;
    }
}

.b-modal__inner .b-form__item--rating label svg {
    width: 17px;
    height: 17px;
}

.b-modal__inner .b-form__item[data-f-item] {
    margin-top: 25px;
}

.b-modal__inner .b-form__item + .b-checkbox {
    margin-top: 20px;
}

.b-modal__inner .b-form__item.b-file {
    margin-bottom: 25px;
}

.b-modal__inner .b-form__item.b-file:last-of-type {
    margin-bottom: 0;
}

.b-modal__inner .b-form .btn {
    margin-top: 35px;
    padding: 17px 69px;
}

@media (max-width: 500px) {
    .b-modal__inner .b-form .btn {
        margin-top: 15px;
    }
}

.b-modal__inner .b-modal-map__inputs .b-checkbox {
    margin-top: 0;
}

.b-modal__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 15px 35px 20px;
    background-color: #462e94;
}

@media (max-width: 500px) {
    .b-modal__top {
        padding: 15px 20px 20px;
    }
}

.b-modal__close {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute !important;
    right: 20px;
    top: 30px;
    width: 50px;
    height: 50px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #fff;
    -webkit-box-shadow: 0 4px 4px rgb(52 25 138 / .09);
    box-shadow: 0 4px 4px rgb(52 25 138 / .09);
    cursor: pointer;
    z-index: 2;
}

@media (max-width: 767px) {
    .b-modal__close {
        right: 0;
        top: -70px;
    }
}

.b-modal--small {
    max-width: 700px;
}

.b-modal--form {
    max-width: 705px;
}

.b-modal--form .b-modal__text {
    display: none;
}

.b-modal--form .b-form__item--textarea {
    margin-bottom: 25px;
}

@media (max-width: 767px) {
    .b-modal--error {
        padding-top: 100px;
    }
}

@media (max-width: 767px) {
    .b-modal--error .b-modal__close {
        top: 0;
    }
}

.b-modal--full-img {
    max-width: 100%;
    width: 100%;
    height: 100vh;
    margin: 0;
    z-index: 3000;
}

@media (max-width: 1023px) {
    .b-modal--full-img {
        height: 100vh;
    }
}

.b-modal--full-img .b-modal__inner:not(.b-modal-city):not(.b-modal-auth):not(.b-modal-map) {
    padding: 0;
    border-radius: 0;
}

@media (max-width: 1023px) {
    .b-modal--full-img .b-modal__inner:not(.b-modal-city):not(.b-modal-auth):not(.b-modal-map) {
        height: 100vh;
    }
}

@media (max-width: 767px) {
    .b-modal--full-img .b-modal__close {
        right: 20px;
        top: 30px;
    }
}

.b-modal--full-img .d-slider {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    width: 100%;
}

.b-modal--full-img .d-slider__main {
    max-width: 1500px;
}

@media (max-width: 1800px) {
    .b-modal--full-img .d-slider__main {
        max-width: calc(100vw - 100px);
    }
}

@media (max-width: 1023px) {
    .b-modal--full-img .d-slider__main {
        max-width: calc(100vw - 10px);
    }
}

.b-modal--full-img .d-slider__main img {
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
}

.b-modal--full-img .d-slider__main .swiper-wrapper {
    max-height: calc(100vh - 200px);
}

@media (max-width: 1023px) {
    .b-modal--full-img .d-slider__main .swiper-wrapper {
        max-height: none;
        padding-bottom: 30px;
    }
}

.b-modal--full-img .d-slider__main .swiper-slide, .b-modal--full-img .d-slider__main .swiper-slide .cloudimage-360 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.b-modal--full-img .d-slider__main .swiper-slide .cloudimage-360 {
    height: calc(100vh - 200px);
}

@media (max-width: 500px) {
    .b-modal--full-img .d-slider__main .swiper-slide .cloudimage-360 {
        height: 250px;
    }
}

.b-modal--full-img .d-slider__main .swiper-slide .cloudimage-360 canvas {
    max-height: calc(100vh - 200px);
    font-family: "object-fit:contain";
    -o-object-fit: contain;
    object-fit: contain;
}

@media (max-width: 1023px) {
    .b-modal--full-img .d-slider__main .swiper-slide .cloudimage-360 canvas {
        max-height: auto;
    }
}

@media (max-width: 1023px) {
    .b-modal--full-img .d-slider__main .d-slider__paginations {
        bottom: 0;
    }
}

.b-modal--full-img .d-slider__p {
    max-width: 1500px;
}

@media (max-width: 1800px) {
    .b-modal--full-img .d-slider__p {
        max-width: calc(100vw - 100px);
    }
}

@media (max-width: 1023px) {
    .b-modal--full-img .d-slider__p {
        display: block;
        max-width: calc(100vw - 10px);
        padding-top: 15px;
    }
}

.b-modal--full-img .d-slider__p .swiper-slide {
    height: 86px;
}

.b-modal--full-img .d-slider__p .swiper-slide.swiper-slide-active img {
    border-radius: 0;
}

.b-modal--full-img .d-slider__p .swiper-slide.active {
    border-color: #156cbb;
}

.b-modal--full-img .d-slider__p .swiper-slide.active img {
    cursor: default;
}

.b-modal--full-img .d-slider__p .swiper-slide img {
    cursor: pointer;
}

.b-modal--full-img .d-slider__p .swiper-slide img.zoomImg {
    display: none !important;
}

.b-modal--full-img .d-slider__arrow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

@media (max-width: 1023px) {
    .b-modal--full-img .d-slider__arrow {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        background-color: hsl(0 0% 100% / .5);
    }
}

.b-modal--full-img .d-slider__arrow--prev {
    left: 5px;
}

.b-modal--full-img .d-slider__arrow--next {
    right: 5px;
}

@media (max-width: 1023px) {
    .b-modal--full-img .d-slider__paginations {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }
}

.b-modal--full-img .b-modal__inner {
    height: 100%;
}

@media (max-width: 1023px) {
    .b-modal--full-img .b-modal__inner {
        height: auto;
    }
}

.b-modal--stories {
    width: 100%;
    max-width: 100%;
    margin: 0;
}

.b-modal--stories .b-modal__close {
    right: 50px;
    top: 50px;
}

@media (max-width: 767px) {
    .b-modal--stories .b-modal__close {
        right: 0;
        top: 0;
        border-radius: 0;
        background: #fff0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
}

@media (max-width: 767px) {
    .b-modal--stories .b-modal__close .plus {
        width: 20px;
        height: 20px;
        padding: 20px;
    }
}

@media (max-width: 767px) {
    .b-modal--stories .b-modal__close .plus:after, .b-modal--stories .b-modal__close .plus:before {
        height: 20px;
        background-color: hsl(0 0% 100% / .5);
    }
}

.b-modal--stories .b-modal__inner:not(.b-modal-city):not(.b-modal-auth):not(.b-modal-map) {
    width: 100vw;
    height: 100vh;
    background: rgb(0 0 0 / .92);
    -webkit-backdrop-filter: blur(47px);
    backdrop-filter: blur(47px);
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 90px 260px;
    border-radius: 0;
}

@media (max-width: 1500px) {
    .b-modal--stories .b-modal__inner:not(.b-modal-city):not(.b-modal-auth):not(.b-modal-map) {
        padding: 90px 160px;
    }
}

@media (max-width: 1023px) {
    .b-modal--stories .b-modal__inner:not(.b-modal-city):not(.b-modal-auth):not(.b-modal-map) {
        padding: 90px 60px;
    }
}

@media (max-width: 500px) {
    .b-modal--stories .b-modal__inner:not(.b-modal-city):not(.b-modal-auth):not(.b-modal-map) {
        padding: 0;
    }
}

.b-modal--stories .swiper-slide {
    width: 461px;
    opacity: .7;
}

@media (max-width: 500px) {
    .b-modal--stories .swiper-slide {
        width: 100%;
    }
}

.b-modal--stories .swiper-slide.swiper-slide-active {
    opacity: 1;
}

.b-modal--stories .swiper-container {
    height: 100%;
}

.b-modal--stories .swiper-pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.b-modal--stories .swiper-pagination.swiper-pagination-progress {
    width: calc(100% - 35px);
    max-width: 420px;
    height: 4px;
    left: 20px;
    right: 20px;
    top: 61px;
    margin: 0 auto;
}

@media (max-width: 500px) {
    .b-modal--stories .swiper-pagination.swiper-pagination-progress {
        top: 56px;
    }
}

.b-modal--stories .swiper-pagination.swiper-pagination-progress .swiper-pagination-progressbar-fill {
    background: #156cbb;
    width: 100%;
    height: 100%;
}

.b-modal--stories .stories-next, .b-modal--stories .stories-prev {
    width: 200px;
    height: 100%;
    top: 0;
    margin-top: 0;
    background-image: none;
}

.b-modal--stories .stories-next:after, .b-modal--stories .stories-prev:after {
    display: none;
}

.b-modal--stories .stories-prev {
    right: auto;
    left: calc(50% - 240px);
}

@media (max-width: 500px) {
    .b-modal--stories .stories-prev {
        left: 0;
    }
}

.b-modal--stories .stories-next {
    left: auto;
    right: calc(50% - 240px);
}

@media (max-width: 500px) {
    .b-modal--stories .stories-next {
        right: 0;
    }
}

.b-modal--click .b-checkbox__label:hover .b-checkbox__text, .b-modal--click .b-checkbox__label:hover .b-form__pp, .b-modal--click .b-form__pp {
    color: #2a3342;
}

.b-modal--click .b-form__pp a:hover {
    color: #99f;
}

.b-modal--img {
    max-width: 1544px;
}

@media (max-width: 1500px) {
    .b-modal--img {
        max-width: 80vw;
    }
}

@media (max-width: 767px) {
    .b-modal--img {
        max-width: none;
    }
}

.b-modal--img .b-modal__close {
    right: 20px;
    top: -24px;
}

@media (max-width: 1023px) {
    .b-modal--img .b-modal__close {
        top: -80px;
        right: 0;
    }
}

.b-modal--img .b-modal__inner:not(.b-modal-city):not(.b-modal-auth):not(.b-modal-map) {
    background: #fff0;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.b-modal--img .b-modal__inner .d-slider__arrow {
    top: calc(50% - 67px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #fff0;
    width: 32px;
    height: 61px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

@media (max-width: 767px) {
    .b-modal--img .b-modal__inner .d-slider__arrow {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        width: 30px;
        height: 30px;
    }
}

.b-modal--img .b-modal__inner .d-slider__arrow--prev {
    left: 0;
}

@media (max-width: 1500px) {
    .b-modal--img .b-modal__inner .d-slider__arrow--prev {
        left: -50px;
    }
}

@media (max-width: 767px) {
    .b-modal--img .b-modal__inner .d-slider__arrow--prev {
        left: 0;
    }
}

.b-modal--img .b-modal__inner .d-slider__arrow--next {
    right: 0;
}

@media (max-width: 1500px) {
    .b-modal--img .b-modal__inner .d-slider__arrow--next {
        right: -50px;
    }
}

@media (max-width: 767px) {
    .b-modal--img .b-modal__inner .d-slider__arrow--next {
        right: 0;
    }
}

.b-modal--img .b-modal__inner .d-slider__arrow.disabled {
    display: none !important;
}

.b-modal--img .b-modal__inner .d-slider__arrow .i-icon {
    width: 100%;
    height: 100%;
}

.b-modal--img .b-modal__inner .d-slider__arrow .i-icon > * {
    fill: #fff0;
}

@media (max-width: 767px) {
    .b-modal--img .b-modal__inner .d-slider__arrow .i-icon > * {
        stroke: #156cbb;
    }
}

.b-modal--img .b-modal__inner .d-slider__main {
    margin: 0 auto 30px;
    padding-left: 72px;
    padding-right: 72px;
}

@media (max-width: 1500px) {
    .b-modal--img .b-modal__inner .d-slider__main {
        padding-left: 0;
        padding-right: 0;
    }
}

.b-modal--img .b-modal__inner .d-slider__main .swiper-slide {
    background: #fff0;
    max-height: 500px;
}

@media (max-width: 500px) {
    .b-modal--img .b-modal__inner .d-slider__main .swiper-slide {
        padding-bottom: 0;
    }
}

@media (max-width: 767px) {
    .b-modal--img .b-modal__inner .d-slider__main .swiper-slide.swiper-slide-active {
        border-radius: 10px;
    }
}

.b-modal--img .b-modal__inner .d-slider__main .swiper-slide.swiper-slide-active img {
    margin: auto;
}

@media (max-width: 767px) {
    .b-modal--img .b-modal__inner .d-slider__main .swiper-slide.swiper-slide-active img {
        border-radius: 10px;
    }
}

.b-modal--img .b-modal__inner .d-slider__main .swiper-slide.swiper-slide-active .d-slider__zoom {
    position: relative;
    overflow: hidden;
    height: 100%;
    border-radius: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.b-modal--img .b-modal__inner .d-slider__main .swiper-slide.swiper-slide-next, .b-modal--img .b-modal__inner .d-slider__main .swiper-slide.swiper-slide-prev {
    opacity: 0;
}

@media (max-width: 1023px) {
    .b-modal--img .b-modal__inner .d-slider__p {
        display: block !important;
    }
}

.b-modal--img .b-modal__inner .d-slider__p .swiper-slide {
    width: 100px;
    height: 100px;
    background: #fff0;
    border: 3px solid #fff0;
    border-radius: 10px;
    -webkit-transition: .2s;
    transition: .2s;
}

.b-modal--img .b-modal__inner .d-slider__p .swiper-slide.active, .b-modal--img .b-modal__inner .d-slider__p .swiper-slide:hover {
    border-color: #156cbb;
}

.b-modal--img .b-modal__inner .d-slider__p .swiper-slide img {
    width: 100%;
    height: 100%;
    font-family: "object-fit:cover";
    -o-object-fit: cover;
    object-fit: cover;
}

.b-modal:not(.b-modal--click) .b-form__pp {
    color: hsl(0 0% 100% / .6);
}

.b-modal:not(.b-modal--click) .b-form__pp a {
    color: #fff;
    -webkit-text-decoration: underline #fff0;
    text-decoration: underline #fff0;
    -webkit-transition: -webkit-text-decoration .2s;
    transition: -webkit-text-decoration .2s;
    transition: text-decoration .2s;
    transition: text-decoration .2s, -webkit-text-decoration .2s;
}

.b-modal:not(.b-modal--click) .b-form__pp a:hover {
    -webkit-text-decoration-color: currentColor;
    text-decoration-color: currentColor;
}

.b-modal .b-form__pp .b-checkbox__input:checked:not(.disabled) + .b-checkbox__box {
    background-color: #ffa011 !important;
}

.b-modal .b-form__pp .b-checkbox__box {
    border-color: #fff0 !important;
}

.b-modal .b-form__add {
    margin-top: 25px;
}

.b-modal .title-3 {
    color: #156cbb;
    margin-bottom: 19px;
}

.b-modal .title-3 span {
    margin-bottom: 19px;
    font-weight: 700;
    color: #fff;
}

.b-modal .about__img--price {
    display: block;
    height: 448px;
    margin: 30px auto 0;
}

@media (max-width: 1023px) {
    .b-modal .about__img--price {
        height: 358px;
    }
}

@media (max-width: 500px) {
    .b-modal .about__img--price {
        height: 168px;
        margin: 15px auto 0;
    }
}

.b-modal--forgot {
    max-width: 700px;
}

.b-modal--forgot .b-modal__inner {
    background-color: #533aaf !important;
    color: #fff;
}

.b-modal--forgot .b-modal__inner p {
    margin: 0 40px 10px 0;
}

.b-modal--forgot .b-modal__inner a {
    color: #ffb711;
    text-decoration: underline;
}

.b-modal--forgot .b-modal__inner a:hover {
    color: #ffb711;
    text-decoration: none;
}

.full-img .mfp-wrap {
    top: 0 !important;
}

.mfp-zoom-out-cur [data-zoom-wrap] {
    max-width: calc(100vw - 100px);
    max-height: calc(100vh - 100px);
}

@media (max-width: 1023px) {
    .mfp-zoom-out-cur [data-zoom-wrap] {
        max-width: 100%;
        max-height: 100%;
    }
}

.pswp__img {
    font-family: "object-fit:contain" !important;
    -o-object-fit: contain !important;
    object-fit: contain !important;
}

.pswp__button {
    width: 44px;
    height: 44px;
    position: relative;
    background: none;
    cursor: pointer;
    overflow: visible;
    -webkit-appearance: none;
    display: block;
    border: 0;
    padding: 0;
    margin: 0;
    float: right;
    opacity: .75;
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
    -webkit-box-shadow: none;
    box-shadow: none;
}

@media (max-width: 767px) {
    .pswp__button:not(.pswp__button--close) {
        display: none !important;
    }
}

.pswp__button:focus, .pswp__button:hover {
    opacity: 1;
}

.pswp__button:active {
    outline: none;
    opacity: .9;
}

.pswp__button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

.pswp__bg {
    background-color: #0c2241 !important;
}

.pswp__ui--over-close .pswp__button--close {
    opacity: 1;
}

.pswp__button, .pswp__button--arrow--left:before, .pswp__button--arrow--right:before {
    background: url(/local/client/img/default-skin.png) 0 0 no-repeat;
    background-size: 264px 88px;
    width: 44px;
    height: 44px;
}

@media (-webkit-min-device-pixel-ratio: 1.1),(-webkit-min-device-pixel-ratio: 1.09375),(min-resolution: 1.1dppx),(min-resolution: 105dpi) {
    .pswp--svg .pswp__button, .pswp--svg .pswp__button--arrow--left:before, .pswp--svg .pswp__button--arrow--right:before {
        background-image: url(/local/client/img/default-skin.svg);
    }

    .pswp--svg .pswp__button--arrow--left, .pswp--svg .pswp__button--arrow--right {
        background: none;
    }
}

.pswp__button--close {
    background-position: 0 -44px;
}

.pswp__button--share {
    background-position: -44px -44px;
}

.pswp__button--fs {
    display: none;
}

.pswp--supports-fs .pswp__button--fs {
    display: block;
}

.pswp--fs .pswp__button--fs {
    background-position: -44px 0;
}

.pswp__button--zoom {
    display: none;
    background-position: -88px 0;
}

.pswp--zoom-allowed .pswp__button--zoom {
    display: block;
}

.pswp--zoom-allowed .pswp__img {
    cursor: default !important;
}

.pswp--zoomed-in .pswp__button--zoom {
    background-position: -132px 0;
}

.pswp--touch .pswp__button--arrow--left, .pswp--touch .pswp__button--arrow--right {
    visibility: hidden;
}

.pswp__button--arrow--left, .pswp__button--arrow--right {
    background: none;
    top: 50%;
    margin-top: -50px;
    width: 70px;
    height: 100px;
    position: absolute;
}

.pswp__button--arrow--left {
    left: 0;
}

.pswp__button--arrow--right {
    right: 0;
}

.pswp__button--arrow--left:before, .pswp__button--arrow--right:before {
    content: "";
    top: 35px;
    background-color: rgb(0 0 0 / .3);
    height: 30px;
    width: 32px;
    position: absolute;
}

.pswp__button--arrow--left:before {
    left: 6px;
    background-position: -138px -44px;
}

.pswp__button--arrow--right:before {
    right: 6px;
    background-position: -94px -44px;
}

.pswp__counter, .pswp__share-modal {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.pswp__share-modal {
    display: block;
    background: rgb(0 0 0 / .5);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding: 10px;
    position: absolute;
    z-index: 1600;
    opacity: 0;
    -webkit-transition: opacity .25s ease-out;
    transition: opacity .25s ease-out;
    -webkit-backface-visibility: hidden;
    will-change: opacity;
}

.pswp__share-modal--hidden {
    display: none;
}

.pswp__share-tooltip {
    z-index: 1620;
    position: absolute;
    background: #fff;
    top: 56px;
    border-radius: 2px;
    display: block;
    width: auto;
    right: 44px;
    -webkit-box-shadow: 0 2px 5px rgb(0 0 0 / .25);
    box-shadow: 0 2px 5px rgb(0 0 0 / .25);
    -webkit-transform: translateY(6px);
    -ms-transform: translateY(6px);
    transform: translateY(6px);
    -webkit-transition: -webkit-transform .25s;
    transition: -webkit-transform .25s;
    transition: transform .25s;
    transition: transform .25s, -webkit-transform .25s;
    -webkit-backface-visibility: hidden;
    will-change: transform;
}

.pswp__share-tooltip a {
    display: block;
    padding: 8px 12px;
    font-size: 14px;
    line-height: 18px;
}

.pswp__share-tooltip a, .pswp__share-tooltip a:hover {
    color: #000;
    text-decoration: none;
}

.pswp__share-tooltip a:first-child {
    border-radius: 2px 2px 0 0;
}

.pswp__share-tooltip a:last-child {
    border-radius: 0 0 2px 2px;
}

.pswp__share-modal--fade-in {
    opacity: 1;
}

.pswp__share-modal--fade-in .pswp__share-tooltip {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.pswp--touch .pswp__share-tooltip a {
    padding: 16px 12px;
}

a.pswp__share--facebook:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: -12px;
    right: 15px;
    border: 6px solid #fff0;
    border-bottom-color: #fff;
    -webkit-pointer-events: none;
    -moz-pointer-events: none;
    pointer-events: none;
}

a.pswp__share--facebook:hover {
    background: #3e5c9a;
    color: #fff;
}

a.pswp__share--facebook:hover:before {
    border-bottom-color: #3e5c9a;
}

a.pswp__share--twitter:hover {
    background: #55acee;
    color: #fff;
}

a.pswp__share--pinterest:hover {
    background: #ccc;
    color: #ce272d;
}

a.pswp__share--download:hover {
    background: #ddd;
}

.pswp__counter {
    position: absolute;
    left: 0;
    top: 0;
    height: 44px;
    font-size: 13px;
    line-height: 44px;
    color: #fff;
    opacity: .75;
    padding: 0 10px;
}

.pswp__caption {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    min-height: 44px;
}

.pswp__caption small {
    font-size: 11px;
    color: #bbb;
}

.pswp__caption__center {
    text-align: left;
    max-width: 420px;
    margin: 0 auto;
    font-size: 13px;
    padding: 10px;
    line-height: 20px;
    color: #ccc;
}

.pswp__caption--empty {
    display: none;
}

.pswp__caption--fake {
    visibility: hidden;
}

.pswp__preloader {
    width: 44px;
    height: 44px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -22px;
    opacity: 0;
    -webkit-transition: opacity .25s ease-out;
    transition: opacity .25s ease-out;
    will-change: opacity;
    direction: ltr;
}

.pswp__preloader__icn {
    width: 20px;
    height: 20px;
    margin: 12px;
}

.pswp--css_animation .pswp__preloader--active, .pswp__preloader--active {
    opacity: 1;
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
    -webkit-animation: clockwise .5s linear infinite;
    animation: clockwise .5s linear infinite;
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
    -webkit-animation: donut-rotate 1s cubic-bezier(.4, 0, .22, 1) infinite;
    animation: donut-rotate 1s cubic-bezier(.4, 0, .22, 1) infinite;
}

.pswp--css_animation .pswp__preloader__icn {
    background: none;
    opacity: .75;
    width: 14px;
    height: 14px;
    position: absolute;
    left: 15px;
    top: 15px;
    margin: 0;
}

.pswp--css_animation .pswp__preloader__cut {
    position: relative;
    width: 7px;
    height: 14px;
    overflow: hidden;
}

.pswp--css_animation .pswp__preloader__donut {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border-color: #fff #fff #fff0 #fff0;
    border-style: solid;
    border-width: 2px;
    position: absolute;
    top: 0;
    left: 0;
    background: none;
    margin: 0;
}

@media screen and (max-width: 1024px) {
    .pswp__preloader {
        position: relative;
        left: auto;
        top: auto;
        margin: 0;
        float: right;
    }
}

@-webkit-keyframes clockwise {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn);
    }
}

@keyframes clockwise {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn);
    }
}

@-webkit-keyframes donut-rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    50% {
        -webkit-transform: rotate(-140deg);
        transform: rotate(-140deg);
    }

    to {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
}

@keyframes donut-rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    50% {
        -webkit-transform: rotate(-140deg);
        transform: rotate(-140deg);
    }

    to {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
}

.pswp__ui {
    -webkit-font-smoothing: auto;
    visibility: visible;
    opacity: 1;
    z-index: 1550;
}

.pswp__top-bar {
    position: absolute;
    left: 0;
    top: 0;
    height: 44px;
    width: 100%;
}

@media (max-width: 767px) {
    .pswp__top-bar {
        opacity: 1 !important;
    }
}

.pswp--has_mouse .pswp__button--arrow--left, .pswp--has_mouse .pswp__button--arrow--right, .pswp__caption, .pswp__top-bar {
    -webkit-backface-visibility: hidden;
    will-change: opacity;
    -webkit-transition: opacity 333ms cubic-bezier(.4, 0, .22, 1);
    transition: opacity 333ms cubic-bezier(.4, 0, .22, 1);
}

.pswp--has_mouse .pswp__button--arrow--left, .pswp--has_mouse .pswp__button--arrow--right {
    visibility: visible;
}

.pswp__caption, .pswp__top-bar {
    background-color: rgb(0 0 0 / .5);
}

.pswp__ui--fit .pswp__caption, .pswp__ui--fit .pswp__top-bar {
    background-color: rgb(0 0 0 / .3);
}

.pswp__ui--idle .pswp__button--arrow--left, .pswp__ui--idle .pswp__button--arrow--right, .pswp__ui--idle .pswp__top-bar {
    opacity: 0;
}

.pswp__ui--hidden .pswp__button--arrow--left, .pswp__ui--hidden .pswp__button--arrow--right, .pswp__ui--hidden .pswp__caption, .pswp__ui--hidden .pswp__top-bar {
    opacity: .001;
}

.pswp__ui--one-slide .pswp__button--arrow--left, .pswp__ui--one-slide .pswp__button--arrow--right, .pswp__ui--one-slide .pswp__counter {
    display: none;
}

.pswp__element--disabled {
    display: none !important;
}

.pswp--minimal--dark .pswp__top-bar {
    background: none;
}

img.mfp-img {
    padding: 0 !important;
}

.mfp-figure > span:not(.init) .mfp-img {
    opacity: .3;
}

.mfp-figure:after {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.mfp-figure .mfp-close {
    pointer-events: none !important;
}

[data-zoom-wrap].init {
    position: relative;
    cursor: -webkit-zoom-out;
    cursor: zoom-out;
}

[data-zoom-wrap].init .zoomImg {
    opacity: 1 !important;
    pointer-events: none;
}

[data-zoom-wrap]:not(.init) {
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
}

.mfp-container {
    padding: 0 !important;
    overflow: auto !important;
}

.mfp-container .mfp-content .mfp-iframe {
    max-width: calc(100vw - 30px);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
}

.mfp-bg, .mfp-wrap {
    z-index: 3001 !important;
}

.mfp-close {
    display: none !important;
}

.mfp-fade.mfp-bg {
    opacity: 0;
    -webkit-transition: all .15s ease-out;
    transition: all .15s ease-out;
    background: rgb(235 232 248 / .9);
}

.mfp-fade.mfp-bg.mfp-ready {
    opacity: 1 !important;
    opacity: .3;
}

.mfp-fade.mfp-bg.mfp-removing {
    opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
    opacity: 0;
    -webkit-transition: all .15s ease-out;
    transition: all .15s ease-out;
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
    opacity: 1;
}

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
    opacity: 0;
}

.tooltip-s {
/ / display: inline-block;
    position: relative;
}

.tooltip-s__icon {
    cursor: pointer;
}

.tooltip-s__icon svg {
    width: 20px;
    height: 20px;
}

.tooltip-s__icon * {
    pointer-events: none;
}

.tooltip-s__text {
    display: none;
    position: absolute;
    bottom: calc(100% + 10px);
    left: 50%;
/ / width: 230 px;
    padding: 6px 9px;
    border-radius: 4px;
    background-color: #2a3342;
    color: #fff;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    font-size: 15px;
    font-weight: 400;
    white-space: nowrap;
    z-index: 2;
}

@media (max-width: 767px) {
    .tooltip-s__text {
        top: inherit;
        bottom: calc(100% + 10px);
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}

.tooltip-s__text.moved:after {
    display: none;
}

.tooltip-s__text:after {
    content: "";
    width: 7px;
    height: 7px;
    position: absolute;
    bottom: 0;
    left: 50%;
    background-color: #2a3342;
    -webkit-transform: translateY(50%) translateX(-50%) rotate(45deg);
    -ms-transform: translateY(50%) translateX(-50%) rotate(45deg);
    transform: translateY(50%) translateX(-50%) rotate(45deg);
}

@media (max-width: 767px) {
    .tooltip-s__text:after {
        top: 100%;
        left: 50%;
        -webkit-transform: translateY(-50%) translateX(-50%) rotate(45deg);
        -ms-transform: translateY(-50%) translateX(-50%) rotate(45deg);
        transform: translateY(-50%) translateX(-50%) rotate(45deg);
    }
}

.tooltip {
/ / display: inline-block;
    position: relative;
}

.tooltip:hover .tooltip__icon path:first-child {
    fill: #99f;
}

.tooltip:hover .tooltip__icon path:last-child {
    fill: #fff;
}

.tooltip__icon {
    cursor: pointer;
}

.tooltip__icon svg {
    width: 20px;
    height: 20px;
}

.tooltip__icon * {
    pointer-events: none;
    -webkit-transition: fill .2s;
    transition: fill .2s;
}

.tooltip__text {
    display: none;
    position: absolute;
    bottom: calc(100% + 9px);
    left: -20px;
    width: 317px;
    padding: 24px 30px;
    border-radius: 12px;
    border: 1px solid #e8e8e8;
    background-color: #fff;
    font-size: 15px;
    font-weight: 400;
    color: #2a3342;
    z-index: 2;
}

@media (max-width: 767px) {
    .tooltip__text {
        width: 300px;
    }
}

.tooltip__text.moved {
/ / left: initial;
}

.tooltip__text.moved:after {
    display: none;
}

.b-breadcrumbs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0px 0 15px;
    color: #2a3342;
}

@media (max-width: 1023px) {
    .b-breadcrumbs {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 14px 0 20px;
    }
}

@media (max-width: 767px) {
    .b-breadcrumbs {
        padding: 14px 0 10px;
    }
}

.b-breadcrumbs__item {
    font-size: 13px;
}

@media (max-width: 1023px) {
    .b-breadcrumbs__item {
        display: none;
        font-size: 12px;
        line-height: 1.3;
        font-weight: 600;
    }
}

.b-breadcrumbs__item:not(:last-of-type) {
    position: relative;
    padding-right: 8px;
    margin-right: 8px;
}

.b-breadcrumbs__item:not(:last-of-type):hover {
    color: #99f;
}

.b-breadcrumbs__item:not(:last-of-type):before {
    position: absolute;
    content: "";
    top: 8px;
    right: -2px;
    width: 5px;
    height: 1px;
    background-color: #c1c1c1;
}

.b-breadcrumbs__item:last-of-type {
    color: #c1c1c1;
}

@media (max-width: 1023px) {
    .b-breadcrumbs__item:last-of-type {
        color: #99f;
    }
}

@media (max-width: 1023px) {
    .b-breadcrumbs__item:nth-last-child(-n+3) {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

@media (max-width: 1023px) {
    .b-breadcrumbs__item:nth-last-child(-n+2) {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .b-breadcrumbs__item:nth-last-child(-n+2):before {
        width: 0;
    }
}

@media (max-width: 1023px) {
    .b-breadcrumbs__item:nth-last-child(-n+1) {
        display: none;
    }
}

.b-breadcrumbs + .title-1 {
    margin-bottom: 25px;
}

@media (max-width: 1023px) {
    .b-breadcrumbs + .title-1 {
        margin-top: 0;
        margin-bottom: 14px;
    }
}

@media (max-width: 767px) {
    .b-breadcrumbs + .title-1 {
        padding: 0 18px;
    }
}

.title-1 + .file-selectdialog-switcher {
    display: none;
}

.m-advantages {
    margin-bottom: 84px;
}

@media (max-width: 1800px) {
    .m-advantages {
        margin-bottom: 50px;
    }
}

@media (max-width: 767px) {
    .m-advantages {
        display: none;
        margin-bottom: 27px;
    }
}

.m-advantages__items {
    display: grid;
    grid-gap: 0;
    grid-template-columns: repeat(4, 1fr);
    margin-bottom: 80px;
}

@media (max-width: 1800px) {
    .m-advantages__items {
        margin-bottom: 50px;
    }
}

@media (max-width: 1279px) {
    .m-advantages__items {
        grid-template-columns: 1fr;
        grid-template-rows: repeat(4, 1fr);
    }
}

.m-advantages__i {
    border: 1px solid #e8e8e8;
    padding: 56px 25px;
    position: relative;
}

@media (max-width: 1500px) {
    .m-advantages__i {
        padding: 40px 25px;
    }
}

@media (max-width: 1279px) {
    .m-advantages__i {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 20px 38px;
        border-radius: 3px;
        border: 1px solid #e8e8e8;
    }
}

.m-advantages__i:after {
    content: "";
    display: none;
    position: absolute;
    left: -16px;
    right: -16px;
    top: -16px;
    bottom: -16px;
    background: #fff;
    border: 1px solid #e8e8e8;
    -webkit-box-shadow: 0 14px 13px rgb(0 0 0 / .05);
    box-shadow: 0 14px 13px rgb(0 0 0 / .05);
    border-radius: 4px;
    z-index: -1;
}

@media (min-width: 1024px) {
    .m-advantages__i:hover {
        z-index: 2;
    }
}

@media (min-width: 1024px) {
    .m-advantages__i:hover:after {
        display: block;
    }
}

.m-advantages__i:hover .m-advantages__title {
    color: #156cbb;
}

.m-advantages__i:not(:first-child) {
    margin-left: -1px;
}

@media (max-width: 1279px) {
    .m-advantages__i:not(:first-child) {
        margin-left: 0;
        margin-top: -1px;
    }
}

.m-advantages__i:first-child {
    border-radius: 4px 0 0 4px;
}

@media (max-width: 1279px) {
    .m-advantages__i:first-child {
        border-radius: 4px 4px 0 0;
    }
}

@media (max-width: 767px) {
    .m-advantages__i:nth-child(2) {
        border-bottom: none;
        border-right: none;
    }
}

@media (max-width: 767px) {
    .m-advantages__i:nth-child(3) {
        border-right: none;
        border-left: none;
    }
}

.m-advantages__i:nth-child(4) {
    border-radius: 0 4px 4px 0;
}

@media (max-width: 1279px) {
    .m-advantages__i:nth-child(4) {
        border-radius: 0 0 4px 4px;
    }
}

.m-advantages__img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 40px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 1279px) {
    .m-advantages__img {
        width: 210px;
        margin-bottom: 0;
    }
}

.m-advantages__img img {
    width: calc(100% - 30px);
    height: 185px;
}

@media (max-width: 1279px) {
    .m-advantages__img img {
        min-width: 183px;
        min-height: 64px;
        height: auto;
    }
}

@media (max-width: 1279px) {
    .m-advantages__img img:not(.init) {
        width: 173px;
        height: 94px;
    }
}

.m-advantages__img img.init {
    font-family: "object-fit:contain";
    -o-object-fit: contain;
    object-fit: contain;
}

.m-advantages__inner {
    display: block;
}

@media (max-width: 1279px) {
    .m-advantages__inner {
        padding-top: 6px;
        padding-left: 26px;
    }
}

.m-advantages__title {
    display: block;
    min-height: 54px;
    margin-bottom: 20px;
    font-size: 24px;
    font-weight: 700;
    -webkit-transition: color .2s;
    transition: color .2s;
}

@media (max-width: 1279px) {
    .m-advantages__title {
        max-width: 100%;
        min-height: 0;
        margin-bottom: 10px;
        font-size: 19px;
    }
}

.m-advantages__text {
    font-size: 16px;
    line-height: 1.4;
}

.m-advantages__text span {
    border-radius: 3px;
    background: #e8e8ff;
    padding: 0 4px;
    font-weight: 700;
}

.m-advantages__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.m-advantages__link-mebel {
    margin-bottom: 28px;
}

@media (max-width: 1279px) {
    .m-advantages__link-mebel {
        margin-bottom: 24px;
    }
}

.m-advantages .title-1 {
    margin-bottom: 50px;
}

@media (max-width: 1279px) {
    .m-advantages .title-1 {
        margin-bottom: 22px;
    }
}

@media (min-width: 1801px) {
    :root {
        --img-h: 296px;
        --sale-w: 20%;
        --sale-w-4: 25%;
        --sale-ml: 20px;
    }
}

@media (max-width: 1800px) {
    :root {
        --img-h: 296px;
        --sale-w: 25%;
        --sale-w-4: 50%;
        --sale-ml: 20px;
    }
}

@media (max-width: 1279px) {
    :root {
        --sale-w: 50%;
        --sale-w-4: 50%;
        --sale-ml: 20px;
    }
}

@media (max-width: 1023px) {
    :root {
        --sale-w: 50%;
        --sale-w-4: 50%;
        --sale-ml: 10px;
    }
}

@media (max-width: 767px) {
    :root {
        --sale-w: 100%;
        --img-h: 150px;
    }
}

@media (max-width: 500px) {
    :root {
        --sale-w: 100%;
        --sale-ml: 10px;
    }
}

.m-sale {
    margin: 25px 0 85px;
}

@media (max-width: 767px) {
    .m-sale {
        margin: 7px 0 40px;
    }
}

@media (max-width: 1500px) {
    .m-sale:not(.m-sale--d) .m-sale__items .m-sale__i:nth-child(4) {
        display: none;
    }
}

@media (max-width: 1023px) {
    .m-sale:not(.m-sale--d) .m-sale__items .m-sale__i:nth-child(4) {
        display: block;
    }
}

.m-sale__img {
    width: 100%;
    height: 100%;
}

.m-sale__img--bcg {
    display: none;
}

.m-sale--catalog .m-sale__top:before {
    display: none;
}

.m-sale--catalog .m-sale__top .title-2 {
    margin-bottom: 0;
}

@media (max-width: 767px) {
    .m-sale--catalog .m-sale__top .title-2 {
        padding-left: 0;
    }
}

.m-sale--d .m-sale__items {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media (max-width: 1500px) {
    .m-sale--d .m-sale__items {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        grid-template-columns: none;
    }
}

@media (max-width: 1023px) {
    .m-sale--d .m-sale__items {
        grid-template-columns: none;
    }
}

@media (max-width: 767px) {
    .m-sale--d .m-sale__items {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-right: -13px;
        padding: 0;
    }
}

.m-sale--d .m-sale__i {
    margin-bottom: 13px;
}

@media (max-width: 767px) {
    .m-sale--d .m-sale__i {
        width: calc(var(--sale-w) - var(--sale-ml));
        margin-right: calc(var(--sale-ml));
    }
}

@media (max-width: 1279px) {
    .m-sale--d .m-sale__i--1 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: calc(var(--sale-w) - var(--sale-ml));
    }
}

@media (max-width: 767px) {
    .m-sale--d .m-sale__i--1 .m-sale__inner {
        padding: 30px 12px;
    }
}

@media (max-width: 767px) {
    .m-sale--d .m-sale__i--1 .m-sale__title {
        font-size: 22px;
    }
}

@media (max-width: 500px) {
    .m-sale--d .m-sale__i--4 .m-sale__text {
        bottom: 54px;
    }
}

@media (max-width: 500px) {
    .m-sale--d .m-sale__text {
        font-size: 14px;
    }
}

@media (max-width: 500px) {
    .m-sale--d.m-sale--black-friday .m-sale__i--1 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: auto;
        border: 1px solid #e8e8e8;
    }
}

.m-sale--black-friday .m-sale__i--1 {
    color: #fff;
}

.m-sale--black-friday .m-sale__i--1 .m-sale__img--bcg {
    display: block;
    position: absolute;
    top: -3px;
    left: -2px;
    width: 104px;
    height: 105px;
}

@media (max-width: 500px) {
    .m-sale--black-friday .m-sale__i--1 .m-sale__img--bcg {
        top: auto;
        bottom: calc(100% + 50px);
    }
}

.m-sale--black-friday .m-sale__i--1 .m-sale__img--bcg img, .m-sale--black-friday .m-sale__i--1 .m-sale__img--bcg picture {
    width: 100%;
    height: 100%;
    font-family: "object-fit:cover";
    -o-object-fit: cover;
    object-fit: cover;
}

.m-sale--black-friday .m-sale__i--1 .m-sale__title {
    margin-bottom: 34px;
}

@media (max-width: 500px) {
    .m-sale--black-friday .m-sale__i--1 .m-sale__title {
        font-size: 12px;
        margin-bottom: 0;
        color: #000;
    }
}

.m-sale--black-friday .m-sale__i--1 .m-sale__inner {
    max-width: 350px;
}

@media (max-width: 1500px) {
    .m-sale--black-friday .m-sale__i--1 .m-sale__inner {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}

@media (max-width: 500px) {
    .m-sale--black-friday .m-sale__i--1 .m-sale__inner {
        color: #000;
    }
}

.m-sale--black-friday .m-sale__i--1 .m-sale__timer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 40px;
    color: #2f2c35;
}

@media (max-width: 1023px) {
    .m-sale--black-friday .m-sale__i--1 .m-sale__timer {
        display: none;
    }
}

@media (max-width: 500px) {
    .m-sale--black-friday .m-sale__i--1 .m-sale__timer {
        margin-bottom: 10px;
    }
}

.m-sale--black-friday .m-sale__i--1 .m-sale__timer-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background: #ffb711;
    width: 55px;
    height: 60px;
    position: relative;
    border-radius: 6px;
}

.m-sale--black-friday .m-sale__i--1 .m-sale__timer-item:not(:last-child) {
    margin-right: 14px;
}

.m-sale--black-friday .m-sale__i--1 .m-sale__timer-item:not(:last-child):after {
    content: "";
    background: url(/local/client/img/black-friday/after.svg);
    display: block;
    width: 4px;
    height: 14px;
    position: absolute;
    right: -7px;
    -webkit-transform: translateX(50%);
    -ms-transform: translateX(50%);
    transform: translateX(50%);
}

.m-sale--black-friday .m-sale__i--1 .m-sale__timer-time {
    font-size: 22px;
    line-height: 28px;
    font-weight: 900;
}

.m-sale--black-friday .m-sale__i--1 .m-sale__timer-text {
    font-size: 12px;
    line-height: 16px;
    font-weight: 700;
}

.m-sale--black-friday .m-sale__i--1 .m-sale__date {
    display: block;
    font-size: 22px;
    line-height: 28px;
    font-weight: 900;
    margin-bottom: 20px;
}

@media (max-width: 1023px) {
    .m-sale--black-friday .m-sale__i--1 .m-sale__date {
        font-size: 12px;
        line-height: 16px;
        font-weight: 700;
    }
}

.m-sale--black-friday .m-sale__i--1 .m-sale__subtitle {
    display: block;
    font-size: 15px;
    line-height: 20px;
    font-weight: 600;
    margin-bottom: 15px;
}

@media (max-width: 1023px) {
    .m-sale--black-friday .m-sale__i--1 .m-sale__subtitle {
        display: none;
    }
}

@media (max-width: 500px) {
    .m-sale--black-friday .m-sale__i--1 .m-sale__subtitle {
        font-size: 12px;
    }
}

.m-sale--black-friday .m-sale__i--1 .btn {
    font-weight: 600;
    color: #000;
    background: linear-gradient(3.82deg, #ffb711 8.9%, #ffde8b 53.29%, #ffb816 96.76%);
    -webkit-box-shadow: 0 4px 4px rgb(0 0 0 / .3), inset 0 3px 0 hsl(0 0% 100% / .25);
    box-shadow: 0 4px 4px rgb(0 0 0 / .3), inset 0 3px 0 hsl(0 0% 100% / .25);
    border-radius: 27.5px;
}

.m-sale--black-friday .m-sale__i--1 .btn:hover:not(:disabled) {
    color: #000;
    background: #ffb711;
}

.m-sale--new-year .m-sale__i--1 {
    color: #fff;
}

.m-sale--new-year .m-sale__i--1 .m-sale__img--bcg {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 255px;
    height: 140px;
}

@media (max-width: 500px) {
    .m-sale--new-year .m-sale__i--1 .m-sale__img--bcg {
        top: auto;
        bottom: calc(100% + 50px);
    }
}

.m-sale--new-year .m-sale__i--1 .m-sale__img--bcg-before {
    width: 342px;
    height: 188px;
    top: auto;
    left: auto;
    right: 0;
    bottom: 0;
}

.m-sale--new-year .m-sale__i--1 .m-sale__img--bcg img, .m-sale--new-year .m-sale__i--1 .m-sale__img--bcg picture {
    width: 100%;
    height: 100%;
    font-family: "object-fit:cover";
    -o-object-fit: cover;
    object-fit: cover;
}

.m-sale--new-year .m-sale__i--1 .m-sale__title {
    margin-bottom: 34px;
    z-index: 1;
}

@media (max-width: 500px) {
    .m-sale--new-year .m-sale__i--1 .m-sale__title {
        font-size: 12px;
        margin-bottom: 0;
    }
}

.m-sale--new-year .m-sale__i--1 .m-sale__inner {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 100%;
    width: 100%;
    z-index: 1;
}

.m-sale--new-year .m-sale__i--1 .m-sale__timer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 40px;
    color: #413e2d;
    z-index: 1;
}

@media (max-width: 1023px) {
    .m-sale--new-year .m-sale__i--1 .m-sale__timer {
        display: none;
    }
}

@media (max-width: 500px) {
    .m-sale--new-year .m-sale__i--1 .m-sale__timer {
        margin-bottom: 10px;
    }
}

.m-sale--new-year .m-sale__i--1 .m-sale__timer-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background: linear-gradient(225deg, #f8eacb, #ffffe2 44.38%, #e9c595 93.64%);
    width: 55px;
    height: 60px;
    position: relative;
    border-radius: 6px;
}

.m-sale--new-year .m-sale__i--1 .m-sale__timer-item:not(:last-child) {
    margin-right: 14px;
}

.m-sale--new-year .m-sale__i--1 .m-sale__timer-item:not(:last-child):after {
    content: "";
    background: url(/local/client/img/black-friday/after.svg);
    display: block;
    width: 4px;
    height: 14px;
    position: absolute;
    right: -7px;
    -webkit-transform: translateX(50%);
    -ms-transform: translateX(50%);
    transform: translateX(50%);
}

.m-sale--new-year .m-sale__i--1 .m-sale__timer-time {
    font-size: 22px;
    line-height: 28px;
    font-weight: 900;
}

.m-sale--new-year .m-sale__i--1 .m-sale__timer-text {
    font-size: 12px;
    line-height: 16px;
    font-weight: 700;
}

.m-sale--new-year .m-sale__i--1 .m-sale__date {
    display: block;
    font-size: 22px;
    line-height: 28px;
    font-weight: 900;
    margin-bottom: 20px;
}

@media (max-width: 767px) {
    .m-sale--new-year .m-sale__i--1 .m-sale__date {
        font-size: 12px;
        font-weight: 700;
    }
}

.m-sale--new-year .m-sale__i--1 .m-sale__subtitle {
    display: block;
    font-size: 15px;
    line-height: 20px;
    font-weight: 600;
    margin-bottom: 15px;
    z-index: 1;
}

@media (max-width: 1023px) {
    .m-sale--new-year .m-sale__i--1 .m-sale__subtitle {
        display: none;
    }
}

@media (max-width: 500px) {
    .m-sale--new-year .m-sale__i--1 .m-sale__subtitle {
        font-size: 12px;
    }
}

.m-sale--new-year .m-sale__i--1 .btn {
    font-weight: 600;
    color: #000;
    background: linear-gradient(3.82deg, #ffb711 8.9%, #ffde8b 53.29%, #ffb816 96.76%);
    -webkit-box-shadow: 0 4px 4px rgb(0 0 0 / .3), inset 0 3px 0 hsl(0 0% 100% / .25);
    box-shadow: 0 4px 4px rgb(0 0 0 / .3), inset 0 3px 0 hsl(0 0% 100% / .25);
    border-radius: 27.5px;
}

.m-sale--new-year .m-sale__i--1 .btn:hover:not(:disabled) {
    color: #000;
    background: #ffb711;
}

.m-sale__date, .m-sale__subtitle, .m-sale__timer {
    display: none;
}

.m-sale__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 32px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

@media (max-width: 767px) {
    .m-sale__top {
        margin-bottom: 20px;
        padding: 0 20px;
    }
}

.m-sale__top:before {
    content: "";
    width: 100px;
}

@media (max-width: 767px) {
    .m-sale__top:before {
        display: none;
    }
}

.m-sale__top a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 767px) {
    .m-sale__top a {
        width: auto;
    }
}

.m-sale__top a:hover span {
    color: #99f;
}

.m-sale__top a:hover svg :not(g) {
    stroke: #99f;
}

.m-sale__top a span {
    font-size: 14px;
    font-weight: 700;
    color: #156cbb;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

@media (max-width: 767px) {
    .m-sale__top a span {
        font-size: 12px;
    }
}

.m-sale__top a svg {
    width: 19px;
    height: 11px;
    margin-bottom: -3px;
    margin-left: 7px;
}

.m-sale__top a svg :not(g) {
    fill: #99f;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.m-sale__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: calc(var(--sale-ml) * -1);
}

@media (max-width: 1500px) {
    .m-sale__items {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 15px;
        margin-right: 0;
    }
}

@media (max-width: 1023px) {
    .m-sale__items {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 767px) {
    .m-sale__items {
        width: auto;
        margin-right: 0;
        grid-gap: 10px;
        padding: 0 20px;
    }
}

.m-sale__items--4 .m-sale__inner {
    width: 100%;
}

.m-sale__items--4 .m-sale__i--1 {
    width: calc(100% - var(--sale-w) * 3 - var(--sale-ml));
}

@media (max-width: 1500px) {
    .m-sale__items--4 .m-sale__i--1 {
        width: auto;
    }
}

.m-sale__items--4 .m-sale__i--2, .m-sale__items--4 .m-sale__i--3, .m-sale__items--4 .m-sale__i--4 {
    width: calc(var(--sale-w) - var(--sale-ml));
}

@media (max-width: 1500px) {
    .m-sale__items--4 .m-sale__i--2, .m-sale__items--4 .m-sale__i--3, .m-sale__items--4 .m-sale__i--4 {
        width: auto;
    }
}

.m-sale__i {
    height: 484px;
    margin-right: calc(var(--sale-ml));
    border-radius: 12px;
    overflow: hidden;
}

@media (max-width: 1500px) {
    .m-sale__i {
        margin-right: 0;
    }
}

@media (max-width: 767px) {
    .m-sale__i {
        height: 232px;
    }
}

.m-sale__i:hover .btn--blue {
    background-color: #68b8e6;
}

.m-sale__i--1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: calc(100% - var(--sale-w) * 2 - var(--sale-ml));
    position: relative;
    -webkit-box-shadow: 0 14px 17px rgb(0 0 0 / .05);
    box-shadow: 0 14px 17px rgb(0 0 0 / .05);
}

@media (max-width: 1500px) {
    .m-sale__i--1 {
        width: auto;
    }
}

.m-sale__i--1:hover .m-sale__img:after {
    background-color: rgb(26 23 41 / .6);
}

.m-sale__i--1 .m-sale__img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
}

.m-sale__i--1 .m-sale__img:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgb(26 23 41 / .3);
    -webkit-transition: background-color .6s ease;
    transition: background-color .6s ease;
    z-index: 2;
}

.m-sale__i--1 .m-sale__img img, .m-sale__i--1 .m-sale__img picture {
    width: 100%;
    height: 100%;
    font-family: "object-fit:cover";
    -o-object-fit: cover;
    object-fit: cover;
}

.m-sale__i--1 .m-sale__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 380px;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 73px 0 88px 44px;
    position: relative;
    z-index: 3;
}

@media (max-width: 1500px) {
    .m-sale__i--1 .m-sale__inner {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
}

@media (max-width: 1279px) {
    .m-sale__i--1 .m-sale__inner {
        max-width: 280px;
    }
}

@media (max-width: 767px) {
    .m-sale__i--1 .m-sale__inner {
        padding: 7px 12px;
    }
}

@media (max-width: 500px) {
    .m-sale__i--1 .m-sale__inner {
        max-width: 100%;
    }
}

@media (max-width: 1500px) {
    .m-sale__i--1 .m-sale__inner .c-banner__subtitle, .m-sale__i--1 .m-sale__inner .c-banner__timer {
        display: none;
    }
}

.m-sale__i--1 .m-sale__inner .c-banner__timer div:after, .m-sale__i--1 .m-sale__inner .c-banner__timer div:before {
    opacity: 1;
}

.m-sale__i--1 .m-sale__text {
    display: none;
    color: #fff;
}

@media (max-width: 1500px) {
    .m-sale__i--1 .m-sale__text {
        display: block;
    }
}

.m-sale__i--1 .m-sale__title {
    font-size: 28px;
    font-weight: 700;
    line-height: 1.3;
    color: #fff;
}

@media (max-width: 1023px) {
    .m-sale__i--1 .m-sale__title {
        font-size: 20px;
    }
}

@media (max-width: 767px) {
    .m-sale__i--1 .m-sale__title {
        font-size: 12px;
    }
}

.m-sale__i--2, .m-sale__i--3 {
    width: calc(var(--sale-w) - var(--sale-ml));
    position: relative;
}

@media (max-width: 1500px) {
    .m-sale__i--2, .m-sale__i--3 {
        width: auto;
    }
}

.m-sale__i--2:hover .m-sale__img:after, .m-sale__i--3:hover .m-sale__img:after {
    background-color: rgb(26 23 41 / .3);
}

.m-sale__i--2:hover .m-sale__title, .m-sale__i--3:hover .m-sale__title {
    color: #156cbb;
}

.m-sale__i--2 .m-sale__img, .m-sale__i--3 .m-sale__img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    height: auto;
}

.m-sale__i--2 .m-sale__img:after, .m-sale__i--3 .m-sale__img:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    -webkit-transition: background-color .6s ease;
    transition: background-color .6s ease;
}

.m-sale__i--2 .m-sale__img img, .m-sale__i--2 .m-sale__img picture, .m-sale__i--3 .m-sale__img img, .m-sale__i--3 .m-sale__img picture {
    width: 100%;
    height: var(--img-h);
    font-family: "object-fit:cover";
    -o-object-fit: cover;
    object-fit: cover;
}

.m-sale__i--2 .m-sale__inner, .m-sale__i--3 .m-sale__inner {
    height: calc(100% - var(--img-h));
    padding: 23px 21px;
    border-radius: 0 0 12px 12px;
    border: 1px solid #e8e8e8;
    border-top: none;
}

@media (max-width: 767px) {
    .m-sale__i--2 .m-sale__inner, .m-sale__i--3 .m-sale__inner {
        padding: 7px 12px;
    }
}

.m-sale__i--2 .m-sale__title, .m-sale__i--3 .m-sale__title {
    font-size: 22px;
    font-weight: 600;
    line-height: 1.3;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    overflow: hidden;
    -webkit-box-orient: vertical;
}

@media (max-width: 1023px) {
    .m-sale__i--2 .m-sale__title, .m-sale__i--3 .m-sale__title {
        font-size: 20px;
    }
}

@media (max-width: 767px) {
    .m-sale__i--2 .m-sale__title, .m-sale__i--3 .m-sale__title {
        font-size: 12px;
    }
}

.m-sale__i--2 .m-sale__title span, .m-sale__i--3 .m-sale__title span {
    color: #f53a27;
    word-break: break-word;
}

.m-sale__i--4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: calc(var(--sale-w) - var(--sale-ml));
    -webkit-box-shadow: 0 14px 17px rgb(0 0 0 / .05);
    box-shadow: 0 14px 17px rgb(0 0 0 / .05);
    position: relative;
}

@media (max-width: 1500px) {
    .m-sale__i--4 {
        width: auto;
    }
}

.m-sale__i--4:hover .m-sale__img:after {
    background-color: rgb(26 23 41 / .6);
}

.m-sale__i--4 .m-sale__img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    border-radius: 12px;
    overflow: hidden;
}

.m-sale__i--4 .m-sale__img:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgb(26 23 41 / .3);
    z-index: 2;
    -webkit-transition: background-color .6s ease;
    transition: background-color .6s ease;
}

.m-sale__i--4 .m-sale__img img, .m-sale__i--4 .m-sale__img picture {
    width: 100%;
    height: 100%;
    font-family: "object-fit:cover";
    -o-object-fit: cover;
    object-fit: cover;
}

.m-sale__i--4 .m-sale__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 24px 46px 52px 28px;
    position: relative;
    z-index: 3;
}

@media (max-width: 767px) {
    .m-sale__i--4 .m-sale__inner {
        padding: 12px 30px 12px 12px;
    }
}

.m-sale__i--4 .m-sale__title {
    font-size: 22px;
    font-weight: 600;
    line-height: 1.3;
    color: #fff;
}

@media (max-width: 1023px) {
    .m-sale__i--4 .m-sale__title {
        font-size: 20px;
    }
}

@media (max-width: 767px) {
    .m-sale__i--4 .m-sale__title {
        font-size: 13px;
    }
}

.m-sale__i--4 .m-sale__text {
    color: #fff;
}

.m-sale__text {
    padding-bottom: 8px;
    color: #000;
    font-size: 15px;
    z-index: 2;
}

@media (max-width: 767px) {
    .m-sale__text {
        font-size: 12px;
    }
}

@media (max-width: 500px) {
    .m-sale__text {
        font-size: 10px;
    }
}

.m-sale .title-2 {
    margin-bottom: 19px;
    color: #2a3342;
}

@media (max-width: 767px) {
    .m-sale .title-2 {
        padding-left: 15px;
    }
}

.c-banner__subtitle {
    margin-top: auto;
    margin-bottom: 13px;
    font-size: 15px;
    color: #fff;
}

.c-banner__timer {
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.c-banner__timer, .c-banner__timer div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 6px;
}

.c-banner__timer div {
    width: 70px;
    height: 65px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #156cbb;
    position: relative;
}

.c-banner__timer div:not(:last-child):after, .c-banner__timer div:not(:last-child):before {
    content: "";
    position: absolute;
    top: 50%;
    right: -12px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #fff;
    opacity: .5;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media (max-width: 767px) {
    .c-banner__timer div:not(:last-child):after, .c-banner__timer div:not(:last-child):before {
        right: -18px;
    }
}

.c-banner__timer div:not(:last-child):before {
    margin-top: -5px;
}

.c-banner__timer div:not(:last-child):after {
    margin-top: 5px;
}

.c-banner__timer span {
    display: block;
    color: #fff;
}

.c-banner__timer span:first-of-type {
    margin-bottom: 2px;
    font-size: 28px;
    font-weight: 700;
}

@media (max-width: 767px) {
    .c-banner__timer span:first-of-type {
        font-size: 22px;
    }
}

.c-banner__timer span:last-of-type:not(:first-of-type) {
    font-size: 14px;
    font-weight: 700;
}

.m-btns {
    display: none;
}

@media (max-width: 500px) {
    .m-btns {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin: 20px 20px 10px;
    }
}

.m-btns-item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 49%;
    flex: 0 0 49%;
    min-height: 78px;
    background-color: #f4f5f7;
    border-radius: 8px;
    overflow: hidden;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.m-btns-item span {
    font-weight: 700;
    font-size: 18px;
    padding: 15px;
    z-index: 10;
}

.m-btns-item svg {
    position: absolute;
    z-index: 5;
    right: -6px;
    bottom: 0;
    width: 60px;
    height: 55px;
}

@media (max-width: 767px) {
    .m-bottom {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
}

@media (min-width: 1801px) {
    :root {
        --h-big-d: 336px;
        --h-small-d: 252px;
        --pl: 25px;
        --space-between: 20px;
    }
}

@media (max-width: 1800px) {
    :root {
        --h-big-d: 336px;
        --h-small-d: 252px;
        --pl: 20px;
        --space-between: 15px;
    }
}

@media (max-width: 1800px) {
    :root {
        --pl: 32px;
        --space-between: 20px;
    }
}

@media (max-width: 767px) {
    :root {
        --pl: 20px;
        --space-between: 0;
    }
}

.m-s {
    margin-bottom: 70px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: -20px;
    width: calc(100% + 20px);
}

@media (max-width: 1023px) {
    .m-s {
        margin-bottom: 30px;
        width: 100%;
        margin-right: 0;
    }
}

@media (max-width: 767px) {
    .m-s {
        padding: 0 20px;
    }
}

.m-s #bx_incl_area_10_4 {
    width: 100%;
}

.m-s__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: calc(var(--h-big-d) + var(--h-small-d) + var(--space-between) * 2);
    margin-bottom: calc(var(--space-between) * -1);
    margin-left: calc(var(--space-between) * -1);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    z-index: 1;
}

@media (max-width: 1279px) {
    .m-s__items {
        height: calc(var(--h-big-d) * 2 + var(--h-small-d) * 2 + var(--space-between) * 4);
    }
}

@media (max-width: 767px) {
    .m-s__items {
        height: auto;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

.m-s__i {
    width: calc(25% - var(--space-between));
    max-width: 100%;
    margin-bottom: var(--space-between);
    margin-left: var(--space-between);
    border-radius: 3px;
    overflow: hidden;
}

@media (max-width: 1279px) {
    .m-s__i {
        width: calc(50% - var(--space-between));
    }
}

@media (max-width: 767px) {
    .m-s__i {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        width: 100%;
        height: 188px !important;
        border: none !important;
        margin-bottom: 10px;
        border-radius: 8px;
    }
}

.m-s__i:hover .btn--transparent {
    background-color: #156cbb;
    color: #fff;
}

.m-s__i--1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    height: var(--h-big-d);
    background-color: #fff;
}

@media (max-width: 767px) {
    .m-s__i--1 {
        position: relative;
    }
}

.m-s__i--1:hover .m-s__img:after {
    opacity: 1;
    background-color: rgb(26 23 41 / .3);
}

.m-s__i--1:hover .m-s__title {
    color: #156cbb;
}

.m-s__i--1 .m-s__img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    width: 100%;
    height: auto;
}

@media (max-width: 767px) {
    .m-s__i--1 .m-s__img {
        width: 100%;
        height: 100%;
    }
}

.m-s__i--1 .m-s__img:after {
    content: "";
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgb(26 23 41 / .3);
    z-index: 2;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

@media (max-width: 767px) {
    .m-s__i--1 .m-s__img:after {
        opacity: 1;
    }
}

.m-s__i--1 .m-s__img img, .m-s__i--1 .m-s__img picture {
    width: 100%;
    height: 245px;
    font-family: "object-fit:cover";
    -o-object-fit: cover;
    object-fit: cover;
}

@media (max-width: 767px) {
    .m-s__i--1 .m-s__img img, .m-s__i--1 .m-s__img picture {
        height: 100%;
    }
}

.m-s__i--1 .m-s__title {
    height: calc(100% - 245px);
    padding: 15px var(--pl);
    border: 1px solid #e8e8e8;
    border-top: none;
}

@media (max-width: 767px) {
    .m-s__i--1 .m-s__title {
        max-width: 220px;
        height: auto;
        position: absolute;
        top: 7px;
        left: 0;
        border: none;
        z-index: 3;
    }
}

@media (max-width: 767px) {
    .m-s__i--1 .m-s__title, .m-s__i--1 .m-s__title span {
        color: #fff;
    }
}

.m-s__i--2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    height: var(--h-small-d);
    padding: 20px 10px 20px var(--pl);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #e8e8e8;
    background-color: #fff;
    position: relative;
}

@media (max-width: 767px) {
    .m-s__i--2 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5;
        width: calc(50% - 6.5px) !important;
        margin-right: 11px;
        height: 217px !important;
        padding: 15px;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        position: relative;
    }
}

.m-s__i--2:hover:after {
    background-color: rgb(26 23 41 / .3);
}

.m-s__i--2:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    -webkit-transition: background-color .6s ease;
    transition: background-color .6s ease;
}

.m-s__i--2 .m-s__inner {
    width: 148px;
}

@media (max-width: 767px) {
    .m-s__i--2 .m-s__inner {
        z-index: 1;
    }
}

.m-s__i--2 .m-s__img {
    width: calc(100% - 161px);
    height: auto;
    margin-left: 13px;
}

@media (max-width: 767px) {
    .m-s__i--2 .m-s__img {
        padding: 10px;
        position: absolute;
        right: 0;
        bottom: 10px;
        min-width: 100px;
        width: 100px;
        height: 90px;
    }
}

.m-s__i--2 .m-s__img img, .m-s__i--2 .m-s__img picture {
    width: 100%;
    height: 100%;
    font-family: "object-fit:cover";
    -o-object-fit: cover;
    object-fit: cover;
}

@media (max-width: 767px) {
    .m-s__i--2 .m-s__img img, .m-s__i--2 .m-s__img picture {
        width: 100%;
        height: 100%;
        font-family: "object-fit:cover";
        -o-object-fit: cover;
        object-fit: cover;
    }
}

.m-s__i--2 .m-s__title {
    margin-bottom: 10px;
}

.m-s__i--2 .m-s__subtitle {
    color: #156cbb;
}

.m-s__i--3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    height: calc(50% - var(--space-between));
    border: 1px solid #e8e8e8;
    background-color: #fff;
}

@media (max-width: 1279px) {
    .m-s__i--3 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5;
        height: 294px;
    }
}

@media (max-width: 767px) {
    .m-s__i--3 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
}

.m-s__i--3:hover .m-s__title {
    color: #156cbb;
}

.m-s__i--3 .m-s__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 197px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 40px 0 48px var(--pl);
}

.m-s__i--3 .m-s__img {
    width: calc(100% - 210px);
    height: 100%;
    min-width: 90px;
    margin-left: 13px;
}

@media (max-width: 767px) {
    .m-s__i--3 .m-s__img {
        padding: 10px;
    }
}

.m-s__i--3 .m-s__img img, .m-s__i--3 .m-s__img picture {
    width: 100%;
    height: 100%;
    font-family: "object-fit:contain";
    -o-object-fit: contain;
    object-fit: contain;
}

@media (max-width: 767px) {
    .m-s__i--3 .m-s__img img, .m-s__i--3 .m-s__img picture {
        width: 100%;
        height: 100%;
        font-family: "object-fit:contain";
        -o-object-fit: contain;
        object-fit: contain;
    }
}

.m-s__i--3 .m-s__title {
    margin-bottom: 11px;
}

.m-s__i--3 .m-s__subtitle {
    margin-bottom: 10px;
    color: #156cbb;
}

.m-s__i--3 .m-s__text {
    font-size: 16px;
    font-weight: 600;
    color: #8e8e8e;
}

.m-s__i--4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
    height: calc(50% - var(--space-between));
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 34px var(--pl);
    position: relative;
}

@media (max-width: 1279px) {
    .m-s__i--4 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6;
        height: 294px;
    }
}

@media (max-width: 767px) {
    .m-s__i--4 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6;
        padding: 28px var(--pl);
    }
}

.m-s__i--4 .m-s__img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
}

.m-s__i--4 .m-s__img:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgb(26 23 41 / .3);
    z-index: 2;
}

.m-s__i--4 .m-s__img img, .m-s__i--4 .m-s__img picture {
    width: 100%;
    height: 100%;
    font-family: "object-fit:cover";
    -o-object-fit: cover;
    object-fit: cover;
}

.m-s__i--4 .m-s__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    color: #fff;
    position: relative;
    z-index: 3;
}

@media (max-width: 767px) {
    .m-s__i--4 .m-s__inner {
        display: block;
    }
}

.m-s__i--4 .m-s__title {
    margin-bottom: 5px;
}

.m-s__i--5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
    height: var(--h-big-d);
    padding: 39px var(--pl);
    position: relative;
}

@media (max-width: 1279px) {
    .m-s__i--5 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }
}

@media (max-width: 767px) {
    .m-s__i--5 {
        padding: 28px var(--pl);
    }
}

.m-s__i--5 .m-s__img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
}

.m-s__i--5 .m-s__img:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgb(26 23 41 / .3);
    z-index: 2;
}

.m-s__i--5 .m-s__img img, .m-s__i--5 .m-s__img picture {
    width: 100%;
    height: 100%;
    font-family: "object-fit:cover";
    -o-object-fit: cover;
    object-fit: cover;
}

.m-s__i--5 .m-s__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    color: #fff;
    position: relative;
    z-index: 3;
}

@media (max-width: 767px) {
    .m-s__i--5 .m-s__inner {
        display: block;
    }
}

.m-s__i--5 .m-s__title {
    margin-bottom: 3px;
}

.m-s__i--6 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
    height: var(--h-small-d);
    border: 1px solid #e8e8e8;
    background-color: #fff;
}

@media (max-width: 1279px) {
    .m-s__i--6 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
    }
}

@media (max-width: 767px) {
    .m-s__i--6 {
        position: relative;
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5;
        width: calc(50% - 6.5px) !important;
        height: 217px !important;
    }
}

.m-s__i--6:hover .m-s__title {
    color: #156cbb;
}

.m-s__i--6 .m-s__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 222px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 40px 0 35px var(--pl);
}

@media (max-width: 767px) {
    .m-s__i--6 .m-s__inner {
        height: 100%;
        padding: 15px;
        z-index: 1;
    }
}

.m-s__i--6 .m-s__img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: calc(100% - 239px);
    min-width: 90px;
    margin-left: 17px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 767px) {
    .m-s__i--6 .m-s__img {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        position: absolute;
        right: 0;
        bottom: 10px;
        width: 100px;
        height: 90px;
        min-width: 100px;
        margin-left: 0;
    }
}

@media (max-width: 767px) {
    .m-s__i--6 .m-s__img img, .m-s__i--6 .m-s__img picture {
        width: 100%;
        height: 100%;
        font-family: "object-fit:cover";
        -o-object-fit: cover;
        object-fit: cover;
    }
}

.m-s__i--6 .m-s__subtitle {
    margin-bottom: 5px;
    color: #156cbb;
}

.m-s__i--6 .m-s__title {
    margin-bottom: 8px;
}

.m-s__i--7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7;
    height: 100%;
    background-color: #f4f5f7;
}

@media (max-width: 1279px) {
    .m-s__i--7 {
        height: calc(var(--h-small-d) + var(--h-big-d) + var(--space-between));
    }
}

@media (max-width: 767px) {
    .m-s__i--7 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
        position: relative;
    }
}

.m-s__i--7:hover .m-s__title {
    color: #156cbb;
}

.m-s__i--7 .m-s__img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 767px) {
    .m-s__i--7 .m-s__img {
        width: 100%;
        height: 100%;
        position: relative;
    }
}

.m-s__i--7 .m-s__img:after {
    content: "";
    width: 100%;
    height: 100%;
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgb(26 23 41 / .3);
    z-index: 2;
}

@media (max-width: 767px) {
    .m-s__i--7 .m-s__img:after {
        display: block;
    }
}

.m-s__i--7 .m-s__img img, .m-s__i--7 .m-s__img picture {
    width: 100%;
    height: 408px;
    font-family: "object-fit:cover";
    -o-object-fit: cover;
    object-fit: cover;
}

.m-s__i--7 .m-s__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: calc(100% - 408px);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 32px var(--pl) 37px;
    border: 1px solid #e8e8e8;
    border-top: none;
    text-align: center;
    position: relative;
}

@media (max-width: 767px) {
    .m-s__i--7 .m-s__inner {
        position: absolute;
        top: 0;
        left: 0;
        padding: 26px var(--pl);
        border: none;
        text-align: left;
        z-index: 3;
    }
}

.m-s__i--7 .m-s__tag {
    position: absolute;
    top: -2px;
    left: 50%;
    padding: 4px 24px;
    border-radius: 3px;
    background-color: #ffb711;
    font-size: 15px;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    white-space: nowrap;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

@media (max-width: 767px) {
    .m-s__i--7 .m-s__tag {
        display: none;
    }
}

.m-s__i--7 .m-s__subtitle {
    margin-bottom: 5px;
    color: #156cbb;
}

.m-s__i--7 .m-s__title {
    margin-bottom: 8px;
}

@media (max-width: 1279px) {
    .m-s__i--7 .m-s__title {
        max-width: 250px;
    }
}

@media (max-width: 767px) {
    .m-s__i--7 .m-s__title {
        color: #fff;
    }
}

.m-s__i--4:hover .m-s__img:after, .m-s__i--5:hover .m-s__img:after {
    background-color: #fff0;
}

.m-s__i--4 .m-s__img:after, .m-s__i--5 .m-s__img:after {
    -webkit-transition: background-color .6s ease;
    transition: background-color .6s ease;
}

.m-s__i .btn {
    margin-top: auto;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

@media (max-width: 767px) {
    .m-s__i .btn {
        display: none;
    }
}

.m-s__title {
    font-size: 22px;
    font-weight: 700;
    -webkit-transition: color .2s;
    transition: color .2s;
}

@media (max-width: 1023px) {
    .m-s__title {
        font-size: 20px;
    }
}

@media (max-width: 767px) {
    .m-s__title {
        font-size: 18px;
    }
}

.m-s__title span {
    color: #156cbb;
}

.m-s__subtitle {
    font-size: 22px;
    font-weight: 600;
}

@media (max-width: 1023px) {
    .m-s__subtitle {
        font-size: 20px;
    }
}

@media (max-width: 767px) {
    .m-s__subtitle {
        font-size: 18px;
    }
}

.m-s .title-1 {
    margin-bottom: 38px;
}

@media (max-width: 767px) {
    .m-s .title-1 {
        display: none;
    }
}

@media (min-width: 1801px) {
    :root {
        --form-ml: 42px;
    }
}

@media (max-width: 1800px) {
    :root {
        --form-ml: 22px;
    }
}

@media (max-width: 767px) {
    .review {
        padding: 0 15px;
    }
}

.review__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.review__inner > div {
    width: calc(50% - 10px);
}

@media (max-width: 1023px) {
    .review__inner > div {
        width: 100%;
    }
}

@media (max-width: 1023px) {
    .review__inner {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.review__items {
    width: 100%;
    height: 100%;
    border: 1px solid #dfe0e3;
    border-radius: 12px;
    position: relative;
    padding: 50px 55px 50px 50px;
}

@media (max-width: 1800px) {
    .review__items {
        padding: 33px;
    }
}

@media (max-width: 767px) {
    .review__items {
        padding: 0;
        border: none;
        margin-bottom: 20px;
    }
}

@media (max-width: 767px) {
    .review__items .swiper-wrapper {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

@media (max-width: 1279px) {
    .review__items .review-d:nth-child(2) {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
}

@media (max-width: 1023px) {
    .review__items .review-d:nth-child(2) {
        display: none;
    }
}

@media (max-width: 1279px) {
    .review__items .review-d:nth-child(4) {
        display: none;
    }
}

.review__items .btn:last-of-type:not(.btn--small) {
    display: none;
    max-width: 158px;
}

@media (max-width: 767px) {
    .review__items .btn:last-of-type:not(.btn--small) {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
    }
}

.review-slider-btn {
    position: absolute;
    bottom: 50px;
    left: 50px;
    z-index: 10;
    width: 50px;
    height: 50px;
    line-height: 54px;
    text-align: center;
    border-radius: 50%;
    border: 1px solid #e8e8e8;
    cursor: pointer;
}

@media (max-width: 1800px) {
    .review-slider-btn {
        left: 33px;
        bottom: 33px;
    }
}

@media (max-width: 1279px) {
    .review-slider-btn {
        bottom: 25px;
    }
}

@media (max-width: 767px) {
    .review-slider-btn {
        display: none;
    }
}

.review-slider-btn--next {
    left: 110px;
}

@media (max-width: 1800px) {
    .review-slider-btn--next {
        left: 93px;
    }
}

.review-slider-btn:hover {
    border-color: #156cbb;
}

.review-slider-btn:hover svg path {
    stroke: #156cbb;
}

.review-slider-btn.disabled {
    cursor: default;
    opacity: .8;
}

.review-slider-btn.disabled:hover {
    border: 1px solid #dfe0e3;
}

.review-slider-btn.disabled:hover svg path {
    stroke: #c4c4c4;
}

.review-i {
/ / width: calc(100 % - 270 px);
    max-width: 360px;
    padding: 1px 20px 0 0;
}

.review-i--m:hover .review-i__title {
    color: #99f;
}

.review-i--m .review-i__title {
    -webkit-transition: color .2s;
    transition: color .2s;
}

.review-i--m .review-i__text {
    height: 150px;
    overflow: hidden;
    position: relative;
}

@media (max-width: 1800px) {
    .review-i--m .review-i__text {
        height: 115px;
    }
}

@media (max-width: 1279px) {
    .review-i--m .review-i__text {
        height: 97px;
    }
}

@media (max-width: 1023px) {
    .review-i--m .review-i__text {
        height: 130px;
        margin-bottom: 15px;
    }
}

@media (max-width: 767px) {
    .review-i--m .review-i__text {
        height: 105px;
        margin-bottom: 0;
        font-size: 14px;
    }
}

.review-i--m .review-i__text:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 40px;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff0), color-stop(65%, #fff));
    background: linear-gradient(180deg, #fff0, #fff 65%);
    -webkit-transition: opacity .5s;
    transition: opacity .5s;
}

.review-i__images {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 15px;
    overflow: auto;
}

.review-i__img {
    display: block;
    min-width: auto;
    height: 102px;
    margin-right: 8px;
    overflow: hidden;
    position: relative;
}

.review-i__img:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    -webkit-transition: background-color .6s ease;
    transition: background-color .6s ease;
}

.review-i__img:last-child {
    margin-right: 0;
}

.review-i__img:hover:after {
    background-color: rgb(26 23 41 / .3);
}

.review-i__img img.init {
    font-family: "object-fit:contain";
    -o-object-fit: contain;
    object-fit: contain;
}

.review-i__name {
    margin-bottom: 11px;
    font-size: 15px;
}

@media (max-width: 767px) {
    .review-i__name {
        font-size: 12px;
        margin-bottom: 3px;
    }
}

.review-i__title {
    margin-bottom: 10px;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.3;
}

@media (max-width: 767px) {
    .review-i__title {
        font-size: 16px;
    }
}

.review-i__text {
    font-size: 15px;
    line-height: 1.3;
}

@media (max-width: 767px) {
    .review-i__text {
        font-size: 12px;
    }
}

.review-i__text b {
    display: inline-block;
    margin: 5px 0;
}

.review-i__text b:first-of-type {
    margin: 0 0 5px;
}

.review-i .rating {
    margin-bottom: 13px;
}

@media (max-width: 767px) {
    .review-i .rating {
        margin-bottom: 8px;
    }
}

.review-d {
    width: 270px;
    padding: 29px 23px 22px;
    border-radius: 12px;
    background-color: #f0f0f8;
}

.review-d__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 19px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 5px;
}

.review-d__top img {
    min-width: 12px;
    height: 27px;
    margin-right: 25px;
}

.review-d__top img.init {
    font-family: "object-fit:contain";
    -o-object-fit: contain;
    object-fit: contain;
}

.review-d__title {
    font-size: 19px;
    font-weight: 700;
    line-height: 1.3;
}

.review-d__text {
    margin-bottom: 23px;
    font-size: 15px;
    line-height: 1.3;
}

.review-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 50%;
    padding: 12px 33px 36px;
    border-radius: 12px;
    border: 1px solid #f0f0f8;
    background-color: #f0f0f8;
}

@media (max-width: 1800px) {
    .review-form {
        padding: 31px 33px 36px;
    }
}

@media (max-width: 1279px) {
    .review-form {
        min-height: 239px;
        padding: 33px 36px 29px;
    }
}

@media (max-width: 1023px) {
    .review-form {
        margin-top: 20px;
    }
}

@media (max-width: 767px) {
    .review-form {
        display: none;
    }
}

.review-form__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: calc(100% - 172px);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 26px 20px 61px;
}

@media (max-width: 1800px) {
    .review-form__inner {
        padding: 0 0 20px;
    }
}

@media (max-width: 1279px) {
    .review-form__inner {
        padding: 0;
    }
}

@media (max-width: 1279px) {
    .review-form__inner br {
        display: none;
    }
}

.review-form__img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 172px;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

@media (max-width: 1279px) {
    .review-form__img {
        width: 140px;
    }
}

.review-form__text {
    max-width: 313px;
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 1.3;
}

@media (max-width: 1279px) {
    .review-form__text {
        max-width: 500px;
    }
}

.review-form .title-1 {
    max-width: 420px;
    margin-bottom: 25px;
    text-align: left !important;
}

@media (min-width: 1801px) {
    .review-form .title-1 {
        font-size: 49px;
    }
}

@media (max-width: 1279px) {
    .review-form .title-1 {
        max-width: 500px;
    }
}

.review-form .btn {
    margin-top: auto;
}

.review__more {
    display: none;
    margin-bottom: 25px;
}

@media (max-width: 767px) {
    .review__more {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
    }
}

.review > .title-1 {
    margin-bottom: 32px;
}

@media (max-width: 767px) {
    .review > .title-1 {
        margin-bottom: 12px;
        text-align: left;
    }
}

.m-show {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 316px;
    margin-bottom: 46px;
    border-radius: 3px;
    background-color: #f0f0f8;
    overflow: hidden;
}

@media (max-width: 1279px) {
    .m-show {
        min-height: 260px;
        margin-bottom: 41px;
        min-height: 0;
    }
}

@media (max-width: 767px) {
    .m-show {
        display: none;
    }
}

.m-show--shops {
    background-color: #156cbb;
}

@media (max-width: 767px) {
    .m-show--shops {
        margin: 0 -15px;
        border-radius: 0;
    }
}

.m-show--shops .m-show__inner {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media (max-width: 1279px) {
    .m-show--shops .m-show__inner {
        width: 60%;
        padding: 39px 35px 34px;
    }
}

@media (max-width: 767px) {
    .m-show--shops .m-show__inner {
        width: 100%;
        max-width: 596px;
        min-height: 100px;
        padding: 15px 20px 20px;
    }
}

.m-show--shops .m-show__inner .title-2 {
    margin-bottom: 0;
    color: #fff;
    line-height: 1.4;
}

@media (max-width: 500px) {
    .m-show--shops .m-show__inner .title-2 {
        font-weight: 700;
        font-size: 14px;
    }
}

@media (max-width: 1279px) {
    .m-show--shops .m-show__img {
        width: 40%;
    }
}

.m-show__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: var(--main-show-left-w-d);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 46px 50px 61px;
}

@media (max-width: 1279px) {
    .m-show__inner {
        width: 50%;
        padding: 49px 45px 44px;
    }
}

@media (max-width: 1023px) {
    .m-show__inner {
        padding: 30px 40px;
    }
}

@media (max-width: 767px) {
    .m-show__inner {
        width: 100%;
        padding: 15px 15px 34px;
    }
}

@media (max-width: 767px) {
    .m-show__inner--map {
        padding-bottom: 25px;
    }
}

.m-show__inner--map .title-1:first-child:last-child {
    margin-bottom: 0;
}

.m-show__inner div:not(.title-1):not(.title-3) {
    display: block;
    max-width: 465px;
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 24px;
}

@media (max-width: 767px) {
    .m-show__inner div:not(.title-1):not(.title-3) {
        font-size: 14px;
    }
}

.m-show__inner div:not(.title-1):not(.title-3) b:first-of-type {
    margin-bottom: 20px;
}

.m-show__inner div:not(.title-1):not(.title-3) + .btn {
    margin-top: 20px;
}

.m-show__inner p {
    display: block;
    max-width: 465px;
}

.m-show__inner .title-1 {
    max-width: 533px;
    margin-bottom: 20px;
    line-height: 1.3;
    text-align: left !important;
}

@media (max-width: 767px) {
    .m-show__inner .title-1 {
        max-width: 283px;
        margin-bottom: 32px;
        font-size: 21px;
        font-weight: 700;
        line-height: 1.2;
    }
}

.m-show__inner .title-3 {
    max-width: 580px;
    margin-bottom: 23px;
    color: #2a3342;
    font-weight: 900;
    font-size: 23px;
    line-height: 31px;
}

@media (max-width: 767px) {
    .m-show__inner .title-3 {
        font-weight: 700;
        font-size: 21px;
    }
}

.m-show__img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: calc(100% - var(--main-show-left-w-d));
}

@media (max-width: 1279px) {
    .m-show__img {
        width: 50%;
    }
}

@media (max-width: 767px) {
    .m-show__img {
        display: none;
    }
}

.m-show__img img {
    width: 100%;
    height: 100%;
    min-height: 316px;
}

@media (max-width: 1279px) {
    .m-show__img img {
        min-height: 260px;
    }
}

.m-show__img img:not(.init) {
    height: 316px;
}

@media (max-width: 1279px) {
    .m-show__img img:not(.init) {
        height: 260px;
    }
}

.m-show__img img.init {
    font-family: "object-fit:cover";
    -o-object-fit: cover;
    object-fit: cover;
}

.m-show__map {
    width: calc(100% - var(--main-show-left-w-d));
    background-color: #fbf9f0;
}

@media (max-width: 1279px) {
    .m-show__map {
        width: 50%;
        min-height: 200px;
    }
}

@media (max-width: 767px) {
    .m-show__map {
        width: 100%;
    }
}

.m-show__map .bx-yandex-map, .m-show__map .bx-yandex-map > ymaps, .m-show__map .bx-yandex-view-layout, .m-show__map .bx-yandex-view-map {
    height: 100%;
}

@media (max-width: 767px) {
    .m-show__map .bx-yandex-map, .m-show__map .bx-yandex-map > ymaps, .m-show__map .bx-yandex-view-layout, .m-show__map .bx-yandex-view-map {
        height: 200px;
    }
}

.seo {
    min-height: 380px;
    margin-top: 27px;
    border-radius: 5px;
    background-color: #f0f0f8;
    overflow: hidden;
    position: relative;
}

@media (max-width: 1279px) {
    .seo {
        min-height: 309px;
        margin-top: 19px;
    }
}

@media (max-width: 767px) {
    .seo {
        min-height: 0;
        margin-top: 26px;
        border-radius: 0;
    }
}

.seo--text {
    min-height: 0;
}

.seo--th {
    min-height: 280px;
    padding: 50px 80px 30px 50px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-radius: 5px;
    background-color: #156cbb;
    overflow: hidden;
    z-index: 1;
}

@media (max-width: 1023px) {
    .seo--th {
        padding: 30px;
    }
}

@media (max-width: 767px) {
    .seo--th {
        padding: 30px 15px;
    }
}

@media (max-width: 1279px) {
    .seo--pay {
        min-height: 0;
    }
}

.seo--pay .seo-decorate li > b {
    white-space: nowrap;
}

.seo--pay .seo-decorate li > span ~ a {
    display: inline-block;
    margin: 14px 10px 0 -24px;
    padding: 0 14px;
}

@media (max-width: 500px) {
    .seo--pay .seo-decorate li > span ~ a {
        width: 100%;
    }
}

.seo--pay .seo-decorate li > span ~ a:last-child {
    margin: 14px 10px 0 0;
}

@media (max-width: 500px) {
    .seo--pay .seo-decorate li > span ~ a:last-child {
        margin: 14px 10px 0 -24px;
    }
}

.seo--pay .seo-decorate li > span + br + a:last-child {
    margin: 14px 10px 0 -24px;
}

.seo--pay .seo--pay__check-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #eeeff1;
    border: 1px solid #ecedf0;
    border-radius: 9px;
    padding: 44px 88px;
    margin-top: 49px;
}

@media (max-width: 767px) {
    .seo--pay .seo--pay__check-wrapper {
        padding: 30px 30px 20px;
    }
}

.seo--pay .seo--pay__check-img {
    max-width: 185px;
    margin-right: 59px;
}

@media (max-width: 1023px) {
    .seo--pay .seo--pay__check-img {
        display: none;
    }
}

.seo--pay .seo--pay__check-img img {
    position: relative;
}

.seo--pay .seo--pay__check-header {
    margin-bottom: 29px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

@media (max-width: 500px) {
    .seo--pay .seo--pay__check-header {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.seo--pay .seo--pay__check-header span {
    font-weight: 900;
    font-size: 30px;
    line-height: 41px;
    color: #2a3342;
    margin-right: 21px;
}

.seo--pay .seo--pay__check-header .check-mark {
    width: 47px;
    height: 47px;
    background-color: #22d474;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.seo--pay .seo--pay__btn {
    font-weight: 600;
    font-size: 16px;
    line-height: 21px;
    display: inline-block;
    margin: 0 10px 0 0;
    padding: 17px 38px;
    border-radius: 30px;
}

@media (max-width: 500px) {
    .seo--pay .seo--pay__btn {
        width: 100%;
        text-align: center;
    }
}

.seo--pay .seo--pay__btn.show-receipt {
    color: #fff;
    background-color: #156cbb;
}

.seo--pay .seo--pay__btn.show-receipt:hover {
    background-color: #68b8e6;
}

@media (max-width: 767px) {
    .seo--pay .seo--pay__btn.show-receipt {
        margin-bottom: 20px;
    }
}

.seo--pay .seo--pay__btn.problems-receipt {
    color: #156cbb;
    background-color: #f4f5f7;
    border: 1px solid #f3f3f3;
    -webkit-box-shadow: 0 2px 2px rgb(0 0 0 / .14);
    box-shadow: 0 2px 2px rgb(0 0 0 / .14);
    border-radius: 40.5px;
}

.seo--pay .seo--pay__btn.problems-receipt:hover {
    color: #99f;
}

.seo--pay .seo--pay__about-receipt {
    width: auto;
    font-weight: 600;
    font-size: 16px;
    line-height: 21px;
    margin: -20px 0 15px;
}

.seo__info {
    max-width: 961px;
}

.seo__title {
    margin-bottom: 25px;
    font-weight: 700;
    font-size: 25px;
}

@media (max-width: 1023px) {
    .seo__title {
        font-size: 22px;
    }
}

@media (max-width: 767px) {
    .seo__title {
        font-size: 20px;
    }
}

@media (max-width: 500px) {
    .seo__title {
        font-size: 18px;
    }
}

.seo__title--small {
    margin-bottom: 32px;
    font-size: 18px;
    line-height: 1.4;
}

.seo__inner {
    width: calc(100% - 720px);
    max-width: 800px;
    padding: 80px 0 70px;
}

@media (max-width: 1279px) {
    .seo__inner {
        width: calc(100% - 425px);
        padding: 40px 0 42px;
    }
}

@media (max-width: 1023px) {
    .seo__inner {
        width: calc(100% - 350px);
    }
}

@media (max-width: 767px) {
    .seo__inner {
        width: 100%;
        padding: 30px 20px;
    }
}

.seo__text p {
    font-size: 30px !important;
    line-height: 1.3;
    font-weight: 700;
}

p.textdop {
    font-size: 16px !important;
    font-weight: 500;
}

.seo-decorate a {
    background: #d0bfff;
    padding: 0 4px;
    border-radius: 3px;
    font-weight: 700;
    color: #156cbb;
    -webkit-transition: background .2s;
    transition: background .2s;
}

.seo-decorate a:hover {
    background: #e4e4f3;
}

.seo img {
    position: absolute;
    bottom: 0;
    right: 0;
}

@media (max-width: 1279px) {
    .seo img {
        width: 423px;
    }
}

@media (max-width: 1023px) {
    .seo img {
        width: 350px;
    }
}

@media (max-width: 767px) {
    .seo img {
        display: none;
    }
}

@media (max-width: 1279px) {
    .seo__img {
        display: none;
    }
}

.seo__img--th img {
    position: static;
}

.seo__img img {
    height: 219px;
}

.seo__img img.init {
    font-family: "object-fit:contain";
    -o-object-fit: contain;
    object-fit: contain;
}

.seo .title-2 {
    margin-bottom: 40px;
}

@media (max-width: 1279px) {
    .seo .title-2 {
        margin-bottom: 20px;
    }
}

.btn--buy.btn--count input, .count-input {
    width: 40px;
    margin: 0 15px;
    border: none;
    text-align: center;
    background-color: #fff0;
    font-size: 16px;
    font-weight: 700;
}

@media (max-width: 1023px) {
    .btn--buy.btn--count input, .count-input {
        width: 50px;
    }
}

.btn--buy.btn--count.active button, .count-btn {
    width: 42px;
    height: 42px;
    margin: -20px;
}

button.btn {
    display: inline-block;
    text-align: center;
}

.btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 17px 31px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 32px;
    font-size: 16px;
    font-weight: 600;
    -webkit-transition: color .2s, background .2s, border-color .2s, opacity .2s, -webkit-box-shadow .2s, -webkit-transform .2s !important;
    transition: color .2s, background .2s, border-color .2s, opacity .2s, -webkit-box-shadow .2s, -webkit-transform .2s !important;
    transition: color .2s, background .2s, box-shadow .2s, border-color .2s, transform .2s, opacity .2s !important;
    transition: color .2s, background .2s, box-shadow .2s, border-color .2s, transform .2s, opacity .2s, -webkit-box-shadow .2s, -webkit-transform .2s !important;
    cursor: pointer;
    -webkit-appearance: none;
}

@media (max-width: 1023px) {
    .btn.desktop {
        display: none !important;
    }
}

@media (max-width: 767px) {
    .btn {
        padding: 14px 25px;
        font-size: 13px;
    }
}

.btn.mobile {
    display: none;
}

@media (max-width: 1023px) {
    .btn.mobile {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
    }
}

.btn.hidden {
    display: none !important;
}

@media (min-width: 1024px) {
    .btn:active:not(:disabled) {
        -webkit-transform: translateY(2px);
        -ms-transform: translateY(2px);
        transform: translateY(2px);
    }
}

.btn--grey {
    background-color: #f8f8f8;
    color: #156cbb;
    -webkit-box-shadow: 0 2px 2px rgb(0 0 0 / .14);
    box-shadow: 0 2px 2px rgb(0 0 0 / .14);
}

.btn--grey:hover:not(:disabled) {
    color: #99f;
}

.btn--grey:active:not(:disabled) {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn--grey.disabled, .btn--grey:disabled {
    border-color: #b0b0b0;
    color: #b0b0b0;
    pointer-events: none;
    cursor: default;
}

.btn--white {
    background-color: #fff;
}

.btn--white.disabled, .btn--white:disabled {
    background-color: #f8f8f8;
    color: #156cbb;
    pointer-events: none;
    cursor: default;
}

.btn--blue {
    border: 1px solid #156cbb;
    background-color: #156cbb;
    color: #fff;
}

.btn--blue:hover:not(:disabled) {
    background-color: #68b8e6;
    border-color: #68b8e6;
}

.btn--blue:active:not(:disabled) {
    background-color: #156cbb;
    border-color: #156cbb;
}

.btn--blue.disabled, .btn--blue:disabled {
    color: #fff;
    border-color: rgb(77 171 226 / .29804);
    background-color: rgb(77 171 226 / .29804) !important;
    pointer-events: none;
    cursor: default;
}

.btn--blue svg :not(g) {
    fill: #fff;
}

.btn--transparent {
    border: 1px solid #156cbb;
    color: #156cbb;
}

@media (min-width: 1024px) {
    .btn--transparent:hover:not(:disabled) {
        background-color: #156cbb;
        color: #fff;
    }

    .btn--transparent:hover:not(:disabled) svg :not(g) {
        fill: #fff;
    }
}

@media (min-width: 1024px) {
    .btn--transparent:active:not(:disabled) {
        background-color: #156cbb;
    }
}

.btn--transparent.disabled, .btn--transparent:disabled {
    border-color: rgb(77 171 226 / .29804) !important;
    color: rgb(77 171 226 / .29804) !important;
    background-color: #fff !important;
    pointer-events: none;
    cursor: default;
}

.btn--huge {
    padding: 36px 85px;
    border-radius: 53px;
    font-size: 20px;
    font-weight: 700;
}

@media (max-width: 1279px) {
    .btn--huge {
        padding: 26px 65px;
    }
}

@media (max-width: 767px) {
    .btn--huge {
        padding: 13px 20px;
        font-size: 15px;
        font-weight: 600;
    }
}

.btn--big {
    width: 100%;
    padding: 18px 36px;
    border-radius: 32px;
}

.btn--medium {
    padding: 18px 51px;
}

.btn--small {
    padding: 10px 14px;
    font-size: 15px;
    font-weight: 600;
}

.btn--fill {
    background-color: #ecedf0;
    border-radius: 5px 5px 0 0;
    font-weight: 700;
    font-size: 15px;
}

.btn--fill:hover {
    color: #156cbb;
}

.btn--buy {
    height: 55px;
    padding: 18px 19px;
    border-radius: 28px;
    border: 1px solid #156cbb;
    background-color: #156cbb;
}

.btn--buy.btn--count {
    height: var(--count-height);
    margin-top: auto;
}

.btn--buy.btn--count:not(.active) * {
    pointer-events: none;
}

.btn--buy.btn--count.active [data-count-btn=minus] {
    display: block;
}

.btn--buy.btn--count.active [data-count-btn=minus]:hover:after, .btn--buy.btn--count.active [data-count-btn=minus]:hover:before, .btn--buy.btn--count.active [data-count-btn=plus]:hover:after, .btn--buy.btn--count.active [data-count-btn=plus]:hover:before {
    background-color: #99f;
}

.btn--buy.btn--count.active input {
    display: block;
}

.btn--buy.btn--count.active svg {
    display: none;
}

@media (max-width: 767px) {
    .btn--buy.btn--count svg {
        margin-right: 10px !important;
    }
}

.btn--buy.btn--count [data-count-btn=minus], .btn--buy.btn--count input {
    display: none;
}

.btn--buy.btn--count [data-count-btn=minus]:before {
    display: none !important;
}

.btn--buy:not(.btn--count).active span:first-of-type {
    display: none;
}

.btn--buy:not(.btn--count).active span:last-of-type:not(:first-of-type) {
    display: block;
}

.btn--buy.active, .btn--buy:hover {
    background-color: #fff;
}

.btn--buy.active svg :not(g), .btn--buy:hover svg :not(g) {
    fill: #156cbb;
}

.btn--buy.active span:not([class]), .btn--buy:hover span:not([class]) {
    min-width: 15px;
}

@media (max-width: 1023px) {
    .btn--buy.active span:not([class]), .btn--buy:hover span:not([class]) {
        min-width: 10px;
    }
}

.btn--buy.active .plus:after, .btn--buy.active .plus:before, .btn--buy:hover .plus:after, .btn--buy:hover .plus:before {
    background-color: #156cbb;
}

.btn--buy:not(.active) .plus {
    min-width: 9px;
}

@media (max-width: 1023px) {
    .btn--buy:not(.active) .plus {
        margin-left: 2px;
    }
}

@media (max-width: 1023px) {
    .btn--buy:not(.active) .plus:after, .btn--buy:not(.active) .plus:before {
        height: 9px;
    }
}

@media (max-width: 1023px) {
    .btn--buy:not(.btn--not-available) svg {
        margin: 0 1px 0 0 !important;
    }
}

.btn--buy svg {
    width: 17px !important;
    min-width: 17px !important;
    max-width: 17px !important;
    height: 19px !important;
}

@media (max-width: 1023px) {
    .btn--buy svg {
        width: 14px !important;
        min-width: 14px !important;
        max-width: 14px !important;
        height: 15px !important;
    }
}

.btn--buy svg:first-child:not(:last-child) {
    margin-right: 12px;
}

.btn--buy svg :not(g) {
    fill: #fff;
}

.btn--buy button, .btn--buy span {
    height: 12px;
}

.btn--buy button.plus, .btn--buy span.plus {
    width: 12px;
    padding: 0;
}

.btn--buy button.plus:after, .btn--buy button.plus:before, .btn--buy span.plus:after, .btn--buy span.plus:before {
    height: 12px;
    background-color: #fff;
}

.btn--buy span:last-of-type:not(:first-of-type) {
    display: none;
    background-image: url(/local/client/img/galochka-blue.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%;
}

.btn--request {
    margin-top: auto;
}

@media (max-width: 767px) {
    .btn--request {
        padding: 15px 20px;
    }
}

@media (max-width: 767px) {
    .btn--request svg {
        width: 17px !important;
        height: 19px !important;
        margin-right: 10px !important;
    }
}

@media (max-width: 767px) {
    .btn--request span {
        line-height: 1.1;
    }
}

.btn--orange {
    font-weight: 900;
    color: #000;
    background: linear-gradient(3.82deg, #ffb711 8.9%, #ffde8b 53.29%, #ffb816 96.76%);
    -webkit-box-shadow: 0 4px 4px rgb(0 0 0 / .3), inset 0 3px 0 hsl(0 0% 100% / .25);
    box-shadow: 0 4px 4px rgb(0 0 0 / .3), inset 0 3px 0 hsl(0 0% 100% / .25);
    border-radius: 27.5px;
}

.btn--orange:hover:not(:disabled) {
    color: #000;
    background: #ffb711;
}

.btn--red {
    font-weight: 900;
    color: #fff;
    background: linear-gradient(225deg, #d20d0d, #da3333 .01%, #ff9898 50.23%, #c90000 93.64%);
    -webkit-box-shadow: 0 4px 10px rgb(255 0 0 / .28), inset 0 3px 0 hsl(0 0% 100% / .25);
    box-shadow: 0 4px 10px rgb(255 0 0 / .28), inset 0 3px 0 hsl(0 0% 100% / .25);
    border-radius: 27.5px;
}

.btn--red:hover:not(:disabled) {
    color: #fff;
    background: #c11a1a;
}

.btn--sber {
    border: none;
    background: linear-gradient(60.4deg, #c7e701 7.78%, #0ada01 27.82%, #21de58 44.53%, #3ee3a9 60.4%, #37dabe 75.43%, #15cae0 91.31%);
    min-width: 208px;
}

@media (min-width: 1024px) {
    .btn--sber:hover {
        background: linear-gradient(60.4deg, #15cae0 7.78%, #37dabe 27.82%, #3ee3a9 44.53%, #21de58 60.4%, #0ada01 75.43%, #c7e701 91.31%);
    }
}

.btn-wrapp--sber {
    position: relative;
    width: 208px;
}

@media (max-width: 500px) {
    .btn-wrapp--sber {
        width: 100%;
        margin-bottom: 5px;
    }
}

.btn-wrapp--sber:after {
    content: url(/local/client/img/pay.svg);
    display: block;
    width: 69px;
    height: 25px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    pointer-events: none;
}

.btn-little {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 5px 12px;
    font-size: 15px;
    font-weight: 700;
    border-radius: 2px;
    border: 1px solid #e8e8e8;
    -webkit-transition: color .2s, background-color .2s, border-color .2s;
    transition: color .2s, background-color .2s, border-color .2s;
    position: relative;
    cursor: pointer;
}

@media (max-width: 767px) {
    .btn-little {
        padding: 4px 5px;
        font-size: 12px;
    }
}

.btn-little:not(:last-of-type) {
    margin-right: 5px;
}

.btn-little.active, .btn-little:hover:not(.active) {
    border-color: #68b8e6;
    background-color: #68b8e6;
    color: #fff;
}

.btn-little.active:hover {
    background-color: #68b8e6;
}

.btn-little.active:after, .btn-little.active:before {
    opacity: 1;
    -webkit-transition: opacity .1s .1s;
    transition: opacity .1s .1s;
}

.btn-action--new-year {
    font-weight: 900;
    color: #fff;
    background: linear-gradient(225deg, #d20d0d, #da3333 .01%, #ff9898 50.23%, #c90000 93.64%);
    -webkit-box-shadow: 0 4px 10px rgb(255 0 0 / .28), inset 0 3px 0 hsl(0 0% 100% / .25);
    box-shadow: 0 4px 10px rgb(255 0 0 / .28), inset 0 3px 0 hsl(0 0% 100% / .25);
    border-radius: 27.5px;
}

.btn-action--new-year:hover:not(:disabled) {
    color: #fff !important;
    background: #c11a1a !important;
}

.btn-action--black-friday {
    font-weight: 900;
    color: #000;
    background: linear-gradient(3.82deg, #ffb711 8.9%, #ffde8b 53.29%, #ffb816 96.76%);
    -webkit-box-shadow: 0 4px 4px rgb(0 0 0 / .3), inset 0 3px 0 hsl(0 0% 100% / .25);
    box-shadow: 0 4px 4px rgb(0 0 0 / .3), inset 0 3px 0 hsl(0 0% 100% / .25);
    border-radius: 27.5px;
}

.btn-action--black-friday:hover:not(:disabled) {
    color: #000 !important;
    background: #ffb711 !important;
}

.btn-action--universal {
    font-weight: 900;
    color: #000;
    background: linear-gradient(3.82deg, #ffb711 8.9%, #ffde8b 53.29%, #ffb816 96.76%);
    -webkit-box-shadow: 0 4px 4px rgb(0 0 0 / .3), inset 0 3px 0 hsl(0 0% 100% / .25);
    box-shadow: 0 4px 4px rgb(0 0 0 / .3), inset 0 3px 0 hsl(0 0% 100% / .25);
    border-radius: 27.5px;
}

.btn-action--universal:hover:not(:disabled) {
    color: #000 !important;
    background: #ffb711 !important;
}

.btn svg {
    width: 20px;
    height: 20px;
}

.btn svg:first-child:not(:last-child) {
    margin: -10px 10px -10px 0;
}

@media (max-width: 767px) {
    .btn svg:first-child:not(:last-child) {
        margin-right: 10px;
    }
}

.btn svg :not(g) {
    -webkit-transition: .2s;
    transition: .2s;
}

.link-more:after, .link-more:before, .toggle-arrow:after, .toggle-arrow:before {
    content: "";
    position: absolute;
    top: 50%;
    right: 25px;
    height: 1px;
    width: 7px;
    background-color: #2a3342;
    -webkit-transition: background-color .2s, -webkit-transform .2s;
    transition: background-color .2s, -webkit-transform .2s;
    transition: background-color .2s, transform .2s;
    transition: background-color .2s, transform .2s, -webkit-transform .2s;
    pointer-events: none;
}

.link-more:before, .toggle-arrow:before {
    -webkit-transform: translateX(4px) rotate(-45deg);
    -ms-transform: translateX(4px) rotate(-45deg);
    transform: translateX(4px) rotate(-45deg);
}

.link-more:after, .toggle-arrow:after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.link-more--toggle.active:after, .link-more--toggle.active:before, .toggle-arrow-active:after, .toggle-arrow-active:before {
    background-color: #ffb711;
    pointer-events: none;
}

.link-more--toggle.active:before, .toggle-arrow-active:before {
    -webkit-transform: translateX(5px) rotate(45deg);
    -ms-transform: translateX(5px) rotate(45deg);
    transform: translateX(5px) rotate(45deg);
}

.link-more--toggle.active:after, .toggle-arrow-active:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.link {
    color: #156cbb;
}

.link:hover {
    color: #99f;
}

.link--dotted {
    color: #156cbb;
    border-bottom: 2px dotted #156cbb;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

.link--dotted:hover {
    color: #99f;
    border-bottom-color: #99f;
}

.link-more {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 3px;
    padding-right: 45px;
    font-size: 17px;
    position: relative;
    white-space: nowrap;
    cursor: pointer;
}

@media (max-width: 767px) {
    .link-more {
        font-size: 13px;
    }
}

.link-more:hover {
    color: #99f;
}

.link-more:hover:after, .link-more:hover:before {
    background-color: #99f;
}

.link-more:after, .link-more:before {
    height: 2px;
}

@media (max-width: 767px) {
    .link-more:after, .link-more:before {
        height: 1px;
    }
}

.link-more--toggle {
    margin-top: 45px;
}

@media (max-width: 767px) {
    .link-more--toggle {
        margin-top: 15px;
    }
}

.link-more--toggle.active span:first-of-type {
    display: none;
}

.link-more--toggle.active span:last-of-type {
    display: inline-block;
}

.link-more--toggle span:last-of-type {
    display: none;
}

.link-more span {
    -webkit-transition: color .2s;
    transition: color .2s;
}

.slider .swiper-scrollbar {
    left: 9% !important;
    right: 9% !important;
    width: auto !important;
    height: 4px !important;
    bottom: 220px !important;
    background-color: #f0f0f8;
    z-index: 1 !important;
}

@media (max-width: 1023px) {
    .slider .swiper-scrollbar {
        display: none;
    }
}

.slider .swiper-scrollbar-progress {
    max-width: calc(100% - 1px);
    height: 100%;
    background-color: #a2a2bf;
    border-radius: 4px;
    position: relative;
    z-index: 2;
}

.slider .swiper-scrollbar-drag {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 36px;
    margin-top: -20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 25px;
    border: 1px solid #e8e8e8;
    background-color: #fff;
    -webkit-box-shadow: 0 14px 17px rgb(0 0 0 / .05);
    box-shadow: 0 14px 17px rgb(0 0 0 / .05);
    cursor: -webkit-grab;
    cursor: grab;
    -webkit-transition: -webkit-transform 0s, -webkit-box-shadow .2s !important;
    transition: -webkit-transform 0s, -webkit-box-shadow .2s !important;
    transition: transform 0s, box-shadow .2s !important;
    transition: transform 0s, box-shadow .2s, -webkit-transform 0s, -webkit-box-shadow .2s !important;
    z-index: 3;
}

.slider .swiper-scrollbar-drag:active {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.slider .swiper-scrollbar-drag:after, .slider .swiper-scrollbar-drag:before {
    content: "";
    display: block;
    width: 6px;
    height: 11px;
    margin: 0 8px;
    background-image: url(/local/client/img/small-arrow-r.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
    pointer-events: none;
}

.slider .swiper-scrollbar-drag:before {
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1);
}

.favorite-like-btn, .p__btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-width: 55px;
    width: 55px;
    height: 55px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50px;
    border: 1px solid #ecedf0;
    background-color: #f0f0f8;
    -webkit-box-shadow: 0 4px 4px rgb(52 25 138 / .09);
    box-shadow: 0 4px 4px rgb(52 25 138 / .09);
    -webkit-transition: background-color .2s, border-color .2s, -webkit-transform .2s;
    transition: background-color .2s, border-color .2s, -webkit-transform .2s;
    transition: transform .2s, background-color .2s, border-color .2s;
    transition: transform .2s, background-color .2s, border-color .2s, -webkit-transform .2s;
}

.favorite-like-btn .i-icon--fill, .p__btn .i-icon--fill {
    display: none;
}

.favorite-like-btn:hover svg :not(g), .p__btn:hover svg :not(g) {
    stroke: #156cbb;
}

.favorite-like-btn:active:not(:disabled), .p__btn:active:not(:disabled) {
    -webkit-transform: translateY(2px);
    -ms-transform: translateY(2px);
    transform: translateY(2px);
}

.favorite-like-btn .active .tooltip-s__text span:first-of-type, .p__btn .active .tooltip-s__text span:first-of-type {
    display: none;
}

.favorite-like-btn .active .tooltip-s__text span:last-of-type:not(:first-of-type), .p__btn .active .tooltip-s__text span:last-of-type:not(:first-of-type) {
    display: block;
}

.favorite-like-btn svg, .p__btn svg {
    width: 22px;
    height: 18px;
}

.favorite-like-btn svg :not(g), .p__btn svg :not(g) {
    fill: none;
    stroke: dimgray;
    -webkit-transition: stroke .2s;
    transition: stroke .2s;
}

.favorite-like-btn .tooltip-s__text span:last-of-type:not(:first-of-type), .p__btn .tooltip-s__text span:last-of-type:not(:first-of-type) {
    display: none;
}

.p__btn {
    -webkit-box-shadow: 0 2px 2px rgb(0 0 0 / .14);
    box-shadow: 0 2px 2px rgb(0 0 0 / .14);
    background-color: #f8f8f8;
}

@media (max-width: 767px) {
    .p__btn {
        min-width: 60px !important;
    }
}

.p__btn--favorite {
    width: 55px;
    height: 55px;
    margin-left: 10px;
}

@media (max-width: 1023px) {
    .p__btn--favorite {
        position: absolute !important;
        top: 7px;
        right: 12px;
        width: 40px;
        height: 40px;
        background-color: #fff0;
        border: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
}

.p__btn--favorite.active .i-icon {
    display: none;
}

.p__btn--favorite.active .i-icon--fill {
    display: block;
}

.p__btn--favorite.active .i-icon--fill path {
    fill: #156cbb;
    stroke: #156cbb;
}

@media (max-width: 767px) {
    .p__btn--favorite .tooltip-s__text {
        display: none !important;
    }
}

.p__btn.active .tooltip-s__text span:last-of-type:not(:first-of-type) {
    display: block;
}

.p__btn.active .tooltip-s__text span:first-of-type {
    display: none;
}

.p__btn--compare {
    width: 55px;
    height: 55px;
    margin-right: 0;
    min-width: 55px;
}

@media (max-width: 1023px) {
    .p__btn--compare {
        display: none;
    }
}

.p__btn--compare.active {
    background-color: #156cbb;
}

.p__btn--compare.active .i-icon path {
    fill: #fff;
    stroke: #fff;
}

.p__btn--compare.active:hover {
    background-color: #68b8e6;
}

.p__btn--cart {
    width: calc(100% - 130px);
    min-width: 55px;
    margin-right: 10px;
}

@media (max-width: 1023px) {
    .p__btn--cart {
        width: 110px;
        min-width: 42px;
        height: 42px !important;
        margin-right: 20px;
        padding: 18px 16px;
    }
}

@media (max-width: 500px) {
    .p__btn--cart {
        margin-right: 15px;
        padding: 14px 9px;
        height: auto;
    }
}

.p__btn--color-purple.active svg path {
    fill: #99f;
    stroke: #99f;
    stroke-dasharray: inherit;
}

@media (max-width: 767px) {
    .slide-pseudo-padding {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: calc(135px + var(--slide-margin-m)) !important;
    }
}

@media (max-width: 767px) {
    .slide-pseudo-padding:last-child {
        width: calc(135px + var(--slide-margin-m) * 2) !important;
    }
}

@media (max-width: 767px) {
    .slide-pseudo-padding > div {
        width: 135px;
    }
}

.p-slider__tabs [data-tab-btn], .title-tabs [data-tab-btn] {
    color: #e4e4f3;
}

@media (max-width: 767px) {
    .p-slider__tabs [data-tab-btn], .title-tabs [data-tab-btn] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 50%;
        margin: 0;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        border: none;
    }
}

@media (max-width: 767px) {
    .p-slider__tabs [data-tab-btn]:first-of-type:last-of-type, .title-tabs [data-tab-btn]:first-of-type:last-of-type {
        width: 100%;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}

.p-slider__tabs [data-tab-btn].active, .title-tabs [data-tab-btn].active {
    color: #156cbb;
}

.p-slider__tabs [data-tab-btn]:not(.active) *, .title-tabs [data-tab-btn]:not(.active) * {
    border-color: #e4e4f3;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

@media (max-width: 767px) {
    .p-slider__tabs [data-tab-btn].btn, .title-tabs [data-tab-btn].btn {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        margin: 0 0 15px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        border: 1px solid #156cbb;
    }
}

.p-slider__tabs [data-tab-btn].btn .title-2, .title-tabs [data-tab-btn].btn .title-2 {
    color: #156cbb;
    border-bottom: none;
    margin-right: 0;
}

.p-slider__tabs [data-tab-btn].btn:not(:last-child), .title-tabs [data-tab-btn].btn:not(:last-child) {
    margin-right: 20px;
}

@media (max-width: 767px) {
    .p-slider__tabs [data-tab-btn].btn:not(:last-child), .title-tabs [data-tab-btn].btn:not(:last-child) {
        margin-right: 0;
    }
}

.p-slider__tabs [data-tab-btn].btn.active, .p-slider__tabs [data-tab-btn].btn:hover, .title-tabs [data-tab-btn].btn.active, .title-tabs [data-tab-btn].btn:hover {
    background: #156cbb;
}

.p-slider__tabs [data-tab-btn].btn.active .title-2, .p-slider__tabs [data-tab-btn].btn:hover .title-2, .title-tabs [data-tab-btn].btn.active .title-2, .title-tabs [data-tab-btn].btn:hover .title-2 {
    color: #fff;
}

@media (max-width: 767px) {
    .p-slider__tabs [data-tab-btn].btn:first-of-type:last-of-type, .title-tabs [data-tab-btn].btn:first-of-type:last-of-type {
        width: 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.p-slider__tabs [data-tab-btn] *, .title-tabs [data-tab-btn] * {
    border-bottom: 2px dashed #fff0;
}

.p-slider__tabs [data-tab-btn] .title-1, .title-tabs [data-tab-btn] .title-1 {
    margin: 0 30px;
}

@media (max-width: 500px) {
    .p-slider__tabs [data-tab-btn] .title-1, .title-tabs [data-tab-btn] .title-1 {
        margin: 0;
        border-bottom: none;
    }
}

.p-slider__tabs [data-tab-btn] .title-2, .title-tabs [data-tab-btn] .title-2 {
    margin-right: 30px;
}

@media (min-width: 1801px) {
    :root {
        --slide-margin-m: 8px;
    }
}

@media (max-width: 767px) {
    :root {
        --slide-margin-m: 15px;
    }
}

.p-slider + div:not(.p-slider) {
    position: relative;
    z-index: 5;
}

.p-slider__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.p-slider__nav {
    -webkit-transition: .2s;
    transition: .2s;
}

.p-slider__nav-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

@media (max-width: 1023px) {
    .p-slider__nav-container {
        display: none;
    }
}

.p-slider__nav.disabled {
    opacity: .5;
    cursor: default;
    pointer-events: none;
}

.p-slider__nav:not(.disabled) {
    cursor: pointer;
}

.p-slider__nav:not(.disabled):hover svg > * {
    stroke: #99f;
}

.p-slider__nav--next {
    margin-left: 15px;
}

.p-slider__nav--prev {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.p-slider__nav svg > * {
    fill: #fff0;
}

.p-slider__tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 54px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media (max-width: 1279px) {
    .p-slider__tabs {
        margin-bottom: 29px;
    }
}

@media (max-width: 767px) {
    .p-slider__tabs {
        padding: 0 15px;
    }
}

.p-slider__tabs button:not(.active):hover .title-1 {
    color: #156cbb;
    border-bottom-color: #156cbb;
}

.p-slider .swiper-container {
    padding-left: 20px;
    margin-left: -20px;
    padding-right: 20px;
    margin-right: -20px;
    margin-top: -40px;
    padding-top: 40px;
    z-index: 4;
}

@media (max-width: 1500px) {
    .p-slider .swiper-container {
        padding-left: 0;
        margin-left: 0;
        padding-right: 0;
        margin-right: 0;
        margin-top: 0;
        padding-top: 0;
    }
}

@media (max-width: 1023px) {
    .p-slider .swiper-container {
        margin-bottom: 0;
        padding-bottom: 0;
    }
}

@media (max-width: 1023px) {
    .p-slider .swiper-container--small {
        padding-bottom: 0;
    }
}

.p-slider .swiper-container.hover {
    z-index: 6;
}

.p-slider .swiper-wrapper {
    z-index: 5;
}

.p-slider .swiper-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: auto;
}

@media (max-width: 767px) {
    .p-slider .swiper-slide {
        width: 140px;
    }
}

.p-slider .swiper-slide .p {
    width: 100%;
}

@media (max-width: 767px) {
    .p-slider .swiper-slide .p .price {
        min-height: 40px;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        margin-bottom: 11px;
    }
}

@media (max-width: 1023px) {
    .p-slider .swiper-slide .p__title {
        min-height: 35px;
    }
}

@media (max-width: 767px) {
    .p-slider .swiper-slide .p__btns {
        margin-bottom: 2px;
    }

    .p-slider .swiper-slide .p__btn--cart {
        margin-right: 10px;
        padding: 14px 9px;
        height: auto;
    }

    .p-slider .swiper-slide .p__btn--buy {
        height: 40px;
        min-width: 69px;
        padding: 6px 9px;
        font-size: 10px;
    }
}

.p-slider .title-2, .p-slider .title-3 {
    position: relative;
    z-index: 5;
}

@media (max-width: 767px) {
    .p-slider .title-2, .p-slider .title-3 {
        padding-left: 18px;
        padding-right: 18px;
    }
}

.p-slider .title-2 {
    margin-bottom: 21px;
    color: #2a3342;
}

@media (max-width: 767px) {
    .p-slider .title-2 {
        padding-left: 0;
    }
}

.p-slider .title-3 {
    margin: 26px 0 13px;
}

@media (max-width: 767px) {
    .d .p-slider .swiper-slide:first-child {
        margin-left: 18px;
    }
}

@media (max-width: 767px) {
    .d__middle .p-slider .swiper-slide:first-child {
        margin-left: 0;
    }
}

@media (min-width: 1801px) {
    :root {
        --padding-v-d: 20px;
    }
}

@media (max-width: 1800px) {
    :root {
        --padding-v-d: 20px;
    }
}

@media (max-width: 1023px) {
    :root {
        --padding-v-d: 0;
    }
}

.p {
    height: 435px;
    border-radius: 12px;
    background-color: #fff;
    position: relative;
}

@media (max-width: 1023px) {
    .p {
        height: auto;
    }
}

@media (min-width: 1024px) {
    .p:hover {
        overflow: visible;
        overflow: initial;
    }
}

.p .p__inner {
    border: 0px solid #e8e8e8;
}

@media (max-width: 1023px) {
    .p .p__inner {
        border: 1px solid #fff0;
    }
}

.p__inner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    display: none;
    width: 100%;
    height: 100%;
    padding: 0 var(--padding-v-d);
    background-color: #fff;
    border-radius: 12px;
    border: 1px solid #e8e8e8;
    -webkit-transition: border-color .4s, .4s, -webkit-box-shadow .4s;
    transition: border-color .4s, .4s, -webkit-box-shadow .4s;
    transition: border-color .4s, box-shadow .4s, .4s;
    transition: border-color .4s, box-shadow .4s, .4s, -webkit-box-shadow .4s;
}

@media (max-width: 1023px) {
    .p__inner {
        position: relative;
        padding-bottom: 0;
        border: none;
        border-radius: 0;
        -webkit-transition: 0s;
        transition: 0s;
    }
}

@media (max-width: 767px) {
    .p__inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 0 var(--padding-v-d) 0;
    }
}

.p__inner.active {
    display: block;
    height: 100%;
}

@media (max-width: 1023px) {
    .p__inner.active {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.p__inner--no-buttons {
    height: 100% !important;
}

.p__inner:hover {
    height: auto;
    -webkit-box-shadow: 0 7px 62px 6px rgb(15 4 47 / .1);
    box-shadow: 0 7px 62px 6px rgb(15 4 47 / .1);
    z-index: 6;
}

@media (max-width: 1023px) {
    .p__inner:hover {
        height: 100%;
        border-color: #fff0;
        -webkit-box-shadow: none;
        box-shadow: none;
        position: relative;
    }
}

.p__inner:hover .p__img div {
    opacity: 1;
}

@media (max-width: 1023px) {
    .p__inner:hover .p__img div {
        opacity: 0;
    }
}

.p__inner:hover .p__bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

@media (max-width: 1023px) {
    .p__inner:hover .p__bottom {
        position: static;
    }
}

.p__inner:hover .p__bottom .p__btn--link {
    width: calc(100% + 44px);
    height: 40px;
    padding-bottom: 3px;
    margin: 17px 0 -22px -22px;
    background-color: #ebe8f8;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 14px;
    line-height: 19px;
    color: #156cbb;
    border-radius: 0 0 12px 12px;
}

.p__inner:hover .p__bottom .p__btn--link:hover {
    color: #99f;
}

.p__inner:hover .p__bottom .p__btn--link:hover span {
    border-color: #99f;
}

.p__inner:hover .p__bottom .p__btn--link span {
    border-bottom: 1px dashed #156cbb;
}

.p .m-s-best__label {
    position: absolute;
    top: 200px;
    left: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 24px;
    z-index: 100;
}

@media (max-width: 1023px) {
    .p .m-s-best__label {
        top: 150px;
        left: 0;
    }
}

@media (max-width: 767px) {
    .p .m-s-best__label {
        display: none;
    }
}

.p .m-s-best__label-item {
    margin-left: 5px;
    padding: 4px 6px;
    border-radius: 3px;
    font-weight: 700;
    font-size: 12px;
    line-height: 16px;
}

.p .m-s-best__label-item.hit {
    background-color: #ffb711;
}

.p .m-s-best__label-item.choice {
    color: #fff;
    background-color: #24b232;
}

.p .m-s-best__label-item.new {
    color: #fff;
    background-color: #99f;
}

.p .m-s-best__label-item.sale {
    color: #fff;
    background-color: #2a3342;
}

.p__img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 225px;
    margin: 0 calc(var(--padding-v-d) * -1) 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 12px 12px 0 0;
    position: relative;
    overflow: hidden;
    padding-top: 10px;
}

@media (max-width: 1800px) {
    .p__img {
        height: 195px;
    }
}

@media (max-width: 1500px) {
    .p__img {
        height: 175px;
    }
}

@media (max-width: 1439px) {
    .p__img {
        height: 163px;
    }
}

@media (max-width: 1365px) {
    .p__img {
        height: 165px;
    }
}

@media (max-width: 1023px) {
    .p__img {
        height: 185px;
        margin: 0 -20px 10px;
    }
}

@media (max-width: 767px) {
    .p__img {
        height: 125px;
        margin: 0 0 10px;
        padding: 10px var(--padding-v-d) 0;
    }
}

.p__img--full {
    padding: 0;
}

.p__img--full img {
    border-radius: 5px;
    font-family: "object-fit:cover" !important;
    -o-object-fit: cover !important;
    object-fit: cover !important;
}

.p__img img, .p__img picture {
    width: 100%;
    height: 100%;
}

.p__img img {
    border-radius: 0 !important;
    font-family: "object-fit:serif";
    font-family: "object-fit:initial";
    -o-object-fit: initial;
    object-fit: contain;
}

.p__img img[data-no-photo] {
    width: 50%;
    font-family: "object-fit:contain";
    -o-object-fit: contain;
    object-fit: contain;
}

.p__img div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 0;
    right: var(--padding-v-d);
    bottom: 0;
    left: var(--padding-v-d);
    opacity: 0;
}

.p__img div span {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}

.p__img div span:first-child:last-child {
    display: none;
}

.p__img div span:not(:last-child):after {
    margin-right: 2px;
}

.p__img div span:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 8px;
    left: 0;
    height: 3px;
    background-color: #dfe0e3;
    border-radius: 1px;
}

.p__img div span.active:after {
    background-color: #156cbb;
}

.p-top {
    position: relative;
}

@media (max-width: 1023px) {
    .p-top {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
}

.p-top-kitchen {
    position: relative;
}

@media (max-width: 1023px) {
    .p-top-kitchen {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
    }
}

.p__status-order {
    margin-left: 6px;
    color: #8e8e8e;
    max-width: calc(100% - 85px);
}

@media (max-width: 767px) {
    .p__status-order {
        margin-bottom: 6px;
        font-size: 11px;
    }
}

.p__status {
    display: none;
    position: absolute;
    top: 0;
    right: 15px;
    margin-top: 4px;
    text-align: right;
    color: #24b232;
}

@media (max-width: 767px) {
    .p__status {
        font-size: 12px;
    }
}

.p__title {
    display: -webkit-box;
    margin-bottom: 7px;
    font-size: 15px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
    min-height: 63px;
    overflow: hidden;
}

@media (max-width: 1023px) {
    .p__title {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
}

@media (max-width: 767px) {
    .p__title {
        margin-bottom: 5px;
        font-size: 13px;
    }
}

.p__title:hover {
    color: #156cbb;
}

.p__title + .p__bottom {
    margin-top: 11px;
}

.p__bottom {
    display: none;
    width: calc(100% + 42px);
    margin: 0 -21px;
    padding: 0 20px;
    background-color: #fff;
    border: 1px solid #e8e8e8;
    border-top: none;
    border-radius: 0 0 12px 12px;
    -webkit-box-shadow: 0 14px 17px rgb(0 0 0 / .05);
    box-shadow: 0 14px 17px rgb(0 0 0 / .05);
    z-index: 3;
}

@media (max-width: 1023px) {
    .p__bottom {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
        margin: 0;
        padding: 0 0 15px;
        border: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5;
    }
}

@media (max-width: 1023px) {
    .p__bottom--wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

@media (max-width: 500px) {
    .p__bottom--wrap .p-buy {
        margin-left: 0;
    }
}

.p-params {
    margin-bottom: 18px;
    font-size: 15px;
    color: #8e8e8e;
}

.p-params__i {
    line-height: 1.5;
}

@media (max-width: 1023px) {
    .p-params {
        display: none;
    }
}

.p__preview {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 14px;
    overflow: auto;
    cursor: pointer;
}

.p__preview a {
    display: block;
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
    min-width: 57px;
    max-width: 57px;
    height: 49px;
    margin-left: 6px;
    overflow: hidden;
    position: relative;
}

.p__preview a:first-of-type {
    margin-left: 0;
}

.p__preview a:hover {
    opacity: .7;
}

.p__preview a img {
    width: 100%;
    min-height: 46px;
/ / min-height: 54 px;
}

.p__preview a img.init {
    font-family: "object-fit:contain";
    -o-object-fit: contain;
    object-fit: contain;
}

.p__preview::-webkit-scrollbar-track {
    background-color: #f0f0f8;
    border-radius: 4px;
}

.p__preview::-webkit-scrollbar {
    height: 4px;
    background-color: #fff0;
}

.p__preview::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: #a2a2bf;
}

@media (max-width: 1023px) {
    .p__preview {
        display: none;
    }
}

.p__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 21px;
    margin-bottom: 5px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media (max-width: 1023px) {
    .p__info {
        margin-top: 0;
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        margin-bottom: 0;
    }
}

@media (max-width: 767px) {
    .p__info {
        min-height: 13px;
        margin-bottom: 10px;
    }
}

.p__info .order-item__status--d {
    margin: 0;
    color: #24b232;
    font-weight: 600;
}

@media (max-width: 767px) {
    .p__info .order-item__status--d {
        display: inline-block;
        font-size: 11px;
    }
}

.p__specification {
    margin-bottom: 20px;
}

.p__specification-item {
    font-weight: 600;
    font-size: 15px;
    line-height: 20px;
    margin-bottom: 2px;
    color: #b0b0b0;
}

.p__btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 17px;
}

@media (max-width: 1023px) {
    .p__btns {
        margin-bottom: 0;
    }
}

@media (max-width: 767px) {
    .p__btns {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.p__btns--wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media (max-width: 1279px) {
    .p__btns--wrap {
        width: 100%;
    }
}

.p__btns--wrap .p__btn {
    width: calc(50% - 5px);
}

.p__btns--wrap .btn--not-available {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 10px;
}

.p__btns .btn--blue {
    margin-right: 14px;
    -webkit-box-shadow: 0 2px 2px rgb(0 0 0 / .14);
    box-shadow: 0 2px 2px rgb(0 0 0 / .14);
}

.p__btns .btn--blue.active, .p__btns .btn--blue:active, .p__btns .btn--blue:focus, .p__btns .btn--blue:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
}

@media (max-width: 500px) {
    .p__btns .btn--blue {
        margin-right: 10px;
    }
}

.p__btns .p__btn--cart {
    width: calc(100% - 130px);
    max-width: 110px;
}

@media (max-width: 1023px) {
    .p__btns .p__btn--cart {
        width: 110px;
    }
}

.p__btns .p__btn--cart.btn--buy {
    background-color: #156cbb;
}

.p__btns .p__btn--cart.btn--buy:hover {
    background: #68b8e6;
}

.p__btns .p__btn--cart.btn--buy:not(.active) {
    overflow: hidden;
    position: relative;
}

.p__btns .p__btn--cart.btn--buy.active {
    background-color: #fff;
    color: #156cbb;
}

.p__btns .p__btn--cart.btn--buy.active span:last-of-type:not(:first-of-type) {
    background-image: url(/local/client/img/galochka-blue.svg);
}

.p__btns .p__btn--cart.btn--buy.active svg path {
    fill: #156cbb;
}

.p__btns .p__btn--cart:hover {
    background: #68b8e6;
}

.p__btns .p__btn--cart:hover .plus:after, .p__btns .p__btn--cart:hover .plus:before {
    background-color: #fff;
}

@media (min-width: 1024px) {
    .p__btns .p__btn--cart.active:hover .i-icon * {
        fill: #156cbb;
    }
}

.p__btns .p__btn--cart .i-icon * {
    fill: #fff;
}

.p__btns .btn--not-available {
    max-width: 155px;
}

@media (max-width: 767px) {
    .p__btns .btn--not-available {
        padding: 15px;
    }
}

.p__btns .btn--not-available span {
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    height: auto;
}

@media (max-width: 767px) {
    .p__btns .btn--not-available span {
        font-size: 10px;
    }
}

.p-buy {
    display: block;
    width: calc(100% + 40px);
    margin: 0 -20px;
    padding: 8px 20px 10px;
    color: #156cbb;
    background-color: #ebe8f8;
    border-radius: 0 0 12px 12px;
    border: 1px solid #e8e8e8;
    border-top: none;
    text-align: center;
}

@media (max-width: 1023px) {
    .p-buy {
        width: auto;
        margin: 0;
        padding: 0;
        background-color: #fff0;
        border-radius: 0;
        border: none;
        font-size: 12px;
        white-space: nowrap;
    }
}

@media (max-width: 500px) {
    .p-buy {
        margin-left: auto;
    }
}

.p-buy:hover span {
    border-bottom: none;
}

.p-buy span {
    border-bottom: 1px dotted #156cbb;
    -webkit-transition: .3s;
    transition: .3s;
}

.p__discount {
    position: absolute;
    top: -10px;
    left: -30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 65px;
    height: 65px;
    border-radius: 50%;
    -webkit-transform: rotate(-21.34deg);
    -ms-transform: rotate(-21.34deg);
    transform: rotate(-21.34deg);
    z-index: 1;
}

@media (max-width: 1365px) {
    .p__discount {
        width: 58px;
        height: 58px;
    }
}

@media (max-width: 1023px) {
    .p__discount {
        top: 0;
        left: -10px;
    }
}

@media (max-width: 767px) {
    .p__discount {
        width: 52px;
        height: 52px;
    }
}

@media (max-width: 500px) {
    .p__discount {
        width: 42px;
        height: 42px;
    }
}

.p__discount:before {
    content: "";
    position: absolute;
    top: 4px;
    left: 4px;
    opacity: .4;
    width: 65px;
    height: 65px;
    border-radius: 50%;
    z-index: -1;
}

@media (max-width: 1365px) {
    .p__discount:before {
        width: 58px;
        height: 58px;
    }
}

@media (max-width: 767px) {
    .p__discount:before {
        width: 52px;
        height: 52px;
    }
}

@media (max-width: 500px) {
    .p__discount:before {
        width: 42px;
        height: 42px;
    }
}

.p__discount.yellow, .p__discount.yellow:before {
    color: #2a3342;
    background-color: #f8de00;
}

.p__discount.red, .p__discount.red:before {
    color: #fff;
    background-color: #f53a27;
}

.p__discount--price > span:first-child:not(:last-child) {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 17px;
    line-height: 23px;
}

@media (max-width: 1365px) {
    .p__discount--price > span:first-child:not(:last-child) {
        font-size: 16px;
        line-height: 20px;
    }
}

@media (max-width: 767px) {
    .p__discount--price > span:first-child:not(:last-child) {
        font-size: 14px;
        line-height: 16px;
    }
}

.p__discount--price > span:last-child {
    font-size: 12px;
    line-height: 16px;
}

@media (max-width: 500px) {
    .p__discount--price > span:first-child:not(:last-child), .p__discount--price > span:last-child {
        font-size: 10px;
        line-height: 11px;
    }
}

.p__discount--sale > span {
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
}

@media (max-width: 1365px) {
    .p__discount--sale > span {
        font-size: 12px;
        line-height: 16px;
    }
}

@media (max-width: 767px) {
    .p__discount--sale > span {
        font-size: 10px;
    }
}

@media (max-width: 500px) {
    .p__discount--sale > span {
        font-size: 8px;
        line-height: 10px;
    }
}

.p__discount span {
    display: inline-block;
}

.p-arrow {
    display: none;
}

.p .rating:hover {
    color: #99f;
}

.p .rating:hover span {
    border-bottom-color: #99f;
}

.p .rating span {
    border-bottom: 1px dotted #156cbb;
    line-height: 1.5;
}

.p .rating {
    margin-bottom: 2px;
}

@media (max-width: 767px) {
    .p .rating svg {
        width: 10px;
        height: 10px;
    }
}

.p .rating.disabled {
    visibility: hidden;
}

.p .price {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 10px;
    min-height: 49px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

@media (max-width: 1023px) {
    .p .price {
        min-height: 23px;
        margin-bottom: 8px;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
}

@media (max-width: 767px) {
    .p .price {
        margin-top: auto;
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }
}

@media (max-width: 767px) {
    .p .price:not(.price-has-old) span:last-of-type:not(:last-child) {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
    }
}

.p .price:not(.price-has-old) span:first-of-type:not(:last-child) {
    color: #f53a27;
    margin-bottom: 5px;
    width: 100%;
}

@media (max-width: 767px) {
    .p .price .price__sale {
        width: auto;
        margin-bottom: 0;
        margin-left: 0;
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }
}

.p .price span {
    margin-bottom: 5px;
}

@media (max-width: 1023px) {
    .p .price span {
        margin-bottom: 0;
    }
}

.p .tag {
    margin-bottom: 5px;
}

.p .tag--360 {
    top: 11px;
    right: 13px;
}

@media (max-width: 1023px) {
    .p .tag--360 {
        display: none;
    }
}

.p .tag--varanty {
    left: 0;
    top: 10px;
    background: #0bb url(/local/client/img/icon_ok.svg) no-repeat 5px;
    color: #fff;
    padding: 5px 5px 5px 25px;
    position: absolute;
    text-transform: uppercase;
    font-size: 10px;
    border-radius: 3px;
}

@media (max-width: 1023px) {
    .p .tag--varanty {
        display: none;
    }
}

.p .tag--delivery {
    background: #4ab2ed url(/local/client/img/icon_deliv.svg) no-repeat 5px;
    color: #fff;
    text-transform: uppercase;
    font-size: 10px;
    padding-left: 28px;
}

@media (max-width: 767px) {
    .p .tag--delivery {
        display: inline-block;
    }
}

@media (max-width: 500px) {
    .p .tag--delivery {
        font-size: 8px;
    }
}

.p.p-colors {
    height: 405px;
}

@media (max-width: 1500px) {
    .p.p-colors {
        height: 375px;
    }
}

@media (max-width: 1365px) {
    .p.p-colors {
        height: 422px;
    }
}

@media (max-width: 500px) {
    .p.p-colors {
        padding: 22px 15px 0 !important;
        border-radius: 12px;
        max-width: calc(100vw - 30px);
    }
}

@media (max-width: 1023px) {
    .p.p-colors .p__btns .p__btn--cart {
        width: 100px;
    }
}

@media (max-width: 1023px) {
    .p.p-colors .p__info {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
}

@media (max-width: 500px) {
    .p.p-colors .p__info {
        margin-bottom: 5px;
    }
}

@media (max-width: 1365px) {
    .p.p-colors .p__img {
        height: auto;
        max-height: 218px;
    }
}

@media (max-width: 1023px) {
    .p.p-colors .p__img {
        height: auto;
        max-height: 250px;
        border-radius: 0;
        margin: 0 0 5px;
    }
}

@media (max-width: 767px) {
    .p.p-colors .p__img {
        padding-top: 0;
        max-height: 195px;
    }
}

@media (max-width: 500px) {
    .p.p-colors .p__img {
        border-radius: 0;
        margin: 0;
        height: 125px;
        max-width: calc(50vw - 30px);
    }
}

.p.p-colors .p__img picture {
    width: 100%;
    height: 100%;
    font-family: "object-fit:contain";
    -o-object-fit: contain;
    object-fit: contain;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

@media (max-width: 500px) {
    .p.p-colors .p__btn--favorite {
        right: 0;
    }
}

.p.p-colors .p__btn--favorite .i-icon {
    width: 24px;
    height: 20px;
}

@media (max-width: 767px) {
    .p.p-colors .p__btn--favorite .i-icon {
        width: 24px;
        height: 24px;
    }
}

.p.p-colors .p__btn--favorite .i-icon path:first-child {
    stroke: #fff;
    fill: #fff;
}

@media (max-width: 767px) {
    .p.p-colors .p__btn--favorite .i-icon path:last-child {
        stroke: #156cbb;
    }
}

.p.p-colors .p__btn--favorite .i-icon--fill {
    width: 24px;
    height: 20px;
}

@media (max-width: 767px) {
    .p.p-colors .p__btn--favorite .i-icon--fill {
        width: 24px;
        height: 24px;
    }
}

.p.p-colors .p__btn--favorite.active .i-icon--fill path {
    fill: #156cbb;
    stroke: #fff0;
}

.p.p-colors .p__title {
    color: #363636;
}

@media (max-width: 500px) {
    .p.p-colors .p__title {
        min-height: 13px;
        font-size: 14px;
        margin-bottom: 10px;
        min-height: 34px;
    }
}

@media (max-width: 1023px) {
    .p.p-colors .p__bottom {
        margin-top: auto;
    }
}

@media (max-width: 767px) {
    .p.p-colors .price {
        min-height: 34px;
    }
}

.p.p-colors .price:not(.price-has-old) span:first-of-type:not(:last-child) {
    width: auto;
    margin-bottom: 0;
}

.p.p-colors .price:not(.price-has-old) span:last-of-type:not(:last-child) {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    width: 100%;
}

.p.p-colors .price .price__sale {
    margin-bottom: 0;
}

@media (max-width: 767px) {
    .p.p-colors .price .price__sale {
        width: 38px;
        height: 17px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        font-size: 10px;
        line-height: 15px;
    }
}

@media (max-width: 1023px) {
    .p.p-colors .price {
        margin-top: 0;
    }
}

@media (max-width: 500px) {
    .p.p-colors .price {
        margin-bottom: 10px;
    }
}

.p__skeleton-box {
    pointer-events: none;
}

@media (max-width: 767px) {
    .p__skeleton-box .skeleton {
        overflow: hidden;
    }
}

.p__skeleton-box .skeleton__image {
    height: 205px !important;
}

@media (max-width: 1800px) {
    .p__skeleton-box .skeleton__image {
        height: 195px !important;
    }
}

@media (max-width: 1500px) {
    .p__skeleton-box .skeleton__image {
        height: 175px !important;
    }
}

@media (max-width: 1439px) {
    .p__skeleton-box .skeleton__image {
        height: 163px !important;
    }
}

@media (max-width: 1365px) {
    .p__skeleton-box .skeleton__image {
        height: 165px !important;
    }
}

@media (max-width: 1023px) {
    .p__skeleton-box .skeleton__image {
        height: 185px !important;
    }
}

@media (max-width: 767px) {
    .p__skeleton-box .skeleton__image {
        height: 125px !important;
    }
}

.p__skeleton-box .skeleton__slider {
    height: 40px;
}

.p__skeleton-box .skeleton__bottom {
    height: 57px;
    display: none;
}

@media (max-width: 767px) {
    .p__skeleton-box .skeleton__status {
        font-size: 11px;
    }
}

.p__skeleton-box .skeleton__bottom, .p__skeleton-box .skeleton__image, .p__skeleton-box .skeleton__price, .p__skeleton-box .skeleton__slider, .p__skeleton-box .skeleton__status, .p__skeleton-box .skeleton__title {
    background-color: #e2e5e7;
    background-image: -webkit-gradient(linear, left top, right top, from(#fff0), color-stop(hsl(0 0% 100% / .5)), to(#fff0));
    background-image: linear-gradient(90deg, #fff0, hsl(0 0% 100% / .5), #fff0);
    background-size: 40px 100%;
    background-repeat: no-repeat;
    background-position: left -40px top 0;
    -webkit-animation: shine 1s ease infinite;
    animation: shine 1s ease infinite;
}

.p__skeleton-box:not(.p-colors) .skeleton__slider {
    display: none;
}

.p-best__item {
    height: 397px;
}

@media (max-width: 1023px) {
    .p-best__item {
        height: auto;
    }
}

.p-best__item .p__img {
    height: 180px;
}

@media (max-width: 767px) {
    .p-best__item .p__img {
        height: 125px;
    }
}

.p-best__item .p__info {
    display: none;
}

.p-best__item .p-params__i {
    font-size: 13px;
}

.p-best__item .p__title {
    margin-bottom: 5px;
    height: 36px;
}

.p-best__item .p-params {
    margin-bottom: 13px;
}

.p-best__item .btn--buy {
    height: 42px;
}

@media (max-width: 767px) {
    .p-best__item .p__inner > div:last-child {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5;
    }
}

@-webkit-keyframes shine {
    to {
        background-position: right -40px top 0;
    }
}

@keyframes shine {
    to {
        background-position: right -40px top 0;
    }
}

.order-empty, .page-empty {
    padding-bottom: 60px;
    text-align: center;
}

@media (max-width: 1023px) {
    .order-empty, .page-empty {
        padding-bottom: 0;
        padding-top: 30px;
    }
}

@media (max-width: 767px) {
    .order-empty, .page-empty {
        padding: 30px 18px;
    }
}

.order-empty .title-1, .page-empty .title-1 {
    margin-bottom: 60px;
}

.order-empty .btn, .page-empty .btn {
    margin-top: 19px;
}

.order {
    display: grid;
    grid-template-columns: calc(100% - var(--order-sidebar-w)) var(--order-sidebar-w);
    grid-gap: 20px;
}

@media (max-width: 1279px) {
    .order {
        display: block;
    }
}

.order__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media (max-width: 767px) {
    .order__wrap {
        margin-top: 15px;
        padding: 0 18px;
    }
}

.order__wrap [data-clear-basket] {
    font-size: 15px;
    font-weight: 600;
}

@media (max-width: 767px) {
    .order__wrap [data-clear-basket] {
        font-size: 14px;
    }
}

.order__main {
    z-index: 1;
}

@media (max-width: 1279px) {
    .order__main {
        margin-bottom: 20px;
    }
}

.order__title {
    margin-top: 30px;
    margin-bottom: 20px;
    padding: 9px 30px;
    border-radius: 5px;
    border: 1px solid #e8e8e8;
    background: #156cbb;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
}

@media (max-width: 767px) {
    .order__title {
        margin-bottom: 13px;
        padding: 0 18px;
        border-radius: 0;
        border: none;
        background-color: #fff0;
        color: #156cbb;
    }
}

.order__inner {
    padding: 30px var(--order-pv) 22px;
    border: 1px solid #e8e8e8;
    background-color: #fff;
    position: relative;
    z-index: 1;
}

@media (max-width: 767px) {
    .order__inner {
        padding: 10px 18px 15px;
        border-right-width: 0;
        border-left-width: 0;
        position: static;
    }
}

.order__inner:first-child {
    border-radius: var(--order-border) var(--order-border) 0 0;
}

.order__inner:first-child + [data-basket-item-deleted-delayed], .order__inner:first-child + [data-basket-item-deleted] {
    border-top: 1px solid #e8e8e8;
    border-top-left-radius: var(--order-border);
    border-top-right-radius: var(--order-border);
}

.order__inner:last-child {
    border-radius: 0 0 var(--order-border) var(--order-border);
}

.order__inner:first-child:last-child {
    border-radius: var(--order-border);
}

.order__inner:not(:first-child) {
    border-top-width: 0;
}

@media (max-width: 1279px) {
    .order-personal {
        padding: 0;
    }
}

@media (max-width: 767px) {
    .order-personal {
        padding: 0 18px;
    }
}

.order-personal__item {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 25px 13px;
}

@media (max-width: 767px) {
    .order-personal__item {
        grid-template-columns: 1fr;
    }
}

.order-personal__item .b-form__item--radio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

input.b-form__item--autofill {
    min-height: 60px;
    width: 100%;
    padding: 20px;
    border: 1px solid #e8e8e8;
    background-color: #fff;
    font-size: 16px;
    border-radius: 4px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-transition: border-color .2s, background-color .2s, color .2s;
    transition: border-color .2s, background-color .2s, color .2s;
    color: #fff !important;
}

input.b-form__item--autofill::placeholder {
    color: #fff;
}

@media (max-width: 500px) {
    .order-personal__item .b-form__item--radio {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.order-personal__item .b-form__item--radio .b-form__title {
    margin: 0 15px 0 0;
}

@media (max-width: 500px) {
    .order-personal__item .b-form__item--radio .b-form__title {
        margin: 0 0 10px;
    }
}

.order-personal__item .b-form__item--radio .b-checkbox {
    margin-top: 0;
}

.order-personal__item .b-form__item--textarea {
    grid-column: 2/3;
    grid-row: 1/5;
}

@media (max-width: 767px) {
    .order-personal__item .b-form__item--textarea {
        grid-column: 1;
        grid-row: 5;
    }
}

.order-personal__item .b-form__item--textarea textarea {
    height: 100%;
}

.order-personal__item .b-form__item--textarea_grid-row {
    grid-row: 1/4;
}

@media (max-width: 767px) {
    .order-personal__item .b-form__item--textarea_grid-row {
        grid-row: 4;
    }
}

.order-personal__item--law, .order-personal__item--phys {
    margin: 25px 0;
}

.order-personal__item--law .b-form__item:not(.b-form__item--textarea), .order-personal__item--phys .b-form__item:not(.b-form__item--textarea) {
    grid-column: auto;
}

.order-personal .b-checkbox:hover .b-checkbox__text {
    color: #99f;
}

.order-personal .b-checkbox:not(.b-checkbox--radio) {
    width: 100%;
    grid-column: 1;
    margin-bottom: 25px;
}

@media (max-width: 767px) {
    .order-personal .b-checkbox:not(.b-checkbox--radio) {
        margin-bottom: 0;
    }
}

.order-personal .b-checkbox--radio {
    margin-top: 12px;
}

.order-personal .b-checkbox--radio:first-of-type {
    margin-top: 0;
}

.order-personal .b-checkbox__label {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.order-personal .b-checkbox__text {
    font-size: 15px;
    -webkit-transition: color .3s;
    transition: color .3s;
}

.order .loader-wrapper {
    display: none;
    background-color: hsl(0 0% 100% / .7) !important;
}

.count-input, .counter input {
    width: 40px;
    margin: 0 15px;
    border: none;
    text-align: center;
    background-color: #fff0;
    font-size: 16px;
    font-weight: 700;
}

@media (max-width: 1023px) {
    .count-input, .counter input {
        width: 50px;
    }
}

.count-btn, .counter button {
    width: 42px;
    height: 42px;
    margin: -20px;
}

.counter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 142px;
    height: var(--count-height);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 20px;
    border-radius: 28px;
    border: 1px solid #ecedf0;
    background-color: #f4f5f7;
}

@media (max-width: 767px) {
    .counter input {
        margin: 0 5px;
    }
}

@media (max-width: 767px) {
    .counter button {
        width: 32px;
    }
}

.counter button:not(:hover):after, .counter button:not(:hover):before {
    background-color: #d9dadd;
}

.counter button:after, .counter button:before {
    height: 12px;
}

@media (max-width: 767px) {
    .counter button, .counter button.plus {
        padding: 12px;
    }
}

.counter button[data-count-btn=minus]:before {
    display: none;
}

.order-item__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media (max-width: 767px) {
    .order-item__inner {
        display: grid;
        grid-template-columns: 95px calc(100% - 120px);
    / / grid-template-columns: 95 px 160 px;
        grid-gap: 10px 25px;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}

.order-item__inner .order-t__i--img {
    height: 74px;
}

.order-item__title {
    display: block;
    margin-bottom: 5px;
    font-size: 15px;
    font-weight: 700;
    color: #156cbb;
}

@media (max-width: 767px) {
    .order-item__title {
        font-size: 11px;
        font-weight: 400;
        color: #2a3342;
    }
}

.order-item__title:hover {
    color: #99f;
}

.order-item__params span {
    display: block;
    font-size: 15px;
}

@media (max-width: 767px) {
    .order-item__params span {
        font-size: 10px;
        color: #8e8e8e;
    }
}

.order-item__params span:not(:last-child) {
    margin-bottom: 5px;
}

.order-item__wrap {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 10px;
}

@media (max-width: 767px) {
    .order-item__wrap {
        margin: 15px 0;
    }
}

@media (max-width: 500px) {
    .order-item__wrap {
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 10px;
    }
}

.order-item__wrap .b-form__item--remove .plus {
    right: 15px;
}

.order-item__checkbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: auto 0;
}

@media (max-width: 500px) {
    .order-item__checkbox {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
}

.order-item__checkbox > label {
    margin-top: 5px;
    margin-right: 10px;
}

.order-item__checkbox > label:first-child {
    margin-top: 0;
}

.order-item__checkbox > label:last-child {
    margin-right: 0;
}

.order-item__checkbox .link--dotted {
    border-bottom-color: #fff0;
    font-size: 14px;
}

.order-item__bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 20px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 10px 30px 5px;
    background-color: #fff8e8;
    font-size: 15px;
}

@media (max-width: 1023px) {
    .order-item__bottom {
        padding: 10px 15px 5px;
    }
}

@media (max-width: 767px) {
    .order-item__bottom {
        display: block;
    / / max-width: 282 px;
        margin-top: 15px;
        padding: 0;
        background-color: #fff0;
    }
}

.order-item__bottom > span:not([class]) {
    display: block;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 191px;
    flex: 0 1 191px;
    margin-right: 10px;
    margin-bottom: 5px;
    color: #156cbb;
}

@media (max-width: 1023px) {
    .order-item__bottom > span:not([class]) {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 100%;
        flex: 0 1 100%;
        margin-bottom: 15px;
    }
}

@media (max-width: 767px) {
    .order-item__bottom > span:not([class]) {
        margin-bottom: 10px;
        margin-right: 0;
        font-size: 12px;
        font-weight: 700;
        color: #2a3342;
    }
}

.order-item__bottom .b-checkbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 5px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 1023px) {
    .order-item__bottom .b-checkbox {
        margin-right: 20px;
    }
}

@media (max-width: 767px) {
    .order-item__bottom .b-checkbox {
        margin-right: 0;
    }
}

.order-item__bottom .b-checkbox:hover .b-checkbox__text {
    color: #99f;
}

.order-item__bottom .b-checkbox__label {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.order-item__bottom .b-checkbox__text {
    -webkit-transition: color .3s;
    transition: color .3s;
}

@media (max-width: 1023px) {
    .order-item__bottom .b-checkbox__text {
        font-size: 14px;
    }
}

@media (max-width: 767px) {
    .order-item__bottom .b-checkbox__box {
        background-color: #f4f5f7;
    }
}

.order-item__bottom .b-checkbox .tooltip {
    margin-left: 5px;
}

@media (max-width: 767px) {
    .order-item__bottom .b-checkbox .tooltip {
        margin-left: auto;
    }
}

.order-item__bottom [data-additional] {
    margin-right: 10px;
    position: relative;
    margin-bottom: 15px;
}

@media (max-width: 767px) {
    .order-item__bottom [data-additional] {
        margin-right: 0;
    }
}

.order-item__bottom [data-additional]:first-of-type {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 310px;
    flex: 0 1 310px;
}

.order-item__bottom [data-additional]:last-of-type {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
}

.order-item__bottom [data-additional] .link--dotted {
    font-size: 14px;
}

.order-item__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    font-size: 15px;
    font-weight: 700;
}

@media (max-width: 1023px) {
    .order-item__link {
        font-size: 14px;
    }
}

.order-item__link--delay {
    margin-bottom: 10px;
}

@media (max-width: 767px) {
    .order-item__link--delay {
        margin-bottom: 0;
    }
}

.order-item__link--delay svg {
    width: 14px;
    height: 12px;
    margin-right: 7px;
}

.order-item__link--delay svg :not(g) {
    fill: none;
    stroke: #156cbb;
}

.order-item__link--delay span {
    color: #156cbb;
}

.order-item__link--delete span {
    color: #b0b0b0;
}

.order-item__link:hover span {
    border-color: #fff0;
}

.order-item__link span {
    border-bottom: 2px dotted;
    -webkit-transition: border-bottom .2s;
    transition: border-bottom .2s;
}

.order-item__bonus {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 131px;
    height: 23px;
    margin-top: 7px;
    margin-left: -10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-image: url(/local/client/img/d-bonus-bg.svg);
    background-repeat: no-repeat;
    background-size: cover;
}

.order-item__bonus img {
    width: 15px;
    height: 15px;
    margin-right: 7px;
}

.order-item__bonus img.init {
    font-family: "object-fit:contain";
    -o-object-fit: contain;
    object-fit: contain;
}

.order-item__bonus span {
    font-size: 13px;
    font-weight: 700;
    color: #fff;
}

.order-item__status {
    margin-top: 4px;
    color: #24b232;
}

@media (max-width: 767px) {
    .order-item__status {
        font-size: 12px;
    }
}

@media (max-width: 767px) {
    .order-item__status--d {
        display: none;
    }
}

.order-item__status--m {
    display: none;
}

@media (max-width: 767px) {
    .order-item__status--m {
        display: block;
    }
}

.order-item__name {
    display: block;
    margin-bottom: 5px;
    color: #2a3342;
    font-weight: 700;
}

.order-item[data-basket-item-deleted] {
    display: block;
    padding-top: 12px;
    text-align: right;
}

.order-item[data-basket-item-deleted] a {
    display: inline-block;
}

.order-item[data-basket-item-deleted-delayed] {
    display: block;
    padding-top: 12px;
    text-align: right;
}

.order-item[data-basket-item-deleted-delayed] a {
    display: inline-block;
}

.b-tabs-m:after, .b-tabs-m:before, .toggle-arrow:after, .toggle-arrow:before {
    content: "";
    position: absolute;
    top: 50%;
    right: 25px;
    height: 1px;
    width: 7px;
    background-color: #2a3342;
    -webkit-transition: background-color .2s, -webkit-transform .2s;
    transition: background-color .2s, -webkit-transform .2s;
    transition: background-color .2s, transform .2s;
    transition: background-color .2s, transform .2s, -webkit-transform .2s;
    pointer-events: none;
}

.b-tabs-m:before, .toggle-arrow:before {
    -webkit-transform: translateX(4px) rotate(-45deg);
    -ms-transform: translateX(4px) rotate(-45deg);
    transform: translateX(4px) rotate(-45deg);
}

.b-tabs-m:after, .toggle-arrow:after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.b-tabs-m.active:after, .b-tabs-m.active:before, .toggle-arrow-active:after, .toggle-arrow-active:before {
    background-color: #ffb711;
    pointer-events: none;
}

.b-tabs-m.active:before, .toggle-arrow-active:before {
    -webkit-transform: translateX(5px) rotate(45deg);
    -ms-transform: translateX(5px) rotate(45deg);
    transform: translateX(5px) rotate(45deg);
}

.b-tabs-m.active:after, .toggle-arrow-active:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.b-tabs-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    margin-bottom: 35px;
}

@media (max-width: 767px) {
    .b-tabs-head {
        margin-bottom: 20px;
    }
}

@media (max-width: 767px) {
    .b-tabs-head--d {
        opacity: 0;
        height: 0;
        margin: 0;
        pointer-events: none;
    }
}

.b-tabs-link {
    margin-left: 5px;
    padding-top: 23px !important;
    padding-bottom: 23px !important;
    -webkit-transition: color .3s;
    transition: color .3s;
}

.b-tabs-link:first-child {
    margin-left: 0;
}

.b-tabs-link.active.btn--fill {
    background-color: #156cbb;
    color: #fff;
}

.b-tabs-m {
    display: none;
    width: 100%;
    padding: 18px;
    border-bottom: 1px solid #e8e8e8;
    font-size: 14px;
    font-weight: 700;
    text-align: left;
    cursor: pointer;
    position: relative;
    -webkit-transition: .2s;
    transition: .2s;
}

@media (max-width: 767px) {
    .b-tabs-m {
        display: block;
    }
}

.b-tabs-m.active {
    border-color: #fff0;
}

@media (max-width: 767px) {
    .b-tabs-m + [data-tab-body] {
        border-bottom: 1px solid #e8e8e8;
    }
}

.b-tabs-title {
    font-weight: 900;
    font-size: 30px;
    line-height: 41px;
    color: #156cbb;
}

[data-tab-btn]:not(.active) {
    cursor: pointer;
}

[data-tab-btn] * {
    pointer-events: none;
}

[data-tab-body] {
    display: none;
}

[data-tab-body].active {
    display: block !important;
}

.h-m-menu {
    position: fixed;
    top: 116px;
    right: 0;
    left: 0;
    bottom: 0;
    height: 0;
    background-color: #fff;
    overflow: hidden;
    z-index: 3000;
}

@media (max-width: 1279px) {
    .h-m-menu.init {
        display: block;
    }
}

.h-m-menu.active {
    height: calc(100vh - 116px) !important;
}

.h-m-menu__inner {
    height: 100%;
    overflow: auto;
}

.h-m-menu__btns {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 15px 20px 20px;
}

.h-m-menu__btns, .h-m-menu__btns a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.h-m-menu__btns a {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: calc(50% - 2.5px);
    height: 40px;
    padding: 9px 13px 7px;
    border-radius: 5px;
    background-color: #f4f4f6;
    color: #252536;
}

.h-m-menu__btns a.h-m-menu__btn--favorite svg :not(g) {
    fill: #fff0;
}

.h-m-menu__btns a svg {
    width: 20px;
    height: 20px;
    margin-right: 5px;
}

.h-m-menu__btns a span[data-compare-num], .h-m-menu__btns a span[data-favorite-num] {
    color: #156cbb;
    margin-left: 5px;
}

@media (max-width: 1023px) {
    .h-m-menu__links {
        border-top: 1px solid #f4f4f6;
        border-bottom: 1px solid #f4f4f6;
        padding: 0 20px;
    }
}

.h-m-menu__links [data-menu-btn] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 56px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 0;
    font-size: 20px;
    color: #252536;
    position: relative;
}

.h-m-menu__links [data-menu-btn] img {
    position: absolute;
    left: 0;
    top: 50%;
    width: 20px;
    height: auto;
    max-height: 20px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.h-m-menu__links [data-menu-btn] img.init {
    font-family: "object-fit:contain";
    -o-object-fit: contain;
    object-fit: contain;
}

.h-m-menu__links [data-menu-btn] img + span {
    padding-left: 30px;
}

.h-m-menu__item {
    min-height: 39px;
    cursor: pointer;
}

.h-m-menu__item:not(:last-child) {
    border-bottom: 1px solid rgb(37 37 54 / .1);
}

.h-m-menu__item:hover > [data-menu-btn] > span {
    color: #156cbb;
}

.h-m-menu__item > [data-menu-btn] {
    border-bottom: none;
    position: relative;
}

.h-m-menu__item > [data-menu-btn]:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 5px;
    width: 8px;
    height: 8px;
    margin: auto;
    border-bottom: 2px solid #c8c8d2;
    border-left: 2px solid #c8c8d2;
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease;
}

.h-m-menu__item span {
    -webkit-transition: color .3s ease, border-bottom-color .3s ease;
    transition: color .3s ease, border-bottom-color .3s ease;
}

@media (min-width: 1024px) {
    .h-m-menu__item span:hover {
        color: #156cbb;
    }
}

.h-m-menu__dd {
    display: none;
    padding-bottom: 9px;
}

.h-m-menu__dd > a {
    min-height: 29px;
    border-bottom: none;
    padding: 10px 0 10px 83px;
    font-size: 14px;
}

.h-m-menu__contacts {
    padding: 40px 15px;
}

@media (max-width: 767px) {
    .h-m-menu__contacts {
        padding: 28px 15px 21px;
    }
}

.h-m-menu__contacts a:not(.h__city) {
    display: block;
    margin-bottom: 23px;
    font-size: 26px;
    line-height: 35px;
    font-weight: 600;
    color: #156cbb;
}

.h-m-menu__contacts a:not(.h__city):hover {
    color: #99f;
}

.h-m-menu__contacts span {
    display: block;
    border-bottom: none;
}

.h-m-menu__contacts span:first-of-type {
    margin-bottom: 10px;
}

@media (max-width: 767px) {
    .h-m-menu__contacts span:first-of-type {
        font-size: 16px;
    }
}

.h-m-menu__contacts span:nth-child(2) {
    font-size: 20px;
    line-height: 1.2;
    font-weight: 600;
    color: #252536;
    margin-bottom: 10px;
}

.h-m-menu__contacts span:last-of-type:not(:first-of-type) {
    margin-bottom: 8px;
    color: hsl(0 0% 100% / .6);
}

@media (max-width: 767px) {
    .h-m-menu__contacts span:last-of-type:not(:first-of-type) {
        color: #616175;
        font-size: 15px;
        line-height: 20px;
    }
}

.h-m-menu__contacts .h__city {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #f4f4f6;
    padding: 5px;
    border-radius: 8px;
}

.h-m-menu__contacts .h__city .i-icon {
    min-width: 20px;
    width: 20px;
    height: 20px;
    margin-right: 5px;
}

@media (max-width: 1023px) {
    .h-m-menu__contacts .h__city span {
        font-size: 16px;
        font-weight: 400;
        line-height: 1.33;
        color: #252536;
        border-bottom: none;
        margin-bottom: 0;
    }
}

.h-m-menu__static {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    padding: 30px 20px 57px;
    background: #f4f4f6;
}

@media (max-width: 767px) {
    .h-m-menu__static {
        padding: 30px 20px 30px;
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }
}

.h-m-menu__static a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 18px;
    font-size: 15px;
    line-height: 1.33;
    color: #616175;
    -webkit-transition: color .3s;
    transition: color .3s;
}

.h-m-menu__static a:hover {
    color: #99f;
}

.h-m-menu--black-friday, .h-m-menu--new-year, .h-m-menu--universal {
    top: 130px;
}

.h-m-menu--black-friday.top, .h-m-menu--new-year.top, .h-m-menu--universal.top {
    top: 130px;
}

@media (max-width: 1023px) {
    .h-m-menu--black-friday.active, .h-m-menu--new-year.active, .h-m-menu--universal.active {
        height: calc(100vh - 20px) !important;
    }
}

.h-m-menu--black-friday.active .h-m-menu-modal, .h-m-menu--new-year.active .h-m-menu-modal, .h-m-menu--universal.active .h-m-menu-modal {
    padding: 14px 0 0;
    height: calc(100vh - 186px) !important;
}

.h-m-menu__shadow {
    display: block;
    width: 100%;
    height: 5px;
    background-color: rgb(0 0 0 / .07);
    -webkit-filter: blur(5px);
    filter: blur(5px);
    position: absolute;
    z-index: 15;
    pointer-events: none;
}

.h-m-menu-modal {
    display: none;
    position: absolute;
    top: 0;
    right: 100%;
    left: inherit;
    bottom: 0;
    width: 100%;
    max-width: 100vw;
    padding: 14px 0 126px;
    overflow: auto;
    background-color: #fff;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: -webkit-transform .5s ease-out;
    transition: -webkit-transform .5s ease-out;
    transition: transform .5s ease-out;
    transition: transform .5s ease-out, -webkit-transform .5s ease-out;
    z-index: 14;
}

@media (max-width: 1279px) {
    .h-m-menu-modal {
        display: block;
    }
}

.h-m-menu-modal.active {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
}

.h-m-menu-modal__top {
    position: relative;
    padding: 0 20px;
}

.h-m-menu-modal__inner {
    padding: 0 20px 30px;
}

.h-m-menu-modal__title {
    position: relative;
    display: block;
    min-height: 39px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    font-weight: 700;
    font-size: 26px;
}

@media (min-width: 1024px) {
    .h-m-menu-modal__title:hover > span {
        border-bottom-color: #156cbb;
    }
}

.h-m-menu-modal__title > span {
    color: #156cbb;
    font-weight: 600;
    border-bottom: 1px dashed #fff0;
}

.h-m-menu-modal__title img {
    position: absolute;
    display: none;
    left: -34px;
    top: 50%;
    width: 14px;
    height: 20px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.h-m-menu-modal__title img.init {
    font-family: "object-fit:contain";
    -o-object-fit: contain;
    object-fit: contain;
}

.h-m-menu-modal__dd > a {
    position: relative;
}

.h-m-menu-modal__dd > a:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 5px;
    width: 8px;
    height: 8px;
    margin: auto;
    border-bottom: 2px solid #c8c8d2;
    border-left: 2px solid #c8c8d2;
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease;
}

.h-m-menu-modal__dd > a:not(:last-child) {
    border-bottom: 1px solid rgb(37 37 54 / .1);
}

.h-m-menu-modal__dd > .h-m-menu-modal__lvl > a, .h-m-menu-modal__dd > a {
    display: block;
    padding: 15px 0;
    white-space: nowrap;
}

@media (min-width: 1024px) {
    .h-m-menu-modal__dd > .h-m-menu-modal__lvl > a:hover > span, .h-m-menu-modal__dd > a:hover > span {
        border-bottom-color: #156cbb;
    }
}

.h-m-menu-modal__dd > .h-m-menu-modal__lvl > a > span, .h-m-menu-modal__dd > a > span {
    color: #252536;
    font-weight: 400;
    font-size: 20px;
    border-bottom: 1px dashed #fff0;
}

.h-m-menu-modal__dd > .h-m-menu-modal__lvl > a {
    position: relative;
}

.h-m-menu-modal__dd > .h-m-menu-modal__lvl > a:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 5px;
    width: 8px;
    height: 8px;
    margin: auto;
    border-bottom: 2px solid #c8c8d2;
    border-left: 2px solid #c8c8d2;
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease;
}

.h-m-menu-modal__ll {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0 0 0 40px;
    margin-top: -10px;
}

.h-m-menu-modal__ll > a {
    display: block;
    margin: 0;
    color: #252536;
    font-weight: 400;
    font-size: 20px;
    line-height: 1.33;
    padding: 8px 0;
    position: relative;
}

@media (min-width: 1024px) {
    .h-m-menu-modal__ll > a:hover > span {
        border-bottom-color: #156cbb;
    }
}

.h-m-menu-modal__ll > a:last-child:not(:first-child) {
    margin: 0 0 8px;
}

.h-m-menu-modal__ll > a > span {
    border-bottom: 1px dashed #fff0;
}

.h-m-menu-modal__ll > a:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 5px;
    width: 8px;
    height: 8px;
    margin: auto;
    border-bottom: 2px solid #c8c8d2;
    border-left: 2px solid #c8c8d2;
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease;
}

.h-m-menu-modal__back {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.445;
    color: #156cbb;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 5px;
}

.h-m-menu-modal__back svg {
    min-width: 20px;
    width: 20px;
    height: 20px;
    margin-right: 10px;
}

.h-m-menu-modal__back svg * {
    fill: #fff0;
}

.h-menu {
    visibility: hidden;
    position: fixed;
    top: 170px;
    right: 0;
    left: 0;
    bottom: -80px;
    height: 0;
    -webkit-transition: height .4s ease-out, visibility .4s ease-out;
    transition: height .4s ease-out, visibility .4s ease-out;
    overflow: hidden;
    z-index: 3001;
}

.h-menu.active {
    visibility: visible;
    height: calc(100vh - 52px) !important;
/ / transform: translateY(0);
}

.h-menu__bg {
    position: absolute;
    top: 59px;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgb(0 0 0 / .4);
    z-index: 3000;
}

.h-menu__inner {
    height: 530px;
    max-width: 1554px;
    overflow: hidden;
    background-color: #fff !important;
    z-index: 3001;
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 25px;
    right: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

.h-menu__links {
    width: 315px;
    min-width: 315px;
    height: 100%;
    background-color: #e8e8e8;
    padding: 10px 0;
    text-transform: uppercase;
    overflow: inherit;
}

.h-menu__links .ps__thumb-y {
    background-color: #156cbb;
}

.h-menu__caption {
    display: block;
    padding: 15px 50px;
    font-weight: 700;
    font-size: 16px;
    line-height: 21px;
    cursor: pointer;
}

.h-menu__caption.active {
    background-color: #fff;
    color: #156cbb;
}

.h-menu__items {
    display: none;
    width: 100%;
    color: #363636;
    overflow: hidden;
}

.h-menu__dd, .h-menu__items.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.h-menu__dd {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    -ms-flex-preferred-size: calc(100% - 595px);
    flex-basis: calc(100% - 595px);
    padding: 10px 0;
}

@media (max-width: 1500px) {
    .h-menu__dd {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
}

@media (max-width: 1365px) {
    .h-menu__dd {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1;
        -ms-flex-preferred-size: calc(100% - 400px);
        flex-basis: calc(100% - 400px);
    }
}

@media (max-width: 1279px) {
    .h-menu__dd {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1;
        -ms-flex-preferred-size: calc(100% - 290px);
        flex-basis: calc(100% - 290px);
    }
}

.h-menu__container {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.h-menu__section {
    margin-left: 50px;
    padding-top: 20px;
    font-weight: 700;
    font-size: 16px;
    line-height: 21px;
}

.h-menu__section:not(:first-of-type) {
    padding-top: 13px;
}

.h-menu__section:last-of-type {
    padding-bottom: 30px;
}

@media (min-width: 1024px) {
    .h-menu__section a:hover {
        color: #156cbb;
    }
}

.h-menu__section > a {
    line-height: 1.5;
}

.h-menu__sub-section {
    display: block;
    font-weight: 400;
    font-size: 15px;
    line-height: 20px;
}

.h-menu__sub-section a {
    display: inline-block;
    padding-top: 10px;
    line-height: 1;
}

.h-menu__best-offer {
    width: 595px;
    padding: 30px 0 0;
}

@media (max-width: 1365px) {
    .h-menu__best-offer {
        width: 400px;
    }
}

@media (max-width: 1279px) {
    .h-menu__best-offer {
        width: 290px;
    }
}

.h-menu__best-offer span {
    font-weight: 700;
    font-size: 16px;
    line-height: 21px;
    text-transform: uppercase;
    color: #363636;
}

.h-menu__card-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-top: 20px;
}

.h-menu .tag--360 {
    top: 18px;
    right: 19px;
}

.h-menu .tag--360 picture {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.h-menu .m-s-best__item, .h-menu .tag--360 picture {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.h-menu .m-s-best__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: auto;
    width: 260px;
    margin-bottom: 20px;
}

.h-menu .m-s-best__item:not(:last-child) {
    margin-right: 20px;
}

.h-menu .m-s-best__price .cost {
    margin: 0;
}

.h-menu__card {
    width: 265px;
    height: 346px;
    border: 1px solid #e8e8e8;
    border-radius: var(--order-border);
    cursor: pointer;
    margin: 20px;
}

.f-toggle-link:not([href]):after, .f-toggle-link:not([href]):before, .toggle-arrow:after, .toggle-arrow:before {
    content: "";
    position: absolute;
    top: 50%;
    right: 25px;
    height: 1px;
    width: 7px;
    background-color: #2a3342;
    -webkit-transition: background-color .2s, -webkit-transform .2s;
    transition: background-color .2s, -webkit-transform .2s;
    transition: background-color .2s, transform .2s;
    transition: background-color .2s, transform .2s, -webkit-transform .2s;
    pointer-events: none;
}

.f-toggle-link:not([href]):before, .toggle-arrow:before {
    -webkit-transform: translateX(4px) rotate(-45deg);
    -ms-transform: translateX(4px) rotate(-45deg);
    transform: translateX(4px) rotate(-45deg);
}

.f-toggle-link:not([href]):after, .toggle-arrow:after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.f-toggle-link:not([href]).active:after, .f-toggle-link:not([href]).active:before, .toggle-arrow-active:after, .toggle-arrow-active:before {
    background-color: #ffb711;
    pointer-events: none;
}

.f-toggle-link:not([href]).active:before, .toggle-arrow-active:before {
    -webkit-transform: translateX(5px) rotate(45deg);
    -ms-transform: translateX(5px) rotate(45deg);
    transform: translateX(5px) rotate(45deg);
}

.f-toggle-link:not([href]).active:after, .toggle-arrow-active:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.f__inner {
    padding-left: var(--page-pl);
    overflow: hidden;
}

@media (max-width: 1279px) {
    .f__inner {
        padding-left: 0;
    }
}

.f__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media (max-width: 1279px) {
    .f__top {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.f__contacts, .f__vk {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-top: 63px;
}

@media (max-width: 1800px) {
    .f__contacts, .f__vk {
        padding-top: 30px;
    }
}

@media (max-width: 1279px) {
    .f__contacts, .f__vk {
        padding-bottom: 42px;
    }
}

@media (max-width: 767px) {
    .f__contacts, .f__vk {
        width: 100%;
        margin-bottom: 15px;
        padding: 0 15px 21px;
    }
}

.f__contacts .title-3, .f__vk .title-3 {
    font-weight: 700;
    margin-bottom: 25px;
}

@media (max-width: 767px) {
    .f__contacts .title-3, .f__vk .title-3 {
        margin-bottom: 9px;
        font-weight: 700;
    }
}

.f__contacts .title-3 .let-vk-count, .f__vk .title-3 .let-vk-count {
    color: #156cbb;
}

@media (max-width: 1279px) {
    .f__contacts {
        padding-left: var(--page-pl);
    }
}

@media (max-width: 767px) {
    .f__contacts {
        margin-bottom: 15px;
        border-bottom: 1px solid #dfe0e3;
    }
}

.f__contacts > span {
    display: block;
    margin-bottom: 33px;
    padding-left: 6px;
    font-size: 15px;
}

@media (max-width: 767px) {
    .f__contacts > span {
        margin-bottom: 20px;
        padding-left: 2px;
        font-size: 12px;
    }
}

@media (max-width: 767px) {
    .f__contacts br {
        display: none;
    }
}

.f__contacts .title-1 {
    margin-bottom: 22px;
    letter-spacing: 0;
    white-space: nowrap;
}

@media (max-width: 1279px) {
    .f__contacts .title-1 {
        font-size: 40px;
    }
}

@media (max-width: 1023px) {
    .f__contacts .title-1 {
        font-size: 36px;
    }
}

@media (max-width: 767px) {
    .f__contacts .title-1 {
        margin-bottom: 4px;
        font-size: 21px;
    }
}

@media (max-width: 500px) {
    .f__contacts .title-1 {
        font-size: 21px;
    }
}

@media (max-width: 1279px) {
    .f__vk {
        margin: 0 auto;
    }
}

.f__vk ul {
    margin-top: 7px;
    margin-bottom: 37px;
}

@media (max-width: 767px) {
    .f__vk ul {
        margin-bottom: 24px;
    }
}

@media (max-width: 767px) {
    .f__vk ul li {
        font-size: 13px;
    }
}

@media (max-width: 767px) {
    .f__vk ul li:before {
        top: 4px;
    }
}

@media (max-width: 767px) {
    .f__vk br:not(:last-of-type) {
        display: none;
    }
}

.f__middle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 82px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media (max-width: 1800px) {
    .f__middle {
        margin-top: 50px;
    }
}

@media (max-width: 1279px) {
    .f__middle {
        margin-top: 40px;
        padding-left: var(--page-pl);
    }
}

@media (max-width: 767px) {
    .f__middle {
        display: block;
        margin-top: 0;
        padding: 0;
    }
}

.f__middle .f-toggle:nth-child(2) {
    margin-left: auto;
}

.f-services {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 41px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media (max-width: 1279px) {
    .f-services {
        margin-top: 60px;
    }
}

@media (max-width: 767px) {
    .f-services {
        display: block;
        margin-top: 30px;
        padding: 0 15px;
    }
}

@media (max-width: 1023px) {
    .f-services__link {
        width: 130px;
        height: 70px;
    }
}

@media (max-width: 500px) {
    .f-services__link {
        width: 100px;
        height: 50px;
    }
}

.f-services__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: var(--footer-form-w-d);
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

@media (max-width: 1279px) {
    .f-services__inner {
        width: auto;
    }
}

@media (max-width: 767px) {
    .f-services__inner {
        margin-top: 20px;
    }
}

.f-services__inner a {
    margin-right: 12px;
    margin-bottom: 3px;
    max-width: 110px;
    -webkit-transition: -webkit-filter .2s;
    transition: -webkit-filter .2s;
    transition: filter .2s;
    transition: filter .2s, -webkit-filter .2s;
}

.f-services__inner a:hover {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}

@media (max-width: 767px) {
    .f-services__inner a:nth-child(2) img, .f-services__inner a:nth-child(4) img {
        height: 14px;
    }
}

.f-services__inner a:last-child {
    margin-left: auto;
    margin-right: 0;
}

@media (max-width: 1279px) {
    .f-services__inner a:last-child {
        margin-left: 0;
    }
}

@media (max-width: 767px) {
    .f-services__inner a:last-child img {
        height: 17px;
    }
}

@media (max-width: 767px) {
    .f-services__inner img {
        height: 11px;
    }
}

.f-services a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: -webkit-filter .2s;
    transition: -webkit-filter .2s;
    transition: filter .2s;
    transition: filter .2s, -webkit-filter .2s;
}

.f-services a:hover {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}

@media (max-width: 767px) {
    .f-services img {
        max-width: 86px;
    }
}

.f-services img:not(.init) {
    width: 40px;
    height: 30px;
}

@media (max-width: 1279px) {
    .f-toggle {
        width: 50%;
    }
}

@media (max-width: 767px) {
    .f-toggle {
        width: 100%;
        border-bottom: 1px solid #dfe0e3;
    }
}

.f-toggle-link {
    display: none;
    width: 100%;
    padding: 17px;
    font-size: 13px;
    font-weight: 700;
    color: #156cbb;
    text-align: left;
    position: relative;
}

@media (max-width: 767px) {
    .f-toggle-link {
        display: block;
        font-size: 15px;
        padding: 16px 17px;
    }
}

.f-toggle-link[href] {
    border-bottom: 1px solid #dfe0e3;
}

.f-toggle-link:not([href]):after, .f-toggle-link:not([href]):before {
    background-color: #156cbb;
}

.f-toggle-link span {
    pointer-events: none;
}

@media (max-width: 767px) {
    .f-toggle__links {
        display: none;
        margin: 0 18px 10px;
        overflow: hidden;
    }
}

.f-toggle__links--catalog {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    grid-column-gap: 68px;
}

@media (max-width: 1279px) {
    .f-toggle__links--catalog {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        grid-column-gap: 0;
    }
}

@media (max-width: 1023px) {
    .f-toggle__links--catalog {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }
}

.f-toggle__links--static {
    width: var(--footer-form-w-d);
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}

@media (max-width: 1023px) {
    .f-toggle__links--static {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }
}

.f-toggle__links a {
    display: block;
    margin-bottom: 13px;
    font-size: 17px;
}

@media (max-width: 1279px) {
    .f-toggle__links a {
        margin-bottom: 11px;
    }
}

@media (max-width: 767px) {
    .f-toggle__links a {
        margin-bottom: 7px;
        font-size: 14px;
        line-height: 20px;
    }
}

.f-system__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 15px;
}

@media (max-width: 767px) {
    .f-system__items {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: 3px;
    }
}

@media (max-width: 767px) {
    .f-system__items .link img {
        height: 16px;
    }
}

@media (max-width: 767px) {
    .f-system__items .link:nth-child(2) img {
        height: 24px;
    }
}

@media (max-width: 767px) {
    .f-system__items .link:nth-child(4) img {
        height: 18px;
    }
}

.f-system__items .link:nth-child(5) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 30px;
    font-family: "object-fit:contain";
    -o-object-fit: contain;
    object-fit: contain;
}

@media (max-width: 767px) {
    .f-system__items .link:nth-child(5) img {
        height: 20px;
    }
}

.f-pay__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.f-pay__items .link img {
    max-height: 30px;
}

@media (max-width: 767px) {
    .f-pay__items .link img {
        max-height: 20px;
    }
}

@media (max-width: 767px) {
    .f-pay__items .link:nth-child(2) img {
        max-height: 20px;
    }
}

.f-pay__items .link:last-child img {
    max-height: 30px;
    font-family: "object-fit:contain";
    -o-object-fit: contain;
    object-fit: contain;
    max-width: 120px;
}

.f__copyright {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 30px;
    padding-bottom: 20px;
    font-size: 15px;
}

@media (max-width: 1800px) {
    .f__copyright {
        padding-top: 20px;
        padding-bottom: 15px;
    }
}

@media (max-width: 1279px) {
    .f__copyright {
        padding-top: 40px;
        padding-bottom: 27px;
    }
}

@media (max-width: 767px) {
    .f__copyright {
        display: block;
        padding: 8px 15px;
        margin-top: 12px;
    }
}

@media (max-width: 767px) {
    .f__copyright > span {
        font-size: 12px;
    }
}

.f__copyright a {
    display: block;
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
}

@media (max-width: 767px) {
    .f__copyright a {
        margin-top: 5px;
        font-size: 12px;
    }
}

.f__copyright a:hover {
    opacity: .7;
}

.f__copyright a span {
    color: #156cbb;
}

.f__alert {
    padding: 17px 0 20px;
    background-color: #ebe8f8;
    font-size: 15px;
    line-height: 1.3;
    color: #9c92c2;
}

@media (max-width: 1279px) {
    .f__alert {
        padding: 10px 0;
    }
}

@media (max-width: 767px) {
    .f__alert {
        padding: 14px 18px;
        font-size: 10px;
    }
}

@media (max-width: 1279px) {
    .f__alert .f__inner {
        padding-left: var(--page-pl);
    }
}

@media (max-width: 767px) {
    .f__alert .f__inner {
        padding-left: 0;
    }
}

.footer__consultation {
    position: fixed;
    top: 50%;
    background-color: #156cbb;
    right: 0;
    width: 65px;
    height: 425px;
    grid-gap: 20px;
    border-radius: 20px 0 0 20px;
    padding: 30px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 9999;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 767px) {
    .footer__consultation {
        height: 318px;
        width: 32px;
        padding: 16px 0;
    }
}

.footer__consultation .i-icon {
    position: absolute;
    top: 0;
    width: 100%;
    height: auto;
}

.footer__consultation span {
    display: block;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    font-size: 16px;
    font-weight: 600;
    line-height: 21.28px;
    color: #fff;
}

@media (max-width: 767px) {
    .footer__consultation span {
        font-size: 14px;
    }
}

.button-widget-open .button-widget-open {
    padding-top: 307px;
}

.b-form__item {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
/ / margin-bottom: 20 px;
    position: relative;
}

.b-form__item.hidden {
    display: none;
}

.b-form__item--wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 25px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 767px) {
    .b-form__item--wrap > * {
        margin-bottom: 10px;
    }
}

.b-form__item--column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 25px;
}

.b-form__item--column > * {
    margin-bottom: 15px;
}

@media (max-width: 767px) {
    .b-form__item--column > * {
        margin-bottom: 10px;
    }
}

.b-form__item--column > :last-child {
    margin-bottom: 0;
}

.b-form__item--textarea .b-form__label {
    top: 18px !important;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

.b-form__item--textarea .b-form__label.disabled {
    color: #f4f5f7;
}

.b-form__item--textarea .b-form__label.active {
    top: 27px !important;
}

.b-form__item--textarea textarea[disabled] {
    color: #156cbb !important;
}

.b-form__item--rating {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.b-form__item--select.b-form__item--multiple li {
    position: relative;
}

.b-form__item--select.b-form__item--multiple li:after {
    content: "";
    display: none;
    width: 10px;
    height: 8px;
    position: absolute;
    top: 0;
    right: 22px;
    bottom: 0;
    margin: auto;
    background-image: url(/local/client/img/galochka-blue.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

.b-form__item--select.b-form__item--multiple li.selected:after {
    display: block;
}

.b-form__item--select:not(.b-form__item--multiple) .select-items .selected {
    background-color: #f0f0f8;
}

.b-form__item--select .b-form__label {
    right: 38px;
    z-index: 1;
}

.b-form__item--select .b-form__label.active {
    top: 28px !important;
}

.b-form__item--select .b-form__label.active + .select-wrapper .label, .b-form__item--select .b-form__label.active select {
    padding-top: 12px;
    line-height: 46px;
}

.b-form__item--select .b-form__label span:not(:empty):before {
    content: ":";
    margin: 0 3px 0 -3px;
}

.b-form__item--select .selectric-wrapper.selectric-disabled .selectric, .b-form__item--select .selectric-wrapper.selectric-disabled .selectric-items {
    display: none;
}

@media (max-width: 767px) {
    .b-form__item--remove input {
        padding-right: 30px;
    }
}

.b-form__item--remove .plus {
    position: absolute !important;
    right: 25px;
    top: calc(100% - 40px);
    width: 12px;
    height: 12px;
    padding: 12px;
}

@media (max-width: 767px) {
    .b-form__item--remove .plus {
        right: 20px;
    }
}

@media (max-width: 500px) {
    .b-form__item--remove .plus {
        right: 10px;
    }
}

.b-form__item--remove .plus:after, .b-form__item--remove .plus:before {
    height: 16px;
}

.b-form__item.error .select, .b-form__item.error input, .b-form__item.error textarea {
/ / color: #f53a27;
    border-color: #f53a27 !important;
}

.b-form__item.error .b-form__label:not(.active) {
    top: 30px;
}

.b-form__item.error .b-form__label.active {
    -webkit-transform: translate(-5%, -30px) scale(.9);
    -ms-transform: translate(-5%, -30px) scale(.9);
    transform: translate(-5%, -30px) scale(.9);
}

.b-form__item.error .b-form__text {
    display: block;
    color: #f53a27;
}

.b-form__item[data-f-item=active] input::-webkit-input-placeholder, .b-form__item[data-f-item=active] textarea::-webkit-input-placeholder {
    color: #e8e8e8 !important;
}

.b-form__item[data-f-item=active] input::-moz-placeholder, .b-form__item[data-f-item=active] textarea::-moz-placeholder {
    color: #e8e8e8 !important;
}

.b-form__item[data-f-item=active] input:-ms-input-placeholder, .b-form__item[data-f-item=active] textarea:-ms-input-placeholder {
    color: #e8e8e8 !important;
}

.b-form__item[data-f-item=active] input::-ms-input-placeholder, .b-form__item[data-f-item=active] textarea::-ms-input-placeholder {
    color: #e8e8e8 !important;
}

.b-form__item[data-f-item=active] input::placeholder, .b-form__item[data-f-item=active] textarea::placeholder {
    color: #e8e8e8 !important;
}

.b-form__item.init .b-form__label.active + input[data-f-field]:not(.b-form__item--autofill), .b-form__item.init .b-form__label.active + input[data-f-field]:not(.b-form__item--autofill):-webkit-autofill, .b-form__item.init .b-form__label.active + input[data-f-field]:not(.b-form__item--autofill):-webkit-autofill:active, .b-form__item.init .b-form__label.active + input[data-f-field]:not(.b-form__item--autofill):-webkit-autofill:focus, .b-form__item.init .b-form__label.active + input[data-f-field]:not(.b-form__item--autofill):-webkit-autofill:hover {
    color: #2a3342 !important;
    -webkit-text-fill-color: #2a3342 !important;
}

.b-form__rating {
    margin-right: 20px;
    font-size: 16px;
}

.b-form__add {
    width: 50px;
    height: 60px;
    padding: 15px;
    position: relative;
    border: 1px solid #e8e8e8;
    border-radius: 5px;
    cursor: pointer;
    -webkit-transition: border-color .3s;
    transition: border-color .3s;
}

.b-form__add:hover:after, .b-form__add:hover:before {
    background-color: #ffb711;
}

.b-form__add:after, .b-form__add:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    margin: auto;
    background-color: #2a2a2a;
    -webkit-transition: background-color .3s;
    transition: background-color .3s;
}

.b-form__add:before {
    width: 12px;
    height: 2px;
}

.b-form__add:after {
    width: 2px;
    height: 12px;
}

.b-form__title {
    display: inline-block;
    margin-bottom: 10px;
    font-size: 15px;
    font-weight: 700;
}

.b-form input[data-number-hide-arrows]::-webkit-inner-spin-button, .b-form input[data-number-hide-arrows]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.b-form .phone-item {
    width: 100%;
    padding: 10px 20px;
    border: 1px solid #e8e8e8;
    background-color: #fff;
    font-size: 16px;
    border-radius: 4px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-transition: border-color .2s, background-color .2s, color .2s;
    transition: border-color .2s, background-color .2s, color .2s;
}

.b-form .phone-item.error {
    border-color: #f53a27;
}

.b-form .phone-item__wrapper {
    margin-top: 5px;
    position: relative;
}

.b-form .phone-item .input-font {
    white-space: nowrap;
    letter-spacing: 1px;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    overflow: hidden;
    text-overflow: ellipsis;
}

.b-form .phone-item__label {
    display: block;
    font-size: 16px;
    color: #8e8e8e;
}

.b-form .phone-item__mask {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0;
    color: grey;
    opacity: .6;
}

.b-form .phone-item__region {
    visibility: hidden;
}

.b-form .phone-item__message {
    width: 100%;
    display: block;
    position: relative;
    overflow: hidden;
    margin-top: 10px;
    -webkit-transition: height .3s ease;
    transition: height .3s ease;
}

.b-form .phone-item__message.error_show .phone-item__error {
    top: 0;
}

.b-form .phone-item__error {
    display: block;
    position: absolute;
    font-size: 12px;
    color: #f53a27;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    top: -50px;
}

.b-form .phone-item input {
    width: 100%;
    position: absolute;
    top: -1px;
    color: #000;
    min-height: 20px !important;
    height: 20px !important;
    background-color: #fff0;
    border: none;
    padding: 0;
    outline: none;
}

.b-form input:not(.b-count__input):not(.btn):not(.phone-item__input), .b-form textarea {
    width: 100%;
    padding: 20px;
    border: 1px solid #e8e8e8;
    background-color: #fff;
    font-size: 16px;
    border-radius: 4px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-transition: border-color .2s, background-color .2s, color .2s;
    transition: border-color .2s, background-color .2s, color .2s;
}

@media (max-width: 767px) {
    .b-form input:not(.b-count__input):not(.btn):not(.phone-item__input), .b-form textarea {
        padding-left: 15px;
        padding-right: 15px;
        line-height: 1.4;
    }
}

@media (max-width: 500px) {
    .b-form input:not(.b-count__input):not(.btn):not(.phone-item__input), .b-form textarea {
        font-size: 16px;
    }
}

.b-form input:not(.b-count__input):not(.btn):not(.phone-item__input)[data-f-field], .b-form textarea[data-f-field] {
    padding-top: 25px;
    padding-bottom: 12px;
}

@media (max-width: 767px) {
    .b-form input:not(.b-count__input):not(.btn):not(.phone-item__input)[data-f-field], .b-form textarea[data-f-field] {
        padding-top: 20px;
        padding-bottom: 14px;
    }
}

.b-form input:not(.b-count__input):not(.btn):not(.phone-item__input):hover:not(:disabled):not(:-moz-read-only), .b-form textarea:hover:not(:disabled):not(:-moz-read-only) {
    border-color: #e8e8e8;
}

.b-form input:not(.b-count__input):not(.btn):not(.phone-item__input):hover:not(:disabled):not(:read-only), .b-form textarea:hover:not(:disabled):not(:read-only) {
    border-color: #e8e8e8;
}

.b-form input:not(.b-count__input):not(.btn):not(.phone-item__input):focus:not(:-moz-read-only), .b-form textarea:focus:not(:-moz-read-only) {
/ / background-color: #fff;
    border-color: #f4f5f7;
}

.b-form input:not(.b-count__input):not(.btn):not(.phone-item__input):focus:not(:read-only), .b-form textarea:focus:not(:read-only) {
/ / background-color: #fff;
    border-color: #f4f5f7;
}

.b-form input:not(.b-count__input):not(.btn):not(.phone-item__input):focus:not(:read-only)::-webkit-input-placeholder, .b-form textarea:focus:not(:read-only)::-webkit-input-placeholder {
    color: #e8e8e8;
}

.b-form input:not(.b-count__input):not(.btn):not(.phone-item__input):focus:not(:read-only)::-moz-placeholder, .b-form textarea:focus:not(:read-only)::-moz-placeholder {
    color: #e8e8e8;
}

.b-form input:not(.b-count__input):not(.btn):not(.phone-item__input):focus:not(:read-only):-ms-input-placeholder, .b-form textarea:focus:not(:read-only):-ms-input-placeholder {
    color: #e8e8e8;
}

.b-form input:not(.b-count__input):not(.btn):not(.phone-item__input):focus:not(:read-only)::-ms-input-placeholder, .b-form textarea:focus:not(:read-only)::-ms-input-placeholder {
    color: #e8e8e8;
}

.b-form input:not(.b-count__input):not(.btn):not(.phone-item__input):focus:not(:-moz-read-only)::placeholder, .b-form textarea:focus:not(:-moz-read-only)::placeholder {
    color: #e8e8e8;
}

.b-form input:not(.b-count__input):not(.btn):not(.phone-item__input):focus:not(:read-only)::placeholder, .b-form textarea:focus:not(:read-only)::placeholder {
    color: #e8e8e8;
}

.b-form input:not(.b-count__input):not(.btn):not(.phone-item__input):focus:not(:-moz-read-only) ~ .b-form-suggest, .b-form textarea:focus:not(:-moz-read-only) ~ .b-form-suggest {
    opacity: 1;
}

.b-form input:not(.b-count__input):not(.btn):not(.phone-item__input):focus:not(:read-only) ~ .b-form-suggest, .b-form textarea:focus:not(:read-only) ~ .b-form-suggest {
    opacity: 1;
}

.b-form input:not(.b-count__input):not(.btn):not(.phone-item__input):disabled, .b-form textarea:disabled {
    border-color: #f4f5f7;
    background-color: #f4f5f7;
    color: #e8e8e8;
}

.b-form input:not(.b-count__input):not(.btn):not(.phone-item__input)::-webkit-input-placeholder, .b-form textarea::-webkit-input-placeholder {
    color: #fff0;
}

.b-form input:not(.b-count__input):not(.btn):not(.phone-item__input)::-moz-placeholder, .b-form textarea::-moz-placeholder {
    color: #fff0;
}

.b-form input:not(.b-count__input):not(.btn):not(.phone-item__input):-ms-input-placeholder, .b-form textarea:-ms-input-placeholder {
    color: #fff0;
}

.b-form input:not(.b-count__input):not(.btn):not(.phone-item__input)::-ms-input-placeholder, .b-form textarea::-ms-input-placeholder {
    color: #fff0;
}

.b-form input:not(.b-count__input):not(.btn):not(.phone-item__input)::placeholder, .b-form textarea::placeholder {
    color: #fff0;
}

.b-form input:not(.b-count__input):not(.btn):not(.phone-item__input).b-form__clear, .b-form textarea.b-form__clear {
    padding-right: 45px;
}

.b-form input:not(.b-count__input) {
    min-height: 60px;
}

.b-form textarea {
    min-height: 150px;
    resize: none;
}

.b-form [data-select-wrap] .b-form__item--select, .b-form [data-select-wrap] .b-form__item--select .select-wrapper {
    position: static;
}

.b-form__text {
    display: none;
    position: absolute;
    top: 100%;
/ / top: calc(100 % + 4 px);
    left: 0;
    right: 0;
    font-size: 14px;
    font-weight: 600;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.b-form__active {
    display: block !important;
}

.b-form__label {
    display: block;
    position: absolute;
    top: 50%;
    left: 20px;
/ / right: 10 px;
    font-size: 16px;
    color: #8e8e8e;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
/ / opacity: 0;
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s;
    pointer-events: none;
    z-index: 1;
}

@media (max-width: 767px) {
    .b-form__label {
        left: 15px;
        font-size: 14px;
    }
}

.b-form__label--title {
    font-size: 16px;
    margin-right: 20px;
    font-weight: 600;
}

.b-form__label.active {
    -webkit-transform: translate(-5%, -22px) scale(.9);
    -ms-transform: translate(-5%, -22px) scale(.9);
    transform: translate(-5%, -22px) scale(.9);
}

.b-form__label.active--origin {
    -webkit-transition: opacity .2s !important;
    transition: opacity .2s !important;
}

.b-form__label.disabled {
    color: #e8e8e8;
}

.b-form__pp a {
    color: #156cbb;
}

.b-form__pp a:hover {
    color: #99f;
}

.b-form__pp .b-checkbox__label {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.b-form__pp .b-checkbox__text {
    font-size: 13px;
}

.b-form__pp.b-checkbox, .b-form__pp .b-checkbox {
    margin-right: 0;
}

@media (max-width: 1279px) {
    .b-form__pp.b-checkbox, .b-form__pp .b-checkbox {
        margin-top: 10px;
    }
}

.b-form .form--success, .b-form__await, .b-form__error, .b-form__success {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 610px;
    margin-bottom: 15px;
    padding: 5px 10px;
    text-align: left;
    font-size: 15px;
}

@media (max-width: 767px) {
    .b-form .form--success, .b-form__await, .b-form__error, .b-form__success {
        font-size: 14px;
    }
}

.b-form .form--success:empty, .b-form__await:empty, .b-form__error:empty, .b-form__success:empty {
    display: none;
}

.b-form .form--success p, .b-form__await p, .b-form__error p, .b-form__success p {
    margin: 0;
}

.b-form .form--success, .b-form__error, .b-form__success {
    background-color: #f53a27 !important;
    color: #fff !important;
    overflow: hidden;
}

.b-form .form--success .plus, .b-form__error .plus, .b-form__success .plus {
    width: 14px;
    margin-left: 10px;
    padding: 4px;
}

.b-form .form--success .plus:after, .b-form .form--success .plus:before, .b-form__error .plus:after, .b-form__error .plus:before, .b-form__success .plus:after, .b-form__success .plus:before {
    height: 15px;
    background-color: #fff;
}

.b-form .form--success + .b-form__error, .b-form__error + .b-form__error, .b-form__success + .b-form__error {
    margin-top: -10px;
}

.b-form__await {
    background-color: #d2e9e3 !important;
    color: #2a3342 !important;
}

.b-form .form--success, .b-form__success {
    background-color: #24b232 !important;
    color: #fff !important;
}

.b-form-file {
    display: inline-block;
    margin-bottom: 25px;
    position: relative;
}

@media (max-width: 500px) {
    .b-form-file {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.b-form-file.error .b-form-file__text:not(.hidden) + .b-form-file__text:not(.hidden) {
    margin-top: 20px;
    font-size: 13px;
}

.b-form-file.error .b-form-file__text:not(.hidden) + .b-form-file__text:not(.hidden) + .b-form-file__text:not(.hidden) {
    margin-top: 35px;
}

.b-form-file.error .b-form-file__text:not(.hidden) + .b-form-file__text:not(.hidden) + .b-form-file__text:not(.hidden) + .b-form-file__text:not(.hidden) {
    margin-top: 50px;
}

.b-form-file__label {
    display: block;
    width: 100%;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 600;
}

.b-form-file__btn {
    display: inline-block;
    min-width: 172px;
    margin-right: 20px;
    padding: 8px 27px;
    border-radius: 27px;
    background-color: #f8f8f8;
    font-size: 16px;
    font-weight: 600;
    color: #156cbb;
    text-align: center;
    -webkit-box-shadow: 0 4px 4px rgb(52 25 138 / .09);
    box-shadow: 0 4px 4px rgb(52 25 138 / .09);
    -webkit-transition: background-color .2s, color .2s;
    transition: background-color .2s, color .2s;
    cursor: pointer;
}

.b-form-file__btn:hover {
    color: #99f;
}

.b-form-file__btn:active:not(:disabled) {
    -webkit-transform: translateY(2px);
    -ms-transform: translateY(2px);
    transform: translateY(2px);
}

.b-form-file__text {
    display: block;
    position: absolute;
    top: calc(100% - 22px);
    left: calc(100% + 10px);
    max-width: 370px;
    font-size: 16px;
    line-height: 1.4;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

@media (max-width: 767px) {
    .b-form-file__text {
        font-size: 14px;
    }
}

@media (max-width: 500px) {
    .b-form-file__text {
        max-width: 200px;
        margin-top: 5px;
        position: static;
    }
}

.b-form-file__error {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    color: #f53a27;
    font-size: 16px;
    line-height: 1.4;
}

@media (max-width: 767px) {
    .b-form-file__error {
        font-size: 14px;
    }
}

.b-form-file__error > * {
    margin-top: 15px;
}

@media (max-width: 500px) {
    .b-form-file__error > * {
        margin-top: 5px;
    }
}

@media (max-width: 500px) {
    .b-form-file__error > :first-child {
        margin-top: 0;
    }
}

.b-form-file__error.hidden {
    display: none;
}

.b-form-file label {
    position: relative;
}

.b-form-file [type=file] {
    display: none;
}

.b-form-file .b-form__text {
    color: #f53a27;
}

.b-form-suggest {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: calc(100% - 4px);
    right: 0;
    left: 0;
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-radius: 0 0 4px 4px;
    background: #fff;
    padding: 20px 20px 15px;
    list-style-type: none;
    z-index: 2;
}

.b-form-suggest:empty {
    display: none;
}

.b-form-suggest__item {
    width: 50%;
    -webkit-transition: color .2s;
    transition: color .2s;
    cursor: pointer;
}

.b-form-suggest__item:hover {
    color: #156cbb;
}

.b-form-suggest__item[data-city="404800"] {
    cursor: default;
}

.b-form-suggest__item[data-city="404800"]:hover {
    color: #2a3342;
}

.b-form-suggest__item:not(:last-child) {
    margin-bottom: 10px;
}

.m-banner__title {
    font-weight: 900;
    font-size: 40px;
    line-height: 54px;
    margin-bottom: 15px;
    color: #fff;
}

@media (max-width: 1279px) {
    .m-banner__title {
        font-size: 27px;
        line-height: 32px;
    }
}

@media (max-width: 1023px) {
    .m-banner__title {
        font-size: 23px;
        line-height: 27px;
    }
}

@media (max-width: 767px) {
    .m-banner__title {
        font-size: 18px;
        line-height: 24px;
    }
}

.m-banner__img, .m-banner__img img {
    width: 100%;
    height: 100%;
}

.m-banner__img img {
    font-family: "object-fit:cover";
    -o-object-fit: cover;
    object-fit: cover;
}

.m-banner__inner {
    padding: 30px;
    position: absolute;
}

@media (max-width: 1023px) {
    .m-banner__inner {
        padding: 30px 18px 60px;
    }
}

.m-banner__subtitle {
    font-size: 15px;
    line-height: 20px;
    font-weight: 900;
    margin-bottom: 15px;
}

.m-banner__timer {
    margin-bottom: 23px;
}

.m-banner__timer, .m-banner__timer-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.m-banner__timer-item {
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.m-banner__timer-item:not(:last-child) {
    margin-right: 14px;
}

.m-banner__timer-item:not(:last-child):after {
    content: "";
    display: block;
    width: 4px;
    height: 14px;
    position: absolute;
    right: -7px;
    -webkit-transform: translateX(50%) translateY(-50%);
    -ms-transform: translateX(50%) translateY(-50%);
    transform: translateX(50%) translateY(-50%);
}

.m-banner__timer-time {
    width: 55px;
    height: 55px;
    font-size: 25px;
    font-weight: 900;
    text-align: center;
    border-radius: 6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.m-banner__timer-text {
    font-size: 12px;
    line-height: 16px;
    font-weight: 900;
}

.m-banner--black-friday {
    min-height: 316px;
    height: 316px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #2c2c2c url(/local/client/img/black-friday/bcg-main-banner.svg) 50% no-repeat;
    color: #fff;
    background-size: cover;
    margin-bottom: 65px;
    z-index: 2;
}

@media (max-width: 1023px) {
    .m-banner--black-friday {
        background: #000 url(/local/client/img/black-friday/bcg-banner-mobile.svg) 50% no-repeat;
        background-size: cover !important;
        padding: 0;
        margin-bottom: 50px;
    }
}

@media (max-width: 767px) {
    .m-banner--black-friday {
        margin: 0 auto 50px;
    }
}

.m-banner--black-friday .btn {
    position: relative;
    text-transform: uppercase;
    min-width: 204px;
    overflow: hidden;
}

@media (max-width: 767px) {
    .m-banner--black-friday .btn {
        min-width: 154px;
    }
}

.m-banner--black-friday .btn:after {
    content: "";
    display: block;
    width: 30px;
    height: 300px;
    margin-left: 60px;
    background: -webkit-gradient(linear, left top, right top, color-stop(10%, hsl(0 0% 100% / .1)), color-stop(20%, hsl(0 0% 100% / .2)), to(hsl(0 0% 100% / .6)));
    background: linear-gradient(90deg, hsl(0 0% 100% / .1) 10%, hsl(0 0% 100% / .2) 20%, hsl(0 0% 100% / .6));
    position: absolute;
    left: -40px;
    top: -150px;
    z-index: 1;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all .1s;
    transition: all .1s;
    -webkit-animation-name: slideme;
    animation-name: slideme;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-delay: .05s;
    animation-delay: .05s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.m-banner--black-friday .m-banner__img, .m-banner--black-friday .m-banner__img img {
    width: 100%;
    min-height: 316px;
    height: 316px;
}

.m-banner--black-friday .m-banner__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.m-banner--black-friday .m-banner__inner, .m-banner--new-year {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.m-banner--new-year {
    height: 316px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    background: #2c2c2c url(/local/client/img/black-friday/bcg-main-banner.svg) 50% no-repeat;
    color: #413e2d;
    background-size: cover;
    margin-bottom: 65px;
    z-index: 2;
}

@media (max-width: 1023px) {
    .m-banner--new-year {
        background-size: cover !important;
        margin-bottom: 50px;
    }
}

@media (max-width: 767px) {
    .m-banner--new-year {
        margin: 0 auto 50px;
    }
}

.m-banner--new-year .m-banner__img, .m-banner--new-year .m-banner__img img {
    min-height: 316px;
}

.m-banner--new-year .m-banner__inner {
    width: 100%;
    max-width: 1554px;
    margin: 0 auto;
    padding: 30px;
}

@media (max-width: 767px) {
    .m-banner--new-year .m-banner__inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.m-banner--new-year .m-banner__title {
    color: #413e2d;
}

.m-banner--new-year .m-banner__timer {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.m-banner--new-year .m-banner__timer-time {
    background: linear-gradient(225deg, #f8eacb, #ffffe2 44.38%, #e9c595 93.64%);
    -webkit-box-shadow: 0 2px 16px rgb(0 0 0 / .16);
    box-shadow: 0 2px 16px rgb(0 0 0 / .16);
    border-radius: 6px;
    color: #413e2d;
}

.m-banner--new-year .btn {
    position: relative;
    text-transform: uppercase;
    min-width: 204px;
    overflow: hidden;
}

@media (max-width: 767px) {
    .m-banner--new-year .btn {
        min-width: 154px;
    }
}

.m-banner--new-year .btn:after {
    content: "";
    display: block;
    width: 30px;
    height: 300px;
    margin-left: 60px;
    background: -webkit-gradient(linear, left top, right top, color-stop(10%, hsl(0 0% 100% / .1)), color-stop(20%, hsl(0 0% 100% / .2)), to(hsl(0 0% 100% / .6)));
    background: linear-gradient(90deg, hsl(0 0% 100% / .1) 10%, hsl(0 0% 100% / .2) 20%, hsl(0 0% 100% / .6));
    position: absolute;
    left: -40px;
    top: -150px;
    z-index: 1;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all .1s;
    transition: all .1s;
    -webkit-animation-name: slideme;
    animation-name: slideme;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-delay: .05s;
    animation-delay: .05s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.m-banner--universal {
    min-height: 316px;
    height: 316px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    background-size: cover;
    margin-bottom: 65px;
    z-index: 2;
}

@media (max-width: 1023px) {
    .m-banner--universal {
        background-size: cover !important;
        margin-bottom: 50px;
    }
}

@media (max-width: 767px) {
    .m-banner--universal {
        margin: 0 auto 50px;
    }
}

.m-banner--universal .m-banner__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.m-banner--universal .btn {
    position: relative;
    text-transform: uppercase;
    min-width: 204px;
    overflow: hidden;
}

@media (max-width: 767px) {
    .m-banner--universal .btn {
        min-width: 154px;
    }
}

.m-banner--universal .btn:hover:not(:disabled) {
    background: #156cbb !important;
    color: #fff !important;
}

.m-banner--universal .btn:after {
    content: "";
    display: block;
    width: 30px;
    height: 300px;
    margin-left: 60px;
    background: -webkit-gradient(linear, left top, right top, color-stop(10%, hsl(0 0% 100% / .1)), color-stop(20%, hsl(0 0% 100% / .2)), to(hsl(0 0% 100% / .6)));
    background: linear-gradient(90deg, hsl(0 0% 100% / .1) 10%, hsl(0 0% 100% / .2) 20%, hsl(0 0% 100% / .6));
    position: absolute;
    left: -40px;
    top: -150px;
    z-index: 1;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all .1s;
    transition: all .1s;
    -webkit-animation-name: slideme;
    animation-name: slideme;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-delay: .05s;
    animation-delay: .05s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.m-banner__timer-item:not(:last-child):after {
    background: url(/local/client/img/promotion-dots/light.svg);
}

.m-banner__timer-item.light:not(:last-child):after {
    background: url(/local/client/img/promotion-dots/light.svg);
}

.m-banner__timer-item.dark:not(:last-child):after {
    background: url(/local/client/img/promotion-dots/dark.svg);
}

.m-b-item {
    background: linear-gradient(88.56deg, #1f71c3 6.99%, #f7fb00 79.69%);
    border-radius: 12px;
    width: 100%;
    height: 150px;
    padding: 27px 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    margin-bottom: 50px;
}

@media (max-width: 1800px) {
    .m-b-item {
        padding: 27px 40px;
    }
}

@media (max-width: 1023px) {
    .m-b-item {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
}

@media (max-width: 500px) {
    .m-b-item {
        padding: 20px 25px;
        border-radius: 0;
        margin-bottom: 40px;
    }
}

.m-b-item__inner {
    position: relative;
    z-index: 1;
}

.m-b-item__title {
    font-size: 40px;
    line-height: 1.2;
    font-weight: 700;
    max-width: 430px;
    color: #fff;
}

@media (max-width: 1365px) {
    .m-b-item__title {
        font-size: 27px;
        max-width: 300px;
    }
}

@media (max-width: 1023px) {
    .m-b-item__title {
        font-size: 23px;
        max-width: 100%;
    }
}

@media (max-width: 767px) {
    .m-b-item__title {
        font-size: 20px;
    }
}

@media (max-width: 500px) {
    .m-b-item__title {
        max-width: 220px;
    }
}

@media (max-width: 360px) {
    .m-b-item__title {
        font-size: 16px;
        max-width: 180px;
    }
}

.m-b-item__subtitle {
    color: #8e8e8e;
    font-size: 16px;
    line-height: 2.2;
}

@media (max-width: 767px) {
    .m-b-item__subtitle {
        font-size: 12px;
        line-height: 1.5;
    }
}

.m-b-item__hint {
    height: 110px;
    position: absolute;
    top: 0;
    right: -297px;
    width: 320px;
}

@media (max-width: 1365px) {
    .m-b-item__hint {
        height: 80px;
    }
}

@media (max-width: 1023px) {
    .m-b-item__hint {
        height: 46px;
        width: 127px;
        right: -122px;
    }
}

@media (max-width: 500px) {
    .m-b-item__hint {
        right: -110px;
    }
}

.m-b-item__img {
    height: 100%;
    position: absolute;
    right: 340px;
}

@media (max-width: 1500px) {
    .m-b-item__img {
        right: 255px;
    }
}

@media (max-width: 1365px) {
    .m-b-item__img {
        right: 175px;
    }
}

@media (max-width: 1023px) {
    .m-b-item__img {
        right: auto;
        width: 200px;
        left: 0;
        bottom: 0;
        height: 80px;
    }
}

.m-b-item__img img, .m-b-item__img picture {
    width: 100%;
    height: 100%;
}

.m-b-item .btn {
    width: 208px;
    height: 71px;
    font-size: 20px;
    border-radius: 53px;
}

@media (max-width: 1365px) {
    .m-b-item .btn {
        width: auto;
        height: auto;
    }
}

@media (max-width: 1023px) {
    .m-b-item .btn {
        width: 122px;
        height: 43px;
        font-size: 14px;
        position: absolute;
        right: 20px;
        bottom: 20px;
    }
}

.video-play-icon:after, .video-play-icon:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    pointer-events: none;
}

.video-play-icon:before {
    width: var(--tag-360-size);
    height: var(--tag-360-size);
    border-radius: 50%;
    background-color: #e3efff;
    z-index: 1;
}

.video-play-icon:before img {
    width: 40px;
    height: 40px;
    font-family: "object-fit:contain";
    -o-object-fit: contain;
    object-fit: contain;
}

@media (max-width: 767px) {
    .video-play-icon:before img {
        width: 22px;
        height: 22px;
    }
}

.video-play-icon:before img:not(.init) {
    border-radius: 50%;
}

.video-play-icon:after {
    width: 15px;
    height: 15px;
    background-image: url(/local/client/img/play.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%;
    z-index: 2;
}

.video-play-icon-big:before {
    width: calc(var(--tag-360-size) * 1.5);
    height: calc(var(--tag-360-size) * 1.5);
}

.video-play-icon-big:after {
    width: 22.5px;
    height: 22.5px;
}

.m-b-banner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: #156cbb;
    border-radius: 12px;
    width: 100%;
    height: 150px;
    padding: 33px 100px;
    position: relative;
    margin-top: 60px;
    margin-bottom: 50px;
}

@media (max-width: 1500px) {
    .m-b-banner {
        padding: 33px 40px;
        margin-top: 40px;
    }
}

@media (max-width: 767px) {
    .m-b-banner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        border-radius: 0;
        padding: 20px;
        margin-bottom: 40px;
    }
}

.m-b-banner__title {
    font-size: 40px;
    line-height: 1.2;
    font-weight: 700;
    color: #fff;
}

@media (max-width: 1500px) {
    .m-b-banner__title {
        font-size: 34px;
    }
}

@media (max-width: 1023px) {
    .m-b-banner__title {
        font-size: 24px;
    }
}

@media (max-width: 767px) {
    .m-b-banner__title {
        font-size: 21px;
    }
}

.m-b-banner__title span {
    color: #00b300;
}

.m-b-banner__subtitle {
    color: #ddd;
    font-size: 16px;
    line-height: 2.2;
}

@media (max-width: 767px) {
    .m-b-banner__subtitle {
        font-size: 12px;
        line-height: 1.5;
    }
}

.m-b-banner__img {
    height: 150px;
}

@media (max-width: 767px) {
    .m-b-banner__img {
        position: absolute;
        right: 0;
        top: 0;
    }
}

.m-b-banner__img img, .m-b-banner__img picture {
    width: 100%;
    height: 100%;
    font-family: "object-fit:cover";
    -o-object-fit: cover;
    object-fit: cover;
}

.m-b-banner .btn {
    border: 1px solid #fff0;
    background: #f53a27;
    position: absolute;
    right: 30%;
}

@media (max-width: 767px) {
    .m-b-banner .btn {
        position: relative;
        right: auto;
        margin-top: 22px;
    }
}

@media (min-width: 1801px) {
    :root {
        --h-main-pb: 83px;
        --main-show-left-w-d: 740px;
        --footer-form-w-d: 550px;
        --page-pl: 23px;
        --tag-360-size: 52px;
        --count-height: 55px;
        --order-pv: 25px;
        --order-border: 12px;
        --order-sidebar-w: 346px;
    }
}

@media (max-width: 1800px) {
    :root {
        --h-main-pb: 60px;
        --main-show-left-w-d: 640px;
        --footer-form-w-d: 460px;
        --page-pl: 23px;
        --tag-360-size: 52px;
        --count-height: 55px;
        --order-pv: 25px;
        --order-border: 12px;
        --order-sidebar-w: 306px;
    }
}

@media (max-width: 1279px) {
    :root {
        --page-pl: 13px;
    }
}

@media (max-width: 1023px) {
    :root {
        --h-main-pb: 0;
        --order-pv: 15px;
    }
}

@media (max-width: 767px) {
    :root {
        --count-height: 48px;
        --tag-360-size: 30px;
        --container-p-h-m: 18px;
        --order-border: 0;
    }
}

.slide-pseudo-padding {
/ / height: auto;
}

@media (max-width: 767px) {
    .slide-pseudo-padding {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: calc(var(--slide-width-m) + var(--slide-margin-m)) !important;
    }
}

@media (max-width: 767px) {
    .slide-pseudo-padding:last-child {
        width: calc(var(--slide-width-m) + var(--slide-margin-m) * 2) !important;
    }
}

.slide-pseudo-padding:last-child:after {
    content: "";
    display: block;
    min-width: var(--slide-margin-m);
}

.slide-pseudo-padding .relative {
    position: relative;
}

.slide-pseudo-padding:before {
    content: "";
    display: block;
    min-width: var(--slide-margin-m);
}

.slide-pseudo-padding > div {
/ / height: 100 %;
    width: 100%;
}

@media (max-width: 767px) {
    .slide-pseudo-padding > div {
        width: var(--slide-width-m);
    }
}

.toggle-arrow:after, .toggle-arrow:before {
    content: "";
    position: absolute;
    top: 50%;
    right: 25px;
    height: 1px;
    width: 7px;
    background-color: #2a3342;
    -webkit-transition: background-color .2s, -webkit-transform .2s;
    transition: background-color .2s, -webkit-transform .2s;
    transition: background-color .2s, transform .2s;
    transition: background-color .2s, transform .2s, -webkit-transform .2s;
    pointer-events: none;
}

.toggle-arrow:before {
    -webkit-transform: translateX(4px) rotate(-45deg);
    -ms-transform: translateX(4px) rotate(-45deg);
    transform: translateX(4px) rotate(-45deg);
}

.toggle-arrow:after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.toggle-arrow-active:after, .toggle-arrow-active:before {
    background-color: #ffb711;
    pointer-events: none;
}

.toggle-arrow-active:before {
    -webkit-transform: translateX(5px) rotate(45deg);
    -ms-transform: translateX(5px) rotate(45deg);
    transform: translateX(5px) rotate(45deg);
}

.toggle-arrow-active:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.text-decorate span {
    padding: 0 2px 0 6px;
    background-color: #ecedf0;
    font-weight: 700;
    position: relative;
    line-height: 1.5;
}

.sect {
    margin-top: 70px;
}

@media (max-width: 767px) {
    .sect {
        margin-top: 40px;
    }
}

.sect:first-child {
    margin-top: 0;
}

.title-tabs [data-tab-btn] {
    color: #e4e4f3;
}

@media (max-width: 767px) {
    .title-tabs [data-tab-btn] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 50%;
        margin: 0;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        border: none;
    }
}

@media (max-width: 767px) {
    .title-tabs [data-tab-btn]:first-of-type:last-of-type {
        width: 100%;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}

.title-tabs [data-tab-btn].active {
    color: #156cbb;
}

.title-tabs [data-tab-btn]:not(.active) * {
    border-color: #e4e4f3;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

@media (max-width: 767px) {
    .title-tabs [data-tab-btn].btn {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        margin: 0 0 15px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        border: 1px solid #156cbb;
    }
}

.title-tabs [data-tab-btn].btn .title-2 {
    color: #156cbb;
    border-bottom: none;
    margin-right: 0;
}

.title-tabs [data-tab-btn].btn:not(:last-child) {
    margin-right: 20px;
}

@media (max-width: 767px) {
    .title-tabs [data-tab-btn].btn:not(:last-child) {
        margin-right: 0;
    }
}

.title-tabs [data-tab-btn].btn.active, .title-tabs [data-tab-btn].btn:hover {
    background: #156cbb;
}

.title-tabs [data-tab-btn].btn.active .title-2, .title-tabs [data-tab-btn].btn:hover .title-2 {
    color: #fff;
}

@media (max-width: 767px) {
    .title-tabs [data-tab-btn].btn:first-of-type:last-of-type {
        width: 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.title-tabs [data-tab-btn] * {
    border-bottom: 2px dashed #fff0;
}

.title-tabs [data-tab-btn] .title-1 {
    margin: 0 30px;
}

@media (max-width: 500px) {
    .title-tabs [data-tab-btn] .title-1 {
        margin: 0;
        border-bottom: none;
    }
}

.title-tabs [data-tab-btn] .title-2 {
    margin-right: 30px;
}

.count-input {
    width: 40px;
    margin: 0 15px;
    border: none;
    text-align: center;
    background-color: #fff0;
    font-size: 16px;
    font-weight: 700;
}

@media (max-width: 1023px) {
    .count-input {
        width: 50px;
    }
}

.count-btn {
    width: 42px;
    height: 42px;
    margin: -20px;
}

@media (max-width: 767px) {
    .checkbox-mobile-btn {
        margin-top: 5px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 10px 17px;
        position: relative;
    }
}

@media (max-width: 767px) {
    .checkbox-mobile-btn .b-checkbox__input:checked:not(.disabled) + .b-checkbox__box + .b-checkbox__text {
        color: #fff;
    }
}

@media (max-width: 767px) {
    .checkbox-mobile-btn .b-checkbox__box {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        max-width: 100%;
        height: auto;
        margin: 0;
        border-radius: 6px;
        border: none;
    }
}

@media (max-width: 767px) {
    .checkbox-mobile-btn .b-checkbox__line {
        display: none;
    }
}

@media (max-width: 767px) {
    .checkbox-mobile-btn .b-checkbox__text {
        position: relative;
        z-index: 1;
    }
}

.page-empty {
    padding-bottom: 60px;
    text-align: center;
}

@media (max-width: 1023px) {
    .page-empty {
        padding-bottom: 0;
        padding-top: 30px;
    }
}

@media (max-width: 767px) {
    .page-empty {
        padding: 30px 18px;
    }
}

.page-empty__image {
    margin-bottom: 38px;
}

.page-empty__image img {
    height: 220px;
}

.page-empty__text {
    font-size: 16px;
}

.page-empty .title-1 {
    margin-bottom: 60px;
}

.page-empty .btn {
    margin-top: 19px;
}

.favorite-like-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-width: 55px;
    width: 55px;
    height: 55px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50px;
    border: 1px solid #ecedf0;
    background-color: #f0f0f8;
    -webkit-box-shadow: 0 4px 4px rgb(52 25 138 / .09);
    box-shadow: 0 4px 4px rgb(52 25 138 / .09);
    -webkit-transition: background-color .2s, border-color .2s, -webkit-transform .2s;
    transition: background-color .2s, border-color .2s, -webkit-transform .2s;
    transition: transform .2s, background-color .2s, border-color .2s;
    transition: transform .2s, background-color .2s, border-color .2s, -webkit-transform .2s;
}

.favorite-like-btn .i-icon--fill {
    display: none;
}

.favorite-like-btn:hover svg :not(g) {
    stroke: #156cbb;
}

.favorite-like-btn:active:not(:disabled) {
    -webkit-transform: translateY(2px);
    -ms-transform: translateY(2px);
    transform: translateY(2px);
}

.favorite-like-btn .active .tooltip-s__text span:first-of-type {
    display: none;
}

.favorite-like-btn .active .tooltip-s__text span:last-of-type:not(:first-of-type) {
    display: block;
}

.favorite-like-btn svg {
    width: 22px;
    height: 18px;
}

.favorite-like-btn svg :not(g) {
    fill: none;
    stroke: dimgray;
    -webkit-transition: stroke .2s;
    transition: stroke .2s;
}

.favorite-like-btn .tooltip-s__text span:last-of-type:not(:first-of-type) {
    display: none;
}

.m-b-s__video:after, .m-b-s__video:before, .video-play-icon:after, .video-play-icon:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    pointer-events: none;
}

.m-b-s__video:before, .video-play-icon:before {
    width: var(--tag-360-size);
    height: var(--tag-360-size);
    border-radius: 50%;
    background-color: #e3efff;
    z-index: 1;
}

.m-b-s__video:before img, .video-play-icon:before img {
    width: 40px;
    height: 40px;
    font-family: "object-fit:contain";
    -o-object-fit: contain;
    object-fit: contain;
}

@media (max-width: 767px) {
    .m-b-s__video:before img, .video-play-icon:before img {
        width: 22px;
        height: 22px;
    }
}

.m-b-s__video:before img:not(.init), .video-play-icon:before img:not(.init) {
    border-radius: 50%;
}

.m-b-s__video:after, .video-play-icon:after {
    width: 15px;
    height: 15px;
    background-image: url(/local/client/img/play.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%;
    z-index: 2;
}

.m-b-s__video:before, .video-play-icon-big:before {
    width: calc(var(--tag-360-size) * 1.5);
    height: calc(var(--tag-360-size) * 1.5);
}

.m-b-s__video:after, .video-play-icon-big:after {
    width: 22.5px;
    height: 22.5px;
}

.tabs-mobile {
    margin-bottom: 45px;
}

@media (max-width: 767px) {
    .tabs-mobile {
        display: grid;
        grid-gap: 5px;
        grid-template-columns: repeat(4, auto);
        margin: 0 -18px 35px;
        padding: 0 18px;
        overflow: auto;
        white-space: nowrap;
    }
}

@media (max-width: 767px) {
    .tabs-mobile .btn {
        padding-right: 18px;
        padding-left: 18px;
    }
}

.datepicker--cell:hover {
    background-color: #68b8e6;
    color: #fff;
}

.datepicker--cell.-disabled-.-current- {
    color: #fff;
}

.datepicker--cell.-disabled-.-current-:hover:not(.-disabled-) {
    color: #fff;
}

.datepicker--cell.-selected- {
    background-color: #156cbb;
    color: #fff;
}

.datepicker--cell.-selected-.-focus-:not(.-disabled-) {
    background-color: #68b8e6;
    color: #fff;
}

.datepicker--cell.-current-, .datepicker--cell.-current-.-disabled- {
    color: #156cbb;
}

@media (min-width: 1801px) {
    :root {
        --aside-w: 470px;
        --content-w: 410px;
        --slide-pl: 50px;
        --slide-h: 400px;
    }
}

@media (max-width: 1800px) {
    :root {
        --aside-w: 420px;
        --content-w: 340px;
        --slide-pl: 30px;
        --slide-h: 400px;
    }
}

@media (max-width: 1365px) {
    :root {
        --aside-w: 0;
        --slide-h: 400px;
    }
}

@media (max-width: 1279px) {
    :root {
        --aside-w: 0;
        --slide-h: 400px;
    }
}

@media (max-width: 1023px) {
    :root {
        --slide-h: 400px;
    }
}

@media (max-width: 767px) {
    :root {
        --slide-h: 100%;
        --slide-pl: 15px;
    }
}

.m-b {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: calc(var(--h-main-pb) * -1);
    margin-bottom: 55px;
}

@media (max-width: 1023px) {
    .m-b {
        margin-bottom: 78px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

@media (max-width: 767px) {
    .m-b {
        margin: 0 0 44px;
        height: auto;
    }
}

.m-b-s {
    width: 100%;
    height: var(--slide-h);
    border-radius: 15px;
}

@media (max-width: 1023px) {
    .m-b-s {
        height: 100%;
        border-radius: 0;
    }
}

.m-b-s .mobile {
    display: none;
}

@media (max-width: 767px) {
    .m-b-s .mobile {
        display: block;
    }
}

@media (max-width: 767px) {
    .m-b-s .desktop {
        display: none;
    }
}

@media (max-width: 767px) {
    .m-b-s:not(.swiper-container-initialized) .swiper-slide {
        width: 100% !important;
    }
    div#mod-custom119 {
        padding: 0 20px;
    }
}

.m-b-s__video.active:after, .m-b-s__video.active:before {
    opacity: 0;
    -webkit-transition: opacity .2s .3s;
    transition: opacity .2s .3s;
}

.m-b-s__video.active [data-player]:before {
    display: none;
}

.m-b-s__video.active img {
    opacity: 0;
    z-index: -1;
    -webkit-transition: .2s;
    transition: .2s;
}

.m-b-s__video:not(.active) iframe {
    pointer-events: none;
}

.m-b-s__video [data-player] {
    height: 100%;
    cursor: pointer;
}

.m-b-s__video [data-player]:hover:before {
    background: rgb(26 23 41 / .3);
}

.m-b-s__video [data-player]:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #fff0;
    -webkit-transition: background .4s ease;
    transition: background .4s ease;
    pointer-events: none;
}

.m-b-s__video [data-player] iframe {
    border-radius: 15px;
}

.m-b-s__video img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    font-family: "object-fit:cover";
    -o-object-fit: cover;
    object-fit: cover;
    pointer-events: none;
}

.m-b-s__arrow {
    min-width: 50px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: hsl(0 0% 100% / .5);
    border: 2px solid hsl(0 0% 100% / .5);
    -webkit-box-shadow: 0 2px 8px rgb(0 0 0 / .1);
    box-shadow: 0 2px 8px rgb(0 0 0 / .1);
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: .2s;
    transition: .2s;
    cursor: pointer;
    z-index: 2;
}

@media (max-width: 1023px) {
    .m-b-s__arrow {
        display: none;
    }
}

@media (min-width: 1024px) {
    .m-b-s__arrow:not(.swiper-button-disabled):hover {
        border-color: #156cbb;
    }

    .m-b-s__arrow:not(.swiper-button-disabled):hover .i-icon * {
        stroke: #156cbb;
    }
}

.m-b-s__arrow.swiper-button-disabled {
    display: none;
}

.m-b-s__arrow--next {
    right: 30px;
}

.m-b-s__arrow--prev {
    left: 30px;
}

.m-b-s__arrow--prev .i-icon {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.m-b-s__arrow .i-icon * {
    fill: #fff0;
}

.m-b-s__i {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    background-color: #f4f5f7;
    border-radius: 15px;
}

@media (max-width: 1023px) {
    .m-b-s__i {
        background-color: #fff0;
    }
}

@media (max-width: 767px) {
    .m-b-s__i {
        padding: 0 15px 34px;
    }
}

.m-b-s__i--cover .m-b-s__img img, .m-b-s__i--cover .m-b-s__img picture {
    font-family: "object-fit:cover";
    -o-object-fit: cover;
    object-fit: cover;
}

.m-b-s__i:first-child.swiper-slide-active {
    z-index: 2;
}

.m-b-s__img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}

@media (max-width: 767px) {
    .m-b-s__img {
        width: calc(100% + 30px);
        margin-left: -15px;
        margin-right: -15px;
    }
}

.m-b-s__img img, .m-b-s__img picture {
    width: 100%;
    height: 100%;
    font-family: "object-fit:cover";
    -o-object-fit: cover;
    object-fit: cover;
    position: relative;
    z-index: 1;
    border-radius: 15px;
}

@media (max-width: 500px) {
    .m-b-s__img img, .m-b-s__img picture {
        margin: 0 auto;
        border-radius: 8px;
    }
}

@media (max-width: 1023px) {
    .m-b-s--black-friday, .m-b-s--black-friday .m-b-s {
        width: 100%;
    }
}

.m-b-s--black-friday .m-b-s__img {
    width: 100%;
    position: relative;
}

@media (max-width: 767px) {
    .m-b-s--black-friday .m-b-s__img {
        width: calc(100% + 30px);
        margin-bottom: 0;
    }
}

.m-b-s--black-friday .m-b-s__img img, .m-b-s--black-friday .m-b-s__img picture {
    width: 100%;
    height: 100%;
    font-family: "object-fit:cover";
    -o-object-fit: cover;
    object-fit: cover;
}

.m-b-s--black-friday .btn {
    border: 1px solid #fff0;
    min-width: 179px;
    margin-top: 0 !important;
    position: relative;
    overflow: hidden;
}

@media (max-width: 767px) {
    .m-b-s--black-friday .btn {
        margin-top: auto;
        min-width: auto;
        padding: 10px 25px;
        height: 45px;
        min-height: 45px;
    }
}

.m-b-s--black-friday .btn:after {
    content: "";
    display: block;
    width: 30px;
    height: 300px;
    margin-left: 60px;
    background: -webkit-gradient(linear, left top, right top, color-stop(10%, hsl(0 0% 100% / .1)), color-stop(20%, hsl(0 0% 100% / .2)), to(hsl(0 0% 100% / .6)));
    background: linear-gradient(90deg, hsl(0 0% 100% / .1) 10%, hsl(0 0% 100% / .2) 20%, hsl(0 0% 100% / .6));
    position: absolute;
    left: -40px;
    top: -150px;
    z-index: 1;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all .1s;
    transition: all .1s;
    -webkit-animation-name: slideme;
    animation-name: slideme;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-delay: .05s;
    animation-delay: .05s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

@media (max-width: 1023px) {
    .m-b-s--new-year, .m-b-s--new-year .m-b-s {
        width: 100%;
    }
}

.m-b-s--new-year .m-b-s__img {
    width: 100%;
    position: relative;
}

@media (max-width: 767px) {
    .m-b-s--new-year .m-b-s__img {
        min-height: 100%;
        width: calc(100% + 30px);
        height: 100%;
        margin-bottom: 0;
    }
}

.m-b-s--new-year .m-b-s__img img, .m-b-s--new-year .m-b-s__img picture {
    width: 100%;
    height: 100%;
    font-family: "object-fit:cover";
    -o-object-fit: cover;
    object-fit: cover;
}

@media (max-width: 1023px) {
    .m-b-s--universal {
        width: 100%;
    }
}

.m-b-s--universal.swiper-slide-active {
    z-index: 3;
}

.m-b-s--universal .m-b-s {
    width: 100% !important;
}

@media (max-width: 1023px) {
    .m-b-s--universal .m-b-s {
        width: 100% !important;
    }
}

.m-b-s--universal .m-b-s__img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    position: relative;
}

@media (max-width: 767px) {
    .m-b-s--universal .m-b-s__img {
        min-height: 100%;
        width: calc(100% + 30px);
        height: 100%;
        margin-bottom: 0;
    }
}

.m-b-s--universal .m-b-s__img img, .m-b-s--universal .m-b-s__img picture {
    width: 100%;
    height: 100%;
    font-family: "object-fit:cover";
    -o-object-fit: cover;
    object-fit: cover;
}

@media (max-width: 767px) {
    .m-b-s .btn {
        margin-top: auto;
    }
}

.m-b-s .btn:hover svg :not(g) {
    stroke: #fff !important;
}

.m-b-s .btn span:last-of-type:not(:first-of-type) {
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media (max-width: 767px) {
    .m-b-s .btn span:last-of-type:not(:first-of-type) {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

.m-b-s .btn span:last-of-type:not(:first-of-type) svg {
    width: 17px;
    height: 16px;
}

.m-b-s .btn span:last-of-type:not(:first-of-type) svg :not(g) {
    fill: none;
    stroke: #156cbb;
}

@media (max-width: 1023px) {
    .m-b-s .swiper-slide {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: calc(100% - 40px) !important;
        min-width: calc(100% - 40px);
        margin: 0 auto;
    }
}

.m-b-s .swiper-pagination-no-opacity * {
    opacity: 1;
}

.m-b-s .swiper-pagination-bullets {
    bottom: 30px !important;
    left: 50% !important;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: auto !important;
}

@media (max-width: 1023px) {
    .m-b-s .swiper-pagination-bullets {
        bottom: 30px !important;
    }
}

@media (max-width: 767px) {
    .m-b-s .swiper-pagination-bullets {
        display: block;
        position: relative;
        bottom: 18px !important;
        pointer-events: none;
    }
}

.m-b-s .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: rgb(0 0 0 / .7);
    opacity: .7;
    -webkit-transition: .2s;
    transition: .2s;
    pointer-events: all;
}

@media (max-width: 1023px) {
    .m-b-s .swiper-pagination-bullet {
        background: #dfe0e3;
    }
}

.m-b-s .swiper-pagination-bullet:not(:last-child) {
    margin-right: 3px;
}

.m-b-s .swiper-pagination-bullet-active, .m-b-s .swiper-pagination-bullet:hover {
    background: hsl(0 0% 100% / .5);
    -webkit-box-shadow: 0 2px 8px rgb(0 0 0 / .1);
    box-shadow: 0 2px 8px rgb(0 0 0 / .1);
    opacity: 1;
}

@media (max-width: 1023px) {
    .m-b-s .swiper-pagination-bullet-active, .m-b-s .swiper-pagination-bullet:hover {
        background: #ffb711;
    }
}

.m-b-s .swiper-pagination-bullet-active {
    width: 38px;
    border-radius: 6px;
}

.m-b__aside {
    display: grid;
    width: var(--aside-w);
    height: var(--slide-h);
    grid-template-rows: repeat(3, 1fr);
    grid-gap: 20px;
    z-index: 2;
}

@media (max-width: 1279px) {
    .m-b__aside {
        display: none;
    }
}

.m-b-i {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #d2e9e3;
    border-radius: 3px;
    position: relative;
    overflow: hidden;
}

.m-b-i:first-child .triangle {
    opacity: .1;
}

.m-b-i:first-child .triangle__inner {
    fill: #67c1aa;
}

.m-b-i:nth-child(2) {
    background-color: #f0f0f8;
}

.m-b-i:nth-child(2) .triangle__inner {
    fill: #e4e4f3;
}

.m-b-i:nth-child(3) {
    background-color: #f1f6f9;
}

.m-b-i:nth-child(3) .triangle__inner {
    fill: #f1f6f9;
}

.m-b-i:hover .m-b-i__text {
    color: #156cbb;
}

.m-b-i__tag {
    display: inline-block;
    position: absolute;
    top: 26px;
    left: 18px;
    padding: 4px 19px;
    background-image: url(/local/client/img/bg_sale.svg);
    background-repeat: no-repeat;
    background-position: 100%;
    background-size: 100% cover;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
}

.m-b-i__tag:not(:empty) + .m-b-i__text {
    padding-top: 14px;
}

.m-b-i__text {
    width: calc(100% - 202px);
    padding: 0 34px;
    font-size: 17px;
    font-weight: 700;
}

.m-b-i__img, .m-b-i__text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.m-b-i__img {
    width: 202px;
    height: 100%;
}

.m-b-i__img--full img {
    position: absolute !important;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-family: "object-fit:cover";
    -o-object-fit: cover;
    object-fit: cover;
}

.m-b-i__img img {
    position: relative;
    z-index: 1;
}

.m-b-i .triangle {
    height: 115%;
}

.m-b--black-friday .swiper-pagination-bullet {
    background: #ffb711;
}

@media (max-width: 1023px) {
    .m-b--black-friday .m-b-s, .m-b.new-year .m-b-s {
        width: 100%;
    }
}

#best_month_block {
    display: block;
    width: 100%;
    height: 600px;
}

@media (max-width: 1279px) {
    #best_month_block {
        height: 486px;
    }
}

@media (max-width: 767px) {
    #best_month_block {
        height: 405px;
    }
}

.h__search#title-search .b-form__item #title-search-input::placeholder {
    color: #616175 !important;
}

#best_month_block .p-slider {
    height: 446px;
}

.secondselect ul.uk-nav {
    display: inline-block;
}

.secondselect ul.uk-nav li:first-child {
    display: none !important;
}

.secondselect ul.uk-nav-sub li:first-child {
    display: block !important;
}
div#news-slider {
    margin-top: 50px;
}

.bx-chrome.locked {
    margin-left: -15px;
}
html.with-fancybox {
    margin-left: 15px;
}
li.uk-parent.open:before {
    display: none !important;
}
li.uk-parent.open {
    margin: 0 !important;
    padding: 0 !important;
}
.uk-nav-sub ul {
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.3s ease-out;
}

.uk-nav-sub li.open > ul {
    max-height: 500px; /* Достаточно большое значение для плавного раскрытия */
}
.secondselect ul.uk-nav-sub li {
    display: block;
    width: 100%;
    padding: 0px 0px 0px 0;
    font-size: 15px;
    font-weight: 700;
    position: relative;
    cursor: pointer;
}
.secondselect ul.uk-nav-sub li:before {
    display: none !important;
}
ul.uk-nav-sub li ul li {
    margin-bottom: 0px !important;
    padding-left: 15px !important;
    margin-top: 10px !important;
    font-weight: 500 !important;
}
ul.uk-nav-sub a {
    width: 100%;
    display: block;
}
li.open li.uk-active.open {
    color: #156cbb;
}

@media (max-width: 1800px) {
    .products-list .m-s-best__b-item {
        height: 390px !important;
    }
}
@media (max-width: 1475px) {
    .products-list .row-cols-lg-4 > * {
        width: 33.333%;
    }
    .products-list .m-s-best__b-item {
        height: 360px !important;
    }

}
.dotted-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 85%;
    max-width: 400px;
}

.dotted-menu li {
    display: flex;
    align-items: center;
    font-size: 16px;
    padding: 5px 0;
}

.name {
    white-space: nowrap;
    margin-right: 5px;
}

.value {
    white-space: nowrap;
    margin-left: 5px;
}

.dots {
    flex-grow: 1;
    border-bottom: 1px dotted black;
    height: 12px;
    overflow: hidden;
}
a.btn.btn-outline-info {
    padding: 0;
    border: 0;
}
a.btn.btn-outline-info {
    padding: 0;
    border: 0;
    font-size: 16px !important;
}
ul.dotted-menu li {
    padding-left: 0 !important;
}
.aside ul:not(.select-ul) > li:not(:last-child) {
    margin-bottom: 4px !important;
}
.introtextstyle {
    padding-bottom: 15px;
    max-width: 85%;
}
@media (max-width: 1100px) {
    .aside {
        display: block;
    }

}

@media (max-width: 767px) {
    .aside__main {
        padding-left: 0;
    }

    #best_month_block .p-slider {
        height: 380px;
    }
    .products-list .row-cols-lg-4 > * {
        width: 50%;
    }
    .products-list .m-s-best__b-item {
        height: 320px !important;
    }
    .products-list .p__title {
        min-height: 55px !important;
        -webkit-line-clamp: 3 !important;
    }
    .m-b-banner__img img, .m-b-banner__img picture {
        -o-object-fit: cover;
        margin: 40px 0 0 0;
    }
    div#news-slider {
        margin-top: 20px;
    }
    div#news-slider {
        padding: 0 20px;
    }
    .m-b-item__img {
        right: auto;
        width: 236px;
        left: -30px;
        bottom: -25px;
        height: 110px;
    }
    select.form-select.w-auto {
        min-width: 100%;
    }
    div#mod-custom119 .m-b.universal {
        margin: 0 0 0px;
    }
    .p__img {
        height: 160px;
    }
    .p__img img {
        border-radius: 10px;
    }
    .aside__main {
        padding: 0 10px;
    }
    .mobile-toggle {
        padding: 0 10px;
    }
}