@charset "utf-8";
/* CSS Document */
html {scroll-behavior: smooth;}
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box; }
body { font-family: 'SanFranciscoDisplay-Regular'; font-size: 15px; letter-spacing: 0.5px;}
/* MAIN LAYOUT
========================================================================*/
.grecaptcha-badge {z-index: 9;}
 
/* Overlay */
.popformoverlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; justify-content: center; align-items: center; }
.popformoverlay button { padding: 12px 20px; background: #000; color: #fff; border: none; cursor: pointer;}
.noblurfloorplan .popformoverlay{ display:none;}
.formPopupoverlay{ position: fixed; top: 0; left: 0; right: 0; bottom: 0; display: flex; justify-content: center; align-items: center; z-index: 8; background: rgba(0, 0, 0, 0.5); display:none;}
.formPopupoverlay.active{ display:block;}
.noblurfloorplan .formPopupoverlay{ display:none;}
/* Popup */
.form-popup { display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #fff; padding: 20px; z-index: 9999; width: 450px;  max-width: 92%;}
.form-popup .inputBox{ position: relative; margin-bottom:20px;}
.form-popup .inputBox input{width: 100%; padding:10px 15px; font-size: 18px; border: none; border-bottom: 1px solid #555555;}
.form-popup .inputBox .formError { color: #bb0303; font-weight: normal; font-size: 14px; position: absolute; left: 15px; bottom: -23px;}
.form-popup .inputSubmit input { width: auto; font-size: 18px; padding: 15px 45px; text-transform: uppercase; color: #ffffff; background: #000000; border: none; letter-spacing: 1px;}
.form-popup .inputSubmit { width: 98%; margin: 20px 1% 0 1%;}

.floorplan-wrapper{ position: relative; padding: 80px 0; z-index: 9;}
.floorplan-wrapper .floorplanInner{ position: relative;}
.floorplan-wrapper .floorplanInner ul{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.floorplan-wrapper .floorplanInner ul li{ width: 23%; margin: 15px 0;border: 1px solid #f1f1f1;}
.floorplan-wrapper .floorplanInner ul li a{}
.floorplan-wrapper .floorplanInner ul li img{ width: 100%;filter: blur(10px);}
.noblurfloorplan .floorplan-wrapper .floorplanInner ul li img{ filter: blur(0px);}
.closeForm{position: absolute; right: -7px; top: -13px;cursor: pointer;}
.closeForm img{ width:17px;}
.floorplanHero{ text-align: center; position: relative; margin-bottom: 40px;}

.floorplan-wrapper .floorplanSlider{filter: blur(10px);}
.noblurfloorplan .floorplan-wrapper .floorplanSlider{filter: blur(0px);width: 80%; margin: 0 auto;}
.floorplan-wrapper .floorplanSlider .floorplanBox{ display: block;}
.floorplan-wrapper .floorplanSlider .floorplanBox img{ width: 100%;} 
.floorplanSlider .slick-arrow{ overflow: hidden; width: 50px; height:50px; position: absolute; top: 50%; border: none; transform: translateY(-50%);  text-indent: -1000px; z-index:9; opacity:0; }
.noblurfloorplan .floorplanSlider .slick-arrow{opacity:1; }
.floorplanSlider .slick-prev.slick-arrow{ left: -50px; background: rgba(0,0,0,0.1) url("../images/left-arrow.png") no-repeat center; background-size: 25px auto;}
.floorplanSlider .slick-prev.slick-arrow:hover{background: rgba(0,0,0,0.15) url("../images/left-arrow.png") no-repeat center; background-size: 25px auto;}
.floorplanSlider .slick-next.slick-arrow{ right: -50px; background: rgba(0,0,0,0.1) url("../images/right-arrow.png") no-repeat center; background-size: 25px auto;}
.floorplanSlider .slick-next.slick-arrow:hover{ background: rgba(0,0,0,0.15) url("../images/right-arrow.png") no-repeat center; background-size: 25px auto;}
/* HEADER
========================================================================*/
header { background: rgba(255,255,255,0.6); position: fixed; width: 100%; left: 0; top: 0; z-index: 99; opacity: 0;transition: 0.5s;box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;}
header.stickyHeader{ opacity:1; transition: 0.5s;}
header .headerInner{ display: flex; padding: 10px 0; align-items: center; justify-content: space-between;}
header .menuBtnWrap{}
header .menuBtnWrap .menuBtn{ display: flex; cursor: pointer;}
header .menuBtnWrap .menuBtn img{ width: 30px; margin-right: 10px;}
header .menuBtnWrap .menuBtn span{ color: #111111; font-size: 18px; text-transform: uppercase;}
header .headerInner .logo{}
header .headerInner .logo a{}
header .headerInner .logo a img{ width: 70px;}
header .headerInner .callbtn{}
header .headerInner .callbtn a{ background: #c2996c; color: #ffffff; font-size: 14px; text-transform: uppercase; padding: 8px 20px; display: inline-block;}
header .headerInner .callbtn a:hover{}
header .headerInner .callbtn a img{ width:25px; display:none;}
/* NAV
========================================================================*/
.navigation{ position: relative; }
.navigation .mainMenu .menuClose{ display:none;}
.navigation.active{ }
.menuClose{ cursor: pointer; position: absolute; right:4%; top: 40px; z-index: 9;}
.menuClose span{ text-transform: uppercase; color: #ffffff; }
.menuClose img{ width: 15px; margin-left: 10px;}
.navigation .navigationInner{ display: flex; align-items: center; background: #f5f2ec; position: relative; height: 100%;}
.navigation .mainMenu{ width: 50%; background: #f5f2ec;position: fixed; z-index: 99; left:-51%; top: 0; height: 100%;opacity: 0; transition:0.6s; transition-timing-function: ease-in;}
.navigation.active .mainMenu{ left: 0;opacity: 1;transition:0.6s;transition-timing-function: ease-in;}
.navigation .mainMenu nav{ padding: 80px 100px; position: relative; height: 100%;}
nav ul { position: relative; height: 100%; display: flex; flex-direction: column; justify-content: space-evenly;}
nav ul li {}
nav ul li a { text-transform: uppercase; color: #111111;font-family: 'PlayfairDisplay-Regular'; /*font-size: 42px;*/font-size:4.5rem; line-height: 4.5rem; transition: 0.5s; }
nav ul li:last-child { }
nav ul li a:hover, nav ul li.active a, nav ul li:hover a, nav ul li a.active { color: #c2996c; transition: 0.5s;}

.navigation .menuContact{ background: url("../images/menuBg.webp") no-repeat center/cover; width: 50%; padding: 80px 60px;height: 100%;position: fixed; right:-51%; top: 0; opacity: 0;transition:0.6s; z-index: 99;transition-timing-function: ease-in;}
.navigation.active .menuContact{ right: 0; opacity: 1;transition:0.6s; display: flex; flex-wrap: wrap; flex-direction: column; justify-content: space-evenly;transition-timing-function: ease-in;}
.navigation .menuLogo{ text-align: center;}
.navigation .menuLogo img{ width: 200px;}
.navigation .menucontactInfo{  color: #ffffff;font-family: 'SanFranciscoDisplay-Thin'; }
.navigation .menucontactInfo .menucontactBox{display: flex; justify-content: space-around; flex-wrap: wrap;}
.navigation .menucontactInfo .menucontactBox .contactBox{ width: 45%;}
.navigation .menucontactInfo .menucontactBox h3{ color: #c2996c;font-family: 'PlayfairDisplay-Regular'; margin-top: 30px;}
.navigation .menucontactInfo .menucontactBox ul.socialMedia{ display: flex; flex-wrap: wrap;}
.navigation .menucontactInfo .menucontactBox ul.socialMedia li{ width: 50%;}
.navigation .menucontactInfo .menucontactBox ul li a{ color: #ffffff;}
/* BANNER
========================================================================*/
.bannerWrap{ position: relative; width: 100%; view-timeline-name: --section; view-timeline-axis: block; min-height: 800px; height: 100vh; color: #ffffff;}
.banner{position: sticky; top: 0; height: 100vh;}
.bannerWrap video{ min-width:100%;  height: 100vh;}
.video-bg { position: absolute; top: 0; left: 0; width: calc(100%); height: 100%; object-fit: cover; z-index: -1;  }
.bannerLogo{ width: 100%; text-align: center; position: absolute; top: 50%; transform: translateY(-50%);}
.bannerLogo img{ width: 300px; }
.bannerText{ text-align: center; width: 100%; position: absolute; top: 50%; transform: translateY(-50%);}
.bannerText h2{ color: #ffffff;}
.blackoverlay{ background:rgba(0,0,0,0.5); position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
/* CONTAINER
========================================================================*/
.home-grouthWrap { position: relative; padding-top: 5px; width: 100%; view-timeline-name: --section; view-timeline-axis: block; min-height: 700px; height: 180vh; } 
.home-grouthContainerwrap{position: sticky; top: 0; height: 100vh;}
.home-grouthWrap .home-grouthContainerwrap > img{ width: 100%; will-change: transform; transform: scale3d(0.9, 0.9, 1); transform-style: preserve-3d; animation: scallImg linear both; animation-timeline: --section; animation-range: entry 80% entry 100%;}
@keyframes scallImg {
	to {
		transform: scale3d(1, 1, 1);
	}
}
.home-grouthWrap .home-grouthContainer{ position: absolute; left: 0; top: 50%;transform: translateY(-38%); width: 100%; text-align: center; color: #ffffff; font-family: 'SanFranciscoDisplay-Thin';}
.home-grouthInner{ animation: zoomopacitytxt linear both; animation-timeline: --section; animation-range: entry 95% entry 102%; opacity: 0;transform: scale(0.7);}
@keyframes zoomopacitytxt {
	to {
		 opacity: 1;transform: scale(1);
	}
}
.home-grouthWrap .home-grouthInner{  position: relative; width: 80%; margin: 0 auto;}
.home-grouthWrap .home-grouthInner h2{ color: #ffffff;}
.home-grouthWrap .home-grouthInner .resSlider {/* display: flex; justify-content: space-around;*/ margin-top: 50px;}
.home-grouthWrap .home-grouthInner .flexBox{text-align:center; padding:0 10px;}
.home-grouthWrap .home-grouthInner .flexBox img{ width: 80px;  display: inline-block;}
.home-grouthWrap .home-grouthInner .flexBox span{ display: block;line-height: 18px; margin-top: 10px;}
.home-grouthWrap .home-grouthInner ul{   margin-top: 15px;}
.home-grouthWrap .home-grouthInner ul li{ } 
.home-grouthWrap .home-grouthInner ul li .button{ display: none;}
 

.sectionlocationWrap{ position: relative; background: #f5f2ec; display: flex; align-items: center;}
.sectionlocationWrap.reverceCol{ flex-direction: row-reverse;}
.sectionlocationWrap .videoBox{ width: 50%;}
.sectionlocationWrap .videoBox img{ width: 100%;}
.sectionlocationWrap .videoBox video{width: 100%;margin-bottom: -9px;}
.sectionlocationWrap .textBox{ width: 50%;}
.sectionlocationWrap .textBox .textBoxInner{ padding:50px 12%; text-align: center;font-family: 'SanFranciscoDisplay-Semibold';}
.sectionlocationWrap .textBox h2{}
.sectionlocationWrap .textBox .locationSlider{ margin-top: 80px;}
.sectionlocationWrap .textBox .locationSlider .locationSliderBox{ font-family: 'SanFranciscoDisplay-Regular';}
.sectionlocationWrap .textBox .locationSlider .locationSliderBox h3{ text-transform: uppercase; color: #000000; margin-bottom: 20px;}
.sectionlocationWrap .textBox .locationSlider ul.slick-dots{ display: flex;justify-content: center; margin-top: 30px;}
.sectionlocationWrap .textBox .locationSlider ul.slick-dots li{ width: 10px; height: 10px; border-radius: 20px; background: #999999; overflow: hidden; transition: 0.5s; margin: 0 4px;}
.sectionlocationWrap .textBox .locationSlider ul.slick-dots li button{ opacity: 0; padding: 0; width: 100%; height: 100%; margin: 0; border: 0;}
.sectionlocationWrap .textBox .locationSlider ul.slick-dots li.slick-active{width: 40px; background: #c2996c; transition: 0.5s;}

.connectivityWrap{}
.connectivityWrap .knowMore{ margin-top: 50px;}
.connectivityWrap .knowMore a{ background: #c2996c; color: #ffffff; text-transform: uppercase; padding: 10px 30px; display: inline-block;}
.connectivityWrap .knowMore a:hover{}
.connectivityWrap .knowMore.locationLinks a{ margin: 0 10px;}
.home-grouthWrap.connectivityWrap.marginBottom{ margin-bottom:50px;} 
.infrastructureWrap{ position: relative; background: #ffffff; padding: 80px 0 40px 0;}
.infrastructureWrap .infrastructureInner{}
.infrastructureWrap .feature-section { display: flex; grid-template-columns: 1fr 60px 1fr; gap: 40px;} 
.infrastructureWrap .scroll-bar { display: flex; justify-content: center;}
.infrastructureWrap .scroll-track { width: 2px; background: #c2996c; height: 100%; position: relative;}
.infrastructureWrap .scroll-progress { width: 100%; background: black; height: 0%; position: absolute; top: 0; left: 0; transition: height 0.15s linear;}
.infrastructureWrap .feature-text { flex: 1; position: sticky; top: 150px; height: fit-content;}
.infrastructureWrap .text-item { position: absolute; opacity: 0; transform: translateY(20px); transition: 0.4s ease; margin-top: 50px;}
.infrastructureWrap .text-item .num{  font-size: 44px; line-height: 48px; color: #c2996c; margin-bottom: 30px;  font-family: 'PlayfairDisplay-Regular'; opacity: 0.6; }
.infrastructureWrap .text-item h3{text-transform: uppercase; color: #000000; margin-bottom: 20px;}
.infrastructureWrap .text-item.active { opacity: 1; transform: translateY(0); position: relative;}
.infrastructureWrap .text-item img{ display:none;}
.infrastructureWrap .feature-images { flex: 1;}
.infrastructureWrap .image-item { margin-bottom: 60px; }
.infrastructureWrap .image-item img { width: 100%; border-radius: 20px; display: block;}
/* FOOTER
========================================================================*/
footer { background: #000000; padding: 80px 0; color: #ffffff; z-index: 7; position: relative;}
footer.homeFooter{margin-top: 50px; }
.footerTop{ border-bottom: 1px solid #c2996c; padding-bottom: 40px; margin-bottom: 40px; text-align: center;}
.footerTop .footerTopinner{}
.footerTop .footerTopinner .footerToplogo{}
.footerTop .footerTopinner .footerToplogo img{height: 150px; max-width:70%;}
.footerTop .footerTopinner .footerTopinfo{ text-transform: uppercase; margin-top: 20px; font-size: 18px; font-family: 'SanFranciscoDisplay-Thin';}

.footerBottom{}
.footerBottom .footerBottominner{ display: flex; justify-content: space-between;} 
.footerBottom .footerBottominner .footerBottomBox{ width: 31%;}
.footerBottom .footerBottominner .footerBottomBox h3{ color: #ffffff;font-family: 'PlayfairDisplay-Regular'; text-transform: uppercase; margin-bottom: 20px;}
.footerBottom .footerBottominner .footerBottomBox ul{}
.footerBottom .footerBottominner .footerBottomBox ul li{}
.footerBottom .footerBottominner .footerBottomBox ul li a{ color: #ffffff;}
.footerBottom .footerBottominner .footerBottomBox.middleBox{ text-align: center;}
.footerBottom .footerBottominner .footerBottomBox.middleBox ul li{ font-size: 24px;}
.footerBottom .footerBottominner .footerBottomBox.middleBox ul li a{ font-size: 24px; color: #c2996c; display: inline-block;}
.footerBottomBox.lastBox{ text-align:right;}

/* Ameneties */
.amenetiesSlider{}
.amenetiesSlider .slick-arrow{ overflow: hidden; width: 50px; height:50px; position: absolute; top: 50%; border: none; transform: translateY(-50%);  text-indent: -1000px; z-index:9;}
.amenetiesSlider .slick-prev.slick-arrow{ left: 20px; background: rgba(255,255,255,0.5) url("../images/left-arrow.png") no-repeat center; background-size: 25px auto;}
.amenetiesSlider .slick-prev.slick-arrow:hover{background: rgba(255,255,255,1) url("../images/left-arrow.png") no-repeat center; background-size: 25px auto;}
.amenetiesSlider .slick-next.slick-arrow{ right: 20px; background: rgba(255,255,255,0.5) url("../images/right-arrow.png") no-repeat center; background-size: 25px auto;}
.amenetiesSlider .slick-next.slick-arrow:hover{ background: rgba(255,255,255,1) url("../images/right-arrow.png") no-repeat center; background-size: 25px auto;}
.amenetiesWrap{ position: relative; height: calc(100% + 400px);}
.amenetiesWrap .amenetiesBox{/*position: sticky; top: 0; height: 100vh;view-timeline-name: --section; view-timeline-axis: block;*/}
.amenetiesWrap .amenetiesBox .amenetiestext{ position: absolute; text-align: center; width: 100%; top: 50%; transform: translateY(-50%); color: #ffffff;z-index: 9;}
.amenetiesWrap .amenetiesBox .amenetiestext h2{color: #ffffff;}
.amenetiesWrap .amenetiesBox .amenetiesimg{ position: relative; background: #000000;}
.amenetiesWrap .amenetiesBox .amenetiesimg img{ width: 100%; opacity: 0.8;} 
.amenetiesWrap .amenetiesBox .amenetiesInner{ /*animation: zoomopacitytxt linear both; animation-timeline: --section; animation-range: entry 90% entry 150%; opacity: 0.5;transform: scale(0); */background: #000000;position: relative;}
@keyframes zoomopacitytxt {
	to {
		 opacity: 1;transform: scale(1);
	}
}
.amenetiesBottomWrap{ position: relative; margin-top: 50vh; position: sticky; top: 0;}
.amenetiesBottomWrap .amenetiesBottominner{ position: relative; }
.amenetiesBottomWrap .amenetiesBottominner img{ width: 100%;}
.amenetiesBottomWrap .amenetiesBottominner .textinfo{ width: 40%; color: #000000; position: absolute; left: 5%; top: 40%; transform: translateY(-50%);z-index: 9;}
.amenetiesBottomWrap .amenetiesBottominner .textinfo h2{color: #000000;}

/* Location */
.locationmapWrap{ position: relative; padding: 80px 0 0 0;}
.locationmapWrap .locationmapInner{ position: relative;}
.locationmapWrap .locationmapHero{ text-align: center; margin-bottom: 50px;}
.locationmapWrap .locationmapHero h2{}
.locationmapWrap .locationmapGroup{ display: flex;}
.locationmapWrap .locationmapGroup .locationmapLeft{ width: 63%;}
.locationmapWrap .locationmapGroup .locationmapLeft iframe{ width: 100%; height: 100%; margin-bottom: -10px;}
.locationmapWrap .locationmapGroup .locationmapRight{ width: 40%; margin-right: 5%; margin-left: 2%;}
.locationmapWrap .locationmapGroup .locationmapRight{}

.locationmapWrap .locationmapRight .accordion_container{}
.locationmapWrap .locationmapRight .accordion_container .accordion_head{font-family: 'BricolageGrotesqueBold'; text-transform: uppercase; font-size: 24px; border-top:1px solid #999999; padding: 15px; cursor: pointer; display: flex; justify-content: space-between;}
.locationmapWrap .locationmapRight .accordion_container .accordion_head .plusminus{}
.locationmapWrap .locationmapRight .accordion_container .accordion_head.noBorder{ border-top: none;}
.locationmapWrap .locationmapRight .accordion_container .accordion_head img{ max-width: 40px; height: 40px; margin-right: 10px;}
.locationmapWrap .locationmapRight .accordion_container .accordion_body{ padding: 0 20px 20px 20px;}
.locationmapWrap .locationmapRight .accordion_container .accordion_body ul{}
.locationmapWrap .locationmapRight .accordion_container .accordion_body ul li{margin-bottom: 5px; }

.locationformWrap{ position: relative; padding: 80px 0;}
.locationformWrap .locationformInner{ position: relative;}
.locationformWrap .locationformInner h2{ text-align: center;}
.locationformWrap .locationformInner .formWrap{ width: 80%; margin: 50px auto 0 auto;}
.locationformWrap .formWrap .inputBox{ position: relative; width: 48%; margin: 0 1% 25px 1%; float: left}
.locationformWrap .formWrap .inputBox.fullWidth{ width:98%;}
.locationformWrap .formWrap .inputBox input{ width: 100%; padding: 15px; font-size: 18px; border: none; border-bottom: 1px solid #555555;}
.locationformWrap .formWrap .inputBox select{width: 100%; padding: 15px; font-size: 18px; border: none; border-bottom: 1px solid #555555;}
.locationformWrap .formWrap .inputBox textarea{width: 100%; padding: 15px; font-size: 18px; border: none; border-bottom: 1px solid #555555;}
.locationformWrap .formWrap .inputSubmit{ width:98%; margin: 40px 1% 0 1%; text-align: center;}
.locationformWrap .formWrap .inputSubmit input{ width: auto;  font-size: 18px; padding: 15px 45px; text-transform: uppercase; color: #ffffff; background: #000000; border: none; letter-spacing: 1px;}

/* Contact Us */
.contactusWrap{ position: relative; padding: 140px 0 80px 0;}
.contactusWrap .contactusInner{position: relative;}
.contactusWrap .contactusInner .contactusHero{ text-align: center;}
.contactusWrap .contactusInner .contactusHero h2{}
.contactusWrap .contactusInner .contactusGroup{ display: flex;}
.contactusWrap .contactusInner .contactusGroup .contactusLeft{ width: 40%; padding: 60px 60px 60px 5%; background: #f5f2ec;}
.contactusWrap .contactusGroup .contactusLeft{}
.contactusWrap .contactusGroup .contactusLeft h3{ font-family: 'PlayfairDisplay-Regular'; text-transform: uppercase; font-size: 24px;}
.contactusWrap .contactusGroup .contactusLeft ul{ margin-bottom: 30px;}
.contactusWrap .contactusGroup .contactusLeft ul.sociallinks{ margin-bottom: 0;}
.contactusWrap .contactusGroup .contactusLeft ul li{ font-size: 18px; color: #111111;}
.contactusWrap .contactusGroup .contactusLeft ul li a{color: #111111;}

.contactusWrap .contactusGroup .contactusRight{ width: 60%;padding: 60px 5% 60px 60px;}
.contactusWrap .contactusRight .formWrap{}
.contactusWrap .contactusRight .formWrap .inputBox{position: relative; width: 48%; margin: 0 1% 25px 1%; float: left}
.contactusWrap .contactusRight .formWrap .inputBox.fullWidth{ width:98%;}
.contactusWrap .contactusRight .formWrap .inputBox.inputcheckbox .checkbox{ margin-bottom: 10px;position: relative;}
.inputBox .checkbox .formError {bottom: -15px;}
.contactusWrap .contactusRight .formWrap .inputBox.inputcheckbox input{ width: auto; margin-right: 5px;}
.contactusWrap .contactusRight .formWrap .inputBox.inputcheckbox label{}
.contactusWrap .contactusRight .formWrap .inputBox input{ width: 100%; padding: 15px; font-size: 18px; border: none; border-bottom: 1px solid #555555;}
.contactusWrap .contactusRight .formWrap .inputBox select{width: 100%; padding: 15px; font-size: 18px; border: none; border-bottom: 1px solid #555555;}
.contactusWrap .contactusRight .formWrap .inputBox textarea{width: 100%; padding: 15px; font-size: 18px; border: none; border-bottom: 1px solid #555555;}
.contactusWrap .contactusRight .formWrap .inputSubmit{ width:98%; margin: 20px 1% 0 1%;}
.contactusWrap .contactusRight .formWrap .inputSubmit input{ width: auto;  font-size: 18px; padding: 15px 45px; text-transform: uppercase; color: #ffffff; background: #000000; border: none; letter-spacing: 1px;}
.contactmapWrap{ position: relative;}
.contactmapWrap iframe{ width: 100%; min-height: 550px; margin-bottom: -10px;}

.inputBox .formError { color: #bb0303; font-weight: normal; font-size: 14px; position: absolute; left: 15px; bottom: -23px;}

.thankyoumsgWrap{ padding: 200px 0 80px 0; position: relative; text-align: center;}
.thankyoumsgWrap .thankyoumsgInner{position: relative;}
.thankyoumsgWrap .thankyoumsgInner .thankyoumsgHero{}
/* HEADINGS
========================================================================*/
h1, h2, h3, h4, h5, h6 { }
h1 { font-size: 26px; line-height: 27px; }
h2 { font-size: 44px; line-height: 48px; color: #c2996c; margin-bottom: 30px; font-family: 'PlayfairDisplay-Regular'; text-transform: uppercase;}
h2 span.small{  text-transform: none;}
h3 { font-size: 22px; line-height: 23px; color: #000000; margin-bottom: 10px; font-family: 'SanFranciscoDisplay-Medium';}
h4 { font-size: 18px; line-height: 19px; color: #00a7ef; margin-bottom: 10px; }
h5 { font-size: 16px; line-height: 17px; }
h6 { font-size: 14px; line-height: 16px; }
p { margin-top: 10px; }
p:first-child { margin: 0; }
/* FORM
========================================================================*/
label { }
input, textarea, select {  font-family: 'SanFranciscoDisplay-Regular'; margin: 0; }
input:focus, textarea:focus { border-color: #c1c1c1; background: #FFF; }

/* Slick Slider
========================================================================*/
.slick-slider{position:relative; display:block; -moz-box-sizing:border-box;  box-sizing:border-box; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; 	user-select:none; -webkit-touch-callout:none; -khtml-user-select:none; -ms-touch-action:pan-y; touch-action:pan-y; -webkit-tap-highlight-color:transparent;}
.slick-list{position:relative; display:block; overflow:hidden; margin:0; padding:0;}
.slick-list:focus{outline:none;}
.slick-list.dragging{cursor:pointer; cursor:hand;}
.slick-slider .slick-track, .slick-slider .slick-list{-webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0); -ms-transform:translate3d(0, 0, 0);  -o-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}
.slick-track{position:relative; top:0; left:0; display:block;}
.slick-track:before, .slick-track:after{display:table; content:'';}
.slick-track:after{clear:both;}
.slick-loading .slick-track{visibility:hidden;}
.slick-slide{display:none; float:left; height:100%; min-height:1px;}
[dir='rtl'] .slick-slide{float:right;}
.slick-slide img{display:block;}
.slick-slide.slick-loading img{display:none;}
.slick-slide.dragging img{pointer-events:none;}
.slick-initialized .slick-slide{display:block;}
.slick-loading .slick-slide{visibility:hidden;}
.slick-vertical .slick-slide{display:block; height:auto; border:1px solid transparent;}
.slick-arrow.slick-hidden {display:none;}

/* Fonts Family */
@font-face {
    font-family: 'PlayfairDisplay-Regular';
    src: url('fonts/PlayfairDisplay-Regular.woff') format('woff'),
        url('fonts/PlayfairDisplay-Regular.ttf') format('truetype'),
        url('fonts/PlayfairDisplay-Regular.svg#PlayfairDisplay-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SanFranciscoDisplay-Thin';
    src: url('fonts/SanFranciscoDisplay-Thin.woff') format('woff'),
        url('fonts/SanFranciscoDisplay-Thin.ttf') format('truetype'),
        url('fonts/SanFranciscoDisplay-Thin.svg#SanFranciscoDisplay-Thin') format('svg');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SanFranciscoDisplay-Semibold';
    src: url('fonts/SanFranciscoDisplay-Semibold.woff') format('woff'),
        url('fonts/SanFranciscoDisplay-Semibold.ttf') format('truetype'),
        url('fonts/SanFranciscoDisplay-Semibold.svg#SanFranciscoDisplay-Semibold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SanFranciscoDisplay-Medium';
    src: url('fonts/SanFranciscoDisplay-Medium.woff') format('woff'),
        url('fonts/SanFranciscoDisplay-Medium.ttf') format('truetype'),
        url('fonts/SanFranciscoDisplay-Medium.svg#SanFranciscoDisplay-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SanFranciscoDisplay-Regular';
    src: url('fonts/SanFranciscoDisplay-Regular.woff') format('woff'),
        url('fonts/SanFranciscoDisplay-Regular.ttf') format('truetype'),
        url('fonts/SanFranciscoDisplay-Regular.svg#SanFranciscoDisplay-Regular') format('svg');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}