body{
    font-weight:500;
    color:#444;
}

a {
    color:#e97107;
}

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

figure{
    background-color:#080808;
}

.h1, .h2, .h3, .h4, h1, h2, h3, h4{
    font-family: 'Playfair Display';
    color:#222;
}

.front-search, .btn, footer, .featured-properties, .morgage-calc, .reference, .featured-price, .price, .site-location-search-body label{
    font-family: 'Raleway', sans-serif;
}

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

.fa{
    color:#999;
}

.page-heading{
    background-color:#f6f6f6;
    border-bottom:1px solid #eee;
    border-top:1px solid #eee;
    color:#111;
    margin-bottom:30px;
}

.white-text{
    color: #fff;
}

.property_alerts_popup h3{
    font-size:32px;
}

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

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

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

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

.btn-default:not([data-toggle="dropdown"]){
    font-weight:700;
    letter-spacing:1px;
}

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

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

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

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

.btn:hover .fa{
    color:#fff;
}

section{
    padding-bottom:60px;
}

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

h1{
    font-weight:300;
}

.nav-inline-logo {
    padding:15px;
}

header .navbar-brand img {
    max-height: 100px;
}

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

header .dropdown-menu > li > a,
.menu .navbar-nav > li > a,
.menu .navbar-btn,
.menu .navbar-toggle{
    color:#080808;
    font-family: 'Raleway';
    font-weight:600;
    font-size:16px;
    letter-spacing:0.5px;
}

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

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

.dropdown-menu{
    padding:0;
}

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(0,0,0,0.1);
}

header .navbar-default .dropdown-menu > li > a:hover{
    background-color:rgba(0,0,0,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:#080808;
}

.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{
    font-size:48px;
}

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

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

.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;padding-bottom: 10px;
}

.front-search .panel .selectize-input,
.front-search .panel .btn:not(.actions-btn):not(.btn-default),
.front-search .panel .btn.form-control{
    background-color: #eee;
}

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

.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 .btn, footer .btn, footer .form-control{
    padding:10px 28px;
}

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

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

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

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

.featured-properties{
    font-size:15px; 
    padding:50px 0 100px;
}

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

.featured-properties h2:after, .front-about h3:after{
    content:"";
    display:block;
    border-bottom:3px solid #080808;
    margin-top:30px;
    width:100px;
}

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

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

.featured-properties .fa{
    font-size:7px;
    vertical-align: middle;
    margin-left:7px;
    margin-right:7px;
    color:#666;
}

.featured-properties p, .front-about-text h4{
    font-family: 'Playfair Display';
}

p.featured-price{
    color:#333;
    font-size:30px;
    padding:10px 0 15px;
    font-weight:500;
}

.featured-properties h3, .features h3 {
    font-family: 'Raleway', sans-serif;
    font-size: 16px;
}

.featured-properties figure {
    height: 240px;
    max-height: 240px;
}

.feat-prop .panel-body,
.feat-prop .panel-footer{
    padding-left:30px;
}

.feat-prop .panel-footer{
    border-top: 1px solid #ddd;
    font-size:14px;
}

.feat-prop .panel{
    border: 1px solid #ddd;
    box-shadow:none;
}

.features{
    padding-top:100px;
}

.features h3{
    font-size: 24px;
}

.features hr{
    border-top: 2px solid #e97107;
    width: 100px;
    margin-bottom:120px;
}

.front-about{
    background-color:#f6f6f6;
    padding-top:100px;
    padding-bottom:100px;
}

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

.front-about-text{
    font-size:14px;
}

footer {
    background-color:#fff;
}

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

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

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

.footer-bottom {
    background-color: #0061b5;
    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;
}

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

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

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


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

    .menu .navbar-nav > li > a{
        padding-left:10px;
        padding-right:10px;
    }
}

@media screen and (min-width: 1200px){
    .carousel-caption{
        width: 50%;
        margin: auto;
    }
}
 
@media screen and (min-width: 993px){
    
    .property .price {
        color: #333;
        font-size: 30px;
        font-weight: 300;
    }

    h4.price{
        font-size:30px;
    }
    
    .menu .navbar-nav {
        float: none;
        margin: 0;
    }
    
    .navbar-flex-display{
        margin-bottom: 0;
    }
    
    .navbar-flex-display > div{
        width:100%;
    }

    .menu-flex-display{
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
    }

    .right-menu{
        display: flex;
        flex-direction:column;
    }
    
    .nav-top{
        order:-1;
    }
    
    .nav-top, .nav-bottom{
        justify-content: flex-end;
        display: flex;
    }
    
    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){
    header .navbar-brand img {
        margin-bottom: 14px;
    }
    
    .front-page h1 {
        font-size: 36px;
        margin-bottom:10px;
    }

    .front-page {
        font-size: 16px;
    }
    .page-header {
        margin: 30px 0 10px;
    }
    p.featured-price {
        font-size: 28px;
    }

    .featured-properties .panel-body {
        padding: 30px 25px 30px;
    }
    
    .front-about{
        text-align:center;
    }
    
    .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: 520px) and (max-width: 767px){
    .side-links{
        width: 50%;
        float: left;
    }
}

@media screen and (max-width: 767px){
    
    .image-overlay-text h1{
        font-size:30px;
    }
    
    p.featured-price {
        font-size: 28px;
    }

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

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

    #panelSearcnBtn {
        margin-top:20px;
    }

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

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

    .features, .front-about {
        padding-top: 50px;
    
    }

    .featured-properties .btn{
        margin-top:10px;
    }

    .front-about{
        padding-bottom: 50px;
    }

    .front-about-text, .front-about h3 {
        padding-left: 20px;
        padding-right: 20px;
    }
    
    .features hr{
        margin-bottom: 50px;
    }
    
}

@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;
}