* {
    padding: 0px;
    margin: 0px;
    border: 0px
}

*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

:focus,
:active {
    outline: none
}

a:focus,
a:active {
    outline: none
}

input,
button,
textarea {
    font-family: var(--fontFamily);
    font-size: inherit
}

button {
    cursor: pointer;
    color: inherit;
    background-color: inherit
}

a {
    color: inherit
}

a:link,
a:visited {
    text-decoration: none
}

a:hover {
    text-decoration: none
}

ul li {
    list-style: none
}

img {
    vertical-align: top
}

:root {
    --animate-duration: 1s;
    --animate-delay: 1s;
    --animate-repeat: 1
}

.animate__animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-duration: var(--animate-duration);
    animation-duration: var(--animate-duration);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animate__animated.animate__infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.animate__animated.animate__repeat-1 {
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: var(--animate-repeat);
    animation-iteration-count: var(--animate-repeat)
}

.animate__animated.animate__repeat-2 {
    -webkit-animation-iteration-count: 2;
    animation-iteration-count: 2;
    -webkit-animation-iteration-count: calc(var(--animate-repeat) * 2);
    animation-iteration-count: calc(var(--animate-repeat) * 2)
}

.animate__animated.animate__repeat-3 {
    -webkit-animation-iteration-count: 3;
    animation-iteration-count: 3;
    -webkit-animation-iteration-count: calc(var(--animate-repeat) * 3);
    animation-iteration-count: calc(var(--animate-repeat) * 3)
}

.animate__animated.animate__delay-1s {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    -webkit-animation-delay: var(--animate-delay);
    animation-delay: var(--animate-delay)
}

.animate__animated.animate__delay-2s {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    -webkit-animation-delay: calc(var(--animate-delay) * 2);
    animation-delay: calc(var(--animate-delay) * 2)
}

.animate__animated.animate__delay-3s {
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
    -webkit-animation-delay: calc(var(--animate-delay) * 3);
    animation-delay: calc(var(--animate-delay) * 3)
}

.animate__animated.animate__delay-4s {
    -webkit-animation-delay: 4s;
    animation-delay: 4s;
    -webkit-animation-delay: calc(var(--animate-delay) * 4);
    animation-delay: calc(var(--animate-delay) * 4)
}

.animate__animated.animate__delay-5s {
    -webkit-animation-delay: 5s;
    animation-delay: 5s;
    -webkit-animation-delay: calc(var(--animate-delay) * 5);
    animation-delay: calc(var(--animate-delay) * 5)
}

.animate__animated.animate__faster {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-duration: calc(var(--animate-duration) / 2);
    animation-duration: calc(var(--animate-duration) / 2)
}

.animate__animated.animate__fast {
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-duration: calc(var(--animate-duration) * .8);
    animation-duration: calc(var(--animate-duration) * .8)
}

.animate__animated.animate__slow {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-duration: calc(var(--animate-duration) * 2);
    animation-duration: calc(var(--animate-duration) * 2)
}

.animate__animated.animate__slower {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-duration: calc(var(--animate-duration) * 3);
    animation-duration: calc(var(--animate-duration) * 3)
}

@media (prefers-reduced-motion: reduce), print {
    .animate__animated {
        -webkit-animation-duration: 1ms !important;
        animation-duration: 1ms !important;
        -webkit-transition-duration: 1ms !important;
        transition-duration: 1ms !important;
        -webkit-animation-iteration-count: 1 !important;
        animation-iteration-count: 1 !important
    }

    .animate__animated[class*=Out] {
        opacity: 0
    }
}

@-webkit-keyframes bounce {

    0%,
    20%,
    53%,
    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-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);
        -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
        transform: translate3d(0, -30px, 0) scaleY(1.1)
    }

    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);
        -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
        transform: translate3d(0, -15px, 0) scaleY(1.05)
    }

    80% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translateZ(0) scaleY(0.95);
        transform: translateZ(0) scaleY(0.95)
    }

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

@keyframes bounce {

    0%,
    20%,
    53%,
    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-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);
        -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
        transform: translate3d(0, -30px, 0) scaleY(1.1)
    }

    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);
        -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
        transform: translate3d(0, -15px, 0) scaleY(1.05)
    }

    80% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translateZ(0) scaleY(0.95);
        transform: translateZ(0) scaleY(0.95)
    }

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

.animate__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
    }
}

.animate__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)
    }
}

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

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

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

@-webkit-keyframes shakeX {

    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 shakeX {

    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)
    }
}

.animate__shakeX {
    -webkit-animation-name: shakeX;
    animation-name: shakeX
}

@-webkit-keyframes shakeY {

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

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

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

@keyframes shakeY {

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

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

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

.animate__shakeY {
    -webkit-animation-name: shakeY;
    animation-name: shakeY
}

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

.animate__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)
    }
}

.animate__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)
    }
}

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

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

    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: translateZ(0);
        transform: translateZ(0)
    }
}

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

    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: translateZ(0);
        transform: translateZ(0)
    }
}

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

@-webkit-keyframes jello {

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

    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.390625deg) skewY(0.390625deg);
        transform: skewX(0.390625deg) skewY(0.390625deg)
    }

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

@keyframes jello {

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

    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.390625deg) skewY(0.390625deg);
        transform: skewX(0.390625deg) skewY(0.390625deg)
    }

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

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

@-webkit-keyframes heartBeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    28% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    70% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes heartBeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    28% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    70% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.animate__heartBeat {
    -webkit-animation-name: heartBeat;
    animation-name: heartBeat;
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;
    -webkit-animation-duration: calc(var(--animate-duration) * 1.3);
    animation-duration: calc(var(--animate-duration) * 1.3);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

@-webkit-keyframes backInDown {
    0% {
        -webkit-transform: translateY(-1200px) scale(0.7);
        transform: translateY(-1200px) scale(0.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateY(0) scale(0.7);
        transform: translateY(0) scale(0.7);
        opacity: .7
    }

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

@keyframes backInDown {
    0% {
        -webkit-transform: translateY(-1200px) scale(0.7);
        transform: translateY(-1200px) scale(0.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateY(0) scale(0.7);
        transform: translateY(0) scale(0.7);
        opacity: .7
    }

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

.animate__backInDown {
    -webkit-animation-name: backInDown;
    animation-name: backInDown
}

@-webkit-keyframes backInLeft {
    0% {
        -webkit-transform: translateX(-2000px) scale(0.7);
        transform: translateX(-2000px) scale(0.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateX(0) scale(0.7);
        transform: translateX(0) scale(0.7);
        opacity: .7
    }

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

@keyframes backInLeft {
    0% {
        -webkit-transform: translateX(-2000px) scale(0.7);
        transform: translateX(-2000px) scale(0.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateX(0) scale(0.7);
        transform: translateX(0) scale(0.7);
        opacity: .7
    }

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

.animate__backInLeft {
    -webkit-animation-name: backInLeft;
    animation-name: backInLeft
}

@-webkit-keyframes backInRight {
    0% {
        -webkit-transform: translateX(2000px) scale(0.7);
        transform: translateX(2000px) scale(0.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateX(0) scale(0.7);
        transform: translateX(0) scale(0.7);
        opacity: .7
    }

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

@keyframes backInRight {
    0% {
        -webkit-transform: translateX(2000px) scale(0.7);
        transform: translateX(2000px) scale(0.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateX(0) scale(0.7);
        transform: translateX(0) scale(0.7);
        opacity: .7
    }

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

.animate__backInRight {
    -webkit-animation-name: backInRight;
    animation-name: backInRight
}

@-webkit-keyframes backInUp {
    0% {
        -webkit-transform: translateY(1200px) scale(0.7);
        transform: translateY(1200px) scale(0.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateY(0) scale(0.7);
        transform: translateY(0) scale(0.7);
        opacity: .7
    }

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

@keyframes backInUp {
    0% {
        -webkit-transform: translateY(1200px) scale(0.7);
        transform: translateY(1200px) scale(0.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateY(0) scale(0.7);
        transform: translateY(0) scale(0.7);
        opacity: .7
    }

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

.animate__backInUp {
    -webkit-animation-name: backInUp;
    animation-name: backInUp
}

@-webkit-keyframes backOutDown {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateY(0) scale(0.7);
        transform: translateY(0) scale(0.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateY(700px) scale(0.7);
        transform: translateY(700px) scale(0.7);
        opacity: .7
    }
}

@keyframes backOutDown {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateY(0) scale(0.7);
        transform: translateY(0) scale(0.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateY(700px) scale(0.7);
        transform: translateY(700px) scale(0.7);
        opacity: .7
    }
}

.animate__backOutDown {
    -webkit-animation-name: backOutDown;
    animation-name: backOutDown
}

@-webkit-keyframes backOutLeft {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateX(0) scale(0.7);
        transform: translateX(0) scale(0.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateX(-2000px) scale(0.7);
        transform: translateX(-2000px) scale(0.7);
        opacity: .7
    }
}

@keyframes backOutLeft {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateX(0) scale(0.7);
        transform: translateX(0) scale(0.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateX(-2000px) scale(0.7);
        transform: translateX(-2000px) scale(0.7);
        opacity: .7
    }
}

.animate__backOutLeft {
    -webkit-animation-name: backOutLeft;
    animation-name: backOutLeft
}

@-webkit-keyframes backOutRight {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateX(0) scale(0.7);
        transform: translateX(0) scale(0.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateX(2000px) scale(0.7);
        transform: translateX(2000px) scale(0.7);
        opacity: .7
    }
}

@keyframes backOutRight {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateX(0) scale(0.7);
        transform: translateX(0) scale(0.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateX(2000px) scale(0.7);
        transform: translateX(2000px) scale(0.7);
        opacity: .7
    }
}

.animate__backOutRight {
    -webkit-animation-name: backOutRight;
    animation-name: backOutRight
}

@-webkit-keyframes backOutUp {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateY(0) scale(0.7);
        transform: translateY(0) scale(0.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateY(-700px) scale(0.7);
        transform: translateY(-700px) scale(0.7);
        opacity: .7
    }
}

@keyframes backOutUp {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateY(0) scale(0.7);
        transform: translateY(0) scale(0.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateY(-700px) scale(0.7);
        transform: translateY(-700px) scale(0.7);
        opacity: .7
    }
}

.animate__backOutUp {
    -webkit-animation-name: backOutUp;
    animation-name: backOutUp
}

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

.animate__bounceIn {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-duration: calc(var(--animate-duration) * .75);
    animation-duration: calc(var(--animate-duration) * .75);
    -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) scaleY(3);
        transform: translate3d(0, -3000px, 0) scaleY(3)
    }

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

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

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

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

@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) scaleY(3);
        transform: translate3d(0, -3000px, 0) scaleY(3)
    }

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

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

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

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

.animate__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) scaleX(3);
        transform: translate3d(-3000px, 0, 0) scaleX(3)
    }

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

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

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

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

@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) scaleX(3);
        transform: translate3d(-3000px, 0, 0) scaleX(3)
    }

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

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

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

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

.animate__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) scaleX(3);
        transform: translate3d(3000px, 0, 0) scaleX(3)
    }

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

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

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

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

@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) scaleX(3);
        transform: translate3d(3000px, 0, 0) scaleX(3)
    }

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

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

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

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

.animate__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) scaleY(5);
        transform: translate3d(0, 3000px, 0) scaleY(5)
    }

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

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

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

    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) scaleY(5);
        transform: translate3d(0, 3000px, 0) scaleY(5)
    }

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

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

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

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

.animate__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)
    }
}

.animate__bounceOut {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-duration: calc(var(--animate-duration) * .75);
    animation-duration: calc(var(--animate-duration) * .75);
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.animate__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
    }
}

.animate__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: translateZ(0);
        transform: translateZ(0)
    }
}

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

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

.animate__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: translateZ(0);
        transform: translateZ(0)
    }
}

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

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

.animate__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: translateZ(0);
        transform: translateZ(0)
    }
}

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

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

.animate__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: translateZ(0);
        transform: translateZ(0)
    }
}

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

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

.animate__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: translateZ(0);
        transform: translateZ(0)
    }
}

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

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

.animate__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: translateZ(0);
        transform: translateZ(0)
    }
}

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

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

.animate__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: translateZ(0);
        transform: translateZ(0)
    }
}

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

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

.animate__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: translateZ(0);
        transform: translateZ(0)
    }
}

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

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

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

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

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

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

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

.animate__fadeInTopLeft {
    -webkit-animation-name: fadeInTopLeft;
    animation-name: fadeInTopLeft
}

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

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

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

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

.animate__fadeInTopRight {
    -webkit-animation-name: fadeInTopRight;
    animation-name: fadeInTopRight
}

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

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

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

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

.animate__fadeInBottomLeft {
    -webkit-animation-name: fadeInBottomLeft;
    animation-name: fadeInBottomLeft
}

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

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

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

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

.animate__fadeInBottomRight {
    -webkit-animation-name: fadeInBottomRight;
    animation-name: fadeInBottomRight
}

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

    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.animate__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)
    }
}

.animate__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)
    }
}

.animate__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)
    }
}

.animate__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)
    }
}

.animate__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)
    }
}

.animate__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)
    }
}

.animate__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)
    }
}

.animate__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)
    }
}

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

@-webkit-keyframes fadeOutTopLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

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

@keyframes fadeOutTopLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

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

.animate__fadeOutTopLeft {
    -webkit-animation-name: fadeOutTopLeft;
    animation-name: fadeOutTopLeft
}

@-webkit-keyframes fadeOutTopRight {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

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

@keyframes fadeOutTopRight {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

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

.animate__fadeOutTopRight {
    -webkit-animation-name: fadeOutTopRight;
    animation-name: fadeOutTopRight
}

@-webkit-keyframes fadeOutBottomRight {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

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

@keyframes fadeOutBottomRight {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

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

.animate__fadeOutBottomRight {
    -webkit-animation-name: fadeOutBottomRight;
    animation-name: fadeOutBottomRight
}

@-webkit-keyframes fadeOutBottomLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

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

@keyframes fadeOutBottomLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

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

.animate__fadeOutBottomLeft {
    -webkit-animation-name: fadeOutBottomLeft;
    animation-name: fadeOutBottomLeft
}

@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    to {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@keyframes flip {
    0% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    to {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.animate__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
    }
}

.animate__flipOutX {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-duration: calc(var(--animate-duration) * .75);
    animation-duration: calc(var(--animate-duration) * .75);
    -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
    }
}

.animate__flipOutY {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-duration: calc(var(--animate-duration) * .75);
    animation-duration: calc(var(--animate-duration) * .75);
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY
}

@-webkit-keyframes lightSpeedInRight {
    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);
        opacity: 1
    }

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

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

@keyframes lightSpeedInRight {
    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);
        opacity: 1
    }

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

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

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

@-webkit-keyframes lightSpeedInLeft {
    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);
        opacity: 1
    }

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

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

@keyframes lightSpeedInLeft {
    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);
        opacity: 1
    }

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

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

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

@-webkit-keyframes lightSpeedOutRight {
    0% {
        opacity: 1
    }

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

@keyframes lightSpeedOutRight {
    0% {
        opacity: 1
    }

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

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

@-webkit-keyframes lightSpeedOutLeft {
    0% {
        opacity: 1
    }

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

@keyframes lightSpeedOutLeft {
    0% {
        opacity: 1
    }

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

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

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

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

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

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

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

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

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

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

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

.animate__rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft;
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom
}

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

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

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

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

.animate__rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight;
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom
}

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

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

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

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

.animate__rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft;
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom
}

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

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

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

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

.animate__rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight;
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom
}

@-webkit-keyframes rotateOut {
    0% {
        opacity: 1
    }

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

@keyframes rotateOut {
    0% {
        opacity: 1
    }

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

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

@-webkit-keyframes rotateOutDownLeft {
    0% {
        opacity: 1
    }

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

@keyframes rotateOutDownLeft {
    0% {
        opacity: 1
    }

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

.animate__rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft;
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom
}

@-webkit-keyframes rotateOutDownRight {
    0% {
        opacity: 1
    }

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

@keyframes rotateOutDownRight {
    0% {
        opacity: 1
    }

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

.animate__rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight;
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom
}

@-webkit-keyframes rotateOutUpLeft {
    0% {
        opacity: 1
    }

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

@keyframes rotateOutUpLeft {
    0% {
        opacity: 1
    }

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

.animate__rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft;
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom
}

@-webkit-keyframes rotateOutUpRight {
    0% {
        opacity: 1
    }

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

@keyframes rotateOutUpRight {
    0% {
        opacity: 1
    }

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

.animate__rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight;
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom
}

@-webkit-keyframes hinge {
    0% {
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,
    60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    40%,
    80% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -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-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,
    60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    40%,
    80% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -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
    }
}

.animate__hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-duration: calc(var(--animate-duration) * 2);
    animation-duration: calc(var(--animate-duration) * 2);
    -webkit-animation-name: hinge;
    animation-name: hinge;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left
}

@-webkit-keyframes jackInTheBox {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.1) rotate(30deg);
        transform: scale(0.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom
    }

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

    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg)
    }

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

@keyframes jackInTheBox {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.1) rotate(30deg);
        transform: scale(0.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom
    }

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

    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg)
    }

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

.animate__jackInTheBox {
    -webkit-animation-name: jackInTheBox;
    animation-name: jackInTheBox
}

@-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: translateZ(0);
        transform: translateZ(0)
    }
}

@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: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__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)
    }
}

.animate__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
    }
}

.animate__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)
    }
}

.animate__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)
    }
}

.animate__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)
    }
}

.animate__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)
    }
}

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

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

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

    to {
        opacity: 0
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1
    }

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

    to {
        opacity: 0
    }
}

.animate__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-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-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

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

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

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

.animate__zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft;
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center
}

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

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

.animate__zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight;
    -webkit-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center
}

@-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-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-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

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

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

.animate__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)
    }
}

.animate__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)
    }
}

.animate__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)
    }
}

.animate__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)
    }
}

.animate__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)
    }
}

.animate__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)
    }
}

.animate__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)
    }
}

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

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

:root {
    --swiper-theme-color: #007aff
}

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

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

.swiper-vertical > .swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

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

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

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

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

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

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

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

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

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

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

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

.swiper-3d {
    -webkit-perspective: 1200px;
    perspective: 1200px
}

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

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

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

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

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

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

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

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

.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
    content: "";
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-ordinal-group: 10000;
    -ms-flex-order: 9999;
    order: 9999
}

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

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

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

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

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

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

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

.swiper-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

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

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

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

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

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

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

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

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

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

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
    height: 1px;
    width: var(--swiper-virtual-size)
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
    width: 1px;
    height: var(--swiper-virtual-size)
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: var(--swiper-navigation-top-offset, 50%);
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - var(--swiper-navigation-size) / 2);
    z-index: 10;
    cursor: pointer;
    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;
    color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none
}

.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
    display: none !important
}

.swiper-button-next svg,
.swiper-button-prev svg {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center
}

.swiper-rtl .swiper-button-next svg,
.swiper-rtl .swiper-button-prev svg {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 10px);
    right: auto
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 10px);
    left: auto
}

.swiper-button-lock {
    display: none
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
    content: "prev"
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 10px);
    left: auto
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
    content: "next"
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: .3s opacity;
    transition: .3s opacity;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
    display: none !important
}

.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: var(--swiper-pagination-bottom, 8px);
    top: var(--swiper-pagination-top, auto);
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transform: scale(0.33);
    -ms-transform: scale(0.33);
    transform: scale(0.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    -webkit-transform: scale(0.66);
    -ms-transform: scale(0.66);
    transform: scale(0.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    -webkit-transform: scale(0.33);
    -ms-transform: scale(0.33);
    transform: scale(0.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    -webkit-transform: scale(0.66);
    -ms-transform: scale(0.66);
    transform: scale(0.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    -webkit-transform: scale(0.33);
    -ms-transform: scale(0.33);
    transform: scale(0.33)
}

.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    display: inline-block;
    border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2)
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet:only-child {
    display: none !important
}

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical > .swiper-pagination-bullets {
    right: var(--swiper-pagination-right, 8px);
    left: var(--swiper-pagination-left, auto);
    top: 50%;
    -webkit-transform: translate3d(0px, -50%, 0);
    transform: translate3d(0px, -50%, 0)
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 8px
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    -webkit-transition: .2s transform, .2s top;
    transition: .2s transform, .2s top
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: .2s transform, .2s left;
    transition: .2s transform, .2s left
}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: .2s transform, .2s right;
    transition: .2s transform, .2s right
}

.swiper-pagination-fraction {
    color: var(--swiper-pagination-fraction-color, inherit)
}

.swiper-pagination-progressbar {
    background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    -ms-transform-origin: right top;
    transform-origin: right top
}

.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: var(--swiper-pagination-progressbar-size, 4px);
    left: 0;
    top: 0
}

.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical > .swiper-pagination-progressbar {
    width: var(--swiper-pagination-progressbar-size, 4px);
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: var(--swiper-scrollbar-border-radius, 10px);
    position: relative;
    -ms-touch-action: none;
    touch-action: none;
    background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1))
}

.swiper-scrollbar-disabled > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
    display: none !important
}

.swiper-horizontal > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
    position: absolute;
    left: var(--swiper-scrollbar-sides-offset, 1%);
    bottom: var(--swiper-scrollbar-bottom, 4px);
    top: var(--swiper-scrollbar-top, auto);
    z-index: 50;
    height: var(--swiper-scrollbar-size, 4px);
    width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))
}

.swiper-scrollbar.swiper-scrollbar-vertical,
.swiper-vertical > .swiper-scrollbar {
    position: absolute;
    left: var(--swiper-scrollbar-left, auto);
    right: var(--swiper-scrollbar-right, 4px);
    top: var(--swiper-scrollbar-sides-offset, 1%);
    z-index: 50;
    width: var(--swiper-scrollbar-size, 4px);
    height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));
    border-radius: var(--swiper-scrollbar-border-radius, 10px);
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container > canvas,
.swiper-zoom-container > img,
.swiper-zoom-container > svg {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move;
    -ms-touch-action: none;
    touch-action: none
}

.swiper .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-free-mode > .swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}

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

.swiper-grid-column > .swiper-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-fade.swiper-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

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

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

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

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

.swiper-cube {
    overflow: visible
}

.swiper-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-cube.swiper-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0
}

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

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 100%;
    opacity: .6;
    z-index: 0
}

.swiper-cube .swiper-cube-shadow:before {
    content: "";
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    -webkit-filter: blur(50px);
    filter: blur(50px)
}

.swiper-cube .swiper-slide-next + .swiper-slide {
    pointer-events: auto;
    visibility: visible
}

.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-flip {
    overflow: visible
}

.swiper-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

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

.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-creative .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    -webkit-transition-property: opacity, height, -webkit-transform;
    transition-property: opacity, height, -webkit-transform;
    transition-property: transform, opacity, height;
    transition-property: transform, opacity, height, -webkit-transform
}

.swiper-cards {
    overflow: visible
}

.swiper-cards .swiper-slide {
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden
}

.ac .ac-header {
    margin: 0;
    padding: 0;
    position: relative
}

.ac .ac-header:before {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 42px;
    height: 14px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-image: url('data:image/svg+xml,<svg width="63" height="20" viewBox="0 0 63 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path  d="M62 2L31.5 18L1 2" stroke="%23101010" stroke-width="3" /></svg>');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 0
}

@media (min-width: 992px) {
    .ac .ac-header:before {
        width: 63px;
        height: 20px
    }
}

.ac.is-active .ac-header:before {
    opacity: .2;
    -webkit-transform: translateY(-50%) rotate(-180deg);
    -ms-transform: translateY(-50%) rotate(-180deg);
    transform: translateY(-50%) rotate(-180deg)
}

@media (max-width: 768px) {
    .ac.is-active .ac-header:before {
        -webkit-transform: translateY(0) rotate(-180deg);
        -ms-transform: translateY(0) rotate(-180deg);
        transform: translateY(0) rotate(-180deg)
    }
}

.ac .ac-trigger {
    width: 100%;
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0);
    -webkit-transition: color .25s ease;
    transition: color .25s ease;
    position: relative;
    text-decoration: none;
    margin: 0;
    border: 0
}

.ac .ac-panel {
    overflow: hidden;
    -webkit-transition-property: height, visibility;
    transition-property: height, visibility;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
}

.ac.js-enabled .ac-panel {
    visibility: hidden;
    overflow: hidden
}

.ac.is-active .ac-panel {
    visibility: visible
}

.ac__title--desc {
    font-weight: 400;
    font-size: 16px
}

/*! jQuery UI - v1.14.0 - 2024-08-24
* https://jqueryui.com
* Includes: core.css, slider.css
* Copyright OpenJS Foundation and other contributors; Licensed MIT */
.ui-helper-hidden {
    display: none
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse
}

.ui-helper-clearfix:after {
    clear: both
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0
}

.ui-front {
    z-index: 100
}

.ui-state-disabled {
    cursor: default !important;
    pointer-events: none
}

.ui-icon {
    display: inline-block;
    vertical-align: middle;
    margin-top: -0.25em;
    position: relative;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat
}

.ui-widget-icon-block {
    left: 50%;
    margin-left: -8px;
    display: block
}

.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ui-slider {
    position: relative;
    text-align: left
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: pointer;
    -ms-touch-action: none;
    touch-action: none
}

.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0
}

.ui-slider-horizontal {
    height: .8em
}

.ui-slider-horizontal .ui-slider-handle {
    top: -0.3em;
    margin-left: -0.6em
}

.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%
}

.ui-slider-horizontal .ui-slider-range-min {
    left: 0
}

.ui-slider-horizontal .ui-slider-range-max {
    right: 0
}

.ui-slider-vertical {
    width: .8em;
    height: 100px
}

.ui-slider-vertical .ui-slider-handle {
    left: -0.3em;
    margin-left: 0;
    margin-bottom: -0.6em
}

.ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%
}

.ui-slider-vertical .ui-slider-range-min {
    bottom: 0
}

.ui-slider-vertical .ui-slider-range-max {
    top: 0
}

@font-face {
    font-family: "Hoves";
    src: url("../font/TTHovesBold.woff2");
    font-style: normal;
    font-weight: 700
}

@font-face {
    font-family: "Hoves";
    src: url("../font/TTHovesMedium.woff2");
    font-style: normal;
    font-weight: 500
}

@font-face {
    font-family: "Hoves";
    src: url("../font/TTHovesRegular.woff2");
    font-style: normal;
    font-weight: 400
}

@font-face {
    font-family: "Mirra Auriolic";
    src: url("../font/Mirra.woff2");
    font-style: normal;
    font-weight: normal
}

@font-face {
    font-family: "Inter";
    src: url("../font/InterRegular.woff2");
    font-style: normal;
    font-weight: 400
}

@font-face {
    font-family: "Inter";
    src: url("../font/InterSemiBold.woff2");
    font-style: normal;
    font-weight: 600
}

@font-face {
    font-family: "fontello";
    src: url("../font/fontello.eot?31328997");
    src: url("../font/fontello.eot?31328997#iefix") format("embedded-opentype"), url("../font/fontello.woff2?31328997") format("woff2"), url("../font/fontello.woff?31328997") format("woff"), url("../font/fontello.ttf?31328997") format("truetype"), url("../font/fontello.svg?31328997#fontello") format("svg");
    font-weight: normal;
    font-style: normal
}

[class^=icon-]:before,
[class*=" icon-"]:before {
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    speak: never;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-tg:before {
    content: ""
}

.icon-close:before {
    content: ""
}

.icon-search:before {
    content: ""
}

.icon-burger-icon:before {
    content: ""
}

.icon-hero_bg:before {
    content: ""
}

.icon-title_desc_bottom:before {
    content: ""
}

.icon-title_desc_top:before {
    content: ""
}

.icon-link_before:before {
    content: ""
}

.icon-arrows:before {
    content: ""
}

.icon-hero_bg-2:before {
    content: ""
}

.icon-arrows-smaill:before {
    content: ""
}

.icon-vk:before {
    content: ""
}

:root {
    --index: calc(1vh + 1vw);
    --font-family: "Hoves", sans-serif;
    --second-family: "Mirra Auriolic", sans-serif;
    --third-family: "Inter", sans-serif;
    --bg-color: #fff;
    --yellow-text-1: #FFB71B;
    --yellow-text: var(--yellow-text-1);
    --container: 1432px;
    --fillConteiner: 1400px;
    --smallConteiner: 1200px;
    --container-smaill: 1149px;
    --container-padding: 16px;
    --paddingContainerBig: clamp(2.5rem, 5.21vw, 6.25rem);
    --paddingContainerSmall: clamp(.938rem, -0.179rem + 5.58vw, 2.5rem)
}

.fillConteiner {
    max-width: var(--fillConteiner);
    margin-left: auto;
    margin-right: auto;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    padding-left: var(--container-padding);
    padding-right: var(--container-padding)
}

@media (min-width: 319px) {
    .fillConteiner {
        padding-left: var(--paddingContainerSmall);
        padding-right: var(--paddingContainerSmall)
    }
}

@media (min-width: 768px) {
    .fillConteiner {
        padding-left: var(--paddingContainerBig);
        padding-right: var(--paddingContainerBig)
    }
}

.smallConteiner {
    max-width: var(--smallConteiner);
    margin-left: auto;
    margin-right: auto;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    padding-left: var(--container-padding);
    padding-right: var(--container-padding)
}

@media (min-width: 319px) {
    .smallConteiner {
        padding-left: var(--paddingContainerSmall);
        padding-right: var(--paddingContainerSmall)
    }
}

@media (min-width: 768px) {
    .smallConteiner {
        padding-left: var(--paddingContainerBig);
        padding-right: var(--paddingContainerBig)
    }
}

html {
    scroll-behavior: smooth
}

html:not(.loaded) body {
    opacity: 0
}

body::-webkit-scrollbar {
    width: .4375rem
}

body::-webkit-scrollbar-track {
    background: #fff
}

body::-webkit-scrollbar-thumb {
    background-color: #7f7f7f;
    border-radius: 1.25rem;
    background-color: #7f7f7f
}

body {
    min-width: 20rem;
    font-family: var(--font-family);
    font-size: 1rem;
    font-weight: 300;
    line-height: 150%;
    color: #000;
    height: 100%;
    position: relative;
    background-color: #fff;
    background-image: url(../img/design/bg-where.png);
    background-repeat: repeat;
    -webkit-font-smoothing: antialiased
}

.home .partners {
    margin-bottom: 0
}

.overlay {
    position: fixed;
    top: 10.625rem;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(5, 2, 1, .85);
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

html.open-search .overlay {
    opacity: 1;
    z-index: 7;
    visibility: visible
}

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

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

.wrapper > * {
    min-width: 0
}

body.home .wrapper {
    overflow: hidden
}

.max-box {
    max-width: 120rem;
    margin-left: auto;
    margin-right: auto;
    position: relative
}

[class*=__link-to--descop] {
    font-weight: 500;
    font-size: clamp(14px, 11.824px + .68vw, 20px);
    line-height: 140%;
    text-transform: uppercase;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1rem
}

[class*=__container] {
    max-width: var(--container);
    padding: 0 var(--container-padding);
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    margin: 0 auto
}

[class*=container-smaill] {
    max-width: var(--container-smaill);
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    margin: 0 auto;
    padding-left: var(--container-padding);
    padding-right: var(--container-padding)
}

[class*=fill-conteiner] {
    max-width: var(--fillConteiner);
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    margin: 0 auto;
    padding-left: var(--container-padding);
    padding-right: var(--container-padding)
}

@media (min-width: 48rem) {
    [class*=fill-conteiner] {
        padding-left: 2.5rem;
        padding-right: 2.5rem
    }
}

.container_offset-left {
    max-width: 87.5rem;
    margin-left: auto;
    margin-right: auto;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    padding-left: clamp(15.008px, -2.864px + 5.58vw, 40px);
    padding-right: clamp(15.008px, -2.864px + 5.58vw, 40px)
}

@media (max-width: 23.4375rem) {
    .container_offset-left {
        padding-left: 1rem;
        padding-right: 1rem
    }
}

@media (min-width: 48rem) {
    .container_offset-left {
        padding-left: clamp(40px, 5.21vw, 100px);
        padding-right: clamp(40px, 5.21vw, 100px)
    }
}

.container-page {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    padding-left: clamp(15.008px, -2.864px + 5.58vw, 40px);
    padding-right: clamp(15.008px, -2.864px + 5.58vw, 40px)
}

@media (min-width: 48rem) {
    .container-page {
        padding-left: clamp(40px, 5.21vw, 100px);
        padding-right: clamp(40px, 5.21vw, 100px)
    }
}

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

._bgi {
    position: relative
}

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

.text-center {
    text-align: center
}

.title {
    font-family: var(--second-family);
    font-weight: 400;
    line-height: 73%;
    text-transform: uppercase;
    color: #000
}

.title-white {
    color: #fff
}

.title-anime span {
    display: inline-block
}

.title--link {
    margin-top: -1.25rem
}

.title--link a {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: clamp(14px, 11.92px + .58vw, 20px);
    line-height: 140%;
    text-transform: uppercase;
    color: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1rem;
    -webkit-transition: color .3s ease 0s;
    transition: color .3s ease 0s
}

.title--link a:hover {
    color: var(--yellow-text)
}

.title__count-full {
    font-family: var(--font-family);
    font-weight: 500;
    line-height: 150%;
    text-transform: uppercase;
    color: #8c8c8c
}

@media (min-width: 20rem) {
    .title__count-full {
        font-size: 1rem
    }
}

h1,
.h1 {
    font-family: var(--second-family);
    font-size: clamp(60px, 46.16px + 3.85vw, 100px);
    line-height: 1;
    font-weight: 400
}

h2,
.h2 {
    font-family: var(--second-family);
    font-size: clamp(44px, 35.008px + 2.5vw, 70px);
    line-height: 1;
    font-weight: 400;
    margin-bottom: .75rem
}

.title h2 {
    font-size: clamp(70px, 48.544px + 5.96vw, 132px);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0 1.6875rem
}

h3,
.h3 {
    font-family: var(--second-family);
    font-size: clamp(24px, 22.608px + .38vw, 28px);
    line-height: 1;
    font-weight: 400
}

h4,
.h4,
h5,
.h5,
h6,
.h6 {
    font-family: var(--second-family);
    font-size: 1rem;
    line-height: 1;
    font-weight: 400
}

.title-decor {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 0 clamp(20px, 14.464px + 1.54vw, 36px)
}

.title-decor > span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: clamp(14px, 6.384px + 2.12vw, 36px)
}

.title__nex-text,
.subtitle {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 1.0625rem;
    line-height: 176%;
    text-transform: uppercase;
    color: #d8d8d8
}

@media (max-width: 36rem) {

    .title__nex-text,
    .subtitle {
        font-size: .875rem;
        line-height: 150%
    }
}

.title__nex-text {
    color: #000;
    margin-bottom: clamp(32px, 24.032px + 2.21vw, 55.008px)
}

@media (min-width: 20rem) {
    p {
        font-weight: 400;
        font-size: inherit;
        line-height: 150%;
        color: inherit;
        margin-bottom: 1rem
    }
}

@media (min-width: 48rem) {
    p {
        margin-bottom: 1.5rem
    }
}

@media (min-width: 62rem) {
    p {
        margin-bottom: 1.25rem
    }
}

p:last-child {
    margin-bottom: 0
}

.overflow-x-hidden {
    overflow-x: hidden
}

.overflow-no-hidden {
    overflow-x: initial
}

@media (min-width: 20rem) {
    .pt-page {
        padding-top: 6rem
    }
}

@media (min-width: 48rem) {
    .pt-page {
        padding-top: 8.125rem
    }
}

@media (min-width: 75rem) {
    .pt-page {
        padding-top: 11.25rem
    }
}

.flex-vcenter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.flex-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.search-icon {
    position: relative;
    font-size: .0006rem;
    color: rgba(0, 0, 0, 0);
    text-indent: -18.75rem;
    overflow: hidden;
    cursor: pointer
}

.search-icon::after {
    content: "";
    width: 1.375rem;
    height: 1.375rem;
    display: block;
    background-image: url('data:image/svg+xml,<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M22 20.8494L15.8547 14.704C17.3314 12.9312 18.0678 10.6572 17.9107 8.35518C17.7536 6.05317 16.715 3.90036 15.011 2.3446C13.307 0.788838 11.0689 -0.0500981 8.76209 0.00231604C6.45532 0.0547302 4.25756 0.994459 2.62601 2.62601C0.994459 4.25756 0.0547302 6.45532 0.00231604 8.76209C-0.0500981 11.0689 0.788838 13.307 2.3446 15.011C3.90036 16.715 6.05317 17.7536 8.35518 17.9107C10.6572 18.0678 12.9312 17.3314 14.704 15.8547L20.8494 22L22 20.8494ZM1.65657 8.98021C1.65657 7.53173 2.0861 6.11578 2.89083 4.91141C3.69556 3.70705 4.83935 2.76836 6.17757 2.21405C7.51579 1.65974 8.98833 1.51471 10.409 1.7973C11.8296 2.07988 13.1346 2.77739 14.1588 3.80162C15.183 4.82584 15.8805 6.13079 16.1631 7.55144C16.4457 8.97208 16.3007 10.4446 15.7464 11.7828C15.1921 13.1211 14.2534 14.2649 13.049 15.0696C11.8446 15.8743 10.4287 16.3038 8.98021 16.3038C7.03852 16.3017 5.17698 15.5294 3.80399 14.1564C2.43101 12.7834 1.65873 10.9219 1.65657 8.98021Z" fill="black" /><circle cx="9" cy="9" r="5" fill="black" /></svg>');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat
}

@media (max-width: 23.4375rem) {
    .search-icon::after {
        width: 1.875rem;
        height: 1.1875rem
    }
}

.decor_title {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    font-size: clamp(10px, 6.544px + .96vw, 20px);
    position: relative;
    padding: clamp(10px, 1.344px + 2.4vw, 35.008px) clamp(10px, 8.608px + .38vw, 14px);
    margin-top: -0.8125rem;
    min-width: clamp(82px, 49.456px + 9.04vw, 176px);
    min-height: clamp(56px, 33.504px + 6.25vw, 121.008px)
}

.decor_title--top {
    display: inline-block;
    white-space: nowrap
}

.decor_title::after {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url('data:image/svg+xml,<svg width="82" height="56" viewBox="0 0 82 56" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M29.0132 54.689C32.5476 55.6131 36.1918 56.0009 39.845 56.0009C47.9672 56.0009 55.2308 54.6567 61.6359 51.9682C68.0379 49.2797 73.0347 45.7799 76.6202 41.4689C80.2057 37.1579 82 32.6692 82 28.0007L78.3775 28.0778C78.3775 31.2244 77.7011 34.2297 76.3453 37.0937C74.9896 39.9598 73.0687 42.6098 70.5826 45.0436L68.7142 46.6447C64.9805 49.7399 60.6816 52.0217 55.8145 53.4922C50.9473 54.9628 45.4409 55.6991 39.2922 55.6991C36.9482 55.6991 34.9377 55.5728 33.2546 55.3181L32.7111 55.2389C27.2232 54.2757 22.2634 52.4755 17.8379 49.8362C13.4093 47.1991 9.93499 43.9776 7.40878 40.1739C4.88257 36.3702 3.62255 32.3117 3.62255 28.0007H0C0 32.4637 1.42678 36.6356 4.28035 40.5164C7.13392 44.3971 11.0499 47.6679 16.0251 50.3307C18.9376 51.8895 24.7196 53.5665 29.0132 54.689Z" fill="%23EAEAEA" /><path d="M26.5604 1.88319C30.8799 0.652899 35.3552 0.113581 39.845 -1.90735e-06C47.9672 -1.90735e-06 55.2308 1.34425 61.6359 4.03274C68.0379 6.72124 73.0347 10.221 76.6202 14.532C80.2057 18.843 82 23.3317 82 28.0002L78.3775 28.0789C78.3775 24.9323 77.7011 21.7713 76.3453 18.9072C74.9896 16.0411 73.0687 13.3911 70.5826 10.9573L68.7142 9.35622C64.9805 6.26103 60.6816 3.97923 55.8145 2.50869C50.9473 1.03815 45.4409 0.301811 39.2922 0.301811C36.9482 0.301811 34.9377 0.428102 33.2546 0.682825L32.7111 0.762024C27.2232 1.72526 22.2634 3.52544 17.8379 6.16471C13.4093 8.80183 9.93499 12.0233 7.40878 15.827C4.88257 19.6307 3.62255 23.6892 3.62255 28.0002H0C0 23.5372 1.42678 19.3653 4.28035 15.4845C7.13392 11.6038 11.0499 8.33305 16.0251 5.67024C18.5437 4.32225 22.8861 2.92972 26.5604 1.88319Z" fill="%23EAEAEA" /></svg>');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat
}

.decor_title--text {
    font-style: normal;
    font-family: var(--font-family);
    font-weight: 500;
    line-height: 1.2;
    display: inline-block;
    text-transform: uppercase;
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content
}

.decor_title--bottom,
.decor_title--top {
    white-space: nowrap
}

.link-arrows {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1rem;
    font-weight: 500;
    font-size: 1.25rem;
    line-height: 140%;
    text-transform: uppercase;
    color: inherit;
    -webkit-transition: color .3s ease 0s;
    transition: color .3s ease 0s
}

.link-arrows:hover {
    color: #ffb71b
}

.swiper-button-next,
.swiper-button-prev {
    top: 38%;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    color: rgba(0, 0, 0, 0) !important
}

.swiper-button-next:hover:after,
.swiper-button-prev:hover:after {
    opacity: .5;
    background-image: url('data:image/svg+xml,<svg width="13" height="34" viewBox="0 0 13 34" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1L11 17L1 33" stroke="white" stroke-width="2" /></svg>')
}

.swiper-button-next {
    right: 0
}

.swiper-button-prev {
    left: 0
}

.swiper-button-next::after,
.swiper-button-prev::after {
    background-image: url('data:image/svg+xml,<svg width="13" height="34" viewBox="0 0 13 34" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1L11 17L1 33" stroke="white" stroke-width="2" /></svg>');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 1.4375rem;
    height: 4.5rem;
    font-size: .0006rem;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

.swiper-button-prev::after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

@media (max-width: 36rem) {

    .swiper-button-next::after,
    .swiper-button-prev::after {
        width: 1.0625rem;
        height: 2.875rem
    }
}

.copy__img {
    position: relative
}

.copy__img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: .75rem;
    overflow: hidden
}

.copy__img img.copy__img-1 {
    z-index: 1;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

.copy__img img.copy__img-2 {
    top: 1.375rem;
    left: 1.375rem;
    width: calc(100% - 2.75rem);
    height: calc(100% - 2.75rem);
    z-index: 2;
    -webkit-filter: sepia(100%);
    filter: sepia(100%);
    border-radius: .625rem
}

.copy__img img.copy__img-3 {
    top: 2.75rem;
    left: 2.75rem;
    width: calc(100% - 5.5rem);
    height: calc(100% - 5.5rem);
    z-index: 2;
    border-radius: .5rem
}

.oval_bg {
    max-width: 20%;
    width: 100%;
    height: auto;
    border-radius: 50%;
    overflow: hidden
}

.oval_bg img {
    max-width: 100%;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover
}

@media (max-width: 62rem) {
    .oval_bg {
        max-width: 11.25rem
    }
}

@media (max-width: 48rem) {
    .oval_bg {
        max-width: 10.375rem
    }
}

.page-bg_top-right,
.page-bg_top-left {
    position: absolute;
    top: 0;
    z-index: -1
}

.page-bg_top-right svg,
.page-bg_top-right img,
.page-bg_top-left svg,
.page-bg_top-left img {
    max-width: 100%;
    height: auto
}

.page-bg_top-right {
    right: 0
}

.page-bg_top-left {
    left: 0
}

.color-accent {
    color: #e19f00
}

.columns-2 {
    -webkit-columns: 22.5rem 2;
    -moz-columns: 22.5rem 2;
    columns: 22.5rem 2;
    -webkit-column-gap: clamp(16px, -2.96px + 5.93vw, 80px);
    -moz-column-gap: clamp(16px, -2.96px + 5.93vw, 80px);
    column-gap: clamp(16px, -2.96px + 5.93vw, 80px)
}

.columns-2 p {
    margin-top: 0
}

input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
    -webkit-appearance: none
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none
}

input[type=number],
input[type=number]:hover,
input[type=number]:focus {
    -webkit-appearance: none;
    appearance: none;
    -moz-appearance: textfield
}

.text-grey {
    color: #59564c
}

.swiper-pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: .5rem;
    bottom: 0rem !important
}

.swiper-pagination-bullet {
    width: .75rem;
    height: .75rem;
    margin: 0 !important;
    background-color: rgba(0, 0, 0, 0);
    border: .0625rem solid #7f7f7f;
    opacity: 1
}

.swiper-pagination-bullet-active {
    background-color: #7f7f7f
}

.cart__slider .swiper-button-next,
.cart__slider .swiper-button-prev {
    top: 34%;
    height: 3.0625rem;
    width: 1.0625rem
}

.cart__slider .swiper-button-next::after,
.cart__slider .swiper-button-prev::after {
    background-image: url('data:image/svg+xml,<svg width="17" height="46" viewBox="0 0 17 46" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1L15 23L1 45" stroke="%238B8B8B" stroke-width="2" /></svg>');
    width: 1.4375rem;
    height: 4.5rem
}

.swiperr-off .swiper-button-next,
.swiperr-off .swiper-button-prev {
    display: none
}

.style-black .swiper-button-next::after,
.style-black .swiper-button-prev::after {
    background-image: url('data:image/svg+xml,<svg width="17" height="46" viewBox="0 0 17 46" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1L15 23L1 45" stroke="%238B8B8B" stroke-width="2" /></svg>');
    width: 1.4375rem;
    height: 4.5rem
}

.border-decor {
    position: relative
}

.border-decor::after {
    content: "";
    position: absolute;
    right: 0;
    left: 0;
    height: .125rem;
    background: -webkit-gradient(linear, left top, right top, from(rgb(250, 246, 238)), color-stop(22%, rgb(214, 206, 190)), color-stop(50%, rgb(197, 187, 167)), color-stop(79%, rgb(210, 201, 184)), to(rgb(250, 246, 238)));
    background: linear-gradient(90deg, rgb(250, 246, 238) 0%, rgb(214, 206, 190) 22%, rgb(197, 187, 167) 50%, rgb(210, 201, 184) 79%, rgb(250, 246, 238) 100%)
}

.border-decor-top {
    top: 0
}

.border-decor-bottom {
    bottom: 0
}

.link-arrows::after {
    content: "";
    width: 2.5rem;
    height: 2.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-image: url('data:image/svg+xml,<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5 20L35 20" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /><path d="M30 25L35 20L30 15" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /></svg>');
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

.link-arrows:hover::after {
    background-image: url('data:image/svg+xml,<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5 20L35 20" stroke="%23ffb71b" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /><path d="M30 25L35 20L30 15" stroke="%23ffb71b" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /></svg>')
}

.mail-link,
.phone-link {
    font-size: .875rem;
    line-height: 1.5;
    font-weight: 600;
    text-decoration: underline;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    text-transform: uppercase
}

.mail-link:hover,
.phone-link:hover {
    color: var(--yellow-text-1);
    text-decoration: none
}

.tel-link {
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.5;
    letter-spacing: .04em;
    color: #59564c;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    text-transform: uppercase;
    margin-bottom: .5rem;
    border-bottom: .0625rem solid rgba(0, 0, 0, 0);
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

@media (min-width: 0) {
    .tel-link {
        font-size: 14px;
        margin-bottom: -6px
    }
}

@media (min-width: 768px) {
    .tel-link {
        font-size: 18px;
        margin-bottom: 0
    }
}

.tel-link:hover {
    border-bottom: .0625rem solid currentColor;
    color: var(--yellow-text-1)
}

.maill-link span {
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.5;
    letter-spacing: .04em;
    color: #59564c;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    text-transform: uppercase;
    border-bottom: .0625rem solid #59564c;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

@media (min-width: 0) {
    .maill-link span {
        font-size: 14px
    }
}

@media (min-width: 768px) {
    .maill-link span {
        font-size: 18px
    }
}

.maill-link:hover span {
    border-color: rgba(0, 0, 0, 0);
    color: var(--yellow-text-1)
}

.arcticmodal-container_i {
    height: 100%;
    margin: 0 auto;
    width: 100%;
    max-width: 850px
}

.arcticmodal-overlay {
    background-image: url(../img/design/grey_modal-bg.png) !important;
    background-color: rgba(0, 0, 0, 0.25) !important;
    opacity: 0.85 !important
}

.arcticmodal-container .box-modal {
    position: relative;
    border-radius: 20px;
    background-image: url(../img/design/bg-where.png);
    background-repeat: repeat;
    overflow: hidden
}

.arcticmodal-container .box-modal:after {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url('data:image/svg+xml,<svg width="850" height="560" viewBox="0 0 850 560" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M-97.7469 515.682C-55.7229 574.744 1.56251 610.291 74.0647 622.316C110.114 628.295 144.397 627.654 177.027 620.551C149.558 637.746 125.126 657.8 105.977 682.471C72.343 726.26 57.9905 781.051 50.8729 834.825C50.7089 835.814 51.4286 836.764 52.4174 836.928C53.4513 837.1 54.3946 836.425 54.611 835.399C57.6753 817.758 61.5863 800.304 66.6361 783.223C111.669 633.956 216.931 623.336 342.713 579.776C347.572 623.438 363.477 664.267 390.435 702.219C432.459 761.281 489.745 796.828 562.247 808.853C634.749 820.878 702.061 805.996 761.397 763.746C820.792 721.413 856.483 663.834 868.581 590.89C880.679 517.945 865.645 451.538 823.463 391.758C781.289 331.932 723.516 295.981 650.07 283.799C632.36 280.862 615.071 279.565 598.165 279.855C627.844 271.893 656.75 257.842 683.558 238.783C742.894 196.532 778.011 139.508 790.109 66.5638C802.207 -6.38062 787.173 -72.788 744.991 -132.569C702.817 -192.394 645.044 -228.345 571.598 -240.527C498.152 -252.708 431.859 -237.288 372.637 -194.326C313.414 -151.364 278.016 -93.3215 266.367 -20.3026C255.031 50.8288 269.233 115.297 308.821 173.17C269.988 132.463 221.298 106.444 162.145 96.6333C88.6993 84.4517 22.0812 100.628 -37.1412 143.59C-96.3635 186.552 -131.762 244.595 -143.411 317.614C-155.014 390.64 -139.831 456.703 -97.7543 515.727L-97.7469 515.682ZM284.398 568.811C309.416 549.132 329.756 526.459 345.436 500.705C345.249 501.829 345.025 502.9 344.839 504.024C342.514 518.6 341.297 532.899 341.136 546.958C322.348 554.14 303.328 561.33 284.398 568.811ZM373.127 509.454C385.089 434.548 416.48 376.44 467.374 335.238C479.853 325.162 492.902 316.658 506.521 309.727C538.575 302.482 571.452 332.873 573.021 364.351C575.195 432.274 490.358 478.746 437.392 505.705C416.473 516.551 393.605 526.335 369.92 535.753C370.662 527.102 371.741 518.368 373.172 509.462L373.127 509.454ZM806.856 390.804C842.03 445.774 853.116 510.926 840.173 586.178C827.387 660.486 795.561 717.875 744.786 758.359C694.011 798.842 633.56 813.292 563.44 801.662C493.32 790.032 441.692 757.132 407.162 702.731C382.367 663.706 369.613 619.474 368.697 570.14C444.109 540.115 538.308 483.143 573.109 418.951C582.062 402.287 587.454 382.585 584.735 363.061C581.077 332.206 553.093 304.336 522.538 302.547C560.464 287.179 602.558 283.661 648.9 291.347C719.02 302.977 771.674 335.879 806.841 390.894L806.856 390.804ZM451.116 329.955C421.501 351.458 397.821 376.717 380.122 405.738C380.197 405.289 380.272 404.839 380.346 404.39C394.376 332.605 377.974 267.764 337.711 208.948C376.431 249.498 425.147 274.618 483.805 284.347C501.874 287.344 519.53 288.656 536.758 288.373C506.728 296.508 478.156 310.333 451.071 329.947L451.116 329.955ZM388.917 -189.178C439.812 -230.381 499.704 -244.643 569.824 -233.013C639.944 -221.383 693.232 -188.627 728.399 -133.612C763.573 -78.6417 774.659 -13.4896 761.716 61.7623C748.93 136.07 717.104 193.459 666.329 233.943C615.554 274.426 555.103 288.876 484.983 277.246C414.863 265.616 363.235 232.716 328.705 178.315C294.175 123.913 283.383 60.0766 295.218 -14.3431C307.18 -89.2497 338.023 -147.976 388.917 -189.178ZM-20.8153 148.745C30.079 107.542 91.347 93.3382 161.467 104.968C231.587 116.598 283.499 149.297 318.666 204.312C353.841 259.282 364.926 324.434 351.983 399.686C339.197 473.994 307.371 531.382 256.596 571.866C205.821 612.35 145.37 626.799 75.25 615.17C5.13006 603.54 -46.498 570.64 -81.0278 516.238C-115.558 461.837 -126.897 397.382 -115.062 322.962C-103.1 248.055 -71.7098 189.948 -20.8153 148.745Z" fill="url(%23paint0_linear_1761_22334)" /><defs><linearGradient id="paint0_linear_1761_22334" x1="480.327" y1="-255.665" x2="292.508" y2="876.749" gradientUnits="userSpaceOnUse"><stop stop-color="%23F1F1F1" /><stop offset="1" stop-color="%23F1F1F1" stop-opacity="0" /></linearGradient></defs></svg>');
    background-repeat: no-repeat;
    background-position: center
}

@media (min-width: 0) {
    .arcticmodal-container .box-modal {
        padding: 32px 16px 44px
    }
}

@media (min-width: 768px) {
    .arcticmodal-container .box-modal {
        padding: 52px
    }
}

.modal__logo {
    text-align: center;
    position: relative;
    z-index: 2
}

@media (min-width: 0) {
    .modal__logo {
        margin-bottom: 2.5rem
    }
}

@media (min-width: 48rem) {
    .modal__logo {
        margin-bottom: 3.25rem
    }
}

.modal__logo img {
    max-width: 4.8125rem
}

@media (min-width: 48rem) {
    .modal__logo img {
        max-width: 10rem
    }
}

.modal__text {
    text-align: center;
    display: block;
    font-size: 1.5rem;
    line-height: 1.5;
    margin-bottom: 2.5rem;
    position: relative;
    z-index: 2
}

@media (min-width: 36rem) {
    .modal__text {
        margin-bottom: 3.75rem
    }
}

.modal__text--title {
    position: relative;
    z-index: 2;
    font-weight: 600;
    line-height: 1.5;
    text-transform: uppercase;
    text-align: center;
    color: #59564c
}

@media (min-width: 0) {
    .modal__text--title {
        font-size: 1.0625rem;
        margin-bottom: 1.125rem
    }
}

@media (min-width: 48rem) {
    .modal__text--title {
        font-size: 2.25rem;
        margin-bottom: 1.5rem
    }
}

.modal__text--subtitle {
    position: relative;
    z-index: 2;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
    color: #000
}

@media (min-width: 0) {
    .modal__text--subtitle {
        font-size: 1rem
    }
}

@media (min-width: 48rem) {
    .modal__text--subtitle {
        font-size: 1.125rem
    }
}

.box-modal {
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.modal__btn {
    position: relative;
    z-index: 2;
    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;
    gap: .75rem
}

.modal__btn .btn {
    padding: 8px 36px;
    height: 2.125rem;
    line-height: 1;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 .0625rem;
    flex: 1 1 .0625rem;
    max-width: 15rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%
}

@media (min-width: 576px) {
    .modal__btn .btn {
        height: 2.75rem;
        padding: 8px 52px
    }
}

@media (min-width: 1200px) {
    ._offset-trans-left {
        -webkit-transform: translateX(-40px);
        -ms-transform: translateX(-40px);
        transform: translateX(-40px)
    }
}

.columns-2 {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    gap: clamp(2rem, 1.111rem + 4.44vw, 5rem)
}

.one-news_text--img img {
    width: 100%
}

.columns-2-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block
}

.columns-2-img img:not(:last-child) {
    margin-bottom: 2.5rem
}

@media (min-width: 62rem) {
    .columns-2-img {
        display: grid;
        -webkit-column-gap: clamp(30px, 15.184px + 4.63vw, 80px);
        -moz-column-gap: clamp(30px, 15.184px + 4.63vw, 80px);
        column-gap: clamp(30px, 15.184px + 4.63vw, 80px);
        grid-template-columns: 1fr;
        grid-template-columns: 1fr 1fr
    }
}

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

@media (max-width: 1199.9px) {
    .dn-1200 {
        display: none !important
    }
}

@media (max-width: 768px) {
    .dn-768 {
        display: none !important
    }
}

.d-grid {
    display: grid
}

.d-grid .col-1 {
    display: grid;
    gap: clamp(2rem, 1.111rem + 4.44vw, 5rem);
    grid-template-columns: 1fr
}

.d-grid .col-2 {
    display: grid;
    gap: clamp(2rem, 1.111rem + 4.44vw, 5rem);
    grid-template-columns: 1fr
}

@media (min-width: 1200px) {
    .d-grid .col-2 {
        grid-template-columns: 1fr 1fr
    }
}

.brs20 {
    border-radius: 20px;
    overflow: hidden
}

._w50 {
    width: 50%
}

._w100 {
    width: 100%
}

.display-grid-2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px
}

.border-radius-20 {
    border-radius: 20px
}

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

.flex-vcenter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.hamburglar {
    display: none;
    position: absolute;
    top: clamp(.625rem, .214rem + 1.83vw, 1.813rem);
    left: clamp(.938rem, -0.179rem + 5.58vw, 2.5rem);
    cursor: pointer
}

@media (min-width: 768px) {
    .hamburglar {
        left: clamp(2.5rem, 5.21vw, 6.25rem)
    }
}

@media (max-width: 1199.9px) {
    .hamburglar {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        top: 37px
    }
}

.hamburglar._active {
    width: 15px;
    height: 15px;
    background-image: url('data:image/svg+xml,<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.00078 8.40005L2.10078 13.3C1.91745 13.4834 1.68411 13.575 1.40078 13.575C1.11745 13.575 0.884115 13.4834 0.700781 13.3C0.517448 13.1167 0.425781 12.8834 0.425781 12.6C0.425781 12.3167 0.517448 12.0834 0.700781 11.9L5.60078 7.00005L0.700781 2.10005C0.517448 1.91672 0.425781 1.68338 0.425781 1.40005C0.425781 1.11672 0.517448 0.883382 0.700781 0.700049C0.884115 0.516715 1.11745 0.425049 1.40078 0.425049C1.68411 0.425049 1.91745 0.516715 2.10078 0.700049L7.00078 5.60005L11.9008 0.700049C12.0841 0.516715 12.3174 0.425049 12.6008 0.425049C12.8841 0.425049 13.1174 0.516715 13.3008 0.700049C13.4841 0.883382 13.5758 1.11672 13.5758 1.40005C13.5758 1.68338 13.4841 1.91672 13.3008 2.10005L8.40078 7.00005L13.3008 11.9C13.4841 12.0834 13.5758 12.3167 13.5758 12.6C13.5758 12.8834 13.4841 13.1167 13.3008 13.3C13.1174 13.4834 12.8841 13.575 12.6008 13.575C12.3174 13.575 12.0841 13.4834 11.9008 13.3L7.00078 8.40005Z" fill="black" /></svg>');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat
}

.hamburglar._active svg {
    display: none
}

.btn {
    border-radius: 100px;
    padding: 8px 52px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    font-size: 16px
}

@media (min-width: 992px) {
    .btn {
        font-size: 20px
    }
}

.btn:hover {
    background-color: var(--yellow-text)
}

.btn-grey {
    border: 2px solid rgba(0, 0, 0, 0);
    background-color: #e6e6e6;
    font-weight: 500;
    line-height: 140%;
    text-transform: uppercase
}

.btn-grey:hover {
    background-color: var(--yellow-text)
}

.btn-border {
    font-weight: 500;
    line-height: 140%;
    text-transform: uppercase;
    color: #000;
    border: 2px solid #e6e6e6;
    border-radius: 100px;
    padding: 8px;
    width: 100%;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 1
}

.btn-border:hover {
    border-color: var(--yellow-text)
}

.btn-yellow {
    font-weight: 500;
    background-color: #ffb71b;
    border: 1px solid #ffb71b;
    font-size: clamp(.875rem, .753rem + .54vw, 1.25rem);
    color: #000;
    text-transform: uppercase
}

.btn-yellow:hover {
    border-color: rgba(0, 0, 0, 0);
    background-color: #e6e6e6
}

@media (min-width: 320px) {
    .btn-showmore {
        width: 100%;
        text-align: center;
        font-size: 14px
    }
}

.btn--white {
    background-color: rgba(0, 0, 0, 0)
}

.btn--white:hover {
    background-color: #ffb71b
}

input[type=text] {
    width: 100%;
    font-size: 16px;
    background-color: rgba(0, 0, 0, 0);
    width: calc(100% - 117px);
    height: 39px;
    border-bottom: 1px solid #e6e6e6;
    padding: 10px 0px;
    background-color: rgba(0, 0, 0, 0);
    border-radius: 0;
    font-weight: 500;
    line-height: 1.2
}

input[type=submit] {
    background-color: #fff;
    cursor: pointer;
    color: #000;
    height: 39px;
    padding: 10px 25px;
    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;
    border: 2px solid #e6e6e6;
    background-color: rgba(0, 0, 0, 0);
    border-radius: 8px;
    text-transform: uppercase;
    font-size: 14px;
    -webkit-transition: background-color .3s ease 0s;
    transition: background-color .3s ease 0s
}

input[type=submit]:hover {
    background-color: #e6e6e6
}

hr {
    display: block;
    height: 1px;
    margin: 15px 0;
    position: relative
}

hr::after {
    content: "";
    position: absolute;
    height: 1px;
    left: 0;
    right: 0;
    background-image: url('data:image/svg+xml,<svg width="448" height="2" viewBox="0 0 448 2" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1H448" stroke="url(%23paint0_linear_2241_15458)" /><defs><linearGradient id="paint0_linear_2241_15458" x1="0" y1="1.5" x2="448" y2="1.5" gradientUnits="userSpaceOnUse"><stop stop-color="%23FAF6EE" /><stop offset="0.225" stop-color="%23D6CEBE" /><stop offset="0.495" stop-color="%23C5BBA7" /><stop offset="0.785" stop-color="%23D2C9B8" /><stop offset="1" stop-color="%23FAF6EE" /></linearGradient></defs></svg>');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.tab-btn-active {
    pointer-events: none
}

.tab-content {
    position: relative
}

.tab-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0
}

@media (min-width: 600px) {
    .tab-nav {
        gap: 16px
    }
}

.tab-btn {
    font-weight: 500;
    line-height: 1.5;
    line-height: 150%;
    text-transform: uppercase;
    color: #b4b4b4;
    white-space: nowrap;
    border-radius: 100px;
    border: 1px solid #b4b4b4;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

.tab-btn:hover {
    border-color: #000
}

.tab-btn-active {
    color: #fff;
    background-color: #000;
    border-color: #000
}

@media (min-width: 0) {
    .tab-btn {
        font-size: 14px;
        padding: 4px 32px
    }
}

@media (min-width: 1024px) {
    .tab-btn {
        font-size: 20px;
        padding: 6px 40px
    }
}

.tab-pane {
    position: absolute;
    inset: 0;
    z-index: -1;
    opacity: 0;
    visibility: hidden
}

.tab-pane.tab-pane-show {
    position: relative;
    z-index: 1;
    opacity: 1;
    visibility: visible
}

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

.breadcrumbs__container {
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 32px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

@media (min-width: 319px) {
    .breadcrumbs__container {
        padding-left: clamp(.938rem, -0.179rem + 5.58vw, 2.5rem);
        padding-right: clamp(.938rem, -0.179rem + 5.58vw, 2.5rem);
        line-height: 133%
    }
}

@media (min-width: 768px) {
    .breadcrumbs__container {
        padding-left: clamp(2.5rem, 5.21vw, 6.25rem);
        padding-right: clamp(2.5rem, 5.21vw, 6.25rem)
    }
}

@media (min-width: 768px) {
    .breadcrumbs {
        padding-top: 11px;
        padding-bottom: 29px
    }
}

@media (min-width: 992px) {
    .breadcrumbs {
        padding-top: 50px
    }
}

@media (min-width: 1200px) {
    .breadcrumbs {
        padding-bottom: 50px
    }
}

.breadcrumbs._selected li a.link-update {
    color: #8c8878;
    cursor: pointer;
    pointer-events: all
}

.breadcrumbs._selected li a.link-update:hover {
    color: #fff
}

.breadcrumbs li a.link-update,
.breadcrumbs li {
    font-weight: 400;
    font-size: 14px;
    line-height: 123%;
    color: #e19f00;
    display: inline
}

.breadcrumbs li a.link-update a.link-update,
.breadcrumbs li a.link-update {
    pointer-events: none
}

@media (min-width: 768px)and (max-width: 1199.9px) {

    .breadcrumbs li a.link-update,
    .breadcrumbs li {
        font-size: 16px
    }
}

@media (min-width: 1200px) {

    .breadcrumbs li a.link-update,
    .breadcrumbs li {
        font-size: 16px
    }
}

.breadcrumbs li a.link-update a,
.breadcrumbs li a {
    color: #8c8878;
    -webkit-transition: color .3s ease 0s;
    transition: color .3s ease 0s;
    color: #59564c;
}

.breadcrumbs li a.link-update a:hover,
.breadcrumbs li a:hover {
    color: #000
}

.breadcrumbs li a.link-update a::after,
.breadcrumbs li a::after {
    content: "/";
    padding: 0 3px 0 11px
}

@media (min-width: 768px) {

    .breadcrumbs li a.link-update a::after,
    .breadcrumbs li a::after {
        padding: 0 2px 0 11px
    }
}

.bg-black .breadcrumbs a {
    color: #8c8878;
    -webkit-transition: color .3s ease 0s;
    transition: color .3s ease 0s
}

.bg-black .breadcrumbs a:hover {
    color: #fff
}

.bg-black .breadcrumbs a::after {
    content: "/";
    padding: 0 3px 0 11px
}

@media (min-width: 768px) {
    .bg-black .breadcrumbs a::after {
        padding: 0 3px 0 3px
    }
}

@media (min-width: 992px) {
    .one-news .breadcrumbs__list {
        width: 44%;
        margin-left: 0
    }
}

.tour-list__inner {
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    padding-left: clamp(.938rem, -0.179rem + 5.58vw, 2.5rem);
    padding-right: clamp(.938rem, -0.179rem + 5.58vw, 2.5rem)
}

@media (min-width: 768px) {
    .tour-list__inner {
        padding-left: clamp(2.5rem, 5.21vw, 6.25rem);
        padding-right: clamp(2.5rem, 5.21vw, 6.25rem)
    }
}

.filter-nav__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 50px 0;
    gap: 8px
}

@media (min-width: 319px) {
    .filter-nav__list {
        padding-bottom: 20px
    }
}

@media (min-width: 768px) {
    .filter-nav__list {
        gap: 8px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media (min-width: 992px) {
    .filter-nav__list {
        gap: 13px
    }
}

.filter-nav__list .filter {
    font-weight: 500;
    line-height: 1.5;
    text-transform: uppercase;
    color: #b4b4b4;
    border: 1px solid #b4b4b4;
    border-radius: 100px;
    padding: 6px 40px;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

@media (min-width: 319px) {
    .filter-nav__list .filter {
        padding: 4px 32px;
        font-size: 14px
    }
}

@media (min-width: 992px) {
    .filter-nav__list .filter {
        padding: 6px 40px;
        font-size: 20px
    }
}

.filter-nav__list .filter.mixitup-control-active {
    background-color: #151515;
    color: #fff;
    border-color: #151515
}

.filter-city__list {
    padding: 27px 0
}

.arcticmodal-overlay,
.arcticmodal-container {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1000
}

.arcticmodal-container {
    overflow: auto;
    margin: 0;
    padding: 0;
    border: 0;
    border-collapse: collapse
}

*:first-child + html .arcticmodal-container {
    height: 100%
}

.arcticmodal-container_i {
    height: 100%;
    margin: 0 auto
}

.arcticmodal-container_i2 {
    padding: 24px;
    margin: 0;
    border: 0;
    vertical-align: middle
}

.arcticmodal-error {
    padding: 20px;
    border-radius: 10px;
    background: #000;
    color: #fff
}

.arcticmodal-loading {
    width: 80px;
    height: 80px;
    border-radius: 10px;
    background: #000 url(loading.gif) no-repeat 50% 50%
}

.box-modal {
    position: relative;
    max-width: 900px;
    width: 100%;
    padding: 16px;
    background: #fff;
    -webkit-box-shadow: 0 0 0 6px rgba(153, 153, 153, 0.3);
    box-shadow: 0 0 0 6px rgba(153, 153, 153, 0.3);
    border-radius: 6px
}

.box-modal_close {
    position: absolute;
    right: 10px;
    top: 8px;
    font-size: 11px;
    line-height: 15px;
    color: #999;
    cursor: pointer
}

.box-modal_close:hover {
    color: #666
}

.box-modal_close svg {
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

.box-modal_close:hover svg line {
    stroke: #ff8400
}

body.true-wience .header {
    opacity: 1
}

.header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10;
    min-height: 92px
}

@media (min-width: 768px) {
    .header {
        min-height: 122px
    }
}

.header a {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: clamp(1rem, .913rem + .38vw, 1.25rem);
    line-height: 130%;
    letter-spacing: -0.02em;
    color: #000;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    position: relative
}

.header a:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 1px;
    background-color: rgba(0, 0, 0, 0);
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

.header a:hover:after {
    right: 0;
    background-color: currentColor
}

.header__search {
    position: absolute;
    top: -92px;
    left: 50%;
    width: 100%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    padding-top: 206px;
    padding-bottom: 80px;
    background-color: #fff;
    text-align: center;
    z-index: 1
}

.header__search::-webkit-scrollbar {
    width: .4375rem
}

.header__search::-webkit-scrollbar-track {
    background: #fff
}

.header__search::-webkit-scrollbar-thumb {
    background-color: #7f7f7f;
    border-radius: 1.25rem;
    background-color: #7f7f7f
}

.header__search input {
    width: 100%;
    max-width: 1023px;
    height: 39px;
    border-bottom: 1px solid #000;
    margin: 0 auto;
    padding: 10px 0px;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    background-color: rgba(0, 0, 0, 0);
    border-radius: 0;
    font-weight: 500;
    line-height: 1.2
}

@media (min-width: 1200px) {
    .header__search input {
        -webkit-transform: translateX(5%);
        -ms-transform: translateX(5%);
        transform: translateX(5%)
    }
}

@media (max-width: 1199.9px) {
    .header__search input {
        width: 90%
    }
}

html:not(.open-search) .header-white .header-bottom__nav:not(._dynamic_adapt_) a,
html:not(.open-search) .header-white .header-top__nav:not(._dynamic_adapt_) a {
    color: #fff
}

html:not(.open-search) .header-white .search-icon::after {
    background-image: url('data:image/svg+xml,<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M22 20.8494L15.8547 14.704C17.3314 12.9312 18.0678 10.6572 17.9107 8.35518C17.7536 6.05317 16.715 3.90036 15.011 2.3446C13.307 0.788838 11.0689 -0.0500981 8.76209 0.00231604C6.45532 0.0547302 4.25756 0.994459 2.62601 2.62601C0.994459 4.25756 0.0547302 6.45532 0.00231604 8.76209C-0.0500981 11.0689 0.788838 13.307 2.3446 15.011C3.90036 16.715 6.05317 17.7536 8.35518 17.9107C10.6572 18.0678 12.9312 17.3314 14.704 15.8547L20.8494 22L22 20.8494ZM1.65657 8.98021C1.65657 7.53173 2.0861 6.11578 2.89083 4.91141C3.69556 3.70705 4.83935 2.76836 6.17757 2.21405C7.51579 1.65974 8.98833 1.51471 10.409 1.7973C11.8296 2.07988 13.1346 2.77739 14.1588 3.80162C15.183 4.82584 15.8805 6.13079 16.1631 7.55144C16.4457 8.97208 16.3007 10.4446 15.7464 11.7828C15.1921 13.1211 14.2534 14.2649 13.049 15.0696C11.8446 15.8743 10.4287 16.3038 8.98021 16.3038C7.03852 16.3017 5.17698 15.5294 3.80399 14.1564C2.43101 12.7834 1.65873 10.9219 1.65657 8.98021Z" fill="white" /><circle cx="9" cy="9" r="5" fill="white" /></svg>')
}

html:not(.open-search) .header-white .nav__top--left::before {
    background-color: rgba(255, 255, 255, .2)
}

html:not(.open-search) .header-white .nav__top--right::after {
    background-color: rgba(255, 255, 255, .2)
}

html:not(.open-search) .header-white .hamburglar path {
    fill: #fff
}

html:not(.open-search) .header-white .header__logo--img svg path {
    fill: #fff
}

html:not(.open-search) .header-white._fixed .search-icon::after {
    background-image: url('data:image/svg+xml,<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M22 20.8494L15.8547 14.704C17.3314 12.9312 18.0678 10.6572 17.9107 8.35518C17.7536 6.05317 16.715 3.90036 15.011 2.3446C13.307 0.788838 11.0689 -0.0500981 8.76209 0.00231604C6.45532 0.0547302 4.25756 0.994459 2.62601 2.62601C0.994459 4.25756 0.0547302 6.45532 0.00231604 8.76209C-0.0500981 11.0689 0.788838 13.307 2.3446 15.011C3.90036 16.715 6.05317 17.7536 8.35518 17.9107C10.6572 18.0678 12.9312 17.3314 14.704 15.8547L20.8494 22L22 20.8494ZM1.65657 8.98021C1.65657 7.53173 2.0861 6.11578 2.89083 4.91141C3.69556 3.70705 4.83935 2.76836 6.17757 2.21405C7.51579 1.65974 8.98833 1.51471 10.409 1.7973C11.8296 2.07988 13.1346 2.77739 14.1588 3.80162C15.183 4.82584 15.8805 6.13079 16.1631 7.55144C16.4457 8.97208 16.3007 10.4446 15.7464 11.7828C15.1921 13.1211 14.2534 14.2649 13.049 15.0696C11.8446 15.8743 10.4287 16.3038 8.98021 16.3038C7.03852 16.3017 5.17698 15.5294 3.80399 14.1564C2.43101 12.7834 1.65873 10.9219 1.65657 8.98021Z" fill="black" /><circle cx="9" cy="9" r="5" fill="black" /></svg>')
}

@media (max-width: 375px) {
    html:not(.open-search) .header-white._fixed .search-icon::after {
        width: 30px;
        height: 19px
    }
}

html:not(.open-search) .header-white._fixed .search-icon::after {
    background-image: url('data:image/svg+xml,<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M22 20.8494L15.8547 14.704C17.3314 12.9312 18.0678 10.6572 17.9107 8.35518C17.7536 6.05317 16.715 3.90036 15.011 2.3446C13.307 0.788838 11.0689 -0.0500981 8.76209 0.00231604C6.45532 0.0547302 4.25756 0.994459 2.62601 2.62601C0.994459 4.25756 0.0547302 6.45532 0.00231604 8.76209C-0.0500981 11.0689 0.788838 13.307 2.3446 15.011C3.90036 16.715 6.05317 17.7536 8.35518 17.9107C10.6572 18.0678 12.9312 17.3314 14.704 15.8547L20.8494 22L22 20.8494ZM1.65657 8.98021C1.65657 7.53173 2.0861 6.11578 2.89083 4.91141C3.69556 3.70705 4.83935 2.76836 6.17757 2.21405C7.51579 1.65974 8.98833 1.51471 10.409 1.7973C11.8296 2.07988 13.1346 2.77739 14.1588 3.80162C15.183 4.82584 15.8805 6.13079 16.1631 7.55144C16.4457 8.97208 16.3007 10.4446 15.7464 11.7828C15.1921 13.1211 14.2534 14.2649 13.049 15.0696C11.8446 15.8743 10.4287 16.3038 8.98021 16.3038C7.03852 16.3017 5.17698 15.5294 3.80399 14.1564C2.43101 12.7834 1.65873 10.9219 1.65657 8.98021Z" fill="black" /><circle cx="9" cy="9" r="5" fill="black" /></svg>')
}

html.open-menu .header-white .header__logo--img svg path {
    fill: #000
}

html.open-menu .header-white .search-icon::after {
    background-image: url('data:image/svg+xml,<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M22 20.8494L15.8547 14.704C17.3314 12.9312 18.0678 10.6572 17.9107 8.35518C17.7536 6.05317 16.715 3.90036 15.011 2.3446C13.307 0.788838 11.0689 -0.0500981 8.76209 0.00231604C6.45532 0.0547302 4.25756 0.994459 2.62601 2.62601C0.994459 4.25756 0.0547302 6.45532 0.00231604 8.76209C-0.0500981 11.0689 0.788838 13.307 2.3446 15.011C3.90036 16.715 6.05317 17.7536 8.35518 17.9107C10.6572 18.0678 12.9312 17.3314 14.704 15.8547L20.8494 22L22 20.8494ZM1.65657 8.98021C1.65657 7.53173 2.0861 6.11578 2.89083 4.91141C3.69556 3.70705 4.83935 2.76836 6.17757 2.21405C7.51579 1.65974 8.98833 1.51471 10.409 1.7973C11.8296 2.07988 13.1346 2.77739 14.1588 3.80162C15.183 4.82584 15.8805 6.13079 16.1631 7.55144C16.4457 8.97208 16.3007 10.4446 15.7464 11.7828C15.1921 13.1211 14.2534 14.2649 13.049 15.0696C11.8446 15.8743 10.4287 16.3038 8.98021 16.3038C7.03852 16.3017 5.17698 15.5294 3.80399 14.1564C2.43101 12.7834 1.65873 10.9219 1.65657 8.98021Z" fill="black" /><circle cx="9" cy="9" r="5" fill="black" /></svg>')
}

.header-top__container {
    position: relative;
    z-index: 2
}

.header__search-icon {
    position: absolute;
    top: 37px;
    right: 27px;
    z-index: 4
}

@media (max-width: 1400px) {
    .header__search-icon {
        right: 10px
    }
}

@media (max-width: 1199.9px) {
    .header__search-icon {
        top: 33px
    }
}

@media (max-width: 768px) {
    .header__search-icon {
        top: 37px
    }
}

@media (min-width: 319px) {
    .header__search-icon {
        right: clamp(.938rem, -0.179rem + 5.58vw, 2.5rem)
    }
}

@media (min-width: 1200px) {
    .header__search-icon {
        right: 16px
    }
}

.header-bottom {
    position: relative;
    display: none;
}

.header-bottom.active {
    display: block;
}

.center-padding,
.header__logo {
    max-width: clamp(4.813rem, 3.32rem + 6.63vw, 9.125rem);
    -webkit-box-flex: 0;
    -ms-flex: 0 0 clamp(4.813rem, 3.32rem + 6.63vw, 9.125rem);
    flex: 0 0 clamp(4.813rem, 3.32rem + 6.63vw, 9.125rem);
    width: 100%;
    position: absolute;
    top: 10px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.center-padding svg,
.center-padding img,
.header__logo svg,
.header__logo img {
    max-width: 100%;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-transition: all .5s ease-in-out 0s;
    transition: all .5s ease-in-out 0s
}

.header__logo {
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    z-index: 4
}

@media (max-width: 576px) {
    .header__logo {
        max-width: 84px
    }
}

@media (max-width: 375px) {
    .header__logo {
        max-width: 79px
    }
}

@media (min-width: 768px) {
    .header__logo {
        top: 17px
    }
}

.header__logo a::after {
    display: none
}

.header__logo a:hover {
    text-decoration: none
}

@media (min-width: 1200px) {
    .header-top__nav {
        display: grid;
        grid-template-columns: 1fr 1fr
    }

    .nav__top--right,
    .nav__top--left {
        padding: clamp(.625rem, .149rem + 2.12vw, 2rem) 0;
        gap: 1px clamp(.625rem, -0.154rem + 3.46vw, 2.875rem);
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .nav__top--left {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        position: relative;
        padding-left: 20px;
        padding-right: clamp(5.125rem, 4.433rem + 3.08vw, 7.125rem)
    }

    .nav__top--left::before {
        content: "";
        position: absolute;
        bottom: 0;
        right: clamp(5.125rem, 4.433rem + 3.08vw, 7.125rem);
        width: 300%;
        height: 1px;
        background-color: rgba(0, 0, 0, .2)
    }

    .nav__top--right {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        position: relative;
        padding-left: clamp(5.125rem, 4.433rem + 3.08vw, 7.125rem);
        padding-right: 30px
    }

    .nav__top--right::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: clamp(5.125rem, 4.433rem + 3.08vw, 7.125rem);
        width: 117%;
        height: 1px;
        background-color: rgba(0, 0, 0, .2)
    }

    .nav__bottom {
        position: relative;
        min-height: 40px;
        z-index: 2;
        display: flex;
        justify-content: center;
        position: static;
        gap: 230px;
        transition: gap 0.5s;
    }

    .nav__bottom a {
        font-size: clamp(.938rem, .873rem + .29vw, 1.125rem)
    }

    .nav__bottom li {
        display: flex;
        align-items: center;
    }

    .nav__bottom---right,
    .nav__bottom--left {
        position: absolute;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: clamp(.625rem, -0.024rem + 2.88vw, 2.5rem);
        top: 24px;
        position: static;
    }

    .nav__bottom--left {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        left: 50%;
        -webkit-transform: translate(-100%, -50%);
        -ms-transform: translate(-100%, -50%);
        transform: translate(-100%, -50%);
        padding-right: clamp(5.125rem, 4.433rem + 3.08vw, 7.125rem);
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        padding-right: 0px;
        flex-basis: 50%;
        transition: padding-right 0.5s;
    }

    .nav__bottom---right {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        right: 50%;
        -webkit-transform: translate(100%, -50%);
        -ms-transform: translate(100%, -50%);
        transform: translate(100%, -50%);
        padding-left: clamp(5.125rem, 4.433rem + 3.08vw, 7.125rem);
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        padding-left: 0px;
        flex-basis: 50%;
        transition: padding-left 0.5s;
    }
}

.header__nob-menu {
    pointer-events: none;
    padding: 20px 16px 20px;
    position: absolute;
    top: 100px;
    right: 0;
    width: 100%;
    bottom: 0;
    overflow-y: auto;
    background-color: #fff;
    z-index: 0;
    opacity: 0;
    -webkit-transform: translateX(-150%);
    -ms-transform: translateX(-150%);
    transform: translateX(-150%);
    -webkit-transition: -webkit-transform .3s ease 0s;
    transition: -webkit-transform .3s ease 0s;
    transition: transform .3s ease 0s;
    transition: transform .3s ease 0s, -webkit-transform .3s ease 0s
}

.header__nob-menu .header-top__nav li {
    margin-bottom: 20px
}

.header__nob-menu .header-top__nav li:last-child {
    margin-bottom: 0
}

.header__nob-menu .header-top__nav a {
    font-size: 32px
}

.header__nob-menu .nav__bottom a {
    font-size: 24px
}

@media (max-width: 1199.9px) {
    .nav__top--left {
        margin-bottom: 18px
    }

    .nav__bottom,
    .header ul,
    .header-top__nav {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        row-gap: 7px;
        position: relative;
        z-index: 2
    }

    .header-top__nav {
        padding-bottom: 32px;
        margin-bottom: 32px;
        position: relative
    }

    .header-top__nav::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 176px;
        height: 1px;
        background-color: rgba(0, 0, 0, .2)
    }

    .nav__bottom--left li {
        margin-bottom: 16px
    }

    .header-top::after,
    .header-top::before {
        display: none
    }
}

.header-top::after {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    width: 100%;
    left: -100%;
    height: 100%;
    background-color: #fff;
    z-index: -1;
    -webkit-transition: left .5s ease 0s;
    transition: left .5s ease 0s
}

html.open-search {
    overflow: hidden
}

html.open-search body {
    overflow-x: hidden
}

html.open-search .search-icon::after {
    background-image: url('data:image/svg+xml,<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.99688 8.40005L2.09688 13.3C1.91354 13.4834 1.68021 13.575 1.39688 13.575C1.11354 13.575 0.880208 13.4834 0.696875 13.3C0.513542 13.1167 0.421875 12.8834 0.421875 12.6C0.421875 12.3167 0.513542 12.0834 0.696875 11.9L5.59688 7.00005L0.696875 2.10005C0.513542 1.91672 0.421875 1.68338 0.421875 1.40005C0.421875 1.11672 0.513542 0.883382 0.696875 0.700049C0.880208 0.516715 1.11354 0.425049 1.39688 0.425049C1.68021 0.425049 1.91354 0.516715 2.09688 0.700049L6.99688 5.60005L11.8969 0.700049C12.0802 0.516715 12.3135 0.425049 12.5969 0.425049C12.8802 0.425049 13.1135 0.516715 13.2969 0.700049C13.4802 0.883382 13.5719 1.11672 13.5719 1.40005C13.5719 1.68338 13.4802 1.91672 13.2969 2.10005L8.39687 7.00005L13.2969 11.9C13.4802 12.0834 13.5719 12.3167 13.5719 12.6C13.5719 12.8834 13.4802 13.1167 13.2969 13.3C13.1135 13.4834 12.8802 13.575 12.5969 13.575C12.3135 13.575 12.0802 13.4834 11.8969 13.3L6.99688 8.40005Z" fill="black" /></svg>')
}

html.open-search .header-white .header__logo--img path {
    fill: #000
}

.header__nob-menu .nav__bottom {
    position: relative
}

@media (max-width: 375px) {
    .header__nob-menu .nav__bottom::before {
        bottom: -266px
    }
}

html.open-menu {
    overflow: hidden
}

html.open-menu body {
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

@media (max-width: 1199.9px) {
    html.open-menu .header-top {
        position: relative;
        height: 100vh
    }

    html.open-menu .header-top::after {
        left: 0
    }

    html.open-menu .header__nob-menu {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        pointer-events: all;
        opacity: 1;
        background-image: url(../img/svg/menu_mob_bg.svg);
        background-repeat: no-repeat;
        background-position: bottom right
    }

    html.open-menu .header-bottom {
        position: static
    }

    html.open-menu .header__search {
        z-index: 1;
        top: 98px;
        padding-top: 4%
    }
}

@-webkit-keyframes headerTopAnimation {
    0% {
        -webkit-transform: translate3d(0, -60px, 0);
        transform: translate3d(0, -60px, 0)
    }

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

@keyframes headerTopAnimation {
    0% {
        -webkit-transform: translate3d(0, -60px, 0);
        transform: translate3d(0, -60px, 0)
    }

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

.header._fixed {
    position: fixed;
    background-color: #fff;
    padding-bottom: 20px;
    z-index: 12;
    padding-bottom: 0;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    min-height: 90px
}

.header._fixed.header-white a {
    color: #000 !important
}

.header._fixed.header-white .svg path {
    fill: #fff
}

@media (min-width: 651px) {
    .header._fixed .header__logo {
        max-width: 96px
    }
}

@media (min-width: 1200px) {
    .header._fixed .header__logo {
        max-width: 96px
    }
}

.header._fixed .header__logo {
    top: 10px
}

@media (min-width: 1200px) {
    .header._fixed .header-top {
        min-height: 90px
    }

    .header._fixed .nav__bottom {
        gap: 36px;
    }

    .header._fixed .nav__bottom--left,
    .header._fixed .nav__bottom---right {
        gap: 36px;
        flex-basis: auto;
    }

    .header._fixed .nav__bottom--left {
        padding-right: 0;
        gap: 36px;
        margin-left: 36px;
        margin-left: -4px;
    }

    .header._fixed .nav__bottom---right {
        padding-left: 72px;
        padding-left: 0px;
    }
}

.header._fixed .nav__top--right::after,
.header._fixed .nav__top--left::before {
    display: none
}

@media (min-width: 1200px) {
    .header._fixed .header-bottom {
        position: relative;
        background-image: -webkit-gradient(linear, left bottom, left top, from(#fff), to(rgba(236, 236, 236, 0.2901960784)));
        background-image: linear-gradient(360deg, #fff 0%, rgba(236, 236, 236, 0.2901960784) 100%);
        min-height: 40px
    }
}

.header._fixed .nav__bottom---right,
.header._fixed .nav__bottom--left {
    top: 17px
}

.header.header-white._fixed svg path {
    fill: #000 !important
}

.header__search--itog {
    display: none;
    width: 100%;
    max-width: 1023px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    overflow: auto;
    height: 100vh;
    padding-bottom: 20%
}

.search--itog {
    width: 90%;
    padding-top: 37px
}

@media (min-width: 1200px) {
    .search--itog {
        width: 100%;
        -webkit-transform: translateX(5%);
        -ms-transform: translateX(5%);
        transform: translateX(5%)
    }
}

.search--itog__title {
    font-size: 52px;
    margin-bottom: 28px
}

.search--itog__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.search--itog__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.search--itog__link {
    font-weight: 500;
    font-size: 16px !important;
    line-height: 1.2;
    text-transform: uppercase
}

.search--itog__link:hover {
    color: var(--yellow-text-1)
}

.search--itog__link:after {
    display: none
}

.search--itog__link-desc {
    font-weight: 500;
    font-size: 12px;
    line-height: 1.1
}

.header ul.search--itog__list {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    row-gap: 20px
}

.true-wience .hero {
    opacity: 1
}

.hero {
    position: relative;
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    opacity: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.hero__container {
    width: 100%;
    position: relative;
    padding-top: 237px;
    padding-bottom: 101px
}

@media (min-width: 319px) {
    .hero__container {
        padding-left: var(--paddingContainerSmall);
        padding-right: var(--paddingContainerSmall)
    }
}

@media (min-width: 768px) {
    .hero__container {
        padding-left: var(--paddingContainerBig);
        padding-right: var(--paddingContainerBig)
    }
}

@media (max-width: 768px) {
    .hero__container {
        padding-top: 214px
    }
}

@media (max-width: 576px) {
    .hero__container {
        padding-top: 123px
    }
}

@media (max-width: 375px) {
    .hero__container {
        padding-top: 150px;
        padding-bottom: 97px
    }
}

.hero__title {
    position: absolute;
    top: -56px;
    left: 0;
    z-index: 1;
    max-width: 1255px;
    margin: 0 auto;
    font-size: 260px;
    line-height: 73%
}

@media (max-width: 1600px) {
    .hero__title {
        font-size: 240px
    }
}

@media (max-width: 1500px) {
    .hero__title {
        font-size: 200px
    }
}

@media (max-width: 1400px) {
    .hero__title {
        font-size: 160px
    }
}

@media (max-width: 768px) {
    .hero__title {
        font-size: 158px
    }
}

@media (max-width: 701px) {
    .hero__title {
        font-size: 138px
    }
}

@media (max-width: 626px) {
    .hero__title {
        font-size: 122px
    }
}

@media (max-width: 576px) {
    .hero__title {
        font-size: clamp(4.875rem, -0.256rem + 21.89vw, 7.625rem)
    }
}

@media (max-width: 375.1px) {
    .hero__title {
        top: -13px
    }
}

@media (max-width: 361px) {
    .hero__title {
        font-size: 64px
    }
}

.hero__title span {
    display: block;
    margin-bottom: clamp(1.063rem, .846rem + .96vw, 1.688rem)
}

@media (max-width: 361px) {
    .hero__title span {
        margin-bottom: 13px
    }
}

.decor_bg {
    position: absolute;
    inset: 0
}

.decor_bg svg {
    max-width: 100%;
    position: absolute;
    top: 0;
    left: 0%;
    width: 90%;
    height: 90%;
    -o-object-fit: contain;
    object-fit: contain
}

@media (max-width: 992px) {
    .decor_bg svg {
        top: -25%;
        left: -2%;
        width: 100%;
        height: 100%
    }
}

@keyframes fadeOutUp {
    to {
        -webkit-transform: translate3d(0, -120%, 0);
        transform: translate3d(0, -120%, 0)
    }
}

@-webkit-keyframes fadeOutUp2 {
    0% {
        -webkit-transform: translate3d(0, 120%, 0);
        transform: translate3d(0, 120%, 0)
    }

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

@keyframes fadeOutUp2 {
    0% {
        -webkit-transform: translate3d(0, 120%, 0);
        transform: translate3d(0, 120%, 0)
    }

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

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

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

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

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

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

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

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

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

@keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

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

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

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

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

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

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

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

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

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

.title--last-text.animate_6,
.title--first-text.animate_6,
.decor_title.animate_6 {
    opacity: 0
}

.true-wience .title--last-text.animate_6 {
    -webkit-animation: heroFadeIn 1.2s ease-in-out 6s 1 normal both;
    animation: heroFadeIn 1.2s ease-in-out 6s 1 normal both
}

.true-wience .title--first-text.animate_6 {
    -webkit-animation: heroFadeIn 1.3s ease-in-out 6s 1 normal both;
    animation: heroFadeIn 1.3s ease-in-out 6s 1 normal both
}

.true-wience .decor_title.animate_6 {
    -webkit-animation: heroFadeIn .5s linear 6.5s 1 normal both;
    animation: heroFadeIn .5s linear 6.5s 1 normal both
}

.decor_bg {
    opacity: 0;
    -webkit-transition: opacity .9s ease .5s;
    transition: opacity .9s ease .5s
}

.true-wience .decor_bg {
    opacity: 1
}

.hero._active .decor_bg {
    opacity: 0
}

.hero .hero-2__decor-2 {
    opacity: 0;
    -webkit-transition: opacity .9s ease .5s;
    transition: opacity .9s ease .5s
}

.hero._active .hero-2__decor-2 {
    opacity: 1
}

.true-wience .hero__title:not(.hero__title--no-animation) .animate__fadeInLeft.animate_1 {
    -webkit-animation: fadeInLeft 2.5s ease-in-out .3s 1 normal both;
    animation: fadeInLeft 2.5s ease-in-out .3s 1 normal both
}

.true-wience .hero__title:not(.hero__title--no-animation) .animate__fadeInLeft.animate_2 {
    -webkit-animation: fadeInLeft 2.8s ease-in-out .4s 1 normal both;
    animation: fadeInLeft 2.8s ease-in-out .4s 1 normal both
}

.true-wience .hero__title:not(.hero__title--no-animation) .animate__fadeInLeft.animate_3 {
    -webkit-animation: fadeInLeft 2.8s ease-in-out .5s 1 normal both;
    animation: fadeInLeft 2.8s ease-in-out .5s 1 normal both
}

.true-wience .hero__title.hero__title--animation-hidden .animate__fadeOutLeft.animate_1 {
    -webkit-animation: fadeOutLeft 2s ease-in-out 0s 1 normal both;
    animation: fadeOutLeft 2s ease-in-out 0s 1 normal both
}

.true-wience .hero__title.hero__title--animation-hidden .animate__fadeOutLeft.animate_2 {
    -webkit-animation: fadeOutLeft 2s ease-in-out .3s 1 normal both;
    animation: fadeOutLeft 2s ease-in-out .3s 1 normal both
}

.true-wience .hero__title.hero__title--animation-hidden .animate__fadeOutLeft.animate_3 {
    -webkit-animation: fadeOutLeft 2.1s ease-in-out .5s 1 normal both;
    animation: fadeOutLeft 2.1s ease-in-out .5s 1 normal both
}

.true-wience .hero-2__title .title-anime .animate__fadeInLeft.animate_4 {
    -webkit-animation: fadeInLeft 3s ease-in-out 9.8s 1 normal both;
    animation: fadeInLeft 3s ease-in-out 9.8s 1 normal both
}

.true-wience .hero-2__title .title-anime .animate__fadeInLeft.animate_5 {
    -webkit-animation: fadeInLeft 3s ease-in-out 9.8s 1 normal both;
    animation: fadeInLeft 3s ease-in-out 9.8s 1 normal both
}

@-webkit-keyframes fadeInDownVideo {
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeInDownVideo {
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.hero_bg-decor.animate__fadeInDown {
    opacity: 0;
    -webkit-transform: translate3d(0, -50px, 0);
    transform: translate3d(0, -50px, 0)
}

.true-wience .hero_bg-decor.animate__fadeInDown {
    -webkit-animation: fadeInDownVideo 2s ease-in-out 2s 1 normal both;
    animation: fadeInDownVideo 2s ease-in-out 2s 1 normal both
}

.true-wience .icon-hero_bg.animate_1 {
    -webkit-animation: fadeInLeft 1.5s ease-in-out 6s 1 normal both;
    animation: fadeInLeft 1.5s ease-in-out 6s 1 normal both
}

.true-wience .icon-hero_bg.animate_2 {
    -webkit-animation: fadeInLeft 1.5s ease-in-out 6.2s 1 normal both;
    animation: fadeInLeft 1.5s ease-in-out 6.2s 1 normal both
}

.true-wience .icon-hero_bg.animate_3 {
    -webkit-animation: fadeInLeft 1.5s ease-in-out 6.3s 1 normal both;
    animation: fadeInLeft 1.5s ease-in-out 6.3s 1 normal both
}

.true-wience .icon-hero_bg.animate_4 {
    -webkit-animation: fadeInLeft 1.5s ease-in-out 6.4s 1 normal both;
    animation: fadeInLeft 1.5s ease-in-out 6.4s 1 normal both
}

.true-wience .hero__cat-nav__item-smaill.animate_1 {
    -webkit-animation: itemSmaill .5s ease-in-out 7.1s 1 normal both;
    animation: itemSmaill .5s ease-in-out 7.1s 1 normal both
}

.true-wience .hero__cat-nav__item-smaill.animate_2 {
    -webkit-animation: itemSmaill .5s ease-in-out 7.5s 1 normal both;
    animation: itemSmaill .5s ease-in-out 7.5s 1 normal both
}

.true-wience .hero__cat-nav__item-smaill.animate_3 {
    -webkit-animation: itemSmaill .5s ease-in-out 7.7s 1 normal both;
    animation: itemSmaill .5s ease-in-out 7.7s 1 normal both
}

.true-wience .hero__cat-nav__item-smaill.animate_4 {
    -webkit-animation: itemSmaill .5s ease-in-out 8s 1 normal both;
    animation: itemSmaill .5s ease-in-out 8s 1 normal both
}

.true-wience .hero__cat-nav__left::after {
    -webkit-animation: itemSmaill .5s ease-in-out 7.5s 1 normal both;
    animation: itemSmaill .5s ease-in-out 7.5s 1 normal both
}

.true-wience .btn-grey.animate_1 {
    -webkit-animation: btnAnimate .5s ease-in-out 8.5s 1 normal both;
    animation: btnAnimate .5s ease-in-out 8.5s 1 normal both;
    position: relative;
    z-index: 4
}

.block__animate-1 {
    position: absolute;
    top: 280px;
    left: 87px;
    z-index: 1
}

@media (max-width: 1600px) {
    .block__animate-1 {
        top: 237px
    }
}

@media (max-width: 1500px) {
    .block__animate-1 {
        top: 220px
    }
}

@media (max-width: 1336px) {
    .block__animate-1 {
        left: 16px
    }
}

@media (max-width: 768px) {
    .block__animate-1 {
        top: 240px
    }
}

@media (max-width: 576px) {
    .block__animate-1 {
        top: 160px
    }
}

@media (max-width: 375px) {
    .block__animate-1 {
        top: 150px
    }
}

.hero__animate-2 {
    max-width: 1300px;
    margin: 0 auto;
    margin-top: -80px;
    z-index: 1;
    position: relative;
    z-index: 4;
    will-change: transform
}

@media (max-width: 576px) {
    .hero__animate-2 {
        margin-top: -21px
    }
}

.hero_bg-decor {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 43px;
    aspect-ratio: 1/2;
    will-change: transform;
    z-index: 1
}

@media (max-width: 992px) {
    .hero_bg-decor {
        right: 0
    }
}

@media (max-width: 576px) {
    .hero_bg-decor {
        width: 80%;
        height: 60%;
        top: 81px;
        right: -7%
    }
}

@media (max-width: 375.1px) {
    .hero_bg-decor {
        width: 262px;
        height: 435px;
        top: 13%;
        right: 0%
    }
}

@media (max-width: 320.1px) {
    .hero_bg-decor {
        width: 215px;
        height: 541px;
        top: 10%;
        right: -2%
    }
}

.hero_bg-decor video,
.hero_bg-decor img {
    background-color: rgba(0, 0, 0, 0) !important;
    position: absolute;
    top: 0px;
    right: 60px;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

@media (max-width: 1400px) {

    .hero_bg-decor video,
    .hero_bg-decor img {
        top: 0
    }
}

@media (max-width: 1366.1px) {

    .hero_bg-decor video,
    .hero_bg-decor img {
        top: -2%
    }
}

@media (max-width: 1199.9px) {

    .hero_bg-decor video,
    .hero_bg-decor img {
        right: -48px
    }
}

@media (max-width: 992px) {

    .hero_bg-decor video,
    .hero_bg-decor img {
        top: -36px
    }
}

@media (max-width: 576px) {

    .hero_bg-decor video,
    .hero_bg-decor img {
        top: -19px
    }
}

@media (max-width: 375px) {

    .hero_bg-decor video,
    .hero_bg-decor img {
        top: -49px;
        left: 35px
    }
}

.hero__video {
    background-color: rgba(0, 0, 0, 0) !important;
    will-change: transform
}

@media (max-width: 1199.9px) {
    ._hero__video.start-video-animation {
        top: -5%
    }
}

@media (max-width: 992px) {
    ._hero__video.start-video-animation {
        right: -15%;
        top: -9%
    }
}

@media (max-width: 768px) {
    ._hero__video.start-video-animation {
        right: -20%;
        top: -4%
    }
}

@media (max-width: 576px) {
    ._hero__video.start-video-animation {
        right: -15%
    }
}

@media (max-width: 768px) {
    .hero-2__content {
        top: 51%
    }
}

@media (min-width: 1200px)and (max-width: 1920px) {
    .hero {
        min-height: 100vh
    }
}

.hero-2 {
    padding-top: 93px;
    padding-bottom: clamp(5.813rem, 5.034rem + 3.46vw, 8.063rem);
    position: relative
}

@media (max-width: 361px) {
    .hero-2 {
        padding-top: 141px
    }
}

.hero-2__decor-2 {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: -1
}

.hero-2__decor-2 svg {
    max-width: 100%;
    height: auto
}

@media (max-width: 576px) {
    .hero-2__decor-2 svg {
        max-width: 100%;
        height: auto;
        -webkit-transform: rotate(342deg);
        -ms-transform: rotate(342deg);
        transform: rotate(342deg)
    }
}

@media (max-width: 576px) {
    .hero-2__decor-2 {
        right: -105px;
        max-width: 286px;
        bottom: 216px;
        -webkit-transform: rotate(328deg);
        -ms-transform: rotate(328deg);
        transform: rotate(328deg)
    }
}

.hero-2__container {
    max-width: 1280px;
    position: relative;
    z-index: 3
}

.hero-2__title {
    margin-bottom: 25px
}

@media (min-width: 1200px) {
    .hero-2__title {
        margin-bottom: calc(var(--index) * .2)
    }
}

@media (max-width: 375px) {
    .hero-2__title {
        margin-bottom: 7px
    }
}

.hero-2__title h2 {
    font-size: clamp(3.75rem, 2.694rem + 5.28vw, 7.313rem);
    max-width: 765px
}

@media (min-width: 1200px) {
    .hero-2__title h2 {
        font-size: calc(var(--index) * 5.5)
    }
}

.hero-2__title h2 span:nth-child(1) {
    width: 100%
}

@media (min-width: 1921px) {
    .hero-2__title h2 {
        font-size: 169px
    }

    .hero-2__title h2 .decor_title {
        margin-top: 0;
        top: -49px
    }
}

@media (min-width: 1200px)and (max-width: 1920px) {
    .hero-2__title .decor_title {
        min-height: auto;
        min-width: calc(var(--index) * 5)
    }
}

.hero-2__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 10px
}

@media (max-width: 576px) {
    .hero-2__content {
        padding-left: 0
    }
}

.hero-2__decor-1 {
    position: absolute;
    right: 6%;
    bottom: 9%;
    max-width: clamp(10.625rem, 7.726rem + 12.88vw, 19rem);
    height: auto
}

@media (max-width: 992px) {
    .hero-2__decor-1 {
        right: 0;
        bottom: initial;
        top: 0
    }
}

@media (max-width: 361px) {
    .hero-2__decor-1 {
        right: 19px;
        max-width: 125px;
        top: 48px
    }
}

.icon-hero_bg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 5px
}

.icon-hero_bg::before {
    color: var(--yellow-text);
    font-size: clamp(1.75rem, 1.447rem + 1.35vw, 2.625rem);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    margin-top: -25px;
    pointer-events: none
}

@media (max-width: 992px) {
    .icon-hero_bg::before {
        margin-top: -20px
    }
}

@media (max-width: 768px) {
    .icon-hero_bg::before {
        margin-top: -15px
    }
}

.hero__cat-nav__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: clamp(1.813rem, 1.315rem + 2.21vw, 3.25rem);
    margin-bottom: 20px
}

@media (max-width: 992px) {
    .hero__cat-nav__inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media (max-width: 375.1px) {
    .hero__cat-nav__inner {
        gap: 37px
    }
}

@media (min-width: 992px) {
    .hero__cat-nav {
        min-width: 709px
    }
}

@media (max-width: 991.9px) {
    .hero__cat-nav {
        min-width: 100%
    }
}

.hero__cat-nav li {
    color: #000;
    -webkit-transition: color, -webkit-transform .6s ease 0s;
    transition: color, -webkit-transform .6s ease 0s;
    transition: color, transform .6s ease 0s;
    transition: color, transform .6s ease 0s, -webkit-transform .6s ease 0s
}

.hero__cat-nav li a {
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

.hero__cat-nav li a::before {
    opacity: 0;
    -webkit-transition: all .6s ease 0s;
    transition: all .6s ease 0s
}

.hero__cat-nav li a:hover {
    color: var(--yellow-text)
}

.hero__cat-nav li a:hover::before {
    opacity: 1
}

.hero__cat-nav__left {
    position: relative
}

@media (max-width: 576px) {
    .hero__cat-nav__left::after {
        content: "";
        position: absolute;
        bottom: -18px;
        left: 0;
        width: 40%;
        border-bottom: 2px solid #bfbfbf
    }
}

@media (max-width: 375.1px) {
    .hero__cat-nav__left {
        bottom: -20px
    }
}

@media (max-width: 320.1px) {
    .hero__cat-nav__left {
        bottom: -7px
    }
}

.hero__cat-nav__left li {
    padding-top: 13px;
    margin-bottom: clamp(1rem, .74rem + 1.15vw, 1.75rem);
    -webkit-transform: translateX(-60px);
    -ms-transform: translateX(-60px);
    transform: translateX(-60px)
}

@media (min-width: 1200px) {
    .hero__cat-nav__left li {
        margin-bottom: calc(var(--index) * .7)
    }
}

@media (max-width: 576px) {
    .hero__cat-nav__left li {
        -webkit-transform: translateX(-46px);
        -ms-transform: translateX(-46px);
        transform: translateX(-46px)
    }
}

@media (max-width: 375px) {
    .hero__cat-nav__left li {
        margin-bottom: 8px
    }
}

@media (max-width: 361px) {
    .hero__cat-nav__left li {
        padding-top: 7px
    }
}

.hero__cat-nav__left li:last-child {
    margin-bottom: 0
}

.hero__cat-nav__left li a span {
    border-bottom: 1px solid rgba(0, 0, 0, 0)
}

.hero__cat-nav__left li:hover {
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px)
}

.hero__cat-nav__left li:hover a span {
    border-bottom-color: var(--yellow-text)
}

.hero__cat-nav__left li:hover::before {
    opacity: 1
}

.hero__cat-nav__left a {
    font-family: var(--second-family);
    font-weight: 400;
    font-size: calc(var(--index) * 2.5);
    line-height: 81%;
    text-transform: uppercase
}

@media (min-width: 1921px) {
    .hero__cat-nav__left a {
        font-size: 76px
    }
}

.hero__cat-nav__right {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.hero__cat-nav__item-smaill {
    font-weight: 400;
    font-size: 24px;
    line-height: 161%;
    text-transform: uppercase;
    margin-bottom: clamp(1rem, .675rem + 1.44vw, 1.938rem)
}

@media (max-width: 992px) {
    .hero__cat-nav__item-smaill {
        line-height: 100%
    }
}

@media (max-width: 576px) {
    .hero__cat-nav__item-smaill {
        margin-bottom: 0
    }
}

@media (max-width: 480.1px) {
    .hero__cat-nav__item-smaill {
        line-height: 100%;
        margin-bottom: 7px
    }
}

.hero__cat-nav__item-smaill a {
    font-size: clamp(.875rem, .702rem + .77vw, 1.375rem)
}

.hero__cat-nav__item-smaill:last-child {
    margin-bottom: 0
}

@media (max-width: 576px) {
    .hero__cat-nav {
        width: 100%
    }
}

.hero__cat-nav__btn {
    width: 100%;
    padding-top: 12px;
    text-align: right
}

@media (max-width: 992px) {
    .hero__cat-nav__btn {
        margin-top: -74px
    }
}

@media (max-width: 768px) {
    .hero__cat-nav__btn {
        margin-top: 0;
        text-align: left
    }
}

@media (max-width: 361px) {
    .hero__cat-nav__btn {
        padding-top: 16px
    }
}

.hero__cat-nav__btn .btn {
    font-size: clamp(.875rem, .771rem + .52vw, 1.25rem)
}

@media (max-width: 576px) {
    .hero__cat-nav__btn .btn {
        width: 100%;
        padding-right: 8px;
        padding-left: 8px;
        text-align: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.awards {
    background-image: url(../img/design/bg-black.png);
    background-repeat: repeat;
    color: #fff;
    overflow-x: hidden
}

@media (max-width: 576px) {
    .awards .subtitle {
        font-size: 14px;
        line-height: 150%;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden
    }
}

.awards__inner {
    position: relative
}

@media (max-width: 1199.9px) {
    .awards__inner {
        padding-bottom: 56px;
        padding-top: 56px
    }
}

@media (min-width: 1200px) {
    .awards__inner {
        padding-top: clamp(3.5rem, 2.245rem + 5.58vw, 7.125rem);
        padding-bottom: 126px
    }
}

.awards__title {
    position: relative;
    z-index: 3;
    margin-bottom: 23px
}

@media (min-width: 768px)and (max-width: 1199.9px) {
    .awards__title {
        display: inline-block
    }
}

@media (max-width: 576px) {
    .awards__title {
        margin-bottom: 0
    }

    .awards__title h2 {
        margin-bottom: 0
    }
}

.awards__title h2 {
    font-size: clamp(5rem, 1.582rem + 15.19vw, 14.875rem);
    line-height: 100%
}

@media (max-width: 360.1px) {
    .awards__title h2 {
        font-size: 60px
    }
}

@media (min-width: 768px) {
    .awards__title h2 {
        font-size: clamp(7rem, -2.57rem + 19.94vw, 14.875rem)
    }
}

@media (min-width: 768px)and (max-width: 1199.9px) {
    .awards__title h2 {
        margin-bottom: -24px
    }
}

@media (min-width: 768px) {
    .awards__title .decor_title {
        top: -6px;
        margin-left: -10px
    }
}

@media (min-width: 1200px) {
    .awards__title .decor_title {
        margin-left: 31px;
        top: -19px
    }
}

.awards__title .decor_title::after {
    background-image: url('data:image/svg+xml,<svg width="82" height="56" viewBox="0 0 82 56" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M29.0132 54.689C32.5476 55.6131 36.1918 56.0009 39.845 56.0009C47.9672 56.0009 55.2308 54.6567 61.6359 51.9682C68.0379 49.2797 73.0347 45.7799 76.6202 41.4689C80.2057 37.1579 82 32.6692 82 28.0007L78.3775 28.0778C78.3775 31.2244 77.7011 34.2297 76.3453 37.0937C74.9896 39.9598 73.0687 42.6098 70.5826 45.0436L68.7142 46.6447C64.9805 49.7399 60.6816 52.0217 55.8145 53.4922C50.9473 54.9628 45.4409 55.6991 39.2922 55.6991C36.9482 55.6991 34.9377 55.5728 33.2546 55.3181L32.7111 55.2389C27.2232 54.2757 22.2634 52.4755 17.8379 49.8362C13.4093 47.1991 9.93499 43.9776 7.40878 40.1739C4.88257 36.3702 3.62255 32.3117 3.62255 28.0007H0C0 32.4637 1.42678 36.6356 4.28035 40.5164C7.13392 44.3971 11.0499 47.6679 16.0251 50.3307C18.9376 51.8895 24.7196 53.5665 29.0132 54.689Z" fill="%233F3F3F" /><path d="M26.5604 1.88319C30.8799 0.652899 35.3552 0.113581 39.845 -1.90735e-06C47.9672 -1.90735e-06 55.2308 1.34425 61.6359 4.03274C68.0379 6.72124 73.0347 10.221 76.6202 14.532C80.2057 18.843 82 23.3317 82 28.0002L78.3775 28.0789C78.3775 24.9323 77.7011 21.7713 76.3453 18.9072C74.9896 16.0411 73.0687 13.3911 70.5826 10.9573L68.7142 9.35622C64.9805 6.26103 60.6816 3.97923 55.8145 2.50869C50.9473 1.03815 45.4409 0.301811 39.2922 0.301811C36.9482 0.301811 34.9377 0.428102 33.2546 0.682825L32.7111 0.762024C27.2232 1.72526 22.2634 3.52544 17.8379 6.16471C13.4093 8.80183 9.93499 12.0233 7.40878 15.827C4.88257 19.6307 3.62255 23.6892 3.62255 28.0002H0C0 23.5372 1.42678 19.3653 4.28035 15.4845C7.13392 11.6038 11.0499 8.33305 16.0251 5.67024C18.5437 4.32225 22.8861 2.92972 26.5604 1.88319Z" fill="%233F3F3F" /></svg>')
}

.awards__container {
    max-width: 1270px;
    position: relative;
    z-index: 3
}

@media (min-width: 319px) {
    .awards__container {
        padding-left: var(--paddingContainerSmall);
        padding-right: var(--paddingContainerSmall)
    }
}

@media (min-width: 768px) {
    .awards__container {
        padding-left: var(--paddingContainerBig);
        padding-right: var(--paddingContainerBig)
    }
}

.awards-decor__top {
    position: absolute;
    top: 0;
    left: 0;
    right: initial;
    z-index: -1;
    max-width: 898px;
    -webkit-transform: translate(-12%, -26%);
    -ms-transform: translate(-12%, -26%);
    transform: translate(-12%, -26%)
}

.awards-decor__top svg {
    max-width: 100%
}

@media (min-width: 768px)and (max-width: 1199.9px) {
    .awards-decor__top svg {
        max-width: 354px;
        height: auto
    }
}

@media (max-width: 576px) {
    .awards-decor__top {
        -webkit-transform: translate(0%, -42%);
        -ms-transform: translate(0%, -42%);
        transform: translate(0%, -42%)
    }
}

@media (min-width: 768px)and (max-width: 1199.9px) {
    .awards-decor__top {
        left: initial;
        right: -68px;
        top: -5%
    }
}

.awards__slider {
    margin-right: 0;
    margin-left: 0;
    padding: clamp(2.5rem, .618rem + 8.37vw, 7.938rem) 0;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width: 1440px) {
    .awards__slider {
        margin-right: -126px;
        margin-left: -40px
    }
}

@media (max-width: 1199.9px) {
    .awards__slider {
        padding-top: 59px;
        padding-bottom: 53px
    }
}

@media (max-width: 768px) {
    .awards__slider {
        margin-right: 0;
        padding-top: 40px;
        padding-bottom: 41px
    }
}

@media (min-width: 768px) {
    .awards__slider {
        margin-right: 0;
        padding-top: 54px;
        padding-bottom: 59px
    }
}

@media (min-width: 1200px) {
    .awards__slider {
        margin-right: 0;
        padding-top: 126px;
        padding-bottom: 128px
    }
}

.awards__slider .swiper-slide-prev {
    opacity: .5
}

.awards__slide:nth-child(3) .awards__col,
.awards__slide:nth-child(2) .awards__col,
.awards__slide:nth-child(1) .awards__col {
    opacity: 1
}

@media (max-width: 768px) {

    .awards__slide.swiper-slide-prev .awards__col,
    .awards__slide.swiper-slide-active .awards__col,
    .awards__slide.swiper-slide-active + .awards__slide + .awards__slide .awards__col,
    .awards__slide.swiper-slide-active + .awards__slide .awards__col {
        opacity: 1
    }
}

.awards--text {
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

@media (hover: hover) {
    .awards__col:hover .awards--icon {
        -webkit-transform: scale(1.22);
        -ms-transform: scale(1.22);
        transform: scale(1.22)
    }

    .awards__col:hover .awards--text {
        -webkit-transform: translateY(10px);
        -ms-transform: translateY(10px);
        transform: translateY(10px)
    }
}

.awards--icon {
    text-align: center;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

.awards--icon img {
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    margin: 0 auto 30px;
    display: inline-block;
    max-width: 100%;
    height: auto
}

@media (max-width: 1130px) {
    .awards--icon img {
        max-width: 115px
    }
}

@media (max-width: 900px) {
    .awards--icon img {
        margin-bottom: 16px;
        max-width: 80px
    }
}

@media (max-width: 361px) {
    .awards--icon img {
        height: 76px
    }
}

.awards--title {
    font-weight: 500;
    font-size: 24px;
    line-height: 110%;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    margin-bottom: 7px;
    white-space: nowrap
}

@media (max-width: 1199.9px) {
    .awards--title {
        display: none
    }
}

.awards--count {
    font-weight: 500;
    font-size: clamp(.813rem, .575rem + 1.06vw, 1.5rem);
    line-height: 100%;
    text-transform: uppercase;
    text-align: center;
    color: #ffb71b
}

@media (max-width: 1199.9px) {
    .awards--count {
        color: #fff
    }
}

.awards__link-to {
    font-weight: 500;
    font-size: clamp(.875rem, .745rem + .58vw, 1.25rem);
    line-height: 140%;
    text-transform: uppercase;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: right;
    -ms-flex-pack: right;
    justify-content: right
}

@media (min-width: 1440px) {
    .awards__link-to {
        margin-right: -83px;
        margin-right: calc(var(--paddingContainerBig) - (100vw - 1270px) / 2);
    }
}

@media (min-width: 1600px) {
    .awards__link-to {
        --vr-margin: calc((100vw - (1432px + var(--paddingContainerBig) * 2)) / 2);
        margin-right: calc(var(--paddingContainerBig) + var(--vr-margin) - (100vw - 1270px) / 2);
    }
}

@media (max-width: 1199.9px) {
    .awards__link-to {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.awards__link-to .awards__link-to--mob {
    display: none
}

@media (max-width: 1199.9px) {
    .awards__link-to .awards__link-to--mob {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        border: 2px solid #393939;
        border-radius: 100px;
        padding: 10px 36px;
        width: 343px;
        text-align: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-weight: 500;
        font-size: 14px;
        line-height: 1;
        text-transform: uppercase;
        color: #fff
    }
}

@media (max-width: 576px) {
    .awards__link-to .awards__link-to--mob {
        width: 100%
    }
}

@media (max-width: 1199.9px) {
    .awards__link-to .awards__link-to--descop {
        display: none
    }
}

.awards__link-to a {
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 23px
}

.awards__link-to a:hover {
    color: #ffb71b
}

.awards__link-to a:hover::after {
    background-image: url('data:image/svg+xml,<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5 20L35 20" stroke="%23ffb71b" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /><path d="M30 25L35 20L30 15" stroke="%23ffb71b" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /></svg>')
}

@media (max-width: 576px) {
    .awards__link-to a {
        width: 100%
    }
}

@media (max-width: 1400px) {
    .awards__link-to {
        margin-right: 0
    }
}

.awards__content__botton-text {
    font-weight: 500;
    font-size: 16px;
    line-height: 164%;
    color: #fff;
    margin-bottom: 32px
}

@media (min-width: 1200px) {
    .awards__content__botton-text {
        display: none
    }
}

@media (max-width: 1199.9px) {
    .awards__content__botton-text {
        margin-bottom: 94px
    }
}

@media (max-width: 760px) {
    .awards__content__botton-text {
        margin-bottom: 14px;
        font-size: 16px
    }
}

.awards-decor_botom {
    position: absolute;
    right: 0;
    bottom: 0;
    max-width: 1146px;
    overflow: hidden
}

@media (max-width: 1199.9px) {
    .awards-decor_botom {
        max-width: 410px
    }
}

@media (max-width: 760px) {
    .awards-decor_botom {
        right: 0;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.awards-decor_botom > * {
    max-width: 100%;
    height: auto;
    margin-bottom: -10px
}

.collection__images {
    display: grid;
    grid-auto-flow: column;
    max-width: 1920px;
    margin: 0 auto
}

.collection__img {
    position: relative;
    padding-bottom: 134%
}

.collection__img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transform: scale(1.02);
    -ms-transform: scale(1.02);
    transform: scale(1.02);
    max-width: 100%
}

@media (min-width: 319px) {
    .collection__container {
        padding-left: var(--paddingContainerSmall);
        padding-right: var(--paddingContainerSmall)
    }
}

@media (min-width: 768px) {
    .collection__container {
        padding-left: var(--paddingContainerBig);
        padding-right: var(--paddingContainerBig)
    }
}

.collection__content {
    padding: clamp(3.25rem, 2.06rem + 5.29vw, 6.688rem) 0
}

@media (max-width: 1199.9px) {
    .collection__content {
        padding-top: 52px;
        padding-bottom: 28px
    }
}

.collection__row-l {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px 22px
}

@media (max-width: 760px) {
    .collection__row-l {
        -webkit-column-gap: 30px;
        -moz-column-gap: 30px;
        column-gap: 30px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 0 0
    }
}

.collection__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 30px 60px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 0;
}

@media (max-width: 1199.9px) {
    .collection__row {
        gap: 30px 20px
    }
}

@media (max-width: 576px) {
    .collection__row {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-bottom: 50px
    }
}

@media (max-width: 576px) {
    .collection__col {
        width: 100%
    }
}

.collection__col .awards__link-to {
    margin-right: 0
}

.awards__link-to--descop span {
    display: flex;
    align-items: center;
    gap: 1rem;
}

@media (max-width: 1199.9px) {
    .collection__link-to {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%
    }
}

@media (min-width: 1366px) {
    .collection__col:has(.collection__text) {
        -ms-flex-preferred-size: 570px;
        flex-basis: 570px
    }
}

@media (max-width: 576px) {
    .collection__images {
        margin: 0 -91px
    }
}

.collection__title {
    font-family: var(--second-family);
    font-weight: 400;
    font-size: clamp(2.5rem, 1.894rem + 2.69vw, 4.25rem);
    line-height: 100%;
    text-transform: uppercase;
    color: #dfe5e6;
    margin-bottom: -10px;
    white-space: nowrap
}

@media (max-width: 1199.9px) {
    .collection__title {
        font-size: 38px
    }
}

@media (min-width: 768px) {
    .collection__title {
        font-size: clamp(2.375rem, .097rem + 4.75vw, 4.25rem)
    }
}

@media (max-width: 576px) {
    .collection__title {
        margin-bottom: 12px;
        font-size: clamp(2.063rem, -0.483rem + 12.73vw, 2.5rem)
    }
}

.collection__text {
    font-weight: 400;
    font-size: clamp(.875rem, .788rem + .38vw, 1.125rem);
    line-height: 167%;
    text-transform: uppercase;
    color: #fff;
    padding-top: 3px
}

@media (max-width: 768px) {
    .collection__text {
        font-size: 14px;
        line-height: 1.5
    }
}

@media (min-width: 1200px) {
    .collection__text {
        max-width: 400px
    }
}

@media (max-width: 768px) {
    .awards__swiper-button button {
        top: 43%
    }

    .awards__swiper-button button::after {
        height: 34px !important
    }
}

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

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

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

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

.animate__mainLeft {
    -webkit-animation-name: mainLeft;
    animation-name: mainLeft
}

@media (max-width: 1199.9px) {
    .awards__content-subtitle-mob {
        display: block;
        font-family: var(--font-family);
        font-weight: 500;
        font-size: 14px;
        line-height: 1.5;
        text-transform: uppercase;
        color: #fff;
        max-width: 325px;
        max-width: none;
    }

    .awards__container .subtitle {
        display: none
    }
}

@media (min-width: 1200px) {
    .awards__content-subtitle-mob {
        display: none
    }

    .awards__container .subtitle {
        display: block
    }
}

.stage {
    position: relative;
    padding-bottom: clamp(6.5rem, 5.093rem + 7.04vw, 11.75rem);
    position: relative;
    z-index: 1;
    overflow: hidden
}

@media (max-width: 576px) {
    .stage {
        padding-bottom: 99px
    }
}

@media (min-width: 768px) {
    .stage {
        padding-bottom: 132px
    }
}

@media (min-width: 1200px) {
    .stage {
        padding-bottom: 180px
    }
}

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

@media (min-width: 0) {
    .stage__container {
        padding-left: var(--paddingContainerSmall);
        padding-right: var(--paddingContainerSmall)
    }
}

@media (max-width: 1199.9px) {
    .stage__container {
        display: block
    }
}

.stage__left {
    padding-top: 129px;
    position: relative;
    max-width: 578px;
    width: 100%;
    margin-left: -44px;
    margin-right: 44px
}

.stage__left--bg {
    position: absolute;
    inset: 0;
    overflow: hidden
}

@media (max-width: 1199.9px) {
    .stage__left--bg svg {
        max-width: 100%;
        height: auto;
        -webkit-transform: translate(12%, -7%);
        -ms-transform: translate(12%, -7%);
        transform: translate(12%, -7%)
    }
}

@media (max-width: 768px) {
    .stage__left--bg svg {
        max-width: 80%
    }
}

@media (max-width: 576px) {
    .stage__left--bg svg {
        -webkit-transform: translate(12%, -12%);
        -ms-transform: translate(12%, -12%);
        transform: translate(12%, -12%);
        min-width: 451px
    }
}

@media (max-width: 375px) {
    .stage__left--bg {
        -webkit-transform: translate(12%, -6%);
        -ms-transform: translate(12%, -6%);
        transform: translate(12%, -6%);
        min-width: 393px
    }
}

@media (max-width: 576px) {
    .stage__left--bg {
        min-width: 453px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

@media (max-width: 1199.9px) {
    .stage__left {
        padding-top: 32px;
        padding-bottom: 120px;
        margin-left: 0;
        text-align: center;
        margin: 0 auto;
        overflow: hidden
    }
}

@media (min-width: 768px)and (max-width: 1199.9px) {
    .stage__left {
        margin-bottom: 19px
    }
}

@media (max-width: 768px) {
    .stage__left {
        padding-top: 24px;
        padding-bottom: 72px
    }
}

@media (max-width: 576px) {
    .stage__left {
        padding-top: 11px
    }
}

@media (max-width: 374px) {
    .stage__left {
        padding-bottom: 85px;
        margin: 0 -16px;
        width: 112%
    }
}

.stage__left__slider {
    position: relative;
    z-index: 2
}

.stage__slider {
    z-index: 2
}

.stage__logo {
    text-align: center;
    position: relative;
    z-index: 2;
    margin-bottom: 35px;
    padding-top: 18px
}

@media (max-width: 374px) {
    .stage__logo {
        margin-bottom: 18px
    }
}

@media (min-width: 768px) {
    .stage__logo {
        padding-top: 4px;
        margin-bottom: 21px
    }
}

@media (min-width: 1200px) {
    .stage__logo {
        padding-top: 0;
        margin-bottom: 33px;
        margin-top: 21px
    }
}

.stage__logo img {
    max-width: 189px;
    height: auto
}

@media (max-width: 768px) {
    .stage__logo img {
        max-width: 132px
    }
}

@media (max-width: 576px) {
    .stage__logo img {
        max-width: 125px
    }
}

.stage__title {
    max-width: clamp(13.938rem, -14.479rem + 45.83vw, 25.625rem);
    position: relative;
    z-index: 2;
    margin: 0 auto
}

.stage__title h2 {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: clamp(.875rem, -0.037rem + 1.47vw, 1.45rem);
    line-height: 155%;
    text-transform: uppercase;
    text-align: center
}

.stage__link {
    font-family: var(--second-family);
    font-weight: 400;
    font-size: clamp(2.5rem, -6.314rem + 14.22vw, 6.1rem);
    line-height: 100%;
    text-transform: uppercase;
    color: #101010;
    position: relative
}

@media (max-width: 1199.9px) {
    .stage__link {
        font-size: clamp(2.5rem, -0.833rem + 6.94vw, 4.375rem);
        border-radius: 12px;
        overflow: hidden
    }

    .stage__link:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 60%;
        background: rgba(255, 255, 255, .4);
        background: #210e03;
        background: -webkit-gradient(linear, left bottom, left top, from(rgba(33, 14, 3, 0)), to(rgb(33, 14, 3)));
        background: linear-gradient(0deg, rgba(33, 14, 3, 0) 0%, rgb(33, 14, 3) 100%)
    }
}

.stage__link:hover {
    color: var(--yellow-text)
}

.stage__link:hover img {
    pointer-events: none;
    opacity: .6
}

@media (max-width: 1199.9px) {
    .stage__link {
        color: #fff;
        position: absolute;
        inset: 0
    }
}

.stage__link img {
    position: absolute;
    top: -53px;
    left: 0;
    width: 154px;
    height: 230px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 12px;
    opacity: 0;
    margin-top: -12px;
    border: 0;
    outline: none;
    z-index: 1;
    -webkit-transition: -webkit-transform .3s linear 0s;
    transition: -webkit-transform .3s linear 0s;
    transition: transform .3s linear 0s;
    transition: transform .3s linear 0s, -webkit-transform .3s linear 0s;
    pointer-events: none
}

@media (max-width: 1199.9px) {
    .stage__link img {
        top: 0;
        left: 0;
        right: initial;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -webkit-transform: scale(1.02);
        -ms-transform: scale(1.02);
        transform: scale(1.02);
        margin-top: 0;
        max-width: initial;
        opacity: .6
    }
}

@media (max-width: 768px) {
    .stage__link img {
        opacity: .6
    }
}

.stage__link-text {
    position: relative;
    z-index: 2
}

@media (max-width: 1199.9px) {
    .stage__link-text {
        position: absolute;
        top: 20px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        z-index: 3;
        text-align: center
    }
}

.stage__btn {
    position: relative;
    z-index: 3
}

@media (max-width: 992px) {
    .stage__btn {
        padding-top: 32px;
        max-width: 768px;
        margin: 0 auto;
        text-align: center
    }
}

@media (max-width: 1199.9px) {
    .stage__btn {
        text-align: center;
        min-width: 343px
    }

    .stage__btn .btn {
        font-size: 14px;
        padding: 5px 80px
    }
}

@media (max-width: 576px) {
    .stage__btn {
        padding-top: 49px;
        min-width: initial
    }

    .stage__btn .btn {
        width: calc(100% - 16px);
        font-size: clamp(.875rem, .208rem + 1.39vw, 1.25rem);
        padding-left: 15px;
        padding-right: 15px
    }
}

.stage .swiper-button-next,
.stage .swiper-button-prev {
    top: 50%
}

@media (min-width: 1200px) {
    .stage .swiper {
        overflow: visible;
        margin-bottom: -15px
    }

    .stage .stage__slider {
        margin-right: 0;
        margin-left: 0;
        padding-top: 117px;
        max-width: 768px;
        margin-bottom: 69px
    }

    .stage .stage__wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@-webkit-keyframes hoverOn {
    0% {
        left: 0;
        opacity: .6
    }

    30% {
        opacity: 0;
        visibility: hidden
    }

    100% {
        left: 300%;
        opacity: 0
    }
}

@keyframes hoverOn {
    0% {
        left: 0;
        opacity: .6
    }

    30% {
        opacity: 0;
        visibility: hidden
    }

    100% {
        left: 300%;
        opacity: 0
    }
}

@media (min-width: 992px) {
    .stage__nav--item._hover-on img {
        -webkit-animation-name: hoverOn;
        animation-name: hoverOn;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-animation-fill-mode: backwards;
        animation-fill-mode: backwards
    }
}

.stage__nav--item {
    position: relative;
    margin-bottom: 68px
}

@media (max-width: 1200) {
    .stage__nav--item {
        margin-bottom: clamp(2.5rem, -0.611rem + 6.48vw, 4.25rem)
    }
}

@media (max-width: 992px) {
    .stage__nav--item {
        margin-bottom: 0
    }
}

.stage__nav--item:last-child {
    margin-bottom: 0
}

.stage__swiper-button {
    display: none
}

@media (max-width: 1199.9px) {
    .stage__nav--item:last-child {
        margin-right: 16px
    }

    .stage__nav--item:nth-child(even) .stage__link:before {
        content: "";
        position: absolute;
        top: initial;
        bottom: 0;
        left: 0;
        right: 0;
        height: 60%;
        background: rgba(255, 255, 255, .4);
        background: #210e03;
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(33, 14, 3, 0)), to(rgb(33, 14, 3)));
        background: linear-gradient(180deg, rgba(33, 14, 3, 0) 0%, rgb(33, 14, 3) 100%)
    }

    .stage__swiper-button {
        display: block
    }

    .stage__nav--item:nth-child(even) .stage__link-text {
        top: initial;
        bottom: 20px
    }

    .stage__nav--item {
        background-color: #fff;
        width: auto;
        padding-bottom: 48%;
        min-height: 300px
    }

    .stage__slider {
        padding: 0 clamp(0rem, -2.667rem + 5.56vw, 1.5rem)
    }
}

@media (max-width: 768px) {
    .stage__nav--item {
        padding-bottom: 44%
    }

    .stage__slider {
        overflow: visible
    }
}

.stage__swiper-button .swiper-button-prev {
    left: 13%
}

@media (max-width: 576px) {
    .stage__swiper-button .swiper-button-prev {
        left: -3%
    }
}

.stage__swiper-button .swiper-button-next {
    right: 13%
}

@media (max-width: 576px) {
    .stage__swiper-button .swiper-button-next {
        right: -3%
    }
}

@media (min-width: 768px)and (max-width: 1199.9px) {
    .home .news__title {
        margin-bottom: -20px
    }

    .home .news__title .decor_title {
        font-size: 10px;
        min-width: initial;
        min-height: initial
    }
}

.buy {
    padding-bottom: clamp(7.5rem, -15rem + 30vw, 11rem);
    position: relative;
    overflow: hidden
}

@media (min-width: 1200px) {
    .buy {
        padding-bottom: 190px
    }
}

@media (max-width: 1199.9px) {
    .buy {
        padding-bottom: 120px
    }
}

@media (max-width: 768px) {
    .buy {
        padding-bottom: 100px
    }
}

@media (max-width: 576px) {
    .buy {
        padding-bottom: 80px
    }
}

.buy__container {
    max-width: 1390px !important;
    padding-left: var(--container-padding);
    padding-right: var(--container-padding)
}

@media (min-width: 319px) {
    .buy__container {
        padding-left: var(--paddingContainerSmall);
        padding-right: var(--paddingContainerSmall)
    }
}

@media (min-width: 768px) {
    .buy__container {
        padding-left: var(--paddingContainerBig);
        padding-right: var(--paddingContainerBig)
    }
}

.buy__title {
    position: relative;
    margin-bottom: 33px
}

@media (min-width: 0) {
    .buy__title h2 {
        font-size: 70px
    }
}

@media (min-width: 576px) {
    .buy__title h2 {
        font-size: 90px
    }
}

@media (min-width: 1024.1px) {
    .buy__title h2 {
        font-size: 168px
    }
}

@media (max-width: 1024px) {
    .buy__title {
        margin-bottom: 7px
    }

    .buy__title .title--last-text {
        display: block;
        width: 100%
    }
}

@media (max-width: 375px) {
    .buy__title {
        margin-bottom: 9px
    }

    .buy__title .title--last-text {
        bottom: 0%
    }
}

.buy__list {
    padding-bottom: 20px
}

@media (min-width: 992px) {
    .buy__list {
        margin: 0 auto;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 16px
    }
}

.buy .subtitle {
    max-width: 1060px;
    margin-bottom: clamp(2rem, 1.796rem + 1.02vw, 2.688rem);
    color: #000;
    padding-bottom: clamp(0rem, -0.563rem + 2.5vw, 1.625rem)
}

@media (min-width: 1200px) {
    .buy .subtitle {
        padding-bottom: 60px
    }
}

@media (min-width: 1920px) {
    .buy .subtitle {
        margin-bottom: 79px
    }
}

.buy__item {
    padding: 0 8px
}

@media (min-width: 768px) {
    .buy__item {
        max-width: 320px
    }
}

@media (min-width: 992px) {
    .buy__item {
        margin: 0 auto
    }
}

@media (min-width: 1920px) {
    .buy__item {
        max-width: 345px
    }
}

@media (min-width: 0) {
    .buy__item .copy__img {
        padding-bottom: 140%
    }
}

@media (max-width: 768px) {
    .buy__item .copy__img {
        padding-bottom: 136%
    }
}

@media (max-width: 375px) {
    .buy__item .copy__img {
        padding-bottom: 142%
    }
}

.buy__item .btn {
    margin-bottom: clamp(.688rem, .514rem + .77vw, 1.188rem);
    font-size: clamp(.875rem, .745rem + .58vw, 1.25rem)
}

.buy .swiper {
    margin-right: -18px;
    margin-left: -18px;
    overflow: visible
}

.buy .swiper-button-next,
.buy .swiper-button-prev {
    top: 51%
}

.buy .swiper-button-next {
    right: 5px
}

.buy .swiper-button-prev {
    left: 5px
}

.swiper-slide:last-child .buy__item {
    padding-right: 16px
}

.swiper-slide:first-child .buy__item {
    padding-left: 16px
}

@media (max-width: 1024px) {
    .buy__title--inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 50px
    }
}

@media (max-width: 767.9px) {
    .buy__title--inner {
        display: block
    }
}

@media (min-width: 0) {
    .buy__title--inner .decor_title--text {
        font-size: 10px
    }
}

@media (min-width: 576px) {
    .buy__title--inner .decor_title--text {
        font-size: 11px
    }
}

@media (min-width: 1024.1px) {
    .buy__title--inner .decor_title--text {
        font-size: 20px
    }
}

@media (min-width: 0) {
    .buy__title--inner .decor_title {
        min-width: initial;
        min-height: initial;
        padding: 17px 16px;
        top: -2px
    }
}

@media (min-width: 576px) {
    .buy__title--inner .decor_title {
        padding: 20px 22px;
        top: -3px
    }
}

@media (min-width: 1024px) {
    .buy__title--inner .decor_title {
        padding: 36px 39px;
        top: -13px
    }
}

@media (min-width: 0) {
    .buy__title--inner .decor_title::after {
        min-width: initial;
        min-height: initial
    }
}

@media (max-width: 1024px) {
    .buy__title--inner .subtitle {
        font-size: 14px
    }
}

.tours {
    padding-bottom: 120px
}

@media (max-width: 1199.9px) {
    .tours {
        padding-bottom: 120px
    }
}

@media (max-width: 375px) {
    .tours {
        padding-bottom: 80px
    }
}

.tours__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 1440px;
    gap: 20px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-left: var(--container-padding);
    padding-right: var(--container-padding)
}

@media (min-width: 319px) {
    .tours__container {
        padding-left: var(--paddingContainerSmall);
        padding-right: var(--paddingContainerSmall)
    }
}

@media (min-width: 768px) {
    .tours__container {
        padding-left: var(--paddingContainerBig);
        padding-right: var(--paddingContainerBig)
    }
}

@media (max-width: 767px) {
    .tours__container {
        display: block
    }
}

@media (min-width: 768px) {
    .tours__title h2 {
        font-size: 88px;
        margin-bottom: -1px
    }
}

@media (min-width: 1026px) {
    .tours__title h2 {
        font-size: 150px
    }
}

@media (max-width: 375px) {
    .tours__title h2 {
        margin-bottom: -6px
    }
}

@media (max-width: 576px) {
    .tours__title {
        margin-bottom: 0
    }
}

.tours .title--first-text::before {
    font-size: 61% !important;
    display: inline-table;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-39%) rotate(-180deg);
    -ms-transform: translateY(-39%) rotate(-180deg);
    transform: translateY(-39%) rotate(-180deg);
    margin-right: 19px
}

@media (max-width: 576px) {
    .tours .title--first-text::before {
        margin-right: 4px
    }
}

.tours__left {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 60%;
    flex: 0 1 60%;
    padding-top: 32px;
    padding-left: 30px;
    position: relative
}

@media (max-width: 1199.9px) {
    .tours__left {
        padding-left: 0
    }
}

@media (max-width: 992px) {
    .tours__left {
        padding-top: 0;
        padding-left: 0
    }
}

.tours__left::before {
    content: "";
    position: absolute;
    top: 32px;
    left: -27px;
    bottom: 0;
    width: 2px;
    background-color: rgba(0, 0, 0, .2)
}

@media (max-width: 1199.9px) {
    .tours__left::before {
        display: none
    }
}

.tours__title {
    font-size: clamp(3.75rem, 2.214rem + 6.83vw, 8.188rem);
    margin-bottom: clamp(0rem, -0.216rem + .96vw, .625rem)
}

.tours__title span.title--first-text {
    display: block
}

.tours__title span.title--first-text:before {
    content: "";
    font-family: "fontello";
    font-size: 36px
}

@media (max-width: 992px) {
    .tours__btn {
        padding-top: 17px;
        margin-bottom: 14px
    }
}

@media (max-width: 767.9px) {
    .tours__btn {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media (max-width: 375px) {
    .tours__btn {
        margin-bottom: 20px
    }
}

.tours__btn .btn {
    padding: 8px 73px
}

@media (max-width: 767.9px) {
    .tours__btn .btn {
        width: 100%
    }
}

@media (max-width: 576px) {
    .tours__btn .btn {
        width: 100%
    }
}

.tours__right {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 56%;
    flex: 0 1 56%;
    width: 100%
}

.tours__right img {
    border-radius: 20px;
    max-width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

@media (max-width: 992px) {
    .tours__right img {
        width: 100%
    }
}

@media (max-width: 576px) {
    .tours__right img {
        min-height: 338px
    }
}

@media (max-width: 361px) {
    .tours__right img {
        min-height: 342px
    }
}

.tours .decor_title {
    bottom: clamp(1.375rem, .704rem + 2.98vw, 3.313rem)
}

@media (min-width: 1200px) {
    .tours .decor_title {
        top: -63px;
        margin-left: -28px
    }
}

@media (max-width: 768px) {
    .tours .decor_title {
        top: -32px;
        margin-left: -15px
    }
}

@media (max-width: 375px) {
    .tours .decor_title {
        bottom: 34px
    }
}

.tours__left .title__nex-text {
    max-width: 560px
}

@media (min-width: 768px) {
    .tours__left .title__nex-text {
        font-size: 14px;
        line-height: 1.74;
        margin-bottom: 6px
    }
}

@media (min-width: 1200px) {
    .tours__left .title__nex-text {
        font-size: 19px;
        margin-bottom: 40px
    }
}

.branches {
    padding-bottom: clamp(7.5rem, -15rem + 30vw, 11.25rem)
}

@media (min-width: 1200px) {
    .branches {
        padding-bottom: 194px
    }
}

@media (max-width: 1199.9px) {
    .branches {
        padding-bottom: 120px
    }
}

@media (max-width: 760px) {
    .branches {
        padding-bottom: 110px
    }
}

.branches__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 35px;
    z-index: 11;
    position: relative
}

@media (min-width: 768px) {
    .branches__container {
        padding-left: var(--paddingContainerBig);
        padding-right: var(--paddingContainerBig)
    }
}

@media (max-width: 1199.9px) {
    .branches__container {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        gap: 20px;
        gap: 28px;
    }

    .branches__container .decor_title {
        padding: 0 19px;
        min-width: inherit;
        width: auto;
        height: 65px;
        min-height: initial
    }

    .branches__container .decor_title--text {
        font-size: 10px;
        line-height: 120%
    }
}

@media (max-width: 767.9px) {
    .branches__container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

.branches__left {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 420px;
    flex: 1 1 420px;
    padding-top: 15px;
    -webkit-box-flex: initial;
    -ms-flex: initial;
    flex: initial;
    width: 100%;
}

@media (min-width: 1200px) {
    .branches__left {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 433px;
        flex: 0 1 433px;
        -webkit-box-flex: initial;
        -ms-flex: initial;
        flex: initial;
        width: 33%;
    }
}

@media (max-width: 1199.9px) {
    .branches__left {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 50%;
        flex: 0 1 50%;
        -webkit-box-flex: initial;
        -ms-flex: initial;
        flex: initial;
        width: 47%;
    }
}

@media (max-width: 992px) {
    .branches__left {
        padding-top: 0;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        -webkit-box-flex: initial;
        -ms-flex: initial;
        flex: initial;
        width: 47%
    }
}

/**/

@media (max-width: 767px) {
    .branches__left {
        width: 100%;
    }
}

@media (min-width: 1400px) {
    .branches__left {
        padding-left: 15px
    }
}

.branches__left img {
    border-radius: 8px;
    overflow: hidden;
    max-width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    aspect-ratio: 418/272;
}

@media (max-width: 1199.9px) {
    .branches__left img {
        width: 100%;
        margin-bottom: 21px;
        max-height: 140px;
        max-height: none;
        aspect-ratio: 317/138;
    }
}

@media (max-width: 767.9px) {
    .branches__left img {
        min-height: 255px;
        margin-bottom: 23px;
        max-height: none;
        aspect-ratio: 343/250;
    }
}

@media (max-width: 361px) {
    .branches__left img {
        margin-bottom: 23px
    }
}

.branches__riht {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    max-width: none;
    width: 64%;
    overflow: hidden;
}

@media (max-width: 1199.9px) {
    .branches__riht {
        max-width: 360px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        max-width: none;
        width: 100%;
        overflow: hidden;
    }
}

@media (min-width: 768px) {
    .branches__riht {
        width: 50%;
    }
}

.branches__title {
    padding-top: 14px
}

@media (max-width: 1199.9px) {
    .branches__title {
        padding-bottom: 20px
    }
}

.branches__title h2 {
    font-size: clamp(4rem, 3.654rem + 1.54vw, 5rem)
}

@media (max-width: 361px) {
    .branches__title h2 {
        font-size: 54px
    }
}

@media (max-width: 992px) {
    .branches__title {
        padding-top: 0
    }
}

@media (max-width: 760px) {
    .branches__title {
        margin-bottom: -7px
    }
}

.branches .title__nex-text {
    font-size: clamp(.875rem, .744rem + .58vw, 1.25rem)
}

@media (max-width: 992px) {
    .branches .title__nex-text {
        margin-bottom: 0;
        font-size: 14px
    }
}

@media (max-width: 361px) {
    .branches .title__nex-text {
        padding-top: 13px
    }
}

.branches .branches__title h2 {
    margin-bottom: 12px;
}

@media (min-width: 768px) {
    .branches .branches__title h2 {
        margin-bottom: 20px;
    }
}

@media (min-width: 1200px) {
    .branches .branches__title h2 {
        margin-bottom: 24px;
    }
}

@media (min-width: 1200px) {
    .branches .branches__title h2 {
        font-size: calc(1.8rem + 2.5vw);
    }
}

@media (min-width: 2000px) {
    .branches .branches__title h2 {
        font-size: calc(1.2rem + 2.5vw);
    }
}

@media (max-width: 1199.9px) {
    .branches .branches__title h2 {
        font-size: 62px
    }
}

@media (max-width: 1199.9px) {
    .branches .branches__title h2 {
        font-size: clamp(4rem, 2.222rem + 3.7vw, 5rem)
    }
}

@media (max-width: 374.9px) {
    .branches .branches__title h2 {
        font-size: 50px
    }
}

@media (min-width: 1200px) {
    .branches .branches__title h2 .decor_title {
        min-width: initial;
        font-size: calc(0.4rem + 0.4vw);
    }
}

.branches__btn {
    padding-top: 20px
}

@media (max-width: 1199.9px) {
    .branches__btn {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding-top: 0
    }
}

@media (max-width: 361px) {
    .branches__btn {
        padding-top: 0
    }
}

.branches__link-to a {
    font-weight: 500;
    font-size: clamp(.875rem, .745rem + .58vw, 1.25rem);
    line-height: 140%;
    text-transform: uppercase;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
    -webkit-transition: color .3s ease 0s;
    transition: color .3s ease 0s
}

.branches__link-to a:hover {
    color: var(--yellow-text)
}

.branches-page {
    margin-bottom: 63px
}

@media (max-width: 1199.9px) {
    .branches-page .page-bg_top-left {
        display: none
    }
}

.branches-page .page-bg_top {
    display: block
}

@media (min-width: 375px) {
    .branches-page .page-bg_top {
        display: none
    }
}

@media (min-width: 1200px) {
    .branches-page .rulers__hero--text {
        margin-bottom: 9px
    }
}

@media (min-width: 768px)and (max-width: 1199.9px) {
    .branches-page .rulers__item--content {
        grid-template-areas: "title title" "img img" "text text" "desc desc";
        grid-template-columns: 1fr 1fr
    }
}

@media (min-width: 768px) {
    .branches-page .rulers__item--subtitle {
        margin-bottom: 10px
    }
}

@media (min-width: 0) {
    .branches-page {
        margin-bottom: 39px
    }
}

@media (min-width: 1024px) {
    .branches-page {
        margin-bottom: 98px
    }
}

.branches-page__btn .awards__link-to--mob {
    display: none
}

@media (max-width: 576px) {
    .branches-page__btn .awards__link-to--mob {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 15px;
        font-weight: 500;
        font-size: 14px;
        line-height: 100%;
        text-transform: uppercase;
        text-align: center;
        color: #000
    }
}

@media (max-width: 576px) {
    .branches-page__btn .awards__link-to--descop {
        display: none
    }
}

.branches-page .rulers__hero--img img {
    min-height: 250px
}

.branches-page .rulers__hero--desc-contacts {
    padding-left: 0
}

.branches-page .rulers__hero--desc-contacts.rulers__hero--desc::after {
    display: none
}

@media (min-width: 576px) {
    .branches-page .rulers__hero--desc-contacts {
        display: grid;
        gap: 16px;
        grid-template-columns: 200px 1fr
    }
}

@media (min-width: 768px)and (max-width: 1199.9px) {
    .branches-page .rulers__hero--desc-contacts {
        grid-column: 1/3
    }
}

@media (min-width: 768px)and (max-width: 1199.9px) {
    .branches-page .rulers__hero--desc-contacts-r {
        padding-left: 70px
    }
}

.branches-page .rulers__title {
    margin-bottom: 12px
}

@media (min-width: 768px) {
    .branches-page .rulers__title {
        margin-bottom: 30px
    }
}

@media (min-width: 768px) {
    .branches-page .rulers__hero--text-top {
        left: 414px
    }
}

@media (min-width: 0) {
    .branches-page .rulers__title h1 {
        font-size: 60px;
        line-height: 1
    }
}

@media (min-width: 576px) {
    .branches-page .rulers__title h1 {
        font-size: 80px
    }
}

@media (min-width: 768px) {
    .branches-page .rulers__title h1 {
        font-size: 100px
    }
}

.branches-page .contacts__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.branches-page .contacts__list--phone {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px
}

@media (min-width: 0) {
    .branches-page .contacts__list--title {
        font-family: var(--font-family);
        font-weight: 500;
        font-size: 14px;
        line-height: 1.5;
        text-transform: uppercase;
        color: #b4b4b4;
        margin-bottom: 12px;
        display: block
    }
}

@media (min-width: 768px) {
    .branches-page .contacts__list--title {
        padding-top: 25px
    }
}

@media (min-width: 992px) {
    .branches-page {
        overflow: hidden
    }
}

@media (min-width: 0)and (max-width: 768px) {
    .branches-page .rulers__hero {
        margin-bottom: 55px
    }
}

@media (min-width: 768px) {
    .branches-page .rulers__hero {
        margin-bottom: 84px
    }
}

@media (min-width: 1200px) {
    .branches-page .rulers__hero {
        margin-bottom: -15px
    }
}

@media (min-width: 0) {
    .branches-page .rulers__item--title {
        margin-bottom: 12px
    }
}

@media (min-width: 0) {
    .branches-page .rulers__item--text {
        margin-bottom: 24px
    }
}

@media (min-width: 768px) {
    .branches-page .tour-list__item {
        margin-bottom: 67px
    }
}

@media (min-width: 992px) {
    .branches-page .tour-list__item {
        margin-bottom: 84px
    }
}

@media (min-width: 1024px) {
    .branches-page .tour-list__item {
        margin-bottom: 124px
    }
}

.branches-page .tour-list__item:last-child {
    margin-bottom: 30px
}

@media (min-width: 768px) {
    .branches-page .tour-list__item:last-child {
        margin-bottom: 32px
    }
}

@media (min-width: 992px) {
    .branches-page .tour-list__item .rulers__item--img {
        max-width: initial;
        min-width: initial
    }
}

@media (min-width: 1360px) {
    .branches-page .tour-list__item .rulers__item--img {
        max-width: initial;
        min-width: 700px
    }
}

@media (min-width: 0) {
    .branches-turs--title {
        margin-bottom: 0px
    }
}

@media (min-width: 0) {

    .branches-turs--title h2,
    .branches-turs--title .h2 {
        font-size: 52px
    }
}

@media (min-width: 768px) {

    .branches-turs--title h2,
    .branches-turs--title .h2 {
        text-align: center;
        font-size: 60px;
        margin-bottom: -6px
    }
}

@media (min-width: 992px) {

    .branches-turs--title h2,
    .branches-turs--title .h2 {
        font-size: 100px;
        margin-bottom: 25px
    }
}

@media (max-width: 1199.9px) {
    .branches__riht .title__nex-text {
        margin-bottom: 0;
        margin-top: 0
    }
}

.news {
    padding-bottom: clamp(6.188rem, 5.316rem + 3.85vw, 8.688rem)
}

@media (max-width: 375px) {
    .news {
        padding-bottom: 93px
    }
}

@media (min-width: 1920px) {
    .news {
        margin-bottom: 17px
    }
}

.news__container {
    max-width: 1400px;
    position: relative
}

@media (min-width: 319px) {
    .news__container {
        padding-left: var(--paddingContainerSmall);
        padding-right: var(--paddingContainerSmall);
    }
}

.news__title {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (max-width: 1199.9px) {
    .news__title {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center
    }
}

@media (max-width: 375.1) {
    .news__title {
        margin-bottom: -6px
    }
}

.news__title h2 {
    font-size: clamp(4.375rem, 2.097rem + 4.75vw, 6.25rem)
}

@media (max-width: 1199.9px) {
    .news__title h2 {
        font-size: 70px
    }
}

@media (max-width: 361px) {
    .news__title h2 {
        font-size: 60px
    }
}

@media (max-width: 576px) {
    .news__title span.title--last-text {
        display: block;
        width: 100%;
        text-align: left
    }
}

.news__list {
    padding: 29px 0;
    max-width: 1392px;
    margin: 0 auto;
    display: grid;
    gap: clamp(1.25rem, -14.5rem + 21vw, 3.875rem)
}

@media (max-width: 375px) {
    .news__list {
        padding-top: 3px
    }
}

@media (min-width: 768px) {
    .news__list {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (min-width: 1200.1px) {
    .news__list {
        grid-template-columns: repeat(4, 1fr)
    }
}

@media (max-width: 1199.9px) {
    .news__list {
        padding-bottom: 40px
    }
}

.news__list__container {
    max-width: 1400px;
    position: relative
}

@media (max-width: 480px) {
    .news__list__container {
        overflow: hidden;
        padding-right: 0;
        padding-left: 0
    }
}

@media (max-width: 1199.9px) {
    .news .title--link {
        margin-top: 0;
        padding: 0 16px
    }

    .news .title--link a {
        border-radius: 100px;
        padding: 10px 36px;
        background-color: #e5e5e5;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        max-width: 343px;
        margin: 0 auto
    }

    .news .title--link a svg,
    .news .title--link a img {
        display: none
    }
}

@media (max-width: 576px) {
    .news .title--link {
        padding: 0 0 0 0
    }
}

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

.news__item--img {
    margin-bottom: 12px;
    position: relative;
    padding-bottom: 60%;
    min-height: 180px;
    border-radius: 8px;
    overflow: hidden
}

@media (max-width: 576px) {
    .news__item--img {
        height: 230px
    }
}

.news__item--img:hover img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.news__item--img img {
    -webkit-transition: -webkit-transform .5s ease 0s;
    transition: -webkit-transform .5s ease 0s;
    transition: transform .5s ease 0s;
    transition: transform .5s ease 0s, -webkit-transform .5s ease 0s;
    max-width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.news__item--data {
    font-weight: 500;
    font-size: 14px;
    line-height: 150%;
    text-transform: uppercase;
    color: #000;
    opacity: .5;
    margin-bottom: 8px
}

.one-news-v1 .one-news__bottom-slider .news__item {
    text-align: left;
}

.news__item--title {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    text-transform: uppercase;
    color: #000;
    margin-bottom: 15px;
    -webkit-transition: color .3s ease 0s;
    transition: color .3s ease 0s;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.news__item--title a {
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

.news__item--title a:hover {
    color: var(--yellow-text)
}

@media (max-width: 320.1px) {
    .news__item--title {
        font-size: 14px
    }
}

.news__item--link {
    margin-top: auto
}

.news__item--link a {
    font-weight: 500;
    font-size: clamp(.875rem, .745rem + .58vw, 1.25rem);
    line-height: 140%;
    text-transform: uppercase;
    color: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
    -webkit-transition: color .3s ease 0s;
    transition: color .3s ease 0s
}

.news__item--link a:hover {
    color: var(--yellow-text)
}

@media (max-width: 576px) {
    .news__item--link {
        display: none
    }
}

.page-bg_top--mobile {
    position: absolute;
    top: 0;
    left: 0
}

@media (min-width: 992px) {
    .page-bg_top--mobile {
        display: none
    }
}

@media (max-width: 576px) {
    .page-bg_top--mobile {
        display: none
    }
}

.page-bg_top--mobile svg {
    max-width: 100%;
    height: auto
}

.partners {
    padding-top: clamp(2.813rem, 1.731rem + 4.81vw, 5.938rem);
    padding-bottom: clamp(2.5rem, 1.115rem + 6.15vw, 6.5rem);
    background-image: url(../img/design/bg-black.png);
    background-repeat: repeat;
    color: #fff;
    position: relative;
    z-index: 4;
    margin-bottom: clamp(2rem, 1.373rem + 2.79vw, 3.813rem);
    overflow: hidden
}

@media (max-width: 1199.9px) {
    .partners {
        padding-top: 44px;
        padding-bottom: 22px
    }
}

@media (max-width: 760px) {
    .partners {
        padding-top: 53px;
        padding-bottom: 50px
    }
}

@media (max-width: 361px) {
    .partners {
        padding-bottom: 32px
    }
}

@media (min-width: 1920px) {
    .partners {
        padding-bottom: 103px
    }
}

.partners__container {
    max-width: 1390px
}

.partners__title {
    color: #fff;
    margin-bottom: clamp(2rem, 1.675rem + 1.44vw, 2.938rem)
}

@media (max-width: 1199.9px) {
    .partners__title {
        text-align: center;
        margin-bottom: 0
    }
}

.partners__title h2 {
    font-size: clamp(4.375rem, 4.159rem + .96vw, 5rem)
}

@media (max-width: 1199.9px) {
    .partners__title h2 {
        font-size: 50px
    }
}

@media (max-width: 760px) {
    .partners__title h2 {
        width: -webkit-min-content;
        width: -moz-min-content;
        width: min-content;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        font-size: 72px
    }
}

@media (max-width: 361px) {
    .partners__title h2 {
        font-size: 60px
    }
}

@media (max-width: 361px) {
    .partners__title {
        text-align: center
    }
}

.partners__list__container {
    max-width: 1530px
}

.partners__slider {
    padding: 0 40px;
}

.partners__wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.partners__slide {
    text-align: center
}

.partners__slide img {
    max-width: 136px;
    width: 100%;
    height: auto
}

.partners .swiper-button-next,
.partners .swiper-button-prev {
    top: 50%;
}

.partners .swiper-button-prev {
    left: 15px;

}

.partners .swiper-button-next {
    right: 15px;
}

@media (max-width: 361px) {
    .partners .swiper-button-prev {
        left: -2%;

    }

    .partners .swiper-button-next {
        right: -2%;
    }
}

.swiper-button-prev {
    overflow: visible;
}

.swiper-button-next {
    overflow: visible;
}

.swiper-button-prev::before {
    content: "";
    position: absolute;
    top: -60%;
    left: -30%;
    width: 220%;
    height: 220%;
    z-index: -1;
    background: url("../img/arrow-left.png") center / 80% no-repeat;
}

@media (min-width: 577px) {
    .swiper-button-prev::before {
        top: -98%;
        left: -60%;
        width: 300%;
        height: 300%;
    }
}

.swiper-button-next::before {
    content: "";
    position: absolute;
    top: -60%;
    left: -95%;
    width: 220%;
    height: 220%;
    z-index: -1;
    background: url("../img/arrow-right.png") center / 80% no-repeat;
}

@media (min-width: 577px) {
    .swiper-button-next::before {
        top: -98%;
        left: -130%;
        width: 300%;
        height: 300%;
    }
}

.swiper-button-prev::after {
    width: 100%;
}

.swiper-button-next::after {
    width: 100%;
}

.partners .swiper-button-prev::after:hover {
    opacity: 0.6;

}

.partners .swiper-button-next::after:hover {
    opacity: 0.6;
}

.filialy {
    position: relative;
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    margin-bottom: clamp(6.25rem, 4.519rem + 7.69vw, 11.25rem)
}

@media (max-width: 1199.9px) {
    .filialy {
        margin-bottom: 120px
    }
}

@media (max-width: 567px) {
    .filialy {
        margin-bottom: 58px
    }
}

.filialy-title__container {
    position: absolute;
    top: 80px;
    right: 50%;
    -webkit-transform: translateX(88%);
    -ms-transform: translateX(88%);
    transform: translateX(88%);
    z-index: 3
}

.filialy-title__container .title--last-text {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

@media (min-width: 992px) {
    .filialy-title__container .decor_title {
        top: -12px;
        left: 30px
    }
}

.filialy-title__container .title__nex-text {
    max-width: 363px;
    margin: 0 0 0 auto;
    text-align: right
}

@media (min-width: 1200px) {
    .filialy-title__container .title__nex-text {
        position: absolute;
        top: 86%;
        right: 15px
    }
}

@media (max-width: 1420px) {
    .filialy-title__container {
        top: 43px;
        -webkit-transform: translateX(86%);
        -ms-transform: translateX(86%);
        transform: translateX(86%)
    }
}

.filialy__title h2 {
    font-size: clamp(4.375rem, 2.368rem + 8.92vw, 10.563rem)
}

@media (max-width: 361px) {
    .filialy__title h2 {
        font-size: 58px
    }
}

@media (min-width: 768px)and (max-width: 1024px) {
    .filialy__title h2 {
        font-size: 88px
    }
}

.filialy__decor-1 {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    opacity: .4;
    position: relative;
    top: -11px;
    left: 9px
}

.filialy__decor-2 {
    position: absolute;
    top: 26px;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2
}

.filialy__decor-2 path {
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

.filialy__decor-2.path1_2 {
    position: relative
}

.filialy__decor-2.path1_2:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 200px;
    height: 200px;
    background-color: var(--yellow-text);
    border-radius: 50%;
    z-index: -1;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

.filialy__decor-2.path1_2 #path1_2,
.filialy__decor-2.path1_2 #path1_1,
.filialy__decor-2.path1_2 #path1,
.filialy__decor-2.path1_1 #path1_2,
.filialy__decor-2.path1_1 #path1_1,
.filialy__decor-2.path1_1 #path1,
.filialy__decor-2.path1 #path1_2,
.filialy__decor-2.path1 #path1_1,
.filialy__decor-2.path1 #path1 {
    fill: var(--yellow-text)
}

.filialy__decor-2.path24 #path24 {
    fill: var(--yellow-text)
}

.filialy__decor-2.path26 #path26 {
    fill: var(--yellow-text)
}

.filialy__decor-2.path28 #path28 {
    fill: var(--yellow-text)
}

.filialy__decor-2.path30 #path30 {
    fill: var(--yellow-text)
}

.filialy__decor-2.path32 #path32 {
    fill: var(--yellow-text)
}

.filialy__decor-2.path34 #path34 {
    fill: var(--yellow-text)
}

.filialy__decor-2.path36 #path36 {
    fill: var(--yellow-text)
}

.filialy__decor-2 #path1_2 {
    position: relative
}

.filialy__decor-2 #path1_2:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 200px;
    height: 200px;
    background-color: var(--yellow-text);
    border-radius: 50%;
    z-index: -1;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

.filialy_item-region {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    height: 0
}

.filialy_item-region svg {
    max-width: 100%;
    height: auto
}

.region-title {
    font-weight: 500;
    font-size: 11px;
    line-height: 70%;
    text-transform: uppercase;
    color: #000;
    position: relative;
    padding-bottom: 10px
}

.region-title:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 1px;
    height: 263%;
    background-color: #000
}

.region_1 {
    top: 21%;
    left: 19%
}

.region-title {
    opacity: 1;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

.hid__region-text {
    opacity: 0;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

.filialy_item-region._hover .region-title {
    opacity: 0
}

.filialy_item-region._hover .hid__region-text {
    opacity: 1
}

.region_2 {
    top: 25%;
    left: 30%
}

.region_3 {
    top: 23%;
    left: 39%
}

.region_4 {
    top: 25%;
    left: 50%
}

.region_5 {
    top: 30%;
    left: 60%
}

.region_6 {
    top: 37%;
    left: 70%
}

.region_7 {
    top: 43%;
    left: 77%
}

.region_8 {
    top: 51%;
    left: 86%
}

.hid__region-text {
    font-family: var(--second-family);
    font-weight: 600;
    font-size: 54px;
    line-height: 100%;
    text-transform: uppercase;
    color: var(--yellow-text);
    top: -44px;
    position: relative
}

.filialy__container {
    position: relative
}

.filialy__list {
    position: absolute;
    bottom: 72px;
    left: 32px;
    z-index: 5;
    width: 694px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-height: 300px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: clamp(.375rem, -0.384rem + 1.58vw, 1rem) clamp(.625rem, -4.312rem + 10.28vw, 4.688rem)
}

.filialy__item svg {
    height: clamp(2.188rem, .972rem + 1.96vw, 2.688rem);
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s;
    position: relative;
    top: 2px
}

.filialy__item svg path {
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    stroke: currentColor
}

.filialy__item._hover .filialy__item--link span {
    color: var(--yellow-text);
    border-bottom-color: var(--yellow-text)
}

.filialy__item._hover .filialy__item--link svg path {
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    stroke: var(--yellow-text)
}

.filialy__item--link {
    margin-bottom: clamp(.625rem, -0.134rem + 1.58vw, 1.25rem)
}

.filialy__item--link span {
    font-family: var(--second-family);
    font-weight: 400;
    font-size: clamp(2.75rem, 1.839rem + 1.9vw, 3.5rem);
    line-height: 100%;
    letter-spacing: -0.02em;
    color: #000;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    border-bottom: 1px solid rgba(0, 0, 0, 0)
}

.filialy__item--link span svg {
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s;
    position: relative;
    top: 2px
}

.filialy__item--link span svg path {
    stroke: currentColor
}

.filialy__item--link._hover span,
.filialy__item--link:hover span {
    color: var(--yellow-text);
    border-bottom-color: var(--yellow-text)
}

.filialy__item--link._hover svg path,
.filialy__item--link:hover svg path {
    stroke: var(--yellow-text)
}

.filialy__item--drow {
    background-color: #000;
    padding: 12px 17px 15px 17px;
    border-radius: 4px;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 17px;
    position: absolute;
    top: -156px;
    left: 0px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
    z-index: -1;
    pointer-events: none
}

@media (max-width: 1336px) {
    .filialy__item--drow {
        top: -128px;
        left: -2px
    }
}

.filialy__item--item {
    max-width: 90px
}

.filialy__item--icon {
    max-width: 51px;
    max-height: 51px;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    text-align: center
}

.filialy__item--icon svg,
.filialy__item--icon img {
    max-width: 100%;
    height: auto;
    max-height: 51px
}

.filialy__item--text {
    font-weight: 500;
    font-size: 8px;
    line-height: 140%;
    text-transform: uppercase;
    text-align: center;
    color: #fff
}

.filialy__item._hover .filialy__item--drow,
.filialy__item:hover .filialy__item--drow {
    opacity: 1;
    visibility: visible;
    z-index: 1;
    pointer-events: all
}

@media (max-width: 1199.9px) {
    .filialy_item-region__wrapper {
        display: none
    }

    .filialy__item--drow {
        position: relative;
        opacity: 1;
        visibility: visible;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        left: initial;
        right: initial;
        top: initial;
        bottom: initial;
        z-index: 4
    }

    .filialy-title__container,
    .filialy__container {
        position: relative;
        left: initial;
        right: initial;
        top: initial;
        bottom: initial;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        z-index: 4
    }

    .filialy-title__container .title__nex-text {
        margin: 0 0 10px 0;
        text-align: left
    }

    .filialy-title__container .title--last-text {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .filialy__list,
    .filialy__decor-2,
    .filialy__decor-1 {
        display: none
    }

    .filialy-title__container {
        padding-left: var(--paddingContainerBig);
        padding-right: var(--paddingContainerBig);
        margin-bottom: 71px
    }

    .filialy .title-decor {
        margin-bottom: 10px
    }
}

@media (max-width: 768px) {
    .filialy-title__container {
        padding-left: var(--paddingContainerSmall);
        padding-right: var(--paddingContainerSmall)
    }
}

@media (max-width: 760px) {
    .filialy-title__container {
        margin-bottom: 54px
    }
}

@media (min-width: 1200px) {
    .mob-filialy__list {
        display: none
    }
}

.mob-filialy--title {
    font-family: var(--second-family);
    font-weight: 400;
    font-size: 44px;
    line-height: 100%;
    text-transform: uppercase;
    text-align: center;
    color: #000
}

@media (min-width: 768px)and (max-width: 1199.9px) {
    .mob-filialy--title {
        font-size: 58px
    }
}

.mob-filialy__item--icon {
    margin-bottom: 7px;
    min-height: 49px
}

.mob-filialy__item--icon svg {
    height: 43px;
    width: 34px
}

.mob-filialy__item--icon svg path {
    fill: #8b8b8b
}

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

@media (max-width: 640px) {
    .mob-filialy__inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.mob-filialy__items {
    gap: 40px 15px;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
    margin-bottom: 37px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 84px;
    padding: 0 16px;
    padding-top: 17px
}

@media (max-width: 640px) {
    .mob-filialy__items {
        grid-template-columns: repeat(4, 1fr);
        gap: 40px 8px;
        padding-top: 0;
        margin-bottom: 0
    }
}

.mob-filialy__item {
    max-width: 123px;
    margin: 0 auto;
    text-align: center
}

.mob-filialy__item--title {
    font-weight: 700;
    font-size: clamp(.563rem, .384rem + .79vw, .875rem);
    line-height: 144%;
    text-transform: uppercase;
    text-align: center;
    color: #8b8b8b
}

@media (max-width: 1199.9px) {
    .mob-filialy__item--title {
        font-size: 14px
    }
}

@media (max-width: 1024px) {
    .mob-filialy__item--title {
        font-size: 12px
    }
}

@media (max-width: 760px) {
    .mob-filialy__item--title {
        font-size: 9px
    }
}

.mob-filialy__img {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
    padding-bottom: 74%
}

.mob-filialy__img--text {
    font-family: var(--second-family);
    font-size: 25px;
    font-weight: 600;
    color: #ffb71b;
    position: absolute;
    top: 22%;
    left: 50%;
    z-index: 1
}

.mob-filialy__wrapper .mob-filialy__slide:nth-child(1) .mob-filialy__img--text {
    top: 11%;
    left: 21%
}

.mob-filialy__wrapper .mob-filialy__slide:nth-child(2) .mob-filialy__img--text {
    top: 16%;
    left: 45%
}

.mob-filialy__wrapper .mob-filialy__slide:nth-child(3) .mob-filialy__img--text {
    top: 15%;
    left: 42%
}

.mob-filialy__wrapper .mob-filialy__slide:nth-child(4) .mob-filialy__img--text {
    top: 17%;
    left: 45%
}

.mob-filialy__wrapper .mob-filialy__slide:nth-child(5) .mob-filialy__img--text {
    top: 25%;
    left: 52%
}

.mob-filialy__wrapper .mob-filialy__slide:nth-child(6) .mob-filialy__img--text {
    top: 34%;
    left: 47%
}

.mob-filialy__wrapper .mob-filialy__slide:nth-child(7) .mob-filialy__img--text {
    top: 41%;
    left: 51%
}

.mob-filialy__wrapper .mob-filialy__slide:nth-child(8) .mob-filialy__img--text {
    top: 50%;
    left: 53%
}

@media (max-width: 768px) {
    .mob-filialy__wrapper .mob-filialy__slide:nth-child(1) .mob-filialy__img--text {
        top: 3%;
        left: 21%
    }

    .mob-filialy__wrapper .mob-filialy__slide:nth-child(2) .mob-filialy__img--text {
        top: 14%;
        left: 45%
    }

    .mob-filialy__wrapper .mob-filialy__slide:nth-child(3) .mob-filialy__img--text {
        top: 9%;
        left: 42%
    }

    .mob-filialy__wrapper .mob-filialy__slide:nth-child(4) .mob-filialy__img--text {
        top: 15%;
        left: 45%
    }

    .mob-filialy__wrapper .mob-filialy__slide:nth-child(5) .mob-filialy__img--text {
        top: 25%;
        left: 52%
    }

    .mob-filialy__wrapper .mob-filialy__slide:nth-child(6) .mob-filialy__img--text {
        top: 40%;
        left: 47%
    }

    .mob-filialy__wrapper .mob-filialy__slide:nth-child(7) .mob-filialy__img--text {
        top: 50%;
        left: 55%
    }
}

.mob-filialy__images {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    -o-object-fit: cover;
    object-fit: cover
}

.mob-filialy--title {
    margin-bottom: 9px
}

.mob-filialy__swiper-button {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 35px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 180px;
    z-index: 3
}

.mob-filialy__slide {
    background-image: url(../img/design/bg-where.png)
}

.mob-filialy__swiper-button button {
    width: 33px
}

@media (min-width: 768px)and (max-width: 1199.9px) {
    .mob-filialy__swiper-button button {
        width: 80px
    }
}

.mob-filialy__swiper-button button.swiper-button-disabled {
    opacity: .3
}

.mob-filialy__list--bg {
    position: absolute;
    left: 0;
    bottom: -313px;
    z-index: 0;
    display: none
}

@-webkit-keyframes test {
    0% {
        -webkit-clip-path: inset(0 0px 900px 0px);
        clip-path: inset(0 0px 900px 0px)
    }

    80% {
        -webkit-clip-path: inset(0px 0px 0px 0px);
        clip-path: inset(0px 0px 0px 0px)
    }

    100% {
        -webkit-clip-path: inset(0px 0px 0px 0px);
        clip-path: inset(0px 0px 0px 0px)
    }
}

@keyframes test {
    0% {
        -webkit-clip-path: inset(0 0px 900px 0px);
        clip-path: inset(0 0px 900px 0px)
    }

    80% {
        -webkit-clip-path: inset(0px 0px 0px 0px);
        clip-path: inset(0px 0px 0px 0px)
    }

    100% {
        -webkit-clip-path: inset(0px 0px 0px 0px);
        clip-path: inset(0px 0px 0px 0px)
    }
}

@-webkit-keyframes awardsDecorTop {
    0% {
        -webkit-clip-path: inset(0 900px 0px 0px);
        clip-path: inset(0 900px 0px 0px)
    }

    100% {
        -webkit-clip-path: inset(0px 0px 0px 0px);
        clip-path: inset(0px 0px 0px 0px)
    }
}

@keyframes awardsDecorTop {
    0% {
        -webkit-clip-path: inset(0 900px 0px 0px);
        clip-path: inset(0 900px 0px 0px)
    }

    100% {
        -webkit-clip-path: inset(0px 0px 0px 0px);
        clip-path: inset(0px 0px 0px 0px)
    }
}

.awards-decor__top svg {
    -webkit-animation: awardsDecorTop;
    animation: awardsDecorTop;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

svg.svg-animation {
    -webkit-animation: test;
    animation: test;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-delay: 10s;
    animation-delay: 10s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.filialy.main-animation__active #path44 {
    -webkit-animation: path44;
    animation: path44;
    animation-duration: 1s;
    animation-delay: 0.5s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes path44 {
    0% {
        stroke: #989a9c;
        -webkit-clip-path: inset(0 0px 900px 0px);
        clip-path: inset(0 0px 900px 0px)
    }

    100% {
        stroke: #989a9c;
        -webkit-clip-path: inset(0px 0px 0px 0px);
        clip-path: inset(0px 0px 0px 0px)
    }
}

@keyframes path44 {
    0% {
        stroke: #989a9c;
        -webkit-clip-path: inset(0 0px 900px 0px);
        clip-path: inset(0 0px 900px 0px)
    }

    100% {
        stroke: #989a9c;
        -webkit-clip-path: inset(0px 0px 0px 0px);
        clip-path: inset(0px 0px 0px 0px)
    }
}

@-webkit-keyframes path124 {
    0% {
        fill: #000;
        -webkit-clip-path: inset(0 0px 900px 0px);
        clip-path: inset(0 0px 900px 0px)
    }

    100% {
        fill: #000;
        -webkit-clip-path: inset(0px 0px 0px 0px);
        clip-path: inset(0px 0px 0px 0px)
    }
}

@keyframes path124 {
    0% {
        fill: #000;
        -webkit-clip-path: inset(0 0px 900px 0px);
        clip-path: inset(0 0px 900px 0px)
    }

    100% {
        fill: #000;
        -webkit-clip-path: inset(0px 0px 0px 0px);
        clip-path: inset(0px 0px 0px 0px)
    }
}

@-webkit-keyframes regionFilial {
    0% {
        opacity: 0;
        -webkit-clip-path: inset(0 0px 900px 0px);
        clip-path: inset(0 0px 900px 0px)
    }

    100% {
        opacity: 1;
        -webkit-clip-path: inset(0px 0px 0px 0px);
        clip-path: inset(0px 0px 0px 0px)
    }
}

@keyframes regionFilial {
    0% {
        opacity: 0;
        -webkit-clip-path: inset(0 0px 900px 0px);
        clip-path: inset(0 0px 900px 0px)
    }

    100% {
        opacity: 1;
        -webkit-clip-path: inset(0px 0px 0px 0px);
        clip-path: inset(0px 0px 0px 0px)
    }
}

.filialy.main-animation .filialy__decor-1,
.filialy.main-animation .filialy_item-region,
.filialy.main-animation #path18,
.filialy.main-animation #path20,
.filialy.main-animation #path12,
.filialy.main-animation #path16,
.filialy.main-animation #path14,
.filialy.main-animation #path22,
.filialy.main-animation #path1,
.filialy.main-animation #path1_1,
.filialy.main-animation #path1_2,
.filialy.main-animation #path30,
.filialy.main-animation #path32,
.filialy.main-animation #path34,
.filialy.main-animation #path36,
.filialy.main-animation #path28,
.filialy.main-animation #path24,
.filialy.main-animation #path26,
.filialy.main-animation #path10 {
    opacity: 0;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

.filialy.main-animation.main-animation__active .path124-line {
    -webkit-animation: path124;
    animation: path124;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}


.filialy.main-animation.main-animation__active #path1,
.filialy.main-animation.main-animation__active #path1_1,
.filialy.main-animation.main-animation__active #path1_2 {
    -webkit-animation: regionFilial;
    animation: regionFilial;
    animation-duration: 1s;
    -webkit-animation-delay: .4s;
    animation-delay: .4s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.filialy.main-animation.main-animation__active #path24 {
    -webkit-animation: regionFilial;
    animation: regionFilial;
    animation-duration: 1s;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.filialy.main-animation.main-animation__active #path30 {
    -webkit-animation: regionFilial;
    animation: regionFilial;
    animation-duration: 1s;
    animation-delay: 0.6s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.filialy.main-animation.main-animation__active #path36 {
    -webkit-animation: regionFilial;
    animation: regionFilial;
    animation-duration: 1s;
    animation-delay: 0.7s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.filialy.main-animation.main-animation__active #path32 {
    -webkit-animation: regionFilial;
    animation: regionFilial;
    animation-duration: 1s;
    animation-delay: 0.8s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.filialy.main-animation.main-animation__active #path34 {
    -webkit-animation: regionFilial;
    animation: regionFilial;
    animation-duration: 1s;
    animation-delay: 0.9s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.filialy.main-animation.main-animation__active #path28 {
    -webkit-animation: regionFilial;
    animation: regionFilial;
    animation-duration: 1s;
    animation-delay: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.filialy.main-animation.main-animation__active #path26 {
    -webkit-animation: regionFilial;
    animation: regionFilial;
    animation-duration: 1s;
    animation-delay: 1.2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.filialy.main-animation.main-animation__active #path18,
.filialy.main-animation.main-animation__active #path20,
.filialy.main-animation.main-animation__active #path12,
.filialy.main-animation.main-animation__active #path16,
.filialy.main-animation.main-animation__active #path14,
.filialy.main-animation.main-animation__active #path22 {
    opacity: 1;
    -webkit-transition: opacity 2s ease 1.5s;
    transition: opacity 2s ease 1.5s
}

.filialy.main-animation.main-animation__active .filialy_item-region {
    opacity: 1;
    -webkit-transition: opacity 1s ease 2s;
    transition: opacity 1s ease 2s
}

.filialy.main-animation.main-animation__active .filialy__decor-1 {
    opacity: .4;
    -webkit-transition: opacity 1s ease 2s;
    transition: opacity 1s ease 2s
}

.marker_logo_offise {
    position: absolute;
    left: 26%;
    bottom: 61%;
    z-index: 4;
    width: 34px;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 4px;
    font-weight: 600;
    font-size: 6px;
    line-height: 1;
    text-transform: uppercase;
    text-align: center;
    pointer-events: none;
    opacity: 0;
    -webkit-transition: opacity 1s ease 2s;
    transition: opacity 1s ease 2s
}

@media (max-width: 1199.9px) {
    .marker_logo_offise {
        left: 49%;
        bottom: 53%
    }
}

.marker_logo_offise--dot {
    width: 6px;
    height: 6px;
    background-color: #000;
    border-radius: 50%
}

.main-animation__active .marker_logo_offise {
    opacity: 1
}

@media (max-width: 1199.9px) {
    .filialy.main-animation > .marker_logo_offise {
        display: none
    }
}

@media (min-width: 768px)and (max-width: 1199.9px) {
    .filialy__title {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 35px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .filialy__title .decor_title {
        min-width: 20px;
        min-height: auto;
        top: -4px;
        margin-left: -11px;
        padding: 20px 15px;
        font-size: 12px
    }

    .filialy__title .title__nex-text {
        font-size: 14px;
        margin-top: -15px
    }
}

.acquaintance {
    position: relative;
    max-width: 1920px;
    padding-left: 0;
    padding-right: 0;
    margin: 0 auto;
    position: relative
}

@media (max-width: 1199.9px) {
    .acquaintance {
        min-height: 852px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 100%;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }
}

@media (max-width: 768px) {
    .acquaintance {
        margin-bottom: 92px
    }
}

@media (min-width: 0) {
    .acquaintance {
        min-height: 813px;
        margin-bottom: 100px
    }
}

@media (min-width: 768px) {
    .acquaintance {
        min-height: 853px
    }
}

@media (min-width: 1200px) {
    .acquaintance {
        min-height: initial;
        margin-bottom: clamp(6.25rem, 4.628rem + 7.21vw, 11.25rem)
    }
}

.acquaintance__bg {
    position: relative
}

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

.acquaintance__container {
    max-width: 1231px;
    position: relative;
    z-index: 2;
    padding-top: 112px;
    padding-bottom: 50px;
    color: #fff
}

@media (max-width: 1199.9px) {
    .acquaintance__container {
        padding-bottom: 50px;
        padding-top: 101px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 100%;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }
}

@media (min-width: 0) {
    .acquaintance__container {
        padding-top: 110px
    }
}

@media (min-width: 768px) {
    .acquaintance__container {
        padding-bottom: 72px
    }
}

@media (min-width: 1200px) {
    .acquaintance__container {
        padding-bottom: 50px
    }
}

@media (max-width: 376px) {
    .acquaintance__container {
        padding-bottom: 33px
    }
}

.acquaintance__title {
    margin-bottom: 60px
}

@media (min-width: 0) {
    .acquaintance__title {
        margin-bottom: 8px;
        text-align: center
    }
}

@media (min-width: 768px) {
    .acquaintance__title {
        max-width: 60%;
        margin: 0 auto 8px
    }
}

@media (min-width: 1200px) {
    .acquaintance__title {
        margin-left: 0;
        max-width: 800px
    }
}

.acquaintance__title::before {
    content: "";
    position: absolute;
    top: 0;
    left: -32px;
    width: 462px;
    height: 165px;
    display: block;
    background-image: url("../img/znakomstvo/before_bg.svg");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    -webkit-transition: -webkit-filter .3s ease-in-out;
    transition: -webkit-filter .3s ease-in-out;
    transition: filter .3s ease-in-out;
    transition: filter .3s ease-in-out, -webkit-filter .3s ease-in-out;
    z-index: 2
}

@media (max-width: 991.9px) {
    .acquaintance__title::before {
        display: none
    }
}

.acquaintance__title h2 {
    font-weight: 400;
    line-height: 94%;
    text-transform: uppercase;
    color: #000
}

@media (min-width: 0) {
    .acquaintance__title h2 {
        font-size: 50px
    }
}

@media (min-width: 375px) {
    .acquaintance__title h2 {
        font-size: 62px
    }
}

@media (min-width: 768px) {
    .acquaintance__title h2 {
        font-size: 80px
    }
}

@media (min-width: 1200px) {
    .acquaintance__title h2 {
        color: #fff;
        font-size: 130px;
        text-align: left;
        margin-bottom: 24px
    }
}

.acquaintance__title h2 span {
    color: inherit
}

@media (min-width: 1200px) {
    .acquaintance__title h2 span {
        color: #ffb71b
    }
}

.acquaintance__title h2::after {
    content: "";
    font-family: "fontello";
    font-size: 66%;
    line-height: 1;
    -webkit-transform: rotate(180deg) translateY(20px);
    -ms-transform: rotate(180deg) translateY(20px);
    transform: rotate(180deg) translateY(20px);
    display: inline-block;
    margin-left: 26px
}

@media (max-width: 1199.9px) {
    .acquaintance__title h2::after {
        margin-left: 0;
        position: absolute;
        top: -7px;
        left: 50%;
        font-size: 55px;
        -webkit-transform: translateX(-50%) rotate(180deg);
        -ms-transform: translateX(-50%) rotate(180deg);
        transform: translateX(-50%) rotate(180deg)
    }
}

@media (min-width: 320px) {
    .acquaintance__title h2::after {
        top: 22px
    }
}

.acquaintance__text {
    color: #fff;
    margin-bottom: 100px
}

@media (min-width: 0) {
    .acquaintance__text {
        max-width: 586px;
        margin-left: auto;
        margin-right: auto;
        font-weight: 400;
        font-size: 16px;
        line-height: 160%;
        text-align: center;
        color: #000
    }
}

@media (max-width: 768px) {
    .acquaintance__text {
        max-width: 505px
    }
}

@media (min-width: 1200px) {
    .acquaintance__text {
        margin-left: 0;
        font-size: 17px;
        line-height: 1.45;
        text-transform: uppercase;
        text-align: left;
        margin-bottom: 53px;
        color: #fff
    }
}

@media (max-width: 1199.9px) {
    .acquaintance__btn {
        margin-top: auto;
        text-align: center
    }
}

@media (max-width: 768px) {
    .acquaintance__btn .btn {
        width: 100%;
        max-width: 343px;
        padding: 4px
    }
}

.about-stage .stage__right::after {
    display: none
}

.cart {
    padding: 0 0 42px 0
}

@media (max-width: 357px) {
    .cart {
        padding-bottom: 47px
    }
}

@media (min-width: 768px) {
    .cart {
        padding-bottom: 49px
    }
}

.cart--img {
    text-align: center;
    margin-bottom: 22px
}

@media (max-width: 375px) {
    .cart--img {
        margin-bottom: 19px
    }
}

.cart--img img {
    max-height: 250px;
    aspect-ratio: 250/250;
    -o-object-fit: cover;
    object-fit: cover
}

.cart--name {
    font-weight: 500;
    font-size: 18px;
    line-height: 132%;
    text-transform: uppercase;
    text-align: center;
    color: #000
}

@media (min-width: 319px) {
    .cart--name {
        margin-bottom: 8px
    }
}

@media (min-width: 768px) {
    .cart--name {
        margin-bottom: 16px
    }
}

.cart--decr {
    font-weight: 400;
    font-size: 16px;
    line-height: 110%;
    text-align: center;
    color: #59564c
}

.plugination__list {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 auto
}

@media (min-width: 0) {
    .plugination__list {
        gap: 7px;
        margin-bottom: 30px;
        padding-bottom: 20px
    }
}

@media (min-width: 375px) {
    .plugination__list {
        gap: 10px
    }
}

@media (min-width: 576px) {
    .plugination__list {
        gap: 16px;
        padding-bottom: 20px
    }
}

@media (min-width: 992px) {
    .plugination__list {
        padding: 20px 0
    }
}

.plugination__page {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-image: url('data:image/svg+xml,<svg width="57" height="52" viewBox="0 0 57 52" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M28.5 52C43.964 52 56.5 40.3594 56.5 26C56.5 11.6406 43.964 0 28.5 0C13.036 0 0.5 11.6406 0.5 26C0.5 40.3594 13.036 52 28.5 52ZM28.5 51C41.7548 51 52.5 39.8071 52.5 26C52.5 12.1929 41.7548 1 28.5 1C15.2452 1 4.5 12.1929 4.5 26C4.5 39.8071 15.2452 51 28.5 51Z" fill="%23D9D9D9" /></svg>');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 50%
}

@media (min-width: 0) {
    .plugination__page {
        width: 34px;
        height: 32px;
        font-size: 16px;
        line-height: 1
    }
}

@media (min-width: 992px) {
    .plugination__page {
        font-size: 16px
    }
}

@media (min-width: 1200px) {
    .plugination__page {
        width: 56px;
        height: 52px;
        font-size: 20px
    }
}

.plugination__page-active:has(a) {
    background-image: url('data:image/svg+xml,<svg width="57" height="52" viewBox="0 0 57 52" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M28.5 52C43.964 52 56.5 40.3594 56.5 26C56.5 11.6406 43.964 0 28.5 0C13.036 0 0.5 11.6406 0.5 26C0.5 40.3594 13.036 52 28.5 52ZM28.5 51C41.7548 51 52.5 39.8071 52.5 26C52.5 12.1929 41.7548 1 28.5 1C15.2452 1 4.5 12.1929 4.5 26C4.5 39.8071 15.2452 51 28.5 51Z" fill="%23FFB71B" /></svg>')
}

.plugination__page a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    text-transform: uppercase;
    text-align: center;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

@media (min-width: 319px) {
    .plugination__page a {
        width: 34px;
        height: 32px;
        font-size: 16px;
        line-height: 1
    }
}

@media (min-width: 768px) {
    .plugination__page a {
        font-size: 20px;
        width: 54px;
        height: 52px
    }
}

.plugination__page:hover:has(a) {
    background-image: url('data:image/svg+xml,<svg width="57" height="52" viewBox="0 0 57 52" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M28.5 52C43.964 52 56.5 40.3594 56.5 26C56.5 11.6406 43.964 0 28.5 0C13.036 0 0.5 11.6406 0.5 26C0.5 40.3594 13.036 52 28.5 52ZM28.5 51C41.7548 51 52.5 39.8071 52.5 26C52.5 12.1929 41.7548 1 28.5 1C15.2452 1 4.5 12.1929 4.5 26C4.5 39.8071 15.2452 51 28.5 51Z" fill="%23FFB71B" /></svg>')
}

.plugination__prew,
.plugination__next {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-size: .1px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    cursor: pointer;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

@media (min-width: 0) {

    .plugination__prew,
    .plugination__next {
        width: 16px;
        height: 50px
    }
}

@media (min-width: 575.9px) {

    .plugination__prew,
    .plugination__next {
        width: 40px
    }
}

@media (min-width: 768px) {

    .plugination__prew,
    .plugination__next {
        width: 54px;
        height: 52px
    }
}

.plugination__prew:hover,
.plugination__next:hover {
    opacity: .7
}

.plugination__prew.no-action,
.plugination__next.no-action {
    opacity: .2;
    pointer-events: none
}

@media (min-width: 1200px) {
    .plugination__prew {
        margin-right: 20px
    }
}

@media (min-width: 1200px) {
    .plugination__next {
        margin-left: 20px
    }
}

.plugination__next {
    background-image: url('data:image/svg+xml,<svg width="19" height="54" viewBox="0 0 19 54" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.5 1L17.5 27L1.5 53" stroke="black" stroke-width="2" /></svg>')
}

.plugination__prew {
    background-image: url('data:image/svg+xml,<svg width="19" height="54" viewBox="0 0 19 54" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.5 1L1.5 27L17.5 53" stroke="black" stroke-width="2" /></svg>')
}

.rellax {
    will-change: transition
}

.about {
    overflow: hidden
}

.about ._bgi {
    padding-bottom: 45%;
    min-height: 250px
}

@media (max-width: 768px) {
    .about ._bgi {
        padding-bottom: 47%
    }
}

.about-hero {
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
    background-image: url(../img/about/back.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    overflow: hidden;
    position: relative;
    z-index: 4
}

@media (min-width: 0) {
    .about-hero {
        padding-top: 113px
    }
}

@media (min-width: 768px) {
    .about-hero {
        padding-top: 163px
    }
}

/*
@media (min-width: 1200px) {
    .about-hero {
        padding-top: 582px
    }
}
*/

@media (min-width: 320px) {
    .about-hero {
        padding-bottom: 530px
    }
}

@media (min-width: 480px) {
    .about-hero {
        padding-bottom: 483px
    }
}

@media (min-width: 768px) {
    .about-hero {
        padding-bottom: 525px
    }
}

@media (min-width: 1200px) {
    .about-hero {
        padding-bottom: 445px
    }
}

@media (min-width: 1920px) {
    .about-hero {
        padding-bottom: 582px
    }

    .about-hero:after {
        background-size: cover
    }
}

.about-hero__decor {
    position: absolute;
    inset: 0
}

@-webkit-keyframes testR {
    100% {
        -webkit-clip-path: inset(0px 0px 0px 0px);
        clip-path: inset(0px 0px 0px 0px)
    }
}

@keyframes testR {
    100% {
        -webkit-clip-path: inset(0px 0px 0px 0px);
        clip-path: inset(0px 0px 0px 0px)
    }
}

@-webkit-keyframes testL {
    0% {
        -webkit-clip-path: inset(0px 0px 0px 1200px);
        clip-path: inset(0px 0px 0px 1200px)
    }

    100% {
        -webkit-clip-path: inset(0px 0px 0px 0px);
        clip-path: inset(0px 0px 0px 0px)
    }
}

@keyframes testL {
    0% {
        -webkit-clip-path: inset(0px 0px 0px 1200px);
        clip-path: inset(0px 0px 0px 1200px)
    }

    100% {
        -webkit-clip-path: inset(0px 0px 0px 0px);
        clip-path: inset(0px 0px 0px 0px)
    }
}

@-webkit-keyframes aboutHeroInUpl {
    0% {
        -webkit-transform: translate3d(0, 300px, 0);
        transform: translate3d(0, 300px, 0)
    }

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

@keyframes aboutHeroInUpl {
    0% {
        -webkit-transform: translate3d(0, 300px, 0);
        transform: translate3d(0, 300px, 0)
    }

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

@-webkit-keyframes aboutHeroInUpr {
    0% {
        -webkit-transform: translate3d(0, 300px, 0);
        transform: translate3d(0, 300px, 0)
    }

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

@keyframes aboutHeroInUpr {
    0% {
        -webkit-transform: translate3d(0, 300px, 0);
        transform: translate3d(0, 300px, 0)
    }

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

.about-hero__decor-1,
.about-hero__decor-2 {
    will-change: auto;
    position: absolute;
    bottom: 126px;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
    z-index: -1
}

.about-hero__decor-1 {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    max-width: 850px;
    -webkit-animation-name: testL;
    animation-name: testL;
    -webkit-animation-duration: 2.5s;
    animation-duration: 2.5s;
    -webkit-animation-delay: 0s;
    animation-delay: 0s
}

@media (min-width: 0px) {
    .about-hero__decor-1 {
        bottom: 121px;
        max-width: 398px
    }
}

@media (min-width: 480px) {
    .about-hero__decor-1 {
        bottom: 55px
    }
}

@media (min-width: 768px) {
    .about-hero__decor-1 {
        max-width: initial;
        right: 50%;
        -webkit-animation-duration: 2s;
        animation-duration: 2s;
        -webkit-animation-delay: 1.5s;
        animation-delay: 1.5s
    }
}

@media (min-width: 1200px) {
    .about-hero__decor-1 {
        right: initial;
        left: 0;
        bottom: 0px
    }
}

.about-hero__decor-2 {
    will-change: auto
}

@media (min-width: 0) {
    .about-hero__decor-2 {
        -webkit-clip-path: inset(0px 900px 0px 0px);
        clip-path: inset(0px 900px 0px 0px);
        max-width: 80%;
        -webkit-animation-name: testR;
        animation-name: testR;
        -webkit-animation-duration: 2s;
        animation-duration: 2s;
        display: none;
        left: calc(50% + 100px)
    }
}

@media (min-width: 768px) {
    .about-hero__decor-2 {
        display: block;
        bottom: 0
    }
}

@media (min-width: 1200px) {
    .about-hero__decor-2 {
        bottom: 0
    }
}

.about-hero__title {
    margin-bottom: 17px
}

.about-hero__title h1 {
    font-weight: 400;
    line-height: 96%;
    text-transform: uppercase;
    color: #000
}

@media (min-width: 320px) {
    .about-hero__title h1 {
        font-size: clamp(3rem, .232rem + 13.84vw, 6.875rem)
    }
}

@media (min-width: 768px) {
    .about-hero__title h1 {
        font-size: clamp(6.875rem, 2.622rem + 8.86vw, 10.375rem)
    }
}

@media (max-width: 768px) {
    .about-hero__title {
        font-size: 56px;
        margin-bottom: 24px
    }
}

@media (max-width: 375px) {
    .about-hero__title {
        margin-bottom: 20px
    }
}

.about-hero__container {
    position: relative;
    z-index: 3;
    max-width: 1473px;
    text-align: center
}

.about-hero__container .title__nex-text {
    max-width: 454px;
    margin: 0 auto
}

@media (max-width: 768px) {
    .about-hero__container .title__nex-text {
        max-width: 410px
    }
}

.about-content {
    position: relative;
    padding-bottom: clamp(6.188rem, 5.296rem + 3.96vw, 8.938rem);
    text-align: center;
    overflow: hidden
}

@media (min-width: 0) {
    .about-content {
        padding-top: 100px;
        padding-bottom: 104px
    }
}

@media (min-width: 768px) {
    .about-content {
        padding-top: 167px;
        padding-bottom: 90px
    }
}

@media (min-width: 1200px) {
    .about-content {
        padding-bottom: 142px
    }
}

.about-content__container {
    position: relative
}

.about-content--decor-2 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

@media (max-width: 768px) {
    .about-content--decor-2 {
        top: -117%;
        left: 9%;
        -webkit-transform: scale(1.9);
        -ms-transform: scale(1.9);
        transform: scale(1.9)
    }
}

@media (max-width: 576px) {
    .about-content--decor-2 {
        top: -105%;
        left: 19%;
        -webkit-transform: scale(2.5);
        -ms-transform: scale(2.5);
        transform: scale(2.5)
    }
}

.about-content--decor-2--img {
    width: 100%;
    max-width: 873px;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.about-content__inner {
    position: relative;
    z-index: 2;
    margin: 0 auto
}

.about-content__title {
    max-width: 580px;
    margin: 0 auto
}

.about-content__title h2 {
    font-size: clamp(5.625rem, 3.959rem + 7.4vw, 10.438rem)
}

.about-content__text {
    max-width: 580px;
    margin: 0 auto;
    font-weight: 400;
    font-size: clamp(.875rem, .753rem + .54vw, 1.25rem);
    line-height: 150%;
    text-transform: uppercase;
    text-align: center;
    color: #000;
    margin-bottom: clamp(3.125rem, -1.213rem + 19.28vw, 16.5rem)
}

@media (max-width: 768px) {
    .about-content__text {
        max-width: 467px
    }
}

@media (min-width: 768px) {
    .about-content__text {
        margin-bottom: 100px
    }
}

@media (min-width: 1200px) {
    .about-content__text {
        margin-bottom: 250px
    }
}

.about-content .dev-list {
    max-width: clamp(22.5rem, 10.176rem + 54.77vw, 60.5rem)
}

@media (min-width: 0) {
    .about-content .dev-list {
        margin: 0 auto 18px
    }
}

@media (min-width: 768px) {
    .about-content .dev-list {
        margin-bottom: 50px
    }
}

@media (min-width: 1200px) {
    .about-content .dev-list {
        margin-bottom: 75px
    }
}

.about-content__text--bottom {
    max-width: 690px;
    margin: 0 auto;
    font-weight: 500;
    font-size: clamp(.875rem, .713rem + .72vw, 1.375rem);
    line-height: 159%;
    text-transform: uppercase;
    text-align: center;
    color: #000
}

.dev-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px
}

.dev-list__item {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 1px;
    flex: 1 1 1px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 26px
}

.dev-list__item svg {
    max-width: 100%;
    height: auto;
    fill: #000
}

.dev-list__item svg .cls-1 {
    fill: #000
}

.dev-list__item svg .cls-2 {
    fill: #000;
    stroke: #000;
    stroke-miterlimit: 10;
    stroke-width: .25px
}

.dev-list__item--icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    flex-direction: column;
    gap: clamp(.625rem, .199rem + 1.89vw, 1.938rem);
    height: clamp(3.25rem, 1.791rem + 6.49vw, 7.75rem);
    width: 60%
}

@media (min-width: 768px) {
    .dev-list__item--icon {
        max-height: 54px
    }
}

@media (min-width: 1200px) {
    .dev-list__item--icon {
        max-height: 120px
    }
}

.dev-list__icon--line {
    height: 2.5px;
    max-width: 90px;
    width: 100%;
    background-color: #000
}

.about-content--decor-1 {
    position: absolute;
    top: -5%;
    left: 7%;
    z-index: 2
}

@media (max-width: 992px) {
    .about-content--decor-1 {
        left: 4%
    }
}

@media (max-width: 768px) {
    .about-content--decor-1 {
        top: -12%;
        left: 4%
    }
}

@media (max-width: 576px) {
    .about-content--decor-1 {
        display: none
    }
}

.about-content--decor-3 {
    position: absolute;
    top: 50%;
    right: clamp(1rem, -21.31rem + 35.98vw, 11.75rem);
    -webkit-transform: translateY(-76%);
    -ms-transform: translateY(-76%);
    transform: translateY(-76%);
    z-index: 2
}

.about-content--decor-3.oval_bg {
    max-width: 18%;
    height: auto
}

@media (min-width: 1200px) {
    .about-content--decor-3.oval_bg {
        bottom: 206px;
        overflow: visible
    }
}

@media (max-width: 992px) {
    .about-content--decor-3 {
        right: 16px
    }
}

@media (max-width: 768px) {
    .about-content--decor-3 {
        right: 5%;
        max-width: 16%;
        -webkit-transform: translateY(-70%);
        -ms-transform: translateY(-70%);
        transform: translateY(-70%)
    }
}

@media (max-width: 576px) {
    .about-content--decor-3 {
        display: none
    }
}

.about-stage {
    padding-bottom: 87px
}

@media (max-width: 768px) {
    .about-stage {
        padding-bottom: 99px
    }
}

.video__container {
    max-width: 1920px;
    padding-left: 0;
    padding-right: 0
}

.video__desc {
    background-image: url(../img/design/bg-black.png);
    background-repeat: repeat;
    color: #fff;
    padding: 82px 95px 103px;
    padding-top: clamp(2.5rem, -0.03rem + 5.27vw, 4.813rem);
    padding-bottom: clamp(2.5rem, 1.892rem + 2.7vw, 4.375rem);
    padding-left: clamp(1.313rem, -4.226rem + 11.54vw, 6.375rem);
    padding-right: clamp(1.313rem, -1.491rem + 5.84vw, 3.875rem);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media (min-width: 0px) {
    .video__desc {
        padding-bottom: 45px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: center;
        gap: 9px
    }
}

@media (min-width: 768px) {
    .video__desc {
        padding-top: 30px;
        padding-bottom: 48px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        text-align: center;
        gap: clamp(3.125rem, 1.279rem + 3.85vw, 4.813rem)
    }
}

@media (min-width: 1200px) {
    .video__desc {
        padding-top: 65px;
        padding-bottom: 83px
    }
}

.video__title h2 {
    white-space: nowrap;
    font-weight: 400;
    font-size: clamp(2.75rem, -0.259rem + 6.27vw, 5.5rem);
    line-height: 100%;
    letter-spacing: .03em;
    text-transform: uppercase;
    color: #dfe5e6;
    margin-top: clamp(0rem, -0.957rem + 1.99vw, .875rem)
}

.video__desc--text p {
    font-weight: 400;
    font-size: clamp(.875rem, .601rem + .57vw, 1.125rem);
    line-height: 167%;
    text-transform: uppercase;
    color: #fff
}

@media (min-width: 0) {
    .video__desc--text {
        display: none
    }
}

@media (min-width: 760px) {
    .video__desc--text {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .video__desc--text p {
        margin-bottom: 0
    }
}

@media (min-width: 1200px) {
    .video__desc--text {
        text-align: left;
        padding-top: 10px
    }

    .video__desc--text p {
        line-height: 1.6
    }
}

.video__desc--text-mob {
    font-weight: 500;
    font-size: 14px;
    line-height: 1.5;
    text-transform: uppercase;
    text-align: center;
    color: #fff
}

@media (min-width: 760px) {
    .video__desc--text-mob {
        display: none
    }
}

.about-hero__decor-4,
.about-hero__decor-3 {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media (min-width: 319px) {

    .about-hero__decor-4 img,
    .about-hero__decor-3 img {
        min-width: 1367px
    }
}

@media (min-width: 768px) {

    .about-hero__decor-4 img,
    .about-hero__decor-3 img {
        min-width: 1400px
    }
}

@media (min-width: 1200px) {

    .about-hero__decor-4 img,
    .about-hero__decor-3 img {
        min-width: 1590px
    }
}

@media (min-width: 1600px) {

    .about-hero__decor-4 img,
    .about-hero__decor-3 img {
        min-width: 1920px;
        position: relative;
        top: 0px;
    }
}

.about-hero__decor-3 img {
    -webkit-animation-name: aboutHeroInUpl;
    animation-name: aboutHeroInUpl;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@media (min-width: 0px) {
    .about-hero__decor-3 img {
        margin-bottom: 170px
    }
}

@media (min-width: 1200px) {
    .about-hero__decor-3 img {
        margin-bottom: 198px
    }
}

@media (min-width: 0px) {
    .about-hero__decor-4 img {
        margin-bottom: 0
    }
}

@media (min-width: 0) {
    .about .stage__wrapper {
        margin-bottom: -5px
    }
}

@media (min-width: 0) {
    .about .stage {
        padding-bottom: 88px
    }

    .about .partners {
        margin-bottom: 0
    }

    .about .footer {
        padding-top: 100px
    }
}

@media (min-width: 768px) {
    .about .stage {
        padding-bottom: 103px
    }
}

@media (min-width: 1200px) {
    .about .stage {
        padding-bottom: 186px
    }
}

@media (min-width: 0) {
    .about + .footer {
        padding-top: 100px
    }

    .about + .footer .footer__contacts--sochial {
        padding-bottom: 0px
    }

    .about + .footer .footer__container {
        padding-bottom: 24px
    }
}

@media (min-width: 768px) {
    .about + .footer {
        padding-top: 40px
    }
}

.history {
    background-image: url(../img/design/bg-where.png)
}

@media (min-width: 1200px) {
    .history {
        padding-bottom: 67px
    }
}

.history + .footer {
    padding-top: 0
}

.history-hero {
    /*max-width: 1920px;*/
    margin-left: auto;
    margin-right: auto;
    padding-top: 273px;
    padding-bottom: 125px;
    min-height: 900px;
    overflow: hidden;
    background-image: url("../img/history/back.webp");
    background-size: cover;
    background-position: 96% 0;
    background-repeat: no-repeat;
    background-attachment: scroll;
    position: relative
}

@media (max-width: 1199.9px) {
    .history-hero {
        padding-top: 187px;
        min-height: 1024px;
        background-position: 0 0
    }
}

@media (max-width: 576px) {
    .history-hero {
        padding-top: 108px;
        min-height: 812px
    }
}

.history-hero .title__nex-text {
    max-width: 775px;
    font-weight: 400;
    font-size: 20px;
    line-height: 145%;
    text-transform: uppercase;
    color: #fff
}

@media (max-width: 1199.9px) {
    .history-hero .title__nex-text {
        max-width: 558px;
        color: #000;
        text-align: center;
        margin: 0 auto;
        font-size: 20px;
        text-transform: none
    }
}

@media (max-width: 576px) {
    .history-hero .title__nex-text {
        font-size: 15px
    }
}

.history__container {
    max-width: 1381px;
    position: relative;
    z-index: 2
}

.history__title {
    max-width: 775px;
    margin-bottom: 10px
}

.history__title h1 {
    font-weight: 400;
    font-size: 186px;
    line-height: 94%;
    text-transform: uppercase;
    color: #fff
}

@media (max-width: 1199.9px) {
    .history__title h1 {
        font-size: 100px;
        color: #000;
        text-align: center
    }
}

@media (max-width: 767.9px) {
    .history__title h1 {
        font-size: 90px
    }
}

@media (max-width: 375px) {
    .history__title h1 {
        font-size: 93px
    }
}

@media (max-width: 320px) {
    .history__title h1 {
        font-size: 76px
    }
}

@media (max-width: 1199.9px) {
    .history__title {
        max-width: initial;
        margin-bottom: 21px
    }
}

.history .swiper {
    overflow: visible
}

.__offset-right {
    padding-left: calc((100% - 1626px) / 2 + 16px)
}

.hictory-slides__top {
    position: relative;
    padding-left: 16px
}

@media (min-width: 1600px) {
    .hictory-slides__top {
        padding-left: var(--paddingContainerBig)
    }
}

@media (max-width: 1199.9px) {
    .hictory-slides__top {
        padding-left: clamp(1rem, .455rem + 2.73vw, 2.5rem);
        margin-left: -5px
    }
}

.hictory-slides__top::before {
    content: "";
    font-family: "fontello";
    font-size: 53px;
    line-height: 2;
    position: absolute;
    top: 52%;
    left: 12px;
    width: 66px;
    height: 66px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66px;
    flex: 0 0 66px;
    color: #000;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

@media (min-width: 1600px) {
    .hictory-slides__top::before {
        left: initial;
        right: calc(100% - 186px);
    }
}

@media (max-width: 1199.9px) {
    .hictory-slides__top::before {
        left: clamp(1rem, .455rem + 2.73vw, 2.5rem)
    }
}

@media (max-width: 992px) {
    .hictory-slides__top::before {
        font-size: 31px;
        top: 13%;
        width: 50px
    }
}

@media (max-width: 375px) {
    .hictory-slides__top::before {
        font-size: 25px;
        width: 35px
    }
}


@media (min-width: 1600px) {
    .history-year__slider {
        margin-left: 100px
    }

    .history-year__slide:last-child .history-year__slide-text {
        margin-left: -20px;
    }
}

@media (min-width: 0) and (max-width: 1200px) {
    .history-year__slider {
        margin-left: clamp(2.188rem, 0.71rem + 7.39vw, 6.25rem);
    }
}

@media (min-width: 1200px) and (max-width: 1600px) {
    .history-year__slider {
        margin-left: 86px
    }
}


.history-year__wrapper {
    width: 100%;
    padding: 68px 0px 0;
    height: 75px
}

@media (max-width: 992px) {
    .history-year__wrapper {
        padding-top: 37px
    }
}

@media (max-width: 375px) {
    .history-year__wrapper {
        padding-top: 48px
    }
}

.history-year__slide {
    /* max-width: -webkit-min-content;
    max-width: -moz-min-content;
    max-width: min-content; */
    font-family: var(--second-family);
    font-weight: 400;
    font-size: 60px;
    line-height: 100%;
    text-transform: uppercase;
    color: #000;
    border-bottom: 1px solid rgba(0, 0, 0, 0);
    cursor: pointer;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}


@media (max-width: 992px) {
    .history-year__slide {
        font-size: 39px
    }
}

@media (max-width: 375px) {
    .history-year__slide {
        font-size: 32px
    }
}

.history-year__slide-text {
    position: relative;
    display: inline-block;
    margin: 0 10px;
    max-width: 98px;
}

.history-year__slide-text::after {
    content: "";
    position: absolute;
    display: block;
    left: 0;
    right: 0;
    top: 85%;
    height: 1px;
    background-color: rgba(0, 0, 0, 0)
}


.history-year__slide.swiper-slide-thumb-active {
    color: #e19f00;
    font-size: 70px
}

@media (max-width: 992px) {
    .history-year__slide.swiper-slide-thumb-active {
        font-size: 49px;
        -webkit-transform: translate3d(0, -7px, 0);
        transform: translate3d(0, -7px, 0)
    }
}

@media (max-width: 375px) {
    .history-year__slide.swiper-slide-thumb-active {
        font-size: 40px;
        -webkit-transform: translate3d(0, -3px, 0);
        transform: translate3d(0, -3px, 0)
    }
}

.history-year__slide.swiper-slide-thumb-active .history-year__slide-text::after {
    background-color: #e19f00
}

.hictory-slides__bottom--item {
    border-radius: 20px;
    background-color: #fff;
    -webkit-box-shadow: 0 4px 69px 0 rgba(63, 63, 63, .1);
    box-shadow: 0 4px 69px 0 rgba(63, 63, 63, .1);
    overflow: hidden
}

@media (max-width: 1199.9px) {
    .hictory-slides__bottom--item {
        -webkit-box-shadow: none;
        box-shadow: none;
        background-color: rgba(0, 0, 0, 0)
    }
}

@media (max-width: 575px) {
    .hictory-slides__bottom--item {
        border-radius: 0
    }
}

.hictory-slides__bottom__slider {
    max-width: 1407px;
    margin-left: 0;
    overflow: visible
}

@media (max-width: 992px) {
    .hictory-slides__bottom__slider {
        margin-bottom: 13px
    }
}

.hictory-slides__bottom__wrapper {
    margin-top: -12px
}

@media (min-width: 1600px) {
    .hictory-slides__bottom__wrapper {
        padding-left: var(--paddingContainerBig)
    }
}

.hictory-slides__bottom__slide {
    padding: 50px 18px
}

@media (max-width: 1600px) {
    .hictory-slides__bottom__slide {
        padding-left: 60px;
        padding-right: 60px
    }
}

@media (max-width: 1199.9px) {
    .hictory-slides__bottom__slide {
        padding-left: 0;
        padding-right: 0
    }
}

@media (max-width: 992px) {
    .hictory-slides__bottom__slide {
        padding-top: 13px;
        padding-bottom: 0
    }
}

@media (max-width: 375px) {
    .hictory-slides__bottom__slide {
        padding-top: 12px
    }
}

.hictory-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: #fff;


}

@media (min-width: 1200px) {
    .hictory-content {
        min-height: 580px;
    }
}

@media (max-width: 1199.9px) {
    .hictory-content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media (max-width: 576px) {
    .hictory-content {
        border-radius: 14px
    }
}

.hictory-content__left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 25px;
    padding: 50px;
    padding-right: 10px;
    position: relative;
    z-index: 5
}

@media (max-width: 1199.9px) {
    .hictory-content__left {
        padding: 25px
    }
}

@media (max-width: 992px) {
    .hictory-content__left {
        gap: 11px;
        margin-bottom: 0
    }
}

@media (max-width: 575px) {
    .hictory-content__left {
        padding-left: 35px;
        padding-right: 35px;
        padding-top: 16px
    }
}

.hictory-content__top-label {
    font-weight: 500;
    font-size: 20px;
    line-height: 170%;
    text-transform: uppercase;
    color: #e19f00
}

@media (max-width: 375px) {
    .hictory-content__top-label {
        font-size: 14px
    }
}

.hictory-content__top-title {
    font-weight: 400;
    font-size: 100px;
    line-height: 100%;
    text-transform: uppercase;
    color: #000
}

@media (max-width: 992px) {
    .hictory-content__top-title {
        font-size: 80px;
        margin-bottom: 25px
    }
}

@media (max-width: 576px) {
    .hictory-content__top-title {
        font-size: 44px
    }
}

@media (max-width: 375px) {
    .hictory-content__top-title {
        font-size: 36px;
        margin-bottom: 9px
    }
}

.hictory-content__top-text {
    max-width: 651px;
    font-weight: 400;
    font-size: 20px;
    line-height: 170%;
    text-transform: uppercase;
    color: #000;
    text-align: left;
    margin-top: auto
}

@media (max-width: 1199.9px) {
    .hictory-content__top-text {
        max-width: initial
    }
}

@media (max-width: 992px) {
    .hictory-content__top-text {
        font-size: 18px
    }
}

@media (max-width: 767.9px) {
    .hictory-content__top-text {
        font-size: 14px
    }
}

.hictory-content__right {
    padding-top: 30px;
    position: relative;
    z-index: 3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    max-width: 486px;
    width: 100%
}

@media (max-width: 1199.9px) {
    .hictory-content__right {
        max-width: 483px;
        margin: 0 auto;
        padding-top: 20px
    }
}

@media (max-width: 576px) {
    .hictory-content__right {
        max-width: initial;
        width: 100%
    }
}

@media (max-width: 375px) {
    .hictory-content__right {
        padding-top: 0
    }
}

.hictory-content__right--iiner {
    position: relative;
    background-repeat: no-repeat;
    background-position: center bottom
}

@media (max-width: 1199.9px) {
    .hictory-content__right--iiner {
        background-position: bottom center;
        text-align: right;
        background-size: contain
    }
}

@media (max-width: 576px) {
    .hictory-content__right--iiner {
        background-size: cover;
        background-position: 0 0
    }
}

@media (max-width: 321px) {
    .hictory-content__right--iiner {
        background-position: center 0
    }
}

@media (min-width: 992px) {
    .hictory-content__right--iiner:before {
        content: "";
        position: absolute;
        bottom: 0;
        left: -148px;
        width: 322px;
        height: 464px;
        background-image: url(../img/history/degor_user.svg);
        background-repeat: no-repeat;
        background-position: 0 0;
        background-size: cover;
        z-index: -1
    }
}

@media (min-width: 992px)and (max-width: 375px) {
    .hictory-content__right--iiner:before {
        background-size: contain
    }
}

.decor-user {
    position: absolute;
    bottom: 0;
    right: 72%
}

@media (max-width: 1336px) {
    .decor-user {
        right: 58%
    }
}

@media (max-width: 1199.9px) {
    .decor-user {
        display: none
    }
}

.hictory-slides__bottom {
    overflow: hidden;
    margin-left: 33px;
    padding-bottom: 130px;
    position: relative
}

@media (min-width: 1200px) {
    .hictory-slides__bottom {
        padding-bottom: 108px
    }
}

@media (max-width: 1600px) {
    .hictory-slides__bottom {
        margin-left: 0
    }
}

@media (max-width: 1199.9px) {
    .hictory-slides__bottom {
        padding-left: clamp(1rem, .455rem + 2.73vw, 2.5rem);
        padding-right: clamp(1rem, .455rem + 2.73vw, 2.5rem);
        padding-bottom: 10px
    }
}

@media (max-width: 375px) {
    .hictory-slides__bottom {
        padding-bottom: 100px
    }
}

.hictory-slides__bottom__slide {
    -webkit-transition: opacity .3s ease 0s;
    transition: opacity .3s ease 0s
}

@media (max-width: 576px) {
    .hictory > *:last-child {
        padding-bottom: 40px
    }
}

@media (min-width: 992px) {
    .hictory-slides__bottom__slide.swiper-slide-prev {
        opacity: 0
    }
}

.hictory-slides__bottom__slide.swiper-slide.swiper-slide-next {
    opacity: .2
}

.hictory-button {
    position: relative;
    /*max-width: 1478px;*/
    width: 100%
}

@media (max-width: 767.9px) {
    .hictory-button {
        position: static
    }
}

.hictory-button .swiper-button-next {
    right: 0px
}

@media (max-width: 1600px) {
    .hictory-button .swiper-button-next {
        right: 16px
    }
}

@media (max-width: 1199.9px) {
    .hictory-button .swiper-button-next {
        right: 16px;
    }
}

@media (max-width: 767.9px) {
    .hictory-button .swiper-button-next {
        right: 27px;
        right: 5px;
    }
}

@media (max-width: 576px) {
    .hictory-button .swiper-button-next {
        right: 15px;
        right: 5px;
    }
}

@media (max-width: 480px) {
    .hictory-button .swiper-button-next {
        right: 60px;
        right: 5px;
    }
}

.hictory-button .swiper-button-prev {
    left: -2px
}

@media (max-width: 1600px) {
    .hictory-button .swiper-button-prev {
        left: 16px;
    }
}

@media (max-width: 1199.9px) {
    .hictory-button .swiper-button-prev {
        left: 16px;
    }
}

@media (max-width: 767.9px) {
    .hictory-button .swiper-button-prev {
        left: 27px;
        left: 5px;
    }
}

@media (max-width: 576px) {
    .hictory-button .swiper-button-prev {
        left: 15px;
        left: 5px;
    }
}

@media (min-width: 768px) {

    .hictory-button .swiper-button-next,
    .hictory-button .swiper-button-prev {
        top: -230px;
        height: 940px;
        top: -950px;
    }
}

@media (min-width: 1200px) {

    .hictory-button .swiper-button-next,
    .hictory-button .swiper-button-prev {
        top: -379px;
        height: 622px;
        top: -647px;
    }
}

@media (max-width: 767.9px) {

    .hictory-button .swiper-button-next,
    .hictory-button .swiper-button-prev {
        top: 40%;
        height: 910px;
        top: 5%;
    }
}

@media (max-width: 576px) {

    .hictory-button .swiper-button-next,
    .hictory-button .swiper-button-prev {
        top: 44%;
        height: 1000px;
        top: 4%;
    }
}

@media (max-width: 380px) {

    .hictory-button .swiper-button-next,
    .hictory-button .swiper-button-prev {
        top: 45%;
        height: 1000px;
        top: 4%;
    }
}

@media (max-width: 320.1px) {

    .hictory-button .swiper-button-next,
    .hictory-button .swiper-button-prev {
        top: 51%;
        height: 1000px;
        top: 4%;
    }
}

.hictory-button .swiper-button-next::after,
.hictory-button .swiper-button-prev::after {
    background-image: url('data:image/svg+xml,<svg width="26" height="74" viewBox="0 0 26 74" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1L24 37L1 73" stroke="black" stroke-width="2" /></svg>')
}

@media (max-width: 576px) {

    .hictory-button .swiper-button-next::after,
    .hictory-button .swiper-button-prev::after {
        background-image: url('data:image/svg+xml,<svg width="22" height="58" viewBox="0 0 22 58" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2 1L20 29L2 57" stroke="black" stroke-width="3" /></svg>');
        width: 18px;
        height: 56px
    }
}

@media (min-width: 1600px) {
    .hictory-button {
        max-width: 1520px;
        margin-left: 33px
    }
}

.history-user__img {
    position: absolute;
    bottom: 0;
    right: 28px;
    z-index: 2
}

@media (max-width: 1199.9px) {
    .history-user__img {
        right: 50%;
        z-index: 2;
        margin-right: -262px
    }

    .history-user__img img {
        max-width: 535px
    }
}

@media (max-width: 576px) {
    .history-user__img {
        margin-right: -179px
    }

    .history-user__img img {
        max-width: 365px
    }
}

.history-hero__decor {
    position: absolute;
    inset: 0;
    z-index: 1
}

.history-hero__decor > * {
    position: absolute
}

.history-decor-1 {
    top: -18%;
    left: -1%;
    max-width: 437px;
    width: 100%
}

@media (max-width: 1024px) {
    .history-decor-1 {
        display: none
    }
}

.history-decor-3 {
    bottom: -20%;
    left: -3%;
    max-width: 423px;
    width: 100%
}

@media (max-width: 1024px) {
    .history-decor-3 {
        display: none
    }
}

.history-decor-2 {
    position: absolute;
    bottom: -242px;
    right: -416px;
    z-index: -1
}

@media (max-width: 1199.9px) {
    .history-decor-2 {
        bottom: 0;
        right: -204px;
        width: 683px
    }
}

@media (max-width: 992px) {
    .history-decor-2 {
        bottom: -164px
    }
}

@media (max-width: 576px) {
    .history-decor-2 {
        bottom: -321px;
        right: -335px
    }
}

@media (max-width: 576px) {
    .history-decor-2 {
        bottom: -250px;
        right: -335px;
        width: 600px
    }
}

@media (max-width: 1199.9px) {
    .history-decor-3 {
        display: none
    }
}

.history-decor-4 {
    position: absolute;
    bottom: -231px;
    left: -212px;
    z-index: -1
}

@media (max-width: 992px) {
    .history-decor-4 {
        left: -231px
    }
}

@media (max-width: 576px) {
    .history-decor-4 {
        width: 270px;
        left: -59px
    }
}

.history-hero__back {
    position: absolute;
    inset: 0
}

@media (max-width: 1550px) {
    .history-hero__back {
        width: 130%
    }
}

@media (max-width: 1199.9px) {
    .history-hero__back {
        width: 120%
    }
}

.history-hero__back img {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

@media (max-width: 1199.9px) {
    .history-hero__back img {
        top: 12%
    }
}

.hictory-content__right--iiner {
    overflow: hidden;
    border-radius: 50% 50% 0 0;
    text-align: right;
    height: 100%;
    background-size: cover;
    position: relative;
    right: 0;
    min-height: 363px
}

@media (min-width: 1200px) {
    .hictory-content__right--iiner {
        right: -20px
    }
}

@media (max-width: 375px) {
    .hictory-content__right--iiner {
        min-height: initial
    }
}

.hictory-content__right--img {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: bottom;
    object-position: bottom
}

.hictory-content__right--decor {
    display: none;
    position: absolute;
    inset: 0
}

.hictory-content__right--decor > * {
    position: absolute
}

@media (min-width: 1220px) {
    .hictory-content__right--decor {
        display: block
    }
}

@media (max-width: 480px) {
    .hictory-slides__bottom__slide:last-child.swiper-slide-active {
        -webkit-transform: translateX(-36px);
        -ms-transform: translateX(-36px);
        transform: translateX(-36px)
    }
}

@media (max-width: 768px) {
    .hictory-slides__bottom__slide.swiper-slide-prev {
        opacity: 0
    }
}

@media (max-width: 1199.9px) {
    .hictory .tours__left::before {
        display: none
    }
}

@media (min-width: 768px) {
    .hictory .tours {
        padding-top: 46px;
        padding-bottom: 9px
    }
}

@media (min-width: 1200px) {
    .hictory {
        padding-bottom: 175px
    }
}

.production--cat_list {
    position: relative
}

.production .title__nex-text {
    line-height: 150%;
    color: #fff
}

@media (min-width: 320px) {
    .production .title__nex-text {
        font-size: 14px
    }
}

@media (min-width: 768px) {
    .production .title__nex-text {
        max-width: 580px;
        font-size: 18px
    }
}

@media (min-width: 992px) {
    .production .title__nex-text {
        max-width: 710px
    }
}

@media (min-width: 1024px) {
    .production .title__nex-text {
        font-size: 16px;
        letter-spacing: .04em
    }
}

@media (min-width: 1200px) {
    .production .title__nex-text {
        margin-bottom: 13vw
    }
}

@media (min-width: 1920px) {
    .production .title__nex-text {
        margin-bottom: 215px
    }
}

.production-hero__inner {
    max-height: 1220px
}

.production-hero {
    margin: 0 auto;
    padding-top: 361px;
    padding-left: 49px;
    padding-right: 49px
}

@media (min-width: 0) {
    .production-hero {
        padding-bottom: 40px
    }
}

@media (min-width: 768px) {
    .production-hero {
        padding-bottom: 18px
    }
}

@media (max-width: 992px) {
    .production-hero {
        padding-top: 170px;
        padding-left: clamp(0rem, -0.655rem + 3.27vw, 1.375rem);
        padding-right: clamp(0rem, -0.655rem + 3.27vw, 1.375rem)
    }
}

@media (max-width: 768px) {
    .production-hero {
        padding-top: 183px
    }
}

@media (max-width: 670px) {
    .production-hero {
        padding-top: 195px
    }
}

.production__container {
    max-width: 1400px;
    position: relative;
    z-index: 2
}

.production__title {
    max-width: -webkit-min-content;
    max-width: -moz-min-content;
    max-width: min-content;
    margin-bottom: 33px
}

@media (max-width: 992px) {
    .production__title {
        margin-bottom: 12px
    }
}

.production__title h1,
.production__title .h1 {
    color: #fff;
    letter-spacing: .03em
}

@media (min-width: 320px) {

    .production__title h1,
    .production__title .h1 {
        font-size: 50px;
        letter-spacing: normal
    }
}

@media (min-width: 375px) {

    .production__title h1,
    .production__title .h1 {
        font-size: 58px
    }
}

@media (min-width: 768px) {

    .production__title h1,
    .production__title .h1 {
        font-size: 100px
    }
}

.category__container {
    max-width: 1199.9px
}

@media (min-width: 320px) {
    .production__category {
        padding-top: 52px;
        max-width: 686px;
        padding-bottom: 50px
    }
}

@media (min-width: 768px) {
    .production__category {
        padding-top: 61px;
        padding-bottom: 30px
    }
}

@media (min-width: 768.1px) {
    .production__category {
        max-width: 1199.9px;
        padding-bottom: 45px
    }
}

@media (min-width: 992px) {
    .production__category {
        padding-top: 150px;
        padding-bottom: 100px
    }
}

@media (min-width: 1200px) {
    .production__category {
        padding-top: 155px;
        padding-bottom: 132px
    }
}

.category__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (min-width: 768px) {
    .category__list {
        max-width: 1199.9px
    }
}

@media (min-width: 992px) {
    .category__list {
        gap: 100px
    }
}

@media (max-width: 991.9px) {
    .category__list {
        gap: 70px
    }
}

@media (min-width: 768px) {
    .category__list .ac-trigger.flex-vcenter {
        gap: 10px clamp(1rem, -9.889rem + 20.6vw, 5.563rem)
    }
}

@media (min-width: 1200px) {
    .category__list .ac-trigger.flex-vcenter {
        gap: 10px 54px
    }
}

@media (min-width: 320px) {
    .ac-panel-row__inner {
        padding-top: 0
    }
}

@media (min-width: 900px) {
    .ac-panel-row__inner {
        padding-top: 0;
        -webkit-box-shadow: 0 4px 39px 0 rgba(0, 0, 0, .05);
        box-shadow: 0 4px 39px 0 rgba(0, 0, 0, .05);
        background: #fff;
        border-radius: 20px
    }
}

@media (min-width: 992px) {
    .ac__title--desc._dynamic_adapt_ {
        margin-bottom: 52px
    }
}

.ac__title {
    position: relative
}

@media (min-width: 320px) {
    .ac__title {
        min-width: 284px
    }
}

@media (min-width: 1200px) {
    .ac__title {
        width: 380px
    }
}

.ac__title h2,
.ac__title .h2 {
    font-weight: 400;
    cursor: pointer;
    max-width: 100%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

@media (min-width: 320px) {

    .ac__title h2,
    .ac__title .h2 {
        font-size: 50px
    }
}

@media (min-width: 375px) {

    .ac__title h2,
    .ac__title .h2 {
        font-size: 60px
    }
}

@media (min-width: 768px) {

    .ac__title h2,
    .ac__title .h2 {
        font-size: 70px
    }
}

@media (min-width: 992px) {

    .ac__title h2,
    .ac__title .h2 {
        font-size: 80px
    }
}

@media (min-width: 1200px) {

    .ac__title h2,
    .ac__title .h2 {
        font-size: 90px
    }
}

.ac__title .ac__trigger--icon {
    position: absolute;
    max-height: 266px;
    top: 50%;
    left: 24px;
    opacity: 0;
    z-index: 1;
    transform: translateY(-50%);
    margin-top: -30px;
    pointer-events: none;
    -webkit-transition: opacity .5s ease .1s;
    transition: opacity .5s ease .1s;
}

.ac__title .ac__trigger--icon img {
    max-height: 266px;
}

.ac__title:hover .ac__trigger--icon {
    opacity: .3
}

.ac__title--desc {
    line-height: 212%;
    text-transform: uppercase;
    color: #000
}

@media (min-width: 320px) {
    .ac__title--desc {
        font-size: 14px;
        line-height: 150%;
        margin-top: 0
    }
}

@media (min-width: 768.1px) {
    .ac__title--desc {
        padding-right: 82px;
        max-width: 674px
    }
}

@media (min-width: 900px) {
    .ac__title--desc {
        margin-top: -2%
    }
}

@media (min-width: 1200px) {
    .ac__title--desc {
        font-size: 16px;
        line-height: 212%
    }
}

@media (max-width: 767.9px) {
    .ac__title--desc {
        padding-top: 0
    }
}

@media (min-width: 768px) {
    .ac-panel-row__inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 100%;
        gap: 0 67px
    }
}

@media (min-width: 992px) {
    .ac-panel-rows {
        max-width: 767px
    }
}

@media (min-width: 900px) {
    .ac-panel-row {
        -webkit-column-gap: 98px;
        -moz-column-gap: 98px;
        column-gap: 98px
    }
}

@media (min-width: 992px) {
    .ac-panel-row {
        -webkit-column-gap: 131px;
        -moz-column-gap: 131px;
        column-gap: 131px
    }
}

@media (min-width: 900px) {
    .ac-panel-row__inner {
        padding: 43px
    }
}

.ac-panel--name {
    font-weight: 500;
    line-height: 100%;
    text-transform: uppercase;
    color: #000;
    position: relative
}

@media (min-width: 320px) {
    .ac-panel--name {
        padding-top: 113px;
        margin-bottom: 20px
    }
}

@media (min-width: 375px) {
    .ac-panel--name {
        font-size: 20px;
        margin-bottom: 26px
    }
}

@media (min-width: 768px) {
    .ac-panel--name {
        padding-top: 0;
        margin-bottom: 0;
        font-size: 20px;
        padding-top: 5px;
        display: flex;
        flex-direction: column;
        gap: 10px;
    }
}

@media (min-width: 992px) {
    .ac-panel--name {
        font-size: 32px
    }
}

.ac-panel--name:after {
    content: "";
    position: absolute;
    left: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

@media (min-width: 320px) {
    .ac-panel--name:after {
        top: 13px;
        left: 0;
        width: 81px;
        height: 89px
    }
}

@media (min-width: 768px) {
    .ac-panel--name:after {
        top: 100%
    }
}

@media (min-width: 992px) {
    .ac-panel--name:after {
        top: 100%;
        width: 115px;
        height: 126px;
        margin: 0 auto;
    }
}

.vintage-wines .ac-panel--name:after {
    background-image: url('data:image/svg+xml,<svg width="115" height="126" viewBox="0 0 115 126" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M57.6886 35.0365C76.4343 23.9041 86.4052 14.7115 83.3122 0C86.0036 5.92238 86.3881 12.2224 75.2552 26.4104C90.9421 22.608 103.57 26.6765 111.354 40.9417C117.147 51.559 115.968 62.4339 108.312 71.8496C98.3754 84.0635 85.6191 85.7114 71.3591 80.038C78.5959 100.964 75.2552 114.474 61.0977 122.241C48.0937 129.374 31.7404 126.095 23.0767 114.611C13.2255 101.556 15.6776 87.9774 30.8262 71.7724C12.5249 69.9012 1.24673 60.5456 0.118912 46.289C-1.11997 30.6848 7.41552 17.544 21.3338 13.6043C36.6447 9.26981 48.256 16.1192 57.6886 35.0365ZM84.2435 26.1786C82.8594 26.3589 80.6807 26.3932 78.6643 26.9597C66.9418 30.2471 59.2266 41.9202 59.8247 55.2584C60.4142 68.3649 69.1291 79.2998 80.9455 81.4885C91.0446 83.3596 99.281 79.7719 105.228 71.6694C112.131 62.2622 112.986 51.7393 107.953 41.3193C103.425 31.9551 95.778 26.4619 84.2435 26.1786ZM72.1281 96.6292C72.1024 96.1657 72.111 94.7323 71.9657 93.3161C70.1544 75.815 52.2632 64.3737 36.9352 70.8883C24.683 76.0983 17.9845 91.6681 22.2394 105.127C25.5033 115.452 31.9455 122.765 42.8989 124.318C59.2095 126.636 71.7521 114.843 72.1366 96.6292H72.1281ZM38.9943 66.5967C34.9615 62.3824 34.0815 59.5156 37.576 55.0781C42.1043 49.3274 47.5298 44.2548 52.9125 39.2594C54.9716 37.3453 55.2963 36.0922 54.1941 33.5516C50.6655 25.4233 44.6419 20.1533 36.4823 17.2693C23.8115 12.7975 9.64552 18.1276 4.2286 29.2686C-0.35101 38.6929 1.23818 50.2544 8.18449 58.0908C16.1475 67.0774 28.1946 70.4849 39.0028 66.6053L38.9943 66.5967ZM56.2447 40.2893C52.0325 43.4222 48.4355 45.6882 45.3511 48.512C42.4632 51.1556 39.6778 54.134 37.7383 57.49C36.8412 59.035 37.3111 62.7171 38.5671 63.8072C39.8572 64.9316 43.3945 64.9659 45.0008 63.9617C53.1432 58.8719 56.7232 51.1985 56.2447 40.2893ZM55.2621 55.473C51.8787 59.3268 48.256 63.4553 44.9495 67.2233C50.0845 68.3305 55.433 69.4807 60.1237 70.4849C58.526 65.541 56.8342 60.3396 55.2621 55.473Z" fill="black" /></svg>')
}

.ordinary-wines .ac-panel--name {
    color: #e19f00
}

.ordinary-wines .ac-panel--name:after {
    background-image: url('data:image/svg+xml,<svg width="115" height="126" viewBox="0 0 115 126" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M57.6886 35.0365C76.4343 23.9041 86.4052 14.7115 83.3122 0C86.0036 5.92238 86.3881 12.2224 75.2552 26.4104C90.9421 22.608 103.57 26.6765 111.354 40.9417C117.147 51.559 115.968 62.4339 108.312 71.8496C98.3754 84.0635 85.6191 85.7114 71.3591 80.038C78.5959 100.964 75.2552 114.474 61.0977 122.241C48.0937 129.374 31.7404 126.095 23.0767 114.611C13.2255 101.556 15.6776 87.9774 30.8262 71.7724C12.5249 69.9012 1.24673 60.5456 0.118912 46.289C-1.11997 30.6848 7.41552 17.544 21.3338 13.6043C36.6447 9.26981 48.256 16.1192 57.6886 35.0365ZM84.2435 26.1786C82.8594 26.3589 80.6807 26.3932 78.6643 26.9597C66.9418 30.2471 59.2266 41.9202 59.8247 55.2584C60.4142 68.3649 69.1291 79.2998 80.9455 81.4885C91.0446 83.3596 99.281 79.7719 105.228 71.6694C112.131 62.2622 112.986 51.7393 107.953 41.3193C103.425 31.9551 95.778 26.4619 84.2435 26.1786ZM72.1281 96.6292C72.1024 96.1657 72.111 94.7323 71.9657 93.3161C70.1544 75.815 52.2632 64.3737 36.9352 70.8883C24.683 76.0983 17.9845 91.6681 22.2394 105.127C25.5033 115.452 31.9455 122.765 42.8989 124.318C59.2095 126.636 71.7521 114.843 72.1366 96.6292H72.1281ZM38.9943 66.5967C34.9615 62.3824 34.0815 59.5156 37.576 55.0781C42.1043 49.3274 47.5298 44.2548 52.9125 39.2594C54.9716 37.3453 55.2963 36.0922 54.1941 33.5516C50.6655 25.4233 44.6419 20.1533 36.4823 17.2693C23.8115 12.7975 9.64552 18.1276 4.2286 29.2686C-0.35101 38.6929 1.23818 50.2544 8.18449 58.0908C16.1475 67.0774 28.1946 70.4849 39.0028 66.6053L38.9943 66.5967ZM56.2447 40.2893C52.0325 43.4222 48.4355 45.6882 45.3511 48.512C42.4632 51.1556 39.6778 54.134 37.7383 57.49C36.8412 59.035 37.3111 62.7171 38.5671 63.8072C39.8572 64.9316 43.3945 64.9659 45.0008 63.9617C53.1432 58.8719 56.7232 51.1985 56.2447 40.2893ZM55.2621 55.473C51.8787 59.3268 48.256 63.4553 44.9495 67.2233C50.0845 68.3305 55.433 69.4807 60.1237 70.4849C58.526 65.541 56.8342 60.3396 55.2621 55.473Z" fill="%23e19f00" /></svg>')
}

.ac-panel__row--img {
    grid-area: ac_img;
    width: 100%
}

@media (min-width: 320px) {
    .ac-panel__row--img {
        max-width: 85px
    }
}

@media (min-width: 992px) {
    .ac-panel__row--img {
        max-width: 95px
    }
}

.ac-panel__row--img img {
    width: 100%;
    height: auto;
    border-radius: 6px;
    overflow: hidden;
    min-height: 127px;
    -o-object-fit: cover;
    object-fit: cover
}

.ac-panel__row--title {
    grid-area: fac_title;
    font-family: var(--second-family);
    font-weight: 400;
    line-height: 100%;
    text-transform: uppercase;
    color: #101010;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width: 320px) {
    .ac-panel__row--title {
        max-width: -webkit-min-content;
        max-width: -moz-min-content;
        max-width: min-content;
        font-size: 44px
    }
}

@media (min-width: 768.1px) {
    .ac-panel__row--title {
        font-size: 44px;
        max-width: initial
    }
}

@media (min-width: 992px) {
    .ac-panel__row--title {
        margin-bottom: 16px;
        font-size: 70px
    }
}

.ac-panel__row--text {
    font-size: 12px;
    line-height: 150%;
    grid-area: ac_text;
    font-weight: 400;
    text-transform: uppercase;
    color: #000
}

@media (min-width: 576px) {
    .ac-panel__row--text {
        font-size: 16px;
        line-height: 160%
    }
}

@media (min-width: 768px) {
    .ac-panel__row--text {
        line-height: 160%
    }
}

@media (min-width: 992px) {
    .ac-panel__row--text {
        font-size: 16px;
        line-height: 212%
    }
}

.ac-panel__grid-area {
    position: relative;
    display: grid;
    grid-auto-columns: 98px 1fr
}

.ac-panel__grid-area .ac-panel__row--img {
    grid-area: ac_img
}

.ac-panel__grid-area:last-child {
    margin-bottom: 0
}

.ac-panel__grid-area:last-child::before {
    display: none
}

@media (min-width: 320px) {
    .ac-panel__grid-area {
        grid-template-areas: "ac_img fac_title" "ac_text ac_text";
        gap: 5px 8px;
        padding-bottom: 18px;
        margin-bottom: 31px
    }

    .ac-panel__grid-area::before {
        content: "";
        position: absolute;
        bottom: 0;
        right: 0;
        left: 0;
        height: 2px;
        background-image: url('data:image/svg+xml,<svg width="448" height="2" viewBox="0 0 448 2" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1H448" stroke="url(%23paint0_linear_2241_15458)" /><defs><linearGradient id="paint0_linear_2241_15458" x1="0" y1="1.5" x2="448" y2="1.5" gradientUnits="userSpaceOnUse"><stop stop-color="%23FAF6EE" /><stop offset="0.225" stop-color="%23D6CEBE" /><stop offset="0.495" stop-color="%23C5BBA7" /><stop offset="0.785" stop-color="%23D2C9B8" /><stop offset="1" stop-color="%23FAF6EE" /></linearGradient></defs></svg>');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat
    }
}

@media (min-width: 768.1px) {
    .ac-panel__grid-area {
        gap: 12px 20px;
        padding-bottom: 0;
        margin-bottom: 0
    }

    .ac-panel__grid-area::before {
        display: none
    }
}

@media (min-width: 992px) {
    .ac-panel__grid-area {
        grid-template-areas: "ac_img fac_title" "ac_img ac_text";
        gap: 0 32px
    }

    .ac-panel__grid-area::before {
        display: none
    }
}

@media (min-width: 768.1px) {
    .ac-panel-rows {
        display: grid;
        grid-template-columns: 1fr;
        gap: clamp(3rem, -1.667rem + 9.72vw, 5.625rem) 0
    }

    .ac-panel-rows .ac-panel__grid-area:nth-child(even) {
        grid-auto-columns: 1fr 98px;
        grid-template-areas: "fac_title ac_img" "ac_text ac_img"
    }
}

.ac-panel-wrapper {
    padding-top: 40px;
    width: 100%;
    display: grid;
    gap: 80px
}

@media (min-width: 768px) {
    .ac-panel-wrapper {
        padding-top: 58px
    }
}

.category__bg {
    position: absolute;
    top: 0;
    -webkit-transform: translateY(424px);
    -ms-transform: translateY(424px);
    transform: translateY(424px);
    left: 0;
    bottom: 0;
    z-index: -1
}

@media (max-width: 1199.9px) {
    .category__bg {
        display: none
    }
}

.ac.is-active .ac__trigger--icon {
    display: none
}

.mobile .ac__trigger--icon {
    display: none
}

@media (min-width: 320px) {
    .ac-panel-row.flex-top {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media (min-width: 768px) {
    .ac-panel-row.flex-top .ac__title--desc {
        display: none
    }
}

@media (max-width: 768px) {
    .ac-trigger.flex-vcenter {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .ac__title--desc {
        display: grid;
        grid-template-rows: 0;
        overflow: hidden;
        -webkit-transition: all .3s ease 0s;
        transition: all .3s ease 0s
    }

    .ac.is-active .ac__title--desc {
        grid-template-rows: 1fr
    }

    .ac .ac-header:before {
        top: 23px;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    .category__list {
        gap: 56px
    }
}

@media (min-width: 768px) {
    .category__list {
        gap: 43px
    }
}

@media (min-width: 1200px) {
    .category__list {
        gap: 90px
    }
}

@media (max-width: 576px) {
    .ac:nth-child(even) .ac-panel__grid-area {
        grid-auto-columns: 1fr 85px;
        grid-template-areas: "fac_title ac_img" "ac_text ac_text";
        gap: 12px 8px;
        padding-bottom: 16px;
        margin-bottom: 28px
    }
}

.production-hero__inner--decor {
    display: none
}

@media (min-width: 1024px) {
    .production-hero__inner--decor {
        position: absolute;
        display: block;
        z-index: -1;
        top: -471px
    }
}

.page-bg_top {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1
}

@media (min-width: 992px) {
    .page-bg_top {
        display: block
    }
}

@media (min-width: 992px) {
    .our-partners .page-bg_top {
        display: block
    }
}

.our-partners .contacts__list {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (min-width: 320px) {
    .our-partners .contacts__list {
        margin-bottom: 40px
    }
}

@media (min-width: 768px) {
    .our-partners .contacts__list {
        margin-bottom: 36px
    }
}

.our-partners .contacts__list--label {
    font-weight: 600;
    text-transform: uppercase;
    color: #b4b4b4
}

@media (min-width: 320px) {
    .our-partners .contacts__list--label {
        font-size: 14px;
        line-height: 150%;
        margin-bottom: 12px
    }
}

@media (min-width: 768px) {
    .our-partners .contacts__list--label {
        font-size: 17px;
        margin-bottom: 15px
    }
}

@media (min-width: 992px) {
    .our-partners .contacts__list--label {
        margin-bottom: 11px
    }
}

.our-partners .contacts__list a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    font-weight: 600;
    line-height: 150%;
    text-transform: uppercase;
    text-decoration: underline;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
    color: #59564c;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

.our-partners .contacts__list a:hover:not([href^=tel]) {
    text-decoration: none
}

.our-partners .contacts__list a[href^=tel] {
    text-decoration: none
}

.our-partners .contacts__list a[href^=tel]:hover {
    text-decoration: underline
}

.our-partners .contacts__list a:last-child {
    margin-bottom: 0
}

@media (min-width: 320px) {
    .our-partners .contacts__list a {
        font-size: 14px;
        letter-spacing: .04em;
        margin-bottom: 12px
    }
}

@media (min-width: 768px) {
    .our-partners .contacts__list a {
        font-size: 18px;
        margin-bottom: 4px
    }
}

@media (min-width: 992px) {
    .our-partners .contacts__list a {
        font-size: 16px
    }
}

@media (min-width: 768px) {
    .our-partners__container {
        padding-left: 40px;
        padding-right: 40px
    }
}

@media (min-width: 320px) {
    .our-partners__title {
        margin-bottom: 32px;
        text-align: left
    }
}

@media (min-width: 768px) {
    .our-partners__title {
        margin-bottom: 53px
    }

    .our-partners__title h1 {
        font-size: 100px
    }

    .our-partners__title.text-center {
        text-align: center
    }
}

@media (min-width: 992px) {
    .our-partners__title {
        text-align: center
    }
}

@media (min-width: 1200px) {
    .our-partners__title {
        margin-bottom: 80px
    }
}

@media (min-width: 320px) {
    .our-partners__contacts {
        margin-bottom: 40px
    }
}

@media (min-width: 768px) {
    .our-partners__contacts {
        margin-bottom: 124px
    }

    .our-partners__contacts h2 {
        font-size: 70px
    }
}

@media (min-width: 1200px) {
    .our-partners__contacts {
        margin-bottom: 128px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        gap: 16px;
        max-width: 1199.9px;
        margin-left: auto;
        margin-right: auto
    }
}

@media (min-width: 320px) {
    .our-partners__contacts .title__nex-text {
        margin-bottom: 20px;
        font-weight: 400
    }
}

@media (min-width: 768px) {
    .our-partners__contacts .title__nex-text {
        font-size: 20px;
        line-height: 150%;
        margin-bottom: 35px
    }
}

@media (min-width: 992px) {
    .our-partners__contacts .title__nex-text {
        margin-bottom: 31px
    }
}

@media (min-width: 992px) {
    .our-partners__right {
        max-width: 600px
    }
}

.our-partners__logo {
    padding-bottom: 50px
}

@media (max-width: 375px) {
    .our-partners__logo {
        padding-right: 0
    }
}

@media (min-width: 375px) {
    .our-partners__logo {
        padding-bottom: 50px
    }
}

@media (min-width: 768px) {
    .our-partners__logo {
        padding-bottom: 17px
    }
}

@media (min-width: 1200px) {
    .our-partners__logo {
        padding-bottom: 130px
    }
}

@media (min-width: 576.1px) {
    .our-partners__logo--list .our-partners__wrapper {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px
    }
}

@media (min-width: 768px) {
    .our-partners__logo--list .our-partners__wrapper {
        gap: 37px 20px
    }
}

@media (min-width: 992px) {
    .our-partners__logo--list .our-partners__wrapper {
        grid-template-columns: repeat(4, 1fr)
    }
}

.our-partners__logo--item {
    background-image: url(../img/partners/bg.png);
    border-radius: 8px;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (min-width: 375px) {
    .our-partners__logo--item {
        position: relative;
        padding-bottom: 66%
    }

    .our-partners__logo--item img {
        max-width: 54%;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 100%;
        height: 100%;
        -o-object-fit: contain;
        object-fit: contain
    }
}

@media (min-width: 576.1px) {
    .our-partners__logo .our-partners-button {
        display: none
    }
}

@media (max-width: 576.1px) {
    .our-partners__logo.fill-conteiner {
        margin-left: -15px
    }

    .our-partners__slide {
        padding: 0 16px
    }

    .our-partners__slide .our-partners__logo--item {
        min-height: 220px
    }
}

.our-partners-button .swiper-button-next,
.our-partners-button .swiper-button-prev {
    top: 45%
}

.our-partners-button .swiper-button-prev {
    left: 14px
}

.our-partners-button .swiper-button-next {
    right: 14px
}

.our-partners-button .swiper-button-next::after,
.our-partners-button .swiper-button-prev::after {
    background-image: url('data:image/svg+xml,<svg width="17" height="46" viewBox="0 0 17 46" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1L15 23L1 45" stroke="%238B8B8B" stroke-width="2" /></svg>');
    height: 44px;
    width: 14px
}

.our-partners__logo--list {
    padding-bottom: 32px
}

@media (min-width: 576px) {
    .our-partners__logo .swiper-pagination {
        display: none
    }
}

.documents .page-bg_top {
    overflow: hidden;
    display: block
}

.documents .page-bg_top .bg-mob {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    max-width: 100%;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain
}

@media (max-width: 1199.9px) {
    .documents .page-bg_top .bg-descop {
        display: none
    }
}

@media (max-width: 576px) {
    .documents .page-bg_top {
        width: 222px;
        height: 137px
    }

    .documents .page-bg_top .bg-mob {
        display: block
    }
}

.documents__container {
    padding-left: var(--container-padding);
    padding-right: var(--container-padding)
}

@media (min-width: 319px) {
    .documents__container {
        padding-left: var(--paddingContainerSmall);
        padding-right: var(--paddingContainerSmall)
    }
}

@media (min-width: 768px) {
    .documents__container {
        padding-left: var(--paddingContainerBig);
        padding-right: var(--paddingContainerBig)
    }
}

.documents__title {
    margin-bottom: clamp(1rem, -0.817rem + 8.08vw, 6.25rem);
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto
}

@media (max-width: 320px) {

    .documents__title h1,
    .documents__title .h1 {
        font-size: 50px
    }
}

@media (min-width: 768px)and (max-width: 1199.9px) {
    .documents__title {
        margin-bottom: 11px
    }

    .documents__title h1,
    .documents__title .h1 {
        font-size: 100px
    }
}

@media (min-width: 1200px) {
    .documents__title {
        text-align: center
    }
}

@media (min-width: 1200px) {
    .documents .tab-nav {
        position: sticky;
        top: 142px
    }
}

@media (min-width: 320px) {
    .documents .tab-pane__content--list {
        margin-bottom: 8px;
        display: grid;
        grid-template-columns: 1fr;
        width: 100%
    }

    .documents .tab-pane__content--list .title__count-full {
        font-size: 20px
    }
}

@media (min-width: 576px) {
    .documents .tab-pane__content--list {
        -webkit-column-gap: clamp(1.625rem, 1.063rem + 2.5vw, 3.25rem);
        -moz-column-gap: clamp(1.625rem, 1.063rem + 2.5vw, 3.25rem);
        column-gap: clamp(1.625rem, 1.063rem + 2.5vw, 3.25rem);
        grid-template-columns: 1fr 1fr
    }
}

@media (min-width: 768px)and (max-width: 1199.9px) {
    .documents .tab-pane__content--list {
        -webkit-column-gap: 62px;
        -moz-column-gap: 62px;
        column-gap: 62px;
        margin-bottom: 0
    }
}

@media (min-width: 1200px) {
    .documents .tab-pane__content--list {
        grid-template-columns: 1fr 1fr 1fr
    }
}

.documents .tab-pane__item {
    position: relative
}

.documents .tab-pane__item--title {
    font-weight: 500;
    line-height: 150%;
    text-transform: uppercase;
    color: #000
}

@media (min-width: 320px) {
    .documents .tab-pane__item--title {
        font-size: 20px;
        margin-bottom: 4px
    }
}

.documents .tab-pane__item--text {
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #000;
    margin-bottom: 16px;
    overflow-wrap: break-word
}

@media (min-width: 1200px) {
    .documents .tab-pane__item--text {
        min-height: 72px
    }
}

.documents .tab-pane__item--desc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width: 320px) {
    .documents .tab-pane__item--desc {
        gap: 32px
    }
}

.documents .tab-pane__item--type {
    font-weight: 600;
    line-height: 150%;
    text-transform: uppercase;
    text-decoration: underline;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
    color: #59564c
}

@media (min-width: 320px) {
    .documents .tab-pane__item--type {
        font-size: 16px
    }
}

.documents .tab-pane__item--data {
    font-weight: 400;
    line-height: 150%;
    color: #59564c
}

@media (min-width: 320px) {
    .documents .tab-pane__item--data {
        font-size: 14px
    }
}

@media (min-width: 1200px) {
    .documents .tab-pane__content {
        position: relative;
        top: initial;
        bottom: initial;
        left: initial;
        right: initial
    }

    .documents .tab-pane__content:before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        width: 2px;
        left: -52px;
        background: #faf6ee;
        background: -webkit-gradient(linear, left top, left bottom, from(rgb(250, 246, 238)), color-stop(22%, rgb(214, 206, 190)), color-stop(50%, rgb(197, 187, 167)), color-stop(79%, rgb(210, 201, 184)), to(rgb(250, 246, 238)));
        background: linear-gradient(180deg, rgb(250, 246, 238) 0%, rgb(214, 206, 190) 22%, rgb(197, 187, 167) 50%, rgb(210, 201, 184) 79%, rgb(250, 246, 238) 100%);
        opacity: .5
    }
}

.documents__container--tab {
    max-width: 1520px;
    padding-left: var(--container-padding);
    padding-right: var(--container-padding)
}

@media (min-width: 319px) {
    .documents__container--tab {
        padding-left: var(--paddingContainerSmall);
        padding-right: var(--paddingContainerSmall)
    }
}

@media (min-width: 768px) {
    .documents__container--tab {
        padding-left: var(--paddingContainerBig);
        padding-right: var(--paddingContainerBig)
    }
}

.tab-content__documents {
    max-width: 1166px
}

.documents__tab--title {
    line-height: 100%;
    color: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (min-width: 320px) {
    .documents__tab--title {
        margin-bottom: 20px
    }

    .documents__tab--title h2 {
        font-size: clamp(2.75rem, 2.188rem + 2.5vw, 4.375rem)
    }
}

@media (min-width: 768px)and (max-width: 1199.9px) {
    .documents__tab--title h2 {
        font-size: 60px
    }
}

@media (min-width: 576px) {
    .documents__tab--title {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        margin-bottom: 26px
    }

    .documents__tab--title .title__count-full {
        font-size: 20px;
        margin-top: -18px;
        padding-left: 7px
    }
}

@media (min-width: 768px)and (max-width: 1199.9px) {
    .documents__tab--title {
        margin-bottom: 16px
    }

    .documents__tab--title .title__count-full {
        font-size: 16px;
        margin-top: -3px;
        padding-left: 9px
    }
}

@media (min-width: 1200px) {
    .documents__tab--title {
        margin-bottom: 36px
    }
}

.tab-content__documents {
    position: relative
}

@media (min-width: 320px) {
    .tab-content__documents {
        display: grid;
        grid-template-columns: 1fr;
        gap: 180px
    }
}

@media (min-width: 1200px) {
    .tab-content__documents {
        padding-top: 9px;
        gap: clamp(11.25rem, 10.882rem + 1.63vw, 12.313rem)
    }
}

@media (min-width: 320px) {
    .documents__tab {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 33%;
        flex: 1 1 33%
    }
}

@media (min-width: 573px) {
    .documents__tab .btn-grey {
        max-width: 343px;
        margin-right: auto;
        margin-left: auto;
        border: 2px solid #e6e6e6;
        border-radius: 100px;
        padding: 8px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding-top: 8px;
        padding-bottom: 6px;
        -webkit-transition: all .3s ease 0s;
        transition: all .3s ease 0s
    }

    .documents__tab .btn-grey:hover {
        background-color: var(--yellow-text-1);
        border-color: var(--yellow-text-1)
    }
}

@media (min-width: 1200px) {
    .documents__tab .btn-grey {
        background-color: rgba(0, 0, 0, 0);
        border: 2px solid #e6e6e6;
        font-size: 20px
    }
}

@media (min-width: 1200px) {
    .documents__row {
        padding-bottom: 180px
    }
}

@media (min-width: 1200px) {
    .documents .tab {
        display: grid;
        gap: 52px;
        grid-template-columns: 242px 1fr;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.documents .tab-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 8px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

@media (min-width: 320px) {
    .documents .tab-nav {
        margin-bottom: 52px;
        gap: 6px 9px
    }
}

@media (min-width: 768px)and (max-width: 1199.9px) {
    .documents .tab-nav {
        margin-bottom: 66px
    }
}

@media (min-width: 1200px) {
    .documents .tab-nav {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 11px;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        margin-top: -8px
    }
}

.documents .tab-btn {
    font-weight: 600;
    line-height: 150%;
    text-transform: uppercase;
    color: #b4b4b4;
    white-space: nowrap;
    border-radius: 100px;
    border: 1px solid #b4b4b4;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

@media (min-width: 320px) {
    .documents .tab-btn {
        font-size: 14px;
        padding: 4px 32px
    }
}

@media (min-width: 1200px) {
    .documents .tab-btn {
        color: rgba(0, 0, 0, .5);
        border-radius: 0px;
        border: 0;
        padding-left: 0;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        text-align: left;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        position: relative;
        -webkit-transition: color .3s ease 0s;
        transition: color .3s ease 0s
    }

    .documents .tab-btn:before {
        content: "";
        width: 0;
        height: 1px;
        background-color: rgba(0, 0, 0, 0);
        display: block;
        -webkit-transition: all .3s ease 0s;
        transition: all .3s ease 0s
    }
}

@media (min-width: 1200px) {
    .documents .tab-btn:hover {
        color: #e19f00
    }
}

.documents .tab-btn-active {
    gap: 12px
}

@media (min-width: 319px) {
    .documents .tab-btn-active {
        border-color: #000;
        background-color: #000;
        color: #fff
    }
}

@media (min-width: 1200px) {
    .documents .tab-btn._active {
        border-color: rgba(0, 0, 0, 0);
        background-color: rgba(0, 0, 0, 0);
        color: #e19f00;
        gap: 10px
    }

    .documents .tab-btn._active:before {
        width: 20px;
        background-color: #e19f00;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@media (min-width: 320px) {
    .documents .tab-pane__item {
        padding-bottom: 32px;
        margin-bottom: 32px;
        width: 100%
    }

    .documents .tab-pane__item::after {
        content: "";
        position: absolute;
        right: 0;
        left: 0;
        bottom: 0;
        height: 2px;
        background-image: url('data:image/svg+xml,<svg width="448" height="2" viewBox="0 0 448 2" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1H448" stroke="url(%23paint0_linear_2241_15458)" /><defs><linearGradient id="paint0_linear_2241_15458" x1="0" y1="1.5" x2="448" y2="1.5" gradientUnits="userSpaceOnUse"><stop stop-color="%23FAF6EE" /><stop offset="0.225" stop-color="%23D6CEBE" /><stop offset="0.495" stop-color="%23C5BBA7" /><stop offset="0.785" stop-color="%23D2C9B8" /><stop offset="1" stop-color="%23FAF6EE" /></linearGradient></defs></svg>');
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat
    }
}

@media (min-width: 576px) {
    .documents .tab-pane__item {
        -ms-flex-preferred-size: 48%;
        flex-basis: 48%
    }
}

@media (min-width: 768px) {
    .documents .tab-pane__item {
        -ms-flex-preferred-size: 33%;
        flex-basis: 33%
    }
}

.documents .tab-pane ul li {
    list-style-type: none
}

@media (min-width: 320px) {
    .documents .tab-pane {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: -1;
        visibility: hidden;
        opacity: 0;
        -webkit-transition: all .3s ease 0s;
        transition: all .3s ease 0s
    }

    .documents .tab-pane.tab-pane-show {
        position: relative;
        z-index: 1;
        visibility: visible;
        opacity: 1;
        margin-bottom: 50px
    }
}

@media (min-width: 1200px) {
    .documents .tab-pane.documents__tab {
        position: static;
        visibility: visible;
        opacity: 1;
        z-index: initial;
        margin-bottom: 0
    }
}

.btn-showmore__inner {
    position: relative;
    z-index: 2;
    background-image: url(../img/design/bg-where.png)
}

@media (min-width: 0) {
    .btn-showmore__inner {
        margin-top: -44px;
        padding-top: 14px
    }
}

@media (min-width: 1200px) {
    .btn-showmore__inner {
        margin-top: -68px;
        padding-top: 68px
    }
}

.rulers .page-bg_top {
    display: block;
    left: 38%;
    overflow: hidden
}

@media (min-width: 376px) {
    .rulers .page-bg_top {
        display: none
    }
}

@media (max-width: 1199.9px) {
    .rulers .page-bg_top-left {
        display: none
    }
}

@media (min-width: 768px) {
    .rulers {
        margin-bottom: 4px
    }
}

@media (min-width: 1200px) {
    .rulers {
        margin-bottom: 89px
    }
}

.rulers__hero {
    position: relative
}

@media (min-width: 319px) {
    .rulers__hero {
        margin-bottom: 81px
    }
}

@media (min-width: 1200px) {
    .rulers__hero {
        position: relative;
        max-width: 1920px;
        margin-left: auto;
        margin-right: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 58px;
        width: 100%;
        overflow: hidden;
        padding-top: 65px;
        -webkit-transform: translateY(-65px);
        -ms-transform: translateY(-65px);
        transform: translateY(-65px);
        padding-bottom: 36px;
        min-height: 634px;
        margin-bottom: -12px
    }
}

@media (min-width: 576px)and (max-width: 1199.9px) {
    .rulers__products {
        padding-bottom: 20px
    }
}

@media (min-width: 1200px) {
    .rulers__container {
        padding-right: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 100%;
        max-width: 1500px
    }
}

.rulers__hero--content {
    display: grid
}

@media (max-width: 319.9px) {
    .rulers__hero--content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media (min-width: 320px) {
    .rulers__hero--content {
        grid-template-areas: "title" "text-top" "text" "desc" "img" "link"
    }
}

@media (min-width: 768px)and (max-width: 1199.9px) {
    .rulers__hero--content {
        grid-template-areas: "title title" "text-top text-top" "img img" "text text" "desc link";
        grid-template-columns: 1fr 1fr
    }
}

@media (min-width: 1200px) {
    .rulers__hero--content {
        min-width: 506px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        max-width: 49%;
        padding-right: 58px
    }
}

.rulers__title {
    margin-bottom: 12px;
    grid-area: title
}

@media (min-width: 1200px) {
    .rulers__title {
        margin-bottom: 5px
    }
}

@media (min-width: 320px) {

    .rulers__title h1,
    .rulers__title .h1 {
        font-size: 51px
    }

}

@media (min-width: 375px) {

    .rulers__title h1,
    .rulers__title .h1 {
        font-size: clamp(3.75rem, 1.365rem + 10.18vw, 6.25rem)
    }
}

@media (min-width: 1200px) {

    .rulers__title h1,
    .rulers__title .h1 {
        font-size: 70px;
        max-width: 648px;
        line-height: 120%;
        letter-spacing: .03em
    }
}

.rulers__hero--text {
    grid-area: text
}

@media (min-width: 0px) {
    .rulers__hero--text {
        margin-bottom: 30px
    }
}

@media (min-width: 768px) {
    .rulers__hero--text {
        margin-bottom: 15px
    }
}

@media (min-width: 1200px) {
    .rulers__hero--text {
        margin-bottom: 52px
    }
}

.rulers__hero--desc {
    grid-area: desc;
    position: relative;
    padding-left: 28px;
    margin-bottom: 29px
}

@media (min-width: 768px) {
    .rulers__hero--desc {
        margin-bottom: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media (min-width: 1200px) {
    .rulers__hero--desc {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 100%;
        -webkit-box-align: initial;
        -ms-flex-align: initial;
        align-items: initial;
        -webkit-box-pack: initial;
        -ms-flex-pack: initial;
        justify-content: initial
    }
}

.rulers__hero--desc:after {
    content: "";
    position: absolute;
    left: 0;
    width: 14px;
    height: 20px;
    display: block;
    background-image: url('data:image/svg+xml,<svg width="14" height="20" viewBox="0 0 14 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.875 7.50017C13.8757 6.34158 13.5836 5.20161 13.0258 4.18613C12.468 3.17066 11.6626 2.31262 10.6844 1.69171C9.70623 1.07081 8.58701 0.70718 7.4307 0.634599C6.27438 0.562018 5.11847 0.782839 4.07034 1.27655C3.02221 1.77027 2.11584 2.52086 1.43544 3.45861C0.755032 4.39637 0.32265 5.49087 0.178455 6.64045C0.03426 7.79003 0.182928 8.95742 0.61065 10.0342C1.03837 11.1109 1.73128 12.0621 2.625 12.7994V18.7502C2.62492 18.8568 2.65211 18.9616 2.70397 19.0547C2.75584 19.1478 2.83065 19.2262 2.92131 19.2822C3.01197 19.3383 3.11546 19.3702 3.22195 19.375C3.32843 19.3798 3.43437 19.3572 3.52969 19.3095L7 17.5783L10.4711 19.3135C10.5581 19.355 10.6535 19.3761 10.75 19.3752C10.9158 19.3752 11.0747 19.3093 11.1919 19.1921C11.3092 19.0749 11.375 18.9159 11.375 18.7502V12.7994C12.157 12.1554 12.7867 11.3462 13.2189 10.43C13.6512 9.51376 13.8752 8.51323 13.875 7.50017ZM1.375 7.50017C1.375 6.38766 1.7049 5.30012 2.32298 4.37509C2.94107 3.45007 3.81957 2.7291 4.84741 2.30335C5.87524 1.87761 7.00624 1.76622 8.09738 1.98326C9.18853 2.2003 10.1908 2.73603 10.9775 3.5227C11.7641 4.30937 12.2999 5.31165 12.5169 6.40279C12.734 7.49394 12.6226 8.62493 12.1968 9.65277C11.7711 10.6806 11.0501 11.5591 10.1251 12.1772C9.20006 12.7953 8.11252 13.1252 7 13.1252C5.50867 13.1235 4.07889 12.5304 3.02435 11.4758C1.96982 10.4213 1.37666 8.99151 1.375 7.50017ZM2.625 7.50017C2.625 6.63488 2.88159 5.78902 3.36232 5.06956C3.84305 4.35009 4.52633 3.78934 5.32576 3.4582C6.12519 3.12707 7.00486 3.04043 7.85352 3.20924C8.70219 3.37805 9.48174 3.79473 10.0936 4.40658C10.7054 5.01844 11.1221 5.79799 11.2909 6.64666C11.4597 7.49532 11.3731 8.37499 11.042 9.17441C10.7108 9.97384 10.1501 10.6571 9.43062 11.1379C8.71116 11.6186 7.86529 11.8752 7 11.8752C5.84006 11.8739 4.72798 11.4126 3.90778 10.5924C3.08758 9.77219 2.62624 8.66012 2.625 7.50017Z" fill="%2359564C" /></svg>');
    background-size: contain;
    background-position: center;

    background-repeat: no-repeat
}

@media (min-width: 0) {
    .rulers__hero--desc:after {
        top: -1px
    }
}

@media (min-width: 768px)and (max-width: 1199.9px) {
    .rulers__hero--desc:after {
        top: 11px
    }
}

.rulers__hero--desc-title {
    font-weight: 700;
    font-size: 12px;
    line-height: 150%;
    text-transform: uppercase;
    color: #59564c
}

.rulers__hero--desc small {
    font-weight: 500;
    font-size: 14px;
    line-height: 150%;
    color: #b4b4b4
}

.rulers__hero--img {
    overflow: hidden;
    grid-area: img
}

@media (min-width: 0) {
    .rulers__hero--img {
        margin-bottom: 19px
    }
}

@media (min-width: 768px) {
    .rulers__hero--img {
        margin-bottom: 42px
    }
}

@media (min-width: 1200px) {
    .rulers__hero--img {
        display: none
    }
}

.rulers__hero--img img {
    border-radius: 12px;
    max-width: 100%;
    height: auto;
    width: 100%
}

.rulers__hero--link {
    grid-area: link
}

@media (max-width: 768px) {
    .rulers__hero--link .btn {
        width: 100%
    }
}

@media (min-width: 1200px) {
    .rulers__hero--link {
        margin-bottom: 80px
    }

    .rulers__hero--link .btn {
        display: inline;
        padding: 9px 80px;
        margin-bottom: 18px
    }
}

@media (max-width: 1199.9px) {
    .rulers__hero--images {
        display: none
    }
}

@media (min-width: 1200px) {
    .rulers__hero--images img {
        position: absolute;
        top: -65px;
        bottom: 0;
        right: 0;
        width: 50%;
        height: 106%;
        -o-object-fit: cover;
        object-fit: cover
    }
}

@media (min-width: 1200px) {
    .rulers__row::after {
        content: "";
        position: relative;
        height: 2px;
        background: #7f7f7f;

        background: -webkit-gradient(linear, left top, right top, from(rgb(127, 127, 127)), to(rgba(255, 255, 255, 0)));
        background: linear-gradient(90deg, rgb(127, 127, 127) 0%, rgba(255, 255, 255, 0) 100%);
        display: block
    }
}

.rulers__row:last-child::after {
    display: none
}

.rulers__row:not(:first-child) {
    padding-top: clamp(3.125rem, 1.042rem + 4.34vw, 6.25rem)
}

@media (max-width: 375px) {
    .rulers__row:not(:first-child) {
        padding-top: 20px
    }
}

@media (min-width: 1200px) {
    .rulers__row:not(:first-child) {
        padding-top: 105px
    }
}

.rulers__inner-products {
    max-width: 1199.9px;
    margin-left: auto;
    margin-right: auto
}

@media (min-width: 1200px) {
    .rulers__inner-products {
        max-width: 1400px
    }
}

@media (min-width: 320px) {
    .rulers__products--title {
        margin-bottom: 32px
    }

    .rulers__products--title h2,
    .rulers__products--title .h2 {
        font-size: clamp(3.75rem, 1.528rem + 4.63vw, 5rem)
    }
}

@media (min-width: 768px) {
    .rulers__products--title {
        margin-bottom: 20px
    }
}

@media (min-width: 1200px) {
    .rulers__products--title {
        margin-bottom: 53px
    }
}

.rulers__item {
    position: relative
}

@media (min-width: 0) {
    .rulers__item {
        padding-bottom: 62px
    }
}

@media (min-width: 768px)and (max-width: 1199.9px) {
    .rulers__item {
        padding-bottom: 39px
    }
}

@media (min-width: 1200px) {
    .rulers__item {
        padding-bottom: 94px
    }
}

@media (min-width: 1200px) {
    .rulers__item:nth-child(odd) {
        grid-template-columns: 1fr 450px
    }

    .rulers__item:nth-child(odd) .rulers__item--content {
        grid-template-areas: "itemtitle itemimg" "itemsubtitle itemimg" "itemtext itemimg" "itedesc itemimg" "itembtn itemimg"
    }
}

.rulers__item--content {
    display: grid
}

@media (min-width: 319px) {
    .rulers__item--content {
        grid-template-areas: "itemtitle" "itemsubtitle" "itemtext" "itedesc" "itemimg" "itembtn"
    }
}

@media (min-width: 768px) {
    .rulers__item--content {
        grid-template-areas: "itemtitle itemtitle" "itemsubtitle itemsubtitle" "itemimg itemimg" "itemtext itemtext" "itedesc itembtn"
    }
}

@media (min-width: 1200px) {
    .rulers__item--content {
        -webkit-column-gap: 78px;
        -moz-column-gap: 78px;
        column-gap: 78px;
        grid-template-areas: "itemimg itemtitle" "itemimg itemsubtitle" "itemimg itemtext" "itemimg itedesc" "itemimg itembtn"
    }
}

.rulers__item--img {
    grid-area: itemimg;
    margin-bottom: 20px
}

@media (min-width: 768px) {
    .rulers__item--img {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        width: 100%;
        margin-bottom: 38px
    }
}

@media (min-width: 1200px) {
    .rulers__item--img {
        margin-bottom: 0;
        max-height: 320px;
        width: 106%
    }
}

.rulers__item--img img {
    border-radius: 12px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    max-height: 520px
}

@media (min-width: 1200px) {
    .rulers__item--img img {
        max-height: initial;
        height: 100%
    }
}

.rulers__item--title {
    grid-area: itemtitle;
    font-weight: 500;
    line-height: 132%;
    text-transform: uppercase
}

.rulers__item--title:has(a) {
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

.rulers__item--title:has(a):hover {
    color: #000
}

@media (min-width: 319px) {
    .rulers__item--title {
        font-size: 24px;
        color: #e19f00;
        margin-bottom: 4px
    }
}

@media (min-width: 768px) {
    .rulers__item--title {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        width: 100%;
        font-size: 26px;
        margin-bottom: 10px
    }
}

@media (min-width: 1200px) {
    .rulers__item--title {
        font-size: 28px;
        margin-bottom: 0px;
        color: #000
    }

    .rulers__item--title:has(a) {
        -webkit-transition: all .3s ease 0s;
        transition: all .3s ease 0s
    }

    .rulers__item--title:has(a):hover {
        color: #e19f00
    }
}

@media (min-width: 0) {
    .rulers__item--subtitle {
        grid-area: itemsubtitle;
        font-weight: 500;
        font-size: 12px;
        line-height: 150%;
        color: #b4b4b4;
        margin-bottom: 20px
    }
}

@media (min-width: 768px) {
    .rulers__item--subtitle {
        font-size: 14px;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin-bottom: 20px;
        width: 100%
    }
}

@media (min-width: 1200px) {
    .rulers__item--subtitle {
        margin-bottom: 20px
    }
}

.rulers__item--text {
    grid-area: itemtext;
    margin-bottom: 32px
}

@media (min-width: 768px) {
    .rulers__item--text {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
        width: 100%;
        margin-bottom: 16px
    }
}

@media (min-width: 1200px) {
    .rulers__item--text {
        margin-bottom: 34px
    }
}

.rulers__item--link {
    grid-area: itembtn
}

@media (min-width: 1200px) {
    .rulers__item--link {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.rulers__item--link .btn, .branch__sity--btn .btn {
    max-width: 245px;
    font-size: 16px;
    line-height: 140%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px
}

@media (max-width: 1199.9px) {
    .rulers__item--link .btn {
        width: 100%;
        max-width: initial;
        background-color: #e5e5e5
    }
}

.tour-list__inner .rulers__item--link .btn, 
.rulers__products .rulers__item--link .btn, 
.branch__inner .branch__sity--btn .btn, 
.rulers__hero .rulers__hero--content .btn, 
.our-news .tour__hero--content .btn {
    padding: 0;
    width: auto;
    background-color: rgba(0, 0, 0, 0);
    border: 0;
    border-radius: 0;
    font-size: 16px;
    line-height: 140%;
    height: initial;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px
}

.tour-list__inner .rulers__item--link .btn::after, 
.rulers__products .rulers__item--link .btn::after, 
.rulers__products .rulers__item--link .btn::after, 
.branch__inner .branch__sity--btn .btn::after, 
.rulers__hero .rulers__hero--content .btn::after, 
.our-news .tour__hero--content .btn::after {
    content: "";
    width: 40px;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-image: url('data:image/svg+xml,<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5 20L35 20" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /><path d="M30 25L35 20L30 15" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /></svg>');
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

.tour-list__inner .rulers__item--link .btn:hover, 
.rulers__products .rulers__item--link .btn:hover, 
.branch__inner .branch__sity--btn .btn:hover, 
.rulers__hero .rulers__hero--content .btn:hover, 
.our-news .tour__hero--content .btn:hover {
    color: #ffb71b
}

.tour-list__inner .rulers__item--link .btn:hover::after, 
.rulers__products .rulers__item--link .btn:hover::after, 
.branch__inner .branch__sity--btn .btn:hover::after, 
.rulers__hero .rulers__hero--content .btn:hover::after, 
.our-news .tour__hero--content .btn:hover::after {
    background-image: url('data:image/svg+xml,<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5 20L35 20" stroke="%23ffb71b" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /><path d="M30 25L35 20L30 15" stroke="%23ffb71b" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /></svg>')
}
.our-news .tour__hero .text-consult {flex-direction: row;}

.rulers__item--desc {
    grid-area: itedesc
}

@media (min-width: 1200px) {
    .rulers__item--desc {
        margin-bottom: 40px;
    }
}

.rulers__item--city {
    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;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 10px;
    background-color: #151515;
    border-radius: 100px;
    font-weight: 700;
    line-height: 1.5;
    text-transform: uppercase;
    color: #fff;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 12px;
    padding: 1px 12px
}

@media (min-width: 768px) {
    .rulers__item--city {
        font-size: 16px;
        padding: 1px 23px
    }
}

@media (min-width: 1200px) {
    .rulers__item--city {
        padding: 0px 12px;
        font-size: 12px
    }
}

.rulers__item--details {
    grid-area: rulers__item--details;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 16px;
    color: #59564c;
    line-height: 1.5
}

.rulers__item--details > * {
    position: relative;
    padding-left: 36px
}

.rulers__item--details > *:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 24px;
    height: 24px
}

@media (max-width: 576px) {
    .rulers__item--details-duration {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

.rulers__item--details-duration:after {
    background-image: url(../img/design/icon-time.svg)
}

@media (max-width: 576px) {
    .rulers__item--details-people {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }
}

.rulers__item--details-people:after {
    background-image: url(../img/design/icon-pipel.svg)
}

@media (max-width: 576px) {
    .rulers__item--details-price {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
}

.rulers__item--details-price:after {
    background-image: url(../img/design/icon-price.svg)
}

@media (min-width: 768px) {
    .rulers__item--details {
        margin-bottom: 30px
    }
}

.rulers__item--details--title {
    font-weight: 700;
    font-size: 13px;
    text-transform: uppercase;
    white-space: nowrap
}

.rulers__item--details-text {
    font-weight: 400;
    font-size: 15px;
    white-space: nowrap
}

@media (min-width: 0) {
    .rulers__hero--text-top {
        font-weight: 500;
        font-size: 14px;
        line-height: 1.5;
        text-transform: uppercase;
        color: #b4b4b4;
        margin-bottom: 32px
    }
}

@media (min-width: 576px)and (max-width: 1199.9px) {
    .rulers__hero--text-top {
        /*position: absolute;
        top: 5px;
        left: 55%;
        max-width: 270px;
        position: relative;
        top: auto;
        left: auto;
        bottom: 20px;*/
    }
}

@media (min-width: 768px) {
    .rulers__hero--text-top {
        left: 385px;
        left: auto;
    }
}

@media (min-width: 0) {
    .rulers__hero--desc-contacts-l {
        margin-bottom: 32px
    }
}

@media (min-width: 768px) {
    .rulers__hero--desc-contacts-l {
        margin-bottom: 0
    }
}

@media (min-width: 0px) {
    .rulers__hero .rulers__hero--desc:after {
        top: 1px
    }
}

@media (min-width: 768px)and (max-width: 1199.9px) {
    .rulers .rulers__hero--link {
        text-align: right
    }

    .rulers__hero .rulers__hero--desc:after {
        top: 6px
    }
}

@media (min-width: 1200px) {
    .rulers__hero .rulers__hero--desc:after {
        top: 2px
    }
}

.ruler {
    padding-bottom: 30px
}

@media (min-width: 768px)and (max-width: 1199.9px) {
    .ruler {
        padding-bottom: 15px
    }
}

@media (min-width: 1200px) {
    .ruler {
        padding-bottom: 90px
    }
}

.ruler .breadcrumbs {
    padding-top: 4px;
    padding-bottom: 17px
}

@media (min-width: 768px) {
    .ruler .breadcrumbs {
        padding-top: 12px;
        padding-bottom: 20px
    }
}

@media (min-width: 992px) {
    .ruler .breadcrumbs {
        padding-bottom: 17px;
        padding-top: 13px
    }
}

@media (min-width: 1200px) {
    .ruler .breadcrumbs {
        padding-top: 51px
    }
}

.ruler .breadcrumbs li {
    font-size: 16px;
    line-height: 132%
}

.ruler__container {
    max-width: 1500px;
    display: grid;
    gap: 20px
}

@media (min-width: 319px) {
    .ruler__container {
        grid-template-columns: 1fr
    }
}

@media (min-width: 1200px) {
    .ruler__container {
        grid-template-columns: 256px 1fr
    }
}

@media (min-width: 319px) {
    .ruler__title {
        margin-bottom: 12px
    }
}

@media (min-width: 768px) {
    .ruler__title {
        max-width: 300px
    }
}

@media (min-width: 992px) {
    .ruler__title {
        max-width: 400px
    }
}

@media (min-width: 1200px) {
    .ruler__title {
        max-width: initial
    }
}

.ruler__title h1,
.ruler__title .h1 {
    font-weight: 400;
    line-height: 100%;
    color: #000;
    font-size: clamp(3.75rem, 3.304rem + 2.23vw, 4.375rem)
}

@media (min-width: 768px) {

    .ruler__title h1,
    .ruler__title .h1 {
        font-size: clamp(4.375rem, 3.125rem + 2.6vw, 6.25rem);
        letter-spacing: 1.3px
    }
}

@media (min-width: 1200px) {

    .ruler__title h1,
    .ruler__title .h1 {
        font-size: 100px
    }
}

.ruler__title--text {
    font-size: 16px;
    margin-bottom: 20px;
    width: 100%
}

@media (min-width: 768px) {
    .ruler__title--text {
        max-width: 614px
    }
}

@media (min-width: 992px) {
    .ruler__title--text {
        margin-bottom: 0
    }
}

@media (min-width: 319px) {
    .ruler__item {
        margin-bottom: 64px
    }
}

@media (min-width: 768px) {
    .ruler__item {
        margin-bottom: 83px
    }
}

@media (min-width: 1200px) {
    .ruler__item {
        margin-bottom: 120px
    }
}

.ruler__item:last-child {
    margin-bottom: 0
}

.ruler__filter {
    padding-top: 15px;
    max-width: 256px;
    padding: 21px 10px 0 0px;
    -webkit-transform: translate3d(-150%, 0, 0);
    transform: translate3d(-150%, 0, 0)
}

@media (min-width: 1200px) {
    .ruler__filter {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-transform: translate3d(-34px, 0, 0);
        transform: translate3d(-34px, 0, 0)
    }
}

.ruler__content {
    padding-top: 9px;
    min-width: 0
}

@media (min-width: 1200px) {
    .ruler__content {
        max-width: 1174px
    }
}

.ruler__header {
    position: relative
}

@media (min-width: 1200px) {
    .ruler__header:before {
        content: "";
        position: absolute;
        top: 21px;
        bottom: -162px;
        width: 2px;
        left: -34px;
        background: #faf6ee;
        background: -webkit-gradient(linear, left top, left bottom, from(rgb(250, 246, 238)), color-stop(22%, rgb(214, 206, 190)), color-stop(50%, rgb(197, 187, 167)), color-stop(79%, rgb(210, 201, 184)), to(rgb(250, 246, 238)));
        background: linear-gradient(180deg, rgb(250, 246, 238) 0%, rgb(214, 206, 190) 22%, rgb(197, 187, 167) 50%, rgb(210, 201, 184) 79%, rgb(250, 246, 238) 100%);
        opacity: .5
    }
}

.ruler__header--top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px
}

@media (min-width: 768px) {
    .ruler__header--top {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-column-gap: 31px;
        -moz-column-gap: 31px;
        column-gap: 31px
    }
}

@media (min-width: 992px) {
    .ruler__header--top {
        -webkit-column-gap: 44px;
        -moz-column-gap: 44px;
        column-gap: 44px
    }
}

@media (min-width: 768px) {
    .ruler__header--top {
        margin-bottom: 19px
    }
}

@media (min-width: 1200px) {
    .ruler__header--top {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-column-gap: 40px;
        -moz-column-gap: 40px;
        column-gap: 40px;
        margin-bottom: 50px
    }
}

.ruler__content-filter-mob {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (min-width: 0) {
    .ruler__content-filter-mob {
        margin-bottom: 32px
    }
}

@media (min-width: 768px) {
    .ruler__content-filter-mob {
        margin-bottom: 54px
    }
}

@media (min-width: 1200px) {
    .ruler__content-filter-mob {
        display: none
    }
}

.filter-mob {
    font-weight: 600;
    font-size: 14px;
    line-height: 150%;
    text-transform: uppercase;
    color: #59564c;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 9px
}

.filter-mob-count {
    font-weight: 700;
    font-size: 10px;
    line-height: 150%;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    background-color: #59564c;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.filter-mob-clear {
    font-weight: 600;
    font-size: 12px;
    line-height: 150%;
    text-transform: uppercase;
    color: #59564c;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px
}

.filter-mob-clear .svg {
    width: 11px;
    height: 11px
}

@media (min-width: 319px) {
    .ruler__header--bottom {
        margin-bottom: 65px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 24px
    }
}

@media (min-width: 768px) {
    .ruler__header--bottom {
        gap: 31px;
        margin-bottom: clamp(6.25rem, 2.917rem + 6.94vw, 11.25rem)
    }
}

@media (min-width: 992px) {
    .ruler__header--bottom {
        gap: 8px;
        margin-bottom: 125px
    }
}

.ruler__header--imgSmall {
    width: 100%
}

@media (min-width: 768px) {
    .ruler__header--imgSmall {
        max-width: 300px
    }
}

@media (min-width: 992px) {
    .ruler__header--imgSmall {
        max-width: 400px
    }
}

.ruler__header--imgSmall img {
    border-radius: 12px;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.ruler__header--img {
    display: none
}

.ruler__header--img img {
    border-radius: 12px;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

@media (min-width: 760px) {
    .ruler__header--img {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        max-width: 732px
    }
}

.ruler__item--title {
    margin-bottom: 19px
}

.ruler__item--title h2,
.ruler__item--title .h2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (min-width: 768px)and (max-width: 1199.9px) {

    .ruler__item--title h2,
    .ruler__item--title .h2 {
        font-size: 60px
    }
}

.ruler__item--title h2 small,
.ruler__item--title .h2 small {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    text-transform: uppercase;
    color: #8c8c8c;
    margin-top: -2px
}

@media (min-width: 768px) {

    .ruler__item--title h2 small,
    .ruler__item--title .h2 small {
        display: none
    }
}

@media (min-width: 768px) {
    .ruler__item--title {
        margin-bottom: 45px
    }
}

@media (min-width: 992px) {
    .ruler__item--title {
        margin-bottom: 40px
    }

    .ruler__item--title h2 {
        font-size: 80px;
        line-height: 100%
    }
}

@media (max-width: 375px) {
    .ruler__advertising {
        padding-top: 3px
    }
}

.ruler__advertising--img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 31px
}

@media (min-width: 1204px) {
    .ruler__advertising--img {
        -webkit-column-gap: 8px;
        -moz-column-gap: 8px;
        column-gap: 8px
    }
}

.ruler__advertising--images {
    position: relative;
    display: none;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 1px;
    flex: 1 1 1px
}

.ruler__advertising--images img {
    border-radius: 12px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.ruler__advertising--images:nth-child(1) {
    display: block
}

.ruler__advertising--images:nth-child(1) img {
    display: block;
    position: static
}

@media (min-width: 576px) {
    .ruler__advertising--images {
        height: 320px
    }

    .ruler__advertising--images:nth-child(1) {
        max-width: 300px
    }

    .ruler__advertising--images:nth-child(2) {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .ruler__advertising--images:nth-child(2) img {
        display: block
    }
}

@media (min-width: 768px) {
    .ruler__advertising--images {
        height: 300px
    }
}

@media (min-width: 1204px) {
    .ruler__advertising--images {
        height: 400px
    }

    .ruler__advertising--images:nth-child(1) {
        max-width: initial
    }

    .ruler__advertising--images:nth-child(3) {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .ruler__advertising--images:nth-child(3) img {
        display: block
    }
}

@media (min-width: 319px) {
    .ruler__item.ruler__item--advertising {
        padding-top: 38px
    }
}

@media (min-width: 768px) {
    .ruler__item.ruler__item--advertising {
        padding-top: 23px;
        margin-top: -15px;
        margin-bottom: 43px
    }
}

@media (min-width: 992px) {
    .ruler__item.ruler__item--advertising {
        padding-top: 72px;
        margin-top: 0;
        margin-bottom: 121px
    }
}

.cart__slider:not(.swiper-initialized) .cart__wrapper {
    display: grid;
    gap: 18px 18px;
}

@media (min-width: 768px) {
    .cart__slider:not(.swiper-initialized) .cart__wrapper {
        grid-template-columns: repeat(auto-fill, minmax(205px, 1fr))
    }
}

@media (min-width: 1336px) {
    .cart__slider:not(.swiper-initialized) .cart__wrapper {
        grid-template-columns: repeat(auto-fill, minmax(290px, 1fr))
    }
}

.ruler__filter--inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 24px;
    width: 100%
}

.ruler__filter--list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (min-width: 992px) {
    .ruler__filter--list {
        -ms-scroll-chaining: none;
        overscroll-behavior: contain;
        scrollbar-width: thin
    }
}

.ruler__filter--item {
    margin-bottom: 16px
}

.ruler__filter--item-title {
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    text-transform: uppercase;
    color: #000;
    margin-bottom: 8px;
    cursor: pointer;
    position: relative
}

.ruler__filter--item-title::after,
.ruler__filter--item-title::before {
    content: "";
    position: absolute;
    top: 12px;
    width: 12px;
    height: 2px;
    background-color: #101010;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

.ruler__filter--item-title._active::after {
    -webkit-transform: rotate(35deg);
    -ms-transform: rotate(35deg);
    transform: rotate(35deg)
}

.ruler__filter--item-title._active::before {
    -webkit-transform: rotate(-35deg);
    -ms-transform: rotate(-35deg);
    transform: rotate(-35deg)
}

.ruler__filter--item-title::after {
    right: 0;
    -webkit-transform: rotate(-39deg);
    -ms-transform: rotate(-39deg);
    transform: rotate(-39deg)
}

.ruler__filter--item-title::before {
    right: 9px;
    -webkit-transform: rotate(31deg);
    -ms-transform: rotate(31deg);
    transform: rotate(31deg)
}

.ruler__filter--radio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    color: gray;
    cursor: pointer
}

.filter__label-name {
    position: relative;
    font-weight: 500;
    font-size: 14px;
    line-height: 150%;
    color: gray;
    cursor: pointer
}

.input-radio__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.input-radio__inner .ruler__filter--radio {
    margin-bottom: 0
}

.input-radio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    padding: 11px 0;
    margin-bottom: 3px
}

.input-radio::before,
.input-radio::after {
    content: "";
    position: absolute;
    height: 1px;
    left: 0;
    right: 0;
    background-image: url('data:image/svg+xml,<svg width="448" height="2" viewBox="0 0 448 2" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1H448" stroke="url(%23paint0_linear_2241_15458)" /><defs><linearGradient id="paint0_linear_2241_15458" x1="0" y1="1.5" x2="448" y2="1.5" gradientUnits="userSpaceOnUse"><stop stop-color="%23FAF6EE" /><stop offset="0.225" stop-color="%23D6CEBE" /><stop offset="0.495" stop-color="%23C5BBA7" /><stop offset="0.785" stop-color="%23D2C9B8" /><stop offset="1" stop-color="%23FAF6EE" /></linearGradient></defs></svg>');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.input-radio::before {
    top: 0
}

.input-radio::after {
    top: initial;
    bottom: 0
}

.input-radio .filter__label-name {
    position: relative;
    width: 100%
}

.input-radio .filter__label-name:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 27px;
    height: 16px;
    border-radius: 59px;
    background-color: #7f7f7f;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

.input-radio .filter__label-name:before {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(-79%, -50%);
    -ms-transform: translate(-79%, -50%);
    transform: translate(-79%, -50%);
    width: 14px;
    height: 14px;
    border-radius: 59px;
    background-color: #fff;
    z-index: 1;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

.input-radio input[type=radio]:checked + .filter__label-name:after {
    background-color: #e19f00
}

.input-radio input[type=radio]:checked + .filter__label-name:before {
    -webkit-transform: translate(-3%, -50%);
    -ms-transform: translate(-3%, -50%);
    transform: translate(-3%, -50%)
}

.input-radio input[type=checkbox]:checked + .filter__label-name:after {
    background-color: #e19f00
}

.input-radio input[type=checkbox]:checked + .filter__label-name:before {
    -webkit-transform: translate(-3%, -50%);
    -ms-transform: translate(-3%, -50%);
    transform: translate(-3%, -50%)
}

.input-radio input {
    position: fixed;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    visibility: hidden
}

.input-radio__inner .ruler__filter--radio::after {
    display: none
}

.input-radio__inner .ruler__filter--radio:last-child::after {
    display: block
}

.input-checkbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative
}

.input-checkbox .filter__label-name {
    padding-left: 24px;
    position: relative;
    width: 100%;
    margin-left: 12px
}

.input-checkbox .filter__label-name::before,
.input-checkbox .filter__label-name::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 16px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 16px;
    border: 1px solid silver;
    border-radius: 5px;
    background-color: rgba(0, 0, 0, 0);
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    z-index: 1
}

.input-checkbox input[type=checkbox]:checked + .filter__label-name::after {
    border: 1px solid rgba(127, 127, 127, .4);
    background-color: #7f7f7f
}

.input-checkbox input {
    position: fixed;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    visibility: hidden
}

.input-checkbox:not(:last-child) {
    margin-bottom: 8px
}

.ui-slider-horizontal {
    height: 2px;
    background-color: silver
}

.ui-slider-horizontal .ui-slider-range {
    background-color: #000
}

.ui-slider .ui-slider-handle {
    top: -4.5px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #000;
    -webkit-transform: translateX(7px);
    -ms-transform: translateX(7px);
    transform: translateX(7px)
}

.slider-range {
    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-bottom: 20px
}

.slider-range:after {
    content: "";
    position: absolute;
    height: 2px;
    background-color: silver
}

@media (min-width: 319px) {
    .slider-range:after {
        left: 91px;
        right: 89px
    }
}

@media (min-width: 992px) {
    .slider-range:after {
        left: 68px;
        right: 79px
    }
}

.slider-range-input input {
    border: 1px solid silver;
    max-width: 62px;
    height: 24px;
    padding: 5px;
    text-align: center;
    border-radius: 3px;
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    text-transform: uppercase;
    text-align: center;
    color: #686868;
    width: 100%
}

.slider-range__inner {
    padding-top: 14px
}

.list-types--title > span {
    padding-left: 24px;
    margin-left: 11px;
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    color: gray;
    position: relative
}

.list-types--title > span::before,
.list-types--title > span::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 16px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 16px;
    border: 1px solid silver;
    border-radius: 5px;
    background-color: rgba(0, 0, 0, 0);
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    z-index: 1
}

.list-types--title._active > span::after {
    border: 1px solid rgba(127, 127, 127, .4);
    background-color: #7f7f7f
}

.list-types__sub_list {
    margin-bottom: 14px
}

.list-types__sub_list .filter__label-name {
    margin-left: 34px
}

.ruler__filter--itog {
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    text-transform: uppercase;
    text-align: center;
    color: gray
}

.ruler__filter--itog span {
    color: #000
}

.ruler__filter--btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px
}

.ruler__filter--btn .btn {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 1px;
    flex: 1 1 1px;
    font-size: 14px;
    text-transform: uppercase;
    line-height: 177%;
    padding: 0 0
}

.ruler__filter--header {
    display: none
}

@media (max-width: 1199.9px) {
    .ruler__filter {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 20;
        background-image: url(../img/design/bg-where.png);
        max-width: initial;
        padding: 20px 16px 40px 16px;
        -webkit-transition: all .3s ease 0s;
        transition: all .3s ease 0s;
        height: 100vh;
        overflow-y: auto
    }

    .ruler__filter--header {
        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-bottom: 32px
    }

    .ruler__filter--headerClous:hover svg path {
        fill: #e19f00
    }

    .ruler__filter--headerTitle {
        font-weight: 400;
        font-size: 32px;
        line-height: 150%;
        text-transform: uppercase;
        color: #59564c
    }

    html.filter_open {
        overflow: hidden
    }

    html.filter_open .ruler__filter {
        display: block;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.product__decor {
    position: absolute;
    top: 107px;
    left: 0;
    width: 187px;
    height: 595px;
    background: url("../img/sprites.png") -1515px -464px
}

@media (min-width: 576px) {
    .product__decor {
        top: 0
    }
}

@media (min-width: 768px) {
    .product__decor {
        width: 394px;
        height: 794px;
        background: url("../img/sprites.png") -959px -722px
    }
}

@media (min-width: 992px) {
    .product__decor {
        width: 536px;
        height: 692px;
        background: url("../img/sprites.png") -959px -10px
    }
}

.product__top {
    position: relative;
    z-index: 2;
    max-width: 1400px;
    margin: 0 auto;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    display: grid;
    position: relative
}

@media (min-width: 319px) {
    .product__top {
        padding-left: clamp(.938rem, -0.179rem + 5.58vw, 2.5rem);
        padding-right: clamp(.938rem, -0.179rem + 5.58vw, 2.5rem);
        padding-bottom: 97px
    }
}

@media (min-width: 768px) {
    .product__top {
        padding-bottom: 143px;
        padding-top: 15px;
        padding-left: clamp(2.5rem, 5.21vw, 6.25rem);
        padding-right: clamp(2.5rem, 5.21vw, 6.25rem)
    }
}

@media (min-width: 1200px) {
    .product__top {
        grid-template-columns: 1fr 1fr;
        padding-top: 0;
        padding-bottom: 103px
    }
}

@media (min-width: 319px) {
    .product__title {
        margin-bottom: 5px
    }

    .product__title h1,
    .product__title .h1 {
        font-size: 40px
    }
}

@media (min-width: 375px) {

    .product__title h1,
    .product__title .h1 {
        font-size: 44px
    }
}

@media (min-width: 768px) {
    .product__title {
        margin-bottom: 42px
    }

    .product__title h1,
    .product__title .h1 {
        font-size: 70px
    }
}

@media (min-width: 1200px) {
    .product__title {
        margin-top: -10px;
        margin-bottom: 9px
    }

    .product__title h1,
    .product__title .h1 {
        letter-spacing: .03em;
        white-space: nowrap
    }
}

.product__subtitle {
    text-transform: uppercase;
    color: #000
}

@media (min-width: 319px) {
    .product__subtitle {
        font-weight: 500;
        font-size: 14px;
        margin-bottom: 13px
    }
}

@media (min-width: 768px) {
    .product__subtitle {
        display: none
    }
}

@media (min-width: 1200px) {
    .product__subtitle {
        font-size: 24px;
        display: block;
        margin-bottom: 64px
    }
}

.product__top--img {
    text-align: center
}

@media (min-width: 319px) {
    .product__top--img img {
        max-height: 343px;
        width: auto;
        margin-bottom: 55px
    }
}

@media (min-width: 1200px) {
    .product__top--img img {
        max-height: 537px
    }
}

@media (min-width: 768px) {
    .product__top--img img {
        margin-bottom: 33px
    }
}

@media (min-width: 1200px) {
    .product__top--img img {
        margin-bottom: 36px
    }
}

.product__top--img-text {
    font-family: var(--second-family);
    font-weight: 400;
    font-size: 40px;
    line-height: 110%;
    text-align: center;
    color: #59564c;
    cursor: pointer;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

.product__top--img-text span {
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

.product__top--img-text span:hover {
    color: #e19f00
}

.product__top--img-text span.color-accent:hover {
    cursor: default
}

@media (max-width: 1199.9px) {
    .product__top--img-text {
        display: none
    }
}

@media (min-width: 0)and (max-width: 1199.9px) {
    .product .product__awards {
        margin: 0 -18px 53px
    }
}

@media (min-width: 768px) {
    .product .product__awards {
        margin-bottom: 97px
    }
}

@media (min-width: 992px) {
    .product .product__awards {
        margin-bottom: 0
    }
}

@media (min-width: 0)and (max-width: 767.9px) {
    .product .product__awards .product__awards--item {
        min-width: 83px
    }
}

.product__awards--item {
    text-align: center
}

@media (min-width: 992px) {
    .product__awards--item {
        width: initial
    }
}

@media (max-width: 350px) {
    .product__awards--item {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 1px;
        flex: 1 1 1px
    }
}

.product__awards__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 22px 10px
}

@media (min-width: 319px) {
    .product__awards__list {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin: 0 -8px;
        margin-bottom: 55px
    }
}

@media (min-width: 768px) {
    .product__awards__list {
        margin: 0;
        margin-bottom: 94px;
        gap: 22px 24px
    }
}

@media (min-width: 1200px) {
    .product__awards__list {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        max-width: 560px;
        margin-bottom: 23px;
        gap: 22px 32px;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

.product__awards__list .awards--item-icon {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 8px;
    cursor: pointer;
}

@media (min-width: 768px) {
    .product__awards__list .awards--item-icon {
        margin-bottom: 15px
    }
}

.product__awards__list .awards--item-icon img {
    margin-bottom: 0
}

@media (min-width: 319px) {
    .product__awards__list .awards--item-icon img {
        max-width: 60px
    }
}

@media (min-width: 768px)and (max-width: 991px) {
    .product__awards__list .awards--item-icon img {
        max-width: 80px
    }
}

.product__awards__list .awards--item-text {
    font-weight: 600;
    font-size: 10px;
    text-transform: uppercase;
    line-height: 1;
    font-weight: 400
}

@media (min-width: 768px)and (max-width: 991px) {
    .product__awards__list .awards--item-text {
        font-size: 14px
    }
}

.product__awards__list .awards--item-title {
    color: #59564c;
    margin-bottom: 7px
}

@media (max-width: 992px) {
    .product__awards__list .awards--item-title span {
        display: block
    }
}

.product__awards__list .awards--item-count {
    color: #e19f00
}

.product__awards--link {
    font-weight: 500;
    font-size: 20px;
    line-height: 140%;
    text-transform: uppercase;
    color: #e19f00;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

.product__awards--link a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px
}

.product__awards--link:hover {
    color: #000
}

@media (max-width: 1199.9px) {
    .product__awards--link {
        display: none
    }
}

@media (min-width: 1200px) {
    .product__awards--link {
        margin-bottom: 64px
    }
}

.product__content--text p {
    line-height: 1.5
}

@media (min-width: 0) {
    .product__content--text p {
        font-size: 16px
    }
}

@media (min-width: 768px) {
    .product__content--text p {
        font-size: 18px;
        margin-bottom: 16px
    }
}

@media (min-width: 1200px) {
    .product__content--text p {
        font-size: 16px;
        margin-bottom: 12px;
        line-height: 1.2
    }
}

@media (min-width: 319px) {
    .product__content--text-desc {
        -moz-text-align-last: left;
        text-align-last: left;
        font-weight: 400;
        font-size: 12px;
        text-transform: uppercase;
        color: #59564c;
        margin-bottom: 55px
    }
}

@media (min-width: 319px)and (min-width: 992px) {
    .product__content--text-desc {
        font-size: 16px
    }
}

@media (min-width: 768px) {
    .product__content--text-desc {
        display: none
    }
}

@media (min-width: 768px) {
    .product__content--text-desc {
        margin-bottom: 52px
    }
}

@media (min-width: 1200px) {
    .product__content--text-desc {
        display: block;
        margin-bottom: 16px
    }
}

.product__download-inner {
    width: 100%;
    text-align: center;
    padding-top: 8px
}

.product__download-inner a {
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

.product__download-inner a:hover {
    color: #000
}

@media (min-width: 1200px) {
    .product__download-inner {
        text-align: left
    }
}

.product__download {
    font-weight: 500;
    font-size: 12px;
    text-transform: uppercase;
    text-decoration: underline;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
    text-align: center;
    color: #e19f00;
    display: inline-block;
    margin: 0 auto
}

@media (min-width: 768px) {
    .product__download {
        font-size: 14px
    }
}

@media (min-width: 992px) {
    .product__download {
        font-size: 16px
    }
}

.product {
    overflow: hidden
}

.product__top--bottom {
    display: grid;
    position: relative
}

@media (min-width: 0) {
    .product__top--bottom {
        padding-bottom: 239px
    }
}

@media (min-width: 768px) {
    .product__top--bottom {
        padding-bottom: 248px
    }
}

@media (min-width: 992px) {
    .product__top--bottom {
        min-height: 467px
    }
}

.product__top--bottom-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.product__top--bottom-content {
    max-width: 1199.9px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: center;
    gap: 52px 20px;
    padding: 0 15px
}

@media (min-width: 768px) {
    .product__top--bottom-content {
        row-gap: 34px
    }
}

.product__top--bottom__item {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 40%;
    flex: 1 1 40%;
    width: 100%;
    min-width: 135px
}

@media (min-width: 992px) {
    .product__top--bottom__item {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 1px;
        flex: 1 1 1px;
        max-width: 280px;
        gap: 20px
    }
}

.product__top--bottom-title {
    position: relative;
    font-family: var(--second-family);
    font-weight: 400;
    font-size: 34px;
    line-height: 90%;
    text-align: center;
    padding-bottom: 17px;
    margin-bottom: 11px
}

@media (min-width: 0) {
    .product__top--bottom-title {
        padding-bottom: 9px
    }
}

@media (min-width: 576px) {
    .product__top--bottom-title {
        font-size: 40px
    }
}

@media (min-width: 992px) {
    .product__top--bottom-title {
        padding-bottom: 20px;
        margin-bottom: 20px
    }
}

.product__top--bottom-title::after {
    content: "";
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    height: 2px;
    background-image: url('data:image/svg+xml,<svg width="448" height="2" viewBox="0 0 448 2" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1H448" stroke="url(%23paint0_linear_2241_15458)" /><defs><linearGradient id="paint0_linear_2241_15458" x1="0" y1="1.5" x2="448" y2="1.5" gradientUnits="userSpaceOnUse"><stop stop-color="%23FAF6EE" /><stop offset="0.225" stop-color="%23D6CEBE" /><stop offset="0.495" stop-color="%23C5BBA7" /><stop offset="0.785" stop-color="%23D2C9B8" /><stop offset="1" stop-color="%23FAF6EE" /></linearGradient></defs></svg>');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat
}

.product__top--bottom-text {
    font-weight: 400;
    font-size: 12px;
    line-height: 110%;
    text-transform: uppercase;
    text-align: center;
    color: #59564c
}

@media (min-width: 768px) {
    .product__top--bottom-text {
        font-size: 14px
    }
}

@media (min-width: 1200) {
    .product__top--bottom-text {
        font-size: 16px
    }
}

.container-interior {
    max-width: 1199.9px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    z-index: 2
}

.product__characteristics {
    display: grid;
    grid-template-columns: 1fr;
    padding-top: 100px;
    padding-left: var(--container-padding);
    padding-right: var(--container-padding)
}

@media (min-width: 319px) {
    .product__characteristics {
        padding-left: var(--paddingContainerSmall);
        padding-right: var(--paddingContainerSmall)
    }
}

@media (min-width: 768px) {
    .product__characteristics {
        padding-left: var(--paddingContainerBig);
        padding-right: var(--paddingContainerBig)
    }
}

@media (min-width: 1200px) {
    .product__characteristics {
        grid-template-columns: 1fr 1fr;
        padding-top: 152px
    }
}

.product__characteristics-top-col-l {
    padding-bottom: 80px
}

@media (min-width: 768px) {
    .product__characteristics-top-col-l {
        padding-bottom: 72px
    }
}

@media (min-width: 1200px) {
    .product__characteristics-top-col-l {
        max-width: 480px;
        padding-bottom: 142px
    }
}

@media (min-width: 1200px) {
    .product__characteristics-top-col-r {
        max-width: 513px
    }
}

.product__characteristics--desc-row {
    padding-bottom: 40px;
    margin-bottom: 40px;
    position: relative
}

@media (min-width: 1200px) {
    .product__characteristics--desc-row {
        padding-bottom: 0;
        margin-bottom: 49px
    }
}

.product__characteristics--desc-row::after {
    content: "";
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    height: 2px;
    background: -webkit-gradient(linear, left top, right top, from(rgb(250, 246, 238)), color-stop(22%, rgb(214, 206, 190)), color-stop(50%, rgb(197, 187, 167)), color-stop(79%, rgb(210, 201, 184)), to(rgb(250, 246, 238)));
    background: linear-gradient(90deg, rgb(250, 246, 238) 0%, rgb(214, 206, 190) 22%, rgb(197, 187, 167) 50%, rgb(210, 201, 184) 79%, rgb(250, 246, 238) 100%)
}

@media (min-width: 1200px) {
    .product__characteristics--desc-row::after {
        display: none
    }
}

.product__characteristics--desc-row:last-child::after {
    display: none
}

.characteristics__title {
    font-family: var(--second-family);
    font-weight: 400;
    font-size: 48px;
    line-height: 100%;
    color: #000;
    text-align: center;
    margin-bottom: 14px
}

@media (min-width: 375px) {
    .characteristics__title {
        font-size: 52px
    }
}

@media (min-width: 1200px) {
    .characteristics__title {
        font-size: 60px;
        text-align: left;
        margin-bottom: 11px
    }
}

.characteristics__text,
.characteristics__text p {
    line-height: 1.2
}

.characteristics__item--list,
.characteristics__item {
    display: grid;
    gap: 0 8px;
    grid-template-columns: 132px 1fr;
    position: relative
}

@media (min-width: 768px) {

    .characteristics__item--list,
    .characteristics__item {
        grid-template-columns: 264px 1fr
    }
}

@media (min-width: 1200px) {

    .characteristics__item--list,
    .characteristics__item {
        grid-template-columns: 1fr;
        row-gap: 10px;
        margin-bottom: 16px
    }
}

.characteristics__item:not(.characteristics__item--period) {
    padding: 19px 0
}

@media (min-width: 1200px) {
    .characteristics__item:not(.characteristics__item--period) {
        padding: 4px 0
    }
}

.characteristics__item:not(.characteristics__item--period)::after {
    content: "";
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    height: 2px;
    background: -webkit-gradient(linear, left top, right top, from(rgb(250, 246, 238)), color-stop(22%, rgb(214, 206, 190)), color-stop(50%, rgb(197, 187, 167)), color-stop(79%, rgb(210, 201, 184)), to(rgb(250, 246, 238)));
    background: linear-gradient(90deg, rgb(250, 246, 238) 0%, rgb(214, 206, 190) 22%, rgb(197, 187, 167) 50%, rgb(210, 201, 184) 79%, rgb(250, 246, 238) 100%)
}

@media (min-width: 1200px) {
    .characteristics__item:not(.characteristics__item--period)::after {
        display: none
    }
}

.characteristics__item:first-child::after {
    display: none
}

.characteristics__item--list {
    grid-template-columns: 1fr
}

.characteristics__item--title {
    font-weight: 700;
    font-size: 16px;
    line-height: 132%;
    text-transform: uppercase;
    color: #59564c
}

@media (min-width: 0)and (max-width: 768px) {
    .characteristics__item--title {
        font-size: 12px
    }
}

@media (min-width: 1200px) {
    .characteristics__item--title {
        line-height: 110%
    }
}

.characteristics__item--text {
    font-weight: 400;
    color: #000
}

.characteristics__item--text a {
   border-bottom: 1px dotted;
}

@media (min-width: 0) {
    .characteristics__item--text {
        font-size: 16px;
        line-height: 150%
    }
}

.characteristics__item.characteristics__item--date {
    padding: 0
}

.characteristics__item--period .characteristics__item--list {
    grid-column: 1/3
}

@media (min-width: 1200px) {
    .characteristics__item--period .characteristics__item--list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-column-gap: 40px;
        -moz-column-gap: 40px;
        column-gap: 40px
    }
}

.characteristics__item--period .characteristics__item--list-col {
    display: grid;
    grid-template-columns: 132px 1fr;
    gap: 0 8px;
    padding: 20px 0;
    position: relative
}

@media (min-width: 768px) {
    .characteristics__item--period .characteristics__item--list-col {
        grid-template-columns: 264px 1fr
    }
}

@media (min-width: 1200px) {
    .characteristics__item--period .characteristics__item--list-col {
        grid-template-columns: 1fr;
        row-gap: 15px;
        padding: 0;
        min-width: 180px
    }
}

.characteristics__item--period .characteristics__item--list-col::after {
    content: "";
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    height: 2px;
    background: -webkit-gradient(linear, left top, right top, from(rgb(250, 246, 238)), color-stop(22%, rgb(214, 206, 190)), color-stop(50%, rgb(197, 187, 167)), color-stop(79%, rgb(210, 201, 184)), to(rgb(250, 246, 238)));
    background: linear-gradient(90deg, rgb(250, 246, 238) 0%, rgb(214, 206, 190) 22%, rgb(197, 187, 167) 50%, rgb(210, 201, 184) 79%, rgb(250, 246, 238) 100%)
}

@media (min-width: 1200px) {
    .characteristics__item--period .characteristics__item--list-col::after {
        display: none
    }
}

.characteristics__item--date {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0
}

.characteristics__item--date .characteristics__item--list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%
}

@media (min-width: 1200px) {
    .characteristics__item--date .characteristics__item--list {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-column-gap: 40px;
        -moz-column-gap: 40px;
        column-gap: 40px
    }
}

.characteristics__item--date .characteristics__item--list-col {
    display: grid;
    grid-template-columns: 132px 1fr;
    gap: 0 8px;
    padding: 20px 0;
    position: relative
}

.characteristics__item--date .characteristics__item--list-col::after {
    content: "";
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    height: 2px;
    background: -webkit-gradient(linear, left top, right top, from(rgb(250, 246, 238)), color-stop(22%, rgb(214, 206, 190)), color-stop(50%, rgb(197, 187, 167)), color-stop(79%, rgb(210, 201, 184)), to(rgb(250, 246, 238)));
    background: linear-gradient(90deg, rgb(250, 246, 238) 0%, rgb(214, 206, 190) 22%, rgb(197, 187, 167) 50%, rgb(210, 201, 184) 79%, rgb(250, 246, 238) 100%)
}

@media (min-width: 1200px) {
    .characteristics__item--date .characteristics__item--list-col::after {
        display: none
    }
}

@media (min-width: 768px) {
    .characteristics__item--date .characteristics__item--list-col {
        grid-template-columns: 264px 1fr
    }
}

@media (min-width: 1200px) {
    .characteristics__item--date .characteristics__item--list-col {
        grid-template-columns: 1fr;
        row-gap: 15px;
        min-width: 100px;
        padding: 0
    }
}

.characteristics__item--date .characteristics__item--list-col:first-child::after {
    display: none
}

.product__person {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 50px;
    -moz-column-gap: 50px;
    column-gap: 50px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    position: relative
}

@media (min-width: 0) {
    .product__person {
        margin-bottom: 100px
    }
}

@media (min-width: 768px) {
    .product__person {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        margin-bottom: 73px
    }
}

@media (min-width: 992px) {
    .product__person {
        margin-bottom: 147px
    }
}

.product__person .branches__riht {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: initial
}

.product__person .title__nex-text {
    font-size: 16px;
    color: #59564c;
    text-transform: none;
    margin-bottom: 20px;
    margin-top: auto
}

@media (min-width: 0)and (max-width: 1199.9px) {
    .product__person .title__nex-text {
        margin-top: 4px
    }
}

.product__person .title__nex-text p {
    font-weight: 400;
    font-size: 16px;
    line-height: 110%
}

.product__person .title__nex-text--title {
    font-weight: 500;
    line-height: 150%;
    text-transform: uppercase;
    color: #000;
    margin-bottom: 12px
}

@media (min-width: 0) {
    .product__person .title__nex-text--title {
        font-size: 14px
    }
}

@media (min-width: 768px) {
    .product__person .title__nex-text--title {
        font-size: 18px;
        line-height: 1.66667;
        max-width: 225px;
        margin-bottom: 21px
    }
}

@media (min-width: 1200px) {
    .product__person .title__nex-text--title {
        font-size: 20px;
        max-width: initial
    }
}

.product__person__title {
    padding-top: 0;
    margin-top: 0px
}

.product__person__title h2,
.product__person__title .h2 {
    gap: 0 20px;
    font-size: 70px
}

@media (min-width: 1200px) {

    .product__person__title h2,
    .product__person__title .h2 {
        font-size: 90px;
        margin-top: -20px;
        gap: 59px
    }
}

@media (min-width: 0)and (max-width: 1199.9px) {
    .product__person__title .decor_title {
        padding: 13px;
        min-width: 79px;
        min-height: 79px;
        margin-left: -7px
    }
}

@media (min-width: 0)and (max-width: 1199.9px) {
    .product__person__title .decor_title--text {
        font-size: 10px
    }
}

.product__person-l {
    width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 343px;
    flex: 0 0 343px;
    margin-left: auto;
    margin-right: auto
}

@media (min-width: 375px) {
    .product__person-l {
        width: 343px
    }
}

@media (min-width: 768px) {
    .product__person-l {
        width: 270px;
        height: 270px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 270px;
        flex: 0 0 270px
    }
}

.product__interest {
    padding-bottom: 50px
}

@media (min-width: 768px) {
    .product__interest {
        padding-bottom: 36px
    }
}

@media (min-width: 1200px) {
    .product__interest {
        padding-bottom: 185px
    }
}

.product__interest__title {
    text-align: center;
    margin-bottom: 32px;
    max-width: 580px;
    margin-left: auto;
    margin-right: auto
}

.product__interest__title h2,
.product__interest__title .h2 {
    line-height: 110%;
    font-size: 46px
}

@media (min-width: 375px) {

    .product__interest__title h2,
    .product__interest__title .h2 {
        font-size: 52px
    }
}

@media (min-width: 768px) {

    .product__interest__title h2,
    .product__interest__title .h2 {
        font-size: 60px;
        line-height: 1
    }
}

@media (min-width: 992px) {
    .product__interest__title {
        max-width: initial;
        margin-bottom: 50px
    }

    .product__interest__title h2,
    .product__interest__title .h2 {
        font-size: 76px
    }

    .product__interest__title h2::before,
    .product__interest__title .h2::before {
        content: "";
        font-family: "fontello";
        font-size: 44px;
        margin-right: 5px;
        display: inline-block;
        -webkit-transform: rotate(180deg) translateY(20px);
        -ms-transform: rotate(180deg) translateY(20px);
        transform: rotate(180deg) translateY(20px)
    }
}

.interest__slider {
    margin-bottom: 40px
}

@media (min-width: 768px) {
    .interest__slider {
        margin-left: -15px;
        margin-right: -15px;
        padding: 0 35px
    }
}

.interest__slider .swiper-button-next::after,
.interest__slider .swiper-button-prev::after {
    width: 17px;
    height: 46px
}

@media (min-width: 992px) {

    .interest__slider .swiper-button-next::after,
    .interest__slider .swiper-button-prev::after {
        width: 27px;
        height: 74px
    }
}

.interest__btn {
    text-align: center;
    padding-left: 15px;
    padding-right: 15px
}

.interest__btn .btn {
    font-size: 14px;
    line-height: 100%
}

@media (min-width: 576px) {
    .interest__btn .btn {
        min-width: 343px
    }
}

@media (max-width: 600px) {
    .interest__btn .btn {
        width: 100%
    }
}

@media (min-width: 992px) {
    .interest__btn .btn {
        min-width: 360px;
        line-height: 100%;
        font-size: 20px
    }
}

@media (min-width: 0) {
    .interest__slide .cart--img {
        margin-bottom: 21px
    }
}

@media (min-width: 768px) {
    .interest__slide .cart--img {
        margin-bottom: 33px
    }
}

.interest__slide .cart--name {
    font-weight: 500
}

@media (min-width: 0) {
    .interest__slide .cart--name {
        min-height: 42px;
        font-size: 14px;
        line-height: 1.5
    }
}

@media (min-width: 768px) {
    .interest__slide .cart--name {
        font-size: 18px;
        line-height: 1.32;
        min-height: initial
    }
}

@media (min-width: 992px) {
    .interest__slide .cart {
        padding-bottom: 42px
    }
}

.person {
    position: relative;
    padding-left: var(--container-padding);
    padding-right: var(--container-padding)
}

@media (min-width: 319px) {
    .person {
        padding-left: var(--paddingContainerSmall);
        padding-right: var(--paddingContainerSmall)
    }
}

@media (min-width: 768px) {
    .person {
        padding-left: var(--paddingContainerBig);
        padding-right: var(--paddingContainerBig)
    }
}

.decoder-page-rigth {
    position: absolute;
    top: -273px;
    right: 0
}

@media (max-width: 1199.9px) {
    .decoder-page-rigth {
        display: none
    }
}

@media (min-width: 0) {
    .product-awards .product__top {
        padding-bottom: 100px
    }
}

@media (min-width: 768px) {
    .product-awards .product__top {
        padding-bottom: 89px
    }
}

@media (min-width: 768px)and (max-width: 1199.9px) {
    .product-awards .product__awards--item {
        min-width: 87px
    }
}

@media (min-width: 768px)and (max-width: 1199.9px) {
    .product-awards .product__awards {
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 105px
    }
}

.product-awards .awards--item-title span {
    display: inline-block
}

.product-awards__list {
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 0x;
    margin-top: -5px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    padding-top: 0;
    padding-left: clamp(.938rem, -0.179rem + 5.58vw, 2.5rem);
    padding-right: clamp(.938rem, -0.179rem + 5.58vw, 2.5rem)
}

@media (min-width: 768px) {
    .product-awards__list {
        padding-left: clamp(2.5rem, 5.21vw, 6.25rem);
        padding-right: clamp(2.5rem, 5.21vw, 6.25rem);
        padding-bottom: 0
    }
}

@media (min-width: 1200px) {
    .product-awards__list {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 105px;
        padding-top: 65px;
        padding-bottom: 80px
    }
}

@media (min-width: 0) {
    .product-awards__item {
        margin-bottom: 80px
    }
}

@media (min-width: 768px) {
    .product-awards__item {
        margin-bottom: 80px
    }
}

@media (min-width: 1200px) {
    .product-awards__item {
        max-width: 648px
    }
}

.product-awards__item--header {
    display: grid;
    gap: 20px;
    grid-template-columns: 100px 1fr;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 26px
}

@media (min-width: 374.9px) {
    .product-awards__item--header {
        grid-template-columns: 120px 1fr
    }
}

.product-awards__item--header-img {
    max-width: 120px
}

.product-awards__item--header-title {
    font-family: var(--second-family);
    font-weight: 400;
    font-size: 34px;
    line-height: 100%
}

@media (min-width: 375px) {
    .product-awards__item--header-title {
        font-size: 44px
    }
}

@media (min-width: 768px) {
    .product-awards__item--header-title {
        font-size: 60px;
        letter-spacing: .03em
    }
}

.product-awards__item-top {
    font-weight: 500;
    font-size: 12px;
    text-transform: uppercase;
    color: #59564c;
    display: grid;
    gap: 20px;
    grid-template-columns: 104px 1fr;
    padding-bottom: 18px;
    margin-bottom: 13px
}

@media (min-width: 768px) {
    .product-awards__item-top {
        font-size: 16px;
        grid-template-columns: 160px 1fr;
        padding-bottom: 12px;
        margin-bottom: 33px
    }
}

.product-awards__item-top::after {
    bottom: 0
}

.product-awards__item-bottom {
    display: grid;
    gap: 20px;
    grid-template-columns: 104px 1fr;
    position: relative;
    font-weight: 400;
    padding-bottom: 18px;
    margin-bottom: 17px;
    font-size: 14px;
    line-height: 120%
}

@media (min-width: 768px) {
    .product-awards__item-bottom {
        font-size: 16px;
        grid-template-columns: 160px 1fr;
        margin-bottom: 23px
    }
}

@media (min-width: 1200px) {
    .product-awards__item-bottom {
        margin-bottom: 15px
    }
}

.product-awards__item-bottom:last-child {
    margin-bottom: 0
}

@media (max-width: 1199.9px) {
    .product-awards__item-bottom::after {
        content: "";
        position: absolute;
        right: 0;
        left: 0;
        bottom: 0;
        height: 2px;
        background: -webkit-gradient(linear, left top, right top, from(rgb(250, 246, 238)), color-stop(22%, rgb(214, 206, 190)), color-stop(50%, rgb(197, 187, 167)), color-stop(79%, rgb(210, 201, 184)), to(rgb(250, 246, 238)));
        background: linear-gradient(90deg, rgb(250, 246, 238) 0%, rgb(214, 206, 190) 22%, rgb(197, 187, 167) 50%, rgb(210, 201, 184) 79%, rgb(250, 246, 238) 100%)
    }
}

.product-awards__item-bottom-year {
    text-transform: uppercase
}

@media (min-width: 1200px) {
    .product__person__title .decor_title {
        top: 6px
    }
}

@media (min-width: 0) {
    .product__characteristics-top-col-r.product__characteristics--desc {
        margin-bottom: 17px
    }
}

@media (min-width: 768px) {
    .product__characteristics-top-col-r.product__characteristics--desc {
        margin-bottom: 9px
    }
}

@media (min-width: 0) {

    .product__interest .swiper-button-next,
    .product__interest .swiper-button-prev {
        top: 33%
    }

    .product__interest .swiper-button-next {
        right: 13px
    }

    .product__interest .swiper-button-prev {
        left: 12px
    }
}

@media (min-width: 768px)and (max-width: 1199.9px) {
    .product__interest .swiper-button-next {
        right: 50px
    }

    .product__interest .swiper-button-prev {
        left: 50px
    }
}

@media (min-width: 768px) {
    .product__characteristics-top-col-l .characteristics__title {
        font-size: 70px;
        line-height: 1;
        text-align: left
    }
}

@media (min-width: 768px) {
    .product__characteristics-top-col-l .characteristics__title {
        font-size: 70px;
        line-height: 1;
        text-align: left
    }
}

@media (min-width: 1200px) {
    .product__characteristics-top-col-l .characteristics__title {
        font-size: 60px;
        line-height: .9;
        text-align: left
    }
}

@media (min-width: 0) {
    .product-awards__item--roskachestvo .product-awards__item--header-title {
        font-size: 34px
    }

    .product-awards__item-bottom-name {
        font-size: 14px;
        line-height: 1.2
    }
}

@media (min-width: 768px) {
    .product-awards__item--roskachestvo .product-awards__item--header-title {
        font-size: 60px
    }

    .product-awards__item-bottom-name {
        font-size: 16px;
        line-height: 1.5
    }
}

@media (min-width: 1200px) {
    .product-awards .product__awards__list {
        margin-bottom: 60px
    }
}

.awards-all__decor {
    position: absolute;
    top: 0;
    z-index: 2
}

.awards-all__decor img,
.awards-all__decor svg {
    max-width: 100%;
    height: auto
}

@media (max-width: 1199.9px) {

    .awards-all__decor img.awards-all__decor-descop,
    .awards-all__decor svg.awards-all__decor-descop {
        display: none
    }
}

@media (min-width: 1200px) {

    .awards-all__decor img.awards-all__decor-mobile,
    .awards-all__decor svg.awards-all__decor-mobile {
        display: none
    }
}

@media (min-width: 0) {
    .awards-all__decor {
        width: 270px;
        height: 140px;
        right: 0
    }
}

@media (min-width: 768px)and (max-width: 1199.9px) {
    .awards-all__decor {
        width: 36%
    }

    .awards-all__decor svg {
        width: 100%
    }
}

@media (min-width: 1200px) {
    .awards-all__decor {
        text-align: right;
        width: 100%;
        height: auto;
        right: 0
    }
}

.awards-all-hero__container {
    text-align: center;
    margin-top: -15px
}

@media (min-width: 319px) {
    .awards-all-hero__container {
        padding-bottom: 30px
    }
}

@media (min-width: 576px) {
    .awards-all-hero__container {
        padding-bottom: 36px
    }
}

@media (min-width: 768px) {
    .awards-all-hero__container {
        padding-bottom: 34px
    }
}

@media (min-width: 992px) {
    .awards-all-hero__container {
        padding-bottom: 167px
    }
}

@media (min-width: 0) {
    .awards-all-hero__title {
        margin-bottom: 19px;
        padding-top: 20px;
        color: #fff;
        font-weight: 400;
        font-size: 60px;
        line-height: 100%
    }
}

@media (min-width: 768px) {
    .awards-all-hero__title {
        padding-top: 12px;
        margin-bottom: 27px
    }

    .awards-all-hero__title h1,
    .awards-all-hero__title .h1 {
        font-size: 70px;
        line-height: 1
    }
}

@media (min-width: 992px) {
    .awards-all-hero__title {
        padding-top: 0;
        margin-bottom: 95px
    }

    .awards-all-hero__title h1,
    .awards-all-hero__title .h1 {
        font-size: 100px;
        line-height: 1;
        letter-spacing: .03em
    }
}

.awards-all__list {
    display: grid;
    padding-top: 8px
}

@media (min-width: 319px) {
    .awards-all__list {
        grid-template-columns: repeat(3, 1fr);
        row-gap: 32px;
        margin: 0 -30px;
        margin: 0 auto
    }
}

@media (min-width: 576px) {
    .awards-all__list {
        row-gap: 27px;
        max-width: 866px
    }
}


@media (min-width: 992px) {
    .awards-all__list {
        max-width: initial;
        gap: 18px
    }
}

@media (min-width: 1200px) {
    .awards-all__list {
        gap: 58px
    }
}

.awards-all__list .product__awards--item {
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

@media (hover: hover) {
    .awards-all__list .product__awards--item:hover:not(._actved) {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
        cursor: pointer
    }
}

@media (hover: none) {
    .awards-all__list .product__awards--item:hover:not(._actved) {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
}

@media (min-width: 319px) {
    .awards-all__list .awards--item-title {
        font-weight: 600;
        line-height: 150%;
        text-transform: uppercase;
        text-align: center;
        color: #fff;
        font-size: 11px
    }
}

@media (min-width: 768px) {
    .awards-all__list .awards--item-title {
        white-space: nowrap;
        font-size: 14px
    }
}

@media (min-width: 992px) {
    .awards-all__list .awards--item-title {
        font-size: 16px
    }
}

@media (min-width: 319px) {
    .awards-all__list .awards--item-icon {
        margin: 0 auto;
        margin-bottom: 19px
    }

    .awards-all__list .awards--item-icon img {
        max-width: 58px
    }
}

@media (min-width: 400px) {
    .awards-all__list .awards--item-icon img {
        max-width: 90px
    }
}

@media (min-width: 768px) {
    .awards-all__list .awards--item-icon {
        margin-bottom: 12px
    }

    .awards-all__list .awards--item-icon img {
        max-width: 84px
    }
}

@media (min-width: 992px) {
    .awards-all__list .awards--item-icon {
        margin: 0 auto 32px
    }

    .awards-all__list .awards--item-icon img {
        max-width: 120px
    }
}

@media (min-width: 1200px) {
    .awards-all__list .awards--item-icon {
        max-width: 120px
    }
}

.awards-all__list .awards--item-count {
    font-weight: 500;
    font-size: 14px;
    line-height: 150%;
    text-transform: uppercase;
    text-align: center;
    color: #e19f00
}

.awards-all__list-year {
    position: relative;
    max-width: 1199.9px;
    margin-left: auto;
    margin-right: auto;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    padding-bottom: clamp(0rem, -1.786rem + 8.93vw, 6.25rem)
}

@media (min-width: 319px) {
    .awards-all__list-year {
        padding-left: clamp(.938rem, -0.179rem + 5.58vw, 2.5rem);
        padding-right: clamp(.938rem, -0.179rem + 5.58vw, 2.5rem)
    }
}

@media (min-width: 768px) {
    .awards-all__list-year {
        padding-left: clamp(2.5rem, 5.21vw, 6.25rem);
        padding-right: clamp(2.5rem, 5.21vw, 6.25rem);
        padding-bottom: 6px
    }
}

@media (min-width: 1200px) {
    .awards-all__list-year {
        padding-bottom: 66px
    }
}

.awards-all__list-year:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 10px;
    height: clamp(0rem, -1.786rem + 8.93vw, 6.25rem);
    background-image: url(../img/design/bg-where.png);
    background-repeat: repeat;
    z-index: 2
}

@media (min-width: 768px) {
    .awards-all__list-year:before {
        bottom: 5px
    }
}

.awards-all__content {
    background-image: url(../img/design/bg-where.png)
}

@media (min-width: 0) {
    .awards-all__content {
        padding-top: 42px
    }
}

@media (min-width: 768px) {
    .awards-all__content {
        padding-top: 20px
    }
}

@media (min-width: 1200px) {
    .awards-all__content {
        padding-top: 66px
    }
}

.awards-all__item--row--img {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-bottom: 24px
}

@media (min-width: 576px) {
    .awards-all__item--row--img img {
        width: 120px;
        height: 120px
    }
}

@media (min-width: 1024px) {
    .awards-all__item--row--img img {
        width: 200px;
        height: 200px
    }
}

.awards-all__item--row--head h2,
.awards-all__item--row--head .h2 {
    font-family: var(--font-family);
    line-height: 1.5;
    text-transform: uppercase;
    color: #151515
}

@media (min-width: 0) {

    .awards-all__item--row--head h2,
    .awards-all__item--row--head .h2 {
        font-weight: 600;
        font-size: 15px;
        margin-bottom: 32px
    }
}

@media (min-width: 1024px) {

    .awards-all__item--row--head h2,
    .awards-all__item--row--head .h2 {
        font-weight: 500;
        font-size: 24px;
        margin-bottom: 22px
    }
}

.awards-all__item--row--head small {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    color: #151515
}


@media (min-width: 1200px) {
    .awards-all__item--row--head small {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.awards-all__item--row {
    width: 100%
}

.awards-all__controls {
    position: relative;
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width: 319px) {
    .awards-all__controls {
        padding-bottom: 14px;
        padding-top: 10px;
        padding-left: clamp(3.5rem, 2.614rem + 4.43vw, 5.938rem);
        padding-right: clamp(.938rem, -0.179rem + 5.58vw, 2.5rem)
    }
}

@media (min-width: 768px) {
    .awards-all__controls {
        padding-bottom: 6px;
        padding-top: 0px;
        padding-right: clamp(2.5rem, 5.21vw, 6.25rem);
        min-height: 68px
    }
}

@media (min-width: 1200px) {
    .awards-all__controls {
        padding-left: 192px;
        padding-right: 0;
        margin-right: 0;
        margin-left: 169px;
        max-width: 100%;
    }
}

.awards-all__controls::before {
    content: "";
    font-family: "fontello";
    position: absolute;
    top: 21px;
    left: clamp(.938rem, -0.179rem + 5.58vw, 2.5rem);
    display: inline-block;
    -webkit-transform: rotate(180deg) translateY(20px);
    -ms-transform: rotate(180deg) translateY(20px);
    transform: rotate(180deg) translateY(20px)
}

@media (min-width: 319px) {
    .awards-all__controls::before {
        font-size: 25px;
        top: 26px
    }
}

@media (min-width: 576px) {
    .awards-all__controls::before {
        top: 29px
    }
}

@media (min-width: 768px) {
    .awards-all__controls::before {
        left: clamp(2.5rem, 5.21vw, 6.25rem);
        font-size: 30px;
        top: 32px
    }
}

@media (min-width: 1200px) {
    .awards-all__controls::before {
        font-size: 42px;
        top: 34px;
        left: 112px
    }
}

@media (min-width: 319px) {
    .year__controls--item {
        font-family: var(--second-family);
        font-weight: 400;
        font-size: 32px;
        text-transform: uppercase;
        color: #000;
        cursor: pointer;
        -webkit-transition: all .3s ease 0s;
        transition: all .3s ease 0s;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        line-height: 1
    }
}

@media (min-width: 576px) {
    .year__controls--item {
        font-size: 39px
    }
}

@media (min-width: 992px) {
    .year__controls--item {
        font-size: 60px
    }
}

.scroll-line__slide .year__controls--item {
    margin: 0 18px
}

@media (min-width: 768px) {
    .scroll-line__slide .year__controls--item {
        margin: 0 25px
    }
}

.awards-all__item {
    padding-top: 48px;
    padding-bottom: 52px;
    position: relative
}

.awards-all__item::after {
    content: "";
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    height: 2px;
    background: -webkit-gradient(linear, left top, right top, from(rgb(250, 246, 238)), color-stop(22%, rgb(214, 206, 190)), color-stop(50%, rgb(197, 187, 167)), color-stop(79%, rgb(210, 201, 184)), to(rgb(250, 246, 238)));
    background: linear-gradient(90deg, rgb(250, 246, 238) 0%, rgb(214, 206, 190) 22%, rgb(197, 187, 167) 50%, rgb(210, 201, 184) 79%, rgb(250, 246, 238) 100%)
}

@media (min-width: 576px) {
    .awards-all__item {
        text-align: center;
        padding-top: 33px;
        padding-bottom: 44px
    }
}

@media (min-width: 1200px) {
    .awards-all__item {
        text-align: left;
        display: grid;
        gap: 28px;
        grid-template-columns: 200px 1fr 336px;
        padding-top: 81px;
        padding-bottom: 100px
    }

    .awards-all__item:first-child:not(._removborder) {
        padding-top: 100px
    }
}

.awards-all__item--row--head h2 {
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    cursor: pointer
}

.awards-all__item--row--head h2:hover {
    color: var(--yellow-text-1)
}

@media (min-width: 992px) {
    .awards-all__item--row--head {
        margin-right: clamp(0rem, -11.071rem + 17.86vw, 5rem)
    }
}

.awards-all__item--row--list li {
    font-family: var(--font-family);
    color: #59564c
}

@media (min-width: 319px) {
    .awards-all__item--row--list li {
        font-weight: 600;
        font-size: 14px;
        line-height: 1.2;
        margin-bottom: 16px
    }

    .awards-all__item--row--list li:last-child {
        margin-bottom: 0
    }
}

@media (min-width: 1200px) {
    .awards-all__item--row--list li {
        font-weight: 500;
        font-size: 16px;
        line-height: 1.5;
        margin-bottom: 18px;
        text-transform: uppercase
    }
}

.scroll-line {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0 58px
}

.scroll-line__slider {
    margin-left: 0;
    margin-top: -12px;
    margin-left: -12px
}

.scroll-line__slide {
    padding-top: 12px;
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content
}

.year__controls--item.mixitup-control-active {
    font-weight: 400;
    text-transform: uppercase;
    color: #e19f00;
    position: relative
}

.year__controls--item.mixitup-control-active span {
    position: relative
}

.year__controls--item.mixitup-control-active span::after {
    content: "";
    position: absolute;
    right: 0;
    left: 0;
    bottom: 1px;
    height: 1px;
    background-color: #e19f00
}

@media (min-width: 1200px) {
    .year__controls--item.mixitup-control-active span::after {
        bottom: 9px
    }
}

@media (min-width: 576px) {
    .year__controls--item.mixitup-control-active {
        font-size: 43px
    }
}

@media (min-width: 768px) {
    .year__controls--item.mixitup-control-active {
        font-size: 45px
    }
}

@media (min-width: 992px) {
    .year__controls--item.mixitup-control-active {
        font-size: 70px
    }
}

.awards-all-hero__title.title_new h1,
.awards-all-hero__title.title_new .h1 {
    font-size: 80px
}

@media (min-width: 0px) {
    .title_cart_name {
        padding-top: 12px;
        font-family: var(--font-family);
        font-weight: 500;
        display: block;
        margin-bottom: 20px;
        font-size: 14px;
        text-transform: uppercase;
        color: #fff;
        line-height: 1.5;
        text-align: center
    }
}

@media (min-width: 768px) {
    .title_cart_name {
        font-size: 20px;
        font-weight: 400;
        margin-bottom: 40px
    }
}

@media (min-width: 0) {
    .title_cart_name-desc {
        font-family: var(--font-family);
        display: block;
        font-size: 14px;
        font-weight: 400;
        line-height: 1.5;
        line-height: 1.5;
        text-transform: lowercase;
        margin-bottom: 0
    }
}

@media (min-width: 992px) {
    .title_cart_name-desc {
        margin-bottom: -33px;
        font-size: 16px;
        line-height: 1.5
    }
}

.year__controls--item._hiden:not([data-filter=all]) {
    display: none
}

.product__awards--item._hiden {
    display: none
}

.product__awards--item {
    min-width: 66px
}

@media (min-width: 375px) {
    .product__awards--item {
        min-width: 91px
    }
}

@media (min-width: 992px) {
    .product__awards--item {
        width: auto;
        min-width: initial
    }
}

.product__awards--item._actved {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2)
}

.product__awards--item._actved:hover {
    cursor: pointer
}

#filter-year .awards-all__list-year {
    position: relative
}

#filter-year .awards-all__list-year:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 10px;
    height: clamp(0rem, -1.786rem + 8.93vw, 6.25rem);
    background-image: url(../img/design/bg-where.png);
    background-repeat: repeat;
    z-index: 2
}

.awards-all-hero._actved-name-filter .awards-all__list {
    gap: 0;
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content
}

.awards-all-hero._actved-name-filter .product__awards--item:not(._hiden) {
    margin: 0 16px
}

.scroll-line__slide.hiden_all {
    position: fixed !important;
    z-index: -100;
    opacity: 0
}

.awards-all__item--row--list a {
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

.awards-all__item--row--list a:hover {
    color: var(--yellow-text-1)
}

.bg-color__top {
    background-image: url(../img/design/bg-black.png);
    background-repeat: repeat;
    color: #fff
}

.bg-black h1,
.bg-black .h1 {
    color: #fff
}

.tour-decor {
    z-index: 0;
    left: 0;
    right: initial
}

@media (max-width: 992px) {
    .page-bg_top.tour-decor-mobile {
        display: block;
        z-index: 0;
        top: -3%;
        left: -52%
    }

    .page-bg_top.tour-decor-mobile svg {
        max-width: 100%;
        height: auto
    }
}

@media (max-width: 576px) {
    .page-bg_top.tour-decor-mobile {
        top: -15px;
        left: 62px
    }
}

.tour__hero {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 3;
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
    min-height: 38vw;
    overflow: hidden;
    margin-top: -65px;
    padding-top: 65px
}

@media (max-width: 576.1) {
    .tour__hero {
        min-height: 645px
    }
}

.tour__hero__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}

.our-news .tour__hero__inner {
    cursor: pointer;
}

@media (min-width: 0) {
    .tour__hero__inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media (min-width: 1200px) {
    .tour__hero__inner {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.tour__hero--content {
    display: grid;
    grid-template-areas: "tour__title" "tour__hero--text" "text-consult" "tour__hero--img"
}

@media (min-width: 768px) {
    .tour__hero--content {
        grid-template-areas: "tour__title" "tour__hero--img" "tour__hero--text" "text-consult"
    }
}

@media (min-width: 1200px) {
    .tour__hero--content {
        width: 50%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media (min-width: 992px) {

    .tour__title,
    .tour__hero--text,
    .text-consult {
        padding-right: 40px
    }
}

.tour__title {
    grid-area: tour__title;
    margin-bottom: 16px
}

@media (min-width: 992px) {
    .tour__title {
        margin-bottom: 15px
    }
}

@media (max-width: 320px) {

    .tour__title h1,
    .tour__title .h1 {
        font-size: 55px
    }
}

@media (min-width: 576px) {

    .tour__title h1,
    .tour__title .h1 {
        font-size: 100px;
        line-height: 1
    }
}

.tour__hero--text {
    grid-area: tour__hero--text;
    padding-bottom: 32px
}

@media (min-width: 576px) {
    .tour__hero--text {
        margin-bottom: 20px
    }
}

@media (min-width: 992px) {
    .tour__hero--text {
        margin-bottom: 0
    }
}

.text-consult {
    grid-area: text-consult;
    margin-top: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (max-width: 575.9px) {
    .text-consult {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 33px
    }
}

@media (min-width: 576px) {
    .text-consult {
        padding-bottom: 65px;
        gap: 0 12px
    }
}

@media (min-width: 992px) {
    .text-consult {
        padding-bottom: 60px
    }
}

.text-consult--link,
.text-consult--title-link {
    display: inline-block;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    font-weight: 600;
    font-size: 16px;
    line-height: 1.5;
    text-transform: uppercase;
    border-bottom: 1px solid #fff;
    color: #fff;
    margin-bottom: 10px
}

@media (min-width: 576px) {

    .text-consult--link,
    .text-consult--title-link {
        font-size: 18px;
        margin-bottom: 9px
    }
}

@media (min-width: 992px) {

    .text-consult--link,
    .text-consult--title-link {
        margin-bottom: 12px
    }
}

.text-consult--link:last-child,
.text-consult--title-link:last-child {
    margin-bottom: 0
}

.tour__hero--img {
    grid-area: tour__hero--img;
    margin-left: -30px;
    margin-right: -30px
}

@media (min-width: 576px) {
    .tour__hero--img {
        margin-bottom: 40px;
        margin-left: 0;
        margin-right: 0
    }
}

.tour__hero--img img {
    overflow: hidden;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 375px
}

@media (min-width: 576px) {
    .tour__hero--img img {
        border-radius: 12px
    }
}

@media (min-width: 1200px) {
    .tour__hero--img img {
        height: 100%;
        border-radius: 0;
        position: absolute;
        top: 18px;
        right: 0;
        bottom: 0;
        width: 50%;
        height: 100%;
    }
}

@media (min-width: 768.1px)and (max-width: 1199.9px) {
    .tour__hero--img img {
        position: absolute;
        top: 0;
        left: 0;
        right: initial;
        bottom: initial;
        width: 100%;
        height: 100%
    }
}

@media (min-width: 768.1px)and (max-width: 1199.9px) {
    .tour__hero--img._dynamic_adapt_ {
        position: relative;
        padding-bottom: 56%
    }
}

.page-bg_top {
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

.tour-list__item {
    margin-bottom: 80px
}

.tour-list__item:last-child {
    margin-bottom: 30px
}

@media (min-width: 992px) {
    .tour-list__item:last-child {
        margin-bottom: 100px
    }
}

@media (min-width: 768px) {
    .tour-list__item {
        margin-bottom: 68px
    }
}

@media (min-width: 992px) {
    .tour-list__item {
        margin-bottom: 90px
    }
}

@media (min-width: 1200px) {
    .tour-list__item {
        margin-bottom: 120px
    }
}

@media (min-width: 1200px) {
    .tour-list__item .rulers__item--img {
        margin-bottom: 0;
        max-width: 700px;
        max-height: 472px
    }
}

@media (min-width: 1470px) {
    .tour-list__item .rulers__item--img {
        width: 700px
    }
}

.tour-list__item .rulers__item--subtitle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 5px 20px
}

@media (min-width: 1200px) {
    .tour-list__item .rulers__item--subtitle {
        margin-bottom: 29px
    }
}

@media (min-width: 1200px) {
    .tour-list__item .rulers__item--title {
        font-weight: 500;
        font-size: 24px;
        line-height: 1.5;
        text-transform: uppercase;
        color: #000;
        margin-bottom: -3px
    }
}

@media (min-width: 319px) {
    .tour-list__item .rulers__item--content {
        grid-template-areas: "itemtitle " "itemsubtitle " "itemtext" "itemimg" "rulers__item--details" "itembtn"
    }
}

@media (min-width: 768px) {
    .tour-list__item .rulers__item--content {
        grid-template-areas: "itemtitle itemtitle" "itemsubtitle itemsubtitle" "itemtext itemtext" "itemimg itemimg" "rulers__item--details rulers__item--details" "itembtn itembtn"
    }
}

@media (min-width: 1200px) {
    .tour-list__item .rulers__item--content {
        grid-template-areas: "itemimg itemtitle" "itemimg itemsubtitle" "itemimg itemtext" "itemimg rulers__item--details" "itemimg itembtn"
    }
}

@media (min-width: 319px) {
    .tour-list__item .rulers__item--title {
        color: #000;
        font-size: 18px;
        line-height: 1.5
    }
}

@media (min-width: 768px) {
    .tour-list__item .rulers__item--title {
        font-size: 18px;
        margin-bottom: 17px
    }
}

@media (min-width: 1200px) {
    .tour-list__item .rulers__item--title {
        font-size: 24px
    }
}

@media (min-width: 768px)and (max-width: 992px) {
    .tour-list__item .rulers__item--subtitle {
        font-size: 16px
    }
}

@media (min-width: 576px) {
    .tour-list__item .rulers__item--img img {
        height: 380px
    }
}

@media (min-width: 1200px) {
    .tour-list__item .rulers__item--img img {
        height: 100%
    }
}

@media (min-width: 319px)and (max-width: 1199.9px) {
    .tour-list__item .rulers__item--details {
        margin: 0 auto 30px;
        gap: 26px clamp(1.5rem, .488rem + 5.06vw, 3.625rem)
    }
}

@media (max-width: 375px) {
    .tour-list__item .rulers__item--details {
        margin-bottom: 24px
    }
}

@media (min-width: 1200px) {
    .tour-list__item._visible:nth-child(2n+1) .rulers__item--content {
        grid-template-areas: "itemtitle itemimg" "itemsubtitle itemimg" "itemtext itemimg" "rulers__item--details itemimg" "itembtn itemimg"
    }
}
.tour-list__item .rulers__item--link .btn {max-width: 100%;}
#filter-city {
    position: relative
}

#filter-city .tour-list__item {
    opacity: 1;
    -webkit-transition: opacity .3s ease 0s;
    transition: opacity .3s ease 0s;
    visibility: visible
}

#filter-city .filter-preloader {
    content: "";
    position: absolute;
    top: 200px;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 300px;
    height: 300px;
    background-image: url(../img/design/preloader.gif);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    opacity: 0;
    visibility: hidden;
    z-index: -10
}

#filter-city._itemHidden .tour-list__item {
    opacity: 0;
    visibility: hidden
}

#filter-city._itemHidden .filter-preloader {
    opacity: 1;
    visibility: visible;
    z-index: 10
}

@media (max-width: 1199.9px) {
    .tour .rulers__item--link {
        text-align: center
    }
}

@media (max-width: 576px) {
    .tour__hero--img img {
        height: 378px
    }
}

@media (min-width: 768px) {
    .tour__hero--text {
        margin-bottom: -10px
    }
}

@media (max-width: 576px) {
    .tour__hero--content {
        grid-template-areas: "tour__title" "tour__hero--text" "text-consult" "tour__hero--img"
    }
}

@media (min-width: 0) {
    .tour .filter-nav__list {
        padding: 27px 0
    }
}

@media (min-width: 768px) {
    .tour .filter-nav__list {
        padding-top: 43px;
        padding-bottom: 15px
    }
}

@media (min-width: 0) {
    .tour-list__item {
        margin-bottom: 76px
    }
}

@media (min-width: 375.1px)and (max-width: 768px) {
    .tour .tour__hero--text p {
        margin: 0;
        font-size: 18px;
        line-height: 1.5
    }

    .tour .text-consult--link,
    .tour .text-consult--title-link {
        font-size: 16px;
        line-height: 1.5
    }
}

@media (min-width: 1200px) {
    .tour .tour__hero--text {
        padding-bottom: 160px
    }

    .tour .filter-city__list {
        padding-top: 68px;
        padding-bottom: 58px
    }

    .tour .rulers__item--content {
        -webkit-column-gap: 53px;
        -moz-column-gap: 53px;
        column-gap: 53px
    }

    .tour .tour-list__item {
        margin-bottom: 120px
    }

}

/*@media (min-width: 1551px) {
    .tour .tour-list__item .rulers__item--title {
        margin-bottom: -11px
    }
}*/

.our-news .tour__title h1,
.our-news .tour__title .h1 {
    font-size: 70px;
    line-height: 1.2;
    letter-spacing: .03em
}

@media (max-width: 374.9px) {

    .our-news .tour__title h1,
    .our-news .tour__title .h1 {
        font-size: 54px;
        line-height: 1
    }
}

@media (min-width: 0) {

    .our-news .tour__title h1,
    .our-news .tour__title .h1 {
        font-size: 57px;
        line-height: 105%
    }
}

@media (min-width: 768px) {

    .our-news .tour__title h1,
    .our-news .tour__title .h1 {
        font-size: 47px;
        line-height: 120%;
        margin-bottom: 8px
    }
}

@media (min-width: 1200px) {

    .our-news .tour__title h1,
    .our-news .tour__title .h1 {
        font-size: 70px
    }
}

.our-news .tour__hero {
    margin-bottom: 20px
}

@media (max-width: 375px) {
    .our-news .tour__hero {
        margin-bottom: 46px
    }
}

@media (min-width: 1200px) {
    .our-news .tour__hero {
        margin-bottom: 58px
    }
}

@media (max-width: 480px) {
    .our-news .news__item {
        padding: 0
    }
}

.our-news .tour__hero--text {
    font-weight: 400;
    line-height: 1.5;
    text-transform: uppercase;
    color: #000;
    font-size: 16px
}

@media (min-width: 319px) {
    .our-news .tour__hero--text {
        text-transform: none;
        font-size: 16px
    }
}

@media (min-width: 767.9px) {
    .our-news .tour__hero--text {
        font-size: 18px
    }
}

@media (min-width: 992px) {
    .our-news .tour__hero--text {
        font-size: 20px;
        text-transform: uppercase
    }
}

@media (max-width: 767.9px) {
    .our-news .tour__hero--text {
        padding-bottom: 0
    }
}

.our-news .text-consult {
    margin-top: auto
}

@media (max-width: 576.1px) {
    .our-news .text-consult .btn-border {
        max-width: initial
    }
}

@media (min-width: 576px) {
    .our-news .text-consult .btn-border {
        width: 100%;
        max-width: 332px;
        padding: 10px;
        margin: 0 auto
    }
}

@media (min-width: 768px) {
    .our-news .text-consult .btn-border {
        font-size: 14px
    }
}

@media (min-width: 1200px) {
    .our-news .text-consult .btn-border {
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        padding: 8px 52px;
        margin-bottom: 4px;
        margin-left: 0;
        font-size: 20px
    }
}

.our-news .page-bg_top {
    display: none;
    opacity: 0;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

.our-news .page-bg_top svg {
    max-width: 100%;
    height: auto
}

@media (max-width: 575.9px) {
    .our-news .page-bg_top {
        display: block;
        opacity: 1;
        width: 280px;
        right: 0
    }
}

@media (min-width: 576px)and (max-width: 768px) {
    .our-news .page-bg_top {
        display: block;
        opacity: 1;
        right: 30%;
        top: -15%;
        width: 1050px
    }
}

@media (max-width: 576px) {
    .our-news .tour__hero--img {
        margin-left: 0;
        margin-right: 0;
        border-radius: 12px;
        overflow: hidden;
        margin-top: 32px;
        margin-bottom: 20px
    }
}

@media (min-width: 768px) {
    .tour__hero--img {
        margin-bottom: 39px
    }
}

.data__news {
    font-family: var(--font-family);
    font-weight: 400;
    line-height: 1.5;
    color: #000;
    opacity: .5;
    font-size: 20px
}

@media (min-width: 0) {
    .data__news {
        margin-bottom: 7px;
        font-size: 16px
    }
}

@media (min-width: 768px) {
    .data__news {
        font-size: 18px
    }
}

@media (min-width: 1200px) {
    .data__news {
        margin-bottom: 12px;
        margin-top: -8px;
        font-size: 20px
    }
}

.our-news__list {
    padding-left: clamp(.938rem, -0.179rem + 5.58vw, 2.5rem);
    padding-right: clamp(.938rem, -0.179rem + 5.58vw, 2.5rem)
}

@media (max-width: 375px) {
    .our-news__list {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media (min-width: 768px) {
    .our-news__list {
        padding-left: clamp(2.5rem, 5.21vw, 6.25rem);
        padding-right: clamp(2.5rem, 5.21vw, 6.25rem)
    }
}

.our-news__list .news__list {
    gap: 32px;
    grid-template-columns: repeat(1, 1fr)
}

@media (max-width: 375px) {
    .our-news__list .news__list {
        gap: 48px
    }
}

@media (min-width: 576px) {
    .our-news__list .news__list {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (min-width: 768px) {
    .our-news__list .news__list {
        gap: 47px 64px
    }
}

@media (min-width: 1200px) {
    .our-news__list .news__list {
        grid-template-columns: repeat(3, 1fr);
        gap: 61px 29px
    }
}

.our-news__list {
    position: relative
}

.our-news__list-bg {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: -1
}

.our-news__list-bg svg {
    max-width: 100%;
    height: auto
}

@media (max-width: 991.9px) {
    .tour__hero--content-bg {
        display: none
    }
}

@media (min-width: 992px) {
    .tour__hero--content-bg {
        position: absolute;
        bottom: 0;
        left: 12%;
        display: block;
        z-index: -1
    }
}

@media (min-width: 1200px) {
    .tour__hero--content-bg {
        left: 8%
    }
}

@media (max-width: 767.9px) {
    .our-news .tour__hero--content {
        grid-template-areas: "tour__title" "tour__hero--text" "tour__hero--img" "text-consult"
    }
}

.news__plugination {
    text-align: center;
    padding-bottom: 60px
}

@media (min-width: 0) {
    .news__plugination {
        padding-bottom: 0
    }
}

@media (min-width: 1200px) {
    .news__plugination {
        margin-bottom: 130px
    }
}

.news__list__container {
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    max-width: 1480px;
}

@media (min-width: 319px) {
    .news__list__container {
        padding-left: var(--paddingContainerSmall);
        padding-right: var(--paddingContainerSmall);
    }
    
    .one-news__bottom-slider .news__list__container {
        padding-left: var(--paddingContainerBig);
        padding-right: var(--paddingContainerBig);
    }
}

@media (min-width: 768px) {
    /*.news__list__container {
        padding-left: var(--paddingContainerBig);
        padding-right: var(--paddingContainerBig)
    }*/
}

@media (min-width: 0) {
    .our-news .tour__title {
        margin-bottom: 12px
    }

    .our-news .news__list {
        padding-bottom: 29px
    }
}

@media (min-width: 768px) {
    .our-news .news__list {
        padding-top: 20px
    }

    .our-news .news__item--img {
        padding-bottom: 74%
    }
}

@media (min-width: 1200px) {
    .our-news .tour__title {
        margin-bottom: 4px
    }

    .our-news .news__item--img {
        padding-bottom: 64%
    }

    .our-news .tour__hero--img img {
        top: 1px;
        width: 53%;
        right: -50px;
        object-position: left;
        /* position: static;
        width: 100%;
        height: 100%;
        object-fit: contain; */
    }

    .our-news .news__list {
        padding-bottom: 47px
    }
}

@media (min-width: 1200px) {
    .our-news .tour__hero {
        /* min-height: 44.5vw */
        min-height: 670px;
    }
}

.one-news {
    overflow: hidden;
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
    position: relative
}

.one-news .page-bg_top-left {
    overflow: hidden
}

.one-news .page-bg_top-left svg {
    max-width: 100%;
    height: auto
}

@media (max-width: 576px) {
    .one-news .page-bg_top-left {
        left: inherit;
        right: 0
    }
}

@media (max-width: 992px) {
    .one-news .page-bg_top-left .bg-descop {
        display: none
    }
}

@media (min-width: 576px) {
    .one-news .page-bg_top-left .bg-mob {
        display: none
    }
}

.one-news .page-bg_top-left .bg-laptop {
    display: none
}

@media (min-width: 576px)and (max-width: 992px) {
    .one-news .page-bg_top-left .bg-laptop {
        display: block
    }
}

@media (min-width: 1200px) {
    .one-news .content-vcenter {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media (min-width: 0) {

    .one-news .tour__title h1,
    .one-news .tour__title .h1 {
        font-size: 50px;
        line-height: 1
    }
}

@media (min-width: 375px) {

    .one-news .tour__title h1,
    .one-news .tour__title .h1 {
        font-size: 60px
    }
}

@media (min-width: 768px) {

    .one-news .tour__title h1,
    .one-news .tour__title .h1 {
        font-size: 50px
    }
}

@media (min-width: 1200px) {

    .one-news .tour__title h1,
    .one-news .tour__title .h1 {
        font-size: 70px;
        line-height: 1.2;
        letter-spacing: .03em
    }
}

.one-news .tour__hero--text {
    line-height: 1.5;
    text-transform: uppercase
}

@media (min-width: 319px) {
    .one-news .tour__hero--text {
        font-size: 14px
    }
}

@media (min-width: 319px) {
    .one-news .tour__hero--text {
        margin-bottom: 0
    }
}

@media (min-width: 768px) {
    .one-news .tour__hero--text {
        font-size: 23px;
        margin-bottom: 7px
    }
}

@media (min-width: 1200px) {
    .one-news .tour__hero--text {
        font-size: 20px;
        text-align: left;
        margin-bottom: 16px
    }
}

@media (min-width: 319px) {
    .one-news .tour__hero--content {
        grid-template-areas: "tour__title" "tour__hero--text" "tour__hero--img"
    }
}

.one-news__content-container {
    max-width: 1199.9px;
    margin-left: auto;
    margin-right: auto;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

@media (min-width: 319px) {
    .one-news__content-container {
        padding-left: var(--paddingContainerSmall);
        padding-right: var(--paddingContainerSmall)
    }
}

@media (min-width: 768px) {
    .one-news__content-container {
        padding-left: var(--paddingContainerBig);
        padding-right: var(--paddingContainerBig)
    }
}

@media (min-width: 319px) {
    .one-news__content {
        padding-top: 13px
    }
}

@media (min-width: 992px) {
    .one-news__content {
        padding-top: 80px
    }
}

.one-news__text > * img {
    border-radius: 20px;
    overflow: hidden
}

.one-news__content--slider {
    position: relative
}

@media (min-width: 576.1px) {
    .one-news__content--slider {
        padding: 0 35px
    }
}

@media (min-width: 768px) {
    .one-news__content--slider {
        margin-left: -40px;
        margin-right: -40px;
        padding: 0 40px
    }
}

.one-news__swiper-button .swiper-button-next,
.one-news__swiper-button .swiper-button-prev {
    top: calc(50% - 12px)
}

.one-news__swiper-button .swiper-button-next {
    right: 0
}

.one-news__swiper-button .swiper-button-prev {
    left: 0
}

@media (min-width: 319px) {

    .one-news__swiper-button .swiper-button-next::after,
    .one-news__swiper-button .swiper-button-prev::after {
        background-image: url('data:image/svg+xml,<svg width="13" height="34" viewBox="0 0 13 34" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1L11 17L1 33" stroke="white" stroke-width="2" /></svg>');
        width: 14px;
        height: 44px
    }
}

@media (min-width: 576.1px) {

    .one-news__swiper-button .swiper-button-next::after,
    .one-news__swiper-button .swiper-button-prev::after {
        opacity: .5;
        background-image: url('data:image/svg+xml,<svg width="13" height="34" viewBox="0 0 13 34" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1L11 17L1 33" stroke="black" stroke-width="2" /></svg>')
    }
}

@media (min-width: 992px) {

    .one-news__swiper-button .swiper-button-next::after,
    .one-news__swiper-button .swiper-button-prev::after {
        width: 27px;
        height: 74px
    }
}

.one-news__slide--img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 12px;
    overflow: hidden;
    min-height: 230px
}

@media (min-width: 768px) {
    .one-news__slide--img {
        border-radius: 20px
    }
}

.one-news__img {
    border-radius: 12px;
    overflow: hidden
}

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

@media (min-width: 768px) {
    .one-news__img img {
        border-radius: 20px
    }
}

@media (min-width: 992px) {
    .one-news__img {
        padding-bottom: 80px
    }
}

@media (max-width: 992px) {
    .one-news__img {
        display: none
    }
}

@media (max-width: 576px) {
    .one-news__img {
        display: block;
        margin-bottom: 32px
    }
}

.one-news__gallery--slider {
    position: relative
}

@media (max-width: 1199.9px) {
    .one-news__gallery--slider {
        margin-top: -37px;
        margin-bottom: 37px
    }
}

@media (min-width: 1200px) {
    .one-news__gallery--slider {
        padding: 0 40px;
        margin: 0 -40px
    }
}

@media (min-width: 1200px) {
    .one-news__gallery--slider .swiper-pagination {
        display: none
    }
}

.one-news__gallery {
    max-width: 1480px;
    margin-left: auto;
    margin-right: auto;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

@media (min-width: 319px) {
    .one-news__gallery {
        padding-left: var(--paddingContainerSmall);
        padding-right: var(--paddingContainerSmall)
    }
}

@media (min-width: 768px) {
    .one-news__gallery {
        padding-left: var(--paddingContainerBig);
        padding-right: var(--paddingContainerBig)
    }
}

.one-news__content--gallery {
    overflow: hidden
}

@media (min-width: 319px) {
    .one-news__content--gallery {
        padding-bottom: 60px
    }
}

@media (min-width: 768px) {
    .one-news__content--gallery {
        padding-bottom: 80px
    }
}

@media (min-width: 1024.1px) {
    .one-news__content--gallery {
        padding-bottom: 150px
    }
}

@media (max-width: 576.1px) {
    .one-news__gallery__slider {
        margin-left: -29px;
        margin-right: -29px
    }
}

@media (max-width: 1199.9px) {
    .one-news__gallery__slider {
        padding: 37px 0 37px
    }
}

.one-news__gallery__slide img {
    max-width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 12px;
    overflow: hidden
}

@media (max-width: 576.1px) {
    .one-news__gallery__slide {
        padding-left: 29px;
        padding-right: 29px
    }
}

.news__slider__inner .swiper-button-next,
.news__slider__inner .swiper-button-prev,
.gallery__swiper-button .swiper-button-next,
.gallery__swiper-button .swiper-button-prev {
    top: 50%
}

@media (min-width: 1200px) {
    .gallery__swiper-button .swiper-button-next,
    .gallery__swiper-button .swiper-button-prev {
        top: calc(50% - 17px);
    }
}

.news__slider__inner .swiper-button-next,
.gallery__swiper-button .swiper-button-next {
    right: 0;
    right: 14px;
}

@media (min-width: 1200px) {
    .gallery__swiper-button .swiper-button-next {
        right: 0px;
    }
}

.news__slider__inner .swiper-button-prev,
.gallery__swiper-button .swiper-button-prev {
    left: 0;
    left: 14px;
}

@media (min-width: 1200px) {
    .gallery__swiper-button .swiper-button-prev {
        left: 0px;
    }
}

@media (min-width: 319px) {

    .news__slider__inner .swiper-button-next::after,
    .news__slider__inner .swiper-button-prev::after,
    .gallery__swiper-button .swiper-button-next::after,
    .gallery__swiper-button .swiper-button-prev::after {
        background-image: url('data:image/svg+xml,<svg width="13" height="34" viewBox="0 0 13 34" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1L11 17L1 33" stroke="black" stroke-width="2" /></svg>');
        opacity: 0.5;
        height: 44px;
        width: 22px;
    }
}

@media (min-width: 992px) {

    .news__slider__inner .swiper-button-next::after,
    .news__slider__inner .swiper-button-prev::after,
    .gallery__swiper-button .swiper-button-next::after,
    .gallery__swiper-button .swiper-button-prev::after {
        width: 27px;
        height: 74px
    }
}

@media (min-width: 1200.1px) {

    .news__slider__inner .swiper-button-next::after,
    .news__slider__inner .swiper-button-prev::after,
    .gallery__swiper-button .swiper-button-next::after,
    .gallery__swiper-button .swiper-button-prev::after {
        opacity: .5;
        background-image: url('data:image/svg+xml,<svg width="13" height="34" viewBox="0 0 13 34" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1L11 17L1 33" stroke="black" stroke-width="2" /></svg>')
    }
}

.gallery__swiper-button .swiper-button-next::after,
.gallery__swiper-button .swiper-button-prev::after {
    background-image: url('data:image/svg+xml,<svg width="13" height="34" viewBox="0 0 13 34" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1L11 17L1 33" stroke="black" stroke-width="2" /></svg>');
    opacity: 0.5;
}

.gallery__swiper-button .swiper-button-next:hover::after,
.gallery__swiper-button .swiper-button-prev:hover::after {
    opacity: 1;
}

.one-news__gallery--title {
    margin-bottom: 32px;
    text-align: center
}

@media (min-width: 1200px) {
    .one-news__gallery--title {
        padding-top: 16px
    }
}

@media (min-width: 1200px) {

    .one-news__gallery--title h2,
    .one-news__gallery--title .h2 {
        font-size: 70px
    }
}

.one-news__cart {
    position: relative;
    z-index: 2;
    max-width: 1480px
}

@media (min-width: 319px) {
    .one-news__cart {
        padding-bottom: 80px
    }
}

@media (min-width: 576) {
    .one-news__cart {
        padding-bottom: 70px
    }
}

@media (min-width: 992) {
    .one-news__cart {
        padding-bottom: 95px
    }
}

@media (min-width: 1024px) {
    .one-news__cart {
        padding-bottom: 120px
    }

    .one-news__cart .btn {
        min-width: 400px;
        font-weight: 500;
        font-size: 20px;
        line-height: 1.4
    }
}

@media (min-width: 1600px) {
    .one-news__cart .cart--list__slider {
        padding-left: 66px;
        padding-right: 66px
    }
}

@media (min-width: 576px) {
    .one-news__cart .one-news__cart--list .btn {
        width: 94%
    }
}

@media (min-width: 319px) {
    .one-news__cart--list {
        padding-bottom: 32px
    }
}

@media (min-width: 768px) {
    .one-news__cart--list {
        padding-bottom: 40px
    }
}

/*@media (max-width: 1400px) {
    .one-news__cart--list {
        padding-left: var(--paddingContainerBig);
        padding-right: var(--paddingContainerBig)
    }
} */

.gallery__swiper-button .swiper-button-next::after,
.gallery__swiper-button .swiper-button-prev::after {
    background-image: url('data:image/svg+xml,<svg width="13" height="34" viewBox="0 0 13 34" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1L11 17L1 33" stroke="black" stroke-width="2" /></svg>');
    opacity: 0.5;
}

.gallery__swiper-button .swiper-button-next:hover::after,
.gallery__swiper-button .swiper-button-prev:hover::after {
    opacity: 1;
}

@media (max-width: 768px) {
    .one-news__cart--list {
        padding-left: var(--paddingContainerSmall);
        padding-right: var(--paddingContainerSmall)
    }
}

@media (min-width: 1200px) {
    .one-news__cart--list .swiper-pagination {
        display: none
    }
}

@media (max-width: 576.1px) {
    .cart--list__slider {
        margin-left: -29px;
        margin-right: -29px
    }
}

.cart__lidst__slider .swiper-button-next,
.cart__lidst__slider .swiper-button-prev {
    top: 37%
}

.cart__lidst__slider .swiper-button-next:hover::after,
.cart__lidst__slider .swiper-button-prev:hover::after {
    opacity: 1
}

.cart__lidst__slider .swiper-button-next {
    right: 0
}

@media (max-width: 576.1px) {
    .cart__lidst__slider .swiper-button-next {
        right: clamp(1rem, -0.094rem + 5.47vw, 1.875rem)
    }
}

.cart__lidst__slider .swiper-button-prev {
    left: 0
}

@media (max-width: 576.1px) {
    .cart__lidst__slider .swiper-button-prev {
        left: clamp(1rem, -0.094rem + 5.47vw, 1.875rem)
    }
}

@media (min-width: 319px) {

    .cart__lidst__slider .swiper-button-next::after,
    .cart__lidst__slider .swiper-button-prev::after {
        background-image: url('data:image/svg+xml,<svg width="13" height="34" viewBox="0 0 13 34" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1L11 17L1 33" stroke="black" stroke-width="2" /></svg>');
        width: 22px;
        height: 44px;
        opacity: 0.5;
    }
}

@media (min-width: 576.1px) {

    .cart__lidst__slider .swiper-button-next::after,
    .cart__lidst__slider .swiper-button-prev::after {
        opacity: .5
    }
}

@media (min-width: 992px) {

    .cart__lidst__slider .swiper-button-next::after,
    .cart__lidst__slider .swiper-button-prev::after {
        width: 27px;
        height: 74px
    }
}

@media (max-width: 576.1px) {
    .cart__lidst__slider {
        padding-left: 29px;
        padding-right: 29px
    }
}

.awards-all__item._hiden {
    display: none
}

.news__decor-l,
.news__decor-r {
    position: absolute;
    top: 0;
    -webkit-transition: all .2s ease-out 0s;
    transition: all .2s ease-out 0s;
    z-index: -1
}

@media (max-width: 992px) {

    .news__decor-l,
    .news__decor-r {
        display: none
    }
}

.news__decor-l {
    left: 0;
    top: 760px
}

.news__decor-r {
    right: 0;
    top: 600px
}

.one-news__cart--awards {
    padding-bottom: 24px
}

@media (max-width: 768px) {
    .one-news__cart--awards {
        margin-bottom: 50px
    }
}

@media (min-width: 768px) {
    .one-news__cart--awards {
        margin-bottom: 76px
    }
}

.awards-all__item--last-child {
    padding-bottom: 48px
}

.one-news__cart--awards--btn {
    text-align: center
}

@media (max-width: 576px) {
    .one-news__cart--awards--btn .btn {
        width: 100%
    }
}

.news__slider__inner {
    padding: 0 40px;
    margin: 0 -40px;
    position: relative;
    padding: 0 var(--paddingContainerBig);
    margin: 0;
}

@media (min-width: 1200px) {
    .news__slider__inner {
        margin: 0 -40px;
    }
}

.one-news__bottom-slider {
    padding-bottom: 150px
}

@media (max-width: 1024px) {
    .one-news__bottom-slider {
        position: fixed !important;
        z-index: -100;
        opacity: 0;
        visibility: hidden
    }
}

.one-news__bottom-slider .news__slider__inner .swiper-button-next,
.one-news__bottom-slider .news__slider__inner .swiper-button-prev {
    top: 35%
}

.one-news .news__title {
    margin-bottom: 20px;
    text-align: center
}

@media (min-width: 0) {
    .cart--list__slider--btn .btn {
        font-size: 14px
    }
}

@media (max-width: 576px) {
    .cart--list__slider--btn .btn {
        width: 94%
    }
}

.one-news .awards-all__item--last-child::after {
    display: none
}

.one-news .tour__hero--img {
    margin-left: 0;
    margin-right: 0;
    border-radius: 12px
}

@media (max-width: 576px) {
    .one-news .tour__hero--img {
        position: relative;
        padding-bottom: 100%
    }

    .one-news .tour__hero--img img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        border-radius: 12px
    }
}

@media (min-width: 0) {
    .one-news-v1 .one-news__content {
        padding-top: 32px
    }
}

@media (max-width: 576px) {
    .one-news-v1 .one-news__content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .one-news-v1 .one-news__content .content--row-center {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

@media (min-width: 1200px) {
    .one-news-v1 .one-news__content {
        padding-top: 55px
    }

    .one-news__content {
        column-count: 2;
        gap: 70px;
        width: 100%;
        margin: auto;
        max-width: 1324px;
        min-width: 500px;
    }

    .one-news__content p:first-child {
        margin-top: 0;
    }

    .one-news__content .img {
        column-span: all;
    }
}

@media (min-width: 1200px) and (max-width: 1480px) {
    .one-news__content {
        max-width: fit-content;
    }
}

.one-news-v1 .content--row-center-text {
    margin-bottom: 30px
}

@media (min-width: 768px) {
    .one-news-v1 .content--row-center-text {
        display: none
    }
}

.one-news__content.d-grid {
    grid-template-columns: 1fr;
    gap: clamp(2rem, 1.111rem + 4.44vw, 5rem)
}

.one-news__content {
    margin-bottom: clamp(2rem, 1.111rem + 4.44vw, 5rem)
}

.one-news-v3-row__img {
    position: relative;
    overflow: hidden
}

.one-news-v3-row__img.brs20 {
    border-radius: 20px
}

.img-fill {
    position: relative
}

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

@media (max-width: 576px) {
    .one-news-v3 .col-2 .one-news-v3-row__img {
        padding-bottom: 100%
    }

    .one-news-v3 .col-2 .one-news-v3-row__img img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }
}

@media (min-width: 576px) {
    .one-news-v3 .one-news-v3-row__img img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }
}

.one-news .col-1 img {
    min-height: 230px
}

@media (min-width: 0) {
    .one-news .data__news {
        margin-bottom: 12px;
        font-size: 16px;
        margin-top: -7px
    }

    .img_bottom_text-top {
        margin-top: 29px;
        min-height: 520px;
        margin-bottom: 36px
    }

    .one-news__img.col-1 {
        margin-top: 40px
    }

    .one-news__content--gallery.one-news__gallery {
        padding-top: 14px
    }

    .one-news__gallery--title {
        margin-bottom: 0
    }

    .one-news__gallery--title h2 {
        font-size: 60px
    }

    .one-news__gallery__slide img {
        max-height: 233px
    }

    .one-news__gallery__slider {
        padding-bottom: 31px;
        margin-bottom: 30px
    }

    .one-news__content--gallery {
        padding-bottom: 29px
    }

    .cart__lidst__slider .swiper-button-next,
    .cart__lidst__slider .swiper-button-prev {
        top: 33%;
        height: 58px;
        width: 30px
    }

    .cart__lidst__slider .swiper-button-next {
        margin-right: 12px;
    }

    .cart__lidst__slider .swiper-button-prev {
        margin-left: 12px;
    }

    .one-news__cart--awards .awards-all__item {
        padding-top: 26px;
        padding-bottom: 35px;
        margin-bottom: 26px
    }

    .one-news .awards-all__item--row--img {
        margin-bottom: 28px
    }

    .one-news .awards-all__item--row--list li {
        font-size: 13px;
        margin-bottom: 18px
    }

    .one-news .one-news__cart--awards--btn {
        text-align: center;
        margin-top: -30px
    }

    .one-news .one-news__cart--awards--btn .btn {
        font-size: 14px
    }

    .one-news .one-news__cart--awards {
        margin-bottom: 26px
    }

    .one-news .awards-all__item--row--head small {
        display: none
    }
}

@media (max-width: 1199.9px) {
    .one-news .one-news__cart--awards--btn {
        margin-top: 0px
    }
}

@media (min-width: 768px) {
    .one-news .data__news {
        margin-bottom: 11px;
        font-size: 18px;
        margin-top: 1px
    }

    .one-news .tour__hero--img {
        margin-bottom: 8px
    }

    .cart--list__slider--btn .btn {
        font-size: 18px
    }
}

@media (min-width: 1200px) {
    .one-news .tour__hero--content {
        margin-top: -40px
    }

    .one-news .tour__hero {
        margin-top: -50px;
        padding-top: 70px
    }

    .content--row-top .one-news__text p:first-child {
        padding-top: 30px
    }

    .one-news__gallery--title {
        margin-bottom: 20px
    }

    .one-news__gallery--title h2 {
        font-size: 70px
    }

    .one-news__content--gallery {
        padding-bottom: 94px
    }

    .one-news__gallery__slide img {
        max-height: 358px
    }

    .cart--list__slider--btn .btn {
        font-size: 20px
    }

    .one-news__cart--list {
        padding-bottom: 31px;
        margin: 0 -53px;
    }

    .one-news__cart {
        padding-bottom: 57px;

    }

    .one-news .awards-all__item--row--list li {
        font-size: 16px;
        margin-bottom: 21px
    }

    .one-news__cart--awards .awards-all__item {
        margin-bottom: 65px;
        padding-bottom: 74px
    }

    .one-news .one-news__cart--awards--btn .btn {
        font-size: 20px;
        padding-left: 94px;
        padding-right: 94px
    }

    .one-news .awards-all__item.awards-all__item--last-child {
        margin-bottom: 0
    }

    .one-news .one-news__cart--awards {
        margin-bottom: 126px
    }

    .one-news__bottom-slider .news__title h2 {
        font-size: 70px
    }

    .one-news__bottom-slider .news__item--img {
        padding-bottom: 64%
    }

    .one-news__bottom-slider .swiper-button-next,
    .one-news__bottom-slider .swiper-button-prev {
        top: 38%
    }

    .one-news__bottom-slider .swiper-button-next {
        right: 0px
    }

    .one-news__bottom-slider .swiper-button-prev {
        left: 0px
    }

    .one-news__bottom-slider {
        padding-bottom: 170px
    }

    .one-news .awards-all__item--row--head small {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.one-news__text.display-grid-2 {
    -webkit-column-gap: clamp(16px, -2.96px + 5.93vw, 80px);
    -moz-column-gap: clamp(16px, -2.96px + 5.93vw, 80px);
    column-gap: clamp(16px, -2.96px + 5.93vw, 80px)
}

.one-news__text.display-grid-2 img {
    width: 100%;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover
}

@media (min-width: 0) {
    .one-news__text.display-grid-2 {
        grid-template-columns: 1fr
    }
}

@media (min-width: 1200px) {
    .one-news__text.display-grid-2 {
        grid-template-columns: 1fr 1fr
    }
}

.contacts {
    position: relative;
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: -118px;
    margin-bottom: -118px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media (min-width: 0) {
    .contacts {
        min-height: 878px
    }
}

@media (min-width: 375) {
    .contacts {
        min-height: 982px
    }
}

@media (min-width: 576px) {
    .contacts {
        min-height: clamp(51.25rem, 39.643rem + 58.04vw, 67.5rem)
    }
}

@media (min-width: 768px) {
    .contacts {
        min-height: 1080px
    }
}

@media (min-width: 1200px) {
    .contacts {
        min-height: 980px
    }
}

.contacts__content {
    position: absolute;
    top: 200px
}

@media (min-width: 576.1px) {
    .contacts__content {
        top: 220px
    }
}

@media (min-width: 768.1px) {
    .contacts__content {
        top: clamp(15.625rem, 14.042rem + 3.3vw, 18rem)
    }
}

@media (min-width: 0) {
    .contacts__content {
        padding-top: 12px
    }
}

@media (min-width: 768px) {
    .contacts__content {
        padding-top: 39px
    }
}

@media (min-width: 1200px) {
    .contacts__content {
        padding-top: 0
    }
}

@media (min-width: 0) {
    .contacts__title {
        margin-bottom: 24px
    }
}

@media (min-width: 768px) {
    .contacts__title {
        margin-bottom: 25px
    }
}

@media (min-width: 1200px) {
    .contacts__title {
        margin-bottom: 6px
    }
}

.contacts__title h1 {
    display: inline-block;
    position: relative;
    line-height: 1
}

@media (min-width: 0) {
    .contacts__title h1 {
        font-size: 53px;
        padding-top: 15px
    }
}

@media (min-width: 375px) {
    .contacts__title h1 {
        padding-top: 0;
        font-size: 60px
    }
}

@media (min-width: 768px) {
    .contacts__title h1 {
        font-size: 70px
    }
}

@media (min-width: 1200px) {
    .contacts__title h1 {
        font-size: 100px
    }
}

.contacts__title h1::after {
    content: "";
    position: absolute;
    height: 1px;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url('data:image/svg+xml,<svg width="448" height="2" viewBox="0 0 448 2" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1H448" stroke="url(%23paint0_linear_2241_15458)" /><defs><linearGradient id="paint0_linear_2241_15458" x1="0" y1="1.5" x2="448" y2="1.5" gradientUnits="userSpaceOnUse"><stop stop-color="%23FAF6EE" /><stop offset="0.225" stop-color="%23D6CEBE" /><stop offset="0.495" stop-color="%23C5BBA7" /><stop offset="0.785" stop-color="%23D2C9B8" /><stop offset="1" stop-color="%23FAF6EE" /></linearGradient></defs></svg>');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

@media (max-width: 768.1px) {
    .contacts__title h1::after {
        bottom: -11px
    }
}

@media (min-width: 768px)and (max-width: 992px) {
    .contacts__title h1::after {
        bottom: -11px
    }
}

.contacts__subtitle {
    font-weight: 500;
    line-height: 1.5;
    text-transform: uppercase;
    color: #b4b4b4
}

@media (min-width: 0) {
    .contacts__subtitle {
        font-size: 16px;
        margin-bottom: 40px;
        max-width: 400px;
        margin-bottom: 43px
    }
}

.contacts__subtitle p {
    margin-bottom: 12px
}

@media (min-width: 0) {
    .contacts__hero .contacts__download {
        padding-bottom: 54px
    }
}

@media (min-width: 768px) {
    .contacts__hero .contacts__download {
        padding-bottom: 35px
    }
}

@media (min-width: 1200px) {
    .contacts__hero .contacts__download {
        margin-bottom: 129px
    }
}

.contacts__hero .contacts__download a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.contacts__hero .contacts__download a .contacts__download-text {
    font-family: var(--second-family);
    font-weight: 400;
    line-height: 1;
    letter-spacing: .03em;
    text-transform: uppercase;
    color: #000;
    border-bottom: 1px solid currentColor;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

@media (min-width: 0) {
    .contacts__hero .contacts__download a .contacts__download-text {
        font-size: 37px
    }
}

@media (min-width: 1200px) {
    .contacts__hero .contacts__download a .contacts__download-text {
        font-size: 40px
    }
}

.contacts__hero .contacts__download a .icon-download path {
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

.contacts__hero .contacts__download a:hover .contacts__download-text {
    border-color: var(--yellow-text-1);
    color: var(--yellow-text-1)
}

.contacts__hero .contacts__download a:hover .icon-download path {
    fill: var(--yellow-text-1)
}

.contacts__hero .contacts__list--title {
    max-width: 272px;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.5;
    text-transform: uppercase;
    color: #b4b4b4;
    display: inline-block;
    margin-bottom: 24px
}

@media (min-width: 0) {
    .contacts__hero .contacts__list--title {
        margin-bottom: 16px
    }
}

@media (min-width: 768px)and (max-width: 992px) {
    .contacts__hero .contacts__list--title {
        font-size: 18px;
        margin-bottom: 46px
    }
}

@media (min-width: 992px) {
    .contacts__hero .contacts__list--title {
        font-size: 16px
    }
}

@media (min-width: 1200px) {
    .contacts__hero .contacts__list--title {
        margin-bottom: 24px
    }
}

.contacts__hero .contacts__list--phone {
    margin-bottom: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 19px
}

@media (max-width: 768.1px) {
    .contacts__hero .contacts__list--phone {
        margin-bottom: 30px;
        gap: 23px
    }
}

@media (min-width: 768px)and (max-width: 992px) {
    .contacts__hero .contacts__list--phone {
        margin-bottom: 34px
    }
}

.contacts__hero .contacts__list--phone a {
    font-weight: 600;
    line-height: 1;
    color: #000;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    text-transform: lowercase;
    text-decoration: none;
    border-bottom: 1px solid currentColor;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

@media (max-width: 768px) {
    .contacts__hero .contacts__list--phone a {
        font-size: 14px
    }
}

@media (min-width: 768px)and (max-width: 992px) {
    .contacts__hero .contacts__list--phone a {
        font-size: 18px
    }
}

@media (min-width: 992px) {
    .contacts__hero .contacts__list--phone a {
        font-size: 18px
    }
}

.contacts__hero .contacts__list--phone a:hover {
    text-decoration: none;
    border-color: rgba(0, 0, 0, 0);
    color: var(--yellow-text-1)
}

.contacts__hero .contacts__list--social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media (max-width: 768.1px) {
    .contacts__hero .contacts__list--social {
        gap: 15px
    }
}

@media (min-width: 768px)and (max-width: 992.1px) {
    .contacts__hero .contacts__list--social {
        gap: 18px
    }

    .contacts__hero .contacts__list--social svg {
        width: 43px;
        height: 43px;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }
}


@media (min-width: 992px) {
    .contacts__hero .contacts__list--social {
        gap: 12px
    }

    .contacts__hero .contacts__list--social svg {
        width: 32px;
        height: 32px;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }
}

.contacts__bottom {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.contacts__bottom--title {
    font-weight: 500;
    font-size: 20px;
    line-height: 1.5;
    text-transform: uppercase;
    color: #000
}

.contacts__bottom--link {
    font-weight: 500;
    font-size: 18px;
    line-height: 1.5;
    color: #59564c;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

.contacts__bottom--link:hover {
    color: var(--yellow-text-1)
}

@media (max-width: 1024.1px) {
    .contacts__bottom--inner {
        text-align: center
    }
}

.footer__contacts--sochial svg rect,
.contacts__list--social svg rect {
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

.footer__contacts--sochial a:hover svg rect,
.contacts__list--social a:hover svg rect {
    fill: var(--yellow-text-1)
}

.contacts__bottom {
    padding-top: 51px;
    text-align: center
}

@media (min-width: 0) {
    .contacts__bottom {
        padding-top: 51px;
        padding-bottom: 49px
    }
}

@media (min-width: 768px) {
    .contacts__bottom {
        padding-top: 103px;

        padding-bottom: 49px
    }
}

@media (min-width: 1200px) {
    .contacts__bottom {
        padding-top: 50px;
        padding-bottom: 106px
    }
}

.contacts__bottom--row {
    position: relative;
    display: grid;
    text-wrap: balance
}

@media (min-width: 768px) {
    .contacts__bottom--row {
        padding: 0
    }
}

@media (min-width: 1200px) {
    .contacts__bottom--row {
        grid-template-columns: repeat(3, 1fr);
        padding: 0 0 16px 0;
        margin-bottom: 14px
    }

    .contacts__bottom--row:not(:last-child):after {
        content: "";
        position: absolute;
        height: 1px;
        left: 0;
        right: 0;
        bottom: 0;
        background-image: url('data:image/svg+xml,<svg width="448" height="2" viewBox="0 0 448 2" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1H448" stroke="url(%23paint0_linear_2241_15458)" /><defs><linearGradient id="paint0_linear_2241_15458" x1="0" y1="1.5" x2="448" y2="1.5" gradientUnits="userSpaceOnUse"><stop stop-color="%23FAF6EE" /><stop offset="0.225" stop-color="%23D6CEBE" /><stop offset="0.495" stop-color="%23C5BBA7" /><stop offset="0.785" stop-color="%23D2C9B8" /><stop offset="1" stop-color="%23FAF6EE" /></linearGradient></defs></svg>');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat
    }
}

@media (max-width: 1024.1px) {
    .contacts__bottom--row:last-child .contacts__bottom--item:after {
        display: none
    }
}

.contacts__bottom--item {
    text-align: center;
    position: relative;
    margin-bottom: 12px
}

@media (min-width: 0) {
    .contacts__bottom--item {
        margin-bottom: 2px;
        padding: 52px 0
    }
}

@media (min-width: 768px) {
    .contacts__bottom--item {
        padding: 48px 0
    }
}

@media (min-width: 1200px) {
    .contacts__bottom--item {
        text-align: left
    }
}

.contacts__bottom--item:after {
    content: "";
    position: absolute;
    height: 1px;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url('data:image/svg+xml,<svg width="448" height="2" viewBox="0 0 448 2" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1H448" stroke="url(%23paint0_linear_2241_15458)" /><defs><linearGradient id="paint0_linear_2241_15458" x1="0" y1="1.5" x2="448" y2="1.5" gradientUnits="userSpaceOnUse"><stop stop-color="%23FAF6EE" /><stop offset="0.225" stop-color="%23D6CEBE" /><stop offset="0.495" stop-color="%23C5BBA7" /><stop offset="0.785" stop-color="%23D2C9B8" /><stop offset="1" stop-color="%23FAF6EE" /></linearGradient></defs></svg>');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

@media (min-width: 1200px) {
    .contacts__bottom--item:after {
        display: none
    }
}

.contacts__bottom--title {
    font-weight: 500;
    font-size: 20px;
    line-height: 1.5;
    text-transform: uppercase;
    color: #000;
    margin-bottom: 12px
}

@media (min-width: 0) {
    .contacts__bottom--title {
        margin-bottom: 14px
    }
}

.contacts__bottom--name {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    color: #59564c;
    margin-bottom: 12px
}

.contacts__bottom--list {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px
}

.contacts__bottom--list a {
    -webkit-transition: color .3s ease 0s;
    transition: color .3s ease 0s;
    font-size: 18px
}

.contacts__bottom--list a:hover {
    color: var(--yellow-text-1)
}

.vacancies {
    overflow: hidden
}

@media (max-width: 768px) {
    .vacancies__bg-top {
        display: none
    }
}

.vacancies--title {
    text-align: center
}

@media (min-width: 0) {
    .vacancies--title {
        margin-bottom: 21px
    }
}

@media (min-width: 576px) {
    .vacancies--title {
        text-align: left
    }
}

@media (min-width: 768px) {
    .vacancies--title {
        margin-bottom: 16px
    }
}

@media (min-width: 1024px) {
    .vacancies--title {
        margin-bottom: 54px
    }
}

@media (min-width: 576px) {

    .vacancies--title h1,
    .vacancies--title .h1 {
        font-size: 100px;
        text-align: left
    }
}

@media (min-width: 1024px) {

    .vacancies--title h1,
    .vacancies--title .h1 {
        text-align: center
    }
}

.vacancies__tab--title {
    font-family: var(--second-family);
    font-weight: 400;
    line-height: 1;
    text-transform: uppercase;
    color: #000
}

@media (max-width: 576px) {
    .vacancies__tab--title {
        margin-bottom: 9px
    }
}

.vacancies__tab--title h2,
.vacancies__tab--title .h2 {
    margin-bottom: 0
}

@media (max-width: 576.1px) {

    .vacancies__tab--title h2,
    .vacancies__tab--title .h2 {
        font-size: 44px
    }
}

@media (min-width: 576px) {

    .vacancies__tab--title h2,
    .vacancies__tab--title .h2 {
        font-size: 50px
    }
}

@media (min-width: 1024px) {

    .vacancies__tab--title h2,
    .vacancies__tab--title .h2 {
        font-size: 66px
    }
}

@media (min-width: 1200px) {

    .vacancies__tab--title h2,
    .vacancies__tab--title .h2 {
        font-size: 100px
    }
}

.vacancies__tab--title h3,
.vacancies__tab--title .h3 {
    margin-bottom: 0
}

@media (min-width: 319px) {

    .vacancies__tab--title h3,
    .vacancies__tab--title .h3 {
        font-size: 44px
    }
}

@media (min-width: 768px) {

    .vacancies__tab--title h3,
    .vacancies__tab--title .h3 {
        font-size: 50px
    }
}

@media (min-width: 1024px) {

    .vacancies__tab--title h3,
    .vacancies__tab--title .h3 {
        font-size: 60px
    }
}

@media (min-width: 319px) {
    .vacancies__tabs_wrapper .tab-nav {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

@media (min-width: 1024px) {
    .vacancies__tabs_wrapper .tab-nav {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media (min-width: 319px) {
    .vacancies__tabs_wrapper .tab-btn {
        font-size: 14px;
        line-height: 1.5;
        padding: 2px 28px
    }
}

@media (min-width: 768px) {
    .vacancies__tabs_wrapper .tab-btn {
        padding-left: 40px;
        padding-right: 40px
    }
}

@media (min-width: 1024px) {
    .vacancies__tabs_wrapper .tab-btn {
        font-size: 20px
    }
}

.vacancies__contact--ofisse-title {
    font-weight: 600;
    font-size: 14px;
    line-height: 1.5;
    text-transform: uppercase;
    color: #b4b4b4;
    margin-bottom: 16px
}

.vacancies .tab-nav {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (max-width: 576px) {
    .vacancies .tab-nav {
        margin-bottom: 52px
    }
}

@media (max-width: em(576.1px)) {
    .vacancies .tab-nav {
        margin-bottom: 50px
    }
}

@media (min-width: 576px) {
    .vacancies .tab-nav {
        margin-bottom: 50px
    }
}

@media (min-width: 1024px) {
    .vacancies .tab-nav {
        margin-bottom: 100px
    }
}

.vacancies__row_detail {
    display: grid
}

@media (min-width: 0) {
    .vacancies__row_detail {
        gap: 16px;
        grid-template-columns: 1fr;
        margin-bottom: 64px
    }
}

@media (min-width: 768px) {
    .vacancies__row_detail {
        gap: 30px;
        margin-bottom: 33px
    }
}

@media (min-width: 1024.1px) {
    .vacancies__row_detail {
        margin-bottom: 122px;
        padding-left: var(--paddingContainerBig);
        grid-template-columns: 570px 1fr
    }
}

@media (min-width: 576px)and (max-width: 1024px) {
    .vacancies__contact--ofisse-l {
        display: grid;
        gap: 16px;
        grid-template-columns: 1fr 1fr
    }
}

@media (min-width: 319px)and (max-width: 1024px) {
    .vacancies__contact--ofisse-l {
        margin-bottom: 32px
    }
}

@media (max-width: 576px) {
    .vacancies__contact--ofisse-l {
        margin-bottom: 50px
    }
}

.vacancies__contact--ofisse--list {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.vacancies__contact--ofisse--list a {
    font-weight: 600;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: #59564c;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

@media (max-width: 576px) {
    .vacancies__contact--ofisse--list a {
        font-size: 14px
    }
}

.list-terms__list li {
    font-size: 16px;
    line-height: 1.5;
    padding: 14px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    gap: 16px
}

@media (min-width: 768px) {
    .list-terms__list li {
        padding: 16px 0
    }
}

.list-terms__list li::after {
    content: "";
    position: absolute;
    height: 1px;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url('data:image/svg+xml,<svg width="448" height="2" viewBox="0 0 448 2" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1H448" stroke="url(%23paint0_linear_2241_15458)" /><defs><linearGradient id="paint0_linear_2241_15458" x1="0" y1="1.5" x2="448" y2="1.5" gradientUnits="userSpaceOnUse"><stop stop-color="%23FAF6EE" /><stop offset="0.225" stop-color="%23D6CEBE" /><stop offset="0.495" stop-color="%23C5BBA7" /><stop offset="0.785" stop-color="%23D2C9B8" /><stop offset="1" stop-color="%23FAF6EE" /></linearGradient></defs></svg>');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

@media (min-width: 1024px) {
    .list-terms__list li:last-child::after {
        display: none
    }
}

.list-terms__list li:before {
    content: "";
    width: 12px;
    height: 20px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background-image: url('data:image/svg+xml,<svg width="14" height="22" viewBox="0 0 14 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.4787 11.8906L11.9937 20.4166C12.0107 20.517 11.9966 20.6202 11.9533 20.7124C11.9101 20.8046 11.8397 20.8813 11.7516 20.9324C11.6636 20.9835 11.562 21.0065 11.4605 20.9983C11.359 20.9902 11.2624 20.9512 11.1837 20.8866L7.6037 18.1996C7.43088 18.0705 7.22093 18.0007 7.0052 18.0007C6.78948 18.0007 6.57953 18.0705 6.4067 18.1996L2.8207 20.8856C2.74202 20.9501 2.64557 20.989 2.5442 20.9972C2.44283 21.0054 2.34138 20.9825 2.25337 20.9315C2.16536 20.8805 2.09498 20.804 2.05162 20.712C2.00827 20.62 1.99399 20.5169 2.0107 20.4166L3.5247 11.8906" stroke="%23C5BBA7" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" /><path d="M7 13C10.3137 13 13 10.3137 13 7C13 3.68629 10.3137 1 7 1C3.68629 1 1 3.68629 1 7C1 10.3137 3.68629 13 7 13Z" stroke="%23C5BBA7" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" /></svg>');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center
}

.vacancies__page--title {
    margin-bottom: 29px
}

@media (min-width: 1024px) {
    .vacancies__page--title {
        margin-bottom: 32px
    }
}

.vacancies__page--title h2 {
    text-align: left;
    font-weight: 400;
    line-height: 1;
    text-transform: uppercase;
    color: #101010;
    font-size: 844px
}

@media (min-width: 319px) {
    .vacancies__page--title h2 {
        font-size: 44px
    }
}

@media (min-width: 768px) {
    .vacancies__page--title h2 {
        font-size: 50px
    }
}

@media (min-width: 1024.1px) {
    .vacancies__page--title h2 {
        font-size: 80px;
        text-align: center
    }
}

@media (min-width: 319px) {
    .detail--vacancy {
        padding-bottom: 40px
    }
}

@media (min-width: 768px) {
    .detail--vacancy {
        padding-bottom: 100px
    }
}

@media (min-width: 1024px) {
    .detail--vacancy {
        padding-bottom: 150px
    }
}

.detail--vacancy__list {
    display: grid
}

@media (min-width: 0) {
    .detail--vacancy__list {
        gap: 36px;
        grid-template-columns: 1fr
    }
}

@media (min-width: 768px) {
    .detail--vacancy__list {
        gap: 13px
    }
}

@media (min-width: 1024px) {
    .detail--vacancy__list {
        gap: 52px 20px;
        grid-template-columns: 1fr 1fr
    }
}

.detail--vacancy__item {
    position: relative;
    padding: 40px;
    background-color: #fff;
    border-radius: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (min-width: 0) {
    .detail--vacancy__item {
        padding: 30px
    }
}

@media (min-width: 576px) {
    .detail--vacancy__item {
        padding: 40px
    }
}

.detail--vacancy__item .link {
    position: absolute;
    inset: 0;
    z-index: 4;
    font-size: .01px;
    text-indent: -1000px
}

.detail--vacancy__item:hover .link-arrows {
    color: var(--yellow-text-1)
}

.detail--vacancy__item:hover .link-arrows::after {
    background-image: url('data:image/svg+xml,<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5 20L35 20" stroke="%23ffb71b" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /><path d="M30 25L35 20L30 15" stroke="%23ffb71b" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /></svg>')
}

.detail--vacancy__item--title {
    font-weight: 500;
    font-size: 20px;
    line-height: 1.5;
    text-transform: uppercase;
    margin-bottom: 32px
}

@media (min-width: 1024px) {
    .detail--vacancy__item--title {
        font-size: 24px
    }
}

.detail--vacancy__item--sity {
    font-weight: 500;
    line-height: 1.5;
    color: #59564c;
    margin-bottom: 32px
}

@media (min-width: 0)and (max-width: 767.9px) {
    .detail--vacancy__item--sity {
        max-width: 262px
    }
}

.detail--vacancy__item--data-list {
    position: relative;
    padding-bottom: 52px
}

.detail--vacancy__item--data-list li {
    font-weight: 500;
    font-size: 16px;
    line-height: 1.5;
    color: rgba(0, 0, 0, .5);
    position: relative
}

.detail--vacancy__item--data-list li b {
    font-weight: 700;
    color: #59564c
}

.detail--vacancy__item--link {
    padding-top: 36px;
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: auto;
    font-size: 14px
}

.detail--vacancy__item--link .link-arrows {
    font-weight: 500;
    line-height: 1.5;
    text-transform: uppercase;
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 14px
}

.detail--vacancy__item--link::before {
    content: "";
    position: absolute;
    height: 1px;
    left: 0;
    right: 0;
    top: 0;
    background-image: url('data:image/svg+xml,<svg width="448" height="2" viewBox="0 0 448 2" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1H448" stroke="url(%23paint0_linear_2241_15458)" /><defs><linearGradient id="paint0_linear_2241_15458" x1="0" y1="1.5" x2="448" y2="1.5" gradientUnits="userSpaceOnUse"><stop stop-color="%23FAF6EE" /><stop offset="0.225" stop-color="%23D6CEBE" /><stop offset="0.495" stop-color="%23C5BBA7" /><stop offset="0.785" stop-color="%23D2C9B8" /><stop offset="1" stop-color="%23FAF6EE" /></linearGradient></defs></svg>');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.vacancies__slider--inner {
    max-width: 1920px;
    margin: 0 auto;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

@media (min-width: 319px) {
    .vacancies__slider--inner {
        padding-left: var(--paddingContainerSmall);
        padding-right: var(--paddingContainerSmall)
    }
}

@media (min-width: 1024px) {
    .vacancies__slider--inner {
        padding: 0
    }
}

.vacancies__slider--inner .swiper-button-next,
.vacancies__slider--inner .swiper-button-prev {
    top: 50%
}

.vacancies__slider--inner .swiper-pagination {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2
}

@media (min-width: 1200px) {
    .vacancies__slider--inner .swiper-pagination {
        display: none
    }
}

.vacancies__slider-1__slide {
    position: relative;
    padding-bottom: 51%
}

.vacancies__slider-1__slide .swiper-wrapper {
    padding: 25px 0
}

@media (min-width: 319px) {
    .vacancies__slider-1__slide {
        min-height: 518px
    }
}

@media (min-width: 768px) {
    .vacancies__slider-1__slide {
        min-height: 320px
    }
}

@media (max-width: 576.1px) {
    .vacancies__slider-1__slide {
        border-radius: 12px;
        overflow: hidden
    }
}

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

.list-terms__text-top, .cooperation__contact--ofisse-r  > div > div {
    line-height: 1.5;
    text-transform: uppercase
}

@media (min-width: 319px) {
    .list-terms__text-top, .cooperation__contact--ofisse-r  > div > div {
        font-size: 14px;
        margin-bottom: 20px
    }
}

@media (min-width: 768px) {
    .list-terms__text-top, .cooperation__contact--ofisse-r  > div > div {
        font-size: 16px;
        margin-bottom: 32px
    }
}

@media (min-width: 1024px) {
    .list-terms__text-top, .cooperation__contact--ofisse-r  > div > div {
        font-size: 20px
    }
}

@media (max-width: 600px) {
    .vacancies__tab-1 .vacancies__row_detail {
        margin-bottom: 52px
    }
}

@media (max-width: 1199.9px) {
    .vacancies__slider-1__slider {
        padding: 32px 0
    }

    .vacancies__slider--inner {
        padding-bottom: 40px
    }
}

@media (min-width: 0) {
    .vacancies__tab-0 .vacancies__row_detail {
        margin-bottom: 66px
    }
}

@media (min-width: 768px)and (max-width: 1024px) {

    .vacancies__tab-2 .vacancies__contact--ofisse-l,
    .vacancies__tab-1 .vacancies__contact--ofisse-l {
        margin-bottom: 0px
    }

    .vacancies__tab-2 .vacancies__slider-1__slide,
    .vacancies__tab-1 .vacancies__slider-1__slide {
        position: relative;
        padding-bottom: 46%
    }
}

@media (min-width: 0) {

    .vacancies__tab-2 .vacancies__row_detail,
    .vacancies__tab-1 .vacancies__row_detail {
        margin-bottom: 30px
    }
}

@media (min-width: 768px) {

    .vacancies__tab-2 .vacancies__row_detail,
    .vacancies__tab-1 .vacancies__row_detail {
        margin-bottom: 35px
    }
}

@media (min-width: 1200px) {

    .vacancies__tab-2 .vacancies__row_detail,
    .vacancies__tab-1 .vacancies__row_detail {
        margin-bottom: 126px
    }
}

.cooperation {
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto
}

.cooperation__hero {
    position: relative;
    z-index: 2;
    color: #fff;
    max-height: 1080px
}

@media (min-width: 0) {
    .cooperation__hero {
        padding-top: 0;
        padding-bottom: 427px
    }
}

@media (min-width: 768px) {
    .cooperation__hero {
        padding-bottom: 58px
    }
}

@media (min-width: 1200px) {
    .cooperation__hero {
        padding-top: 120px;
        padding-bottom: 390px
    }
}

.hero-bg_in {
    position: relative
}

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

.cooperation--title {
    max-width: 684px;
    margin-bottom: 11px
}

@media (min-width: 768px) {
    .cooperation--title {
        margin-bottom: 13px
    }
}

@media (min-width: 0) {

    .cooperation--title h1,
    .cooperation--title .h1 {
        font-size: 43px
    }
}

@media (max-width: 375px) {

    .cooperation--title h1,
    .cooperation--title .h1 {
        font-size: clamp(2.5rem, -1.864rem + 21.82vw, 3.25rem)
    }
}

@media (min-width: 576px) {

    .cooperation--title h1,
    .cooperation--title .h1 {
        font-size: 79px
    }
}

@media (min-width: 768px) {

    .cooperation--title h1,
    .cooperation--title .h1 {
        font-size: 100px
    }
}

@media (min-width: 0) {
    .cooperation__hero--sub-title {
        text-transform: uppercase;
        font-weight: 400;
        font-size: 14px;
        line-height: 1.5
    }
}

@media (min-width: 768px) {
    .cooperation__hero--sub-title {
        max-width: 578px;
        font-size: 18px
    }
}

@media (min-width: 1024px) {
    .cooperation__hero--sub-title {
        letter-spacing: .04em;
        font-size: 16px;
        max-width: 727px
    }
}

@media (min-width: 1400px) {
    .cooperation__hero--sub-title {
        font-size: 18px
    }
}

.cooperation__tabs_wrapper {
    position: relative;
    overflow: hidden
}

@media (min-width: 0) {
    .cooperation__tabs_wrapper {
        padding-bottom: 50px
    }
}

@media (min-width: 1200px) {
    .cooperation__tabs_wrapper {
        padding-bottom: 182px
    }
}

.cooperation__tab-nav {
    position: absolute;
    top: 52px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 3;
    width: 100%
}

@media (min-width: 319px) {
    .cooperation__tab-nav {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding-left: var(--paddingContainerSmall);
        padding-right: var(--paddingContainerSmall)
    }
}

@media (min-width: 768px) {
    .cooperation__tab-nav {
        padding-left: var(--paddingContainerBig);
        padding-right: var(--paddingContainerBig)
    }
}

@media (min-width: 1200.1px) {
    .cooperation__tab-nav {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media (max-width: 1200.1px) {
    .cooperation__tab-nav {
        position: static;
        left: initial;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        padding-top: 60px;
        padding-bottom: 36px
    }
}

@media (max-width: 576px) {
    .cooperation__tab-nav {
        padding-top: 32px;
        padding-bottom: 41px
    }
}

.cooperation__tab--title {
    margin-bottom: 59px
}

@media (min-width: 0) {

    .cooperation__tab--title h2,
    .cooperation__tab--title .h2 {
        margin-bottom: 0;
        font-size: 44px
    }
}

@media (min-width: 576px) {

    .cooperation__tab--title h2,
    .cooperation__tab--title .h2 {
        font-size: 50px
    }
}

@media (min-width: 1024px) {

    .cooperation__tab--title h2,
    .cooperation__tab--title .h2 {
        font-size: 97px
    }
}

@media (max-width: 1024.1px) {

    .cooperation__tab--title h2 .hid-1024,
    .cooperation__tab--title .h2 .hid-1024 {
        display: none
    }
}

.bg-tabs-top-right {
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1
}

@media (max-width: 1199.9px) {
    .bg-tabs-top-right {
        display: none
    }
}

.bg-tabs-top-left {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1
}

@media (max-width: 1199.9px) {
    .bg-tabs-top-left {
        display: none
    }
}

@media (min-width: 0) {
    .cooperation__tab {
        padding-top: 0
    }
}

@media (min-width: 1200.1px) {
    .cooperation__tab {
        padding-top: 194px
    }
}

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

.cooperation__region--mainland {
    margin-bottom: 52px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 32px
}

@media (min-width: 700px) {
    .cooperation__region--mainland {
        margin-bottom: 80px;
        gap: 23px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

@media (min-width: 1024.1px) {
    .cooperation__region--mainland {
        gap: 100px;
        margin-bottom: 143px
    }
}

.cooperation__region--mainland .cooperation__row_detail_address-region--img {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 48%;
    flex: 0 0 48%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media (min-width: 576px) {
    .cooperation__region--mainland .cooperation__row_detail_address-region--img {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding-top: 0
    }

    .cooperation__region--mainland .cooperation__row_detail_address-region--img img {
        margin-top: -36px
    }
}

@media (min-width: 1024px) {
    .cooperation__region--mainland .cooperation__row_detail_address-region--img {
        padding-top: 62px
    }
}

@media (min-width: 1200px) {
    .cooperation__region--mainland .cooperation__row_detail_address-region--img {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 43%;
        flex: 0 0 43%
    }
}

.cooperation__row_detail_address-region--content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 466px
}

.cooperation__contact--ofisse-title {
    font-family: var(--font-family);
    font-weight: 600;
    line-height: 1.5;
    text-transform: uppercase;
    letter-spacing: .04em;
    font-size: 20px;
    margin-bottom: 12px
}

@media (min-width: 0)and (max-width: 767.9px) {
    .cooperation__contact--ofisse-title {
        font-size: 16px
    }
}

.cooperation__contact--ofisse-address {
    font-style: normal;
    line-height: 1.5;
    font-size: 18px;
    padding-right: 61px
}

@media (min-width: 0) {
    .cooperation__contact--ofisse-address {
        margin-bottom: 24px
    }
}

@media (min-width: 576px) {
    .cooperation__contact--ofisse-address {
        padding-right: 0
    }
}

@media (min-width: 768px) {
    .cooperation__contact--ofisse-address {
        margin-bottom: 34px
    }

    .cooperation__contact--ofisse-address a {
        display: block
    }
}

.cooperation__contact--ofisse-user--inner {
    margin-bottom: 32px
}

.cooperation__contact--ofisse-user--inner:last-child {
    margin-bottom: 0
}

.cooperation__contact--ofisse-user {
    font-weight: 400;
    font-size: 18px;
    line-height: 1.5;
    margin-bottom: 12px
}

.region__link__inner {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 3px 7px
}

.region__link__inner .maill-link {
    width: 100%
}

.cooperation__contact--ofisse-user--name {
    display: block
}

.cooperation__row_detail_address-region--img {
    position: relative
}

@media (max-width: 576px) {
    .cooperation__row_detail_address-region--img {
        padding-top: 27px
    }
}

.cooperation__region--label {
    position: absolute;
    top: 0;
    left: 0
}

@media (min-width: 576px) {
    .cooperation__region--mainland .cooperation__region--label {
        top: -46px;
        left: 0
    }
}

@media (min-width: 1024.1px) {
    .cooperation__region--mainland .cooperation__region--label {
        top: 0;
        left: var(--paddingContainerBig)
    }
}

.cooperation__contact--ofisse-user--inner a.maill-link {
    text-decoration: none
}

.cooperation__contact--ofisse-user--inner a.maill-link span {
    border-color: rgba(0, 0, 0, 0);
    display: inline-block
}

.cooperation__contact--ofisse-user--inner a.maill-link:hover span {
    border-color: currentColor
}

.cooperation__region--label {
    font-weight: 500;
    line-height: 1.5;
    text-transform: uppercase;
    color: #59564c;
    font-size: 20px
}

@media (min-width: 1024.1px) {
    .cooperation__region--label {
        font-size: 24px
    }
}

.cooperation__region--dnr,
.cooperation__region--crim {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 48%;
    flex: 0 0 48%
}

.cooperation__region--dnr .cooperation__row_detail_address-region--img,
.cooperation__region--crim .cooperation__row_detail_address-region--img {
    padding-top: 44px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-bottom: 38px
}

.cooperation__region--dnr .cooperation__row_detail_address-region--img img,
.cooperation__region--dnr .cooperation__row_detail_address-region--img svg,
.cooperation__region--crim .cooperation__row_detail_address-region--img img,
.cooperation__region--crim .cooperation__row_detail_address-region--img svg {
    height: 240px
}

@media (min-width: 768px) {

    .cooperation__region--dnr .cooperation__row_detail_address-region--img,
    .cooperation__region--crim .cooperation__row_detail_address-region--img {
        margin-bottom: 53px
    }
}

@media (max-width: 767.9px) {

    .cooperation__region--dnr .cooperation__row_detail_address-region--img,
    .cooperation__region--crim .cooperation__row_detail_address-region--img {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.cooperation__region--dnr .cooperation__contact--ofisse-title,
.cooperation__region--crim .cooperation__contact--ofisse-title {
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: .04em
}

@media (min-width: 0) {

    .cooperation__region--dnr .cooperation__contact--ofisse-title,
    .cooperation__region--crim .cooperation__contact--ofisse-title {
        font-size: 16px
    }
}

@media (min-width: 576px) {

    .cooperation__region--dnr .cooperation__contact--ofisse-title,
    .cooperation__region--crim .cooperation__contact--ofisse-title {
        font-size: 14px;
        margin-bottom: 22px
    }
}

@media (min-width: 1200px) {
    .cooperation__region--dnr {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%
    }

    .cooperation__region--crim {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 39%;
        flex: 0 0 39%
    }
}

.cooperation__region--bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 52px
}

@media (min-width: 700px) {
    .cooperation__region--bottom {
        gap: 23px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

@media (min-width: 1024.1px) {
    .cooperation__region--bottom {
        gap: 100px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media (min-width: 700px)and (max-width: 1024px) {
    .cooperation__region--dnr {
        padding-left: clamp(.938rem, -0.179rem + 5.58vw, 2.5rem)
    }
}

@media (min-width: 700px) {
    .cooperation__region--crim {
        padding-left: 0
    }
}

@media (min-width: 1200.1px) {
    .cooperation__region--crim {
        padding-left: var(--paddingContainerBig)
    }
}

.cooperation .bg-right-center {
    position: absolute;
    top: 619px;
    right: 0;
    z-index: -1
}

@media (max-width: 1199.9px) {
    .cooperation .bg-right-center {
        display: none
    }
}

.cooperation__tab-2 .cooperation__tab--title,
.cooperation__tab-1 .cooperation__tab--title {
    margin-bottom: 12px
}

@media (min-width: 0) {

    .cooperation__tab-2 .cooperation__tab--title,
    .cooperation__tab-1 .cooperation__tab--title {
        margin-bottom: 28px
    }
}

@media (min-width: 768px) {

    .cooperation__tab-2 .cooperation__tab--title,
    .cooperation__tab-1 .cooperation__tab--title {
        margin-bottom: 18px
    }
}

.cooperation__tab-2 .cooperation__contact--ofisse-title,
.cooperation__tab-1 .cooperation__contact--ofisse-title {
    font-size: 14px;
    color: #b4b4b4;
    letter-spacing: normal;
    margin-bottom: 16px
}

@media (min-width: 768px) {

    .cooperation__tab-2 .cooperation__contact--ofisse-title,
    .cooperation__tab-1 .cooperation__contact--ofisse-title {
        font-size: 17px
    }
}

@media (min-width: 0) {

    .cooperation__tab-2 .cooperation__contact--ofisse--list,
    .cooperation__tab-1 .cooperation__contact--ofisse--list {
        max-width: 400px
    }
}

@media (min-width: 768px) {

    .cooperation__tab-2 .cooperation__contact--ofisse--list,
    .cooperation__tab-1 .cooperation__contact--ofisse--list {
        max-width: initial
    }
}

.cooperation__tab-2 .cooperation__row_detail,
.cooperation__tab-1 .cooperation__row_detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media (min-width: 0) {

    .cooperation__tab-2 .cooperation__row_detail,
    .cooperation__tab-1 .cooperation__row_detail {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 52px
    }
}

@media (min-width: 1200px) {

    .cooperation__tab-2 .cooperation__row_detail,
    .cooperation__tab-1 .cooperation__row_detail {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        gap: 24px
    }
}

.cooperation__tab-2 .cooperation__row_detail .cooperation__contact--ofisse-l,
.cooperation__tab-1 .cooperation__row_detail .cooperation__contact--ofisse-l {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%
}

@media (min-width: 1200px) {

    .cooperation__tab-2 .cooperation__contact--ofisse-l,
    .cooperation__tab-1 .cooperation__contact--ofisse-l {
        padding-left: 100px
    }
}

.where .page-bg_top {
    display: block
}

@media (min-width: 1200px) {
    .where .bg-mob {
        display: none
    }
}

@media (max-width: 1199.9px) {
    .where .bg-descop {
        display: none
    }
}

.where__map--filter-top {
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media (min-width: 0) {
    .where__map--filter-top {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media (min-width: 768px)and (max-width: 1024px) {
    .where__map--filter-top {
        padding-left: var(--paddingContainerSmall);
        padding-right: var(--paddingContainerSmall)
    }
}

@media (min-width: 1024.1px) {
    .where__map--filter-top {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        gap: 2px
    }
}

.map__wrapper {
    overflow: hidden;
    position: relative
}

@media (min-width: 0) {
    .map__wrapper {
        height: 236px
    }
}

@media (min-width: 768px) {
    .map__wrapper {
        height: 340px
    }
}

@media (min-width: 1024.1px) {
    .map__wrapper {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 1045px;
        flex: 1 1 1045px;
        height: 600px
    }
}

.map__wrapper #map {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

[class*=copyrights-pane] {
    display: none !important
}

[class*=ground-pane] {
    -webkit-filter: grayscale(0.5);
    filter: grayscale(0.5)
}

.where__title {
    margin-bottom: 52px
}

@media (min-width: 0) {
    .where__title {
        margin-bottom: 20px
    }
}

@media (min-width: 768px) {
    .where__title {
        margin-bottom: 15px
    }
}

@media (min-width: 1024px) {
    .where__title {
        margin-bottom: 40px
    }
}

@media (min-width: 1024px) {
    .where__title {
        margin-bottom: 52px
    }
}

.where__title h1,
.where__title .h1 {
    color: #101010
}

@media (min-width: 0) {

    .where__title h1,
    .where__title .h1 {
        font-weight: 400;
        font-size: 50px;
        text-align: center
    }
}

@media (min-width: 375px) {

    .where__title h1,
    .where__title .h1 {
        font-size: 59px
    }
}

@media (min-width: 768px) {

    .where__title h1,
    .where__title .h1 {
        font-size: 100px;
        text-align: left
    }
}

@media (min-width: 1200px) {

    .where__title h1,
    .where__title .h1 {
        font-size: 100px;
        text-align: center
    }
}

.where__list-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (min-width: 0) {
    .where__list-nav {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        gap: 8px;
        margin-bottom: 52px
    }
}

@media (min-width: 600px) {
    .where__list-nav {
        gap: 10px 16px;
        margin-bottom: 20px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media (min-width: 1024.1px) {
    .where__list-nav {
        margin-bottom: 52px
    }
}

.where__list--item {
    border: 1px solid #b4b4b4;
    border-radius: 100px;
    line-height: 1.5;
    text-transform: uppercase;
    color: #b4b4b4;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

@media (min-width: 0) {
    .where__list--item {
        font-size: 14px;
        font-weight: 600;
        padding: 4px 32px
    }
}

@media (min-width: 1024.1px) {
    .where__list--item {
        font-size: 20px;
        font-weight: 500;
        padding: 6px 40px
    }
}

.where__list--item:hover {
    border-color: #000
}

.where__list--item._active {
    background-color: #000;
    border-color: #000;
    color: #fff
}

.where__map-link-list {
    background-image: url(../img/design/where__map-bg.png);
    color: #b4b4b4;
    padding: 20px clamp(1rem, -4.787rem + 9.04vw, 3.125rem)
}

@media (min-width: 0) {
    .where__map-link-list {
        max-height: 600px
    }
}

@media (min-width: 1024.1px) {
    .where__map-link-list {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 650px;
        flex: 0 1 650px
    }
}

.where__map-link-list_content {
    overflow-y: auto;
    padding-right: clamp(1rem, -4.787rem + 9.04vw, 3.125rem);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px
}

@media (min-width: 0) {
    .where__map-link-list_content {
        max-height: 560px
    }
}

@media (min-width: 1024.1px) {
    .where__map-link-list_content {
        max-height: 550px
    }
}

.where__map-link-list_content::-webkit-scrollbar {
    width: 3px
}

.where__map-link-list_content::-webkit-scrollbar-track {
    background: rgba(154, 173, 191, .3)
}

.where__map-link-list_content::-webkit-scrollbar-thumb {
    background-color: #b4b4b4;
    border-radius: 20px;
    background-color: #b4b4b4;
    cursor: -webkit-grab;
    cursor: grab
}

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

@media (min-width: 0) {
    .where__map--filter {
        margin-bottom: 80px
    }
}

@media (min-width: 768px) {
    .where__map--filter {
        margin-bottom: 70px
    }
}

@media (min-width: 1024.1px) {
    .where__map--filter {
        margin-bottom: 100px
    }
}

.where__map--item-title {
    font-weight: 600;
    font-size: 16px;
    line-height: 1.5;
    text-transform: uppercase;
    color: #b4b4b4
}

.where__map--item-list {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%
}

.where__map--item-list--item {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4px;
    padding-bottom: 20px;
    padding-top: 20px;
    position: relative;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    padding-right: 30px;
    cursor: pointer;
    padding-left: 21px
}

@media (min-width: 576px) {
    .where__map--item-list--item {
        padding-left: 40px
    }
}

.where__map--item-list--item:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    background: #b4b4b4;
    background: -webkit-gradient(linear, left top, right top, from(rgba(180, 180, 180, 0)), color-stop(22%, rgb(180, 180, 180)), color-stop(50%, rgb(180, 180, 180)), color-stop(79%, rgb(180, 180, 180)), to(rgba(180, 180, 180, 0)));
    background: linear-gradient(90deg, rgba(180, 180, 180, 0) 0%, rgb(180, 180, 180) 22%, rgb(180, 180, 180) 50%, rgb(180, 180, 180) 79%, rgba(180, 180, 180, 0) 100%)
}

.where__map--item-list--item::after {
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    width: 24px;
    height: 24px;
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.8 0C11.4912 0 9.6 1.8864 9.6 4.18824C9.6 4.52424 9.6408 4.85064 9.71664 5.16431L8.19984 5.86871L0.85272 2.45592C0.775242 2.41989 0.690962 2.40082 0.60552 2.4C0.526264 2.39927 0.447648 2.41425 0.374214 2.44408C0.300781 2.4739 0.233984 2.51798 0.177683 2.57377C0.121382 2.62956 0.0766919 2.69595 0.0461945 2.7691C0.0156971 2.84226 -3.35381e-06 2.92074 5.37368e-10 3L5.37369e-10 19.8696C1.91882e-05 19.9839 0.0327178 20.0959 0.0942445 20.1923C0.155771 20.2887 0.243563 20.3655 0.34728 20.4137L7.94712 23.9441C8.02798 23.9817 8.11619 24.0008 8.20536 24C8.29095 23.9993 8.3754 23.9803 8.45304 23.9443L15.8002 20.5313L23.1473 23.9441C23.2387 23.9865 23.3393 24.0053 23.4399 23.9985C23.5405 23.9918 23.6378 23.9599 23.7227 23.9057C23.8077 23.8515 23.8777 23.7767 23.9261 23.6883C23.9746 23.5999 24 23.5008 24 23.4V6.53039C24 6.41604 23.9673 6.30407 23.9058 6.20768C23.8442 6.11128 23.7564 6.03448 23.6527 5.98631L17.9062 3.3168C17.5008 1.42896 15.809 0 13.8 0ZM13.8 1.96272C15.0432 1.96272 16.0318 2.94864 16.0318 4.18824C16.0318 5.42783 15.043 6.41351 13.8 6.41351C12.5568 6.41351 11.5682 5.42783 11.5682 4.18824C11.5682 2.94864 12.557 1.96272 13.8 1.96272ZM1.2 3.94032L7.746 6.98111L7.83504 22.5691L1.2 19.4861V3.94032ZM17.9695 4.6692L22.8 6.91319V22.4597L16.1573 19.374L16.0954 8.56967L17.5298 6.12887C17.5949 6.01127 17.646 5.88623 17.6906 5.75807C17.8326 5.40946 17.9264 5.04313 17.9695 4.6692ZM10.1681 6.27791C10.2305 6.38495 10.2955 6.48983 10.3668 6.59063L13.2876 11.639C13.6966 12.1735 13.9685 12.072 14.3086 11.6109L15.3826 9.78335L15.4373 19.3761L8.55504 22.5737L8.46648 7.06823L10.1681 6.27791Z" fill="%23B4B4B4" /></svg>')
}

@media (min-width: 768px)and (max-width: 1024.1px) {
    .where__map--item-list--item::after {
        width: 40px;
        height: 40px;
        background-size: contain
    }
}

.where__map--item-list--item:hover {
    color: var(--yellow-text-1)
}

.where__map--item-list--item:hover::after {
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.8 0C11.4912 0 9.6 1.8864 9.6 4.18824C9.6 4.52424 9.6408 4.85064 9.71664 5.16431L8.19984 5.86871L0.85272 2.45592C0.775242 2.41989 0.690962 2.40082 0.60552 2.4C0.526264 2.39927 0.447648 2.41425 0.374214 2.44408C0.300781 2.4739 0.233984 2.51798 0.177683 2.57377C0.121382 2.62956 0.0766919 2.69595 0.0461945 2.7691C0.0156971 2.84226 -3.35381e-06 2.92074 5.37368e-10 3L5.37369e-10 19.8696C1.91882e-05 19.9839 0.0327178 20.0959 0.0942445 20.1923C0.155771 20.2887 0.243563 20.3655 0.34728 20.4137L7.94712 23.9441C8.02798 23.9817 8.11619 24.0008 8.20536 24C8.29095 23.9993 8.3754 23.9803 8.45304 23.9443L15.8002 20.5313L23.1473 23.9441C23.2387 23.9865 23.3393 24.0053 23.4399 23.9985C23.5405 23.9918 23.6378 23.9599 23.7227 23.9057C23.8077 23.8515 23.8777 23.7767 23.9261 23.6883C23.9746 23.5999 24 23.5008 24 23.4V6.53039C24 6.41604 23.9673 6.30407 23.9058 6.20768C23.8442 6.11128 23.7564 6.03448 23.6527 5.98631L17.9062 3.3168C17.5008 1.42896 15.809 0 13.8 0ZM13.8 1.96272C15.0432 1.96272 16.0318 2.94864 16.0318 4.18824C16.0318 5.42783 15.043 6.41351 13.8 6.41351C12.5568 6.41351 11.5682 5.42783 11.5682 4.18824C11.5682 2.94864 12.557 1.96272 13.8 1.96272ZM1.2 3.94032L7.746 6.98111L7.83504 22.5691L1.2 19.4861V3.94032ZM17.9695 4.6692L22.8 6.91319V22.4597L16.1573 19.374L16.0954 8.56967L17.5298 6.12887C17.5949 6.01127 17.646 5.88623 17.6906 5.75807C17.8326 5.40946 17.9264 5.04313 17.9695 4.6692ZM10.1681 6.27791C10.2305 6.38495 10.2955 6.48983 10.3668 6.59063L13.2876 11.639C13.6966 12.1735 13.9685 12.072 14.3086 11.6109L15.3826 9.78335L15.4373 19.3761L8.55504 22.5737L8.46648 7.06823L10.1681 6.27791Z" fill="%23FFB71B" /></svg>')
}

.where__map--item-list--item-tel a {
    border-bottom: 1px solid rgba(0, 0, 0, 0);
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    display: inline-block
}

.where__map--item-list--item-tel a:hover {
    border-bottom-color: currentColor
}

.where__map--item-list--item-count {
    position: absolute;
    top: 20px;
    left: 0;
    line-height: 1.5;
    color: #fff
}

.where__map--list-item:last-child .where__map--item-list .where__map--item-list--item:last-child:before {
    display: none
}

.where__displays--row-line-sity {
    position: relative
}

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

.where__displays--row-line {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    max-width: 1920px;
    margin: 0 auto
}

.where__displays--right--row {
    padding-left: var(--paddingContainerSmall);
    position: relative
}

@media (min-width: 0) {
    .where__displays--right--row {
        padding-bottom: 60px;
        margin-bottom: 40px
    }
}

@media (min-width: 768px) {
    .where__displays--right--row {
        padding-left: clamp(2.5rem, -5.929rem + 13.17vw, 9.875rem)
    }
}

@media (min-width: 1200px) {
    .where__displays--right--row {
        padding-bottom: 100px;
        margin-bottom: 103px;
        padding-left: 175px
    }
}

.where__displays--right--row::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    max-height: 800px;
    height: 100%;
    background: #b4b4b4;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(180, 180, 180, 0)), color-stop(22%, rgb(180, 180, 180)), color-stop(50%, rgb(180, 180, 180)), color-stop(79%, rgb(180, 180, 180)), to(rgba(180, 180, 180, 0)));
    background: linear-gradient(0deg, rgba(180, 180, 180, 0) 0%, rgb(180, 180, 180) 22%, rgb(180, 180, 180) 50%, rgb(180, 180, 180) 79%, rgba(180, 180, 180, 0) 100%)
}

.where__displays--left {
    padding-left: 40px;
    position: relative;
    padding-right: clamp(2.5rem, -5.929rem + 13.17vw, 9.875rem);
    position: sticky;
    top: 151px;
    padding-bottom: 180px
}

@media (max-width: 1024.1px) {
    .where__displays--left {
        display: none
    }
}

.where__displays--left--list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 20px
}

.where__displays--left--link {
    font-weight: 600;
    font-size: 14px;
    line-height: 1.5;
    text-transform: uppercase;
    color: #000;
    opacity: .5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.where__displays--left--link:hover {
    color: var(--yellow-text-1);
    opacity: 1
}

.where__displays--left--link:before {
    content: "";
    position: absolute;
    top: 9px;
    left: -26px;
    width: 0;
    height: 1px;
    background-color: rgba(0, 0, 0, 0);
    display: block;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

.where__displays--left--link._active {
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
    border-color: rgba(0, 0, 0, 0);
    background-color: rgba(0, 0, 0, 0);
    color: #e19f00;
    gap: 10px
}

.where__displays--left--link._active:before {
    width: 20px;
    background-color: #e19f00
}

.where__displays--right {
    width: 100%;
    padding-right: var(--paddingContainerSmall);
    position: relative
}

@media (min-width: 768px)and (max-width: 1199.9px) {
    .where__displays--right {
        margin-bottom: -42px
    }
}

.where__displays--right--title {
    font-family: var(--second-family);
    font-weight: 400;
    line-height: 1;
    text-transform: uppercase;
    color: #000;
    margin-bottom: 60px
}

@media (min-width: 0) {
    .where__displays--right--title {
        font-size: 44px;
        margin-bottom: 4px
    }
}

@media (min-width: 768px) {
    .where__displays--right--title {
        margin-bottom: 13px
    }
}

@media (min-width: 1200px) {
    .where__displays--right--title {
        font-size: 100px;
        margin-bottom: 43px
    }
}

@media (min-width: 0) {
    .where__displays--right--serch {
        margin-bottom: 36px
    }
}

@media (min-width: 1200px) {
    .where__displays--right--serch {
        margin-bottom: 66px
    }
}

.dropdown {
    position: relative
}

.dropdown__button {
    position: relative;
    display: block;
    width: 100%;
    text-align: left;
    background: rgba(0, 0, 0, 0);
    border-bottom: 2px solid #59564c;
    border-radius: 0;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 0;
    padding-right: 35px;
    font-weight: 600;
    font-size: 12px;
    line-height: 1.5;
    text-transform: uppercase;
    color: rgba(89, 86, 76, .5);
    cursor: pointer
}

.dropdown__button:focus,
.dropdown__button--active {
    outline: none
}

.dropdown__button::after {
    content: "";
    position: absolute;
    width: 18px;
    height: 11px;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-image: url('data:image/svg+xml,<svg width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.0025 4.94766L10.6025 0.347656L11.6562 1.40141L6.0025 7.05516L0.348749 1.40141L1.4025 0.347656L6.0025 4.94766Z" fill="%2359564C" /></svg>');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    pointer-events: none
}

.dropdown__button--open::after {
    -webkit-transform: rotate(180deg) translateY(10px);
    -ms-transform: rotate(180deg) translateY(10px);
    transform: rotate(180deg) translateY(10px)
}

.dropdown__list {
    display: none;
    position: absolute;
    left: 0;
    top: calc(100% + 13px);
    margin: 0;
    list-style-type: none;
    background: #fff;
    overflow: hidden;
    border-radius: 4px;
    width: 100%;
    padding: 24px 20px;
    z-index: 1
}

@media (min-width: 576px) {
    .dropdown__list {
        padding: 20px 16px
    }
}

.dropdown__list--visible {
    display: block
}

.dropdown__list-item {
    margin: 0;
    padding: 0;
    border-bottom: 0px;
    cursor: pointer;
    padding-bottom: 24px;
    font-weight: 500;
    font-size: 14px;
    line-height: 1;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

@media (min-width: 576px) {
    .dropdown__list-item {
        padding-bottom: 20px
    }
}

.dropdown__list-item:first-child {
    border-radius: 0
}

.dropdown__list-item:last-child {
    border-radius: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0);
    padding-bottom: 0
}

.dropdown__list-item:hover {
    color: var(--yellow-text-1)
}

.dropdown__input-hidden {
    display: none
}

.form_row {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (min-width: 0) {
    .form_row {
        gap: 23px
    }
}

@media (min-width: 1200px) {
    .form_row {
        gap: 40px
    }
}

@media (min-width: 0) {
    .form_row > .form-group {
        width: 100%
    }
}

@media (min-width: 1200px) {
    .form_row .form-group {
        max-width: 200px;
        width: 100%
    }
}

.form_submit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 4px
}

@media (min-width: 0px)and (max-width: 1199.9px) {
    .form_submit {
        width: 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        max-width: 343px;
        justify-content: center;
        margin: 0 auto;
        gap: 20px
    }
}

.form_submit .btn {
    font-weight: 500;
    font-size: 14px;
    line-height: 1.4;
    cursor: pointer;
    padding: 5px 52px;
    width: 100%
}

.where__displays-partners-list--sity {
    text-transform: uppercase;
    color: #59564c
}

@media (min-width: 0) {
    .where__displays-partners-list--sity {
        font-weight: 500;
        font-size: 20px;
        line-height: 1.5;
        margin-bottom: 32px
    }
}

@media (min-width: 1200px) {
    .where__displays-partners-list--sity {
        font-size: 28px;
        margin-bottom: 55px
    }
}

.where__displays-partners-list--item-img {
    margin-bottom: 12px
}

.where__displays-partners-list--item-name {
    padding-bottom: 12px;
    margin-bottom: 12px;
    position: relative;
    font-weight: 500;
    font-size: 20px;
    color: #000
}

.where__displays-partners-list--item-name::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100px;
    height: 1px;
    background: -webkit-gradient(linear, left top, right top, from(rgba(250, 246, 238, 0)), color-stop(22%, rgb(204, 194, 176)), color-stop(48%, rgb(197, 187, 167)), color-stop(75%, rgb(210, 201, 184)), to(rgba(250, 246, 238, 0)));
    background: linear-gradient(90deg, rgba(250, 246, 238, 0) 0%, rgb(204, 194, 176) 22%, rgb(197, 187, 167) 48%, rgb(210, 201, 184) 75%, rgba(250, 246, 238, 0) 100%)
}

.where__displays-partners-list--item-tel {
    margin-bottom: 4px
}

.where__displays-partners-list--item-tel a {
    font-size: 14px;
    color: #000;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

.where__displays-partners-list--item-tel a:hover {
    color: var(--yellow-text-1)
}

.where__displays-partners-list--item-linl a {
    font-size: 14px;
    text-decoration: underline;
    color: #000;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

.where__displays-partners-list--item-linl a:hover {
    color: var(--yellow-text-1)
}

.where__displays-partners-list {
    gap: 52x
}

@media (min-width: 0) {
    .where__displays-partners-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 56px
    }
}

@media (min-width: 600px) {
    .where__displays-partners-list {
        display: grid;
        gap: 53px 20px;
        grid-template-columns: 1fr 1fr
    }
}

@media (min-width: 1024.1px) {
    .where__displays-partners-list {
        gap: 87px 140px;
        grid-template-columns: 1fr 1fr 1fr
    }
}

@media (max-width: 1199.9px) {
    .vacancies__bg-top {
        display: none
    }
}

@media (min-width: 600px) {
    .branch__breadcrumbs {
        display: none
    }
}

.branch__hero--inner {
    overflow: hidden;
    position: relative;
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    margin-bottom: 80px
}

@media (max-width: 1920px) {
    .branch__hero--inner {
        padding-bottom: 62%
    }
}

@media (min-width: 1200px) {
    .branch__hero--inner {
        height: 642px
    }
}

@media (max-width: 1200.1px) {
    .branch__hero--inner {
        height: 983px;
        padding-bottom: 0
    }
}

@media (max-width: 760px) {
    .branch__hero--inner {
        min-height: initial;
        height: auto;
        margin-bottom: 60px
    }
}

@media (min-width: 1919.9px) {
    .branch__hero--inner {
        height: 1200px
    }
}

.branch__hero--inner .marker_logo_offise {
    opacity: 1;
    -webkit-transition: all .1s ease 0s;
    transition: all .1s ease 0s;
    bottom: 64%
}

@media (max-width: 1199.9px) {
    .branch__hero--inner .marker_logo_offise {
        bottom: 37%;
        left: initial;
        right: 48%;
        -webkit-transform: translateX(-265px);
        -ms-transform: translateX(-265px);
        transform: translateX(-265px)
    }
}

@media (max-width: 992px) {
    .branch__hero--inner .marker_logo_offise {
        right: 50%;
        -webkit-transform: translateX(-312px);
        -ms-transform: translateX(-312px);
        transform: translateX(-312px)
    }
}

.branch__map-bg {
    position: absolute;
    top: -29px;
    left: 0;
    width: 100%;
    height: auto;
    min-width: 1220px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    opacity: .4
}

@media (max-width: 1200.1px) {
    .branch__map-bg {
        top: 335px
    }
}

@media (max-width: 760px) {
    .branch__map-bg {
        display: none
    }
}

.branch__map-bg-svg {
    position: absolute;
    top: 45px;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    -o-object-fit: cover;
    object-fit: cover;
    min-width: 1220px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    max-width: 100%;
    height: auto
}

@media (max-width: 1200.1px) {
    .branch__map-bg-svg {
        top: 379px
    }
}

@media (max-width: 992px) {
    .branch__map-bg-svg {
        left: 45%
    }
}

@media (max-width: 760px) {
    .branch__map-bg-svg {
        display: none
    }
}

.branch__hero-bg-inner .filialy_item-region__wrapper {
    width: 1220px;
    display: block
}

@media (max-width: 1200.1px) {
    .branch__hero-bg-inner .filialy_item-region__wrapper {
        position: relative;
        min-width: 1220px;
        height: 600px;
        top: 355px;
        left: 47%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        pointer-events: none;
        z-index: 4
    }
}

@media (max-width: 1199.9px) {
    .branch__hero-bg-inner .filialy_item-region__wrapper .region_8 {
        top: 59%;
        left: 86%
    }

    .branch__hero-bg-inner .filialy_item-region__wrapper .region_2 {
        top: 25%;
        left: 33%
    }

    .branch__hero-bg-inner .filialy_item-region__wrapper .region_3 {
        top: 23%;
        left: 41%
    }
}

@media (max-width: 992.1px) {
    .branch__hero-bg-inner .filialy_item-region__wrapper .region_2 {
        top: 25%;
        left: 29%
    }

    .branch__hero-bg-inner .filialy_item-region__wrapper .region_3 {
        top: 23%;
        left: 37%
    }

    .branch__hero-bg-inner .filialy_item-region__wrapper .region_8 {
        top: 66%;
        left: 81%
    }
}

@media (max-width: 768px) {
    .branch__hero-bg-inner .filialy_item-region__wrapper .region_8 {
        top: 67%;
        left: 80%
    }

    .branch__hero-bg-inner .filialy_item-region__wrapper .region_7 {
        top: 52%;
        left: 75%
    }

    .branch__hero-bg-inner .filialy_item-region__wrapper .region_6 {
        top: 44%;
        left: 66%
    }

    .branch__hero-bg-inner .filialy_item-region__wrapper .region_5 {
        top: 37%;
        left: 57%
    }

    .branch__hero-bg-inner .filialy_item-region__wrapper .region_1 {
        top: 21%;
        left: 22%
    }
}

@media (max-width: 760px) {
    .branch__hero-bg-inner .filialy_item-region__wrapper {
        display: none
    }
}

.branch__hero {
    position: relative
}

.branch__hero--header {
    position: absolute;
    padding-top: 30%;
    z-index: 3;
    pointer-events: none
}

@media (max-width: 1200.1px) {
    .branch__hero--header {
        padding-top: 200px
    }
}

@media (max-width: 760px) {
    .branch__hero--header {
        position: static;
        padding-top: 170px
    }
}

@media (max-width: 600px) {
    .branch__hero--header {
        padding-top: 104px;
        margin-top: 30px
    }
}

@media (max-width: 375px) {
    .branch__hero--header {
        padding-top: 64px
    }
}

.branch__title {
    max-width: 700px
}

@media (min-width: 0) {
    .branch__title {
        margin-bottom: 7px
    }
}

@media (min-width: 768px) {
    .branch__title {
        margin-bottom: 19px;
        padding-bottom: 23px
    }
}

@media (max-width: 1200.1px) {
    .branch__title {
        position: relative;
        width: -webkit-min-content;
        width: -moz-min-content;
        width: min-content;
        max-width: initial
    }

    .branch__title::after {
        content: "";
        position: absolute;
        height: 2px;
        left: 0;
        right: 0;
        bottom: 0;
        background-image: url('data:image/svg+xml,<svg width="448" height="2" viewBox="0 0 448 2" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1H448" stroke="url(%23paint0_linear_2241_15458)" /><defs><linearGradient id="paint0_linear_2241_15458" x1="0" y1="1.5" x2="448" y2="1.5" gradientUnits="userSpaceOnUse"><stop stop-color="%23FAF6EE" /><stop offset="0.225" stop-color="%23D6CEBE" /><stop offset="0.495" stop-color="%23C5BBA7" /><stop offset="0.785" stop-color="%23D2C9B8" /><stop offset="1" stop-color="%23FAF6EE" /></linearGradient></defs></svg>');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat
    }
}

@media (max-width: 1200.1px)and (max-width: 600px) {
    .branch__title::after {
        display: none
    }
}

@media (min-width: 0) {

    .branch__title h1,
    .branch__title .h1 {
        font-size: 54px
    }
}

@media (min-width: 375px) {

    .branch__title h1,
    .branch__title .h1 {
        font-size: 60px
    }
}

@media (min-width: 768px) {

    .branch__title h1,
    .branch__title .h1 {
        font-size: 70px
    }
}

@media (min-width: 1200px) {

    .branch__title h1,
    .branch__title .h1 {
        font-size: 100px
    }
}

.branch__sub-title {
    position: relative;
    z-index: 3;
    font-size: 20px;
    text-transform: uppercase;
    max-width: 400px
}

@media (max-width: 1200.1px) {
    .branch__sub-title {
        font-weight: 500;
        line-height: 1.4
    }
}

@media (max-width: 576px) {
    .branch__sub-title {
        font-size: 14px;
        font-weight: 400;
        line-height: 1.5
    }
}

.branch-page .branch__map-bg-svg path {
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

.branch-page .branch__map-bg-svg.path1 #path1_1,
.branch-page .branch__map-bg-svg.path1 #path1_3,
.branch-page .branch__map-bg-svg.path1 #path1_2,
.branch-page .branch__map-bg-svg.path1 #path1 {
    fill: var(--yellow-text-1);
    cursor: pointer
}

.branch-page .branch__map-bg-svg.path24 #path24 {
    fill: var(--yellow-text);
    cursor: pointer
}

.branch-page .branch__map-bg-svg.path26 #path26 {
    fill: var(--yellow-text);
    cursor: pointer
}

.branch-page .branch__map-bg-svg.path28 #path28 {
    fill: var(--yellow-text);
    cursor: pointer
}

.branch-page .branch__map-bg-svg.path30 #path30 {
    fill: var(--yellow-text);
    cursor: pointer
}

.branch-page .branch__map-bg-svg.path32 #path32 {
    fill: var(--yellow-text);
    cursor: pointer
}

.branch-page .branch__map-bg-svg.path34 #path34 {
    fill: var(--yellow-text);
    cursor: pointer
}

.branch-page .branch__map-bg-svg.path36 #path36 {
    fill: var(--yellow-text);
    cursor: pointer
}

.branch__inner {
    position: relative;
    z-index: 4;
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 159px 1fr;
    gap: 16px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

@media (min-width: 0) {
    .branch__inner {
        padding: 0 var(--paddingContainerSmall);
        margin-bottom: 50px
    }
}

@media (min-width: 768px) {
    .branch__inner {
        padding-left: var(--paddingContainerBig);
        padding-right: var(--paddingContainerBig)
    }
}

@media (min-width: 1200px) {
    .branch__inner {
        padding-bottom: 135px
    }
}

@media (min-width: 1200px) {
    .branch__inner {
        margin-top: -88px
    }
}

@media (max-width: 1199.9px) {
    .branch__inner {
        grid-template-columns: 1fr
    }
}

.branch__nav {
    max-width: 170px;
    position: sticky;
    top: 140px;
    -webkit-transform: translateX(-40px);
    -ms-transform: translateX(-40px);
    transform: translateX(-40px)
}

@media (max-width: 1199.9px) {
    .branch__nav {
        display: none
    }
}

.branch__nav ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px
}

.branch__content {
    max-width: 1247px;
    position: relative
}

@media (min-width: 1200px) {
    .branch__content:before {
        content: "";
        position: absolute;
        top: 0;
        height: 800px;
        width: 2px;
        left: -33px;
        background: #faf6ee;
        background: -webkit-gradient(linear, left top, left bottom, from(rgb(250, 246, 238)), color-stop(22%, rgb(214, 206, 190)), color-stop(50%, rgb(197, 187, 167)), color-stop(79%, rgb(210, 201, 184)), to(rgb(250, 246, 238)));
        background: linear-gradient(180deg, rgb(250, 246, 238) 0%, rgb(214, 206, 190) 22%, rgb(197, 187, 167) 50%, rgb(210, 201, 184) 79%, rgb(250, 246, 238) 100%);
        opacity: .5
    }
}

@media (min-width: 0) {
    .branch__list-sity:not(:last-child) {
        margin-bottom: 87px
    }
}

@media (min-width: 600px) {
    .branch__list-sity:not(:last-child) {
        margin-bottom: 100px
    }
}

@media (min-width: 1200px) {
    .branch__list-sity:not(:last-child) {
        margin-bottom: 120px
    }
}

@media (min-width: 1200px) {
    .branch__list-sity:nth-child(2n) .branch__sity--title h2 {
        text-align: right
    }
}

@media (min-width: 1200px) {
    .branch__list-sity:nth-child(2n) .branch__sity--content {
        grid-template-areas: "sityHed sityImg" "sityText sityImg" "sityDev sityImg" "sityBtn sityImg"
    }
}

@media (min-width: 1200px) {
    .branch__list-sity:nth-child(2n) .branch__sity--img {
        padding-right: 0;
        padding-left: clamp(1rem, -5.468rem + 10.11vw, 3.375rem)
    }
}

.where__displays--left--link {
    font-weight: 600;
    font-size: 14px;
    line-height: 1.5;
    text-transform: uppercase;
    color: #000;
    opacity: .5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.where__displays--left--link:hover {
    color: var(--yellow-text-1);
    opacity: 1
}

.where__displays--left--link:before {
    content: "";
    position: absolute;
    top: 9px;
    left: -26px;
    width: 0;
    height: 1px;
    background-color: rgba(0, 0, 0, 0);
    display: block;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

.where__displays--left--link._active {
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
    border-color: rgba(0, 0, 0, 0);
    background-color: rgba(0, 0, 0, 0);
    color: #e19f00;
    gap: 10px
}

.where__displays--left--link._active:before {
    width: 20px;
    background-color: #e19f00
}

@media (min-width: 0) {
    .branch__sity--title {
        margin-bottom: 20px
    }
}

@media (min-width: 1200px) {
    .branch__sity--title {
        margin-bottom: 32px
    }
}

@media (min-width: 0) {

    .branch__sity--title h2,
    .branch__sity--title .h2 {
        font-size: 44px;
        color: #101010;
        text-align: center
    }
}

@media (min-width: 600px) {

    .branch__sity--title h2,
    .branch__sity--title .h2 {
        font-size: 60px
    }
}

@media (min-width: 1200px) {

    .branch__sity--title h2,
    .branch__sity--title .h2 {
        font-size: 100px;
        color: #000;
        text-align: left
    }
}

.branch__sity--content {
    display: grid
}

@media (min-width: 0) {
    .branch__sity--content {
        grid-template-areas: "sityDev" "sityHed" "sityText" "sityImg" "sityBtn"
    }
}

@media (min-width: 1200px) {
    .branch__sity--content {
        grid-template-areas: "sityImg sityHed" "sityImg sityText" "sityImg sityDev" "sityImg sityBtn";
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.branch__sity--hed {
    grid-area: sityHed;
    font-weight: 500;
    line-height: 1.32;
    text-transform: uppercase
}

@media (min-width: 0) {
    .branch__sity--hed {
        font-size: 15px;
        margin-bottom: 12px;
        text-align: left
    }
}

@media (min-width: 768px) {
    .branch__sity--hed {
        font-size: 20px;
        line-height: 1.5;
        margin-bottom: 14px;
        text-align: center
    }
}

@media (min-width: 1200px) {
    .branch__sity--hed {
        font-size: 28px;
        line-height: 1.32;
        margin-bottom: -24px;
        text-align: left
    }
}

.branch__sity--text {
    grid-area: sityText
}

@media (min-width: 0) {
    .branch__sity--text {
        margin-bottom: 20px;
        font-size: 14px;
        line-height: 1.5
    }
}

@media (min-width: 768px) {
    .branch__sity--text {
        font-size: 16px
    }
}

@media (min-width: 1200px) {
    .branch__sity--text {
        margin-bottom: 0
    }
}

.branch__sity--img {
    grid-area: sityImg;
    position: relative
}

@media (min-width: 0) {
    .branch__sity--img {
        min-height: 236px;
        margin-bottom: 20px;
        padding-bottom: 56%
    }

    .branch__sity--img img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        border-radius: 12px
    }
}

@media (min-width: 600px) {
    .branch__sity--img {
        margin-bottom: 40px
    }
}

@media (min-width: 1200px) {
    .branch__sity--img {
        margin-bottom: 0px;
        width: 100%;
        min-height: 372px;
        min-width: 542px;
        padding-right: clamp(1rem, -5.468rem + 10.11vw, 3.375rem);
        padding-bottom: initial
    }

    .branch__sity--img img {
        position: static
    }
}

.branch__sity--dev {
    grid-area: sityDev;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-weight: 600;
    font-size: 8px;
    line-height: 1.4;
    text-transform: uppercase;
    text-align: center;
    color: #000
}

@media (min-width: 0) {
    .branch__sity--dev {
        margin-bottom: 32px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 12px
    }
}

@media (min-width: 768px) {
    .branch__sity--dev {
        gap: 27px;
        font-size: 12px
    }
}

@media (min-width: 1200px) {
    .branch__content .branch__sity--dev {
        min-width: 132px;
        margin-bottom: 60px;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.branch__sity--dev li {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px;
    color: #8b8b8b
}

.branch__sity--dev img,
.branch__sity--dev svg {
    max-height: 47px;
    width: auto
}

.branch__sity--dev img path,
.branch__sity--dev svg path {
    fill: #8b8b8b
}

@media (min-width: 600px) {

    .branch__sity--dev img,
    .branch__sity--dev svg {
        max-height: 33px
    }
}

@media (min-width: 1200px) {

    .branch__sity--dev img,
    .branch__sity--dev svg {
        max-height: 54px
    }
}

.branch__sity--dev span {
    max-width: -webkit-min-content;
    max-width: -moz-min-content;
    max-width: min-content;
    font-size: 9px
}

.home .footer {
    background-color: #fff
}

.footer_home {
    padding-top: 0
}

@media (min-width: 0) {
    .footer {
        padding-top: 50px
    }
}

@media (min-width: 1024.1px) {
    .footer {
        padding-top: 60px
    }
}

.footer__container {
    max-width: var(--fillConteiner);
    margin-left: auto;
    margin-right: auto;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    padding-left: var(--container-padding);
    padding-right: var(--container-padding);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: clamp(2rem, 1.675rem + 1.44vw, 2.938rem)
}

@media (min-width: 319px) {
    .footer__container {
        padding-left: var(--paddingContainerSmall);
        padding-right: var(--paddingContainerSmall)
    }
}

@media (min-width: 768px) {
    .footer__container {
        padding-left: var(--paddingContainerBig);
        padding-right: var(--paddingContainerBig)
    }
}

@media (max-width: 1199.9px) {
    .footer__container {
        position: relative;
        display: grid;
        grid-template-areas: "footerLogo footerMenu" "footerContacts footerContacts";
        padding-bottom: 50px
    }
}

@media (max-width: 760px) {
    .footer__container {
        grid-template-areas: "footerMenu  " "footerContacts" "footerLogo";
        padding-top: 108px
    }
}

.footer__logo {
    max-width: 328px;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 163%;
    letter-spacing: -0.02em;
    color: #000;
    margin-right: clamp(.938rem, -12.283rem + 21.32vw, 6.375rem)
}

@media (min-width: 1200px) {
    .footer__logo {
        padding-left: 20px
    }
}

@media (max-width: 1199.9px) {
    .footer__logo {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 20px;
        max-width: 375px
    }
}

@media (max-width: 992px) {
    .footer__logo {
        grid-area: footerLogo
    }
}

@media (max-width: 576px) {
    .footer__logo {
        max-width: initial;
        margin-right: 0
    }
}

@media (max-width: 361px) {
    .footer__logo {
        font-size: 13px
    }
}

.footer__logo--img {
    max-width: 70px;
    width: 100%;
    height: auto;
    margin-bottom: 10px
}

@media (max-width: 1199.9px) {
    .footer__logo--img {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media (max-width: 760px) {
    .footer__logo--img {
        top: 0;
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        margin: 0 auto;
        max-width: 160px;
        text-align: center
    }

    .footer__logo--img img {
        height: auto;
        width: 100%;
        max-width: 100px;
        margin: 0 auto
    }
}

.footer__logo--address {
    font-style: normal;
    margin-bottom: 16px;
    line-height: 144%
}

@media (max-width: 575.1px) {
    .footer__logo--address {
        padding-left: 0;
        padding-left: 0;
        margin-bottom: 14px;
        font-size: 15px;
        line-height: 129%
    }
}

.footer__logo--copy {
    opacity: .3
}

@media (max-width: 992px) {
    .footer__logo--copy {
        padding-left: 0
    }
}

.footer__contacts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-top: 13px
}

@media (min-width: 1200px) {
    .footer__contacts {
        padding-left: 20px
    }
}

@media (max-width: 1199.9px) {
    .footer__contacts {
        grid-area: footerContacts;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        width: 100%;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media (max-width: 760px) {
    .footer__contacts {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        justify-items: flex-start;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: 32px
    }
}

.footer__contacts a {
    font-size: clamp(1rem, .913rem + .39vw, 1.25rem);
    line-height: 140%;
    letter-spacing: -0.02em;
    color: #000;
    -webkit-transition: color .3s ease 0s;
    transition: color .3s ease 0s
}

.footer__contacts a:hover {
    color: var(--yellow-text)
}

.footer__contacts b {
    font-size: clamp(1rem, .913rem + .39vw, 1.25rem);
    font-weight: 500
}

@media (max-width: 361px) {
    .footer__contacts {
        padding-top: 0;
        margin-top: -6px;
        gap: 10px
    }
}

.footer__menu {
    margin-left: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: clamp(.938rem, -1.291rem + 9.9vw, 7.375rem);
    -webkit-box-flex: 0;
    -ms-flex: 0 1 434px;
    flex: 0 1 434px
}

@media (max-width: 1199.9px) {
    .footer__menu {
        gap: 20px;
        display: grid;
        grid-template-columns: 1fr 1fr;
        min-width: 305px
    }
}

@media (max-width: 992px) {
    .footer__menu {
        grid-area: footerMenu
    }
}

@media (max-width: 760px) {
    .footer__menu {
        margin-left: 0
    }
}

.footer__menu a {
    font-weight: 500;
    font-size: clamp(1rem, .913rem + .39vw, 1.25rem);
    line-height: 140%;
    letter-spacing: -0.02em;
    -webkit-transition: color .3s ease 0s;
    transition: color .3s ease 0s
}

.footer__menu a:hover {
    color: var(--yellow-text)
}

.footer__menu--item {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 47%;
    flex: 1 1 47%
}

.footer__menu--item li {
    margin-bottom: 14px
}

.footer__menu--item li:last-child {
    margin-bottom: 0
}

@media (max-width: 375.1px) {
    .footer__menu--item li {
        margin-bottom: 10px
    }
}

@media (max-width: 992px) {
    .footer .logo-descop {
        display: none
    }
}

@media (min-width: 992px) {
    .footer .logo-mobily {
        display: none
    }
}

.footer__contacts--link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 26px
}

@media (max-width: 1199.9px) {
    .footer__contacts--link {
        margin-bottom: 0;
        padding-top: 30px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 307px;
        flex: 0 0 307px
    }
}

@media (max-width: 760px) {
    .footer__contacts--link {
        padding-top: 28px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }
}

@media (max-width: 361px) {
    .footer__contacts--link {
        gap: 10px
    }
}

.footer__contacts--sochial {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px
}

@media (max-width: 1199.9px) {
    .footer__contacts--sochial {
        padding-bottom: 34px
    }
}

@media (max-width: 576px) {
    .footer__contacts--sochial {
        margin-bottom: 0
    }
}

.footer__contacts--sochial a {
    display: inline-block;
    width: 28px;
    height: 28px
}

.podpis-dev {
    max-width: 1400px;
    padding: 0 16px;
    margin: 0 auto;
    padding-bottom: clamp(2rem, 1.373rem + 2.79vw, 3.1rem);
    font-weight: 500;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: -0.02em;
    color: #000;
    opacity: .3;
    text-align: right
}

@media (min-width: 319px) {
    .podpis-dev {
        padding-left: var(--paddingContainerSmall);
        padding-right: var(--paddingContainerSmall)
    }
}

@media (min-width: 768px) {
    .podpis-dev {
        padding-left: var(--paddingContainerBig);
        padding-right: var(--paddingContainerBig)
    }
}

@media (max-width: 1199.9px) {
    .podpis-dev {
        text-align: left;
        margin-top: -69px
    }
}

@media (max-width: 760px) {
    .podpis-dev {
        margin-top: 0
    }
}

.podpis-dev a {
    text-decoration: underline;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

.podpis-dev a:hover {
    text-decoration: none
}

.warning {
    background-image: url(../img/design/bg-black.png);
    background-repeat: repeat;
    padding: clamp(1.25rem, .553rem + 3.08vw, 3.25rem) 0;
    padding-bottom: 8px
}

@media (max-width: 375px) {
    .warning {
        padding-bottom: 26px;
        padding-top: 21px
    }
}

.warning {
    padding-top: 20px;
    padding-bottom: 28px;
}

@media (min-width: 768px) {
    .warning {
        padding-top: 37px;
        padding-bottom: 28px;
    }
}

@media (min-width: 1200px) {
    .warning {
        padding-top: 52px;
        padding-bottom: 42px;
    }
}

.warning__container {
    text-align: center
}

.warning__container p {
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    text-transform: uppercase;
    color: #8c8c8c;
    margin-bottom: 5px;
    font-size: 15px
}

@media (min-width: 738px) {
    .warning__container p {
        font-size: 20px
    }
}

@media (min-width: 1200px) {
    .warning__container p {
        font-size: 40px
    }
}

.warning__container .decor_title {
    top: -11px;
    min-width: 107px
}

.warning__container .decor_title::after {
    opacity: .3
}

@media (max-width: 992px) {
    .warning__container .decor_title {
        top: 15px;
        margin-bottom: 20px
    }
}

@media (max-width: 375px) {
    .warning__container .decor_title {
        min-width: 86px;
        top: 23px
    }
}

@media (max-width: 361px) {
    .warning__container .decor_title {
        top: 20px
    }
}

.warning_text {
    font-weight: 500;
    line-height: 150%;
    text-transform: uppercase;
    text-align: center;
    color: #8c8c8c;
    font-size: 40px
}

@media (max-width: 1199.9px) {
    .warning_text {
        font-size: 30px
    }
}

.dn {
    display: none !important
}

@media (min-width: 1200px) {
    .branch__sity--content {
        display: flex;
        flex-direction: column;
        position: relative;
        align-items: end;
        min-height: 375px;
    }

    .branch__sity--img {
        padding: 0;
        position: absolute;
        top: 0;
        left: 0;
    }

    .branch__sity--img img {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        width: 50%;
    }

    .branch__sity--hed {
        margin-bottom: 0;
    }

    .branch__sity--btn,
    .branch__sity--dev,
    .branch__sity--text,
    .branch__sity--hed {
        width: 50%;
        padding-left: clamp(1rem, -5.468rem + 10.11vw, 3.375rem);
        margin-bottom: 15px;

        position: relative;
        z-index: 2;
    }

    .branch__list-sity:nth-child(2n) .branch__sity--btn,
    .branch__list-sity:nth-child(2n) .branch__sity--dev,
    .branch__list-sity:nth-child(2n) .branch__sity--text,
    .branch__list-sity:nth-child(2n) .branch__sity--hed {
        padding-left: 0;
        padding-right: clamp(1rem, -5.468rem + 10.11vw, 3.375rem);
    }

    .branch__list-sity:nth-child(2n) .branch__sity--content {
        align-items: start;
    }

    .branch__list-sity:nth-child(2n) .branch__sity--img img {
        left: initial;
        right: 0;
    }
}

@media (min-width: 1200px) {
    .news-hero-img-left .tour__hero__inner {
        flex-direction: row-reverse;
    }

   .news-hero-img-left .tour__hero--img img {
        right: initial;
        left: -50px;
    }

    .news-hero-img-left .text-consult .btn-border {
        padding-left: 0;
    }

    .tour__hero.news-hero-img-center .tour__hero--img img{
        width: 100%;
        height: 100%;
        left: 0;
        right: 0;
    }

    .one-news .news-hero-img-center .tour__hero--content{
        position: relative;
        z-index: 10;
        color: #fff;
    }

    .one-news .news-hero-img-center .tour__title h1, .one-news .tour__title .h1 {
        color: #fff;
    }

    .one-news .news-hero-img-center .data__news{
            color: #fff;
    }
}