/* 
red : # 0275BB
grey: #484c4c 

*/

@font-face {
    font-family: 'Gotham';
    src: url('fonts/Gotham-Light.otf') format('opentype');
    font-weight: 300;
}
/* @font-face {
    font-family: 'Gotham';
    src: url('fonts/Avenir-Roman.ttf') format('truetype');
    font-weight: 400;
} */
@font-face {
    font-family: 'Gotham';
    src: url('fonts/Gotham-Book.otf') format('opentype');
    font-weight: 500;
}
@font-face {
    font-family: 'Gotham';
    src: url('fonts/Gotham-Medium.otf') format('opentype');
    font-weight: 600;
}
@font-face {
    font-family: 'Gotham';
    src: url('fonts/Gotham-Bold.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
}
/* @font-face {
    font-family: 'Gotham';
    src: url('fonts/Avenir-Heavy.ttf') format('truetype');
    font-weight: 800;
} */


html{
    scroll-behavior: smooth;
}
body{
    font-family: 'Gotham', sans-serif;
    font-size: 16px;
    font-weight: 500; 
    color: #000000;
}

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: #0275BB; 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-brand{background-color: #0275BB!important;}
.bg-light{background-color: #EFEFEF!important;}

.btn-brand{background-color: #000;  transition: all 0.32s ease-out; color: #FFF; font-weight: 600; font-size: 18px; padding: 12px 25px; letter-spacing: 1px; display: inline-block; border: none; }
.btn-brand:hover{background-color: #0275BB; color: #FFF!important;}

.btn-submit{display: inline-block; background-color:#0275BB; color: #FFF; font-size: 18px; font-weight: 500; padding: 10px 25px; transition: all .35s linear; border: 1px solid #FFF;}
.btn-submit:hover{background-color: #FFF; color: #0275BB; }

.text-brand{color:#0275BB!important;}
.text-black{color:#000!important;}
.text-light{color:#CCCCCC!important;}

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


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

.text-linked{color: #0275BB;}

.lh-80{line-height: 80%;}
.lh-100{line-height: 100%;}
.lh-25{line-height: 1.25;}
.lh-2{line-height: 2.0;}

.ls-2{letter-spacing: 2px;}

.fw-li{font-weight: 300;}
.fw-me{font-weight: 600;}
.fw-bl{font-weight: 700;}
.fw-bo,
strong{font-weight: 700;}

.fs-95{font-size: 95px;}
.fs-83{font-size: 83px;}
.fs-75{font-size: 75px;}
.fs-51{font-size: 51px;}
.fs-42{font-size: 42px;}
.fs-40{font-size: 40px;}
.fs-30{font-size: 30px;}
.fs-26{font-size: 26px;}
.fs-25{font-size: 25px;}
.fs-21{font-size: 21px;}
.fs-20{font-size: 20px;}
.fs-18{font-size: 18px;}

#map{width: 100%; height:450px ;}
.has-arrow{background-image: url('/images/misc/arrow.png'); background-position: 98% 0; background-repeat: no-repeat;}
hr{width: 125px; border-top: 1px solid #0275BB; margin: 15px  auto; }
.custom-list li{margin-left: -15px; margin-bottom: 5px;}

@media screen and (max-width: 991px){
   .fs-75{font-size: 50px;}
   
}

@media screen and (max-width: 767px){
   .fs-95{font-size: 55px;}
   .fs-83{font-size: 48px;}
   .fs-75{font-size: 45px;}
   .fs-51{font-size: 32px;}
   .fs-42{font-size: 32px;}
   .fs-40{font-size: 22px;}
   .fs-30{font-size: 26px;}
   .fs-26{font-size: 20px;}
   .fs-21{font-size: 18px;}
   .has-arrow{background-position: 90% -40px};
   .lh-80{line-height: 100%;}
}


@media screen and (max-width: 576px){
    .fs-95{font-size: 45px;}
    .fs-83{font-size: 40px;}
    .fs-75{font-size: 40px;}
    .fs-42{font-size: 28px;}
  
}


/* Navigation */
#topNav{padding-bottom: 0; align-items: flex-end; transition: all .25s linear;}
#topNav .img-nav-logo{width: 136px; margin-bottom: 10px;}
#topNav .dropdown-toggle:after { content: none }
#topNav .nav-link{color: #000; border-bottom: 3px solid #FFF; padding: 0 0 15px; margin: 0 55px 0 0;}
#topNav .nav-link:hover , .activeNav{border-bottom: 3px solid #0275BB!important;}


#topNav .dropdown-menu{background-color: #0275BB; border: none; border-radius: 0; padding-bottom: 0; padding-top: 0;}
#topNav .dropdown-menu a{color: #FFF; padding: 10px; position: relative;}
#topNav .dropdown-menu a:hover{color: #0275BB; background-color: #FFF;}
#topNav .dropdown-divider{width: 60%; margin: 0 0 0 12px;}

#topNav .dropdown-menu .activeNav:after{content: '';
    width: calc(100% - 20px);
    position: absolute;
    left: 10px;
    bottom: 1px;
    border-bottom: 1px solid #FFF!important;}


@media(min-width:768px) and (max-width: 991px){
   #topNav .img-nav-logo{width: 96px;}
   #topNav .nav-link{margin: 0 20px 0 0; font-size: 14px;}
}




@media screen and (min-width: 768px){
  #topNav .dropdown:hover .dropdown-menu, .btn-group:hover .dropdown-menu{ display: block; transition: all .45s linear; }
  #topNav .dropdown-menu{ margin-top: 0; }
  #topNav .dropdown-toggle{margin-bottom: 0; }
  #topNav .navbar .dropdown-toggle, .nav-tabs .dropdown-toggle{ margin-bottom: 0;}
  .shortNav{background-color: rgba(255, 255, 255, 1)!important; position: fixed!important; top: 0!important; left: 0!important; z-index: 99; box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important; width: 100%; }
.shortNav .img-nav-logo{width: 60px!important;}
}

@media screen and (max-width: 767px){
  
   #topNav .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(2, 117,187, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");}
    #topNav .navbar-toggler {border-color: rgba(4,63,131,0); margin-bottom: 15px;} 
    #topNav .navbar-toggler:focus, .navbar-toggler:active { outline: none; box-shadow: none; }

    #topNav .img-nav-logo{width: 66px;}
    #topNav .nav-link{margin: 7px 30px 0 0; display: inline-block;}
    #topNav .dropdown-menu.show{max-width: 275px;}

}

.hero{height: calc(100vh - 103px); width: 100%;background-position: center; background-size: cover; } 
.h-inner{height: 700px;}

#heroSlider #slide-1{background-image: url('/images/hero/slide-1.jpg');}
#heroSlider #slide-2{background-image: url('/images/hero/slide-2.jpg');}
#heroSlider #slide-3{background-image: url('/images/hero/slide-3.jpg');}
#heroSlider #slide-4{background-image: url('/images/hero/slide-4.jpg');}
#heroSlider #slide-5{background-image: url('/images/hero/slide-5.jpg');}
#heroSlider #slide-6{background-image: url('/images/hero/slide-6.jpg');}

#heroSlider{position: relative;}
#heroSlider .overlay{position: absolute; left: 0; top: 0; opacity: .7; height: 100%;   width: 100%; z-index: 9;  background-image: linear-gradient(to right,  rgba(0,0,0,.8) , rgba(255,255,255, 0)); }
#heroSlider .carousel-indicators li{height: 12px; width: 12px; opacity: 1;}
#heroSlider .carousel-indicators .active{background-color: #4ae;}
#heroSlider .carousel-caption {  top:50%; left: 50%; transform: translate(-50%, -50%); margin-left: 15px; bottom: unset; right: unset;}  
#heroSlider .carousel-caption h5{font-size:68px; font-weight: 300; text-align: left; margin-bottom: 0; width: 450px; border-left: 10px solid #0275BB; padding:0px 30px;}



.comm-msg{position: absolute;right: 0; top:0; background-color:rgba(0,0,0, .6); color: #FFF; text-align: center; font-size: 22px; font-weight: 600; padding: 12px 25px; letter-spacing: 1px;}
.comm-info-wrapper{width: 80%; padding: 30px; position: relative; top: -40px}
.comm-info-wrapper .wrapper{height: 165px; display: flex; align-items: center;}
.comm-info-wrapper .wrapper img{width: 320px; margin: 0 auto; display: block;}


.bg-stay-informed{background-image: url('/images/bg-stay-informed.jpg'); min-height: 300px;}

footer .img-logo{width: 140px;}
footer .social-icon{width: 25px; margin: 5px;}


@media screen and (max-width: 991px){
   .hero,
   .h-inner{height: 600px;}
    #heroSlider .carousel-caption h5{font-size:32px;}
}


@media screen and (max-width: 767px){
    .hero,
    .h-inner{height: 500px;}
    #heroSlider .carousel-caption{width: 100%;}
    #heroSlider .carousel-caption h5{font-size:32px; border-left: 5px solid #0275BB; }
}

@media screen and (max-width:576px){
    .hero,
    .h-inner{height: 200px;}
    #heroSlider .carousel-caption h5{font-size:20px;}
   
    .comm-info-wrapper{top: 0; margin-bottom: 35px; width: 100%; padding: 20px;}
    .comm-info-wrapper .wrapper{height: auto;}
}

#edgewood-greens .hero{background-image: url('/images/hero/edgewood-greens.jpg');}
#avenue .hero{background-image: url('/images/hero/avenue.jpg');}
#past-communities .hero{background-image: url('/images/hero/past-communities.jpg');}
#about-us .hero{background-image: url('/images/hero/about-us.jpg');}
#design-studio .hero{background-image: url('/images/hero/design-studio.jpg');}
#after-sales-service .hero{background-image: url('/images/hero/after-sales-service.jpg');}
#warranty .hero{background-image: url('/images/hero/warranty.jpg');}
#faqs .hero{background-image: url('/images/hero/faqs.jpg');}
#contact .hero{background-image: url('/images/hero/contact.jpg');}

.sold-out{background-color: #F00;}
#past-communities .comm-info-wrapper,
#avenue .comm-info-wrapper,
#edgewood-greens .comm-info-wrapper{top: -190px;}

#past-communities .comm-info-wrapper img{width: 130px;}
#contact #map{height: 650px;}




@media screen and (max-width: 1199px){
    /* #edgewood-greens .comm-info-wrapper{top: -190px;} */
}

@media screen and (max-width: 991px){
    #past-communities .comm-info-wrapper,
    #avenue .comm-info-wrapper,
    #edgewood-greens .comm-info-wrapper{top: -57px;}
}


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

@media screen and (max-width:576px){
    #past-communities .comm-info-wrapper,
    #avenue .comm-info-wrapper,
    #edgewood-greens .comm-info-wrapper{top: -34px;}
}
.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}

.showMore{
    position: absolute;
    bottom: 20px;
    text-align: center;
    left: 49%;
    z-index: 15;
     -webkit-animation: bounce 2s infinite ease-in-out;
    -o-animation: bounce 2s infinite ease-in-out;
    -ms-animation: bounce 2s infinite ease-in-out; 
    -moz-animation: bounce 2s infinite ease-in-out; 
    animation: bounce 2s infinite ease-in-out;
}

    }

@-webkit-keyframes bounce {
    0% { transform: translateY(-15px)  }
    50% { transform: translateY(20px) }
    100% { transform: translateY(-15px) }
}

@keyframes bounce {
    0% { transform: translateY(-15px)  }
    50% { transform: translateY(20px) }
    100% { transform: translateY(-15px) }
}

#stay-informed  .form-control{border-radius: 0; border: none; max-width: 520px; margin-bottom: 27px;}
#stay-informed  .form-control::placeholder { color: #000; opacity: 1; }
#stay-informed  .form-control:-ms-input-placeholder { color: #000;}
#stay-informed  .form-control::-ms-input-placeholder { color: #000;}


#registrationForm .form-control{border-radius: 0; border: 1px solid #484c4c; margin-bottom: 28px;}
#registrationForm .form-control::placeholder { color: #000; opacity: 1; }
#registrationForm .form-control:-ms-input-placeholder { color: #000;}
#registrationForm .form-control::-ms-input-placeholder { color: #000;}
#registrationForm  select {
    display: block;
   line-height: 1.3;
    padding: .6em 1.4em .5em .8em;
    margin: 0;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    color: #000;
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%236D470F%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E');
    background-repeat: no-repeat, repeat;
    background-position: right .7em top 50%, 0 0;
    background-size: .65em auto, 100%;
}