/*SWIPER*/
.small-text {
    font-size: 14px;
    line-height: 1.4;
}
.theme-dark {
    color: #fff;
}
[class*="theme-dark"] .btn {
    color: #fff;
}
.web_block_slider-hero .h1, .web_block_slider-hero h1 {
    font-size: 24px;
    line-height: 1.1;
    font-weight: 500;
    letter-spacing: -.6px;
    text-transform: uppercase;
}
.web_block_slider-hero .container {
    padding-left: 24px;
    padding-right: 24px;
}


.responsive-media {
    position: relative;
    background-position: center
}

.responsive-media:before {
    content: "";
    display: block;
    width: 100%;
    height: 0;
    padding-top: 100%
}

.responsive-media > picture {
    background-position: center
}

.responsive-media > img, .responsive-media > picture, .responsive-media > picture > img, .responsive-media > video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.responsive-media > video {
    -o-object-fit: cover;
    object-fit: cover
}

img[data-object-fit=contain] {
    -o-object-fit: contain;
    object-fit: contain
}

img[data-object-fit=cover] {
    -o-object-fit: cover;
    object-fit: cover
}
img {
    max-width: 100%;
    border: 0;
}
.btn .line-animation {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    fill: none
}

.btn .line-animation .line-animation__clip {
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    width: 100%
}

.btn .line-animation .line-animation__base {
    stroke: #121314
}

[class*=theme-dark] .btn .line-animation .line-animation__base {
    stroke: #fff
}

.btn .line-animation .line-animation__animated {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

[class*=theme-dark] .btn .line-animation .line-animation__base {
    stroke: #fff
}
.btn svg {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 18px;
    height: 18px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.btn::after {
    content: "";
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 18px;
    height: 18px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.129 8.25L8.106 4.227L9.1665 3.1665L15 9L9.1665 14.8335L8.106 13.773L12.129 9.75L3 9.75L3 8.25L12.129 8.25Z' fill='%23121314'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    -webkit-transition: all .1s ease;
    transition: all .1s ease
}
.btn:has(.svg-icon)::after {
    content: none
}
.btn:hover:active {
    opacity: .9
}
.btn:hover:active::after {
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.129 8.25L8.106 4.227L9.1665 3.1665L15 9L9.1665 14.8335L8.106 13.773L12.129 9.75L3 9.75L3 8.25L12.129 8.25Z' fill='%2344E5DD' /%3E%3C/svg%3E")
}
.btn:hover:active .line-animation__clip {
    width: 100%
}

.btn:hover:active .line-animation__animated {
    stroke: #44e5dd
}
.btn:hover:active .line-animation__animated {
    stroke: #44e5dd
}

[class*=theme-dark] .btn {
    color: #fff
}

[class*=theme-dark] .btn::after {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.129 8.25L8.106 4.227L9.1665 3.1665L15 9L9.1665 14.8335L8.106 13.773L12.129 9.75L3 9.75L3 8.25L12.129 8.25Z' fill='%23ffffff'/%3e%3c/svg%3e")
}

[class*=theme-dark] .btn svg {
    fill: currentColor
}

[class*=theme-dark] .btn:hover:active {
    color: #fff;
    opacity: .9;
    border-color: #44e5dd
}

[class*=theme-dark] .btn:hover:active::after {
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.129 8.25L8.106 4.227L9.1665 3.1665L15 9L9.1665 14.8335L8.106 13.773L12.129 9.75L3 9.75L3 8.25L12.129 8.25Z' fill='%2344E5DD' /%3E%3C/svg%3E")
}

[class*=theme-dark] .btn_secondary {
    color: #121314;
    border: 2px solid #fff;
    background-color: #fff
}

[class*=theme-dark] .btn_secondary::after {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.129 8.25L8.106 4.227L9.1665 3.1665L15 9L9.1665 14.8335L8.106 13.773L12.129 9.75L3 9.75L3 8.25L12.129 8.25Z' fill='%23121314'/%3e%3c/svg%3e")
}

[class*=theme-dark] .btn_secondary:hover:active {
    color: #fff;
    opacity: .9;
    border-color: #44e5dd;
    background-color: transparent
}
.web_block_slider-hero {
    position: relative;
    overflow: hidden
}

.web_block_slider-hero__pagination {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1
}

.web_block_slider-hero__pagination .swiper-pagination {
    position: static;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

@keyframes BulletProgress {
    0% {
        width: 0%
    }
    100% {
        width: 100%
    }
}

.web_block_slider-hero__pagination .swiper-pagination .swiper-pagination-bullet {
    width: 48px;
    height: 2px;
    border-radius: 0;
    opacity: 1;
    position: relative;
    background-color: transparent
}

.web_block_slider-hero__pagination .swiper-pagination .swiper-pagination-bullet:not(:last-child) {
    margin-right: 12px
}

.web_block_slider-hero__pagination .swiper-pagination .swiper-pagination-bullet > span {
    display: none
}

.web_block_slider-hero__pagination .swiper-pagination .swiper-pagination-bullet:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, .4)
}

.web_block_slider-hero__pagination .swiper-pagination .swiper-pagination-bullet-active:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    background-color: #fff;
    -webkit-animation: BulletProgress calc(var(--delay) * 1ms) linear forwards;
    animation: BulletProgress calc(var(--delay) * 1ms) linear forwards
}


.web_block_media-hero__title small {
    font-family: Haval, Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 1.286;
    font-weight: 500;
    text-transform: uppercase
}
.web_block_media-hero {
    position: relative;
    height: 100vh
}

.swiper-slide[data-swiper-slide-index] .web_block_media-hero:before {
    content: "";
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: #121314;
    opacity: .8;
    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
    pointer-events: none
}

.swiper-slide.swiper-slide-active .web_block_media-hero:before {
    opacity: 0
}

.web_block_media-hero > .container > .row {
    height: 100%
}

.web_block_media-hero__img-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.web_block_media-hero__img-wrap:before {
    display: none
}

.web_block_media-hero_shade .web_block_media-hero__img-wrap:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(18, 19, 20, .4)), color-stop(33.33%, rgba(18, 19, 20, 0)));
    background: linear-gradient(180deg, rgba(18, 19, 20, .4) 0, rgba(18, 19, 20, 0) 33.33%)
}

.web_block_media-hero__content {
    position: relative;
    z-index: 1;
    height: 100%
}

.web_block_media-hero__content a:not(.btn) {
    color: inherit
}

.web_block_media-hero__content a:not(.btn):hover {
    text-decoration: none
}

.web_block_media-hero__content-wrap {
    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;
    position: relative;
    padding-top: 65px;
    height: 100%
}

.web_block_media-hero__title small {
    display: block;
    margin-bottom: 4px
}

.web_block_media-hero__text {
    margin-top: 24px;
    margin-bottom: 32px
}

.web_block_media-hero__links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 16px
}

.web_block_media-hero .header-sup {
    position: absolute;
    margin-left: 4px;
    font-size: 12px;
    line-height: 1.3;
    letter-spacing: .8px;
    text-transform: uppercase;
    text-decoration: none
}
.web_block_media-hero-mask__wrapper {
    width: 100%;
    height: 500vh
}

.web_block_media-hero-mask__inner {
    overflow: hidden;
    position: sticky;
    top: 0;
    width: 100%;
    height: 100dvh
}

.web_block_media-hero-mask__img-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100dvh
}

.web_block_media-hero-mask__img-wrap:before {
    display: none
}

.web_block_media-hero-mask__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100dvh;
    mix-blend-mode: multiply;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #121314;
    will-change: opacity
}

.web_block_media-hero-mask__text {
    max-width: 100%;
    margin: 0 10vw;
    color: #fff;
    font-size: 60px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-filter: blur(0);
    filter: blur(0);
    will-change: filter, transform
}
.web_block_slider-hero {
    position: relative;
    overflow: hidden
}
.web_block_slider-hero__pagination {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1
}

.web_block_slider-hero__pagination .swiper-pagination {
    position: static;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

@keyframes BulletProgress {
    0% {
        width: 0%
    }
    100% {
        width: 100%
    }
}

.web_block_slider-hero__pagination .swiper-pagination .swiper-pagination-bullet {
    width: 48px;
    height: 2px;
    border-radius: 0;
    opacity: 1;
    position: relative;
    background-color: transparent
}

.web_block_slider-hero__pagination .swiper-pagination .swiper-pagination-bullet:not(:last-child) {
    margin-right: 12px
}

.web_block_slider-hero__pagination .swiper-pagination .swiper-pagination-bullet > span {
    display: none
}

.web_block_slider-hero__pagination .swiper-pagination .swiper-pagination-bullet:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, .4)
}

.web_block_slider-hero__pagination .swiper-pagination .swiper-pagination-bullet-active:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    background-color: #fff;
    -webkit-animation: BulletProgress calc(var(--delay) * 1ms) linear forwards;
    animation: BulletProgress calc(var(--delay) * 1ms) linear forwards
}
.swiper-slide.swiper-slide-active .web_block_media-hero::before {
    opacity: 0;
}
@media (min-width: 600px){
    .web_block_media-hero__content-wrap {
        max-width: 520px
    }
    .web_block_media-hero-mask__text {
        font-size: clamp(4pc, 12vw, 3in)
    }
    .mt-xs {
        margin-top: 12px;
    }
    .mt-m {
        margin-top: 20px;
    }
}
@media (min-width: 960px){
    .web_block_media-hero__content-wrap {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start
    }
    .mt-xs {
        margin-top: 12px;
    }
    .web_block_slider-hero__pagination .swiper-pagination {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
    .btn .line-animation .line-animation__clip {
        width: 0
    }
    .btn .line-animation .line-animation__animated {
        stroke: #00cabf
    }
}
@media (min-width: 1280px){
    .web_block_media-hero__title small {
        font-size: 16px;
        line-height: 1.25
    }
    .web_block_media-hero__content-wrap {
        max-width: 610px
    }
    .web_block_media-hero__text {
        margin-top: auto;
        margin-bottom: 0
    }
    .mt-xs {
        margin-top: 12px;
    }
    .mt-m {
        margin-top: 36px;
    }
}
@media (min-width: 1648px){
    .web_block_media-hero__title small {
        font-size: 18px;
        line-height: 1.22
    }
    .web_block_media-hero .header-sup {
        font-size: 14px;
        line-height: 1.4
    }
    .mt-xs {
        margin-top: 16px;
    }
    .small-text {
        font-size: 16px;
    }
    .mt-m {
        margin-top: 44px;
    }
    .pb-xl {
        padding-bottom: 72px;
    }
    .web_block_slider-hero .h1, .web_block_slider-hero h1 {
        font-size: 44px;
    }
}
@media (max-width: 599.98px) {
    .web_block_media-hero {
        background-size: cover;
        background-position: center;
        height: 60vh;
    }
    .web_block_media-hero__content-wrap {
        padding-bottom: 80px;
        display: flex;
        flex-direction: column;
    }
    
    /* Переставляем элементы для мобильной версии - заголовок и кнопка наверх */
    .web_block_media-hero__content-wrap h1 {
        order: 1;
    }
    
    .web_block_media-hero__content-wrap .web_block_media-hero__links {
        order: 2;
        margin-top: 20px;
    }
    
    .web_block_media-hero__content-wrap .web_block_media-hero__text {
        order: 3;
        margin-top: auto;
        padding-top: 30px;
    }

    .web_block_media-hero__img-wrap {
        height: 60vh;
    }

    .web_block_media-hero > .container > .row {
        min-height: 60vh;
    }

    .web_block_media-hero__content {
        display: flex;
        align-items: flex-end;
    }

    .web_block_media-hero-mask__inner {
        min-height: 60vh;
    }

    .web_block_media-hero-mask__img-wrap {
        height: 60vh;
    }

    .web_block_media-hero-mask__content {
        min-height: 60vh;
    }

    .web_block_media-hero__links .btn {
        padding: 14px 20px;
    }
}
@media (hover: hover) {
    .btn:hover .line-animation__clip {
        width: 100%
    }
    .btn:hover {
        opacity: .8
    }
    .btn:hover::after {
        background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.129 8.25L8.106 4.227L9.1665 3.1665L15 9L9.1665 14.8335L8.106 13.773L12.129 9.75L3 9.75L3 8.25L12.129 8.25Z' fill='%2300CABF'/%3e%3c/svg%3e")
    }
    .btn:hover svg {
        fill: #44e5dd
    }
    .btn_secondary:hover {
        color: #121314;
        opacity: .8;
        background-color: transparent
    }
    .btn_secondary:hover svg {
        fill: #121314
    }

    [class*=theme-dark] .btn:hover {
        opacity: .8;
        border-color: #00cabf
    }

    [class*=theme-dark] .btn:hover:after {
        background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.129 8.25L8.106 4.227L9.1665 3.1665L15 9L9.1665 14.8335L8.106 13.773L12.129 9.75L3 9.75L3 8.25L12.129 8.25Z' fill='%2300CABF'/%3e%3c/svg%3e")
    }

    [class*=theme-dark] .btn_secondary:hover {
        color: #fff;
        opacity: .8;
        background-color: transparent
    }

    .btn_arrow:hover {
        color: rgba(16, 19, 22, .8);
        background-color: transparent
    }

    .btn_arrow:hover::after {
        background: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M16.172 11.0002L10.808 5.63617L12.222 4.22217L20 12.0002L12.222 19.7782L10.808 18.3642L16.172 13.0002L4 13.0002L4 11.0002L16.172 11.0002Z' fill='%2300CABF'/%3e%3c/svg%3e") no-repeat;
        background-position: center
    }

    [class*=theme-dark] .btn_arrow:hover {
        color: rgba(249, 252, 255, .8)
    }

    .web_block_media-flow__shade:hover .web_block_media-flow__btn {
        background-color: #00b2a9
    }

    .web_block_media-flow__btn:hover {
        background-color: #00b2a9
    }

    .web_block_media-flow-icon:hover {
        color: rgba(16, 19, 22, .8);
        -webkit-box-shadow: 0 4px 12px rgba(16, 19, 22, .2);
        box-shadow: 0 4px 12px rgba(16, 19, 22, .2)
    }

    .web_block_media-flow-icon:hover .web_block_media-flow-icon__icon {
        fill: #00cabf
    }

    .web_block_media-flow-icon:hover .btn {
        color: rgba(16, 19, 22, .8);
        background-color: transparent
    }

    .web_block_media-flow-icon:hover .btn::after {
        background: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M16.172 11.0002L10.808 5.63617L12.222 4.22217L20 12.0002L12.222 19.7782L10.808 18.3642L16.172 13.0002L4 13.0002L4 11.0002L16.172 11.0002Z' fill='%2300CABF'/%3e%3c/svg%3e") no-repeat;
        background-position: center
    }

    .theme-dark .web_block_media-flow-icon:hover {
        color: rgba(247, 252, 255, .8)
    }

    .theme-dark .web_block_media-flow-icon:hover .btn {
        color: rgba(249, 252, 255, .8)
    }

    .theme-dark .web_block_media-flow-icon:hover .btn::after {
        background-color: transparent
    }

    .theme-dark-secondary .web_block_media-flow-icon:hover {
        color: rgba(247, 252, 255, .8)
    }

    .theme-dark-secondary .web_block_media-flow-icon:hover .btn {
        color: rgba(249, 252, 255, .8)
    }

    .theme-dark-secondary .web_block_media-flow-icon:hover .btn::after {
        background-color: transparent
    }

    .web_block_media-fullscreen__shade:hover .web_block_media-fullscreen__btn {
        background-color: #00b2a9
    }

    .web_block_media-fullscreen__btn:hover {
        background-color: #00b2a9
    }

    .web_block_media-fullscreen__btn_sound:hover {
        background-color: transparent
    }

    .web_block_media-video-standard__shade:hover .web_block_media-video-standard__btn {
        background-color: #00b2a9
    }

    .web_block_media-video-standard__btn:hover {
        background-color: #00b2a9
    }

    .web_block_media-fullscreen-standard__shade:hover .web_block_media-fullscreen-standard__btn {
        background-color: #00b2a9
    }

    .web_block_media-fullscreen-standard__btn:hover {
        background-color: #00b2a9
    }

    .web_block_accs_menu__menu-link:hover {
        background-color: rgba(16, 19, 22, .06)
    }

    .web_block_accs_menu__user-menu-link:hover {
        color: rgba(16, 19, 22, .7)
    }

    .web_block_accs_menu__user-menu-link:hover .svg-icon {
        fill: #00cabf
    }

    .footer__menu-model-link:hover {
        color: rgba(16, 19, 22, .8)
    }

    .web_block_contacts__email:hover {
        color: rgba(16, 19, 22, .8)
    }
}
.medium-caps {
    font-size: 18px;
    line-height: 1.4;
    letter-spacing: .8px;
    text-transform: uppercase;
}
[class*="theme-dark"] .color-text-tertiary {
    color: rgba(247,252,255,.6);
}