@media (min-width:1101px) {
    header:not(.init) {
        opacity: 0
    }
}

.heroScreenMainPage {
    position: relative;
    min-height: var(--vh);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

@media (max-width:1100px) {
    .heroScreenMainPage {
        padding-bottom: calc(3.625rem + var(--deltaVH))
    }
}

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

.heroScreenMainPage .swiper::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: .2;
    z-index: 1;
    background: radial-gradient(45.91% 61.87% at 57.5% 38.12%, rgba(0, 0, 0, 0) 0, #000 77.15%);
    mix-blend-mode: multiply
}

.heroScreenMainPage .swiper img,
.heroScreenMainPage .swiper picture {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block
}

.heroScreenMainPage.faq .image::after {
    opacity: .5;
    background: radial-gradient(189.55% 67.25% at 77.67% 32.75%, rgba(0, 0, 0, 0) 0, #000 60%)
}

@media (min-width:1101px) {
    .heroScreenMainPage .title {
        line-height: 100%
    }
}

.heroScreenMainPage .container {
    z-index: 5;
    width: 100%;
    position: static
}

.heroScreenMainPage .container::after {
    display: none
}

.heroScreenMainPage .content {
    position: relative;
    width: 100%
}

.heroScreenMainPage .content[data-variant=small] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.heroScreenMainPage .content[data-variant=small] h1 {
    margin: 0
}

.heroScreenMainPage .content[data-variant=small] .buttonWrap {
    margin-left: .625rem;
    padding-right: 2.125rem;
    padding-bottom: 2.125rem
}

@media (max-width:1100px) {
    .heroScreenMainPage .content[data-variant=small] .buttonWrap {
        display: none
    }
}

.heroScreenMainPage .content[data-variant=extend] {
    padding-bottom: 2.0625rem
}

.heroScreenMainPage .content[data-variant=extend] .h6,
.heroScreenMainPage .content[data-variant=extend] h6,
.heroScreenMainPage .content[data-variant=extend] p {
    margin-bottom: 0
}

.heroScreenMainPage .content[data-variant=extend] .title {
    margin-bottom: .625rem;
    margin-right: -1.25rem;
    letter-spacing: 0;
    margin-bottom: 0
}

@media (min-width:1101px) {
    .heroScreenMainPage .content[data-variant=extend] .title {
        font-size: 6.875rem;
        margin-bottom: .625rem
    }
}

@media (max-width:1100px) {
    .heroScreenMainPage .content[data-variant=extend] .title {
        margin-right: 0;
        font-size: 4.25rem;
        font-weight: 300;
        line-height: 90%;
        letter-spacing: -.05rem
    }
}

.heroScreenMainPage .content[data-variant=extend] p {
    font-weight: 400;
    line-height: 140%;
    letter-spacing: 0;
    font-size: .875rem
}

.heroScreenMainPage .content[data-variant=extend] .subtitleWrap {
    width: 16.875rem;
    margin-right: .5rem
}

@media (max-width:1100px) {
    .heroScreenMainPage .content[data-variant=extend] .subtitleWrap:not(:last-child) {
        display: none
    }
}

.heroScreenMainPage .content[data-variant=extend] .subtitleWrap:last-child {
    width: 37.5rem;
    padding: 0;
    margin-right: 0
}

.heroScreenMainPage .content[data-variant=extend] .descriptionWrap {
    width: 25.5rem
}

@media (max-width:780px) {
    .heroScreenMainPage .content[data-variant=extend] {
        position: static;
        padding-bottom: 0
    }

    .heroScreenMainPage .content[data-variant=extend] .content {
        padding: 0
    }

    .heroScreenMainPage .content[data-variant=extend] .descriptionWrap,
    .heroScreenMainPage .content[data-variant=extend] .title {
        position: relative
    }

    .heroScreenMainPage .content[data-variant=extend] .title {
        margin-bottom: 1.0625rem
    }

    .heroScreenMainPage .content[data-variant=extend] .subtitleWrap {
        position: relative;
        width: 18.75rem !important;
        margin-left: auto
    }

    .heroScreenMainPage .content[data-variant=extend] .descriptionWrap {
        width: 100%;
        padding-left: 2.25rem
    }

    .heroScreenMainPage .content[data-variant=extend] .descriptionWrap p {
        font-size: .75rem;
        letter-spacing: 0
    }

    .heroScreenMainPage .content[data-variant=extend]>.row {
        display: block;
        padding: 0
    }

    .heroScreenMainPage .content[data-variant=extend] .column.right {
        display: none
    }
}

.heroScreenMainPage .content[data-variant=faq] {
    padding-left: 6rem;
    padding-bottom: 2.25rem
}

@media (max-width:1100px) {
    .heroScreenMainPage .content[data-variant=faq] {
        padding-left: 0;
        padding-bottom: 0
    }
}

.heroScreenMainPage .content[data-variant=faq] .title {
    margin-bottom: .75rem
}

@media (max-width:780px) {
    .heroScreenMainPage .content[data-variant=faq] .title {
        margin-bottom: 1.5rem;
        font-size: 3.375rem;
        line-height: 4.05rem;
        letter-spacing: -.0625rem
    }
}

.heroScreenMainPage .content[data-variant=faq] .column.left {
    max-width: 21.875rem;
    width: 100%;
    margin-left: auto;
    margin-right: 15.8125rem
}

@media (max-width:1100px) {
    .heroScreenMainPage .content[data-variant=faq] .column.left {
        margin-right: 0
    }
}

@media (max-width:780px) {
    .heroScreenMainPage .content[data-variant=faq] .column.left {
        max-width: 18.75rem
    }
}

.heroScreenMainPage .content[data-variant=faq] .column.left p.description {
    opacity: .85;
    font-weight: 400;
    text-align: left
}

.heroScreenMainPage .content[data-variant=faq] .column.left p.description:last-child {
    margin-bottom: 0
}

@media (max-width:1100px) {
    .heroScreenMainPage .container.px-100 {
        padding-bottom: 2.5rem
    }
}

.heroScreenMainPage .split.init.show .word {
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s
}

@media (min-width:1101px) {

    .heroScreenMainPage .buttonWrap,
    .heroScreenMainPage .column.left>div,
    .heroScreenMainPage .column.right,
    .heroScreenMainPage .title {
        opacity: 0
    }
}

@media (max-width: 1100px) {
    .heroScreenMainPage .content[data-variant=extend] h1.title {
        font-size: 3.5rem;
    }
}

@media (max-width: 1100px) {
    .catalogue-section .contentWrap h1.title {
        font-size: 4.5rem;
    }
}