body{
    font-family: 'futura-pt', sans-serif;
   
}
.lead{
    font-size: 1.5rem;
    line-height: 1.8rem;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Playfair Display', serif;
    font-style: normal;
font-weight: 700;
line-height: 3rem;
    margin-bottom: 0rem;
}
h2, h3{
    color: #2f2f2f;
    font-weight: 400;
}
h2{
    font-weight:500
}
p{
    font-size: 1.25rem;
    font-weight: 300;
   
}
.page-content > p {
     font-size: 1.5rem;
    line-height: 1.8rem;
}
h3{
    font-size:2.0rem
}
/* DEFAULT GLOBAL STYLES */
.space-video{
    margin-top:3.5rem;
}
.clear-button{
       color: black;
    background-color: white;
    padding: 0rem;
    margin-left:1rem;

}
.clear-button:hover{
    background-color:white;
}
@media (min-width: 992px){
.modal-lg {
    max-width: 80%;
}
}
.center{
    text-align:center
}
.footer-section{
   background-image: url(../img/footerbackground.png);
    background-position: center;
    background-position-y: bottom;
    background-size: 70rem;
    background-repeat: no-repeat;
    background-position-x: 114%;
    padding-top:1.2rem
}

.footer-nav-link{
    letter-spacing: 4px;
    font-size:.85rem
}
@media (max-width: 1298px){
.footer-nav-link{
    letter-spacing: 4px;
    font-size:.85rem
}
}
@media (max-width: 1177px){
.footer-nav-link{
    letter-spacing: 4px;
    font-size:.85rem
}
}
@media (max-width: 1057px){
    .footer-nav-link{
    letter-spacing: 4px;
    font-size:.70rem
}
}


.fa-circle{
    color:white;
    font-size:3px;
    margin-bottom:4px
}
.footer-link{
    color:white;
    display:inline
}
.bottom-footer-bar{
    background-color:#1b1b1b;
    padding-top:20px;
    padding-bottom:20px
}
.right-align-onbig{
    text-align:right
}
@media (max-width: 1141px){
    .right-align-onbig{
    text-align:center
}
    .center-this-on-big{
        text-align:center;
        margin-bottom:15px
    }
}
.custom-input{
    border: none;
    background-color: #f3f3f3;
    width: 100%;
    padding: 13px;
    margin-top:10px;
    margin-bottom:10px;
    font-weight:300
}
.custom-text-area{
    background-color: #f3f3f3;
    width: 100%;
     border: none;
     padding: 13px;
     margin-top:10px;
    margin-bottom:20px;
    font-weight:300
}
.margin-top-negative{
    margin-top:-10px
}
a:-webkit-any-link {
    color: inherit;
    cursor: pointer;
    text-decoration: none;
}
.space-bottom{
    margin-bottom:20px
}
hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    width: 76px;
    border-top: 1px solid rgb(0, 0, 0);
}
.white-text{
    color:white
}
.default-container{
    max-width: 1100px;
    margin: 0 auto;
    padding: 2rem 1rem;
}

button{
    background-color: #1b1b1b;
    border:none;
    padding:15px;
    font-size:12px;
    letter-spacing: 5px;
    color:white;
    cursor:pointer;
    font-weight:300;
     transition: background-color 500ms;

}
.color-white{
    color:white;
}
button:focus{
    outline: 0px auto -webkit-focus-ring-color;
}
button:hover{
    background-color:#272727
}
button:active{
     background-color:#313131
}
.h2, h2{
    font-size:3rem;
    margin-bottom: 0
}
.jumbotron{
    padding-left:0rem;
    padding-right:0rem;
    margin-bottom:0;
    border-radius:0
}
.italisize{
    font-size: 2.5rem;
    font-weight:400
}
.blog-item-wrapper{
    background-color:#f7f7f7;
    padding:1.5rem;
}

.default-card-back{
    background-color:#f3f3f3;
    padding:20px;
    padding-bottom:10px
}
.default-card-back-nopad{
    background-color:#f3f3f3;
    padding:25px;
    padding-top:20px
   
}
.lead-margin-bottom-fix{
    margin-bottom:2px
}
.social-media-button{
    width:55px;
    height:55px;
    border-radius:27.5px;
    margin-right:20px;
    font-size:1.2rem;
    padding-top: 12px;
}

/* NAVBAR STYLES */
.navbar{
    padding-top: 0px;
    padding-bottom: 0px;
}
.nav-item{
    margin-left:15px;
    margin-right:15px
}
.nav-link{
    letter-spacing: 4px;
    font-size:.85rem;
    font-weight:700;
}
.navbar-light .navbar-toggler {
    color: rgba(0,0,0,.5);
    border-color: rgba(0,0,0,.0); 
}
.smaller{
    font-size: 0.75rem;
    PADDING-TOP: 10PX;
    padding-bottom: 10px;
}
.dropdown-menu{
    margin-top: 0px;
    border: none;
    border-radius: 0px;
    background-color: #fbfbfb;
    color: #7f7f7f;
    letter-spacing: 3px;
}
.alignright{
    float:right;
    margin-top:1rem;
    margin-bottom:1rem;
    margin-left:1rem;
}
.alignleft{
    float:left;
    margin-top:1rem;
    margin-bottom:1rem;
    margin-right:1rem;
}

@media (max-width: 1298px){
.nav-link{
    letter-spacing: 4px;
    font-size:.85rem
}

.nav-item{
    margin-left:15px;
    margin-right:15px
}
}

@media (max-width: 1177px){
.nav-link{
    letter-spacing: 4px;
    font-size:.85rem
}

.nav-item{
    margin-left:5px;
    margin-right:5px
}
}

@media (max-width: 1057px){
    .nav-link{
    letter-spacing: 4px;
    font-size:.70rem
}

.nav-item{
    margin-left:5px;
    margin-right:5px
}
}

@media (max-width: 991px){
.dropdown-menu{
    margin-top: 0px; 
}
    .raise-mobile{
        margin-top: -225px;
    }
    .navbar-toggler{
        display:none
    }  
}
@media (min-width: 992px){
    .button_container{
        display:none
    }
    }
.dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #2f2f2f;
}


/* HOMEPAGE STYLES */
.homepage-jumbotron{
    background-image: url('../img/homepage/jumbotronBackground.jpg');
    background-position:center;
    padding-top: 6.5rem;
    padding-bottom: 6.5rem;
    background-size:cover;
    position:relative;
     overflow: hidden;
    
}
.homepage-jumbotron::after{
    content:'';
    position:absolute;
    width:100%;
    height:100%;
    background-color:rgba(33,33,33,.6);
    left:0rem;
    top:0rem;
    z-index:2;
}
.homepage-jumbotron > * {
    position:relative;
    z-index:3;
}
#myVideo{
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    z-index:1;
    transform: translate(-50%, -50%);
}
.featured-video{
     position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    height: 100%;
    z-index:1;
    transform: translate(-50%, -50%);
}

.featured-media-container{
    padding-top:75%;
    position:relative;
    background-size:cover;
    background-position:center;
    overflow:hidden;
}
.featured-title{
    font-size:1.5rem;
    margin-top:1rem;
}
.title-text{
    font-size: 3.2rem;
    line-height: 4rem;
    margin-bottom: 15px;
    font-weight:500;
    color: #2f2f2f;
}
.CTA-1{
    background-color:#f2f2f2;
    background-image: url('../img/homepage/CTA-1-BACKGROUNDIMG.png');
    background-position-y: bottom;
    background-repeat: repeat-x
}
.owner-quote{
    background-image: url('../img/homepage/owner-quote.jpg');
    background-position: center;
    background-size:cover
}
.testimonial{
    background-image: url('../img/homepage/testimonial-background.jpg');
    background-position: center;
    background-size:cover;
    
}
.carousel-item{
    text-align:center;
    font-weight:100
}

.carousel-indicators{
    bottom:-22px
}
.carousel-indicators li {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 9px;
    height: 9px;
    margin-right: 10px;
    margin-left: 10px;
    text-indent: -999px;
    border-radius: 5px;
}

/* HOME PLANS STYLES */
.homeplanpage-jumbotron{
    background-image: url('../img/homeplanpage/homeplanpage-jumbo-background.jpg');
   background-position-x: 18%;
    background-position-y: 42%;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    
}
.tiny-text{
    color: #9f9f9f;
    font-weight: 700;
    font-size: .8rem;
    letter-spacing: .3rem;
}
.featured-plan-back{
     background-image: url("../img/newhomepage/top-jumbo-background.png");
    background-position: center;
    background-position-y: bottom;
    background-size: 45rem;
    background-repeat: no-repeat;
    background-position-x: 114%;
    background-color:#f3f3f3
}


/* SINGLE HOME PLAN STYLES */
.single-home-plan-header{
    background-image: url("../img/newhomepage/top-jumbo-background.png");
    background-position: center;
    background-position-y: bottom;
    background-size: 70rem;
    background-repeat: no-repeat;
    background-position-x: 114%;
    background-color:#f3f3f3
}
.stats-box{
        padding: 20px;
    background-color: #f3f3f3;
    padding-bottom: 15px;
}
.fix-price{
    justify-content: flex-end
}
.fix-right-align{
    text-align:right
}
.hide-on-mobile{
    
}
.show-on-mobile{
    display:none
}
.big-marg-top{
    margin-top:-134px
}
.aigpl-gallery-slider-wrp{
    padding-top:2rem !important
}
.better-gradient{
    background:linear-gradient(to right, rgba(119, 119, 119, 0.46), rgba(66, 68, 70, 0.75))
}
@media (max-width: 767px){
.fix-price{
    justify-content: flex-start
}
    .fix-right-align{
        text-align:left
    }
    .homeplanpage-jumbotron{
        background-position-x: 24%;
    }
    .hide-on-mobile{
    display:none
}
    .big-marg-top{
        margin-top:0px
    }
    .show-on-mobile{
    display:block
}
    .aigpl-gallery-slider-wrp {
    padding-top: .1rem !important;
}
    .get-that-top{
        margin-top: 1.5rem;
    }
    .better-gradient{
        background:linear-gradient(to bottom, rgba(119, 119, 119, 0.46), rgba(66, 68, 70, 0.89))
    }
    .descriptor{
        display:none
    }
}
.fix-right-align-1{
    text-align:right
}
@media (max-width:365px){
h2{
    font-size:2.2rem
}
}

@media (max-width: 991px){

    .fix-right-align-1{
        text-align:left;
        margin-top:20px
    }
   
}
.aigpl-gallery-slider-wrp{
    max-width:100%
}
.slick-dots{
    display:none !important
}

.aigpl-img{
    height:67% !important
}
.slick-list{
    height: 200px !important;
        margin-left: -5px !important;
    margin-right: -5px !important;
}
.carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover {
    color: #000;
    text-decoration: none;
    outline: 0;
    opacity: .9;
}
.smaller-back{
    padding-top: 25px;
    padding-bottom: 37px;
}
.dev{
    padding-top:3rem;
    padding-bottom:3rem
}
.second{
    padding-top:3rem;
    padding-bottom:6rem
}
.wider{
    max-width:1100px
}
.break-me-dev{
   background-image:url('../img/developments/default-division-back.jpg');
   padding:0;
   background-size:cover
}
.fix-pad-link{
        padding: .25rem .5rem;
    }
@media (max-width: 991px){
    .fix-pad-link{
        padding: .25rem .5rem;
    }
   
}

.material-icons.md-48 { font-size: 48px; }
.box{
    background-color:white;
    padding:20px;
    text-align: center;
    border-radius:2px;
    margin-bottom:14px;
    padding-left:5px;
    padding-right:5px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
  cursor: pointer
}

.box:hover {
    box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
  }
  #default{
    transition: visibility 0s, opacity 0.5s linear;
    
  }
  #walkingbox{
   position:absolute;
    top:0;
    opacity: 0;
    transition: visibility 0s, opacity 0.5s linear;
  }
  #gasbox{
    position:absolute;
     top:0;
     opacity: 0;
     transition: visibility 0s, opacity 0.5s linear;
   }
   #worldbox{
    position:absolute;
     top:0;
     opacity: 0;
     transition: visibility 0s, opacity 0.5s linear;
   }
   #waterbox{
    position:absolute;
     top:0;
     opacity: 0;
     transition: visibility 0s, opacity 0.5s linear;
   }
  .opClass {
    opacity:0;
    filter:alpha(opacity=0); /* For IE8 and earlier */
}
.visible {
    opacity:1 !important
}
.pointer:hover{
    cursor:pointer
}
.counter-box{
    height:100%;
    text-overflow: ellipsis;
    background-color:  #f3f3f3;
    padding:10px;
    padding-top:14px;
    padding-bottom:14px;
    border-radius:2px;
    text-align:center;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

::selection {
    background: #ffb7b7; /* WebKit/Blink Browsers */
  }
  ::-moz-selection {
    background: #ffb7b7; /* Gecko Browsers */
  }

.test-jumbotron{
    background-image: url('../img/testimonials-jumbotron.jpg');
    background-position-x: 18%;
    background-position-y: 42%;
    padding-top: 0.0rem;
    padding-bottom: 0.0rem;
    background-size:cover
}

.backing-2{
    background-color:rgb(33, 37, 41);
    background-image:url('../img/developments/houses-backing.png');
    overflow-x:hidden

}
  .overflow-visible {
    overflow: visible;
}
.overflow-visible {
    z-index: 0;
}
.flickity-viewport{
    overflow:visible;
    padding-top:1rem
}
.carousel-cell{
    opacity:.07;
    transform: scale(.9);
   
         transition: all 0.5s ease;
}
.is-selected{
    opacity:1;
    transform: scale(1);
     transition: all 0.5s ease;
    
}
.component-card{
    background: #ffffff;
    padding:2rem;
    border-radius:5px;
    width:500px;
    z-index:0;
    margin:10px;
    height:507px
   
}
.car-card-font{
    font-size: 1.9rem;
}
.mockPage{
    height:150px;
    width:100%;
    background-color:red;
    margin-bottom:25px;
    border-radius:5px;
   border-top: 10px solid #5f656b;
    background: #f8f9fa;
    text-align: center;
    color: #5f656b;
    padding-top:50px
}
.carousel-control-prev-icon {
    padding: 20px;
   background-color: #d2d2d2;
    border-radius:15px
}
.carousel-control-next-icon, .carousel-control-prev-icon{
    background-size: 50% 50%;
}
.mini-gallery{
   background-color: #f8f9fa;
    height: 100px;
    width: 100%;
    border-radius: 5px;
    text-align: center;
    padding-top: 25px;
    color: #5f656b;
}
.material-icons{
    font-size:40px !important
}
.posted{
    background: #f8f9fa;
   
    width:100%;
    border-radius:5px
}
.flickity-page-dots .dot{
   background:  #ffffff
}

@media (max-width: 768px){
    .dev-counter{
        font-size:1rem;
        line-height:1.2rem
    }
    .col-md-0{
        display:none
    }
    .counter-box{
        padding-top:7px;
        padding-bottom:1px
    }
    .minimal-profile-pic{
        min-height:20rem
    }
   
}
@media (max-width: 426px){
    .title-text{
        font-size:3.7rem
    }
}
@media (max-width: 375px){
    .title-text{
        font-size:3rem
    }
}
@media (max-width: 431px){
    .hide-dot{
       opacity: 0
    }
}
@media (max-width: 767px){
   .mobile-2{
       text-align:center;
       margin-top:20px
   }
   .dev{
       padding-top:1rem !important;
       padding-bottom:1rem !important
   }
   .double-fix{
       padding-bottom:4rem !important
   }
   .center-mobile{
       margin-left:auto;
       margin-right:auto
   }
}
@media (max-width: 767px){
    .mobile-2{
       
        margin-top:20px
    }
 }
.menu-text{
    font-family:'Lato';
    font-weight:400;
    padding:.7rem;
    padding-left:0px;
    cursor: pointer;
    font-size:1.4rem;
   color: rgb(109, 109, 109)
}
.menu-hr{
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    width: 100%;
    border-top:1px solid rgb(189, 189, 189)
}
.correct{
    background-color:rgb(109, 109, 109)
}

.developmentpage-jumbotron{
    background-image: url('../img/developments/communitiesw\ backing.jpg');
    background-position-x: 18%;
    background-position-y: 42%;
    background-size:cover
    
}
.about-jumbotron{
    background-image: url('../img/developments/aboutus.jpg');
    background-position-x: 18%;
    background-position-y: center;
    background-size:cover
    
}

.lots-jumbotron{
    background-image: url('../img/lots-jumbotron.jpg');
    background-position-x: 18%;
    background-position-y: 42%;
    padding-top: 0.0rem;
    padding-bottom: 0.0rem;
    background-size:cover
}

.blinder {
  position: absolute;
  background-color: black;
  width: 100%;
  height : 100%;
  opacity: .50;
  z-index: 0;
}
.counter-box-fix{
    padding-left:8px;
    padding-right:8px
}
.new-pad{
    padding-top:4rem;
    padding-bottom:4rem
}
.descriptor{
    font-family:'futura-pt', sans-serif;
    font-weight: 700;
    font-size: .8rem;
    margin-bottom: 0px;
    color:rgba(156, 148, 148, 0.7803921568627451);
    letter-spacing: .3rem;
    text-transform: uppercase;
    line-height:1rem
}
.grayer-quote{
    background-color:#f3f3f3
}
.hot-fix{
    padding-bottom:5rem
}
.quote-icon{
    font-size: 5rem !important;
    text-align: center;
    margin: 0 auto;
    color: gainsboro;
}
.slide-2{
    background-color: #2f2f2f;
    border-radius: 2px;
    padding: 68px;
    padding-top:62px;
    background: linear-gradient(#3a3a3a, #171717);
}
.indic{
    bottom: 28px;
}
.quote-size{
    color: white;
    font-size: 4rem !important;
}
.light-background{
    height:100%;
    background-color:#f3f3f3
}
.brick-back{
    background-image:url('../../../uploads//2018/07/brick-back.png');
    background-size:cover;
   
}
.accordian-button-text{
    color:#121212;
    letter-spacing:0px;
    font-weight:500;
    letter-spacing:1px;
    line-height:1;
}
.accordian-button-text:hover{
    color:#454545;
 text-decoration:none;
}
.btn-link.focus, .btn-link:focus{
    text-decoration:none;
}
.btn-link:hover{
    text-decoration:none;
}
.btn-link:after{
    text-decoration:none;
}
.backing-3{
    background-image:url('../../../uploads//2018/07/toptop.jpg');
    background-size:cover;
    background-position-y:bottom;
    background-repeat: repeat-y
}
.profile-pic{
   
}
.fixed-icon{
    font-size:23px !important;
   
    padding-bottom:4px;
    display: inline-flex;
    vertical-align: middle;
}
.form-label{
    font-size: 15px;
    font-weight: 600;
    color: grey;
    margin-bottom: 5px;
}
.custom-jumbotron{
    background-image: url('../img/developments/blueprint.jpg');
    background-size:cover
    
}
body.modal-open {
    overflow: hidden;
}
.aigpl-design-1 .aigpl-img-wrp {
    position: relative;
    height: auto;
    width: 100%;
    max-height: 200px;
}
.helper{
    padding-top:3rem;
    padding-bottom:3rem
}
.profile-runner{
    margin-top: .3rem;
    margin-bottom:.6rem;
    width:54px
}
.title-profile{
    margin-bottom:-.5rem
}
.email-profile{
    font-size:.9rem
}
.spacer{
    margin-top:1.5rem
}
.no-pad-left{
    padding-left:0rem
}
.no-pad-right{
    padding-right:0rem
}
.fix-negative-margins{
    margin-left:0rem;
    margin-right:0rem
}


.border-left-it{
    border-top-left-radius:2px;
    border-bottom-left-radius:2px
}
.border-right-it{
    border-top-right-radius:2px;
    border-bottom-right-radius:2px
}
.no-border-left-it{
    border-top-left-radius:0px;
    border-bottom-left-radius:0px
}
.no-border-right-it{
    border-top-right-radius:0px;
    border-bottom-right-radius:0px
}

.carding{
    background-color:white;
    padding:20px;
    border-radius:2px;
    min-height: 21rem;
}

.test-carding{
    background-color:white;
    padding:20px;
    border-radius:2px;
    margin-top: 1rem;
}

.pad-left{
    padding-left: 10rem;
}

@media (max-width: 768px){
    .test-carding{
        padding:35px;
        padding-top:42px
}

.pad-left{
    padding-left: 0rem;
}

    .carding{
        padding:35px;
        padding-top:42px
    }
    .smaller-fortab{
    font-size:1.6rem
    }
}

.nowrap{
    white-space: nowrap
}


@media (max-width: 991px){
.upper-spacer-on-row{
    margin-top:1.5rem
}
}

.aigpl-gallery-wrp .aigpl-img, .aigpl-gallery-album-wrp .aigpl-img{
    max-height:200px;
    min-height:200px
}
.cursor-hover{
    cursor:pointer
}
.cta2nomination{
    font-size:1.5rem;
    line-height:1.9rem;
    font-family: 'futura-pt', sans-serif;
    font-weight:200
}
.cta2{
    background-position-y:54px
}
.line-space{
    line-height:2.4rem
}
.smaller-title{
    font-size:1.4rem;
    line-height:1.4rem
}

.fix-position{
    min-height: 328px;
    background-size: cover;
    background-position-y: -150px;
}

@media only screen and (max-width: 768px) {
    .fix-position{
    min-height: 328px;
    background-size: cover;
    background-position-y: center;
    background-position-x:center
}
}
.new-button{
    margin: 0 0 0 auto;
}
.badger-it{
    position: absolute;
    z-index: 100;
    right: .3rem;
    top: -.7rem;
    width: 4rem;
}
@media only screen and (max-width: 768px) {
   .new-button{
    margin: 0 0 0 0;
}
}
