@font-face {
    font-family: 'Fira Sans';
    src: url('../fonts/FiraSans-Bold.woff2') format('woff2');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Fira Sans';
    src: url('../fonts/FiraSans-BoldItalic.woff2') format('woff2');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Fira Sans';
    src: url('../fonts/FiraSans-BlackItalic.woff2') format('woff2');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Fira Sans';
    src: url('../fonts/FiraSans-Italic.woff2') format('woff2');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Fira Sans';
    src: url('../fonts/FiraSans-Black.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Fira Sans';
    src: url('../fonts/FiraSans-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Fira Sans';
    src: url('../fonts/FiraSans-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Fira Sans';
    src: url('../fonts/FiraSans-MediumItalic.woff2') format('woff2');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Fira Sans';
    src: url('../fonts/FiraSans-LightItalic.woff2') format('woff2');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Fira Sans';
    src: url('../fonts/FiraSans-Light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Fira Sans';
    src: url('../fonts/FiraSans-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Fira Sans';
    src: url('../fonts/FiraSans-SemiBoldItalic.woff2') format('woff2');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}


.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -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;
}

.animated.bounceIn,
.animated.bounceOut,
.animated.flipOutX,
.animated.flipOutY {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
}

@-webkit-keyframes bounce {
    0%, 20%, 53%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }

    40%, 43% {
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }

    40%, 43%, 70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    }

    70% {
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0);
    }
}

@keyframes bounce {
    0%, 20%, 53%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }

    40%, 43% {
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }

    40%, 43%, 70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    }

    70% {
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0);
    }
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
}

@-webkit-keyframes flash {
    0%, 50%, to {
        opacity: 1;
    }

    25%, 75% {
        opacity: 0;
    }
}

@keyframes flash {
    0%, 50%, to {
        opacity: 1;
    }

    25%, 75% {
        opacity: 0;
    }
}

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

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}

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

@-webkit-keyframes rubberBand {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }

    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }

    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }

    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }

    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1);
    }

    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1);
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}

@keyframes rubberBand {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }

    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }

    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }

    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }

    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1);
    }

    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1);
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}

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

@-webkit-keyframes shake {
    0%, to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }

    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
}

@keyframes shake {
    0%, to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }

    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
}

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

@-webkit-keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg);
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg);
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg);
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg);
    }

    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg);
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg);
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg);
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg);
    }

    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

.headShake {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: headShake;
    animation-name: headShake;
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg);
    }

    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }

    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg);
    }

    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg);
    }

    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg);
    }

    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }

    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg);
    }

    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg);
    }

    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

.swing {
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing;
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }

    10%, 20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
    }

    30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
    }

    40%, 60%, 80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }

    10%, 20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
    }

    30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
    }

    40%, 60%, 80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}

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

@-webkit-keyframes wobble {
    0% {
        -webkit-transform: none;
        transform: none;
    }

    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
        transform: translate3d(-25%, 0, 0) rotate(-5deg);
    }

    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
        transform: translate3d(20%, 0, 0) rotate(3deg);
    }

    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
        transform: translate3d(-15%, 0, 0) rotate(-3deg);
    }

    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
        transform: translate3d(10%, 0, 0) rotate(2deg);
    }

    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
        transform: translate3d(-5%, 0, 0) rotate(-1deg);
    }

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

@keyframes wobble {
    0% {
        -webkit-transform: none;
        transform: none;
    }

    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
        transform: translate3d(-25%, 0, 0) rotate(-5deg);
    }

    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
        transform: translate3d(20%, 0, 0) rotate(3deg);
    }

    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
        transform: translate3d(-15%, 0, 0) rotate(-3deg);
    }

    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
        transform: translate3d(10%, 0, 0) rotate(2deg);
    }

    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
        transform: translate3d(-5%, 0, 0) rotate(-1deg);
    }

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

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

@-webkit-keyframes jello {
    0%, 11.1%, to {
        -webkit-transform: none;
        transform: none;
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg);
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg);
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg);
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg);
    }

    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg);
    }

    77.7% {
        -webkit-transform: skewX(0.39062deg) skewY(0.39062deg);
        transform: skewX(0.39062deg) skewY(0.39062deg);
    }

    88.8% {
        -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
        transform: skewX(-0.19531deg) skewY(-0.19531deg);
    }
}

@keyframes jello {
    0%, 11.1%, to {
        -webkit-transform: none;
        transform: none;
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg);
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg);
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg);
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg);
    }

    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg);
    }

    77.7% {
        -webkit-transform: skewX(0.39062deg) skewY(0.39062deg);
        transform: skewX(0.39062deg) skewY(0.39062deg);
    }

    88.8% {
        -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
        transform: skewX(-0.19531deg) skewY(-0.19531deg);
    }
}

.jello {
    -webkit-animation-name: jello;
    animation-name: jello;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
}

@-webkit-keyframes bounceIn {
    0%, 20%, 40%, 60%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }

    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97);
    }

    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}

@keyframes bounceIn {
    0%, 20%, 40%, 60%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }

    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97);
    }

    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}

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

@-webkit-keyframes bounceInDown {
    0%, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0);
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
    }

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

@keyframes bounceInDown {
    0%, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0);
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
    }

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

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

@-webkit-keyframes bounceInLeft {
    0%, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0);
    }

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

@keyframes bounceInLeft {
    0%, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0);
    }

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

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

@-webkit-keyframes bounceInRight {
    0%, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0);
    }

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

@keyframes bounceInRight {
    0%, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0);
    }

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

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

@-webkit-keyframes bounceInUp {
    0%, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }

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

@keyframes bounceInUp {
    0%, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }

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

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

@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }

    50%, 55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
}

@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }

    50%, 55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
}

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

@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }

    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }

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

@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }

    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }

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

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

@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0);
    }

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

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0);
    }

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

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

@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0);
    }

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

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0);
    }

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

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

@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
    }

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

@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
    }

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

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

@-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;
}

@-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;
}

@-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 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 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 flip {
    0% {
        -webkit-transform: perspective(400px) rotateY(-1turn);
        transform: perspective(400px) rotateY(-1turn);
    }

    0%, 40% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg);
        transform: perspective(400px) translateZ(150px) rotateY(-190deg);
    }

    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg);
        transform: perspective(400px) translateZ(150px) rotateY(-170deg);
    }

    50%, 80% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}

@keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotateY(-1turn);
        transform: perspective(400px) rotateY(-1turn);
    }

    0%, 40% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg);
        transform: perspective(400px) translateZ(150px) rotateY(-190deg);
    }

    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg);
        transform: perspective(400px) translateZ(150px) rotateY(-170deg);
    }

    50%, 80% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}

.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);
        opacity: 0;
    }

    0%, 40% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

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

    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);
        opacity: 0;
    }

    0%, 40% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

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

    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);
        opacity: 0;
    }

    0%, 40% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-20deg);
        transform: perspective(400px) rotateY(-20deg);
    }

    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);
        opacity: 0;
    }

    0%, 40% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-20deg);
        transform: perspective(400px) rotateY(-20deg);
    }

    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-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-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
    }

    60%, 80% {
        opacity: 1;
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
    }

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

@keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
    }

    60%, 80% {
        opacity: 1;
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
    }

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

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}

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

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

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

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

.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0;
    }

    0%, to {
        -webkit-transform-origin: center;
    }

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

@keyframes rotateIn {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0;
    }

    0%, to {
        -webkit-transform-origin: center;
    }

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

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

@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0;
    }

    0%, to {
        -webkit-transform-origin: left bottom;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0;
    }

    0%, to {
        -webkit-transform-origin: left bottom;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

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

@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0;
    }

    0%, to {
        -webkit-transform-origin: right bottom;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0;
    }

    0%, to {
        -webkit-transform-origin: right bottom;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

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

@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0;
    }

    0%, to {
        -webkit-transform-origin: left bottom;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0;
    }

    0%, to {
        -webkit-transform-origin: left bottom;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

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

@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }

    0%, to {
        -webkit-transform-origin: right bottom;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }

    0%, to {
        -webkit-transform-origin: right bottom;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

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

@-webkit-keyframes rotateOut {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1;
    }

    0%, to {
        -webkit-transform-origin: center;
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0;
    }
}

@keyframes rotateOut {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1;
    }

    0%, to {
        -webkit-transform-origin: center;
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0;
    }
}

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

@-webkit-keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }

    0%, to {
        -webkit-transform-origin: left bottom;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0;
    }
}

@keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }

    0%, to {
        -webkit-transform-origin: left bottom;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0;
    }
}

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

@-webkit-keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }

    0%, to {
        -webkit-transform-origin: right bottom;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0;
    }
}

@keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }

    0%, to {
        -webkit-transform-origin: right bottom;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0;
    }
}

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

@-webkit-keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }

    0%, to {
        -webkit-transform-origin: left bottom;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0;
    }
}

@keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }

    0%, to {
        -webkit-transform-origin: left bottom;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0;
    }
}

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

@-webkit-keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }

    0%, to {
        -webkit-transform-origin: right bottom;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }
}

@keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }

    0%, to {
        -webkit-transform-origin: right bottom;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }
}

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

@-webkit-keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
    }

    0%, 20%, 60% {
        -webkit-transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    20%, 60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
    }

    40%, 80% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
    }

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

@keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
    }

    0%, 20%, 60% {
        -webkit-transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    20%, 60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
    }

    40%, 80% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
    }

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

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

@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
        transform: translate3d(-100%, 0, 0) rotate(-120deg);
    }

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

@keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
        transform: translate3d(-100%, 0, 0) rotate(-120deg);
    }

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

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

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

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

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

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

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

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    50% {
        opacity: 1;
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    50% {
        opacity: 1;
    }
}

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

@-webkit-keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

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

@-webkit-keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

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

@-webkit-keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

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

@-webkit-keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

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

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

    50% {
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    50%, to {
        opacity: 0;
    }
}

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

    50% {
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    50%, to {
        opacity: 0;
    }
}

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

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

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

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
        transform: scale(0.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
        transform: scale(0.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }
}

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

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
        transform: scale(0.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center;
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
        transform: scale(0.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center;
    }
}

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

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

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

@-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;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@-webkit-keyframes slideOutDown {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }

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

@keyframes slideOutDown {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }

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

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

@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }

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

@keyframes slideOutLeft {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }

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

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

@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }

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

@keyframes slideOutRight {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }

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

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

@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }

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

@keyframes slideOutUp {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }

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

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

/* Slider */

.slick-slider {
    position: relative;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}

.slick-track:before,
.slick-track:after {
    display: table;
    content: '';
}

.slick-track:after {
    clear: both;
}

/* .slick-loading .slick-track {
    visibility: hidden;
} */

.slick-slide {
    display: block;
    float: left;
    height: 100%;
    min-height: 1px;
}
.slick-slide:not(:first-child) {
    display: none;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading .slick-slide:not(:first-child) img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-slide {
    display: block;
}

.slick-loading .slick-slide:not(:first-child) {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

/*=============template============*/

html {
    overflow-y: scroll;
    overflow-x: hidden;
}

html.fix-body {
    overflow: hidden;
}

html,
body {
    height: 100%;
}

body {
    font-family: "Fira Sans", sans-serif;
    font-size: 14px;
    color: #404040;
    background-color: #fff;
    text-align: left;
    line-height: 1.6;
    font-weight: 400;
    min-width: 375px;
}

img {
    display: block;
    max-width: 100%;
    height: auto;
}

::-webkit-input-placeholder {
    color: #828282;
    opacity: 1;
}

::-moz-placeholder {
    color: #828282;
    opacity: 1;
}

/* Firefox 19+ */

:-moz-placeholder {
    color: #828282;
    opacity: 1;
}

/* Firefox 18- */

:-ms-input-placeholder {
    color: #828282;
    opacity: 1;
}

:focus::-webkit-input-placeholder {
    color: transparent;
}

:focus:-moz-placeholder {
    color: transparent;
}

/* FF 4-18 */

:focus::-moz-placeholder {
    color: transparent;
}

/* FF 19+ */

:-ms-input-placeholder {
    color: transparent;
}

/* IE 10+ */

a:focus,
a:active,
a:visited,
:focus,
:active,
:visited,
button:focus,
button:visited,
button:active {
    outline: none;
    text-decoration: none;
    outline-offset: inherit;
}

a,
a:hover {
    text-decoration: none;
    cursor: pointer;
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s;
    color: inherit;
}

a:hover {
    color: #7AA141;
}

p {
    margin: 0 0 15px;
}

dl,
ol,
ul {
    padding: 0 0 0 15px;
    margin-bottom: 15px;
}

.email-link {
    color: #404040;
}

.phone-link {
    font-size: 16px;
    line-height: 1;
    font-weight: 500;
    color: #404040;
}

.call-link {
    font-weight: 500;
    text-transform: uppercase;
    display: inline-block;
    letter-spacing: 0.06em;
    color: #7AA141;
}

.call-link:hover {
    color: #88B547;
}

.link-gray {
    color: rgba(64, 64, 64, 0.5);
}

.link-gray:hover {
    color: #404040;
}

.btn-orange {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 58px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 10px;
    font-weight: 500;
    color: #fff;
    line-height: 1;
    border-radius: 40px;
    overflow: hidden;
    background: #FFB800;
    min-width: 210px;
}

.btn-orange:hover {
    background: #FE9800;
    color: #fff;
}

.btn-orange:hover .btn-orange__name {
    padding: 0 30px 0 0;
}

.btn-orange:hover .btn-orange__name:after {
    opacity: 1;
    visibility: visible;
    -webkit-transition: all ease .5s .1s;
    -o-transition: all ease .5s .1s;
    transition: all ease .5s .1s;
}

.btn-orange__name {
    position: relative;
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s;
}

.btn-orange__name:after {
    content: "";
    position: absolute;
    top: 2px;
    right: 0;
    width: 11px;
    height: 9px;
    background-image: url("../img/arrow-btn.svg");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: cover;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all ease .2s;
    -o-transition: all ease .2s;
    transition: all ease .2s;
}

.btn-orange--arrow {
    padding: 10px 25px;
}

.btn-orange--arrow .btn-orange__name {
    padding: 0 30px 0 0;
}

.btn-orange--arrow .btn-orange__name:after {
    opacity: 1;
    visibility: visible;
}

.btn-close {
    width: 16px;
    height: 16px;
    position: relative;
    border: none;
    cursor: pointer;
    background: transparent;
    padding: 0;
}

.btn-close:after,
.btn-close:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 2px;
    background-color: #E0E0E0;
    border-radius: 3px;
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s;
}

.btn-close:after {
    -webkit-transform: translateY(-50%) rotateZ(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotateZ(45deg);
    z-index: 1;
}

.btn-close:before {
    -webkit-transform: translateY(-50%) rotateZ(-45deg);
    -ms-transform: translateY(-50%) rotate(-45deg);
    transform: translateY(-50%) rotateZ(-45deg);
    z-index: 2;
}

.btn-close:hover::after,
.btn-close:hover::before {
    background-color: #404040;
}

.wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 100%;
}

.main {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
}

.title {
    font-size: 40px;
    line-height: 1.2;
    text-align: center;
    font-weight: 900;
    margin: 0 0 10px;
}

.contentWrap {
    padding: 25px 0 0 0;
}

h2,
h3 {
    color: #404040;
    font-weight: 700;
    line-height: 1.2;
}

h2 {
    font-size: 26px;
    margin: 0 0 30px;
}

h3 {
    font-size: 20px;
    margin: 0 0 25px;
}

/*=============/template============*/

/*=============header============*/

.header {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 0 0 20px;
    border-bottom: 1px solid #f2f2f2;
    position: relative;
    z-index: 50;
}

.header__fix-content {
    background-color: #fff;
}

.header__top {
    border-bottom: 1px solid #f2f2f2;
}

.header__top .container {
    height: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.header__center .container {
    height: 112px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.header__center .logo {
    position: absolute;
    top: -11px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 10;
}

.header__center .logo:after {
    content: "";
    position: absolute;
    top: 10px;
    left: 0;
    right: 0;
    margin: 0 auto;
    height: 1px;
    background-color: #fff;
    z-index: 1;
    width: 90px;
}

.header__bottom {
    padding: 0 0 10px;
}

.header__bottom .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.header__bottom .btn-close {
    display: none;
}

.header__link-group {
    padding: 0 12px 0 0;
}

.header__catalog {
    height: 48px;
}

.header__catalog .menu-trigger {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
}

.header__shadow {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 92;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s;
}

.header__shadow.white-open {
    background-color: rgba(0, 0, 0, 0);
    -webkit-transition: all ease 0s;
    -o-transition: all ease 0s;
    transition: all ease 0s;
}

.open {
    opacity: 1;
    visibility: visible;
}

/* .header__catalog-menu.new-catolog-menu.catalog-menu.catalog-menu-js {
    height: 100%;
    background: #F9F9F9;
    padding-bottom: 80px;
    display: flex;
    flex-direction: column;
} */
.header__catalog-menu.new-catolog-menu.catalog-menu.catalog-menu-js {
    height: auto;
    padding-bottom: 0px;
    background: #F9F9F9;
    display: flex;
    flex-direction: column;
}
.catalog-menu__content_container{
    position: relative;
    height: 100%;
}
.new-catolog-menu h3 {
    font-family: "Fira Sans", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    color: #BEC8CD;
    margin-bottom: 16px;
    margin-left: 22px;
}

.header__search {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 95;
    padding: 40px 0 20px;
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s;
}

.header__search.open {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.header__logo-nav {
    display: none;
    margin: 40px 0 30px;
    max-width: 50px;
}

.header__detail-content .social {
    display: none;
}

.top-line__location {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.top-line__information {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.top-line__information .work-info {
    margin: 0 0 0 60px;
}

.top-line__information .phone-link {
    margin: -1px 5px 0 10px;
    display: block;
}

.information {
    font-size: 12px;
    line-height: 1;
}

.information__item--phone {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    padding: 0;
}

.information__item.social-networks {
    padding: 0 0 0 15px;
}

.location__content {
    position: relative;
    line-height: 1;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.location__content:after {
    content: "";
    position: absolute;
    top: -3px;
    left: 0;
    z-index: 1;
    width: 14px;
    height: 17px;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-image: url("../img/location.svg");
    background-size: cover;
}

.location__heading {
    position: relative;
    display: inline-block;
    vertical-align: top;
    border: none;
    background: transparent;
    cursor: pointer;
    font-size: 12px;
    line-height: 1;
    color: #7AA141;
    padding: 0 20px 0 27px;
    white-space: nowrap;
}

.location__heading:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 27px;
    right: 20px;
    z-index: 1;
    height: 1px;
    background-color: #7AA141;
}

.location__heading:after {
    content: "";
    position: absolute;
    top: 3px;
    right: 0;
    z-index: 2;
    width: 7px;
    height: 5px;
    background-image: url("../img/arrow-location.svg");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: cover;
    display: none;
}

.logo {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 14px;
    line-height: 1;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    color: rgba(64, 64, 64, 0.4);
}

.logo:hover {
    color: rgba(64, 64, 64, 0.7);
}

.logo__text {
    display: block;
    padding: 0 0 20px;
    position: relative;
    z-index: 2;
}

.logo__img {
    margin: 0 20px;
    position: relative;
    z-index: 2;
    max-width: 90px;
}

.catalog-h {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.catalog-h__btn {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 30px 0 55px;
    border-radius: 35px;
    background-color: #7AA141;
    line-height: 1;
    font-weight: 500;
    text-transform: uppercase;
    height: 48px;
    color: #fff;
    border: none;
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s;
}

.catalog-h__btn:hover {
    background-color: #88B547;
    color: #fff;
}

.catalog-h__btn:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 30px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
    width: 16px;
    height: 11px;
    background-image: url("../img/catalog-icon.svg");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: cover;
}

.link-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.link-group__item {
    margin: 0 0 0 45px;
}

.link-group__card {
    position: relative;
    display: block;
    border: none;
    background: transparent;
    padding: 0;
}

.link-group__count {
    width: 16px;
    height: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 50%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 1;
    font-weight: 500;
    font-size: 12px;
    background-color: #FF8A00;
    position: absolute;
    top: -10px;
    right: -10px;
    z-index: 1;
    color: #FAFAFA;
}

.nav-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.nav-header__li {
    margin: 0 30px 0 0;
}

.nav-header__link {
    color: #404040;
    line-height: 1.2;
    white-space: nowrap;
}

.order-info-right_wrap {
    position: relative;
    height: 100%;
}

.menu-trigger {
    position: relative;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    overflow: hidden;
    min-width: 48px;
    background: #F9F9F9;
    border: none;
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s;
    padding: 0;
}

.menu-trigger__line {
    position: absolute;
    width: 11px;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    height: 2px;
    border-radius: 5px;
    background: #7AA141;
    top: 50%;
    left: 50%;
    display: block;
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s;
}

.menu-trigger__line:after,
.menu-trigger__line:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 2px;
    border-radius: 5px;
    background: #7AA141;
    z-index: 1;
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s;
}

.menu-trigger__line:after {
    top: -5px;
}

.menu-trigger__line:before {
    bottom: -5px;
}

.menu-trigger:hover,
.menu-trigger.active {
    background: #7AA141;
}

.menu-trigger:hover .menu-trigger__line,
.menu-trigger.active .menu-trigger__line {
    background: #fff;
}

.menu-trigger:hover .menu-trigger__line:after,
.menu-trigger:hover .menu-trigger__line:before,
.menu-trigger.active .menu-trigger__line:after,
.menu-trigger.active .menu-trigger__line:before {
    background: #fff;
}

.search {
    background-color: #fff;
}

.search__content {
    position: relative;
}

.search__content .btn-close {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    z-index: 3;
}

.search__form {
    margin: 0 215px 0 0;
    position: relative;
    padding: 0 110px 0 0;
}

.search__input {
    width: 100%;
    padding: 0 40px 0 10px;
    height: 44px;
    border: 1px solid rgba(64, 64, 64, 0.2);
    border-radius: 3px 0 0 3px;
    font-size: 12px;
    color: #404040;
    line-height: 1s;
}

.search__submit {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 5;
    background: #FFB800;
    border-radius: 40px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    font-size: 14px;
    line-height: 1;
    text-transform: uppercase;
    font-weight: 500;
    color: #FFFFFF;
    height: 44px;
    border: none;
    width: 140px;
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s;
    padding: 0;
}

.search__submit:hover {
    background: #FE9800;
}

.search__submit:hover .search__submit-text {
    padding: 0 30px 0 0;
}

.search__submit:hover .search__submit-text:after {
    opacity: 1;
    visibility: visible;
    -webkit-transition: all ease .5s .1s;
    -o-transition: all ease .5s .1s;
    transition: all ease .5s .1s;
}

.search__submit-text {
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s;
    position: relative;
}

.search__submit-text:after {
    content: "";
    position: absolute;
    top: 2px;
    right: 0;
    width: 11px;
    height: 9px;
    background-image: url("../img/arrow-btn.svg");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: cover;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all ease .2s;
    -o-transition: all ease .2s;
    transition: all ease .2s;
}

.search__tags {
    padding: 20px 0 0 0;
}

.tags__label {
    font-size: 14px;
    line-height: 1.2;
    color: #E0E0E0;
    margin: 0 0 10px;
}

.tags__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.tags__link {
    font-size: 14px;
    line-height: 1;
    padding: 7px 10px 6px;
    border-radius: 4px;
    margin: 0 20px 20px 0;
}

.tags__link--light-green {
    color: #7AA141;
    background: rgba(122, 161, 65, 0.1);
}

.tags__link--new {
    background: #404040;
    color: #FFFFFF;
}

.tags__link--new:hover {
    color: #FFFFFF;
}

.tags__link--green {
    color: #FFFFFF;
    background: #7AA141;
}

.tags__link--green:hover {
    color: #FFFFFF;
}

.tags__link--sale {
    background: rgba(235, 87, 87, 0.1);
    color: #EB5757;
}

.tags__link--sale:hover {
    color: #EB5757;
}

.catalog-menu {
    position: fixed;
    top: 135px;
    left: 0;
    width: calc(100% - 17px);
    /*width: 100%;*/
    padding: 18px 70px 0 0;
    background-color: #fff;
    z-index: 95;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s;
    overflow-y: auto;
    overflow-x: hidden;
}

.catalog-menu.panel-mini {
    top: 170px;
}

.catalog-menu.panel-full {
    top: 278px;
}

.fix .catalog-menu {
    top: 111px !important;
}

.catalog-menu.open {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}

.catalog-menu__content {
    margin: 0 0 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    width: 100%;
}

.catalog-menu .btn-close {
    position: absolute;
    top: 45px;
    right: 45px;
    z-index: 5;
}

.catalog-menu__ul {
    margin: 0;
    padding: 0;
    background: white;
    list-style-type: none;
}

.catalog-menu__sab_ul {
    position: absolute;
    top: 0px;
    right: -420px;
    height: 100%;
    width: 420px;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    padding-left: 50px;
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s;
}
.catalog-menu__li:hover .catalog-menu__sab_ul {
    opacity: 1;
    visibility: visible;
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s;
}
.catalog-menu__sab_li {
    font-family: "Fira Sans", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #404040;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.catalog-menu__sab_link {
    padding: 10px 0;
    display: inline-block;
    font-family: "Fira Sans", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #404040;
}
.catalog-menu__sab_link:hover {
    color: #FE9800;
}

.catalog-menu__li {
    border-bottom: 1px solid #F9F9F9;
}

.catalog-menu__li:first-child {
    padding: 0;
}

.catalog-menu__link {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 34px;
    font-family: "Fira Sans", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #000000;
    padding: 15px 27px 15px 20px;
}

.catalog-menu__link:after {
    content: '';
    display: inline-block;
    width: 7px;
    height: 12px;
    background: url('../img/Vector2.png');
    -webkit-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s;
}

.catalog-menu__link:hover,
.catalog-menu__link.current {
    color: #000;
}

.catalog-menu__link:hover:after,
.catalog-menu__link.current:after {
    opacity: 1;
    visibility: visible;
}

.catalog-menu__li:hover .catalog-menu__link {
    color: #FE9800;
}

.catalog-menu__li:hover .catalog-menu__link:after {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
    -webkit-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s;
}

.catalog-menu__banner {
    position: relative;
    min-width: 310px;
    width: 310px;
    height: 220px;
    background: #F2F2F2;
    border-radius: 10px;
    overflow: hidden;
}

.catalog-menu__img-info {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
}

.catalog-menu__name {
    display: block;
    position: absolute;
    bottom: 20px;
    left: 20px;
    right: 20px;
    font-weight: 500;
    color: #404040;
    font-size: 16px;
    line-height: 1.2;
}

/*=============/header============*/

/*=============slider============*/

.main-slider-container {
    width: 100%;
    margin: 0 auto 60px;
    position: relative;
}

.main-slider-container .slide {
    vertical-align: top;
}

.main-slider-container .slide__card {
    height: 515px;
    overflow: hidden;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 10px;
}

.main-slider-container .slide__img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.main-slider-container .slide__slogan {
    padding: 15px 135px;
    position: relative;
    z-index: 2;
    color: #fff;
}

.main-slider-container .slide__slogan *:last-child {
    margin-bottom: 0;
}

.main-slider-container .slide__caption {
    font-size: 80px;
    line-height: .9;
    font-weight: 700;
    margin: 0 0 15px;
}

.main-slider-container .slide__text {
    font-size: 24px;
    line-height: 1.4;
    margin: 0 0 30px;
}

.main-slider-container .slick-arrow {
    position: absolute;
    bottom: 40px;
    right: 0;
    z-index: 20;
    cursor: pointer;
    width: 60px;
    height: 60px;
    background: #FFFFFF;
    border: none;
    padding: 0;
    display: block;
    border-radius: 50%;
    overflow: hidden;
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.main-slider-container .slick-arrow:hover {
    -webkit-box-shadow: 0px 15px 15px -5px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 15px 15px -5px rgba(0, 0, 0, 0.1);
}

.main-slider-container .slick-arrow::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 7px;
    height: 14px;
    background-image: url("../img/arrow-slider.svg");
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 1;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
}

.main-slider-container .slick-prev {
    right: 160px;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.main-slider-container .slick-next {
    right: 80px;
}

.main-slider-container .slick-dots {
    margin: 0;
    padding: 0;
    position: absolute;
    bottom: 30px;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 5;
    list-style-type: none;
    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;
}

.main-slider-container .slick-dots li {
    margin: 0 8px;
    position: relative;
    overflow: hidden;
}

.main-slider-container .slick-dots li button {
    width: 30px;
    height: 30px;
    border: none;
    position: relative;
    background: transparent;
    padding: 0;
    cursor: pointer;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

.main-slider-container .slick-dots li button::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 22px;
    height: 22px;
    border: 2px solid rgba(255, 255, 255, 0.5);
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    border-radius: 50%;
    overflow: hidden;
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s;
}

.main-slider-container .slick-dots li.slick-active button:after {
    width: 30px;
    height: 30px;
}

.main-slider-container .slick-dots li.slick-active .progress-circle {
    opacity: 1;
    -webkit-transition: opacity ease .5s;
    -o-transition: opacity ease .5s;
    transition: opacity ease .5s;
}

.main-slider-container .progress-circle {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    opacity: 0;
    -webkit-transition: opacity ease .1s;
    -o-transition: opacity ease .1s;
    transition: opacity ease .1s;
    cursor: pointer;
}

.main-slider-container .progress-circle circle {
    fill: none;
    stroke: #fff;
    stroke-width: 2;
}

/*=============/slider============*/

/*=============category============*/

.category-main {
    margin: 0 0 60px;
}

.category-main__holder {
    margin: 0 -10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.category-main__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
}

.category-main__item {
    padding: 0 10px;
    width: 25%;
}

.category-main__item--lg {
    width: 37.5%;
}

.category-main__item--lg .card-category {
    padding: 46.4% 0 0 0;
}

.card-category {
    width: 100%;
    background: #F2F2F2;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    display: block;
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s;
    padding: 71% 0 0 0;
    margin: 0 0 20px;
}

.card-category--height_lg {
    padding: 148.5% 0 0 0;
}

.card-category--height_lg .card-category__img {
    right: 0;
}

.card-category:hover {
    background: #FFFFFF;
    -webkit-box-shadow: 0px 30px 30px -5px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 30px 30px -5px rgba(0, 0, 0, 0.1);
}

.card-category__name {
    color: #404040;
    font-size: 16px;
    line-height: 1.2;
    position: absolute;
    z-index: 2;
    bottom: 20px;
    left: 20px;
    right: 20px;
    font-weight: 500;
}

.card-category__img {
    position: absolute;
    top: 50%;
    right: 7%;
    z-index: 1;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.card-category__in-catalog {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 45px;
    right: 45px;
    z-index: 3;
    color: #FFB800;
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 16px;
    line-height: 1;
    padding: 0 40px 0 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 36px;
}

.card-category__in-catalog:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    width: 36px;
    height: 36px;
    background: #FFFFFF;
    border-radius: 50%;
    overflow: hidden;
}

.card-category__in-catalog:before {
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 15px;
    z-index: 3;
    width: 4px;
    height: 8px;
    background-image: url("../img/arrow-slider.svg");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: cover;
}

.card-category--all:hover {
    background: #FFB800;
}

.card-category--all:hover .card-category__in-catalog {
    color: #fff;
}

/*=============/category============*/

/*=============carousel============*/

.carousel-wrap {
    background: #F9F9F9;
    padding: 55px 0 0;
}

.carousel-wrap__title {
    font-size: 26px;
    line-height: 1.2;
    margin: 0;
    font-weight: 500;
}

.carousel-wrap__heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 60px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0 55px;
    padding: 0 150px 0 0;
    position: relative;
}

.carousel-wrap__body {
    margin: 0 -10px;
}

.product-slider .slide {
    vertical-align: top;
}

.product-slider .product-card {
    margin: 0 10px 35px;
}

.product-card {
    position: relative;
    border-radius: 16px;
    overflow: hidden;
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #fff;
    padding: 0 0 130px;
}

.product-card__img {
    position: relative;
    overflow: hidden;
    padding: 100% 0 0 0;
    /*background: #C4C4C4;*/
    border-radius: 16px 16px 0 0;
    display: block;
}

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

.product-card__content {
    position: absolute;
    bottom: -71px;
    left: 0;
    right: 0;
    background-color: #fff;
    padding: 25px 25px 0;
    min-height: 130px;
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s;
}

.product-card__info {
    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;
    margin: 0 0 11px;
}

.product-card__price {
    font-size: 20px;
    line-height: 1.2;
    font-weight: 600;
    flex-shrink: 0;
}

.product-card__price_old {
    color: #BEC8CD;
    text-decoration: line-through;
    margin-left: 10px;
}

.product-card__price--no-active {
    color: rgba(0, 0, 0, 0.2);
}

.product-card__stock-info {
    font-size: 12px;
    line-height: 1;
    padding-left: 10px;
    flex-grow: 1;
    text-align: right;
}

.product-card__name-wrap {
    /*margin: 0 0 30px;*/
    font-size: 16px;
    line-height: 1.2;
}

.product-card__name {
    height: 38px;
    overflow: hidden;
    white-space: normal;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s;
}

.product-card__btn {
    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: 0 0 30px;
    font-size: 16px;
    line-height: 1;
}

.product-card__sticker {
    position: absolute;
    top: -12px;
    left: 25px;
    z-index: 2;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 8px;
    white-space: nowrap;
    overflow: hidden;
    border-radius: 4px;
    font-size: 11px;
    line-height: 1;
    height: 23px;
    color: #fff;
    background: #b95959;
    font-weight: 400;
}

.product-card__sticker--green {
    background: #7AA141;
}

.product-card__sticker--new {
    background: #404040;
}

.product-card__sticker--orange {
    background: #FFB800;
}

.product-card__heart {
    position: absolute;
    width: 25px;
    height: 21px;
    top: 25px;
    right: 25px;
    z-index: 5;
    opacity: 0;
    visibility: hidden;
}

.product-card__heart:after,
.product-card__heart:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover;
}

.product-card__heart:after {
    background-image: url("../img/heart-green.svg");
    opacity: .5;
    z-index: 1;
}

.product-card__heart:before {
    background-image: url("../img/heart-green-checked.svg");
    z-index: 2;
    opacity: 0;
    visibility: hidden;
}

.product-card__heart:hover:after {
    opacity: 1;
}

.product-card__heart.checked:before {
    opacity: 1;
    visibility: visible;
}

.product-card:hover {
    -webkit-box-shadow: 0px 20px 20px -8px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 20px 20px -8px rgba(0, 0, 0, 0.1);
}

.product-card:hover .product-card__name {
    height: 58px;
    display: -webkit-box;
    -webkit-line-clamp: initial;
    -webkit-box-orient: vertical;
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s;
}

.product-card:hover .product-card__content {
    bottom: 0;
}

.product-card:hover .product-card__heart {
    opacity: 1;
    visibility: visible;
}

.in-stock {
    color: #7AA141;
}

.expected {
    color: #FFB800;
}

.add-basket,
.added-basket {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    border-radius: 10px;
    overflow: hidden;
    font-weight: 600;
    height: 40px;
    padding: 0 15px;
}

.add-basket {
    background: #7AA141;
    color: #fff;
}

.add-basket:hover {
    background: #88B547;
    color: #fff;
}

.added-basket {
    background: #F9F9F9;
    color: #7AA141;
}

.more-link {
    display: inline-block;
    vertical-align: top;
    color: rgba(122, 161, 65, 0.9);
    font-weight: 400;
}

.more-link:hover {
    color: #7aa141;
}

.carousel-arrows {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
    width: 140px;
    min-width: 140px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.carousel-arrows .slick-arrow {
    position: relative;
    cursor: pointer;
    width: 60px;
    height: 60px;
    background: #FFFFFF;
    border: none;
    padding: 0;
    display: block;
    border-radius: 50%;
    overflow: hidden;
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.carousel-arrows .slick-arrow:hover {
    -webkit-box-shadow: 0px 15px 15px -5px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 15px 15px -5px rgba(0, 0, 0, 0.1);
}

.carousel-arrows .slick-arrow::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 7px;
    height: 14px;
    background-image: url("../img/arrow-slider.svg");
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 1;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
}

.carousel-arrows .slick-prev {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

/*=============/carousel============*/

/*=============about============*/

.banner-group {
    padding: 30px 0;
    position: relative;
}

.banner-group:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 50%;
    left: 0;
    right: 0;
    z-index: 1;
    background-color: #f9f9f9;
}

.banner-group__content {
    position: relative;
    z-index: 3;
    margin: 0 -10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.banner-group__item {
    width: 50%;
    padding: 0 10px;
}

.card-banner {
    height: 180px;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.card-banner__img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.card-banner__content {
    padding: 0 40px;
    position: relative;
    z-index: 2;
}

.card-banner__caption {
    font-weight: 500;
    font-size: 20px;
    line-height: 1.3;
    min-height: 70px;
    color: #fff;
}

.card-banner__caption--sm {
    font-size: 16px;
}

.card-banner__btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 14px;
    line-height: 1;
    position: relative;
    background: #FFB800;
    border-radius: 5px;
    color: #fff;
    overflow: hidden;
    padding: 0 30px 0 15px;
    height: 38px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.card-banner__btn:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 15px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 5px;
    height: 7px;
    background-image: url("../img/arrow-wh-btn.svg");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: cover;
    z-index: 1;
}

.card-banner__btn:hover {
    color: #fff;
    background: #FE9800;
}

/*=============/about============*/

/*=============breadcrumb============*/

.breadcrumb {
    padding: 0;
    margin: 0 0 30px;
    background: transparent;
    border-radius: 0;
}

.breadcrumb li {
    line-height: 1.2;
    position: relative;
    padding: 0 0 0 28px;
    font-size: 12px;
    color: rgba(64, 64, 64, 0.5);
}

.breadcrumb li:first-child {
    font-weight: 500;
    padding: 0;
}

.breadcrumb li + li:before {
    content: "";
    width: 8px;
    height: 1px;
    background-color: rgba(64, 64, 64, 0.5);
    position: absolute;
    top: 7px;
    left: 10px;
    z-index: 1;
}

.breadcrumb a {
    color: #404040;
}

.breadcrumb a:hover {
    color: #7AA141;
}

/*=============/breadcrumb============*/

/*=============catalog============*/

.slogan {
    text-align: center;
    font-size: 20px;
    line-height: 1.2;
    margin: 0 0 30px;
    font-weight: 300;
}

.filter-wrap {
    padding: 30px 35px;
    background: #F9F9F9;
    border-radius: 10px;
    overflow: hidden;
    margin: 0 0 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    font-weight: 500;
    line-height: 1.2;
}

.filter-wrap__caption {
    color: rgba(64, 64, 64, 0.5);
    margin: 0 55px 0 0;
}

.filter-wrap__link {
    margin: 0 75px 0 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.filter-wrap__link:hover {
    color: #404040;
}

.filter-wrap__link--arrow {
    padding: 0 18px 0 0;
    position: relative;
}

.filter-wrap__link--arrow:after {
    content: "";
    position: absolute;
    top: 4px;
    right: 0;
    width: 12px;
    height: 9px;
    background-image: url(../img/filter_arr.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.filter-wrap__link--arrow.current:after {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
}

.catalog-wrap {
    background: #F9F9F9;
    padding: 30px 0 0 0;
}

.catalog-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -10px;
}

.catalog-item {
    width: 25%;
    padding: 0 10px 20px;
}

.more-btn-wrap {
    text-align: center;
    padding: 40px 0;
}

.more-btn-wrap .btn-orange {
    min-width: initial;
    padding: 0 25px;
    font-size: 16px;
}

.pagination-wrap {
    padding: 25px 0 80px;
}

.pagination-wrap__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.pagination-wrap__list li {
    margin: 0 35px;
}

.pagination-wrap__prev,
.pagination-wrap__next,
.pagination-wrap__link {
    background-color: #fff;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-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: 20px;
    line-height: 1;
    font-weight: 500;
    overflow: hidden;
}

.pagination-wrap__prev:hover,
.pagination-wrap__prev.current,
.pagination-wrap__next:hover,
.pagination-wrap__next.current,
.pagination-wrap__link:hover,
.pagination-wrap__link.current {
    color: rgba(64, 64, 64, 0.5);
}

.pagination-wrap__link {
    width: 60px;
    height: 60px;
    border-radius: 50%;
}

.pagination-wrap__prev,
.pagination-wrap__next {
    height: 60px;
    border-radius: 40px;
    padding: 0 25px;
}

.card-wrapper {
    display: flex;
}

.card-wrap {
    padding: 0 0 50px;
}

.card-wrap__gall {
    position: relative;
    height: 100%;
}

.card-wrap__info {
    padding-left: 68px;
    flex-grow: 1;
    width: calc(100% - 592px);
}

.card-wrap__gallery {
    position: relative;
    margin: 0 0 25px;
    width: 592px;
}

.gallery-card__main .slide,
.gallery-card__thumbs .slide {
    vertical-align: top;
}

.gallery-card__main .slide img,
.gallery-card__thumbs .slide img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.gallery-card__main {
    width: calc(100% - 90px);
    margin: 0;
    padding-left: 20px;
}

.gallery-card__main .slide__lg {
    width: 482px;
    height: 482px;
    overflow: hidden;
    position: relative;
    display: block;
    border-radius: 20px;
    overflow: hidden;
}

.gallery-card__thumbs {
    width: 90px;
    margin: 0;
    height: 482px;
}

.gallery-card__thumbs .slick-slide {
    width: 110px !important;
    border: none;
}

.card-wrapper__gallery_slider {
    display: flex;
}

.gallery-card__thumbs .slide__thumbs {
    width: 90px;
    height: 90px;
    border-radius: 10px;
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s;
    overflow: hidden;
    cursor: pointer;
    opacity: .5;
    position: relative;
    margin: 0;
}

.swiper-thumb {
    height: 100%;
    width: 100%;
}

.gallery-card__thumbs .slide__thumbs img {
    border-radius: 10px;
    overflow: hidden;
}

.gallery-card__thumbs .slick-current .slide__thumbs {
    opacity: 1;
    -webkit-box-shadow: 0px 15px 15px -5px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 15px 15px -5px rgba(0, 0, 0, 0.1);
}

.clear {
    clear: both;
}

.info-card__top {
    padding: 0 110px 0 0;
    position: relative;
}

.swiper-main .swiper-pagination {
    display: none;
}

.info-card__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0 15px;
}

.info-card__item--stock {
    max-width: 295px;
    width: 100%;
}

.info-card__in-stock,
.info-card__expected {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    line-height: 1;
    overflow: hidden;
    border-radius: 4px;
    padding: 5px 8px;
}

.info-card__in-stock {
    color: #6FCF97;
    background: rgba(111, 207, 151, 0.1);
}

.info-card__expected {
    color: #ffb800;
    background-color: rgba(255, 184, 0, 0.1);
}

.info-card__article {
    line-height: 1;
    color: rgba(64, 64, 64, 0.5);
}

.info-card__title {
    font-size: 30px;
    line-height: 1.2;
    font-weight: 900;
    margin: 0 0 20px;
}

.info-card__sticker {
    margin: 0 0 30px;
}

.info-card__sticker-item {
    color: #7AA141;
    background: rgba(122, 161, 65, 0.1);
    border-radius: 4px;
    padding: 5px 8px;
    overflow: hidden;
}

.info-card__price-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin: 0 0 20px;
}

.info-card__price-item {
    margin: 0 20px 0 0;
}

.info-card__quantity-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 20px;
}

.info-card__quantity-group .quantity {
    margin: 0 40px 0 0;
}

.info-card__packing {
    position: relative;
    font-weight: 300;
    padding: 0 0 0 25px;
    margin: 0 0 20px;
}

.info-card__packing:after {
    content: "";
    position: absolute;
    top: 4px;
    left: 0;
    z-index: 1;
    width: 12px;
    height: 13px;
    background-image: url("../img/packing-ico.svg");
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover;
}

.info-card__btn-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin: 0 0 30px;
}

.info-card__btn-group .in-basket {
    margin: 0 20px 0 0;
}

.info-card__panel-right {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 3;
}

.info-card__panel-right .share-wrap {
    margin: 0 0 20px;
}

.info-card__panel-right .favorite-btn {
    margin: 0 0 20px;
}

.price-card__label {
    font-size: 12px;
    line-height: 1;
    color: rgba(64, 64, 64, 0.5);
    position: relative;
    padding: 0 45px 0 0;
    margin: 0 0 10px;
}

.price-card__count {
    font-size: 40px;
    line-height: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.price-card__count-d {
    margin: 0 10px 0 0;
}

.price-card__sale {
    position: absolute;
    top: -4px;
    right: 0;
    z-index: 1;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 12px;
    line-height: 1;
    font-weight: 700;
    color: #fff;
    background: #EB5757;
    border-radius: 3px;
    overflow: hidden;
    height: 20px;
    padding: 0 3px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.price-card--old {
    color: #E0E0E0;
}

.price-card--old .price-card__count {
    font-size: 30px;
    min-height: 40px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.quantity {
    max-width: 220px;
}

.quantity__label {
    color: rgba(64, 64, 64, 0.5);
    font-size: 12px;
    line-height: 1;
    margin: 0 0 8px;
}

.quantity__control {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.quantity__btn {
    border: none;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    overflow: hidden;
    cursor: pointer;
    background: #F9F9F9;
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding: 0;
}

.quantity__btn:after {
    content: "";
    position: absolute;
    top: 50%;
    width: 8px;
    height: 2px;
    z-index: 1;
    background-color: #404040;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.quantity__btn--plus:before {
    content: "";
    position: absolute;
    top: 50%;
    width: 2px;
    height: 8px;
    z-index: 1;
    background-color: #404040;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.quantity__input {
    width: 100%;
    margin: 0 10px;
    height: 60px;
    border: 1px solid #E0E0E0;
    border-radius: 10px;
    overflow: hidden;
    background-color: #fff;
    text-align: center;
    padding: 0 10px;
    font-size: 20px;
    font-weight: 500;
    color: #404040;
}

.total-count__label {
    color: rgba(64, 64, 64, 0.5);
    font-size: 12px;
    line-height: 1;
    margin: 0 0 8px;
    padding: 0 10px;
}

.total-count__price-info {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 30px;
    line-height: 1;
    background: #F9F9F9;
    border-radius: 10px;
    height: 56px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    padding: 0 10px;
    color: rgba(64, 64, 64, 0.3);
}

.total-count__price-count {
    margin: 0 8px 0 0;
}

.in-basket {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-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: 16px;
    line-height: 1;
    font-weight: 500;
    background: #FFB800;
    border-radius: 10px;
    overflow: hidden;
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s;
    height: 60px;
    min-width: 150px;
    padding: 0 10px;
    color: #fff;
}

.in-basket__name {
    padding: 0;
    position: relative;
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s;
}

.in-basket__name:after {
    content: "";
    position: absolute;
    top: -2px;
    right: 0;
    z-index: 1;
    width: 21px;
    height: 20px;
    background-image: url("../img/basket-icon-wh.svg");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: cover;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all ease .2s;
    -o-transition: all ease .2s;
    transition: all ease .2s;
}

.in-basket:hover {
    background: #FE9800;
    color: #fff;
}

.in-basket:hover .in-basket__name {
    padding: 0 30px 0 0;
}

.in-basket:hover .in-basket__name:after {
    -webkit-transition: all ease .5s .1s;
    -o-transition: all ease .5s .1s;
    transition: all ease .5s .1s;
    opacity: 1;
    visibility: visible;
}

.one-click {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 60px;
    padding: 0 10px;
    border: 1px solid #FFB800;
    border-radius: 10px;
    overflow: hidden;
    background-color: #fff;
    min-width: 150px;
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s;
    font-size: 16px;
    line-height: 1;
    color: #FFB800;
}

.one-click:hover {
    background-color: #FE9800;
    color: #fff;
    border-color: #FE9800;
}

.toggle-info__btn {
    cursor: pointer;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.2;
    background: #F9F9F9;
    border-radius: 5px;
    overflow: hidden;
    position: relative;
    margin: 0 0 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 60px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 80px 0 25px;
}

.toggle-info__plus {
    position: absolute;
    width: 16px;
    height: 16px;
    top: 50%;
    right: 30px;
    z-index: 1;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.toggle-info__plus:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
    background-color: #BEC8CD;
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s;
    border-radius: 5px;
    overflow: hidden;
}

.toggle-info__plus:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 2px;
    border-radius: 5px;
    background-color: #BEC8CD;
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s;
    overflow: hidden;
    z-index: 2;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.toggle-info__content {
    padding: 0 0 30px;
    display: none;
}

.toggle-info__item.current .toggle-info__plus:before {
    opacity: 0;
    visibility: hidden;
}

.toggle-info__text {
    padding: 0 25px;
}

.table-haract {
    padding: 0 25px;
}

.table-haract__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 20px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.table-haract__item {
    font-weight: 500;
    line-height: 1.2;
}

.table-haract__item:first-child {
    padding: 0 10px 0 0;
    width: 90px;
    min-width: 90px;
    color: rgba(64, 64, 64, 0.5);
    font-weight: normal;
}

.list-circle {
    padding: 0 0 0 25px;
    margin: 0;
}

.list-circle li {
    margin: 0 0 20px;
    line-height: 1.2;
}

.delivery-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 30px 15px 30px 25px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #F9F9F9;
    border-radius: 10px;
    overflow: hidden;
    margin: 0 0 20px;
}

.delivery-info__item {
    width: 33.3%;
    padding: 0 10px 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.delivery-info__icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    overflow: hidden;
    background: #FFFFFF;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 0 15px 0 0;
}

.delivery-info__text {
    font-size: 12px;
    line-height: 1.2;
}

.share-wrap {
    position: relative;
}

.share-wrap__btn {
    width: 60px;
    height: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    background-color: #E0E0E0;
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s;
    border-radius: 50%;
    overflow: hidden;
    border: none;
    background-image: url("../img/share-icon.svg");
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.share-wrap__btn:hover {
    background-color: #87CFBE;
}

.share-wrap__content {
    position: absolute;
    top: 125%;
    right: -20px;
    max-width: 290px;
    min-width: 290px;
    width: 100%;
    z-index: 10;
    background: #FFFFFF;
    -webkit-box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.1);
    border-radius: 20px;
    padding: 20px 35px 10px;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
}

.share-wrap__content:after {
    content: "";
    position: absolute;
    top: -15px;
    right: 34px;
    z-index: 2;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 15px 15px 15px;
    border-color: transparent transparent #ffffff transparent;
}

.share-wrap__content .social__caption {
    font-size: 12px;
    line-height: 1.2;
    margin: 0 0 15px;
    color: #404040;
}

.share-wrap__content .social__list {
    margin: 0 -10px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.share-wrap__content .social__link {
    margin: 0 10px 20px;
}

.share-wrap__content .social__link:first-child {
    margin: 0 10px;
}

.share-wrap:hover .share-wrap__content {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s;
}

.share-wrap:hover .share-wrap__btn {
    background-color: #87CFBE;
}

.favorite-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: #FFB800;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    position: relative;
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s;
}

.favorite-btn:after,
.favorite-btn: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%);
    width: 25px;
    height: 21px;
    background-position: 0 0;
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s;
}

.favorite-btn:after {
    z-index: 1;
    background-image: url("../img/heart-wh.svg");
}

.favorite-btn:before {
    background-image: url("../img/heart-wh-bg.svg");
    z-index: 2;
    opacity: 0;
    visibility: hidden;
}

.favorite-btn:hover:before {
    opacity: 1;
    visibility: visible;
}

.favorite-btn.current {
    background-color: #fff;
    background-image: url("../img/heart-orange.svg");
    -webkit-box-shadow: 0px 8px 12px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 8px 12px rgba(0, 0, 0, 0.1);
}

.favorite-btn.current:after,
.favorite-btn.current:before {
    opacity: 0;
    visibility: hidden;
}

/*=============/catalog============*/

/*=============articles============*/

.articles {
    background: #F9F9F9;
    padding: 20px 0;
}

.articles__row {
    margin: 0 -10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.articles__item {
    padding: 0 10px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 25%;
}

.articles__card {
    width: 100%;
    border-radius: 16px;
    overflow: hidden;
    display: block;
    background-color: #fff;
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s;
}

.articles__card:hover {
    -webkit-box-shadow: 0px 30px 30px -5px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 30px 30px -5px rgba(0, 0, 0, 0.1);
}

.articles__img {
    display: block;
    position: relative;
    overflow: hidden;
    padding: 68% 0 0 0;
}

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

.articles__name {
    min-height: 105px;
    padding: 20px 25px;
    display: block;
    font-size: 16px;
    line-height: 1.3;
}

.yandex-card {
    border-radius: 16px;
    position: relative;
    overflow: hidden;
    background: #BEC8CD;
    width: 100%;
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s;
}

.yandex-card:hover {
    -webkit-box-shadow: 0px 30px 30px -5px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 30px 30px -5px rgba(0, 0, 0, 0.1);
}

.yandex-card:after {
    content: "";
    position: absolute;
    bottom: -250px;
    left: -110px;
    z-index: 1;
    width: 393px;
    height: 393px;
    background: #FFB800;
    border-radius: 50%;
    overflow: hidden;
}

.yandex-card__content {
    position: relative;
    z-index: 2;
    padding: 35px 30px 0;
}

.yandex-card__caption {
    font-size: 16px;
    line-height: 1.2;
    color: #fff;
    font-weight: 500;
    margin: 0 0 25px;
}

.yandex-card__logo {
    max-width: 178px;
    position: relative;
    left: -10px;
}

.yandex-card__subscribe {
    position: absolute;
    bottom: 25px;
    left: 30px;
    z-index: 3;
    font-size: 14px;
    color: #404040;
    line-height: 1;
    font-weight: 500;
    min-width: 170px;
    text-transform: uppercase;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 23px 10px 20px;
    background: #FFFFFF;
    border-radius: 40px;
    overflow: hidden;
}

.yandex-card__subscribe:hover {
    background-color: #FE9800;
    color: #fff;
}

.article {
    margin: 0 auto 100px;
    max-width: 820px;
    width: 100%;
    background: #F9F9F9;
    border-radius: 20px;
    position: relative;
    padding: 60px 90px 85px;
    font-size: 14px;
    line-height: 1.3;
    color: #000;
}

.article__name {
    text-align: center;
    margin: 0 0 60px;
    font-size: 40px;
    line-height: 1.2;
    font-weight: 900;
    color: #404040;
}

.article img {
    margin: 0 auto 50px;
}

.article p {
    margin: 0 0 15px;
}

.article__admin {
    padding: 30px 0 0 0;
}

.article__admin-logo {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    display: block;
}

.article__admin-logo img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.article__share {
    position: absolute;
    bottom: 60px;
    right: 90px;
    z-index: 3;
}

.share {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.share__caption {
    color: #87CFBE;
    margin: 0 20px 0 0;
}

.articles-more__title {
    text-align: center;
}

.articles-more .articles {
    padding: 70px 0 50px;
}

/*=============/articles============*/

/*=============contacts============*/

.contacts__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -10px;
    padding: 0 0 50px;
}

.contacts__row-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -10px;
}

.contacts__item {
    margin: 0 10px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.contacts__item--opt {
    width: 420px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.contacts__item--purchase {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.contacts__item--control {
    width: 310px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.contacts__item-info {
    padding: 0 10px 50px;
}

.contacts__item-info:first-child {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.contacts__item-info:last-child {
    width: 420px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.contacts__item-info .social__caption {
    font-size: 26px;
    line-height: 1.2;
    font-weight: 700;
    margin: 0 0 15px;
}

.contacts__info-card {
    width: 100%;
    background: rgba(224, 224, 224, 0.2);
    border-radius: 5px;
    overflow: hidden;
    padding: 40px 35px 54px;
    position: relative;
}

.contacts__info-card--btn {
    padding: 40px 35px 125px;
}

.contacts__info-card .btn-orange {
    min-width: 160px;
    padding: 10px 25px;
    position: absolute;
    bottom: 54px;
    left: 35px;
    z-index: 1;
}

.contacts__caption {
    font-size: 20px;
    line-height: 1.2;
    font-weight: 700;
    margin: 0 0 20px;
}

.contacts__caption-lg {
    font-size: 26px;
    line-height: 1.2;
    font-weight: 700;
    margin: 0 0 15px;
}

.contacts__text {
    margin: 0 0 24px;
}

.contacts__phone {
    position: relative;
    padding: 0 0 0 40px;
    margin: 0 0 35px;
}

.contacts__phone:after {
    content: "";
    position: absolute;
    top: 3px;
    left: 0;
    z-index: 1;
    width: 18px;
    height: 18px;
    background-image: url("../img/phone-icon.svg");
    background-position: 0 0;
    background-size: cover;
    background-repeat: no-repeat;
}

.contacts__phone .phone-link {
    font-size: 20px;
    display: block;
}

.contacts__phone .phone-link:hover {
    color: #87cfbe;
}

.contacts__phone-name {
    display: block;
    color: rgba(64, 64, 64, 0.5);
}

.contacts__email {
    padding: 0 0 0 40px;
    position: relative;
}

.contacts__email:after {
    content: "";
    position: absolute;
    top: 5px;
    left: 0;
    width: 18px;
    height: 14px;
    z-index: 1;
    background-image: url("../img/email-icon.svg");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: cover;
}

.contacts__email .email-link {
    font-size: 16px;
    font-weight: 500;
    color: #87cfbe;
}

.contacts__link-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin: 0 0 15px;
}

.contacts__link-group .link-download,
.contacts__link-group .link-copy {
    margin: 0 60px 0 0;
}

.contacts__map {
    margin: 0 0 70px;
}

.props {
    font-size: 16px;
    line-height: 1.2;
    padding: 0 0 15px;
}

.props__name {
    margin: 0 0 20px;
    font-weight: 700;
}

.props__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.props__col {
    margin: 0 0 20px;
}

.props__col:first-child {
    font-weight: 700;
    width: 165px;
    padding: 0 10px 0 0;
}

.link-download,
.link-copy {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    padding: 0 0 0 30px;
    color: #87CFBE;
    font-size: 14px;
    line-height: 1;
    min-height: 16px;
}

.link-download:hover,
.link-copy:hover {
    color: #87CFBE;
}

.link-download:after,
.link-copy:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 16px;
    height: 16px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 0 0;
}

.link-download::after {
    background-image: url("../img/download-icon.svg");
}

.link-copy:after {
    background-image: url("../img/copy-icon.svg");
}

/*=============/contacts============*/

/*=============payment============*/

.page {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.page__content {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 0 10px 0px 0;
}

.order-info-right-block.fixed {
    position: fixed;
}

.order-info-right-block.absol {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

.page__content .payment-wrap {
    padding: 20px 0 30px;
}

.page__wrap {
    padding-bottom: 60px;
}

.item-order-glav-block:last-child {
    margin-bottom: 0;
}

.page__sidebar {
    width: 310px;
    margin: 0 0 0 20px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    position: relative;
    flex: 0 0 auto;
}

.gray-section {
    background: #F9F9F9;
    border-radius: 10px;
    margin: 0 0 30px;
    padding: 35px 50px 45px;
}

.support-box {
    margin: 0;
    border: 1px solid #87CFBE;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 10px;
    background-color: #fff;
    padding: 35px 40px 40px;
}

.support-box__caption {
    font-weight: 700;
    margin: 0 0 15px;
    color: #87CFBE;
    font-size: 20px;
    line-height: 1.2;
}

.support-box__text {
    line-height: 1.3;
    margin: 0 0 30px;
}

.support-box .phone-link {
    font-size: 20px;
}

.support-box .contacts__phone-name {
    padding: 3px 0 0 0;
}

.support-box .contacts__phone {
    margin: 0 0 25px;
}

.support-box .contacts__email .email-link {
    font-weight: 400;
    color: #404040;
}

.support-box .contacts__email .email-link:hover {
    color: #87cfbe;
}

/*=============/payment============*/

/*=============delivery============*/

.delivery-company {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-top: 1px solid #E0E0E0;
    padding: 20px 0 0 0;
}

.delivery-company__item {
    margin: 0 20px 0 0;
}

.delivery-company__item img {
    max-height: 44px;
}

.text-wrap-md {
    max-width: 680px;
}

/*=============/delivery============*/

/*=============consult============*/

.consult-wrap {
    background: #404040;
    position: relative;
}

.consult-wrap:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    z-index: 1;
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0)));
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ffffff', endColorstr='#00ffffff', GradientType=1);
    /* IE6-9 */
}

.consult-wrap__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 20px 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #FFFFFF;
    position: relative;
    z-index: 3;
}

.consult-wrap__item {
    width: 50%;
}

.consult-wrap__item:first-child {
    width: 55%;
}

.consult-wrap__item:last-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.consult-wrap__caption {
    font-size: 20px;
}

.consult-wrap__phone {
    font-weight: 700;
    color: #FFB800;
}

.consult-wrap__phone:hover {
    color: #FE9800;
}

.consult-wrap__text-info {
    font-weight: 300;
}

.consult-wrap__about-call {
    font-size: 20px;
    line-height: 1.2;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.consult-wrap__call {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    border-radius: 100px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 60px;
    font-weight: 500;
    font-size: 16px;
    line-height: 1;
    color: #fff;
    background: #FFB800;
    padding: 0 25px;
    margin: 0 45px 0 0;
}

.consult-wrap__call:hover {
    background: #FE9800;
    color: #fff;
}

/*=============/consult============*/

/*=============about============*/

.about-wrap {
    padding: 60px 0 90px;
}

.about-wrap .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.about-wrap__title {
    font-size: 30px;
    line-height: 1.2;
    margin: 0 0 15px;
    font-weight: 500;
}

.about-wrap__content {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 0 130px 0 0;
    font-weight: 300;
}

.about-wrap__content p {
    margin: 0 0 25px;
}

.about-wrap__img {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.about-wrap__mobile {
    display: none;
}

/*=============/about============*/

/*=============footer============*/

.footer {
    background: #F9F9F9;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.footer__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.footer__col--first {
    width: 330px;
    min-width: 330px;
}

.footer__col--two,
.footer__col--three {
    width: 50%;
}

.footer__col--last {
    width: 310px;
    min-width: 310px;
}

.footer__top {
    padding: 35px 0 30px;
}

.footer__top .footer__col--first {
    padding: 0 10px 0 0;
}

.footer__top .footer__col--two,
.footer__top .footer__col--three {
    padding: 15px 10px 0 0;
}

.footer__top .footer__col--last {
    padding: 15px 0 0 0;
}

.footer__bottom {
    line-height: 1.4;
}

.footer__bottom .footer__row {
    height: 72px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-top: 1px solid #E0E0E0;
}

.footer__bottom .footer__col--first {
    padding: 0 10px 0 0;
}

.footer__bottom .footer__col--two,
.footer__bottom .footer__col--three {
    padding: 0 10px 0 0;
}

.footer .logo {
    line-height: 1.2;
}

.footer .logo__img {
    margin: 0 20px 0 0;
    max-width: 70px;
}

.footer .logo__text {
    padding: 0 0 10px;
}

.footer .mailing {
    padding: 50px 0 0 0;
}

.footer .mailing__text {
    min-height: 140px;
}

.footer .work-info {
    display: block;
    margin: 0 0 15px;
}

.footer .email-link {
    display: block;
    margin: 0 0 22px;
    color: #87CFBE;
}

.footer .email-link:hover {
    text-decoration: underline;
    color: #87CFBE;
}

.footer__phone {
    min-height: 100px;
}

.footer__phone .phone-link {
    display: block;
    line-height: 1.4;
}

.footer__link-info {
    font-size: 13px;
    padding: 15px 0 0 0;
}

.footer__link-info .link-gray {
    display: block;
}

.footer .payment-wrap__item {
    margin: 0 0 0 10px;
}

.footer .payment-wrap__item img {
    max-height: 16px;
}

.mailing {
    display: block;
}

.mailing__caption {
    font-size: 12px;
    line-height: 1.2;
    margin: 0 0 8px;
    font-weight: 600;
    color: #000000;
}

.mailing__form {
    max-width: 250px;
    width: 100%;
    position: relative;
    padding: 0 48px 0 0;
}

.mailing__input {
    width: 100%;
    background: #FFFFFF;
    border-radius: 3px;
    overflow: hidden;
    height: 44px;
    border: 1px solid rgba(64, 64, 64, 0.2);
    padding: 0 15px;
    color: #404040;
    font-size: 12px;
    line-height: 1;
    font-family: "Fira Sans", sans-serif;
    font-weight: 400;
}

.mailing__button {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    width: 44px;
    height: 44px;
    border: none;
    display: block;
    background-color: #FFB800;
    border-radius: 3px;
    cursor: pointer;
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s;
    background-image: url("../img/arrow-btn.svg");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    padding: 0;
}

.mailing__button:hover {
    background-color: #FE9800;
}

.mailing__text {
    max-width: 200px;
    padding: 10px 0 0 0;
    color: rgba(64, 64, 64, 0.3);
    font-size: 12px;
    line-height: 1.2;
}

.payment-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.payment-wrap__item {
    margin: 0 0 0 25px;
}

.payment-wrap__item:first-child {
    margin: 0;
}

.menu {
    line-height: 1.2;
}

.menu__name-category {
    display: block;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    font-weight: 500;
    color: rgba(64, 64, 64, 0.3);
    margin: 0 0 15px;
}

.menu__link {
    display: block;
    margin: 0 0 11px;
    color: #404040;
}

.adress-info {
    margin: 0 0 15px;
}

.adress-info b {
    display: block;
}

.social {
    color: #000;
}

.social__caption {
    line-height: 1.2;
    margin: 0 0 10px;
}

.social__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.social__link {
    display: block;
    width: 40px;
    height: 40px;
    min-width: 40px;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 0 0 10px;
}

.social__link:first-child {
    margin: 0;
}

.site-producer {
    font-size: 12px;
    line-height: 1.2;
    color: rgba(64, 64, 64, 0.4);
}

.design-info {
    font-weight: 300;
}

.design-info a {
    font-weight: 400;
}

/*=============/footer============*/


.map {
    width: 100%;
    height: 452px;
    border: 0;
    display: block;
}

.logo_gray-section {
    margin-bottom: 20px;
}

.support-box.fixed {
    position: fixed;

}

.support-box.absol {
    bottom: 0;
    position: absolute;
    left: 0;
}

.page__sidebar_wrap {
    height: 100%;
    position: relative;
}

.select__page_mobile {
    display: none;
}

.select__pay + .ui-selectmenu-button.ui-button {
    width: 100%;
    height: 47px;
    background: #F9F9F9;
    border-radius: 10px;
    border: 0;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    text-align: right;
    font-weight: 700;
    color: #404040;
    display: flex;
    justify-content: center;
    flex-direction: row-reverse;
    align-items: center;
}

.select__pay + .ui-selectmenu-button.ui-button .ui-selectmenu-icon.ui-icon {
    width: 16px;
    height: 16px;
    background-image: url('../img/arr.svg');
    background-position: center;
    background-repeat: no-repeat;
}

.select__pay + .ui-selectmenu-button.ui-button .ui-selectmenu-text {
    margin-right: 5px;
}

.ui-widget.ui-widget-content {
    border: 0;
    background: #F9F9F9;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    border: 1px solid #7aa140;
    background: #7aa140;
}

.select_mob_filter {
    display: none;
    position: relative;
}

.select_mob_filter_wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 47px;
    background: #F9F9F9;
    border-radius: 5px;
    cursor: pointer;
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    color: #404040;
}

.select_mob_filter_txt {
    margin-right: 10px;
}

.select_mob_filter_block {
    margin-bottom: 12.55px;
    margin-top: 18px;
}

.select_mob_filter_block {
    position: relative;
}

.select_mob_filter_wrap.active .arr_sel img {
    transform: rotate(180deg);
}

.heart_mob {
    position: absolute;
    right: 22px;
    top: 22px;
    width: 17px;
    height: 15px;
    display: none;
    z-index: 4;
}

.gallery-card .slick-dots {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    justify-content: center;
    position: absolute;
    bottom: 12px;
    left: 0;
    width: 100%;
    display: none !important;
}

.gallery-card .slick-dots li {
    margin: 0 5px;
}

.gallery-card .slick-dots li button {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #fff;
    display: block;
    border: 0;
    outline: none;
    padding: 0;
    font-size: 0;
}

.gallery-card .slick-dots li.slick-active button {
    background-color: #FFB800;
}

.hidden {
    display: none;
}

button.fancybox-button.fancybox-button--close {
    display: none;
}

.fancybox-button svg {
    display: none;
}

.fancybox-slide--html .fancybox-close-small {
    padding: 0;
    background-image: url('../img/close.svg');
    width: 15px;
    height: 15px;
    background-position: center;
    background-repeat: no-repeat;
    right: 35px;
    top: 35px;
}

.popup {
    width: 410px;
    background: #FFFFFF;
    box-shadow: 0px 50px 50px -20px rgba(0, 0, 0, 0.15);
    border-radius: 20px;
    padding: 60px;
}

.title__page_h3 {
    margin: 0;
    font-weight: bold;
    font-size: 30px;
    line-height: 36px;
    color: #87CFBE;
}

.popup__content_txt_call {
    font-size: 14px;
    line-height: 19px;
    color: #404040;
    margin-top: 10px;
}

.form__call {
    margin-top: 20px;
}

.form__call_info {
    margin-top: 20px;
    font-size: 12px;
    line-height: 20px;
    color: #404040;
}

.form__call_info a {
    color: #87CFBE;
}

.form__call_info a:hover {
    text-decoration: underline;
}

.form__call_input label.label__page {
    font-family: "Fira Sans", sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #BEC8CD;
}

.form__call_input {
    margin-bottom: 20px;
}

.form__call_input .inp__page {
    width: 100%;
    height: 60px;
    padding-left: 19px;
    background: #FFFFFF;
    border: 1px solid #BEC8CD;
    border-radius: 5px;
    font-family: "Fira Sans", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 22px;
    line-height: 26px;
    color: #404040;
}

.inp__page:focus {
    border: 1px solid #FFB800;
}

.form__call_input .inp__page input:placeholder {
    font-family: "Fira Sans", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 22px;
    line-height: 26px;
    color: #BEC8CD;
}

.button_call {
    width: 100%;
    outline: none;
    border: 0;
    transition: all 0.4s;
}

.lk-bl {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.lk-entry-block {
    max-width: 375px;
    width: 100%;
}

.title__page_h3-lk {
    color: #404040;
}

.lk-entry-tabs-block {
    margin-top: 30px;
}

.list-lk-tabs {
    display: flex;
    padding: 0;
    margin-bottom: 30px;
}

.list-lk-tabs li {
    margin-right: 15px;
    list-style: none;
}

.list-lk-tabs li a {
    display: inline-block;
    padding: 17px 14px;
    background: #FFB800;
    border-radius: 5px;
    font-family: "Fira Sans", sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
    color: #FFFFFF;
    text-align: center;
    transition: all 0.4s;
}

.list-lk-tabs li a.active {
    background: #F9F9F9;
    color: #404040;
}

.form-lk .inp__page {
    width: 100%;
    height: 60px;
    padding-left: 20px;
    background: #FFFFFF;
    border: 1px solid #BEC8CD;
    border-radius: 5px;
    font-family: "Fira Sans", sans-serif;
    font-weight: normal;
    font-size: 14px;
    line-height: 17px;
    color: rgba(64, 64, 64, 0.5);
    margin-bottom: 20px;
}

.form-lk .inp__page:focus {
    border: 1px solid #FFB800;
}

.forgot-pass a {
    font-weight: normal;
    font-size: 12px;
    line-height: 14px;
    text-decoration-line: underline;
    color: #87CFBE;
}

.forgot-pass a:hover {
    text-decoration-line: none;
}

.forgot-pass {
    margin-bottom: 20px;
    margin-top: -10px;
}

.form-lk-bnt {
    max-width: 208px;
    width: 100%;
}

.form-lk {
    max-width: 310px;
    width: 100%;
}

.lk-block {
    margin-bottom: 90px;
    margin-top: 30px;
}

.item-lk-entry-tabs-content {
    display: none;
}

#tabs-lk1 {
    display: block;
}

.time-pass-lk {
    font-weight: normal;
    font-size: 12px;
    line-height: 14px;
    color: #BEC8CD;
}

.lk-reg-block {
    max-width: 640px;
    width: 100%;
    padding: 80px 90px;
    background: #F9F9F9;
}

.lk-reg-block p {
    margin-top: 20px;
    margin-bottom: 30px;
}

.mini-txt-center {
    text-align: center;
    font-weight: 300;
    font-size: 20px;
    line-height: 24px;
    color: #404040;
}

.knob--clearBasket {
    padding-top: 15px;
}

.about-company-numerically-bl {
    display: flex;
    margin-bottom: 20px;
}

.item-about-company-numerically {
    width: 33%;
}

.item-about-company-numerically b {
    display: block;
    font-weight: 900;
    font-size: 80px;
    line-height: 96px;
    color: #fff;
    -webkit-text-stroke: 1px #7AA141;
    text-stroke: 1px #7AA141;
}

.item-about-company-numerically p {
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    color: #404040;
}

.bath-block {
    width: 100%;
    padding: 60px 100px 55px 70px;
    background: #F9F9F9;
    border-radius: 10px;
    margin-bottom: 30px;
}

.bath-bl {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.bath-txt-block {
    position: relative;
    padding-left: 65px;
}

.bath-txt-block b {
    font-weight: bold;
    font-size: 60px;
    line-height: 72px;
    background: linear-gradient(91.58deg, #ABBD39 -0.28%, rgba(255, 255, 255, 0) 75.55%),
    linear-gradient(0deg, #88B547, #88B547);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.bath-txt-block p {
    font-weight: normal;
    font-size: 14px;
    line-height: 17px;
    color: #BEC8CD;
    margin-top: 20px;
}

.bath-txt-block::before {
    content: '“';
    position: absolute;
    left: 0;
    top: 0;
    width: 48px;
    height: 69.82px;
    font-weight: bold;
    font-size: 100px;
    line-height: 120px;
    color: #ACBF3F;
}

.about-company-bl {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.item-about-company-block {
    width: 33.3%;
    padding-left: 15px;
    padding-right: 15px;
}

.item-about-company {
    min-height: 320px;
    padding: 50px 30px;
    background: #F9F9F9;
    border-radius: 10px;
    margin-bottom: 20px;
}

.item-about-company b {
    display: block;
    font-weight: bold;
    font-size: 20px;
    line-height: 24px;
    color: #404040;
    margin-bottom: 20px;
}

.item-about-company p {
    font-weight: normal;
    font-size: 14px;
    line-height: 169.4%;
    color: #404040;
}

.about-company-block {
    display: flex;
    margin-bottom: 40px;
    flex-direction: column;
}

.item-about-company .contacts__phone {
    margin-top: 40px;
    margin-bottom: 0;
}

.item-bath-block {
    margin: 0 -15px;
}

.item-bath-bl {
    padding: 0 15px;
}

.bath-txt-block.bath-txt-mini-block b {
    font-size: 30px;
    line-height: 36px;
}

.bath-txt-block.bath-txt-mini-block {
    max-width: 810px;
    width: 100%;
}

.bath-txt-block.bath-txt-mini-block::before {
    top: -10px;
}

.opt-sale-block {
    margin: 0 -15px;
}

.item-opt-sale-bl {
    padding: 0 15px;
}

.item-opt-sale {
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 15px 70px 15px 110px;
    background: linear-gradient(91.58deg, rgb(171 189 57 / 20%) -0.28%, rgba(255, 255, 255, 0) 75.55%), rgb(136 181 71 / 20%);
    border-radius: 10px;
}

.item-opt-sale-txt-block {
    max-width: 324px;
    width: 100%;
}

.item-opt-sale-txt-block b {
    display: block;
    font-weight: bold;
    font-size: 20px;
    line-height: 24px;
    color: #404040;
    margin-bottom: 15px;
}

.item-opt-sale-txt-block p {
    font-weight: normal;
    font-size: 14px;
    line-height: 136%;
    color: #404040;
}

.opt-block {
    margin-bottom: 40px;
}

.opt-video-block {
    text-align: center;
    margin-bottom: 80px;
}

.opt-video-block iframe {
    width: 980px;
    height: 551px;
    border: 0;
}

.sale-block {
    margin-top: 60px;
}

.sale-bl {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 86px;
}

.item-sale-txt-block {
    max-width: 441px;
    width: 100%;
    margin-left: 130px;
}

.header-item-sale-txt b {
    display: block;
    font-weight: bold;
    font-size: 26px;
    line-height: 31px;
    color: #FE9800;
}

.header-item-sale-txt p {
    font-weight: 300;
    font-size: 20px;
    line-height: 24px;
    color: #404040;
}

.promo-sale-block {
    margin-bottom: 30px;
}

.header-item-sale-txt {
    margin-bottom: 25px;
}

.promo-sale-block b {
    display: block;
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
    color: #404040;
}

.promo-sale-block span {
    display: block;
    font-weight: normal;
    font-size: 14px;
    line-height: 24px;
    color: #404040;
}

.present-sale-block span {
    display: block;
    font-weight: normal;
    font-size: 14px;
    line-height: 24px;
    color: #404040;
}

.list-sale {
    list-style: none;
    padding-left: 0;
}

.list-sale li {
    font-weight: normal;
    font-size: 14px;
    line-height: 24px;
    color: #404040;
}

.icon-sale {
    max-width: 420px;
    width: 100%;
}

.sale-mailing-block {
    width: 100%;
    padding: 50px 60px;
    background: linear-gradient(91.58deg, #ABBD39 -0.28%, rgba(255, 255, 255, 0) 75.55%), #88B547;
    border-radius: 10px;
    margin-bottom: 160px;
}

.sale-mailing-bl {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.sale-mailing-txt {
    max-width: 45%;
    width: 100%;
}

.sale-mailing-txt b {
    font-weight: 500;
    font-size: 24px;
    line-height: 29px;
    color: #FFFFFF;
}

.item-form-sale-mailing {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.form-sale-mailing-block {
    max-width: 50%;
    width: 100%;
}

.item-form-sale-mailing .inp__page {
    max-width: 310px;
    width: 100%;
    height: 60px;
    padding-left: 20px;
    background: #FFFFFF;
    border: 1px solid #BEC8CD;
    border-radius: 5px;
    font-family: "Fira Sans", sans-serif;
    font-weight: normal;
    font-size: 14px;
    line-height: 17px;
    color: rgba(64, 64, 64, 0.5);
}

.item-form-sale-mailing .inp__page:focus {
    border: 1px solid #FFB800;
}

.item-form-sale-mailing .btn-orange {
    border: 0;
    outline: none;
    transition: all 0.4s;
}

.error-txt {
    text-align: center;
}

.error-txt b {
    display: block;
    font-weight: bold;
    font-size: 400px;
    line-height: 390px;
    color: #FFB800;
}

.error-txt span {
    display: block;
    font-size: 14px;
    line-height: 136%;
    text-align: center;
    color: #404040;
    margin-bottom: 45px;
}

.error-txt span a {
    color: #FFB800;
}

.error-txt span a:hover {
    text-decoration: underline;
}

.error-block {
    padding-bottom: 50px;
}

.circle-registration-steps {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 90px;
    height: 90px;
    background: #F9F9F9;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #404040;
    border-radius: 50%;
    border: 1px solid transparent;
    margin: 0 auto;
}

.circle-registration-steps.active {
    border: 1px solid #FFB800;
}

.circle-registration-steps.passed {
    background: rgb(255 184 0 / 50%);
    color: #fff;
}

.list-registration-steps {
    display: flex;
    justify-content: space-between;
    padding-left: 0;
    list-style: none;
    flex-wrap: wrap;
}

.list-registration-steps li {
    position: relative;
    max-width: 130px;
    width: 100%;
}

.list-registration-steps li::before {
    content: '';
    position: absolute;
    right: -43px;
    top: 37%;
    width: 50px;
    height: 1px;
    background-color: #F9F9F9;
}

.list-registration-steps li:last-child::before {
    display: none;
}

.list-registration-steps li b {
    display: block;
    font-weight: normal;
    margin-top: 15px;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    color: #404040;
}

.registration-steps-bl {
    max-width: 460px;
    width: 100%;
    margin: 0 auto 90px auto;
}

.item-registration-lk-bl {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0 -10px;
}

.inp-all {
    width: 100%;
    height: 60px;
    padding-left: 19px;
    background: #FFFFFF;
    border: 1px solid #BEC8CD;
    border-radius: 5px;
    font-weight: normal;
    font-size: 14px;
    line-height: 17px;
    color: #404040;
}

.inp-all:focus {
    border: 1px solid #FFB800;
}

.inp-all::placeholder {
    color: #BEC8CD;
}

label.label-registration {
    font-weight: 600;
    font-size: 14px;
    line-height: 14px;
    color: #404040 !important;
}

.registration-lk-form-block {
    max-width: 640px;
    width: 100%;
    margin: 0 auto;
}

.form-registration-input {
    padding: 0 10px;
    width: 50%;
    margin-bottom: 30px;
}

.form-registration-mini-txt {
    font-weight: normal;
    font-size: 12px;
    line-height: 167.9%;
    color: #BEC8CD;
}

a.btn-orange.btn-next-registration-steps {
    min-width: 130px;
}

.knob-next-registration-steps {
    text-align: right;
}

.registration-lk-block {
    padding-bottom: 175px;
}

.list-registration-steps li b br {
    display: none;
}

.registration-lk-expanded-block b {
    display: block;
    font-weight: bold;
    font-size: 26px;
    line-height: 31px;
    color: #404040;
    margin-bottom: 15px;
}

.form-registration-big {
    width: 100%;
}

.select__gap {
    font: inherit;
    width: 100%;
    height: 60px;
    padding-left: 19px;
    background: #FFFFFF;
    border: 1px solid #BEC8CD;
    border-radius: 5px;
    padding-right: 55px;
    padding-top: 19px;
    padding-bottom: 19px;
    font-weight: normal;
    font-size: 14px;
    line-height: 17px;
    color: #404040;
    outline: none;
    cursor: pointer;
}

.select__gap::before {
    content: '';
    position: absolute;
    top: 20px;
    right: 15px;
    width: 20px;
    height: 20px;
    background-image: url(../img/select-arr.svg);
    background-repeat: no-repeat;
    background-position: center;
}

.select__list {
    margin: 0px 0;
    position: absolute;
    top: 60px;
    width: 100%;
    box-shadow: 0 0 10px rgb(3 5 5 / 10%);
    background-color: #ffffff;
    left: 0;
    z-index: 10;
    list-style: none;
    padding-left: 0;
}

.select__item span {
    font-weight: normal;
    font-size: 14px;
    line-height: 17px;
    color: #404040;
    outline: none;
    display: block;
    padding: 8px 11px;
    text-align: left;
    cursor: pointer;
    transition: all 0.4s;
}

.select {
    position: relative;
    width: 100%;
}

.select__item span:hover, .select__item.active span {
    background-color: #E9EBF0;
}

.registration-lk-expanded-block {
    margin-bottom: 40px;
}

.radio-registration {
    display: flex;
}

.radio_block {
    display: none;
}

.radio_block + span {
    display: inline-block;
    padding-left: 35px;
    font-weight: 600;
    font-size: 14px;
    line-height: 14px;
    color: #404040;
    position: relative;
    padding-top: 4px;
    cursor: pointer;
}

.radio_block + span::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background: #F9F9F9;
    border: 1px solid #BEC8CD;
    width: 18px;
    height: 18px;
}

.radio_block:checked + span::before {
    background-image: url(../img/mark_icon.svg);
    background-position: center;
    background-repeat: no-repeat;
}

.radio_label_registration {
    display: inline-block;
    position: relative;
    margin-bottom: 0;
}

.txt-radio-registration {
    padding-left: 35px;
    font-weight: 600;
    font-size: 14px;
    line-height: 14px;
    color: #404040;
}

.ratio-form-registration {
    width: 100%;
    display: inline-block;
    position: relative;
    cursor: pointer;
    margin-top: 35px;
}

.form-registration-inp-location {
    position: relative;
}

.loop-location {
    position: absolute;
    display: block;
    right: 20px;
    top: 20px;
    width: 20px;
    height: 20px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../img/i-loop.svg);
}

.knob-next-registration-steps-bl {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.btn-gray {
    background: #BEC8CD;
}

.registration-lk-expanded-dop-bl {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
}

.registration-lk button {
    border: 0;
    outline: none;
    transition: all 0.4s;
}

.radio_block + span.radio-txt-mini {
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    color: #404040;
    padding-top: 0;
}

.list-registration-steps li.active::before {
    background: rgb(255 184 0 / 50%);
}

.registration-lk-ready-block {
    max-width: 605px;
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

.registration-lk-ready-block p {
    font-weight: normal;
    font-size: 14px;
    line-height: 136%;
    text-align: center;
    color: #404040;
    margin-bottom: 55px;
}

.label-order-click {
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    color: #404040;
}

form.order-click {
    margin-top: 20px;
}

.form-order-click-input {
    margin-bottom: 20px;
}

.form-order-click-inp textarea.inp-all {
    height: 116px;
    resize: none;
    padding-top: 9px;
}

.form-order-click-consent .radio_block + span {
    display: inline-block;
    padding-left: 35px;
    font-weight: 600;
    font-size: 12px;
    line-height: 14px;
    color: #404040;
    position: relative;
    padding-top: 4px;
    cursor: pointer;
}

.form-order-click-consent .radio_block + span a {
    color: #87CFBE;
}

.form-order-click-consent .radio_block + span a:hover {
    text-decoration: underline;
}

.form-order-click-consent .ratio-form-registration {
    margin-top: 0;
}

.popup-order-click {
    padding: 60px 55px;
    width: 540px;
}

.form-order-click-txt-block p {
    font-weight: normal;
    font-size: 14px;
    line-height: 18px;
    color: #404040;
}

.form-order-click-consent .ratio-form-registration {
    margin-bottom: 20px;
}

.pop-thanks {
    text-align: center;
}

.pop-thanks .form-order-click-txt-block {
    margin-top: 25px;
    margin-bottom: 20px;
}

.pop-thanks .knob .btn-orange {
    min-width: 120px;
}

.basket-price-block {
    padding: 40px 50px 40px 50px;
    background: #F9F9F9;
    border-radius: 10px;
}

.basket-price-bl {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
}

.basket-price-promo-txt {
    font-weight: 600;
    font-size: 14px;
    line-height: 14px;
    color: #404040;
    margin-bottom: 5px;
}

.basket-price-promo {
    max-width: 385px;
    width: 100%;
}

.basket-promo {
    display: flex;
    align-items: center;
}

.promo-input {
    max-width: 310px;
    width: 100%;
}

.promo-button {
    width: 58px;
    height: 58px;
    border: none;
    display: block;
    background-color: #FFB800;
    border-radius: 3px;
    cursor: pointer;
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s;
    background-image: url(../img/arrow-btn.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    padding: 0;
    margin-left: 10px;
}

.promo-button:hover {
    background-color: #FE9800;
}

.basket-price-total-block {
    max-width: 242px;
    width: 100%;
    margin-top: 20px;
}

.total-price span {
    font-weight: normal;
    font-size: 30px;
    line-height: 36px;
    color: rgba(64, 64, 64, 0.5);
    padding-right: 15px;
}

.total-price {
    font-weight: bold;
    font-size: 30px;
    line-height: 36px;
    color: #404040;
}

.basket-price-knob-block {
    margin-top: 20px;
    max-width: 400px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.knob-basket-price a {
    min-width: 190px;
}

.btn-fast-order {
    min-width: 190px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 58px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 10px;
    font-weight: 500;
    color: #BEC8CD;
    line-height: 1;
    border: 1px solid #BEC8CD;
    border-radius: 40px;
    overflow: hidden;
    background: transparent;
}

.btn-fast-order:hover {
    background: #FE9800;
    color: #fff;
    border: 1px solid transparent;
}

.basket-price-block {
    margin-bottom: 20px;
}

.list-header-basket-products {
    display: flex;
    list-style: none;
    padding-left: 0;
}

.list-header-basket-products li {
    font-weight: bold;
    font-size: 20px;
    line-height: 24px;
    text-align: center;
    color: #404040;
}

.list-header-basket-products li:nth-child(1), .list-item-basket-products li:nth-child(1) {
    width: 41%;
    text-align: left;
}

.list-header-basket-products li:nth-child(2), .list-item-basket-products li:nth-child(2) {
    width: 13%;
    text-align: center;
}

.list-header-basket-products li:nth-child(3), .list-item-basket-products li:nth-child(3) {
    width: 32%;
    text-align: center;
}

.list-header-basket-products li:nth-child(4),
.list-item-basket-products li:nth-child(4) {
    width: 10%;
    text-align: center;
}

.header-basket-products {
    margin-bottom: 30px;
    padding: 0px 20px;
}

.item-basket-products {
    position: relative;
    background: #FFFFFF;
    border: 1px solid #E0E0E0;
    border-radius: 10px;
    padding: 20px 20px;
    margin-bottom: 20px;
}

.list-item-basket-products {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    list-style: none;
    padding-left: 0;
}

.quantity-basket {
    max-width: 220px;
    width: 100%;
    margin: 0 auto;
}

.header-basket-products-mob {
    display: none;
    font-weight: normal;
    font-size: 12px;
    line-height: 14px;
    color: rgba(64, 64, 64, 0.5);
}

.basket-one-products-block {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.icon-basket-products {
    width: 120px;
    height: 120px;
    margin-right: 20px;
}

.icon-basket-products img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.price-basket-products {
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    text-align: center;
    color: #404040;
}

.all-price-basket-products {
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    color: #404040;
}

.delete-item-basket-products {
    position: absolute;
    right: 50px;
    top: 72px;
    width: 16px;
    height: 16px;
    background-image: url(../img/close-basket.png);
    background-position: center;
    background-repeat: no-repeat;
}

.basket-knob-block a {
    min-width: 190px;
}

.basket-knob-block {
    max-width: 415px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
}

.basket-big {
    margin-bottom: 50px;
    padding-top: 50px;
}

.basket-big-block {
    padding-bottom: 80px;
}

.header-basket-products-txt-mob {
    font-weight: bold;
    font-size: 20px;
    line-height: 24px;
    text-align: center;
    color: #404040;
    display: none;
}

.price-basket-products-mob {
    display: none;
}

.order-created-block {
    max-width: 605px;
    width: 100%;
    margin: 0 auto;
    padding-bottom: 90px;
}

.order-created-txt-block p,
.order-created-pay-txt-block p {
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #404040;
    margin-bottom: 20px;
}

.order-created-txt-block p span,
.order-created-pay-txt-block span {
    font-weight: 600;
}

.order-created-txt-block p a {
    color: #87CFBE;
}

.order-created-txt-block p a:hover {
    text-decoration: underline;
}

.order-created-pay-txt-block {
    text-align: center;
}

.order-created-pay-txt-block b {
    display: block;
    font-weight: bold;
    font-size: 26px;
    line-height: 31px;
    color: #404040;
    margin-bottom: 27px;
}

.order-created-txt-block {
    margin-bottom: 40px;
}

.title-green {
    color: #87CFBE;
}

.open-cooperation-block {
    position: relative;
    width: 100%;
    padding: 60px 60px 60px 300px;
    background: #F9F9F9;
    margin-bottom: 65px;
    margin-top: 40px;
}

.open-cooperation-txt-block b {
    display: block;
    font-weight: bold;
    font-size: 30px;
    line-height: 36px;
    color: #404040;
}

.icon-open-cooperation {
    position: absolute;
    left: 70px;
    bottom: 0;
    width: 174px;
    height: 219px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../img/icon-open-cooperation.png);
}

.open-cooperation-mail-block {
    font-weight: bold;
    font-size: 26px;
    line-height: 31px;
    color: #404040;
    padding-bottom: 135px;
    padding-top: 45px;
}

.open-cooperation-mail-block a {
    color: #87CFBE;
}

.open-cooperation-mail-block a:hover {
    text-decoration: underline;
}

.open-cooperation-reg-bl {
    display: flex;
    flex-wrap: wrap;
    margin: 0px -10px;
}

.form-open-cooperation-reg-input {
    padding: 0 10px;
    width: 33.3%;
    margin-bottom: 30px;
}

.label-registration span {
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    color: #BEC8CD;
}

.form-open-cooperation-reg-textarea {
    padding: 0 10px;
    width: 66.6%;
    margin-bottom: 30px;
}

.open-cooperation-reg textarea {
    padding-top: 22px;
    resize: none;
    outline: none;
    height: 221px;
    font-weight: normal;
    font-size: 14px;
    line-height: 17px;
    color: #404040;
}

.form-open-cooperation-reg-big {
    width: 100%;
}

.btn-form {
    border: none;
    outline: none;
}

.form-open-cooperation-reg-polit-txt {
    margin-top: 30px;
    max-width: 276px;
    width: 100%;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    color: #404040;
}

.form-open-cooperation-reg-polit-txt a {
    font-weight: normal;
    font-size: 12px;
    line-height: 14px;
    color: #87CFBE;
}

.form-open-cooperation-reg-polit-txt a:hover {
    text-decoration: underline;
}

.photo-form-open-cooperation-reg b {
    display: block;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #404040;
    margin-bottom: 10px;
}

.photo-form-open-cooperation-reg p {
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    color: #404040;
    margin-bottom: 10px;
}

.photo-form-open-cooperation-reg p span {
    color: #EB5757;
}

.photo-form-open-cooperation-reg a {
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    text-decoration-line: underline;
    color: #87CFBE;
}

.photo-form-open-cooperation-reg a:hover {
    text-decoration: none;
}

.photo-form-open-cooperation-reg {
    padding: 0 10px;
    margin-bottom: 30px;
}

.photo-add-bl {
    display: flex;
    flex-wrap: wrap;
}

.form-open-cooperation-reg-btn,
.form-open-cooperation-reg-polit {
    width: 100%;
    padding: 0 10px;
}

.item-photo-add {
    width: 90px;
    height: 90px;
    margin-right: 15px;
    margin-bottom: 15px;
}

.item-photo-add img {
    position: absolute;
    left: 0;
    top: 0;
    width: 90px;
    height: 90px;
    object-fit: cover;
    opacity: 0;
    visibility: hidden;
}

.file-add-item {
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    transition: all ease .5s;
    align-items: center;
    justify-content: center;
    z-index: 1;
}

.hover .file-add-item {
    border-color: #87CFBE;
}

.file-add-item__holder {
    display: block;
    transition: all ease .5s;
    padding: 0;
    position: relative;
}

.file-add-item__holder:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 7px;
    height: 7px;
    transition: all ease .3s;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url('../img/plus-icon.svg');
    transform: translateY(5px);
    opacity: 0;
    margin: 0 auto;
}

.hover .file-add-item .file-add-item__holder {
    padding: 13px 0 0 0;
}

.hover .file-add-item .file-add-item__holder:after {
    transform: translateY(0);
    transition: all ease .5s;
    opacity: 1;
}

.file-add-item__camera {
    width: 24px;
    height: 20px;
    transition: all ease .5s;
    display: block;
    position: relative;
}

.file-add-item__camera:after,
.file-add-item__camera:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all ease .5s;
    z-index: 1;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover;
}

.file-add-item__camera:after {
    background-image: url('../img/camera.svg');
}

.file-add-item__camera:before {
    background-image: url('../img/camera_green.svg');
    z-index: 2;
    opacity: 0;
}

.hover .file-add-item .file-add-item__camera:before {
    opacity: 1;
}

.item-photo-add .file-added img {
    opacity: 1;
    visibility: visible;
}

.file-added .file-add-item {
    display: none;
}

.photo-add-block {
    margin-top: 15px;
}

.form-open-cooperation-reg-dop-input {
    width: 44%;
}

.form-open-cooperation-reg-dop-input .inp-all {
    max-width: 310px;
}

.form-open-cooperation-reg-big-mob {
    display: none;
}

#popup_example {
    padding: 0;
    border-radius: 0;
    max-width: 450px;
    width: 100%;
}

#popup_example .fancybox-button {
    display: none;
}

.upload-image input {
    display: block;
    width: 100%;
    height: 90px;
    opacity: 0;
    overflow: hidden;
    cursor: pointer;
}

.upload-image {
    cursor: pointer;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    display: inline-block;
    vertical-align: top;
    z-index: 2;
}

.item-photo-add-block {
    position: relative;
}

.order-info-right {
    width: 420px;
    flex-shrink: 0;
}

.order-info-right-block {
    width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    position: relative;
    flex: 0 0 auto;
    background: #F9F9F9;
    border-radius: 10px;
    padding: 50px 50px;
}

.header-order-info-right {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 50px;
}

.order-info-mobile {
    display: none;
}

.header-order-info-txt {
    font-weight: bold;
    font-size: 26px;
    line-height: 31px;
    color: #404040;
}

.knob-change-order a {
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    color: #87CFBE;
}

.knob-change-order a:hover {
    text-decoration: underline;
}

.list-order-info li {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.price-order-info,
.price-order-info-delivery {
    font-weight: bold;
    font-size: 16px;
    line-height: 19px;
    text-align: right;
    color: #404040;
}

ul.list-order-info {
    padding-left: 0;
}

.item-list-order p {
    margin: 0;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    color: #404040;
}

.order-info-right-all-price-bl {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.order-info-total-txt {
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    color: #000000;
}

.order-info-total-price {
    font-weight: bold;
    font-size: 16px;
    line-height: 19px;
    text-align: right;
    color: #404040;
}

.order-info-right-all-price {
    margin-top: 25px;
    border-top: 1px solid #BEC8CD;
    padding-top: 25px;
}

.item-order-glav-block b {
    display: block;
    font-weight: bold;
    font-size: 26px;
    line-height: 31px;
    color: #404040;
    margin-bottom: 30px;
}

.item-order-glav-forwhom-bl {
    display: flex;
}

.radio_label_cart {
    display: inline-block;
}

.radio-block {
    display: none;
}

.radio-block + span {
    display: inline-block;
    font-size: 14px;
    line-height: 14px;
    position: relative;
    padding-left: 25px;
    padding-top: 5px;
    cursor: pointer;
    font-weight: 400;
    color: #2E2E2E;
}

.radio-block + span::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background: #F9F9F9;
    border: 1px solid #BEC8CD;
    width: 18px;
    height: 18px;
    border-radius: 50%;
}

.radio-block + span::after {
    content: '';
    position: absolute;
    left: 4px;
    top: 4px;
    background: #87CFBE;
    border-radius: 50%;
    width: 10px;
    height: 10px;
    opacity: 0;
    transition: all 0.4s;
}

.radio-block:checked + span::after {
    opacity: 1;
}

.order-glav-forwhom {
    margin-right: 70px;
}

.item-order-glav-block {
    margin-bottom: 30px;
}

.item-order-glav-bl {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.form-order-glav-inp {
    max-width: 310px;
    width: 100%;
}

.form-order-glav-inp.form-order-glav-inp-location {
    position: relative;
}

.form-order-glav-inp-txt {
    max-width: 398px;
    width: 100%;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    color: #BEC8CD;
    margin-left: 20px;
}

.radio_label_pay {
    display: inline-block;
}

.radio-pay-block {
    display: none;
}

.radio-pay-block + span {
    display: inline-block;
    position: relative;
    padding-left: 32px;
    padding-top: 3px;
    cursor: pointer;
    font-weight: 600;
    font-size: 14px;
    line-height: 14px;
    color: #404040;
}

.radio-pay-block + span::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background: #F9F9F9;
    border: 1px solid #BEC8CD;
    width: 18px;
    height: 18px;
    border-radius: 50%;
}

.radio-pay-block + span::after {
    content: '';
    position: absolute;
    left: 4px;
    top: 4px;
    background: #87CFBE;
    border-radius: 50%;
    width: 10px;
    height: 10px;
    opacity: 0;
    transition: all 0.4s;
}

.radio-pay-block:checked + span::after {
    opacity: 1;
}

.list-order-glav-delivery-methods li {
    margin-bottom: 20px;
}

.gpoup-delivery-methods {
    display: flex;
    position: relative;
}

ul.list-order-glav-delivery-methods {
    padding-left: 0;
    list-style: none;
}

.gpoup-delivery-methods-left {
    flex-grow: 1;
    padding-right: 10px;
}

.gpoup-delivery-methods-right {
    flex-shrink: 0;
}

.gpoup-delivery-methods-pr {
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    color: rgba(64, 64, 64, 0.5);
}

.radio-label-delivery-methods {
    display: inline-block;
    margin-bottom: 0;
}

.radio-delivery-methods {
    display: none;
}

.radio_delivery-methods-block + span {
    display: inline-block;
    position: relative;
    padding-left: 32px;
    padding-top: 3px;
    cursor: pointer;
    font-weight: 600;
    font-size: 14px;
    line-height: 14px;
    color: #404040;
}

.radio_delivery-methods-block + span::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background: #F9F9F9;
    border: 1px solid #BEC8CD;
    width: 18px;
    height: 18px;
    border-radius: 50%;
}

.radio_delivery-methods-block + span::after {
    content: '';
    position: absolute;
    left: 4px;
    top: 4px;
    background: #87CFBE;
    border-radius: 50%;
    width: 10px;
    height: 10px;
    opacity: 0;
    transition: all 0.4s;
}

.radio_delivery-methods-block:checked + span::after {
    opacity: 1;
}

.radio_delivery-methods-block {
    display: none;
}

.not-available:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
    cursor: default;
}

.not-available .radio_delivery-methods-block + span {
    color: rgba(64, 64, 64, .5);
}

.not-available .radio_delivery-methods-block + span::before {
    border-color: rgba(64, 64, 64, .1);
    background-color: #f5f5f5;
}

ul.list-order-glav-delivery-methods {
    padding-left: 0;
    list-style: none;
    max-width: 444px;
    width: 100%;
}

.gpoup-delivery-methods-hidden-left span {
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    color: #BEC8CD;
}

.gpoup-delivery-methods-hidden-left p {
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    color: #404040;
    margin-bottom: 10px;
}

.gpoup-delivery-methods-hidden-left a {
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    text-decoration-line: underline;
    color: #87CFBE;
}

.gpoup-delivery-methods-hidden-left a:hover {
    text-decoration: none;
}

.gpoup-delivery-methods-hidden-left {
    padding-left: 30px;
    display: none;
}

.gpoup-delivery-methods-hidden-left span {
    display: block;
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    color: #BEC8CD;
    margin-bottom: 10px;
}

.form-order-glav-inp-name {
    max-width: 420px;
    width: 100%;
}

.item-form-order-glav-inp {
    width: 50%;
    padding: 0 10px 20px 10px;
}

.item-order-glav-f-block {
    max-width: 640px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0 -10px;
    margin-bottom: 20px;
}

.ratio-form-registration .radio_label_registration span a {
    color: #87CFBE;
}

.item-order-glav-block .ratio-form-registration {
    margin-top: 10px;
}

.order-glav-pay {
    margin-bottom: 15px;
}

.lk-glav-info-bl {
    display: flex;
}

.nav-lk-glav-info {
    width: 200px;
    flex: 0 0 auto;
}

.item-lk-glav-info-nav {
    padding: 30px 30px;
    background: #FFFFFF;
    border-radius: 10px;
}

.list-lk-glav-info {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}

.list-lk-glav-info li {
    margin-bottom: 20px;
}

.list-lk-glav-info li:last-child {
    margin-bottom: 0;
}

.list-lk-glav-info li a {
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #404040;
}

.list-lk-glav-info li a.active {
    color: #BEC8CD;
}

.list-lk-glav-info li a.exit-lk-glav-info {
    color: #EB5757;
}

.list-lk-glav-info li a:hover {
    text-decoration: underline;
}

.main-lk-glav {
    padding-top: 20px;
    background: #F9F9F9;
}

.item-lk-glav-info-doc-block {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 0 0 30px 130px;
}

.item-lk-glav-info-doc-bl {
    max-width: 640px;
    width: 100%;
}

.lk-glav-info-document {
    padding: 30px 40px;
    background: #FFFFFF;
    border-radius: 10px;
    margin-bottom: 30px;
}

.lk-glav-info-document b {
    display: block;
    font-weight: bold;
    font-size: 20px;
    line-height: 24px;
    color: #404040;
    margin-bottom: 20px;
}

.mini-txt-lk {
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    color: #404040;
    text-align: left;
    margin: 0;
}

.knob-document a {
    display: inline-block;
    position: relative;
    padding-left: 57px;
    font-weight: normal;
    font-size: 14px;
    line-height: 35px;
    min-height: 35px;
    color: #87CFBE;
}

.knob-document a:hover {
    text-decoration: underline;
}

.knob-document a::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 35px;
    height: 35px;
    background: rgba(135, 207, 190, 0.1);
    border-radius: 10px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url('../img/i-doc.svg');
}

.header-lk {
    margin-bottom: 0;
}

.item-lk-glav-info-doc-bl-parent {
    margin-top: 40px;
}

.btn__lk_mob {
    width: 37px;
    height: 37px;
    border-radius: 50%;
    background-color: rgba(135, 207, 190, 0.1);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn__lk_mob img {
    object-fit: contain;
    object-position: center;
}

.lk_block_mob {
    display: none;
}

.lk_block_mob_block {
    position: relative;
    margin-bottom: -43px;
}

.catalog-item-4 {
    width: 33.33%;
}

.block__cont_lk_title {
    margin: 0;
    font-weight: bold;
    font-size: 26px;
    line-height: 31px;
    color: #404040;
}

.block__cont_lk_btn {
    margin-bottom: 27px;
}

.button__page {
    display: inline-block;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    color: #87CFBE;
    border: 1px solid #87CFBE;
    border-radius: 24px;
    padding: 10px 20px;
    transition: all 0.4s;
}

.button__page:hover {
    background-color: #87CFBE;
    color: #fff;
}

.it__ls {
    font-size: 14px;
    line-height: 19px;
    margin-bottom: 20px;
}

.it__ls:last-child {
    margin-bottom: 0;
}

.it__ls_wrp {
    display: flex;
}

.it__ls_left {
    flex-shrink: 0;
    width: 218px;
    color: rgba(64, 64, 64, 0.5);
}

.it__ls_right {
    font-weight: 700;
    flex-grow: 1;
}

.info__ls_block {
    margin-top: 30px;
}

.struct__block_page {
    margin-top: 66px;
}

.struct__block_page_content {
    margin-top: 20px;
    padding: 24px;
    background-color: #FFFFFF;
    box-shadow: 0px 10px 10px -5px rgba(134, 147, 154, 0.12);
    border-radius: 10px;
}

.struct__block_page_btn_wrap {
    display: flex;
    margin-left: -15px;
    margin-right: -15px;
}

.it__btn_str {
    flex-grow: 1;
    padding: 0 15px;
}

.btn_cont {
    padding: 20px 35px;
    display: block;
    text-align: center;
    border-radius: 40px;
    transition: all 0.4s;
    font-size: 16px;
    line-height: 19px;
    font-weight: 700;
}

.btn_cont_1 {
    color: #fff;
    background-color: #FFB800;
}

.btn_cont_1:hover {
    background-color: #FE9800;
    color: #fff;
}

.btn_cont_2 {
    color: #fff;
    background-color: #BEC8CD;
}

.btn_cont_2:hover {
    background-color: #FE9800;
    color: #fff;
}

.btn_cont_3 {
    color: #BEC8CD;
    background-color: #FFB800;
    border: 1px solid #BEC8CD;
    background: #FFFFFF;
}

.btn_cont_3:hover {
    background-color: #BEC8CD;
    color: #fff;
}

.struct__block_page_btn {
    margin-top: 40px;
}

.info_ls_order_bottom {
    border-top: 1px solid #BEC8CD;
    padding-top: 20px;
}

.info_ls_order_it {
    display: flex;
    margin-bottom: 28px;
}

.info_ls_order_it:last-child {
    margin-bottom: 0;
}

.it__left_order {
    flex-grow: 1;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    color: #BEC8CD;
}

.it__right_order {
    flex-shrink: 0;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    color: #000000;
}

.info_ls_order_top {
    padding-bottom: 26px;
}

.info_ls_order_bottom_wrap {
    display: flex;
}

.info_ls_order_left {
    flex-grow: 1;
    font-weight: bold;
    font-size: 16px;
    line-height: 19px;
    color: #404040;
}

.info_ls_order_right {
    flex-shrink: 0;
    font-weight: bold;
    font-size: 20px;
    line-height: 24px;
    color: #404040;
}

.info_ls_order {
    max-width: 495px;
    width: 100%;
    margin-top: 50px;
}

.block_ls_ord_it {
    background-color: #FFFFFF;
    border: 1px solid #E0E0E0;
    border-radius: 10px;
    padding: 20px;
}

.block_ls_ord_it_img {
    width: 120px;
    height: 120px;
    position: relative;
    flex-shrink: 0;
}

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

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

.block_ls_ord_it_pr {
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    color: #404040;
    text-align: center;
}

.block_ls_ord_it_name {
    font-size: 16px;
    line-height: 19px;
    color: #404040;
}

.block_ls_ord_it_pr_1 {
    width: 120px;
    flex-shrink: 0;
}

.block_ls_ord_it_pr_2 {
    width: 120px;
    flex-shrink: 0;
}

.block_ls_ord_it_pr_3 {
    width: 150px;
    flex-shrink: 0;
}

.block_ls_ord_it_name {
    flex-grow: 1;
    padding-left: 28px;
    padding-right: 10px;
}

.block_ls_ord_it {
    margin-bottom: 20px;
}

.cont_mob_ord_it_pr {
    display: none;
    font-size: 12px;
    line-height: 14px;
    color: rgba(64, 64, 64, 0.5);
}

.btns__ls_block_wrap {
    margin-left: -15px;
    margin-right: -15px;
    display: flex;
    flex-wrap: wrap;
}

.it__btn_ls {
    padding: 0 15px;
}

.btns__ls_block {
    margin-top: 30px;
}

.button_cont {
    display: inline-block;
}

.button_cont_3 {
    background: transparent;
}

.block__cont_lk {
    margin-bottom: 50px;
}

.block__cont_lk:last-child {
    margin-bottom: 0px;
}

.block__adress_cont {
    margin-bottom: 20px;
}

.block__adress_cont:last-child {
    margin-bottom: 20px;
}

.block__adress_cont_title {
    width: 100%;
    background-color: #FFFFFF;
    border-radius: 5px;
    padding: 20px 55px 20px 24px;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    color: #404040;
    cursor: pointer;
    position: relative;
}

.cross__icon {
    position: absolute;
    right: 29px;
    top: 50%;
    width: 18px;
    height: 18px;
    transform: translate(0, -50%);
}

.cross__icon::before {
    content: '';
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 50%;
    width: 2px;
    height: 100%;
    border-radius: 10px;
    background-color: #BEC8CD;
}

.cross__icon::after {
    content: '';
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 50%;
    width: 100%;
    height: 2px;
    border-radius: 10px;
    background-color: #BEC8CD;
}

.adress_items_cont {
    margin-top: 30px;
}

.block__adress_cont_content {
    padding-top: 20px;
    display: none;
}

.info__ls_block_2 {
    margin-top: 0;
}

.label__checkbox {
    display: inline-block;
}

.checkbox__page {
    display: none;
}

.checkbox__page + span {
    position: relative;
    display: inline-block;
    padding-left: 34px;
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
    color: #404040;
    cursor: pointer;
}

.checkbox__page + span::before {
    content: '';
    position: absolute;
    left: 0;
    top: 2px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 1px solid #BEC8CD;
}

.checkbox__page + span::after {
    content: '';
    position: absolute;
    left: 5px;
    top: 7px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #87CFBE;
    opacity: 0;
    transition: all 0.4s;
}

.checkbox__page:checked + span::after {
    opacity: 1;
}

.check__ls_block {
    margin-top: 30px;
}

.block__adress_cont_title.active .cross__icon::before {
    opacity: 0;
}

.item-lk-glav-info-doc-block-wrap-left-wrp {
    max-width: 530px;
    width: 100%;
}

.item-lk-glav-info-doc-block-wrapper {
    display: flex;
}

.item-lk-glav-info-doc-block-wrap-left {
    flex-grow: 1;
}

.form__edit {
    margin-top: 23px;
}

.inp__form_ed__input {
    margin-top: 4px;
}

.label_pg {
    display: block;
    font-weight: 700;
    font-size: 12px;
    line-height: 14px;
    color: #404040;
}

.input__pg {
    width: 100%;
    border: 1px solid #BEC8CD;
    border-radius: 5px;
    outline: none;
    height: 40px;
    padding: 0 11px;
    font-size: 14px;
    line-height: 17px;
    color: #404040;

}

.inp__form_ed {
    margin-bottom: 10px;
}

.inp__form_ed:last-child {
    margin-bottom: 0;
}

.inp__form_ed__inputs {
    margin-bottom: 27px;
}

.form__edit .button_call {
    width: auto;
}

.selectmenu + .ui-selectmenu-button.ui-button {
    font: inherit;
    text-align: left;
    white-space: nowrap;
    width: 100%;
    height: 60px;
    background-color: #FFFFFF;
    border: 1px solid #BEC8CD;
    border-radius: 5px;
    font-size: 14px;
    line-height: 17px;
    display: flex;
    align-items: center;
    padding-right: 44px;
    color: #404040;
}

.selectmenu + .ui-selectmenu-button.ui-button .ui-selectmenu-icon.ui-icon {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 44px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../img/arrow_select.svg);
}

.ui-front {
    z-index: 9999999;
}

.block_wget__page_hidden {
    padding: 0px 24px 24px 24px;
    background-color: #FFFFFF;
    display: none;
}

.block_wget__page {
    margin-bottom: 30px;
    border-radius: 10px;
    box-shadow: 0px 10px 10px -5px rgb(134 147 154 / 12%);
    overflow: hidden;
}

.block_wget__page:last-child {
    margin-bottom: 0;
}

.block_wget__page_bottom_wrap {
    display: flex;

}

.button__toggle {
    display: inline-block;
    border: 0;
    position: relative;
    background-color: transparent;
    padding: 0;
    padding-right: 43px;
    padding-top: 3px;
}

.text_button__toggle {
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    text-transform: uppercase;
    color: #BEC8CD;
}

.cross_button__toggle {
    width: 19px;
    height: 19px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
}

.cross_button__toggle::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 2px;
    background-color: #BEC8CD;
    border-radius: 10px;
    transition: all 0.4s;
}

.cross_button__toggle::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 2px;
    height: 100%;
    background-color: #BEC8CD;
    border-radius: 10px;
    transition: all 0.4s;
}

.block_wget__page_left {
    flex-grow: 1;
    padding-right: 20px;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    color: #404040;
}

.block_wget__page_toggle {
    flex-shrink: 0;
}

.block_wget__page_bottom {
    padding: 20px 24px;
    background-color: #F9F9F9;
}

.block_wget__page_main_top_wrap {
    display: flex;
}

.page_status {
    display: inline-block;
    padding: 10px;
    border-radius: 5px;
    font-weight: bold;
    font-size: 16px;
    line-height: 19px;
}

.page_status_completed {
    color: #828282;
    background: rgba(130, 130, 130, 0.1);
}

.page_status_canceled {
    color: #EB5757;
    background: rgba(235, 87, 87, 0.2);
}

.block_wget__page_status {
    flex-grow: 1;
    padding-right: 10px;
}

.block_wget__page_btns {
    flex-shrink: 0;
}

.block_wget__page_main {
    background-color: #fff;
    padding: 30px 40px;
}

.block_wget__page_btns_wrap {
    display: flex;
    margin: 0 -10px;
}

.block_wget__page_btn {
    padding: 0 10px;
}

.button_wget {
    display: inline-block;
    border-radius: 26px;
    border: 1px solid;
}

.button_wget_1 {
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    color: #FFFFFF;
    background-color: #BEC8CD;
    transition: all 0.4s;
    border-color: #BEC8CD;
}

.button_wget_1:hover {
    background-color: #a9aeb1;
    color: #FFFFFF;
    border-color: #a9aeb1;
}

.icon__button_wget {
    display: flex;
    width: 14px;
    height: 16px;
    margin-right: 10px;
}

.button_wget_2 {
    color: #87CFBE;
    font-weight: 700;
    border-color: #87CFBE;
}

.button_wget_2:hover {
    background-color: #87CFBE;
    color: #fff;
}

.icon__button_wget path {
    transition: all 0.4s;
}

.button_wget_2:hover path {
    stroke: #fff;
}

.button_wget_wrap {
    padding: 2px 16px;
    height: 37px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.txt__button_wget {
    padding-top: 3px;
}

.block_wget__page_main_cont {
    margin-top: 30px;
}

.block_wget__page_main_cont_name {
    font-weight: bold;
    font-size: 20px;
    line-height: 24px;
    color: #404040;
}

.block_wget__page_main_cont_info_wrap {
    display: flex;
}

.block_wget__page_main_cont_info_left {
    flex-shrink: 0;
    width: 266px;
}

.block_wget__page_main_cont_info_right {
    flex-grow: 1;
    padding-left: 108px;
}

.grop_ls_wget_info_title {
    font-weight: bold;
    font-size: 16px;
    line-height: 24px;
    color: #BEC8CD;
}

.grop_ls_wget_info_text {
    font-size: 16px;
    line-height: 24px;
    color: #404040;
}

.grop_ls_wget_info {
    margin-bottom: 20px;
}

.grop_ls_wget_info:last-child {
    margin-bottom: 0;
}

.w500 {
    font-weight: 500;
}

.list_wget_info {
    list-style: none;
    padding: 0;
    margin: 0;
}

.block_wget__page_main_cont_info {
    margin-top: 20px;
}

.grp_pg_cnt span {
    font-weight: 700;
}

.grp_pg_cnt a {
    color: #60B9A4;
    font-weight: 700;
}

.grp_pg_cnt a:hover {
    color: #60B9A4;
    text-decoration: underline;
}

.list__page_info_cnt {
    font-size: 16px;
    list-style: none;
    padding: 0;
    margin: 0;
}

.grp_pg_cnt {
    margin-bottom: 19px;
}

.grp_pg_cnt:last-child {
    margin-bottom: 0;
}

.copy_wget_block_wrap {
    display: flex;
    max-width: 288px;
}

.button_copy {
    width: 40px;
    height: 40px;
    background-color: rgba(135, 207, 190, 0.2);
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border: 0;
    transition: all 0.4s;
}

.button_copy:hover {
    background-color: rgba(135, 207, 190, 0.7);
}

.copy_wget_block_inp {
    flex-grow: 1;
    padding-right: 5px;
}

.copy_input {
    font: inherit;
    width: 100%;
    background-color: #F9F9F9;
    border-radius: 3px;
    height: 40px;
    font-weight: 700;
    font-size: 14px;
    line-height: 19px;
    color: #404040;
    border: 0;
    padding: 0 10px;
}

.copy_wget_block {
    margin-top: 33px;
}

.button__toggle.active .cross_button__toggle::after {
    opacity: 0;
}

.page_status_processing {
    color: #F2C94C;
    background: rgba(255, 213, 150, 0.2);
}

.button_wget_3 {
    background: #FFB800;
    color: #fff;
    border-color: #FFB800;
}

.button_wget_3:hover {
    background: #dea717;
    border-color: #dea717;
    color: #fff;
}

.page_status_sent {
    color: #6FCF97;
    background: rgba(111, 207, 151, 0.3);
}

.page_status_assembly {
    color: #56CCF2;
    background: rgba(86, 204, 242, 0.2);
}

.pagination__page_block {
    margin-top: 45px;
    background-color: #BEC8CD;
    border-radius: 10px;
    padding: 40px 10px;
}

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

.title__page_h5 {
    margin: 0;
    font-weight: bold;
    font-size: 26px;
    line-height: 31px;
    color: #404040;
    flex-shrink: 0;
}

.filter__status_block {
    flex-grow: 1;
    padding-left: 75px;
}

.lk_main_block_page_ls {
    margin-top: 40px;
}

.it_filter_pg .filter-wrap {
    padding: 0;
    margin-bottom: 0;
}

.it_filter_pg .filter-wrap__link {
    margin: 0 30px 0 0;
}

.it_filter_pg .filter-wrap__caption {
    margin: 0 30px 0 0;
}

.ls_filter_status {
    display: flex;
}

.grp_filter_stt {
    flex-shrink: 0;
    margin-right: 45px;
}

.grp_filter_stt:last-child {
    margin-right: 0;
}

.lnk_grp_filter_stt {
    display: inline-block;
    font-size: 14px;
    line-height: 19px;
    color: #404040;
}

.lnk_grp_filter_stt.active {
    font-weight: 700;
    pointer-events: none;
}

.ls_filter_status {
    list-style: none;
    margin: 0;
    padding: 0;
}

.it_filter_pg .select_mob_filter_block {
    margin: 0;
}

.it_filter_pg {
    margin-bottom: 30px;
}

.it_filter_pg:last-child {
    margin-bottom: 0px;
}

.lnk_grp_filter_stt:hover {
    text-decoration: underline;
}

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

html.fix-body body,
html.fix-body .header.fix .header__fix-content {
    padding-right: 17px;
}

.in-basket-selected {
    font-size: 0;
}

.in-basket-selected .in-basket__name:after {
    top: 50%;
    transform: translate(-50%, -50%);
    opacity: 1;
    visibility: visible;
    left: 50%;

}

.in-basket.in-basket-selected:hover .in-basket__name:after {
    transition: none;
}

.in-basket.in-basket-selected:hover .in-basket__name {
    padding: 0;
}

.favorite-btn-text {
    position: absolute;
    left: -94px;
    top: 50%;
    font-size: 12px;
    line-height: 14px;
    color: rgba(64, 64, 64, 0.5);
    width: 93px;
    transform: translate(0px, -50%);
    display: none;
}

.favorite-btn:hover .favorite-btn-text {
    display: block;
}

.card-wrapper__gallery.fixed {
    position: fixed;
}

.card-wrapper__gallery.absol {
    position: absolute;
    bottom: 0;
    left: 0;
}


.price-card__count-old {
    text-decoration: line-through;
}

.link-group__item--basket {
    position: relative;
}

.block__group_ls--basket_top_wrap {
    max-height: 250px;
    overflow-y: auto;
    overflow-x: hidden;
}

.block__group_ls--basket {
    width: 356px;
    position: absolute;
    right: -33px;
    top: 19px;
    padding-top: 30px;
    z-index: 4;
    display: none;
}

.link-group__item--basket:hover > .block__group_ls--basket {
    display: block;
}

.block__group_ls--basket_wrap {
    background: #FFFFFF;
    box-shadow: 0px 9px 24px rgb(0 0 0 / 10%);
    border-radius: 10px;
    padding: 60px 25px 35px 25px;
    width: 100%;
    position: relative;
}

.block__group_ls--basket_wrap::before {
    content: '';
    position: absolute;
    top: -14px;
    right: 20px;
    width: 38px;
    height: 40px;
    background-color: #fff;
    border-radius: 9px;
    box-shadow: 0px 0px 30px rgb(0 0 0 / 10%);
    transform: rotate(45deg);
    z-index: -1;
}

.block__group_ls--basket_wrap::after {
    content: '';
    position: absolute;
    top: -14px;
    right: 20px;
    width: 38px;
    height: 40px;
    background-color: #fff;
    border-radius: 9px;
    transform: rotate(45deg);
    z-index: 0;
}

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

.button__clear {
    font-size: 14px;
    line-height: 19px;
    color: #87CFBE;
}

.button__clear:hover {
    text-decoration: underline;
}

.bl_grp_basket_total_txt {
    color: #BEC8CD;
}

.bl_grp_basket_total {
    font-size: 14px;
    line-height: 19px;
}

.bl_grp_basket_total_num {
    color: #000000;
    font-weight: 700;
    margin-left: 25px;
}

.bl_grp_basket_clear {
    flex-grow: 1;
    padding-right: 10px;
}

.block__group_ls--basket_bottom {
    border-top: 1px solid #E0E0E0;
    padding-top: 10px;
}

.btn__basket {
    display: flex;
    text-align: center;
    width: 100%;
    background: #FFB800;
    border-radius: 40px;
    height: 57px;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #FFFFFF;
    transition: all 0.4s;
    align-items: center;
    justify-content: center;
}

.btn__basket:hover {
    background-color: #FE9800;
    color: #fff;
}

.bl_grp_basket {
    margin-bottom: 20px;
}

.list__product_basket {
    list-style: none;
    padding: 0;
    margin: 0;
}

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

.group_ls_pro_img {
    width: 60px;
    height: 60px;
    border-radius: 10px;
    flex-shrink: 0;
}

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

.close__button_ls {
    width: 14px;
    height: 14px;
    display: flex;
    flex-shrink: 0;
    transition: all 0.4s;
    border: 0;
    padding: 0;
    background-color: transparent;
}

.close__button_ls:hover {
    opacity: 0.7;
}

.group_ls_pro_content {
    flex-grow: 1;
    padding-left: 10px;
    padding-right: 10px;
}

.group_ls_pro_content_name {
    font-size: 16px;
    line-height: 19px;
    color: #404040;
    margin-bottom: 5px;
}

.group_ls_pro_content_price {
    font-weight: 700;
    font-size: 14px;
    line-height: 19px;
    color: #404040;
}

.group_ls_pro_content_num {
    font-size: 14px;
    line-height: 19px;
    color: #BEC8CD;
}

.group_ls_pro {
    margin-bottom: 20px;
}

.group_ls_pro:last-child {
    margin-bottom: 0px;
}

.block__group_ls--basket_top {
    padding-bottom: 24px;
}

.catalog-menu__banner_item.hidden_block {
    display: none;
}

.catalog-menu__banner_item.visible_block {
    display: block;
}

.swiper-slide-thumb-active .slide__thumbs {
    opacity: 1;
    box-shadow: 0px 6px 15px -5px rgb(0 0 0 / 10%);
}

.swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background: #FFFFFF;
    opacity: 1;
}

.swiper-pagination-bullet-active {
    background: #FFB800;
}

.gray-section:last-child {
    margin-bottom: 0;
}


.page__sidebar_right {
    padding-top: 26px;
}

.delivery-text-info {
    font-size: 14px;
    line-height: 1.4;
    padding: 0 0 10px;
    max-width: 680px;
}

.delivery-text-info p {
    margin: 0 0 20px;
}

.delivery-text-info__bold {
    font-weight: bold;
}

.orange-color {
    color: #FE9800;
}

.min-price {
    font-size: 20px;
    line-height: 1.2;
    padding: 20px 15px;
    text-align: center;
    background: rgba(255, 0, 0, 0.05);
    border: 1px solid #FF0000;
    border-radius: 10px;
}

.min-price span {
    font-weight: bold;
}

.order-glav-content .min-price {
    margin-top: 85px;
}

.city-popup {
    width: 100%;
    max-width: 450px;
    padding: 50px 40px;
}

.city-popup .title__page_h3 {
    margin-bottom: 20px;
}

.city-popup__result {
    padding-top: 20px;
}

.city-popup__input-wrap {
    position: relative;
}

.city-popup__input {
    width: 100%;
    border: 1px solid #babac0;
    padding: 13px 40px 13px 15px;
    background-color: #fff;
    outline: none;
    font-size: 16px;
    line-height: 1;
    border-radius: 5px;
}

.city-popup__clear {
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 3;
    cursor: pointer;
    border: none;
    background-color: transparent;
    width: 15px;
    height: 15px;
    background-image: url('../img/close.svg');
    background-position: center;
    background-repeat: no-repeat;
}

.city-popup__top-cites {
    margin: 0 -40px;
}

.city-popup__top-cites ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.city-popup__top-cites ul li {
    font-size: 16px;
    line-height: 1.2;
}

.city-popup__top-cites ul li input[type="radio"] {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    opacity: 0;
    visibility: hidden;
}

.city-popup__top-cites ul li label {
    display: block;
    margin: 0;
    padding: 8px 40px;
    cursor: pointer;
    transition: all ease .5s;
}

.city-popup__top-cites ul li label:hover {
    background-color: #f5f5f6;
}

.city-popup__top-cites ul li .city-checked {
    color: #bd0f2c;
}

.city-popup__empty-value {
    font-size: 16px;
    line-height: 1.2;
    color: #babac0;
    display: none;
}


/*min-width*/
@media (min-width: 576px) {
    .main-slider-container {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .header {
        min-height: 158px;
    }

    .header.fix .header__fix-content {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 90;
        -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
        box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
        -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        transform: translateY(-100%);
    }

    .header.fix .header__center .container {
        height: 80px;
    }

    .header.fix .header__center .logo:after {
        opacity: 0;
    }

    .header.fix .header__center .logo__img {
        max-width: 60px;
    }

    .header.fix .header__top {
        border-bottom-color: transparent;
    }

    .header.fix .header__catalog {
        /*padding: 0 0 0 58px;*/
        padding: 0;
        -webkit-transition: all ease .5s;
        -o-transition: all ease .5s;
        transition: all ease .5s;
    }

    .header.fix .header__catalog .menu-trigger {
        opacity: 1;
        visibility: visible;
    }

    .header.fix .header__catalog .menu-trigger.menu-dub {
        opacity: 0;
        visibility: hidden;
        display: none;
    }

    .header.fix .header__bottom {
        position: fixed;
        top: 0;
        width: 350px;
        bottom: 0;
        z-index: 95;
        background-color: #fff;
        padding: 0 70px;
        overflow-y: auto;
        overflow-x: hidden;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%);
    }

    .header.fix .header__bottom.open {
        -webkit-transition: all ease .5s;
        -o-transition: all ease .5s;
        transition: all ease .5s;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    .header.fix .header__bottom .container {
        display: block;
        padding: 0;
        max-width: 100%;
        height: 100%;
        position: relative;
    }

    .header.fix .header__bottom .nav-header {
        display: block;
    }

    .header.fix .header__bottom .nav-header__li {
        font-size: 16px;
        margin: 0 0 15px;
    }

    .header.fix .header__bottom .nav-header__link {
        color: #000;
        display: block;
        position: relative;
    }

    .header.fix .header__bottom .nav-header__link:after {
        content: "";
        position: absolute;
        top: 50%;
        left: -70px;
        z-index: 1;
        width: 52px;
        height: 2px;
        background-color: #7AA141;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        -webkit-transition: all ease .5s;
        -o-transition: all ease .5s;
        transition: all ease .5s;
        opacity: 0;
        visibility: hidden;
    }

    .header.fix .header__bottom .nav-header__link:hover,
    .header.fix .header__bottom .nav-header__link.current {
        color: #000;
    }

    .header.fix .header__bottom .nav-header__link:hover:after,
    .header.fix .header__bottom .nav-header__link.current:after {
        opacity: 1;
        visibility: visible;
    }

    .header.fix .header__bottom .header__logo-nav {
        display: block;
    }

    .header.fix .header__bottom .header__detail-content {
        padding: 40px 0 25px;
    }

    .header.fix .header__bottom .header__detail-content .social {
        display: block;
        margin: 0 0 20px;
    }

    .header.fix .header__bottom .header__detail-content .call-link {
        padding: 10px 10px 8px;
        font-size: 12px;
        background: rgba(122, 161, 65, 0.09);
        border-radius: 3px;
    }

    .header.fix .header__bottom .btn-close {
        position: absolute;
        top: 15px;
        right: -55px;
        z-index: 5;
        display: block;
    }

    .header.fix .header__call-b {
        display: block;
    }

    .header.fix-open .header__fix-content {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        -webkit-transition: transform ease .5s;
        -o-transition: transform ease .5s;
        transition: transform ease .5s;
    }

    .main-slider-container {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .header {
        min-height: 176px;
    }

    .header.fix .header__center .logo {
        top: -5px;
    }

    .main-slider-container {
        max-width: 960px;
    }

    .about-wrap__content *:last-child {
        margin-bottom: 0;
    }

    .footer__link-info {
        display: none;
    }
}

@media (min-width: 1200px) {
    .main-slider-container {
        max-width: 1140px;
    }
}

@media (min-width: 1360px) {
    .container {
        max-width: 1330px;
    }

    .main-slider-container {
        max-width: 1330px;
        padding: 0 15px;
    }
}

@media (min-width: 1430px) {
    .main-slider-container {
        max-width: 1400px;
    }
}


/*max-width*/
@media (max-width: 1360px) {
    .main-slider-container .slide__card {
        height: 450px;
    }

    .main-slider-container .slide__slogan {
        padding: 15px 80px;
    }

    .main-slider-container .slide__caption {
        font-size: 70px;
    }

    .main-slider-container .slide__text {
        font-size: 22px;
    }

    .card-category__in-catalog {
        left: 30px;
        right: 30px;
    }

    .footer__col--first {
        width: 310px;
        min-width: 310px;
    }

    .footer__col--last {
        width: 220px;
        min-width: 220px;
    }

    .bath-txt-block b {
        font-weight: bold;
        font-size: 50px;
        line-height: 60px
    }

    .item-about-company {
        width: 100%;
        min-height: 325px;
        padding: 38px 30px;
    }

    .item-form-sale-mailing .inp__page {
        max-width: 50%;
        width: 100%;
    }

    .promo-input {
        max-width: 80%;
        width: 100%;
    }

    .basket-price-promo {
        max-width: 30%;
        width: 100%;
    }

    .form-open-cooperation-reg-dop-input {
        width: 66%;
    }

    .open-cooperation-txt-block b {
        font-size: 24px;
        line-height: 30px;
    }

    .form-order-glav-inp-txt {
        max-width: 80%;
        width: 100%;
        margin-top: 10px;
        margin-left: 0;
    }

    .favorites_block_lk_filter .filter-wrap {
        padding: 30px 0px;
    }

    .favorites_block_lk_filter .filter-wrap__link {
        margin: 0 40px 0 0;
    }

    .btn_cont {
        padding: 20px 15px;
        font-size: 14px;
        line-height: 17px;
        font-weight: 700;
    }
}

@media (max-width: 1199px) {
    .top-line__information .work-info {
        margin: 0 0 0 30px;
    }

    .information__item--phone {
        padding: 0 0 0 2px;
    }

    .link-group__item {
        margin: 0 0 0 30px;
    }

    .nav-header__li {
        margin: 0 15px 0 0;
    }

    /*.catalog-menu {*/
    /*  max-width: 650px;*/
    /*}*/
    .catalog-menu__banner {
        width: 260px;
        min-width: 260px;
        height: 200px;
    }

    .main-slider-container .slide__card {
        height: 380px;
    }

    .main-slider-container .slide__slogan {
        padding: 15px 60px;
    }

    .main-slider-container .slide__caption {
        font-size: 60px;
    }

    .main-slider-container .slide__text {
        font-size: 20px;
    }

    .main-slider-container .slick-arrow {
        bottom: 20px;
        width: 50px;
        height: 50px;
    }

    .main-slider-container .slick-prev {
        right: 110px;
    }

    .main-slider-container .slick-next {
        right: 50px;
    }

    .main-slider-container .slick-dots {
        bottom: 15px;
    }

    .card-category--height_lg .card-category__img {
        max-height: 80%;
    }

    .card-category__img {
        max-height: 110px;
    }

    .card-banner__content {
        padding: 0 30px;
    }

    .about-wrap {
        padding: 30px 0 60x;
    }

    .about-wrap__title {
        font-size: 24px;
    }

    .about-wrap__content {
        padding: 0 50px 0 0;
    }

    .about-wrap__img {
        max-width: 300px;
    }

    .footer__col--first {
        width: 280px;
        min-width: 280px;
    }

    .footer__col--last {
        width: 200px;
        min-width: 200px;
    }

    .footer__bottom {
        font-size: 12px;
    }

    .footer__bottom .footer__row {
        height: 50px;
    }

    .contacts__row {
        flex-wrap: wrap;
    }

    .contacts__item {
        margin: 0 0px 11px;
    }

    .contacts__item--opt {
        width: 100%;
    }

    .contacts__item--control {
        width: 100%;
    }

    .contacts__info-card .btn-orange {
        position: static;
    }

    .contacts__info-card--btn {
        padding: 40px 35px 40px;
    }

    .contacts__info-card {
        padding: 40px 35px 40px;
    }

    .contacts__caption {
        font-size: 16px;
    }

    .contentWrap {
        padding: 15px 0 0 0;
    }

    .slogan {
        font-size: 20px;
        margin: 0 0 10px;
    }

    .product-card__name-wrap {
        font-size: 14px;
    }

    .catalog-item {
        width: 50%;
    }

    .card-wrap__info {
        margin: 0;
        width: 100%;
        padding-left: 0;
    }

    .info-card__top {
        padding: 0;
    }

    .card-wrapper__gallery {
        padding-left: 0;
    }

    .card-wrap__gallery {
        float: none;
        max-width: 350px;
        margin: 0 auto 25px auto;
        padding: 0;
        width: 100%;
    }

    .info-card__panel-right {
        display: none;
    }

    .info-card__item--stock {
        max-width: none;
        width: auto;
        flex-grow: 1;
    }

    .info-card__item {
        flex-shrink: 0;
    }

    .heart_mob {
        display: block;
    }

    .gallery-card__thumbs {
        display: none;
    }

    .gallery-card__main {
        width: 100%;
        padding-left: 0;
    }

    .gallery-card__main .slide__lg {
        width: 100%;
        height: 350px;
    }

    .gallery-card .slick-dots {
        display: flex !important;
    }

    .lk-reg-block {
        max-width: 50%;
        width: 100%;
        padding: 80px 50px;
    }

    .item-about-company-numerically b {
        font-size: 65px;
        line-height: 90px;
    }

    .item-about-company-numerically p {
        font-size: 18px;
        line-height: 22px;
    }

    .bath-txt-block b {
        font-weight: bold;
        font-size: 45px;
        line-height: 55px;
    }

    .bath-block {
        padding: 60px 50px 55px 50px;
    }

    .item-about-company p br {
        display: none;
    }

    .item-about-company-block {
        width: 100%;
    }

    .item-about-company {
        width: 100%;
        min-height: auto;
        padding: 45px 30px;
    }

    .about-company-numerically-bl {
        order: 3;
    }

    .item-bath-block {
        order: 2;
    }

    .mini-txt-center {
        font-size: 16px;
        line-height: 22px;
    }

    .opt-video-block iframe {
        width: 100%;
        height: 400px;
        border: 0;
    }

    .item-sale-txt-block {
        max-width: 50%;
        width: 100%;
        margin-left: 0;
    }

    .icon-sale {
        max-width: 50%;
        width: 100%;
    }

    .sale-mailing-txt {
        max-width: 40%;
        width: 100%;
    }

    .form-sale-mailing-block {
        max-width: 60%;
        width: 100%;
    }

    .basket-price-knob-block {
        margin: 20px auto 0 auto;
    }

    .basket-price-promo {
        max-width: 50%;
        width: 100%;
    }

    .list-header-basket-products li {
        font-size: 17px;
        line-height: 20px;
    }

    .icon-basket-products {
        margin-right: 0;
        margin-bottom: 15px;
    }

    .delete-item-basket-products {
        position: absolute;
        right: 20px;
        top: 17px;
    }

    .name-basket-products {
        width: 65%;
        margin-left: 25px;
    }

    .list-header-basket-products li:nth-child(1), .list-item-basket-products li:nth-child(1) {
        width: 100%;
    }

    .list-header-basket-products {
        display: none;
    }

    .header-basket-products-txt-mob {
        display: block;
    }

    .list-header-basket-products li:nth-child(3), .list-item-basket-products li:nth-child(3) {
        width: 100%;
        text-align: center;
        margin-bottom: 20px;
        display: flex;
        align-items: center;
    }

    .header-basket-products-mob {
        display: block;
    }

    .list-header-basket-products li:nth-child(2), .list-item-basket-products li:nth-child(2) {
        width: 100%;
        text-align: left;
    }

    .price-basket-products {
        display: none;
    }

    .list-header-basket-products li:nth-child(4), .list-item-basket-products li:nth-child(4) {
        width: 100%;
        text-align: center;
        display: flex;
        align-items: center;
    }

    .all-price-basket-products {
        margin-left: 55px;
        color: #BEC8CD;
    }

    .quantity-basket {
        max-width: 220px;
        width: 100%;
        margin: 0;
        margin-left: 25px;
    }

    .price-basket-products-mob {
        display: block;
        text-align: left;
    }

    .form-open-cooperation-reg-input {
        width: 50%;
    }

    .form-open-cooperation-reg-dop-input {
        width: 100%;
    }

    .form-open-cooperation-reg-textarea {
        width: 100%;
    }

    .open-cooperation-mail-block {
        font-size: 24px;
        line-height: 29px;
    }

    .open-cooperation-txt-block b br {
        display: none;
    }

    .item-form-order-glav-inp {
        width: 100%;
        padding: 0 10px;
        margin-bottom: 15px;
    }

    .item-order-glav-f-block {
        margin-bottom: 10px;
    }

    .nav-lk-glav-info {
        width: 100%;
        position: relative;
        display: none;
    }

    .item-lk-glav-info-nav {
        padding: 0;
        background: transparent;
        border-radius: 0px;
        padding-top: 13px;
        position: absolute;
        width: 100%;
        z-index: 38;
        left: 0;
        display: none;
    }

    .lk-glav-info-bl {
        display: block;
    }

    .list-lk-glav-info li a {
        line-height: 17px;
        background-color: #FFFFFF;
        border-radius: 5px;
        display: block;
        padding: 21px;
        position: relative;
    }

    .list-lk-glav-info li a::before {
        content: '';
        position: absolute;
        right: 25px;
        top: 50%;
        transform: translate(0, -50%);
        width: 8px;
        height: 12px;
        background-image: url('../img/arr_mob.svg');
        background-repeat: no-repeat;
        background-position: center;
    }

    .list-lk-glav-info li {
        margin-bottom: 0;
        border-bottom: 1px solid #F9F9F9;
    }

    .lk_block_mob {
        display: block;
        margin-bottom: 22px;
    }

    .page_lk .title {
        font-weight: 500;
    }

    .item-lk-glav-info-doc-block {
        padding: 0 0 30px 0px;
    }

    .mini-txt-lk {
        font-size: 14px;
        line-height: 18px;
        text-align: center;
    }

    .item-lk-glav-info-doc-bl-parent {
        margin-top: 20px;
    }

    .item-lk-glav-info-doc-bl {
        max-width: 100%;
    }

    .lk-glav-info-document {
        padding: 20px;
        margin-bottom: 20px;
    }

    .lk-glav-info-document b {
        font-size: 16px;
        line-height: 19px;
        margin-bottom: 50px;
    }

    .button__page {
        font-size: 12px;
        line-height: 14px;
        padding: 9px 36px;
    }

    .block__cont_lk_btn {
        margin-bottom: 38px;
        display: flex;
        justify-content: center;
    }

    .d_none_title {
        display: none;
    }

    .card-wrapper {
        flex-wrap: wrap;
    }

    .swiper-main .swiper-pagination {
        display: block;
    }
}

@media (max-width: 991px) {
    .btn-orange {
        height: 60px;
        min-width: 190px;
    }

    .btn-orange .btn-orange__name {
        padding: 0 30px 0 0;
    }

    .btn-orange .btn-orange__name:after {
        opacity: 1;
        visibility: visible;
    }

    .header__center .container {
        height: 96px;
    }

    .header__center .logo {
        top: 50%;
        -webkit-transform: translateY(-50%) translateX(-50%);
        -ms-transform: translateY(-50%) translateX(-50%);
        transform: translateY(-50%) translateX(-50%);
    }

    .header__center .logo:after {
        display: none;
    }

    .header__center .logo__text {
        display: none;
    }

    .header__center .logo__img {
        margin: 0;
        max-width: 70px;
    }

    .header__call-b {
        display: none;
    }

    .top-line__information .work-info {
        margin: 0 0 0 20px;
    }

    .information__item--phone {
        padding: 0 0 0 5px;
    }

    .link-group__item {
        margin: 0 0 0 25px;
    }

    .nav-header__li {
        margin: 0 14px 0 0;
        font-size: 13px;
    }
/* 
    .nav-header__li:last-child {
        margin: 0;
    } */

    .search__form {
        margin: 0 50px 0 0;
    }

    /*.catalog-menu {*/
    /*  max-width: 630px;*/
    /*}*/
    .catalog-menu__banner {
        width: 240px;
        min-width: 240px;
        height: 180px;
    }

    .catalog-menu__name {
        bottom: 15px;
        left: 15px;
        right: 15px;
    }

    .main-slider-container {
        margin: 0 auto 30px;
    }

    .main-slider-container .slide__card {
        height: 300px;
    }

    .main-slider-container .slide__slogan {
        padding: 15px 40px;
    }

    .main-slider-container .slide__caption {
        font-size: 42px;
    }

    .main-slider-container .slide__caption br {
        display: none;
    }

    .main-slider-container .slide__text {
        font-size: 18px;
    }

    .main-slider-container .slick-arrow {
        bottom: 15px;
        width: 40px;
        height: 40px;
    }

    .main-slider-container .slick-prev {
        right: 80px;
    }

    .main-slider-container .slick-next {
        right: 30px;
    }

    .category-main {
        margin: 0 0 10px;
    }

    .category-main__item {
        width: 50%;
    }

    .category-main__item--lg .card-category {
        padding: 55% 0 0 0;
    }

    .category-main__item--all {
        width: 100%;
    }

    .card-category {
        padding: 55% 0 0 0;
    }

    .card-category--height_lg {
        padding: 116% 0 0 0;
    }

    .card-category--height_lg .card-category__img {
        max-height: 98%;
    }

    .card-category__img {
        max-height: 95%;
    }

    .card-category--all {
        padding: 15% 0 0 0;
    }

    .carousel-wrap {
        padding: 30px 0 0 0;
    }

    .carousel-wrap__heading {
        margin: 0 0 30px;
    }

    .banner-group {
        padding: 20px 0;
    }

    .card-banner:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.3);
        z-index: 1;
    }

    .about-wrap {
        padding: 20px 0 40px;
    }

    .about-wrap__title {
        font-size: 20px;
    }

    .about-wrap__content {
        padding: 0;
    }

    .about-wrap .container {
        flex-wrap: wrap;
    }

    .about-wrap__mobile {
        display: block;
        margin: 0 auto 20px;
        max-width: 250px;
    }

    .about-wrap__img {
        max-width: 175px;
        margin: 0 auto;
    }

    .footer__top {
        padding: 25px 0 20px;
    }

    .footer__top .footer__col--first {
        width: 100%;
    }

    .footer__top .footer__col--two,
    .footer__top .footer__col--three {
        display: none;
    }

    .footer__bottom .footer__col--first {
        width: 100%;
    }

    .footer__bottom .footer__col--two,
    .footer__bottom .footer__col--three {
        display: none;
    }

    .footer .mailing {
        padding: 25px 0 0 0;
    }

    .footer .mailing__text {
        min-height: inherit;
        margin: 0 0 25px;
    }

    .footer__phone {
        min-height: inherit;
        margin: 0 0 15px;
    }

    .title {
        font-size: 20px;
        margin: 0 0 6px;
    }

    .slogan {
        font-size: 12px;
    }

    .contacts__row-info {
        flex-wrap: wrap;
    }

    .contacts__map {
        margin: 0 0 45px;
    }

    .contacts__row {
        padding: 0 0 22px;
    }

    .contacts__caption-lg {
        font-size: 20px;
    }

    .props {
        font-size: 12px;
    }

    .contacts__item-info .social__caption {
        font-size: 20px;
    }

    .contacts__item-info {
        padding: 0 10px 40px;
    }

    .contacts__item-info:last-child {
        width: 100%;
    }

    .props__col {
        margin: 0 0 15px;
    }

    .consult-wrap__content {
        flex-wrap: wrap;
        text-align: center;
    }

    .consult-wrap__item:first-child {
        width: 100%;
    }

    .consult-wrap__item {
        width: 100%;
    }

    .consult-wrap__caption > span {
        display: block;
    }

    .consult-wrap__item:last-child {
        flex-wrap: wrap;
        margin-top: 25px;
    }

    .consult-wrap__about-call {
        font-size: 14px;
        line-height: 24px;
        width: 100%;
    }

    .consult-wrap__call {
        margin: 18px auto 0 auto;
    }

    .consult-wrap__text-info {
        margin-top: 10px;
    }

    .consult-wrap__caption > span {
        display: block;
        margin-bottom: 10px;
    }

    .articles__name {
        padding: 10px 12px;
        font-size: 12px;
    }

    .article {
        margin: 0 auto 84px auto;
        max-width: 100%;
        width: 100%;
        border-radius: 0;
        padding: 29px 15px 67px;
        font-size: 14px;
        line-height: 1.3;
    }

    .article__name {
        margin: 0 0 16px;
        font-size: 20px;
        line-height: 1.2;
    }

    .article img {
        margin: 0 auto 30px;
    }

    .article__share {
        right: 15px;
        bottom: 66px;
    }

    .page__sidebar_none {
        display: none;
    }

    .hidden_title {
        display: none;
    }

    .select__page_mobile {
        display: block;
        margin-bottom: 30px;
    }

    .item__page__content {
        display: none;
    }

    .item__page__content.active {
        display: block;
    }

    .title_center_mob {
        text-align: center;
    }

    .delivery-company__item {
        margin: 0 20px 12px 0;
    }

    .articles__item_banner {
        width: 100%;
    }

    .yandex-card__subscribe {
        position: relative;
        bottom: 0;
        left: 0;
        margin-left: 30px;
        margin-top: 37px;
    }

    .yandex-card {
        padding-bottom: 30px;
    }

    .pagination-wrap__link {
        width: 50px;
        height: 50px;
    }

    .pagination-wrap__prev, .pagination-wrap__next {
        height: 50px;
    }

    .pagination-wrap__list li {
        margin: 0 5px;
    }

    .pagination-wrap__prev, .pagination-wrap__next, .pagination-wrap__link {
        font-size: 12px;
    }

    .pagination-wrap__prev, .pagination-wrap__next {
        padding: 0 18px;
    }

    .select_mob_filter {
        display: block;
    }

    .filter-wrap__caption {
        display: none;
    }

    .filter-wrap {
        background: #fff;
        border-radius: 0px;
        overflow: hidden;
        margin: 0;
        display: block;
        padding: 30px;
        position: absolute;
        display: none;
        z-index: 23;
        width: 100%;
        top: 47px;
    }

    .filter-wrap__link {
        margin: 0;
        display: flex;
        margin-bottom: 40px;
    }

    .filter-wrap__link--arrow {
        padding: 0 0px 0 22px;
    }

    .filter-wrap__link--arrow:after {
        right: auto;
        left: 0;
        background-image: url(../img/arr_filter.svg);
    }

    .filter-wrap__link--arrow.current:after {
        -webkit-transform: none;
        transform: none;
        background-image: url(../img/arr_filter_active.svg);
    }

    .lk-reg-block {
        max-width: 100%;
        width: 100%;
        padding: 80px 50px;
        text-align: center;
    }

    .lk-entry-block {
        max-width: 100%;
        width: 100%;
        margin-bottom: 45px;
    }

    .title__page_h3-lk {
        font-size: 20px;
        text-align: center;
    }

    .lk-block {
        margin-bottom: 40px;
        margin-top: 0;
    }

    .lk-entry-tabs-block {
        margin-top: 20px;
    }

    .form-lk {
        max-width: 100%;
        width: 100%;
    }

    .list-lk-tabs {
        width: 100%;
    }

    .about-company-numerically-bl {
        flex-wrap: wrap;
    }

    .item-about-company-numerically {
        width: 100%;
        margin-bottom: 30px;
    }

    .bath-block {
        position: relative;
        padding: 60px 30px 55px 30px;
    }

    .icon-bath {
        position: absolute;
        right: 30px;
        bottom: 35px;
        width: 95px;
    }

    .bath-txt-block b {
        font-weight: bold;
        font-size: 40px;
        line-height: 47px;
    }

    .bath-txt-block::before {
        font-size: 80px;
        line-height: 80px;
    }

    .bath-txt-block.bath-txt-mini-block {
        max-width: 80%;
        width: 100%;
    }

    .opt-video-block {
        margin-bottom: 40px;
    }

    .item-opt-sale-txt-block {
        max-width: 100%;
        width: 100%;
    }

    .item-opt-sale {
        padding: 30px 30px 30px 30px;
    }

    .sale-mailing-txt {
        max-width: 100%;
        width: 100%;
        margin-bottom: 30px;
    }

    .item-form-sale-mailing .inp__page {
        max-width: 100%;
        width: 100%;
        margin-bottom: 15px;
    }

    .icon-sale {
        max-width: 100%;
        width: 100%;
        text-align: center;
    }

    .sale-mailing-block {
        padding: 50px 30px;
        margin-bottom: 100px;
    }

    .item-sale-txt-block {
        max-width: 100%;
        width: 100%;
    }

    .icon-sale img {
        margin: 0 auto;
    }

    .sale-block {
        margin-top: 40px;
    }

    .form-sale-mailing-block {
        max-width: 100%;
        width: 100%;
    }

    .error-txt b {
        font-size: 325px;
        line-height: 310px;
    }

    .circle-registration-steps {
        width: 60px;
        height: 60px;
    }

    .ratio-form-registration {
        margin-top: 0;
    }

    .registration-lk-expanded-dop-bl .form-registration-input {
        margin-bottom: 10px;
    }

    .form-open-cooperation-reg-input {
        width: 100%;
    }

    .form-open-cooperation-reg-dop-input .inp-all {
        max-width: 100%;
    }

    .open-cooperation-mail-block br {
        display: none;
    }

    .icon-open-cooperation {
        top: -65px;
        bottom: auto;
        left: 50%;
        transform: translate(-50%, 0px);
    }

    .open-cooperation-block {
        padding: 170px 40px 60px 40px;
        background: #F9F9F9;
        margin-bottom: 65px;
        margin-top: 75px;
    }

    .open-cooperation-txt-block b {
        font-size: 20px;
        line-height: 28px;
    }

    .order-glav-content {
        order: 2;
    }

    .order-info-right {
        width: 100%;
    }

    .page-wrap {
        flex-wrap: wrap;
    }

    .order-info-right-block {
        width: 100%;
        margin: 0;
        margin-bottom: 45px;
    }

    .item-order-glav-block b {
        font-size: 20px;
        line-height: 24px;
    }

    .order-glav-forwhom {
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
    }

    .item-order-glav-forwhom-bl {
        flex-wrap: wrap;
    }

    .form-order-glav-inp-txt {
        max-width: 100%;
        width: 100%;
    }

    .form-order-glav-inp {
        max-width: 100%;
        width: 100%;
    }

    .item-order-glav-f-block {
        max-width: 100%;
        width: 100%;
        margin: 0;
    }

    .item-form-order-glav-inp {
        padding: 0;
    }

    .lk_block_mob_block {
        margin-bottom: -31px;
    }

    .lk_block_mob {
        height: 37px;
    }

    .main-lk-glav-fav {
        background: #fff;
    }

    .catalog-item-4 .product-card {
        box-shadow: 0px 20px 20px -8px rgb(0 0 0 / 10%);
    }

    .favorites_block_lk_filter .filter-wrap {
        padding: 30px 35px;
    }

    .favorites_block_lk_filter .filter-wrap__link {
        margin: 0;
        margin-bottom: 40px;
    }

    .favorites_block_lk_filter .filter-wrap__link:last-child {
        margin-bottom: 0;
    }

    .block__cont_lk_title {
        font-size: 16px;
        line-height: 19px;
    }

    .it__ls {
        font-size: 12px;
        line-height: 14px;
        margin-bottom: 20px;
    }

    .it__ls_left {
        width: 147px;
    }

    .struct__block_page_content {
        margin-top: 40px;
        padding: 0;
        box-shadow: none;
    }

    .struct__block_page_btn {
        margin-top: 60px;
    }

    .struct__block_page_btn_wrap {
        flex-wrap: wrap;
    }

    .it__btn_str {
        width: 100%;
        margin-bottom: 28px;
    }

    .it__btn_str:last-child {
        margin-bottom: 0;
    }

    .btn_cont {
        padding: 20px 35px;
        display: inline-block;
    }

    .item-lk-glav-info-doc-block-wrap-left-wrp {
        max-width: 100%;
    }

    .it__btn_ls {
        padding: 0 5px;
    }

    .btns__ls_block_wrap {
        margin-left: -5px;
        margin-right: -5px;
    }

    .title__page_h5 {
        display: none;
    }

    .filter__status_block {
        padding-left: 0;
    }

    .it_filter_pg {
        margin-bottom: 10px;
    }

    .it_filter_pg .select_mob_filter_wrap {
        background: #FFFFFF;
    }

    .lk_main_block_page_ls {
        margin-top: 20px;
    }

    .it_filter_pg .filter-wrap__link {
        margin: 0;
        margin-bottom: 40px;
    }

    .it_filter_pg .filter-wrap {
        padding: 30px;
    }

    .ls_filter_status {
        flex-wrap: wrap;
    }

    .grp_filter_stt {
        flex-shrink: 0;
        margin-right: 0;
        width: 100%;
        margin-bottom: 40px;
    }

    .grp_filter_stt:last-child {
        margin-bottom: 0;
    }

    .link-group__item--basket:hover > .block__group_ls--basket {
        display: none;
    }

    .order-info-right-block.fixed {
        position: relative;
        width: 100% !important;
        top: auto !important;
    }
}

@media (max-width: 767px) {
    .btn-close {
        width: 22px;
        height: 22px;
    }

    .header {
        height: 122px;
    }

    .page__wrap {
        padding-bottom: 30px;
    }

    .header.fix .header__fix-content {
        -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
        box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
    }

    .header.fix .header__call-b {
        display: block;
    }

    .header__fix-content {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 90;
    }

    .header__center .container {
        height: 90px;
    }

    .header__center .logo__img {
        max-width: 60px;
    }

    .header__bottom {
        position: fixed;
        top: 0;
        width: 350px;
        bottom: 0;
        z-index: 95;
        background-color: #fff;
        padding: 0 70px;
        overflow-y: auto;
        overflow-x: hidden;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%);
    }

    .header__bottom.open {
        -webkit-transition: all ease .5s;
        -o-transition: all ease .5s;
        transition: all ease .5s;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    .header__bottom .container {
        display: block;
        padding: 0;
        max-width: 100%;
        height: 100%;
        position: relative;
    }

    .header__bottom .nav-header {
        display: block;
    }

    .header__bottom .nav-header__li {
        font-size: 14px;
        /* padding: 7px 0; */
        /* margin: 0 0 15px; */
    }

    .header__bottom .nav-header__link {
        color: #000;
        display: block;
        position: relative;
        white-space: normal;
        padding: 10px 0;
    }

    .header__bottom .nav-header__link:after {
        content: "";
        position: absolute;
        top: 50%;
        left: -70px;
        z-index: 1;
        width: 52px;
        height: 2px;
        background-color: #7AA141;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        -webkit-transition: all ease .5s;
        -o-transition: all ease .5s;
        transition: all ease .5s;
        opacity: 0;
        visibility: hidden;
    }

    .header__bottom .nav-header__link:hover,
    .header__bottom .nav-header__link.current {
        color: #000;
    }

    .header__bottom .nav-header__link:hover:after,
    .header__bottom .nav-header__link.current:after {
        /*opacity: 1;*/
        /*visibility: visible;*/
    }

    .header__bottom .header__logo-nav {
        display: block;
    }

    .header__bottom .header__detail-content {
        padding: 40px 0 25px;
    }

    .header__bottom .header__detail-content.bottom {
        padding: 0 0 25px;
    }

    .header__bottom .header__detail-content .social {
        display: block;
        margin: 0 0 20px;
    }

    .header__bottom .header__detail-content .call-link {
        padding: 10px 10px 8px;
        font-size: 12px;
        background: rgba(122, 161, 65, 0.09);
        border-radius: 3px;
    }

    .header__bottom .btn-close {
        position: absolute;
        top: 15px;
        right: -55px;
        z-index: 5;
        display: block;
    }

    .header__call-b {
        display: block;
    }

    .header__catalog {
        /*padding: 0 0 0 58px;*/
        padding: 0;
    }

    .catalog-h__btn.catalog-h__btn-js {
        /*padding: 0 0 0 58px;*/
        display: none;
    }

    .header__catalog .menu-trigger {
        opacity: 1;
        visibility: visible;
    }


    .header__detail-content .social__caption {
        font-size: 16px;
    }

    .top-line__information .work-info {
        display: none;
    }

    .top-line__information .email-link {
        display: none;
    }

    .catalog-h__btn:after {
        left: 20px;
    }

    .catalog-h__btn {
        padding: 0 20px 0 45px;
    }

    .link-group__item {
        margin: 0 0 0 20px;
    }

    .search__content {
        position: static;
    }

    .search__content .btn-close {
        top: 20px;
        right: 20px;
        -webkit-transform: initial;
        -ms-transform: initial;
        transform: initial;
    }

    .search__form {
        margin: 0;
    }

    .tags__link {
        margin: 0 10px 10px 0;
    }

    .catalog-menu {
        max-width: 450px;
        padding: 50px 70px 0;
    }

    .catalog-menu .btn-close {
        top: 30px;
        right: 30px;
    }

    .catalog-menu__ul {
        padding: 0;
    }

    .catalog-menu__link {
        font-size: 18px;
        font-weight: 400;
    }

    .catalog-menu__banner {
        display: none;
    }

    .main-slider-container .slide__card {
        height: 250px;
    }

    .main-slider-container .slide__slogan {
        padding: 15px 30px;
    }

    .main-slider-container .slide__caption {
        font-size: 32px;
        margin: 0 0 10px;
    }

    .main-slider-container .slide__text {
        font-size: 16px;
        margin: 0 0 15px;
    }

    .card-category__img {
        max-height: 90%;
    }

    .carousel-wrap__title {
        font-size: 22px;
    }

    .carousel-wrap__heading {
        padding: 0 100px 0 0;
        height: auto;
        min-height: 40px;
    }

    .product-card {
        padding: 0 0 100px;
    }

    .product-card__content {
        padding: 25px 15px 0;
        bottom: -56px;
        min-height: auto;
    }

    .product-card__name-wrap {
        font-size: 14px;
        margin: 0 0 15px;
    }

    .product-card__name {
        height: 32px;
    }

    .product-card__btn {
        margin: 0 0 15px;
        font-size: 14px;
    }

    .product-card__sticker {
        left: 15px;
    }

    .product-card:hover .product-card__name {
        height: 65px;
    }

    .carousel-arrows {
        width: 90px;
        min-width: 90px;
    }

    .carousel-arrows .slick-arrow {
        width: 40px;
        height: 40px;
    }

    .banner-group {
        padding: 30px 0 20px;
    }

    .banner-group:after {
        display: none;
    }

    .banner-group__item {
        margin: 0 0 10px;
        width: 100%;
    }

    .props__col:first-child {
        width: auto;
        flex-shrink: 0;
        margin-bottom: 6px;
    }

    .articles-more .articles {
        padding: 0px 0 50px;
        background-color: transparent;
    }

    .articles__item {
        width: 50%;
    }

    .articles__name {
        min-height: 74px;
    }

    h2 {
        font-size: 20px;
    }

    .articles__item_banner {
        width: 100%;
    }

    .info-card__bottom {
        display: none;
    }

    .card-wrap {
        padding: 0 0 10px;
    }

    .toggle-info__btn {
        font-size: 14px;
        padding: 0 56px 0 16px;
    }

    .info-card__title {
        font-size: 20px;
    }

    .form-registration-input {
        padding: 0 10px;
        width: 100%;
        margin-bottom: 30px;
    }

    .registration-steps-bl {
        max-width: 460px;
        width: 100%;
        margin: 0 auto 40px auto;
    }

    .list-registration-steps li {
        position: relative;
        max-width: 100px;
        width: 100%;
    }

    .registration-lk-block {
        padding-bottom: 70px;
    }

    .list-registration-steps li b br {
        display: block;
    }

    .list-registration-steps li::before {
        content: '';
        position: absolute;
        right: -64px;
        top: 29%;
        width: 42px;
        height: 1px;
    }

    .registration-lk-expanded-block b {
        width: 100%;
    }

    .basket-price-total-block {
        max-width: 100%;
        width: 100%;
        margin-top: 20px;
        text-align: center;
    }

    .basket-price-promo {
        max-width: 100%;
        width: 100%;
    }

    .basket-price-block {
        padding: 30px 30px 30px 30px;
    }

    .delete-item-basket-products {
        position: absolute;
        right: 20px;
        top: 17px;
    }

    .order-created-pay-txt-block b {
        font-size: 20px;
        line-height: 26px;
        margin-bottom: 15px;
    }

    .block_ls_ord_it {
        margin-bottom: 0;
        border: 0;
        border-radius: 0;
        border-bottom: 1px solid #BEC8CD;
        padding: 20px 13px;
    }

    .block_ls_ord_it:first-child {
        border-top: 1px solid #BEC8CD;
    }

    .info_ls_order {
        max-width: 100%;
    }

    .block_ls_ord_it_wrap {
        flex-wrap: wrap;
    }

    .block_ls_ord_it_img {
        width: 80px;
        height: 80px;
    }

    .block_ls_ord_it_name {
        padding-left: 10px;
        padding-right: 0;
        width: calc(100% - 80px);
    }

    .block_ls_ord_it_pr_1 {
        width: calc(100% - 80px);
        flex-shrink: 0;
        text-align: left;
        margin-left: auto;
        margin-top: 0;
        padding-left: 10px;
    }

    .block_ls_ord_it_pr_2,
    .block_ls_ord_it_pr_3 {
        width: 100%;
        text-align: left;
        margin-top: 33px;
        display: flex;
        align-items: center;

    }

    .cont_mob_ord_it_pr {
        display: block;
        width: 80px;
        flex-shrink: 0;
        font-weight: normal;
    }

    .cont_ord_it_pr {
        flex-grow: 1;
        padding-left: 10px;
    }

    .block_ls_ord_it_pr_3 {
        color: #BEC8CD;
    }

    .pagination__page_block {
        margin-top: 40px;
        background-color: transparent;
        border-radius: 10px;
        padding: 0;
    }

    .block_wget__page_main {
        padding: 20px;
    }

    .block_wget__page_main_top_wrap {
        flex-wrap: wrap;
    }

    .block_wget__page_status {
        width: 100%;
        padding-right: 0;
    }

    .block_wget__page_btns {
        width: 100%;
        margin-top: 16px;
    }

    .block_wget__page_btns_wrap {
        display: block;
    }

    .block_wget__page_btn {
        margin-bottom: 16px;
    }

    .block_wget__page_btn:last-child {
        margin-bottom: 0;
    }

    .block_wget__page_main_cont_info_wrap {
        flex-wrap: wrap;
    }

    .block_wget__page_main_cont_info_right {
        padding-left: 0;
    }

    .grop_ls_wget_info_text {
        font-size: 12px;
        line-height: 20px;
    }

    .grop_ls_wget_info_title {
        font-size: 12px;
        line-height: 20px;
    }

    .grop_ls_wget_info {
        margin-bottom: 10px;
    }

    .list__page_info_cnt {
        font-size: 12px;
        line-height: 24px;
        margin-top: 4px;
    }

    .grp_pg_cnt {
        margin-bottom: 4px;
    }

    .block_wget__page_bottom {
        padding: 20px 20px;
    }

    .button__toggle {
        width: 19px;
        height: 19px;
        padding: 0;
    }

    .text_button__toggle {
        font-size: 0;
        line-height: 0;
        padding-right: 0;
        padding-top: 0;
        width: 19px;
        height: 19px;
    }

    .block_wget__page_toggle {
        width: 19px;
        height: 19px;
    }

    .cross_button__toggle {
        right: 0;
        top: 0;
        transform: none;
    }

    .block_wget__page_left {
        padding-right: 10px;
    }

    .copy_wget_block {
        margin-top: 21px;
    }

    .block_wget__page_hidden {
        padding: 0px 0px 24px 0px;
    }

    .block_wget__page_hidden .info_ls_order {
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        margin-top: 25px;
    }
}

@media (max-width: 576px) {
    .header {
        margin: 0 0 10px;
        height: 65px;
    }

    .header__top {
        display: none;
    }

    .header__center .container {
        height: 64px;
    }

    .header__center .logo__img {
        max-width: 45px;
    }

    .header__bottom {
        width: 300px;
        padding: 0 30px;
    }

    .header__bottom .btn-close {
        top: 15px;
        right: -10px;
    }

    /*.header__bottom .nav-header__li {*/
    /*  font-size: 18px;*/
    /*}*/
    .header__bottom .nav-header__link:after {
        left: -30px;
        width: 15px;
    }

    .header__logo-nav {
        margin: 25px 0;
    }

    .catalog-h__btn {
        display: none;
    }

    .search__content .btn-close {
        top: 10px;
        right: 10px;
    }

    .main-slider-container {
        padding: 0 15px;
        margin: 0 auto 10px;
    }

    .main-slider-container .slide__card {
        height: 300px;
    }

    .main-slider-container .slide__card::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.3);
    }

    .main-slider-container .slide__slogan {
        padding: 10px 20px;
    }

    .main-slider-container .slide__caption {
        font-size: 30px;
    }

    .main-slider-container .slide__text {
        font-size: 14px;
    }

    .category-main {
        margin: 0;
    }

    .category-main__holder {
        margin: 0 -5px;
    }

    .category-main__item {
        padding: 0 5px;
    }

    .card-category {
        margin: 0 0 10px;
    }

    .card-category--height_lg {
        padding: 114% 0 0 0;
    }

    .card-category__name {
        bottom: 10px;
        left: 15px;
        right: 15px;
        font-size: 14px;
    }

    .card-category__img {
        max-height: 75%;
    }

    .carousel-wrap__title {
        font-size: 20px;
    }

    .carousel-wrap__body {
        margin: 0 -5px;
    }

    .product-slider .product-card {
        width: 310px;
        margin: 0 5px 35px;
    }

    .product-card {
        padding: 0;
        min-height: 100%;
    }

    .product-card__content {
        bottom: 0!important;
        min-height: 0!important;
        position: relative;
    }

    .product-card__btn.quan-block {
        visibility: visible;
    }

    .product-card__content.no-can-buy {
        min-height: 0!important;
        bottom: 0!important;
    }

    .catalog-row {
        align-items: stretch;
    }

    .product-card__name {
        display: block;
        -webkit-line-clamp: initial;
        -webkit-box-orient: vertical;
        height: auto;
    }

    .product-card__heart {
        opacity: 1;
        visibility: visible;
    }

    .product-card:hover {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .product-card:hover .product-card__name {
        height: auto;
    }

    .banner-group {
        padding: 30px 0 0 0;
    }

    .card-banner {
        height: 150px;
    }

    .card-banner__content {
        padding: 0 20px;
    }

    .card-banner__caption {
        font-size: 16px;
        min-height: initial;
        margin: 0 0 10px;
    }

    .about-wrap {
        padding: 20px 0;
    }

    .about-wrap__title {
        font-size: 18px;
    }

    .footer__row {
        display: block;
    }

    .footer__top {
        text-align: center;
        padding: 15px 0;
    }

    .footer__top .footer__col--first {
        padding: 0;
    }

    .footer__top .footer__col--last {
        padding: 20px 0 0 0;
        width: 100%;
        min-width: inherit;
        font-size: 16px;
    }

    .footer__bottom {
        font-size: 13px;
    }

    .footer__bottom .footer__row {
        height: auto;
        text-align: center;
        padding: 10px 0;
    }

    .footer__bottom .footer__col--last {
        width: 100%;
        min-width: inherit;
    }

    .footer .logo__img {
        margin: 0;
    }

    .footer .logo__text {
        display: none;
    }

    .footer .mailing {
        padding: 15px 0 0 0;
    }

    .footer .mailing__text {
        max-width: 100%;
        padding: 10px 0 20px;
        margin: 0;
        font-size: 13px;
        line-height: 1.4;
    }

    .footer .mailing__caption {
        font-size: 14px;
    }

    .footer .mailing__form {
        max-width: 100%;
    }

    .footer__phone .phone-link {
        font-size: 20px;
    }

    .footer__link-info {
        font-size: 14px;
    }

    .footer .payment-wrap {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .footer .social__list {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .site-producer {
        font-size: 13px;
        margin: 0 0 5px;
    }

    .contacts__link-group {
        display: block;
    }

    .contacts__link-group .link-download, .contacts__link-group .link-copy {
        margin: 15px 0;
        display: flex;
    }

    .breadcrumb li {
        margin-bottom: 4px;
    }

    .gray-section {
        padding: 35px 30px 30px;
        margin: 0 0 10px;
    }

    h3 {
        font-size: 16px;
    }

    .popup {
        width: 90%;
        padding: 40px 30px;
    }

    .form__call_input .inp__page {
        width: 100%;
        height: 50px;
        font-size: 17px;
        line-height: 20px;
    }

    .fancybox-slide--html .fancybox-close-small {
        right: 20px;
        top: 20px;
    }

    .list-lk-tabs li a {
        display: inline-block;
        padding: 17px 11px;
    }

    .lk-reg-block {
        padding: 33px 30px;
        text-align: center;
    }

    .form-lk-bnt {
        max-width: 100%;
        width: 100%;
    }

    .mini-txt-center {
        font-size: 12px;
        line-height: 14px;
    }

    .item-about-company-block {
        padding-left: 15px;
        padding-right: 15px;
    }

    .about-company-bl,
    .item-bath-block {
        margin: 0 -15px;
    }

    .item-bath-bl {
        padding: 0 15px;
    }

    .item-about-company b {
        font-size: 16px;
        line-height: 19px
    }

    .item-about-company {
        padding: 30px 30px;
    }

    .bath-txt-block b {
        font-size: 24px;
        line-height: 29px;
    }

    .bath-txt-block::before {
        font-size: 50px;
        line-height: 50px;
    }

    .bath-txt-block {
        padding-left: 33px;
    }

    .icon-bath {
        width: 55px;
    }

    .bath-block {
        padding: 60px 20px 55px 20px;
    }

    .bath-txt-block b br {
        display: none;
    }

    .item-opt-sale-txt-block b {
        font-size: 16px;
        line-height: 22px;
    }

    .opt-video-block iframe {
        width: 100%;
        height: 200px;
    }

    .opt-block {
        margin-bottom: 30px;
    }

    .opt-video-block {
        margin-bottom: 30px;
    }

    .bath-txt-block.bath-txt-mini-block b {
        font-size: 20px;
        line-height: 28px;
    }

    .header-item-sale-txt p {
        font-size: 16px;
        line-height: 22px
    }

    .header-item-sale-txt b {
        font-size: 24px;
        line-height: 30px;
    }

    .promo-sale-block span {
        margin-bottom: 10px;
    }

    .promo-sale-block {
        margin-bottom: 20px;
    }

    .sale-mailing-txt b {
        font-size: 22px;
        line-height: 27px;
    }

    .item-form-sale-mailing .btn-orange {
        width: 100%;
    }

    .error-txt b {
        font-size: 150px;
        line-height: 165px;
    }

    .registration-lk-expanded-block b {
        text-align: center;
        font-size: 20px;
        line-height: 24px;
    }

    .registration-lk-expanded-dop-bl {
        justify-content: center;
    }

    .registration-lk-expanded-dop-bl .form-registration-input {
        max-width: 190px;
        width: 100%;
        margin-bottom: 10px;
    }

    .knob-basket-price a {
        min-width: 155px;
    }

    .basket-knob-block a {
        min-width: 155px;
    }

    .basket-price-block {
        padding: 30px 12px;
    }

    .promo-input {
        max-width: 80%;
        width: 100%;
        height: 44px;
    }

    .promo-button {
        width: 44px;
        height: 44px;
    }

    .basket-price-promo-txt {
        font-size: 12px;
        line-height: 12px;
    }

    .basket-price-total-block {
        margin-top: 30px;
        margin-bottom: 10px;
    }

    .item-basket-products {
        padding: 20px 12px;
    }

    .icon-basket-products {
        width: 80px;
        height: 80px;
    }

    .quantity-basket {
        max-width: 204px;
        width: 100%;
    }

    .basket-price-knob-block {
        max-width: 330px;
        width: 100%;
    }

    .basket-knob-block {
        max-width: 330px;
        width: 100%;
    }

    .icon-open-cooperation {
        background-size: 106px 135px;
        width: 106px;
        height: 135px;
    }

    .open-cooperation-block {
        padding: 80px 30px 30px 30px;
        margin-bottom: 50px;
        margin-top: 50px;
    }

    .open-cooperation-txt-block b {
        font-size: 16px;
        line-height: 19px;
    }

    .label-registration span {
        font-size: 11px;
        line-height: 14px;
    }

    .photo-form-open-cooperation-reg b,
    .photo-form-open-cooperation-reg a,
    .photo-add-block {
        display: none;
    }

    .form-open-cooperation-reg-big-mob {
        display: block;
    }

    .form-open-cooperation-reg-big-nomob {
        display: none;
    }

    .open-cooperation-mail-block {
        font-size: 20px;
        line-height: 24px;
    }

    .item-order-glav-block b {
        text-align: center;
    }

    .item-order-glav-block {
        margin-bottom: 20px;
    }

    ul.list-order-info,
    .order-info-right-all-price {
        display: none;
    }

    .order-info-mobile {
        display: block;
        font-weight: bold;
        font-size: 16px;
        line-height: 19px;
        color: #404040;
    }

    .header-order-info-txt {
        font-weight: bold;
        font-size: 16px;
        line-height: 19px;
        color: #BEC8CD;
    }

    .order-info-right-block {
        padding: 20px 20px;
    }

    .header-order-info-right {
        margin-bottom: 0;
    }

    .gpoup-delivery-methods-left {
        width: 100%;
        padding-right: 0;
    }

    .gpoup-delivery-methods {
        flex-wrap: wrap;
    }

    .gpoup-delivery-methods-right {
        padding-left: 30px;
    }

    .block_ls_ord_it {
        margin: 0 -15px;
    }

    .block_wget__page_hidden .block_ls_ord_it {
        margin: 0 0px;
    }

    .min-price {
        font-size: 16px;
    }

    .basket-big {
        padding-top: 20px;
    }
}

@media (max-width: 480px) {
    .catalog-row-mob .add-basket,
    .catalog-row-mob .added-basket {
        width: 100%;
    }

    .catalog-row-mob .product-card__btn {
        flex-wrap: wrap;
    }

    .quan-block-btn {
        display: block;
    }

    .catalog-row-mob .more-link {
        width: 100%;
        text-align: center;
        margin-top: 15px;
    }

    .catalog-row-mob .product-card__content {
        bottom: 0;
        position: relative;
        flex-grow: 1;
    }

    .catalog-row-mob .product-card {
        padding: 0;
        height: 100%;
        display: flex;
        flex-direction: column;
    }

    .catalog-row-mob .product-card__inner {
        height: 100%;
        display: flex;
        flex-direction: column;
    }

    .catalog-row-mob .product-card__btn {
        margin-top: auto;
    }

    .catalog-row-mob .catalog-item {
        padding: 0 5px 10px;
    }

    .catalog-row-mob .product-card__sticker {
        left: 2px;
    }

    .info-card__btn-group .in-basket,
    .info-card__btn-group .one-click {
        margin: 0;
        width: calc(50% - 5px);
        min-width: auto;
        padding: 0 5px;
    }

    .info-card__btn-group {
        justify-content: space-between;
    }

    .total-count__price-info {
        font-size: 20px;
        padding: 0 10px;
        height: 44px;
    }

    .quantity__input {
        height: 50px;
    }

    .quantity__btn {
        width: 50px;
        height: 50px;
    }

    .quantity {
        max-width: 200px;
    }

    .info-card__quantity-group .quantity {
        margin: 0 10px 0 0;
    }

    .info-card__quantity-group {
        justify-content: space-between;
    }

    .block__adress_cont_title {
        padding: 20px 55px 20px 16px;
        font-size: 14px;
        line-height: 17px;
    }

    .block__adress_cont {
        margin-bottom: 10px;
    }

    .btn_cont {
        padding: 20px 15px;
    }

    .title__page_h3 {
        font-size: 22px;
        line-height: 30px;
    }
}

@media (max-width: 420px) {
    .header__link-group {
        padding: 0 7px 0 0;
    }

    .link-group__item {
        margin: 0 0 0 12px;
    }

    .link-group__count {
        font-size: 10px;
        right: -7px;
    }

    .product-slider .product-card {
        width: 280px;
    }

    .props__row {
        flex-wrap: wrap;
    }

    .props__col {
        width: 100%;
    }

    .list-registration-steps li::before {
        right: -34%;
    }

    .card-category--all {
        padding: 80px 0 0 0;
    }
}

/*@media (max-width: 375px) {
  .category-main__item {
    width: 100%;
  }
  .it__ls_right {
    word-break: break-word;
  }
  .card-category {
    padding: 48% 0 0 0;
  }

  .card-category__name {
    font-size: 18px;
  }

  .card-category__img {
    max-height: 80%;
  }

  .card-category--all {
    padding: 20% 0 0 0;
  }

  .product-slider .product-card {
    width: 260px;
  }

  .card-banner {
    height: 130px;
  }

  .about-wrap__mobile {
    max-width: 220px;
  }
  .list-registration-steps li::before {
    right: -34%;
  }
}
@media (max-width: 370px) {
  .link-group__item--search,
  .link-group__item--user,
  .link-group__item--like {
    display: none;
  }
  .pagination-wrap__link {
    width: 35px;
    height: 35px;
  }
  .pagination-wrap__prev, .pagination-wrap__next {
    height: 35px;
  }
  .pagination-wrap__prev, .pagination-wrap__next {
    padding: 0 9px;
  }
  .more-btn-wrap {
    padding: 20px 0;
  }
  .catalog-row-mob .catalog-item {
    width: 100%;
  }
}
@media (max-width: 360px) {
  .btn-orange {
    height: 40px;
    min-width: 170px;
    font-size: 12px;
  }
  .btn_cont {
    padding: 20px 10px;
  } 
  .main-slider-container .slide__slogan {
    padding: 10px 15px;
  }

  .main-slider-container .slide__caption {
    font-size: 24px;
  }

  .main-slider-container .slide__text {
    font-size: 12px;
  }
  .contacts__info-card {
    padding: 40px 27px 40px;
  }
  .contacts__phone-name {
    font-size: 13px;
    margin-top: 4px;
  }
  .share-wrap__btn {
    width: 44px;
    height: 44px;
  }
  .article__admin-logo {
    width: 44px;
    height: 44px;
  }
  .share__caption {
    margin: 0 6px 0 0;
  }
  .item-form-sale-mailing .inp__page {
    height: 40px;
  }
  .list-registration-steps li {
    position: relative;
    max-width: 70px;
    width: 100%;
  }
  .list-registration-steps li::before {
    content: '';
    position: absolute;
    right: -39px;
    top: 29%;
    width: 33px;
    height: 1px;
  }
  .inp-all {
    height: 44px;
  }
  .loop-location {
    top: 11px;
  }
  .select__gap {
    height: 44px;
    padding-top: 13px;
    padding-bottom: 10px;
  }
  .select__gap::before {
    top: 12px
  }
  .select__list {
    top: 45px;
  }
  .registration-lk button {
    font-size: 11px;
    min-width: auto;
  }
}
@media (max-width: 350px) {
  .gallery-card__main .slide__lg {
    height: 294px;
  }
  .list-lk-tabs li a {
    font-size: 11px;
  }
}
*/

.category_two.open .category_two__li .nav-header__link {
    padding: 10px 0;
}