@charset "utf-8";
html { scroll-behavior: smooth;}
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box; }
body {  font-family: 'poppinsregular'; font-size: 14px;}

float_whatsapp {
    position: fixed;
    width: 60px;
    height: 60px;
	right: 30px;
    bottom: 100px;
   /* background-color: #25d366;*/
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    z-index: 100;
    padding-top: 13px;
    margin-right: 10px;
}

header { background: rgba(000,000,000,0.7); padding: 10px 0; position: fixed; top:0; left: 0; z-index: 999; width: 100%;transition: 0.5s;}
header.stickyHeader{ background: rgba(000,000,000,0.9); transition: 0.5s; }
header .headerInner{ display: flex; align-items: center;}
header .headerInner .logo{ width: 18%;}
header .headerInner .logo a{}
header .headerInner .logo a img{ width: 180px;}
header .headerInner .navigation{width: 80%;}
header .headerInner .navigation ul{ text-align: center; }
header .headerInner .navigation ul li{ display: inline;}
header .headerInner .navigation ul li a{ padding: 10px 10px; font-size:15px;display: inline-block; font-weight:700; text-transform:uppercase; color: #ffffff;}
header .headerInner .navigation ul li a:hover{ padding: 10px 10px; font-size:15px;display: inline-block; font-weight:700; text-transform:uppercase; color:#FFCC00}

header .headerInner .Callnum{width: 5%;}
header .headerInner .Callnum a{ color: #ededed; font-size: 20px; line-height: 24px;  font-family: 'poppinssemibold';transition: 0.5s; }
header.stickyHeader .headerInner .Callnum a{color: #ffffff;transition: 0.5s; }

.mainbanner{ position: relative;}
.mainbanner .banner{ position: relative;}
.mainbanner .banner .bannerSlider{ position: relative;}
.mainbanner .banner .bannerSlider img.desktopBanner{display:block; width: 100%;}
.mainbanner .banner .bannerSlider img.mobileBanner{ display:none; width: 100%;}
.mainbanner .banner .bannerSlider .bannerInfo{ position: absolute; left: 8%; top: 50%; transform: translateY(-50%);color: #ffffff;}
.mainbanner .banner .bannerSlider .bannerInfo h2{ color: #ffffff;font-family: 'poppinssemibold'; font-size: 60px; line-height: 62px;  text-shadow: 5px 5px 5px #000;}

.bannerformWrap{ position: sticky; left: 0; bottom: 0; width: 100%; padding: 20px 0 30px 0; background: rgba(0,0,0,0.9);}
.bannerformWrap .bannerformInner{width: 90%; margin: 0 auto;}
.bannerformWrap .bannerformInner h4{ color: #ffffff; text-align: center; margin-bottom: 20px; text-transform: uppercase;font-family: 'poppinsmedium'; font-size: 16px;}
.bannerformWrap .bannerformInner .inputBox{ position: relative; float: left; width: 20%; margin: 0 1%;}
.bannerformWrap .bannerformInner .inputBox input{ border: none; width: 100%; padding: 12px 15px; border-radius: 10px; height: 52px;}
.bannerformWrap .bannerformInner .inputBox textarea{ border: none; width: 100%; padding: 12px 15px; border-radius: 10px;height: 52px;}
.bannerformWrap .bannerformInner .inputBox select{  border: none;width: 100%; padding: 12px 15px; border-radius: 10px;height: 52px;}
.bannerformWrap .bannerformInner .inputSubmit{float: left; width: 10%; margin: 0 1%;}
.bannerformWrap .bannerformInner .inputSubmit input{ width: 100%; padding: 11px 15px;  background: #802f1a; color: #ffffff; text-transform: uppercase; border-radius: 10px;  font-family: 'ClashDisplayMedium'; border: none; letter-spacing: 2px; height: 52px;}
.bannerformWrap .bannerformInner .inputBox .formError { color: #ff5050; font-weight: normal; font-size: 13px; position: absolute; left: 10px; bottom: -22px;}
.mainbanner .banner .bannerSlider .bannerInfo .rera{ margin-top:30px;}
.mainbanner .banner .bannerSlider .bannerInfo .rera img{ width: 360px; max-width: 90%;}
/* CONTAINER
========================================================================*/
.statsWrap{ position: relative; padding: 10px 0;}
.statsWrap .statsInner{ display: flex;}
.statsWrap .statsInner .statsBox{ background: #fff; width: 33%; margin: 0 ;}
.statsWrap .statsInner .statsBox .statsInfo{ text-align: center; padding: 1px 1px;}
.statsWrap .statsInner .statsBox .statsInfo .num{ font-size: 60px; line-height: 62px; margin-bottom: 10px; color: #802f1a;}
.statsWrap .statsInner .statsBox .statsInfo .txt{ color: #333333; font-size: 20px;}
.statsWrap .statsInner .statsBox .statsimg{ overflow: hidden; padding:5px}
.statsWrap .statsInner .statsBox .statsimg img{ width: 100%;transition: 2s;}
.statsWrap .statsInner .statsBox:hover .statsimg img{ transform: scale(1.2);transition: 2s;}

.projoverview{ position: relative; padding:0 0 10px 0; top:50px}
.projoverview .overviewInner{position: relative;}
.projoverview .overviewInner .overviewHero{ width: 80%; margin: 0 auto; text-align: center; margin-bottom: 40px; font-size:14px}
.projoverview .overviewInner .overviewHero h2{ font-size:24px; color:#EF7F1A; font-weight:900}
.projoverview .overviewInner .overviewHero h3{}
.projoverview .layoutWrap{ position: relative;}
.projoverview .layoutWrap img{ width: 100%;}
.projoverview .layoutWrap #svgmapview { position: absolute; top: 0; left: 0; width: 100%;}
.layoutmapsection{ position: absolute; left: 5%; top: 50%; transform: translateY(-50%); width: 40%; max-width: 400px;}
.layoutmapsection .layoutmapInfo{ padding: 30px; background: #ffffff; text-align: center; display:none;}
.layoutmapsection .layoutmapInfo h4{ letter-spacing: 1px; text-transform: uppercase; color: #802f1a; font-family: 'ClashDisplayMedium';}
.layoutmapsection .layoutmapInfo .infoImg{ margin-bottom: 15px;}
.layoutmapsection .layoutmapInfo .infoImg img{ width: 100%;}
.layoutmapsection .layoutmapInfo .info{font-family: 'poppinslight'; font-size: 12px;}

.floordetail{ position: relative; padding: 0 0 80px 0;}
.floordetail .galleryHero{ width: 70%; margin: 0 auto 40px auto; text-align: center; }
.floordetail .galleryHero h3{}
.floordetail .floorplandetail{}
.floordetail .floorplandetail .resp-tabs-list{ margin-bottom: 20px;}
.floordetail .floorplandetail .resp-tabs-list li{color: #111111; letter-spacing: 1px; margin: 0 20px; text-transform: uppercase;font-family: 'ClashDisplayRegular';}
.floordetail .floorplandetail .resp-tabs-list li a{color: #111111;}
.floordetail .floorplandetail .resp-tabs-list li.resp-tab-active{ color: #802f1a;}
.floordetail .floorplandetail .resp-tabs-list li.resp-tab-active a{ color: #802f1a;}
.floordetail .floorplandetail .resp-tabs-container{}
.floordetail .floorplandetail .floorplan{}
.floordetail .floorplandetail .floorplan ul{ }
.floordetail .floorplandetail .floorplan ul li{ float: left; width: 32%; margin: 3px 0.15%; overflow: hidden; position:relative; border: 2px solid #8C6B51; /* yellow border */
  border-radius: 8px; }
.floordetail .floorplandetail .floorplan ul li img{ width: 100%;transition: 2s;}
.floordetail .floorplandetail .floorplan ul li:hover img{ transform: scale(1.2);transition: 2s;}
.floordetail .floorplandetail .floorplan ul li span{ position: absolute; bottom: 0; left: 0; color: #ffffff; background: rgba(0, 0, 0, 0.7);
    padding: 10px 20px; width: 100%;}
.amenitiesWrap{ position: relative; padding: 0 0 80px 0;}
.amenitiesWrap .amenitiesHero{ padding:80px 0 200px 0; text-align: center; background: url("../images/amenitiesBg.webp") no-repeat center top;color: #ffffff;}
.amenitiesWrap .amenitiesHero h2{}
.amenitiesWrap .amenitiesHero h3{ color: #ffffff;}
.amenitiesWrap .amenitiesGallery.margintop{ margin-top: -150px;}
.amenitiesWrap .amenitiesGallery{ margin-top: 40px;}
.amenitiesWrap .amenitiesGallery h4{ color:#802f1a; text-align:center; text-transform: uppercase;  margin-bottom: 20px;}
.amenitiesWrap .amenitiesGallery.margintop h4{ color:#ffffff;}
.amenitiesWrap .amenitiesSlider{}
.amenitiesWrap .amenitiesBox{ width: 96%; margin: 0 auto; overflow: hidden;}
.amenitiesWrap .amenitiesBox .amenitiesimgBox{ position:relative; overflow:hidden;}
.amenitiesWrap .amenitiesBox img{ width: 100%; transition: 2s;}
.amenitiesWrap .amenitiesBox:hover img{  transform: scale(1.2); transition: 2s;}
.amenitiesWrap .amenitiesBox span{ display: block; text-align: center; margin-top: 15px;}
.amenitiesGallery .slick-arrow{ position: absolute; right: 0; top: -30px; background: none; border: none; width: 30px; height: 20px; overflow: hidden; text-indent: -1000px;}
.amenitiesGallery .slick-prev.slick-arrow{ right: 90px; background: url("../images/left-arrow.svg") no-repeat center;background-size: 100% auto;}
.amenitiesGallery .slick-next.slick-arrow{ right: 40px;background: url("../images/right-arrow.svg") no-repeat center; background-size: 100% auto;}
.amenitiesGallery.margintop .slick-prev.slick-arrow{ right: 90px; background: url("../images/left-arrow-w.svg") no-repeat center;background-size: 100% auto;}
.amenitiesGallery.margintop .slick-next.slick-arrow{ right: 40px;background: url("../images/right-arrow-w.svg") no-repeat center; background-size: 100% auto;}

.matterWrap{ display: flex; background: #f2e2da; }
.matterWrap .matterLeft{ width: 45%; padding: 30px 50px 30px 5%; background: url("../images/grapics.webp") no-repeat right bottom; background-size: 50% auto;    align-content: center;}
.matterWrap .matterLeft .knowMore{ margin-top: 40px;}
.matterWrap .matterLeft .knowMore a{ background: #802f1a; color: #ffffff; text-transform: uppercase; padding: 15px 30px;}
.matterWrap .matterLeft .knowMore a:hover{}
.matterWrap .matterRight{ width: 55%; overflow: hidden;}
.matterWrap .matterRight img{ width: 100%;transition: 5s;}
.matterWrap:hover .matterRight img{ transform: scale(1.3);transition: 5s;}

.whybluemoon{ position: relative; padding: 80px 0;background: #f2e2da;}
.whybluemoon .investmentsHero{ width: 60%; margin: 0 auto; text-align: center; margin-bottom: 40px;}
.whybluemoon .whybluemoondetail{ display: flex;  }
.whybluemoon .whybluemoondetail ul{ display:flex; flex-wrap:wrap; border-top:1px solid #e9d0c4; border-left:1px solid #e9d0c4;}
.whybluemoon .whybluemoondetail ul li{ display:flex; align-items:center; width:33.33%; border-right:1px solid #e9d0c4;border-bottom:1px solid #e9d0c4; padding:30px; background:#ffffff;}
.whybluemoon .whybluemoondetail ul li .icon{ width:100px;padding-right: 15px;}
.whybluemoon .whybluemoondetail ul li .icon img{ width:80px;}
.whybluemoon .whybluemoondetail ul li .Info{}
.whybluemoon .whybluemoondetail ul li h4{ text-transform: uppercase; font-size: 16px;font-family: 'ClashDisplayMedium'; color: #802f1a;letter-spacing: 1px;}

.investmentWrap{ position: relative; padding: 80px 0;}
.investmentWrap .investmentHero{ width: 60%; margin: 0 auto; text-align: center; margin-bottom: 40px;}
.investmentWrap .investmentContent{ display: flex; background: #f2e2da; }
.investmentWrap .investmentContent .investmentLeft{ width: 50%; overflow: hidden;} 
.investmentWrap .investmentContent .investmentLeft img{ width: 100%;transition: 5s;}
.investmentWrap .investmentContent:hover .investmentLeft img{ transform: scale(1.3);transition: 5s;}
.investmentWrap .investmentContent .investmentRight{ width: 50%; padding:50px 30px; align-content: center;}
.investmentWrap .investmentContent .investmentRight ul{ display: flex; flex-wrap: wrap;}
.investmentWrap .investmentContent .investmentRight ul li{ padding-bottom: 20px; border-bottom: 1px solid #802f1a; width: 48%; margin: 0 1% 20px 1%;}
.investmentWrap .investmentContent .investmentRight ul li h4{ text-transform: uppercase; font-size: 16px;font-family: 'ClashDisplayMedium'; color: #802f1a;letter-spacing: 1px;}
.investmentWrap .investmentContent .investmentRight ul li:nth-child(7), .investmentWrap .investmentContent .investmentRight ul li:last-child{ border-bottom: none; padding-bottom: 0; margin-bottom: 0;}

.downloadWrap{ position: relative;}
.downloadWrap img{ width: 100%;}
.downloadWrap .downloadBox{ position: absolute; left: 10%; top:50%; transform: translateY(-50%); width: 40%; color: #ffffff; border-radius: 15px; color: #ffffff; background: #802f1a url("../images/grapics2.webp") no-repeat right bottom; background-size: 30% auto; padding: 50px; max-width: 450px;}
.downloadWrap .downloadBox .downloadBtn{ margin-top: 40px;}
.downloadWrap .downloadBox .downloadBtn a{ text-transform: uppercase; background: #ffffff; color: #802f1a; padding: 10px 20px; text-transform: uppercase; font-family: 'ClashDisplayMedium';cursor: pointer;letter-spacing: 1px;}
.downloadWrap .downloadBox .downloadBtn a:hover{}

.projoffering{ position: relative; padding: 30px 0;}
.projoffering .projofferinginner{ position: relative;}
.projoffering .projofferinginner .surroundingsHero{ width: 70%; margin: 0 auto 30px auto; text-align: center;}
.projoffering .projofferinginner .surroundingsGroup{ display: flex;}
.projoffering .projofferinginner .surroundingsGroup .offeringdetail { width: 31%; margin: 0 1%;}
.projoffering .projofferinginner .surroundingsGroup .offeringdetail .offeringimage{ overflow:hidden;}
.projoffering .projofferinginner .surroundingsGroup .offeringdetail img{ width: 100%;transition: 2s;}
.projoffering .projofferinginner .surroundingsGroup .offeringdetail:hover img{ transform: scale(1.2);transition: 2s;}
.projoffering .projofferinginner .surroundingsGroup .offeringdetail .offeringdetailtext{ margin-top: 15px;}
.projoffering .projofferinginner .surroundingsGroup .offeringdetail .offeringdetailtext h4{ text-transform: uppercase; text-align:center; font-size: 18px;font-family: 'ClashDisplayMedium'; color: #802f1a;letter-spacing: 1px;}
.projoffering .projofferinginner .surroundingsGroup .offeringdetail .offeringdetailtext ul{}
.projoffering .projofferinginner .surroundingsGroup .offeringdetail .offeringdetailtext ul li{ padding-left: 12px; background: url("../images/bullet.png") no-repeat left top 8px; background-size: 5px auto; margin-bottom: 2px;}

.locationoverview{ position: relative; margin: 0 0 80px 0;}
.locationoverview .neighbourhoodInner{ position: relative;}
.locationoverview .neighbourhoodInner .neighbourhoodHero{ width: 70%; margin: 0 auto 30px auto; text-align: center;}
.locationoverview .nlocationtab{}
.locationoverview .nlocationtab ul.resp-tabs-list{ background: #802f1a; }
.locationoverview .nlocationtab ul.resp-tabs-list li{  padding: 10px 10px; width: 18%; text-align: center; color: #ffffff; text-transform: uppercase;font-family: 'poppinssemibold'; list-style:circle}
.locationoverview .nlocationtab ul.resp-tabs-list li.resp-tab-active{background: #d6ab94; color: #802f1a;}
.locationoverview .nlocationtab .resp-tabs-container{}
.locationoverview .nlocationtab .resp-tabs-container .neighbourhoodGroup{ display: flex; padding: 30px;-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1); box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.1);}
.locationoverview .nlocationtab .resp-tabs-container .neighbourhoodGroup .neighbourhoodInfo{ width: 30%;}
.locationoverview .nlocationtab .resp-tabs-container .neighbourhoodGroup .neighbourhoodInfo ul{}
.locationoverview .nlocationtab .resp-tabs-container .neighbourhoodGroup .neighbourhoodInfo ul li{ margin-bottom: 10px;}
.locationoverview .nlocationtab .resp-tabs-container .neighbourhoodGroup .neighbourhoodMap{ width: 70%;}
.locationoverview .nlocationtab .resp-tabs-container .neighbourhoodGroup .neighbourhoodMap iframe{ width: 100%; height: 300px; margin-bottom: -8px;}

.connectWrap{ position: relative; padding: 80px 0; background: url(../images/connect.jpg) no-repeat center/cover;}
.connectWrap .connectInner{ position: relative;}
.connectWrap .connectHero{width: 80%; margin: 0 auto 40px auto; text-align: center; color: #ffffff;}
.connectWrap .connectHero h3{ color: #ffffff;}
.connectWrap .connectformWrap{ width: 70%; margin: 0 auto;}
.connectWrap .connectformWrap .inputBox{ position: relative; width: 30%; margin: 0 1% 30px 1%; float: left;}
.connectWrap .connectformWrap .inputBox label{ color: #ffffff;}
.connectWrap .connectformWrap .inputBox input{ width: 100%; background: #ffffff; border: none; padding: 15px ; height:52px;}
.connectWrap .connectformWrap .inputBox select{ width: 100%; background: #ffffff; border: none; padding: 15px ; height:52px;}
.connectWrap .connectformWrap .inputBox textarea{ width: 100%; background: #ffffff; border: none; padding: 15px ;height: 52px;}
.connectWrap .connectformWrap .inputSubmit{ margin-top: 40px; text-align: center;}
.connectWrap .connectformWrap .inputSubmit input{ padding: 15px  40px; text-transform: uppercase; background: #802f1a; color: #ffffff; font-family: 'ClashDisplayMedium'; border: none;    letter-spacing: 2px;height: 52px;}
.connectWrap .connectformWrap .inputBox .formError { color: #ff5656;font-weight: normal; font-size: 14px; position: absolute; left: 0; bottom: -23px;}
.connectWrap .connectformWrap .inputSubmit input:disabled{ cursor:progress;background: #545454;}
.bannerformWrap .bannerformInner .inputSubmit input:disabled{ cursor:progress;background: #545454;}
.popup_content .inputSubmit input:disabled{ cursor:progress;background: #545454;}
.privacy-policyWrap{ position: relative; padding: 80px 0;}
.privacy-policyWrap .privacy-policyInner{position: relative;}
.privacy-policyWrap .privacy-policyInner h4{color: #802f1a; text-transform: uppercase; margin:40px 0 20px 0;}
/* FOOTER
========================================================================*/
footer { padding: 50px 0 0 0; font-size: 14px; color: #1a1a1a; }
.footerWrap { display: flex; margin-bottom: 50px; align-items: center;}
.footerWrap .footerBox{}
.footerWrap .footerBox.footerLogo{ width: 15%;}
.footerWrap .footerBox.footerLogo img{ width: 150px;}
.footerWrap .footerBox.footerInfo{ width: 22%;padding: 0 15px 0 0;}
.footerWrap .footerBox.footerRight{ width: 63%;}


.copyRightwrap{position:relative;padding:30px 0;border-top:1px solid #c9c9c980}
.copyRightwrap .copyRight{width:50%;float:left;line-height:34px;font-size:13px; color: #4d4d4d;}
.copyRightwrap .copyRight a{color:#802f1a}
.copyRightwrap .footerSocial{width:50%;float:right}
.copyRightwrap .footerSocial ul{float:right}
.copyRightwrap .footerSocial ul li{float:left;width:34px;text-align:center;margin-left:10px}
.copyRightwrap .footerSocial ul li:first-child{margin-left:0}
.copyRightwrap .footerSocial ul li a{transition:.5s;padding:5px;background:#F2F2F2;display:block}
.copyRightwrap .footerSocial ul li a:hover{transition:.5s;background:#f36232}
.copyRightwrap .footerSocial ul li a img{height:18px !important;}
h1{font-size:40px;line-height:44px;margin-bottom:40px;}
.footercontactWrap{ display: flex;align-items: center;}
.footercontactWrap .footerAdd{ width: 30%; margin: 0 1%;}
.footercontactWrap .footercontact{width: 30%; margin: 0 1%;}
.footercontactWrap .footercontact ul{}
.footercontactWrap .footercontact ul li{font-family: 'poppinssemibold'; font-size: 18px;}
.footercontactWrap .footercontact ul li a{color: #1a1a1a;}
.footercontactWrap .reraWrap{width: 30%; margin: 0 1%; display: flex; align-items: center;}
.footercontactWrap .reraWrap .qrcode{ margin-right: 10px;}
.footercontactWrap .reraWrap .qrcode img{ width: 120px;}
.footercontactWrap .reraWrap .mahareraimg{ margin-right: 10px;}
.footercontactWrap .reraWrap .mahareraimg img{}
.footercontactWrap .reraWrap .mahareraNum{ font-size: 18px; line-height: 18px; color: #1a1a1a;}
.footercontactWrap .reraWrap .mahareraNum a{font-size: 8px; display: block; line-height: 10px;color: #1a1a1a;}
.clear.mobileOnly{ display: none;}

/* Floorplan tab
========================================================================*/
.floorplanWrap{ position: relative; padding: 80px 0;}
.floorplanWrap .floorplanInner{ position: relative; width:65%; margin:0 auto;text-align:center;}
.floorplanWrap .floorplanInner h2{ text-align:center;}
.floorplanWrap .floorplanInner h3{text-align:center;}
.downloadfpBtn{ margin-top: 40px;}
.downloadfpBtn a{ text-transform: uppercase; background:#802f1a; color: #ffffff; padding: 10px 20px; text-transform: uppercase; font-family: 'ClashDisplayMedium'; cursor: pointer; letter-spacing: 1px;}
.downloadfpBtn a:hover{}

.popup_wrapper .popup_content{ background: #ffffff; padding: 30px; width: 40%; margin: 50px 0; min-width: 315px;max-width: 420px;}  
.my_popup_close { position: absolute; right: -15px; top: -15px; z-index: 9; cursor: pointer;}
.my_popup_close img { width: 30px;}
.popup_close { position: absolute; right: -15px; top: -15px; z-index: 9; cursor: pointer;}
.popup_close img { width: 30px;}
.popup_content .inputBox { position: relative; margin-bottom: 20px;}
.popup_content .inputBox input{font-size: 15px; width:100%; width: 100%; padding: 12px 15px;}
.popup_content .inputSubmit { margin-top: 15px; }
.popup_content .inputSubmit input{ padding: 15px 30px; background: #802f1a; color: #ffffff; text-transform: uppercase; font-family: 'ClashDisplayMedium'; border: none; letter-spacing: 2px;} 
.popup_content .formError { color:#bd1616; font-weight: normal; font-size: 14px; position: absolute; left: 10px; bottom: -22px;}
.popup_content h3{font-size: 22px; line-height: 24px; margin-bottom: 15px;}

.tab__list { display: flex; margin-bottom: 30px; justify-content: center;}
.tab__item { overflow: hidden; cursor: pointer; padding: 10px 30px;  transition: 0.2s; font-size: 18px;  position: relative; color: #333333; background:#e6e6e6; border-left: 1px solid #ffffff; border-right: 1px solid #ffffff;} 
.tab__item.is--active { color: #ffffff; background:#802f1a;  position: relative;} 
.tab__content { border: 2px solid #e6e6e6;}
.tab__content .tab__list { margin-bottom: 0; justify-content: left;}
.tab__content .tab__item { overflow: hidden; cursor: pointer; padding: 10px 20px;  transition: 0.2s; font-size: 16px;  position: relative; color: #333333; background:#e6e6e6; border-right: 2px solid #ffffff;} 
.tab__content .tab__item.is--active { color: #ffffff; background:#4d4d4d;  position: relative;} 
.tab__content-item { display: none; }
.tab__content-item.is--active { display: block;}  
.tab .tab .tab__content {border:none; padding: 30px;background: #f2e2da; }
.tab .tab .tab__content .tab__content-item .floorimages{ display:flex; align-items: baseline;}
.tab .tab .tab__content img{ width:100%;}
.tab .tab .tab__content img.floorplan{ width:50%; margin-right:5%;}
.tab .tab .tab__content img.floorplantxt{ width:45%;}

.enqfixedBtn{ background: #000000; color: #ffffff; text-align: center; text-transform: uppercase; padding: 10px 0; font-size: 16px; position: fixed; bottom: 0; z-index: 99; width: 100%; cursor: pointer;font-family: 'ClashDisplayRegular'; display:none;}
.closeformBtn{ position: absolute; right: 20px; top: -15px; display:none;cursor: pointer;}
.closeformBtn img{width: 30px;}
/* HEADINGS
========================================================================*/
h1, h2, h3, h4, h5, h6 { }
h1 { font-size: 26px; line-height: 27px; }
h2 { font-size: 12px; line-height: 15px; color: #d6ab94; margin-bottom: 20px; letter-spacing: 1px; text-transform: uppercase; font-family: 'ClashDisplayRegular'; }
h3 { font-size: 38px; line-height: 40px; color: #802f1a; margin-bottom: 30px; text-transform: uppercase;font-family: 'ClashDisplayRegular'; }
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-size: 14px; background: #FFF; border: 1px solid #dadada; padding: 15px; margin: 0; font-family: 'poppinslight'; }
input:focus, textarea:focus { border-color: #c1c1c1; background: #FFF; }
 
ul.resp-tabs-list { margin: 0px; padding: 0px; text-align: center;}
.resp-tabs-list li {  display: inline-block; list-style: none; cursor: pointer; }
.resp-tabs-container { padding: 0px; clear: left; }
h2.resp-accordion { cursor: pointer; display: none; }
.resp-tab-content { display: none;}
.resp-tab-active { border-bottom: none;}
.resp-content-active, .resp-accordion-active { display: block; }  
/*-----------Accordion styles-----------*/
h2.resp-tab-active {}
.resp-easy-accordion h2.resp-accordion { display: block; }
.resp-easy-accordion .resp-tab-content { }
.resp-easy-accordion .resp-tab-content:last-child {}
.resp-jfit { width: 100%; margin: 0px; }
.resp-tab-content-active { }
h2.resp-accordion:first-child {}

@media only screen and (max-width: 100px) {
ul.resp-tabs-list { display: none; }
h2.resp-accordion { display: block; }
.resp-vtabs .resp-tabs-container { border: none; float: none; width: 100%; min-height: initial; clear: none; }
.resp-accordion-closed { display: none !important; }
}
@media only screen and (max-width: 601px) {
#neighborhoodTab ul.resp-tabs-list { display: none; }
#neighborhoodTab h2.resp-accordion { display: block; }
#neighborhoodTab .resp-vtabs .resp-tabs-container { border: none; float: none; width: 100%; min-height: initial; clear: none; }
#neighborhoodTab .resp-accordion-closed { display: none !important; }
#neighborhoodTab .resp-tab-content-active { background: #f1f1f1;} 
#neighborhoodTab h2.resp-accordion { margin: 10px 0 0 0; padding: 15px 15px; font-size: 16px; background: #83341f;}	
}
/* 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;}

@font-face {
    font-family: 'poppinsregular';
    src: url('fonts/poppins-regular-webfont.eot');
    src: url('fonts/poppins-regular-webfont-1.eot') format('embedded-opentype'),
         url('fonts/poppins-regular-webfont.woff') format('woff'),
         url('fonts/poppins-regular-webfont.ttf') format('truetype'),
         url('fonts/poppins-regular-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'poppinslight';
    src: url('fonts/poppins-light-webfont.eot');
    src: url('fonts/poppins-light-webfont-1.eot') format('embedded-opentype'),
         url('fonts/poppins-light-webfont.woff') format('woff'),
         url('fonts/poppins-light-webfont.ttf') format('truetype'),
         url('fonts/poppins-light-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'poppinsmedium';
    src: url('fonts/poppins-medium-webfont.eot');
    src: url('fonts/poppins-medium-webfont-1.eot') format('embedded-opentype'),
         url('fonts/poppins-medium-webfont.woff') format('woff'),
         url('fonts/poppins-medium-webfont.ttf') format('truetype'),
         url('fonts/poppins-medium-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'poppinssemibold';
    src: url('fonts/poppins-semibold-webfont.eot');
    src: url('fonts/poppins-semibold-webfont-1.eot') format('embedded-opentype'),
         url('fonts/poppins-semibold-webfont.woff') format('woff'),
         url('fonts/poppins-semibold-webfont.ttf') format('truetype'),
         url('fonts/poppins-semibold-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'poppinsbold';
    src: url('fonts/poppins-bold-webfont.eot');
    src: url('fonts/poppins-bold-webfont-1.eot') format('embedded-opentype'),
         url('fonts/poppins-bold-webfont.woff') format('woff'),
         url('fonts/poppins-bold-webfont.ttf') format('truetype'),
         url('fonts/poppins-bold-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'ClashDisplayRegular';
    src: url('fonts/ClashDisplay-Regular.eot');
    src: url('fonts/ClashDisplay-Regular-1.eot') format('embedded-opentype'),
        url('fonts/ClashDisplay-Regular.woff') format('woff'),
        url('fonts/ClashDisplay-Regular.ttf') format('truetype'),
        url('fonts/ClashDisplay-Regular.svg') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'ClashDisplayMedium';
    src: url('fonts/ClashDisplay-Medium.eot');
    src: url('fonts/ClashDisplay-Medium-1.eot') format('embedded-opentype'),
        url('fonts/ClashDisplay-Medium.woff') format('woff'),
        url('fonts/ClashDisplay-Medium.ttf') format('truetype'),
        url('fonts/ClashDisplay-Medium.svg') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'ClashDisplaylight';
    src: url('fonts/ClashDisplay-Light.eot');
    src: url('fonts/ClashDisplay-Light-1.eot') format('embedded-opentype'),
        url('fonts/ClashDisplay-Light.woff') format('woff'),
        url('fonts/ClashDisplay-Light.ttf') format('truetype'),
        url('fonts/ClashDisplay-Light.svg') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'ClashDisplaySemibold';
    src: url('fonts/ClashDisplay-Semibold.eot');
    src: url('fonts/ClashDisplay-Semibold-1.eot') format('embedded-opentype'),
        url('fonts/ClashDisplay-Semibold.woff') format('woff'),
        url('fonts/ClashDisplay-Semibold.ttf') format('truetype'),
        url('fonts/ClashDisplay-Semibold.svg') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
#system-message-container{ display:none;}