/*!
Theme Name: Aria Lane
Theme URI: http://underscores.me/
Author: Hibiscus Team
Author URI: https://www.hibiscus.bz/
Description: Custom theme: Aria Lane, developed by Hibiscus Team
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: aria-theme
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Aria Lane is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
@import url("https://use.typekit.net/zke2hso.css");

*{box-sizing: border-box;}  
select::-ms-expand {display: none; } 
iframe {max-width: 100%; width: 100%; height: 551px; border:none;} 
select {-moz-appearance: none; -webkit-appearance: none; appearance: none; -ms-appearance: none; border: 1px solid #e9e9e9; color: #58595b; outline: none; font-size: 0.9em; height: 45px; width: 100%; margin: 0 0; font-weight: 600; }
p {color: #203432; margin-bottom: 25px; font-size: 18px; line-height: 1.55;  font-style: normal; letter-spacing: 0.7px; }
 
 h3{font-size: 1.2em;letter-spacing: 1px;font-weight: 500; }
 h4{font-size: 1.1em; }
 h5{font-size: 1em;  }
 h2 {font-size: 1.4em;  font-weight: 500; margin-bottom: 20px; margin-top: 15px; }
p a:hover, a:hover, a:focus, a:active {color: #0093d6; }
input[type="checkbox"],input[type="radio"]{width: auto; height: auto; padding: 0;cursor: pointer;}
select {background: url(assets/images/select-arrow.png) no-repeat scroll 98% center; background-size: 11px;} 
ul,ol{padding: 0 0 0 0.95em;}
ul li,ol li{padding: 0 0 0.3em;font-size:1em;line-height: 1.6; color: #203432;
font-weight: 300; 
font-style: normal;}
img {max-width: 100%; height: auto; display: block; } 
.aligncenter{display: block;margin:0 auto 15px; float: none;}   
.alignright{ float:right; margin:0 0 15px 0.95em; }     
.alignleft{ float: left; margin:0 0.95em 15px 0;}  
body {color:#203437;margin: 0;padding: 0;font-size:18px;overflow-x: hidden;  font-family: "pf-grand-gothik-variable", sans-serif;    font-variation-settings: "ital" 0, "wght" 400, "wdth" 125;font-style: normal;}
.container {max-width: 1167px;padding: 0 26px;margin: 0 auto; width: 100%;} 


header {background-color: #0b2522; display: flex; padding: 21px 0 22px; border-bottom: solid 10px #bccda6; }
.logo-box {float: left; padding-top: 14px; max-width: 255px; width: 100%;
}
.head-right {float: right; display: flex; flex-wrap: wrap; justify-content: flex-end; text-align: right; padding-right: 0; padding-top: 1px; }
header .container {display: flex; justify-content: space-between; width: 100%; }
.head-info {width: 100%; display: inline-block; text-align: right; padding-right: 6px; }
.head-nav {width: 100%; display: flex; justify-content: flex-end; margin-top: 3px; padding-right: 6px}
.head-nav ul {margin: 0; padding: 0; float: right; display: flex; width: 100%; text-align: right; justify-content: end; align-items: center; }
.head-nav ul li {    list-style-type: none; float: left; position: relative; font-size: 11px; margin-left: 34px; padding-bottom: 0; padding-top: 3px; letter-spacing: 1.5px; font-weight: 100; }
.head-nav ul li a {text-decoration: none; color: #BCCCA5; text-transform: uppercase; letter-spacing: 1.5px;display: inline-block;font-variation-settings: "ital" 0, "wght" 400, "wdth" 125; }
.head-info ul li {float: left; position: relative; color: #BCCCA5; text-decoration: none; list-style-type: none; font-size: 10px; text-transform: uppercase; padding-left: 31px; letter-spacing: 1.5px; font-weight: 100; }
.head-info ul {float: right; margin: 0; } 
.head-info ul li a {color: #BCCCA5; text-decoration: none; font-weight: 100; letter-spacing: 1px; font-variation-settings: "ital" 0, "wght" 300, "wdth" 125; }
.head-nav ul li.inquire {padding-top: 0; margin-left: 29px; } 
.head-nav ul li a:hover {color: #D4DDC5; }  
.head-nav ul li.inquire a:hover {background-color: #D4DDC5; border-color: #D4DDC5; color: #000; }
.head-nav ul li.inquire a {border: solid 1px #BCCCA5; padding: 10px 18px 6px; border-radius: 10px; }
.head-nav ul li .sub-menu li {margin: 0; width: 100%; text-align: left; padding: 0; }
.head-nav ul li .sub-menu li a {letter-spacing: 1.5px; padding: 9px 15px;
    color: #BCCCA5; } 



.banner-image img {margin: 0 auto; opacity: 0.4; width: 100%; height: 100%; object-fit: cover; }
.bottom-bg:after,.video-section:after {content: ""; position: absolute; left: 0; height: 80px; width: 100%; bottom: 0; background: url(images/top-event-bg-image.png)no-repeat; background-size: cover; }
section.banner-section {position: relative; }
.banner-section h1 {font-size: 88px; text-transform: uppercase; font-weight: 300; max-width: 562px; line-height: 1.05; color: #203432; letter-spacing: 14px; margin: 0; }
.banner-section h1 strong {
    width: 0;
    transition: all 3s ease-in-out;
    display: inline-block;
    padding-right: 0;
}

.banner-section h1.load-animate-1 strong:nth-of-type(1) {
    width: 100%;
    opacity: 1;
}

.banner-section h1.load-animate-2 strong:nth-of-type(2) {
    width: 100%;
    opacity: 1;
}

.banner-section h1.load-animate-3 strong:nth-of-type(3) {
    width: 100%;
    opacity: 1;
}


.logo-box img {
    max-width: 217px;
    width: 100%;
}
.head-nav ul li.current-menu-item > a {
    color: #fff;
}

.bottom-bg { padding-bottom: 80px;}
.banner-image {height: calc(100% - 80px); display: flex; width: 100%; height:535px; }
h1 {font-size: 48px; font-weight: 300; }
a.btn:hover {background-color: #8A9977; border-color: #8A9977; }
.footer-right > a:hover {opacity: 0.7; }
.homes-list-content a:hover {opacity: 0.5; }    
.home-image {overflow: hidden;border-top-right-radius: 20px;border-top-left-radius: 20px; } 
.home-image img {transition: all 0.5s ease-in-out; transform: scale(1); width:100%; height:100%; max-height: 258px;}
.homes-product a:hover .home-image img {transform: scale(1.1); }
.plan-box p a:hover {opacity: 0.5; }
.banner-section .container {position: absolute; left: 50%;  margin-top: -30px; transform: translate(-50%, -50%); width: 100%; top: 50%;     padding-left: 323px;}
section.latest-update-event {background-size: 100%; padding-top: 60px; background-color: #bccca5; max-width: 100%; margin: 0 auto; padding-bottom: 30px; }
h2 {font-size: 40px; line-height: 1.35; text-transform: uppercase; color: #203437; font-weight: 400;letter-spacing:3px;color: #203432;font-variation-settings: "ital" 0, "wght" 400, "wdth" 125; }
.latest-update-event h2 {margin-top: 0;font-size: 21px;letter-spacing: 1.5px;float: left;margin-bottom: 19px;font-weight: 500;color: #203432;font-variation-settings: "ital" 0, "wght" 500, "wdth" 125;}
.latest-update-event a {text-decoration: none;margin-left: 30px;font-weight: 500;padding: 0 5px 3px;display: inline-block;line-height: 1;border-bottom:1px solid #203437;color: #203432;text-transform: uppercase;font-size: 12px;letter-spacing: 2px;font-variation-settings: "ital" 0, "wght" 600, "wdth" 125;} 

.latest-content {display: flex; flex-wrap: wrap; width: 100%; }
.col-6 {width: 50%; float: left; }
.latest-content h3 {margin: 0;text-transform: uppercase;font-size: 14px;font-weight:400;letter-spacing:2px;font-variation-settings: "ital" 0, "wght" 700, "wdth" 125;margin-bottom: 11px;}
.latest-content p {margin-top: 6px; font-size: 15px; letter-spacing: 0.2px; font-weight: 500; padding-right: 60px;    font-variation-settings: "ital" 0, "wght" 500, "wdth" 125; }
.latest-update-event .col-6 {padding-right: 20px; }
.image-section,.image-content {background-color: #efefe5; padding: 99px 0 103px; display: flex; flex-wrap: wrap; }           
.image-section .images-box {width: 62%; float: left; }
.image-section .content-box,.image-content .content-box {width: 38%; float: left; padding-left: 50px; }
.image-section .content-box h2,.image-content .content-box h2 {font-size: 40px; letter-spacing: 5px; line-height: 1.1; margin-bottom: 10px; margin-top: 0; font-weight: 400;}
.content-box h3 {margin-bottom: 8px;} 
/*.images-box img {width: 100%;}*/

.content-box h2 + h3 {    margin-bottom: 10px; font-size: 22px; margin-top: 26px; letter-spacing: 2px; font-weight: 500; font-variation-settings: "ital" 0, "wght" 500, "wdth" 125;}
.image-content .content-box p {font-size: 1em; margin-top: 0; line-height: 1.66; margin-bottom: 20px; }
.image-content .content-box p a {color:#203432 }
.image-content.left-text .container,section.image-section.left-text .container {flex-direction: row-reverse;}  
.image-section .container {display: flex; flex-wrap: wrap; align-items: center;}
section.image-content.left-text .content-box,section.image-section.left-text .content-box {padding-left: 0; padding-right: 50px;}
a.btn {padding: 18px 30px 15px; display: inline-flex; align-items: center; border: solid 2px #203432; border-radius: 10px; text-align: center; justify-content: center; color: #203432; min-width: 174px; text-transform: uppercase; text-decoration: none; letter-spacing: 1px; font-size: 16px; line-height: normal; }
.image-content .button-box a.btn {float: left; font-size: 18px; margin-right: 10px; letter-spacing: 1.5px; min-width: 171px;}

.image-content .container {display: flex; flex-wrap: wrap; width: 100%; align-items:center; }
.home .image-content .images-box {width: 62%; }  
.home .image-content .content-box {width: 38%;padding-left: 35px; }
.home .image-content .content-box h2 {    letter-spacing: 5px;
    line-height: 1.2;
    margin-bottom: 13px; }
.home .image-content .content-box p {font-weight: 500; font-size: 17px; letter-spacing: 0.5px; padding-right: 13px;}
.home .image-content .button-box a.btn {padding: 20px 30px; min-width: 181px; } 
section.project-plan-section {background-color: #bccca5; padding: 88px 0 58px; }
.project-plan-section h2 {letter-spacing: 6px; }
.project-plan-section iframe {width: 100%; height: 551px; border-radius: 20px; margin-top: 17px; border: none; }
.col-4 {width: 33.333%; }
.project-plan-content {padding: 36px 0 0 0; display: flex; flex-wrap: wrap; }
.project-plan-content p {font-size: 17px; line-height: 1.75;    letter-spacing: 0.1px;}
.project-plan-content p {margin-top: 0; } 
.project-plan-content .col-4 {padding-right: 75px; float: left; }   
.col-8 {width: 66.66%; /* float: left; */ } 
.project-plan-content .col-8 {float: left; margin: 0 -20px; display: flex; flex-wrap: wrap; padding-left: 5px; }
.plan-box h3 {margin: 0 0 18px; font-size: 23px; text-transform: uppercase; } 
.plan-box {width: calc(50% - 40px); margin: 0 20px 15px; } 
.plan-box p a {color: #203432; }
section.homes-list {background-color: #e2e0d1; padding: 103px 0 103px; display: inline-block; width: 100%; }
.homes-product {width: calc(33.333% - 14px); margin: 0 7px 14px; background-color: #fff; border-radius: 20px; }
.homes-list-product {display: flex; flex-wrap: wrap; margin: 34px -7px; }
.homes-list h2 {letter-spacing: 5px; }
.home-text {padding: 26px 23px 35px; }
.home-text h3 {margin: 0; text-decoration: none; font-size: 24px; text-transform: uppercase; letter-spacing: 4px; }
.homes-product a {text-decoration: none; color: #203432; }
.home-text p {margin-top: 11px; text-transform: uppercase; letter-spacing: 0.5px; font-size: 14px; display: inline-block; border-bottom: solid 1px #203432; line-height: normal; padding-right: 0; margin-bottom: 0; padding-bottom: 3px; }
.homes-list-content {display: flex; flex-wrap: wrap; margin: 0 -30px; padding-top: 15px; }
.homes-list-content .col-6 {    width: calc(50% - 60px); margin: 0 30px; padding-left: 139px; position: relative;}
.home-icons {position: absolute; left: 0; }
.homes-list-content h3 {margin-top: 3px; font-size: 24px; font-weight: 500; margin-bottom: 21px; letter-spacing: 3px; text-transform: uppercase;line-height: 34px;}
.homes-list-content p {    font-size: 16px; line-height: 1.85; margin-top: 14px; margin-bottom: 8px; } 
.homes-list-content a {font-size: 18px; color: #203432;    text-underline-offset: 7px; }
.iframe-section {padding: 98px 0 108px; background-color: #0b2522; display: inline-block; width: 100%; }
.image-content .button-box a.btn:last-child {margin-right: 0;}    
section.manoa-section h2,.home .iframe-section h2,.page-id-299 .iframe-section h2 { margin-top: 0; color: #BCCCA5; letter-spacing: 6px; margin-bottom: 15px; }
section.manoa-section p,.home .iframe-section p,.page-id-299 .iframe-section p {color: #BCCCA5; font-size: 17px; max-width: 843px; line-height: 1.75; letter-spacing: normal; font-weight: 300;}
.iframe-box iframe {border-radius: 20px; border: none; background-color: #fff; }
 .iframe-box p {   
    max-width: 100% !important; 
} 

.answer.openedFaQ {

    padding-right: 107px;
}
.answer {
     margin-top: -26px;
}
.iframe-box a.btn {float: right; border: solid 2px #BCCCA5; min-width: 194px; margin-top: 30px; font-family: "pf-grand-gothik-variable", sans-serif; padding: 21px 30px 18px; letter-spacing: 2px; color:#BCCCA5; }
.iframe-box {
    margin-top: 35px;
}
footer {padding: 98px 0 51px; background-color: #203432; } 
.footer-info {background-color: #d5ddc5; border-radius: 21px; padding: 40px 75px; position: relative; display: flex; flex-wrap: wrap; min-height: 301px; margin-bottom: 50px; }
.footer-info:after {content: ""; position: absolute; right: 0; width: 75px; height: 100%; background: url(images/contact-bg.png) no-repeat !important; top: 0;background-size: cover !important; }
.footer-left {width: 70%; float: left; padding-top: 43px; }
.footer-left h3 {    margin: 0; text-transform: uppercase; font-size: 17px; font-weight: 600; letter-spacing: 2px; }
.footer-left h2 {       margin-top: 14px;
    font-size: 32px;
    margin-bottom: 0;
    letter-spacing: 4px;}
.footer-left p {margin-top: 8px; font-size: 17px; max-width: 461px; letter-spacing: 0.5px; line-height: 30px; }
.footer-right > a {font-size: 18px; text-transform: uppercase; letter-spacing: 2px; color: #203432; display: inline-block; margin-bottom: 32px; padding-bottom: 3px; padding-right: 0; text-decoration: none; border-bottom: solid 1px #203432; }
.footer-right {width: 30%; padding-right: 70px; padding-top: 0; padding-left: 5px;display: flex;align-items: center; }
.footer-right a.btn {min-width: 202px; border: solid 2px; padding: 18px 20px 16px; margin-top: 14px;margin: 0; }
footer .container > p {color: #BCCCA5; text-align: center; font-size: 19px; margin-top: 28px; margin-bottom: 34px; letter-spacing: normal; }
footer:after {content: ""; height: 60px; width: 100%; background: url(images/top-event-bg-image.png) no-repeat !important; position: absolute; background-size: 100%;    background-repeat: repeat-x !important; }


section.map-plan {padding: 90px 0 100px; background-color: #F0EFE5;}
.inner-banner .banner-image img {opacity: 1;} 
.inner-banner .container {transform: translate(-50%, -50%); top: 50%; bottom: auto; text-align: center; color: #fff;}
section.inner-banner-title {padding: 70px 0; background: url(images/banner-text-bg.jpg) !important; text-align: center; }
section.inner-banner-title h1 {margin: 0; color: #fff; letter-spacing: 5px; text-transform:uppercase; }
section.top-content-left {padding: 60px 0; background-color: #F0EFE5; }
.top-content-left h2 {font-size: 32px; letter-spacing: 3px; line-height: 1.5; color: #0a2522; }
.top-content-left p { margin-top: 7px; font-size: 18px; line-height: 1.7;}
.event-content-section .container {max-width: 786px; margin: 0 auto; }
section.event-content-section {background-color: #F0EFE5; padding: 109px 0 30px; }
.event-content-section h2 {font-size: 23px; letter-spacing: 0.5px; margin-bottom: 10px; font-variation-settings: "ital" 0, "wght" 400, "wdth" 125; }
.event-content-section p {        line-height: 30px; margin-bottom: 17px; font-size: 17px; letter-spacing: 0.4px;}
.event-content-section a {text-decoration: none; color: #203432; font-weight: 300; border-bottom: solid 1px #203432; font-size: 14px; letter-spacing: 1px; padding-right: 5px; padding-bottom: 5px; }
.event-box {margin-bottom: 67px; }
.show-more a.btn {display: inline-block; padding: 22px 20px 18px; min-width: 300px; font-size: 16px; }
.show-more {justify-content: center; display: flex; } 
section.event-content-section + footer {background-color: #f0efe5; padding-top: 15px; }
section.event-content-section + footer p {color: #203432; } 
.single-event-box img {margin: 40px 0 50px; }
.single-event-box h2 {font-size: 32px; line-height: 1.5; letter-spacing: 2px; }
section.faq-content-section {padding: 97px 0; background-color: #8b9976; }
.faq-content-section h2 {letter-spacing: 4px; }
.answer {display: none; }
.question {border-top: solid 3px #203432; padding: 42px 0 35px; position: relative; }
.faq.cat_one {margin-top: 34px; }
.question h4 {font-weight: 400; font-size: 24px; margin: 0; cursor:pointer; }
.question h4:after,.question h4:before {content: ""; position: absolute; background-color: #000; width: 24px; height: 2px; right: 42px; z-index: 99; top: 57px; }
.question:after {background-color: #bccca6; content: ""; position: absolute; height: 63px; width: 63px; right: 24px; top: 27px; border-radius: 50px; }
.question h4:before {transform: rotate(90deg); }
.question.openedQuestion h4:before {
    opacity: 0;
}
.contact-info p a:hover {
    opacity: 0.5;
}
button.slick-arrow:hover {
    opacity: 0.5 !important;
}
.floorplan-box a.btn:hover {
    /* opacity: 0.5; */
    background-color: #0b2522;
    border-color: #0b2522;
    color: #BCCCA5;
}
/***************mo***************/ 

.slider__item {float: left; }
.gallery-img-slider {overflow: hidden; position: relative; padding-bottom: 50px;}
/* .gallery-img-slider button.slick-arrow {display: none !important; } */
section.images-gallery {background-color: #bccca5; padding: 80px 0; }
.images-gallery h2 {letter-spacing: 3px; margin-bottom:30px; }
.img-box {border-radius: 20px; overflow: hidden; margin-bottom: 25px; }
.slides-numbers {position: absolute; bottom: 25px; right: 0; font-weight: 300; }
.gallery-slider {position: relative; display:flex; flex-wrap:wrap; }
.explore-img-slider {overflow: hidden; }     
.explore-item {float: left;    width: calc(100% + 80px) !important;
    margin-left: -40px; height: 100%;}
.explore-box {width: calc(50% - 80px); float: left; margin: 0 40px; height:100%;text-decoration: none; }
section.explore-section {background-color: #0a2522; padding: 100px 0; }
.explore-section h2 {color: #BCCCA5; text-align: center; font-size: 40px; letter-spacing: 6px; margin-top: 11px;}
.explore-section h3 {color: #BCCCA5; font-size: 24px; letter-spacing: 4px; font-weight: 300; text-transform: uppercase;}
.explore-section .slick-arrow {
    top: auto;
    bottom: 10px;
    background: url(images/arrow-left1.png) no-repeat center center !important;
        z-index: 99999;
}
.explore-section button.slick-next.slick-arrow  {
  background: url(images/arrow-right1.png) no-repeat center center !important;
}
.explore-box:first-child {text-align: right; }
.feature-section .container {display: flex; flex-wrap: wrap; }
.explore-slider {position: relative; } 
.feature-section {background-color: #8b9977; padding: 80px 0; }
.feature-section ul li {margin-bottom: 15px; }
/*button.slick-arrow:before {content: "\2190"; ba  position: absolute; bottom: 0; color: #BCCCA5; font-size: 51px; left: 0; line-height: 36px; }*/
button.slick-arrow {background:url(images/arrow-left.png)no-repeat center center !important; background-color: transparent; font-size: 0; border: none; width: 62px; height: 30px; position: absolute; bottom: 0; left: 0; z-index:9999 }
button.slick-next.slick-arrow {right: 0;  left: auto; background:url(images/arrow-right.png)no-repeat center center !important; }
.floorplan-box {width: calc(50%  - 16px); margin: 0 8px 50px; border-radius: 20px; overflow: hidden; background-color: #fff; /* padding: 30px; */ padding-bottom: 30px; }
.floorplan-inner {display: flex; flex-wrap: wrap; margin: 40px -10px 0; }
section.floorplan-section {background-color: #efefe5; padding: 80px 0; }
.floorplan-box h3 {background-color: #e2e0d1; margin: 0; padding: 34px 45px 30px; font-size: 26px; font-weight: 800; letter-spacing: 4px; text-transform: uppercase; }
.floorplan-box a.btn {display: inline-block; float: right; background-color: #bccca5; border-color: #bccca5; margin-top: 30px; margin-right: 40px; padding: 20px 30px 17px; font-size: 18px; min-width: 190px; }
.floorplan-view {padding: 30px 30px 0}
section.image-section.left-text .content-box .btn:hover {
    background-color: #0b2522;
    color: #8a9977;
} 
.img-box img {width: 100%; }
.explore-slider {margin-top: 50px; display:flex !important; flex-wrap:wrap; }
.explore-slider .slick-track {height: 100%;}
button.slick-arrow:before {display: none; }
.content-slider-inner {position: relative; overflow: hidden; display: flex; align-items: center;    margin-top: 35px; }
.content-slider-inner .content-item {float: left; }
.content-slider .content {width: 37%; float: left; padding-right: 55px; }
section.content-slider {padding: 110px 0; background-color: #bccca5; }
.content-slider h2 {
    letter-spacing: 6px;
}
.content-slider-inner .content-box {width: 100%; float: left; /* overflow: hidden; */  display: flex !important; align-items: center; flex-wrap: wrap;}
.content-slider-inner .content-box .img-box {float: left;    width: 63%; }
.content-slider-inner .content-box .slick-list {overflow: hidden; }
.content-slider .content h3 {font-size: 24px; margin: 0; font-weight: 300; letter-spacing:3px; color: #0a2522;}
.content-slider .content p {    font-size: 18px; line-height: 1.8; letter-spacing: 0.2px; }
.content-slider .slides-numbers {left: 27%; }
.content-slider button.slick-prev.slick-arrow {left: 0; }
.content-slider button.slick-next.slick-arrow { 
    left: 82px;
}
.content-slider button.slick-arrow {bottom: 6px; top: auto; cursor: pointer;}
.slick-slide > div {width: 100%; display: block;}
.content-image-slider {display: block; width: 100%;}
section.map-plan.bg-color {background-color: #0a2522; }
section.map-plan.bg-color h2,section.map-plan.bg-color p {color: #BCCCA5; }
section.community-section {background-color: #bccca5; padding: 100px 0; display: flex; flex-wrap: wrap; }
.community-text {    width: 40%; float: left; padding-right: 68px; }
.community-img {width: 55%; float: left; padding-left: 101px; }
.community-section .container {width: 100%; }
.community-img img:last-child {margin-top: -96px; margin-left: -156px; } 
section.contact-info-content {background-color: #203432; padding: 80px 0 17px; }
.contact-top-section h2 {  color: #BCCCA5;
    font-size: 32px;
    margin-bottom: 30px; }
.contact-form-section {display: flex; flex-wrap: wrap; width: 100%; padding-top: 33px; }
.contact-form {background-color: #efefe5; border-radius: 20px; padding: 55px 163px 0px 86px; width: 100%; margin-top: 30px; position: relative; overflow: hidden; }

.contact-form form {min-height:auto; }
.contact-top-section p {color: #BCCCA5; }
.contact-top-section h3 {color: #BCCCA5; font-weight: 300; font-size: 21px; letter-spacing: 2px; line-height: 30px; }
.contact-top-section .button-box {display: flex; flex-wrap: wrap; }
.contact-top-section .button-box a.btn {color: #BCCCA5; border-color: #BCCCA5; margin-right: 20px; font-weight: 300; }
.contact-form-section h3 {    font-weight: 100; color: #BCCCA5; margin: 0; width: 100%; font-size: 21px; letter-spacing: 1.7px; text-transform: uppercase; }
.contact-form-section > p {color: #BCCCA5; margin: 0; font-weight: 100; }
.contact-form:after {content: ""; position: absolute; right: -2px; height: 100%; width: 77px; background: url(images/contact-form-bg.png)no-repeat center center; top: 0; }
.contact-info {padding-top: 64px; display: flex; flex-wrap: wrap; width: 100%; background-color: #203432;}
.contact-info h2 {color: #BCCCA5; font-size:32px; }
.contact-info p {color: #BCCCA5; font-size: 17px; font-weight: 400; }
.contact-info p a {color: #BCCCA5; }
.inner-banner h1 {    font-size: 46px; color: #fff; font-weight: 100; letter-spacing: 7px;}
.inner-banner .banner-image:after {content: ""; position: absolute; left: 0; height: 100%; width: 100%; background-color: rgba(0 0 0 /0.1); }
.iframe-section h2 {letter-spacing: 7px; }
.content-box p {       font-weight: 500; line-height: 1.75; letter-spacing: 0.5px; font-size: 17px;}
.content-box a.btn {min-width: 177px; letter-spacing: 1px; font-weight: 500; font-size: 17px; margin-top: 2px;}
section.contact-info-content + footer {padding-top: 2px; }
.contact-form form + p {text-align: center; }
.contact-form form + p a {color: #13b3a3; }
.contact-top-section ul {padding: 0; margin: 70px 0 0; display: flex; flex-wrap: wrap; }
.contact-top-section ul li {list-style-type: none;width: 33.333%;margin-bottom: 12px;font-size: 24px;letter-spacing: 1px;}
.contact-top-section ul li a {color: #BCCCA5; }
.general-info h3 {color: #BCCCA5; font-size: 21px; letter-spacing: 2px; margin-bottom: 0; text-transform:uppercase; }
.general-info p {color: #BCCCA5; margin-top:10px; font-size:17px }
.general-info {padding-top: 35px; padding-bottom: 90px;     background-color: #203432;
    display: block;
    float: left;
    width: 100%;}
.general-info a.btn {max-width: 553px;
    background-color: #BCCCA5;
    font-size: 24px;
    letter-spacing: 2.5px;
    padding: 24px 30px 21px;
    width: 100%;
    font-weight: 300;
    border: solid 1px #bccca5;}
.contact-top-section {background-color: #203432; padding: 71px 0; display: block; flex-wrap: wrap; width: 100%; float: left; }
.contact-form-section {background-color: #203432; width: 100%; float: left; padding-bottom: 40px;  }
.contact-form-section p {    color: #BCCCA5; margin-top: 10px; letter-spacing: 0.3px; font-size: 17px;}

body h2.gform_title {    font-weight: 300;
    font-family: "pf-grand-gothik-variable", sans-serif;
    font-size: 32px;
    letter-spacing: 1.5px;
    max-width: 600px;
    line-height: 40px;}
body p.gform_required_legend {color: #203432; font-family: "pf-grand-gothik-variable", sans-serif; letter-spacing: normal; font-size: 16px; margin-bottom: 35px; text-align:left !important; }
body .gform_wrapper.gravity-theme .gfield_label {font-weight: 300; font-size: 19px; }
body .gform-body.gform_body {padding: 0 7px 0 3px; }
body .gform_wrapper.gravity-theme .gfield select {border-radius: 14px; background-color: #dedbc8; margin-top: 4px; padding: 10px 16px; height: 58px; font-weight: 400; font-size: 18px; font-family: "pf-grand-gothik-variable", sans-serif; }
body .ginput_container.ginput_container_select:after {content: ""; position: absolute; border-top: solid 12px #203432; border-left: solid 10px transparent; border-right: solid 10px transparent; right: 22px; top: 29px; }
body .ginput_container.ginput_container_select {position: relative; }
body .gform_wrapper.gravity-theme .gform_validation_errors {display: none; }
body .gform_wrapper.gravity-theme .gfield_validation_message, .gform_wrapper.gravity-theme .validation_message {background: transparent !important; border: none !important; font-size: 14.992px; margin-top: 8px; padding: 0 !important; }
body .gfield--type-radio {margin-top: 16px !important; display: block; width: 100%; padding-top: 19px; }
body .gfield_radio {display: flex; }
body .gfield_radio .gchoice {display: flex; flex-wrap: wrap; margin-right: 47px; } 
body .gform_wrapper.gravity-theme .gfield-choice-input+label {max-width: 100%; font-size: 19px; padding-left: 0; letter-spacing: -0.5px; position: relative; }
body .ginput_container.ginput_container_radio {margin-top: 14px; margin-bottom: 45px; }
body .gform_wrapper.gravity-theme .gfield-choice-input+label:before,.gform_wrapper.gravity-theme .gfield-choice-input+label:after {content: ""; position: absolute; background-color: #dedbc8; width: 28px; height: 28px; border-radius: 100%; left: -24px; top: -4px; pointer-events: none; }
body .gform_wrapper.gravity-theme .gfield-choice-input+label:after {width: 14px; height: 14px; background-color: #8b9977; top: 3px; left: -17px; opacity: 0; }
body .gform_wrapper.gravity-theme .gfield-choice-input[type="radio"]:checked+label:after {opacity: 1; }
body .gform_wrapper.gravity-theme .gfield input, .gform_wrapper.gravity-theme .gfield select {border-radius: 14px; background-color: #dedbc8; margin-top: 4px; padding: 10px 16px; height: 58px; font-weight: 400; font-size: 18px; font-family: "pf-grand-gothik-variable", sans-serif; border: none; color: #203432; }
body .gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) fieldset:not([style*="display:none"]):not(.ginput_full)~span:not(.ginput_full), .gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) span:not([style*="display:none"]):not(.ginput_full)~span:not(.ginput_full) {padding-left: 2%; }
body .gform_wrapper.gravity-theme .gfield.gfield--width-half {padding-right: 0px; }
body .gform_wrapper.gravity-theme .gfield-choice-input {height: 28px !important; margin-top: 0 !important; width: 14px; }
body .ginput_container--name {margin-bottom: 6px !important; }
body .gfield--type-checkbox {margin-top: 46px !important; }
body .gfield--type-checkbox legend.gfield_label {margin-bottom: 24px !important; }
body .gform_wrapper.gravity-theme .gfield_checkbox label:before {
    border-radius: 6px;
    border: solid 1px #979595;
    width: 23px;
    height: 23px;
    display: inline-block;
    position: unset;
	margin-right: 17px;
}
body .gform_wrapper.gravity-theme .gfield_checkbox label:before {}
/* body .gfield-choice-input[type="checkbox"]:checked+label:after {
    opacity: 1;
    border-radius: 0;
    width: 20px;
    height: 20px;
    top: 2px;
    left: 2px;
    border-radius: 3px;
} */
body .gfield-choice-input[type="checkbox"]:checked+label:before {
    
    border: solid 3px #dedbc8;
    width: 20px;
    height: 20px;
    background-color: #8b9977;
    outline: solid 1px #8b9977;
}
body .gform_footer .gform_button {width: 100%; height: 71px; border-radius: 12px; border: solid 1px #bccca5; text-transform: uppercase; background-color: #bccca5; font-size: 26px; line-height: 1.6; font-family: "pf-grand-gothik-variable", sans-serif; letter-spacing: 2px; padding: 19px; cursor: pointer; color: #203432; }
body .gform_wrapper.gravity-theme .gform_footer {margin-top: 30px; }
body .gform_footer .gform_button:hover {background-color: transparent; }
.contact-form-section .contact-form p {text-align: center; margin-top: 7px; letter-spacing: normal; margin-bottom: 40px; }
.contact-form-section .contact-form p a {color: #00afeb; text-decoration: none; }
section.content-info-section {background-color: #f0efe5; padding: 107px 0 47px; } 
.content-info-section h2 {font-size: 40px}
table {width: 100%; background-color: #fff; border-radius: 15px; border-collapse: collapse; padding: 0; outline: solid 2px #203432; }
table tr td {border: none; padding: 12px 25px;font-weight: 100; font-size: 22px; text-align: center; border-right: solid 2px #525252; }
table tr th {padding: 13px 25px 11px; font-weight: 100; font-size: 22px;  line-height: 1.5; letter-spacing: 1.5px; border-right: solid 2px #203432; }
table tr:first-child {border-bottom: solid 2px #525252; }
table tr th:first-child {/* border-right: solid 1px #000; */ }
table tr td:last-child {border-right: none; text-align: center; }
table tr th:last-child {border-right: none; }
table tr:nth-child(2) td {
    padding-top: 47px;
}

table tr:last-child td {
    padding-bottom: 45px;
}
.table-content {margin-bottom: 79px; }
.table-content h2 {margin-bottom: 14px; }
.table-content p {margin: 0 0 20px; }
h4 {font-weight: 400; letter-spacing: 2px; }
.content-info-section ul li {margin-bottom: 15px; font-weight: 100; font-size: 20px; line-height: 30px; }
.content-info-section ul {padding-left: 41px; }
.content-info-section h4 {margin-bottom: 16px; font-size: 21px;}
.lottery-process {margin-top: 0; background-color: #f0efe5; padding-top: 10px; padding-bottom: 24px;}

.step-box {background-color: #fff; border-radius: 25px; padding: 40px; margin-bottom: 38px; display: flex; align-items: center; /* flex-wrap: wrap; */ }
.step-number strong {font-size: 120px; font-weight: 500; color: #8B9977; line-height: 48px; }
.step-number {width: 200px; float: left; text-align: center; }
.step-text {margin-left: 0; width: calc(100% - 241px); float: left; padding-left: 20px; }
.lottery-process h2 {margin-bottom: 0; }
.lottery-process p {    font-size: 18px;
    letter-spacing: 0.5px;
    line-height: 32px;  }
.step-text h3 {margin-bottom: 0; font-weight: 300; line-height: 30px; font-weight:24px; }
.content-info-section .contact-form-section {padding-top: 56px; }
.content-info-section .contact-form-section p {color: #203432; max-width: 684px; }
.content-info-section .contact-form-section h3 {color: #203432; margin-bottom: 11px; }
.page-id-33 footer.footer {padding-top: 5px; }
.contact-info .container {display: flex; flex-wrap: wrap; }
.page-id-33 footer .container {padding-bottom: 40px; }
.page-id-188 .contact-form-section {background-color: #f0efe5; }
.page-id-188 .contact-form {background-color: #fff; padding-bottom: 40px; }
.page-id-188 .general-info {background-color: #f0efe5; }
.page-id-188 .general-info h3 {color: #203432; font-size:21px; }
.page-id-188 .general-info p {color: #203432; }
.page-id-188 .contact-form-section .contact-form p {color: #203432; text-align: left; }
.page-id-188 .contact-form-section h3 {color: #203432; }
.page-id-188 .contact-form-section p {color: #203432; }
footer.nw-footer {width: 100%; display: block; background-color: #f0efe5; padding-top:30px; } 
footer.nw-footer .container > p {color: #203432; }

.event-content-section p:empty {display: none; }
.event-content-section a:hover {
    opacity: 1;
    background-color: rgba(138, 153, 119, 0.5);
    border-color: transparent;
    color: #0b2522;
}
p.gform_description {
    text-align: left !important;
    color: #203432;
}
.contact-top-section ul li a:hover {
    opacity: 0.5;
}
.general-info a.btn:hover {
    background-color: #8b9977;
}
.button_container  {display: none;}

#floorplan-wrp.hidden {display: none;}
#floorplan-wrp {
    width: 100% !important;
    height: 100% !important;
    padding: 50px;
    border: none;
   display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

#close-iframe {
    position: absolute !important;
    right: 30px;
    top: 25px;
    width: 50px;
    height: 50px;
    font-size: 0;
    border: none !important;
}

#floorplan-wrp iframe {
    max-width: 1091px;
    height: 552px !important;
} 

.floorplan-section h2 {
        margin-bottom: 33px;
    letter-spacing: 6px;
}

.floorplan-inner {
    margin-top: 32px;
}
.explore-section h2 {margin-top: 0;}

.feature-section h2 {margin-top: 0; font-size: 32px;}
#close-iframe:after,#close-iframe:before {
    content: "";
    position: absolute;
    width: 25px;  
    height: 2px;
    background-color: #000;
    left: 12px;
    transform: rotate(45deg);
}
.feature-section ul {
    margin-top: 0;
}
.gallery-img-slider .slides-numbers {    bottom: 85px;}
.gallery-img-slider p {margin-top: 43px;}
#close-iframe:before {
    transform: rotate(-45deg);
}


section.error-404.not-found {
    max-width: 1167px;
    padding: 0 26px;
    margin: 0 auto 50px;
}

section.error-404.not-found h1.page-title {
    margin-bottom: 0;
}

input.search-field {
    height: 40px;
    padding: 20px;
    width: 100%;
    max-width: 500px;
    border: solid 1px #898383;
}

input.search-submit {
    min-width: 144px;
    border: solid 2px;
    padding: 13px 20px 13px;
    margin-top: 14px;
    text-transform: uppercase;
    border: solid 1px #898383;
    background-color: transparent;
    cursor: pointer;
}

input.search-submit:hover {
    background-color: #0b2522;
    color: #fff;
}

.widget.widget_recent_entries {
    display: none !important;
}

.widget.widget_categories {
    display: none !important;
}

.widget.widget_archive {
    display: none;
}

.explore-slider .slick-list {

    width: 100%;

}
.explore-slider .slick-slide > div {height: 100%;}
.explore-box .img-box {
    height: calc(100% - 79px);
        margin-bottom: 27px;
}

.explore-box .img-box img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.explore-box .slick-track {
    height: 100%;
}


.community-text ul li {
    font-size: 24px;
}

.community-text h2 {
    line-height: 1.3;
}

.page-id-333 footer.footer {
    padding-top: 3px;
}
.gallery-slider button.slick-arrow {
    transform: translateY(-50px);
}
.video-section {
    position: relative;
   
}
.video-section:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    inset: 0;
    background-color: rgb(0 0 0 / 10%);
}

.video-section .container {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    max-width: 100%;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.video-section video {
    display: block;
}
.video-section h1 {
    color: #ffffff;
    font-size: 18px;
    letter-spacing: 1px;
}
.video-section h1 span {
    font-size: 70px;
    letter-spacing: 10px;
    margin-left: -4px;
}
.video-section .container img {
    max-width: 400px;
    margin-top: -80px;
}
@media (min-width:1000px) {
    .head-nav ul li:hover ul.sub-menu {top: 35px; opacity: 1; visibility: visible; }
    ul.sub-menu {position: absolute; padding: 15px 10px; background-color: #0b2522; border-radius: 0; width: 220px; top:55px; left: 50%; transform: translateX(-50%); opacity: 0; visibility: hidden; z-index: 999; display: inline-block; transition: all 0.5s ease-in-out; }
 ul.sub-menu:after {content: ""; position: absolute; border-bottom: solid 10px #bccda6; border-left: solid 10px transparent; border-right: solid 10px transparent; left: 50%; transform: translateX(-50%); top: -10px; filter: 0 0 10px rgba(0 0 0 / 0.5); display: none;}
.head-nav ul li .sub-menu li a:hover {
    color: #fff;
}
} 
 
@media (max-width:1100px) {

    .banner-section .container {padding: 0 40px; }
    .banner-section h1 {font-size: 68px; }
    .home .image-content .images-box {width: 55%; }
    .home .image-content .content-box {width: 45%; }
    .footer-right {padding-right: 32px; }
    .container {padding: 0 40px;}
    .latest-content {margin-top: 30px;}
    .latest-content p {padding-right: 0;}
    .image-section .images-box {width: 55%;}
}

@media (max-width:999px) {
    section.floorplan-section {padding: 49px 0;}
.floorplan-section h2 {
        margin-bottom: 10px;
    letter-spacing: 6px;
}
.cbp-spmenu-push-toleft .head-nav {
    right: 0;
}

.head-nav ul li {
    border-bottom: solid 1px #bccca5;
    color: #bccca5;
}
.contact-top-section ul li {font-size: 20px;}
.head-nav ul li a {
    color: #bccca5;
}
.content-slider .content {width: 100%; margin-bottom: 35px; margin-top: 40px; }
.content-slider-inner .content-box .img-box {width: 100%; }
.content-slider-inner .content-box {display: flex !important; flex-wrap: wrap; flex-direction: column-reverse; }
.contact-top-section .col-6 {width: 100%;}
section.image-section.left-text .content-box {padding-right: 0;}
.banner-section .container {padding: 0 40px; }
.banner-section h1 {font-size: 68px; } 
.home .image-content .images-box {width: 100%; }
.home .image-content .content-box {width: 100%; }
.footer-right {padding-right: 32px; }
.contact-form { padding:55px 99px 0px 48px }
.head-info {display: block; text-align: left; padding: 0;order: 1; }
.head-info ul {
    float: left;
    padding: 0;
    width: 100%;
}
.head-nav {padding-right: 0;order: 0;}
.head-info ul li {
    padding: 0;
    width: 100%;
    border-bottom: solid 1px #0a2522;
    font-size: 18px;
    padding: 15px 25px;
    background-color: #BCCCA5;
    color: #0a2522;
}

.head-info ul li a {
    color: #0a2522;
}

.head-right {position: fixed; height: 100%; width: 100%; background-color: #0a2522; z-index: 9999; top: 77px; right: -100%; padding-right: 0;      display: flex;flex-wrap: wrap;overflow-y: auto;flex-direction: column;justify-content: flex-start;}
.head-nav ul li {width: 100%; margin: 0; padding: 0; text-align: left; }
.head-nav ul li a { color: #bccca5;font-size: 18px; padding: 15px 25px; }
.head-nav ul {flex-wrap: wrap; justify-content: normal; align-items: normal; display: inline-block; }
.image-section .content-box, .image-content .content-box {width:100%; padding-left: 0; margin-top: 50px}
.image-section .content-box h2, .image-content .content-box h2 {font-size: 35px;}
.project-plan-content .col-4 {width: 100%; }
.project-plan-content .col-8 {width: 100%; margin: 0 -20px; padding: 0; }
.contact-top-section {padding: 50px 0 30px;}
.contact-top-section .col-6 {
    margin-bottom: 30px;
}
.contact-top-section .col-6 {
    margin-bottom: 30px;
}
.admin-bar .head-right {
    top: 108px;
}

.contact-info .col-8 {
    width: 100%;
}

.contact-info .col-8 .col-6 {
    width: 50%;
}

.contact-info .col-4 {
    width: 100%;
}
.project-plan-content .col-4 {width: 100%; padding-right:0; }
.project-plan-content {padding-top: 0}
.project-plan-content .col-8 {width: 100%; margin: 0 -20px; padding: 0; }
.homes-product {width: calc(100% - 14px); margin-bottom: 30px; }
.homes-list-content .col-6 {width: calc(100% - 40px); margin-bottom: 40px; }
section.homes-list {padding: 60px 0; }
.footer-left {width: 100%; padding-top: 0; }
.footer-right {width: 100%; padding-top: 0; display: inline-flex; flex-wrap: wrap; flex-direction: column; }
.footer-right > a {width: 177px; }
.footer-right a.btn {margin-top: 0; }
.footer-info:after {display: none; }
.footer-info {padding: 40px 40px 40px 40px; }
.footer-left h2 {font-size: 30px; line-height: 1.2; margin-bottom: 7px;} 
h2 {font-size: 28px; }
.banner-image {height: 410px;} 
.iframe-section {padding: 50px 0; }
.image-section .images-box {width: 100%;}
h1 {font-size: 35px;}
.faq-content-section h2 {letter-spacing: normal; }
.question h4 {font-size: 20px;        letter-spacing: 0.5px;line-height: 1.3; }
.question {padding: 20px 43px 20px 0; }
.question:after {height: 35px; width: 35px; right: 0px; top: 17px; }
.question h4:after, .question h4:before {width: 15px; height: 2px; right: 9px; z-index: 99; top: 34px; }
section.faq-content-section {padding: 70px 0; }  
.cbp-spmenu-push-toleft p.woocommerce-store-notice.demo_store,
.cbp-spmenu-push-toleft section.content-top {z-index: -1; }
.cbp-spmenu-push-toleft .button_container .middle {opacity: 0; }
span.plus_img.active:after {opacity: 1; }  
.cbp-spmenu-push-toleft .button_container .top {top: 50%; transform: translateY(-50%) rotate(45deg); -webkit-transform: translateY(-50%) rotate(45deg); -moz-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); }
.cbp-spmenu-push-toleft .button_container .bottom {top: 50%; transform: translateY(-50%) rotate(-45deg); -webkit-transform: translateY(-50%) rotate(-45deg); -moz-transform: translateY(-50%) rotate(-45deg); -ms-transform: translateY(-50%) rotate(-45deg); }
.button_container {clear: both; display: block; position: absolute; top: 28px; float: right; right: 25px; height: 21px; width: 28px; cursor: pointer; transition: opacity .25s; z-index: 9999999; }
.admin-bar .button_container {top: 57px;}
.plus_img {z-index: 999999; }
.button_container span {border-radius: 3px; background: #bccca5; display: block !important; border: none; height: 1.7px; width: 25px; position: absolute; top: 0; left: 0; -webkit-transition: .35s; transition: .35s; cursor: pointer; }

.button_container span.middle {top: 8px; }
.button_container span.bottom {top: 16px; }
body.cbp-spmenu-push-toleft {left: 0; overflow: hidden; }
.plus_img {position: absolute; width: 20px; height: 20px; display: block; right: 25px; top: 15px; }
.plus_img:after {position: absolute; transform: rotate(90deg); }
.plus_img:before {position: absolute; }
nav ul li .plus_img {float: right; padding: 0 15px; margin-top: -28px; position: relative; z-index: 9999; }
nav ul li .plus_img.active {background: url(images/minus_white.png) center center/10px no-repeat; }
.iframe-section h2 {letter-spacing: 3px;}
section.images-gallery {padding: 55px 0;}
h2 br {display: none;}
.feature-section {padding: 60px 0;} 
.feature-section h2 {margin-bottom: 0;}
.explore-section h2 {font-size: 30px; letter-spacing: 3px;}
section.explore-section {padding: 65px 0;} 
.logo-box {    max-width: 169px;}
.banner-section h1 {margin-top: 0;}
.logo-box {padding-top: 0; max-width: 169px; margin: 0 auto; }
.head-nav ul li.inquire {margin-left: 0; }
.head-nav ul li.inquire a {border: none; padding: 15px 25px; }

.head-nav ul li .sub-menu li {padding: 0 23px; }
.head-nav ul li .sub-menu li a {color: #bccca5; font-size: 19px; padding: 15px 25px; }
.head-nav ul li .sub-menu li:last-child {border-bottom: none; }
ul.sub-menu:after {display: none; }
ul.sub-menu {background-color: #0e332f; position: relative; transform: none; left: 0; width: 100%; visibility: visible; opacity: 1; top: 0; padding: 0; display: none; }
.explore-item {width: calc(100% + 26px) !important; margin-left: -26px;}
.explore-section h3 {font-size: 20px;letter-spacing: 2px;}
.explore-section .slick-arrow {display: none !important;}
.explore-box {width: calc(50% - 26px); float: left; margin: 0 13px;}
.floorplan-box h3 {background-color: #e2e0d1; margin: 0; padding: 34px 45px 30px; font-size: 20px; font-weight: 800; letter-spacing: 4px; text-transform: uppercase;    font-variation-settings: "ital" 0, "wght" 500, "wdth" 125;}
.community-img img:last-child {margin-top: -69px; margin-left: -137px; }
.content-slider .content {padding-right: 0;}
.cbp-spmenu-push-toleft .head-right {right: 0; }
.head-nav ul li {border-bottom: solid 1px #bccca5; color: #bccca5; }
.head-nav ul li a {color: #bccca5; }
 
span.plus_img:after {content: ""; border: solid #bccca5; border-width: 0 2px 2px 0; display: inline-block; padding: 7px; transform: rotate(45deg); }
.project-plan-section .container > p {margin-top: 0; }
.content-info-section h2 {font-size: 32px} 
.head-nav ul li.inquire a:hover {
    background-color: transparent;
    border-color: transparent;
    color: inherit;
}

}
 

@media (max-width:767px) {   
.bottom-bg {padding-bottom: 48px;} 
.image-section .content-box h2, .image-content .content-box h2 {font-size: 28px; line-height: 36px}
.bottom-bg:after,.video-section:after {height: 48px;}

.contact-top-section h2 {font-size: 28px;}
.community-text ul li {
    font-size: 18px;
}

.explore-box .img-box {
    height: calc(100% - 32px);
}
    .inner-banner .banner-image {
    height: 270px;
}

.gallery-slider .img-box {
    height: 437px;
}

.gallery-slider .img-box img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.gallery-slider .slides-numbers {
    bottom: 92px;
}
.contact-info h2 {font-size: 28px;}
.top-content-left h2 {font-size: 22px; letter-spacing: 3px;}
.homes-list-product {
    margin-top: 25px;
}

.homes-list h2 {
    letter-spacing: 3px;
    margin-top: 0;
    margin-bottom: 0;
}
.homes-list-content p {
    margin-top: 4px;
    line-height: 1.6;
    letter-spacing: 0.5px;
} 
.project-plan-section .container > p {margin-top: 0; }
.project-plan-content p br {display: block; }
.project-plan-content p {font-size: 17px; line-height: 1.75; letter-spacing: 0.1px; }
.banner-image {height: 437px;}
.banner-image img {
        object-position: 77%;
}
.banner-section h1 strong {
    width: 100%;
    opacity: 1;
        padding-right: 0;
    font-weight: 300;
}
.image-section .content-box, .image-content .content-box {margin-top: 25px;}
.home .image-content .content-box h2 {font-size: 28px; line-height: 36px}
.home .image-content .content-box p {font-weight: 500; font-size: 17px; letter-spacing: 0.5px; padding-right: 10px; }

.content-slider button.slick-arrow {display: none !important;}

.community-img {
    width: 100%;
}
section.content-slider {
    padding: 60px 0;
    background-color: #bccca5;
}
.content-slider .slides-numbers {
    left: 0;
    text-align: center;
    width: 100%;
}
.content-box a.btn {font-size:16px;}
.home .image-content .content-box p {font-size: 16px;}
.community-text {
    width: 100%; 
    padding-right: 0;
}

.community-img img:last-child {
    margin-top: -40px;
    margin-left: -77px;
}
section.community-section {padding: 65px 0;}
.contact-form:after {display: none; }
.contact-form {padding: 40px 30px; }
body h2.gform_title {font-size: 28px; }
body .gfield_radio .gchoice {width: 100%; margin-right: 0; margin-bottom: 20px; }
body .gfield_radio {display: flex; flex-wrap: wrap; }
body .ginput_container.ginput_container_radio {margin-bottom: 10px; }
body .gform_wrapper.gravity-theme input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]) {line-height: normal; min-height: inherit; }
.contact-info .col-8 .col-6 {width: 100%; }

.contact-top-section .button-box a.btn {padding: 18px 19px 15px; margin-right: 9px; min-width: 124px; margin-bottom: 10px; }
.floorplan-box a.btn {display: flex; margin: 15px auto 0;width: 115px;float: none;}
.top-content-left h2 {
    margin-bottom: 0;
    font-size: 22px;
    letter-spacing: 3px;
    line-height: 1.45;
        color: #0a2522;
}
.top-content-left h2 br {display: none;}
.top-content-left p {font-size: 16px;}
.img-box {border-radius: 15px;}
p br {display: none;} 
footer {padding-top: 70px;}
.col-4 {width: 100%;} 
.col-8 {width: 100%;}
.floorplan-box {    width: calc(100% - 20px);}
.footer-left p {line-height: 1.4; margin-top: 0;}
h2 {letter-spacing: 2px; line-height: 1.25;}
.banner-section h1 {font-size: 36px; letter-spacing: 10px; line-height:56px; }
.col-6 {width: 100%; }
.latest-update-event .col-6 {padding-right: 0; }
.latest-update-event a {margin-left: 0; } 
.latest-update-event h2 {width: 100%; margin-bottom: 8px; }
.latest-content {margin-top: 40px; }
.image-section, .image-content {padding: 70px 0; } 
.image-content .button-box a.btn {width: 100%; margin-top: 20px; }
section.project-plan-section {padding: 30px 0 30px; }
.project-plan-section h2 {
    letter-spacing: 3px;
    margin-bottom: 0;
}
.plan-box {width: 100%; margin: 0; }
.home-icons {width: 45px; }
.homes-list-content .col-6 {padding-left: 68px; }
.homes-list-content h3 {line-height: 1.2;}
.iframe-box a.btn {width: 100%; }
.project-plan-content .col-8 {margin: 0; } 
.inner-banner h1 { font-size:32px; letter-spacing:6px; width: 100%; max-width: 100%;}
.explore-section h3 {font-size: 15px; text-align: center;}
.explore-box {width: calc(50% - 16px); float: left; margin: 0 8px; }
.explore-box .img-box {margin-bottom: 15px; }
.explore-item {width: calc(100% + 16px) !important; margin-left: -8px; }
.explore-slider {margin-top: 20px; }
.floorplan-box h3 {background-color: #e2e0d1; margin: 0; padding: 20px 24px 18px; font-size: 24px; font-weight: 100; }
h1 {font-size: 28px; }
.single-event-box h2 {font-size: 28px;}
section.inner-banner-title h1 {letter-spacing: 2px}
.contact-top-section ul li {width: 50%;}
body .gform_wrapper.gravity-theme .gfield.gfield--width-half {padding-right: 0}

.table-content {
    overflow: auto;
}

.step-box {
    flex-wrap: wrap;
}

.step-number {
    width: 100%;
}

.step-number strong {
    font-size: 50px;
}

.step-text {
    width: 100%; 
    padding-left: 0;
}

body .gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) fieldset:not([style*="display:none"]):not(.ginput_full)~span:not(.ginput_full), .gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) span:not([style*="display:none"]):not(.ginput_full)~span:not(.ginput_full) {
    padding-left: 0;
}

.lottery-process p {
    /* margin-bottom: 0; */
}

section.content-info-section {
    padding: 60px 0 47px;
}

.iframe-section {padding-bottom: 70px;}
footer:after {background-size: cover; height: 55px;}
.footer-left h2 {font-size: 28px;}
footer .container > p {
        max-width: 298px;
    margin: 0 auto 35px;
}
.plan-box h3 {    margin: 0 0 10px;
    font-size: 17px;}
.footer-left h3 {font-size: 16px;}
.home-text p {font-size: 12px;}
.homes-list-content p {font-size: 16px}
.home .image-content .content-box {
   
    padding-left: 0;
}
.homes-list-content h3 {
    font-size: 18px;
}
.homes-list-content a {
    font-size: 16px;
}
.gallery-slider button.slick-arrow {
    transform: translateY(-74px);
}
.video-section .container img {
    max-width: 250px;
    margin-top: -48px;
}
.admin-bar .button_container {
    top: 70px;
}
.admin-bar .head-right {
    top: 121px;
}
}
@media(max-width: 575px) {
    .video-section:after {
        bottom: -47px;
    }
    .home .image-content {
        padding-top: 117px;
    }
	.video-section .container img {
   
    margin-top: 0;
}
}
body .gform_wrapper.gravity-theme .gfield input {
    margin-top: 0;
}
body .ginput_container--name {
    margin-bottom: 0px !important;
    grid-gap: 20px;
}
.contact-form-section .gform_fields {
    grid-gap: 20px !important;
}
body .ginput_container--name span {
    padding: 0 !important;
}
.image-section .images-box img {
    border-radius: 20px;
}
.contact-form .ginput_container_checkbox input {
    display: none !important;
}
.contact-form .ginput_container_checkbox label {
    display: flex !important;
    align-items: center;
}
.contact-form .gform_footer .gform_button {
    margin-bottom: 55px !important;
}

.gallery-slider .slick-list {height: 100%; }
.gallery-slider .slick-track {height: 100%; }
.gallery-slider .slick-slide {height: 100%; }
.gallery-slider .slick-slide > div {height: 100%; }
.gallery-slider .slick-slide .slider__item {height: 100%; }
.gallery-slider .slick-slide .img-box {height: 100%; }
.gallery-slider .slick-slide img {height: 100%; object-fit: cover; }


@media(max-width: 767px) {
	.contact-form .gform_footer .gform_button {
    margin-bottom: 0px !important;
}
}







.newbanner-images-wrapper {
    background-color: #bccda6;
    padding: 120px 0 0 0;
}


.newbanner-images-wrapper img {
    border-radius: 16px;
    max-height: 500px;
    object-fit: cover;
}

.newbanner-images-wrapper .newbanner-image-item {
    padding-bottom: 30px;
}
.newbanner-images-wrapper + section.top-content-left {
    padding-top: 0;
}



.newbanner-images-wrapper + section.top-content-left  h2 {
    margin-top: 0;
}
.images-gallery .slides-numbers {
    right: unset;
    left: 0;
    bottom: 5px;
}
.gallery-img-slider p {
  
    margin-left: 100px;
}
.gallery-slider button.slick-arrow {
    transform: unset;
    top: unset; 
    bottom: 0;
}

.gallery-slider button.slick-prev.slick-arrow {
    left: unset;
    right: 80px;
}
.colorways-gallery-section .container {
       max-width: 1167px !important;
    padding: 0 26px !important;
    margin: 0 auto;
}
#colorway-lightbox .lightbox-overlay {
   
    background: #f5f5f0 !important;
}

body div#glightbox-body .goverlay {
    background: #f5f5f0;
}
#colorway-lightbox .lightbox-image-container {
  
    box-shadow: none;
}
.password-box input[type="password"] {
    border-radius: 14px;
    background-color: #dedbc8;
    padding: 10px 16px;
    height: 58px;
    font-weight: 400;
    font-size: 18px;
    font-family: "pf-grand-gothik-variable", sans-serif;
    border: none;
    color: #203432;
    width: 100%;
    max-width: 500px;
}

.password-box label {
    margin-bottom: 0;
    display: block;
}

.password-box button.gform_button.button.btn {
    border-radius: 12px;
    border: solid 1px #bccca5;
    text-transform: uppercase;
    background-color: #bccca5;
    font-size: 16px;
    line-height: normal;
    font-family: "pf-grand-gothik-variable", sans-serif;
    letter-spacing: 2px;
    padding: 18px 20px;
    cursor: pointer;
    color: #203432;
}
.password-box button.gform_button.button.btn:hover {
    background-color: transparent;
}
.password-protection-content {
    
    background-color: #ffffff;
    padding: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.page-template-page-password section.contact-top-section {
    height: 100vh;
}
.content-slider .slick-slide {
    padding: 1px;
}
.lightbox-close-btn {
    background: transparent !important;
    backdrop-filter: none !important;
}
.lightbox-close-btn svg {
    width: 50px !important;
    height: 50px !important;
}
div#events-container .coming-soon-message h2 {
    font-size: 40px;
}
.coming-soon-message {
    text-align: center;
}
footer .container > p.small-text {
    font-size: 13px;
}
@media(max-width: 992px) {
    .newbanner-images-wrapper {
    padding: 80px 0 0 0;
}
.newbanner-images-wrapper .newbanner-image-item {
    padding-bottom: 0;
}
p.newbanner-label {
    padding-bottom: 25px;
    margin-bottom: 0;
}
.newbanner-images-wrapper + section.top-content-left {
    
    padding-bottom: 30px;
}
.gallery-slider button.slick-arrow {
 
    bottom: 58px;
}
}
@media(max-width: 767px) {
  .images-gallery .slides-numbers {
    bottom: 0;
}
.gallery-slider button.slick-arrow {
    bottom: -4px;
}
.gallery-img-slider p {
    margin-left: 0;
        margin-top: 20px;
}


.page-template-page-password section.contact-top-section ul {
    margin-top: 50px;
}

.page-template-page-password section.contact-top-section .container {
    padding: 0 20px;
}

.page-template-page-password section.contact-top-section li a {
    font-size: 16px;
}
.page-template-page-password section.contact-top-section {
    height: 70vh;
}
.password-protection-content {
    padding: 20px 0;
}
.password-protection-content .container {
    padding: 0 20px;
}
div#events-container .coming-soon-message h2 {
    font-size: 30px;
}
div#events-container .coming-soon-message p {
    line-height: 25px;
    font-size: 16px;
}
section.event-content-section {
    padding: 70px 0 30px;
}
.container {
    padding: 0 20px;
}
}
@media(max-width: 575px) {
    .colorways-gallery-section .colorways-grid {
    gap: 0px !important;
}
}