/*
Theme Name: BSC
Author: Harry
Author URI: dlotusteam.com
Version: 1.0
 */

 @font-face {
    font-family: 'Silk Serif';
    src: url('fonts/SilkSerif-Medium.eot');
    src: url('fonts/SilkSerif-Medium.eot?#iefix') format('embedded-opentype'),
        url('fonts/SilkSerif-Medium.woff2') format('woff2'),
        url('fonts/SilkSerif-Medium.woff') format('woff'),
        url('fonts/SilkSerif-Medium.ttf') format('truetype'),
        url('fonts/SilkSerif-Medium.svg#SilkSerif-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Brandon Text';
    src: url('fonts/BrandonText-Bold.eot');
    src: url('fonts/BrandonText-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/BrandonText-Bold.woff2') format('woff2'),
        url('fonts/BrandonText-Bold.woff') format('woff'),
        url('fonts/BrandonText-Bold.ttf') format('truetype'),
        url('fonts/BrandonText-Bold.svg#BrandonText-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Silk Serif';
    src: url('fonts/SilkSerif-Regular.eot');
    src: url('fonts/SilkSerif-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/SilkSerif-Regular.woff2') format('woff2'),
        url('fonts/SilkSerif-Regular.woff') format('woff'),
        url('fonts/SilkSerif-Regular.ttf') format('truetype'),
        url('fonts/SilkSerif-Regular.svg#SilkSerif-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Brandon Text';
    src: url('fonts/BrandonText-Light.eot');
    src: url('fonts/BrandonText-Light.eot?#iefix') format('embedded-opentype'),
        url('fonts/BrandonText-Light.woff2') format('woff2'),
        url('fonts/BrandonText-Light.woff') format('woff'),
        url('fonts/BrandonText-Light.ttf') format('truetype'),
        url('fonts/BrandonText-Light.svg#BrandonText-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Silk Serif';
    src: url('fonts/SilkSerif-Light.eot');
    src: url('fonts/SilkSerif-Light.eot?#iefix') format('embedded-opentype'),
        url('fonts/SilkSerif-Light.woff2') format('woff2'),
        url('fonts/SilkSerif-Light.woff') format('woff'),
        url('fonts/SilkSerif-Light.ttf') format('truetype'),
        url('fonts/SilkSerif-Light.svg#SilkSerif-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

.ff-silk-serif{
    font-family: 'Silk Serif' !important;
}
.ff-brandon-text{
    font-family: 'Brandon Text' !important;
}
.ff-lato{
    font-family: 'lato', serif !important;
}

html{
    overflow-x:hidden ;
}
body{
    font-family: 'Brandon Text', serif;
    font-size: 16px;
    overflow-x: hidden;
    background: #EBE7E1;
}

a{
    text-decoration: none;
    color: #5A549C;
}
a:hover{
    color:#5A549C !important;
}

p{
    font-family: 'Lato', serif;
    font-weight: 300;
}

h1{
    font-size: 70px;
    color: #5A549C;
    line-height: 0.9;
    font-family: 'Silk Serif';
    font-weight: 300;
}
h2{
    font-size: 60px;
    color: #5A549C;
    line-height: 0.9;
    font-family: 'Silk Serif';
    font-weight: 300;
}
h3{
    font-size: 24px;
    color: #5A549C;
    line-height: 0.9;
    font-family: 'Silk Serif';
    font-weight: 300;
}
h4{
    font-size: 21px;
}
h5{
    font-size: 16px;
}
h6{
    
}
ul,ol{
    padding-left: 17px;
    font-family: 'Lato', serif;
    font-weight: 300;
}
hr{
    border-color: #000;
}
.admin-bar header{
    top: 32px;
}

.section{
    padding-top: 50px;
    padding-bottom: 50px;
}
.section-small{
    padding-top: 30px;
    padding-bottom: 30px;
}

@-webkit-keyframes headerFadeIn {
    0% {
        top: -60px;
        opacity: 0;
        -webkit-animation-timing-function: ease-out;
    }
    100% {
        top: 0;
        opacity: 1;
        -webkit-animation-timing-function: ease-in;
    }
}

@-moz-keyframes headerFadeIn {
    0% {
        top: -60px;
        opacity: 0;
        -moz-animation-timing-function: ease-out;
    }
    100% {
        top: 0;
        opacity: 1;
        -moz-animation-timing-function: ease-in;
    }
}

@-o-keyframes headerFadeIn {
    0% {
        top: -60px;
        opacity: 0;
        -o-animation-timing-function: ease-out;
    }
    100% {
        top: 0;
        opacity: 1;
        -o-animation-timing-function: ease-in;
    }
}
@keyframes headerFadeIn {
    0% {
        top: -60px;
        opacity: 0;
        animation-timing-function: ease-out;
    }
    100% {
        top: 0;
        opacity: 1;
        animation-timing-function: ease-in;
    }
}

header{
    position: absolute;
    width: 100%;
    z-index: 11;
    top: 0;
    pointer-events: none;
}
header .navbar{
    background:url(images/background-MenuBar.png);
    background-size: 100% 100%;
    background-position: bottom center;
    transition-duration: 1s;
    transition:all 1s ease;
    padding: 15px 0 200px;
}
header .navbar .navbar-nav .nav-item{
    margin-right: 0.5rem;
}
header .navbar .navbar-nav .nav-item:last-child{
    margin-right: 0;
}
header .navbar .navbar-nav .nav-link{
    color: #7F5B95;
    text-align: center;
    line-height: 1;
    font-size: 12px;
    font-weight: 700;
}
#header .navbar-brand{
    pointer-events: initial;
}
header .navbar .navbar-nav .nav-register{
    font-size: 16px;
    font-weight: normal;
    letter-spacing: 1px;
    border: 1px solid #fff;
    color: #fff;
    padding: 15px;
    pointer-events: initial;
}
header .navbar .navbar-nav .nav-register:hover{
    background-color: #5A549C;
    border: 1px solid #5A549C;
    color: #fff !important;
}
header .navbar .navbar-nav .nav-search{
    width: 40px;
    height: 38px;
    background-image: url(images/icon-search-green.png);
    background-position: center;
    background-repeat: no-repeat;
}
header .navbar .navbar-nav .nav-search img{
    vertical-align: top;
}
header .navbar-dropdown{
    background: #fff;
    padding: 0;
}
header .navbar-dropdown .navbar-collapse{

}
header .navbar-dropdown .navbar-nav{
    flex-direction: row;
}
header .navbar-dropdown .navbar-nav .nav-item{
    margin-right: 2rem;
}
header .navbar-dropdown .navbar-nav .nav-link{
    text-align: left;
    color: #000;
}
header .inner-collapse{
    padding: 50px 0;
}
header .sub-menu a{
    color: #000000;
    font-size: 14px;
    font-family: 'Lato', serif;
    max-width: 105px;
    display: inline-block;
}

header .navbar-dropdown .navbar-nav .nav-link:hover,
header .sub-menu a:hover{
    color: #75AC40;
}
header .close{
    margin: 0 2.5rem;
    padding: 0;
    position: relative;
}
header .close .back{
    position: absolute;
    z-index: 1;
    top: 11px;
    left: 13px;
    opacity: 0;
    width: 30px;
}
header .close:hover .front{
    opacity: 0;
    transition-duration: 0.2s;
}
header .close:hover .back{
    transition-duration: 0.5s;
    opacity: 1;
}
#header.sticky {
    position: fixed;
    z-index: 99;
    top: 0;
    -webkit-animation-duration: 0.4s;
    -moz-animation-duration: 0.4s;
    -o-animation-duration: 0.4s;
    animation-duration: 0.4s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: headerFadeIn;
    -moz-animation-name: headerFadeIn;
    -o-animation-name: headerFadeIn;
    animation-name: headerFadeIn;
    opacity:1;
}
.admin-bar #header.sticky {
    padding-top: 32px;
}
#header.sticky .navbar-brand img{
    height: 40px;
}
#header.sticky .navbar{
    padding: 15px 0 100px;
}
#header.sticky .navbar .navbar-nav .nav-register{
    font-size: 10px;
    padding: 10px;
}
.floating-menu{
    position: fixed;
    right: 30px;
    bottom: 30px;
    z-index: 99;
    font-size: 12px;
}
.floating-menu .middle-line{
    padding-left: 15px;
    padding-right: 15px;
}
.floating-menu .middle-line hr{
    border-color: #9FA8B8;
    margin-top: 2px;
    margin-bottom: 2px;

}
.floating-menu ul{
    margin-bottom: 15px;
}
.floating-menu > ul > li > a{
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 2px;
    padding-bottom: 2px;
    display: block;
}
.floating-menu .submenu li a{
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 2px;
    padding-bottom: 2px;
}
.floating-menu a{
    font-family: 'Brandon Text' !important;
    color: #9FA8B8;
    font-weight: bold;
}
.floating-menu a:hover,
.floating-menu .actived > a{
    color: #6177B6;
    background-image:url(images/menu-arrow.svg);
    background-size: 10px;
    background-repeat: no-repeat;
    background-position: left center;
}
.floating-menu .actived > a{
}

.nav-bar{
    padding: 0.5rem;
}
.nav-bar span{
    display: block;
    width: 28px;
    height: 2px;
    background: #00391A;
    margin-bottom: 6px;
}
.nav-bar span:last-child{
    margin-bottom: 0;
}
body.home{
    padding-top: 0;
}
/* .home header .navbar{
    background: transparent;
}
.home header .navbar .navbar-nav .nav-search{
    background-image: url(images/icon-search.png);
}
.home header .navbar .navbar-nav .nav-link{
    color: #fff;
}
.home header .navbar .navbar-nav .nav-register{
    border-color: #fff;
}
.home .nav-bar span{
    background: #fff;
}
.home header .navbar-dropdown{
    background: #fff;
}
.home header .navbar-dropdown .navbar-nav .nav-link{
    color: #000;
} */

.main-category{
    flex: 0 0 auto;
    width: 220px;
    padding-right: 30px;
}
.main-category .main-category-title{
    font-size: 10px;
    font-family: 'Lato', serif;
    color: #808080;
}
.main-category-list{
    line-height: 0.9;
    font-size: 31px;
    max-width: 220px;
    font-family: 'Cormorant Garamond', serif;
}
.main-category-list li{
    margin-bottom: 15px;
}
.main-category-list li a{
    color: #000;
}
.category-list{
    font-weight: 300;
    font-family: 'Lato', serif;
    color: #000000;
}
.category-list .list-inline-item{
    margin-right: 1rem;
}
.category-list .btn{
    color: #000000;
    padding: 2px 5px;
}
.category-list .btn.actived,
.category-list .btn:hover{
    color: #fff;
    background: #5A549C;
}

footer{
    background: #29235C ;
    color: #fff;
    padding: 45px 0 1rem;
}
.top-title{
    padding-top: 50px;
    position: relative;
    z-index: 10;
}
.page-template-default .top-title,
.page-template-template-amenities .top-title{
    padding-top: 120px;
}
.top-title .title-1{
    font-size: 62px;
    font-weight: 300;
    display: block;
    color: #5A549C;
    line-height: 1.4;
}
.top-title .title-2{
    font-size: 104px;
    display: block;
    color: #5A549C;
}
.top-title .title-3{
    font-size: 36px;
    font-weight: 300;
    display: block;
    color: #5A549C;
    line-height: 2;
}
#topbanner{
    position: relative;
}
#topbanner .item{
    height: 100vh;
    overflow: hidden;
}
#topbanner .item > img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;

}
#topbanner .overlay{
    width: 100%;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    left: 20px;
    color: #fff;
    text-align: center;
    padding-top: 15px;
}
#topbanner .overlay h1{
    line-height: 0.9;
    font-size: 120px;
    color: #fff;
    margin-bottom: 1rem;
}
#topbanner .overlay p{
    font-size: 21px;
    font-family: 'Lato', serif;
    text-shadow: 0 0 5px #000;
}
#topbanner .overlay .headline{
    width: auto;
    height: auto;
}
#topbanner .btn-discover{
    position: absolute;
    bottom: 30px;
    transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    left: 50%;
    padding: 0.5rem 1.3rem;
}
#topbanner .position-left{
    top: 60px;
    left: 30px;
    transform: initial;
}

#vr360-wrapper{
    font-family: 'lato', serif;
}
#vr360-wrapper h2{
    font-size: 60px;
    line-height: 0.8;
}
#vr360-wrapper h6{
    font-size: 12px;
    color: #666666;
}
#vr360-wrapper .vr360-description p{
    font-size: 14px;
    color: #666666;
}
#vr360-wrapper hr{
    margin-bottom: 3rem;
}
#vr360-wrapper .icon-vr360{
    padding: 0 3rem;
}
.home-row-01{
    margin-top: -70px;
}
.home-row-01 .coloum3 img{
    margin-top: -90px;
}
.home-row-02{
    margin-top: -39px;
}
.home-row-02 .description{
    position: relative;
    z-index: 2;
}
.home-row-02 .banner-wrapper{
    position: relative;
    z-index: 1;
}
.home-row-02 .banner{
    position: relative;
    z-index: 1;
    margin-top: -150px;
}
.home-row-02 .arrow{
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: calc(50% - 30px);
}
.home-row-03 .masterplan-sitemap .list-inline-item:not(:last-child){
    margin-right: 1rem;
}
.home-row-03 .masterplan-sitemap span{
    display: flex;
    align-items: center;
}
.home-row-03 .masterplan-sitemap i.color{
    display: inline-block;
    vertical-align: middle;
    width: 15px;
    height: 15px;
    border-radius:50%;
    background:#fff;
    margin-right: 5px;
}
.home-row-03 .masterplan-sitemap i.color1{
    background:#6c9ca8;
}
.home-row-03 .masterplan-sitemap i.color2{
    background:#9C9C98;
}
.home-row-03 .masterplan-sitemap i.color3{
    background:#BABEC6;
}
.home-row-03 .masterplan-sitemap i.color4{
    background:#AE9E99;
}
.home-row-03 .masterplan-sitemap i.color5{
    background:#A1B0B7;
}
.home-row-03 .masterplan-sitemap i.color6{
    background:#a9847d;
}
.home-row-03 .masterplan-wrapper{
    display: inline-block;
}
.home-row-04 {
    background: url(images/Gradient_BG.jpg);
    background-size: cover;
    background-position: top center;
    color: #fff;
    padding-top: 50px;
    position: relative;
}
.home-row-04 .arrow-wrapper{
    position: absolute;
    top: 50px;
    right: 0;
}
.home-row-04 .banner-wrapper{
    position: relative;
}
.home-row-04 .banner-wrapper .overlay{
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding-left: 55%;
    padding-right: 5%;
}
.home-row-04 .title2{
    display: inline-block;
    padding-left: 60px;
    padding-top: 5px;
}
.home-row-04 h2{
    color: #fff;
}
.home-row-05{
    margin-top: -40px;
    padding-top: 0;
    z-index: 3;
    position: relative;
}
.home-row-05 h5{
    color: #5A549C;
    font-size: 20px;
    line-height: 1;
    position: relative;
    margin-bottom: 15px;
    margin-top: 161px;
}
.home-row-05 h5:after{
    content: "";
    width: 100%;
    position: absolute;
    bottom: 4px;
    left: 0;
    border-bottom: 1px solid #5A549C;
    z-index: -1;
}
.home-row-05 h5 span{
    background: #EBE7E1;
    padding-right: 10px;
}
.home-row-05 h6{
    font-family: 'Silk Serif';
    color: #5A549C;
    font-size: 26px;
}
.home-row-05 .coloum1{
    margin-top: 150px;
}
.home-row-05 .coloum4{
    margin-top: 140px;
}
.home-row-06 {
    padding-top: 0;
}
.home-row-06 .linestyle-shot:after{
    
}
.home-row-06 .innerwrapper{
    background: url(images/Gradient_BG_01.jpg);
    background-size: cover;
    background-position: bottom center;
    padding-top: 302px;
    margin-top: -222px;
}
.home-row-06 .innerwrapper,
.home-row-06 .innerwrapper .new-event-wrapper h2{
    color: #fff;
}
.home-row-06 .innerwrapper .new-event-wrapper{
    position: relative;
}
.home-row-06 .innerwrapper .new-event-wrapper a.readmore{
    position: absolute;
    bottom: 100px;
    left: 0;
    color: #fff;
}
.home-row-07 .middle-banner{
    margin-top: -170px;
}
.home-row-07 .contact-us{
    margin-top: -180px;
    background: url(images/home-12.png);
    background-size: cover;
    background-position: bottom center;
    padding-bottom: 600px;
}
.home-row-07 .contact-info{
    margin-top: -20px;
}
.home-row-07.contact-us-page{
    margin-top: 120px;
    padding-bottom: 0;
}
.home-row-07.contact-us-page .contact-us{
    background-position: top center;
    padding-bottom: 50px;
}
.home-row-08 .other-project{
    /* background: url(images/home-13.png); */
    background-size: cover;
    background-position: top center;
    padding-bottom: 430px;
    margin-top: -580px;
}
.home-row-08 h2{
    color: #fff;
}
.home-row-08 .btn-primary{
    font-size: 20px;
    font-weight: 300;
    letter-spacing: 1px;
    line-height: 1;
    padding: 13px 20px 10px;
}
.home-row-08 .btn-primary img{
    height: 15px;
}
.home-row-09{
    margin-top: -222px;
    padding-bottom: 50px;
}
.home-project{
    position: relative;
}
.home-project .customNavigation img{
    width: 40px;
}
.home-project .customNavigation .btn{
    position: absolute;
    padding: 0;
    z-index: 10;
    top: calc(50% - 20px);
}
.home-project .customNavigation .btn.next{
    right: -20px;
}
.home-project .customNavigation .btn.prev{
    left: -20px;
}
.home-project .overlay{
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.home-project a:hover .overlay{
    background: #7F5B9580;
    transition-duration: 0.5s;
}
.home-project .viewmore{
    width: 30px !important;
    margin: 30px auto 5px;
}
.home-project .projectlogo{
    height: 70px;
}
.project-status-wrapper{
    position: absolute;
    bottom: 15px;
    left: 0;
    width: 100%;
    text-align: center;
}
.project-status-wrapper .project-status{
    display: inline-block;
    border-radius: 50px;
    background: #fff;
    padding: 0 15px;
}
.project-status-wrapper .project-status.complete{
    color: #fff;
    background: #5A549C;
}

/***********************************
* Amenities
************************************/
.amenities-row-01{
    background: url(images/bg-amenities-01.png);
    background-size: 100%;
    background-position: top center;
    background-repeat: no-repeat;
}
.amenities-row-01 .map{
    
}
.amenities-row-01 .coloum4{
    padding-left: 44px;
}
.amenities-box h5{
    font-family: 'Silk Serif';
    color: #5A549C;
    font-size: 29px;
    font-weight: 300;
}
.amenities-box h5:after{
    border-color: #5A549C;
}
.amenities-box .amenities-info{
    font-family: 'lato', serif !important;
    margin-bottom: 10px;
}
.amenities-box .amenities-info span{
    display: block;
    font-family: 'Silk Serif';
    color: #5A549C;
    font-size: 29px;
    font-weight: 300;
    line-height: 1;
}

/***********************************
* North Haven
************************************/
.northhaven-row-02{
    background: url(images/bg-north-haven.png);
    background-size: 100%;
    background-position: center center;
    background-repeat: no-repeat;
}
.northhaven-row-02 .coloum1{
    margin-top: -30px;
}
.northhaven-row-03 .banner{
    
}
.northhaven-row-03 .map{
    background: #EBE7E1;
}
.northhaven-row-04 h2{
    line-height: 1;
    font-size: 95px;
}
.northhaven-row-04 h2 span{
    font-size: 36px;
    display: block;
}

/***********************************
* BSC Clubhouse
************************************/
.bscclubhouse-row-04{
    margin-top: -130px;
}
.bscclubhouse-row-04 h2 span{
    display: block;
}
.bscclubhouse-row-04 h2 .title2{
    padding-left: 50px;
}
.bscclubhouse-row-04 .description{
    position: relative;
    z-index: 2;
}
.bscclubhouse-row-04 .banner{
    position: relative;
    z-index: 1;
    margin-top: -200px;
}   
.bscclubhouse-row-05{
    position: relative;
    z-index: 2;
}
.bscclubhouse-row-05 .coloum2{
    margin-top: -156px;
} 
.bscclubhouse-row-05 .coloum3{
    margin-top: -45px;
}

/***********************************
* Development
************************************/
.development-row-1{
    position: relative;
}
.development-row-1 .overlay{
    position: absolute;
    width:100%;
    top: 40%;
    transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
}
.development-row-1 h1 .title1{
    font-size: 62px;
    font-weight: 300;
}
.development-row-1 h1 .title2{
    font-size: 104px;
}
.development-row-2{
    background: url(images/bg-north-haven.png);
    background-size: 100%;
    background-position: top center;
    background-repeat: no-repeat;
    margin-top: -150px;
}
.development-row-2 .development-wrapper{
    background: #EBE7E1;
    z-index: 1;
    position: relative;
}
.development-row-2 .development-wrapper .arrow{
    margin-top: -54px;
    margin-bottom: 1.5rem;
}
.development-row-2 .development-wrapper .development-box .excerpt {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
}
.development-row-2 .development-wrapper .development-box .status{
    color: #;
}

/***********************************
* Project
************************************/
.project-row-01{
    position: relative;
    z-index: 2;
}
.project-row-01 .projectlogo{
    max-height: 100px;
}
.project-row-01 h2{
    color: #34332E;
    font-size: 91px;
}
.project-row-03 .description{
    position: relative;
}
.project-row-03 .overlay{
    position: absolute;
    top: 3rem;
    width: 100%;
}
.project-row-03 .overlay h3{
    color: #34332E;
}
.project-row-03 .external_link{
    text-align: center;
    position: absolute;
    width: 100%;
    bottom: 30px;
    left: 0;
}
.project-row-04 {
    position: relative;
    z-index: 2;
}
.project-row-04 h3{
    color: #34332E;
}
.project-row-05{
    margin-top: -150px;
    position: relative;
    z-index: 1;
}


.new-event-wrapper .new-event-box{
    border:1px solid #fff
}
.new-event-wrapper .new-event-box .description{
    padding: 15px;
}
.new-event-wrapper .new-event-box .description .excerpt{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
}
.new-event-wrapper .new-event-box .description .date{
    font-size: 48px;
    line-height: 0.7;
}
.new-event-wrapper .new-event-box .description .month{
    line-height: 1;
}
.property-type-text{
    background: #8C9D88;
    padding: 30px;
    font-size: 26px;
    line-height: 1.4;
    display: table;
    height: 100%;
    font-weight: bold;
}
.property-type-text .property-type-inner{
    display: table-cell;
    vertical-align: middle;
}
.property-type-text.property-type-bottom .property-type-inner{
    vertical-align: bottom;
}
.property-type-col .property-type-inner{
    position: relative;
}
.property-type-col .property-type-inner .property-title{
    position: absolute;
    z-index: 1;
    color: #fff;
    font-size: 21px;
    line-height: 1;
}
.property-type-col .property-type-inner .property-title:after{
    margin-bottom: 0 !important;
}
.property-type-col .property-type-inner .property-title-bottom{
    bottom: 20px;
    left: 20px;
}
.property-type-col .property-type-inner .property-title-middle{
    top: 50%;
    transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    left: 20px;
}
.property-type-col .large-gap .property-title-middle,
.property-type-col .large-gap .property-title-bottom{
    left: 30px;
}

.press-box .press-banner{
    margin-bottom: 1rem;
}
.press-box .press-details .date{
    font-size: 11px;
    font-weight: 700;
}
.press-box .press-details h4{
    font-size: 23px;
    font-weight: 700;
}
.press-box .press-details h4:after{
    content: "";
    width: 36px;
    display: block;
    border-top: 1px solid #000;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}
.press-box .press-details .description{
    font-family: 'Lato', serif;
    font-size: 13px;
    margin-bottom: 0.5rem;
}
.press-box .press-details .hyperlink{
    font-size: 12px;
    font-style: italic;
    color: #000000;
    font-weight: bold;
    font-family: 'Cormorant Garamond', serif;
}
.press-box .press-details .hyperlink span{
    color: #808080;
    font-weight: 900;
    font-size: 15px;
}
.press-box .press-details .hyperlink:hover,
.press-box .press-details .hyperlink:hover span{
    color: #75AC40;
}


.property-box .property-banner{
    margin-bottom: 0.5rem;
}
.property-box .property-details .property-type{
    font-size: 10px;
    font-weight: 700;
    margin-bottom: 0.5rem;
}
.property-box .property-details h4{
    font-size: 17px;
    font-weight: 700;
}
.property-box .property-details h4:after{
    content: "";
    width: 36px;
    display: block;
    border-top: 1px solid #000;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}
.property-box .property-details .description p,
.property-box .property-details .description{
    font-family: 'Lato', serif;
    font-size: 10px;
    margin-bottom: 0.5rem;
}
.property-box .property-details .description p{
    margin-bottom: 0;
}
.property-box .property-details .hyperlink{
    font-family: 'Cormorant Garamond', serif;
    font-size: 12px;
    font-style: italic;
    color: #000000;
    font-weight: 700;
}
.property-box .property-details .hyperlink span{
    color: #808080;
    font-weight: 900;
    font-size: 15px;
}
.property-box .property-details .hyperlink:hover,
.property-box .property-details .hyperlink:hover span{
    color: #75AC40;
}

.header-title{
    text-align: center;
    position: relative;
    padding-top: 40px;
}
.header-title h3{
    font-style: italic;
    font-size: 32px;
    line-height: 0.8;
}
.header-title h3 span{
    display: inline-block;
    border-bottom: 1px solid #000;
    padding-bottom: 32px;
    padding-right: 10px;
}
.header-title .row{
    position: relative;
    z-index: 1;
}
.header-title.bg-text-layer .bg-text-element{
    font-size: 190px;
}
.header-title2 h3{
    display: inline-block;
    border-bottom: 1px solid #000;
}
.heading-with-form h1{
    line-height: 0.8;
    padding-right: 50px;
}

.bg-text-layer{
    position: relative;
}
.bg-text-layer > *,
.bg-text-layer h2{
    position: relative;
    z-index: 1;
}
.bg-text-layer:after{
    color: #F1F7EC;
    content: attr(data-bg-text);
    display: block;
    font-size: 190px;
    line-height: 0.6;
    position: absolute;
    letter-spacing: -10px;
    z-index: -1;

    top: 0;
    left: 0;
}
.bg-text-layer.position-center:after{
    top: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    left: 50%;
}
.bg-text-layer.position-left:after{
    top: 50%;
    transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    left: 0;
}
.bg-text-layer .bg-text-element{
    color: #F1F7EC;
    display: block;
    font-size: 138px;
    line-height: 0.6;
    position: absolute;
    letter-spacing: -10px;
    white-space: nowrap;
}
.bg-text-layer .bg-text-element.position-right-center{
    top: 50%;
    transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    right: 0;
}
.bg-text-layer .bg-text-element.position-left-center{
    top: 50%;
    transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    left: 0;
}
.bg-text-layer .bg-text-element.position-left-top{
    top: 0;
    left: 0;
}
.bg-text-layer .bg-text-element.position-center-center{
    top: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    left: 50%;
}
.bg-text-layer .bg-text-element.position-center-bottom{
    bottom: 0;
    transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    left: 50%;
}
.bg-text-layer .bg-text-element.position-left-bottom{
    bottom: 0;
    left: 0;
}


/***********************************
* About Us
************************************/
#page-title-banner{
    background: #F1F7EC;
    padding-bottom: 200px;
}
#page-title-banner .banner{
    position: relative;
    height: calc(75vh - 120px);
    overflow: hidden;
}
#page-title-banner .overlay{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#page-title-banner .banner img{
    
}
#page-title-banner .banner h1{
    color: #fff;
    line-height: 0.9;
    font-size: 60px;
    margin-bottom: 0;
    padding: 60px 0;
}
#page-title-banner .banner .text-dark h1{
    color: #000;
}
#page-title-banner .banner .overlay.position-center-left{
    top: 50%;
    transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    left: 60px;
}
#page-title-banner .banner .overlay.position-bottom-left{
    top: initial;
    bottom: 60px;
    left: 60px;
}
.about-row-2{
    margin-top: -100px;
}
.about-row-3 h2{
    font-size: 44px;
}
.about-row-3 .bg-text-layer .bg-text-element{
    font-size: 172px;
}
.about-row-5 .row{
    background: url(images/about-us-03.jpg);
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;

    padding: 150px 0;
    padding-left: 35px;
}
.about-row-5 p{
    padding-bottom: 50px;
}
.about-row-5 h3{
    color: #fff;
    font-size: 45px;
    font-style: italic;
    font-weight: 100;
    text-align: right;
    line-height: 1;
}
.about-row-5 h3 span{
    display: block;
    padding-right: 120px;
}
.about-row-5 .inner-line{
    position: relative;
}
.about-row-5 .inner-line:after{
    content: "";
    border-top: 1px solid #fff;
    width: calc(100% - 195px);
    left: 15px;
    bottom: 15px;
    display: block;
    position: absolute;
}
.about-row-6 .row{
    margin-left: -30px;
    margin-right: -30px;
}
.about-row-6 .col-lg{
    padding-left: 30px;
    padding-right: 30px;
}
.about-row-6 .milestones-box h3{
    position: relative;
}
.about-row-6 .milestones-box h3:after{
    content: "";
    position: absolute;
    bottom: 15px;
    left: -43%;
    display: block;
    width: 91px;
    height: 4px;
    background: url(images/line-01.png);
}
.about-row-6 .col-lg:first-child .milestones-box h3:after{
    display: none;
}
.about-row-6 .bg-text-layer .bg-text-element{
    font-size: 190px;
}
.about-row-7{
    border-top: ;
}
.about-row-7 .col-lg-6{
    position: relative;
}
.about-row-7 .img-wrapper{
    margin-left: -180px;
}
.about-row-7 .linestyle-shot:after{
    width: 60px;
}
.about-row-7 h2{
    position: absolute;
    bottom: -15px;
    left: calc(var(--bs-gutter-x)/ 2);
    font-size: 54px;
    line-height: 0.9;
    margin: 0 0 0;
}
.about-row-7 h3{
    margin-top: 30px;
}
.about-row-8 .btn-knowmore,
.about-row-8 .btn-knowmore span{
    color: #fff;
    padding: 0;
    line-height: 1;
}
.about-row-8 .btn-knowmore{
    display: block;
    text-align: left;
}
.about-row-8 .property-type-text{
    width: 100%;
    background: #F1F7EC;
    font-size: 45px;
    font-weight: normal;
    border-bottom: 1px solid #000;
    padding: 0;
    line-height: 0.8;
}
.about-row-8 .property-type-text .property-type-inner{
    padding-bottom: 1rem;
}
.about-row-8 .property-type-col .property-type-inner .property-title-bottom{
    left: 30px;
    bottom: 15px;
}
.value-matter{
    background: #F1F7EC;
    padding: 1.5rem 1.5rem;
    margin: 0 -1.5rem;
}
.milestones-box p{
    font-size: 13px;
    font-weight: normal;
    margin-bottom: 0;
}
.milestones-box h3{
    font-size: 36px;
    margin-bottom: 5px;
}
.milestones-box h5{
    margin-bottom: 5px;
}


/***********************************
* Core Value
************************************/
.corevalue-row-2 .small-title{
    margin-bottom: 0;
}
.corevalue-row-2 .small-title:after{
    margin-top: 25px;
    margin-bottom: 25px;
}
.corevalue-row-3 .corevalue-innerbox{
    padding-top: 60px;
    padding-bottom: 60px;
}
.corevalue-row-3 .mission-box{
    margin-bottom: 45px;
}
.corevalue-row-3 .small-title{
    margin-bottom: 60px;
}
.corevalue-row-3 .bg-text-layer .bg-text-element{
    color: #fff;
    font-size: 230px;

    top: 0;
    transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    left: 50%;
}
.corevalue-row-4{
    margin-top: -30px;
}
.corevalue-row-4 h2{
    line-height: 0.9;
    margin-bottom: 25px;
}
.corevalue-row-4 .small-title:after{
    margin-top: 25px;
    margin-bottom: 25px;
}
.small-title{
    font-size: 11px;
    color: #808080;
    font-weight: normal;
    letter-spacing: 1px;
}


/***********************************
* Social Responsibility
************************************/
.social-responsibility-row-1 h2{
    padding-bottom: 45px;
    border-bottom: 1px solid #000;
}
.social-responsibility-row-2{
    padding-bottom: 200px;
}
.social-responsibility-row-3{
    margin-top: -150px;
}
.responsibility-report-box{
    text-align: center;
}
.responsibility-report-box .banner{
    box-shadow: 0 1px 5px 2px #e0e1e2;
    margin-bottom: 1.5rem;
}
.responsibility-report-box .banner img{
    width: 100%;
}
.responsibility-report-box .year{
    color: #80828A;
    margin-bottom: 5px;
    font-size: 14px;
}
.responsibility-report-box .linestyle-shot:after{
    margin-top: 1.5rem;
}


/***********************************
* Accolades
************************************/
.accolades-row-1{
    padding-top: 9rem;
    margin-top: -6rem;
}
.accolades-box{
    border-bottom: 1px solid #000;
}
.accolades-box .banner{
    min-height: 350px;
    margin-bottom: 1rem;
}
.accolades-box .description{
    min-height: 200px;
}
.accolades-box b{
    display: block;
}


/***********************************
* Career
************************************/
.career-row-1{
    margin-top: 6rem;
}
.career-row-1 .container{
    background: #8FA08B;
    padding-bottom: 80px;
}
.career-row-1 .side-banner{
    margin-top: -3rem;
}
.career-row-1 .description h2,
.career-row-1 .description p{
    margin-bottom: 1.5rem;
}
.career-row-1 .bg-text-layer .bg-text-element.position-center-center{
    top: -20px;
}
.career-list ul{
    padding-left: 0;
    list-style-type: none;
    margin-bottom: 1.5rem;
    font-family: 'Cormorant Garamond', serif;
    font-weight: 500;
}
.career-list li{
    
}
.career-list li .btn{
    font-style: italic;
    font-size: 21px;
    color: #000;
    text-decoration: underline;
    font-weight: 500;
}
.career-list li .btn:hover{
    color: #fff !important;
}
.single-career{
    background: #8FA08B;
    padding: 2rem;
}
.single-career .close-wrapper{
    margin-top: 2rem;
}
.single-career .btn-danger{
    border-radius: 8px;
    min-width: 120px;
}
.single-career .job-title-wrapper{
    margin-bottom: 1.5rem;
    font-family: 'Cormorant Garamond', serif;
}
.single-career .job-title-wrapper h3{
    font-style: italic;
    margin-bottom: 0;
    font-size: 24px;
    line-height: 1.2;
}
.single-career .job-title p{
    font-size: 24px;
    font-family: 'Cormorant Garamond', serif;
    line-height: 1.2;
}
.single-career .description h4{
    margin-bottom: 1.5rem;
}


/***********************************
* News
************************************/
.single-news{
    background: url(images/bg-north-haven.png);
    background-size: 100%;
    background-position: top center;
    background-repeat: no-repeat;
}
.single-news .single-news-wrapper{
    background: #EBE7E1;
}
.single-news .single-news-inner h2{
    color: #34332E;
}
.single-news a{
    color: #5A549C !important;    
}


/***********************************
* Contact
************************************/
.contact-row-1{
    margin-top: -150px;
    padding-top: 200px;
    padding-bottom: 1px;
}
.contact-row-2 .address{
    min-height: 104px;
    font-size: 14px;
}
.contact-box h3{
    font-size: 21px;
    font-weight: bold;
    margin-bottom: 20px;
}
.contact-box h3 span{
    display: block;
    font-size: 14px;
}
.contact-box ul li{
    position: relative;
    padding-left: 26px;
    font-weight: bold;
}
.contact-box ul span{
    position: absolute;
    left: 0;
    top: 0;
    width: 26px;
    display: block;
    text-align: center;
}
.google-wrapper iframe{
    width: 100%;
    height: 430px;
}


/***********************************
* E-Newsletter
************************************/
.enewsletter-row-1{

}
.enewsletter-row-2{
    margin-top: 150px;
}
.enewsletter-wrapper{
    padding: 0 30px;
    margin-top: -150px;
}
.enewsletter-row-2 .large-col{
    display: flex;
}
.enewsletter-box{
    margin-bottom: 4rem;
}
.enewsletter-box .banner img{
    width: 100%;
}
.enewsletter-box .description{
    text-align: center;
    background: #fff;
    font-weight: 700;
    padding: 1rem;
}
.enewsletter-box .description a{
    color: #000;
    padding: 1rem;
    font-style: italic;
}
.enewsletter-box .description h3{
    text-transform: uppercase;
}
.enewsletter-box .description h3,
.enewsletter-box .description h4,
.enewsletter-box .description a{
    font-weight: bold;
    line-height: 0.8;
}
.enewsletter-box .description .linestyle-shot:after{
    width: 20px;
}


/***********************************
* Gallery
************************************/
.gallery-row-2{
    margin-top: 150px;
}
.gallery-row-2 .gallery-main-wrapper{
    display: flex;
}
.gallery-wrapper{
    margin-top: -150px;
}
.gallery-box{

}
.gallery-box h3{
    padding-left: 5px;
}


/***********************************
* Event
************************************/
.events-row-1{
    margin-top: 150px;
}
.events-row-2{
    background: url(images/bg-north-haven.png);
    background-size: 100%;
    background-position: top center;
    background-repeat: no-repeat;
}
.events-row-2 .new-event-wrapper{
    background: #EBE7E1;
}
.events-row-2 .new-event-wrapper .new-event-box{
    border:0;
}
.events-row-2 .new-event-wrapper .new-event-box .description{
    background: #fff;
}
.events-row-2 .large-col{
    display: flex;
}
.events-row-2 .events-wrapper{
    padding: 0 30px;
    width: 100%;
    margin-top: -80px;
}
.events-row-2 .events-wrapper .events-box{
}
.events-row-2 .events-wrapper .events-box .description{
    background: #fff;
    padding: 1rem;
}
.events-row-2 .events-wrapper .events-box a{
    color: #000;
}


/***********************************
* Happening
************************************/
.happening-row-2{
    margin-top: 50px;
    position: relative;
}
.happening-row-2 .events-wrapper{
    margin-top: 0;
}
.happening-row-2 .bg-light-green > *{
    position: relative;
    z-index: 2;
}
.happening-row-2 .bg-light-green:before{
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 140px;
    top: 0;
    left: 0;
    background: #fff;
    z-index: 1;
}
.happening-row-2 .bg-light-green:after{
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 140px;
    bottom: 0;
    left: 0;
    background: #fff;
    z-index: 1;
}
.happening-row-2 .bg-text-element{
    top: -30px;
    left: 88px;
    font-size: 144px;
}
.happening-row-3{
    padding-top: 100px;
    padding-bottom: 50px;
}
.happening-row-3 .bg-text-layer .bg-text-element{
    position: relative;
    font-size: 205px;
    margin-top: -46px;
    margin-bottom: 150px;
    right: 0;
}


/***********************************
* Happening
************************************/
.project-row-2 .owl-remote-control{
    left: -155px;
}
.post-template-template-post-project2-php .project-row-4{
    margin-top: -30px;
}
.template-3.project-row-4 .bg-light-green > *,
.template-3.project-row-4 .bg-light-green {
    position: relative;
    z-index: 1;
}
.template-3.project-row-4 .bg-light-green:before{
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 34%;
    height: 100%;
    background: #fff;
}
.project-row-5{
    margin-top: 50px;
}
.project-row-5 .house-details h2{
    border-bottom: 1px solid #000;
    margin-bottom: 20px;
    padding-bottom: 20px;
}
.project-row-5 #sync1{
    margin-top: -80px;
    margin-bottom: 16px;
}
.project-row-6 .bg-light-green{
    padding-bottom: 30px;
}
.project-row-7 .bg-text-element{
    font-size: 190px;
}
.house-details{
    margin-bottom: 16px;
}
.house-details p{
    font-size: 14px;
}
.location-sitemap{
    background: #FDFBFA;
    padding: 30px 0 10px;
}
.location-details img{
    width: 120px;
}
.project-row-5 .location-sitemap h2{
    border-bottom: 1px solid #000;
    margin-bottom: 20px;
    padding-bottom: 20px;
}
.btn-e-brochure{
    color: #000;
}
.youtube-play{
    position: relative;
}
.youtube-play .overlay{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}


/***********************************
* Happening
************************************/
.township-row-4 .container{
    position: relative;
}
.township-row-6 .wrapper{
    background: #FDFBFA;
}
.township-row-6 .sitemap{
    margin-left: -110px;
}
.township-row-7 .bg-light-green{
    position: relative;
}
.township-row-7 .bg-light-green:after{
    content: "";
    width: 100%;
    position: absolute;
    background: #fff;
    width: 100%;
    height: 150px;
    top: 0;
    left: 0;
}
.township-row-7 .wrapper{
    position: relative;
    z-index: 2;
}
.township-row-7 .property-box .property-details h4:after{
    width: 20px;
}
.township-row-7 .property-box .property-details h4{
    font-size: 23px;
}
.township-row-7 .property-box .property-details .description{
    font-size: 13px;
}
.township-row-7 .property-box .property-banner{
    margin-bottom: 20px;
}
.township-row-7 .property-box .property-details .property-type{
    margin-bottom: 5px;
}
.township-row-9{
    margin-top: -75px;
}
.township-row-9 .box-wrapper{
    padding: 0 25px;
    margin-bottom: 90px;
}
.township-row-9 .box-style{
    box-shadow: 0px 1px 4px 1px #e4e4e5;
    padding: 15px 30px 10px;
    text-align: center;
    background: #fff;
}
.township-row-9 .box-style .banner{
    margin-top: -65px;
    box-shadow: 0px 1px 4px 1px #bdbdbd;
}
.township-row-10{
    margin-top: -20px;
    padding-bottom: 60px;
}
.township-row-10 .bg-text-layer .bg-text-element{
    font-size: 172px;
}


/***********************************
* Custom Search
************************************/
.custom-select {
    position: relative;
    min-width: 150px;
}
.custom-select select {
    display: none;
}
.select-selected {
    background-color: #fff;
    text-align: center;
}
.custom-select.text-start .select-selected,
.custom-select.text-start .select-items{
    text-align: left;
}
.select-selected:after {
    position: absolute;
    content: "";
    top: 18px;
    right: 10px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-color: #000 transparent transparent transparent;
}
.select-selected.select-arrow-active:after {
    border-color: transparent transparent #fff transparent;
    top: 7px;
}
.select-items div,
.select-selected {
    color: #000;
    padding: 2px 25px 2px 5px;
    border: 1px solid #000;
    line-height: 36px;
    height: 40px;
    cursor: pointer;
}
.select-items div{
    padding: 2px 5px 2px 5px;
}
.select-items {
    position: absolute;
    background-color: #fff;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
    text-align: center;
}
.select-hide {
    display: none;
}
.select-items div:hover, 
.select-items div.same-as-selected {
    background-color: #29235C;
    color: #fff;
}


.copyright{
    font-family: 'Lato', serif;
    font-size: 16px;
}
.widget{
    margin-bottom: 1rem;
    font-size: 16px;
    font-family: 'Lato', serif;
}
.widget h4{
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 10px;
    min-height: 20px;
}
.widget .widget-menu li{
    margin-bottom: 5px;
}
.widget .widget-menu-horizontal li{
    margin-bottom: 0;
}
.widget .widget-menu-horizontal li:after{
    content: "|";
    margin-left: 0.5rem;
}
.widget .widget-menu-horizontal li:last-child:after{
    display: none;
    margin-left: 0;
}
.widget a{
    color: #fff;
    text-decoration: none;
}
.widget a:hover{
    color: #8b83de !important;
}
.widgte-small-title{
    font-size: 16px;
}
.widget-contact .icon{
    width: 25px;
    padding-bottom: 5px;
}
.widget-contact .icon i{
    vertical-align: middle;
}
.widget-contact .connect{
    font-size: 20px;
}
.widget-contact .connect-email{
    font-size: 16px;
    font-weight: normal;
}
.widget-contact .widgte-small-title{
    margin-bottom: 0;
    font-size: 16px;
    color: #8b83de;
}
.footer-fast-link-group .footer-fast-link{
    margin-right: 30px;
}
.stay-in-touch-wrapper{
    margin-bottom: 3rem;
}
.stay-in-touch-title{
    font-size: 44px;
    color: #fff;
    line-height: 0.8;
}
.stay-in-touch-title:after{
    content: "";
    width: 36px;
    display: block;
    border-top: 1px solid #fff;
    margin-top: 1rem;
    margin-bottom: 1.5rem;
}
.float-contact-us a{
    position: fixed;
    bottom: 0;
    right: 0;
}
.float-scroll-up{
    position: fixed;
    top: 50%;
    transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    right: 0;
    z-index: 9;
}

.large-row{
    margin-left: -30px;
    margin-right: -30px;
}
.large-row .large-col{
    padding-left: 30px;
    padding-right: 30px;
}

.bg-light-pink{
    background: #FCFBFA;
}
.bg-light-green{
    background: #F1F7EC;
}

.border-green{
    border-color: #75AC40;
    background: #75AC40;
}

.linestyle-shot-inlineblock{
    display: inline-block;
}
.linestyle-shot:after{
    content: "";
    width: 36px;
    display: block;
    border-top: 1px solid #fff;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}
.linestyle-shot-dark:after{
    border-color: #000;
}
.linestyle-xs:after{
    width: 20px;
}
.linestyle-long:after{
    width: 50px;
}
.linestyle-auto:after{
    width: auto;

}
.linestyle-shot-top:before{
    content: "";
    width: 45px;
    display: block;
    border-top: 1px solid #000;
    margin-top: 1rem;
    margin-bottom: 1rem;
}
.linestyle-center:after{
    margin: auto;
}
.linestyle-gab-xs:after{
    margin-top: 0.8rem;
    margin-bottom: 0.8rem;
}
.linestyle-gab-small:after{
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}
.linestyle-gab-big:after{
    margin-top: 3rem;
    margin-bottom: 3rem;
}

.datepicker {
  transform: translate(0, 40px);
}
.owl-custom-nav-group{
    position: absolute;
    width: 100%;
    bottom: 40px;
    left: 0;
    text-align: center;
    z-index: 99;
    color: #fff;
    font-size: 12px;
}
.customPrevBtn, .customNextBtn, .owl-dots, .owl-dot{
    display: inline-block;
    font-family: 'Lato', serif;
}
.owl-dots{
    margin: 0 32px;
    padding: 0;
}
.owl-dots .owl-dot{
    margin: 0 1px;
    cursor: pointer;
}
.owl-dots .owl-dot:after{
    content: "";
    display: inline-block;
    width: 0;
    border-top: 1px solid #fff;
    vertical-align: bottom;
    margin-bottom: 6px;
    margin-left: 2px;
    transition-duration: 0.5s;
}
.owl-dots .owl-dot.active:after{
    width: 15px;
    transition-duration: 0.5s;
}
.customPrevBtn,
.customNextBtn{
    background: none;
    color: #fff;
    border: 0;
    outline: 0;
}
.owl-slider-style-2{
    position: relative;
}
.owl-remote-control{
    position: absolute;
    bottom: 15px;
    left: -230px;
}
.owl-slider-style-2.control-right{
    position: initial;
}
.control-right .owl-remote-control{
    right: 8.33%;
    left: initial;
}
.owl-remote-button{
    position: relative;
}
.owl-remote-button .circle{
    display: inline-block;
    width: 50px;
    height: 50px;
    background: url(images/icon-circle.png);
    background-repeat: no-repeat;
    background-size: 99%;
    background-position: center;
    transition-duration: 1s;
}
.owl-remote-button .page{
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    left: -50px;
    color: #808080;
    font-family: 'Lato', serif;
    font-size: 16px;
}
.owl-remote-button .page .currentpage{
    color: #000;
}
.owl-remote-button .page .totalpage{
    font-size: 10px;
}
.owl-remote-control .position1{
    transform: rotate(0deg);
}
.owl-remote-control .position2{
    transform: rotate(90deg);
}
.owl-remote-control .position3{
    transform: rotate(180deg);
}
.owl-remote-control .position4{
    transform: rotate(270deg);
}
#sync1{
    position: relative;
}
#sync1 .owl-prev{
    position: absolute;
    top: calc(50% - 23px);
    left: 10px;
    width: 25px;
}
#sync1 .owl-next{
    position: absolute;
    top: calc(50% - 23px);
    right: 10px;
    width: 25px;
}
#sync1 .owl-dots{
    display: none;
}
#sync2 .current{
    position: relative;
}
#sync2 .current:after{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.7);
    position: absolute;
}

.stickybutton{
    z-index: 99;
    position: fixed;
    bottom: 30px;
    right: 30px;
    display: block;
    color: #fff;
    width: 70px;
    height: 70px;
    text-align: center;
    font-size: 21px;
    text-align: center;
    background: #74b1ff;
    border-radius: 50% !important;
    opacity: 0;
    transition-duration: 1s;
    transition:all 1s ease;
    text-align: center;
    padding: 0;
    border: 0;
}
.stickybutton:hover{
    background-color: #0d2ea0;
}
.stickybutton.active{
    opacity:1;
}
.stickybutton span{
    font-size: 14px;
    line-height: 1.4;
    display: block;
}
.stickybutton img{
    display: none;
}

.home-row-07 .socialmedia a{
    color: #34332E;
}
.socialmedia a{
    display: block;
    color: #fff;
    text-align: center;
    font-size: 26px;
    line-height: 26px;
    text-align: center;
}
.socialmedia a .fa-facebook-f{
    font-size: 22px;
}
.socialmedia .list-inline-item{
    margin-right: 1rem;
    vertical-align: middle;
}
.socialmedia .list-inline-item:last-child{
    margin-right: 0;
}
.socialmedia .list-inline-item .fab{
    line-height: 30px;
}

.mb-60{
    margin-bottom: 60px;
}

.fw-300{
    font-weight: 300 !important;
}
.fw-700{
    font-weight: 700;
}
.fs-12{
    font-size: 12px;
}
.fs-14{
    font-size: 14px;
}
.fs-18{
    font-size: 18px;
}
.fs-21{
    font-size: 21px;
}
.fs-26{
    font-size: 26px;
}
.fs-23{
    font-size: 23px;
}
.fs-31{
    font-size: 31px;
}
.fs-37{
    font-size: 37px;
}
.fs-41{
    font-size: 41px;
}
.fs-44{
    font-size: 44px;
}
.fs-48{
    font-size: 48px;
}
.fs-51{
    font-size: 51px;
}
.fs-60{
    font-size: 60px;
}
.fs-63{
    font-size: 63px;
}
.fs-70{
    font-size: 70px;
}
.fs-80{
    font-size: 80px;
}
.fs-95{
    font-size: 95px;
}
.lh-2{
    line-height: 2;
}
.c-purple{
    color: #5A549C;
}
.c-brown{
    color: #B38874;
}

.btn-primary{
    border-radius: 16px;
    background-color: rgba(255,255,255, 0.8);
    border-color: #5A549C;
    color: #5A549C;
    font-size: 16px;

    font-family: 'Brandon Text';
    font-weight: 300;
    padding: 10px 25px;
}
.btn-primary img{
    height: 12px;
    margin-top: -4px;
    vertical-align: middle;
    display: inline-block;
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus{
    color: #5A549C !important;
    background-color: rgba(255,255,255, 0.8);;
    border-color: #5A549C;
    box-shadow: 0 7px 12px 0px #5a549c;
}
.btn-secondary{
    font-size: 17px;
    font-weight: 300;
    border: 0;
    background-color: #5A549C;
    color: #fff;
    border-radius: 0;
    font-family: 'lato', serif;
    padding: 16px 30px;
}
.btn-outline-primary{
    border-color: #fff;
    color: #fff;
    font-size: 22px;
    padding: 0.5rem 1rem;
}
.btn-outline-primary:hover,
.btn-outline-primary:active,
.btn-outline-primary:focus{
    border-color: #75AC40;
    background: #75AC40;
    color: #fff !important;
}
.btn-knowmore{
    font-size: 12px;
    font-style: italic;
    color: #000000;
    font-weight: bold;
    padding: 0;
    font-family: 'Cormorant Garamond', serif;
}
.btn-knowmore span{
    color: #808080;
    font-weight: 900;
    font-size: 15px;
}
.btn-knowmore:hover,
.btn-knowmore:hover span{
    color: #75AC40;
}
.btn-outline-secondary{
    border-color: #000;
    color: #000;
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
    min-width: 200px;
}
.btn-outline-secondary:hover{

}
.btn-event-all{
    font-family: 'Lato', serif;
    font-size: 11px;
}
.btn-event-all .fas{
    margin-left: 5px;
}

.contact-form-wrapper{
    background-image: linear-gradient(180deg, transparent, #EBE7E1 30%);
    padding-left: 3rem;
    padding-right: 3rem;
    padding-bottom: 3rem;
    position: relative;
}
.contact-form-wrapper .middle-arrow-down{
    position: absolute;
    width: 100%;
    left: 0;
    bottom: -29px;
}
.contact-form{
    margin-top: 50px;
}
.wpcf7-list-item{
    margin-left: 0;
}
.form-group{
    margin-bottom: 10px;
    position: relative;
}
.form-group label{
    font-size: 14px;
    color: #000;
}
.wpcf7-spinner{
    position: absolute;
    right: -26px;
    margin: 0;
}
.form-control{
    border-radius: 0;
    border-color: #34332E;
    background: transparent;
    padding: 12px 15px;
    min-height: initial;
    font-family: 'lato', serif;
    font-weight: 300;
}
.form-control.error {
  border-color: #ff0000;
}
label.error {
  color: #ff0000;
}
select.form-control{
    -webkit-appearance: auto;
    -moz-appearance: auto;
    appearance: auto;
    padding-left: 15px;
}

select.form-control#enewsletter-year{
    padding-top: 8px;
    padding-bottom: 9px;
    background: #fff;
}
textarea.form-control{
    height: 126px;
    border: 1px solid #000;
    border-radius: 10px;
}
.form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #000;
  opacity: 1; /* Firefox */
}
.form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #000;
}
.form-control::-ms-input-placeholder { /* Microsoft Edge */
  color: #000;
}

.navbar-brand img{ 
    height: 58px;
}
.navbar-brand a.bsclogo{
    display: inline-block;
    margin-left: 10px;
    padding-left: 10px;
    border-left: 1px solid #fff;
}

.owl-carousel .owl-item .headline
{
    width:600px !important;
}

.side_nav_btn
{
    pointer-events: initial;
    display: none;
}

.side_nav_btn span
{
    background-color: #fff !important;
}


.sidenav
{
    display: flex;
    /* justify-content: center; */
    align-items: center;
    min-height: 100vh;
    width: 0%;
    position: fixed;
    z-index: 9999;
    overflow-x: hidden;
    transition: 0.5s;
    background-color: #EBE7E1;
}

.sidenav_closebtn
{
    text-align: end;
    margin-right: -10px;
    font-size: 30px;
}

.sidenav_div
{
    margin-top: -65px;
    padding-left: 30px;
}
.sidenav .menu-close{
    font-size: 35px;
    color: #5A549C;
    position: absolute;
    top: 0;
    right:0;
}
.sidenav_div .middle-line{
    padding-left: 15px;
    padding-right: 15px;
}
.sidenav_div .middle-line hr{
    border-color: #9FA8B8;
    margin-top: 2px;
    margin-bottom: 2px;
}
.sidenav_div a{
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 7px;
    padding-bottom: 7px;
    font-family: 'Brandon Text' !important;
    color: #9FA8B8;
    font-weight: bold;
    font-size: 17px;
    display: block;
}
.sidenav_div a:hover, 
.sidenav_div .actived > a{
    background-image: url(images/menu-arrow.svg);
    background-size: 10px;
    background-repeat: no-repeat;
    background-position: left center;
    color: #6177B6;
}

.md-title
{
    display: none;
}

.sm-title
{
    display: none;
}

.northhaven-row-04 h2>p
{
    font-family: 'Silk Serif';
}

.bscclubhouse-row-04 .description p
{
    color: #5A549C;
}

.bscclubhouse-row-04 .description .row p
{
    color: #212529;
}

.home-row-07 .mobile_mt
{
    margin-bottom: 0px;
}

.home-row-02 .description h2 > p
{
    font-family: 'Silk Serif';
}


@media (min-width: 1200px){
    .container{
        max-width: 1140px;
    }
}

@media only screen and (max-width: 991px) {

    #header.sticky .navbar-brand img
    {
        height: 40px;
    }

    .navbar-brand img
    {
        height: 40px;
    }

    .floating-menu
    {
        display: none;
    }

    .nav-register
    {
        display: none;
    }

    .side_nav_btn
    {
        display: block;
    }

    .side_nav_register_interest
    {
        padding: 10px 5px;
        border: 1px solid #bdbdbd;
    }

    .side_nav_register_interest
    {
        padding: 10px 5px;
        border: 1px solid #bdbdbd;
    }

    header .navbar-dropdown .navbar-nav{
        display: block;
    }
    header .navbar-dropdown .navbar-nav .nav-item{
        margin-bottom: 1rem;
    }
    header .navbar .navbar-nav .nav-item:last-child{
        margin-bottom: 0;
    }
    header .sub-menu a{
        max-width: initial;
    }
    #vr360-wrapper hr{
        margin-bottom: 1rem;
        margin-top: 1rem;
    }
    .stay-in-touch-wrapper{
        padding-left: 0;
        border: 0;
    }
    .about-row-5 p{
        padding-bottom: 0;
    }
    .about-row-6 .milestones-box h3:after{
        display: none;
    }
    .about-row-7 h2{
        position: relative;
        margin: 0 0 2rem;
        left: 0;
    }
    .about-row-7 .img-wrapper{
        margin-left: 0;
    }
    .about-row-8 .property-type-col{
        margin-bottom: 1.5rem;
    }
    .about-row-8 .property-type-col .property-type-text{
        height: initial;
    }
    .milestones-box{
        margin-bottom: 2rem;
    }
    .township-row-6 .sitemap{
        margin-left: 0;
    }

    .owl-slider-style-2.control-right{
        position: relative;
    }
    .control-right .owl-remote-control,
    .owl-remote-control{
        left: 50%;
        right: initial;
        z-index: 1;
        transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
    }
    .owl-remote-button .page .currentpage{
        color: #fff;
    }
    .owl-remote-button .circle,
    .owl-remote-control .btn{
        -webkit-filter: grayscale(1) invert(1);
        filter: grayscale(1) invert(1);
    }

    .md-title
    {
        display: block;
    }

    .desktop-title
    {
        display: none;
    }

    .home-row-06 .innerwrapper .new-event-wrapper a.readmore
    {
        position: relative;
        bottom: 0px;
    }

    .homeproject1 .owl-nav
    {
        display: none;
    }

    .homeproject2 .owl-nav
    {
        display: none;
    }

    .home-row-05 .coloum4
    {
        margin-top: 10px;
    }

    .mobile-mt
    {
        margin-bottom: 60px;
    }

    .home-row-07 .contact-us
    {
        margin-top: -150px;
    }

    .home-row-07 .contact-info
    {
        margin-top: 0px;
    }

    footer .px-3-sm
    {
        padding: 10px 35px 0px;
    }

    .floating-menu
    {
        right: 0px;
    }

    .amenities-row-01 .coloum4
    {
        padding-left: 0px;
    }

    .bscclubhouse-row-05 .coloum3
    {
        margin-top: 0px;
    }

}
@media only screen and (max-width: 767px) {
    .top-title{
        padding-top: 30px;
    }
    .home-row-06 .innerwrapper{
        background-position: right center;
    }
    .accolades-box .banner{
        min-height: initial;
    }
}
@media only screen and (max-width: 585px) {
    .footer-fast-link-group .footer-fast-link:first-child{
        border-bottom: 1px solid #8b83de;
        margin-bottom: 1rem;
    }
}
@media only screen and (max-width: 480px) {
    .enewsletter-box{
        margin-bottom: 1.5rem;
    }
    .enewsletter-wrapper{
        padding: 0;
    }

    .admin-bar #header.sticky
    {
        padding-top: 0px;
        max-width: 100vw;
    }

    #topbanner .overlay
    {
        left: 0px;
    }

    .owl-carousel .owl-item .headline
    {
        width:250px !important;
    }

    .top-title .title-1
    {
        font-size: 35px;
    }

    .top-title .title-2
    {
        font-size: 55px;
    }

    .sm-title
    {
        display: block;
    }

    .home-row-01
    {
        margin-top: 10px;
    }

    .home-row-01 .coloum3 img
    {
        margin-top: 10px;
    }

    .home-row-02
    {
        margin-top: 30px;
    }

    .fs-sm-35
    {
        font-size: 35px;
    }

    .fs-sm-40
    {
        font-size: 40px;
    }

    .fs-sm-45
    {
        font-size: 45px;
    }

    .fs-sm-55
    {
        font-size: 55px;
    }

    .fs-sm-50
    {
        font-size: 50px !important;
    }

    .list-inline-item-sm
    {
        margin-top: 20px;
        margin-right: 0px !important;
    }

    .list-inline-item-sm a
    {
        width: 200px;
    }

    .home-row-02 .banner
    {
        margin-top: -80px;
    }

    .section-small
    {
        padding-top: 40px;
    }

    .home-row-03 .masterplan-sitemap
    {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        padding: 0px 10px;
    }

    .masterplan-sitemap .list-inline-item:nth-child(odd)
    {
        width: 185px;
    }

    .home-row-04 .title2
    {
        padding-left: 0px;
    }

    .home-row-05
    {
        margin-top: 30px;
    }

    .home-row-05 h5
    {
        margin-top: 0px;
    }

    .home-row-05 .coloum1
    {
        margin-top: 0px;
    }

    .home-row-05 .third_img
    {
        width: 100%;
    }

    .home-row-05 .coloum4
    {
        margin-top: 0px;
    }

    .homeproject1 .owl-custom-nav-group
    {
        margin-top: 65px;
        position: relative;
    }

    .home-row-06 .innerwrapper
    {
        margin-top: -275px;
    }

    .home-row-06 .innerwrapper .new-event-wrapper a.readmore
    {
        position: relative;
        top: 10px;
        bottom: 0px;
    }

    .mt-10-sm
    {
        margin-top: 10px;
    }

    .mt-20-sm
    {
        margin-top: 20px;
    }

    .mt-50-sm
    {
        margin-top: 50px;
    }

    .pt-1-sm
    {
        padding-top: 10px;
    }

    /* .home-row-07 .mobile_mt
    {
        margin-top: 100px;
    } */

    .home-row-07 .middle-banner
    {
        margin-top: -70px;
    }
    .home-row-07 .middle-banner img{
        height: 250px;
        object-fit: cover;
    }

    .home-row-07 .contact-us
    {
        margin-top: 60px;
    }

    .home-row-07 .contact-info
    {
        margin-top: 0px;
    }

    .home-row-09 .homeproject2
    {
        padding: 0px 10px;
    }

    footer .px-3-sm
    {
        padding: 10px 35px 0px;
    } 

    footer .widget
    {
        flex-direction: column;
    }

    footer .logo
    {
        margin-bottom: 20px;
    }

    footer .copyright
    {
        margin-top: 10px;
        font-size: 10px;
    }

    .bscclubhouse-row-04
    {
        margin-top: 30px;
    }

    .bscclubhouse-row-04 .banner
    {
        margin-top: -70px;
    }

    .bscclubhouse-row-05 .coloum2
    {
        margin-top: 0px;
    }

    .bscclubhouse-row-05 .coloum3
    {
        margin-top: 0px;
    }

    .amenities-row-01 .coloum4
    {
        padding-left: 0px;
    }

    .project-row-01 h2
    {
        font-size: 50px;
    }

    .project-row-03 .overlay
    {
        position: relative;
    }

    .project-row-05
    {
        margin-top: -130px;
    }

    .project-row-03.project-row-05
    {
        margin-top: -70px;
    }

    .development-row-1 img
    {
        max-width: 100vw;
    }

    .development-row-1 p{
        line-height: 0.5;
    }
    .development-row-1 h1{
        line-height: 0.7;
    }
    .development-row-1 h1 .title1
    {
        font-size: 40px;
    }

    .development-row-1 h1 .title2
    {
        font-size: 55px;
    }

    .development-row-1 .overlay
    {
        position: relative;
        padding-top: 130px;
    }

    .development-row-2
    {
        margin-top: -120px;
    }
    .home-project .customNavigation .btn.next{
        right: 20px;
    }
    .home-project .customNavigation .btn.prev{
        left: 20px;
    }
    .home-row-08 .other-project{
        padding-bottom: 160px;
        background-size: 100%;
        background-position: bottom;
        background-repeat: no-repeat;
    }
}