/*
Theme Name: Noosheen Detches
Description: AIOS mobile semi-custom theme.
Author: AgentImage
Author URI: http://www.agentimage.com
Version: 1.5.8
Tags: one-column, two-columns, right-sidebar, custom-menu, full-width-template, sticky-post
License: Proprietary
License URI: http://www.agentimage.com
Template: aios-starter-theme
*/

/*

TABLE OF CONTENTS

1. Custom CSS
2. IP styles
3. MEDIA QUERIES ARE AUTOMATICALLY REMOVED FROM THIS FILE, they must be placed in style-media-queries.css
  
*/


/*******************************************************
 *
 * 1. Navigation
 *
 *******************************************************/


/* Sub Menu */
#nav li {
    position:relative;
    display: inline-block;
}
  
#nav .sub-menu {
    background: transparent;
    display: block;
    opacity: 0;
    visibility: hidden;
    margin-top: -10px;
    width: max-content;
    left: 50%;
    transform: translateX(-50%);
    padding-top: 25px;
    position: absolute;
    min-width: 180px;
    list-style: none outside none;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}
#nav .sub-menu a {
    color: #FFFFFF;
    display: block;
    padding: 10px;
}
#nav .sub-menu a:hover {
    background: none repeat scroll 0 0 #b2b2b2;
    color: #000000;
    text-decoration: none;
}
#nav .sub-menu .sub-menu {
    margin-left: 100%;
 	top:0;
}
#nav li:hover > .sub-menu {
    opacity: 1;
    visibility: visible;
    margin-top: 0;
}
#nav .sub-menu li {
    position: relative;
}


/*******************************************************
 *
 * 2. Custom CSS
 *
 *******************************************************/

/* Global */

body{
	font-family: 'Poppins', Helvetica, Georgia, Sans-serif;
	font-size: 14px;
	background: #FFF;
	color: #000000;
	margin: 0;

    /* Remove the comment from line 85 to 86 if the font issue in safari occurs */
    /* -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; */
}


/********CSS Post Launch********/
img{
    max-width: 100%;
    height: auto;
}
a,
a:hover,
a:focus,
input,
input:hover,
input:focus,
textarea,
textarea:focus,
textarea:hover,
select:hover,
select:focus,
select,
button,
button:focus,
button:hover,
.btn-group.bootstrap-select.show-tick.qs-select,
.bootstrap-select .dropdown-toggle,
.bootstrap-select .dropdown-toggle:focus{
    outline: 0px !important;
}
#content .ihf-search .ihf-select-options ul,
#content .ihf-search .ihf-select-options,
#content .ihf-search .ihf-pagination,
#content #ihf-main-container .nav-tabs,
#content #ihf-main-container .chosen-results{
    margin: 0 0 0;
    padding: 0 0 0;
    list-style: none;
}
#content #ihf-main-container #ihf-search-adv2-submit{
    margin: 20px 0 0;
}
#content #ihf-main-container .ihf-grid-result-address{
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}
#content #ihf-main-container .ihf-listing-search-results .btn{
    padding: 6px 6px;
}
#content div.wpcf7-response-output,
div.wpcf7-response-output{
    text-align: center;
}

#ihf-main-container #ihf-mortgage-calculator-modal .mc-total-payment-subline,
#content #ihf-main-container .mc-total-payment-subline{
    color:#333;
}

#ihf-main-container .pagination>li>a,
#ihf-main-container .pagination>li>span{
    padding: 6px 9px;
}
#ihf-main-container #ihf-schedule-showing-request-form .form-control{
    padding: 6px 7px;
}
#content #ihf-main-container #ihf-search-location-tab{
    margin: 8px 5px 0 0;
}
#ihf-main-container #ihf-advsearch-features label{
    font-size: .8em;
}
html.name-Microsoft_Edge .ai-default-cf7wrap input[type="submit"],
html.name-Microsoft_Edge .ai-default-cf7wrap input.wpcf7-submit{
    margin: 6px 0 0;
}
#ws-walkscore-tile{
    background:#fff !important;
}
#hero .quick-search form select[name="propertyType"]{
    margin-left: 2%;
}
#content ul.ihf-navbar-nav{
    list-style: none;
    margin: 0 0 0;
}
#content .ihf-eureka .ihf-navbar{
    padding: 4px 14px;
}
#content #ihf-main-container .ihf-listing-open-home-text-grid,
#content #ihf-main-container .ihf-map-info-window-content{
    color:#777;
}
#content #ihf-main-container label{
    color:inherit;
}
#content #ihf-main-container .ihf-polygon-reset{
    color:#000;
}
#ihf-main-container .modal-body {
    color: #000;
}
body.page-id-0 > img,
body.page-id-0 > iframe{
    display: none !important;
}
#content #ihf-main-container #ihf-market-report-nav-container.row,
#content #ihf-main-container #ihf-market-report-nav-container.row .row,
#content #ihf-main-container .row #areaPickerContainer.row,
#content #ihf-main-container .row #ihf-search-location-tab .row,
#content #ihf-main-container .row #ihf-refine-map-search-form .row,
#content #ihf-main-container .row .ihf-grid-result-container .row,
#content #ihf-main-container .row #ihf-search-location-tab.row{
    margin-left: -15px;
    margin-right: -15px;
}
#content #ihf-main-container .row .row{
    margin-left: 0;
    margin-right: 0;
}
#ihf-main-container  .ihf-social-share .dropdown-menu > li > a{
    color:#000 !important;
}
#ihf-main-container  .ihf-social-share .dropdown-menu > li > a:hover{
    color:#fff !important;
}
#ihf-main-container #ihf-refine-map-search-form label{
    color:#fff !important;
}
#ihf-main-container #ihf-refine-map-search-form .checkbox {
    padding-left: 0px;
    margin-left: -15px;
}
#ihf-main-container ul.chosen-results {
    margin-left: 0 !important;
}
#content .ihf-eureka ul.ihf-dropdown-menu{
    margin: 0 0 0;
    padding: 0 0 0 0;
    list-style: none;
}
#content #ihf-detail-navrow .ihf-detail-navigation .pull-right{
    float: none !important;
    text-align: right;
}
#content #ihf-main-container .map-infobox-img{
    max-width: 100% !important;
}
#ihf-main-container #ihf-map-canvas .ihf-map-info-box-title{
    padding: 0 15px 0 0;
}
.ihf-captcha .g-recaptcha{
    transform-origin: left center;
    transform: scale(.75);
    -moz-transform: scale(.75);
    -webkit-transform: scale(.75);
}
.grecaptcha-badge{
    z-index: 91;
}
#content #IDX-main{}
#content #IDX-main #IDX-boxLabel_remarksConcat input{
    display: block;
    width: 100%;
}
#content #IDX-main ul.select2-choices,
#content #IDX-main ul.IDX-navbar-nav{
    margin: 0 0 0 0;
}
.areaPickerExpandAllTopBar:after{
    content:'';
    display: block;
    clear: both;
}
#ihf-main-container #ihf-main-search-form fieldset > div:nth-child(14) .checkbox{
  padding-left: 0px;
}
#ihf-main-container #ihf-main-search-form fieldset > div:nth-child(14) .checkbox label{
    padding-right: 30px;
    white-space: break-spaces;
}
#ihf-main-container #ihf-detail-features-tab > .row.mt-10{
    margin-left: 0;
    margin-right: 0;
}
#ihf-agent-sellers-rep-own-listing{
    max-width: 100%;
}
#ihf-main-search-form fieldset div[data-ihf-geographic-field="true"] .checkbox{
    padding-left: 0;
}
#content ul#IDX-searchNavList{
    margin: 0 0 0;
}
#content ul#IDX-searchNavList li:first-child{
    padding-left: 0px;
}
#content ul#IDX-searchNavList li:last-child{
    padding-right: 0px;
}
#IDX-formSubmit.IDX-formSubmit {
    font-size: 16px;
    margin-right: 20px;
    line-height: 18px;
}
#IDX-formSubmit.IDX-formSubmit {
    font-size: 16px;
    margin-right: 20px;
    line-height: 18px;
    font-weight:400;
}
#IDX-ccz-group .IDX-controls span{
    vertical-align: middle;
    margin: 0 0 0 10px;
}
#IDX-ccz-group .IDX-controls span:first-child{
    margin: 0 0 0 0;
}
#ihf-main-container #ihf-map-canvas{
    position: relative;
    z-index: 0;
}
#ihf-main-container #ihf-refine-map-search-form{
  margin: 0 0;
}
#ihf-main-container .ihf-mapsearch-refine-overlay-inner{
  padding: 8px 15px;
}
#ihf-main-container .ihf-grid-result{
    margin-bottom: 15px;
}
#ihf-main-container .ihf-grid-result:after{
    content: '';
    display: block;
    clear: both;
}
#listings-results .listings-map{
    position: relative;
    z-index: 0;
}
#content ul#idx-mlm-nav-links{
  list-style: none;
  margin: 0 0 0 0;
}
#ihf-map-canvas .leaflet-div-icon{
    background: none;
    border: 0px solid #666;
}
/********CSS Post Launch End********/

a:hover, a:focus {
    color: #ff2442;
}

.full-container {
    position: relative;
    z-index: 10;
    width: 100%;
    padding: 0 20px;
}

.outer-container {
    max-width: 1446px;
    width: 100%;
    padding: 0 20px;
    margin: 0 auto;
    position: relative;
    z-index: 10;
}

.inner-container {
    max-width: 1180px;
    width: 100%;
    padding: 0 20px;
    margin: 0 auto;
    position: relative;
    z-index: 10;
}

#main-wrapper {
    overflow: hidden;
}

.section-title {
    width: auto;
}

.st-top {
    display: flex;
    align-items: center;
    line-height: 1;
    margin-bottom: 3px;
}

.section-title .number {
    display: flex;
    align-items: center;
    font-size: 18px;
    letter-spacing: 0.2em;
    color: #838383;
}

.section-title .number:after {
    display: inline-block;
    width: 27px;
    height: 3px;
    background: #cac6b5;
    content: '';
    margin-left: 10px;
}

.section-title .small {
    font-size: 18px;
    text-transform: uppercase;
    color: #838383;
    letter-spacing: 0.6em;
    margin-left: 10px;
}

.section-title h2 {
    font-size: 72px !important;
    font-family: 'Antic Didone';
    text-transform: uppercase;
    color: #000000;
    line-height: 1;
    margin: 0 !important;
    font-weight: 400 !important;
    position: relative;
}

.section-title h2 span {
    display: block;
    color: #cac6b5;
}

.hp-btn {
    width: 100%;
    height: 61px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    color: #1f1f1f;
    position: relative;
    outline: 0;
    background: transparent;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

.hp-btn:before {
    width: 100%;
    height: 100%;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    border-width: 2px;
    border-style: solid;
    border-image: linear-gradient(90deg, rgba(162,162,162,1) 0%, rgba(238,238,238,1) 50%, rgba(162,162,162,1)) 1;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

.hp-btn:hover {
    background: #ff2442;
    color: #fff;
}

.hp-btn:hover:before {
    opacity: 0;
}

/* Mobile Logo */
.mobile-logo {
    background: #000;
    text-align: center;
    padding: 20px;
    display: none;
}

.mobile-logo a {
    max-width: 325px;
    display: block;
    margin: 0 auto;
}

.mobile-logo img {
    width: 100%;
}

/* Main Header */
#main-header {
    position: fixed;
    width: 100%;
    padding: 60px 0 0;
    background: transparent;
    z-index: 1005;
    box-shadow: 0px 0px 0px rgba(0,0,0,0);
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

#main-header .full-container {
    padding: 0 80px;
}

#main-header.active {
    background: #fff;
    padding: 20px 0;
    box-shadow: 0px 3px 4px rgba(0,0,0,0.5);
}

.header-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.main-logo {
    max-width: 358px;
    width: 26%;
}

.main-logo a {
    display: block;
    font-size: 0;
    width: 100%;
    position: relative;
}

.main-logo img {
    width: 100%;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

.main-logo img:last-child {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}

#main-header.active .main-logo img:last-child {
    opacity: 1;
}

#main-header.active .main-logo img {
    opacity: 0;
}

.header-right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.header-contact {
    display: flex;
    align-items: center;
}

.hc-contact {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: #ffffff;
    letter-spacing: 0.05em;
    margin-left: 50px;
}

.hc-contact i {
    font-size: 16px;
    margin-right: 15px;
}

.hc-contact:first-child {
    margin-left: 0;
}

.hc-contact .ai-envelope-f {
    font-size: 12px;
}

.hc-contact a {
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

#main-header.active .hc-contact {
    color: #0d0d0f;
}

#main-header.active .hc-contact i {
    color: #832127;
}

.hc-contact a:hover {
    opacity: 0.7;
    color: #fff;
}

#main-header.fixed-header.active .hc-contact a:hover {
    color: #0d0d0f;
}

.burger-menu {
    width: 37px;
    margin-left: 55px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

.burger-icon {
    width: 100%;
}

.burger-icon span {
    display: block;
    width: 100%;
    height: 3px;
    background: #fff;
}

.burger-icon span:nth-child(2) {
    margin: 6px 0;
}

#main-header.active .burger-icon span {
    background: #0d0d0f;
}

.burger-menu:hover {
    opacity: 0.7;
}

/* Expanded Menu */
.expanded-menu {
    position: fixed;
    z-index: 1200;
    right: -100%;
    height: 100%;
    width: 100%;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    display: flex;
    align-items: stretch;
}

.expanded-menu.active {
    right: 0;
}

.expanded-menu-whitespace {
    width: 100%;
}

.expanded-menu-inner {
    max-width: 800px;
    min-width: 800px;
    padding: 130px 50px 40px;
    height: 100%;
    background: #fff;
    position: relative;
    overflow: hidden;
    width: 100%;
    justify-content: center;
    color: #000000;
    overflow-y: auto;
}

.expanded-menu .close-btn {
    cursor: pointer;
    font-size: 29px;
    color: #000;
    position: absolute;
    right: 85px;
    top: 75px;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

.expanded-menu .close-btn:hover {
    color: #929292;
}

.expanded-navigation {
    margin-bottom: 20px;
    display: flex;
    flex-direction: row;
    width: 100%;
}

.expanded-nav {
    /*column-count: 2;*/
}

.expanded-nav > li {
    display: block;
    margin-bottom: 30px;
}

.expanded-nav > li:nth-last-child(2) {
    /*margin-top: 67px;*/
}

.expanded-nav > li > a {
    font-family: 'Antic Didone';
    font-size: 25px;
    text-transform: uppercase;
    color: #000000;
    letter-spacing: 0.02em;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

.expanded-nav > li > a:hover {
    color: #929292;
}

.expanded-nav .sub-menu {
    margin-top: 25px;
    padding-left: 25px;
}

.expanded-nav .sub-menu li {
    display: block;
    margin-top: 18px;
}

.expanded-nav .sub-menu li a {
    font-size: 14px;
    color: #929292;
    letter-spacing: 0.075em;
    font-style: italic;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

.expanded-nav .sub-menu li a:hover {
    color: #000;
}

.expanded-contact {
    width: 100%;
    max-width: 338px;
    margin-left: auto;
}

.ec-flex {
    display: flex;
    margin-bottom: 25px;
}

.ec-contact {
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0.05em;
    display: flex;
    align-items: center;
    line-height: 24px;
}

.ec-contact i {
    font-size: 16px;
    color: #832127;
    margin-right: 12px;
}

.ec-contact .ai-envelope-f {
    font-size: 12px;
}

.ec-flex .ec-contact {
    margin-left: 100px;
}

.ec-flex .ec-contact:first-child {
    margin-left: 0;
}

.ec-contact a {
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

/* Slideshow */
#main-slideshow {
    padding: 20px 20px 0;
    position: relative;
    overflow: hidden;
}

.slideshow-container {
    position: relative;
    overflow: hidden;
    font-size: 0;
}

.slideshow-container canvas {
    width: 100%;
}

.slideshow-fixed {
    position: fixed;
    left: 0;
    top: 0;
    padding: 20px 20px 0;
    width: 100%;
}

.slideshow-fixed .cycloneslider-slides {
    height: 100% !important;
}

.slideshow-content {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    z-index: 10;
}

.slideshow-fixed .cycloneslider:before {
    width: 100%;
    height: 100%;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9;
    background: url(images/slide-overlay.png) no-repeat center center/ cover;
}

.slideshow-content h2 {
    text-transform: uppercase;
    font-family: 'Antic Didone';
    font-size: 72px;
    color: #ffffff;
    letter-spacing: 0.02em;
}

.slideshow-container .scroll-down {
    position: absolute;
    z-index: 10;
    bottom: 95px;
    width: 100%;
    left: 0;
    text-align: center;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.6em;
    cursor: pointer;
    transition: all ease .4s;
    -moz-transition: all ease .4s;
    -webkit-transition: all ease .4s;
}

.slideshow-container .scroll-down:hover{
    color: #aba7a7;
}

/* Quick Search */
#main-qs {
    position: relative;
    z-index: 11;
}

.qs-box {
    position: absolute;
    width: 100%;
    z-index: 10;
    top: -57px;
    background: #fff;
    -webkit-box-shadow: -3px 5px 30px 0px rgba(0, 0, 0, 0.05);
    -moz-box-shadow:    -3px 5px 30px 0px rgba(0, 0, 0, 0.05);
    box-shadow:         -3px 5px 30px 0px rgba(0, 0, 0, 0.05);
    padding: 17px 25px 17px 15px;
    left: 50%;
    transform: translateX(-50%);
}

#qs-form {
    display: flex;
    align-items: center;
}
#qs-form .bootstrap-select>.dropdown-toggle,
#qs-form .bootstrap-select>.dropdown-toggle:hover,
#qs-form .bootstrap-select>.dropdown-toggle:focus,
#qs-form .bootstrap-select>.dropdown-toggle:active{
    width: 100%;
    border: none;
    padding: 25.5px 15px 25.5px 20px;
    background: transparent url(images/arrow.png) no-repeat right 15px center;
    font-size: 13px;
    text-transform: uppercase;
    color: #929292;
    letter-spacing: 0.05em;
    outline: 0 !important;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
}
#qs-form .bootstrap-select.btn-group .dropdown-toggle .filter-option{
    font-size: 13px;
}
#qs-form .bootstrap-select.btn-group .dropdown-menu.inner{
    max-height: 210px !important;
}
#qs-form label {
    display: none;
}

#qs-form select {
    width: 100%;
    border: none;
    padding: 0 15px 0 20px;
    height: 64px;
    background: transparent url(images/arrow.png) no-repeat right 15px center;
    font-size: 13px;
    text-transform: uppercase;
    color: #929292;
    letter-spacing: 0.05em;
    outline: 0 !important;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
}

.qs-submit {
    width: 70px;
    margin: 0 10px;
    border-left: 0;
}

.qs-submit input {
    width: 100%;
    height: 58px;
    background: #0d0d0f url(images/magnify.png) no-repeat center center;
    border: none;
    outline: 0;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    font-size: 0;
}

.qs-submit input:hover {
    background-color: #832127;
}

.qs-advanced {
    max-width: 126px;
    width: 12%;
    border-left: 0 !important;
}

.qs-text {
    position: absolute;
    right: 10px;
    top: 100%;
    margin-top: 18px;
}

.qs-advanced a {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: #832127;
    height: 58px;
    color: #fff;
    outline: 0;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.025em;
    text-transform: uppercase;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

.qs-advanced a:hover {
    background: #0d0d0f;
}

.qs-text span {
    font-size: 14px;
    color: #a2a2a2;
    letter-spacing: 0.05em;
}

#qs-form > div {
    border-left: 1px solid #f3f3f3;
}

#qs-form > .p-type {
    border-left: 0;
    max-width: 190px;
    width: 18%;
}

#main-qs .inner-container {
    max-width: 1140px;
    width: 90%;
}

#qs-form > .city {
    max-width: 178px;
    width: 17%;
}

#qs-form > .beds {
    max-width: 110px;
    width: 10%;
}

#qs-form > .baths {
    max-width: 116px;
    width: 11%;
}

#qs-form > .min-price {
    max-width: 147px;
    width: 14%;
}

#qs-form > .max-price {
    max-width: 147px;
    width: 14%;
}

/* Featured Properties */
#main-fp {
    background: #fff;
    position: relative;
    z-index: 10;
    padding: 160px 0 95px;
}

.fp-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 66.87%;
    max-height: 646px;
    background: url(images/fp-bg.jpg) no-repeat center center/ cover;
    background-attachment: fixed;
}

.safari .fp-bg {
    background-attachment: unset;
}

.fp-bg:before {
    width: 100%;
    height: 100%;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background: url(images/fp-overlay.png) no-repeat center center/ cover;
}

.fp-top {
    margin-bottom: 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.fp-title .section-title h2:before {
    width: 1000%;
    height: 1px;
    background: #a3a3a3;
    position: absolute;
    right: 100%;
    margin-right: 24px;
    top: 50%;
    margin-top: -0.5px;
    content: '';
}

.fp-buttons {
    display: flex;
    align-items: center;
    justify-content: center;
}

.fp-buttons button {
    background: transparent;
    border: none;
    outline: 0;
    position: relative;
    padding: 6px 0;
    font-size: 12px;
    text-transform: uppercase;
    color: #7e7e7e;
    letter-spacing: 0.5em;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

.fp-buttons button i {
    width: 11px;
    height: 14px;
    display: block;
    position: relative;
}

.prev-icon {
    background: url(images/prev-arrow.png) no-repeat center center/ contain;
    margin-left: 15px;
}

.next-icon {
    background: url(images/next.png) no-repeat center center/ contain;
    margin-right: 19px;
}

.fp-buttons button i:after {
    width: 16px;
    height: 2px;
    background: #afafaf;
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -8px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

.fp-buttons button:hover i:after {
    background: #ff2442;
}

.fp-buttons .next-slick {
    margin-left: 40px;
}

.fp-buttons button:hover {
    color: #000000;
}

button:hover .next-icon {
    background: url(images/next-hover.png) no-repeat center center/ contain;
}

button:hover .prev-icon {
    background: url(images/prev-hover.png) no-repeat center center/ contain;
}

.fp-slider {
    width: 100%;
    font-size: 0;
}

.fp-slider .slick-slide {
    margin: 0 8.5px;
}

.fp-item-wrap {
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
}

.fp-item {
    display: block;
    outline: 0 !important;
    position: relative;
}

.fp-img {
    font-size: 0;
    position: relative;
}

.fp-img canvas {
    width: 100%;
    display: block;
}

.fp-img img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.fp-desc {
    position: absolute;
    z-index: 10;
    width: 90%;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    max-width: 346px;
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 25px 10px;
    line-height: 1;
    height: 100%;
    max-height: 165px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    background: rgb(184,24,45);
    background: linear-gradient(90deg, rgba(184,24,45,0.8) 16%, rgba(131,33,39,0.8) 100%);
}

.fpd-inner {
    max-width: 320px;
    margin: 0 auto;
}

.fp-desc .price {
    display: block;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0.1em;
    margin-bottom: 20px;
}

.fp-desc .address1 {
    display: block;
    font-family: 'Antic Didone';
    text-transform: uppercase;
    font-size: 24px;
    letter-spacing: 0.1em;
}

.fp-desc .address2 {
    display: block;
    font-size: 14px;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    margin-top: 10px;
}

.fp-desc .other-details {
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.fp-desc .other-details span {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 300;
    letter-spacing: 0.1em;
    padding: 0 10px;
    border-left: 1px solid #fff;
}

.fp-desc .other-details span.beds {
    border-left: 0;
}

.fp-desc .view-details {
    max-width: 210px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin: 0 auto;
    border: 2px solid #fff;
    height: 61px;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 0.2em;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    opacity: 0;
    visibility: hidden;
    max-height: 0;
}

.fp-desc .view-details:hover {
    background: #ff2442;
    border-color: #ff2442;
}

.fp-item:hover .fp-desc .view-details {
    opacity: 1;
    max-height: 61px;
    visibility: visible;
    margin-top: 40px;
}

.fp-item:hover .fp-desc {
    max-width: 100%;
    width: 100%;
    height: 100%;
    max-height: 100%;
}

.fp-btn {
    max-width: 322px;
    margin: 50px auto 0;
}

/* Welcome */
#main-welcome {
    position: relative;
    z-index: 10;
    background: #fff;
    /* padding: 20px 0 45px; */
}

.welcome-accent {
    position: absolute;
    right: calc(100% - 80px);
    top: 0;
    /* width: 16.875%; */
    width: 100vw;
    height: 100%;
    background: url(images/welcome-accent.jpg) no-repeat left center/ cover;
    background-attachment: fixed;
}

.safari .welcome-accent {
    /*background-attachment: scroll;
    background-position: 100% 0;
    background-size: 100vw;*/
}

.welcome-accent:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
    background: rgba(202,198,181,0.83);
}

#main-welcome .inner-container {
    max-width: 1200px;
    padding: 20px 20px 45px;
}

.welcome-flex {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    position: relative;
    z-index: 10;
}

.welcome-left {
    max-width: 516px;
    width: 45%;
    position: relative;
    z-index: 10;
}

.welcome-agent {
    max-width: 516px;
    margin: 0 auto;
    font-size: 0;
}

.welcome-agent img {
    width: 100%;
}

.welcome-right {
    max-width: 570px;
    width: 50%;
    position: relative;
    padding: 150px 0 100px;
    margin-left: 30px;
    margin-top: 35px;
}

.welcome-right:before {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    border: 2px solid #f1f1f1;
    width: 157.89%;
    height: 100%;
    border-right: none;
    }

.welcome-right:after {
    position: absolute;
    top: 0;
    left: 100%;
    content: '';
    border: 2px solid #f1f1f1;
    border-left: none;
    border-right: none;
    width: 1000%;
    height: 100%;
}

.welcome-title {
    margin-bottom: 30px;
    width: max-content;
}

.welcome-title .section-title h2:after {
    position: absolute;
    left: 100%;
    margin-left: 25px;
    background: #a4a4a4;
    width: 1000%;
    height: 1px;
    content: '';
    top: 37px;
}

.welcome-desc {
    margin-bottom: 30px;
}

.welcome-desc p {
    font-size: 14px;
    line-height: 30px;
    letter-spacing: 0.02em;
    color: #444444;
    font-weight: 300;
}

.welcome-btn {
    max-width: 210px;
}

/* Meet The Team */
#main-mtt {
    padding: 75px 0 195px;
    position: relative;
    z-index: 10;
    background: url(images/mtt-bg.jpg) no-repeat center center/ cover;
    background-attachment: fixed;
    display: none;
}

.safari #main-mtt {
    background-attachment: unset;
}

#main-mtt:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(images/mtt-overlay.png) no-repeat center center/ cover;
    content: '';
}

.mtt-container {
    position: relative;
    width: 89.375%;
    margin: 0 0 0 auto;
    padding: 120px 25px 0 60px;
}

.mtt-tbg {
    width: 100%;
    height: 327px;
    position: absolute;
    left: 0;
    top: 0;
    background: url(images/mtt-accent.jpg) no-repeat center center/ cover;
}

.mtt-tbg:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
    background: rgba(68,68,68,0.87);
}

.mtt-inner {
    position: relative;
    z-index: 10;
    /* max-width: 1326px; */
    width: 100%;
}

.mtt-flex {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.mtt-left {
    width: 330px;
}

.mtt-right {
    /* max-width: 937px; */
    width: calc(100% - 360px);
}

.mtt-title {
    margin-bottom: 150px;
}

.mtt-title .section-title .st-top span, .mtt-title .section-title h2 {
    color: #fff;
}

.mtt-title .section-title h2:before {
    width: 1000%;
    height: 1px;
    background: #a3a3a3;
    position: absolute;
    right: 100%;
    margin-right: 20px;
    content: '';
    top: 50%;
    margin-top: -0.5px;
}

.mtt-buttons {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px;
}

.mtt-buttons button {
    background: transparent;
    border: none;
    outline: 0;
    position: relative;
    padding: 6px 0;
    font-size: 12px;
    text-transform: uppercase;
    color: #7e7e7e;
    letter-spacing: 0.5em;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

.mtt-buttons button i {
    width: 11px;
    height: 14px;
    display: block;
    position: relative;
}

.mtt-buttons button i:after {
    width: 16px;
    height: 2px;
    background: #afafaf;
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -8px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

.mtt-buttons button:hover i:after {
    background: #ff2442;
}

.mtt-buttons .next-slick {
    margin-left: 40px;
}

.mtt-buttons button:hover {
    color: #000000;
}

.mtt-btn {
    max-width: 210px;
    margin: 0 auto;
}

.mtt-slider {
    width: 100%;
}

.mtt-slider .slick-slide {
    margin: 0 2px;
}

.mtt-item-wrap {
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
}

.mtt-item {
    position: relative;
    width: 100%;
}

.mtt-img {
    position: relative;
    font-size: 0;
    width: 100%;
}

.mtt-img canvas {
    width: 100%;
    display: block;
}

.mtt-img img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.mtt-desc {
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 10;
    background: rgba(131,33,39,0.8);
    color: #fff;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    opacity: 0;
    visibility: hidden;
}

.mtt-desc h3 {
    font-size: 30px;
    margin-bottom: 10px;
    font-family: 'Antic Didone';
    text-transform: uppercase;
    letter-spacing: 0.02em;
}

.mtt-desc .position {
    font-size: 16px;
    display: block;
    text-transform: uppercase;
    letter-spacing: 0.4em;
}

.mtt-contact {
    margin: 25px 0 20px;
}

.mc-contact {
    font-size: 14px;
    letter-spacing: 0.05em;
    font-weight: 300;
    margin-bottom: 10px;
}

.mc-contact a {
    color: #fff;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

.mc-contact a:hover {
    opacity: 0.7;
}

.mttd-btn {
    max-width: 210px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-width: 2px;
    border-style: solid;
    border-image: linear-gradient(90deg, rgba(162,162,162,1) 0%, rgba(238,238,238,1) 50%, rgba(162,162,162,1)) 1;
    width: 100%;
    height: 61px;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    outline: 0 !important;
}

.mttd-btn:hover {
    background: #ff2442;
    color: #fff;
    border: 2px solid #ff2442;
}

.mtt-item:hover .mtt-desc {
    opacity: 1;
    visibility: visible;
}

/* Why Work With Noosheen Detches */
#ww-section {
    position: relative;
    z-index: 10;
    background: #fff;
}

.ww-accent {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    height: 708px;
    background: url(images/red-accent.jpg) no-repeat center center / cover;
}

#main-wwwnd {
    position: relative;
    width: 100%;
}

.wwwnd-container {
    padding: 85px 20px 70px;
    background: url(images/wwwu-bg.jpg) no-repeat center center/ cover;
    background-attachment: fixed;
    position: relative;
}

.wwwnd-container:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
    background: rgba(36,36,36,0.85);
}

.safari .wwwnd-container {
    background-attachment: unset;
}

.wwwnd-inner {
    position: relative;
    z-index: 10;
}


.wwwnd-title {
    display: flex;
    justify-content: center;
    margin-bottom: 80px;
}

.wwwnd-title .section-title h2:after {
    position: absolute;
    left: 100%;
    margin-left: 25px;
    background: #979797;
    width: 1000%;
    height: 1px;
    content: '';
    top: 50%;
    margin-top: -0.5px;
}

.wwwnd-title .section-title .st-top span, .wwwnd-title .section-title h2 {
    color: #fff;
}

.wwwnd-flex {
    display: flex;
    align-items: stretch;
    justify-content: center;
    text-align: center;
    max-width: 1280px;
    margin: 0 auto;
}

.wwwnd-item-wrap {
    padding: 0 30px 30px;
    border-left: 1px solid rgba(255,255,255,0.3);
    width: 33.33%;
}

.wwwnd-item-wrap:first-child {
    border-left: 0;
}

.wwwnd-item {
    text-align: center;
}

.wwwnd-item h3 {
    font-size: 24px;
    line-height: 1.3;
    text-transform: uppercase;
    font-family: 'Antic Didone';
    color: #cac6b5;
    letter-spacing: 0.02em;
}

.wwwnd-desc {
    margin-top: 25px;
}

.wwwnd-desc p {
    font-size: 14px;
    font-weight: 300;
    line-height: 24px;
    color: #ffffff;
    letter-spacing: 0.02em;
    margin-bottom: 20px;
}

/* What We Can Do For You */
#main-wwcdfy {
    position: relative;
    width: 100%;
}

.wwcdfy-container {
    padding: 85px 20px 70px;
    background: url(images/wwc-bg.jpg) no-repeat bottom center/ cover;
    position: relative;
}

.wwcdfy-container:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
    background: rgba(255,255,255,0.95);
}

.safari .wwcdfy-container {
    background-attachment: unset;
}

.wwcdfy-inner {
    position: relative;
    z-index: 10;
}


.wwcdfy-title {
    display: flex;
    justify-content: center;
    margin-bottom: 80px;
}

.wwcdfy-title .section-title h2:before {
    position: absolute;
    right: 100%;
    margin-right: 30px;
    background: #a4a4a4;
    width: 1000%;
    height: 1px;
    content: '';
    top: 50%;
    margin-top: -0.5px;
}

.wwcdfy-flex {
    display: flex;
    align-items: stretch;
    justify-content: center;
    text-align: center;
    max-width: 1280px;
    margin: 0 auto;
}

.wwcdfy-item-wrap {
    padding: 0 30px 30px;
    border-left: 1px solid rgba(209,209,209,0.3);
    width: 33.33%;
}

.wwcdfy-item-wrap:first-child {
    border-left: 0;
}

.wwcdfy-item {
    text-align: center;
}

.wwcdfy-item h3 {
    font-size: 24px;
    line-height: 1.3;
    text-transform: uppercase;
    font-family: 'Antic Didone';
    color: #cac6b5;
    letter-spacing: 0.02em;
}

.wwcdfy-desc {
    margin-top: 25px;
}

.wwcdfy-desc p {
    font-size: 14px;
    font-weight: 300;
    line-height: 24px;
    color: #444444;
    letter-spacing: 0.02em;
    margin-bottom: 20px;
}

/* Testimonials */
#main-testimonials {
    background: #fff;
    position: relative;
    z-index: 10;
    padding: 65px 20px 290px;
}

.testi-bg {
    position: absolute;
    right: 0;
    top: 85px;
    width: 100%;
    height: 613px;
    background: url(images/testi-bg.jpg) no-repeat right center/ cover;
}

.testi-img {
    width: 55.98%;
    font-size: 0;
    position: relative;
    overflow: hidden;
}

.testi-img canvas {
    width: 100%;
    height: 100%;
    min-height: 664px;
}

.testi-img img {
    position: absolute;
    width: auto;
    height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.testi-title-wrap {
    width: 49.13%;
    margin: 0 0 0 auto;
    position: relative;
    background: #fff;
    z-index: 10;
    padding: 85px 20px 70px 100px;
}

.testi-title .section-title h2:after {
    position: absolute;
    left: 100%;
    margin-left: 25px;
    background: #a4a4a4;
    width: 1000%;
    height: 1px;
    content: '';
    top: 50%;
    margin-top: -0.5px;
}

.testi-title {
    width: max-content;
    position: relative;
    z-index: 10;
}

.testi-title-wrap:after {
    width: 1000%;
    height: 100%;
    position: absolute;
    left: 100%;
    top: 0;
    background: #fff;
    content: '';
}

.testi-box {
    max-width: 1284px;
    margin: 0 auto;
    background: #414141;
    position: relative;
    z-index: 10;
    text-align: center;
    padding: 25px;
}

.tb-inner {
    border: 1px solid #959595;
    padding: 50px 20px 70px;
}

.testi-slider-wrap {
    max-width: 1140px;
    margin: 0 auto;
    position: relative;
    width: 96%;
}

.quote {
    margin-bottom: 35px;
}

.testi-slider {
    max-width: 940px;
    margin: 0 auto;
    width: 85%;
}

.testi-item {
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    text-align: center;
}

.testi-item p {
    font-size: 16px;
    line-height: 30px;
    color: #ffffff;
    font-weight: 300;
    font-style: italic;
    letter-spacing: 0.02em;
    margin-bottom: 20px;
}

.testi-item .author {
    display: block;
    font-size: 18px;
    color: #fff;
    letter-spacing: 0.02em;
}

.testi-buttons {
    display: flex;
    align-items: center;
    justify-content: center;
}

.testi-buttons button {
    width: 22px;
    height: 54px;
    padding: 0;
    border: none;
    outline: 0;
    position: absolute;
    top: 50%;
    font-size: 0;
    transform: translateX(-50%);
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    opacity: 0.3;
}

.testi-buttons button:hover {
    opacity: 1;
}

.testi-buttons button.prev-slick {
    left: 11px;
    background: url(images/testi-prev.png) no-repeat center center/ contain;
}

.testi-buttons button.next-slick {
    right: -11px;
    background: url(images/testi-next.png) no-repeat center center/ contain;
}

.testi-btn {
    margin: 45px auto 0;
    max-width: 344px;
}

.testi-wrapper {
    position: absolute;
    width: 100%;
    left: 0;
    top: 140px;
}

#main-testimonials .full-container {
    max-width: 1640px;
    margin: 0 auto;
    padding: 0;
}

/* Featured Areas */
#main-fa {
    padding: 60px 0 40px;
    position: relative;
    background: url(images/map-bg.jpg) no-repeat center center/ cover;
}

.fa-flex {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

#main-fa .full-container {
    max-width: 1640px;
    margin: 0 auto;
}

.fa-left {
    margin-top: 145px;
    padding-left: 40px;
    width: 300px;
}

.fa-title {
    margin-bottom: 70px;
}

.fa-title .section-title .st-top span, .fa-title .section-title h2 {
    color: #fff;
}

.fa-title .section-title h2:before {
    width: 1000%;
    height: 2px;
    background: #5a5a5a;
    position: absolute;
    right: 100%;
    margin-right: 30px;
    content: '';
    top: 50%;
    margin-top: -0.5px;
}

.map-properties {
    width: 100%;
}

.map-properties li {
    position: relative;
    margin-top: 25px;
}

.map-properties li a {
    font-size: 24px;
    font-family: 'Antic Didone';
    color: #fff;
    display: block;
    position: relative;
    padding: 8px 30px;
    z-index: 2;
}

.map-properties li:first-child {
    margin-top: 0;
}

.map-properties li:before {
    width: 77px;
    height: 100%;
    content: '';
    background: rgb(184,24,45);
    background: linear-gradient(90deg, rgba(184,24,45,1) 16%, rgba(131,33,39,1) 100%);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

.map-properties li:hover:after, .map-properties li.active:after {
    width: 100%;
}

.map-properties li:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 77px;
    height: 100%;
    background: rgb(184,24,45);
    background: linear-gradient(89deg, rgba(184,24,45,1) 16%, rgba(131,33,39,1) 65%, rgba(131,33,39,0) 100%);
    content: '';
    z-index: 0;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

.map-properties li:hover:before, .map-properties li.active:before {
    opacity: 0;
}

.fa-right {
    max-width: 1273px;
    width: calc(100% - 300px);
}

.map-container {
    width: 1273px;
}

#map-transparent {
    width: 1273px;
    height: 765px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 4;
}

#trueMap {
    display: block;
    width: 100%;
    max-width: 100%;
}

.map-hovers {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.map-hovers > div {
    position: absolute;
    left: 0;
    top: 0;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

.map-pin {
    position: absolute;
    top: 0;
    left: 0;
    width: auto;
    height: auto;
    -webkit-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
    z-index: 5;
    display: block;
    text-align: center;
}

.map-hovers > div.active .map-pin {
    opacity: 1;
}

.map-img {
    opacity: 0;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

.map-img img {
    width: 100%;
}

.map-hovers > div.active .map-img {
    opacity: 1;
}
.map-text{
    
}
.map-text > div {
    position: absolute;
    z-index: 7;
    top: 0;
    left: 0;
    transform: translateZ(0);
    -moz-transform: translateZ(0);
    -webkit-transform: translateZ(0);
}

.pin-img {
    position: relative;
    width: 28px;
    height: 45px;
    margin: 0 auto;
}

.pin-img img {
    width: 100%;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

.pin-img img:last-child {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}

.map-hovers > div.active .map-pin .pin-img img:last-child {
    opacity: 1;
}

.map-hovers > div.active .map-pin .pin-img img {
    opacity: 0;
}

.map-pin h3 {
    font-size: 29.6px;
    font-family: 'Antic Didone';
    color: #1b1b1b;
    text-shadow: 0px 1px 2px rgb(255 255 255 / 75%), 0px 0px 5px rgba(195, 191, 177, 0.75);
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

.map-hovers > div.active .map-pin h3 {
    color: #fff;
    text-shadow: 0px 1px 2px rgb(0 0 0 / 75%), 0px 0px 1px #832127;
}

.riverside .map-pin {
    top: 325px;
    left: 757px;
}

.los-angeles .map-pin {
    top: 109px;
    left: 128px;
}

.orange .map-pin {
    top: 328px;
    left: 275px;
}

.san-diego .map-pin {
    top: 565px;
    left: 553px;
}

.san-bernardino .map-pin {
    top: 72px;
    left: 585px;
}

.pin-img {
    position: relative;
    width: 28px;
    height: 45px;
    margin: 0 auto 5px;
}

.pin-img img {
    width: 100%;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

.pin-img img:last-child {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}

.map-hovers > div.active .map-pin .pin-img img:last-child {
    opacity: 1;
}

.map-hovers > div.active .map-pin .pin-img img {
    opacity: 0;
}

.map-text > div a {
    color: #4a4a4a;
    font-size: 12px;
    line-height: 15.5px;
    text-shadow: 0px 1px 1px rgb(255 255 255);
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

.map-text > div.active a {
    color: #fff;
    text-shadow: 0px 1px 2px rgb(0 0 0 / 75%), 0px 0px 1px #832127;
}

.map-text > div .white-text a {
    color: #fff;
    text-shadow: 0px 1px 2px rgb(0 0 0 / 75%);
}

.map-text > div > div {
    position: absolute;
    width: max-content;
}

.mt-riverside {
    left: 442px;
    top: 294px;
}

.mt-corona {
    left: 374px;
    top: 310px;
}

.mt-moreno-valley {
    left: 554px;
    top: 304px;
}

.mt-perris {
    left: 580px;
    top: 345px;
}

.mt-menifee {
    left: 597px;
    top: 371px;
}

.mt-lake-elsinore {
    left: 446px;
    top: 384px;
}

.mt-murrieta {
    left: 573px;
    top: 411px;
}

.mt-temecula {
    left: 615px;
    top: 442px;
}

.mt-beaumont {
    left: 957px;
    top: 306px;
}

.mt-san-jacinto {
    left: 975px;
    top: 370px;
}

.mt-hemet {
    left: 990px;
    top: 408px;
}

.mt-santa-clarita {
    left: 21px;
    top: 27px;
}

.mt-burbank {
    left: 130px;
    top: 79px;
}

.mt-pasadena {
    left: 242px;
    top: 91px;
}

.mt-malibu {
    left: 28px;
    top: 229px;
}

.mt-santa-monica {
    left: 79px;
    top: 235px;
}

.mt-pomona {
    left: 259px;
    top: 248px;
}

.mt-torrance {
    left: 157px;
    top: 286px;
}

.mt-long-beach {
    left: 142px;
    top: 322px;
}

.mt-la-habra {
    left: 82px;
    top: 296px;
}

.mt-anaheim {
    left: 218px;
    top: 339px;
}

.mt-buena-park {
    left: 61px;
    top: 309px;
}

.mt-garden-grove {
    left: 210px;
    top: 360px;
}

.mt-huntington-beach {
    left: 146px;
    top: 384px;
}

.mt-newport-beach {
    left: 197px;
    top: 409px;
}

.mt-laguna-beach {
    left: 225px;
    top: 428px;
}

.mt-dana-point {
    left: 262px;
    top: 445px;
}

.mt-san-clemente {
    left: 266px;
    top: 464px;
}

.mt-fullerton {
    left: 284px;
    top: 319px;
}

.mt-silverado {
    left: 351px;
    top: 344px;
}

.mt-santa-ana {
    left: 346px;
    top: 366px;
}

.mt-irvine {
    left: 382px;
    top: 403px;
}

.mt-lake-forest {
    left: 363px;
    top: 417px;
}

.mt-mission-viejo {
    left: 377px;
    top: 440px;
}

.mt-vista {
    left: 486px;
    top: 498px;
}

.mt-oceanside {
    left: 419px;
    top: 514px;
}

.mt-escondido {
    left: 496px;
    top: 543px;
}

.mt-carlsbad {
    left: 442px;
    top: 563px;
}

.mt-ramona {
    left: 524px;
    top: 579px;
}

.mt-el-cajon {
    left: 499px;
    top: 697px;
}

.mt-borrego-springs {
    left: 599px;
    top: 489px;
}

.mt-ranchita {
    left: 669px;
    top: 532px;
}

.mt-julian {
    left: 650px;
    top: 561px;
}

.mt-mt-laguna {
    left: 701px;
    top: 649px;
}

.mt-pine-valley {
    left: 678px;
    top: 680px;
}

.mt-alpine {
    left: 579px;
    top: 665px;
}

.mt-rancho-cucamonga {
    left: 378px;
    top: 149px;
}

.mt-fontana {
    left: 420px;
    top: 193px;
}

.mt-ontario {
    left: 372px;
    top: 236px;
}

.mt-chino {
    left: 363px;
    top: 255px;
}

.mt-highland {
    left: 492px;
    top: 210px;
}

.mt-redlands {
    left: 458px;
    top: 228px;
}

.mt-loma-linda {
    left: 469px;
    top: 256px;
}

.mt-yucaipa {
    left: 538px;
    top: 248px;
}

.mt-bloomington {
    left: 594px;
    top: 238px;
}

.map-text > div a:before {
    width: 10px;
    height: 10px;
    background: #2d2d2f;
    border-radius: 50px;
    content: '';
    position: absolute;
    -webkit-box-shadow: 0px 1px 2px 0px rgba(255, 255, 255, 0.75);
    -moz-box-shadow:    0px 1px 2px 0px rgba(255, 255, 255, 0.75);
    box-shadow:         0px 1px 2px 0px rgba(255, 255, 255, 0.75);
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

.map-text > div.active a:before {
    background: #fff;
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow:    0px 1px 2px 0px rgba(0, 0, 0, 0.75);
    box-shadow:         0px 1px 2px 0px rgba(0, 0, 0, 0.75);
}

.dot-left:before {   
    left: -13px;
    top: 1px;
}

.dot-right:before {
    right: -15px;
    top: 0px;
}

.dot-top:before {
    left: 0;
    top: -10px;
}

.dot-bottom:before {
    left: 0;
    bottom: -10px;
}

.mt-santa-clarita .dot-top:before {
    left: 29px;
    top: -11px;
}

.mt-burbank .dot-top:before {
    left: 15px;
    top: -15px;
}

.mt-pasadena .dot-left:before {
    left: -13px;
    top: 1px;
}

.mt-malibu .dot-bottom:before {
    left: 7px;
    bottom: -10px;
}

.mt-santa-monica .dot-bottom:before {
    left: 39px;
    bottom: -12px;
}

.mt-pomona .dot-right:before {
    right: -14px;
    top: 1px;
}

.mt-torrance .dot-left:before {
    left: -12px;
    top: 2px;
}

.mt-long-beach .dot-right:before {
    right: -13px;
    top: 2px;
}

.mt-la-habra .dot-right:before {
    right: -182px;
    top: 2px;
}

.mt-la-habra .line:before {
    width: 172px;
    height: 1px;
    top: 6px;
    left: 100%;
    margin-left: 3px;
}

.line:before {
    position: absolute;
    content: '';
    background: #2d2d2f;
    -webkit-box-shadow: 0px 1px 1px 0px rgba(255, 255, 255, 0.75);
    -moz-box-shadow:    0px 1px 1px 0px rgba(255, 255, 255, 0.75);
    box-shadow:         0px 1px 1px 0px rgba(255, 255, 255, 0.75);
    z-index: -1;
}

.mt-buena-park .dot-right:before {
    right: -131px;
    top: 13px;
}

.mt-buena-park .line:before {
    width: 120px;
    top: 4px;
    height: 1px;
    left: 100%;
    margin-left: 5px;
}

.mt-buena-park .line:after {
    width: 1px;
    height: 8px;
    right: -127px;
    top: 7px;
    position: absolute;
    content: '';
    background: #2d2d2f;
    -webkit-box-shadow: 0px 1px 1px 0px rgb(255 255 255 / 75%);
    -moz-box-shadow: 0px 1px 1px 0px rgba(255, 255, 255, 0.75);
    box-shadow: 0px 1px 1px 1px rgb(255 255 255 / 75%);
    z-index: -1;
}

.mt-anaheim .dot-right:before {
    right: -12px;
    top: 2px;
}

.orange > div[data-map-target="orange"] .dot-left:before {
    top: 3px;
    left: -14px;
}

.san-diego > div[data-map-target="san-diego"] .dot-right:before {
    top: 3px
}

.mt-carlsbad .dot-left:before {
    top: -10px;
    left: -10px;
}

.mt-carlsbad .dot-left:before {
    top: -10px;
    left: -10px;
}

.mt-rancho-cucamonga .dot-bottom:before {
    bottom: -55px;
    left: 0px;
}

.mt-rancho-cucamonga .line:after {
    width: 1px;
    height: 44px;
    left: 4px;
    top: 32px;
    position: absolute;
    content: '';
    background: #2d2d2f;
    -webkit-box-shadow: 0px 1px 1px 0px rgb(255 255 255 / 75%);
    -moz-box-shadow: 0px 1px 1px 0px rgba(255, 255, 255, 0.75);
    box-shadow: 0px 1px 1px 1px rgb(255 255 255 / 75%);
    z-index: -1;
}

.mt-fontana .dot-bottom:before {
    bottom: -31px;
    left: 0px;
}

.mt-fontana .line:after {
    width: 1px;
    height: 22px;
    left: 4px;
    top: 16px;
    position: absolute;
    content: '';
    background: #2d2d2f;
    -webkit-box-shadow: 0px 1px 1px 0px rgb(255 255 255 / 75%);
    -moz-box-shadow: 0px 1px 1px 0px rgba(255, 255, 255, 0.75);
    box-shadow: 0px 1px 1px 1px rgb(255 255 255 / 75%);
    z-index: -1;
}

.mt-highland .dot-left:before {
    top: 3px;
}

.mt-redlands .dot-bottom:before {
    left: 20px;
    bottom: -16px;
}

.mt-redlands .line:after {
    width: 1px;
    height: 7px;
    left: 24px;
    top: 14px;
    position: absolute;
    content: '';
    background: #2d2d2f;
    -webkit-box-shadow: 0px 1px 1px 0px rgb(255 255 255 / 75%);
    -moz-box-shadow: 0px 1px 1px 0px rgba(255, 255, 255, 0.75);
    box-shadow: 0px 1px 1px 1px rgb(255 255 255 / 75%);
    z-index: -1;
}

.mt-loma-linda .dot-left:before {
    left: -14px;
    top: 3px;
}

.mt-bloomington .dot-left:before {
    left: -167px;
    top: 2px;
}

.mt-bloomington .line:before {
    width: 152px;
    left: -157px;
    height: 1px;
    top: 7px;
}

/* News */
#main-news {
    /* padding: 125px 0 70px; */
    background: #fff;
    position: relative;
    z-index: 10;
}

#main-news .inner-container {
    padding: 125px 20px 70px;
}

.news-title {
    display: flex;
    justify-content: center;
    margin-bottom: 70px;
}

.news-title .section-title h2:after {
    position: absolute;
    left: 100%;
    margin-left: 25px;
    background: #a4a4a4;
    width: 1000%;
    height: 1px;
    content: '';
    top: 50%;
    margin-top: -0.5px;
}

.news-slider-wrap {
    /*width: 100%;*/
    padding: 0 60px;
}

.news-slider {
    width: 100%;
}

.news-slider .slick-slide {
    /*margin: 0 8.5px;*/
    margin: 0 18px;
}

.news-item-wrap {
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
}

.news-item {
    display: block;
    text-align: center;
    position: relative;
    outline: 0 !important;
}

.news-item .date {
    display: block;
    font-size: 14px;
    color: #8e8e8e;
    letter-spacing: 0.5em;
    margin-bottom: 10px;
}

.news-item h3 {
    font-size: 24px;
    text-transform: uppercase;
    font-family: 'Antic Didone';
    line-height: 1.3;
    letter-spacing: 0.05em;
}

.news-img {
    position: relative;
    font-size: 0;
    width: 100%;
    margin-top: 30px;
}

.news-img canvas {
    width: 100%;
    display: block;
}

.news-img img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.news-desc {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: rgba(131,33,39,0.78);
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    opacity: 0;
}

.read-more {
    max-width: 210px;
    height: 61px;
    margin: 0 auto;
    border-width: 2px;
    border-style: solid;
    border-image: linear-gradient(90deg, rgba(162,162,162,1) 0%, rgba(238,238,238,1) 50%, rgba(162,162,162,1)) 1;
    width: 100%;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    color: #ffffff;
    letter-spacing: 0.2em;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.news-item:hover .news-desc {
    opacity: 1;
}

.news-accent {
    /* width: 16.6875%; */
    width: 50vw;
    position: absolute;
    right: calc(100% - 63.5px);
    top: 25px;
    height: 100%;
    background: url(images/news-accent.jpg) no-repeat left center/ cover;
    background-attachment: fixed;
}

.safari .news-accent {
    /*background-attachment: scroll;
    background-position: 100% 0;
    background-size: 100vw;*/
}

.news-accent:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
    background: rgba(202,198,181,0.85);
}

/* Contact */
.footer-section {
    background: #fff;
    position: relative;
    z-index: 10;
    padding: 25px 20px 20px;
}

#main-contact {
    padding: 85px 0 90px;
    position: relative;
    background: url(images/contact-bg.jpg) no-repeat center center/ cover;
    background-attachment: fixed;
}

.safari #main-contact {
    background-attachment: unset;
}

#main-contact:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
    background: rgba(0,0,0,0.7);
}

.contact-title {
    display: flex;
    justify-content: center;
    margin-bottom: 55px;
}

.contact-title .section-title .st-top span, .contact-title .section-title h2 {
    color: #fff;
}

.contact-desc {
    max-width: 840px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.contact-desc p {
    font-size: 16px;
    font-weight: 300;
    text-transform: uppercase;
    color: #ffffff;
    letter-spacing: 0.1em;
    line-height: 24px;
    white-space: nowrap;
}

.contact-title .section-title h2:before {
    width: 1000%;
    height: 1px;
    background: #979798;
    position: absolute;
    right: 100%;
    margin-right: 30px;
    content: '';
    top: 50%;
    margin-top: -0.5px;
}

.contact-desc:before {
    display: inline-block;
    width: 100%;
    margin-right: 13px;
    background: rgba(255,255,255,0.5);
    content: '';
    height: 1px;
}

.contact-desc:after {
    display: inline-block;
    width: 100%;
    margin-left: 13px;
    background: rgba(255,255,255,0.5);
    content: '';
    height: 1px;
}

.contact-box {
    max-width: 840px;
    position: relative;
    margin: -11px auto 0;
    padding: 40px 20px 0;
}

.contact-box:before {
    width: 1px;
    height: calc(100% - 30px);
    background: rgba(255,255,255,0.5);
    content: '';
    position: absolute;
    left: 0;
    top: 0;
}

.contact-box:after {
    width: 1px;
    height: calc(100% - 30px);
    background: rgba(255,255,255,0.5);
    content: '';
    position: absolute;
    right: 0;
    top: 0;
}

.cb-inner {
    max-width: 671px;
    margin: 0 auto;
    position: relative;
    z-index: 5;
}

.git-form {
    width: 100%;
}

.git-form input {
    padding: 22px 19px;
    background: transparent;
    border: none;
    outline: 0;
    border-bottom: 1px solid #fff;
    width: 100%;
    font-size: 14px;
    font-weight: 300;
    text-transform: uppercase;
    color: #ffffff;
    letter-spacing: 0.1em;
}

.git-form textarea {
    padding: 22px 19px;
    background: transparent;
    border: none;
    outline: 0;
    border-bottom: 1px solid #fff;
    width: 100%;
    font-size: 14px;
    font-weight: 300;
    text-transform: uppercase;
    color: #ffffff;
    letter-spacing: 0.1em;
    max-height: 100px;
    min-height: 100px;
}

.git-form input[type="submit"] {
    height: 61px;
    border-width: 2px;
    border-style: solid;
    border-image: linear-gradient(90deg, rgba(162,162,162,1) 0%, rgba(238,238,238,1) 50%, rgba(162,162,162,1)) 1;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.2em;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

.git-form input[type="submit"]:hover {
    background: #ff2442;
    border: 2px solid #ff2442;
}

.git-name {
    margin-bottom: 7px;
}

.git-flex {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 18px;
}

.git-flex > div {
    width: 50%;
    margin-left: 38px;
}

.git-flex > div:first-child {
    margin-left: 0;
}

.git-message {
    font-size: 0;
    margin-bottom: 50px;
}

.git-send {
    position: relative;
    max-width: 210px;
    margin: 0 auto;
}

.git-send .ajax-loader {
    position: absolute;
}

.cb-bottom {
    position: absolute;
    bottom: 29px;
    left: 0;
    width: 100%;
    z-index: 0;
}

.cb-bottom:before {
    width: calc(50% - 127px);
    height: 1px;
    background: rgba(255,255,255,0.50);
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
}

.cb-bottom:after {
    width: calc(50% - 127px);
    height: 1px;
    background: rgba(255,255,255,0.50);
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
}

.cb-inner .wpcf7-response-output {
    text-align: center;
    padding: 15px 10px;
    color: #fff;
    position: absolute;
    width: 100%;
    margin: 10px 0 0;
}

/* Footer */
#main-footer {
    background: #000000;
    padding: 85px 0 95px;
    color: #fff;
}

.footer-top {
    text-align: center;
    margin-bottom: 60px;
}

.footer-logos {
    margin-bottom: 40px;
}

.flogos-flex {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 35px;
}

.flogo-main {
    max-width: 514px;
    width: 100%;
}

.footer-logos a {
    display: block;
    font-size: 0;
    position: relative;
}

.footer-logos a img {
    width: 100%;
}

.jmg-logo {
    max-width: 130px;
    margin-right: 10px;
}

.verified-logo {
    max-width: 243px;
    margin-left: 10px;
}

.footer-certificates {
    width: 100%;
}

.fcert-flex {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.cert-item {
    width: 25%;
}

.cert-item p {
    font-size: 14px;
    line-height: 21px;
    font-weight: 300;
    letter-spacing: 0.05em;
}

.footer-contact {
    margin-bottom: 55px;
}

.fcontact-flex {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.fc-contact {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    line-height: 21px;
    font-weight: 300;
    letter-spacing: 0.05em;
    margin-left: 30px;
}

.fc-contact i {
    font-size: 16px;
    margin-right: 12px;
}

.fc-contact:first-child {
    margin-left: 0;
}

.fc-contact .ai-envelope-f {
    font-size: 12px;
}

.fc-contact .ai-font-location-c {
    font-size: 17px;
}

.footer-smi {
    margin-left: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.footer-smi a {
    font-size: 15px;
    margin-left: 15px;
}

.footer-smi a:first-child {
    margin-left: 0;
}

.footer-contact a {
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

.footer-navigation {
    margin-bottom: 40px;
}

.footernav {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.footernav li {
    margin-left: 35px;
    white-space: nowrap;
}

.footernav li:first-child {
    margin-left: 0;
}

.footernav li a {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 300;
    letter-spacing: 0.05em;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

.footer-bottom {
    border-top: 2px solid #2b2b2b;
    padding-top: 30px;
}

.footer-text {
    margin-bottom: 35px;
    font-size: 12px;
    line-height: 2;
    color: #909090;
    letter-spacing: 0.025em;
}

.fb-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.footer-copyright {
    font-size: 12px;
    line-height: 2;
    color: #909090;
    letter-spacing: 0.025em;
}

.footer-copyright a {
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

.footer-mls {
    font-size: 35px;
    color: #909090;
}

/* POJO */
body #pojo-a11y-toolbar {
	bottom:0 !important;
	top: auto !important;
}
body #pojo-a11y-toolbar.pojo-a11y-toolbar-left .pojo-a11y-toolbar-toggle {
	top:auto !important;
	bottom:0 !important;
}

html body.pojo-a11y-focusable a:focus {
    outline-style: initial !important;
    outline-width: 1px !important;
    outline-color: #FF0000 !important;
}
 
/*******************************************************
 *
 * 3. IP Styles
 *
 *******************************************************/
.ip-banner{
    position: relative;
    width: 100%;
}
    .ip-banner::before{
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1;
        background: rgba(0,0,0,.6);
    }
    .ip-banner canvas{
        display: block;
        position: relative;
        z-index: 0;
        width: 100%;
        min-height: 250px;
        background-color: #f9f7f7;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .ip-banner .container{
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        z-index: 2;
    }
        .ip-banner h1 {
            font-weight: 700;
            font-size: 32px;
            text-align: center;
            color: #FFF;
            text-transform: uppercase;
            letter-spacing: 0.05em;
            line-height: 1.7;
        }
            .ip-banner h1 span{
                display: block;
                font-size: 24px;
                font-weight: 400;
                text-transform: none;
                letter-spacing: 0.01em;
            }
/* Adjust minimum height of page area */ 
#content-sidebar, #content-full{ min-height: 500px; margin-top: 20px;}

/** Adjust width of content columns **/
#content-sidebar #content{ width: 77.08%; }
#content-full #content { width: 100%; }

/* Adjust width of sidebar */
.sidebar{ width: 20.83%; }

/* fullwidth template */
.page-template-template-fullwidth #content {
    padding-left: 15px;
    padding-right: 15px;
}
    .page-template-template-fullwidth #content ihf-search[data-eureka-id*=""].ihf-eureka {
        margin-left: -15px;
        margin-right: -15px;
    }

/* Adjust line height of page elements */
#content h4, aside h4,
#content p, aside p,
#content blockquote, aside blockquote,
#content ul, aside ul,
#content fieldset, aside fieldset,
#content form, aside form,
#content ol, aside ol,
#content dl, aside dl,
#content dir, aside dir,
#content menu, aside menu { line-height:1.7 }

/* Style .entry-title(post/page) and .archive-title(category/archive/etc) main headings (h1) */
#content .entry-title,
#content .archive-title,
#aios-testimonials.aios-testimonials-page h1 { 
    text-transform: uppercase;
    font-family: 'Antic Didone';
    /*font-size: 60px;*/
    font-size: 51px;
    color: #000;
    letter-spacing: 0.02em;
    line-height: 1.1;
}

/* Styles for category/archive/search/etc subheadings (h2) */
#content .archive-subtitle { 
    margin: 0 0 0.75em;
    line-height: 1.2;
}

.footer-lic{
    text-align: center;
    margin: 30px 0 0;
    letter-spacing: 0.080em;
    font-weight: 600;
    font-size: 1.15em;
}

/* MEDIA QUERIES ARE AUTOMATICALLY REMOVED FROM THIS FILE, they must be placed in style-media-queries.css */


.news-img canvas {
    background-repeat: no-repeat;
    background-position: center;
    background-size: 85%;
}


/* HOME VALUATION */
.post-page-home-valuation .ip-banner,
.post-page-home-valuation #breadcrumbs,
.post-page-home-valuation #content .entry-title {
    display: none;
}
#aios-home-valuation-wrap {
    padding: 200px 0 !important;
}
.ihf-results-template #content-full .entry-title {
    width: 100% !important;
    padding: 0 !important;
}

#content .aios-roadmaps{
    justify-content: space-between;
}

.ip-bs-container {
    display: block;
    position: relative;
    font-size: 0;
    letter-spacing: normal;
    line-height: 1;
    width: 100%;
    max-width: 940px;
    margin: 0 auto;
    padding: 50px 0 0;
    font-size: 0;
}

.ip-bs-row {
    display: block;
    position: relative;
    margin: 0 -15px;
}

.ip-bs-item {
    display: inline-block;
    vertical-align: middle;
    width: 50%;
    padding: 0 15px;
}
.ip-bs-item > p{
    display: none;
}
.ip-bs-item a {
    display: block;
    position: relative;
    border: 1px solid #ff2442;
    padding: 10px;
}


.ip-bs-img {
    display: block;
    position: relative;
    background-color: #ff2442;
}

.ip-bs-img canvas {
    display: block;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
    opacity: .90;
}

.ip-bs-details {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: block;
    text-align: center;
    padding: 0 0 30px;
}

#content .ip-bs-details h2 {
    font-size: 35px;
    line-height: 1;
    font-weight: 400;
    display: block;
    margin-bottom: 30px;
    margin-top: 0;
    font-family: 'Antic Didone';
    letter-spacing: 0.1em;
    color: #fff;
    -webkit-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
}

#content .ip-bs-details span {
    display: block;
    position: relative;
    font-size: 16px;
    color: #fff;
    line-height: 1;
    letter-spacing: 1px;
    -webkit-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
    opacity: 0;
    visibility: hidden;
    height: 0;
}

#content .ip-bs-item a:hover  .ip-bs-details span {
    opacity: 1;
    visibility: visible;
    height: 16px;
}

.ip-bs-item a:hover .ip-bs-img canvas {
    opacity: .60;
}

.logo-popup {
    display: block;
    margin-bottom: 20px;
}

.logo-popup img {
    max-width: 100%;
}

.ihf-results-template-shortcode #inner-page-wrapper > .container {
    width: 100%;
}

.ip-services {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: row wrap;
}

.ip-services a {
    max-width: 300px;
    margin: 15px;
    -webkit-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
}

.menu-burger-menu-left-container, .menu-burger-menu-right-container {
    width: 50%;
}

.expanded-nav > li:last-child {
    margin-bottom: 0;
}

.aios-communities-legacy .aioscomu-photo::after {
    opacity: 1; 
    background: rgba(0,0,0,0.2) !important;
}

.grecaptcha-badge {
    z-index: 1000;
}

.testi-wrapper .testi-slider span.author,
#aios-testimonials .aios-testimonials-lists h3,
.aiosp-wrap div[class*="aios-testimonials-popup-"] .aiosp-content h2 {
    display: none !important;
}

#ihf-main-container #areaPickerClearAll .glyphicon{
    color: #fff !important;
}

#ihf-main-container #ihf-schoolDistrict + .chosen-container{}
#ihf-main-container #ihf-schoolDistrict + .chosen-container .chosen-results{
    max-height: 153px;
}

#content .archive-content{
    width: 100%;
    float: none;
}
#content .archive-thumbnail + .archive-content{
    float: right;
    width: 73%;
    padding: 0 0 0 20px;
}
.ai-default-cf7wrap select{
    background: #fff;
}

.contact-form .aidefcf-wrapper div.wpcf7-response-output{
    font-size: 0.65em;
    margin: 0 0 0;
}

#aios-testimonials.aios-testimonials-page .container{
    max-width: 100%;
}

.glyphicon-ok:before{
    content:"\e013";
}

.ip-container #main-wrapper{
    z-index: unset !important;
}

.aios-home-valuation-form input {
    height: 58px;
    background-color: rgb(255, 255, 255);
    width: 100%;
    border: none;
    border-radius: 40px;
    padding: 10px 20px;
    margin: 10px 0px;
}

.aios-home-valuation-form textarea{
    background-color: rgb(255, 255, 255);
    width: 100%;
    border: none;
    border-radius: 40px;
    padding: 10px 20px;
    margin: 10px 0px;
}
.aios-home-valuation-form .listings-field.submit button{
    background: var(--aios-valuation-secondary);
    color: #fff;
    border: none;
    height: 54px;
    width: 100%;
    max-width: 250px;
    border-radius: 50px;
    font-size: 25px;
    text-align: center;
    display: block;
    margin: 40px auto 0;
    outline: none;
    text-transform: uppercase;
    transition: all .25s ease-in-out;
    padding: 0;
}

.aios-home-valuation-form div.wpcf7 .ajax-loader{
    margin: -33px 142px 0px 0px !important;
    float: right;
}

.page-template-map-search .fa-title .section-title .number,
.ip-container #main-contact .section-title .number {
    font-size: 0;
}

.page-template-map-search .fa-title .section-title .number:after,
.ip-container #main-contact .section-title .number:after {
    margin-left: 0;
}

body #listings-details .listings-form textarea {
    padding-right: 40px;
}

body.ihf-results-template-shortcode #content-sidebar, 
body.ihf-results-template-shortcode #content-full {
    min-height: 250px;
}