body{
    font-weight:400;
    font-size:16px;
}

body, section p, section ul:not(.selectpicker), .contacts address, label, .morgage-calc, .reference, .featured-price, .price, .site-location-search-body label{
    font-family: 'Poppins', sans-serif;

}

a {
    color: #214073;
}

a:hover, a:focus, a .fa, .btn .fa {
    color:#000;
}

header .admin {
    background-color: #000;
    border-bottom: 0;
}

.admin a, .admin .fa{
    color:#fff;
}

.navbar-form .form-control::-moz-placeholder{
    color:#fff;
}

.navbar-form .form-control::-webkit-input-placeholder{
    color:#fff;
}

.navbar-form .form-control:-ms-input-placeholder{
    color:#fff;
}

.navbar-form .form-control:-moz-placeholder{
    color:#fff;
}


label{
    font-weight:600;
}

.menu a .fa{
    color:#fff;
}

.fa{
    color:#888;
}

.social-media{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.social-media a .fa{
    color:#A22B31;
}

.social-media a .fa-inverse,  .fa-inverse{
    color:#fff;
}

.navbar-inverse .navbar-text {
  font-size: 16px;
  float: none;
  color: #fff;
  font-weight: 700;
  margin-bottom: 0;
  margin-top: 0;
}

header .navbar-inverse .dropdown-menu,
header .navbar-inverse .dropdown-menu li ul li a{
    color: #fff;
}



.social-media li > a {
    padding:5px;
    font-size:13px;    
}

.btn-info.active:focus,
.btn-info:focus,
.btn-info{
    border-color:#a22b31;
    background-color:transparent;
    color: #333;
}


.btn-default:not([data-toggle="dropdown"]){
    font-size:18px;
}

.btn-default:not([data-toggle="dropdown"]), .btn-info:hover{
    background-color: #a22b31;
    color:white;
    border-color: transparent;
}

.btn-default:not([data-toggle="dropdown"]):hover{
    background-color: #214073;
    color:white;
}

.navbar-btn .fa,
.navbar-toggle .fa{
    color:#fff;
}

.btn:hover .fa{
    color:#050e45;
}

section{
    padding-bottom:60px;
}

.page-header {
    margin: 50px 0;
}

h1{
    font-weight:300;
}

.light .menu{
    padding-top:15px;
    padding-bottom:15px;
}
 
header .dropdown-menu,
.navbar,
.light .menu{
    background-color: #214174;
    border-radius:0;
    border:0;    
}

.navbar-inverse .navbar-collapse{
    border-color: rgba(231, 231, 231, 0.3);
    margin-top: 15px;
}


header .navbar-inverse .dropdown-menu,
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:focus,
.navbar-inverse .navbar-nav > .open > a:hover{
    background-color: #A22B31;
}

header .dropdown-menu > li > a,
.menu .navbar-nav > li > a,
.menu .navbar-btn,
.menu .navbar-toggle{
    color:#fff;
    font-family: inherit;
    font-weight:700;
    font-size:16px;
    letter-spacing:0.5px;
    padding-bottom: 10px;
}

.menu .navbar-nav.nav-top > li > a{
    color:#fff;
    font-size:13px;
    font-weight:600;
}

header .navbar-inverse .dropdown-menu > li:not(:last-child) > a{
    border-color:rgba(255,255,255,0.3);
}

header .dropdown-menu > li > a{
    padding-top:15px;
    padding-bottom:15px;
}

.menu .navbar-btn,
.menu .navbar-btn:active,
.menu .navbar-toggle,
.menu .navbar-toggle:focus,
.menu .navbar-toggle:hover,
.menu .navbar-nav > li > a:hover,
.menu .navbar-nav > li.active > a,
.nav .open > a,
.nav .open > a:focus,
.nav .open > a:hover,
header .dropdown-menu > li > a:hover{
    border-color:rgba(255,255,255,0);
    background-color:rgba(255,255,255,0);
}

header .navbar-inverse .dropdown-menu > li > a:hover{
    background-color:rgba(255,255,255,0.1);
}
.menu .navbar-btn,
.menu .navbar-btn:active,
.menu .navbar-toggle,
.menu .navbar-toggle:focus,
.menu .navbar-toggle:hover{
    border-color:rgba(255,255,255,0.3);
}

.static-front-image{
    position:relative;
    background-color:#fff;
}

.image-overlay-text{
    position: absolute;
    right:0;
    bottom:0;
    top:0;
    left:0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.image-overlay-text h1 small{
    font-size:80px;
    font-weight:bold;
}

.image-overlay-text h1, .image-overlay-text h1 small{
    color:#fff;
}

.front-search{
    position: relative;
    padding-bottom: 0;
}

.front-search #search-box-button{
    min-width: 150px;
}

.featured{
    padding:50px 0 100px;
    background-color: #f6f6f6;
    font-size:14px;
}

.front-search h2{
    color:#fff;
    letter-spacing:1px;
    font-size:18px;
    font-weight:700;
    padding-bottom:10px;
}

.front-search label{
    color:#fff;
}

.front-search .property-search-box.panel{
    background-color: transparent;
    border:0;
    border-radius:0;
    box-shadow: none;
}

.front-search .property-search-box .panel-heading{
    padding: 0 0 10px;
}

.front-search .property-search-box .panel-body{
    padding:0;
}

.front-search .panel .selectize-input,
.front-search .panel .btn:not(.actions-btn),
.front-search .panel .btn.form-control,
footer .form-control,
footer .btn,
.featured .btn{
    border:0;
    padding:10px 15px;
    height:auto;
    font-size:17px;
    line-height: 1.5;
}

.front-search .panel .property-search-box .site-location-search-heading button[name="Search"] {
    padding:10px 18px;
}

.property-search-box .site-location-search-heading button[name="Search"] {
    margin-top: auto;
    margin-left: 10px;
}

footer .form-control{
    background-color:#eaeaea;
    box-shadow: none;
}

.featured-properties{
    background-color:transparent;
}

.featured .btn, footer .btn, footer .form-control{
    padding:10px 28px;
}

.featured .btn{
    margin-bottom:10px;
    min-width: 217px;
}

.front-search .panel .btn-info:not(.actions-btn){
    background-color:white;
}

.front-search .panel .btn-info:not(.actions-btn):hover{
    background-color:#214073;
    color: #fff;
}

.btn-info:not(.actions-btn):hover .fa{
    color:#fff;
}

.featured-properties h2, .page-header h1, .front-about h3{
    color: #214073;
    font-weight:600;
}

.featured-properties h2, .front-about h3{
    font-size:36px;
}

.front-about h3{
    margin-top: 10px;
}
.front-about{
    display:flex;
    align-items:center;
}

.front-about-text{
    padding-left:50px;
    padding-right:50px;
}

.featured-properties{
    font-size:20px;
}

.featured-properties h2{
    margin-bottom:40px;
}

.featured-properties p{
    line-height: 1;
}

p.featured-price{
    font-size:26px;
    padding:10px 0;
    font-weight:500;
}

.featured .buttons{
    padding-top:30px;
    padding-bottom:10px;
}

.featured-properties p.feat-sales-rentals{
    font-size:24px;
    font-weight:600;
}

.featured-properties h3 {
    padding-bottom:20px;
    font-size: 20px;
    font-weight:300;
}

.featured-properties figure {
    height: 270px;
    border-top-left-radius:15px;
    border-top-right-radius:15px;
}

.feat-prop .panel{
    border:0;
    border-radius:15px;
    box-shadow:none;
}

.feat-prop .panel-body, .feat-prop .panel-footer{
    padding:35px;
    background-color:transparent
}

.feat-prop .panel-body{
    display:flex;
    flex-direction:column;
    padding-bottom:0;
}

.feat-prop .panel-body .featured-price-title{
    order:-1;
}

.feat-prop .feat-location{
    margin-top:0;
    padding-top:10px;
    margin-bottom:20px;
    font-weight:300;
}

.feat-prop .feat-location .fa-fw{
    width:auto;
    padding-right:5px;
}

.feat-prop .panel-footer{
    border-top: 1px solid transparent;
    padding-bottom:25px;
    padding-top:0;
}

.feat-footer-text{
    display:none;
}

.property-details h2 a{
    font-weight:600;
}

figure {
    background-color: transparent;
}

footer {
    background-color:#fff;
}

#footer_alert_form > p{
    color:#555;
    font-size:16px;
    font-weight: 500;
}

footer form{
    padding-top:60px;
    padding-bottom:60px;
}

.footer-bottom.locations{
    padding-top:40px;
}

.footer-bottom {
    background-color: #214073;
    border:0;
    color:white;
    font-size:16px;
    letter-spacing:1px;
}

.footer-bottom a{
    color:rgba(255,255,255,0.9);
    font-weight:300;
}

footer ul li:first-child{
    display:block;
    font-weight:700;
}

footer ul li:not(:last-child) a:after{
    content:"|";
    display:inline-block;
    padding-left:5px;
    font-weight:300;
}

footer .list-inline {
    margin-bottom: 15px;
}

@media screen and (min-width: 1366px){
    .static-front-image img{
        min-width:100%;
        max-width:none;
        min-height:100%;
    }

    .static-front-image .image-overlay{
        height: 100vh;
        overflow: hidden;
    }
}


@media screen and (min-width: 993px) and (max-width: 1200px){
    p.featured-price {
        font-size: 28px;
    }
}

@media screen and (min-width: 1200px){
    .carousel-caption{
        width: 50%;
        margin: auto;
    }
.front-about-text{
    width:80%;
}

}
 
@media screen and (min-width: 993px){
.light .menu {
    padding-bottom: 30px;

}
    
header.sticky-menu .navbar,
.sticky-menu.light,
.sticky-menu.light .menu{
    background-color:transparent;
}

.sticky-menu.light{
    position: absolute;
    z-index: 1;
    width: 100%;
}


    .property .price {
        color: #333;
        font-size: 30px;
        font-weight: 300;
    }

    h4.price{
        font-size:30px;
    }
    .menu .navbar-nav {
        float: none;
        margin: 0;
        display: flex;
        justify-content: flex-end;
    }

    .navbar-flex-display{
        margin-bottom: 0;
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
    }
    .menu-flex-display{
        display: flex;
        flex-direction: column;
    }

    .nav-top{
        order:-1;
    }
    
    header .dropdown-menu > li > a,
    .menu .navbar-nav > li > a,
    .menu .navbar-btn,
    .menu .navbar-toggle{
        font-size:17px;
    }

}

@media screen and (max-width: 992px){
    .front-search #search-box-button {
        min-width: 120px;
    }
    .front-page h1 {
        font-size: 36px;
        margin-bottom:10px;
    }

    .front-page {
        font-size: 16px;
    }
    
    .front-page .image-overlay{
        position:relative;
    }
.featured{
    padding:20px 0 10px;
    background-color: #f6f6f6;
}
    .image-overlay-text h1 small {
        font-size:40px;
        font-size: 8vw;
    }
    
    .page-header {
        margin: 30px 0 10px;
    }
    p.featured-price {
        font-size: 28px;
    }
    
    .front-about{
        text-align:center;
        padding-top: 0;
        padding-bottom:30px;
    }

    .front-about h3::after {
        margin-left:auto;
        margin-right:auto;
        margin-bottom:30px;
    }

    .front-about .contacts span{
        display: block;
    }

    .front-testimonials h3::after{
        display:none;
    }
}

@media screen and (min-width: 768px){
    .front-search{
        position:absolute;
        left:0;
        right:0;
        bottom:0;
        margin:auto;
    }
}

@media screen and (min-width: 520px) and (max-width: 767px){
    .side-links{
        width: 50%;
        float: left;
    }
}

@media screen and (max-width: 767px){
    .navbar-inverse .navbar-text {
        padding: 0 0 0 15px;
        font-size: 15px;
        margin: 0;
    }

    .front-about-text {
        padding-left: 0;
        padding-right: 0;
    }
        
    p.featured-price {
        font-size: 28px;
    }

    .featured-properties .panel-body {
        padding-left:25px;
        padding-right:25px;
    }

    .featured-properties {
        margin-top: 0;
        padding-bottom:10px;
    }

    .front-search .panel .btn:not(.actions-btn),
    .front-search .panel .selectize-input{
        border:1px solid #ccc;
    }

    .front-testimonials .carousel-caption{
        position:relative;
        width: 90%;
        margin: auto;
        right: auto;
        bottom: auto;
        left: auto;
    }

    .front-search label{
        color:#333;
    }

    .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus,
    .navbar-inverse .navbar-nav > .open > a:hover {
        background-color: transparent;
    }

    .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > .open > a,
    .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover,
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a{
        color: #fff;
    }
}

@media screen and (min-width: 520px){
    .webbox-logo{
        float:right;
    }
}

.google_map{
    float: left;
}

#left_column  .google_map{
    margin-bottom:15px;
    margin-top:15px;
    width:100%;
    height:200px;
    border:2px solid #ddd;
}

#right_column  .google_map{
    margin-bottom:15px;
    margin-top:15px;
    width:100%;
    height:200px;
    border:2px solid #c6c6c6;
}
@media screen and (min-width: 992px) and (max-width: 1200px){
 header .navbar-brand img {
    max-height: 68px;
}   
}
@media screen and (min-width: 767px) and (max-width: 992px){
    .navbar-nav>li>.dropdown-menu {
        width: -webkit-fill-available!important;
    }
}
