@charset "UTF-8";
@-webkit-keyframes rotate1 {
    0% {
        -webkit-transform: rotate(10deg);
        transform: rotate(10deg)
    }
    to {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
}

@-webkit-keyframes rotate2 {
    0% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }
    to {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }
}

@-webkit-keyframes rotate360 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes rotate360left {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg)
    }
}

@-webkit-keyframes scale {
    0% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
    to {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@-webkit-keyframes move {
    0% {
        -webkit-transform: translateY(-1rem);
        transform: translateY(-1rem)
    }
    to {
        -webkit-transform: translateY(1rem);
        transform: translateY(1rem)
    }
}

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

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

@-webkit-keyframes mulShdSpin {
    0%, to {
        -webkit-box-shadow: 0 -2.6em 0 0 #003c96, 1.8em -1.8em 0 0 rgba(0, 60, 150, .2), 2.5em 0 0 0 rgba(0, 60, 150, .2), 1.75em 1.75em 0 0 rgba(0, 60, 150, .2), 0 2.5em 0 0 rgba(0, 60, 150, .2), -1.8em 1.8em 0 0 rgba(0, 60, 150, .2), -2.6em 0 0 0 rgba(0, 60, 150, .5), -1.8em -1.8em 0 0 rgba(0, 60, 150, .7);
        box-shadow: 0 -2.6em 0 0 #003c96, 1.8em -1.8em 0 0 rgba(0, 60, 150, .2), 2.5em 0 0 0 rgba(0, 60, 150, .2), 1.75em 1.75em 0 0 rgba(0, 60, 150, .2), 0 2.5em 0 0 rgba(0, 60, 150, .2), -1.8em 1.8em 0 0 rgba(0, 60, 150, .2), -2.6em 0 0 0 rgba(0, 60, 150, .5), -1.8em -1.8em 0 0 rgba(0, 60, 150, .7)
    }
    12.5% {
        -webkit-box-shadow: 0 -2.6em 0 0 rgba(0, 60, 150, .7), 1.8em -1.8em 0 0 #fff, 2.5em 0 0 0 rgba(0, 60, 150, .2), 1.75em 1.75em 0 0 rgba(0, 60, 150, .2), 0 2.5em 0 0 rgba(0, 60, 150, .2), -1.8em 1.8em 0 0 rgba(0, 60, 150, .2), -2.6em 0 0 0 rgba(0, 60, 150, .2), -1.8em -1.8em 0 0 rgba(0, 60, 150, .5);
        box-shadow: 0 -2.6em 0 0 rgba(0, 60, 150, .7), 1.8em -1.8em 0 0 #fff, 2.5em 0 0 0 rgba(0, 60, 150, .2), 1.75em 1.75em 0 0 rgba(0, 60, 150, .2), 0 2.5em 0 0 rgba(0, 60, 150, .2), -1.8em 1.8em 0 0 rgba(0, 60, 150, .2), -2.6em 0 0 0 rgba(0, 60, 150, .2), -1.8em -1.8em 0 0 rgba(0, 60, 150, .5)
    }
    25% {
        -webkit-box-shadow: 0 -2.6em 0 0 rgba(0, 60, 150, .5), 1.8em -1.8em 0 0 rgba(0, 60, 150, .7), 2.5em 0 0 0 #fff, 1.75em 1.75em 0 0 rgba(0, 60, 150, .2), 0 2.5em 0 0 rgba(0, 60, 150, .2), -1.8em 1.8em 0 0 rgba(0, 60, 150, .2), -2.6em 0 0 0 rgba(0, 60, 150, .2), -1.8em -1.8em 0 0 rgba(0, 60, 150, .2);
        box-shadow: 0 -2.6em 0 0 rgba(0, 60, 150, .5), 1.8em -1.8em 0 0 rgba(0, 60, 150, .7), 2.5em 0 0 0 #fff, 1.75em 1.75em 0 0 rgba(0, 60, 150, .2), 0 2.5em 0 0 rgba(0, 60, 150, .2), -1.8em 1.8em 0 0 rgba(0, 60, 150, .2), -2.6em 0 0 0 rgba(0, 60, 150, .2), -1.8em -1.8em 0 0 rgba(0, 60, 150, .2)
    }
    37.5% {
        -webkit-box-shadow: 0 -2.6em 0 0 rgba(0, 60, 150, .2), 1.8em -1.8em 0 0 rgba(0, 60, 150, .5), 2.5em 0 0 0 rgba(0, 60, 150, .7), 1.75em 1.75em 0 0 #fff, 0 2.5em 0 0 rgba(0, 60, 150, .2), -1.8em 1.8em 0 0 rgba(0, 60, 150, .2), -2.6em 0 0 0 rgba(0, 60, 150, .2), -1.8em -1.8em 0 0 rgba(0, 60, 150, .2);
        box-shadow: 0 -2.6em 0 0 rgba(0, 60, 150, .2), 1.8em -1.8em 0 0 rgba(0, 60, 150, .5), 2.5em 0 0 0 rgba(0, 60, 150, .7), 1.75em 1.75em 0 0 #fff, 0 2.5em 0 0 rgba(0, 60, 150, .2), -1.8em 1.8em 0 0 rgba(0, 60, 150, .2), -2.6em 0 0 0 rgba(0, 60, 150, .2), -1.8em -1.8em 0 0 rgba(0, 60, 150, .2)
    }
    50% {
        -webkit-box-shadow: 0 -2.6em 0 0 rgba(0, 60, 150, .2), 1.8em -1.8em 0 0 rgba(0, 60, 150, .2), 2.5em 0 0 0 rgba(0, 60, 150, .5), 1.75em 1.75em 0 0 rgba(0, 60, 150, .7), 0 2.5em 0 0 #fff, -1.8em 1.8em 0 0 rgba(0, 60, 150, .2), -2.6em 0 0 0 rgba(0, 60, 150, .2), -1.8em -1.8em 0 0 rgba(0, 60, 150, .2);
        box-shadow: 0 -2.6em 0 0 rgba(0, 60, 150, .2), 1.8em -1.8em 0 0 rgba(0, 60, 150, .2), 2.5em 0 0 0 rgba(0, 60, 150, .5), 1.75em 1.75em 0 0 rgba(0, 60, 150, .7), 0 2.5em 0 0 #fff, -1.8em 1.8em 0 0 rgba(0, 60, 150, .2), -2.6em 0 0 0 rgba(0, 60, 150, .2), -1.8em -1.8em 0 0 rgba(0, 60, 150, .2)
    }
    62.5% {
        -webkit-box-shadow: 0 -2.6em 0 0 rgba(0, 60, 150, .2), 1.8em -1.8em 0 0 rgba(0, 60, 150, .2), 2.5em 0 0 0 rgba(0, 60, 150, .2), 1.75em 1.75em 0 0 rgba(0, 60, 150, .5), 0 2.5em 0 0 rgba(0, 60, 150, .7), -1.8em 1.8em 0 0 #fff, -2.6em 0 0 0 rgba(0, 60, 150, .2), -1.8em -1.8em 0 0 rgba(0, 60, 150, .2);
        box-shadow: 0 -2.6em 0 0 rgba(0, 60, 150, .2), 1.8em -1.8em 0 0 rgba(0, 60, 150, .2), 2.5em 0 0 0 rgba(0, 60, 150, .2), 1.75em 1.75em 0 0 rgba(0, 60, 150, .5), 0 2.5em 0 0 rgba(0, 60, 150, .7), -1.8em 1.8em 0 0 #fff, -2.6em 0 0 0 rgba(0, 60, 150, .2), -1.8em -1.8em 0 0 rgba(0, 60, 150, .2)
    }
    75% {
        -webkit-box-shadow: 0 -2.6em 0 0 rgba(0, 60, 150, .2), 1.8em -1.8em 0 0 rgba(0, 60, 150, .2), 2.5em 0 0 0 rgba(0, 60, 150, .2), 1.75em 1.75em 0 0 rgba(0, 60, 150, .2), 0 2.5em 0 0 rgba(0, 60, 150, .5), -1.8em 1.8em 0 0 rgba(0, 60, 150, .7), -2.6em 0 0 0 #fff, -1.8em -1.8em 0 0 rgba(0, 60, 150, .2);
        box-shadow: 0 -2.6em 0 0 rgba(0, 60, 150, .2), 1.8em -1.8em 0 0 rgba(0, 60, 150, .2), 2.5em 0 0 0 rgba(0, 60, 150, .2), 1.75em 1.75em 0 0 rgba(0, 60, 150, .2), 0 2.5em 0 0 rgba(0, 60, 150, .5), -1.8em 1.8em 0 0 rgba(0, 60, 150, .7), -2.6em 0 0 0 #fff, -1.8em -1.8em 0 0 rgba(0, 60, 150, .2)
    }
    87.5% {
        -webkit-box-shadow: 0 -2.6em 0 0 rgba(0, 60, 150, .2), 1.8em -1.8em 0 0 rgba(0, 60, 150, .2), 2.5em 0 0 0 rgba(0, 60, 150, .2), 1.75em 1.75em 0 0 rgba(0, 60, 150, .2), 0 2.5em 0 0 rgba(0, 60, 150, .2), -1.8em 1.8em 0 0 rgba(0, 60, 150, .5), -2.6em 0 0 0 rgba(0, 60, 150, .7), -1.8em -1.8em 0 0 #fff;
        box-shadow: 0 -2.6em 0 0 rgba(0, 60, 150, .2), 1.8em -1.8em 0 0 rgba(0, 60, 150, .2), 2.5em 0 0 0 rgba(0, 60, 150, .2), 1.75em 1.75em 0 0 rgba(0, 60, 150, .2), 0 2.5em 0 0 rgba(0, 60, 150, .2), -1.8em 1.8em 0 0 rgba(0, 60, 150, .5), -2.6em 0 0 0 rgba(0, 60, 150, .7), -1.8em -1.8em 0 0 #fff
    }
}

@keyframes mulShdSpin {
    0%, to {
        -webkit-box-shadow: 0 -2.6em 0 0 #003c96, 1.8em -1.8em 0 0 rgba(0, 60, 150, .2), 2.5em 0 0 0 rgba(0, 60, 150, .2), 1.75em 1.75em 0 0 rgba(0, 60, 150, .2), 0 2.5em 0 0 rgba(0, 60, 150, .2), -1.8em 1.8em 0 0 rgba(0, 60, 150, .2), -2.6em 0 0 0 rgba(0, 60, 150, .5), -1.8em -1.8em 0 0 rgba(0, 60, 150, .7);
        box-shadow: 0 -2.6em 0 0 #003c96, 1.8em -1.8em 0 0 rgba(0, 60, 150, .2), 2.5em 0 0 0 rgba(0, 60, 150, .2), 1.75em 1.75em 0 0 rgba(0, 60, 150, .2), 0 2.5em 0 0 rgba(0, 60, 150, .2), -1.8em 1.8em 0 0 rgba(0, 60, 150, .2), -2.6em 0 0 0 rgba(0, 60, 150, .5), -1.8em -1.8em 0 0 rgba(0, 60, 150, .7)
    }
    12.5% {
        -webkit-box-shadow: 0 -2.6em 0 0 rgba(0, 60, 150, .7), 1.8em -1.8em 0 0 #fff, 2.5em 0 0 0 rgba(0, 60, 150, .2), 1.75em 1.75em 0 0 rgba(0, 60, 150, .2), 0 2.5em 0 0 rgba(0, 60, 150, .2), -1.8em 1.8em 0 0 rgba(0, 60, 150, .2), -2.6em 0 0 0 rgba(0, 60, 150, .2), -1.8em -1.8em 0 0 rgba(0, 60, 150, .5);
        box-shadow: 0 -2.6em 0 0 rgba(0, 60, 150, .7), 1.8em -1.8em 0 0 #fff, 2.5em 0 0 0 rgba(0, 60, 150, .2), 1.75em 1.75em 0 0 rgba(0, 60, 150, .2), 0 2.5em 0 0 rgba(0, 60, 150, .2), -1.8em 1.8em 0 0 rgba(0, 60, 150, .2), -2.6em 0 0 0 rgba(0, 60, 150, .2), -1.8em -1.8em 0 0 rgba(0, 60, 150, .5)
    }
    25% {
        -webkit-box-shadow: 0 -2.6em 0 0 rgba(0, 60, 150, .5), 1.8em -1.8em 0 0 rgba(0, 60, 150, .7), 2.5em 0 0 0 #fff, 1.75em 1.75em 0 0 rgba(0, 60, 150, .2), 0 2.5em 0 0 rgba(0, 60, 150, .2), -1.8em 1.8em 0 0 rgba(0, 60, 150, .2), -2.6em 0 0 0 rgba(0, 60, 150, .2), -1.8em -1.8em 0 0 rgba(0, 60, 150, .2);
        box-shadow: 0 -2.6em 0 0 rgba(0, 60, 150, .5), 1.8em -1.8em 0 0 rgba(0, 60, 150, .7), 2.5em 0 0 0 #fff, 1.75em 1.75em 0 0 rgba(0, 60, 150, .2), 0 2.5em 0 0 rgba(0, 60, 150, .2), -1.8em 1.8em 0 0 rgba(0, 60, 150, .2), -2.6em 0 0 0 rgba(0, 60, 150, .2), -1.8em -1.8em 0 0 rgba(0, 60, 150, .2)
    }
    37.5% {
        -webkit-box-shadow: 0 -2.6em 0 0 rgba(0, 60, 150, .2), 1.8em -1.8em 0 0 rgba(0, 60, 150, .5), 2.5em 0 0 0 rgba(0, 60, 150, .7), 1.75em 1.75em 0 0 #fff, 0 2.5em 0 0 rgba(0, 60, 150, .2), -1.8em 1.8em 0 0 rgba(0, 60, 150, .2), -2.6em 0 0 0 rgba(0, 60, 150, .2), -1.8em -1.8em 0 0 rgba(0, 60, 150, .2);
        box-shadow: 0 -2.6em 0 0 rgba(0, 60, 150, .2), 1.8em -1.8em 0 0 rgba(0, 60, 150, .5), 2.5em 0 0 0 rgba(0, 60, 150, .7), 1.75em 1.75em 0 0 #fff, 0 2.5em 0 0 rgba(0, 60, 150, .2), -1.8em 1.8em 0 0 rgba(0, 60, 150, .2), -2.6em 0 0 0 rgba(0, 60, 150, .2), -1.8em -1.8em 0 0 rgba(0, 60, 150, .2)
    }
    50% {
        -webkit-box-shadow: 0 -2.6em 0 0 rgba(0, 60, 150, .2), 1.8em -1.8em 0 0 rgba(0, 60, 150, .2), 2.5em 0 0 0 rgba(0, 60, 150, .5), 1.75em 1.75em 0 0 rgba(0, 60, 150, .7), 0 2.5em 0 0 #fff, -1.8em 1.8em 0 0 rgba(0, 60, 150, .2), -2.6em 0 0 0 rgba(0, 60, 150, .2), -1.8em -1.8em 0 0 rgba(0, 60, 150, .2);
        box-shadow: 0 -2.6em 0 0 rgba(0, 60, 150, .2), 1.8em -1.8em 0 0 rgba(0, 60, 150, .2), 2.5em 0 0 0 rgba(0, 60, 150, .5), 1.75em 1.75em 0 0 rgba(0, 60, 150, .7), 0 2.5em 0 0 #fff, -1.8em 1.8em 0 0 rgba(0, 60, 150, .2), -2.6em 0 0 0 rgba(0, 60, 150, .2), -1.8em -1.8em 0 0 rgba(0, 60, 150, .2)
    }
    62.5% {
        -webkit-box-shadow: 0 -2.6em 0 0 rgba(0, 60, 150, .2), 1.8em -1.8em 0 0 rgba(0, 60, 150, .2), 2.5em 0 0 0 rgba(0, 60, 150, .2), 1.75em 1.75em 0 0 rgba(0, 60, 150, .5), 0 2.5em 0 0 rgba(0, 60, 150, .7), -1.8em 1.8em 0 0 #fff, -2.6em 0 0 0 rgba(0, 60, 150, .2), -1.8em -1.8em 0 0 rgba(0, 60, 150, .2);
        box-shadow: 0 -2.6em 0 0 rgba(0, 60, 150, .2), 1.8em -1.8em 0 0 rgba(0, 60, 150, .2), 2.5em 0 0 0 rgba(0, 60, 150, .2), 1.75em 1.75em 0 0 rgba(0, 60, 150, .5), 0 2.5em 0 0 rgba(0, 60, 150, .7), -1.8em 1.8em 0 0 #fff, -2.6em 0 0 0 rgba(0, 60, 150, .2), -1.8em -1.8em 0 0 rgba(0, 60, 150, .2)
    }
    75% {
        -webkit-box-shadow: 0 -2.6em 0 0 rgba(0, 60, 150, .2), 1.8em -1.8em 0 0 rgba(0, 60, 150, .2), 2.5em 0 0 0 rgba(0, 60, 150, .2), 1.75em 1.75em 0 0 rgba(0, 60, 150, .2), 0 2.5em 0 0 rgba(0, 60, 150, .5), -1.8em 1.8em 0 0 rgba(0, 60, 150, .7), -2.6em 0 0 0 #fff, -1.8em -1.8em 0 0 rgba(0, 60, 150, .2);
        box-shadow: 0 -2.6em 0 0 rgba(0, 60, 150, .2), 1.8em -1.8em 0 0 rgba(0, 60, 150, .2), 2.5em 0 0 0 rgba(0, 60, 150, .2), 1.75em 1.75em 0 0 rgba(0, 60, 150, .2), 0 2.5em 0 0 rgba(0, 60, 150, .5), -1.8em 1.8em 0 0 rgba(0, 60, 150, .7), -2.6em 0 0 0 #fff, -1.8em -1.8em 0 0 rgba(0, 60, 150, .2)
    }
    87.5% {
        -webkit-box-shadow: 0 -2.6em 0 0 rgba(0, 60, 150, .2), 1.8em -1.8em 0 0 rgba(0, 60, 150, .2), 2.5em 0 0 0 rgba(0, 60, 150, .2), 1.75em 1.75em 0 0 rgba(0, 60, 150, .2), 0 2.5em 0 0 rgba(0, 60, 150, .2), -1.8em 1.8em 0 0 rgba(0, 60, 150, .5), -2.6em 0 0 0 rgba(0, 60, 150, .7), -1.8em -1.8em 0 0 #fff;
        box-shadow: 0 -2.6em 0 0 rgba(0, 60, 150, .2), 1.8em -1.8em 0 0 rgba(0, 60, 150, .2), 2.5em 0 0 0 rgba(0, 60, 150, .2), 1.75em 1.75em 0 0 rgba(0, 60, 150, .2), 0 2.5em 0 0 rgba(0, 60, 150, .2), -1.8em 1.8em 0 0 rgba(0, 60, 150, .5), -2.6em 0 0 0 rgba(0, 60, 150, .7), -1.8em -1.8em 0 0 #fff
    }
}

@keyframes rotate1 {
    0% {
        -webkit-transform: rotate(10deg);
        transform: rotate(10deg)
    }
    to {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
}

@keyframes rotate2 {
    0% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }
    to {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }
}

@keyframes rotate360 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes rotate360left {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg)
    }
}

@keyframes scale {
    0% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
    to {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes move {
    0% {
        -webkit-transform: translateY(-1rem);
        transform: translateY(-1rem)
    }
    to {
        -webkit-transform: translateY(1rem);
        transform: translateY(1rem)
    }
}

@-webkit-keyframes slideFromTop {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-5rem);
        transform: translateY(-5rem)
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes slideFromTop {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-5rem);
        transform: translateY(-5rem)
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes slideFromBottom {
    0% {
        opacity: 0;
        -webkit-transform: translateY(5rem);
        transform: translateY(5rem)
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes slideFromBottom {
    0% {
        opacity: 0;
        -webkit-transform: translateY(5rem);
        transform: translateY(5rem)
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes showFromRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(10rem);
        transform: translateX(10rem)
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes showFromRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(10rem);
        transform: translateX(10rem)
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes showFromLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-10rem);
        transform: translateX(-10rem)
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes showFromLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-10rem);
        transform: translateX(-10rem)
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

html {
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 10px
}

body {
    margin: 0
}

article, aside, footer, header, nav, section {
    display: block
}

hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

code, kbd, pre, samp {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
    font-family: inherit;
    font-weight: inherit;
    color: inherit;
    border: 0;
    outline: 0;
    text-decoration: none
}

abbr[title] {
    border-bottom: none;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b, strong {
    font-weight: bolder
}

dfn {
    font-style: italic
}

mark {
    background-color: #ff0;
    color: #000
}

small {
    font-size: 80%
}

audio, canvas, video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

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

svg:not(:root) {
    overflow: hidden
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: table;
    max-width: 100%;
    padding: 0;
    color: inherit;
    white-space: normal
}

progress {
    display: inline-block;
    vertical-align: baseline
}

summary {
    display: list-item
}

@font-face {
    font-family: 'Montserrat';
    src: url(fonts/Montserrat-Regular.woff2) format("woff2"), url(fonts/Montserrat-Regular.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Montserrat';
    src: url(fonts/Montserrat-SemiBold.woff2) format("woff2"), url(fonts/Montserrat-SemiBold.woff) format("woff");
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

@media (min-width: 770px) {
    .title {
        font-size: 6.4rem;
        line-height: 6.8rem
    }
}

li, ol, ul {
    margin: 0;
    padding: 0;
    list-style: none
}

@media (min-width: 1280px) {
    button {
        cursor: pointer
    }
}

@media (min-width: 1280px) {
    input[type=checkbox] + i {
        margin-right: 1.3rem
    }
}

@media (min-width: 1280px) {
    input[type=email], input[type=number], input[type=text] {
        height: 6rem
    }
}

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

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

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

.swiper, .swiper-wrapper {
    position: relative;
    z-index: 1
}

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

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

.swiper-wrapper {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-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(0, 0, 0);
    transform: translate3d(0, 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: 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: 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
}

.swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper {
    -webkit-perspective: 120rem;
    perspective: 120rem
}

.swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide, .swiper-3d .swiper-wrapper {
    -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, .5)), to(transparent));
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5), transparent)
}

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

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

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

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

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
    -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
}

.container {
    display: block;
    position: relative;
    margin: 0 auto;
    min-width: 36rem;
    padding: 0 2rem;
    z-index: 5
}

@media (min-width: 770px) {
    .container {
        min-width: 77rem;
        padding: 0 4rem
    }
}

@media (min-width: 1280px) {
    .container {
        min-width: 128rem;
        max-width: 134rem;
        padding: 0 4rem
    }
}

.page--scroll {
    overflow-y: hidden
}

.list {
    border-radius: 3rem;
    padding: 2rem;
    margin: 10rem 2rem;
    background-color: #efefef;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

@media (min-width: 1280px) {
    .list {
        width: 60rem;
        padding: 3rem;
        margin: 10rem
    }
}

.list li {
    margin-bottom: 2rem
}

.list a {
    font-size: 3rem;
    color: #171c8f;
    font-weight: 500
}

.decor, template {
    display: none
}

@media (min-width: 1280px) {
    .decor {
        display: block;
        position: absolute;
        background-size: contain;
        background-repeat: no-repeat;
        pointer-events: none;
        -webkit-animation: ease-in-out infinite both;
        animation: ease-in-out infinite both
    }
}

.preloader {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(255, 255, 255, .5)
}

.preloader::after {
    content: '';
    font-size: 1rem;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    text-indent: -9999em;
    -webkit-animation: mulShdSpin 1.1s infinite ease;
    animation: mulShdSpin 1.1s infinite ease;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

h1 {
    font-size: 2em
}

details, figcaption, figure, main, menu {
    display: block
}

figure {
    margin: 1em 4rem
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

button {
    line-height: 1.15
}

input, optgroup, select, textarea {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button, input {
    overflow: visible
}

button, select {
    text-transform: none
}

[type=reset], [type=submit], button, html [type=button] {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
    outline: 1px dotted ButtonText
}

[type=checkbox], [type=radio] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

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

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

textarea {
    overflow: auto
}

[hidden] {
    display: none
}

@font-face {
    font-family: 'Montserrat';
    src: url(fonts/Montserrat-Regular.woff2) format("woff2"), url(fonts/Montserrat-Regular.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Montserrat';
    src: url(fonts/Montserrat-SemiBold.woff2) format("woff2"), url(fonts/Montserrat-SemiBold.woff) format("woff");
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

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

@media (min-width: 770px) {
    .title {
        font-size: 6.4rem;
        line-height: 6.8rem
    }
}

h1, h2, h3, h4, h5, h6, p {
    margin: 0;
    padding: 0
}

@media (min-width: 1280px) {
    button {
        cursor: pointer
    }
}

@media (min-width: 1280px) {
    input[type=checkbox] + i {
        margin-right: 1.3rem
    }
}

@media (min-width: 1280px) {
    input[type=email], input[type=number], input[type=text] {
        height: 6rem
    }
}

@font-face {
    font-family: 'Montserrat';
    src: url(fonts/Montserrat-Regular.woff2) format("woff2"), url(fonts/Montserrat-Regular.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Montserrat';
    src: url(fonts/Montserrat-SemiBold.woff2) format("woff2"), url(fonts/Montserrat-SemiBold.woff) format("woff");
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

.page, button {
    margin: 0;
    padding: 0
}

.page {
    height: 100%;
    font-family: "Montserrat", sans-serif;
    font-size: 1.6rem;
    line-height: 2.8rem;
    letter-spacing: -.15px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    background-color: #242424
}

.page__wrapper {
    min-width: 36rem;
    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: stretch;
    -ms-flex-pack: stretch;
    justify-content: stretch;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    min-height: 100vh;
    overflow: hidden
}

.title {
    font-weight: 600;
    font-size: 2.8rem;
    line-height: 3.2rem
}

@media (min-width: 770px) {
    .title {
        font-size: 6.4rem;
        line-height: 6.8rem
    }
}

.text-hidden {
    height: 0;
    font-size: 0;
    visibility: hidden;
    opacity: 0
}

.dropdown.open .dropdown__header::before, .hidden, input[type=checkbox], input[type=radio] {
    display: none
}

button {
    font: inherit;
    color: inherit;
    border: 0;
    outline: 0;
    background: 0 0;
    -webkit-transition: .3s;
    transition: .3s;
    cursor: default
}

@media (min-width: 1280px) {
    button {
        cursor: pointer
    }
}

input[type=checkbox] + i {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 1rem;
    display: inline-block;
    vertical-align: top;
    position: relative;
    width: 2rem;
    height: 2rem;
    border: 1px solid rgba(40, 55, 114, .2);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media (min-width: 1280px) {
    input[type=checkbox] + i {
        margin-right: 1.3rem
    }
}

input[type=checkbox]:checked + i::after {
    content: "";
    display: block;
    width: 1.8rem;
    height: 1.8rem;
    position: absolute;
    top: 0;
    left: 0;
    background-image: url(img/form/accept.svg);
    background-repeat: no-repeat;
    background-position: center center
}

input[type=radio] + i {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: inline-block;
    vertical-align: top;
    position: relative;
    width: 2.1rem;
    height: 2.1rem;
    background-color: #fff;
    border-radius: 50%
}

input[type=radio]:checked + i::after {
    content: "";
    display: block;
    width: .9rem;
    height: .9rem;
    position: absolute;
    top: .6rem;
    left: .6rem;
    background-color: #000;
    border-radius: 50%
}

input[type=email], input[type=text] {
    -moz-appearance: none
}

input[type=email], input[type=number], input[type=text] {
    display: block;
    width: 100%;
    height: 4rem;
    background: 0 0;
    border: 0;
    border-bottom: 1px solid rgba(0, 0, 0, .3);
    outline: 0;
    appearance: none;
    -webkit-appearance: none
}

@media (min-width: 1280px) {
    input[type=email], input[type=number], input[type=text] {
        height: 6rem
    }
}

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

.about {
    padding: 6.4rem 0;
    text-align: center;
    color: #242424;
    background-color: #fff
}

@media (min-width: 770px) {
    .about {
        padding: 9.6rem 0;
        text-align: left
    }
}

@media (min-width: 1280px) {
    .about {
        padding: 16rem 0
    }
}

.about__header {
    margin-bottom: 4.8rem
}

@media (min-width: 770px) {
    .about__header {
        margin-bottom: 6.4rem
    }
}

.about__subtitle {
    max-width: 50rem;
    margin: 2.4rem auto 0;
    font-weight: 600;
    font-size: 1.8rem;
    line-height: 2.2rem;
    color: #6c6c6c
}

@media (min-width: 770px) {
    .about__subtitle {
        max-width: 77.2rem;
        margin: 1.6rem 0 0;
        font-size: 2.6rem;
        line-height: 3.2rem
    }
}

.about__list.about__list {
    margin: 0 -2rem;
    padding: 0 2rem
}

@media (min-width: 770px) {
    .about__list.about__list {
        margin: 0 -4rem;
        padding: 0 4rem
    }
}

@media (min-width: 1280px) {
    .about__list.about__list {
        overflow: visible
    }
}

.about__item.about__item {
    width: 30rem;
    height: auto;
    padding: 2rem 2rem 3.2rem;
    text-align: left;
    color: #fff;
    background-color: #007d46;
    border-radius: 2.4rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media (min-width: 770px) {
    .about__item.about__item {
        width: 33.7rem;
        padding: 2.4rem 2.4rem 3.2rem
    }
}

@media (min-width: 1280px) {
    .about__item.about__item {
        width: 40.9rem;
        padding: 4rem 4rem 4.8rem;
        margin-right: 1.6rem
    }
}

.about__image {
    width: 8rem;
    height: 8rem;
    margin-bottom: 1.6rem
}

@media (min-width: 1280px) {
    .about__image {
        margin-bottom: 2.4rem
    }
}

.about__image img {
    width: 100%
}

.about__itemTitle {
    font-weight: 600;
    font-size: 1.8rem;
    line-height: 2.2rem
}

@media (min-width: 770px) {
    .about__itemTitle {
        font-size: 2.6rem;
        line-height: 3.2rem
    }
}

.about__itemText {
    margin-top: 1.2rem;
    font-size: 1.6rem;
    line-height: 2.8rem;
    color: rgba(255, 255, 255, .6)
}

.about__controls {
    position: relative;
    margin-top: 2rem
}

@media (min-width: 770px) {
    .about__controls {
        margin-top: 3.2rem;
        text-align: center
    }
}

.about__controls .swiper-pagination {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 2rem;
    padding: 0 .6rem;
    background-color: rgba(36, 36, 36, .06);
    border-radius: 10rem
}

@media (min-width: 770px) {
    .about__controls .swiper-pagination {
        height: 3.6rem;
        padding: 0 1rem
    }
}

.about__controls .swiper-pagination-bullet {
    width: 1.8rem;
    height: 1.8rem;
    opacity: .56;
    border-radius: 10rem;
    background-color: transparent;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    position: relative;
    cursor: default
}

@media (min-width: 1280px) {
    .about__controls .swiper-pagination-bullet {
        cursor: pointer
    }
}

.about__controls .swiper-pagination-bullet::after {
    content: "";
    display: block;
    position: absolute;
    width: .6rem;
    height: .6rem;
    border-radius: 10rem;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #242424;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.about__controls .swiper-pagination-bullet-active {
    width: 4.8rem;
    opacity: 1;
    cursor: auto
}

.about__controls .swiper-pagination-bullet-active::after {
    width: 3.6rem
}

.about__nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1.2rem
}

@media (min-width: 770px) {
    .about__nav {
        position: absolute;
        top: 0;
        right: 0
    }
}

.about__navButton {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 3.6rem;
    height: 3.6rem;
    background-color: rgba(36, 36, 36, .06);
    border-radius: 50%;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    cursor: default
}

@media (min-width: 1280px) {
    .about__navButton {
        cursor: pointer
    }
}

@media (max-width: 769px) {
    .about__navButton {
        display: none
    }
}

.about__navButton::before {
    content: '';
    width: 2rem;
    height: 2rem;
    margin: auto;
    background-image: url(img/about/arrow.svg);
    background-position: center;
    background-repeat: no-repeat
}

.about__navButton.swiper-button-next::before {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.about__navButton.disabled {
    opacity: .5;
    pointer-events: none
}

@media (hover: hover) {
    .about__navButton:hover {
        background-color: rgba(36, 36, 36, .12)
    }
}

@media (hover: none) {
    .about__navButton:active {
        background-color: rgba(36, 36, 36, .12)
    }
}

.animated {
    -webkit-animation: slideFromBottom .5s ease-out forwards;
    animation: slideFromBottom .5s ease-out forwards
}

.animated.right {
    -webkit-animation-name: showFromRight;
    animation-name: showFromRight
}

.animated.left {
    -webkit-animation-name: showFromLeft;
    animation-name: showFromLeft
}

.animated.up {
    -webkit-animation-name: slideFromTop;
    animation-name: slideFromTop
}

.animated.down {
    -webkit-animation-name: slideFromBottom;
    animation-name: slideFromBottom
}

@media (min-width: 1280px) {
    .js-animated {
        opacity: 0
    }

    .js-animated.animated {
        opacity: 1
    }
}

.button {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: .8rem;
    height: 5.6rem;
    margin: 0;
    padding: 0 2.4rem;
    font-size: 1.5rem;
    line-height: 2.4rem;
    text-decoration: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 10rem;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    cursor: default
}

@media (min-width: 1280px) {
    .button {
        cursor: pointer
    }
}

.button svg {
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.button--green {
    color: #fff;
    background-color: #007d46
}

@media (hover: hover) {
    .button--green:hover {
        background-color: #007240
    }
}

@media (hover: none) {
    .button--green:active {
        background-color: #007240
    }
}

.button--transparent {
    color: #007d46;
    background-color: transparent;
    border: 1px solid #007d46
}

.button--transparent svg {
    fill: #007d46
}

@media (hover: hover) {
    .button--transparent:hover {
        color: #005932;
        border-color: #005932
    }

    .button--transparent:hover svg {
        fill: #005932
    }
}

@media (hover: none) {
    .button--transparent:active {
        color: #005932;
        border-color: #005932
    }

    .button--transparent:active svg {
        fill: #005932
    }
}

.button[disabled] {
    -webkit-box-shadow: none;
    box-shadow: none;
    pointer-events: none;
    background-color: #b1b1b1
}

.bottomSheet.active .bottomSheet__overlay {
    opacity: 1;
    visibility: visible;
    pointer-events: auto
}

.bottomSheet.active .bottomSheet__body {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.bottomSheet__body, .bottomSheet__overlay {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    z-index: 500
}

.bottomSheet__overlay {
    top: 0;
    background: rgba(3, 3, 3, .27);
    opacity: 0;
    visibility: hidden;
    pointer-events: none
}

.bottomSheet__body {
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    color: #242424;
    background-color: #fff;
    -webkit-box-shadow: 0 .4rem 3rem -.4rem rgba(0, 17, 10, .08);
    box-shadow: 0 .4rem 3rem -.4rem rgba(0, 17, 10, .08);
    border-radius: 2.4rem 2.4rem 0 0
}

.bottomSheet__handle {
    position: relative;
    width: 100%;
    height: 2.1rem
}

.bottomSheet__handle::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 5rem
}

.bottomSheet__handle::before {
    content: '';
    position: absolute;
    top: 1.6rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 8.2rem;
    height: .5rem;
    border-radius: 10rem;
    background-color: rgba(36, 36, 36, .12)
}

.bottomSheet__contentWrap {
    padding: 2.4rem 2rem
}

.bottomSheet__content {
    max-height: calc(100vh - 15rem);
    overflow: auto;
    scrollbar-width: thin;
    scrollbar-height: .5rem;
    scrollbar-color: rgba(36, 36, 36, .16) rgba(36, 36, 36, .06)
}

.dropdown {
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%
}

.dropdown.default .dropdown__headerCat {
    opacity: .6
}

.dropdown.open .dropdown__header {
    border-color: #007b37
}

.dropdown.open .dropdown__list {
    opacity: 1;
    visibility: visible;
    z-index: 5
}

.dropdown.open .dropdown__headerIcon {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.dropdown__header {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 4rem;
    width: 100%;
    padding: 1rem 2rem;
    background: #fff;
    border-radius: 3rem;
    cursor: default
}

@media (min-width: 1280px) {
    .dropdown__header {
        cursor: pointer;
        height: 5.8rem;
        padding: 1rem 3rem;
        border-radius: 5rem
    }
}

.dropdown__headerContent {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    margin: 0 auto
}

.dropdown__headerCat {
    font-weight: 500;
    font-size: 1.4rem;
    line-height: 120%;
    color: #575757;
    opacity: 1 !important
}

.dropdown__headerCat b {
    font-weight: 500
}

@media screen and (min-width: 1280px) {
    .dropdown__headerCat {
        font-size: 2rem
    }
}

.dropdown__headerIcon {
    width: 1.9rem;
    height: 1.9rem;
    margin-left: 1rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background-image: url(img/dropdown/arrow.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    -webkit-transition: .3s;
    transition: .3s
}

.dropdown__list {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    padding: 1rem 1rem 1rem 2rem;
    background-color: #fff;
    border-top: none;
    border-radius: 2rem;
    -webkit-box-shadow: 0 1rem 2rem 0 rgba(0, 0, 0, .15);
    box-shadow: 0 1rem 2rem 0 rgba(0, 0, 0, .15);
    opacity: 0;
    visibility: hidden;
    z-index: -1;
    -webkit-transition: .3s;
    transition: .3s;
    overflow: auto
}

@media screen and (min-width: 1280px) {
    .dropdown__list {
        padding-left: 3rem
    }
}

.dropdown__list ul {
    max-height: 26.5rem;
    padding-right: 2rem;
    overflow: auto;
    scrollbar-width: .5rem
}

.dropdown__list ul::-webkit-scrollbar {
    width: .5rem
}

.dropdown__list ul::-webkit-scrollbar-track {
    background: rgba(0, 123, 55, .1)
}

.dropdown__list ul::-webkit-scrollbar-thumb {
    background: #007b37;
    border-radius: .5rem
}

.dropdown__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 1.1rem 0;
    font-weight: 500;
    font-size: 1.4rem;
    line-height: 120%;
    color: #575757;
    text-decoration: none;
    border-bottom: 1px solid rgba(0, 123, 55, .1)
}

@media (min-width: 1280px) {
    .dropdown__item {
        font-size: 2rem;
        cursor: pointer
    }
}

.dropdown__item:last-child {
    margin-bottom: 0;
    border-bottom: none
}

.dropdown__item::after {
    content: '';
    width: 1.6rem;
    height: 1.2rem;
    margin-left: auto;
    background-image: url(img/dropdown/check.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0
}

@media (hover: hover) {
    .dropdown__item:hover {
        color: rgba(0, 123, 55, .8)
    }
}

@media (hover: none) {
    .dropdown__item:active {
        color: rgba(0, 123, 55, .8)
    }
}

.dropdown__item.active, .faq__itemText a {
    color: #007b37
}

.dropdown__item.active::after {
    opacity: 1
}

.dropdown__item[disabled] {
    opacity: .5;
    pointer-events: none
}

.cookieAlert {
    display: none;
    padding: 1rem;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    font-size: 1.3rem;
    line-height: 130%;
    text-align: center;
    background-color: #fff;
    z-index: 100
}

@media (min-width: 770px) {
    .cookieAlert {
        width: 56.7rem;
        padding: 2.4rem 2.4rem 2.4rem 3.2rem;
        font-size: 1.7rem;
        line-height: 130%;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        bottom: 4rem;
        border-radius: 2.4rem;
        -webkit-box-shadow: 0 .4rem 3rem -.4rem rgba(0, 17, 10, .08);
        box-shadow: 0 .4rem 3rem -.4rem rgba(0, 17, 10, .08)
    }

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

.cookieAlert__link, .cookieAlert__text {
    font-size: 1.6rem;
    line-height: 2.4rem;
    color: #242424
}

.cookieAlert__link {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: .8rem;
    font-weight: 500;
    color: #007d46;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    cursor: default
}

@media (min-width: 1280px) {
    .cookieAlert__link {
        cursor: pointer
    }
}

@media (min-width: 770px) {
    .cookieAlert__link {
        margin-top: 0;
        margin-left: .8rem
    }
}

.bottomSheet .cookieAlert__link {
    margin-top: .8rem
}

@media (min-width: 770px) {
    .bottomSheet .cookieAlert__link {
        margin-top: 0
    }
}

@media (hover: hover) {
    .cookieAlert__link:hover {
        color: #007240
    }

    .cookieAlert__link:hover .cookieAlert__arrow {
        fill: #007240
    }
}

@media (hover: none) {
    .cookieAlert__link:active {
        color: #007240
    }

    .cookieAlert__link:active .cookieAlert__arrow {
        fill: #007240
    }
}

.cookieAlert__arrow {
    width: 2rem;
    height: 2rem;
    fill: #007d46;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.cookieAlert__button {
    margin-top: 1.2rem
}

@media (min-width: 770px) {
    .cookieAlert__button {
        margin-top: 0;
        margin-left: auto
    }
}

.bottomSheet .cookieAlert__button {
    margin-top: 2.4rem
}

.bottomSheet .cookieAlert__button .button {
    width: 100%
}

.factory {
    display: block;
    color: #242424;
    padding: 9.6rem 0;
    background-color: #fff
}

@media (min-width: 1280px) {
    .factory {
        padding: 12rem 0
    }
}

.factory__content {
    display: block
}

.factory__head {
    display: block;
    margin-bottom: 4.8rem
}

@media (min-width: 770px) {
    .factory__head {
        margin-bottom: 6.4rem
    }
}

.factory__title {
    display: block;
    text-align: center
}

.factory__title span {
    display: block;
    color: #007d46;
    margin-top: 1.6rem
}

@media (min-width: 770px) {
    .factory__title span {
        margin-top: .8rem
    }
}

.factory__subtitle.opened ~ .factory__descr, .factory__wrapper {
    display: block
}

@media (min-width: 1280px) {
    .factory__wrapper {
        width: 120rem
    }
}

@media (min-width: 1440px) {
    .factory__wrapper {
        width: 138rem;
        overflow: visible !important
    }
}

.factory__slider {
    display: block !important
}

@media (min-width: 770px) {
    .factory__slider {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        margin-bottom: 3.2rem
    }
}

.factory__slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-pack: stretch;
    -ms-flex-pack: stretch;
    justify-content: stretch;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    background-color: #f2f8f6;
    border-radius: 2.4rem;
    margin-bottom: 2rem
}

.factory__slide:last-child {
    margin-bottom: 0
}

@media (min-width: 770px) {
    .factory__slide {
        margin-bottom: 0;
        background-color: transparent;
        border-radius: 0
    }
}

@media (min-width: 1280px) {
    .factory__slide {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: stretch;
        -ms-flex-pack: stretch;
        justify-content: stretch;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        width: 120rem;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }
}

@media (min-width: 1440px) {
    .factory__slide {
        width: 138rem
    }
}

.factory__info {
    display: block;
    padding: 0 2rem .4rem
}

@media (min-width: 770px) {
    .factory__info {
        padding: 0
    }
}

@media (min-width: 1280px) {
    .factory__info {
        width: 32rem;
        margin-right: 4.8rem;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }
}

.factory__subtitle {
    display: block;
    margin-bottom: 2rem;
    padding-right: 6rem;
    font-weight: 600;
    font-size: 1.8rem;
    line-height: 123%;
    letter-spacing: -.01em;
    color: #242424;
    position: relative
}

.factory__subtitle::after {
    content: '';
    display: block;
    width: 1.6rem;
    height: .9rem;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-image: url(img/factory/arrow-down.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center
}

.factory__subtitle.opened::after {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

@media (min-width: 770px) {
    .factory__subtitle {
        padding-right: 0;
        font-weight: 600;
        font-size: 2.6rem;
        line-height: 123%;
        letter-spacing: -.01em;
        color: #242424
    }

    .factory__subtitle::after {
        display: none
    }
}

.factory__descr {
    display: none;
    margin-bottom: 2rem;
    padding-top: 1.6rem;
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 150%;
    letter-spacing: -.01em;
    color: #6c6c6c;
    border-top: 1px solid rgba(36, 36, 36, .16)
}

@media (min-width: 770px) {
    .factory__descr {
        display: block;
        margin-bottom: 0;
        padding-top: 0;
        border-top: none
    }
}

.factory__inner {
    display: block;
    margin-bottom: 2.4rem;
    border-radius: 2.4rem;
    overflow: hidden
}

@media (min-width: 770px) {
    .factory__inner {
        margin-bottom: 4rem
    }
}

@media (min-width: 1280px) {
    .factory__inner {
        width: 82.6rem;
        margin-bottom: 0
    }
}

.factory__image {
    display: block;
    width: 100%
}

.factory__image--first, .factory__image--second {
    width: calc(33% - .4rem);
    border-radius: 2.4rem;
    -o-object-fit: cover;
    object-fit: cover
}

.factory__image--second {
    width: calc(66% - .4rem)
}

.factory__video {
    display: block;
    width: 100%;
    pointer-events: none
}

.factory__navigation {
    display: none;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

@media (min-width: 770px) {
    .factory__navigation {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

@media (min-width: 1440px) {
    .factory__navigation {
        right: 18rem
    }
}

.factory__left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1.2rem;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media (min-width: 1440px) {
    .factory__left {
        -webkit-transform: translateX(calc(9rem + -50%));
        -ms-transform: translateX(calc(9rem + -50%));
        transform: translateX(calc(9rem + -50%))
    }
}

.factory__pause {
    display: block;
    border-radius: 50%;
    width: 3.6rem;
    height: 3.6rem;
    background-color: rgba(36, 36, 36, .06);
    background-image: url(img/factory/pause.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    cursor: default
}

.factory__pause:hover {
    background-color: rgba(36, 36, 36, .12)
}

.factory__pause.paused {
    background-image: url(img/factory/play.svg)
}

@media (min-width: 1280px) {
    .factory__pause {
        cursor: pointer
    }
}

.factory__status {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1.2rem;
    border-radius: 3.6rem;
    height: 3.6rem;
    padding: 0 1rem;
    background: rgba(36, 36, 36, .06)
}

.factory__dot::after, .factory__progress {
    display: block;
    height: .6rem;
    background: rgba(36, 36, 36, .16)
}

.factory__progress {
    border-radius: 50rem;
    width: 3.6rem;
    position: relative;
    overflow: hidden
}

.factory__progress-inner {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 0%;
    height: 100%;
    border-radius: 50rem;
    background: #242424
}

.factory__dot, .factory__dots {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

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

.factory__dot {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 1.8rem;
    height: 1.8rem;
    border-radius: .6rem;
    -webkit-transition: .3s;
    transition: .3s;
    position: relative;
    cursor: default
}

@media (min-width: 1280px) {
    .factory__dot {
        cursor: pointer
    }
}

.factory__dot::after {
    content: "";
    position: absolute;
    width: .6rem;
    border-radius: 10rem;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.factory__dot .factory__progress {
    opacity: 0;
    visibility: hidden
}

.factory__dot.swiper-pagination-bullet-active {
    width: auto;
    pointer-events: none;
    margin: 0 .6rem
}

.factory__dot.swiper-pagination-bullet-active::after {
    display: none
}

.factory__dot.swiper-pagination-bullet-active .factory__progress {
    opacity: 1;
    visibility: visible
}

.factory__dot:hover::after {
    background: #242424
}

.factory__right {
    display: block
}

.factory__arrows {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 8.4rem
}

.factory__arrow {
    display: block;
    border-radius: 50%;
    width: 3.6rem;
    height: 3.6rem;
    background-image: url(img/factory/arrow.svg);
    background-color: rgba(36, 36, 36, .06);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    cursor: default
}

.factory__arrow.disabled {
    opacity: .5;
    pointer-events: none
}

.factory__arrow:hover {
    background-color: rgba(36, 36, 36, .12)
}

@media (min-width: 1280px) {
    .factory__arrow {
        cursor: pointer
    }
}

.factory__prev {
    display: block;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.factory__next {
    display: block
}

.factory__twoImages {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.faq {
    position: relative;
    padding: 6.4rem 0;
    background-color: #242424;
    border-radius: 2.4rem
}

@media (min-width: 770px) {
    .faq {
        padding: 12rem 0;
        border-radius: 0
    }
}

.faq__title {
    margin-bottom: 3.2rem;
    text-align: center;
    color: #c7a362
}

@media (min-width: 770px) {
    .faq__title {
        margin-bottom: 4rem
    }
}

.faq__list {
    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: 82rem;
    margin: 0 auto
}

.faq__item {
    padding: 2.4rem 0;
    border-bottom: 1px solid rgba(255, 255, 255, .16)
}

@media (min-width: 770px) {
    .faq__item {
        padding: 3.3rem 0
    }
}

.faq__item.open .faq__itemTitle::after {
    background-image: url(img/faq/minus.png)
}

.faq__itemTitle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 2.4rem;
    font-weight: 600;
    font-size: 1.6rem;
    line-height: 2.2rem;
    color: #fff;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    cursor: default
}

@media (min-width: 1280px) {
    .faq__itemTitle {
        cursor: pointer
    }
}

@media (min-width: 770px) {
    .faq__itemTitle {
        gap: 4rem;
        font-size: 2rem;
        line-height: 2.6rem
    }
}

.faq__itemTitle::after {
    content: '';
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 3.2rem;
    height: 3.2rem;
    margin-left: auto;
    background-image: url(img/faq/plus.svg);
    background-size: cover;
    background-repeat: no-repeat
}

@media (min-width: 770px) {
    .faq__itemTitle::after {
        width: 4.4rem;
        height: 4.4rem
    }
}

@media (hover: hover) {
    .faq__itemTitle:hover {
        opacity: .6
    }
}

@media (hover: none) {
    .faq__itemTitle:active {
        opacity: .6
    }
}

.faq__itemText {
    display: none;
    max-width: 94rem;
    padding: 1.6rem 3.2rem 0 0;
    font-size: 1.6rem;
    line-height: 2.4rem;
    color: #6c6c6c
}

@media (min-width: 770px) {
    .faq__itemText {
        padding: 2.5rem 3.2rem 0 0
    }
}

.faq__itemText p:not(:last-child), .faq__itemText ul:not(:last-child) {
    padding-bottom: 1rem
}

.faq__itemText li {
    gap: 1rem
}

.faq__itemText li::before {
    content: '';
    width: .7rem;
    height: .7rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-top: .5rem;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, .8)
}

@media (min-width: 1280px) {
    .faq__itemText li::before {
        margin-top: 1rem
    }
}

.faq__itemText li, .faq__tabList.faq__tabList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.faq__tabList.faq__tabList .tabs__item {
    text-align: center;
    opacity: 1
}

@media (min-width: 770px) {
    .faq__tabList.faq__tabList .tabs__item {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        padding-bottom: 2rem;
        font-size: 1.7rem;
        line-height: 100%
    }
}

@media (min-width: 1280px) {
    .faq__tabList.faq__tabList .tabs__item {
        padding-bottom: 2.5rem;
        font-size: 2.5rem;
        border-bottom-width: .3rem
    }
}

.footer__main {
    padding: 6.4rem 0;
    font-size: 1.6rem;
    line-height: 2.4rem;
    background-color: #161616
}

@media (min-width: 1280px) {
    .footer__main {
        padding: 9.6rem 0 12rem
    }
}

@media (min-width: 770px) {
    .footer__main .container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 0 2.4rem
    }
}

@media (min-width: 1280px) {
    .footer__main .container {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

@media (min-width: 770px) {
    .footer__head {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 2.4rem;
        width: 100%
    }
}

@media (min-width: 1280px) {
    .footer__head {
        -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;
        gap: 0;
        width: 25%
    }
}

@media (min-width: 770px) {
    .footer__logo {
        width: 50%
    }
}

@media (min-width: 1280px) {
    .footer__logo {
        width: auto
    }
}

.footer__socials {
    margin-top: 4rem
}

@media (min-width: 770px) {
    .footer__socials {
        width: 50%;
        margin-top: 0
    }
}

@media (min-width: 1280px) {
    .footer__socials {
        width: 22rem;
        margin-top: 4rem
    }
}

.footer__menu {
    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;
    gap: 1.6rem;
    margin-top: 4rem
}

@media (min-width: 770px) {
    .footer__menu {
        width: calc(50% - 1.2rem)
    }
}

@media (min-width: 1280px) {
    .footer__menu {
        width: 25%;
        margin-top: 0
    }
}

.footer__menuItem {
    color: #fff;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

@media (hover: hover) {
    .footer__menuItem:hover {
        opacity: .6
    }
}

@media (hover: none) {
    .footer__menuItem:active {
        opacity: .6
    }
}

.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;
    gap: 4rem;
    margin-top: 3.2rem
}

@media (min-width: 770px) {
    .footer__contacts {
        gap: 2.8rem;
        width: calc(50% - 1.2rem);
        margin-top: 4rem
    }
}

@media (min-width: 1280px) {
    .footer__contacts {
        width: 25%;
        margin-top: 0
    }
}

.footer__contactsItem {
    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;
    gap: .8rem
}

.footer__contactsItem img {
    display: inline-block;
    margin-left: .7rem
}

.footer__contactsItem a, .footer__legalItem a {
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

@media (hover: hover) {
    .footer__contactsItem a:hover {
        opacity: .6
    }
}

@media (hover: none) {
    .footer__contactsItem a:active {
        opacity: .6
    }
}

.footer__contactsTitle {
    color: #c7a362
}

.footer__legal {
    margin-top: 3.2rem
}

@media (min-width: 770px) {
    .footer__legal {
        width: calc(50% - 1.2rem);
        margin-top: 4rem
    }
}

@media (min-width: 1280px) {
    .footer__legal {
        width: 25%;
        margin-top: 0
    }
}

.footer__legalTitle {
    margin-bottom: 1.2rem;
    color: #c7a362
}

@media (min-width: 770px) {
    .footer__legalTitle {
        margin-bottom: 1.6rem
    }
}

.footer__legalList {
    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;
    gap: .8rem
}

@media (min-width: 770px) {
    .footer__legalList {
        gap: 1.2rem
    }
}

@media (min-width: 1280px) {
    .footer__legalList {
        gap: 1.6rem
    }
}

.footer__legalItem {
    color: #6c6c6c
}

@media (hover: hover) {
    .footer__legalItem a:hover {
        color: #007d46
    }
}

@media (hover: none) {
    .footer__legalItem a:active {
        color: #007d46
    }
}

.footer__copyright {
    background-color: #007d46
}

.footer__copyrightText {
    padding: 2rem 0;
    font-size: 1.2rem;
    line-height: 1.6rem
}

@media (min-width: 1280px) {
    .footer__copyrightText {
        font-size: 1.3rem;
        line-height: 1.6rem
    }
}

.header {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    height: 6.4rem;
    border-bottom: 1px solid transparent;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    z-index: 100
}

@media (min-width: 770px) {
    .header {
        height: 7.2rem
    }
}

.header__overlay {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(255, 255, 255, .01);
    -webkit-backdrop-filter: blur(1.2rem);
    backdrop-filter: blur(1.2rem)
}

.header__logoPlace {
    position: absolute;
    left: 0;
    right: 0;
    height: 6.4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 1.2rem 2rem;
    pointer-events: none
}

@media (min-width: 770px) {
    .header__logoPlace {
        height: 7.2rem;
        margin: 0 auto;
        padding: 1.6rem 4rem
    }
}

@media (min-width: 1280px) {
    .header__logoPlace {
        max-width: 152rem
    }
}

.header__logoPlaceInner {
    position: relative
}

.header__logo {
    width: 13.5rem;
    background: 0 0;
    pointer-events: auto;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.header__logo--scroll {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0
}

.header__content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 2rem;
    width: 100%;
    height: 100%;
    padding: 0 2rem;
    pointer-events: none;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

@media (min-width: 770px) {
    .header__content {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        gap: 2rem;
        padding: 1.6rem 4rem
    }
}

.header__lang {
    pointer-events: auto
}

.header__btn, .header__btn::before {
    background-position: center;
    background-repeat: no-repeat
}

.header__btn {
    position: relative;
    width: 4rem;
    height: 4rem;
    font-size: 0;
    overflow: hidden;
    pointer-events: auto;
    cursor: default
}

@media (min-width: 1280px) {
    .header__btn {
        display: none
    }
}

.header__btn::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.header__btn--menu {
    background-image: url(img/header/menu.svg);
    background-size: 2.2rem
}

@media (min-width: 770px) {
    .header__btn--menu {
        -webkit-box-ordinal-group: 21;
        -ms-flex-order: 20;
        order: 20
    }
}

.header__btn--menu::before {
    background-image: url(img/header/menu-scroll.svg)
}

.header__btn--close {
    display: none;
    background-image: url(img/header/close.svg)
}

@media (min-width: 770px) {
    .header__btn--close {
        -webkit-box-ordinal-group: 21;
        -ms-flex-order: 20;
        order: 20
    }
}

.header__menu {
    position: fixed;
    right: -100%;
    top: 0;
    bottom: 0;
    width: 100%;
    padding: 0 1.4rem 0 2.4rem;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(29.33%, #161616), to(rgba(22, 22, 22, .3))), -webkit-gradient(linear, left bottom, left top, from(rgba(22, 22, 22, .5)), to(rgba(22, 22, 22, .5)));
    background: linear-gradient(180deg, #161616 29.33%, rgba(22, 22, 22, .3) 100%), linear-gradient(0deg, rgba(22, 22, 22, .5), rgba(22, 22, 22, .5));
    -webkit-backdrop-filter: blur(3rem);
    backdrop-filter: blur(3rem);
    -webkit-transition: .4s ease-out;
    transition: .4s ease-out
}

@media (min-width: 770px) {
    .header__menu {
        width: 50%
    }
}

@media (min-width: 1280px) {
    .header__menu {
        top: 0;
        right: auto;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        width: auto;
        height: 7.2rem;
        padding: 0;
        background: 0 0;
        overflow-y: visible;
        -webkit-box-shadow: none;
        box-shadow: none;
        -webkit-backdrop-filter: none;
        backdrop-filter: none
    }
}

.header__menuInner {
    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;
    width: 100%;
    height: 100%;
    padding: 9.6rem 1rem 2.4rem 0;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-height: .5rem;
    scrollbar-color: rgba(199, 163, 98, .16) rgba(199, 163, 98, .06)
}

@media (min-width: 1280px) {
    .header__menuInner {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 0
    }
}

.header__menuList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2rem;
    width: 100%;
    margin-bottom: auto
}

@media (min-width: 1280px) {
    .header__menuList {
        gap: 4rem;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        width: auto;
        margin-left: auto;
        margin-bottom: 0
    }
}

.header__menuItem {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 600;
    font-size: 2.8rem;
    line-height: 3.2rem;
    color: #fff;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

@media (min-width: 1280px) {
    .header__menuItem {
        display: inline;
        position: relative;
        top: 2px;
        padding: 0;
        font-weight: 400;
        font-size: 1.6rem;
        line-height: 2.4rem;
        color: rgba(255, 255, 255, .6)
    }
}

.header__menuItem:last-child {
    border-bottom: none
}

@media (hover: hover) {
    .header__menuItem:hover {
        color: #fff
    }
}

@media (hover: none) {
    .header__menuItem:active {
        color: #fff
    }
}

.header__info {
    width: 100%;
    margin-top: 2.4rem;
    background-color: rgba(199, 163, 98, .1);
    border-radius: 2.4rem
}

@media (min-width: 1280px) {
    .header__info {
        display: none
    }
}

.header__infoItem {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 2.4rem;
    font-size: 1.6rem;
    line-height: 2.4rem;
    border-bottom: 1px solid rgba(255, 255, 255, .16)
}

.header__infoItem:first-child {
    padding-bottom: 1.6rem
}

.header__infoItem:last-child {
    padding-top: 1.6rem;
    border-bottom: none
}

.header__infoPhone {
    display: inline-block;
    padding: .8rem 1.6rem .6rem;
    color: #c7a362;
    border: 1px solid #c7a362;
    border-radius: 10rem
}

.header__email {
    display: inline-block;
    margin-top: 1.6rem;
    color: #c7a362
}

.header__infoText {
    display: inline-block;
    color: rgba(255, 255, 255, .6)
}

.header__infoExt {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: .7rem;
    color: #c7a362
}

.header__infoExt img {
    display: inline-block
}

.header.black:not(.open) {
    background-color: #fff;
    border-bottom-color: rgba(36, 36, 36, .16)
}

.header.black:not(.open) .header__topLinks {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.header.black:not(.open) .header__logo--top {
    opacity: 0
}

.header.black:not(.open) .header__btn::before, .header.black:not(.open) .header__logo--scroll {
    opacity: 1
}

.header.black:not(.open) .header__menuItem {
    color: #505050
}

@media (hover: hover) {
    .header.black:not(.open) .header__menuItem:hover {
        color: #242424
    }
}

@media (hover: none) {
    .header.black:not(.open) .header__menuItem:active {
        color: #242424
    }
}

.header.black:not(.open) .header__lang .langMobile {
    color: #007d46;
    background-color: rgba(36, 36, 36, .06)
}

.header.black:not(.open) .header__lang .langMobile__arrow {
    fill: #007d46
}

.header.black:not(.open) .header__lang .langDesktop {
    background-color: rgba(36, 36, 36, .06)
}

.header.black:not(.open) .header__lang .langDesktop__item {
    color: #007d46
}

.header.black:not(.open) .header__lang .langDesktop__item.active {
    color: #242424;
    background-color: #fff
}

@media (max-width: 1279px) {
    .header.open .header__overlay {
        display: block
    }

    .header.open .header__menu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        right: 0
    }

    .header.open .header__btn--menu {
        display: none
    }

    .header.open .header__btn--close {
        display: block
    }

    .header.open .header__logoPlace {
        position: fixed;
        background-color: #161616
    }

    .header.open .header__content {
        background: 0 0
    }

    .header.open .header__topLinks {
        display: none
    }
}

.langDesktop {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 2px;
    background-color: rgba(255, 255, 255, .12);
    border-radius: 50rem;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

@media (max-width: 769px) {
    .langDesktop {
        display: none
    }
}

.langDesktop__item, .langMobile {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 3.6rem;
    color: #fff;
    border-radius: 50rem;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.langDesktop__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 1.2rem;
    font-size: 1.6rem;
    line-height: 2.4rem
}

.langDesktop__item.active {
    background-color: #007d46
}

.langMobile {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 1.2rem;
    background-color: rgba(255, 255, 255, .12)
}

@media (min-width: 770px) {
    .langMobile {
        display: none
    }
}

.langMobile .langMobile__list {
    display: none
}

.langMobile__arrow {
    margin-left: .7rem;
    fill: #fff;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.langMobile__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1.2rem
}

.langMobile__item {
    font-size: 1.6rem;
    line-height: 2.4rem
}

.langMobile__item.active {
    font-weight: 600
}

.map {
    display: block;
    color: #242424;
    padding: 9.6rem 0;
    background-color: #fff
}

@media (min-width: 1280px) {
    .map {
        padding: 12rem 0
    }
}

.map__content, .map__head {
    display: block
}

.map__head {
    margin-bottom: 4.8rem;
    text-align: center
}

@media (min-width: 770px) {
    .map__head {
        margin-bottom: 6.4rem
    }
}

.map__title {
    display: block;
    margin-bottom: 3.2rem
}

@media (min-width: 770px) {
    .map__title {
        margin-bottom: 2.4rem
    }
}

.map__descr {
    display: block;
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 150%;
    letter-spacing: -.01em;
    text-align: center;
    color: #6c6c6c
}

.map__inner {
    display: block;
    height: 45.4rem;
    margin-bottom: 4.8rem;
    background-color: #e0eef9;
    border-radius: 2.4rem;
    position: relative;
    overflow: hidden
}

@media (min-width: 770px) {
    .map__inner {
        width: calc(100% - 8rem);
        height: 60rem;
        margin: 0 auto;
        margin-bottom: 6.4rem
    }
}

@media (min-width: 1280px) {
    .map__inner {
        width: 120rem;
        height: 57.1rem
    }
}

@media (min-width: 1440px) {
    .map__inner {
        width: 126rem;
        height: 60rem
    }
}

.map__controls, .map__wrapper {
    display: block;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10
}

.map__wrapper {
    height: 100%;
    z-index: 5
}

.map__info, .map__list {
    display: block
}

@media (min-width: 770px) {
    .map__list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.map__item {
    display: block
}

@media (min-width: 770px) {
    .map__item {
        margin-bottom: 4rem
    }
}

@media (min-width: 1280px) {
    .map__item--m {
        display: none
    }
}

.map__item--d {
    display: none
}

@media (min-width: 1280px) {
    .map__item--d {
        display: block
    }
}

@media (min-width: 770px) {
    .map__col-two {
        width: calc(50% - 3.2rem)
    }
}

@media (min-width: 1280px) {
    .map__col-two.map__col-d-1 {
        width: 36.6rem
    }

    .map__col-two.map__col-d-2 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        width: 81.4rem
    }

    .map__subcol {
        width: calc(50% - 4rem)
    }
}

.map__region {
    display: block;
    width: 100%;
    font-weight: 600;
    font-size: 1.6rem;
    line-height: 137%;
    letter-spacing: -.01em;
    color: #242424;
    padding: 2.1rem 5.6rem 2.1rem 0;
    border-bottom: 1px solid rgba(36, 36, 36, .16);
    position: relative;
    text-align: left;
    cursor: default
}

.map__address::after, .map__region::after {
    content: "";
    display: block;
    width: 3.2rem;
    height: 3.2rem;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    background-image: url(img/map/plus.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center
}

.map__address:hover, .map__region:hover {
    color: #007d46
}

.map__region.opened::after {
    background-image: url(img/map/minus.svg)
}

@media (min-width: 1280px) {
    .map__region {
        padding: 1.9rem 5.6rem 1.9rem 0;
        font-size: 2rem;
        line-height: 130%;
        cursor: pointer
    }
}

.map__sublist {
    display: none;
    padding-top: 2.4rem
}

.map__subitem {
    display: block;
    margin-bottom: 2.4rem
}

.map__address {
    display: inline-block;
    vertical-align: top;
    position: relative;
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 150%;
    letter-spacing: -.01em;
    color: #6c6c6c;
    text-align: left;
    padding-right: 2.6rem
}

.map__address::after {
    width: 2rem;
    height: 2.4rem;
    background-image: url(img/map/small-point.svg);
    opacity: 0
}

.map__address:hover::after {
    opacity: 1
}

.map__dropdown .dropdown__item, .map__mobile-dropdown .dropdown__item {
    padding: .6rem 0;
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 150%;
    letter-spacing: -.01em;
    color: #242424;
    border: 0
}

.map__dropdown .dropdown__item:hover, .map__mobile-dropdown .dropdown__item:hover {
    color: rgba(36, 36, 36, .56)
}

@media (min-width: 770px) {
    .map__dropdown .dropdown__item, .map__mobile-dropdown .dropdown__item {
        padding-right: 1.6rem
    }
}

.map__dropdown {
    display: block;
    width: calc(100% - 9.6rem);
    position: absolute;
    top: 1.2rem;
    left: 1.2rem
}

.map__dropdown * ::-webkit-scrollbar-thumb {
    background-color: rgba(36, 36, 36, .16) !important
}

.map__dropdown .dropdown__list {
    display: none !important
}

@media (min-width: 770px) {
    .map__dropdown {
        width: 24rem;
        top: 3rem;
        left: 3rem
    }

    .map__dropdown .dropdown__list {
        display: block !important;
        padding: 1.6rem .8rem 1.6rem 1.6rem
    }
}

@media (min-width: 1280px) {
    .map__dropdown {
        width: 24rem
    }
}

.map__dropdown .dropdown__header {
    height: 5.6rem;
    padding: 1.6rem 2.4rem;
    -webkit-box-shadow: 0 .4rem 3rem -.4rem rgba(0, 17, 10, .08);
    box-shadow: 0 .4rem 3rem -.4rem rgba(0, 17, 10, .08);
    border: 1px solid #fff;
    -webkit-transition: .3s;
    transition: .3s
}

.map__dropdown .dropdown__header:hover {
    border: 1px solid #848484
}

.map__dropdown .dropdown__headerCat {
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 150%;
    letter-spacing: -.01em;
    color: #242424
}

.map__dropdown .dropdown__headerIcon, .map__me {
    width: 1.6rem;
    height: 1.6rem;
    background-image: url(img/map/arrow-down.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center
}

.map__dropdown .dropdown__list {
    top: calc(100% + .8rem)
}

.map__me {
    display: none !important;
    border-radius: 50%;
    width: 5.6rem;
    height: 5.6rem;
    -webkit-box-shadow: 0 .6rem 1.2rem -.8rem rgba(0, 17, 10, .2);
    box-shadow: 0 .6rem 1.2rem -.8rem rgba(0, 17, 10, .2);
    position: absolute;
    top: 1.2rem;
    right: 1.2rem;
    background-color: #fff;
    background-image: url(img/map/point.svg);
    cursor: default
}

.map__me:hover, .map__zoomin:hover, .map__zoomout:hover {
    background-color: #f0f0f0
}

@media (min-width: 770px) {
    .map__me {
        top: 3rem;
        left: 28.6rem;
        right: auto
    }
}

@media (min-width: 1280px) {
    .map__me {
        cursor: pointer
    }
}

.map__zoom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: 0;
    right: 1.2rem;
    height: 100%;
    padding-bottom: 1.2rem;
    z-index: 10;
    gap: .8rem
}

@media (min-width: 770px) {
    .map__zoom {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        right: 3rem;
        height: 100%
    }
}

.map__zoomin {
    border-radius: 50%;
    width: 5.6rem;
    height: 5.6rem;
    -webkit-box-shadow: 0 .6rem 1.2rem -.8rem rgba(0, 17, 10, .2);
    box-shadow: 0 .6rem 1.2rem -.8rem rgba(0, 17, 10, .2);
    background-color: #fff;
    background-image: url(img/map/plus.svg);
    background-size: auto;
    cursor: default
}

.map__ballon-mobile::after, .map__zoomin, .map__zoomout {
    background-repeat: no-repeat;
    background-position: center center
}

.map__zoomout {
    border-radius: 50%;
    width: 5.6rem;
    height: 5.6rem;
    -webkit-box-shadow: 0 .6rem 1.2rem -.8rem rgba(0, 17, 10, .2);
    box-shadow: 0 .6rem 1.2rem -.8rem rgba(0, 17, 10, .2);
    background-color: #fff;
    background-size: auto;
    cursor: default
}

.map__zoomin.disabled, .map__zoomout.disabled {
    opacity: .5;
    pointer-events: none
}

@media (min-width: 1280px) {
    .map__zoomin, .map__zoomout {
        cursor: pointer
    }
}

.map__zoomin {
    display: block
}

.map__zoomout {
    display: block;
    background-image: url(img/map/minus.svg)
}

.map__ballon-mobile {
    display: block;
    position: relative;
    padding-left: 3.2rem;
    padding-bottom: 1rem
}

.map__ballon-mobile::after {
    content: "";
    display: block;
    width: 2rem;
    height: 2rem;
    position: absolute;
    top: 0;
    left: 0;
    background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.0404 8.66976C16.0402 5.11846 13.3061 2.29199 9.99788 2.29199C6.6899 2.29221 3.95717 5.11849 3.95703 8.66976C3.95703 10.92 5.24494 13.1944 6.74105 14.9491C7.48091 15.8168 8.2498 16.5312 8.88867 17.0234C9.20885 17.2701 9.48718 17.4535 9.70492 17.5719C9.8771 17.6656 9.96965 17.6945 9.99788 17.7038C10.0253 17.6948 10.118 17.6664 10.2917 17.5719C10.5094 17.4535 10.7877 17.2701 11.1079 17.0234C11.7468 16.5312 12.5156 15.8167 13.2555 14.9491C14.7519 13.1944 16.0404 10.92 16.0404 8.66976ZM11.5962 8.61198C11.5962 7.65388 10.8571 6.92192 9.99951 6.92171C9.14069 6.92171 8.4012 7.65391 8.4012 8.61198C8.40124 9.5689 9.14055 10.3014 9.99951 10.3014C10.8573 10.3012 11.5962 9.56894 11.5962 8.61198ZM17.2904 8.66976C17.2904 11.3593 15.7777 13.9175 14.2069 15.7596C13.4133 16.6902 12.5822 17.4661 11.8713 18.0138C11.5165 18.2871 11.1815 18.5106 10.889 18.6698C10.6284 18.8115 10.3023 18.9587 9.99788 18.9587C9.69361 18.9585 9.36804 18.8115 9.10758 18.6698C8.81523 18.5107 8.48069 18.287 8.12614 18.0138C7.41523 17.466 6.58323 16.6903 5.78971 15.7596C4.21913 13.9175 2.70703 11.3592 2.70703 8.66976C2.70718 4.48701 5.94211 1.04221 9.99788 1.04199C14.0537 1.04199 17.2902 4.48677 17.2904 8.66976ZM12.8462 8.61198C12.8462 10.2107 11.5952 11.5512 9.99951 11.5514C8.40292 11.5514 7.15124 10.211 7.1512 8.61198C7.1512 7.01214 8.40274 5.67171 9.99951 5.67171C11.5954 5.67192 12.8462 7.01243 12.8462 8.61198Z" fill="%23242424" /></svg>');
    background-size: contain
}

.map__ballon-mobile .map__text {
    font-weight: 400
}

.map__cluster, .map__copy, .map__text {
    font-size: 1.6rem;
    line-height: 150%;
    letter-spacing: -.01em
}

.map__text {
    display: block;
    margin-bottom: 1.2rem;
    font-weight: 600;
    color: #242424
}

.map__cluster, .map__copy {
    font-weight: 500;
    color: #005932
}

.map__copy.copied {
    color: rgba(3, 3, 3, .27);
    pointer-events: none
}

.map__cluster {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 4.4rem;
    height: 4.4rem;
    font-weight: 600;
    line-height: 1;
    text-align: center;
    color: #fff
}

.ymaps-2-1-79-balloon, .ymaps-2-1-79-balloon__layout {
    min-width: 33.2rem;
    border-radius: 2.4rem;
    border: 0;
    outline: 0
}

.ymaps-2-1-79-balloon {
    -webkit-box-shadow: 0 .4rem 3rem -.4rem rgba(0, 17, 10, .08);
    box-shadow: 0 .4rem 3rem -.4rem rgba(0, 17, 10, .08)
}

.ymaps-2-1-79-balloon__content {
    padding: 2.4rem !important
}

.ymaps-2-1-79-balloon__close {
    top: 2px;
    right: .9rem
}

.map__mobile-title {
    display: block;
    margin-bottom: .8rem;
    font-weight: 600;
    font-size: 1.6rem;
    line-height: 150%;
    letter-spacing: -.01em;
    color: #242424
}

.moreTyres {
    padding: 6.4rem 0;
    color: #6c6c6c;
    background-color: #f2f8f6
}

@media (min-width: 770px) {
    .moreTyres {
        padding: 9.6rem 0
    }
}

@media (min-width: 1280px) {
    .moreTyres {
        padding: 12rem 0
    }
}

.moreTyres__title {
    text-align: center;
    color: #242424
}

.moreTyres__filter {
    margin-top: 3.2rem;
    margin-bottom: 4.8rem
}

@media screen and (min-width: 770px) {
    .moreTyres__filter {
        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;
        gap: 2.4rem;
        margin-top: 4.8rem
    }
}

@media screen and (min-width: 1280px) {
    .moreTyres__filter {
        margin-bottom: 6.4rem
    }
}

.moreTyres__filterText {
    margin-bottom: 1.6rem;
    text-align: center
}

@media screen and (min-width: 770px) {
    .moreTyres__filterText {
        margin: 0
    }
}

.moreTyres__tabs {
    margin-left: -2rem;
    margin-right: -2rem;
    padding-left: 2rem;
    padding-right: 2rem;
    text-align: center;
    overflow-x: auto;
    scrollbar-width: none
}

.moreTyres__tabs::-webkit-scrollbar {
    display: none
}

.moreTyres__size-list {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 2px;
    background-color: rgba(36, 36, 36, .06);
    border-radius: 10rem
}

.moreTyres__size-item {
    position: relative
}

.moreTyres__list, .moreTyres__size-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.moreTyres__size-link {
    height: 3.6rem;
    padding: 0 2.4rem;
    font-size: 1.6rem;
    line-height: 2.4rem;
    color: #6c6c6c;
    border-radius: 10rem;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

@media (hover: hover) {
    .moreTyres__size-link:hover {
        color: #242424
    }
}

@media (hover: none) {
    .moreTyres__size-link:active {
        color: #242424
    }
}

.moreTyres__size-item.active .moreTyres__size-link {
    color: #fff;
    background-color: #c7a362
}

.moreTyres__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1.2rem
}

@media screen and (min-width: 770px) {
    .moreTyres__list {
        gap: 2.4rem
    }
}

.moreTyres__item {
    width: 100%;
    max-width: 54rem;
    background-color: #fff;
    border-radius: 2.4rem
}

@media screen and (min-width: 770px) {
    .moreTyres__item {
        max-width: 80rem
    }
}

@media screen and (min-width: 1280px) {
    .moreTyres__item {
        max-width: 126rem
    }
}

.moreTyres__itemHeader {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: .8rem;
    padding: 2.4rem 1.2rem 2.4rem 2rem
}

@media screen and (min-width: 770px) {
    .moreTyres__itemHeader {
        padding: 4rem 4rem 2.4rem
    }
}

@media screen and (min-width: 1280px) {
    .moreTyres__itemHeader {
        padding: 4rem 4.8rem 2.4rem
    }
}

.moreTyres__itemHeaderContent {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1.2rem;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

@media screen and (min-width: 770px) {
    .moreTyres__itemHeaderContent {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        gap: 0
    }
}

.moreTyres__itemTitle {
    font-weight: 600;
    font-size: 2.4rem;
    line-height: 3.2rem;
    color: #242424
}

@media screen and (min-width: 770px) {
    .moreTyres__itemTitle {
        padding-right: 1.6rem;
        font-size: 3rem;
        line-height: 3.4rem
    }
}

.moreTyres__itemHeaderBottom, .moreTyres__itemSeason {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.moreTyres__itemHeaderBottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1.6rem;
    line-height: 2.4rem
}

.moreTyres__itemSeason {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    gap: .8rem;
    padding-right: 1.2rem
}

@media screen and (min-width: 770px) {
    .moreTyres__itemSeason {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        padding-left: 1.6rem;
        padding-right: 1.6rem
    }

    .moreTyres__itemSeason::before {
        content: '';
        position: absolute;
        left: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 1px;
        height: .8rem;
        background-color: rgba(36, 36, 36, .16)
    }
}

.moreTyres__itemSeason::after {
    content: '';
    width: 2.4rem;
    height: 2.4rem;
    background-size: cover;
    background-repeat: no-repeat
}

.moreTyres__itemSeason--summer::after {
    background-image: url(img/moreTyres/summer.svg)
}

.moreTyres__itemSeason--winter::after {
    background-image: url(img/moreTyres/winter.svg)
}

.moreTyres__itemSeason--all::after {
    background-image: url(img/moreTyres/all.svg)
}

.moreTyres__itemSize {
    position: relative;
    padding-left: 1.2rem
}

.moreTyres__itemSize::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1px;
    height: .8rem;
    background-color: rgba(36, 36, 36, .16)
}

@media screen and (min-width: 770px) {
    .moreTyres__itemSize {
        padding-left: 1.6rem
    }
}

.moreTyres__itemArrow {
    width: 3.6rem;
    height: 3.6rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background-image: url(img/moreTyres/arrow.svg);
    background-position: center;
    background-repeat: no-repeat;
    -webkit-transition: .1s;
    transition: .1s
}

@media screen and (min-width: 770px) {
    .moreTyres__itemArrow {
        display: none
    }
}

.moreTyres__itemContent {
    padding: 4rem 1.2rem 3.2rem;
    border-top: 1px solid rgba(36, 36, 36, .16)
}

@media (max-width: 769px) {
    .moreTyres__itemContent {
        display: none
    }
}

@media screen and (min-width: 770px) {
    .moreTyres__itemContent {
        padding: 2.4rem 4rem 4rem
    }
}

@media screen and (min-width: 1280px) {
    .moreTyres__itemContent {
        position: relative;
        padding: 3.2rem 4.8rem 4.8rem
    }
}

.moreTyres__itemContentInner {
    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: 769px) {
    .moreTyres__itemContentTop {
        -webkit-box-ordinal-group: 21;
        -ms-flex-order: 20;
        order: 20;
        margin-top: 3.2rem
    }
}

@media screen and (min-width: 1280px) {
    .moreTyres__itemContentTop {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.moreTyres__itemText {
    font-size: 1.6rem;
    line-height: 2.4rem
}

@media screen and (min-width: 770px) {
    .moreTyres__itemText {
        max-width: 61rem
    }
}

@media screen and (min-width: 1280px) {
    .moreTyres__itemText {
        max-width: 58rem
    }
}

.moreTyres__itemText p:not(:last-child) {
    margin-bottom: 1rem
}

.moreTyres__itemButtons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: .8rem;
    margin-top: 2.4rem
}

@media screen and (min-width: 770px) {
    .moreTyres__itemButtons {
        gap: 1.6rem
    }
}

@media (max-width: 769px) {
    .moreTyres__itemButtons--top {
        display: none
    }
}

@media screen and (min-width: 1280px) {
    .moreTyres__itemButtons--top {
        margin-top: 0;
        -webkit-transition: .1s;
        transition: .1s
    }
}

@media (max-width: 769px) {
    .moreTyres__itemButtons--bottom {
        -webkit-box-ordinal-group: 51;
        -ms-flex-order: 50;
        order: 50
    }

    .moreTyres__itemButton.moreTyres__itemButton {
        width: 50%
    }
}

.moreTyres__itemButton.moreTyres__itemButton--toggle {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.moreTyres__tableBlock {
    display: none;
    margin-top: 3.2rem
}

@media (max-width: 769px) {
    .moreTyres__tableBlock {
        -webkit-box-ordinal-group: 31;
        -ms-flex-order: 30;
        order: 30
    }
}

@media screen and (min-width: 770px) {
    .moreTyres__tableBlock {
        margin-top: 6.4rem
    }
}

.moreTyres__tableTitle {
    margin-bottom: 2.4rem;
    font-weight: 600;
    font-size: 2rem;
    line-height: 2.4rem;
    text-align: center;
    color: #242424
}

@media screen and (min-width: 770px) {
    .moreTyres__tableTitle {
        margin-bottom: 3.2rem;
        font-size: 3rem;
        line-height: 3.4rem
    }
}

.moreTyres__table {
    width: 100%;
    border-collapse: collapse
}

@media screen and (min-width: 1280px) {
    .moreTyres__table {
        width: 71.2rem;
        margin: 0 auto
    }
}

.moreTyres__td {
    position: relative;
    width: 16.8rem;
    height: 5.6rem;
    padding: 0 .6rem;
    font-size: 1.6rem;
    line-height: 2.4rem;
    color: #242424
}

@media screen and (min-width: 770px) {
    .moreTyres__td {
        height: auto;
        padding: 1.6rem 0;
        line-height: 2rem
    }
}

@media screen and (min-width: 1280px) {
    .moreTyres__td {
        width: 17.9rem;
        padding: 2.4rem 0
    }
}

.moreTyres__td:first-child {
    padding-left: 1.6rem;
    border-radius: 1.2rem 0 0 1.2rem
}

@media screen and (min-width: 770px) {
    .moreTyres__td:first-child {
        padding-left: 2.4rem;
        padding-right: 2.4rem
    }
}

@media screen and (min-width: 1280px) {
    .moreTyres__td:first-child {
        padding-left: 3.2rem;
        border-radius: 2.4rem 0 0 2.4rem
    }
}

.moreTyres__td:last-child {
    padding-right: 1.6rem;
    border-radius: 0 1.2rem 1.2rem 0
}

@media screen and (min-width: 770px) {
    .moreTyres__td:last-child {
        padding-right: 2.4rem
    }
}

@media screen and (min-width: 1280px) {
    .moreTyres__td:last-child {
        padding-right: 3.2rem;
        border-radius: 0 2.4rem 2.4rem 0
    }
}

.moreTyres__td--wide {
    width: auto;
    font-weight: 600
}

.moreTyres__td--info {
    width: 3.2rem;
    padding-right: 2.4rem;
    border-radius: 0 1.2rem 1.2rem 0
}

@media screen and (min-width: 770px) {
    .moreTyres__td--mobile {
        display: none
    }
}

@media (max-width: 769px) {
    .moreTyres__td--desktop {
        display: none
    }
}

.moreTyres__tdContent {
    padding-left: 2.4rem;
    border-left: 1px solid rgba(36, 36, 36, .16)
}

@media screen and (min-width: 1280px) {
    .moreTyres__tdContent {
        padding-left: 3.2rem
    }
}

.moreTyres__tyreTitle {
    font-weight: 600;
    font-size: 1.6rem;
    line-height: 2.4rem
}

@media screen and (min-width: 770px) {
    .moreTyres__tyreTitle {
        font-size: 2rem;
        line-height: 2.6rem
    }
}

.moreTyres__tdTitle {
    margin-bottom: .4rem;
    font-size: 1.2rem;
    line-height: 1.4rem;
    color: #6c6c6c
}

@media screen and (min-width: 1280px) {
    .moreTyres__tdTitle {
        font-size: 1.3rem;
        line-height: 1.6rem;
        white-space: nowrap
    }

    .moreTyres__tdTitle br {
        display: none
    }
}

.moreTyres__tdText {
    font-weight: 600;
    font-size: 1.6rem;
    line-height: 2rem
}

.moreTyres__tyre.hidden {
    display: none
}

.moreTyres__tyre:nth-child(odd) .moreTyres__td, .popupCookie__text table tbody tr:nth-child(odd), .popupDocument__text table tbody tr:nth-child(odd) {
    background-color: #f2f8f6
}

.moreTyres__toggleInfo {
    width: 3.2rem;
    height: 3.2rem;
    border-radius: 50%;
    background-image: url(img/moreTyres/info.svg);
    background-size: contain;
    background-repeat: no-repeat
}

.moreTyres__info {
    display: none
}

.bottomSheet .moreTyres__info {
    display: block
}

.moreTyres__infoTitle {
    padding-bottom: 2rem;
    font-weight: 600;
    font-size: 2rem;
    line-height: 2.4rem;
    border-bottom: 1px solid rgba(36, 36, 36, .16)
}

.moreTyres__infoItem, .moreTyres__infoList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.moreTyres__infoList {
    gap: 1.6rem;
    padding: 2rem 0 1.6rem
}

.moreTyres__infoItem {
    gap: .4rem
}

.moreTyres__infoItemText, .moreTyres__infoItemTitle {
    font-size: 1.6rem;
    line-height: 2.4rem
}

.moreTyres__infoItemText {
    font-weight: 600
}

.moreTyres__images {
    margin-top: 0
}

@media (max-width: 769px) {
    .moreTyres__images {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }
}

@media screen and (min-width: 770px) {
    .moreTyres__images {
        display: none;
        margin-top: 4rem
    }
}

@media screen and (min-width: 1280px) {
    .moreTyres__images {
        display: block;
        margin-top: 0;
        -webkit-transition: .3s;
        transition: .3s
    }
}

.moreTyres__item:not(.open) .moreTyres__itemButtons--top {
    height: 0;
    margin: 0;
    opacity: 0;
    visibility: hidden;
    pointer-events: none
}

.moreTyres__item:not(.open) .moreTyres__itemButton--hide {
    display: none
}

.moreTyres__item.open .moreTyres__itemArrow {
    -webkit-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
    transform: scale(1, -1)
}

.moreTyres__item.open .moreTyres__itemButton--show {
    display: none
}

@media screen and (min-width: 1280px) {
    .moreTyres__item.show .moreTyres__images {
        margin-bottom: 47.4rem
    }
}

@media screen and (min-width: 1440px) {
    .moreTyres__item.show .moreTyres__images {
        margin-bottom: 50.4rem
    }
}

@media screen and (min-width: 1280px) {
    .moreTyres__item.show .moreTyres__tableBlock {
        margin-top: 0
    }
}

.page404 {
    display: block;
    background-image: url(img/page404/bg.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    min-height: 65rem;
    background-color: #414243;
    padding-top: 12.8rem
}

@supports (background-image:url(test.webp)) {
    .page404 {
        background-image: url(img/page404/bg.webp)
    }
}

@media (min-width: 770px) {
    .page404 {
        min-height: 85rem;
        height: calc(100vh - 49rem);
        padding-top: 19.2rem
    }
}

.page404__content {
    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;
    max-width: 48rem;
    color: #fff;
    margin: 0 auto;
    text-align: center
}

.page404__title {
    display: block;
    margin-bottom: .4rem;
    font-weight: 600;
    font-size: 3.2rem;
    line-height: 112%;
    letter-spacing: 0
}

@media (min-width: 770px) {
    .page404__title {
        font-weight: 600;
        font-size: 6.4rem;
        line-height: 106%
    }
}

.page404__text {
    display: block;
    margin-bottom: 1.8rem;
    font-weight: 600;
    font-size: 1.6rem;
    line-height: 150%;
    letter-spacing: -.01em
}

@media (min-width: 770px) {
    .page404__text {
        margin-bottom: 3.2rem
    }
}

.page404__descr {
    display: block;
    margin-bottom: 3.2rem;
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 150%;
    letter-spacing: -.01em
}

@media (min-width: 770px) {
    .page404__descr {
        margin-bottom: 4.8rem
    }
}

.partners {
    padding: 6rem 0;
    background-color: #fff
}

@media (min-width: 770px) {
    .partners {
        padding: 9.6rem 0
    }

    .partners .container {
        max-width: 112rem
    }
}

@media (min-width: 1280px) {
    .partners .container {
        min-width: 112rem
    }
}

.partners__header {
    margin-bottom: 3.2rem;
    text-align: center
}

@media (min-width: 770px) {
    .partners__header {
        margin-bottom: 3.6rem
    }
}

.partners__title.partners__title {
    margin-bottom: 3.2rem;
    color: #242424
}

@media (min-width: 770px) {
    .partners__title.partners__title {
        margin-bottom: 2.4rem
    }
}

.partners__subtitle.partners__subtitle {
    font-size: 1.6rem;
    line-height: 150%;
    letter-spacing: -.01em;
    text-align: center;
    color: #6c6c6c
}

.partners__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: .8rem
}

@media (min-width: 770px) {
    .partners__list {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        gap: 2.4rem
    }
}

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

@media (min-width: 770px) {
    .partners__item {
        width: calc(100% - 0rem)
    }
}

@media (min-width: 1280px) {
    .partners__item {
        width: calc(100% - 0rem)
    }
}

.partners__itemLink {
    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;
    width: 100%;
    padding: 3.2rem;
    font-weight: 600;
    font-size: 2rem;
    line-height: 2.6rem;
    letter-spacing: -.15px;
    color: #242424;
    background-color: #f2f8f6;
    border-radius: 2.4rem;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.partners__itemLink::after {
    content: '';
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 3.6rem;
    height: 3.6rem;
    margin-left: 2.4rem;
    border-radius: 50%;
    background-color: rgba(0, 125, 70, .08);
    background-image: url(img/partners/right.svg);
    background-size: 2.4rem;
    background-position: center;
    background-repeat: no-repeat
}

@media (hover: hover) {
    .partners__itemLink:hover {
        background-color: #ebf4f1
    }
}

@media (hover: none) {
    .partners__itemLink:active {
        background-color: #ebf4f1
    }
}

.popup {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(3, 3, 3, .27);
    z-index: 500
}

.popup:not(.active) {
    display: none
}

.popup__inner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

@media (min-width: 770px) {
    .popup__inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.popup__window {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 4rem .8rem 4rem 2rem;
    background-color: #fff
}

@media (min-width: 770px) {
    .popup__window {
        width: 70rem;
        height: auto;
        margin: auto;
        padding: 6.8rem 3.2rem 4.8rem 4.8rem;
        border-radius: 2.4rem
    }
}

.popup__content {
    max-height: 100%;
    padding-right: 1.6rem;
    overflow: auto;
    scrollbar-width: thin;
    scrollbar-height: .5rem;
    scrollbar-color: rgba(36, 36, 36, .16) rgba(36, 36, 36, .06)
}

@media (min-width: 770px) {
    .popup__content {
        max-height: calc(100vh - 35rem);
        scrollbar-color: rgba(36, 36, 36, .16) transparent
    }
}

.popup__close {
    position: absolute;
    top: 0;
    right: 0;
    width: 4.8rem;
    height: 4.8rem;
    background-image: url(img/popup/close.svg);
    background-position: center;
    background-repeat: no-repeat;
    cursor: default
}

@media (min-width: 1280px) {
    .popup__close {
        cursor: pointer
    }
}

@media (min-width: 770px) {
    .popup__close {
        top: .8rem;
        right: .8rem;
        width: 5.6rem;
        height: 5.6rem
    }
}

.popupCookie {
    color: #242424
}

.popupCookie__title {
    padding-bottom: 1.6rem;
    font-weight: 600;
    font-size: 1.8rem;
    line-height: 2.2rem;
    position: absolute;
    top: 3.9rem;
    left: 2rem;
    right: 2rem;
    background-color: #fff
}

@media (min-width: 770px) {
    .popupCookie__title {
        padding-bottom: 2.4rem;
        font-size: 2.6rem;
        line-height: 3.2rem;
        top: 4.8rem;
        left: 4.8rem;
        right: 4.8rem
    }
}

.popupCookie__text {
    padding-top: 6rem;
    font-size: 1.6rem;
    line-height: 2.8rem
}

@media (min-width: 770px) {
    .popupCookie__text {
        padding-top: 6.8rem
    }
}

.popupCookie__text p:not(:last-child), .popupDocument__text p:not(:last-child) {
    margin-bottom: 1.6rem
}

.popupCookie__text h3, .popupDocument__text h3 {
    margin: 4rem 0 1.6rem;
    font-weight: 600;
    font-size: 1.6rem;
    line-height: 2.4rem
}

.popupCookie__text a, .popupDocument__text a {
    color: #007d46;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

@media (hover: hover) {
    .popupCookie__text a:hover {
        color: #007240
    }
}

@media (hover: none) {
    .popupCookie__text a:active {
        color: #007240
    }
}

.popupCookie__text .table, .popupDocument__text .table {
    margin-bottom: 1.2rem;
    padding-bottom: 1.2rem;
    overflow: auto;
    scrollbar-width: thin;
    scrollbar-height: .5rem;
    scrollbar-color: rgba(36, 36, 36, .16) rgba(36, 36, 36, .06)
}

.popupCookie__text table, .popupDocument__text table {
    border-collapse: collapse
}

.popupCookie__text table td, .popupCookie__text table th {
    padding: 1.2rem
}

.popupCookie__text table td:first-child {
    padding-left: 2.4rem;
    border-radius: 1.2rem 0 0 1.2rem
}

.popupCookie__text table td:last-child {
    padding-right: 2.4rem;
    border-radius: 0 1.2rem 1.2rem 0
}

.popupCookie__text table th {
    font-size: 1.3rem;
    line-height: 1.6rem;
    text-align: left;
    color: #6c6c6c
}

.popupDocument {
    color: #242424
}

.popupDocument__title {
    padding-bottom: 1.6rem;
    font-weight: 600;
    font-size: 1.8rem;
    line-height: 2.2rem;
    position: absolute;
    top: 3.9rem;
    left: 2rem;
    right: 2rem;
    background-color: #fff
}

@media (min-width: 770px) {
    .popupDocument__title {
        padding-bottom: 2.4rem;
        font-size: 2.6rem;
        line-height: 3.2rem;
        top: 4.8rem;
        left: 4.8rem;
        right: 4.8rem
    }
}

.popupDocument__text {
    padding-top: 6rem;
    font-size: 1.6rem;
    line-height: 2.8rem
}

@media (min-width: 770px) {
    .popupDocument__text {
        padding-top: 6.8rem
    }
}

@media (hover: hover) {
    .popupDocument__text a:hover {
        color: #007240
    }
}

@media (hover: none) {
    .popupDocument__text a:active {
        color: #007240
    }
}

.popupDocument__text table td, .popupDocument__text table th {
    padding: 1.2rem
}

.popupDocument__text table td:first-child {
    padding-left: 2.4rem;
    border-radius: 1.2rem 0 0 1.2rem
}

.popupDocument__text table td:last-child {
    padding-right: 2.4rem;
    border-radius: 0 1.2rem 1.2rem 0
}

.popupDocument__text table th {
    font-size: 1.3rem;
    line-height: 1.6rem;
    text-align: left;
    color: #6c6c6c
}

.productSizes {
    padding: 6.4rem 0
}

@media screen and (min-width: 770px) {
    .productSizes {
        padding: 9.6rem 0
    }
}

.productSizes__title {
    font-size: 2.4rem;
    line-height: 3.2rem
}

@media screen and (min-width: 770px) {
    .productSizes__title {
        font-size: 4.8rem;
        line-height: 5.8rem
    }
}

.productSizes__content {
    position: relative
}

@media screen and (min-width: 1280px) {
    .productSizes__content {
        min-height: 51.2rem
    }
}

.productSizes__tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 3.2rem;
    margin-left: -2rem;
    margin-right: -2rem;
    padding-left: 2rem;
    padding-right: 2rem;
    overflow-x: auto;
    scrollbar-width: none
}

.productSizes__tabs::-webkit-scrollbar {
    display: none
}

@media screen and (min-width: 770px) {
    .productSizes__tabs {
        margin-top: 4.8rem
    }
}

.productSizes__tabs .productSizes__button {
    margin: 0
}

@media (max-width: 1279px) {
    .productSizes__tabs .productSizes__button {
        display: none !important
    }
}

.productSizes__size-list {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 2px;
    background-color: rgba(255, 255, 255, .08);
    border-radius: 10rem
}

.productSizes__size-item {
    position: relative
}

.productSizes__size-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 3.6rem;
    padding: 0 2.4rem;
    font-size: 1.6rem;
    line-height: 2.4rem;
    color: rgba(255, 255, 255, .6);
    border-radius: 10rem;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

@media (hover: hover) {
    .productSizes__size-link:hover {
        color: #fff
    }
}

@media (hover: none) {
    .productSizes__size-link:active {
        color: #fff
    }
}

.productSizes__size-item_active .productSizes__size-link {
    color: #fff;
    background-color: #007d46
}

.productSizes__table {
    width: 100%;
    margin-top: 3.2rem;
    border-collapse: collapse
}

@media screen and (min-width: 770px) {
    .productSizes__table {
        margin-top: 4rem
    }
}

@media screen and (min-width: 1280px) {
    .productSizes__table {
        width: 59.8rem;
        margin-top: 2.4rem;
        -webkit-transition: .3s ease-in-out;
        transition: .3s ease-in-out
    }

    .productSizes__table.open {
        margin-top: 49rem
    }
}

@media screen and (min-width: 1440px) {
    .productSizes__table.open {
        margin-top: 52rem
    }
}

.productSizes__td {
    width: 18rem;
    height: 5.6rem;
    padding: 0 .6rem;
    font-size: 1.6rem;
    line-height: 2.4rem;
    color: #fff
}

@media screen and (min-width: 770px) {
    .productSizes__td {
        height: 4.8rem
    }
}

@media screen and (min-width: 1280px) {
    .productSizes__td {
        width: 15rem
    }
}

.productSizes__td:first-child {
    padding-left: 2.4rem;
    border-radius: 1.2rem 0 0 1.2rem
}

.productSizes__td:last-child {
    padding-right: 2.4rem;
    border-radius: 0 1.2rem 1.2rem 0
}

@media screen and (min-width: 1280px) {
    .productSizes__td:last-child {
        width: 18rem
    }
}

.productSizes__td--wide {
    width: auto;
    font-weight: 600
}

.productSizes__td--info {
    width: 3.2rem;
    padding-right: 2.4rem;
    border-radius: 0 1.2rem 1.2rem 0
}

@media screen and (min-width: 770px) {
    .productSizes__td--mobile {
        display: none
    }
}

@media (max-width: 769px) {
    .productSizes__head, .productSizes__td--desktop {
        display: none
    }
}

.productSizes__head .productSizes__td {
    font-weight: 400;
    font-size: 1.3rem;
    line-height: 1.6rem;
    text-align: left;
    color: #6c6c6c
}

.productSizes__tyre.hidden {
    display: none
}

.productSizes__tyre:nth-child(odd) .productSizes__td {
    background-color: rgba(255, 255, 255, .08)
}

.productSizes__toggleInfo {
    width: 3.2rem;
    height: 3.2rem;
    border-radius: 50%;
    background-image: url(img/productSizes/info.svg);
    background-size: contain;
    background-repeat: no-repeat
}

.productSizes__info {
    display: none
}

.bottomSheet .productSizes__info {
    display: block
}

.productSizes__infoTitle {
    padding-bottom: 2rem;
    font-weight: 600;
    font-size: 2rem;
    line-height: 2.4rem;
    border-bottom: 1px solid rgba(36, 36, 36, .16)
}

.productSizes__infoItem, .productSizes__infoList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.productSizes__infoList {
    gap: 1.6rem;
    padding: 2rem 0 1.6rem
}

.productSizes__infoItem {
    gap: .4rem
}

.productSizes__infoItemText, .productSizes__infoItemTitle {
    font-size: 1.6rem;
    line-height: 2.4rem
}

.productSizes__infoItemText {
    font-weight: 600
}

.productSizes__button {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: .8rem;
    height: 4rem;
    margin-top: 2rem;
    padding: 0 1.6rem;
    font-size: 1.4rem;
    line-height: 2.4rem;
    color: #c7a362;
    border: 1px solid #c7a362;
    border-radius: 10rem;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

@media screen and (min-width: 770px) {
    .productSizes__button {
        margin-top: 2.4rem
    }
}

.productSizes__button::before {
    content: '';
    width: 2.2rem;
    height: 2.2rem;
    background-image: url(img/productSizes/arrow.svg);
    background-size: contain;
    background-repeat: no-repeat
}

.productSizes__button--less {
    display: none
}

.productSizes__button--less::before {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

@media (hover: hover) {
    .productSizes__button:hover {
        opacity: .7
    }
}

@media (hover: none) {
    .productSizes__button:active {
        opacity: .7
    }
}

.richBlock {
    position: relative;
    padding-top: 16rem;
    background-color: #242424
}

@media (min-width: 770px) {
    .richBlock {
        padding-top: 9.6rem
    }
}

@media (min-width: 1280px) {
    .richBlock {
        padding-top: 0;
        overflow: hidden
    }
}

@media (min-width: 1921px) {
    .richBlock {
        margin: 0 auto;
        position: relative;
        width: 192rem
    }

    .richBlock::after, .richBlock::before {
        content: '';
        display: block;
        position: absolute;
        top: -1px;
        height: calc(100% + 2px);
        width: 10rem;
        z-index: 1;
        pointer-events: none
    }

    .richBlock::before {
        left: -1px;
        background: -webkit-gradient(linear, right top, left top, from(transparent), to(#242424));
        background: linear-gradient(-90deg, transparent 0, #242424 100%)
    }

    .richBlock::after {
        right: -1px;
        background: -webkit-gradient(linear, left top, right top, from(transparent), to(#242424));
        background: linear-gradient(90deg, transparent 0, #242424 100%)
    }
}

#flagship {
    position: relative;
    top: 30rem
}

@media (min-width: 770px) {
    #flagship {
        top: 60rem
    }
}

@media (min-width: 1280px) {
    #flagship {
        top: 30rem
    }
}

@media (min-width: 1600px) {
    #flagship {
        top: 40rem
    }
}

.richBlock__image {
    display: block;
    position: relative
}

@media (min-width: 1280px) {
    .richBlock__image {
        margin-bottom: -45rem
    }
}

.richBlock__image::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(2.19%, #242424), color-stop(21.9%, rgba(36, 36, 36, 0))), -webkit-gradient(linear, left top, left bottom, color-stop(84.6%, rgba(36, 36, 36, 0)), to(#242424));
    background: linear-gradient(180deg, #242424 2.19%, rgba(36, 36, 36, 0) 21.9%), linear-gradient(180deg, rgba(36, 36, 36, 0) 84.6%, #242424 100%)
}

@media (min-width: 1280px) {
    .richBlock__image::before {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(73.24%, rgba(36, 36, 36, 0)), color-stop(91.97%, #242424)), -webkit-gradient(linear, left top, left bottom, color-stop(7.01%, #242424), color-stop(23.36%, rgba(36, 36, 36, 0)));
        background: linear-gradient(180deg, rgba(36, 36, 36, 0) 73.24%, #242424 91.97%), linear-gradient(180deg, #242424 7.01%, rgba(36, 36, 36, 0) 23.36%)
    }
}

@media (min-width: 770px) {
    .richBlock__image img {
        height: 116rem;
        width: auto;
        -o-object-fit: cover;
        object-fit: cover
    }
}

@media (min-width: 1280px) {
    .richBlock__image img {
        height: 182.9rem
    }
}

.richBlock__header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding-top: 6.4rem
}

@media (min-width: 770px) {
    .richBlock__header {
        padding-top: 9.6rem
    }
}

@media (min-width: 1280px) {
    .richBlock__header {
        padding-top: 12rem
    }
}

.richBlock__header .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.richBlock__size {
    margin-bottom: 1.6rem;
    font-weight: 600;
    font-size: 1.8rem;
    line-height: 2.2rem;
    color: rgba(255, 255, 255, .6)
}

.richBlock__title {
    max-width: 85rem
}

.richBlock__subtitle {
    margin-top: 1.6rem;
    font-weight: 600;
    font-size: 1.8rem;
    line-height: 2.2rem;
    color: rgba(255, 255, 255, .6)
}

@media (min-width: 770px) {
    .richBlock__subtitle {
        max-width: 60rem;
        font-size: 2.6rem;
        line-height: 3.2rem
    }
}

.richBlock__infoPlace {
    margin-top: -5.6rem
}

@media (min-width: 770px) {
    .richBlock__infoPlace {
        margin: -24.6rem 4rem 0
    }
}

@media (min-width: 1280px) {
    .richBlock__infoPlace {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        position: absolute;
        top: 44.8rem;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 100%;
        min-width: 128rem;
        max-width: 134rem;
        margin: 0;
        padding: 0 4rem
    }
}

.richBlock__info {
    position: relative;
    padding: 2.4rem 2rem;
    background-color: rgba(255, 255, 255, .08);
    border-radius: 2.4rem
}

@media (min-width: 770px) {
    .richBlock__info {
        padding: 4.8rem 3.2rem;
        background-color: #f2f8f6
    }
}

@media (min-width: 1280px) {
    .richBlock__info {
        width: 40.4rem;
        padding: 6.4rem 4.8rem
    }
}

.richBlock__info p:not(:last-child) {
    margin-bottom: 1rem
}

.richBlock__infoText {
    font-size: 1.6rem;
    line-height: 2.8rem;
    color: #fff
}

@media (min-width: 770px) {
    .richBlock__infoText {
        color: #6c6c6c
    }
}

.richBlock__infoButton {
    margin-top: 2.4rem
}

@media (max-width: 769px) {
    .richBlock__infoButton .button {
        width: 100%
    }
}

@media (min-width: 770px) {
    .richBlock__infoButton .button {
        background-color: #c7a362
    }
}

@media (min-width: 770px) and (hover: hover) {
    .richBlock__infoButton .button:hover {
        background-color: #c0984f
    }
}

@media (min-width: 770px) and (hover: none) {
    .richBlock__infoButton .button:active {
        background-color: #c0984f
    }
}

@media (min-width: 1280px) {
    .richBlock--right .richBlock__header .container {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        text-align: right
    }

    .richBlock--right .richBlock__infoPlace {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.richBlock:first-child {
    padding-top: 9.6rem
}

@media (min-width: 770px) {
    .richBlock:first-child {
        padding-top: 0
    }
}

.richBlock:first-child .richBlock__header {
    padding-top: 0
}

@media (min-width: 1280px) {
    .richBlock:first-child .richBlock__image {
        top: -12rem;
        margin-bottom: -57rem
    }

    .richBlock:first-child .richBlock__infoPlace {
        top: 32.8rem
    }
}

.socials {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 1.6rem
}

.socials__item a, .tech__controls .swiper-pagination-bullet::after {
    display: block;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.socials__item a {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 4rem;
    margin: 0;
    padding: 0;
    background-image: none;
    background-color: #fff;
    border-radius: 50%
}

@media (hover: hover) {
    .socials__item a:hover {
        background-color: #cce5da
    }
}

@media (hover: none) {
    .socials__item a:active {
        background-color: #cce5da
    }
}

.socials__item img {
    display: block;
    width: 100%
}

.start {
    position: relative;
    height: 74.8rem;
    padding-top: 9.6rem;
    background-image: url(img/start/bg-m.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

@supports (background-image:url(test.webp)) {
    .start {
        background-image: url(img/start/bg-m.webp)
    }
}

@media (min-width: 770px) {
    .start {
        height: 112rem;
        padding-top: 13.6rem;
        background-image: url(img/start/bg-t.jpg)
    }

    @supports (background-image:url(test.webp)) {
        .start {
            background-image: url(img/start/bg-t.webp)
        }
    }
}

@media (min-width: 1280px) {
    .start {
        height: 136.6rem;
        background-image: url(img/start/bg-d.jpg)
    }

    @supports (background-image:url(test.webp)) {
        .start {
            background-image: url(img/start/bg-d.webp)
        }
    }
}

.start::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(80%, rgba(36, 36, 36, 0)), to(#242424));
    background: linear-gradient(180deg, rgba(36, 36, 36, 0) 80%, #242424 100%);
    pointer-events: none
}

.start__title {
    max-width: 60rem;
    font-size: 3.2rem;
    line-height: 3.6rem
}

@media (min-width: 770px) {
    .start__title {
        max-width: none;
        font-size: 6.4rem;
        line-height: 6.8rem;
        text-align: center
    }
}

@media (min-width: 1280px) {
    .start__title {
        font-size: 8rem;
        line-height: 8.4rem
    }
}

.start__text {
    max-width: 60rem;
    margin-top: 1.6rem;
    font-size: 1.6rem;
    line-height: 2.4rem;
    color: rgba(255, 255, 255, .6)
}

@media (min-width: 770px) {
    .start__text {
        max-width: 100rem;
        margin: 3.2rem auto 0;
        font-size: 3rem;
        line-height: 3.4rem;
        text-align: center
    }
}

.tech {
    padding-top: 6.4rem
}

@media (min-width: 770px) {
    .tech {
        padding-top: 9.6rem
    }
}

.tech__title {
    margin-bottom: 3.2rem;
    font-weight: 600;
    font-size: 2.4rem;
    line-height: 3.2rem
}

@media (min-width: 770px) {
    .tech__title {
        margin-bottom: 4rem;
        font-size: 4.8rem;
        line-height: 5.8rem
    }
}

.tech__list.tech__list {
    margin: 0 -2rem;
    padding: 0 2rem
}

@media (min-width: 770px) {
    .tech__list.tech__list {
        margin: 0 -4rem;
        padding: 0 4rem
    }
}

@media (min-width: 1280px) {
    .tech__list.tech__list {
        overflow: visible
    }
}

.tech__item.tech__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: auto;
    background-color: rgba(255, 255, 255, .08);
    border-radius: 2.4rem
}

@media (min-width: 770px) {
    .tech__item.tech__item {
        background-color: transparent
    }
}

@media (min-width: 1280px) {
    .tech__item.tech__item {
        -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;
        gap: 2.4rem
    }
}

.tech__image {
    display: block;
    border-radius: 2.4rem;
    overflow: hidden
}

@media (min-width: 1280px) {
    .tech__image {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 83.2rem
    }
}

.tech__image img {
    width: 100%
}

.tech__itemContent {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 2rem 2rem 2.4rem
}

@media (min-width: 770px) {
    .tech__itemContent {
        display: block;
        padding: 4rem 0 3.2rem
    }
}

@media (min-width: 1280px) {
    .tech__itemContent {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        width: 40.4rem;
        height: 64rem;
        padding: 6rem 4.8rem
    }
}

.tech__itemTitle {
    padding-right: 2rem;
    font-weight: 600;
    font-size: 1.8rem;
    line-height: 2.2rem
}

@media (min-width: 770px) {
    .tech__itemTitle {
        padding-right: 0;
        font-size: 2.6rem;
        line-height: 3.2rem
    }
}

.bottomSheet .tech__itemTitle {
    padding-bottom: 2rem;
    font-size: 2rem;
    line-height: 2.4rem;
    border-bottom: 1px solid rgba(36, 36, 36, .16)
}

.tech__itemText {
    margin-top: 2rem;
    font-size: 1.6rem;
    line-height: 2.8rem;
    color: rgba(255, 255, 255, .6)
}

@media (max-width: 769px) {
    .tech__item .tech__itemText {
        display: none
    }
}

.bottomSheet .tech__itemText {
    color: #242424
}

.tech__toggleInfo {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 3.2rem;
    height: 3.2rem;
    border-radius: 50%;
    background-image: url(img/tech/info.svg);
    background-size: contain;
    background-repeat: no-repeat
}

@media (min-width: 770px) {
    .tech__toggleInfo {
        display: none
    }
}

.tech__controls, .tech__controls .swiper-pagination {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.tech__controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    position: relative;
    margin-top: 2rem
}

@media (min-width: 770px) {
    .tech__controls {
        margin-top: 4.8rem;
        text-align: center
    }
}

.tech__controls .swiper-pagination {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 2rem
}

@media (min-width: 770px) {
    .tech__controls .swiper-pagination {
        height: 3.6rem;
        padding: 0 1rem;
        background-color: rgba(255, 255, 255, .12);
        border-radius: 10rem
    }
}

.tech__controls .swiper-pagination-bullet {
    width: 1.8rem;
    height: 1.8rem;
    opacity: .56;
    border-radius: 10rem;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    position: relative;
    cursor: default
}

@media (min-width: 1280px) {
    .tech__controls .swiper-pagination-bullet {
        cursor: pointer
    }
}

.tech__controls .swiper-pagination-bullet::after {
    content: "";
    position: absolute;
    width: .6rem;
    height: .6rem;
    border-radius: 10rem;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #c7a362
}

.tech__controls .swiper-pagination-bullet-active {
    width: 4.8rem;
    opacity: 1;
    cursor: auto
}

.tech__controls .swiper-pagination-bullet-active::after {
    width: 3.6rem
}

.tech__nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1.2rem
}

@media (min-width: 770px) {
    .tech__nav {
        position: absolute;
        top: 0;
        right: 0
    }
}

.tech__navButton {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 3.6rem;
    height: 3.6rem;
    background-color: rgba(255, 255, 255, .12);
    border-radius: 50%;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    cursor: pointer
}

@media (max-width: 769px) {
    .tech__navButton {
        display: none
    }
}

.tech__navButton::before, .tyreImages__navButton::before {
    content: '';
    width: 2rem;
    height: 2rem;
    margin: auto;
    background-image: url(img/tech/arrow.svg);
    background-position: center;
    background-repeat: no-repeat
}

.tech__navButton.swiper-button-next::before {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.tech__navButton.disabled {
    opacity: .5;
    pointer-events: none
}

@media (hover: hover) {
    .tech__navButton:hover {
        background-color: rgba(255, 255, 255, .24)
    }
}

@media (hover: none) {
    .tech__navButton:active {
        background-color: rgba(255, 255, 255, .24)
    }
}

.tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1.5rem;
    border-bottom: 1px solid rgba(0, 0, 0, .2)
}

@media (min-width: 1280px) {
    .tabs {
        gap: 2rem
    }
}

.tabs__item {
    padding-bottom: 1rem;
    font-weight: 450;
    font-size: 1.3rem;
    line-height: 100%;
    color: #000;
    border-bottom: 2px solid transparent;
    opacity: .7;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    cursor: default
}

@media (min-width: 1280px) {
    .tabs__item {
        cursor: pointer;
        padding-bottom: 1.5rem;
        font-size: 2rem
    }
}

.tabs__item.active {
    opacity: 1;
    border-color: #000;
    cursor: auto
}

.tyreImages {
    margin-top: 4rem;
    cursor: default
}

@media (min-width: 1280px) {
    .tyreImages {
        cursor: pointer
    }
}

@media (min-width: 770px) {
    .tyreImages {
        margin-top: 4.8rem
    }
}

@media (min-width: 1280px) {
    .tyreImages {
        position: absolute;
        top: 11.2rem;
        right: 0;
        margin: 0;
        width: 47.5%;
        -webkit-transition: .3s ease-in-out;
        transition: .3s ease-in-out
    }

    .tyreImages.open {
        width: 100%;
        max-width: none
    }

    .tyreImages.open .tyreImages__item {
        height: 28vw;
        max-height: 39.2rem;
        margin: 0
    }

    .tyreImages.open .tyreImages__item:last-child {
        width: 26.5rem
    }
}

.tyreImages__list {
    margin: 0 -2rem;
    padding: 0 2rem
}

@media (min-width: 770px) {
    .tyreImages__list {
        margin: 0 -4rem;
        padding: 0 4rem
    }
}

@media (min-width: 1280px) {
    .tyreImages__list {
        margin: 0;
        padding: 0
    }

    .tyreImages__list .swiper-wrapper {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.tyreImages__item {
    width: calc(100vw - 4rem);
    height: calc(100vw - 4rem);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

@media (min-width: 770px) {
    .tyreImages__item {
        width: 55vw;
        height: 55vw;
        padding: 0
    }
}

@media (min-width: 1280px) {
    .tyreImages__item {
        width: auto;
        height: 25vw;
        max-height: 34rem;
        margin-right: -20rem
    }
}

@media (min-width: 770px) {
    .tyreImages__item:last-child {
        width: 38vw
    }
}

@media (min-width: 1280px) {
    .tyreImages__item:last-child {
        width: 23rem;
        margin-right: 0
    }
}

.tyreImages__image {
    display: block;
    height: 100%;
    margin: 0 auto
}

.tyreImages__image img {
    height: 100%;
    margin: 0 auto;
    -o-object-fit: cover;
    object-fit: cover
}

@media (min-width: 1280px) {
    .tyreImages__image img {
        margin-right: 0
    }
}

.tyreImages__nav {
    margin-top: 3.2rem
}

@media (min-width: 770px) {
    .tyreImages__nav {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-top: 1.9rem
    }
}

@media (min-width: 1280px) {
    .tyreImages__nav {
        display: none
    }
}

.tyreImages__nav .swiper-pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 2rem
}

.tyreImages__nav .swiper-pagination-bullet {
    width: 1.8rem;
    height: 1.2rem;
    opacity: .56;
    border-radius: 10rem;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    position: relative
}

.tyreImages__nav .swiper-pagination-bullet::after {
    content: "";
    display: block;
    position: absolute;
    width: .6rem;
    height: .6rem;
    border-radius: 10rem;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #c7a362;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.tyreImages__nav .swiper-pagination-bullet-active {
    width: 4.8rem;
    opacity: 1;
    cursor: auto
}

.tyreImages__nav .swiper-pagination-bullet-active::after {
    width: 3.6rem
}

.tyreImages__navButton {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 3.6rem;
    height: 3.6rem;
    background-color: rgba(255, 255, 255, .12);
    border-radius: 50%;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

@media (max-width: 769px) {
    .tyreImages__navButton {
        display: none
    }
}

.tyreImages__navButton::before {
    background-image: url(img/tyreImages/arrow.svg)
}

.tyreImages__navButton.swiper-button-next::before {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.tyreImages__navButton.disabled {
    opacity: .5
}

@media (min-width: 1280px) {
    .tyreImagesMore {
        position: absolute;
        top: -4.4rem;
        right: 6.4rem;
        width: 33.5%;
        -webkit-transition: 500ms;
        transition: 500ms;
        cursor: pointer
    }

    .tyreImagesMore.open {
        top: 12.8rem;
        right: 4.8rem;
        width: calc(100% - 9.6rem);
        max-width: none
    }

    .tyreImagesMore.open .tyreImagesMore__item {
        height: 28vw;
        max-height: 39.2rem;
        margin: 0
    }

    .tyreImagesMore.open .tyreImagesMore__item:first-child {
        width: 26.8rem
    }
}

.tyreImagesMore__list {
    margin: 0 -1.2rem;
    padding: 0 1.2rem
}

@media (min-width: 770px) {
    .tyreImagesMore__list {
        margin: 0;
        padding: 0
    }

    .tyreImagesMore__list .swiper-wrapper {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        height: 37vw;
        max-height: 32rem
    }
}

@media (min-width: 1280px) {
    .tyreImagesMore__list .swiper-wrapper {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        height: auto;
        max-height: none
    }
}

.tyreImagesMore__item {
    width: calc(100vw - 4rem);
    height: calc(100vw - 4rem);
    max-width: 54rem;
    max-height: 54rem;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

@media (min-width: 770px) {
    .tyreImagesMore__item {
        width: auto;
        height: 100%;
        position: absolute;
        top: 0
    }
}

@media (min-width: 1280px) {
    .tyreImagesMore__item {
        position: static;
        width: auto;
        height: 25vw;
        max-height: 20rem;
        margin-right: -20rem
    }
}

@media (min-width: 770px) {
    .tyreImagesMore__item:first-child {
        right: 0;
        z-index: 30
    }
}

@media (min-width: 1280px) {
    .tyreImagesMore__item:first-child {
        width: 13.6rem;
        margin-right: 0
    }
}

@media (min-width: 770px) {
    .tyreImagesMore__item:nth-child(2) {
        left: 50%;
        -webkit-transform: translateX(-40%);
        -ms-transform: translateX(-40%);
        transform: translateX(-40%);
        z-index: 20
    }
}

@media (min-width: 1280px) {
    .tyreImagesMore__item:nth-child(2) {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

@media (min-width: 770px) {
    .tyreImagesMore__item:last-child {
        left: 0
    }
}

.tyreImagesMore__image {
    display: block;
    height: 100%;
    margin: 0 auto
}

.tyreImagesMore__image img {
    height: 100%;
    margin: 0 auto;
    -o-object-fit: cover;
    object-fit: cover
}

@media (min-width: 1280px) {
    .tyreImagesMore__image img {
        margin-right: 0
    }
}

.tyreImagesMore__nav {
    margin-top: 3.2rem
}

@media (min-width: 770px) {
    .tyreImagesMore__nav {
        display: none
    }
}

.tyreImagesMore__nav .swiper-pagination {
    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: 1.2rem;
    height: 2rem
}

.tyreImagesMore__nav .swiper-pagination-bullet {
    width: .6rem;
    height: .6rem;
    background-color: #242424;
    opacity: .16;
    border-radius: 10rem;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.tyreImagesMore__nav .swiper-pagination-bullet-active {
    width: 3.6rem;
    opacity: 1
}

/*# sourceMappingURL=template_styles.css.map */