body.content-page{background-color: #FFF;}



  .learn-more{transition: ease-in .8s all;}
.learn-more:hover{
  -webkit-backdrop-filter: blur(1.2px);
  backdrop-filter: blur(1.2px);
  box-shadow: 5px 4px 18px 1px rgba(0, 0, 0, 0.5);
  border: solid 2.4px #fff;
  background-image: linear-gradient(to bottom, rgba(195, 189, 158, 0.8), rgba(144, 136, 101, 0.9));
}

  h1, h2, h3, h4, h5, h6, p{margin-top: 0;}

  
  #content-page{padding-top: 140px; background-color: #000;}
  body.with-submenu #content-page{padding-top: 190px;}
  #content-page.menu-opened{padding-top: 70px;}
  .content-page-bg{min-height: 350px;  background-color: white; position: relative;}
  .content-page-bg.bg-bottom-200h{padding-bottom: 200px; min-height: auto;}

  .content-page-header-wrapper{margin-bottom: 45px;}
.content-page-slogan{  font-family: 'Garamond Italic Tr'; font-size: 30px;  line-height: 1.33; letter-spacing: 0px; color: #FFF; text-align: center;}
.content-page-slogan p{margin-top: 0;}

.content-image{display: block; box-shadow: 6px 2px 20px 0 rgba(0, 0, 0, 0.35);}

#content-page-header{background-color: #000; width:100%; position: relative; z-index: 1; height: 270px; color:#FFF; box-sizing: border-box; padding-top: 70px; display: flex; align-items: center;}
#content-page-header h1{ font-size: 25px; font-weight: 300; font-stretch: normal; font-style: normal;line-height: 1.6;letter-spacing: 10.16px; margin: 0; }
/*#content-page-header h1::before{content:'/'}*/

.content-page-image-header{position: relative; height: 400px;  z-index: 2; }
.content-page-image-header img{display: block; width:100%; height: 100%; object-fit: cover; position: absolute; left: 0; top: 0; object-position: top center;  z-index: 1;}
.content-page-image-header .container{position: relative; z-index: 2;}
.content-page-image-header .container h2{position: absolute; transform: translateY(-50%); margin: 0; padding: 0; font-size: 65px; letter-spacing:-0.7px; font-weight: 500; }
.content-page-wrapper{position: relative; z-index: 2;}
.content-header-img-wrapper{position: relative; z-index: 1;overflow: hidden; position: absolute; left: 0; top:0; width:100%; height: 100%; max-height: 100%;}
.content-header-img-wrapper .bg-mask{position: absolute; z-index: 2; width: 100%; height: 100%;opacity: 0.8; mix-blend-mode: multiply; background-color: #c7c2b6; left: 0; top: 0;}

.content-page-image-header.bottom-center .container,
.content-page-image-header.bottom-right .container,
.content-page-image-header.bottom-left .container
{position: absolute; bottom:0; left: calc(50% - 600px); width:100%; max-width: 1200px;}

.content-page-image-header.bottom-center .container h2{transform: translateY(-50%) translateX(-50%); left: 50%;}
.content-page-image-header.bottom-right .container h2{transform: translateY(-50%); right: 20px; left: auto; }

.content-page-image-header.top-center .container h2{transform: translateY(-50%) translateX(-50%); left: 50%;}




.content-page-image-header .shadow-text{white-space: nowrap;}
.content-page-image-header .shadow-text span.text-shadow{ color:#000; opacity: .7; top:3px; left: 3px;}
.design-concept-feature-seperator{background-color: #FFF; height: 1px; width:73%; margin: 24px auto;}
.design-concept-feature-content{font-weight: normal; letter-spacing: 2px;  box-sizing: border-box; padding: 10px 30px; padding-top: 0px;      text-align: center !important;
}
.design-concept-feature-content strong{display: block;}


#design-concept-features{display: flex; flex-direction: column; width:100%; padding-top: 10px; margin-bottom: 65px;}
.design-concept-feature-title{position: relative; height: 40px;}
.design-concept-feature-title img{position: absolute; left: 50%; transform: translateX(-50%); bottom: 50%; z-index: 2; height:83px}

.design-concept-feature{ position: relative; margin: 0 24px; width:50%;  box-sizing: border-box;transition: ease-out .4s; color: #000;   letter-spacing: 1.5px; line-height: 1.5; font-size: 18px; font-weight: normal; }
.design-concept-feature::after{content: ''; position: absolute; width:100%; height: 100%; left: 0; top:0; 
  /* background: url(../img/pages/residences/img-pattern.png) repeat left top #FFF; */
  
  background-size: cover; z-index: 1; opacity: .3; }


.design-concept-feature:first-child{margin-left: 0;}
.design-concept-feature:last-child{margin-right: 0;}

.design-concept-feature:not(:last-child)::before{content: ''; position: absolute; right:-24px; width:1px; height: calc(100% - 60px); bottom:0; background-color: #908865; }

.design-concept-feature:nth-child(1) strong{color:#908865}
.design-concept-feature:nth-child(2) strong{color:#c7c2b6}
.design-concept-feature:nth-child(3) strong{color:#93b1c0}
#design-concept-content{position: relative; z-index: 3; background-position: top left; background-color: #FFF; color:#000; padding-bottom: 1px;}
#features-and-interior-design-section .section-page-header{color:#000 !important; margin-bottom: 40px;}
#penthouses-section .section-page-header{color:#FFF !important}
#skyloft-section .section-page-header{color:#000 !important}
#garden-suites-section .section-page-header{color:#000 !important}
#features-and-interior-design-section {background-color: #FFF;}
#design-concept-secondary-content{background-color: #FFF;}

.section-page-header{font-family: 'Saol Display' !important; font-weight: 300 !important;}

#features-and-interior-design-section .content-page-header-wrapper{margin-bottom: 0;}

#design-concept-middle-content{ color:#000; text-align: center; max-width: 800px; margin: auto; font-size: 18px;font-weight: 300;  line-height: 1.5; letter-spacing: 1.5px; padding-bottom: 40px;}
#design-concept-middle-content strong{font-weight: 500;}

.plus-more-icon{display: flex; width:40px; height: 40px; border:1px solid #FFF; display: inline-flex; justify-content: center; align-items: center; color:#FFF; font-size:12px; text-decoration: none; border-radius: 50%; line-height: 100%; transition: ease-out .4s all;}
.plus-more-icon:hover{background-color: #FFF; color:#000; }
#design-concept-slogan{text-align: center;}
#design-concept-slogan-header{font-size: 36px;
  font-family: 'Saol Display';
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 0.89;
  letter-spacing: 0px;
  text-align: center;
  color: black;}
#design-concept-slogan-text{  color: black; width:100%; max-width: 550px; margin: auto;
  padding-top: 11px;font-size: 30px !important;
  font-weight: normal;
  font-stretch: normal;
  line-height: 1.33 !important;
  letter-spacing: 0 !important; } 

#design-concept-features-items{display: flex; align-items: stretch; padding-bottom: 16px; border-bottom: 1px solid #908865;}
#design-concept-features-label {  color:#000000; text-align: center;   letter-spacing: 1.5px; margin-bottom: 50px;}

#design-concept-secondary-content{ position: relative; z-index: 4; min-height: 500px; }
.design-concept-secondary-content-wrapper{position: relative; display: flex; align-items: center; justify-content: flex-end; }

#design-concept-secondary-content-1{margin-bottom: 80px; }
#design-concept-secondary-content-1 h3{margin: 0; color:#000;font-size: 40px; line-height: 1.13; letter-spacing: 3.33px; text-align: right; font-weight: normal; }
#design-concept-secondary-content-1 h3 span{font-style: italic; font-weight: 600;}


#design-concept-secondary-content-1-title{padding-right: 25px;}
#design-concept-secondary-content-1-image{max-width: 900px;}
#design-concept-secondary-content-1-image img{display: block; width:100%;box-shadow: 6px 2px 20px 0 #645e44; border: solid 1px #979797; background-color: #d8d8d8;}


#design-concept-secondary-content-2{align-items: center; margin-bottom: 135px; }
#design-concept-secondary-content-2-image{width: 470px; margin-right: 60px; position: relative; }
#design-concept-secondary-content-2-image::after{z-index: 2;  width:calc(100% + 75px); height: calc(100% + 100px); left: -125px; top: -50px; content: ''; position: absolute;border-style: solid; border-width: 1.7px; border-image-source: linear-gradient(to bottom, #333, #000); border-image-slice: 1;}
#design-concept-secondary-content-2-desc{width: 380px; font-size: 18px;  line-height: 1.5; letter-spacing: 1.5px; color:#000; font-weight: 300;  }
#design-concept-secondary-content-2-desc ol{margin: 0; padding: 0;}
#design-concept-secondary-content-2-image img{width: 100%; display: block; box-shadow: 6px 2px 20px 0 #645e44; border: solid 1px #979797; background-color: #d8d8d8;}

#penthouses-section .square-content{background-color: #000;}
#penthouses-items-section{background-color: #000; padding-bottom: 90px;}



#penthouses-section-slogan{width:100%; max-width: 460px; margin: auto; margin-bottom: 90px; color: #FFF; }
#penthouses-content-1{display: flex; align-items: center; justify-content: flex-end; margin-bottom: 130px;}
#penthouses-content-1-text{font-size: 18px; line-height: 1.46; letter-spacing: 1.5px; text-align: right; color:#FFF; max-width: 430px; }
#penthouses-content-1-image{width:100%;  margin-left: 60px; max-width:480px ;}
#penthouses-content-1-image img{width:100%; display: block;}
.penthouses-content img{box-shadow: 6px 2px 20px 0 rgba(0, 0, 0, 0.35);}

#penthouses-content-2{display: flex; justify-content: flex-end; position: relative; }
#penthouses-content-2-content-wrapper{position: relative; z-index: 2; display: flex; flex-direction: column; align-items: flex-end;}
#penthouses-content-2-content-wrapper p{font-size: 18px; line-height: 1.46; letter-spacing: 1.5px; text-align: right; width:430px; margin-right: 50px;}
#penthouses-content-2-content{max-width: 600px;}
#penthouses-content-2 .content-page-bg{position: absolute; width:calc(100% - 200px); height: 100%; transform: translateY(80px) translateX(100px); z-index: 1; opacity: 0.34; background-color: #c7c2b6; background-size:100%; background-repeat: repeat; max-width: 680px;}

#penthouses-content-3-image{position: relative; display: inline-block; }
#penthouses-content-3-image img{position: relative; z-index: 1; box-shadow: 6px 2px 20px 0 rgba(0, 0, 0, 0.35);}
#penthouses-content-3-image img#penthouses-content-3-image-vertical{position: absolute; top:50%; transform: translateY(-50%); left: 50%;  z-index: 2; }


#skyloft-section{position: relative; padding-bottom: 60px; background-color: #FFF;}
#skyloft-bg{position: absolute; left:0; top:0; width:100%; height: 100%; z-index: 0;background-color: transparent; opacity: .05; background-size: contain; background-repeat: repeat;}

#skyloft-section .content-page-image-header .container h2{color:#000}
#skyloft-section .content-page-image-header .container h2 span.text-shadow{color:#FFF}

#skyloft-content-wrapper{position: relative; z-index: 2; color:#000; }
#sky-section-slogan{text-align: center; margin-bottom: 70px; color:#000}
#sky-section-slogan p{max-width: 550px; margin: 0; display: inline-block}

.skyloft-content{margin-bottom: 130px;}
#design-concept-secondary-content-2-image::after{z-index: 2;  width:calc(100% + 75px); height: calc(100% + 100px); left: -125px; top: -50px; content: ''; position: absolute;border-style: solid; border-width: 1.7px; border-image-source: linear-gradient(to bottom, #333, #000); border-image-slice: 1;}



#garden-suites-section{background-color: #FFF; padding-bottom: 130px;}
#garden-suites-section .content-page-image-header .container h2{margin-left: 200px;}
#garden-suites-section .content-page-image-header .container h2 span.text-shadow{top:-2px; }

#garden-suites-slogan{color:#000; margin-bottom: 50px;}
#garden-suites-slogan p{text-align: center;}

.garden-suites-content{margin-bottom: 130px;}


.condominium-residences-content{margin-bottom: 130px;}

#condominium-residences-section .content-page-image-header .container h2{color:#000}
#condominium-residences-section .content-page-image-header .container h2 span.text-shadow{color:#FFF}
#condominium-residences-slogan{ color:#000; margin-bottom: 40px;}
#condominium-residences-slogan p{max-width: 450px; display: inline-block; }


#condominium-residences-section{background-color: #FFF;}
#condominium-residences-section .section-page-header{color:#000}

#gallery-page-wrapper{background-color: #000;}
.gallery-section{margin-bottom: 160px;}
.gallery-section .content-page-header-wrapper{margin-bottom: 0;}
.gallery-section:nth-child(7){margin-bottom: 0}
.content-page-header-wrapper.gallery-section:nth-child(7){margin-bottom: 0;}
.footer-band{display: none;}


#content-page-inner{background-color: #FFF;}

#about-us-header{position: relative; height: 445px;}
#about-us-header img{object-fit: cover; width:100%; height: 100%;}
#about-us-slogan-wrapper{background-color: #c7c2b6;}
#about-us-center-content{display: flex; align-items:center; justify-content: center; min-height:270px;}
#about-us-center-content h2{margin-top: 0; line-height: 0.89; letter-spacing: 18.28px; text-align: center; color: #000; font-size: 45px; font-weight: normal; margin-bottom: 20px;}
#about-us-center-content p{margin-top: 0; font-family: 'Garamond Italic Tr';  font-style: italic; line-height: 0.89; letter-spacing: 7.5px; text-align: center; color: #4a4132;font-size: 45px; }
#about-us-content-text-wrapper{background-color: #000; padding:70px 0 130px 0  ;}
#about-us-content-text{font-size: 18px; line-height: 1.46; letter-spacing: 1.5px;   color: #c7c2b6; max-width: 960px; margin: auto; }
#location-top{background-color: #c7c2b6; padding-top: 60px; min-height: 1000px; position: relative;}
#location-top-bg{ background: url(../img/pages/location/bg-map.png) no-repeat center top #c7c2b6; background-size: 100%; width:100%; position: absolute; left: 0; top:0; height: 100%; z-index: 1;} 
#location-top-bg::after{ width:100%; min-height: 600px; position: absolute; left: 0; top:0; opacity: 0.3;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.84) 35%, #c7c2b6 94%);}
  #location-info-wrapper{position: relative; z-index: 2; margin-bottom: 210px;}
#fourseasons-points{position: relative; z-index: 1;}
#fourseasons-points img{width:100%; background-size: cover; display: block;}

 #location-info-row{display: flex;} 
 #location-content-text{width:490px; margin-right: 100px; padding-top: 20px;} 
 #location-slogan{margin-bottom: 90px;} 
 #location-slogan h2{ font-size: 50px; line-height: 0.89; letter-spacing: 20px; font-weight: normal; margin-bottom: 7px;} 
 #location-slogan p{  font-family: 'Garamond Italic Tr'; font-style: italic; font-weight: 300; line-height: 1;letter-spacing: 9.82px; font-size: 50px; margin-bottom: 0;} 
 #location-map-wrapper{width:calc(100% - 590px); position: relative;} 
 #location-map-wrapper img{display: block; width:100%; box-shadow: 6px 2px 20px 0 rgba(0, 0, 0, 0.5);} 
 #location-map-wrapper .learn-more{left:50%; transform: translateX(-50%) translateY(50%); flex-direction: column;} 
 #location-map-wrapper .learn-more img{max-width: 36px; display: block; margin-bottom: 14px;} 
 #location-content{font-size: 18px;line-height: 1.25; letter-spacing: 1.5px;} 

 .square-content{width:100%; max-width:1440px; margin: auto;}
 .square-item{display: flex; align-items: stretch;}
 .square-item .cell{width:50%; display: flex; align-items: center;  background-color: white; color:black; box-sizing: border-box; }
 
 .square-item-image-wrapper{position: relative; width:100%; height: 100%;}
 .square-item-image-cell div{width:100%; }
 
 .square-item-image-wrapper::after{opacity: 0.8; mix-blend-mode: multiply; background-color: #c7c2b6; position: absolute; z-index: 2; left: 0; width:100%; top:0; height: 100%; content: '';}

 .square-item-content-cell {padding: 80px; font-size: 18px; font-weight: 300; line-height: 1.33; letter-spacing: 1.5px; }
 .square-item-content-cell h2 {font-size: 30px;  margin-bottom: 0;  font-weight: 300;
  font-stretch: normal;

  font-family: 'Saol Display';

  font-style: normal;
  line-height: 1.39;
  letter-spacing: 0px;

  margin-bottom:20px;
  color: black;}



  /*#event_and_lounge_room-section h2{color: #FFF !important;}*/
 .square-item-image-cell img{width:100%; display: block; max-width: 100%; height: 100%; object-fit: cover;}
 .square-item:nth-child(2n) .square-item-content-cell{order:1}
 .square-item:nth-child(2n) .square-item-image-cell{order:2}

 .square-item-image-cell .slider-image{width:100%; max-width: 100%; margin:0 !important}
 .square-item-image-cell .slider-item{margin:0; padding: 0;}
 .square-item-image-cell .slick-current{transform: none;}

 .square-item .cell{background-color: white;}
 .cross-content-text-middle-spot {color: #908865;}

 .cross-content-text-middle-spot {text-align: left;}

.square-item:nth-child(2n) .cell.square-item-content-cell{text-align: right; }

.square-item:nth-child(2n) .cross-content-text-middle-spot {text-align: right; }




 #map-section{position: relative;}

 #location-items-section{background-color: #fff;}

#contact-content-page-wrapper #content-page-header{height: 310px; align-items: flex-start;}
#contact-info-bar{background-color: #4a4132; min-height: 200px; position: relative; z-index: 2;}
#contact-address-wrapper{position: relative; transform: translateY(-50%);}

#fourseasons-content-page-wrapper .content-page-header-wrapper{margin-bottom: 0;}
#life-style-page-wrapper{position: relative; padding-bottom: 220px;  background-size: contain; padding-top: 45px;}
#life-style-section{ background-color:white;  position: relative;}
#life-style-section-bg{z-index: 1; background:  #a0966d; position: absolute; width:100%; height: 100%; top:0; left: 0; content:''}


.life-style-content:not(:last-child){margin-bottom: 130px;}

#life-style-slogan{margin-bottom: 75px; }
#life-style-slogan p{max-width:550px; margin: auto;}
#life-style-main-content{color:#FFF; text-align: center; font-weight: 300; margin-bottom: 100px;}
#life-style-main-content p{max-width: 800px; margin: auto; font-size: 18px; line-height: 1.25; letter-spacing: 1.5px;}



#life-style-content-2-image {width:490px; position: relative;}
#life-style-content-2-image img {width:100%; }
#life-style-content-2-text{margin-left: 60px; color:#FFF; width:430px;line-height: 1.46; letter-spacing: 1.5px; font-size: 18px; font-weight: normal;}

#life-style-content-2-frame{position: absolute; left:-120px; top:-45px; width:calc(100% + 80px); height: calc(100% + 90px); border: 2px solid #000; z-index: 3;}

.a-la-carte-services-content{display: flex; align-items: center; justify-content: flex-end; }
.a-la-carte-services-content:not(:last-child){margin-bottom: 130px;}

#a-la-carte-services-content-1-image {width:800px; position: relative;}
#a-la-carte-services-content-1-text{margin-right: 40px;  line-height: 1.46; letter-spacing: 1.5px; font-size: 16px; font-weight: normal; text-align: right; color: #000; width: 380px; box-sizing: border-box;}

#a-la-carte-services-content-1-image img {width:100%; transition: ease-out .3s all; }
#a-la-carte-services-content-1-image img.changing {opacity: .5; }


#a-la-carte-services-content-2{position: relative; margin-bottom: 50px;}
#a-la-carte-services-content-2 img{position: relative; z-index: 2;}
#a-la-carte-services-content-2-frame{position: absolute; z-index: 1; right: 0; top: 0; height: calc(100% + 50px); width:100%; max-width: 680px; opacity: 0.34; background-color: #908865; transform: translateX(120px) translateY(200px);}

#a-la-carte-services-page-wrapper{position: relative; padding-bottom: 150px; background: url(../img/pages/fourseasons/img-pattern.png) repeat top center; background-size: contain; padding-top: 45px; background-color: #c7c2b6;}

#a-la-carte-services-content-2-image-wrapper{position: relative;}
#a-la-carte-services-content-2-image-wrapper p{position: absolute; right: 60px; margin-top: 30px; width:430px;font-size: 18px; line-height: 1.46; letter-spacing: 1.5px; text-align: right; color: #4a4132; }

#a-la-carte-services-content-2-bordered-frame{position: absolute; right:-120px; top:290px; width:100%; height: 100%; border: 2px solid #c7c2b6; z-index: 3; max-width: 650px;  mix-blend-mode: overlay; }
#pms-page-wrapper{background-color: #4a4132; color: #FFF;  padding-bottom: 120px;}
#pms-content-1{width:100%; margin: auto; text-align:  center; font-weight: 300; line-height: 1.25; letter-spacing: 1.5px; margin-bottom: 70px; font-size: 18px; display: flex; align-items: center;}
#pms-content-1-image{max-width: 522px; width:100%}
#pms-content-1-image img{width:100%; display: block;}
#pms-content-1-text{text-align: left; max-width: 600px; font-size: 18px; padding-left: 60px; font-weight:500 ;}
.property-management-services-item{padding: 8px 0; opacity: .5; transition: ease-out all .3s; cursor: pointer; font-size: 16px; background-position: left center;}
.property-management-services-item:hover{ opacity: 1; background:url(../img/pages/fourseasons/content/a-la-carte-services/black-arrow-left.png) no-repeat left center; padding-left: 30px; background-size: 24px 24px;}

.a-la-carte-services-item{cursor: pointer; opacity: .5; transition: ease-out all .2s; background-position: right center; padding: 8px 0;}
.a-la-carte-services-item:hover, .a-la-carte-services-item.selected{color:#000; opacity: 1; background:url(../img/pages/fourseasons/content/a-la-carte-services/black-arrow.png) no-repeat right center; padding-right: 30px; background-size: 24px 24px;}


#pms-content-2{position: relative; margin-bottom: 50px;}
#pms-content-2 img{position: relative; z-index: 2;}
#pms-content-2-frame{position: absolute; z-index: 1; right: 0; top: 0; height: calc(100% - 50px); width:100%; max-width: 680px;  transform: translateX(120px) translateY(80px); }
#pms-content-2-frame img{position: absolute; left: 0; top: 0; width:100%; height: 100%; object-fit: cover; z-index: 2;opacity: 0.5;
  background-color: #908865;}


#pms-content-2-image-wrapper{position: relative; display: flex; flex-direction: column; align-items: flex-end;}
#pms-content-2-image-wrapper p{width:430px;font-size: 18px; line-height: 1.46; letter-spacing: 1.5px; text-align: right;  }

#pms-content-2-bordered-frame{position: absolute; right:-120px; top:100px; width:100%; height: calc(100% + 20px); border: 2px solid #c7c2b6; z-index: 3; max-width: 650px;  mix-blend-mode: overlay; }

#videos-section .content-page-image-header img{object-position: bottom center;}

.content-page-slider{display: none;}

.section-7-header{padding-top: 0;}

.content-page-slider .slider-title{min-height:50px; display: flex; align-items: flex-end; justify-content: center;}
body#aminities-content-page-wrapper .submenu ul{
  left: calc(50% - 100px) !important;
  transform: translateX(-50%) !important;
}   

@media (min-width:1440px) {
    .content-page-image-header{position: relative; min-height: 400px; height: 20vw; max-height:800px; object-position: right top; }
    
}

@media (max-width:1380px){
  body#aminities-content-page-wrapper .submenu ul {
    left: calc(50% - 120px) !important;
    transform: translateX(-40%) !important;
}



#penthouses-section .square-item .cell{background-color: #000; color: #FFF;}

#condominium-residences-content{padding-bottom: 1px;}
#condominium-residences-content-2-image{position: relative;}
#condominium-residences-content-2-image::after{z-index: 2;  width:calc(100% + 75px); height: calc(100% + 100px); left: -125px; top: -50px; content: ''; position: absolute;border-style: solid; border-width: 1.7px; border-image-source: linear-gradient(to bottom, #333, #000); border-image-slice: 1;}
}