.footer__panel {
    display:none;
}
.vip__club {
    background:#171717;
    color: var(--Base-White, #FFF);
    margin-top:15px;
    padding-bottom:1px;

    .wrap__section {
        margin-top:100px;
        margin-bottom:100px;
    }
    .since__section {
        margin-top:0;
        position:relative;
        box-sizing:border-box;

        .container {
            position:relative;
            z-index:9;

            .since__banner-block {
                position:relative;

                .since__banner {
                    padding-top:80px;
                    padding-bottom:80px;
                    box-sizing:border-box;
                    height:830px;
                    position:relative;
                    z-index:10;

                    .since__banner-content {
                        display:flex;
                        justify-content:center;
                        flex-direction:column;
                        height:100%;
                        align-items:center;

                        .since__banner-title {
                            color: var(--Gray-4, #D1D1D2);
                            font-size: 14px;
                            line-height: 160%;
                            letter-spacing: 0.28px;
                            text-transform: uppercase;
                            margin-bottom:32px;
                        }
                        .since__banner-info {
                            text-align:center;
                            max-width:588px;

                            .since__banner-info--logo {
                                margin-bottom:32px;
                            }
                            .since__banner-info--subtitle {
                                text-align: center;
                                font-size: 32px;
                                font-weight: 300;
                                line-height: 140%;
                                letter-spacing: 0.64px;
                                display: flex;
                                align-items: center;
                                justify-content: center;
                                gap: 20px;
                                margin-bottom:32px;

                                &:after, &:before {
                                      height: 1px;
                                      content: "";
                                      display: block;
                                      background: rgba(255, 255, 255, 0.40);
                                      width: 125px
                                }
                            }
                            .since__banner-info--text {
                                font-size: 14px;
                                line-height: 140%;
                                letter-spacing: 0.14px;
                            }
                        }
                        .since__banner-button {
                            margin-top:56px;
                        }
                    }
                }
                &:after {
                     content:"";
                     position:absolute;
                     top:0;
                     left:0;
                     width:100%;
                     height:100%;
                     display:block;
                     background:url("../../images/shadow_since_banner.png") center center no-repeat;
                     z-index:9;

                 }
            }
        }
    }

    .join__section {
        margin-top:207px;
        margin-bottom:207px;

        .why__join-block {
            .why__join {
                display:flex;
                justify-content:space-between;
                gap:56px;

                .why__join-info {
                    max-width:358px;

                    .why__join-title {
                        font-size: 40px;
                        font-weight: 500;
                        line-height: 130%;
                        letter-spacing: 0.8px;
                        margin-bottom:16px;
                    }
                    .why__join-text {
                        font-size: 16px;
                        line-height: 140%;
                        letter-spacing: 0.16px;
                    }
                }
                .why__join-banner {
                    width:calc(100% - 414px);

                    .why__join-img {
                        height:366px;
                        position:relative;
                        border-radius: 12px;
                        overflow:hidden;

                        img {
                            border-radius: 12px;
                        }
                    }
                    .why__join-items {
                        margin-top:60px;
                        display:flex;
                        justify-content:space-between;
                        gap:40px;
                        flex-wrap:wrap;

                        .why__join-item {
                            flex: 1 0 calc(calc(100% / 3) - 40px);

                            .join__item-icon {
                                margin-bottom:20px;

                                img {
                                    height:48px;
                                }
                            }
                            .join__item-title {
                                font-size: 16px;
                                font-weight: 600;
                                line-height: 150%;
                                letter-spacing: 0.16px;
                                margin-bottom:8px;
                            }
                            .join__item-text {
                                font-size: 14px;
                                line-height: 140%;
                                letter-spacing: 0.14px;
                            }
                        }
                    }
                }
            }
        }
    }

    .how__section {
        margin-top:100px;
        margin-bottom:100px;

        .how__join {
            .how__join-head {
                .how__join-subtitle {
                    color: var(--Gray-6, #9A9AA2);
                    text-align: center;
                    font-size: 14px;
                    line-height: 160%;
                    letter-spacing: 0.28px;
                    text-transform: uppercase;
                    margin-bottom:32px;
                }
                .how__join-title {
                    color: var(--Base-White, #FFF);
                    text-align: center;
                    font-size: 40px;
                    font-weight: 500;
                    line-height: 130%;
                    letter-spacing: 0.8px;
                    max-width:448px;
                    margin:0 auto 95px auto;
                }
            }
            .how__join-items--wrap {
                display:flex;
                justify-content:space-between;
                gap:128px;
                position:relative;

                .how__join-items {
                    flex: 1 0 calc(calc(100% / 2) - 128px);
                    display:flex;
                    flex-direction:column;

                    .how__join-item {
                        .join__item-image {
                            margin-bottom:24px;
                            position:relative;
                            border-radius:12px;
                            overflow: hidden;
                            img {
                                border-radius:12px;
                            }
                        }
                        .join__item-title {
                            color: var(--Base-White, #FFF);
                            font-size: 20px;
                            font-weight: 500;
                            line-height: 140%;
                            letter-spacing: 0.2px;
                            margin-bottom:12px;
                        }
                        .join__item-text {
                            color: var(--Gray-6, #9A9AA2);
                            font-size: 16px;
                            line-height: 140%;
                            letter-spacing: 0.16px;
                        }
                    }
                    &:first-child {

                        align-items:end;

                        .how__join-item {
                            margin-bottom:173px;

                            &:last-child {
                                margin-bottom:0;
                            }
                        }

                        .how__join-item:first-child {
                            max-width:416px;

                            .join__item-image {
                                height:549px;
                            }
                        }
                        .how__join-item:nth-child(2) {
                            max-width:521px;

                            .join__item-image {
                                height:647px;
                            }
                        }
                    }
                    &:nth-child(2) {
                         padding-top:476px;

                        .how__join-item {
                            margin-bottom:330px;

                            &:last-child {
                                 margin-bottom:0;
                            }
                        }
                        .how__join-item:first-child {
                            max-width:626px;

                            .join__item-image {
                                height:343px;
                            }
                        }
                        .how__join-item:nth-child(2) {
                            max-width:410px;

                            .join__item-image {
                                height:587px;
                            }
                        }
                    }
                }
            }
            .how__join-items-scroll {
                position:absolute;
                top:0;
                right:0;
                display:flex;
                flex-direction:column;
                align-items:center;

                span {
                    text-align: center;
                    font-size: 14px;
                    font-style: normal;
                    line-height: 160%;
                    letter-spacing: 0.28px;
                    text-transform: uppercase;
                    display:block;
                    margin-top:8px;
                }
            }
        }
    }
    .options__section {
        margin-top: 220px;

        .container {
            position:relative;

            &:after {
                 content:"";
                 position:absolute;
                 top:-25px;
                 left:50%;
                 transform:translateX(-50%);
                 border-radius:12px;
                 background:#242424;
                 width:calc(100% - 48px);
                 height:75px;
                 z-index:9;
             }

        }

        .options__join-block {
            background:#1E1E1E;
            border-radius: 12px;
            overflow:hidden;
            position:relative;
            z-index:99;


            .options__join {
                display:flex;
                justify-content:space-between;
                align-items:stretch;


                .options__join-content {
                    flex:1 0 calc(100% / 2);
                    padding:64px 56px;
                    box-sizing:border-box;
                    display:flex;
                    justify-content:space-between;
                    flex-direction:column;

                    .options__join-content--top {
                        .options__join-subtitle {
                            font-size: 14px;
                            line-height: 160%;
                            letter-spacing: 0.28px;
                            text-transform: uppercase;
                            margin-bottom:16px;
                        }
                        .options__join-title {
                            font-size: 40px;
                            font-weight: 500;
                            line-height: 130%;
                            letter-spacing: 0.8px;
                            margin-bottom:28px;
                        }
                        .options__join-text {
                            font-size: 16px;
                            line-height: 140%;
                            letter-spacing: 0.16px;
                        }
                    }
                    .options__join-content--bottom {

                        .options__join-items {
                            display:flex;
                            justify-content:space-between;
                            align-items:stretch;

                            .options__join-item--del {
                                width:1px;
                                background: rgba(229, 229, 230, 0.40);

                                &:last-child {
                                    display:none;
                                }
                            }
                            .options__join-item {
                                max-width:135px;

                                .options__join-item--price {
                                    font-size: 20px;
                                    font-weight: 500;
                                    line-height: 140%;
                                    letter-spacing: 0.2px;
                                }
                                .options__join-item--text {
                                    font-size: 14px;
                                    line-height: 140%;
                                    letter-spacing: 0.14px;
                                }
                            }
                        }
                    }
                }
                .options__join-banner {
                    flex:1 0 calc(100% / 2);

                    .options__join-image {
                        position:relative;
                        min-height:675px;

                        img {

                        }
                    }
                }
            }
        }
    }
    .slider__section {
        margin-top:160px;
        margin-bottom:160px;
        .slider__cases-block {
            .slider__cases {
                .swiper-wrapper {
                    align-items:center;

                    .slide__case {
                        width:352px;

                        .slide__case-image {
                            background:#171717;
                            margin-bottom:12px;
                            img {
                                width:100%;
                            }

                        }
                        .slide__case-title {
                            font-size: 14px;
                            font-weight: 600;
                            line-height: 140%;
                            letter-spacing: 0.14px;
                            margin-bottom:3px;
                        }
                        .slide__case-date {
                            color: var(--Base-White, #FFF);
                            font-size: 14px;
                            line-height: 140%;
                            letter-spacing: 0.14px;
                        }
                    }
                }
            }
        }
    }

    .vip__section-banner {


        .vip__banner-block {
            padding:40px;
            box-sizing:border-box;
            height:400px;
            position:relative;
            border-radius: 24px;

            img {
                border-radius: 24px;
            }

            .vip__banner-content {
                position:relative;
                z-index:9;
                display:flex;
                justify-content:center;
                flex-direction:column;
                height:100%;
                max-width:475px;

                .vip__banner-title {
                    font-size: 26px;
                    font-weight: 600;
                    line-height: 130%;
                    letter-spacing: 0.52px;
                    margin-bottom:16px;
                }
                .vip__banner-text {
                    font-size: 16px;
                    line-height: 140%;
                    letter-spacing: 0.16px;
                }
                .vip__banner-button {
                    margin-top:32px;

                    .button {

                    }
                }
            }
        }
    }
}

.page-template-vip-club {
    .block-structure {
        margin-top:160px;
        margin-bottom:160px;
    }
    .block-structure.block-contact {
        margin-top:100px;
    }
    .block-structure.block-faq {
        margin-bottom:56px;
    }
}

@media (max-width: 992px) {
    .page-template-vip-club {
        .block-structure {
            margin-top:60px;
            margin-bottom:60px;
        }
        .block-structure.block-contact {
            margin-top:60px;
        }
        .block-structure.block-faq {
            margin-bottom:60px;
        }
    }
    .vip__club {
        .wrap__section {
            margin-top: 60px;
            margin-bottom: 60px;
        }
    }
    .vip__club {
        padding-top: 0;
        .since__section {
            margin-top:0;

            .container {
                .since__banner-block {
                    &:after {
                        margin-left:-16px;
                        margin-right:-16px;
                    }
                    .since__banner {
                        padding:77px 24px;
                        height:670px;

                        .since__banner-content {
                            .since__banner-title {
                                margin-bottom:24px;
                            }
                            .since__banner-info {
                                .since__banner-info--logo {
                                    max-width:320px;
                                    margin:0 auto 16px auto;

                                    img {
                                        max-width:100%;
                                    }
                                }
                                .since__banner-info--subtitle {
                                    text-align: center;
                                    font-size: 22px;
                                    font-weight: 300;
                                    line-height: 140%;
                                    letter-spacing: 0.44px;
                                    margin-bottom:24px;
                                }
                            }
                            .since__banner-button {
                                margin-top:32px;
                            }
                        }
                    }
                }
            }
        }
        .join__section {
            .why__join-block {
                .why__join {
                    display: flex;
                    justify-content: space-between;
                    gap: 40px;
                    flex-direction:column;

                    .why__join-info {
                        max-width: 100%;

                        .why__join-title {
                            font-size: 40px;
                            font-weight: 500;
                            line-height: 130%;
                            letter-spacing: 0.8px;
                            margin-bottom: 16px;
                        }
                    }

                    .why__join-banner {
                        width:100%;

                        .why__join-items {
                            margin-top:40px;
                            flex-direction: column;
                            gap:32px;

                            .why__join-item {
                                .join__item-icon {
                                    margin-bottom: 13px;
                                }
                            }
                        }
                    }
                }
            }
        }
        .how__section {
            .container {
                .how__join {
                    .how__join-head {
                        .how__join-subtitle {
                            color: var(--Gray-4, #D1D1D2);
                            text-align: center;
                            font-size: 14px;
                            line-height: 160%;
                            letter-spacing: 0.28px;
                            text-transform: uppercase;
                            margin-bottom:16px;
                        }
                        .how__join-title {
                            color: var(--Base-White, #FFF);
                            text-align: center;
                            font-size: 28px;
                            font-weight: 500;
                            line-height: 140%;
                            letter-spacing: 0.56px;
                            margin-bottom:32px;
                        }
                    }
                    .how__join-items--wrap {
                        .how__join-items {
                            display:block;

                            .how__join-item {
                                flex:none;
                                margin-bottom:0;
                                max-width:100%;
                                width:316px;

                                .join__item-image {
                                    height: 400px;
                                }
                                .join__item-title {

                                }
                                .join__item-text {

                                }
                            }
                            &:first-child {
                                 align-items:end;

                                .how__join-item {
                                    margin-bottom:0;

                                    &:last-child {
                                         margin-bottom:0;
                                     }
                            }

                            .how__join-item:first-child {
                                max-width:100%;
                                width:316px;

                                .join__item-image {
                                    height:400px;
                                }
                            }
                                .how__join-item:nth-child(2) {
                                    max-width:100%;
                                    width:316px;

                                    .join__item-image {
                                        height:400px;
                                    }
                                }
                            }
                            &:nth-child(2) {
                                 padding-top:476px;

                                .how__join-item {
                                    margin-bottom:0;

                                    &:last-child {
                                         margin-bottom:0;
                                    }
                                }
                                .how__join-item:first-child {
                                    max-width:100%;
                                    width:316px;

                                    .join__item-image {
                                        height:400px;
                                    }
                                }
                                .how__join-item:nth-child(2) {
                                    max-width:100%;
                                    width:316px;

                                    .join__item-image {
                                        height:400px;
                                    }
                                 }
                            }
                        }
                        &:first-child {
                             align-items: start;
                        }
                        .how__join-items-scroll {
                            display:none;
                        }
                    }
                }
            }
        }
        .options__section {
            margin-top:90px;
            .options__join-block {
                .options__join {
                    flex-direction: column;
                    gap:40px;
                    .options__join-content {
                        padding:24px 40px 0 40px;
                        flex:none;
                        gap:40px;

                        .options__join-content--top {
                            .options__join-subtitle {

                            }
                            .options__join-title {
                                color: var(--Base-White, #FFF);
                                font-size: 28px;
                                font-weight: 500;
                                line-height: 140%;
                                letter-spacing: 0.56px;
                                margin-bottom:16px;
                            }
                            .options__join-text {
                                font-size: 14px;
                                line-height: 140%;
                                letter-spacing: 0.14px;
                            }
                        }
                        .options__join-content--bottom {
                            .options__join-items {
                                flex-direction: column;
                                gap:24px;

                                .options__join-item--del {
                                    width:100%;
                                    height:1px;
                                }
                                .options__join-item {
                                    max-width:100%;

                                    .options__join-item--price {

                                    }
                                    .options__join-item--text {

                                    }
                                }
                            }
                        }
                    }
                    .options__join-banner {
                        .options__join-image {
                            min-height:334px;
                        }
                    }
                }
            }
        }
        .slider__section {
            .slider__cases-block {
                .slider__cases {
                    .swiper-wrapper {
                        .slide__case {
                            width: 316px;

                            .slide__case-image {
                                height:400px;
                                position:relative;
                                border-radius: 12px;
                                overflow:hidden;

                                img {
                                    width:100%;
                                    height:100%;
                                    position:absolute;
                                    top:50%;
                                    left:50%;
                                    transform:translate(-50%, -50%);
                                    object-fit: cover;
                                    border-radius: 12px;
                                }
                            }
                        }
                    }
                }
            }
        }
        .vip__section-banner {
            .container {
                &:after {
                     width: calc(100% - 32px);
                }
            }
            .vip__banner-block {
                padding:40px 24px;
                height:470px;
                border-radius: 12px;
                img {
                    border-radius: 12px;
                }

                .vip__banner-content {
                    justify-content: start;

                    .vip__banner-title {
                        font-size: 26px;
                        font-weight: 600;
                        line-height: 130%;
                        letter-spacing: 0.52px;
                        margin-bottom:16px;
                    }
                    .vip__banner-button {
                        .button {
                            width:100%;
                            min-height:48px;
                        }
                    }
                }
            }
        }
    }
}