/*--------------------------------------------------------------
## Global
--------------------------------------------------------------*/
body{color:#727d7f;font-size:18px;}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-weight:400;line-height:1.2;}
a{color:#158080;}
a:hover,a:focus{text-decoration:none;}
.w-1{font-weight:300;}
.w-2{font-weight:400;}
.w-3{font-weight:500;}
.w-4{font-weight:700;}
.lh-1{line-height:1;}
.lh-2{line-height:1.2;}
.lh-3{line-height:1.3;}
.bordered-title{font-family:'Frank Ruhl Libre', serif;font-size:20px;font-weight:300;text-transform:uppercase;margin-bottom:0.625rem;color:#158080;position:relative;}
.bordered-title:before{content:'';background-color:#98805e;height:2px;width:84px;position:absolute;top:-5px;left:0;}
.bordered-title2{position:relative;}
.bordered-title2:before{content:'';background-color:#98805e;height:2px;width:84px;position:absolute;top:-5px;left:0;}
.bordered-title3{position:relative;}
.bordered-title3:before{content:'';background:linear-gradient(90deg, rgb(227 205 152) 0%, rgba(154,130,95,1) 70%);height:2px;width:100px;position:absolute;top:-15px;left:0;}
.grecaptcha-badge{display:none !important;}

.contact-us-content .section-1 .col-left{background-size:cover;background-repeat:no-repeat;}
.form-group label{margin-bottom:0;}
.form-control{background-color:transparent;border-top:0;border-right:0;border-left:0;border-bottom:2px solid #758183;border-radius:0;}
.form-control:focus{background-color:transparent;box-shadow:none;outline:none;border-color:#98805e;}
.form-group.submit{text-align:right;margin:0;}
.form-group.submit input{float:right;}
.wpcf7-not-valid-tip,.wpcf7 form .wpcf7-response-output{font-size:12px;}

/*--------------------------------------------------------------
## Header
--------------------------------------------------------------*/
ul#menu-main>li:not(:last-child){margin-right:15px;}
header#masthead #main-nav,.navbar-brand img,#masthead .navbar-nav>li>a{transition:.4s all ease-in-out;-ms-transition:.4s all ease-in-out;-moz-transition:.4s all ease-in-out;-o-transition:.4s all ease-in-out;}
header#masthead.scrolled{padding:5px;background:#fff;}
header#masthead.scrolled #main-nav{margin-top:0;}
header#masthead.scrolled .navbar-brand img{max-width:70%;}
body:not(.theme-preset-active) #masthead.scrolled .navbar-nav>li>a{font-size:12px;}

/*--------------------------------------------------------------
## Buttons
--------------------------------------------------------------*/
.btn-default{background:linear-gradient(90deg, rgb(227 205 152) 0%, rgba(154,130,95,1) 70%);font-family:'MetropolisMedium';color:#fff;font-size:0.8125rem;border:0;outline:none;}
.btn:hover{color:#dedede;}

/*--------------------------------------------------------------
## Content
--------------------------------------------------------------*/
.banner{position:relative;width:100%;height:100%}
.banner img{min-width:100%;}
.overlay-content{position:absolute;top:35%;right:15%;width:540px;color:#158080;text-align:right;}
.overlay-content .text-1,.overlay-content .text-2{font-family:'Frank Ruhl Libre', serif;font-weight:700;color:#158080;font-size:calc(24px + (50 - 24) * ((100vw - 300px) / (1600 - 300)));line-height:1.15;}
.overlay-content .text-1{padding-right:7px;}

.about-us-content .section-1{background-size:cover;background-repeat:no-repeat;background-position-y:-35px;padding-bottom:170px;padding-top:3rem;}
.about-us-content .section-1 .col-left{padding-top:40px}
.about-us-content #move{position:relative;left:-255px;top:60px;}
.about-us-content .section-2{background-repeat:no-repeat;background-size:cover;background-position:center center;height:390px;}
.about-us-content .section-3{background-color:#bedcdc;position:relative;}
.benefits{background:url('./images/bg_benefits.jpg') no-repeat;background-size:cover;color:#fff;padding:50px 33px;position:absolute;top:-500px;right:0;width:580px;}
.benefits h2{color:#fff;text-align:center;font-weight:700;margin-bottom:40px;font-size:calc(24px + (40 - 24) * ((100vw - 300px) / (1600 - 300)));}
.list-benefits{font-size:12px;font-family:'MetropolisMedium';}
.list-benefits>li{position:relative;padding-left:60px;margin-bottom:35px;}
.list-benefits>li img{position:absolute;left:0;top:-12px;}
.about-us-content .section-4{background-size:cover;background-repeat:no-repeat;background-position-y:80px;}
#img2{position:absolute;bottom:0;right:-170px;}

.location-content .section-2 h1{font-size:calc(24px + (43 - 24) * ((100vw - 300px) / (1600 - 300)));}
.lifestyle-photos .image{position:relative;}
.lifestyle-photos .image span{position:absolute;bottom:10px;left:15px;z-index:5;color:#fff;font-weight:700;font-size:12px;text-shadow:2px 2px 1px #2b2b2b;}

.form-wrapper{background:url('./images/bg_form.jpg') no-repeat;background-repeat:no-repeat;background-size:cover;}
.form-wrapper .content h1{font-size:calc(28px + (53 - 28) * ((100vw - 300px) / (1600 - 300)));}
.get-in-touch h3{font-size:calc(20px + (28 - 20) * ((100vw - 300px) / (1600 - 300)));font-weight:700;}
.list-social>li{display:inline-block;}
.list-social>li+li{margin-left:7px;}
.list-social>li>a{font-size:32px}
.get-in-touch a{color:#727d7f;}
.get-in-touch a:hover,.get-in-touch a:focus{color:#158080;}
.list-social img{margin:0 10px 0 0 !important;position:relative;top:-2px;}

.city-of-elmina-content .section-2 h1{font-size:calc(18px + (25 - 18) * ((100vw - 300px) / (1600 - 300)));line-height:1.4;}
.elmina-features .col-left>div{display:inline-block;}
.elmina-features .image{position:relative;}
.elmina-features .image span{position:absolute;bottom:10px;left:15px;z-index:5;color:#fff;font-weight:700;font-size:12px;text-shadow:2px 2px 1px #2b2b2b;}

.facilities-content .bordered-title3:before{left:50%;transform:translateX(-50%);}
.facilities-image .image{display:block;position:relative;margin:2px;}
.facilities-image .image{position:relative;}
.facilities-image .overlay{position:absolute;bottom:0;left:0;right:0;overflow:hidden;width:100%;height:0;transition:.4s all ease-in-out;}
.facilities-image .overlay:before{content:'';width:100%;height:100%;background-color:#000;opacity:.65;position:absolute;top:0;left:0;}
.facilities-image .image:hover .overlay{height:100%;}
.facilities-image .overlay a{display:block;color:#fff;position:absolute;top:50%;left:50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);pointer-events:none;}
.facilities-image .overlay a{font-family:'Frank Ruhl Libre', serif;font-weight:700;font-size:24px;color:#fff;text-align:center;line-height:1;}
.facilities-layout-content .section-1 .bordered-title{text-transform:none;}

.overlay-image .image{position:relative;}
.overlay-image .text{position:absolute;bottom:0;left:0;right:0;overflow:hidden;width:100%;height:0;transition:.4s all ease-in-out;}
.overlay-image .text:before{content:'';width:100%;height:100%;background-color:#000;opacity:.65;position:absolute;top:0;left:0;}
.overlay-image .image:hover .text{height:100%;}
.overlay-image .text a{display:block;color:#fff;position:relative;width:100%;height:100%;padding:25px;text-transform:uppercase;font-family:'Frank Ruhl Libre', serif;}
.overlay-image .text a span{position:absolute;top:50%;left:50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);font-size:104px;line-height:1;}
.overlay-image .text.sovo span{font-size:46px;}
.overlay-image .text small{font-size:23px;top:-54px;position:relative;padding-right:5px;}
.overlay-image .text.sovo small{top:-15px;}
.floor-plan-content .image{margin:2px;}

#layout-image{outline:#75afb0 solid 10px;}
ul.list-plan{font-size:0.8125rem;}
ul.list-plan>li{position:relative;color:#0b7072;font-family:'MetropolisSemiBold';padding-right:30px;padding-left:50px;height:30px;line-height:1.2;}
ul.list-plan>li:not(:last-child){margin-bottom:12px;}
ul.list-plan>li:after{content:'';position:absolute;top:-7px;right:0;background:url('./images/icon_sprites1.png') no-repeat;width:30px;height:30px;}
ul.list-plan>li span{font-weight:700;border:2px solid #0b7072;border-radius:50%;width:30px;height:30px;display:inline-block;text-align:center;line-height:28px;margin-right:15px;position:absolute;top:-5px;left:0;}
ul.list-plan>li.plan1:after{background-position: 0 0;}
ul.list-plan>li.plan2:after{background-position: 0 -43px;}
ul.list-plan>li.plan3:after{background-position: 0 -91px;}
ul.list-plan>li.plan4:after{background-position: 0 -137px;}
ul.list-plan>li.plan5:after{background-position: 0 -181px;}
ul.list-plan>li.plan6:after{background-position: 0 -227px;}
ul.list-plan>li.plan7:after{background-position: 0 -275px;}
ul.list-plan>li.plan8:after{background-position: 0 -319px;}
ul.list-plan>li.plan9:after{background-position: 0 -366px;}
ul.list-plan.plan2>li:after{content:'';position:absolute;top:-7px;right:0;background:url('./images/icon_sprites2.png') no-repeat;width:30px;height:30px;}
ul.list-plan.plan2>li.plan10:after{background-position: 0 0;}
ul.list-plan.plan2>li.plan11:after{background-position: 0 -47px;}
ul.list-plan.plan2>li.plan12:after{background-position: 0 -91px;}
ul.list-plan.plan2>li.plan13:after{background-position: 0 -139px;}
ul.list-plan.plan2>li.plan14:after{background-position: 0 -187px;}
ul.list-plan.plan2>li.plan15:after{background-position: 0 -233px;}
ul.list-plan.plan2>li.plan16:after{background-position: 0 -279px;}
ul.list-plan.plan2>li.plan17:after{background-position: 0 -325px;}
ul.list-plan.plan2>li.plan18:after{background-position: 0 -373px;}

.floor-plan-content{max-width:1366px;margin:auto;}
.floor-plan h1{font-size:calc(32px + (40 - 32) * ((100vw - 300px) / (1600 - 300)));}
.floor-plan .bedrooms{font-size:calc(24px + (30 - 24) * ((100vw - 300px) / (1600 - 300)));font-weight:500;}
.floor-plan .area{font-size:calc(18px + (24 - 18) * ((100vw - 300px) / (1600 - 300)));}
.tpl-fp-2 .bordered-title3:before{left:50%;transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);}

.contact-us-content .embed-responsive-4by3::before{padding-top:90%;}
.get-in-touch{clear:both;}
#whatsapp{position:fixed;top:50%;right:5px;z-index:1000;transform:translate(-5px,-50%);-moz-transform:translate(-5px,-50%);-ms-transform:translate(-5px,-50%);-o-transform:translate(-5px,-50%);}
#whatsapp img{transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;}
#whatsapp a:hover img{opacity:.65;}

/*--------------------------------------------------------------
## Footer
--------------------------------------------------------------*/
.footer-widget{background:#dadada;}
.footer-widget .widget{margin:0;}
.footer-widget ul.menu>li:not(:last-child){margin-bottom:7px;}
.footer-widget ul.menu>li>a{padding:0;color:#727d7f;}
.footer-widget ul.menu>li>a:hover,.footer-widget ul.menu>li>a:focus{background:none;color:#158080;}

.footer-widget .list-social{margin:0;}
.footer-widget .list-social>li{display:block;margin-left:0;line-height:32px;}
.footer-widget .list-social>li span{font-size:16px;position:relative;top:-7px;padding-left:15px;}
.footer-widget .list-social>li>a.facebook span{top:-5px;padding-left:25px;font-size:16px;}

.footer-widget a,.footer-widget .list-social>li>a,.disclaimer a{color:#727d7f;}
.footer-widget a:hover,.footer-widget a:focus,.footer-widget .list-social>li>a:hover,.footer-widget .list-social>li>a:focus,.disclaimer a:hover,.disclaimer a:focus{color:#158080;}
.disclaimer{background:#c2c2c2;}
.disclaimer p{font-size:12px;color:#404040;line-height:1.3;}
.project-by{float:right;position:relative;top:-65px;}

/*--------------------------------------------------------------
## Media
--------------------------------------------------------------*/
@media screen and (min-width: 768px) {
	.benefits .col-left{flex:0 0 45%;max-width:45%;}
	.benefits .col-right{flex:0 0 55%;max-width:55%;}		
	.facilities-content .section-2 .container{max-width:1228px;}
	.facilities-image .col-left{flex:0 0 65%;max-width:65%;}
	.facilities-image .col-right{flex:0 0 34.35%;max-width:34.35%;}
	.get-in-touch .col-first{flex:0 0 43.666667%;max-width:43.666667%;}
	.get-in-touch .col-second{flex:0 0 35.333333%;max-width:35.333333%;}
	.get-in-touch .col-last{flex:0 0 20%;max-width:20%;}
}

@media screen and (min-width: 992px) {
	.footer-1{flex:0 0 20%;max-width:20%;}
	.footer-3{flex:0 0 28%;max-width:28%;}
}

@media screen and (min-width: 1200px) {
	body{padding-top:119.38px;}
	header#masthead{background:#eff1ef;position:fixed;top:0;left:0;width:100%;transition:.4s all ease-in-out;-ms-transition:.4s all ease-in-out;-moz-transition:.4s all ease-in-out;-o-transition:.4s all ease-in-out;z-index:1000;}
	.navbar-expand-xl .navbar-collapse{margin-top:40px;}
	.facilities-layout-content>.container{max-width:1260px;}
	#img-elmina,#img-location{width:100%;}
	.city-of-elmina-content .col-right{width:25%;}
	.contact-us-content,.facilities-layout-content{overflow:hidden;}
	.footer-widget .list-social>li>a.facebook{font-size:1.75rem;}
}

@media screen and (min-width: 1367px) {
	.lifestye-photos img{width:100%;}
	.about-us-content .section-2{height:540px;background-position:center top;}
}

@media screen and (max-width: 1199px) {
	header#masthead{padding-bottom:0;}
	.navbar-brand{margin-bottom:15px;}
	.navbar-collapse{padding:10px 15px;background-color:#158080;}
	body:not(.theme-preset-active) #masthead .navbar-nav > li > a:hover, body:not(.theme-preset-active) #masthead .navbar-nav > li.current_page_item > a{color:#d2a96f;}
	ul#menu-main>li:not(:last-child){margin-right:0;}
	body:not(.theme-preset-active) #masthead .navbar-nav > li > a{padding:5px 0;color:#fff;}
	.overlay-content{width:50%;}
	#img2{right:-260px;}
	.city-of-elmina-content .section-2 h1{margin-bottom:20px;line-height:1.2;}
	.elmina-features{display:flex;display:-ms-flexbox;flex-direction:column;padding:0 15px !important;}
	.elmina-features .col-left{margin-bottom:20px;float:none !important;order:2;}
	.elmina-features .col-right{float:none !important;order:1;}
	.elmina-features .col-left .image{padding:1%;}	
	.location-content .section-2{padding-top:3rem!important;}
}

@media screen and (max-width: 1024px) {
	.elmina-features .col-left .image{width:24%;}
}

@media screen and (max-width: 991px) {
	#img2{right:-315px;}
	.facilities-layout-content .col-left{margin-bottom:50px;}
	.footer-4{padding-top:3rem;}
}

@media screen and (max-width: 767px) {
	.about-us-content .section-1{padding-bottom:20px;padding-top:0;}
	.about-us-content .section-1 .col-left{padding-top:0;margin-bottom:30px;}
	#img1{display:none;}
	#img2{position:relative;bottom:auto;right:auto;}
	.benefits{position:relative;top:auto;right:auto;margin-top:15px;padding:25px;width:auto;}
	.about-us-content .section-3 img{margin-bottom:18px;}
	.about-us-content .section-3 .row-2>div:first-child,.about-us-content .section-3 .row-2>div:nth-child(2){padding-right:10px;}
	.about-us-content .section-3 .row-2>div:nth-child(3),.about-us-content .section-3 .row-2>div:nth-child(4){padding-left:10px;}
	.about-us-content .section-3 .row-2>div:nth-child(3) img, .about-us-content .section-3 .row-2>div:nth-child(4) img{margin-bottom:0;}
	.about-us-content .section-3 .col-right .list-benefits>li:last-child{margin-bottom:20px;}
	.list-benefits{font-size:16px;}
	.facilities-image .col-right img{width:100%;}
	.location-content .section-2 .col-first{margin-bottom:30px;}
	.floor-plan .area,.tpl-fp-2 .col-first{margin-bottom:30px !important;}
	.tpl-fp-2 .col-first img{display:block;margin:auto;}
	.facilities-image .overlay,.facilities-image .image:hover .overlay,
	.overlay-image .text,.overlay-image .image:hover .text{height:30%;}
	.facilities-image .col-left .overlay a{font-size:10px;font-weight:500;}
	.overlay-image .text a span{font-size:46px;}
	.overlay-image .text small{top:-15px;}
	.footer-1,.footer-2{margin-bottom:20px;}
	
	h3.widget-title{font-size:24px;}
	.widget, .footer-widget ul.menu>li>a,.form-control{font-size:16px;}
}

@media screen and (max-width: 576px) {
	header#masthead{padding-left:0;padding-right:0;}
	header#masthead>.container{max-width:100%;padding:0;}
	.navbar-brand{margin-right:15px !important;}
	.navbar-toggler{margin-left:15px;position:relative;top:-10px;}
	.overlay-content{position:relative;top:auto;right:auto;width:inherit;padding:1rem 1.25rem 3rem;}	
	.elmina-features .col-left{margin-bottom:0;}
	.elmina-features .col-left .image{width:49%;}	
	.elmina-features .col-left .image img{display:block;margin:auto;}
	.benefits .col-left{margin-bottom:20px;}	
	ul.list-plan.plan2{margin-bottom:0;}
	ul.list-plan>li:after{right:0px !important;}
	.overlay-image img{width:100%;}
	.floor-plan-content .image{margin:5px 10px;}
	.contact-us-content .section-2{text-align:center;}
	.contact-us-content .section-2 .bordered-title:before{left:50%;transform:translateX(-50px);}
	.floor-plan h1{line-height:1;}
	ul.list-plan{font-size:14px;}
	.list-social>li+li{margin-left:15px;}
}

@media screen and (max-width: 480px) {
	
}