/* 
brand : #015687
red : #e11f30

*/


html{
    scroll-behavior: smooth;
}
p{
    font-family: 'Montserrat', sans-serif;
    font-size: 20px; 
    font-weight: 400;
    color: #000 ;
    line-height: 36px ;
}

.fn-w-l{font-weight: 300!important;}
.fn-w-r{font-weight: 400!important;}
.fn-w-sb{font-weight: 600!important;}

a{-webkit-transition: all 0.32s ease-out; -moz-transition: all 0.32s ease-out; -o-transition: all 0.32s ease-out; -ms-transition:  all 0.32s ease-out; transition: all 0.32s ease-out; text-decoration:none;}
a:hover{color: #e11f30; text-decoration: none;}

::placeholder { color: 000; opacity: 1; }
:-ms-input-placeholder { color: 000;}
::-ms-input-placeholder { color: 000;}

/*COMMOM STYLES*/

.bg-grey{background-color: #484c4c!important; }
.bg-red{background-color: #e11f30;}

.btn-brand{background-color: #015687;  transition: all 0.32s ease-out; color: #FFF; font-weight: 600; font-size: 24px; padding: 15px 25px; }
.btn-brand:hover{background-color: #e11f30; color: #FFF!important;}


.text-brand{color:#015687!important;}
.text-red{color:#e11f30!important;}
.text-black{color:#000!important;}

.has-bg{background-position: center; background-size: cover; }


.img-linked{
    -webkit-transition: all 0.12s ease-out;
    -moz-transition: all 0.12s ease-out;
    -o-transition: all 0.12s ease-out;
    -ms-transition:  all 0.12s ease-out;
    transition: all 0.12s ease-out;
}
.img-linked:hover{
    transform: scale(1.1);
    cursor: pointer;
}

.text-linked{color: #000;}
.text-linked:hover{color: #e11f30;}

.blue-bar-top{border-top: 30px solid #015687;}
.green-bar-top{border-top: 30px solid #62A60A;}
.bg-green{background-color: #62A60A;}
 .text-green{color: #62A60A;}

.h-103{font-size: 103px;}
.h-76{font-size: 76px;}
.h-64{font-size: 64px;}
.h-43{font-size: 43px;}
.h-38{font-size: 38px;}
.h-32{font-size: 32px;}
.h-27{font-size: 27px;}
.h-24{font-size: 24px;}
.h-20{font-size: 20px;}
.h-18{font-size: 18px; line-height: 28px;}
.h-14{font-size: 14px; line-height: 24px;}

.lh-2{line-height:1.25;}

@media screen and (max-width: 9917px){
    .h-64{font-size: 52px;}
}

@media screen and (max-width: 767px){
    p{font-size: 19px; }
    .h-103{font-size: 103px;}
    .h-76{font-size: 57px;}
    .h-64{font-size: 42px;}
    .h-32{font-size: 28px;}
    .h-38{font-size: 32px;}
    .h-43{font-size: 38px;}
}

@media screen and (max-width: 567px){
    p{font-size: 18px; }
    .h-103{font-size: 70px;}
    .h-76{font-size: 37px;}
    .h-64{font-size: 32px;}
    .h-32{font-size: 24px;}
    .h-38{font-size: 24px;}
    .h-43{font-size: 36px;}
}


/* Navigation */
#top-navigation{height: 100px; align-items: flex-end; padding-bottom: 0;}

#top-navigation .logo-lg{display: none;}
#top-navigation .logo-sm{position: absolute;  top: 35px; left:25px; z-index: 99;}
#home #top-navigation .logo-sm{display: none;}
#home #top-navigation .logo-lg{display: block; position: absolute;  top: 25px; left:50px; z-index: 99;}

#top-navigation .nav-link{font-size: 16px; font-weight: 600; color: #015687; border-bottom: 7px solid #FFF;}
#top-navigation .nav-link:hover{color: #e11f30;}

#top-navigation .dropdown-menu {background-color:#015687; border-radius: 0; border:none; padding: 0; margin:0;}
#top-navigation .dropdown-item {color: #FFF; font-size: 16px; font-weight: 600; height: 40px; padding-top: 8px;}
#top-navigation .dropdown-item:hover {background-color: #6095B4;}



.nav-item .active{border-bottom: 7px solid #015687!important;}

@media screen and (max-width: 991px){
   #top-navigation{height: 60px; align-items: center; padding: .5rem 0; }
   #home #top-navigation .logo-sm{display: none;}
   #home #top-navigation .logo-lg{width: 200px; z-index: 5; top:5px; left: 15px; }
   #top-navigation .logo-sm{position: relative;  top: 0; left:15px; width: 175px; z-index: 99;}
   .navbar-toggler-icon {background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(1, 86,135, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");}
   .navbar-toggler {border-color: rgb(255, 255, 255);} 
   .navbar-toggler:focus, .navbar-toggler:active { outline: none; box-shadow: none;}

    #top-navigation .navbar-nav{padding-left: 15px;}
    #top-navigation .navbar-collapse {background-color: rgba(255,255,255,1); z-index: 9;}

}
footer .copyright, footer .copyright a{font-size:14px; text-align: center;  color: #000;}
footer .copyright a:hover{color: #e11f30; text-decoration: underline;}

#hero-section{height: calc(100vh - 100px); background-position:center; background-size: cover; position: relative;}
#hero-section .sold-banner{position: absolute; right: 0; top:0; width: 550px;}
#home #hero-section{background-image: url('/images/hero/welcome.jpg');}
#suites #hero-section{background-image: url('/images/hero/suites.jpg');}
#amenities #hero-section{background-image: url('/images/hero/amenities.jpg');}
#green-story #hero-section{background-image: url('/images/hero/green-story.jpg');}
#contact #hero-section{background-image: url('/images/hero/contact.jpg');}
#community-grand #hero-section{background-image: url('/images/hero/community-grand.jpg');}
#community-top10 #hero-section{background-image: url('/images/hero/community-top10.jpg');}

.f-details{margin-top: -110px;}

.custom-list{margin-left: -25px; list-style-type: disc;}
.custom-list li{margin-bottom: 10px;}


#greenSection{background-image: url('/images/bg-gren-story.jpg'); background-position: top left; background-repeat: no-repeat; background-size: contain;}

#green-story-building{background-image: url('/images/bg-gren-story-building.jpg'); background-position: center; background-attachment: fixed;}

@media screen and (max-width: 767px){
   #hero-section{height: 450px;}
   .f-details{margin-top: -50px;}
   #hero-section .sold-banner{width: 200px;}
}

@media screen and (max-width: 567px){
   #hero-section{height: 370px;}
   
}

@media(min-width:768px) and (max-width: 991px){


}

@media screen and (min-width:992px){
   
}

.lb-loader,.lightbox{text-align:center;line-height:0;position:absolute;left:0}body.lb-disable-scrolling{overflow:hidden}.lightboxOverlay{position:absolute;top:0;left:0;z-index:9999;background-color:#000;filter:alpha(Opacity=80);opacity:.8;display:none}.lightbox{width:100%;z-index:10000;font-weight:400;outline:0}.lightbox .lb-image{display:block;height:auto;max-width:inherit;max-height:none;border-radius:3px;border:4px solid #fff}.lightbox a img{border:none}.lb-outerContainer{position:relative;width:250px;height:250px;margin:0 auto;border-radius:4px;background-color:#fff}.lb-outerContainer:after{content:"";display:table;clear:both}.lb-loader{top:43%;height:25%;width:100%}.lb-cancel{display:block;width:32px;height:32px;margin:0 auto;background:url(/images/misc/loading.gif) no-repeat}.lb-nav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10}.lb-container>.nav{left:0}.lb-nav a{outline:0;background-image:url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)}.lb-next,.lb-prev{height:100%;cursor:pointer;display:block}.lb-nav a.lb-prev{width:34%;left:0;float:left;background:url(/images/misc/prev.png) left 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-prev:hover{filter:alpha(Opacity=100);opacity:1}.lb-nav a.lb-next{width:64%;right:0;float:right;background:url(/images/misc/next.png) right 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-next:hover{filter:alpha(Opacity=100);opacity:1}.lb-dataContainer{margin:0 auto;padding-top:5px;width:100%;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.lb-dataContainer:after{content:"";display:table;clear:both}.lb-data{padding:0 4px;color:#ccc}.lb-data .lb-details{width:85%;float:left;text-align:left;line-height:1.1em}.lb-data .lb-caption{font-size:13px;font-weight:700;line-height:1em}.lb-data .lb-caption a{color:#4ae}.lb-data .lb-number{display:block;clear:left;padding-bottom:1em;font-size:12px;color:#999}.lb-data .lb-close{display:block;float:right;width:30px;height:30px;background:url(/images/misc/close.png) top right no-repeat;text-align:right;outline:0;filter:alpha(Opacity=70);opacity:.7;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}.lb-data .lb-close:hover{cursor:pointer;filter:alpha(Opacity=100);opacity:1}