/*
red : # da1f31
grey: #484c4c

*/
@font-face {
    font-family: 'Futura';
    src: url('fonts/Futura-Light.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Futura';
    src: url('fonts/Futura.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Futura';
    src: url('fonts/Futura-Book.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Futura';
    src: url('fonts/Futura-Heavy.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}

body{
    font-family: 'Futura', sans-serif;
    font-size: 18px;
    color: black;
    text-align: center;
}

p{ font-weight: 300;}
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; color: #000;}
a:hover{color: #6D470F; text-decoration: none;}

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

/*COMMOM STYLES*/
.txt-white{color:#fff!important;}
.txt-theme{
    color: #716134!important;
}
.bg-grey{background-color: #CDCFCF!important; }
.bg-theme{background-color: #F2F2F2!important;}
.bg-light{background-color: #F1EDE7!important;}
.bg-white{background-color: #FFF!important;}
.bg-black{background-color: #000!important;}





.btn-brand{background-color: #6D470F;  transition: all 0.32s ease-out; color: #FFF; font-weight: bold; font-size: 14px; padding: 15px 25px; letter-spacing: 1.5px; }
.btn-brand:hover{background-color: #484c4c; color: #FFF!important;}

.text-brand{color:#6D470F!important;}
.text-black{color:#000!important;}
.text-brown{color:#333333!important}

.has-bg{background-position: center; background-size: cover; }
.has-border{border: 1px solid #000;}

.img-linked{
    -webkit-transition: all 0.19s ease-out;
    -moz-transition: all 0.19s ease-out;
    -o-transition: all 0.19s ease-out;
    -ms-transition:  all 0.19s ease-out;
    transition: all 0.19s ease-out;
}
.img-linked:hover{
    transform: scale(1.07);
    cursor: pointer;
}
.linked{ transition: all 0.15s ease-out;}
.linked:hover{cursor: pointer;}
.text-linked{color: #6D470F;}
.text-linked:hover{color: #6D470F; text-decoration: underline; cursor: pointer;}

.ff-di{font-family: 'Didot', sans-serif;}
.fw-li{font-weight: 300;}
.fw-re{font-weight: 400;}
.fw-me{font-weight: 500;}
.fw-he{ font-weight: 800;}

.h-74{font-size: 74px; }
.h-61{font-size: 61px; }
.h-42{font-size: 42px; line-height: 56px; }
.h-36{font-size: 36px;}
.h-32{font-size: 32px;}
.h-28{font-size: 28px;}
.h-24{font-size: 24px;}
.h-22{font-size: 22px;}

.fs-12{font-size: 12px;}
.fs-14{font-size: 14px;}
.fs-16{font-size: 16px;}
.fs-18{font-size: 18px;}

.ls-2{letter-spacing: 2px;}
.ls-5{letter-spacing: 5px;}
.ls-10{letter-spacing: 10px;}
.border-top{border-top: 1px solid #6D470F!important;}
.border-bottom{border-bottom: 1px solid #6D470F!important;}
.custom-list{margin-left: -15px;}
.custom-list li{margin-bottom: 15px;}

.features-list li{font-family: 'Roboto', sans-serif; font-size: 18px; }
.accordion_head:hover{cursor: pointer;}
.accordion_head span::selection { background: #F1EDE7;}
.accordion_head span::-moz-selection { background: #F1EDE7; }
.plusminus{content: url('/images/misc/open.png'); ;}
.bg-light .plusminus{transform: rotate(-180deg)!important}

@media screen and (max-width: 1199px){
 .h-61{font-size: 52px; letter-spacing: 8px;}
}

@media screen and (max-width: 991px){
  .h-74{font-size:52px; letter-spacing: 8px; }
 .h-61{font-size: 42px; letter-spacing: 6px;}
 .h-42{font-size: 36px; line-height: 46px;}
 .h-32{font-size: 28px;}
 .ls-10{letter-spacing: 8px;}
}

@media screen and (max-width: 767px){
  .h-74{font-size: 38px; letter-spacing: 4px; }
 .h-61{font-size: 32px; letter-spacing: 4px;}
 .h-42{font-size: 30px; line-height: 42px;}
 .h-36{font-size: 30px;}
 .h-32{font-size:24px;}
 .ls-10{letter-spacing: 6px;}
}

@media screen and (max-width: 567px){
 .h-74{font-size: 32px; letter-spacing: 4px; }
 .h-61{font-size: 22px; letter-spacing: 2px;}
 .h-42{font-size: 26px; line-height: 36px;}
 .h-36{font-size: 24px;}
 .h-32{font-size: 22px;}
 .ls-10{letter-spacing: 4px;}
}



/* Navigation */
#menu-wrapper{
    position: fixed; top: 0; right: 0; z-index: 99;
    width: 400px ;
}
@media (max-width: 767.98px) {
    #menu-wrapper{
        width: 300px;
        height: 55px;
    }
}
/* @media (max-width: 991.98px) {
    #menu-wrapper{
        width: 65%; ;
    }
}
@media (max-width: 1199.98px) {
    #menu-wrapper{
        width: 75%; ;
    }
} */
#nav-wrapper{
    padding: 20px;
    z-index: 95;
    position:
    absolute;
    left: 0;
    top:0;
    transition: all .75s ease-in-out;
}
#menu-contents-wrapper{
    background-color: #D1C5B8;
    width: 100%;
    height: 100vh;
    transition: all .5s ease-in-out;
    position: absolute;
    top: 0;
    left: 100vw;
    opacity: 0;
    z-index: 90;
}
#nav-wrapper a{transition: all .75s ease-in-out!important;}

.btn-menu{transition: all .10s ease-in-out;}
.showMenu{left: 0!important; opacity: 1!important; }
.changeMenu{transition: all .75s ease-in-out; transform: rotate(90deg);}

.menu-items-wrapper{
    position: relative;
    left: 68px;
    top: 150px;
    max-width: 350px;
}
.menu-items-wrapper .menu-item{
    color: #FFF;
    font-size: 20px;
    font-weight: 100;
    display: block;
    margin-bottom: 15px;
    letter-spacing: 5px;
    text-transform: uppercase;
}
.menu-items-wrapper ul.list-group li.list-group-item a{
    font-weight: 100!important;
}
.menu-items-wrapper .active,
.menu-items-wrapper .menu-item:hover{color: #6D470F!important;}

.social-icons{position: absolute; left: 40px; bottom: 40px;}

footer .social-icons{position: relative; left: 0;}
 .nav-mini{background-color: #FFF; border-bottom: 1px solid #6D470F; transition: all .75s ease-in-out;}

@media screen and (min-width: 768px){
    .nav-mini{height: 60px; }
    .nav-mini .img-logo{height: 32px; transition: all .75s linear;}

}

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

}

@media screen and (max-width: 767px){
    body{padding-top: 55px;}
    .img-logo{width: 75px;}

    .menu-items-wrapper{
        top:90px;
        left: 30px;}
    .menu-items-wrapper .menu-item{
        font-size: 15px;
        margin-bottom: 10px;
    }
    .social-icons{bottom: 100px;}

}

.community-map{height: 578px; width: calc(100% - 250px); margin-bottom: 20px; position: relative;}
.map-logo{max-width: 100px!important;}
.legend-wrapper{position: absolute; right: 0; bottom: 18px; font-size: 16px; width: 250px; }


@media screen and (max-width: 767px){
    .community-map{width: 100%;}
    .legend-wrapper {width: 100%; position: relative;}
    .legend-wrapper #projectList {column-count: 2;}
}

@media screen and (max-width: 576px){
    .legend-wrapper #projectList {column-count: 1;}
}

.hero-video-wrapper {
    height: calc(100vh);
    width: 100%;
    position: relative;
    overflow: hidden;
    min-height: 650px;
    z-index: 70;
}
#hero-video {
    min-width: 100%;
    min-height: 100%;
    height: auto;
    width: auto;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -10;
}



#welcomeSlider .carousel-item{height: calc(100vh - 240px);  background-size: cover;}
#welcomeSlider #slide1{background-image: url('/images//hero/1.jpg');}
#welcomeSlider #slide2{background-image: url('/images//hero/2.jpg');}
#welcomeSlider #slide3{background-image: url('/images//hero/3.jpg');}
#welcomeSlider #slide4{background-image: url('/images//hero/4.jpg');}
#welcomeSlider #slide5{background-image: url('/images//hero/5.jpg');}
#welcomeSlider #slide6{background-image: url('/images//hero/6.jpg');}


/* HERO STYLES */
.hero-img-wrapper{position: relative;}
.img-hero-c{position: absolute; ;left: 0; top:0; opacity:0;}
.main{ height: 100%; width: 100%;}
.color{height: 100px; width: 100px;}
.main{background-image:url('/images/hero-o.jpg'); position: absolute; ;left: 0; top:0; }
.color{background-image:url('/images/hero-c.jpg'); }

.model{
  position:relative;
  background-image: url('/images/hero-o.jpg');
  width:100%;
  height:100%;
  transition: all 1s ease-in-out;
  overflow:hidden;
}
.gray{
  position:absolute;
  top:0;
  left:0;
  width:50%;
  height:100%;
  background-image: url('/images/hero-c.jpg');
  -webkit-box-shadow: 0 0 100px #fff;
  box-shadow: 0 0 100px #fff;
  border-radius:50%;
}
/* HERO STYLES ENDS */



footer p{line-height: 20px;}
/* .hero-caption-wrapper{height: 240px; } */

@media screen and (max-width: 767px){
  .hero-video-wrapper {height: auto; min-height: auto;}
  #hero-video { position: relative;   max-width: 100%;}
  .hero-caption-wrapper{height: auto;}
}

.bg-grey{background-color: #CDCFCF;}
.g-box{ color : #000; font-size: 14px; width: 285px; display: inline-block; margin: 10px; }

.g-box .contents, .g-box .arrow{float: left; }
.g-box .contents{width: 257px; padding: 15px; border-right:1px solid #FFF;}
.g-box .arrow{ width: 27px; padding-top: 33.3333%;}
.g-box h1{font-size: 16px;}
.g-box .text-linked{font-weight: 600; letter-spacing: .05rem;}
.g-box-up{position: relative; left: 40px; top: -80px;}

@media screen and (max-width: 992px){
 .g-box-up{left: 20px; top: -40px;}
}


@media screen and (max-width: 567px){
   .g-box-up{left: -10px; top: 0;}

}

@media screen and (max-width: 567px){
   .g-box{width: 100%; margin: 0; display: flex; margin-bottom: 10px;}
   .g-box-up{left: 0; top: 0;}
   .g-box .contents{width: calc(100% - 27px);}
   .g-box .arrow{display: flex; justify-content: center; align-items: center; padding: 0;}
}





.g-box-full{width: 100%; display: flex; z-index: 50; margin-top: -100px;}


.g-box-full .logo-wrapper,
.g-box-full .contents-wrapper,
.g-box-full .arrow{float: left;}


.g-box-full .logo-wrapper{padding: 25px; display: flex; align-items: center;}
.g-box-full .contents-wrapper{width: calc(100% - 270px);border-right: 1px solid #FFF; border-left:1px solid #FFF;  padding: 20px 20px 25px 20px;}
.g-box-full .arrow{ width: 27px; display: flex; align-items: center;}


@media screen and (max-width: 767px){
    .g-box-full{display: block; margin-top: 0px;}
    .g-box-full .logo-wrapper{width: 100%; float: none; display: block; padding: 0; border-bottom: 1px solid #FFF;}
    .g-box-full .contents-wrapper{width: 100%; border: none;}
    .g-box-full .arrow{text-align: center; display: block; width: 100%; border-top: 1px solid #FFF;}
}

@media screen and (min-width: 992px){
    .g-box-full{width: calc(100% + 45px); margin: 0;}
    .g-box-left{margin-left: -45px;}
    .g-box-right{margin-right: -45px;}
}


@media screen and (max-width: 567px){
    .g-box-full{max-width: 365px; margin: auto;}
}


.gallery-caption{width: 85%; z-index: 50; margin-top: -40px; margin-left: 25px; display: inline-block;}

.gallery-caption .contents-wrapper,
.gallery-caption .arrow{float: left;}

.gallery-caption .contents-wrapper{width: calc(100% - 27px);  padding: 15px; border-right: 1px solid #FFF;}
.gallery-caption .arrow{ width: 27px;padding-top: 11.111%;}

.gallery-caption h2{color: #000;}

#gallery-wrapper{top:-100vh; left: 0; opacity: 0; transition: all .15s ease-in-out; position: fixed; z-index: 99;  background-color: rgba(255,255,255, 1); width: 100%; height: 100%;}
.showGallery{top: 0!important; opacity: 1!important;}

#gallery-wrapper .carousel-indicators{position: relative; justify-content: left; margin-left: -3px;}
#gallery-wrapper .carousel-indicators li{width: 100px; height: 100px;}

#gallery-wrapper .carousel-control-next,
#gallery-wrapper .carousel-control-prev{opacity: 1; width: auto;}

#gallery-wrapper .carousel-control-next-icon,
#gallery-wrapper .carousel-control-prev-icon{background-color: #6D470F; height: 38px; width: 38px; background-image: none; font-size: 50px; line-height: 30px;}

#vt-wrapper{position: relative;}
.img-play{position: absolute; left: 50%; top:40%; transform: translate(-50%, -50%); width: 40px; transition: all .35s ease-in-out;}
.img-play:hover{ transform: translate(-50%, -50%) scale(1.5);}

.gallery-wrapper{max-width: 360px; margin: auto;}
@media screen and (max-width: 767px){
    .gallery-caption h2{font-size: 12px; margin-bottom: 0;}
    .gallery-caption .fs-18{ font-size: 14px;}
}


.overlay{position: absolute; top:0; left: 0; width: 100%; height: 100%; background-color: rgba(255,255,255, .5); transition: all .5s ease-in-out; opacity: 0; display: flex;
    justify-content: center;  align-items: center;}
.overlay:after{content: url('/images/misc/zoom.png');}

#popUp .pop-up-image{width: 675px;}
#popUp .modal-content{border: none;  background-color: transparent;}
#popUp .modal-header{border: none; background-color: transparent; padding-right: 0;}
#popUp .modal-body{padding: 0;}
#popUp .modal-dialog {max-width: 675px;}
#popUp .close {font-size: 18px; font-weight: 400; color: #FFF; opacity:1; text-shadow: none;}


.img-decor-wrapper{position: relative; margin-bottom: 30px;}
.img-decor-wrapper:hover .overlay{opacity: 1; border: 6px solid rgba(109,71,15, .5); cursor: pointer;}
#interestRateSelection{padding: 4px 12px; margin-left: 15px;}

.decorGallery-slider .carousel-nav-wrapper{position: relative;}
.decorGallery-slider .carousel-indicators{ height: 100px;}
.decorGallery-slider .carousel-indicators {position: relative; margin: 0; margin-left: 30px; justify-content: flex-start;}
.decorGallery-slider .carousel-indicators  img{height:100px; width: 150px; opacity: 1; border: 2px solid #FFF;}
.decorGallery-slider .carousel-indicators  .active img{ outline: 5px solid #6D470F;  outline-offset: -5px;}

.decorGallery-slider .carousel-nav-wrapper{position: relative; margin-top: 5px;  overflow: hidden; max-width: 1170px;}
.decorGallery-slider .carousel-nav-wrapper .thumb-nav {position: absolute; height: 100%; width: 30px; display: flex; justify-content: center; align-items: center; background-color:#6D470F; z-index: 50; top: 0; color: #FFF; transition: all .15s ease-in-out; border-top: 2px solid #FFF; border-bottom: 2px solid #FFF; }

.decorGallery-slider .carousel-nav-wrapper .prev{left: 0; border-right: 4px solid #FFF;}
.decorGallery-slider .carousel-nav-wrapper .next{right: 0;  border-left: 4px solid #FFF;}
.decorGallery-slider .carousel-nav-wrapper .thumb-nav:hover{background-color:#6D470F; opacity: .7; cursor: pointer;}




.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active{border-radius: 50%!important; background: #6D470F!important;}
.ui-slider-horizontal .ui-slider-handle{top:-15px!important; outline: none;}
.ui-slider .ui-slider-handle {width: 30px!important; height: 30px!important;}
.ui-widget.ui-widget-content{border: 1px solid #000!important;}
.ui-slider-horizontal{height: 1px!important;}
.sliderRange{font-size: 12px; font-weight: 700; margin-top: -40px;}

#ccToolBox .nav-item{width: 25%; text-align: center;  font-size: 14px; text-transform: uppercase; border: 1px solid #FFF;}
#ccToolBox .nav-pills .nav-link{border-radius: 0; background-color: #CDCFCF; color: #000; padding: 15px;}
/* #ccToolBox .nav-pills .show>.nav-link{ } */
#ccToolBox .nav-pills .nav-link:hover,
#ccToolBox .nav-pills .nav-link.active{background-color: #000; color: #FFF;}


#contactMap{height: 550px;}
.custom-btn{background-color: #CDCFCF; color: #656565; border: none; background-image: url('/images/misc/bg-btn.png'); background-position: right; background-size: contain; background-repeat: no-repeat; height: 45px; font-size: 24px; padding-right: 70px; padding-left: 35px; transition: all .15s ease-in-out; }
.custom-btn:hover{background-color: #6D470F; color: #FFF;}


@media screen and (max-width: 767px){
    #ccToolBox .nav-item{width: 50%;}
}
@media screen and (max-width: 567px){
    #ccToolBox .nav-item{width: 100%;}
}

@media (min-width: 768px) and (max-width: 1199px){
 #ccToolBox .nav-pills .nav-link{padding: 15px 5px; font-size: 10px;}
}

.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 rgba(109,71,15, .8);}.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:40px;height:40px;background:url(/images/misc/zoom.png) top right no-repeat; transform:rotate(45deg); text-align:right;outline:0;filter:alpha(Opacity=70);opacity:.9;-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;
}


/* SLICK SLIDER */
.slider-for{position: relative;}
.slider-nav div{background-position: center; background-size: cover; border-top: 5px solid #FFF;}
.slider-nav div .slick-current{opacity: .5; filter: brightness(100%);}
.slider-nav div:focus{outline: none;}
.slider-for div{background-position: center; background-size: cover;}
.slick-prev:hover, .slick-next:hover{ opacity: .7;}
.slick-next {right: 10px;}
.slick-prev{left: 10px;}
.slick-next:before {content: '»';}
.slick-prev:before {content: '«';}
.slick-prev:before, .slick-next:before {font-size: 20px;color: #000;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}

/* Slider */
.slick-prev,.slick-next{font-size:0;line-height:0;position:absolute;top:50%;display:block;width:25px;height:25px;padding:10px 0;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);cursor:pointer;color:transparent;border:none;outline:none;background:#FFF;border-radius:50%;z-index:89}
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{overflow:hidden;position:relative;display:block;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:before,.slick-track:after{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:auto;min-height:1px}[dir='rtl'] .slick-slide{float:right}
.slick-slide img{display:block; max-width:100%; height:auto;}
.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}
.slider-Wrapper{position: relative;}

/* SLICK SLIDER  ENDS*/


@-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) }
}

#registrationForm .form-control{border-radius: 0;
border: none;
     border-bottom: 1px solid black; margin-bottom: 27px;}
#registrationForm .form-control::placeholder { color: #495057; opacity: 1; }
#registrationForm .form-control:-ms-input-placeholder { color: #495057;}
#registrationForm .form-control::-ms-input-placeholder { color: #495057;}
#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;
    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%;
}



.img-communities{width: 365px;}


/* PROJECT STYLES */
#projectNavigation .navbar{padding-left: 0; padding-right: 0;}
#projectNavigation .nav-item .nav-link{background-color: #CDCFCF; color: #000; font-size: 16px; white-space: nowrap;}
#projectNavigation .nav-item .nav-link:hover,
#projectNavigation .nav-item .active{background-color: #000; color: #FFF;}


@media (max-width: 767px){
  #projectNavigation .nav-item .nav-link{padding-left: 15px; padding-right: 15px;}
  #projectNavigation  .navbar-toggler{padding: 0 8px 0 0;}
  #projectNavigation  .navbar-toggler:focus, .navbar-toggler:active {outline: none;box-shadow: none;}
}

@media (min-width: 768px){
    #projectNavigation{margin-top: -25px; height: 65px;}
    #projectNavigation .nav-item .nav-link{font-size: 14px;}
    #floorplan #projectNavigation {margin-top: 100px;}
    #projectNavigation .navbar-nav .nav-link {padding: 12px;  }
}

@media (min-width: 992px){
     #projectNavigation .nav-item .nav-link{font-size: 16px;}
    #projectNavigation .navbar-nav .nav-link {padding: 16px  24px;  }
}

@media (min-width:1200px){
    #projectNavigation  .navbar-nav .nav-link {padding: 20px  36.5px;  }
}



.project-hero{width: 100%; height: 550px; margin-top: 100px;  }

.btn-download{background-color: #CDCFCF; color: #000; font-size: 18px; transition: all .15s ease-in-out; padding: 12px 30px; display: inline-block; margin: 1px;}
.btn-download:hover{background-color: #000; color: #FFF;}

.rend-wrapper{position: relative; overflow: hidden; max-width: 350px; margin: auto;}
.img-rendering{transition: all .25s linear;}
.img-rendering:hover{transform: scale(1.1); opacity: .7;}

.soldNewRibbon{position: absolute; left: 0; top:0; z-index: 50;}
.soldRibbon{right: 0; left: auto;}

.btnHouseName{color: #FFF; font-size: 18px; background-color: #000; padding: 12px 20px; display: inline-block; font-weight:400;}
.img-rendering-Wrapper{float: left; overflow: hidden;}
.img-rendering-Wrapper img{transition: all .5s linear;}
.img-rendering-Wrapper img:hover{border: 1px solid #FFF;}
.add-border{border-left: 1px solid #FFF; border-right: 1px solid #FFF;}
.img-rendering-block{width: 100%;}
.img-selected {filter: opacity(.4) !important; }
.renElevation{background-color: #000;  position: absolute; z-index: 45; top: 0; right: 15px;  text-align: center; color: #FFF;}
.renElevation .elevOnly{font-size: 48px; padding: 10px 20px;}
.blockNo{font-size: 22px; font-weight: 400; display: inline-block; padding: 10px 15px; line-height: 22px; }
.rendHouseName{text-align: center; font-size: 18px; text-transform: uppercase; background-color: #CDCFCF; color: #000; padding: 15px; font-weight: 600;}
.img-rendering-Wrapper .border-right{border-right: 5px solid #FFF!important;}
.img-rendering-Wrapper .border-left{border-left: 5px solid #FFF!important;}
.img-rendering-Wrapper .border-left-right{border-left: 5px solid #FFF;border-right: 5px solid #FFF;}

@media (max-width: 1699px){
    .h-42 {
        font-size: 32px;
        line-height: 36px;
    }

}


@media (max-width: 1199px){
    .rendHouseName{font-size: 15px; padding: 15px 3px;}

}

@media (max-width: 991px){
    .project-hero{height: 450px;}
     .rendHouseName{font-size: 12px; padding: 15px 3px;}
    .renElevation .elevOnly{font-size: 18px; padding: 12px;}
    .blockNo {font-size: 18px; padding: 5px 10px;line-height: 18px;}
}


@media (max-width: 767px){
    .project-hero{height: 350px; margin-top: 0; }
    .rendHouseName{font-size: 10px; padding: 8px 0px;}
    .renElevation .elevOnly{font-size: 18px; padding: 12px;}
    .blockNo {font-size: 18px; padding: 5px 10px;line-height: 18px;}
}

@media (max-width: 567px){
    .project-hero{height: 250px; }
    .rendHouseName{font-size: 5px; padding: 5px 2px; font-weight: 300;}
    .renElevation .elevOnly{font-size: 16px; padding: 10px;}
    .blockNo {font-size: 12px; padding: 5px 10px;line-height: 12px;}

}