/* @group Frontpage
------------------------------------ */
.frontpage h1,
.frontpage h2 {
    font-family: var(--brolimo-font);
    color: var(--bath-salts);
    text-transform: uppercase;
    font-variant-ligatures: discretionary-ligatures;
    font-size: 6.5em;
    line-height: 1em;
    margin-bottom: 6rem;
}
.frontpage h3 {
    font-weight: 500;
    color: var(--limestone);
    font-family: var(--gotham-medium);
    margin-bottom: 3rem;
    font-size: 2.3em;
    line-height: 1.5em;
    letter-spacing: 0.0086em;
}
.frontpage p {
    font-weight: 400;
    color: var(--limestone);
    font-size: 1.7em;
    line-height: 1.64em;
    letter-spacing: 0.011em;
}

@media only screen
and (min-width : 961px) {
    .frontpage h1,
    .frontpage h2 {
        font-size: 12vh;
        line-height: .9em;
        margin-bottom: 8rem;
    }
    .frontpage h3 {
        font-size: 2em;
        line-height: 1.5em;
        letter-spacing: 0.01em;
    }
    .frontpage p {
        font-size: 1.5em;
        line-height: 1.5em;
        letter-spacing: .0133em;
    }
}
@media only screen
and (min-width : 961px)
and (max-width : 1440px) {
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {
}

/* @end */


/* @group Animation scroll
------------------------------------ */

.horizontal-track {
    position: relative;
}
@media only screen
and (min-width : 961px) {
    .horizontal-track {
        height: 1000vw;
    }
    .horizontal__viewport {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        overflow: hidden;
        /* width: 100vw; */
        width: 100%;
        height: 100vh;
        max-height: 100vh;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }
    .horizontal__scroll {
        z-index: 500;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        height: 100%;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        transform-style: preserve-3d;
        will-change: transform;
        transition: transform .7s;
    }
    .horizontal__scroll .container {
        height: 100vh;
    }
    .horizontal__scroll .container,
    .horizontal__scroll .container [class^="col-"] {
        flex: none;
    }
    .horizontal__scroll .row {
        max-width: 100%;
        flex-wrap: nowrap;
    }
}


@media only screen
and (min-width : 961px)
and (max-width : 1440px) {
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {
}

/* @end */


/* @group Book a tour Intro
------------------------------------ */
.book-a-tour-intro {
    height: 100%;
    overflow: hidden;
    background-image: url('../../img/layout/main-nav/background-book-a-tour.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    isolation: isolate;
    position: relative;

    @media (max-width: 961px) {
        margin-top: 6.5rem;
    }

}

.book-a-tour-intro .close-button {
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 16px;
    right: 32px;
    font-size: 16px;
    z-index: 1;
    background-color: transparent;
    border: none;
    cursor: pointer;

    @media (min-width: 961px) {
        display: none;
    }
}

.book-a-tour-intro .close-button svg {
    width: 100%;
    height: 100%;
}

.book-a-tour-intro .description {
    position: relative;
    text-align: center;
    padding: 3.1rem 4.4rem 2rem 4.4rem;
}
.book-a-tour-intro .description::before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('../../img/layout/main-nav/texture-book-a-tour.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    z-index: -1;
    pointer-events: none;
}
.book-a-tour-intro .description h3,
.book-a-tour-intro .description h4 {
    font-family: var(--brolimo-font);
    font-weight: 400;
    color: var(--forest);
}
.book-a-tour-intro .description h3 {
    font-size: 2.5em;
    line-height: 1.2em;
    letter-spacing: 0.12em;
}
.book-a-tour-intro .description h4 {
    font-size: 4.5vh!important;
    line-height: 1em;
    margin-bottom: 2rem;
}
@media only screen
and (min-height : 1050px) {
    .book-a-tour-intro .description h4 {
        font-size: 3.5vh!important;
        padding-top: 10vh;
    }
}
.book-a-tour-intro .description p {
    color: var(--spanish-moss);
    font-size: 1.5em;
    line-height: 1.46em;
    letter-spacing: 0.01333em;
}
.book-a-tour-intro .appShieldLog{
    bottom: 20px;
    position: absolute;
    display: flex;
    justify-content: center;
    width: 100%;
}
.book-a-tour-intro .appShieldLog img{
    width: 50%;
    height: auto;
}
@media only screen
and (min-width : 961px) {


    .book-a-tour-intro {
        width: 41.4rem
    }
    .book-a-tour-intro .description {
            padding-top: 3rem;
            height: 100%;
        }
    .book-a-tour-intro .description p {
            max-width: 22rem;
        }
    .book-a-tour-intro .description .book-a-tour-container {
        top: 48vh;
        bottom: auto;
    }
    .book-a-tour-intro .description {
        height: 59vh;
        width: calc(100% - 5rem);
        padding: 3rem 2.5rem 12vh 2.5rem;
    }
    .book-a-tour-intro .description h3 {
        font-size: 2.68vh;
        line-height: 1.2em;
        letter-spacing: 0.1em;
        margin-bottom: 0.5rem;
    }
    .book-a-tour-intro .description h4 {
        font-size: 5vh;
        line-height: 1em;
        margin-bottom: 3rem;
    }
    .book-a-tour-intro .description p {
        max-width: 22rem;
        margin: 0 auto;
    }
    .book-a-tour-intro .description .book-a-tour {
        color: var(--gilded-age);
        font-size: 1.6em;
        line-height: 1.5em;
        letter-spacing: .0125em;
    }
    /* Book a tour */
    .book-a-tour-intro .description .book-a-tour-container,
    .book-a-tour-intro .description .book-a-tour-container::before {
        border-radius: 50%;
        position: absolute;
    }
    .book-a-tour-intro .description .book-a-tour-container {
        display: flex;
        align-items: center;
        justify-content: center;
        bottom: -11.7vh;
        left: 50%;
        transform: translateX(-50%);
        width: 23.4vh;
        height: 23.4vh;
        background-color: var(--limestone);
        border-radius: 50%;
        overflow: hidden;
        z-index: 2;
        transition: background-color .7s, transform .7s;
        margin-top: 8rem;
    }
    .book-a-tour-intro .description .book-a-tour-container::before {
        content: "";
        top: 1.43vh;
        left: 1.43vh;
        width: 20.5vh;
        height: 20.5vh;
        border: .1rem solid var(--gilded-age);
        pointer-events: none;
    }
    .book-a-tour-intro .description .book-a-tour {
        display: inline-block;
        font-weight: 400;
        font-size: 1.9vh;
        line-height: 1em;
        letter-spacing: 0.0125em;
        text-transform: uppercase;
        text-align: center;
        color: var(--gilded-age);
        transition: all .7s;

    }
    .book-a-tour-intro .description .book-a-tour::after {
        content: "";
        display: block;
        width: 7.1rem;
        height: 1rem;
        background-image: url('../../img/layout/globals/arrow.svg');
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        margin-left: auto;
        position: relative;
        left: 2rem;
        margin-top: 0.5rem;
    }


    .book-a-tour-intro .description .book-a-tour-container:hover {
        transform: translateX(-50%) scale(1.05);
        background-color: var(--forest);
        backdrop-filter: initial;
    }
    .book-a-tour-intro .description .book-a-tour-container:hover span {
        color: var(--limestone);
    }
}
@media only screen
and (min-width : 3000px){
    .book-a-tour-intro {
        width: 100rem
    }
}
@media only screen
and (min-height : 1200px) {
    .book-a-tour-intro .description .book-a-tour-container {
        margin-top: 25rem;
    }
}
@media only screen
and (min-height : 960px) {
    .book-a-tour-intro .description h4 {
        font-size: 3vh!important;
    }
}

/* @end */





/* @group Intro
------------------------------------ */
.intro {
    position: relative;
}
.intro .row {
    height: 100%;
    padding: 7.5rem 0 7rem 0;
}
.intro .outerAbsolute {
    z-index: 0;
}
.intro p {
    color: var(--white);
    max-width: 34.2rem;
    margin: 0 auto;
}
.intro .logo {
    margin-bottom: 5rem;
}
.intro .bttn-blur {
    margin-top: 5.6rem;
}
.intro .img-box::after {
    content: '';
    background: black;
    opacity: 0.55;
    z-index: 1;
    inset: 0;
    position: absolute;
}

@media only screen
and (min-width : 961px) {
    .intro {
        min-width: 162.8rem;
        width: 100vw;
    }
    .intro .row {
        height: auto;
        padding: 26.7vh 0 0 0;
    }
    .intro .intro__container {
        display: inline-block;
        text-align: center;
        position: relative;
        left: -5%;
    }
    .intro .logo {
        margin-bottom: 5.3vh;
    }
    .intro .logo img {
        width: auto;
        height: 26.8vh;
    }
    .intro .bttn-blur {
        margin-top: 11.2vh;
        position: relative;
        left: -70%
    }
    .intro p {
        max-width: 97.4rem;
    }
    
}


.home .container.intro #pause_button, 
.home .container.intro #play_button {
    position: absolute;
    width: 60px;
    right: 50px;
    bottom: 30px;
    z-index: 2;
}
@media only screen
and (max-width : 961px) {
    .home .container.intro #pause_button, 
    .home .container.intro #play_button {
        width: 55px;
        right: 20px;
        bottom: 15px;
    }

}

  
.home .container.intro #play_button {
    display: none;
}


@media only screen
and (min-width : 961px)
and (max-width : 1440px) {
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {

    .intro {
        min-height: 60rem;
    }
    .intro .intro__container .logo img {
        width: 100%;
        max-width: 36.5rem;
        height: auto;
    }

}

/* Animation */
.intro .logo,
.intro p,
.intro .bttn-blur {
    opacity: 0;
}
.intro.animateActive .logo,
.intro.animateActive p,
.intro.animateActive .bttn-blur { animation: fadeRight .9s forwards; }

@media only screen
and (min-width : 0)
and (max-width : 960px) {
    .intro.animateActive .logo,
    .intro.animateActive p,
    .intro.animateActive .bttn-blur { animation: fadeDown .9s forwards; }
}

.intro.animateActive .logo { animation-delay: .3s; }
.intro.animateActive p { animation-delay: .5s; }
.intro.animateActive .bttn-blur { animation-delay: .7s; }


/* @end */


/* @group Step Into
------------------------------------ */
.step-into-sora {
    transition: background-color .7s;
    background-color: var(--limestone);
    padding: 14rem 0 0 0;
}
.step-into-sora h2 {
    color: var(--bath-salts);
}
.step-into-sora h3,
.step-into-sora p {
    color: var(--limestone);
}
.step-into-sora .col-figures {
    position: relative;
}
.step-into-sora .col-figures .over {
    position: relative;
    z-index: 2;
    height: 50rem;
}
.step-into-sora .col-figures .under {
    position: absolute;
    left: 0;
    z-index: 1;
    height: 49.1rem;
    top: 2.9rem;
    left: 4.5rem;
}
.step-into-sora .bttn-submit {
    position: absolute;
    z-index: 3;
    top: -6.25rem;
    left: 3rem;
}
.step-into-sora .bttn-submit:after {
    background-color: rgb(75 77 56);
}
@media only screen
and (min-width : 961px) {
    .step-into-sora {
        padding: 9.8vh 34.2rem 0 0;
    }
    .step-into-sora .col-description {
        max-width: 61rem;
        flex: 0 1 61rem;
        margin-left: 20rem;
        margin-right: 9.8rem;
    }
    .step-into-sora h3 {
        max-width: 40rem;
    }
    .step-into-sora p {
        max-width: 48.9rem;
    }
    .step-into-sora .col-figures {
        max-width: 121.9rem;
        flex: 0 1 121.9rem;    
    }
    .step-into-sora .col-figures::before {
        content: "";
        display: inline-block;
        border-radius: 50%;
        width: 24.3vh;
        height: 24.3vh;
        background-color: rgb(75 77 56);
        overflow: hidden;
        z-index: 3;
        position: absolute;
        top: 60.47vh;
        left: -12.13vh;
    }
    .step-into-sora .col-figures .over {
        width: 121.4rem;
        height: 70.45vh;
    }
    .step-into-sora .col-figures .under {
        width: 101.8rem;
        height: 66.4vh;
        left: 30.6rem;
        top: 16.47vh;
    }
    .step-into-sora .bttn-submit {
        width: 18.26vh;
        height: 18.26vh;
        top: 63.47vh;
        left: -9.13vh;
    }
    .step-into-sora .bttn-submit:after {
        width: 20.5vh;
        height: 20.5vh;
    }
    .step-into-sora .bttn-submit span::after {
        width: 7.2vh;
        margin-left: 6vh;
    }

}
@media only screen
and (min-width : 961px)
and (max-width : 1440px) {
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {

    .step-into-sora .col-description,
    .step-into-sora .col-figures {
        flex: 0 1 100%;
        max-width: 100%;
        padding: 0 3rem;
    }
    .step-into-sora .col-figures {
        padding-right: 0;
    }
    .step-into-sora .col-figures::before {
        content: "";
        display: inline-block;
        border-radius: 50%;
        width: 16.7rem;
        height: 16.7rem;
        background-color: rgb(75 77 56);
        overflow: hidden;
        z-index: 3;
        position: absolute;
        top: -8.35rem;
        left: .9rem;
    }
    .step-into-sora .col-description {
        margin-bottom: 17.1rem;
    }

    .step-into-sora .bttn-submit span::after {
        width: 3.5rem;
        margin-left: 5rem;
    }

}

/* Animation */
.step-into-sora.animateActive {
    background-color: rgb(75 77 56);
}
.step-into-sora .col-description h2,
.step-into-sora .col-description h3,
.step-into-sora .col-description p,
.step-into-sora .col-figures .over,
.step-into-sora .col-figures .under,
.step-into-sora .bttn-submit {
    opacity: 0;
}
.step-into-sora.animateActive .col-description h2,
.step-into-sora.animateActive .col-description h3,
.step-into-sora.animateActive .col-description p,
.step-into-sora.animateActive .col-figures .over,
.step-into-sora.animateActive .col-figures .under,
.step-into-sora.animateActive .bttn-submit {
    animation: fadeRight .9s forwards;
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {
    .step-into-sora.animateActive .col-description h2,
    .step-into-sora.animateActive .col-description h3,
    .step-into-sora.animateActive .col-description p,
    .step-into-sora.animateActive .col-figures .over,
    .step-into-sora.animateActive .col-figures .under,
    .step-into-sora.animateActive .bttn-submit  { animation: fadeDown .9s forwards; }
}

.step-into-sora.animateActive .col-description h2 { animation-delay: .3s; }
.step-into-sora.animateActive .col-description h3 { animation-delay: .5s; }
.step-into-sora.animateActive .col-description p { animation-delay: .7s; }
.step-into-sora.animateActive .col-figures .over { animation-delay: .9s; }
.step-into-sora.animateActive .col-figures .under { animation-delay: 1.1s; }
.step-into-sora.animateActive .bttn-submit { animation-delay: 1.3s; }

/* @end */


/* @group Our amenities
------------------------------------ */
.our-amenities {
    position: relative;
    background-image: url('../../img/layout/frontpage/texture-amenities.jpg');
    background-size: contain;
    padding: 16rem 0 0 0;
}
.our-amenities .col-bttn::before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    background-color: var(--spanish-moss);
    pointer-events: none;
    z-index: 1;
}
.our-amenities .col-bttn::after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    pointer-events: none;
    z-index: 2;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.our-amenities .bttn-amenities {
    position: absolute;
    z-index: 3;
    top: 0;
    right: 4rem;
}
.our-amenities .bttn-amenities .bttn-submit::after {
    background-color: transparent;
}
.our-amenities .bttn-amenities .semicircle {
    display: inline-block;
    overflow: hidden;
    position: absolute;
}
.our-amenities .bttn-amenities .semicircle::before {
    content: "";
    display: inline-block;
    background-color: transparent;
    border-radius: 50%;
    overflow: hidden;
}

/* Slider */
.our-amenities .col-slider .splide__track,
.our-amenities .col-slider .splide__slide {
    height: 43rem;
}
.our-amenities .col-slider .splide__arrows {
    position: relative;
    background-color: var(--limestone);
    width: 100%;
    min-height: 10.5rem;
}
.our-amenities .splide .splide__arrows .figcaption {
    height: 100%;
    min-height: 10.5rem;
    padding: 1.5rem 0;
    display: flex;
    align-items: center;
}
.our-amenities .splide .splide__arrows .figcaption p {
    max-width: calc(100% - 15rem);
    display: inline-block;
    margin: 0 auto;
    text-align: center;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 1.4em;
    font-weight: 500;
    font-family: var(--gotham-medium);
}
.our-amenities .splide .splide__arrows .figcaption p { color: var(--spanish-moss); }

.our-amenities .splide .splide__arrows button { display: inline-block; width: 5.45rem; height: 5.45rem; border: .1rem solid var(--forest); border-radius: 100%; transform: unset; top: unset; bottom: 3.5rem; opacity: 1; }

.our-amenities .splide .splide__arrows button i { 
    display: inline-block; 
    width: 2.9rem; 
    height: 1rem; 
}

.our-amenities .splide .splide__arrows button i::before,
.our-amenities .splide .splide__arrows button i::after{ 
    content: ''; 
    display: inline-block; 
    width: 2.9rem; 
    height: 1rem; 
}

.our-amenities .splide .splide__arrows button .icon-arrow-right::before { 
    background: url('../../img/layout/globals/splide-arrow-right-green.svg') no-repeat center; 
    background-size: 100% auto; 
}
.our-amenities .splide .splide__arrows button .icon-arrow-left::before { background: url('../../img/layout/globals/splide-arrow-left-green.svg') no-repeat center; background-size: 100% auto; }

.our-amenities .splide .splide__arrows button .icon-arrow-right::after { 
    background: url('../../img/layout/globals/splide-arrow-right-olive.svg') no-repeat center; 
    background-size: 100% auto; 
    opacity: 0; 
    position: absolute;
    top: 50%;
    left: 50%;
    translate: -50% -50%;
}
.our-amenities .splide .splide__arrows button .icon-arrow-left::after { 
    background: url('../../img/layout/globals/splide-arrow-left-olive.svg') no-repeat center; 
    background-size: 100% auto; 
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    translate: -50% -50%;
}

.our-amenities .splide .splide__arrows button,
.our-amenities .splide .splide__arrows button i::after,
.our-amenities .splide .splide__arrows button i::before{
    transition: 0.5s;
}
.our-amenities .splide .splide__arrows button:hover {
    border-color: var(--olive);
}
.our-amenities .splide .splide__arrows button:hover i::before { 
    opacity: 0 !important;
}
.our-amenities .splide .splide__arrows button:hover i::after { 
    opacity: 1 !important;
}



@media only screen
and (min-width : 961px) {
    .our-amenities {
        margin-left: -.2rem;
        padding: 0 0 0 0;
    }
    .our-amenities .col-figure {
        width: 24.6rem;
        height: 28.02vh;
        min-height: 35rem;
        margin-top: 9.8vh;
        margin-right: 23.2rem;
    }
    .our-amenities .col-description {
        margin-top: 9.8vh;
        padding-top: 14.14vh;
        width: 71rem;
        margin-right: 15vh;
    }
    .our-amenities .col-description h3,
    .our-amenities .col-description p {
        max-width: 42.7rem;
        margin-left: 13rem;
    }

    /* Bttn */
    .our-amenities .bttn-amenities .bttn-submit {
        width: 20.76vh;
        height: 20.76vh;
    }
    .our-amenities .bttn-amenities .bttn-submit span::after {
        width: 7.2vh;
        margin-left: 8vh;
    }
    .our-amenities .bttn-amenities .bttn-submit::after {
        width: 23.45vh;
        height: 23.45vh;
    }
    .our-amenities .col-bttn {
        width: 25.6rem;
        height: 100vh;
    }
    .our-amenities .bttn-amenities .semicircle {
        width: 4.35vh;
        height: 26.7vh;
        top: 50%;
        right: -3.22vh;
        transform: translateY(-50%) rotate(180deg);
    }
    .our-amenities .bttn-amenities .semicircle::before {
        width: 26.7vh;
        height: 26.7vh;
        background-color: #575c4d;
    }
    .our-amenities .col-bttn::after {
        background-image: url('../../img/layout/frontpage/shape-amenities.gif?timestamp=1690485126551');
        background-size: auto 100%;
        background-position: right center;
        width: 50rem;
        height: 110vh;
        top: -5vh;
    }
    .our-amenities .col-bttn::before {
        width: 13.3rem;
        height: 100%;
    }
    .our-amenities .bttn-amenities {
        top: 63vh;   
        right: 1.2vh;
    }
    /* Slider */
    .our-amenities .col-slider {
        height: 100vh;
        width: 152.1rem;
        border-right: 4.2rem solid var(--sandstone);
        padding-left: 0;
        padding-right: 0;
    }
    .our-amenities .col-slider .splide__track,
    .our-amenities .col-slider .splide__slide {
        height: calc(100vh - 10.3rem);
    }
    .our-amenities .col-slider .splide__arrows {
        width: 137.6rem;
        height: 10.3rem;
    }
    .our-amenities .splide .splide__arrows .figcaption {
        display: block;
        padding-top: 3.2rem;
        padding-left: 15.3rem;
    }
    .our-amenities .splide .splide__arrows .figcaption p {
        max-width: 45rem;
        text-align: left;
        margin: 0;
    }
    .our-amenities .splide .splide__arrows button {
        height: 7rem;
        width: 7rem;
    }
    .our-amenities .splide .splide__arrows button.splide__arrow--prev,
    .our-amenities .splide .splide__arrows button.splide__arrow--next {
        top: 1rem;
        transform: none;
    }
    .our-amenities .splide .splide__arrows button.splide__arrow--prev {
        left: 5rem;
    }
    .our-amenities .splide .splide__arrows button.splide__arrow--next {
        left: 63.5rem;
    }

    
    .our-amenities+.observer-button {
        display: flex;
    }
}
@media only screen
and (min-width : 961px)
and (max-width : 1440px) {
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {

    .our-amenities .col-description,
    .our-amenities .col-bttn,
    .our-amenities .col-slider {
        flex: 0 1 100%;
        max-width: 100%;
        padding: 0 3rem;
    }
    .our-amenities .col-bttn,
    .our-amenities .col-slider {
        padding: 0;
    }
    .our-amenities .col-slider {
        border-bottom: 4.2rem solid var(--sandstone);
    }
    .our-amenities .col-description {
        margin-bottom: 10rem;
    }
    .our-amenities .col-bttn {
        height: 16.4rem;
    }
    .our-amenities .col-bttn::before {
        width: 100%;
        height: 8.4rem;
        bottom: 0;
        top: auto;
        left: 0;
        right: auto;
    }
    .our-amenities .col-bttn::after {
        background-image: url('../../img/layout/frontpage/shape-amenities-mobile.svg');
        background-size: 43rem auto;
        width: 100%;
        height: 16.4rem;
    }
    /* Bttn */
    .our-amenities .bttn-amenities .bttn-submit {
        width: 14.8rem;
        height: 14.8rem;
    }
    .our-amenities .bttn-amenities .bttn-submit:after {
        width: 16.8rem;
        height: 16.8rem;
    }
    .our-amenities .bttn-amenities .bttn-submit span::after {
        width: 5rem;
        margin-left: 4.5rem;
    }
    .our-amenities .bttn-amenities .semicircle {
        width: 20rem;
        height: 9.5rem;
        top: 7.8rem;
        left: 50%;
        transform: translate3d(-50%, 0, 0) rotate(180deg);
    }
    .our-amenities .bttn-amenities .semicircle::before {
        height: 20rem;
        width: 20rem;
        background-color: #4E4F3F;
    }
    
}

/* Animation */
.our-amenities .col-figure,
.our-amenities .col-description h2,
.our-amenities .col-description h3,
.our-amenities .col-description p,
.our-amenities .col-bttn .bttn-submit,
.our-amenities .col-figures .under,
.our-amenities .col-slider {
    opacity: 0;
}

.our-amenities.animateActive .col-figure,
.our-amenities.animateActive .col-description h2,
.our-amenities.animateActive .col-description h3,
.our-amenities.animateActive .col-description p,
.our-amenities.animateActive .col-bttn .bttn-submit,
.our-amenities.animateActive .col-figures .under,
.our-amenities.animateActive .col-slider {
    animation: fadeRight .9s forwards;
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {
    .our-amenities.animateActive .col-figure,
    .our-amenities.animateActive .col-description h2,
    .our-amenities.animateActive .col-description h3,
    .our-amenities.animateActive .col-description p,
    .our-amenities.animateActive .col-bttn .bttn-submit,
    .our-amenities.animateActive .col-figures .under,
    .our-amenities.animateActive .col-slider { animation: fadeDown .9s forwards; }
}

.our-amenities.animateActive .col-figure { animation-delay: .3s; }
.our-amenities.animateActive .col-description h2 { animation-delay: .5s; }
.our-amenities.animateActive .col-description h3 { animation-delay: .7s; }
.our-amenities.animateActive .col-description p { animation-delay: .9s; }
.our-amenities.animateActive .col-bttn .bttn-submit { animation-delay: 1.1s; }
.our-amenities.animateActive .col-figures .under { animation-delay: 1.3s; }
.our-amenities.animateActive .col-slider { animation-delay: 1.5s; }



/* @end */

/* @group Residences
------------------------------------ */
.our-residences {
    position: relative;
    background-color: #d7cdc3;
    background-position: left center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 14rem 0 0 0;
    isolation: isolate;
}
.our-residences > .row {
    position: relative;
    z-index: 3;
}
.our-residences::before {
    content: "";
    display: inline-block;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    z-index: 2;
}
.our-residences .video-box {
    position: absolute;
    pointer-events: none;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
}
.our-residences .video-box::before {
    content: '';
    position: absolute;
    pointer-events: none;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: var(--limestone);
    mix-blend-mode: multiply;
}
.our-residences .video-box video {
    opacity: .6;
}
.our-residences .col-figures {
    position: relative;
    margin-bottom: 14rem;
}
.our-residences .col-figures .over {
    position: relative;
    z-index: 2;
    height: 32rem;
}
.our-residences .col-figures .under {
    position: absolute;
    z-index: 1;
    height: 30rem;
    top: 3.2rem;
    left: -1rem;
}
.our-residences .col-figures .under::before {
    content: "";
    width: 100%;
    height: 100%;
    display: inline-block;
    background-color: #CFE0C3;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    pointer-events: none;
    opacity: .7;
    mix-blend-mode: color;
}
.our-residences .col-description {
    margin-bottom: 17.1rem;
}
.our-residences .col-description h2 {
    color: var(--forest);
}
.our-residences .col-description h3,
.our-residences .col-description p {
    color: var(--spanish-moss);
}



/* Slider */
.our-residences .col-slider {
    padding: 0;
}
.our-residences .col-slider .splide__slide {
    height: 43rem;
}
.our-residences .col-slider .splide__arrows {
    position: relative;
    width: 100%;
    height: 15rem;
}
.our-residences .splide .splide__arrows .figcaption {
    position: relative;
    z-index: 2;
    display: flex;
    height: 100%;
    padding: 1.5rem 0;
    align-items: center;
    pointer-events: none;
}
.our-residences .splide .splide__arrows .figcaption p {
    max-width: calc(100% - 15rem);
    display: inline-block;
    margin: 0 auto;
    text-align: center;
    line-height: 1.4em;
}
.our-residences .splide .splide__arrows .figcaption p { color: var(--spanish-moss); }
.our-residences .splide .splide__arrows button { display: inline-block; width: 5.45rem; height: 5.45rem; border: .1rem solid var(--forest); border-radius: 100%; transform: unset; top: unset; bottom: 3.5rem; opacity: 1; }

.our-residences .splide .splide__arrows button i { 
    display: inline-block; 
    width: 2.9rem; 
    height: 1rem; 
}

.our-residences .splide .splide__arrows button i::before,
.our-residences .splide .splide__arrows button i::after{ 
    content: ''; 
    display: inline-block; 
    width: 2.9rem; 
    height: 1rem; 
}

.our-residences .splide .splide__arrows button .icon-arrow-right::before { 
    background: url('../../img/layout/globals/splide-arrow-right-green.svg') no-repeat center; 
    background-size: 100% auto; 
}
.our-residences .splide .splide__arrows button .icon-arrow-left::before { background: url('../../img/layout/globals/splide-arrow-left-green.svg') no-repeat center; background-size: 100% auto; }

.our-residences .splide .splide__arrows button .icon-arrow-right::after { 
    background: url('../../img/layout/globals/splide-arrow-right-olive.svg') no-repeat center; 
    background-size: 100% auto; 
    opacity: 0; 
    position: absolute;
    top: 50%;
    left: 50%;
    translate: -50% -50%;
}
.our-residences .splide .splide__arrows button .icon-arrow-left::after { 
    background: url('../../img/layout/globals/splide-arrow-left-olive.svg') no-repeat center; 
    background-size: 100% auto; 
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    translate: -50% -50%;
}

.our-residences .splide .splide__arrows button,
.our-residences .splide .splide__arrows button i::after,
.our-residences .splide .splide__arrows button i::before{
    transition: 0.5s;
}
.our-residences .splide .splide__arrows button:hover {
    border-color: var(--olive);
}
.our-residences .splide .splide__arrows button:hover i::before { 
    opacity: 0 !important;
}
.our-residences .splide .splide__arrows button:hover i::after { 
    opacity: 1 !important;
}

.our-residences .splide .splide__arrows button.splide__arrow--prev,
.our-residences .splide .splide__arrows button.splide__arrow--next {
    z-index: 2;
    top: 50%;
    transform: translateY(-50%);
}

.our-residences .splide__dots-container {
    position: absolute;
    width: 2.2rem;
    top: 17vh;
    right: -10.7rem;
    height: 52.1vh;
}
.our-residences .splide__dots-container::before {
    content: "";
    display: inline-block;
    width: .1rem;
    height: 47.26vh;
    background-color: var(--forest);
    position: absolute;
    top: 3.6vh;
    left: 1.1rem;
}
.our-residences .splide__dots-container span {
    font-size: 1.2em;
    line-height: 1.5em;
    letter-spacing: 0.013em;
    color: var(--spanish-moss);
}
.our-residences .splide__dots-container [data-dots="start"] {
    font-family: var(--gotham-bold);
    font-size: 1.5em;
    line-height: 1.5em;
    position: relative;
    top: -.5rem;
}
.our-residences .splide__dots-container [data-dots="end"] {
    font-family: var(--gotham--medium);
    font-weight: 500;
}
.our-residences .textures {
    position: absolute;
    font-size: 0;
    bottom: -3rem;
    right: 0;
    z-index: 3;
}
.our-residences .textures li {
    width: 6.2rem;
    height: 6rem;
    display: inline-block;
    margin-right: 3rem;
}
.our-residences .textures li i {
    display: inline-block;
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.our-residences .textures .textures__land {
    background-image: url('../../img/layout/frontpage/texture-land.jpg');
}
.our-residences .textures .textures__sheet {
    background-image: url('../../img/layout/frontpage/texture-sheet.jpg');
}
.our-residences .textures .textures__sand {
    background-image: url('../../img/layout/frontpage/texture-sand.jpg');
}

/* BTTN */
.our-residences .bttn-residences {
    position: absolute;
    top: -6rem;
    left: 3.4rem;
}
.our-residences .bttn-residences .bttn-submit::after {
    background-color: rgb(211, 207, 203);
}
.our-residences .bttn-residences .semicircle {
    display: inline-block;
    overflow: hidden;
    position: absolute;
}
.our-residences .bttn-residences .semicircle::before {
    content: "";
    display: inline-block;
    background-color: rgb(211, 207, 203);
    border-radius: 50%;
    overflow: hidden;
}

@media only screen
and (min-width : 961px) {
    .our-residences {
        padding: 0;
    }
    .our-residences::before {
        width: 424.7rem;
        height: 100vh;
        background: linear-gradient(270deg, #E6DBD0 0%, rgba(230, 219, 208, 0) 100%), linear-gradient(0deg, rgba(230, 219, 208, 0.4), rgba(230, 219, 208, 0.4)), url('../../img/layout/frontpage/our-residences-texture.jpg');
        background-repeat: no-repeat;
        top: 0;
        left: 164.7rem;
    }
    .our-residences .video-container {
        position: absolute;
        width: 170rem;
        height: 100vh;
        top: 0;
        left: 0;
        display: inline-block;
        z-index: -1;
    }
    .our-residences .video-container::before {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        pointer-events: none;
        z-index: 2;
        background-color: rgba(226, 212 ,198, .5);
        background-blend-mode: multiply;
    }
    .our-residences .col-figures {
        width: 64.6rem;
        margin-bottom: 0;
    }
    .our-residences .col-figures {
        margin-top: 60.69vh;
        margin-left: -17.9rem;
    }

    @media only screen
    and (max-height : 700px) {
        .our-residences .col-figures {
            margin-right: 10vw;
        }
    }

    .our-residences .col-figures .under,
    .our-residences .col-figures .over {
        width: 64.6rem;
    }
    .our-residences .col-figures .under {
        height: 37.60vh;
        top: 1.79vh;
        left: 2rem;
    }
    .our-residences .col-figures .over {
        height: 35.36vh;
    }
    .our-residences .col-description {
        width: 81.9rem;
        margin: 6.8vh 0 0 -25rem;
    }
    .our-residences .col-description h2 {
        margin-bottom: 7rem;
    }
    .our-residences .col-description h3,
    .our-residences .col-description p {
        max-width: 53.3rem;
        margin-left: 16.4rem;
    }
    /* SLIDER */
    .our-residences .col-slider {
        width: 127.3rem;
        margin-left: 16rem;
        margin-top: 6.89vh;
        margin-right: 39rem;
    }
    .our-residences .col-slider .splide__slide {
        height: 70.81vh;
    }
    .our-residences .col-slider .splide__arrows {
        width: 71.7rem;
        height: 7rem;
        margin-left: auto;
        margin-bottom: 1.79vh;
    }
    .our-residences .splide .splide__arrows button {
        height: 7rem;
        width: 7rem;
    }
    .our-residences .splide .splide__arrows .figcaption p {
        max-width: 47rem;
        font-weight: 500;
        font-family: var(--gotham-medium);
    }
    .our-residences .splide .splide__arrows button.splide__arrow--prev {
        left: 0;
    }
    .our-residences .splide .splide__arrows button.splide__arrow--next {
        right: 0;
    }
    /* TEXTURES */
    .our-residences .textures {
        bottom: -3rem;
        right: -1rem;
    }
    /* BTTN */
    .our-residences .bttn-residences {
        top: 47vh;
        left: -10.7vh;
    } 
    .our-residences .bttn-residences .bttn-submit span:after {
        width: 7.3vh;
        margin-left: 8vh;
    }
    .our-residences .bttn-residences .bttn-submit {
        width: 21.4vh;
        height: 21.4vh;
    } 
    .our-residences .bttn-residences .bttn-submit:after {
        width: 24.17vh;
        height: 24.17vh;
    } 
    .our-residences .bttn-residences .semicircle {
        width: 26.32vh;
        height: 26.32vh;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .our-residences .bttn-residences .semicircle::before {
        width: 26.32vh;
        height: 26.32vh;
    }
    
}

@media only screen
and (min-width : 2000px) {
    .our-residences .col-slider {
        margin-left: 60rem;
    }
}

@media only screen
and (min-width : 960px) and (min-height : 1400px) {
    .our-residences .col-slider {
        margin-left: 60rem;
    }
}

@media only screen
and (min-width : 2000px) and (min-height : 1400px) {
    .our-residences .col-slider {
        margin-left: 95rem;
    }
}

@media only screen
and (min-width : 961px)
and (max-width : 1440px) {
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {
    .our-residences .col-figures,
    .our-residences .col-description,
    .our-residences .col-slider {
        flex: 0 1 100%;
        max-width: 100%;
    }
    .our-residences .col-figures {
        max-width: calc(100% - 9.5rem);
        margin-left: 9.5rem;
        padding: 0;
    }
    .our-residences .col-figures .over,
    .our-residences .col-figures .under {
        width: 100%;
    }
    .our-residences .col-description {
        padding: 0 3rem;
    }
    .our-residences .splide {
        display: flex;
        width: 100%;
        flex-direction: column;
    }
    .our-residences .splide__track {
        flex: 0 1 100%;
        max-width: 100%;
        order: -1;
    }
    .our-residences .textures {
        top: 40rem;
        bottom: auto;
    }
    .our-residences .splide .splide__arrows {
        margin-top: 0rem;
    }
    .our-residences .splide .splide__arrows::before {
        content: "";
        pointer-events: none;
        position: absolute;
        top: -5.8rem;
        left: 0;
        width: 100%;
        height: 48.7rem;
        display: inline-block;
        background-position: bottom center;
        background-repeat: no-repeat;
        background-size: cover;
        background-image: url(../../img/layout/frontpage/texture-residences-mobile.jpg);
        z-index: 1;
    }
    /* Bttn */
    .our-residences .bttn-residences .semicircle {
        width: 16rem;
        height: 16rem;
        top: 50%;
        left: 50%;
        transform: translate3d(-50%, -50%, 0);
        border-radius: 50%;
    }
    .our-residences .bttn-residences .semicircle::before {
        height: 16rem;
        width: 16rem;
        background-color: #d7cdc3;
    }
    .our-residences .bttn-residences .bttn-submit::after {
        background-color: #d7cdc3;
    }
}
/* Animation */
.our-residences .col-figures,
.our-residences .col-description h2,
.our-residences .col-description h3,
.our-residences .col-description p,
.our-residences .col-slider {
    opacity: 0;
}

.our-residences.animateActive .col-figures,
.our-residences.animateActive .col-description h2,
.our-residences.animateActive .col-description h3,
.our-residences.animateActive .col-description p,
.our-residences.animateActive .col-slider {
    animation: fadeRight .9s forwards;
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {
    .our-residences.animateActive .col-figures,
    .our-residences.animateActive .col-description h2,
    .our-residences.animateActive .col-description h3,
    .our-residences.animateActive .col-description p,
    .our-residences.animateActive .col-slider { animation: fadeDown .9s forwards; }
}

.our-residences.animateActive .col-figures { animation-delay: .3s; }
.our-residences.animateActive .col-description h2 { animation-delay: .5s; }
.our-residences.animateActive .col-description h3 { animation-delay: .7s; }
.our-residences.animateActive .col-description p { animation-delay: .9s; }
.our-residences.animateActive .col-slider { animation-delay: 1.1s; }


/* @end */



/* @group Availability
------------------------------------ */
.availability {
    isolation: isolate;
    position: relative;
    z-index: 3;
    padding: 14rem 0 0 0;

}
@media screen and (max-width:960px) {
    .availability {
        padding-top: 5rem;
    
    }
 
}
.availability::before {
    content: "";
    z-index: -1;
    background-color: #e5dbd0;
    position: absolute;
    top: 22rem;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}
.availability h2 {
    color: var(--forest);
}
.availability h3,
.availability p {
    color: var(--spanish-moss);
}
.availability .col-figure {
    background-image: url('../../img/layout/frontpage/availability-small-mobile.jpg');
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 100% 77.6rem;
}
.availability .col-figure .small {
    height: 33.7rem;
}
.availability .figure-big-container {
    position: relative;
}
.availability .figure-big-container::before {
    content: "";
    position: absolute;
    bottom: -2rem;
    right: 0;
    width: calc(100vw - 9.5rem);
    height: 14.7rem;
    background-image: url(../../img/layout/frontpage/availability-big-mobile.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 1;
}
.availability .col-figure .big,
.availability .col-figure .small {
    width: 100%;
}
.availability .col-figure .big {
    z-index: 2;
    height: 50rem;
}

/* BTTN */
.availability .bttn-availability {
    position: absolute;
    top: -6rem;
    left: 3.4rem;
    z-index: 3;
}
.availability .bttn-availability .bttn-submit span {
    max-width: 9rem;
}
.availability .bttn-availability .bttn-submit::after {
    background-color: #e5dbd0;
}
.availability .bttn-availability .semicircle {
    display: inline-block;
    overflow: hidden;
    position: absolute;
}
.availability .bttn-availability .semicircle::before {
    content: "";
    display: inline-block;
    background-color: #e5dbd0;
    border-radius: 50%;
    overflow: hidden;
}

@media only screen
and (min-width : 961px) {
    .availability {
        padding: 6.89vh 0 0 0;
    }
    .availability .row {
        position: relative;
        z-index: 3;
    }
    .availability::before {
        top: 0;
    }
    .availability .video-container {
        position: absolute;
        width: 100%;
        height: 100vh;
        top: 0;
        left: 0;
        display: inline-block;
        z-index: 1;
    }
    .availability .col-description {
        width: 85rem;
        margin-right: 7.4rem;
        margin-left: 7rem;
        margin-top: 23.10vh;
    }
    .availability .col-description h3,
    .availability .col-description p {
        margin-left: 10.3rem;
        max-width: 54.6rem;
    }
    .availability .figure-big-container::before {
        bottom: -2.2vh;
        right: auto;
        left: 0;
        width: 155.2rem;
        height: 55.4vh;
        background-image: url(../../img/layout/frontpage/availability-big-desktop.jpg);
        z-index: 1;
    }
    .availability .figure-big-container::after {
        content: "";
        display: inline-block;
        position: absolute;
        top: -6.89vh;
        right: -40.2rem;
        width: 124.8rem;
        height: 80rem;
        background-image: url(../../img/layout/frontpage/availability-big-desktop-under.jpg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        z-index: 0;
    }
    .availability .col-figure {
        padding-left: 0;
        padding-right: 0;
        width: 115rem;
        margin-right: 40.2rem;
    }
    .availability .col-figure .big {
        height: calc(100vh - 9.09vh);
    }
    .availability .col-figure .small {
        position: absolute;
        width: 53.7rem;
        height: 47.4vh;
        top: 40vh;
        left: 98rem;
        z-index: 4;
    }

    /* Bttn */
    .availability .bttn-availability {
        top: 58vh;
        left: -10.7vh;
    } 
    .availability .bttn-availability .bttn-submit span {
        max-width: 100%;
    }
    .availability .bttn-availability .bttn-submit span:after {
        width: 7.3vh;
        margin-left: 8vh;
    }
    .availability .bttn-availability .bttn-submit {
        width: 21.4vh;
        height: 21.4vh;
    } 
    .availability .bttn-availability .bttn-submit:after {
        width: 24.17vh;
        height: 24.17vh;
    } 
    .availability .bttn-availability .semicircle {
        width: 26.32vh;
        height: 26.32vh;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .availability .bttn-availability .semicircle::before {
        width: 26.32vh;
        height: 26.32vh;
    }


}

@media only screen
and (min-width : 2000px) {
    .availability .col-figure {
        margin-left: 35rem;
    }
}

@media only screen
and (min-width : 960px) and (min-height : 1400px) {
    .availability .col-figure {
        margin-left: 35rem;
    }
}

@media only screen
and (min-width : 2000px) and (min-height : 1400px) {
    .availability .col-figure {
        margin-left: 95rem;
    }
}

@media only screen
and (min-width : 961px)
and (max-width : 1440px) {
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {

    .availability .col-description,
    .availability .col-figure {
        flex: 0 1 100%;
        max-width: 100%;
    }
    .availability .col-description {
        max-width: 100%;
        margin-bottom: 17.1rem;
    }
    .availability .col-figure {
        padding: 0 0 7.7rem 3rem;
    }
    .availability .figure-big-container {
        margin-bottom: 11.2rem;
    }
    .availability .col-figure .small {
        padding: 0 6rem 0 0;
    }
     /* Bttn */
    .availability .bttn-availability .semicircle {
        width: 16rem;
        height: 16rem;
        top: 50%;
        left: 50%;
        transform: translate3d(-50%, -50%, 0);
        border-radius: 50%;
    }
    .availability .bttn-availability .semicircle::before {
        height: 16rem;
        width: 16rem;
        background-color: #e5dbd0;
    }

}

/* Animation */
.availability .col-description h2,
.availability .col-description h3,
.availability .col-description p,
.availability .col-figure .figure-big-container,
.availability .col-figure .bttn-availability,
.availability .col-figure .small {
    opacity: 0;
}

.availability.animateActive .col-description h2,
.availability.animateActive .col-description h3,
.availability.animateActive .col-description p,
.availability.animateActive .col-figure .figure-big-container,
.availability.animateActive .col-figure .bttn-availability,
.availability.animateActive .col-figure .small {
    animation: fadeRight .9s forwards;
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {
    .availability.animateActive .col-description h2,
    .availability.animateActive .col-description h3,
    .availability.animateActive .col-description p,
    .availability.animateActive .col-figure .figure-big-container,
    .availability.animateActive .col-figure .bttn-availability,
    .availability.animateActive .col-figure .small { animation: fadeDown .9s forwards; }
}

.availability.animateActive .col-description h2 { animation-delay: .5s; }
.availability.animateActive .col-description h3 { animation-delay: .7s; }
.availability.animateActive .col-description p { animation-delay: .9s; }
.availability.animateActive .col-figure .figure-big-container { animation-delay: 1.1s; }
.availability.animateActive .col-figure .bttn-availability { animation-delay: 1.1s; }
.availability.animateActive .col-figure .small { animation-delay: 1.4s; }


/* @end */



/* @group Location
------------------------------------ */
.location {
    position: relative;
    background-color: #e6dbd0;
    padding-top: 14rem;
    overflow: hidden;
}
.location .row {
    position: relative;
    z-index: 3;
    pointer-events: none;
}
.location h2 {
    color: var(--forest);
}
.location h3,
.location p {
    color: var(--spanish-moss);
}
.location::before,
.location::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    pointer-events: none;
}
.location::before {
    width: 100%;
    background: rgba(36, 46, 18, 0.1);
    z-index: 4;
}
.location::after {
    width: 134.1rem;
    z-index: 2;
    background: linear-gradient(90deg, #E6DBD0 55.66%, rgba(230, 219, 208, 0) 96.27%);
}
.location .col-figure figure {
    height: 33rem;
}
.location .bttn-location {
    position: absolute;
    pointer-events: all;
}
.location .bttn-submit:after {
    background-color: transparent;
}

/* Mapplic */
.location .mapplic-container {
    position: absolute;
    top: 0;
    right: 0;
    width: 217.9rem;
    height: 100%;
    z-index: 1;
}
.location .mapplic-container .mapplic-element {
    width: 100%;
    position: absolute;
    bottom: 0;
    top: auto;
    left: 0;
}
.location .mapplic-container .mapplic-pin.view {
    background-size: 102px 102px;
    width: 102px;
    height: 102px;
    margin-left: -51px;
    margin-top: -51px;
}
.location .mapplic-container .mapplic-map {
    transform-origin: 5% 0%;
}
.location .mapplic-container .mapplic-pin::before {
    content: '';
    background-image: url('../../img/layout/frontpage/mapplic-view-bttn-hover.svg');
    background-size: cover;
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: all .3s linear;
}
.location .mapplic-container .mapplic-pin:hover::before {
    opacity: 1;
}
@media only screen
and (min-width : 961px) {
    
    .location {
        padding-top: 0;
    }
    .location .col-description {
        width: 64.9rem;
        margin-top: 6.89vh;
        margin-left: 22.4rem;
    }
    .location .col-description h2 {
        margin-bottom: 6.4rem;
    }
    .location .col-figure {
        width: 49.8rem;
        margin-top: 54.3vh;
        margin-right: 164.9rem;
        margin-left: -50.6rem;
    }
    .location .col-figure figure {
        width: 100%;
        height: 27.7vh;
    }
    .location .bttn-location {
        top: 50%;
        transform: translateY(-50%);
        right: -9.22vh;
    }
    .location .bttn-location .semicircle {
        display: inline-block;
        position: absolute;
        width: 10.35vh;
        height: 20.7vh;
        left: -1.13vh;
        top: 50%;
        transform: translate(0, -50%);
        overflow: hidden;
        transition: opacity .7s;
    }
    .location .bttn-location .semicircle::before {
        content: "";
        display: inline-block;
        position: absolute;
        width: 20.7vh;
        height: 20.7vh;
        top: 50%;
        left: 0;
        transform: translate(0, -50%);
        background-color: #BCB8B2;
        border-radius: 50%;
    }
    .location .bttn-submit {
        width: 18.44vh;
        height: 18.44vh;
    }
    .location .bttn-submit:after {
        width: 20.7vh;
        height: 20.7vh;
    }
    .location .bttn-location:hover .semicircle {
        opacity: 0;
    }
    .location .bttn-location:hover .bttn-submit span {
        color: var(--limestone);
    }
}
@media only screen
and (min-width : 961px)
and (max-width : 1440px) {
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {
    .location .col-description,
    .location .col-figure {
        flex: 0 1 100%;
        max-width: 100%;
        padding: 0 3rem;
    }
    .location .col-description {
        margin-bottom: 19.4rem;
        max-width: 100%;
    }
    .location .col-figure {
        padding-right: 0;    
    }
    /* Bttn */
    .location .bttn-location {
        position: absolute;
        top: -8rem;
        left: 3rem;
    }
    .location .bttn-location .semicircle {
        display: none;
    }
    .location .bttn-submit {
        width: 17.3rem;
        height: 17.3rem;
    }
    .location .bttn-submit:after {
        width: 19.5rem;
        height: 19.5rem;
    }
    .location .bttn-submit span {
        max-width: 14rem;
    }
    .location .bttn-submit span::after {
        width: 5.5rem;
        margin-left: 8rem
    }

}
/* Animation */
.location .col-description h2,
.location .col-description h3,
.location .col-description p,
.location .col-figure,
.location .mapplic-container {
    opacity: 0;
}

.location.animateActive .col-description h2,
.location.animateActive .col-description h3,
.location.animateActive .col-description p,
.location.animateActive .col-figure,
.location.animateActive .mapplic-container {
    animation: fadeRight .9s forwards;
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {
    .location.animateActive .col-description h2,
    .location.animateActive .col-description h3,
    .location.animateActive .col-description p,
    .location.animateActive .col-figure,
    .location.animateActive .mapplic-container { animation: fadeDown .9s forwards; }
}

.location.animateActive .col-description h2 { animation-delay: .5s; }
.location.animateActive .col-description h3 { animation-delay: .7s; }
.location.animateActive .col-description p { animation-delay: .9s; }
.location.animateActive .col-figure { animation-delay: 1.1s; }
.location.animateActive .mapplic-container { animation-delay: 1.3s; }

/* @end */


/* @group Gallery
------------------------------------ */
.gallery {
    position: relative;
    /* background-image: url('../../img/layout/frontpage/background-mobile-gallery.jpg'); */
    background:linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../../img/layout/frontpage/Rooftop-Oasis-Deck.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.gallery .row {
    padding-top: 14rem;
    padding-bottom: 14rem;
}
.gallery h2 {
    color: var(--bath-salts);
}
.gallery h3,
.gallery p {
    color: var(--limestone);
}
.gallery .col-description {
    margin: 0 0 17.5rem 0;
}
.gallery .col-figure-left figure {
    width: 100%;
    height: 33.8rem;
}
.gallery .col-figure-right {
    height: 24.1rem;
}
.gallery .col-large-shape {
    position: relative;
    pointer-events: none;
    background-color: var(--spanish-moss);
}
.gallery .col-large-shape .shape {
    pointer-events: none;
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    pointer-events: none;
    z-index: 2;
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain;
    background-image: url(../../img/layout/frontpage/shape-gallery-mobile.svg);
}
.gallery .col-figure-left .bttn-submit {
    position: absolute;
    top: -6.25rem;
    left: 3rem;
}
.gallery .col-figure-left .bttn-submit span::after {
    margin-left: 5.5rem;
}
.gallery .col-figure-left .bttn-submit:after {
    background-color: transparent;
}
@media only screen
and (min-width : 961px) {
    .gallery {
        margin-left: -.2rem;
        /* background-image: url('../../img/layout/frontpage/Rooftop-Oasis-Deck.jpg'); */
        background:linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../../img/layout/frontpage/Rooftop-Oasis-Deck.jpg');
    }
    .gallery .row {
        padding: 0;
    }
    .gallery .col-large-shape {
        width: 13.8rem;
        height: 100vh;
    }
    .gallery .col-large-shape .shape {
        background-image: url('../../img/layout/frontpage/shape-amenities.gif?timestamp=1690485126552');
        width: 50rem;
        height: 110vh;
        background-size: auto 100%;
        top: -5vh;
    }
    .gallery .col-description {
        width: 55.2rem;
        margin: 20.9vh 14.1rem 0 19rem;
    }
    .gallery .col-description h2 {
        margin-bottom: 6.4rem;
    }
    .gallery .col-description h3,
    .gallery .col-description p {
        max-width: 44.6rem;
        margin-left: 9.1rem;
    }
    .gallery .col-figure-left {
        width: 41.3rem;
        margin-right: 9.2rem;
        margin-top: 6.89vh;
    }
    .gallery .col-figure-left figure {
        height: 30.2vh;
        margin-bottom: 17.72vh;
    }
    .gallery .col-figure-left .bttn-submit {
        position: relative;
        top: auto;
        width: 20.94vh;
        height: 20.94vh;
        left: -10.45vh;
    }
    .gallery .col-figure-left .bttn-submit:after {
        width: 23.63vh;
        height: 23.63vh;
    }
    .gallery .col-figure-right {
        width: 72rem;
        height: 48.52vh;
        margin-top: 45.83vh;
        margin-right: 20rem;
    }
    .gallery .bttn-submit span::after {
        width: 7.16vh;
        margin-left: 6vh;
    }
}

@media only screen
and (min-width : 2000px) {
    .gallery .col-figure-left {
        margin-left: 35rem;
    }
}

@media only screen
and (min-width : 960px) and (min-height : 1400px) {
    .gallery .col-figure-left {
        margin-left: 35rem;
    }
}

@media only screen
and (min-width : 961px)
and (max-width : 1440px) {
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {
    .gallery::before {
        content: "";
        width: 100%;
        height: 43.6rem;
        position: absolute;
        top: 0;
        left: 0;
        background: linear-gradient(180deg, #E6DBD0 0%, rgba(230, 219, 208, 0) 100%);
        background-position: center bottom;
        pointer-events: none;
        z-index: 2;
    }
    .gallery .row {
        position: relative;
        z-index: 3;   
    }
    .gallery .col-description,
    .gallery .col-figure-left,
    .gallery .col-large-shape {
        flex: 0 1 100%;
        max-width: 100%;
        padding: 0 3rem;
    }
    .gallery .col-description {
        max-width: 37.1rem;
    }
    .gallery .col-large-shape {
        position: absolute;
        width: 100%;
        height: 8.4rem;
        bottom: 0;
        left: 0;
    }    
    .gallery .col-large-shape .shape {
        background-size: auto 100%;
        width: 100%;
        height: 16.7rem;
    }
    .gallery .col-figure-right {
        padding-left: 0;
        padding-right: 16rem;
        margin-top: -2.4rem;
    }
}
/* Animation */
.gallery .col-figure-left figure,
.gallery .col-figure-right,
.gallery .col-figure-left .bttn-submit,
.gallery .col-description h2,
.gallery .col-description h3,
.gallery .col-description p,
.gallery .col-slider{
    opacity: 0;
}

.gallery.animateActive .col-figure-right,
.gallery.animateActive .col-figure-left figure,
.gallery.animateActive .col-figure-left .bttn-submit,
.gallery.animateActive .col-description h2,
.gallery.animateActive .col-description h3,
.gallery.animateActive .col-description p {
    animation: fadeRight .9s forwards;
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {
    .gallery.animateActive .col-description h2,
    .gallery.animateActive .col-description h3,
    .gallery.animateActive .col-description p,
    .gallery.animateActive .col-figure-left figure,
    .gallery.animateActive .col-figure-left .bttn-submit,
    .gallery.animateActive .col-figure-right { animation: fadeDown .9s forwards; }
}
.gallery.animateActive .col-description h2 { animation-delay: .3s; }
.gallery.animateActive .col-description h3 { animation-delay: .5s; }
.gallery.animateActive .col-description p { animation-delay: .7s; }
.gallery.animateActive .col-figure-left figure { animation-delay: .9s; }
.gallery.animateActive .col-figure-left .bttn-submit { animation-delay: 1.1s; }
.gallery.animateActive .col-figure-right { animation-delay: 1.3s; }



/* @end */

/* @group Memorable-moments
------------------------------------ */
.memorable-moments {
    background-color: var(--limestone);
    padding-top: 22.3rem;
    padding-bottom: 30.7rem;
}
.memorable-moments h2 {
    text-align: center;
    color: var(--forest);
    margin-bottom: 0;
}

@media only screen
and (max-width : 961px) {
    .memorable-moments h2 {
        margin-bottom: 8rem;
    }
}
.memorable-moments .col-content {
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    column-gap: 2rem;
}
.memorable-moments .col-content figure {
    width: var(--widthMobile);
    height: var(--widthMobile);
    margin-top: 10vh;
}

@media only screen
and (min-width : 961px) {
    .memorable-moments {
        padding: 0;
    }
    .memorable-moments h2 {
        text-align: left;
    }
    .memorable-moments .col-content {
        width: 195vh;
        margin: 18.17vh 30vh 0 20rem;
        padding-top: 1vh;
        column-gap: 8.41vh;
        row-gap: 6.31vh;
    }
    .memorable-moments .col-content .title-container {
        position: absolute;
        top: -4vh;
        left: 0;
        z-index: 2;
    }
    .memorable-moments .col-content figure {
        position: relative;
        width: 25.2vh;
        height: 25.2vh;
        flex: none;
        z-index: 1;
    }
    .memorable-moments .col-content figure:nth-child(4) {
        z-index: 3;
    }
    .memorable-moments .col-content figure:nth-child(3),
    .memorable-moments .col-content figure:nth-child(5) {
        top: 12.6vh;
    } 
    .memorable-moments .col-content figure:nth-child(6) {
        top: 5.5vh;
    }
    .memorable-moments .col-content figure:nth-child(7) {
        top: 20.39vh;
    }
    .memorable-moments .col-content figure:nth-child(9) {
        top: 14.1vh;
    }
    .memorable-moments .col-content figure:nth-child(11) {
        top: 13.2vh;
    }
    .memorable-moments .col-content figure:nth-child(12) {
        top: 6.2vh;
    }
}
@media only screen
and (min-width : 961px)
and (max-width : 1440px) {
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {
    .memorable-moments .col-content {
        padding: 0 3rem;
    }
    .memorable-moments .col-content figure:nth-child(2) {
        margin-top: -2rem;
    }
    .memorable-moments .col-content figure:nth-child(3) {
        margin-top: 6.2rem;
    }
    .memorable-moments .col-content figure:nth-child(4) {
        margin-top: 2rem;
    } 
    .memorable-moments .col-content figure:nth-child(5) {
        margin-top: 10rem;
    }
    .memorable-moments .col-content figure:nth-child(6) {
        margin-top: 2rem;
    }
    .memorable-moments .col-content figure:nth-child(7) {
        margin-top: 10rem;
    }
    .memorable-moments .col-content figure:nth-child(8) {
        margin-top: 2rem;
    }
    .memorable-moments .col-content figure:nth-child(9) {
        margin-top: 10rem;
    }
    .memorable-moments .col-content figure:nth-child(10) {
        margin-top: 2rem;
    }
    .memorable-moments .col-content figure:nth-child(11) {
        margin-top: 10rem;
    }
    .memorable-moments .col-content figure:nth-child(12) {
        margin-top: 2rem;
    }
}
/* Animation */
.memorable-moments .col-content .title-container,
.memorable-moments .col-content figure {
    opacity: 0;
}
.memorable-moments.animateActive .col-content .title-container,
.memorable-moments.animateActive .col-content figure {
    animation: fadeRight .9s forwards;
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {
    .memorable-moments.animateActive .col-content .title-container,
    .memorable-moments.animateActive .col-content figure { animation: fadeDown 1.2s forwards; }
}
.memorable-moments.animateActive .col-content .title-container { animation-delay: .3s; }
.memorable-moments.animateActive .col-content figure:nth-child(1) { animation-delay: .5s; }
.memorable-moments.animateActive .col-content figure:nth-child(2) { animation-delay: .7s; }
.memorable-moments.animateActive .col-content figure:nth-child(3) { animation-delay: .9s; }
.memorable-moments.animateActive .col-content figure:nth-child(4) { animation-delay: 1.1s; }
.memorable-moments.animateActive .col-content figure:nth-child(5) { animation-delay: 1.3s; }
.memorable-moments.animateActive .col-content figure:nth-child(6) { animation-delay: 1.5s; }
.memorable-moments.animateActive .col-content figure:nth-child(7) { animation-delay: 1.7s; }
.memorable-moments.animateActive .col-content figure:nth-child(8) { animation-delay: 1.9s; }
.memorable-moments.animateActive .col-content figure:nth-child(9) { animation-delay: 2.1s; }
.memorable-moments.animateActive .col-content figure:nth-child(10) { animation-delay: 2.3s; }
.memorable-moments.animateActive .col-content figure:nth-child(11) { animation-delay: 2.5s; }
.memorable-moments.animateActive .col-content figure:nth-child(12) { animation-delay: 2.7s; }

/* @end */

/* @group Lets connect
------------------------------------ */
.lets-connect {
    position: relative;
    padding-top: 14rem;
    background-color: var(--spanish-moss);
}

.lets-connect .col-info h2 {
    font-family: var(--brolimo-font);
    color: var(--limestone);
    font-variant-ligatures: discretionary-ligatures;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 6.5rem;
    line-height: 1em;
    margin-bottom: 6rem;
}
.lets-connect .col-info h3 {
    font-family: var(--gotham-medium);
    color: var(--bath-salts);
    font-size: 2.3rem;
    line-height: 1.5em;
    letter-spacing: 0.008em;
    margin-bottom: 3rem;
}
.lets-connect .col-info p {
    color: var(--bath-salts);
    font-weight: 400;
    max-width: 64rem;
    font-size: 1.7em;
    line-height: 1.7em;
    letter-spacing: 0.0117em;
}
.lets-connect .col-figures .under {
    position: relative;
    z-index: 1;
}
.lets-connect .col-figures .over {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 2;
}
.lets-connect .col-figures .over img {
    object-position: center bottom;
}
/* Contact Form */
.lets-connect .contact-form {
    margin-top: 6rem;
    position: relative;
}
.lets-connect .contact-form .hywrap .control-group {
    position: relative;
    width: 100%;
    margin-bottom: 5rem;
    font-size: 0;
}
.lets-connect .contact-form .hywrap .top_align .control-label {
    display: inline-block;
    transition: opacity 0.3s linear;
    color: var(--limestone);
    font-size: 1.7rem;
    line-height: 1.7em;
    padding-top: 0;
    pointer-events: none;
    position: absolute;
    top: 1.34vh;
    left: 0;
    opacity: 1;
    transition: opacity .4s ease;
}
.lets-connect .contact-form .hywrap .top_align .control-label.hide {
    opacity: 0;
}

.lets-connect .contact-form .hywrap .top_align .control-label.move-up {
    top: -1.66vh;
}
.lets-connect .contact-form .hywrap input[type="text"],
.lets-connect .contact-form .hywrap select,
.lets-connect .contact-form .hywrap textarea {
    border-radius: 0;
    border: none;
    border-bottom: .2rem solid var(--limestone);
    display: inline-block;
    width: 100%;
    color: var(--limestone);
    font-weight: 400;
    font-size: 1.7rem;
    line-height: 1.7em;
    letter-spacing: 0.0117em;
    padding: 1.5rem 0;
    margin-top: 0;
    height: unset;
    font-family: var(--gotham-book);
}

.lets-connect .contact-form .hywrap input:-webkit-autofill,
.lets-connect .contact-form .hywrap input:-webkit-autofill:hover,
.lets-connect .contact-form .hywrap input:-webkit-autofill:focus,
.lets-connect .contact-form .hywrap input:-webkit-autofill:active,
.lets-connect .contact-form .hywrap select,
.lets-connect .contact-form .hywrap textarea {
    transition: background-color 5000s ease-in-out 0s;
    -webkit-text-fill-color: var(--limestone) !important;
    caret-color: var(--limestone);
}


.lets-connect .contact-form .hywrap textarea {
    height: 12.4rem;
}
.lets-connect .contact-form textarea { resize: none; }
.lets-connect .contact-form .hywrap select option {
    font-size: 1.7rem;
    line-height: 1.7em;
    color: var(--spanish-moss);
}
.lets-connect .contact-form .hywrap .form-actions #more-info {
    display: none;
}

.lets-connect .contact-form .wpcf7-not-valid {
    border-color: rgb(220, 53, 69) !important;
}
.lets-connect .contact-form .wpcf7-not-valid-tip {
    display: none;
}
.lets-connect .wpcf7-response-output,
.lets-connect .contact-form .hywrap .LV_invalid {
    position: absolute;
    bottom: -4rem;
    left: 0;
    max-width: 45rem;
    border: 0 !important;
    color: var(--gilded-age);
    font-size: 1.5rem;
    line-height: 1.4em;
    padding: 0 !important;
    margin: 0 !important;
    color: var(--gilded-age);
}
.lets-connect .contact-form .hywrap .LV_invalid:not(:first-of-type) {
    display: none;
}
.lets-connect .contact-form .hywrap #form-success {
    background-color: var(--spanish-moss)!important;
    color: var(--bath-salts)!important;
    font-family: var(--gotham-medium)!important;
    font-size: 1.8rem;
    line-height: 1.5em;
    letter-spacing: 0.008em;
}
.lets-connect .contact-form .hywrap button[type="submit"] {
    border: none;
    position: relative;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    width: 12.5rem;
    height: 12.5rem;
    font-family: var(--gotham-book);
    font-weight: 400;
    color: var(--spanish-moss);
    text-transform: uppercase;
    font-size: 1.4rem;
    line-height: 1.29em;
    letter-spacing: 0.011em;
    text-align: center;
    background-color: var(--limestone);
    transition: all .7s ease;
}
@media screen and (max-width:960px) {
    .lets-connect .contact-form .hywrap button[type="submit"] {
        float: left;
        margin-top: 20px;
    } 
}

@media screen and (max-width:330px) {
    .lets-connect .contact-form .hywrap button[type="submit"] {
        margin-right: 30px;
    }
    #g-recaptcha-XH4xPGofJ-1{
        margin-left: -15px;
    }
}

.lets-connect .contact-form .hywrap button[type="submit"]::after {
    width: 12.5rem;
    height: 12.5rem;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 50%;
    transform: translate(-50%, -50%) scale(1);
    content: "";
    border: .1rem solid var(--gilded-age);
    width: 14.1rem;
    height: 14.1rem;
    z-index: -1;
}
.lets-connect .contact-form .hywrap button[type="submit"]::before {
    content: "";
    display: block;
    position: absolute;
    top: 55%;
    width: 3.5rem;
    height: 1rem;
    background-image: url(../../img/layout/frontpage/contact-arrow.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin-left: 4rem;
}


.lets-connect .col-large-shape {
    position: absolute;
    left: 0;
    top: 0;
    background-color: var(--forest);
}
.lets-connect .col-large-shape .shape {
    pointer-events: none;
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    pointer-events: none;
    z-index: 2;
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain;
    background-image: url(../../img/layout/frontpage/shape-connects-mobile.svg);
}


@media only screen
and (min-width : 961px) {
    
    .lets-connect {
        width: 205rem;
        padding-right: 17.4rem;
        padding-top: 0;
    }
    .lets-connect .col-info {
        margin-left: 33.3rem;
        width: auto;
        margin-right: 9rem;
        margin-top: 5.7vh;
    }
    .lets-connect .col-form {
        width: 100%;
    }
    .lets-connect .col-figures {
        width: 62.8rem;
        height: 57.2vh;
        margin-top: 14.47vh;
    }
    .lets-connect .col-figures .over {
        width: 49.8rem;
        height: 36.8vh;
    }
    .lets-connect .col-figures  .under {
        width: 41.9rem;
        height: 28.1vh;
    }
    .lets-connect .col-info h2 {
        font-size: 12.08vh;
        line-height: 1em;
        margin-bottom: 3vh;
    }
    .lets-connect .col-info h3 {
        font-size: 1.79vh;
        line-height: 1.5em;
        letter-spacing: 0.01em;
        margin-bottom: 2vh;
    }
    .lets-connect .col-info p {
        color: var(--limestone);
        font-size: 1.34vh;
        line-height: 1.46em;
        letter-spacing: 0.0133em;
    }

    .lets-connect .col-large-shape {
        width: 13.8rem;
        height: 100vh;
    }
    .lets-connect .col-large-shape .shape {
        background-image: url('../../img/layout/frontpage/shape-amenities.gif?timestamp=1690485126553');
        background-size: auto 100%;
        width: 50rem;
        height: 110vh;
        top: -5vh;
    }

    /* Contact Form */
    .lets-connect .contact-form {
        position: relative;
        max-width: 57rem;
        margin-top: 3.5vh;
        margin-left: 4.9rem;
    }
    .lets-connect .contact-form .hywrap .control-group {
        margin-bottom: 3vh;
    }
    .lets-connect .contact-form .hywrap textarea {
        max-width: 40rem;
        margin-bottom: 0;
    }
    .lets-connect .contact-form .control-group.hytag_form_desired_move_in_date,
    .lets-connect .contact-form .control-group.hytag_number_of_bedrooms {
        display: inline-block;
        vertical-align: top;
    }
    .lets-connect .contact-form .hywrap .name-fields {
        display: flex;
    }
    .lets-connect .contact-form .hywrap .name-fields li {
        margin-bottom: 0;
    }
    .lets-connect .contact-form .control-group.hytag_form_desired_move_in_date,
    .lets-connect .contact-form .control-group.hytag_number_of_bedrooms,
    .lets-connect .contact-form .hywrap .name-fields li {
        width: calc(50% - 1.5rem);
    }
    .lets-connect .contact-form .control-group.hytag_form_desired_move_in_date, 
    .lets-connect .contact-form .hywrap .name-fields li:first-of-type {
        margin-right: 3rem;
    }
    .lets-connect .contact-form .hywrap input[type="text"],
    .lets-connect .contact-form .hywrap select,
    .lets-connect .contact-form .hywrap textarea {
        font-size: 1.34vh;
        line-height: 1.5em;
        padding: 1.34vh 0;
    }
    .lets-connect .contact-form .hywrap textarea {
        height: 7vh;
    }
    .lets-connect .contact-form .hywrap select option {
        font-size: 1.6vh;
        line-height: 1.5em;
    }
    .lets-connect .contact-form .hywrap .top_align .control-label,
    .lets-connect .contact-form .hywrap .LV_invalid {
        font-family: var(--gotham-book) !important;
        font-weight: 400;
        font-size: 1.34vh;
        line-height: 1.5em;
    }
    .lets-connect .contact-form .hywrap .LV_invalid {
        bottom: -2vh;
    }
    .lets-connect .contact-form .hywrap .form-actions {
        position: absolute;
        z-index: 1;
        bottom: 0;
    }
    .lets-connect .contact-form .hywrap .form-actions .g-recaptcha { 
        position: absolute;
        top: -2rem;
    }
    .lets-connect .contact-form .hywrap .form-actions button[type="submit"] {
        pointer-events: all;
    }
    .lets-connect .contact-form .hywrap button[type="submit"],
    .lets-connect .contact-form .hywrap button[type="submit"]::after {
      transition: transform .7s ease background-color .5s ease;
    }
    .lets-connect .contact-form .hywrap button[type="submit"]::before {
        margin-left: 4rem;
        margin-top: 0;
    }
    .lets-connect .contact-form .hywrap button[type="submit"] {
      position: absolute;
      left: 43rem;
      top: calc(100% - 8.3vh);
      width: 12.5vh;
      height: 12.5vh;
      font-weight: 400;
      font-size: 1.2vh;
      line-height: 1.5em;
      letter-spacing: 0.0125em;
    }
    .lets-connect .contact-form .hywrap button[type="submit"]::after {
      width: 14.5vh;
      height: 14.5vh;
    }
    .lets-connect .contact-form .hywrap button[type="submit"]:hover {
      transform: scale(1.05);
      background-color: var(--forest);
    }
    .lets-connect .contact-form .hywrap button[type="submit"]:hover::after {
      transform: translate(-50%, -50%) scale(.87);
    } 
    .lets-connect .contact-form .hywrap button[type="submit"]:hover::before{
        background-image: url(../../img/layout/globals/arrow.svg);
    }
    .lets-connect .contact-form .hywrap #form-success {
        font-size: 1.79vh;
        line-height: 1.5em;
        letter-spacing: 0.01em;
        margin-bottom: 3rem;
    }
}
@media only screen
and (min-width : 961px)
and (max-width : 1440px) {
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {
    .lets-connect .col-info {
        padding: 0 3rem;
    }
    .lets-connect .col-form {
        padding: 0;
    }
    .lets-connect .col-info,
    .lets-connect .col-form {
        flex: 0 1 100%;
        max-width: 100%;
    }
    .lets-connect .col-form button {
        margin-left: auto;
    }
    .lets-connect .col-large-shape {
        flex: 0 1 100%;
        max-width: 100%;
        padding: 0 3rem;
    }
    .lets-connect .col-large-shape {
        position: absolute;
        width: 100%;
        height: 8.4rem;
        top: -8rem;
        left: 0;
    }    
    .lets-connect .col-large-shape .shape {
        background-size: auto 100%;
        width: 100%;
        height: 16.7rem;
        top: -8rem;
    }

}
/* @end */


/* @group Footer
------------------------------------ */

.lets-connect footer {
    margin-top: 13rem; 
    padding-bottom: 14rem;
}
@media screen and (max-width:960px) {
    .lets-connect footer {
        margin-top: 5rem; 
       padding-bottom: 5rem;
    }
}
.lets-connect footer .col-top,
.lets-connect footer .col-bottom {
    flex: 0 1 100%;
    max-width: 100%;
}
.lets-connect footer h3 {
    font-family: var(--blackdelights-font);
    color: var(--limestone);
    font-weight: 400;
    font-size: 4.5em;
    line-height: 1.22em;
    letter-spacing: 0.004em;
    margin-bottom: 2rem;
    max-width: 36.9rem;
    margin: 0 auto;
}
.lets-connect footer p,
.lets-connect footer a {
    font-weight: 400;
    font-size: 1.7rem;
    line-height: 1.7em;
    letter-spacing: 0.0117em;
}
.lets-connect footer p {
    color: var(--limestone);
}
.lets-connect footer p strong {
    font-family: var(--gotham-bold);
}
.lets-connect footer a {
    color: var(--limestone);
    line-height: 2em;
}
.lets-connect .privacy-terms a,
.lets-connect .address a {
    text-decoration: none;
}
.lets-connect .phone a {
    color: var(--limestone);
}
.lets-connect .social {
    display: flex;
    column-gap: 4rem;
    align-items: center;
}
.lets-connect .social ul {
    display: flex;
    align-items: center;
    column-gap: 11.5rem;
}
.lets-connect .col-bottom ul .eho {
    margin-bottom: 0.7rem;
    display: flex;
}
.lets-connect .col-bottom ul .eho img {
    height: 2.5rem;
    width: 2.5rem;
    object-fit: contain;
    margin-right: 1rem;
}
.lets-connect .col-bottom ul .eho .bozzuto { width: auto; }
.lets-connect .created-by a {
    color: var(--limestone);
    text-transform: uppercase;
}
.lets-connect .leasing ul li p{
    font-size: 16px;
}
@media only screen
and (min-width : 961px) {

    .lets-connect footer.row {
        margin-top: 6.5vh;
        padding-bottom: 0;
        flex-wrap: wrap;
        padding-left: 33.3rem;
    }
    .lets-connect footer .col-top,
    .lets-connect footer .col-bottom {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
        column-gap: 15rem;
        width: 100%;
    }
    .lets-connect footer .col-bottom {
        margin-top: 4.7vh;
        column-gap: 26.8rem;
    }
    .lets-connect .leasing ul {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        column-gap: 2rem;
    }
    .lets-connect footer h3 {
        font-size: 4.47vh;
        line-height: 1.1em;
        letter-spacing: .004em;
        margin-bottom: 1.79vh;
        max-width: 100%;
        margin: 0;
    }
    .lets-connect footer p,
    .lets-connect footer a {
        font-size: 1.34vh;
        line-height: 1.5em;
        letter-spacing: 0.013em;
    }
    .lets-connect .privacy-terms {
        display: flex;
        justify-content: flex-start;
    }
    .lets-connect .privacy-terms a:not(:last-of-type) {
        margin-right: 3rem;
    }
    .lets-connect .privacy-terms a:last-of-type {
        margin-right: 5.1rem;
    }
    .lets-connect .privacy-terms a,
    .lets-connect .address a {
        text-decoration: underline;
    }  
    .lets-connect footer a:hover {
        color: var(--bath-salts);
    }
    .lets-connect footer .eho a:hover { opacity: .7; }
}
@media only screen
and (min-width : 961px)
and (max-width : 1440px) {
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {
    .lets-connect footer .col-top,
    .lets-connect footer .col-bottom {
        padding: 0 2rem;
    }
    .lets-connect .col-top {
        text-align: center;
        margin-bottom: 2rem;
    }
    .lets-connect .col-top > div:not(:last-child) {
        margin-bottom: 1rem;
    }
    .lets-connect .social,
    .lets-connect .created-by {
        margin-bottom: 1rem;
    }
    .lets-connect .social {
        flex-direction: column;
    }
    .lets-connect .social ul {
        justify-content: center;
        align-items: center;
    }
    .lets-connect .created-by {
        text-align: center;
    }
    .lets-connect .privacy-terms {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        column-gap: 13.7rem;
    }
    .lets-connect .privacy-terms .eho-container {
        flex: 0 1 100%;
        margin-top: 5rem;
    }
    .lets-connect .col-bottom ul .eho {
        justify-content: center;
        align-items: center;
        margin-bottom: 0rem;
    }
    .lets-connect .eho-container li img {
        margin: 1rem;
    }
}

/* @end */

.lets-connect .col-info h2,
.lets-connect .col-info h3,
.lets-connect .col-info p,
.lets-connect .col-form,
.lets-connect .col-figures .under,
.lets-connect .col-figures .over,
.lets-connect footer .col-top .address,
.lets-connect footer .col-top .leasing,
.lets-connect footer .col-top .phone,
.lets-connect footer .col-top .email,
.lets-connect footer .col-bottom .social,
.lets-connect footer .col-bottom .created-by,
.lets-connect footer .col-bottom .privacy-terms,
.lets-connect footer .col-bottom .eho-container {
    opacity: 0;
}


.lets-connect.animateActive .col-info h2,
.lets-connect.animateActive .col-info h3,
.lets-connect.animateActive .col-info p,
.lets-connect.animateActive .col-form,
.lets-connect.animateActive .col-figures .under,
.lets-connect.animateActive .col-figures .over,
.lets-connect.animateActive footer .col-top .address,
.lets-connect.animateActive footer .col-top .leasing,
.lets-connect.animateActive footer .col-top .phone,
.lets-connect.animateActive footer .col-top .email,
.lets-connect.animateActive footer .col-bottom .social,
.lets-connect.animateActive footer .col-bottom .created-by,
.lets-connect.animateActive footer .col-bottom .privacy-terms,
.lets-connect.animateActive footer .col-bottom .eho-container {
    animation: fadeLeft .9s forwards;
}
.lets-connect.animateActive .col-info h2 { animation-delay: .3s; margin-bottom: 5px;}
.lets-connect.animateActive .col-info h3 { animation-delay: .5s; }
.lets-connect.animateActive .col-info p { animation-delay: .7s; }
.lets-connect.animateActive .col-form { animation-delay: .9s; }
.lets-connect.animateActive .col-figures .under { animation-delay: 1.3s; }
.lets-connect.animateActive .col-figures .over { animation-delay: 1.5s; }

.lets-connect.animateActive footer .col-top .address { animation-delay: 1.3s; }
.lets-connect.animateActive footer .col-top .leasing { animation-delay: 1.5s; }
.lets-connect.animateActive footer .col-top .phone { animation-delay: 1.7s; }
.lets-connect.animateActive footer .col-top .email { animation-delay: 1.9s; }
.lets-connect.animateActive footer .col-bottom .social { animation-delay: 2.1s; }
.lets-connect.animateActive footer .col-bottom .eho-container { animation-delay: 2.1s; }
.lets-connect.animateActive footer .col-bottom .created-by { animation-delay: 2.3s; }
.lets-connect.animateActive footer .col-bottom .privacy-terms { animation-delay: 2.5s; }


/* @end */


/* @group End sora
------------------------------------ */
.end-sora {
    position: relative;
    transition: background-color .7s;
    background-color: var(--limestone);
    isolation: isolate;
}
.end-sora .logo img {
    width: 100%;
    max-width: 36.5rem; 
    height: auto;
}
.end-sora .outer-media {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 100%;
    z-index: -1;
}
@media only screen
and (min-width : 961px) {
    .end-sora {
        width: 180rem;
    }
    .end-sora::before {
        content: "";
        position: absolute;
        top: 0;
        right: -31rem;
        width: 20rem;
        height: 100vh;
        pointer-events: none;
        background-color: #000;
        display: inline-block;
    }
    .end-sora .row {
        padding-top: 24.8vh;
        height: 100%;
    }
    .end-sora .col-36-36 {
        position: relative;
    }
    .end-sora .logo {
        margin-bottom: 9.4vh;
    }
    .end-sora .logo img {
        width: auto;
        height: 26.8vh;
        max-width: none;
    }
    .end-sora .bttn-blur {
        left: -50vh;
    }
    .end-sora .bttn-blur span::after {
        transform: scaleX(-1);
        margin-left: -1vh;
    }
}
@media only screen
and (min-width : 961px)
and (max-width : 1440px) {
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {
    .end-sora {
        padding-top: 14rem;
        padding-bottom: 30rem;
    }
    .end-sora .col-36-36 {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
    }
    .end-sora .col-36-36 .bttn-blur {
        order: -1;
        margin-bottom: 12.6rem;
    }
    .end-sora .bttn-blur span::after {
        top: -8rem;
        transform: translateX(-50%) rotate(180deg);
    }
}
/* Animation */
.end-sora.animateActive {
    background-color: rgba(0, 0, 0, 1);
}


.end-sora .logo,
.end-sora .bttn-blur {
    opacity: 0;
}
.end-sora.animateActive .logo,
.end-sora.animateActive .bttn-blur {
    animation: fadeRight .9s forwards;
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {
    .end-sora.animateActive .logo,
    .end-sora.animateActive .bttn-blur { animation: fadeDown .9s forwards; }
}
.end-sora.animateActive .bttn-blur { animation-delay: .3s; }
.end-sora.animateActive .logo { animation-delay: .5s; }

/* @end */


/* Components */
.bttn-blur {
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border: .1rem solid var(--gilded-age);
    border-radius: 50%;
    width: 12.5rem;
    height: 12.5rem;
    
}
.bttn-blur.intro-bttn {
    backdrop-filter: blur(5px);
}
.bttn-blur.intro-bttn::before {
    background: rgba(217, 217, 217, 0.05);
}
.bttn-blur::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: rgba(217, 217, 217, 0.05);
    -webkit-backdrop-filter: blur(5px);
        backdrop-filter: blur(5px);
        background: rgba(36, 46, 18, 0.6);
    z-index: 1;
}
.bttn-blur span {
    position: relative;
    display: inline-block;
    font-weight: 400;
    color: var(--limestone);
    text-transform: uppercase;
    font-size: 1.7em;
    line-height: 1.29em;
    letter-spacing: 0.011em;
    max-width: 10rem;
    text-align: center;
    margin: 0 auto;
    z-index: 2;
}
.bttn-blur span::after {
    content: "";
    display: block;
    width: .9rem;
    height: 7rem;
    background-image: url(../../img/layout/globals/arrow-white.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin-left: auto;
    position: absolute;
    top: 7rem;
    left: 50%;
    transform: translateX(-50%);
}

@media only screen
and (min-width : 961px) {
    .bttn-blur {
        position: relative;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        width: 18.7vh;
        height: 18.7vh;
        border: .1rem solid var(--gilded-age);
        border-radius: 50%;
        
    }
    .bttn-blur span {
        position: relative;
        display: inline-block;
        font-weight: 400;
        font-size: 1.4em;
        line-height: 1.5em;
        letter-spacing: 0.0125em;
        color: var(--limestone);
        text-transform: uppercase;
        max-width: none;
    }
    .bttn-blur span::after {
        width: 7rem;
        height: 1rem;
        background-image: url(../../img/layout/globals/arrow.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        margin-top: 0.5rem;
        position: static;
        transform: none;
    }
    .bttn-blur.intro-bttn span::after {
        background-image: url(../../img/layout/frontpage/intro-arrow.svg);
    }
    .bttn-blur:after {
        content: "";
        display: inline-block;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) scale(1);
        width: 18.7vh;
        height: 18.7vh;
        border-radius: 50%;
        border: .1rem solid var(--gilded-age);
        opacity: 0;
        transition: transform .7s, opacity .7s;
        z-index: 1;
    }
    .bttn-blur:hover {
        background-color: var(--forest);
        backdrop-filter: initial;
    }
    .bttn-blur:hover:after {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1.15);
    }
}

.bttn-submit {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    border: .1rem solid var(--white);
    border-radius: 50%;
    width: 12.5rem;
    height: 12.5rem;
}
.bttn-submit::before,
.bttn-submit::after {
    transition: transform .7s ease;
}
.bttn-submit::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: var(--limestone);
    z-index: 2;
}
.bttn-submit:after {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 50%;
    transform: translate(-50%, -50%) scale(1);
    content: "";
    border: .1rem solid var(--gilded-age);
    opacity: 1;
    z-index: 1;
    background-color: var(--spanish-moss);
    width: 14.1rem;
    height: 14.1rem;
}
.bttn-submit.transparent {
    border-color: var(--forest);
}
.bttn-submit.transparent:before {
    background-color: var(--forest);
}
.bttn-submit span {
    position: relative;
    display: inline-block;
    font-weight: 400;
    color: var(--limestone);
    text-transform: uppercase;
    font-size: 1.4rem;
    line-height: 1.29em;
    letter-spacing: 0.011em;
    max-width: 10rem;
    text-align: center;
    margin: 0 auto;
    z-index: 2;
    transition: color .7s;
}
.bttn-submit span::after {
    content: "";
    display: block;
    width: 3.5rem;
    height: 1rem;
    background-image: url(../../img/layout/globals/arrow.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin-left: 4rem;
    margin-top: .5rem;
}

@media only screen
and (min-width : 961px) {
    .bttn-submit {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        width: 15.9vh;
        height: 15.9vh;
        border-radius: 50%;
    }
    .bttn-submit span {
        position: relative;
        display: inline-block;
        font-weight: 400;
        font-size: 1.43vh;
        line-height: 1.5em;
        letter-spacing: 0.0125em;
        text-transform: uppercase;
        max-width: none;
    }
    .bttn-submit span::after {
        width: 5.3vh;
        height: 1rem;
        background-image: url(../../img/layout/globals/arrow.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        margin-top: 0.25rem;
        margin-left: 10vh;
        position: static;
        transform: none;
    }
    .bttn-submit:after {
        width: 18.5vh;
        height: 18.5vh;
        transition: transform .7s, opacity .7s;
    }
    .bttn-submit:hover {
        background-color: var(--white);
        border-color: var(--white);
    }
    .bttn-submit:hover:after {
        transform: translate(-50%, -50%) scale(0);
    }
    .bttn-submit:hover::before {
        transform: scale(1.1);
    }
}
.popup-container {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    max-width: 130rem;
    height: 100vh;
    overflow-y: auto;
    opacity: 0;
    visibility: hidden;
    transform: translate3d(-100%, 0, 0);
    pointer-events: none;
    transition: all .7s;
}
.popup-container.active-popup {
    opacity: 1;
    visibility: visible;
    transform: translate3d(0, 0, 0);
    pointer-events: all;
    transition: transform .7s;
}
/* .popup-container.loader::before {
    content: "";
    position: absolute;
    z-index: 2;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    width: 40px;
    height: 40px;
    margin: 20px;
    border-radius: 50%;
    border: 4px solid var(--bath-salts);
    border-color: var(--bath-salts) transparent var(--bath-salts) transparent;
    animation: lds-dual-ring 1.2s linear infinite;
} */
.popup-container > [data-page] > .icon-close,
.popup-container > [data-component] > .icon-close {
    display: inline-block;
    position: absolute;
    width: 3.1rem;
    height: 3.1rem;
    background-image: url('../../img/layout/globals/close.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    top: 3rem;
    right: 3rem;
    cursor: pointer;
}
.popup-container::-webkit-scrollbar {
    width: 1rem;
}
.popup-container::-webkit-scrollbar-track {
    background: var(--background-popup);
    width: 1rem;
}
.popup-container::-webkit-scrollbar-thumb {
    border-radius: 2rem;
    background: var(--sandstone);
}


@keyframes lds-dual-ring {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}




/* @group intro__information
------------------------------------ */
.intro__information {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 9;
    width: 100%;
}
@media only screen
and (min-width : 961px) {    
    .intro__information {
        width: auto;
        top: 1vh;
        left: 70%;
        bottom: auto;
    }
    .intro__information .no-mobile {
        display: flex;
        align-items: center;
    }
    .intro__information a {
        color: var(--limestone);
        font-size: 1.4em;
        line-height: 1.5em;
        letter-spacing: 0.014em;
        font-weight: 400;
        text-transform: uppercase;
    }
    .intro__information .small-bttn {
        position: relative;
        padding: .7rem 1rem;
        border: .1rem solid var(--gilded-age);
        border-radius: 2rem;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        line-height: unset;
    }
    .intro__information .apply {
        margin-left: 0;
    }
    .intro__information a:not(:first-child) {
        margin-left: 2rem;
    }
    .intro__information .small-bttn span {
        position: relative;
        z-index: 2;
        vertical-align: middle;
    }
    .intro__information .small-bttn::before {
        content: "";
        transition: background-color 0.7s;
        -webkit-backdrop-filter: blur(5px);
        backdrop-filter: blur(5px);
        background-color: rgba(36, 46, 18, 0.1);
        border-radius: 2rem;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: inline-block;
        z-index: 1;
    }
    .intro__information a:not(.small-bttn) {
        padding: 0.25rem 1.5rem;
    }
    .intro__information a:not(.small-bttn):hover {
        opacity: .7;
    }
    .intro__information .small-bttn:hover {
        color: var(--forest);
        border: .1rem solid var(--forest);
    }
    .intro__information .small-bttn:hover::before {
        background-color: var(--gilded-age);
        backdrop-filter: initial;
    }
    .intro__information a:not(.small-bttn) {
        border-radius: 2rem;
        overflow: hidden;
    }
    /* Modifier */
    .intro__information .book,
    .scrolling .intro__information .residents {
        display: none;
    }
    .scrolling .intro__information .book {
        display: inline-block;
    }
    .intro__information.highlight .button-modifier {
        color: var(--forest);
    }
    body.pinedHeader:not(.scrollhidden) .intro__information .button-modifier {
        color: var(--forest);
    }
}
@media only screen
and (min-width : 961px)
and (max-width : 1440px) {
    .intro__information {
        left: 56%;
    }
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {
    .intro__information .mobile {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 7.5rem;
        border: .1rem solid var(--gilded-age);
    }
    .intro__information .mobile::before {
        content: "";
        width: 100%;
        height: 100%;
        -webkit-backdrop-filter: blur(5px);
            backdrop-filter: blur(5px);
            background: rgba(36, 46, 18, 0.25);
        background: rgba(36, 46, 18, 0.25);
        position: absolute;
        top: 0;
        left: 0;
        display: inline-block;
        z-index: 1;
    }
    .intro__information a {
        position: relative;
        z-index: 2;
        flex: 1;
        height: 7.5rem;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 1.5em;
        line-height: 1.5em;
        letter-spacing: 0.0133em;
        color: var(--limestone);
        text-transform: uppercase;
        border-right: .1rem solid var(--gilded-age);
    }
}

/* @end */




/* Status-scroll */
.status-scroll {
    position: fixed;
    bottom: 0;
    right: 0;
    width: calc(100% - 50.9rem);
    height: 1.5rem;
    background-color: #CFE0C3;
    z-index: 1000;
    transition: width .7s;
}
.scrolling .status-scroll {
    width: 100%;
}
.status-scroll .bar-scroll {
    position: absolute;
    top: 0;
    left: 0;
    height: 1.5rem;
    background-color: #575C4D;
    border-radius: 0 1rem 1rem 0;
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {
    .status-scroll {
    display: none;
    }
}

@media screen and (min-width:961px) {
    .intro__information .no-mobile a{
        padding: 0.7rem 1rem !important;
        padding-top: calc(0.7rem + 3px) !important;
        border: 0.2rem solid var(--gilded-age) !important;
        border-radius: 2rem !important;
        background-color:var(--gilded-age) !important;
        color: black !important;
        line-height: initial;
        opacity: 1;
    }
    .intro__information .no-mobile a:hover{
    opacity: .7;
    }
}

.home .juicer-feed.night li.feed-item a {
    display: block;
}

.eho .national_logo{
    pointer-events: none;
}
.eho .national_logo img{
    width: 120px!important;
    height: 40px!important;
    position: relative;
    top: -8px;
}

@media screen and (max-width:961px) {
    .eho .national_logo img{
        top: 0;
    }
}



.poster_img{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
	display: none;
	object-fit: cover;
}

@media only screen
and (min-width : 0)
and (max-width : 960px) {

   .book-a-tour-intro .description {
   padding: 3.1rem 4.4rem 2rem 4.4rem;
}
   }
   
 }