@font-face {
    font-family: 'Gotham';
    src: url('fonts/Gotham-Light.eot');
    src: url('fonts/Gotham-Light.eot?#iefix') format('embedded-opentype'),
        url('fonts/Gotham-Light.woff2') format('woff2'),
        url('fonts/Gotham-Light.woff') format('woff'),
        url('fonts/Gotham-Light.ttf') format('truetype'),
        url('fonts/Gotham-Light.svg#Gotham-Light') format('svg');
    font-weight: 300;
}
@font-face {
    font-family: 'Gotham';
    src: url('fonts/Gotham-Book.eot');
    src: url('fonts/Gotham-Book.eot?#iefix') format('embedded-opentype'),
        url('fonts/Gotham-Book.woff2') format('woff2'),
        url('fonts/Gotham-Book.woff') format('woff'),
        url('fonts/Gotham-Book.ttf') format('truetype'),
        url('fonts/Gotham-Book.svg#Gotham-Book') format('svg');
    font-weight: 400;
}
@font-face {
    font-family: 'Gotham';
    src: url('fonts/Gotham-Medium.eot');
    src: url('fonts/Gotham-Medium.eot?#iefix') format('embedded-opentype'),
        url('fonts/Gotham-Medium.woff2') format('woff2'),
        url('fonts/Gotham-Medium.woff') format('woff'),
        url('fonts/Gotham-Medium.ttf') format('truetype'),
        url('fonts/Gotham-Medium.svg#Gotham-Medium') format('svg');
    font-weight: 500;
}


@font-face {
    font-family: 'Gotham';
    src: url('fonts/Gotham-Bold.eot');
    src: url('fonts/Gotham-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Gotham-Bold.woff2') format('woff2'),
        url('fonts/Gotham-Bold.woff') format('woff'),
        url('fonts/Gotham-Bold.ttf') format('truetype'),
        url('fonts/Gotham-Bold.svg#Gotham-Bold') format('svg');
    font-weight: 600;
}










html{
    scroll-behavior: smooth;
}
body{
    font-family: 'Gotham';
    font-size: 18px; 
    font-weight: 400;
    color: #000000;
    
}

a{-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; text-decoration:none;}
a:hover{color: #ED3E42; text-decoration: none;}

::placeholder { color: #ffffff; opacity: 1; }
:-ms-input-placeholder { color: #ffffff;}
::-ms-input-placeholder { color: #ffffff;}

/*COMMOM STYLES*/
.gotham{ font-family: 'Gotham';}
.bg-grey{background-color: #808080!important; }
.bg-brand{background-color: #4E738A;}
.bg-black{background-color: #000;}
.bg-light{background-color: #E5E5E5!important;}
.bg-l{background-color: #F7F7F7;}
.bg-blue{background-color: #4E748B;}
.bg-darkblue{background-color: #415464;}
.bg-red{background-color: #ed3d42;}
.btn-brand{background-color: #ED3E42;  transition: all 0.52s ease-out; color: #ffffff; font-size: 18px; font-weight:500; padding: 11px 40px; display: inline-block; border: 0;}
.btn-brand:hover{background-color: #415364; color: #ffffff!important; }
.btn-explore{background-color: #ED3E42;  transition: all 0.52s ease-out; color: #ffffff; font-size: 18px; font-weight:500; padding: 11px 40px; display: inline-block; border: 0;}
.btn-explore:hover{background-color: #415364; color: #ffffff!important; }
.btn-explore1{background-color: #999999;  transition: all 0.52s ease-out; color: #ffffff; font-size: 14px; font-family: 'Gotham Book'; font-weight:400; padding: 7px 20px; display: inline-block; border: 0;}
.btn-explore1:hover{background-color: #ED3E42; color: #ffffff!important; }
.btn-share{background-color: #AAAAAA;
    background-image: url(../images/share-white.png);
    background-position: 90% 52%;
    background-repeat: no-repeat;
    padding-right: 65px!important;
    border: 0;color: white;}
.text-brand{color:#415464!important;}
.text-black{color:#000!important;}
.text-grey{color: #666666!important;}
.text-red{color: #ED3E42;}
.text-shadow{text-shadow: 1px 1px 10px #000;}
.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(.96);
    cursor: pointer;
}
.text-linked{color: inherit;}
.text-linked:hover{text-decoration: underline;}

.fw-li{font-weight: 300;}
.fw-re{font-weight: 400;}
.fw-me{font-weight: 500;}
.fw-sb{font-weight: 600;}
.fw-bo, strong{font-weight: 600;}
.fw-meit{font-weight: 500;
    font-style: italic;}

.fs-12{font-size: 12px;}
.fs-13{font-size: 13px;}
.fs-14{font-size: 14px!important;}
.fs-16{font-size: 16px;}
.fs-17{font-size: 17px;}
.fs-18{font-size: 18px;}
.fs-19{font-size: 19px;}
.fs-22{font-size: 22px;}
.fs-23{font-size: 23px;}
.fs-24{font-size: 24px;}
.fs-25{font-size: 25px;}
.fs-26{font-size: 26px;}
.fs-28{font-size: 28px;}
.fs-30{font-size: 30px;}
.fs-32{font-size: 32px;}
.fs-34{font-size: 34px;}
.fs-36{font-size: 36px;}
.fs-45{font-size:45px;}
.fs-47{font-size:47px;}
.fs-50{font-size: 50px;}
.fs-56{font-size: 56px;}
.fs-60{font-size: 60px;}
.fs-64{font-size: 64px;}
.fs-67{font-size: 67px;}
.fs-78{font-size: 78px;}
.fs-86{font-size: 86px;}
.fs-100{font-size: 100px;}
.fs-174{font-size: 174px;}
.fs-183{font-size: 183px;}
.fs-228{font-size: 228px;}

.ls-1{letter-spacing: 1px;}
.ls-2{letter-spacing: 2px;}
.ls-3{letter-spacing: 3px;}
.ls-4{letter-spacing: 4px;}
.ls-5{letter-spacing: 5px;}
.ls-10{letter-spacing: 10px;}
.ls-15{letter-spacing: 15px;}
.ls-30{letter-spacing: 30px;}

.lh-1{line-height: 1;}
.lh-1-4{line-height: 1.4;}
.lh-1-5{line-height: 1.5;}
.lh-1-8{line-height: 1.8;}
.lh-2{line-height: 2;}
.lh-2-3{line-height: 2.3;}
.lh-2-7{line-height: 2.7;}


.mt-6{
    margin-top: 6rem!important;
}
.border-klen-sec{
    border-top: 1px solid;
    border-bottom: 1px solid;
}

.pdf-button{
    background-color: #000;
    color: #fff;
    padding: 10px;
    font-size: 15px;
}

.siteplan-button:hover, .pdf-button:hover{
    background-color: #ED3E42;
    color: #fff;

}
.inventory-button:hover
{
    color: #ED3E42 !important;
}


a:hover {
    cursor: pointer; /* Change cursor to pointer on hover */
    pointer-events: auto;
    z-index: 999;
    position: relative;
}

.hover-zoom {
    transition: transform 0.3s ease; /* Smooth transition */
}

.hover-zoom:hover {
    transform: scale(0.9); /* Reduce size to 90% on hover */
}

.card-hover-shadow {
    transition: box-shadow 0.3s ease; /* Smooth transition */
}

.card-hover-shadow:hover {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Add shadow on hover */
}

.siteplan-button{
    background-color: #000;
    color: #fff;
    padding: 15px;
    font-size: 20px;
}

.accordion_head{font-size: 29px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;  }
.accordion_head:hover{cursor: pointer;}
.accordion_head .plusminus{background-color: #656565; color: #FFF; width: 40px;  height: 40px; text-align: center;}
.accordion_body{display: none; border-bottom: 1px solid #656565!important; border-top: 1px solid #656565; }

.customList li{margin-bottom: 15px; margin-left: -10px;}

.pull-right{float:right;}
.home{background: white;padding-bottom: 35px;}
.home-details{padding: 15px;height: 240px;}
    .home-details h4{font-size: 17px;font-weight: bold;}
    .home-details h4 a{color:black}
    .home-details p{font-size: 14px;padding-top: 10px;}
    .btn-arrow{color: #fff;
        background-color: #0693F7;
        border-color: #0693F7;
        padding: 7px 15px;
        font-size: 14px;}


/* Navigation */
#topNavigation .menu-title{font-weight: 600; font-size: 16px; padding-left: 10px; padding-top: 10px; margin-bottom: 0;}

/* .img-logo{width: 400px; height: auto;} */
#topNavigation .-link{display: inline-block; color: #FFF; padding: 10px 15px; font-size: 18px;}
#topNavigation .-link:hover{color: #000;}
#topNavigation {
    /* height: 129px; */
    background-color: #ffffff;
   
}
.navbar-expand-lg .navbar-nav .dropdown-menu{border-radius: 0;border:1px solid #B2B2B2;font-size: 14px;font-weight: 400;margin-top: 15px;margin-left: 13px;}
.dropdown-item{padding: 6px 17px; font-weight: 500; font-size: 16px;}
.dropdown-menu-w-title .dropdown-item{padding: 6px 34px;}
#map{width: 100%; height: 650px;}
.img-gal-thumb:hover,.activeImg{filter: grayscale(1);}
footer{background-color: #000000; padding: 20px;}
footer .img-logo{width: 230px;}
.ren-wrap {
    min-height:158px;
}




@media screen and (min-width: 768px){
  #topNavigation .dropdown:hover .dropdown-menu{ display: block; top:10px }
  /* #topNavigation .dropdown-menu{ margin-top: 0; } */
  /* #topNavigation .dropdown-toggle{margin-bottom: 2px; }
  #topNavigation .navbar .dropdown-toggle,
  #topNavigation  .nav-tabs .dropdown-toggle{ margin-bottom: 0;} */
}


  #main{padding-top:129px;}

    #registrationForm .form-control{border: none;width: 100%;margin-bottom: 20px; display: inline-block; border: 1px solid #000000;color: #666666; border-radius: 0; font-size: 16px; font-weight: 300;background-color: white; height: 43px;}
#registrationForm .form-control:focus{outline: none;  box-shadow: none; background-color: transparent;}
#registrationForm .form-control::placeholder { color: #666666; opacity: 1; font-weight: 300; }
#registrationForm .form-control:-ms-input-placeholder { color: #666666;}
#registrationForm .form-control::-ms-input-placeholder { color: #666666;}

label{color: #000000;font-size: 16px;}
 #registrationForm  select {
  border-radius: 0; 
  margin-bottom: 20px;
  border: 1px solid #000000;
  color: #666666;
} 
 #registrationForm textarea{height: 138px!important;}
.nav-wraper {
    max-width: 100%;
    margin: 0 auto;
    background-color: #fff;
    z-index: 9999;
}
/* .navbar-brand{padding: 0;} */
#topNavigation .nav-link {
    color: #000000;
    padding: 0px 14px;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 1px;
    font-family: 'Gotham';
    }
    .dropdown-menu .activeNav{color:#ED3E42;}
    .dropdown-item:focus, .dropdown-item:hover{color: #ED3E42; background-color: transparent;}
   
    /* .activeNav{color:#0693F7!important;} */
    .nav-link span{padding: 30px 10px;}
    .activeNav {color: #ED3E42!important;}
    .collapse.show {
        display: block;
    }
    #topNavigation .nav-link:hover {
        color: #ED3E42;
    }
    
    .navbar-toggler {
        color: rgba(0,0,0,1);
        /* border-color: #ffffff; */
    }
.bg{
    background-image: url(../images/bg.png);
    background-size: cover;
}
.border-left-black{border-left:1px solid black}

.btn-home{border: 1px solid black;
    border-radius: 14px;
    padding: 25px 35px;
    font-size: 20px;
    letter-spacing: .5px;
    color: #ffffff;
    background-color: black;
    font-size: 22px;
    font-weight: 500;}
    .btn-home:hover{color:#0693F7}

hr{opacity: 1;}

    #welcomeCarousel .carousel-item {
        height: calc(100vh - 70px);
        width: 100%;
        background-image: url("/images/hero/homepage-hero.jpg");
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        animation-name: homepagehero;
        animation-duration: 7s;
        animation-iteration-count: infinite;
        animation-direction: alternate;
      }
      
      #sideNav{position: fixed; top: 300px; right: 0; z-index: 89; width: 50px; display: none;}
      #sideNav .btn-social{padding: 11px;}
      #sideNav .btn-fb{background-color: #415364;}
      #sideNav .btn-ig{background-color: #4E738A;}
      #sideNav .bt-share{background-color: #8CB7C9;}
      footer .img-social-icon {
        
        padding: 8px;
    }
    footer .btn-fb{background-color: #415364;}
    footer .btn-ig{background-color: #4E738A;}
    footer .bt-share{background-color: #8CB7C9;}
  


.luxury-towns:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    margin: 10px auto;
    width: 57%;
    height: 1px;
    background: #B3B3B3;
}
.luxury-towns:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    margin: 7px auto;
    width: 57%;
    height: 1px;
    background: #B3B3B3;
}


/* label {
    position: absolute;
    left: 0;
    bottom: -30px;
    margin-bottom: 5px;
} */
.label-group{display: inline-block;
    position: relative;}


/*Gallery*/
/* .carousel {
	position: relative;
}
.carousel-item img {
	object-fit: cover;
}
.carousel-control-prev,
.carousel-control-next {
	width: 50px;
} */

#homes-gallery .carousel-control-prev,
.carousel-control-next {
    width: 66px;
    height: 66px;
    top: 50%;
    background-color: #415464;
    opacity: 1;
}
#homes-gallery .carousel-control-prev {
    left: -9%;
}
#homes-gallery .carousel-control-next {
    right: -9%;
}

.centered {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

    .accordion-button:not(.collapsed){color: #000000;background-color: transparent;box-shadow: none}
    .accordion-item{border: none;}
    .accordion-button{padding: 5px 0;box-shadow: none;}
    .accordion-body{padding: 2rem 0;}
    .accordion-button:not(.collapsed)::after{background-image:url("/images/acc-open.png");transform: none;}
    .accordion-button::after{background-image:url("/images/acc-close.png")}
    .accordion-item:last-of-type .accordion-button.collapsed{border-bottom-right-radius: 0;
      border-bottom-left-radius: 0;}
      .accordion-item:first-of-type .accordion-button{border-top-left-radius: 0;
        border-top-right-radius: 0;}
        .accordion-button:focus{border-color: transparent;box-shadow: none;}


        .caption-left {
            position: absolute;
            top: 50%;
            left: 22%;
            transform: translate(-50%, -50%);
            z-index: 9;
          }

          .bottom-right{position: absolute;
            bottom: 8px;
            right: 26px;
        }
.comm-link:hover{
    -webkit-transition: background-color 1000ms linear;
    -moz-transition: background-color 1000ms linear;
    -o-transition: background-color 1000ms linear;
    -ms-transition: background-color 1000ms linear;
    transition: background-color 1000ms linear;
}
.parent{overflow: hidden;}

.child {
    height: 100%;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-transition: all 3s;
    -moz-transition: all 3s;
    -o-transition: all 3s;
    transition: all 3s;
}
.parent:hover .child, .parent:focus .child {
    -ms-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}
.grey-scale:hover{
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);}

    .type{position: relative;}
    .type::before{position: absolute;content: '';bottom: 0;top: 0;height: 1px;width: 66px;background:#999999 ;}
    
.link-community:hover .btn-explore1{background-color: #EB3E42;}


.owl-carousel .owl-nav [class*='owl-'] {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.owl-carousel .owl-nav [class*='owl-'].disabled:hover {
    background-color: #d6d6d6;
}
.owl-carousel {
    position: relative;
}
.owl-carousel .owl-next, .owl-carousel .owl-prev {
    width: 90px;
    height: 90px;
    line-height: 50px;
    border-radius: 50%;
    position: absolute;
    top: 30%;
    font-size: 72px;
    color: #fff;
    border: 1px solid #ddd;
    text-align: center;
}
.owl-carousel .owl-prev {
    left: -70px;
}
.owl-carousel .owl-next {
    right: -70px;
}

.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot{font-size: 70px!important;}

.centered-ourstory {
    position: absolute;
    top: 50%;
    left: 35%;
    transform: translate(-28%, -50%);
  }
  .sold-out {
    position: absolute;
    left: 0%;
    top: 0%;
    right: auto;
    bottom: auto;
    z-index: 100;
}
.bg-transparent-logo{    height: 600px;
    padding-left: 0px;
    background-image: url(/images/transparent-logo.png);
    background-size:1620px 107%;
    background-repeat: no-repeat;
    visibility: visible;
    position: relative;
    margin-top: 80px;
    }



.featurelist{
    padding-left: 1rem;
}











    @media screen and (max-width: 992px){
        .fs-12{font-size: 12px;}
         .fs-16{font-size: 16px;}
         .fs-23{font-size: 21px;}
         .fs-24{font-size: 19px;}
         .fs-32{font-size: 21px;}
         .fs-34{font-size: 28px;}
         .fs-36{font-size: 29px;}
         .fs-47 {font-size: 29px;}
         .fs-50{font-size: 33px;}
         .fs-56{font-size: 46px;}
         .fs-60{font-size: 37px;}
         .fs-64{font-size: 48px;}
         .fs-67{font-size: 39px;}
         .fs-78{font-size: 49px;}
         .fs-86{font-size: 50px;}
         .fs-100{font-size: 51px;}
         .fs-174{font-size: 52px;}
         .fs-183{font-size: 63px;}
         .fs-228{font-size: 64px;}
     }
    @media screen and (max-width: 767px){
        .fs-12{font-size: 12px;}
         .fs-16{font-size: 16px;}
         .fs-23{font-size: 21px;}
         .fs-24{font-size: 19px;}
         .fs-32{font-size: 21px;}
         .fs-34{font-size: 28px;}
         .fs-36{font-size: 29px;}
         .fs-47 {font-size: 29px;}
         .fs-50{font-size: 33px;}
         .fs-56{font-size: 46px;}
         .fs-60{font-size: 28px;}
         .fs-64{font-size: 48px;}
         .fs-67{font-size: 39px;}
         .fs-78{font-size: 49px;}
         .fs-86{font-size: 50px;}
         .fs-100{font-size: 51px;}
         .fs-174{font-size: 52px;}
         .fs-183{font-size: 63px;}
         .fs-228{font-size: 64px;}
     }
     
     @media screen and (max-width: 576px){
         .fs-12{font-size: 12px;}
         .fs-16{font-size: 16px;}
         .fs-22{font-size: 16px;}
         .fs-23{font-size: 21px;}
         .fs-24{font-size: 18px;}
         .fs-32{font-size: 21px;}
         .fs-34{font-size: 22px;}
         .fs-36{font-size: 23px;}
         .fs-47 {font-size: 29px;}
         .fs-50{font-size: 25px;}
         .fs-56{font-size: 35px;}
         .fs-60{font-size: 15px;}
         .fs-67{font-size: 30px;}
         .fs-78{font-size: 38px;}
         .fs-64{font-size: 37px;}
         .fs-86{font-size: 40px;}
         .fs-100{font-size: 41px;}
         .fs-174{font-size: 42px;}
         .fs-183{font-size: 45px;}
         .fs-228{font-size: 46px;}
         .ls-15 {
            letter-spacing: 8px;
        }
        .ls-10 {
            letter-spacing: 2px;
        }
     }

 
     
    
    @media (min-width:1501px) and (max-width:1700px){
        .fs-47 {
            font-size: 32px;
        }
        .fs-50 {
            font-size: 36px;
        }
        .fs-19{font-size: 18px;} 
        .lh-2-3 {
            line-height: 2;
        }
        .fs-78 {
            font-size: 65px;
        }
    }
    @media (min-width:993px) and (max-width:1500px){
        .fs-78 {
            font-size: 50px;
        }
        .fs-47 {
            font-size: 23px;
        }
        .fs-50 {
            font-size: 28px;
        }
        .fs-19{font-size: 17px;} 
        .fs-32 {
            font-size: 25px;
        }
        .fs-34 {
            font-size: 26px;
        }
        .fs-24 {
            font-size: 17px;
        }
        .lh-2-3 {
            line-height: 1.7;
        }
        .fs-67 {
            font-size: 45px;
        }
        .fs-36 {
            font-size: 30px;
        }
        .ls-30 {
            letter-spacing: 20px;
        }
    }
         
     


@media (min-width:993px) and (max-width:1100px){
    .fs-60{font-size: 50px;}
}


@media screen and (max-width: 992px){
    .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='rgb(153, 153, 153)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
    }
    .bg-l{background-color: #ffffff;}
    .navbar-toggler:focus, .navbar-toggler:active {
        outline: none;
        box-shadow: none;
      }
      
        
      /* #main{padding-top: 30px;} */
    #topNavigation .navbar-collapse {
        width: 100%;
        background-color: #000000;
        left: 0;
        margin-top: 8px;
    }
    #topNavigation .nav-link {
        color: #FFF;
        padding-bottom: 20px;
    padding-top: 20px;
        
    }
   
    .activeNav{color:#ffffff!important;}
    .sunfield-logo{letter-spacing: 2px;}
   
    #sideNav {
        width: 180px;
        left: 12px;
        top: 0px;
            z-index: 101;
        position: absolute;
        float: right;
        display: block;
    }
    /* #topNavigation {
        height: 90px;      
    } */
    }

    @media screen and (max-width: 767px){
         #topNavigation{ overflow: auto; max-height: 100%;}
    #topNavigation .dropdown-menu {margin-top: 0; background-color: #000; border: none; color: #FFF; display: block;}
     #topNavigation  .dropdown-item{color: #FFF; }
    #topNavigation .nav-link {padding-bottom: 5px; padding-top: 1px;}
    .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
        font-size: 30px!important;
    }
    .owl-carousel .owl-next {
        right: -50px;
        display: none;
    }
    .owl-carousel .owl-prev {
        left: -50px;
        display: none;
    }
    .bg-transparent-logo{    
        height: 750px; 
        background-image: url(/images/transparent-logo-sm.png);
        background-size:87% 155px;
        background-repeat: no-repeat;
        visibility: visible;
        position: relative;
    }
}

    @media screen and (max-width: 576px){
        main{padding-top: 90px!important;}
        .img-logo{width: 120px;}
        .btn-explore{font-size: 13px; padding: 5px 20px;}
        
    }
    
    
@media (min-width: 1200px){
    #topNavigation .nav-item {
        display: flex!important;
        align-items: center;
    }
}

@media (min-width: 992px) {
    #Modalvt .modal-dialog {
        max-width: 800px;
        
    }
   
}    

.pop-up-video {
    position: fixed;
    right: 0;
    bottom: 0;
    height: 100vh;
    width: 100vw;
    z-index: 9999;
    background-image: url('../images/poster-popup.png');
    background-position: center;
    background-size: cover;
    display: flex;
        align-items: center;
    justify-content: center;
}
#video-background {
    position: absolute;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
}
.pop-up-sm{
    position:fixed;
    width:100%;
    height:100%;
    top: 0;
    left:0;
    background-color:rgba(255,255,255,1);
    animation:popupDiv 2s 1;
    animation-delay:2s;
    z-index:99990;
    transition:opacity 2s ease-in-out;
}
.pop-up-logo{
    position:absolute;
    transform: translate(-50%, -50%);
    -ms-transform:translate(-50%, -50%);
    -webkit-transform:translate(-50%, -50%);
    animation:showhideLogo 3s 1;
    top:50%;
    left:50%;
    width: 100%;
}
@keyframes showhideLogo{
    0%{width:10%;opacity:0}
    100%{width:100%;opacity:1}
}
@keyframes popupDiv{
    0%{opacity:1;}
    100%{opacity:0;}
		}

.welcome-hero{height: calc(100vh - 124px); width: 100%; background-position: center; position: relative; background-size: cover;}
.btn-download{font-size: 16px; color: #FFF; background-color: #999999; padding: 5px 15px; transition: cubic-bezier(1, 0, 0, 1);}
.btn-download:hover{background-color:#EB3E42; color: #FFF;}
.overlay{width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; background-image: linear-gradient(rgba(0,0,0,.5), rgba(255,255,255,0) );;}

.activeNav{color: #EB3E42!important; font-weight: 500!important;}
#our-team .imgBox{width: 260px; height: 280px; background-position: top; background-size:100%; transition: all .40s linear; max-width: 100%; background-repeat: no-repeat; }
#our-team .imgBox:hover{background-size: 115%;}

#our-team .img-team{transition: all .40s linear;}
#our-team .img-team:hover{transform: scale(1.15); overflow: hidden;}

#TeamsModal .modal-content{border: 10px solid #000; border-radius: 0;}
#TeamsModal .modal-header{border:none;}
#TeamsModal #img-team{width: 260px; display: inline; float: left;}
#TeamsModal #modal-desc{width: calc(100% - 260px); display: inline; float: right; padding:10px 50px;}
#TeamsModal .team-name{font-size: 24px; margin-top: -25px;}

@media screen and (max-width: 1475px){
       .welcome-hero{height: auto;}
    #video-background {position: relative;}
   
}

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

    .pop-up-video{display: none;}
   

    #TeamsModal #img-team{margin: 0 auto 25px; display: block; float: none;}
    #TeamsModal #modal-desc{width: 100%; text-align: center; padding: 15px;}
}

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

     .welcome-hero .caption-left{left: 30%; padding-left: 25px;}
     .welcome-hero .caption-left .fs-60{font-size: 22px;}
}

#innerHero{height: 540px; width: 100%; background-position: center; background-size: cover;}

#residential-rentals #innerHero{background-image: url('../images/hero/residential-rentals.jpg');}
#commercial #innerHero{background-image: url('../images/hero/commercial-properties.jpg');}
#contact #innerHero{background-image: url('../images/hero/contact-us.jpg');}
@media screen and (min-width: 768px){
    .border-md-left{border-left: 1px solid #000;}
}
.contact-opt{font-weight: 500; color: #000; border-bottom: 1px solid #000; display: block; padding-bottom: 9px; padding-top: 9px;}
.contact-opt:last-child{border-bottom: none;}
.contact-opt:hover,
.contact-opt.active{color: #eb3e42 !important;}
.contact-form .form-control{border-radius: 0; margin-bottom: 15px;}
.consent-chk, .consent-lbl{display: inline; float: left;}
.consent-chk{width: 45px; padding-left: 0.50rem;}
.consent-lbl{width: calc(100% - 45px); font-size: 16px;}
.consent input{transform: scale(1.5); border-radius: 0;}
.custom-options .form-check-input[type=checkbox]{border-radius: 50%;}
::-webkit-file-upload-button {
  background: #666666;
  color: #FFF;
  padding: 10px 55px;
  border: none;
  transition: all .45s ease-in-out;
}
::-webkit-file-upload-button:hover {background-color: #ED3E42; cursor: pointer;}
.communitiesMap{height: 660px; width: 100%;}
.map-legend{width: 22px; height: 22px; border-radius: 50%; position: absolute; left: 15px; top: -1px;}
.current-button{background-color: #ED3D42; left: -34px;}
.past-button{background-color: #0071B9; left: -4px;}

#cf { position:relative;}
#cf .top {
  position:absolute;
  left:0;
  top:0;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}


@keyframes cf3FadeInOut {
    0% {opacity:1;}
    45% {opacity:1;}
    55% {opacity:0;}
    100% {opacity:0;}
}

#cf img.top {
animation-name: cf3FadeInOut;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite;
animation-duration: 3s;
animation-direction: alternate;
}
.gm-ui-hover-effect{display: none!important;}

@media screen and (max-width: 992px){
    #innerHero{height: 550px};
}


@media screen and (max-width: 767px){
    #innerHero{height: 300px};
}



/* PROJECT CSS STARTS*/

.details-container{margin-top: 150px;}
.details-container .top-heading{margin-top: -10px;}
.img-project-logo{margin-top: -130px;}
#projectNav {padding-right: 40px;}
#projectNav .nav-link{font-weight: 500; color: #000;  display: block; padding-bottom: 9px; padding-top: 9px;}
#projectNav .nav-item{border-bottom: 1px solid #666666;}
#projectNav .nav-item:last-child{border-bottom: none; margin-bottom: 75px;}
#projectNav .nav-link:hover,
#projectNav .nav-link.active{color: #eb3e42 !important;}

#project-map {height: 650px; width: 100%;}
@media screen and (min-width: 768px){
    #projectNav {display: block;}
    .details-container .navbar-toggler{visibility: hidden;}
}

@media screen and (max-width: 767px){
   .details-container{margin-top: 20px;}
   .details-container .navbar-toggler{margin-bottom: 40px;}
   .img-project-logo {width: 200px; margin-top: 0;}
}

/* PROJECT CSS ENDS*/



@media (min-width:768px) and (max-width:1700px){
    .bg-transparent-logo{
    background-size: 85% 107%;}
}
@media screen and (max-width: 425px){
.bg-transparent-logo{    
    height: 980px; }}


    @media (min-width: 767px){
        #ModalPopup .modal-dialog {
            max-width: 550px;
            }}
        #ModalPopup .modal-content {background-color: transparent;border:none}
        #ModalPopup  .modal-header{border-bottom: none;padding: 1rem 1rem 0rem;}
        #ModalPopup .close{color: white;text-shadow: none;opacity: 1;background-color: transparent;border: none;padding: 1rem 0rem; margin: -1rem -1rem -1rem auto;}
        #ModalPopup .close:hover {color: #ffffff;text-decoration: underline;}
        #ModalPopup  .close:not(:disabled):not(.disabled):focus, .close:not(:disabled):not(.disabled):hover{opacity: 1;}
        .modal#ModalPopup{background-color: rgba(83,98,111,0.7);}
    


/*INVENTORY GALLERY STARTS*/

.homeGallery{position: fixed; left: 0; top:0; width: 100vw; height:100vh; background-color: rgba(0,0,0,.9); z-index: 9999; display: flex; align-items: center; justify-content: center; background-image: url('../images/loading.gif'); background-position: center; background-repeat: no-repeat;}
.homeGallery .container{max-width: 960px;}
.homeGallery .btnClose{position: absolute; top: 15px; right: 30px;}
.homeGallery .btnClose:hover{cursor: pointer;}
.homeGallery .btnClose svg{width: 50px; height: 50px; color: #FFF;}

/* 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; max-height: 80vh;}

/* SLICK SLIDER  ENDS*/

.img-sold{position: absolute; left: 0; top: 0;z-index: 55; width: 50%;}
/*INVENTORY GALLERY ENDS*/