/*Added for CST WaitList start*/
@font-face {
    font-family: "brandon grotesque";
    src: url(../fonts/Brandon_blk.otf);
    font-weight: 900;
}

@font-face {
    font-family: "brandon grotesque";
    src: url(../fonts/Brandon_bld.otf);
    font-weight: 700;
}

@font-face {
    font-family: "brandon grotesque";
    src: url(../fonts/Brandon_med.otf);
    font-weight: 500;
}

@font-face {
    font-family: "brandon grotesque";
    src: url(../fonts/Brandon_reg.otf);
    font-weight: normal;
}

@font-face {
    font-family: "brandon grotesque";
    src: url(../fonts/brandon-grotesque-light-58a8a4b38001d.otf);
    font-weight: 100;
}

html {
    max-width: 100vw;
    overflow-x: hidden;
}

.appver-white {
    display: none;
}

body {
    background: #0a0a0a;
    color: white;
    font-family: "brandon grotesque",Open Sans,Arial,sans-serif;
    /*font-family: 'Helvetica', 'Arial', sans-serif;*/
    max-width: 100vw;
}

a {
    text-decoration: none;
}

nav {
    position: fixed;
    padding: 20px 50px;
    width: 100%;
    z-index: 999;
    transition-duration: 0.5s;
}

    nav.black {
        background: #0a0a0a;
    }

    nav img {
        max-height: 50px;
        filter: invert(1);
    }

p {
    font-size: 1.27rem;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "brandon grotesque",'Montserrat',Helvetica,Arial,Lucida,sans-serif;
    letter-spacing: 1px;
    line-height: 1.2em;
}



.image-banner-container {
    position: relative;
    padding-bottom: 30px;
}

    .image-banner-container.n2 {
        /* min-height: 800px; */
        min-height: unset;
        height: calc(100vh - 60px);
        display: flex;
        align-items: center;
        justify-content: center;
        transition-duration: 0.3s;
        padding: 0;
        max-height: 1030px;
    }

.text-black {
    color: black;
}

.image-banner-container .background-image-c {
    position: absolute;
    left: 0;
    object-fit: cover;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    height: 100%;
    object-position: 0 30%;
    z-index: -1;
}

    .image-banner-container .background-image-c.n2 {
        height: 100%;
    }

.spacer-t {
    text-transform: uppercase;
    font-size: 35px;
    color: #FFFFFF !important;
    letter-spacing: 0.2em;
    line-height: 2.4em;
}

.coming-soon {
    margin-bottom: 400px;
}

.fitness-t-sec p {
    font-size: 1.27rem;
}

.fitness-t-sec h1 {
    font-weight: 600;
    text-transform: uppercase;
    font-size: 40px;
    color: #FFFFFF !important;
    letter-spacing: 2px;
    line-height: 1.4em;
}

.welcome-club h3 {
    text-transform: uppercase;
    font-size: 2.7rem;
    color: #FFFFFF !important;
    letter-spacing: 0.1em;
    line-height: 2.4em;
}

.first-to-know h1 {
    font-weight: 800;
}

.first-to-know a, .form-join a {
    color: white;
}

.first-to-know p {
    font-weight: 100;
}

.welcome-club h1 {
    font-weight: 800;
    text-transform: uppercase;
    font-size: 4.1em;
    color: #FFFFFF !important;
    letter-spacing: 5px;
    line-height: 1.2em;
    margin-top: 6rem;
    /* text-shadow: 0em 0.1em 0.1em rgb(0 0 0 / 40%); */
}

.form-join {
    background-color: rgba(255,255,255,0.77);
    padding-top: 10px;
    padding-right: 48px;
    padding-bottom: 10px;
    padding-left: 48px;
}

    .form-join input[type="text"] {
        background: #0a0a0a;
        width: 100%;
        max-width: 100%;
        padding: 0.75em;
        border-style: solid;
        border-radius: 4px 4px 4px 4px;
        overflow: hidden;
        border-color: white;
        font-family: "brandon grotesque",'Montserrat',Helvetica,Arial,Lucida,sans-serif;
        font-size: 13px;
        color: #FFFFFF;
        letter-spacing: 0em;
        line-height: 1.2em;
        text-align: center;
    }

.hear-input > * {
    margin: 0 10px;
}

.input-check label {
    font-size: 14px;
}

    .input-check label input[type="checkbox"] {
        display: none;
    }

.disc-c .input-check label span::before {
    border-color: #000000;
}

.input-check label span::before {
    background-color: transparent;
    width: 23px;
    height: 23px;
    border: 2px solid #d1d8de;
    content: "";
    display: inline-flex;
    vertical-align: middle;
    margin-right: 10px;
    text-align: center;
    align-items: center;
    justify-content: center;
    color: white;
}

.input-check label input[type=checkbox]:checked + span:before {
    content: "\2714";
    line-height: 1.2;
}

.form-join .submit-btn button {
    background: transparent;
    border: none;
}

    .form-join .submit-btn button input {
        width: 100%;
        letter-spacing: .6px;
        color: #FFFFFF;
        border-width: 11px;
        border-color: RGBA(0,0,0,0);
        border-radius: 3px;
        font-size: 22px;
        font-weight: 600;
        text-transform: uppercase;
        background: rgb(10,10,10);
        background: linear-gradient(0deg, rgba(10,10,10,1) 0%, rgba(45, 44, 44, 0.404) 100%);
        padding: 10px 40px;
        margin-right: 5px;
        margin-left: 5px;
        border: solid 2px white;
    }

.studio-number h2 {
    text-transform: uppercase;
    font-size: 70px;
    letter-spacing: 8px;
    line-height: 1.4em;
}

p.disc-cc {
    font-size: 0.7rem;
}

.card-sec-top {
    line-height: 1.8em;
}

    .card-sec-top .sec-1 h1 {
        font-size: 20rem;
        -webkit-text-stroke: 3px white;
        color: transparent;
    }

    .card-sec-top .sec-2 h1 {
        font-size: 6rem;
        font-weight: 900;
        color: #4d4d4d;
        position: relative;
        left: -1.5rem;
        z-index: -1;
    }

    .card-sec-top .sec-1 h2 {
        font-size: 4rem;
        vertical-align: middle;
        font-weight: 900;
        margin-left: 10px;
    }

    .card-sec-top h1 {
        font-weight: 700;
        text-transform: uppercase;
        font-size: 54px;
        letter-spacing: 3px;
    }

.card-v {
    position: relative;
    height: 400px;
    min-height: 450px;
    width: 100%;
    max-width: 100%;
}

.card-v-flex > div {
    padding-bottom: 10px;
}

    .card-v-flex > div:nth-of-type(2n) {
        padding-left: 10px;
    }

.card-v .content p {
    font-size: 1rem;
    font-weight: 100;
    line-height: 1.7rem;
}

.card-v .content h1 {
    font-size: 22px;
    letter-spacing: 2px;
}

.card-v .content {
    padding-top: 145px;
    padding-right: 40px;
    padding-bottom: 145px;
    padding-left: 40px;
    line-height: 1.8rem;
}

.card-v img.card-v-img {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: grayscale(1) brightness(0.5);
    transition-duration: 0.5s;
}

.card-v:hover img.card-v-img {
    filter: grayscale(0) brightness(1);
}

.amenities-comp-item img {
    height: auto;
    width: 70px;
    padding: 20px 0;
}

.amenities-comp-item {
    padding: 10px 0;
}

.amenities-comp-header h2,
.amenities-comp-header h5,
.amenities-comp p {
    color: var(--navy-blue) !important;
}

.amenities-comp-item p {
    max-width: 300px;
    text-align: center;
    font-size: 18px;
}

.amenities-comp-header h1 {
    font-weight: 600;
    text-transform: uppercase;
    font-size: 60px;
    color: #FFFFFF !important;
    letter-spacing: 2px;
}

.amenities-comp-header h5 {
    font-weight: normal;
    font-size: 16px;
}

.learn-more-sec {
    position: relative;
}

    .learn-more-sec p {
        font-size: 0.75rem;
    }

    .learn-more-sec span {
        font-size: 0.875rem;
        line-height: 0.8rem;
    }

    .learn-more-sec img.backround-parallax {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
        object-fit: cover;
    }

    .learn-more-sec h3 {
        text-transform: uppercase;
        font-size: 16px;
        letter-spacing: 0.2em;
        line-height: 2.4em;
        text-align: center;
    }

    .learn-more-sec h1 {
        font-weight: 600;
        text-transform: uppercase;
        font-size: 50px;
        letter-spacing: 3px;
        text-align: center;
    }

    .learn-more-sec input[type="text"] {
        width: 100%;
        border: solid;
        border-radius: 6px 6px 6px 6px;
        overflow: hidden;
        border-width: 2px;
        border-color: #FFFFFF;
        font-weight: 600;
        color: #FFFFFF;
        letter-spacing: 0.1em;
        text-align: center;
        background: transparent;
        padding: 10px 15px;
    }

    .learn-more-sec button {
        color: #FFFFFF;
        border-width: 3px;
        border-color: #FFFFFF;
        border-radius: 3px;
        font-size: 18px;
        font-family: "brandon grotesque",'Montserrat',Helvetica,Arial,Lucida,sans-serif;
        text-transform: uppercase;
        background-color: RGBA(0,0,0,0);
        padding: 10px 40px;
        padding-right: 40px;
        padding-left: 40px;
        margin-left: 5px;
        font-family: "brandon grotesque",'Montserrat',Helvetica,Arial,Lucida,sans-serif;
    }

    .learn-more-sec input[type="text"]::placeholder {
        color: white;
        font-size: 0.8rem;
    }

    .learn-more-sec .bot-firstname {
        margin-right: 300px;
    }

.get-social .cs-ico img {
    max-height: 118px;
    width: auto;
}

.get-social h1 {
    letter-spacing: 2px;
    text-align: center;
    font-size: 26px;
}

.get-social h3 {
    font-weight: 300;
    text-transform: uppercase;
    font-size: 18px;
    letter-spacing: 2px;
}

.get-social p {
    font-size: 0.875rem;
}

img.social-ico {
    max-width: 40px;
    height: auto;
}

.be-legendary {
    background: #191919;
    position: relative;
}

    .be-legendary h2 {
        font-weight: 700;
        text-transform: uppercase;
        font-size: 40px;
        letter-spacing: 2px;
        line-height: 1.4em;
    }

    .be-legendary h3 {
        font-size: 16px;
        line-height: 1.2em;
    }

    .be-legendary .first-sec {
        max-width: 48%;
    }

    .be-legendary ul {
        list-style: none;
    }

        .be-legendary ul li {
            position: relative;
            font-size: 0.8rem;
            display: flex;
            align-items: flex-start;
            justify-content: flex-start;
            font-family: "brandon grotesque",'Montserrat',Helvetica,Arial,Lucida,sans-serif;
            line-height: 1.4em;
            letter-spacing: 1px;
            margin-bottom: 20px;
        }


            .be-legendary ul li span {
                margin-left: 2rem;
            }

            .be-legendary ul li::before {
                display: block;
                content: "";
                width: 0.6rem;
                height: 0.6rem;
                background: white;
                border-radius: 50%;
                position: absolute;
                top: 6px;
                border: solid 2px #000000;
                outline: solid 1px white;
            }

    .be-legendary .bg-1 img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 300px;
        transform-origin: 0% 0%;
        transition-duration: 0.5s;
        z-index: 1;
    }

    .be-legendary .sec-img {
        z-index: 2;
        width: 50%;
        position: absolute;
        right: 0;
        bottom: 0;
    }

        .be-legendary .sec-img img {
            width: 100%;
            height: auto;
            border-top-left-radius: 100%;
        }

.line-el {
    border: solid 1px white;
    width: 30%;
    margin-bottom: 10px;
}

.be-legendary buttons, .be-legendary as {
    text-decoration: none;
    display: inline-block;
    margin-top: 20px;
    color: #000000;
    border-width: 0px;
    border-color: #FFFFFF;
    border-radius: 100px;
    letter-spacing: 5px;
    font-size: 14px;
    font-weight: 900;
    text-transform: uppercase;
    background-color: #ffffff;
    padding-top: 20px;
    padding-right: 50px;
    padding-bottom: 20px;
    padding-left: 30px;
    font-weight: 900;
    margin-left: 3rem;
    transition-duration: 0.3s;
}

.be-legendary button:hover, .be-legendary a:hover {
    box-shadow: 0px 12px 90px -12px rgb(149 173 193 / 46%);
}

.be-legendary:hover .bg-1 img {
    height: 270px;
}

.form-join.input-sec-c {
    background: none;
}

.footer-bottom p {
    font-size: 12px;
    font-weight: 100;
}

.footer-bottom .last-b {
    width: 100%;
    background: #191919;
    height: 15px;
}

/* gallary css */

.gallary-sec {
    background: white;
}

    .gallary-sec h1 {
        font-weight: 900;
        text-transform: uppercase;
        font-size: 45px;
        letter-spacing: 1px;
        line-height: 1;
    }

    .gallary-sec p {
        font-weight: 400;
        font-size: 0.875rem;
        letter-spacing: 1px;
        line-height: 1.5;
    }

.carousel-indicators button img {
    width: 72px !important;
    height: 72px !IMPORTANT;
    object-fit: cover;
}

.carousel-indicators button {
    background: none;
    border: solid 2px transparent;
    width: 72px;
    height: 72px;
    /* margin: 0 3px; */
    padding: 0;
    border-radius: 0;
}

.carousel-indicators {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0;
    left: -2px;
    overflow-x: scroll;
}

    .carousel-indicators::-webkit-scrollbar {
        display: none;
        height: 5px;
        background: #dfdfdf;
    }

    .carousel-indicators::-webkit-scrollbar {
        display: none;
        height: 5px;
        background: #dfdfdf;
    }


.carousel-item {
    margin-bottom: 90px;
}

    .carousel-item img {
        max-height: 345px;
        object-fit: cover;
        width: 100% !IMPORTANT;
        height: 340px !important;
        overflow: hidden;
    }

.carousel-control-next, .carousel-control-prev {
    background: transparent;
    border: none;
}

    .carousel-control-next span, .carousel-control-prev span {
        opacity: 1;
        position: relative;
        top: -40px;
    }

.carousel-indicators .active {
    padding: 0;
    border: solid;
    box-sizing: border-box;
}

.carousel-inner:hover .carousel-control-next span, .carousel-inner:hover .carousel-control-prev span {
    opacity: 1 !important;
}

.carousel-indicators [data-bs-target] {
    max-height: unset;
    height: unset;
    opacity: 1;
    width: unset;
}

.sec-sec h1, .sec-sec h3 {
    font-size: 1.2rem;
    FONT-WEIGHT: 100;
}

.sec-sec {
    max-height: unset;
    height: 450px !important;
}

    .sec-sec .cs-ico img {
        height: 55px;
    }

    .sec-sec > div {
        margin-left: auto;
    }

.be-legendary .first-sec {
    border-right: solid 1px white;
}

.first-sec a {
    text-align: center;
    display: inline-block;
    padding: 10px 25px;
    border: solid 2px white;
    text-decoration: none;
    color: white;
    text-transform: uppercase;
    width: auto;
    margin-left: auto;
    margin-right: auto;
    font-size: 0.9rem;
    border-radius: 3px;
    font-weight: bold;
    background: rgb(10,10,10);
    background: linear-gradient(0deg, rgba(10,10,10,1) 0%, rgba(45, 44, 44, 0.404) 100%);
}

.how-learn h5 {
    margin-right: 20px;
}

.how-learn select {
    min-width: 200px;
    text-align: left;
    background: #0a0a0a99;
}

.gallary-sec, .amenities-comp, .input-sec-c {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.card-sec-top {
    padding-top: 50px !important;
}

@media (max-width: 1024px) {
    .be-legendary .bg-1 img {
        max-width: 100vw;
        max-height: 100px;
        display: none;
    }

    .be-legendary {
        flex-wrap: wrap;
    }

        .be-legendary .first-sec {
            width: 100%;
            max-width: 100%;
        }

        .be-legendary button, .be-legendary a {
            margin-left: 0;
            margin-top: 0;
            margin: 0 20px;
        }

        .be-legendary ul {
            padding: 0;
        }

        .be-legendary .sec-img img {
            width: 100vw;
        }

        .be-legendary .sec-img {
            width: 100%;
            position: relative;
            display: flex;
            align-items: end;
        }

    .sec-sec > div {
        margin-left: unset;
        width: 100% !important;
    }
}

@media (max-width: 769px) {
    .col.mobile-acc-search img, .col.mobile-loc-menu img {
        width: 22px;
        filter: invert(1);
    }

    .login-btn-top {
        display: none;
    }

    .laf-logo-menu-mobile {
        min-height: 76px;
        padding: 0;
    }

    .mobile-menu-items .search-location .map img {
        width: auto;
    }

    .laf-logo-menu-mobile img {
        width: 80% !important;
        object-fit: contain;
        height: 75px;
    }

    .carousel-pass-join {
        padding-left: 0;
        padding-right: 0;
    }

    .how-learn > * {
        width: 100%;
    }

    .how-learn {
        flex-wrap: wrap;
    }

        .how-learn h5 {
            padding-bottom: 20px;
        }

    .carousel-indicators button img {
        width: 72px !important;
    }

    nav {
        position: absolute;
        max-width: 100vw;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        nav img {
            height: 20px;
        }

    .welcome-club h1 {
        font-size: 2rem;
    }

    .welcome-club h3 {
        font-size: 1rem;
    }

    .image-banner-container.n2 {
        max-height: 600px;
    }

    .form-join {
        padding: 0;
    }

    .nav-top a {
        font-size: 1rem !important;
    }

    .carousel-indicators {
        overflow-x: scroll;
    }

    .card-v {
        height: unset;
    }

        .card-v img.card-v-img {
            filter: grayscale(0) brightness(1);
        }

    .be-legendary .bg-1 img {
        max-width: 100vw;
        max-height: 100px;
        display: block;
    }

    .hear-input > * {
        width: 35%;
    }

    .recaptcha-class iframe {
        left: 0 !important;
    }

    iframe {
        border: unset;
        max-width: unset !IMPORTANT;
        -webkit-transform: none;
        position: unset;
        left: unset;
    }

    .be-legendary .first-sec {
        border-right: none;
    }

    .sidemenu .mobileStackButton {
        border: solid 1px black;
        margin-left: 3px !important;
        margin-right: 10px !important;
        margin-top: 2px !important;
        margin-bottom: 2px !important;
        border-radius: 7px;
    }

    .mobile-menu-items .mobileStackButton {
        padding: 5px 5px;
        min-height: 35px;
        width: 95% !important;
    }

    .sidemenu .mobileStackButton a {
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

.image-banner-container.n2 > .container {
    position: relative;
    top: 0;
    transition-duration: 0.3s;
}

.image-banner-container.n2 > .container {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgb(10,10,10);
    background: linear-gradient(180deg, rgba(10,10,10,0.65) 0%, rgba(0,0,0,0) 100%);
}

@media(min-width: 1440px) {
    .image-banner-container.n2 {
        height: 99vh;
    }

        .image-banner-container.n2 > .container {
            top: 100px;
        }
}

button#btn-btn-left, button#btn-btn-right {
    position: sticky;
    /*filter: invert(1);*/
    background: black;
    border: none;
    height: 78px;
}

    button#btn-btn-left span, button#btn-btn-right span {
        width: 15px;
    }

button#btn-btn-right {
    right: -1px;
    border-left: solid 2px white;
}

button#btn-btn-left {
    left: 0;
    border-right: solid 2px white;
}

button#btn-btn-left, button#btn-btn-right {
    position: sticky;
    filter: invert(1);
    background: #00000061;
}

    button#btn-btn-left span, button#btn-btn-right span {
        width: 10px;
    }

button#btn-btn-right {
    right: 0;
}

button#btn-btn-left {
    left: 0;
}


/*Added for CST WaitList end*/

/*added for old header*/

:root {
    --navy-blue: white;
    --yellow: #0f0f0f;
    --grey: #8f8f90;
    --black: #121212;
    --footer-bg: #373b3e;
    --hover-colour: #767676;
    --cst-grey: #0d0d0d;
    --cst-bg: #F6FAFB;
    --text-color: #4f4f4f;
}

.btn.btn-primary:hover {
    background: var(--hover-colour);
    color: var(--yellow);
}

ol, ul {
    padding-left: unset;
}

dl, ol, ul {
    margin-top: unset;
    margin-bottom: unset;
}

nav {
    background: transparent;
    padding: 0;
}

    nav img {
        filter: unset;
        max-height: 40px;
    }

.nav-top {
    background: var(--yellow);
    width: 100%;
    min-height: 30px;
    color: var(--navy-blue);
    font-size: 14px;
    font-weight: 600;
}

.nav-middle {
    width: 100%;
    display: none !important;
}

.nav-social-media {
    margin-left: 5%;
}

.nav-search-cart {
    padding: 0px 10px;
}

    .nav-search-cart > * {
        margin: 0 15px;
    }

.nav-social-media > * {
    margin: 0;
    margin-bottom: 15px;
    width: 5.25rem;
    height: 5.25rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: transparent;
    border-radius: 50%;
    font-size: 0.8rem;
    color: var(--yellow);
    /* filter: invert(1); */
}

.social-fb a img, .social-Insta a img {
    width: auto;
    height: 2.584rem;
}

.stay-connected-section {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: unset !important;
    width: 100%;
}

.nav-social-media > * img {
    height: 60%;
}

.nav-social-media > * a {
    width: 100%;
    height: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .nav-social-media > * a:hover {
        background: transparent;
    }

.nav-logo {
    padding: 10px 20px;
    max-height: 90px;
    display: flex;
    align-items: center;
}

.nav-menu-list ul {
    list-style-type: none;
    display: flex;
    align-items: center;
    height: 100%;
}

    .nav-menu-list ul li {
        padding-left: 35px;
    }

    .nav-menu-list ul li {
        position: relative;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

        .nav-menu-list ul li a {
            color: var(--navy-blue);
            text-transform: uppercase;
            font-weight: 500;
            letter-spacing: 1px;
            font-size: 1rem;
            font-size: 13px;
            line-height: 1;
            padding-right: 0;
        }

.do-not-sell-o .donotsell {
    margin: auto;
    font-weight: 900;
}

    .do-not-sell-o .donotsell a {
        font-weight: 700 !important;
    }

.nav-search-cart a {
    width: 15px;
    height: 15px;
}

.free-pass,
.join-now {
    padding: 10px 15px;
    letter-spacing: 2px;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
    background: var(--yellow);
    color: white;
    border: solid 1px var(--yellow);
}

nav .free-pass, nav .join-now {
    height: 100%;
    display: flex;
    align-items: center;
    font-size: 1rem;
    font-size: 13px;
}

nav .free-pass, nav .join-now {
    background: transparent;
    color: white !important;
    border: solid 1px white;
    margin: 10px;
    padding: 10px;
    border-radius: 7px;
    min-height: unset;
    height: unset;
}


.footer-bottom-links li {
    padding-bottom: 0 !important;
}

nav .free-pass a, nav .join-now a {
    font-weight: 500;
}

.free-pass {
    margin-left: 15px;
}

    .free-pass a {
        color: white;
    }

.join-now {
    background: var(--navy-blue);
    color: var(--yellow);
}

    .join-now a, .join-now a:link, .join-now a:hover, .join-now a:active {
        color: var(--yellow) !important;
    }

nav .free-pass a, nav .join-now a, nav .join-now a:link {
    color: var(--navy-blue) !important;
}

.join-now:hover, .free-pass:hover {
    background: var(--hover-colour);
    color: var(--yellow);
}

.search-location .map {
    padding: 5px 8px;
    color: white;
    background: var(--yellow);
}

    .search-location .map img {
        height: 14px;
    }

.search-location input[type = 'text'] {
    border: none !important;
    outline: none !important;
    max-width: 100px !important;
    padding: 0 10px !important;
    text-align: center !important;
    font-size: 0.9rem;
}

nav .search-location > img {
    width: 14%;
}

.login-btn-top {
    position: absolute;
    right: 50px;
    filter: invert(1);
}

    .login-btn-top img {
        height: 25px;
    }

    .login-btn-top a:after {
        content: "LOGIN";
        padding-left: 17px;
        position: relative;
        top: 3px;
        font-weight: 400;
        color: var(--yellow);
    }

nav .search-location {
    display: none;
}


.nav-top a {
    opacity: 1 !important;
    font-size: 1rem !important;
    padding: 8px 20px !important;
    font-weight: 100 !important;
}

.nav-menu-list ul li {
    position: relative;
}

.nav-logo a img {
    width: 100%;
    height: auto;
    max-height: 30px;
    object-fit: contain;
    height: intrinsic;
    filter: invert(1);
}

.footer .join-now a:link {
    color: white !important;
}

footer .free-pass a:link {
    color: black !important;
}

.nav-drop-down {
    position: absolute;
    z-index: 9999;
    background: white;
    padding: 10px;
    top: 55px;
    left: 20%;
    margin-left: -5px;
    width: 100%;
    min-width: 120px;
    display: none;
    min-width: 185px;
}

    .nav-drop-down ul {
        display: block;
        width: 100%;
        margin: 0 !important;
    }

        .nav-drop-down ul li {
            width: 100%;
            /* min-width: 253px; */
            padding: 5px 10px;
            display: block;
            text-align: left;
            border-bottom: solid 1px #0000000f;
            transition-duration: 0.25s;
        }

            .nav-drop-down ul li a {
                letter-spacing: unset;
                text-transform: none;
            }

            .nav-drop-down ul li:last-of-type {
                border: none;
            }

            .nav-drop-down ul li:hover {
                background: var(--yellow);
                color: var(--navy-blue);
            }

                .nav-drop-down ul li:hover a {
                    color: white;
                }

.nav-menu-list ul li:hover .nav-drop-down {
    display: block;
    /* background: red; */
    margin-top: -5px;
}

.nav-drop-down:hover {
    display: block;
}

.nav-search-cart a.gift {
    width: unset;
    height: unset;
    background: var(--yellow);
    padding: 5px 15px;
    border-radius: 50px;
    color: var(--navy-blue);
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 0;
    font-size: 10px;
}

    .nav-search-cart a.gift img {
        max-height: 22px;
        padding-right: 10px;
    }

.nav-top a:link {
    color: var(--yellow);
    text-decoration: none;
    text-align: center;
    padding: 5px;
    font-size: 10px;
}

.mobile-navigation {
    background: transparent;
    min-height: 60px;
    transition-duration: 1s;
}

    .mobile-navigation .mobile-logo {
        height: 100%;
    }

.mobile-acc-search a {
    color: var(--navy-blue);
    padding-right: 15px;
}

.mobile-loc-menu a {
    color: var(--yellow);
    padding-left: 15px;
}

.mobile-navigation .menu-dropdown {
    width: 100%;
    /* padding: 20px 0; */
    padding: 0;
    list-style: none;
    margin: 0;
}

.mobile-navigation .sidemenu {
    position: fixed;
    background: rgba(0, 0, 0, 0.301);
    z-index: 999;
    width: 100%;
    height: 100vh;
    top: 0;
    right: 0;
    /* padding: 20px 0; */
    padding: 0;
    margin: 0;
}

.mobile-navigation .mobile-menu-items {
    float: right;
    width: 80%;
    height: 100vh;
    background: white;
    /*max-height: 92vh;*/
    overflow: scroll;
}


.mobile-navigation .menu-dropdown li {
    padding-bottom: 5px;
    padding-top: 5px;
    border-bottom: solid 1px rgba(0, 0, 0, 0.096);
    font-weight: bold;
}

    .mobile-navigation .menu-dropdown li:first-of-type {
        border-top: solid 1px rgba(0, 0, 0, 0.096);
    }


.mobile-menu-social {
    background: white;
    height: 15vh;
    bottom: 0;
    z-index: -1;
    display: none !important;
}

.mobile-navigation .menu-dropdown li ul {
    display: none;
}

.mobile-navigation .menu-dropdown li.active ul {
    display: block;
}

.mobile-navigation .menu-dropdown li ul {
    background: #80808038;
    padding: 0 20px;
}

.mobile-loc-menu p {
    padding-left: 15px;
    color: var(--yellow);
}

.mobile-navigation .menu-dropdown:last-of-type {
    padding-bottom: 20px;
}

.drop-down-arrow {
    display: flex;
    align-items: center;
    justify-content: center;
}

.drop-down-arrow {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: 15px;
}

.mobile-loc-menu a, .mobile-loc-menu p {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 1.3rem !important;
}

.mobile-loc-menu li {
    padding: 10px 0 !important;
}

.mobile-navigation .menu-dropdown li:first-of-type {
    border-top: none;
}

.col.mobile-acc-search .laf-logo-menu-mobile img, .col.mobile-loc-menu .laf-logo-menu-mobile img {
    max-height: 28px;
    margin: 19px 15px;
    max-width: 275px;
    filter: unset;
}

ul.menu-dropdown.mobile-menu-botom li {
    text-align: right;
    border: none;
    padding-right: 15px !important;
}

    ul.menu-dropdown.mobile-menu-botom li a {
        text-transform: unset;
        color: #adadad;
        font-weight: 400;
    }

ul.menu-dropdown.mobile-menu-botom {
    padding-top: 30px;
}

.drop-down-arrow:after {
    content: '';
    width: 11px;
    height: 14px;
    background: url(/Pages/Images/NewNav/chevron-down-solid.svg);
    margin-left: 14px;
    filter: invert(1);
}


footer {
    background: var(--navy-blue);
    color: var(--yellow);
    font-size: 14px;
    font-family: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}

    footer p {
        max-width: 80%;
        color: var(--cst-grey);
        font-size: 1.5rem;
        font-weight: normal;
    }

    footer ul li a {
        color: var(--yellow) !IMPORTANT;
        font-size: 1.5rem !important;
        line-height: 1.1;
    }

    footer ul li {
        padding-bottom: 2rem !important;
    }

    footer h5 {
        font-weight: 800;
        font-size: 1.5rem;
        letter-spacing: 1px;
        color: var(--cst-grey);
    }

    footer ul {
        list-style: none;
        padding: 0;
    }

        footer ul li {
            padding-bottom: 20px;
            max-width: 80%;
        }

        footer ul a {
            color: var(--yellow);
        }

        footer ul a {
            color: var(--yellow) !important;
            text-decoration: none !important;
        }

    footer .free-pass,
    footer .join-now {
        width: 100%;
        border-radius: 7px;
        text-align: center;
        font-size: 20px;
        font-weight: bold;
        min-height: 80px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    footer .free-pass, footer .join-now {
        margin: 0;
        margin-right: 20px;
        border-radius: 0;
        padding: 0 !IMPORTANT;
        min-height: 70px;
    }

        footer .free-pass a:visited, footer .join-now a:visited {
            color: unset;
        }

.footer-terms-2 p:last-of-type {
    text-align: center;
    padding: 20px;
}

footer .free-pass {
    background: var(--navy-blue);
    color: var(--yellow);
    margin: 0;
    margin-right: 20px;
}

footer .join-now {
    background: var(--yellow);
    color: var(--navy-blue);
    margin: 0;
    margin-right: 20px;
}

footer .free-pass a:link {
    color: var(--navy-blue)
}

.footer-terms {
    background: var(--navy-blue);
}

    .footer-terms p {
        max-width: 100%;
        font-size: 1.3rem;
        font-weight: 100;
        text-align: center;
    }

.footer-bottom-links ul p {
    color: var(--hover-colour);
}

.footer-bottom-links ul {
    padding-bottom: 0;
    margin-bottom: 0;
}

.footer-bottom-links li {
    padding: 0;
    font-size: 12px;
}



.joinad {
    margin-bottom: 5px;
    position: relative;
}

.joinad-text {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.joinad img {
    max-height: 370px;
    object-fit: cover;
    width: 100%;
}

.joinad p {
    color: var(--yellow);
    font-weight: bold;
    font-size: 30px;
    line-height: 30px;
    letter-spacing: 6px;
    line-height: 35px;
    text-align: center;
    padding-bottom: 60px;
    font-size: 3.2rem;
    line-height: 3.6rem;
    letter-spacing: 0;
}

.joinad .pass-join > * {
    margin-bottom: 20px;
    font-size: 20px;
    border-radius: 4px;
    box-shadow: none;
}

.joinad .pass-join .free-pass {
    margin-left: 0;
}

.joinad-text > div > .d-flex {
    flex-direction: column;
    align-items: center;
    height: 100%;
    justify-content: center !important;
}

.freepass-color-sec .joinad .pass-join .free-pass {
    margin-right: 60px;
    height: 60px;
}

    .freepass-color-sec .joinad .pass-join .join-now a, .freepass-color-sec .joinad .pass-join .free-pass a {
        /* color: black !important; */
        padding: 0;
        color: var(--yellow) !important;
        font-size: 1.5rem;
        font-weight: 500;
    }

    .freepass-color-sec .joinad .pass-join .free-pass a {
        color: var(--yellow) !important;
        padding: 0;
    }

.joinad-text {
    background: #ffffff63;
}

.joinad .free-pass, .joinad .join-now, .freepass-color-sec .joinad .pass-join .free-pass {
    background: transparent !important;
    min-height: unset !important;
    max-width: unset !important;
    width: unset;
    border: solid 2px var(--yellow) !important;
    color: var(--navy-blue);
    min-width: 16rem;
}

.joinad-text > div > .d-flex > .flex-column {
    flex-direction: row !important;
    justify-content: center;
    width: 70%;
}



footer .join-now a {
    color: var(--navy-blue) !important;
}

.login-between {
    min-width: 1.2rem;
    margin-left: 1.2rem;
    margin-right: 1.2rem;
    margin-top: -5px;
    filter: invert(1);
}

footer .free-pass {
    /*background: var(--yellow);*/
    /*color: var(--navy-blue);*/
    margin: 0;
    margin-right: 20px;
}

.joinad-text .container {
    height: 100%;
    top: 0;
}

.freepass-color-sec {
    position: relative;
}

    .freepass-color-sec .joinad img {
        /* filter: brightness(0.4); */
        max-height: unset;
        object-fit: cover;
        object-position: 0 63%;
    }

    .freepass-color-sec .joinad .pass-join > * {
        max-width: 300px;
        font-weight: 400;
        font-size: 28px;
    }

    .freepass-color-sec .joinad .pass-join .free-pass {
        border: solid 1px white;
    }

        .freepass-color-sec .joinad .pass-join .free-pass a {
            /*color: white !important;*/
            padding: 0;
        }

    .freepass-color-sec .joinad .pass-join .join-now a {
        color: black !important;
        padding: 0;
    }

.footer ul li {
    display: block;
    padding-top: 3px;
    padding-bottom: 10px;
}

ul li a.ot-sdk-show-settings {
    font-weight: bold;
}

footer .free-pass {
    margin-bottom: 12px;
}

.footer-terms p {
    /* background: var(--yellow); */
    color: var(--navy-blue);
}

nav.navbar-c {
    /* display: none; */
    opacity: 0;
    /*height: 80px;*/
    position: static;
}

.footer-terms p {
    margin-bottom: 0;
}

.footer-terms p {
    max-width: 100%;
    font-size: 10px;
}

.footer-bottom-links a, .footer-bottom-links a:visited {
    color: white !important;
    font-size: 14px;
    color: var(--yellow) !important;
    text-decoration: underline !important;
    font-weight: bold;
}

    .footer-bottom-links a:link {
        font-size: 20px;
        color: var(--yellow) !important;
        text-decoration: none !important;
        font-weight: 100;
        padding: 0 20px;
        opacity: 0.7;
        white-space: nowrap;
    }

.freepass-color-sec .joinad-text {
    padding: 8.5rem 0;
}

/*div#firstToKnow {
    position: relative;
    top: -100px;
}*/


@media (min-width: 769px) {
    footer .navigate .col-lg {
        width: 20%;
    }

    .banner-text-main p {
        padding-bottom: 20px;
    }

    .play-social {
        max-width: 270px;
    }

    .about-stay > .row {
        justify-content: space-between;
    }

    .about-sec-main {
        min-width: 390px;
    }
}

@media (min-width: 576px) {
    .nav-top {
        font-size: 1rem;
        font-weight: 100;
        letter-spacing: 0.1rem;
    }

        .nav-top a:link {
            font-size: 1rem;
            padding: 8px 20px;
            font-weight: 100;
            opacity: 1;
            letter-spacing: 0.1rem;
        }
}

@media (max-width:850px) and (min-width:767px) {

    nav {
        position: fixed;
        width: 100%;
        top: 0;
    }
}

@media (max-width: 769px) {
    nav {
        display: block;
    }

    .mobile-menu-items .free-pass, .mobile-menu-items .join-now {
        padding: 10px 7px;
    }

        .mobile-menu-items .free-pass a {
            padding: 0;
            width: 100%;
            text-align: center;
        }

    .mobile-menu-items .free-pass {
        width: 55% !important;
    }

    .mobile-menu-items .join-now {
        width: 45% !important;
    }

    .play-apple-store-sec a img {
        width: 45vw;
        max-width: 170px;
    }

    .play-apple-store-sec {
        padding: 20px 0;
        width: 100%;
    }

    .mobile-menu-items .row {
        margin-left: 0;
        margin-right: 0;
    }

    footer h5 {
        font-size: 1.5rem;
    }

    footer ul li a:link {
        font-size: 1.7rem !important;
        max-width: unset;
    }

    footer ul li {
        width: 60vw;
        max-width: unset;
    }

    footer .free-pass {
        margin-bottom: 0;
    }

    footer .join-now {
        margin-bottom: 20px;
    }

    footer .free-pass a {
        color: black !important;
    }

    nav img {
        max-height: 50px;
        height: auto;
    }

    .freepass-color-sec .free-pass, .freepass-color-sec .join-now {
        min-height: unset;
        height: 55px;
        border-radius: 0;
        width: 50%;
        margin: 0;
    }

    footer .freepass-color-sec .free-pass a, footer .freepass-color-sec .join-now a {
        font-size: 20px !important;
        font-weight: normal !important;
    }

    .footer a:link {
        padding: 6px 6px 6px 0px;
        text-decoration: none;
    }

    .footer-terms p {
        font-size: 9px;
        padding-bottom: 5px !important;
        margin-bottom: 0;
    }

    .col.mobile-acc-search {
        max-width: 40px;
    }

    .mobile-navigation .mobile-logo {
        min-width: 175px;
        align-items: center;
        justify-content: center;
        display: flex;
    }

    .mobile-loc-menu {
        max-width: 35px;
    }

    .mobile-navigation .mobile-logo img {
        max-width: 220px;
    }

    .free-pass a {
        color: white !important;
    }

    ul.menu-dropdown p {
        margin-bottom: 0;
    }

    /*nav.navbar-c {
        height: 95px;
    }*/

    .joinad p {
        font-size: 1.5rem;
        line-height: 2rem;
        padding-bottom: 35px;
    }

    .freepass-color-sec .free-pass, .freepass-color-sec .join-now {
        width: 50%;
        max-width: unset !IMPORTANT;
        min-width: 50%;
    }

    footer .freepass-color-sec .free-pass a, footer .freepass-color-sec .join-now a {
        color: var(--yellow) !important;
    }

    .freepass-color-sec .joinad-text {
        padding: 0;
        height: 120px;
    }

    .joinad p {
        padding-bottom: 0;
    }

    .container-f {
        padding: 2% 0%;
        padding-bottom: 0px;
    }
}

@media (min-width: 500px) and (max-width: 769px) {
    .mobile-navigation .mobile-menu-items {
        max-height: 100vh;
        overflow: scroll;
        max-width: 300px;
    }

    .laf-logo-menu-mobile img {
        min-height: 100px;
        object-fit: contain;
    }

    .carousel-btns-below {
        position: relative;
        margin-top: -25px;
    }

    .free-pass, .join-now {
        margin-left: 0;
        width: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

@media (max-width: 500px) {
    .free-pass, .join-now {
        font-size: 25px;
    }

    .mobile-menu-items, .mobile-menu-items p {
        font-size: 3.6vw;
    }

    .footer-terms p {
        font-size: 10px !important;
        text-align: center !important;
    }
}

@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1600px;
    }
}

@media(min-width: 1400px) and (max-width: 1910px) {
    html {
        font-size: 14px;
    }
}

@media (max-width: 1400px) {
    html {
        font-size: 12px;
    }
}

.footer-terms p {
    max-width: 100%;
    font-size: 1.3rem;
    font-weight: 100;
    text-align: center;
}

.footer .col-12.col-lg-6 ul li a {
    color: #0d0d0d !important;
}

/*added for old header*/

.container-f.about-stay p, .footer .col-12.col-lg-6 ul li a {
    color: #4c4c4c !important;
}

.input-check label > span:before {
    min-width: 23px;
}

.input-check label > span {
    display: flex;
}

.container-f {
    padding: 2% 0%;
    padding-bottom: 0px;
}

.freepass-color-sec .joinad .pass-join .free-pass:hover, .freepass-color-sec .joinad .pass-join .join-now:hover {
    background: #00000014 !important;
}

.py-0-c {
    padding: 0 !important;
}

.d-none-c {
    display: none;
}

/* new mobile header css */
@media (max-width: 769px) {
    .col.mobile-acc-search {
        display: none;
    }

    .footer ul li.donotsell {
        white-space: nowrap;
        width: 100%;
        max-width: unset;
    }

    .mobile-navigation .mobile-logo {
        justify-content: flex-start;
    }

        .mobile-navigation .mobile-logo img {
            max-width: unset;
            max-height: 28px;
            width: auto;
            height: 100%;
            filter: invert(1);
        }

    .image-banner-container .background-image-c {
        aspect-ratio: 1000/1248;
        max-width: 100vw;
        height: auto;
    }

    .image-banner-container.n2 {
        max-height: unset;
        /* padding: unset; */
        height: auto;
        width: 100vw;
        aspect-ratio: 1000/1248;
        min-height: unset;
        /* padding-top: 110px; */
    }

    .col.mobile-acc-search .laf-logo-menu-mobile img, .col.mobile-loc-menu .laf-logo-menu-mobile img {
        max-height: 28px;
        margin: 19px 15px;
    }

    .welcome-club h1 {
        font-size: 2.5rem;
        letter-spacing: 0px;
    }

    .gallary-sec h1 {
        font-size: 2.3rem;
        padding: 20px 15px;
    }

    .gallary-sec p {
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 15px;
    }

    .home-page-video > img {
        aspect-ratio: 1000/1070;
        width: 100vw;
        height: auto;
        object-position: -77px 0;
    }

    .play-btn-box {
        background: #0000007a;
    }

    .gallary-sec {
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 75px !important;
    }

    .col-12.col-lg-5.px-md-2 {
        padding-right: unset !IMPORTANT;
    }

    .d-flex.flex-wrap.pb-4.card-sec-top .col-12.d-flex.align-items-center {
        justify-content: center;
    }

    #homepage-ph-gallary .carousel-item img {
        aspect-ratio: 2/1;
        width: 100vw !important;
        height: auto !important;
    }

    #homepage-ph-gallary .carousel-indicators button img {
        width: 28vw !important;
        height: 28vw !important;
    }

    #homepage-ph-gallary button#btn-btn-left, button#btn-btn-right {
        height: 28vw !important;
    }

    div#homepage-ph-gallary {
        height: calc(30vw + 185px);
    }

    .gallary-sec .col-12.col-lg-5.px-md-2 {
        padding-bottom: 50px;
    }

    .card-sec-top .sec-2 h1 {
        letter-spacing: 0;
        left: -0.5rem;
        font-size: 8vw;
    }

    .card-sec-top .sec-1 h1 {
        -webkit-text-stroke: 1px white;
    }

    .toptop {
        position: absolute;
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        background: transparent !important;
    }

    .video-box .text-content h3 {
        padding-bottom: 0;
    }

    .video-box .text-content h5 {
        font-size: 1.6rem;
        padding-top: 0;
    }

    .video-box .text-content h3:nth-of-type(2) {
        padding-top: 40px;
    }

    footer .container-f .pass-join {
        display: none !important;
    }

    .play-social .play-apple-store-sec {
        flex-direction: column;
        padding-top: 0;
    }

    .play-social .playstore-btn {
        width: 100%;
        padding-bottom: 20px;
    }

    .play-social .playstore-btn, .play-social .applestore-btn {
        align-items: center;
        justify-content: center;
        display: flex;
    }

    .footer-terms {
        background: var(--navy-blue);
    }

        .footer-terms p {
            color: #686868;
        }

        .footer-terms .container {
            max-width: unset;
            border-top: solid 1px #0000003d;
        }

    .play-social .playstore-btn a, .play-social .applestore-btn a {
        padding: 0;
    }

    .play-social {
        flex-direction: column-reverse;
        display: flex;
        justify-content: flex-end;
    }

    .stay-connected-section, .stay-connected-section * {
        margin-bottom: 0 !important;
    }

    .joinad p {
        font-size: 3rem;
        line-height: 1;
        font-weight: 900;
        padding-bottom: 30px;
    }

    .freepass-color-sec .joinad .pass-join > * > a {
        font-size: 1.4rem !important;
        font-weight: 800 !important;
    }

    .freepass-color-sec .joinad-text {
        height: 100%;
    }

    .freepass-color-sec .joinad img {
        aspect-ratio: 1/1.2;
        width: 100vw;
        height: auto;
        max-height: unset;
        max-width: 100vw;
        min-height: 500px;
    }

    .joinad-text .container {
        overflow: hidden;
    }

    .joinad-text > div > .d-flex > .flex-column {
        display: flex !important;
        flex-direction: column !important;
        align-items: center;
        justify-content: center;
    }

    .joinad-text + .d-block.d-md-none {
        display: none !IMPORTANT;
    }

    .freepass-color-sec .joinad .pass-join > * {
        width: unset !important;
        height: unset !IMPORTANT;
        max-width: unset !important;
        margin: 0 !IMPORTANT;
        padding: 15px !important;
        min-width: 185px !important;
        min-height: 24px !IMPORTANT;
        margin-bottom: 20px !important;
    }

    .form-join.input-sec-c div {
        font-size: 8.2vw !important;
        letter-spacing: 0 !important;
    }

    .how-learn select {
        min-height: 59px;
    }

    .first-to-know p {
        font-size: 1.6rem;
        font-weight: 100;
        padding-top: 7px;
        padding-bottom: 7px;
        opacity: 0.3;
        line-height: 1;
    }

    .form-join input[type="text"], .how-learn select {
        font-size: 1.5rem;
        line-height: 2.5rem;
        border-width: 1px;
        border-radius: 1px;
        min-width: 100%;
        text-align: center;
        padding: 0.75em;
    }

    .how-learn {
        width: 100%;
    }

    .form-join .submit-btn button input {
        border-width: 1px;
        border-radius: 1px;
    }

    .how-learn h5 {
        font-size: 1.5rem;
        text-align: center;
        margin: 0;
        font-weight: 300;
    }

    .input-check label > span {
        display: flex;
    }

    .first-to-know span p {
        padding-top: 0;
        font-size: 1.4rem;
        line-height: 1.1;
    }

    p.px-lg-5.mx-lg-5.disc-cc, .form-join.input-sec-c div + p:not(:first-of-type) {
        padding: 0;
        margin: 0;
    }

    .form-join.input-sec-c {
        padding-top: 27px !IMPORTANT;
    }

    .input-check label > span:before {
        min-width: 23px;
    }

    .container {
        padding-left: 5%;
        padding-right: 5%;
    }
}
/* new mobile header css */
nav .nav-bottom {
    transition-duration: 1s;
}

nav.fixed-top .nav-bottom {
    background: var(--yellow);
    filter: invert(1);
}

    nav.fixed-top .nav-bottom .nav-menu-list .nav-drop-down {
        filter: invert(1);
    }

.nav-menu-list .nav-drop-down ul li a {
    color: var(--yellow) !important;
}

nav {
    line-height: 1.5;
}

.about-sec-main {
    display: none !important;
}

.about-stay .navigate h5 {
    display: none;
}

.container.about-stay {
    max-width: 930px;
}

.n-cst-sec-f {
    width: 100%;
}

.nav-social-media > .n-cst-sec-f {
    flex-direction: column;
    margin-bottom: 0;
}

.nav-social-media .footer-logo img {
    max-width: 350px;
    width: auto;
    max-height: 55px;
}

.nav-social-media {
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

footer ul li {
    padding-bottom: 0.8rem !important;
}

    footer ul li a {
        font-size: 1.3rem !important;
    }

.stay-connected-section {
    height: 100%;
}

.nav-social-media .social-btns a {
    padding-right: 10px !important;
}

.footer-terms:before {
    content: "";
    display: block;
    width: calc(100% - 100px);
    border: solid 1px #00000036;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    margin-bottom: 20px;
}

.footer-terms p {
    /* background: var(--yellow); */
    color: var(--yellow);
    opacity: 0.7;
}

.sidemenu .free-pass, .sidemenu .join-now {
    border: solid 1px black;
    margin: 10px 4px !important;
}

    .sidemenu .free-pass a, .sidemenu .join-now a, .sidemenu .join-now:hover a:link, .sidemenu .join-now:hover a:hover, .sidemenu .join-now a:link, .sidemenu .join-now a:hover, .sidemenu .join-now a:active {
        color: var(--yellow) !important;
        letter-spacing: 0;
    }

.fixed-top .mobile-navigation {
    background: var(--yellow);
    filter: invert(1);
}

/*responsive fixes for new cst homepage*/
@media(max-width: 820px) {
    .text-inner-sec {
        position: unset;
        box-shadow: none;
    }

    #homepage-ph-gallary .carousel-item img {
        margin-left: 0;
    }

    #homepage-ph-gallary .carousel-item, .carousel-inner {
        margin-bottom: 0 !important;
    }

    .gallary-sec {
        padding: 0 !important;
    }

        .gallary-sec button#btn-btn-left, .gallary-sec button#btn-btn-right {
            display: none;
        }

        .gallary-sec .col-12.col-lg-5.px-md-2 {
            padding-bottom: 0px;
        }

    #homepage-ph-gallary .carousel-item img {
        min-height: unset;
    }

    .gallary-sec .container-in > .d-flex {
        flex-direction: column-reverse;
    }

    .cst-n-card-sec .card-secc > div {
        padding-left: 0;
        padding-right: 0;
    }

    .cst-n-card-sec .card-secc {
        padding: 0 0px 50px;
    }

    .cryo-sec-t {
        padding-top: 0;
    }

        .cryo-sec-t .text-secc {
            text-align: center;
        }

            .cryo-sec-t .text-secc .line-h-s {
                width: 22%;
                margin: 20px auto;
            }

    .am-carousal-secc .carousel-item img {
        height: auto;
    }

    .cryo-sec-t.mailer-sub .text-secc {
        padding-bottom: 55px;
    }

    .gallary-sec .text-secc p, .gallary-sec .text-secc h1 {
        text-align: center !important;
    }

    .gallary-sec h1:after {
        margin-left: auto;
        margin-right: auto;
    }

    .mailer-sub .get-on-list-form {
        padding: 10px 20px 20px;
    }

        .mailer-sub .get-on-list-form > .row > div:nth-of-type(2n) {
            padding: 0;
        }

    .cst-app-sec .text-sec {
        padding: 20px 0 !important;
    }

    .cst-app-sec .phone-img {
        width: 300px;
        height: 300px;
        margin-right: 2%;
    }

    footer .navigate .flex-wrap .col-12 {
        width: 50%;
    }

    footer .navigate {
        width: 100%;
    }

    .container.about-stay > .row {
        flex-direction: column-reverse;
    }

    .about-stay {
        padding-top: 45px;
    }

    .footer-terms:before {
        display: none;
    }
}

@media(max-width: 769px) {
    .cst-app-sec h3.d-h-2 {
        padding: 10px 0 0;
    }
}

.cst-app-sec {
    background: #1c1c1c;
    background: url('/Pages/Images/CST/Mobile App Banner.jpg');
    background-size: cover;
    background-position: bottom;
    position: relative;
    margin-top: 80px;
    /*border-top: solid 1px #ffffff6e;*/
    box-shadow: 0 0 50px #ffffff7a;
}

    .cst-app-sec .app-st-ico {
        max-width: 165px;
        padding-right: 10px;
        padding-top: 11px;
    }

    .cst-app-sec .phone-img {
        /*background: grey;*/
        width: 450px;
        /*height: 400px;*/
        position: absolute;
        bottom: 0;
        border-radius: 12px 12px 0 0;
        margin-right: 2%;
    }

    .cst-app-sec .text-sec {
        padding: 70px 0 !important;
    }

    .cst-app-sec h3 {
        color: white;
        font-size: 1.9rem;
        font-size: 22pt;
        letter-spacing: 0;
    }

        .cst-app-sec h3.d-h-2 {
            /* text-shadow: 0 0 1px white; */
            color: black;
            font-weight: 700;
            -webkit-text-stroke: 1px #fff;
            padding: 40px 0 0;
        }

.privacy-li {
    display: block !important;
}

footer ul li .updated {
    color: var(--hover-colour) !important;
    text-decoration: none !important;
    font-weight: normal;
    font-size: 12px;
}

li.d-flex.privacy-li img {
    height: 20px;
    padding-left: 5px;
}

@media(max-width: 820px) {
    .cst-app-sec .text-sec {
        padding: 20px 0 !important;
    }

    .cst-app-sec {
        margin-top: 27%;
    }

        .cst-app-sec .phone-img {
            /*width: 360px;*/
            width: 68%;
            height: auto;
            margin-right: -10%;
        }

        .cst-app-sec h3.d-h-2 {
            padding: 10px 0 0;
        }
}

.nav-social-media > .n-cst-sec-f .footer-logo {
    display: flex;
    align-content: center;
    justify-content: center;
}
/*responsive fixes for new cst homepage*/



/* css for new cst waitlist design */
body {
    background: white;
    color: black;
}

.new-vip-list {
    min-height: 100%;
    padding-top: 92px;
    max-height: 100vh;
}

    .new-vip-list .img-section,
    .new-vip-list > .row {
        height: 100vh;
    }

    .new-vip-list .img-section {
        position: relative;
    }

        .new-vip-list .img-section img {
            height: 100%;
            width: 100%;
            object-fit: cover;
        }

    .new-vip-list h2 {
        font-size: 2.875rem;
        font-weight: bold;
        text-align: center;
        margin-top: 10px;
    }

    .new-vip-list p {
        margin-bottom: 16px;
    }

    .new-vip-list .sel-club {
        display: flex;
        align-items: center;
        justify-content: center;
        margin: auto;
        margin-bottom: 2rem;
        max-width: 400px
    }

        /*.new-vip-list .sel-club select,
        .new-vip-list .sel-club .wl_SourceDropList {
            min-width: 50%;
            margin-left: 16px;
            border-radius: 0;
            padding: 0.4rem;
        }*/

        .new-vip-list .sel-club label {
            font-weight: bold;
        }

    .new-vip-list .input-box input[type="text"] {
        width: calc(100% - 1rem);
        margin-right: 1rem;
        padding: 0.5rem 0;
        border: none;
        font-size: 1.375rem;
        border-bottom: solid 2px #CECECE;
    }

    .new-vip-list .form-section {
        padding: 0 4rem;
        padding-right: 3rem;
        max-height: 100dvh;
        overflow-y: unset;
    }

        .new-vip-list .form-section > .d-flex > .input-box {
            margin: auto;
            margin-bottom: 1.8rem;
            max-width: 400px;
        }

    .new-vip-list .input-check p {
        font-size: 0.875rem;
    }

    .new-vip-list .input-check label > span {
        display: flex;
    }

        .new-vip-list .input-check label > span > p {
            max-width: calc(100% - 50px);
        }

    .new-vip-list .final-sbmit {
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .new-vip-list .final-sbmit input {
            width: 80%;
            max-width: 160px;
            padding: 1rem;
            background: black;
            border: solid 2px grey;
            font-size: 1.3rem;
            font-weight: bold;
            /* margin-top: 1rem; */
            border-radius: 0;
        }

    .new-vip-list .img-section .container {
        height: 100%;
        align-items: center;
        justify-content: center;
        background: rgb(10, 10, 10);
        background: linear-gradient(180deg, rgba(10, 10, 10, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
        position: absolute;
        top: 0;
        transition-duration: 0.3s;
        display: none;
    }

    .new-vip-list .get-on .form-join {
        display: none;
    }

nav {
    background: black;
}

.input-check label span::before {
    color: black;
}

.new-vip-list .input-box input[type="text"] {
    width: calc(100% - 1rem);
    margin-right: 1rem;
    padding: 0.5rem;
    border: solid 2px black;
    font-size: 1.375rem;
    /* border-bottom: solid 2px #CECECE; */
    border-radius: 4px;
}

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
    -webkit-text-fill-color: black;
}

@media (min-width: 768px) {
    .fixscroll {
        position: fixed;
        top: 0;
    }
    .new-vip-list, .new-vip-list .img-section, .new-vip-list .form-section, .new-vip-list .img-section img {
        min-height: 900px;
    }

}

.new-vip-list .sel-club select, .new-vip-list .sel-club .wl_SourceDropList {
    /*min-width: unset;
    width: 40%;
    max-width: 400px;*/
    width: calc(100% - 1rem);
    margin-right: 1rem;
    padding: 0.5rem;
    border: solid 2px black;
    font-size: 1.375rem;
    /* border-bottom: solid 2px #CECECE; */
    border-radius: 4px;
    margin-right: 1rem;
    padding: 0.5rem;
    border: solid 2px black;
    font-size: 1.375rem;
    /* border-bottom: solid 2px #CECECE; */
    border-radius: 4px;
}



@media (max-width: 769px) {
    body {
        background: black;
        color: white;
    }

    nav {
        background: transparent;
    }

    .new-vip-list > .d-flex.flex-wrap {
        flex-direction: column;
    }

    .new-vip-list .img-section .container {
        display: flex;
    }

    .new-vip-list .img-section img,
    .new-vip-list .img-section {
        aspect-ratio: 1000/1248;
        max-width: 100vw;
        height: auto;
    }

    .new-vip-list .form-section {
        max-height: unset;
        overflow-y: auto;
    }

    .new-vip-list .get-on h2 {
        display: block;
    }

    .new-vip-list .get-on .form-join {
        display: block;
    }

    .new-vip-list .sel-club label {
        display: none;
    }

    .new-vip-list .sel-club select,
    .new-vip-list .sel-club .wl_SourceDropList,
    .new-vip-list .input-box input[type="text"] {
        background: #0a0a0a;
        width: 100%;
        max-width: 100%;
        padding: 0.5em;
        border-style: solid;
        border-radius: 4px 4px 4px 4px;
        overflow: hidden;
        border-color: white;
        font-family: 'Open Sans', Helvetica, Arial, Lucida, sans-serif;
        font-size: 13px;
        color: #FFFFFF;
        letter-spacing: 0em;
        line-height: 1.2em;
        margin: 0;
    }

    .new-vip-list .form-section {
        padding: 0 5%;
        padding-top: 30px;
    }

    .new-vip-list .input-box input[type="text"],
    .new-vip-list .sel-club select,
    .new-vip-list .sel-club .wl_SourceDropList {
        margin: 0;
        width: 100%;
        font-size: 1.5rem;
        line-height: 2.5rem;
        border-width: 1px;
        border-radius: 1px;
        min-width: 100%;
        text-align: center;
        padding: 0.75em;
    }

    .new-vip-list .final-sbmit {
        margin-bottom: 2rem;
    }

        .new-vip-list .final-sbmit input {
            border-width: 1px;
            border-radius: 1px;
            width: 100%;
            letter-spacing: .6px;
            color: #FFFFFF;
            border-width: 11px;
            border-color: RGBA(0, 0, 0, 0);
            border-radius: 3px;
            font-size: 22px;
            font-weight: 600;
            text-transform: uppercase;
            background: rgb(10, 10, 10);
            background: linear-gradient(0deg, rgba(10, 10, 10, 1) 0%, rgba(45, 44, 44, 0.404) 100%);
            padding: 10px 40px;
            margin-right: 5px;
            margin-left: 5px;
            border: solid 2px white;
        }

    .new-vip-list {
        max-height: unset;
    }

    .input-check label span::before {
        color: white;
    }

    input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {
        -webkit-box-shadow: 0 0 0 30px #0a0a0a inset !important;
        -webkit-text-fill-color: white;
    }

    .col-12.sel-club {
        max-width: 400px;
        margin-left: auto;
        margin-right: auto;
    }

    .new-vip-list .form-section {
        position: relative
    }

    #firstToKnow {
        position: absolute;
        top: -80px;
    }
}



/* css for new cst waitlist design */