:root {
--cnvs-body-font: "Axiforma W00 Book", sans-serif;
--cnvs-primary-font: "Axiforma W00 Book", sans-serif;
--cnvs-themecolor: #FF9233;
--cnvs-themecolor-rgb: 255, 146, 51;
--cnvs-side-panel-size: 500px;
}
body {
  line-height: 28px;
  font-weight: 300;
}
#side-panel {  
  height: 75%;
  background-color: #238C7C;
  text-align: right;
  font-family:Axiforma W00 Bold;
}
#side-panel .side-panel-wrap {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: calc(var(--cnvs-side-panel-size) + 30px);
  height: 100%;
  overflow: auto;
  padding: 40px 70px 0px 0px;
}
#side-panel .widget {
  margin-top: var(--cnvs-side-panel-widget-padding);
  padding-top: var(--cnvs-side-panel-widget-padding);
  width: 100%;
  border-top: none;
}
.nav-tree li a {
  display: block;
  padding: 5px 0;
  color: var(--cnvs-heading-color);
  font-size: 32px;
  line-height: 46px;
  font-family:Axiforma W00 Bold;
  transition: transform;
}
.is-expanded-menu .sticky-header #header-wrap {
  background-color: #238C7C;
}
.is-expanded-menu #header.sticky-header-shrink {
  --cnvs-sticky-header-height: 85px;
}
.menu-item:not(:first-child) {
 border: none !important;
}
.dark {
	--cnvs-contrast-bg: #238C7C;
}
.one-page-arrow {
  position: fixed;
  z-index: 3;
  margin: auto;
  width: 100%;
  bottom: 37px;
  font-size: 20px;
  letter-spacing: .15rem;
  text-align: center;
  color: #fff;
    font-family:Axiforma W00 Book;

}
.bg1 {
	background-color: #238C7C !important;
}
.bg2{
	background-color: #EDE3D9 !important;
}

.bg3{
	background-color:rgba(237,226,216,0.4);
}


.tc1 {
	color: #FF9233 !important;
}

.tc2 {
	color: #4F707F !important;
}

h2, .h2 {
  font-size: 40px;
  font-family:Axiforma W00 Bold;
  font-weight: normal;
	
}

.button-108 {
	background-color: #FF9233;
	color: #4F707F;
	font-size: 17px;
	font-family: Axiforma W00 Book;
	letter-spacing: .1rem;
	padding: 12px 0px;
}

.button-108:hover {
	background-color: #FF9233;
	color: #fff;
}

.border-top {
  border-top: #4F707F solid 1px !important;

}

.floor{
	font-size: 23px;
	line-height: 24px;
}
.floor-s{
	font-size: 18px;
	line-height: 18px;
}
.floor-size {
	text-align: center;
}

.no-rp {
	padding-right: 0 !important;
}
.no-lp {
	padding-left: 0 !important;
}
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: calc(var(--cnvs-mfp-z-index-base) + 2);
  overflow: hidden;
  position: fixed;
  background: #fff;
  opacity: 1;
}
.mfp-close {
  position: absolute;
  right: 100px;
  top: 100px;
  color: #238C7C;
  font-size: 32px
}

.owl-carousel .owl-nav [class*="owl-"] {
  background-color: #FF9233 !important;
  color: #EDE2D8;
  opacity: 1;
  width: 48px;
  height: 48px;
  
}
.owl-carousel {
  --cnvs-owl-nav-border-radius: 50%;
  --cnvs-owl-full-nav-size: 34px;
  --cnvs-owl-full-nav-border-radius: 0;
  --cnvs-owl-dots-opacity: 0.5;
  --cnvs-owl-nav-sizes: 30px;
  --cnvs-owl-dots-gutters: 0.5rem;
  --cnvs-owl-dots-sizes: 0.75rem;
}

.slider-element .owl-dots button {
  background-color: transparent !important;
  border: 1px solid #FF9233 !important;
}

.slider-element .owl-dots .owl-dot.active,
.slider-element .owl-dots .owl-dot:hover {
  background-color: #FF9233 !important;
}

.owl-carousel .owl-nav [class*="owl-"] {
  border: none;
}

.slider-element.module-slider .owl-carousel .owl-nav [class*="owl-"], .slider-element.module-slider .owl-carousel .owl-nav [class*="owl-"]:hover {
  background-color: #EDE2D8 !important;
  color: #4F707F !important;
  opacity: 1;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  padding:0 12px;
  font-size: 26px;
  
}

.slider-element.module-slider .owl-carousel .owl-nav [class*=owl-] {
  margin:0 623px;
}
.slider-element.building-slider .owl-carousel .owl-nav [class*="owl-"], .slider-element.building-slider .owl-carousel .owl-nav [class*="owl-"]:hover {
  background-color: #fff !important;
  color: #4F707F !important;
  opacity: 1;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  padding:0 12px;
  font-size: 26px;
  
}

.slider-element.building-slider .owl-carousel .owl-nav [class*=owl-] {
  margin:0;
}

.image-container {
    position: absolute;
    right: 5%;
    z-index: 1;
	margin-top: -285px;
}
.fp-image-right {
	max-width: 100%; 
    height: auto; 
    display: block; 
}

.floorplan-credit{
    position: absolute;
    right: 5%;
    z-index: 1;
	bottom: 100px;
}
.floorplan-compass{
    position: absolute;
    right: 5%;
    z-index: 1;
	top: 100px;
}

.sustainability-plant1{
    position: absolute;
    left: 25px;
    z-index: 1;
	bottom: 0;
}
.sustainability-cloud{
    position: absolute;
    right: 0;
    z-index: 1;
	top: 15%;
}
.sustainability-plant2{
    position: absolute;
    right: 0;
    z-index: 1;
	bottom: 0;
}

.sustainability-divider{
    position: absolute;
    left: 49%;
    z-index: 1;
	margin-top: auto;
	margin-bottom: auto;
}
.building-divider{
    position: absolute;
    left: 49%;
	margin-top: auto;
	margin-bottom: auto;
}
.sustainability-meditation{
    position: absolute;
    left: 60%;
    z-index: 1;
	bottom: 0;
}
.location-sketch-1 {
    position: absolute;
    right: 16%;
	margin-top:-510px;
    z-index: 1;
}
.location-sketch-2 {
    position: absolute;
    right: 5%;
	margin-top:-326px;
    z-index: 1;
}
.tl-c {
	position: absolute;
   top: -47px;
   left: -47px;
	width: 94px;
	height: 94px;
}
.tr-c {
	position: absolute;
   top: -47px;
   right: -47px;
	width: 94px;
	height: 94px;
}
.bl-c {
	position: absolute;
   bottom: -47px;
   left: -47px;
	width: 94px;
	height: 94px;
}
.br-c {
	position: absolute;
   bottom: -47px;
   right: -47px;
	width: 94px;
	height: 94px;
}

.center-module-img{
	padding-left: .35rem;
	padding-right: .35rem;
}

.cs-link-underline a {text-decoration: underline !important;}

.map-text{
	line-height: 26px;
}
.sub-head{
	font-size: 22px;
	line-height: 32px;
}
.dark #copyrights, #copyrights.dark, #footer {
  color: rgba(255, 255, 255, 1);
  background-color: #238C7C;
}
.amenities{
	font-size: 13px;
	line-height: 20px;
}

/*// X-Small devices (portrait phones, less than 576px)
// No media query for `xs` since this is the default in Bootstrap

// Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {  

}

/*/ Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) { 
	.ground-floor{line-height: 36px;}
}

/*/ Large devices (desktops, 992px and up)*/
@media (min-width: 992px) { 
		
}

/*/ X-Large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) { 
	

}

/*/ XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) { 
		.location-sketch-2{
		 position: absolute;
    	right: -1%;
	}
}


/*/ `xs` returns only a ruleset and no media query
// ... { ... }

// `sm` applies to x-small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) { 
	
	.pt-sm {padding-top: 4rem !important;}
}

/*/ `md` applies to small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) { 
	.no-lp{padding-left: calc(var(--bs-gutter-x) * 0.5) !important;}
	.no-rp{padding-right: calc(var(--bs-gutter-x) * 0.5) !important;}
	.host-border {border: none !important;}
	.floor, .floor-s {
	font-size: 14px;
	line-height: 17px;}
	.floor-size {
		text-align: right !important;
	}
	.slider-element.module-slider .owl-carousel .owl-nav [class*=owl-] {
	  margin:-2% 45% !important;
	}
}

/*/ `lg` applies to medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) { 
		.p-sm {padding: 4rem !important;}
		
		.slider-element.module-slider .owl-carousel .owl-nav [class*=owl-] {
		  margin:-2% 46.5% !important;
		}
}

/*/ `xl` applies to large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) { 
	.slider-element.module-slider .owl-carousel .owl-nav [class*=owl-] {
		  margin:0 47.5%;
		}
	
	
}

/*/ `xxl` applies to x-large devices (large desktops, less than 1400px)*/
@media (max-width: 1399.98px) { 
		.slider-element.module-slider .owl-carousel .owl-nav [class*=owl-] {
		  margin:0 47.7%;
		}
		.sustainability-cloud{
			position: absolute;
			right: -5%;
			z-index: 1;
			top: 15%;
		}
}
.text-white{
	color: #EDE2D8 !important;
}