@charset "UTF-8";
/* CSS Document */
html {
  scroll-behavior: smooth;
}

.live_middle_name,
.live_fax_number {
    display: none;
}

.live_section_boat {
    background-image: url('../images/live/area-amenities-boat.jpg');
    /* height: 1350px; */

}

.live_map_background {
    background-image: url('../images/live/bgkidsPlay.jpg');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    /* height: 1350px; */

}

.live-download-map-info {
    margin-top: 150px;
}



.live_education2 {
    padding-left: 50px;
    padding-right: 50px;
}

.live_grey_box {
    background-color: #f8f8f8;

}







#live-model-homes .link-button {
    max-width: 100px;
}



.live_floorplan_btn {
    border: 1px solid #ccc !important;
    color: #000;
    font-size: 11px;
    letter-spacing: 2px;
    background-color: #f8f8f8;
    padding: 10px 12px;
    font-weight: 600;
}

#desinger-finished-homes .link-button {
    margin: 30px 0 20px 0;
}



.site-map-nav-tabs .nav-tabs .nav-item.show .nav-link,
.site-map-nav-tabs .nav-tabs .nav-link.active {

    color: #fff;
    background-color: #333;



}



.site-map-nav-tabs .nav-tabs .nav-link {
    color: #fff;
    border: 0px solid transparent;
    border-top-left-radius: 0rem;
    border-top-right-radius: 0rem;
    background-color: #989898;
    margin-right: 7px;
    margin-bottom: 22px;
}


nav > div a.nav-item.nav-link.active::after {

    content: "";
    position: relative;
    bottom: -40px;
    left: -10%;
    border: 15px solid transparent;
    border-top-color: transparent;
    border-top-color: #e74c3c;

}

.live-px-7 {
    padding-top: 10rem;
    padding-bottom: 7rem;
}

.live-border-px-7 {
    border: 15px solid #fff;
}

.space-left-minus {
    margin-left: -15px !important;
}


@media screen and (max-width: 767px){
    .live_section_boat{background-image: none; background-color: #fbfbfb; }
    .live-download-map-info{margin-top: 50px;}
}

#areaAmenitiesEducation{
    background-image: url('../images/live/area-education2.jpg'); 
    min-height: 400px;
}

#rental-text-slider{position: absolute; left: 0; top:0; z-index: 999; height: 100vh; width: 100vw;}
#rental-text-slider .carousel-caption {text-align: left; width: 100%; left: 50px; bottom: 300px; }
#rental-text-slider .carousel-caption h5 { font-size: 4vw; font-weight: 300; letter-spacing: 5px; text-shadow: 2px 2px 8px #999;  white-space: nowrap; text-transform: uppercase;}

@media screen and (max-width: 767px){
    #rental-text-slider {position: relative; height: auto; background-color: #F8F8F8 !important;}  
    #rental-text-slider .carousel-caption{position: relative; left: 1px; right: 15px; bottom: 15px; top: 15px; text-align: center;}
    #rental-text-slider .carousel-item {height: 100px;}
}

.figure-caption{text-align: center; color:#FFF; background-color: #999999;}
.details-wrapper{position: absolute; display: none; left:100px; bottom:100px;}
.linked:hover{cursor: pointer;}
.premium-list{margin-left: -25px;}
.premium-list li{margin-bottom: 10px;}
#RentalRegisterNow .form-control{ height: 50px;}


.price-wrapper{position: absolute; top:0px; left: 0;}
.imgWithMap{display:none;}


/*NEW LAYOUT CSS */
.bg-brand{background-color: #464443;}
.bg-l-grey{background-color: #9a989a!important;}
.btn-brand{background-color: #464443; color: #FFF; transition: all .32s ease-in-out; display: inline-block; padding: 9px 18px; text-decoration:  none; text-align: center;} 
.btn-brand:hover{background-color: #000; color: #FFF;}

.text-linked{color: #464443;text-decoration: none;}
.text-linked:hover{color: #000; }

#fp-filter{z-index: 99; position: relative;}

.has-open-close:after{background-image:url('../images/misc/down.png') ; width: 50px; height: 20px; display: inline-block; margin: 0 auto; content: ''; transition: all .25s 
ease-in-out; background-repeat: no-repeat; background-position: center;}
#fp-filter .has-open-close:after{display: block;}

.has-open-close:focus, .has-open-close:active{border: 0; outline: none;  }
.fp-house-type:not(.collapsed){color: #464443!important;}
.has-open-close:not(.collapsed)::after{background-image:url('../images/misc/down.png'); transform: rotate(180deg);}

#fp-filter .filter-type-wrapper{min-width: 240px; height: 50px;  float: left; margin-left: 20px; border-radius: 0!important; font-size: 18px; display: block;}



#fp-filter .accordion-button, #fp-filter .accordion-collapse{border:1px solid #000;}
#fp-filter .accordion-body{background-color: #d2cfcd; border-top: none;}
#fp-filter .collapse {border-top: none;}
#fp-filter table {  width: 100%; max-width: 200px; display: inline-table;}
#fp-filter table tr:hover {  cursor: pointer;}
#fp-filter .accordion-button:not(.collapsed){color: #000; background-color: #FFF; border-radius: 0; outline: none; box-shadow: none;}
#fp-filter .accordion-button:focus{box-shadow: none;}
#clearFilter{width: 120px; background-color: #424242; color: #FFF; text-align: center; display: block; padding: 8px; position: absolute; right: 0; top: 0;}


.btn-filter-options[type=checkbox] {
  position: relative;
  width: 1em;
  height: 1em;
  color: #424242;
  border: 1px solid #999;
  border-radius: 4px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: 0;
  cursor: pointer;
  transition: background 175ms cubic-bezier(0.1, 0.1, 0.25, 1);
  background: #FFF;
}
.btn-filter-options[type=checkbox]::before {
  position: absolute;
  content: "";
  display: block;
  top: 0;
  left: 5px;
  width: 5px;
  height: 12px;
  border-style: solid;
  border-color: #000;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  opacity: 0;
  color: #000!important;
  background: #FFF;
}
.btn-filter-options[type=checkbox]:checked {
  color: #000!important;
  border-color: #424242;
  background: #FFF;
}
.btn-filter-options[type=checkbox]:checked::before {
  opacity: 1;
}



#fpNav{margin: 25px auto;}
#fpNav .fp-house-type{color: #000;}
#fpNav .fp-house-type:hover{color: #464443;}
.tbl-bedBathGarage{max-width: 275px; width: 90%; margin: 0 auto;}
.bedbathGarage-ico{width: 32px;}
.home-type-wrapper:last-child hr{display: none;}
.home-type-desc{margin-top: -15px;}


.custom-carousel-indicators{margin-right: 0; margin-left: 0;}
.custom-carousel-indicators button{width: 15px!important; height: 15px!important; margin: 10px 8px!important; border:none!important; border-radius: 50%!important; background-color: #D2CFCD!important; text-indent: 0!important;}
.custom-carousel-indicators button:focus,
.custom-carousel-indicators button:active{outline: none; border: none;}
.custom-carousel-indicators button:hover,
.custom-carousel-indicators .active{background-color: #000;}
.bg-carousel{background-color: #f0eeed;}
.indicator-elevations {top: 10px; height: 50px;}
.indicator-elevations button{background-color: #8b8a8f!important; height: 24px!important; width: 24px!important; font-size: 13px!important;}
.indicator-elevations button:hover, .indicator-elevations .active{background-color: #b4b2b0;}

.fp-option-list{list-style-type: none; margin-left: -30px;}
.fp-option-list li input{transform: scale(1.5); margin: 10px;}
.fp-option-list li{font-size: 14px;}

.statusBanner{position: absolute; left: -41px;  top: 34px; width: 175px;  z-index: 99; overflow: hidden; transform: rotate(-45deg); color: #FFF; text-align: center; padding: 3px 15px; font-weight: 500; font-size: 15px; letter-spacing: 1px; }
.statusBanner.sold-out{ background-color: #F00;}
.statusBanner.coming-soon{ background-color: #444;}

#fpOptions .accordion-button{border:1px solid #000; border-radius: 0; margin-top: 5px;}
#fpOptions .accordion-item{border:none;}
#fpOptions .accordion-collapse{border:none;}
#fpOptions .accordion-button:not(.collapsed){color:#000;background-color: #FFF; box-shadow: none;}
#fpOptions .accordion-button:not(.collapsed)::after{background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");}
#fpOptions .accordion-button:focus{box-shadow: none; outline: none;}



.btn-filter-options[type=checkbox] {
  position: relative;
  width: 1em;
  height: 1em;
  color: #424242;
  border: 1px solid #999;
  border-radius: 4px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: 0;
  cursor: pointer;
  transition: background 175ms cubic-bezier(0.1, 0.1, 0.25, 1);
  background: #FFF;
}
.btn-filter-options[type=checkbox]::before {
  position: absolute;
  content: "";
  display: block;
  top: 0;
  left: 5px;
  width: 5px;
  height: 12px;
  border-style: solid;
  border-color: #000;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  opacity: 0;
  color: #000!important;
  background: #FFF;
}
.btn-filter-options[type=checkbox]:checked {
  color: #000!important;
  border-color: #424242;
  background: #FFF;
}
.btn-filter-options[type=checkbox]:checked::before {
  opacity: 1;
}



#fpNav{margin: 25px auto;}
#fpNav .fp-house-type{color: #000;}
#fpNav .fp-house-type:hover{color: #464443;}
.tbl-bedBathGarage{max-width: 275px; width: 90%; margin: 0 auto;}
.bedbathGarage-ico{width: 32px;}
.home-type-wrapper:last-child hr{display: none;}
.home-type-desc{margin-top: -15px;}

.indicator-elevations {top: 10px; height: 50px;}
.indicator-elevations button{background-color: #8b8a8f!important; height: 24px!important; width: 24px!important; font-size: 13px!important;}
.indicator-elevations button:hover, .indicator-elevations .active{background-color: #b4b2b0;}

.fp-option-list{list-style-type: none; margin-left: -30px;}
.fp-option-list li input{transform: scale(1.5); margin: 10px;}
.fp-option-list li{font-size: 14px;}

.statusBanner{position: absolute; left: -41px;  top: 34px; width: 175px;  z-index: 99; overflow: hidden; transform: rotate(-45deg); color: #FFF; text-align: center; padding: 3px 15px; font-weight: 500; font-size: 15px; letter-spacing: 1px; }
.statusBanner.sold-out{ background-color: #F00;}
.statusBanner.coming-soon{ background-color: #444;}

#fpOptions .accordion-button{border:1px solid #000; border-radius: 0; margin-top: 5px;}
#fpOptions .accordion-item{border:none;}
#fpOptions .accordion-collapse{border:none;}
#fpOptions .accordion-button:not(.collapsed){color:#000;background-color: #FFF; box-shadow: none;}
#fpOptions .accordion-button:not(.collapsed)::after{background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");}
#fpOptions .accordion-button:focus{box-shadow: none; outline: none;}


.svg-wrapper{text-align: center; padding: 25px 50px;}
.svg-wrapper svg{max-width: 100%; width: 500px;}
.no-fp-options:after{background-image: none!important;}
.lot-color{width: 25px; height: 25px; border-radius: 50%; opacity: 1!important; margin-top: -5px; margin-right: 10px;}

.share-btn{margin-top: -12px;}
.btn-favourite::selection {background: #FFF; /* WebKit/Blink Browsers */}
.modelhome-nav a{margin-bottom: 10px;}

.legend-holder .col-6{width: 25%!important; margin-bottom: 25px!important;}
#zoom-btns{position: absolute; right: 15px; top:15px; width: 50%;} 
@media screen and (max-width:767px) {.legend-holder .col-6{width: 50%!important; margin-bottom: 15px!important;}}
/*NEW LAYOUT CSS ENDS*/