@font-face {
    font-family: 'Raleway';
    src: url('fonts/Raleway-Regular.eot');
    src: url('fonts/Raleway-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/Raleway-Regular.woff2') format('woff2'),
        url('fonts/Raleway-Regular.woff') format('woff'),
        url('fonts/Raleway-Regular.ttf') format('truetype'),
        url('fonts/Raleway-Regular.svg#Raleway-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Raleway';
    src: url('fonts/Raleway-Medium.eot');
    src: url('fonts/Raleway-Medium.eot?#iefix') format('embedded-opentype'),
        url('fonts/Raleway-Medium.woff2') format('woff2'),
        url('fonts/Raleway-Medium.woff') format('woff'),
        url('fonts/Raleway-Medium.ttf') format('truetype'),
        url('fonts/Raleway-Medium.svg#Raleway-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Raleway';
    src: url('fonts/Raleway-SemiBold.eot');
    src: url('fonts/Raleway-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Raleway-SemiBold.woff2') format('woff2'),
        url('fonts/Raleway-SemiBold.woff') format('woff'),
        url('fonts/Raleway-SemiBold.ttf') format('truetype'),
        url('fonts/Raleway-SemiBold.svg#Raleway-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'AvantGarde LT';
    src: url('fonts/AvantGardeLT-ExtraLight.eot');
    src: url('fonts/AvantGardeLT-ExtraLight.eot?#iefix') format('embedded-opentype'),
        url('fonts/AvantGardeLT-ExtraLight.woff2') format('woff2'),
        url('fonts/AvantGardeLT-ExtraLight.woff') format('woff'),
        url('fonts/AvantGardeLT-ExtraLight.ttf') format('truetype'),
        url('fonts/AvantGardeLT-ExtraLight.svg#AvantGardeLT-ExtraLight') format('svg');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'AvantGarde LT Book';
    src: url('fonts/AvantGardeLT-Demi.eot');
    src: url('fonts/AvantGardeLT-Demi.eot?#iefix') format('embedded-opentype'),
        url('fonts/AvantGardeLT-Demi.woff2') format('woff2'),
        url('fonts/AvantGardeLT-Demi.woff') format('woff'),
        url('fonts/AvantGardeLT-Demi.ttf') format('truetype'),
        url('fonts/AvantGardeLT-Demi.svg#AvantGardeLT-Demi') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'AvantGarde LT CondMedium';
    src: url('fonts/AvantGardeLT-CondMedium.eot');
    src: url('fonts/AvantGardeLT-CondMedium.eot?#iefix') format('embedded-opentype'),
        url('fonts/AvantGardeLT-CondMedium.woff2') format('woff2'),
        url('fonts/AvantGardeLT-CondMedium.woff') format('woff'),
        url('fonts/AvantGardeLT-CondMedium.ttf') format('truetype'),
        url('fonts/AvantGardeLT-CondMedium.svg#AvantGardeLT-CondMedium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'AvantGarde LT Book';
    src: url('fonts/AvantGardeLT-Book.eot');
    src: url('fonts/AvantGardeLT-Book.eot?#iefix') format('embedded-opentype'),
        url('fonts/AvantGardeLT-Book.woff2') format('woff2'),
        url('fonts/AvantGardeLT-Book.woff') format('woff'),
        url('fonts/AvantGardeLT-Book.ttf') format('truetype'),
        url('fonts/AvantGardeLT-Book.svg#AvantGardeLT-Book') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}


/* light-blue - #0693F7 */


html{
    scroll-behavior: smooth;
}
body{
   /* font-family: 'Poppins', sans-serif;*/
   font-family: Raleway;
    font-size: 19px; 
    font-weight: 400;
    color: #666666;
    padding-top: 89px;
}
.avant-book{font-family: 'AvantGarde LT Book';font-weight: 500;}
.avant-cond{font-family: 'AvantGarde LT CondMedium';font-weight: 500;}
.avant{font-family: 'AvantGarde LT';}
p{line-height: 1.95;;}

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: #4E738A; text-decoration: none;}

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

/*COMMOM STYLES*/

.bg-grey{background-color: #E8E9EA!important; }
.bg-brand{background-color: #4E738A;}
.bg-black{background-color: #000;}
.bg-light{background-color: #EFEFEF!important;}
.bg-l{background-color: #F7F7F7;}
.bg-blue{background-color: #4E748B;}
.bg-darkblue{background-color: #415464;}
.btn-brand{background-color: rgb(247,247,247);  transition: all 0.52s ease-out; color: #415464; font-size: 17px; font-weight:600; padding: 13px 38px; display: inline-block; border: 0;}
.btn-brand:hover{background-color: #415364; 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;}
.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{color: inherit;} */

.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: 700;}


.fs-12{font-size: 12px;}
.fs-14{font-size: 14px;}
.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-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-2{line-height: 2;}
.lh-2-3{line-height: 2.3;}
.lh-2-7{line-height: 2.7;}

.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 */

/* .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: 88px;
    background-color: #ffffffd9;
    /* box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px; */
}

#welcomeSlider .carousel-indicators li{width: 15px; height: 15px; border-radius: 50%; opacity: 1;}
#welcomeSlider .carousel-indicators .active{background-color: #000;}

#welcomeSlider #slide1{background-image: url('../images/hero/slider-1.jpg');}
#welcomeSlider #slide2{background-image: url('../images/hero/slider-2.jpg');}
#welcomeSlider #slide3{background-image: url('../images/hero/slider-3.jpg');}

#welcomeSlider .caption{font-weight: 700;text-align: left;top:9%;line-height: 1.3;  position: absolute; left: 5%; color: #FFF;  z-index: 99; font-size: 70px; padding: 40px 30px 40px; text-shadow: 2px 2px 5px #333;}
#welcomeSlider .caption p{font-size: 20px;width: 500px;font-weight: 500;}
#welcomeSlider .btn-wrapper {position: absolute; left: 0; bottom: 80px; z-index: 95; width:100%; text-align: center;}
#welcomeSlider .btn-brand {border: 4px solid #FFF; font-size: 19px; padding: 10px 15px; }

#map{width: 100%; height: 650px;}
.img-gal-thumb:hover,.activeImg{filter: grayscale(1);}
footer{background-color: #E6E7E8; padding: 20px;}
footer .img-logo{width: 230px;}
.ren-wrap {
    min-height:158px;
}

  
/*#registrationForm .form-control{border: none;width: 100%;height: 24px; padding:0px !important;
    display: inline-block; border-bottom: 1px solid #ffffff;color: #ffffff; border-radius: 0; font-size: 18px; font-weight: 300;background-color: transparent;}*/

#registrationForm .form-control{border: none;width: 100%; display: inline-block; border-bottom: 1px solid #ffffff;color: #ffffff; border-radius: 0; font-size: 18px; font-weight: 300;background-color: transparent;}
#registrationForm .form-control:focus{outline: none;  box-shadow: none; background-color: transparent;}
#registrationForm .form-control::placeholder { color: #ffffff; opacity: 1; font-weight: 300; }
#registrationForm .form-control:-ms-input-placeholder { color: #ffffff;}
#registrationForm .form-control::-ms-input-placeholder { color: #ffffff;}

label{color: white;font-size: 18px;}
#registrationForm  select {
    display: block;
   /*line-height: 0.9;
    padding: 0 1.4em 0 .8em;*/
    margin: 0;
    font-weight: 300;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    color: #000;
    background-image: none;
    background-repeat: no-repeat, repeat;
    background-position: right .7em top 50%, 0 0;
    background-size: .65em auto, 100%;
}
.nav-wraper {
    max-width: 100%;
    margin: 0 auto;
    background-color: #fff;
    z-index: 9999;
}
/* .navbar-brand{padding: 0;} */
#topNavigation .nav-link {
    color: #999999;
    padding: 0px 23px;
    font-size: 19px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-family: 'AvantGarde LT Book';
    }
    .dropdown-menu .activeNav{color:#4E738A;}
    .dropdown-toggle::after{display: none;}
    /* .activeNav{color:#0693F7!important;} */
    .nav-link span{padding: 30px 10px;}
    .activeNav {color: #4E748B!important;}
    .collapse.show {
        display: block;
    }
    #topNavigation .nav-link:hover {
        color: #4E748B;
    }
    
    .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;
}
.border-grey{border-color: #666666!important;}
#registrationForm p{display: inline;font-size: 28px;font-family: 'AvantGarde LT Book';}
.man{margin-top:-17%}
label {
    position: absolute;
    left: 0;
    bottom: -30px;
    margin-bottom: 5px;
}
.label-group{display: inline-block;
    position: relative;}
.form-group p{line-height: 84px;}
.sunfield-logo{letter-spacing: 5px;}

/*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%;
}
.gallery-bg{background: linear-gradient(90deg, #ffffff 50%, #F2F2F2 50%);}
.photo-gallery-bg{background: linear-gradient(90deg, #F2F2F2 50%, #ffffff 50%);}
.patio-bg{background: linear-gradient(90deg, #ffffff 50%, #E8E3DA 50%);}
.kitchen-bg{background: linear-gradient(90deg, #F2F2F2 50%, #ffffff 50%);}
.map-bg {
    background: linear-gradient(0deg, #ffffff 50%, #E6E6E6 50%);
}
.border-20 {
    border-width: 20px!important;
}
hr{background-color: #999999;}
.centered {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
ul.school{columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;}
    ul.school li{padding-bottom: 2.5rem;}









    @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: 17px;}
         .fs-36{font-size: 29px;}
         .fs-47 {font-size: 29px;}
         .fs-50{font-size: 33px;}
         .fs-56{font-size: 46px;}
         .fs-60{font-size: 47px;}
         .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: 17px;}
         .fs-36{font-size: 29px;}
         .fs-47 {font-size: 29px;}
         .fs-50{font-size: 33px;}
         .fs-56{font-size: 46px;}
         .fs-60{font-size: 38px;}
         .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-23{font-size: 21px;}
         .fs-24{font-size: 18px;}
         .fs-32{font-size: 21px;}
         .fs-34{font-size: 17px;}
         .fs-36{font-size: 23px;}
         .fs-47 {font-size: 29px;}
         .fs-50{font-size: 25px;}
         .fs-56{font-size: 35px;}
         .fs-60{font-size: 38px;}
         .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;
        }
        .sunfield-logo{letter-spacing: 2px;}
        #registrationForm .form-control{/*width: 153px;*/}
        #registrationForm p{font-size:26px ;}
        #homes-gallery .carousel-control-prev, .carousel-control-next {
                width: 38px;
                height: 38px;
                top: 50%;
               }
        #homes-gallery .carousel-control-prev {
             left: -5%;
               }
        #homes-gallery .carousel-control-next {
              right: -5%;
               }
               ul.school li {
                padding-bottom: 1rem;
            }
            label {
                font-size: 11px;
            }
    }
         
      @media (min-width:993px) and (max-width:1400px){

    #topNavigation .nav-link {
        font-size: 15px;
        padding: 0px 10px;
    }   
    ul.school li {
        padding-bottom: .8rem;
    }
    .fs-23{font-size: 18px;}
}
@media (min-width:1200px) and (max-width:1350px){
   #patio .px-xl-5 {
        padding-right: 1.5rem!important;
        padding-left: 1.5rem!important;
    }
    #interiors .pe-xl-5 {
        padding-right: 1rem!important;
    }
    #interiors .ps-xl-4 {
        padding-left: 1rem!important;
    }
    #neigh-1 .px-xl-5 {
        padding-right: 1.5rem!important;
        padding-left: 1.5rem!important;
    }
}

@media (min-width:993px) and (max-width:1400px){
    .img-logo{width: 160px;}
    
}

@media (max-width:1200px){
    #topNavigation {
        background-color: #F7F7F7;
        height: 60px;
        top: 0px;
        width: 100%;
        justify-content: flex-end;
        z-index: 99;
        position: sticky;
    }

    .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;
    }
    
    body {
        padding-top: 0px;
    }
    
    #topNavigation {
        background-color: #F7F7F7;
        height: 60px;
        top: 0px;
        width: 100%;
        justify-content: flex-end;
        z-index: 99;
        position: sticky;
    }
    
    #topNavigation .navbar-collapse {
        width: 100%;
        background-color: #415464;
        left: 0;
        margin-top: 12px;
    }
    
    #topNavigation .nav-link {
        color: #FFF;
        padding-bottom: 30px;
    
    }

    .activeNav {
        color: #ffffff !important;
        text-decoration: underline;
    }
    
    .sunfield-logo {
        letter-spacing: 2px;
    }
    
    #registrationForm .form-control {
        /*width: 153px;*/
    }
    
    #registrationForm p {
        font-size: 22px;
    }
}
@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;
      }
      body{padding-top: 0px;}
        
      #topNavigation {
        background-color: #F7F7F7;
        height: 60px;
        top: 0px;
        width: 100%;
        justify-content: flex-end;
        z-index: 99;
        position: sticky;
    }
    #topNavigation .navbar-collapse {
        width: 100%;
        background-color: #415464;
        left: 0;
        margin-top: 12px;
    }
    #topNavigation .nav-link {
        color: #FFF;
        padding-bottom: 30px;
        
    }
    ul.school{columns: 1;
        -webkit-columns: 1;
        -moz-columns: 1;}
    .border-20 {
        border-width: 0px!important;
    }
    .activeNav{color:#ffffff!important;text-decoration: underline;}
    .sunfield-logo{letter-spacing: 2px;}
    #registrationForm .form-control{/*width: 153px;*/}
    #registrationForm p{font-size:22px ;}
    #sideNav {
        width: 180px;
        left: 12px;
        top: 0px;
        z-index: 101;
        position: absolute;
        float: right;
        display: block;
    }
    #sideNav img{padding: 15px;}
    #homes-gallery .carousel-control-prev, .carousel-control-next {
        width: 38px;
        height: 38px;
       }
    #homes-gallery .carousel-control-prev {
     left: -8%;
       }
    #homes-gallery .carousel-control-next {
      right: -8%;
       }
       .gallery-bg {
        background: linear-gradient(
    180deg, #ffffff 50%, #F2F2F2 50%);
    }
    .photo-gallery-bg{background:  #F2F2F2}
    .patio-bg{background: #ffffff;}
    .kitchen-bg{background: #ffffff;}
    #getting-around .ls-2{letter-spacing: 1px;}
    }

    @media screen and (max-width: 767px){
    
        #homes-gallery .carousel-control-prev,
.carousel-control-next {
    width: 38px;
    height: 38px;
    top: 110%;
    
}
#homes-gallery .carousel-control-prev {
    left: 36%;
}
#homes-gallery .carousel-control-next {
    right: 36%;
}
      
            
     }
     @media screen and (max-width: 576px){
        .img-logo{width: 215px;}
        #exotic .fs-47{font-size: 24px;}
        #topNavigation .nav-link{font-size: 21px;}
        label {
            font-size: 11px;
        }
    }
    
    
    /* @media screen and (min-width: 768px)
    {
          .navbar-expand-md .navbar-nav .nav-link {
             padding-right: 1.5rem;
             padding-left: 1.5rem;
            }     
            
    } */
    
@media (min-width: 1200px){
    #topNavigation .nav-item {
        display: flex!important;
        align-items: center;
    }
}

/** Popup Virtual Tour **/

#Modalvt .modal-content {
    background-color:transparent;
    border:0px;
}

#Modalvt .modal-header {
    padding:0px;
    border:0px;
}

#Modalvt .modal-body {
    padding:1rem 0rem;
}

#Modalvt .btn-close{
    background:transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
}

#Modalvt {
    background: rgba(0, 0, 0, 0.7);
}

#ppvirtualtour::-webkit-media-controls-volume-slider {
    display: none;
}

#ppvirtualtour::-webkit-media-controls-mute-button {
    display: none;
}

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