@charset "utf-8";
/* CSS Document */
body { background: #fff; font-family: 'Open Sans',sans-serif; line-height: 23px; color: #727272; overflow-x: hidden!important; margin: auto!important;}
h1, h2, h3, h4, h5, h6 { font-family: Montserrat,sans-serif; text-transform: uppercase;}
.content-page-inner-area p { margin: 30px 0;}

p { line-height: 1.8em; font-family: 'Open Sans',sans-serif;}
body, p { font-size: 14px;}
.navbar-default { background-color: #0b4a04; border-color:transparent;}
.navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover { color: white; background-color: #0b4a04;}
 .navbar-default .navbar-nav > li > a:hover{color:#ccc}
.navbar-default .navbar-nav>.active>a { color: white; background-color: #3c3c44;}
.navbar-default .navbar-nav>li>a { color: white;}
.navbar-nav>.open>a:hover{ color:red;}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default  { color: white; background-color: #0b4a04;}
.navbar{margin-bottom:0}
.dropdown-menu{ background-color: #0b4a04;}
.dropdown-menu>li>a { color: white;}
.logo img{max-width:200px}
.address-desc,.header-call a { font-size:small; line-height: 1.8em; font-family: 'Open Sans',sans-serif;}
.header-call p i { border: 1px solid #ababab; border-radius: 100px; padding-top: 7px;}
.header-call p i, .header-place p i { color: #0b4a04; display: block; font-size: 20px; height: 36px; margin-top: 8px; text-align: center; width: 36px; margin-right: 10px!important;}
.navbar-right { background: #3c3c44; font-weight: 600; padding: 7px 10px; -webkit-transition: .5s ease; transition: .5s ease; margin-right: 0;}
a.navbar-right { color: white!important;}
.header-banner { background: url(../images/header-banner-bg.webp) 100%;height:100px;margin-bottom:20px}
.banner-overlay { background: rgba(0,0,0,.5); width: 100%; height: 100%;}
.header-banner h1 { font-family: Montserrat,sans-serif; margin: 0; color: #fff; font-size: 28px; padding-top:30px}
.content-inner-quote { background: #0b4a04; border: 0; color: #fff; font-style: italic; font-weight: 600; margin: 50px 0; padding: 30px 15px;}
.footer-overlay { background: rgba(34,34,34,.7); top: 0; right: 0; z-index: -1;}
.footer { margin-top: 50px; color: #fff; background: url(../images/bg-content-bottom-below.webp) center center no-repeat fixed; background-size: 100% 100%;}
.footer a { color: #fff;}
.footer-widget h3 { margin-bottom: 30px; padding-bottom: 15px; position: relative;}
.contact-info p span.contact-icon { display: inline-block; width: 15%;}
.contact-info p span.contact-details { display: inline-block; width: 85%;}
.footer-middle { padding: 50px 0 90px;}
.footer-below { background: #000; padding: 22px 0;}
.address-widget { background: #f2f2f2; padding: 15px; margin:10px}
.widget-content a.btn-primary { background: #f2f2f2;}
.single-post-content a.btn-primary, .widget-content a.btn-primary { background-color: #fff; border: 2px solid #0b4a04; color: #0b4a04; border-radius: 0; font-weight: 600; -webkit-transition: .5s ease; transition: .5s ease;}
.testimonials-title { margin-top: 40px; margin-bottom: 40px;}
.testimonials-title h1 { text-align: center; font-weight: 700; color: #000; font-size: 50px;}
.section-heading { margin-bottom: 20px; padding-bottom: 28px; position: relative;}
.testimonial-carousel div.owl-item .testimonial-comment::after { border-left: 15px solid transparent; border-right: 15px solid transparent; border-top: 30px solid #AEB6B9; content: ""; height: 0; position: absolute; bottom: -25px; left: 65px; width: 0;}
.testimonial-comment p { color: #fff; padding: 70px 40px; text-align: justify; font-style: italic;}
.testimonial-comment { background-color: #0b4a04; position: relative;}
.testimonial-carousel div.active .testimonial-comment { background: url(../images/testimonial-quote-active.png) 40px 30px no-repeat #4EB051;}
.btn-info { color: #fff; background-color: #3c3c44; border-color: #3c3c44;}
.bottom-intro {border-radius: 3px;bottom: 0;left: 0;margin-left: auto;margin-right: auto;position: absolute;right: 0;background: rgba(0,0,0,.3);}
.fadincss { -webkit-animation: fadein 2s; animation: fadein 2s;}
.duplex { background-repeat: repeat-y; background-position: right; font-weight: 700; padding: 20px 30px;}
.bedrooms, .duplex {/* background: rgba(0,0,0,.9); */}
.duplex, .navbar-right { color: #fff; text-transform: uppercase; font-size: 16px;}
.carousel-control.left span i, .carousel-control.right span i { font-size: 60px;}
.carousel-control.left, .carousel-control.right { background: 0 0;}
.carousel-fade .carousel-control { z-index: 2;}
.container-mix img, .padding-fix, .photo-gallery .container-fluid { padding: 0;}
.carousel-control { bottom: auto; top: 50%; margin-top: -50px; opacity: .4;}
.call-us h3 { font-weight: 700; font-size: 22px;}
.call-us { color: #fff; padding-top: 60px; text-align: left; margin-bottom:30px}
.call-us, .contract-right h2, .footer-bottom h3, .latest-news p, .latest-property h1, .pic-description h3, .royals-group, .sell-contact a, .subscribe, .subscribe input[type=submit], .testimonials-title h1 { text-transform: uppercase;}
.sell-contact { padding-top: 90px; text-align: right;}
.sell-contact a { background: #0b4a04; padding: 18px 35px; color: #fff; font-weight: 700; font-size: 14px; margin-left: 10px;}
strong{color: #0b4a04;}
@media (max-width: 767px){
.navbar-default .navbar-nav .open .dropdown-menu>li>a {color: white;}
.header {text-align:center;}
.logo{margin-bottom:10px}
.logo img {width:250px;max-width:250px}
.header-call, .header-place {margin-top: 15px;}
.header-call, .header-place {text-align: center;}
.header-call p, .header-place p {width: 240px;margin: 5px auto 0;}
.header-social {margin-top: 20px!important;margin-bottom: 10px!important;}
.header-banner h1 {font-size: 3vw;font-weight:600;margin-left: 10px;}
.header-banner { height:60px;margin-bottom:20px}
.bottom-intro .fadincss{display:none}
.col-md-4.width-fix:nth-child(1), .col-md-4.width-fix:nth-child(2){display:none}
h1 {font-size: 5vw;font-weight:bold}
h2 {font-size: 4.5vw;font-weight:bold}
h3 {font-size: 4.1vw;font-weight:bold}
h4 {font-size: 3.8vw;font-weight:bold}
h5 {font-size: 3.3vw;font-weight:bold}
.section-heading {
    padding-bottom: 0px;
}
}


@media (min-width: 768px) and (max-width: 991px){ 
.header-banner h1 {font-size: 22px;font-weight:bold;}
.bottom-intro .fadincss{font-size:small}
}