.hero-slider
{
    --hero-gradient: linear-gradient(135deg, #00b9cd 33%, 60.5%, #584fff 88%);
    --hero-image: var(--hero-gradient);
    --hero-position: center;
    --hero-size: cover;
}
.hero-slider.privilege
{
    --hero-gradient: linear-gradient(95.06deg, #7E94B4 15.22%, #6C86AB 44.36%, #000000 100%);
}
/*.hero-slider .hero._line
{
    --hero-lines: url(/images/banners/lines.svg);
    --hero-position: 71.6% 102.5%, center;
    --hero-size: 214.6875rem 183.8125rem, cover;
    --hero-image: var(--hero-lines), var(--hero-gradient);
}
.hero-slider .hero._krugi-tri
{
    --hero-lines: url(/images/banners/krugi.svg);
    --hero-position: top right, center;
    --hero-size: 34rem 31.25rem, cover;
    --hero-image: var(--hero-lines), var(--hero-gradient);
}
.hero-slider .hero._angle-line {
    --hero-lines: url(/images/banners/lines-angle.svg);
    --hero-position: top right, center;
    --hero-size: 50.75rem 33.6875rem, cover;
    --hero-image: var(--hero-lines), var(--hero-gradient);
}
.hero-slider .hero._krugi-tri {
    --hero-lines: url(/images/banners/krugi.svg);
    --hero-position: top right, center;
    --hero-size: 34rem 31.25rem, cover;
    --hero-image: var(--hero-lines), var(--hero-gradient);
}

.hero-slider .hero._rect-line {
    --hero-lines: url(/images/banners/lines-rect.svg);
    --hero-position: top -45% right -12.7%, center;
    --hero-size: 44.6875rem 37.75rem, cover;
    --hero-image: var(--hero-lines), var(--hero-gradient);
}

.hero-slider .hero._square-line {
    --hero-lines: url(/images/banners/lines-square.svg);
    --hero-position: top right, center;
    --hero-size: 46.6875rem 32.75rem, cover;
    --hero-image: var(--hero-lines), var(--hero-gradient);
}

.hero-slider .hero._oval-line {
    --hero-lines: url(/images/banners/lines-oval.svg);
    --hero-image: var(--hero-lines), var(--hero-gradient);
    --hero-size: 36rem, cover;
    --hero-position: center right;
}

.hero-slider .hero._3circles {
    --hero-lines: url(/images/banners/3circles.svg);
    --hero-image: var(--hero-lines), var(--hero-gradient);
    --hero-size: 40.4rem, cover;
    --hero-position: center right;
}

.hero-slider .hero._3lines {
    --hero-lines: url(/images/banners/3lines.svg);
    --hero-image: var(--hero-lines), var(--hero-gradient);
    --hero-size: 49.19rem, cover;
    --hero-position: center right;
}
.hero-slider .hero._1line {
    --hero-lines: url(/images/banners/line-non-circle.svg);
    --hero-image: var(--hero-lines), var(--hero-gradient);
    --hero-size: 106.19rem, cover;
    --hero-position: center right;
}
.hero-slider .hero._linePrivilege {
    --hero-lines: url(/images/banners/line-privilege.svg);
    --hero-image: var(--hero-lines), var(--hero-gradient);
    --hero-size: 106.19rem, cover;
    --hero-position: top right;
}
.hero-slider .hero._linePrivilegeCard {
    --hero-lines: url(/images/banners/line-privilege-card.svg);
    --hero-image: var(--hero-lines), var(--hero-gradient);
    --hero-size: 44.19rem, cover;
    --hero-position: top right;
}
.hero-slider .hero._linePrivilegeSeyfYacheyki {
    --hero-lines: url(/images/banners/line-premium-seifovie-yacheiki.svg);
    --hero-image: var(--hero-lines), var(--hero-gradient);
    --hero-size: 34.19rem, cover;
    --hero-position: bottom right;
}
.hero-slider .hero._ovaly-nalozhenie {
    --hero-lines: url(/images/banners/ovaly-nalozhenie.svg);
    --hero-image: var(--hero-lines), var(--hero-gradient);
    --hero-size: 46rem, cover;
    --hero-position: bottom right;
}
.hero-slider .hero._3rect {
    --hero-lines: url(/images/banners/3rect.svg);
    --hero-image: var(--hero-lines), var(--hero-gradient);
    --hero-size: 35rem, cover;
    --hero-position: bottom right;
}
.hero-slider .hero._lines-pyramid {
    --hero-lines: url(/images/banners/lines-pyramid.svg);
    --hero-image: var(--hero-lines), var(--hero-gradient);
    --hero-size: 50rem, cover;
    --hero-position: bottom right;
}
.hero-slider .hero._lines-2x {
    --hero-lines: url(/images/banners/poloski-2x.svg);
    --hero-image: var(--hero-lines), var(--hero-gradient);
    --hero-size: 35rem, cover;
    --hero-position: top -45% right 0%, center;}
.hero-slider .hero._kvadrat-krug {
    --hero-lines: url(/images/banners/kvadrat-krug.svg);
    --hero-image: var(--hero-lines), var(--hero-gradient);
    --hero-size: 35.8rem, cover;
    --hero-position: 105% 98%;
}*/
.hero-slider .hero {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    font: var(--font-master-h2);
    color: var(--white);
    background-image: var(--hero-image);
    background-position: var(--hero-position);
    background-size: var(--hero-size);
    background-repeat: no-repeat no-repeat
}

@media (max-width: 992px) {
    .hero-slider .hero {
        font: var(--font-body-xl)
    }
}

@media (max-width: 768px) {
    .hero-slider .hero {
        flex-direction: column;
        padding-top: 5.125rem;
        background: linear-gradient(147.71deg, #00b9cd 34.66%, #584fff 91.56%);
        background-size: cover !important;
        height: auto;
    }
    .hero-slider.privilege .hero
    {
        background: linear-gradient(95.06deg, #7E94B4 15.22%, #6C86AB 44.36%, #000000 100%);
    }
}

@media (max-width: 425px) {
    .hero-slider .hero {
        padding-top: 5.75rem
    }
}

.hero-slider .hero__container {
    display: grid;
    grid-template-columns:1fr 1fr;
    -moz-column-gap: 1.875rem;
    column-gap: 1.875rem;
    height: 100%;
    position: relative;
    z-index: 15;
}

@media (max-width: 768px) {
    .hero-slider .hero__container {
        display: flex;
        flex-direction: column;
        flex-grow: 1;
        box-sizing: border-box;
        padding-left: .625rem;
        padding-right: .625rem
    }
}

.hero-slider .hero__col {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    align-content: center;
    -moz-column-gap: .75rem;
    column-gap: .75rem;
    width: 100%;
    padding-top: 1.875rem;
    padding-bottom: 1.875rem
}

.hero-slider .hero__col._picture {
    /*align-content: flex-end;*/
    padding-top: 0;
    padding-bottom: 0;
    position: relative;
}

@media (max-width: 768px) {
    .hero-slider .hero__col {
        padding-top: 0;
        padding-bottom: 0;
        flex-grow: 1;
    }

    .hero-slider .hero__col._picture {
        flex-grow: 0;
        justify-content: flex-end;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
}

.hero-slider .hero__title {
    width: 100%;
    margin-bottom: 1.25rem;
    font: var(--font-master-h1)
}

.hero-slider .hero__title._squeeze-text {
    letter-spacing: -.015em
}

@media (max-width: 992px) {
    .hero-slider .hero__title {
        font: var(--font-h1)
    }
}

@media (max-width: 768px) {
    .hero-slider .hero__title {
        margin-bottom: .5rem;
        font: var(--font-h2)
    }

    .hero-slider .hero__title br {
        display: none
    }
    .hero__footer .button._mobile-hidden {
        display: flex;
    }
}

.hero-slider .hero__desc,
.hero-slider span.subtitle {
    width: 100%;
    margin-bottom: 2.5rem
}

@media (max-width: 768px) {
    .hero-slider .hero__desc,
    .hero-slider .subtitle{
        margin-bottom: .9375rem;
        font: var(--font-body-s)
    }
}

.hero-slider .hero__picture {
    /*position: relative;*/
    right: 0;
    width: auto;
    height: 0;
    padding-bottom: 85.4700854701%;
}

.hero-slider .hero__picture img {
    position: absolute;
    bottom: 0;
    width: auto;
    max-height: 90%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: bottom;
    object-position: bottom;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    right: 3em;
}

.hero-slider .hero__picture._world img {
    max-width: 25.75rem;
    left: 2.5rem
}

.hero-slider .hero__picture._club img {
    max-width: 29.75rem;
    left: -.625rem
}

@media (max-width: 768px) {
    .hero-slider .hero__picture {
        right: 0;
        max-width: 31.25rem;
        /*height: auto;*/
        height: 310px;
        padding-bottom: 0;
        display: flex;
        justify-content: center;
        align-items: flex-end;
    }

    .hero-slider .hero__picture img {
        position: static;
        width: 100%;
        max-height: 100%;
    }
}
.hero-slider .hero__footer {
    display: none
}

@media (max-width: 768px) {
    .hero-slider .hero__footer {
        position: relative;
        z-index: 2;
        display: flex;
        box-sizing: border-box;
        width: 100%;
        padding-top: .5625rem;
        padding-bottom: 1rem;
        background-color: var(--white)
    }

    .hero-slider .hero__footer._club {
        margin-top: -.625rem;
        padding-top: 1rem;
        border-radius: var(--default-border-radius) var(--default-border-radius) 0 0
    }

    .hero-slider .hero__footer .container {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(33%,1fr));
        gap: 1rem
    }

    .hero-slider .hero__footer .container .button {
        width: 100%
    }

    .hero-slider .hero__footer .container._col-1 {
        display: block
    }
}

.hero-slider {
    position: relative
}

@media (max-width: 768px) {
    .hero-slider::after {
        content: "";
        position: absolute;
        z-index: 2;
        bottom: -.125rem;
        left: 0;
        width: 100%;
        height: .25rem;
        background-color: var(--white)
    }
}

.hero-slider .hero-slider__controls {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
    width: 100%;
    padding-left: 3.125rem;
    padding-right: 3.125rem;
    pointer-events: none
}

@media (max-width: 1440px) {
    .hero-slider .hero-slider__controls {
        padding-left: .25rem;
        padding-right: .25rem
    }
}

@media (max-width: 768px) {
    .hero-slider .hero-slider__controls,
    .hero-slider .subtitle,
    .hero-slider .b-product_promo__actions{
        display: none
    }
    .hero-slider .b-mainpromo_icons.cols{
        display: none !important;
    }
}

.hero-slider .hero-slider__btn {
    pointer-events: all
}

.hero-slider .hero-slider__bottom {
    display: none
}

@media (max-width: 768px) {
    .hero-slider .hero-slider__bottom {
        position: relative;
        z-index: 2;
        bottom: 5.75rem;
        display: flex;
        flex-direction: column;
        box-sizing: border-box;
        height: 1.75rem;
        padding-top: .625rem;
        margin-bottom: -1.75rem;
        background-color: var(--white);
        border-radius: var(--default-border-radius) var(--default-border-radius) 0 0
    }
}

.hero-slider .hero-slider__dots {
    display: flex;
    justify-content: center;
    gap: .4375rem
}

.hero-slider .swiper-pagination-bullet {
    display: block;
    width: .375rem;
    height: .375rem;
    background: #cbd4e1;
    border-radius: 50%;
    cursor: pointer
}

.hero-slider .swiper-pagination-bullet-active {
    background: #00b9cd
}

.hero-slider .b-mainpromo_icons.cols {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 15px;
    margin-top: 0;
}
.hero-slider .l-mainpromo_icon .ico {
    height: unset;
    margin-right: unset;
    margin-bottom: unset;
}
.hero-slider .l-mainpromo_icon.col-3 {
    width: auto;
}
.hero-slider .l-mainpromo_icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 5px;
}
.hero-slider .l-mainpromo_icon .title {
    margin-right: 0;
    color: #fff;
    text-align: left;
    /*line-height: 20px;*/
    font-size: 25px;
}
.hero-slider .l-mainpromo_icon .ico img {
    max-height: 100%;
    margin: 0 auto;
    height: 54px;
}

.hero-slider .b-product_promo__actions{
    margin-top: 20px;
}