@charset "UTF-8";

/* fonts */
        .Deca, body {font-family: 'Lexend Deca', sans-serif;font-weight: 400;font-style: normal;}
        .Playfair, h1, h2, h3, .tag, .section-steps ul li:before, .footer .flex > div:nth-of-type(1), .section-register form .textbox, .navholder ul, .package-options ul h4 {font-family: 'Playfair Display', serif;font-weight: normal;font-style: normal;}
        .Deca-light, .navholder ul li.social a, .intros p, .package-options ul h3 {font-family: 'Lexend Deca', sans-serif;font-weight: 300;}
        .Deca-bold, .section-register h3 {font-family: 'Lexend Deca', sans-serif;font-weight: 700;}
        
         /* general buttons */
        .button, .lonebutton {display:inline-flex;height:40px;font-size:12px;text-transform: uppercase;justify-content: center;align-items: center;padding:0px 25px;line-height:1em;}
        .button.button-outline, .lonebutton.button-outline {color:#fff;border:1px solid rgba(255,255,255,0.6);}
        .button.button-purple, .lonebutton.button-purple {color:#fff;background:#414099;}
        
        /* general intro h1 scaling */
        .intros .flex {position: relative;height: 100%;align-items: center;justify-content: space-between;color:#fff;}
        .intros .flex > div:nth-of-type(1) {flex: 1;max-width: 666px;margin-left: 170px;margin-right: 80px;font-size: 10px;line-height: 1em;}
        .intros h1 {font-size:10em;}
        .intros p {font-size:24px;line-height:1em;margin:30px 0px;}
        .intros .buttons {display:flex;}
        
        /* markers */
        .about1 .marker {bottom: 10%;right: 10%;color: #fff;animation-name: scrollerwhite;animation-delay: 1.5s;animation-duration: 1s;animation-fill-mode: both;}
        .about2 .marker {bottom: 10%;left: calc(50% - 430px);animation-name: scroller;animation-delay: 1.5s;animation-duration: 1s;animation-fill-mode: both;}
        .about2 .marker:before {opacity:0.6;}
        .about3 .marker {display:none;}
        .about4 .marker {bottom: 10%;left: calc(50% - 110px);animation-name: scroller;animation-delay: 1.5s;animation-duration: 1s;animation-fill-mode: both;}
        .screen4 .marker {display:none;}

        @media screen and (max-width: 768px){
        .about1 .marker {bottom: auto;top:17%;right: 12%;} 
        .about2 .marker {bottom: 60px;right: 20%;left:auto;}  
		.section-contact-intro.intros .flex > div:nth-of-type(1) {flex: 0 0 100vh;}	
        }

        
        .about2 .logo, .about3 .logo, .aboutstep1 .logo, .aboutstep2 .logo, .aboutstep3 .logo, .aboutstep4 .logo, .about4 .logo,
        .about2 .nav-puller .button, .about3 .nav-puller .button, .aboutstep1 .nav-puller .button, .aboutstep2 .nav-puller .button, .aboutstep3 .nav-puller .button, .aboutstep4 .nav-puller .button, .about4 .nav-puller .button {color: #414099;}
        .about2 .menu>div, .about3 .menu>div, .aboutstep1 .menu>div, .aboutstep2 .menu>div, .aboutstep3 .menu>div, .aboutstep4 .menu>div, .about4 .menu>div {background: #414099;}
        .about2 a.button.pre-register, .about3 a.button.pre-register, .aboutstep1 a.button.pre-register, .aboutstep2 a.button.pre-register, .aboutstep3 a.button.pre-register, .aboutstep4 a.button.pre-register, .about4 a.button.pre-register {color: #414099;border-color: rgba(91, 94, 94, 0.1);}


        @media screen and (max-width: 1340px){
        .intros .flex > div:nth-of-type(1) {font-size: calc(100vw / 160);}
        .intros .flex > div:nth-of-type(1) {margin:0px 80px;}
        }
        @media screen and (max-width: 768px){
        .intros h1 {font-size: 56px;max-width: 340px;}
        .intros p {font-size:18px;margin:30px 0px;}
        .intros .flex > div:nth-of-type(1) {margin:0px 20px;}
        }
        @media screen and (max-width: 576px){
        .intros .flex {width:calc(100% - 10px);}    
        .intros h1 {font-size: 50px;}
        .intros .buttons {flex-direction:column;}
        .intros .buttons .button {margin:0px 0px 16px 0px;}
        }
        
        .section-about-intro {display:flex;background:url(../images/img-about-header.webp) center top no-repeat;background-size:cover;position:relative;}
        .section-about-intro .button-outline {margin-right:20px;}
        .section-about-intro p {max-width:540px;}
        @media screen and (max-width: 576px){
            .section-about-intro {background-image:url(../images/img-about-header-mobile.webp);}
        }
        
        .background {}
        .about1 .background {background: #FFF0E9;}
        .about2 .background {background: #fdd7cb;}
        .about3 .background {background: #FEE7DC;}
        .aboutstep1 .background {background: #EAD1C7;}
        .aboutstep2 .background {background: #D7BDB3;}
        .aboutstep3 .background {background: #DED3D5;}
        .aboutstep4 .background {background: #E1DEE4;}
        .about4 .background {background: #fdd7cb;}


        
        /* section about */

        .section.section-about {position:relative;display:block;background:#fdd7cb url(../images/img-about-logo-right.svg) right top no-repeat;}
        .section-about .flex {flex-direction:column;}
        .section-about .flex>div:nth-of-type(1) {padding:190px 0px 120px 155px;}
        .section-about .flex>div:nth-of-type(2) {padding-bottom:120px;}
        .section-about .puller {font-size:20px;line-height:1em;text-transform: uppercase;font-weight:700;letter-spacing:2px;}
        .section-about h2 {margin:40px 0px 60px 0px;max-width:790px;}
        .section-about p {font-weight:300;max-width:555px;}

        .section-about .flex img:nth-of-type(1) {z-index:10;}
        .section-about .flex img:nth-of-type(2) {z-index:8;position: absolute;left: 490px;top: -70px;}
        .section-about .flex img:nth-of-type(3) {z-index:9;position: absolute;left: 909px;top: 20px;}
        
        
        @media screen and (max-width:1350px){
            .section-about .flex>div:nth-of-type(2) {width:90%;}
            .section-about .flex img:nth-of-type(1) {width:42%;}
            .section-about .flex img:nth-of-type(2) {width:35.5%;left:38%;top:-9%;}
            .section-about .flex img:nth-of-type(3) {width:26.5%;left:70%;top:2.5%;}
        }
        @media screen and (max-width:992px){
            .section-about .flex>div:nth-of-type(1) {padding:190px 40px 120px 25px;}
        }
        @media screen and (max-width:768px){
            .section.section-about {background-size:calc(100vw - 55px) auto;background-color: #fdd7cb;}    
            .section-about .puller {font-size:16px;}
            .section-about h2 {font-size:28px;line-height:1.3em;margin:16px 0px 24px 0px;max-width:320px;}
            .section-about p {font-size:14px;}
        }
        @media screen and (max-width:576px){
            .section-about .flex img:nth-of-type(1) {width:69%;}
            .section-about .flex img:nth-of-type(2) {width:49.5%;left:6%;top:-15%;}
            .section-about .flex img:nth-of-type(3) {width:37.5%;left:53%;top:-5%;}
            .section-about .flex>div:nth-of-type(2) {padding-bottom:0px;margin-bottom: -15px;}
        }


        .section-process {position:relative;display:block;overflow:hidden;pointer-events: none;}
        .process-box {position:relative;height:100%;width:80vw;opacity:0;pointer-events: none;transition:opacity .3s linear;}
        .process-box-holder {position:fixed;top:0;left:0;height:100%;display:flex;width:500vw;transition:all .3s linear;}
        .process-box .flex {height:100%;}    
        .process-box:after {content:"";position:absolute;top:0;bottom:0;width:1px;height:100%;left:130px;background:#5B5E5E;opacity:.2;}
        .process-box:nth-of-type(1):after {display:none;}
        .about3 .process-box  {opacity:1;}
        
        .aboutstep1 .process-box-holder {transform:translateX(-80vw);}
        .aboutstep2 .process-box-holder {transform:translateX(-160vw);}
        .aboutstep3 .process-box-holder {transform:translateX(-240vw);}
        .aboutstep4 .process-box-holder {transform:translateX(-320vw);}
        .screen4 .process-box-holder {transform:translateX(-360vw);}

        .process-box h3 {font-size:100px;}
        .about3 .process-box .box1 h3 {transform:translateX(-15vw);transition:all .5s linear;transition-delay: 1s;}
        .process-box p {font-size:24px;font-weight:300;margin-top:40px;max-width:555px;opacity:0;transition:opacity .3s linear, transform .3s linear;transform:translateX(30px);}
        .process-box .flex>div {padding:40vh 0px 0px 150px;}

        .process-box.box1 .flex {height:auto;}
        .process-box.box1 .flex>div {padding:calc(40vh - 150px) 0px 0px 150px;}
        .process-box.box1 .flex>div p {margin-top:40px;font-size:16px;opacity:1;}

        .aboutstep1 .box2 h3, .aboutstep2 .box3 h3, .aboutstep3 .box4  h3, .aboutstep4 .box5 h3 {transform:translateX(0) !important;}
        .about3 .box1 p, .aboutstep1 .box2 p, .aboutstep2 .box3 p, .aboutstep3 .box4 p, .aboutstep4 .box5 p {opacity:1;transition-delay:.3s;transform:translateX(0px);}

        .aboutstep1 .box2 {color:#ffffff;}
        .aboutstep2 .box3 {}
        .aboutstep3 .box4 {}
        .aboutstep4 .box5 {color:#ffffff;}

        .process-box:before, .process-box img {content:"";width:100%;height:100%;position:absolute;z-index:0;opacity:0;transition: opacity .2s linear;transition-delay: 0s; left:0;}
        .box2:before {background:url(../images/img-process-1.webp) center center/cover no-repeat;}
        .box3:before {background:url(../images/img-process-2.webp) center center/cover no-repeat;}
        .box4:before {background:url(../images/img-process-3.webp) center center/cover no-repeat;}
        .box5:before {background:url(../images/img-process-4.webp) center center/cover no-repeat;}
        .aboutstep1 .box2:before, .aboutstep2 .box3:before, .aboutstep3 .box4:before, .aboutstep4 .box5:before {opacity:1;transition: opacity .5s linear;transition-delay: 1s;}


        .aboutstep1 .box2 img, .aboutstep2 .box3 img, .aboutstep3 .box4 img, .aboutstep4 .box5 img {opacity:1;transition: opacity .5s linear;transition-delay: 1s;}


        .process-box.box1.mobile {opacity:0;}
        .about3 .process-box.box1.mobile {opacity:1;}

    section .bg-image {position:absolute;left:0;top:0;width:100%;height:100%;z-index:0;object-fit: cover;}
    .process-box img {position:absolute;left:0;top:0;width:100%;height:100%;z-index:0;object-fit: cover;}


        @media screen and (max-width:1300px){
            .section-process {font-size:calc(100vw / 110)}
            .section-process h3 {font-size:8em;}
        }

        @media screen and (max-width:992px){
            .process-box .flex>div {padding:30vh 0px 0px 25px;}
            .process-box p {font-size: 18px;max-width: 370px;}
            .process-box.box1 .flex>div {padding: 100px 0px 0px 25px;}
            .process-box.box1 h2 {font-size:32px;}
        }


        @media screen and (max-width:576px){
            .process-box.box1.mobile {display:block;position:fixed;top:0px;left:0px;opacity:0;}
            .process-box-holder {flex-direction:column;width:100%;padding-top:210px;height:auto;}
            .process-box-holder .box1 {display:none;}
            .process-box.box1 .flex>div p {margin-top: 20px;font-size: 14px;}
            .process-box.box1 h2 {max-width: 230px;}
            .process-box.box1 .flex>div {padding: 80px 0px 0px 25px;}
            .process-box {width: calc(100vw - 45px);height:calc(100vh - 280px);}
            .process-box .flex>div {padding: 40px 0px 0px 40px;}
            .section-process h3 {font-size: 56px;}
            .process-box p {margin-top: 15px; }          
            .section-process h3 {opacity:0.3;}
            .aboutstep1 .box2 h3, .aboutstep2 .box3 h3, .aboutstep3 .box4  h3, .aboutstep4 .box5 h3 {opacity:1;}
            .process-box:after {left:100%;}
            .about3 .process-box-holder {transform:translate(0px,50vh);}
            .about3.aboutstep1 .process-box-holder {transform:translate(0px,0px);}
            .about3.aboutstep2 .process-box-holder {transform:translate(0px,calc(-100vh + 280px));}
            .about3.aboutstep3 .process-box-holder {transform:translate(0px,calc(-200vh + 560px));}
            .about3.aboutstep4 .process-box-holder {transform:translate(0px,calc(-300vh + 840px));;}
            .about3.screen4 .process-box-holder {transform:translate(0px,calc(-400vh + 280px));}
            
            .aboutstep2 .box2 h3, .aboutstep3 .box3 h3, .aboutstep4 .box4 h3 {opacity:0;}
            
        }


        /* our facility*/
        .about .section-benefits.section-about-facility {display:block;position:relative;overflow:hidden;padding-top:23vh;}
        .about .section-benefits h2, .section-benefits p {transform:none;}
        .about .section-benefits.section-about-facility p:nth-of-type(2) {font-size:16px;}
        .about .section-benefits.section-about-facility p:nth-of-type(1) span {display:none;}
        .about .section-benefits.section-about-facility p {max-width: 560px;margin-top: 20px;}
        .about .section-benefits ul li {opacity:1;}
        .about .section-benefits.section-about-facility .section-benefits .flex {align-items: center;}
        .about .section-benefits.section-about-facility .flex > div:nth-of-type(2) {margin-left: 60px;margin-top: 0;}
        .about .section-benefits.section-about-facility .flex > div:nth-of-type(2) h3{font-size: 100px;margin-left: 80px;margin-bottom: 42px;}

        .section-benefits {opacity:0;}

        .about .section-benefits.section-about-facility .flex>div:nth-of-type(1) {display: flex;flex-direction: column;justify-content: space-between;height: 100%;}
        .about .section-benefits.section-about-facility .imgHolder {margin-top:auto;padding-top:40px;flex: 1;}
        .about .section-benefits.section-about-facility .imgHolder img {width:auto;max-height: calc(100% - 40px);position: absolute;bottom: 0px;}
        .about4 .section-benefits {opacity:1;}
        .about4 .section-benefits h2 {animation-name: headers;animation-delay: .5s;animation-duration: .5s;animation-fill-mode: both;}
        .about4 .section-benefits p {animation-name: headers;animation-delay: .7s;animation-duration: .5s;animation-fill-mode: both;}
        .about4 .section-benefits ul {animation-name: headers;animation-delay: .8s;animation-duration: .5s;animation-fill-mode: both;}
        .about4 .section-benefits ul li {animation-name: headers;animation-delay: 1.0s;animation-duration: .5s;animation-fill-mode: both;}
        .about4 .section-benefits ul li:nth-of-type(2) {animation-delay: 1.1s;}
        .about4 .section-benefits ul li:nth-of-type(3) {animation-delay: 1.2s;}
        .about4 .section-benefits ul li:nth-of-type(4) {animation-delay: 1.3s;}
        .about4 .section-benefits ul li:nth-of-type(5) {animation-delay: 1.4s;}
        .about4 .section-benefits ul li:nth-of-type(6) {animation-delay: 1.5s;}
        .about4 .section-benefits ul li:nth-of-type(7) {animation-delay: 1.6s;}
        .about4 .section-benefits ul li {margin-bottom: 30px;}
        .about4 .section-benefits.section-about-facility .flex > div:nth-of-type(2) .imgHolder {display:none;}

        @media screen and (max-width:768px){
            .about .section-benefits.section-about-facility .flex > div:nth-of-type(2) h3 {display:none;}
            .about .section-benefits.section-about-facility p:nth-of-type(1) span {display:inline-block;}
            .about .section-benefits.section-about-facility {padding-top:0px;}
            .about .section-benefits.section-about-facility .flex {padding-top:110px;}
            .about .section-benefits.section-about-facility p:nth-of-type(2) {font-size: 14px;margin-top: 10px;margin-bottom: 40px;}
            .about .section-benefits.section-about-facility .flex > div:nth-of-type(1) .imgHolder {display:none;}
            .about .section-benefits.section-about-facility .flex > div:nth-of-type(2) .imgHolder {display:flex;}
            .about4 .section-benefits ul li {margin-bottom: 20px;}
            .about .section-benefits.section-about-facility .flex>div:nth-of-type(1) {justify-content: flex-start;height: auto;}
            .about .section-benefits.section-about-facility .flex > div:nth-of-type(2) {margin-left: 0;display: flex;flex-direction: column;flex: 1;}
            .about .section-benefits.section-about-facility .imgHolder img {max-height: 100%;}
        }
        
        .scrollable.section-register {position:relative;overflow:hidden !important;opacity:1;display:block;min-height:100vh;}
        .scrollable.section-register h2 {animation-name: headers;animation-delay: .5s;animation-duration: .5s;animation-fill-mode: both;}
        .scrollable.section-register h3 {animation-name: headers;animation-delay: .7s;animation-duration: .5s;animation-fill-mode: both;}
        .scrollable.section-register p {animation-name: headers;animation-delay: .9s;animation-duration: .5s;animation-fill-mode: both;}
        .scrollable.section-register .flex > div:nth-of-type(2) {animation-name: boxes;animation-delay: .6s;animation-duration: .5s;animation-fill-mode: both;}
        
        
        /* Footer updates */
        .section-register h2.mobile {display:none;}
        
/*        .footer {top:0px;position:relative;box-shadow:none;border-top:2px solid rgba(91,94,94,0.2);}*/
        @media screen and (max-width: 992px){
            .section-register {background:#fff;height:auto !important;}
            .section-register .flex > div:nth-of-type(1) div {padding: 0px 24px 0px 24px;}
            .section-register h3 {display:none;}
            .section-register h2 {/*display:none;*/}
            .section-register h2.mobile {display:block;}
            .section-register p:nth-last-of-type(1) {display:none;}
            .section-register .flex > div:nth-of-type(1) {flex: 1;}
/*            .footer {overflow:hidden;padding: 35px 40px;}
            .footer a {display: flex;text-decoration:none;}
            .footer .flex > div:nth-of-type(1) {display: flex;}
            .footer .flex > div:nth-of-type(1):before {content:"";width:calc(100vw + 100px);left:-50px;bottom:0px;height:2px;opacity:.2;background:#5B5E5E;position:absolute;}
            .footer .flex > div:nth-of-type(1) a {font-size:28px;}
            .footer .flex > div:nth-of-type(1) a:nth-of-type(1) {margin-right:25px;}*/
        }