
body {overflow-x: hidden; font-family: 'barlow_semi_condensedregular'; margin:0; padding:0; color:#606060 !important; }
p { line-height: 1.75; }
a {color: #ef5411; }
a:hover {color: #FF9838; text-decoration:none }
.text-primary {color: #606060 !important; }
h1,h2,h3,h4,h5,h6 { font-family: 'barlow_semi_condensedregular'; }
section {padding: 100px 0;  margin:0 !important; height:100vh; margin:0 !important; }
@media (min-width: 768px) {section {padding: 100px 0; } }
.btn { font-family: 'montserratregular'; font-weight: 700; }
.btn-xl { font-size: 18px; padding: 20px 40px; }
.btn-primary { background-color: #af1e22; border-color: #af1e22; }
.btn-primary:active, .btn-primary:focus, .btn-primary:hover { background-color: #fec810 !important; border-color: #fec810 !important; color: white; }
.btn-primary:active, .btn-primary:focus { box-shadow: 0 0 0 0.2rem rgba(254, 209, 55, 0.5) !important; }
::-moz-selection { background: #af1e22; color:#fff; text-shadow: none; } 
::selection { background: #af1e22; color:#fff; text-shadow: none; }
img::selection { background: transparent; }
img::-moz-selection { background: transparent; }
body { -webkit-tap-highlight-color: #af1e22; }



.black{font-family: 'barlow_semi_condensedblack';}
.bold{font-family: 'barlow_semi_condensedbold';}
.extrabold{font-family: 'barlow_semi_condensedXBd';}
.extralight{font-family: 'barlow_semi_condensedXLt';}
.light{font-family: 'barlow_semi_condensedlight';}
.medium{font-family: 'barlow_semi_condensedmedium';}
.regular{font-family: 'barlow_semi_condensedregular';}
.semibold{font-family: 'barlow_semi_condensedsemibold';}
.thin{font-family: 'barlow_semi_condensedthin';}

.gblack{font-family: 'gotham_blackregular';}
.gbold{font-family: 'gotham_boldregular';}
.gbook{font-family: 'gotham_bookregular';}
.glight{font-family: 'gotham_lightregular';}
.gmedium{font-family: 'gotham_mediumregular';}


/*NAVIGATION*/
#mainNav { background:rgba(0,0,1,.9); }
#mainNav .navbar-toggler { font-size: 25px; font-weight:normal; right: 0;  padding: 20px; text-transform: uppercase; color: #d49356; border: 0; background-color:transparent; font-family: 'gotham_lightregular'; }
#mainNav .navbar-brand { color: #af1e22;}
#mainNav .navbar-brand.active, #mainNav .navbar-brand:active, #mainNav .navbar-brand:focus, #mainNav .navbar-brand:hover { color: #b21222; }
#mainNav .navbar-nav .nav-item .nav-link { font-size: 14px; padding: 0.5em 0;letter-spacing: 0.5px; color: #fff; font-family: 'barlow_semi_condensedregular'; }
#mainNav .navbar-nav .nav-item .nav-link.active, #mainNav .navbar-nav .nav-item .nav-link:hover { color: #e9c292; border-bottom:1px solid #e9c292; }
@media (min-width: 992px) {
#mainNav{padding: 5px 0px; -webkit-transition: padding-top 0.3s, padding-bottom 0.3s; -moz-transition: padding-top 0.3s, padding-bottom 0.3s; transition: padding-top 0.3s, padding-bottom 0.3s; border: none; background:rgba(0,0,1,0.7) }
#mainNav .navbar-brand img { width:100%; padding:0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
#mainNav .navbar-nav .nav-item .nav-link { padding: 1.1em 1em !important; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
#mainNav.navbar-shrink { padding-top: 0; padding-bottom: 0; background:rgba(0,0,1,1) }
#mainNav.navbar-shrink .nav-item .nav-link { font-size:13px; padding: 0.75em 0; letter-spacing:0.5px; color: #fff; font-family: 'barlow_semi_condensedregular';}
#mainNav.navbar-shrink .navbar-brand img{ width:85%; padding: 5px 0 5px 0; } }

.heading1{ font-size:65px; margin:0 0 15px 0; padding:0; line-height:65px;}
.heading2{ font-size:55px; margin:0 0 10px 0; padding:0;}
.heading3{ font-size:40px; margin:0 0 10px 0; padding:0;}
.heading4{ font-size:35px; margin:0 0 10px 0; padding:0}
.heading5{ font-size:25px; margin:0 0 10px 0; padding:0}
.heading6{ font-size:20px; margin:0 0 10px 0; padding:0; letter-spacing:0.8px;}

.para1{ font-size:18px; line-height:32px; letter-spacing:0.5px; word-spacing:2px;}
.para2{ font-size:16px; line-height:32px; letter-spacing:0.5px; word-spacing:2px;}

.asthetics{ background-color:#cad0e5; padding:50px !important; margin:0;}
.quality{ background-color:#cad5c0; padding:50px !important; margin:0;}
.convenience{ background-color:#ecdbb9; padding:50px !important; margin:0;}
.amenity{ background-color:#bdcaed; padding:50px !important; margin:0;}

ul.featureslist{ margin:0 0 0 18px; padding:0;}
ul.featureslist li{ font-size:18px; line-height:30px; list-style-type:square; padding:5px 10px;}


.golden{ color:#d49356 !important;}
.grey1{ color:#4f4f4f !important;}
.grey2{ color:#252928 !important;}
.grey3{ color:#6e7275 !important;}





.overview-section { margin:0; padding:150px 0; height:100vh; background:url(../../img/bgs/overview-bg.jpg) center center no-repeat scroll; text-align:center !important; background-size:cover !important;}
.features-section { margin:0; padding:150px 0; height:100%;}
.amenities-section { margin:0; padding:150px 0; height:100%;}
.floorplans-section { margin:0; padding:150px 0; height:100%;}
.location-section { margin:0; padding:150px 0; height:100%;}
.gallery-section { margin:0; padding:150px 0; height:100%;}
.bricksnbonds-section { margin:0; padding:150px 0; height:100%;}
.contact-section { margin:0; padding:150px 0; height:100%;}



.carousel-item { height: 100vh; min-height: 300px; background: no-repeat center center scroll; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size: cover; background-size: cover;}
.portfolio-item { margin-bottom: 30px;}
.slider1{ background:url(../../img/slider/01.jpg) center center no-repeat; }
.slider2{ background:url(../../img/slider/02.jpg) center center no-repeat; }
.slider3{ background:url(../../img/slider/03.jpg) center center no-repeat; }
.slider4{ background:url(../../img/slider/04.jpg) center center no-repeat; }
.slider5{ background:url(../../img/slider/05.jpg) center center no-repeat; }
.slider-heading{ font-family: 'montserratbold'; font-size:50px; color:#af1e22; word-spacing:5px; text-transform:uppercase;}
.slider-text{ font-family: 'montserratlight'; font-size:30px; color:#2a3438; text-transform:uppercase; }
.slider-text span{ font-family: 'montserratsemibold'; font-size:25px; color:#2a3438; letter-spacing:1px; text-transform:uppercase; }
.carousel-caption{ bottom:35%;}
.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23af1e22' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
}
.carousel-control-next-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23af1e22' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
}


.donwload a{ margin:0; padding:12px 15px 10px 15px; background-color:#dcdcdc; color:#1b1f22; text-decoration:none; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; border-radius:5px;}
.donwload a:hover{ margin:0; padding:12px 15px 10px 15px; background-color:#d49356; color:#1b1f22; text-decoration:none; border-radius:25px; }


.thumbnail-wrap{ position: relative;  width: 100%; overflow:hidden !important; margin:0; padding:0%; border:5px solid #fff; border-color:transparent !important;}
.overlay-thumb { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; opacity: 0; transition: .5s ease; background-color: #000; }
.thumbnail-wrap:hover .overlay-thumb { opacity: 0.85; overflow:hidden;}
.text { color: #fff; font-size: 30px; position: absolute; top: 55%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); }
.thumbnail{display: block; width: 100%;  height: auto; overflow:hidden;}



/*CONTACT SECTION AND FOOTER*/
section#contact { background-color: #dfe3e8; background-image: url("../../img/map-image.png"); background-repeat: no-repeat; background-position: center; height:100%; }
section#contact .section-heading { color: #fff; }
section#contact .form-group { margin-bottom: 25px; }
section#contact .form-group input, section#contact .form-group textarea { padding: 15px 20px; }
section#contact .form-group input.form-control { height: auto; }
section#contact .form-group textarea.form-control {height: 248px; }
section#contact .form-control:focus {border-color: #af1e22;box-shadow: none; }
section#contact ::-webkit-input-placeholder {color: #8e9093;font-family: 'barlow_semi_condensedregular'; }
section#contact :-moz-placeholder {color: #8e9093;/* Firefox 18- */font-family: 'barlow_semi_condensedregular'; }
section#contact ::-moz-placeholder {color: #8e9093;/* Firefox 19+ */font-family: 'barlow_semi_condensedregular'; }
section#contact :-ms-input-placeholder {color: #8e9093;font-family: 'barlow_semi_condensedregular'; }
.submit-btn{ font-size:12px !important; letter-spacing:1px; font-family: 'barlow_semi_condensedregular';}
footer { padding: 25px 0;text-align: center; background-color:#383838; color:#fff !important;}
footer span.copyright {font-size: 90%;line-height: 40px;text-transform: none;font-family: 'barlow_semi_condensedregular'; }
footer ul.quicklinks {font-size: 90%;line-height: 40px;margin-bottom: 0;text-transform: none;font-family: 'barlow_semi_condensedregular'; }
ul.social-buttons {margin-bottom: 0; }
ul.social-buttons li a { font-size: 20px; line-height: 40px; display: block; width: 40px; height: 40px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;color: white; border-radius: 100%; outline: none; background-color: #212529; }
ul.social-buttons li a:active, ul.social-buttons li a:focus, ul.social-buttons li a:hover {
background-color: #af1e22; }



@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
.navbar-brand { width:70% !important; padding: 5px 0 5px 0; }
.navbar-brand img{ width:90% !important; padding: 5px 0 5px 0; }
.carousel-item { margin-top:82px; height:50vh; min-height: 00px; background:#4c4c4d no-repeat center center scroll; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.portfolio-item { margin-bottom: 30px;}
.slider1{ background:url(../../img/slider/01.jpg) center center no-repeat; background-size:contain !important; }
.slider2{ background:url(../../img/slider/02.jpg) center center no-repeat; background-size:contain !important; }
.slider3{ background:url(../../img/slider/03.jpg) center center no-repeat; background-size:contain !important; }
.slider4{ background:url(../../img/slider/04.jpg) center center no-repeat; background-size:contain !important; }
.slider5{ background:url(../../img/slider/05.jpg) center center no-repeat; background-size:cover !important; }


.overview-section { margin:0; padding:50px 0; height:100%; background:url(../../img/bgs/overview-bg.jpg) center center no-repeat scroll; text-align:center !important; background-size:cover !important;}
.features-section { margin:0; padding:50px 0; height:100%;}
.amenities-section { margin:0; padding:50px 0; height:100%;}
.floorplans-section { margin:0; padding:50px 0; height:100%;}
.location-section { margin:0; padding:50px 0; height:100%;}
.gallery-section { margin:0; padding:50px 0; height:100%;}
.bricksnbonds-section { margin:0; padding:50px 0; height:100%;}
.contact-section { margin:0; padding:50px 0; height:100%;}

.heading1{ font-size:40px; margin:0 0 15px 0; padding:0; line-height:45px;}
.heading2{ font-size:30px; margin:0 0 10px 0; padding:0;}
.heading3{ font-size:35px; margin:0 0 10px 0; padding:0;}
.heading4{ font-size:25px; margin:0 0 10px 0; padding:0}
.heading5{ font-size:15px; margin:0 0 10px 0; padding:0}
.heading6{ font-size:15px; margin:0 0 10px 0; padding:0; letter-spacing:0.8px;}
.para1{ font-size:16px; line-height:25px; }
.para2{ font-size:14px; line-height:25px; }

ul.featureslist{ margin:0 0 0 16px; padding:0;}
ul.featureslist li{ font-size:16px; line-height:25px; list-style-type:square; padding:0px 10px;}

}