/*
Theme Name: Stone & Rees Real Estate Team
Description: AIOS mobile semi-custom theme.
Author: AgentImage
Author URI: http://www.agentimage.com
Version: 1.6.1
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. Variables
2. Custom CSS
3. IP styles
4. MEDIA QUERIES ARE AUTOMATICALLY REMOVED FROM THIS FILE, they must be placed in style-media-queries.css

*/

@import url("https://use.typekit.net/eak7xht.css");

/*******************************************************
 *
 * 1. Variables
 *
 *******************************************************/

:root {
    /** Font default */
    --font-family-default: freight-neo-pro, sans-serif;
    --font-family-default-cnd: freightneocnd-pro, sans-serif;
    --font-family-title: 'Cormorant', serif;
    --font-size-default: 14px;
    --font-size-title: 18px;
    --font-color-default: #686868;
    --font-color-title: #6c757d;

    /** Use for input, button, and any other element */
    --primary: #007bff;
    --secondary: #6c757d;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #343a40;
    --default-transition: .3s cubic-bezier(.4,0,.2,1);
}

/*******************************************************
 *
 * 2. Navigation
 *
 *******************************************************/

.header .menu-main-navigation-container{
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: center;
}

#hdrnav{
    display: none;
}
.hdrnav{}
.hdrnav a{
    font-size: 14px;
    letter-spacing: 0.050em;
    text-transform: uppercase;
    color: #fff;
    display: block;
    position: relative;
}
.hdrnav > li{
    margin-left: 35px;
}
.hdrnav > li:first-child{
    margin: 0 0 0 0;
}
.hdrnav > li > a{}
.hdrnav > li > a:before{
    content:'';
    display: block;
    position: absolute;
    height: 2px;
    background: #fff;
    left: 50%;
    right: 50%;
    bottom: -5px;
    opacity: 0;
}
.hdrnav > li:focus-within > a:before,
.hdrnav > li:hover > a:before{
    opacity: 1;
    right: 0;
    left: 0;
}
.hdrnav > li:focus-within > a,
.hdrnav > li:hover > a{}
/* Sub Menu */
.hdrnav li {
    position:relative;
    display: inline-block;
}

.hdrnav .sub-menu {
    list-style: none outside none;
    margin: 0 auto;
    opacity: 0;
    pointer-events: none;
    padding: 39px 0 0;
    position: absolute;
 	width:100%;
 	min-width:207px;
    left: -50vw;
    right: -50vw;
    text-align: center;
}
.hdrnav .sub-menu li{
    background: #fff;
}
.hdrnav .sub-menu li:first-child:before{
    content:'';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 100%;
    height: 26px;
    background: #fff;
}
.hdrnav .sub-menu li:last-child:before{
    content:'';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    height: 26px;
    background: #fff;
}
.hdrnav .sub-menu li a {
    color: #000;
    display: block;
    padding: 9px 5px;
}
.hdrnav .sub-menu li:focus-within > a,
.hdrnav .sub-menu li:hover > a {
    color: #a09b88;
    text-decoration: none;
}
.hdrnav .sub-menu .sub-menu {
    margin-left: 100%;
    margin-right: 0;
    left: 0;
    right: 0;
    padding: 0 0 0;
 	top:0;
}
.hdrnav li:focus-within > .sub-menu,
.hdrnav li:hover > .sub-menu {
    opacity: 1;
    pointer-events: auto;
}
.hdrnav .sub-menu li {
    position: relative;
    display: block;
}


/*******************************************************
 *
 * 3. Custom CSS
 *
 *******************************************************/

/* Global */

body{
	font-family: var(--font-family-default);
	font-size: var(--font-size-default);
	background: #FFFFFF;
	color: var(--font-color-default);
	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********/
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;
}
.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;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
    position: absolute;
    top: 20%;
    left: 20%;
    width: auto;
    font-size: 11px;
    white-space: nowrap;
    display: none;
}
.use-floating-validation-tip .wpcf7-not-valid-tip:nth-of-type(1){
    display: block;
}
#ihf-main-container #areaPickerClearAll .glyphicon{
    color: #fff !important;
}
#content .leaflet-control-layers form.leaflet-control-layers-list{
    margin: 0 0;
}
#IDX-main.IDX-wrapper-standard .IDX-navbar-collapse{
    padding-left: 0;
    padding-right: 0;
}
/********CSS Post Launch End********/

/*******************************************************
 *
 * 4. 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: var(--dark);
        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: #FFFFFF;
            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%; }
#content-sidebar #content,
#content-full #content{
    word-break: break-word;
}
/* 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 }
#inner-page-wrapper{
    font-weight: 300;
    letter-spacing: 0.025em;
    line-height: 1.714;
}
/* Style .entry-title(post/page) and .archive-title(category/archive/etc) main headings (h1) */
#inner-page-wrapper h1.entry-agent-title,
#inner-page-wrapper h1.entry-title,
#content .entry-title,
#content .archive-title {
    font-family: var(--font-family-title);
    font-size: 36px;
    letter-spacing: 0.025em;
    margin: 0.67em 0;
    font-weight: 400;
}

p#breadcrumbs{
    line-height: 1.7;
    margin: calc(1.12em + 3px) 0 1.12em;
}

/* Styles for category/archive/search/etc subheadings (h2) */
#content .archive-subtitle {

}

#main-wrapper{
    overflow: hidden;
}

:after,
:before{
    pointer-events: none;
    transition: all ease .4s;
    -moz-transition: all ease .4s;
    -webkit-transition: all ease .4s;
}

a,
.ease,
input[type="submit"],
button{
    transition: all ease .4s;
    -moz-transition: all ease .4s;
    -webkit-transition: all ease .4s;
}

section{
    position: relative;
}

.img-cover{
    position: relative;
    display: block;
    z-index: 0;
}
.img-cover > canvas{
    display: block;
    position: relative;
    z-index: 0;
    width: 100%;
    height: auto;
}
.img-cover > img{
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
canvas{
    display: block;
    position: relative;
    z-index: 0;
    width: 100%;
    height: auto;
}

.mw-container{
    max-width: calc(100% - 30px);
    margin: 0 auto;
}

.ease{
    transition: all ease .5s;
    -moz-transition: all ease .5s;
    -webkit-transition: all ease .5s;
}
.ease-f{
    transition: all ease .3s;
    -moz-transition: all ease .3s;
    -webkit-transition: all ease .3s;
}
.ease-s{
    transition: all ease .8s;
    -moz-transition: all ease .8s;
    -webkit-transition: all ease .8s;
}


.header{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 90;
    background: rgba(0,0,0,0);
    padding: 0 0;
}
.hdr-burger {
    cursor: pointer;
    position: absolute;
    right: min(2.5vw,40px);
    top: calc(20px + min(1.25vw,20px));
}
.hdr-burger > div{
    margin: 8px 0 0;
    width: 27px;
    height: 2px;
    background: #fff;
    transition: all ease .4s;
    -moz-transition: all ease .4s;
    -webkit-transition: all ease .4s;
}
.hdr-burger > div:first-child{
    margin: 0 0 0 auto;
    width: 17px;
}
.hdr-burger:hover > div:first-child{
    width: 27px;
}
.header .hdr-logo{
    width: 352px;
    margin: 0 52px;
    padding: 37px 0 0;
}
.header .logo{
    max-width: 352px;
    margin: 0 auto;
}
.hdr-main{}
.hdr-inner{
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: center;
}
.hdr-ci{
    font-size: 0;
    margin-left: 47px;
}
.hdr-ci a{
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    margin-left: 30px;
}
.hdr-ci a:first-child{
    margin: 0 0 0 0;
    font-size: 13px;
}
.hdr-ci a:hover{
    color: #9a8a72;
}
.exp-panel{
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    pointer-events: none;
}
.exp-panel .exp-bd{
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.exp-panel .exp-inner{
    background: #fff;
    position: absolute;
    z-index: 1;
    top: 0;
    right: -470px;
    height: 100vh;
    overflow: auto;
    width: calc(100% - 30px);
    max-width: 470px;
}
.exp-close{
    font-size: min(1.625vw,26px);
    color: #bcbcbc;
    cursor: pointer;
    position: absolute;
    top: min(2.5vw,40px);
    right: min(2.5vw,40px);
}
.exp-close:hover{
    color: #000;
}
.exp-logo{
    width: 278px;
    margin: min(7.125vw,114px) auto 0;
    filter: brightness(0);
    -webkit-filter: brightness(0);
}
.exp-navigation{
    margin-top: min(4.1875vw,67px);
}
#expnav{
    text-align: center;
}
#expnav li{}
#expnav > li{
    margin: 24px 0 0;
}
#expnav > li:first-child{
    margin: 0 0 0;
}
#expnav a{
    font-size: 24px;
    letter-spacing: 0.025em;
    color: #4d4949;
}
#expnav > li > a{
    font-family: var(--font-family-title);
}
#expnav .sub-menu{
    margin: 24px 0 0;
}
#expnav .sub-menu li{
    margin: 11px 0 0;
}
#expnav .sub-menu li:first-child{
    margin: 0 0 0 0;
}
#expnav .sub-menu a{
    color: #a3a7a4;
    font-size: 14px;
    letter-spacing: 0.100em;
    font-style: italic;
}
#expnav a:hover{
    color: #a09b88;
}
#expnav .sub-menu a:hover{
    color: #000;
}
#hp-hero{
}
.hero-inner{
    position: relative;
}
.hp-ss-wrap{
    position: relative;
    z-index: 0;
}
.hp-canvas{
    position: relative;
    z-index: 0;
}
.hp-ss{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.hp-ss:before{
    content:'';
    display: block;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.3;
}
.hp-ss:after{
    content:'';
    display: block;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(images/ss-fade.png) center top no-repeat;
    background-size: cover;
}
.hp-ss .aios-slider{
    z-index: 0;
}
.hp-cta{
    position: absolute;
    z-index: 2;
    bottom: min(3vw,48px);
    left: 0;
    right: 0;
}
.cta-wrap{}
.cta-wrap .cta-items{
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: center;
}
.cta-wrap .cta-item {
    margin-left: 43px;
    width: calc((100% / 3) - 40px);
    max-width: 275px;
}
.cta-wrap .cta-item:first-child{
    margin: 0 0 0 0;
}
.cta-wrap .cta-item a{
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 14px;
    color: #fff;
    letter-spacing: 0.200em;
    text-transform: uppercase;
    min-height: 61px;
    border: 2px solid #c3c3c3;
    position: relative;
}
.cta-wrap .cta-item a:hover{}
.cta-wrap .cta-item a:before{
    content:'';
    display: block;
    position: absolute;
    z-index: 0;
    left: -2px;
    bottom: -2px;
    top: 100%;
    right: 49.455%;
    background: #a09b88;
}
.cta-wrap .cta-item a:hover:before{
    top: -2px;
    right: -2px;
}
.cta-wrap .cta-item a span{
    position: relative;
    z-index: 1;
}
#hp-qs {
    background: #fff;
    padding: 66px 0;
    z-index: 2;
}
.qs-wrap{}
.qs-wrap .qs-title{}
.qs-wrap .qs-title h2{
    font-family: var(--font-family-title);
    text-align: center;
    font-size: 36px;
    letter-spacing: 0.025em;
    text-transform: uppercase;
    color: #4d4949;
}
.qs-wrap form{
    margin: 37px 0 0;
}
.qs-wrap .qs-form{
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: center;
}
.qs-wrap .qs-col{}
.qs-wrap .qs-col.glass{
    color: #9a8a72;
    font-size: 36px;
}
.qs-wrap .qs-col.input{

}
.qs-wrap .qs-col:nth-child(2){

}
.qs-wrap .qs-col.input select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: block;
    width: 100%;
    height: 73px;
    border: 0;
    outline: 0;
    padding: 0 10px 0 35px;
    color: #151515;
    font-size: 14px;
    letter-spacing: 0.100em;
    text-transform: uppercase;
    text-overflow: ellipsis;
}
.qs-wrap .qs-col.lg{
    width: 17.763%;
}
.qs-wrap .qs-col.sm{
    width: 10.526%;
}
.qs-wrap .qs-col.button{
    width: 10.526%;
}
.qs-wrap .qs-col.button button{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 14px;
    color: #fff;
    letter-spacing: 0.200em;
    text-transform: uppercase;
    min-height: 61px;
    border: 1px solid #bebebe;
    position: relative;
    padding: 0 0 0;
    background: none;
    outline: 0;
}
.qs-wrap .qs-col.button button:hover{}
.qs-wrap .qs-col.button button:before{
    content:'';
    display: block;
    position: absolute;
    z-index: 0;
    left: -1px;
    bottom: -1px;
    top: calc(100% - 1px);
    right: 49.455%;
    background: #a09b88;
}
.qs-wrap .qs-col.button button:hover:before{
    top: -1px;
    right: -1px;
}
.qs-wrap .qs-col.button button span{
    position: relative;
    z-index: 1;
    color: #000;
    transition: all ease .4s;
    -moz-transition: all ease .4s;
    -webkit-transition: all ease .4s;
}
.qs-wrap .qs-col.button button:hover span{
    color: #fff;
}
.qs-wrap .qs-col.adv{
    margin: 0 0 0 17px;
}
.qs-wrap .qs-col.adv a{
    font-size: 38px;
    color: #000;
}
.qs-wrap .qs-col.adv a:hover{
    color: #9a8a72;
}
.qs-wrap .qs-idx{
    font-size: 14px;
    letter-spacing: 0.100em;
    margin: 24px 0 0;
}
.section-title{}
.section-title h2{
    font-size: 16px;
    letter-spacing: 0.400em;
    text-transform: uppercase;
    color: #a09b88;
}
.section-title h2 span{
    font-family: var(--font-family-title);
    font-size: 36px;
    letter-spacing: 0.025em;
    color: #4d4949;
    display: block;
    margin: 5px 0 0;
}
.section-title.light h2,
.section-title.light h2 span{
    color: #fff;
}
button.global-button,
a.global-button,
.global-button{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    min-width: 155px;
    display: inline-flex;
    vertical-align: middle;
    flex-flow: row wrap;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 14px;
    color: #151515;
    letter-spacing: 0.200em;
    text-transform: uppercase;
    min-height: 61px;
    border: 1px solid #bebebe;
    position: relative;
    padding: 0 15px 0;
    background: none;
}
button.global-button:hover,
a.global-button:hover,
.global-button:hover{
    color: #fff;
}
button.global-button:before,
a.global-button:before,
.global-button:before{
    content: '';
    display: block;
    position: absolute;
    z-index: 0;
    left: -1px;
    bottom: -1px;
    top: calc(100% - 1px);
    right: 49.455%;
    background: #a09b88;
}
button.global-button:hover:before,
a.global-button:hover:before,
.global-button:hover:before{
    top: -1px;
    right: -1px;
}
button.global-button span,
a.global-button span,
.global-button span{
    position: relative;
    z-index: 1;
}
#hp-fp{
    background: #f4f6f2;
    padding: 94px 0;
}
.fp-wrap{}
.fp-wrap .fp-inner{}

.fp-wrap .fp-l{
    position: relative;
}
.fp-wrap .fp-title{
    margin: 0 0 30px;
}
.fp-wrap .fp-infos{}
.fp-wrap .fp-infos .slick-slide{
    opacity: 0;
    pointer-events: none;
    transition: all ease .4s;
    -moz-transition: all ease .4s;
    -webkit-transition: all ease .4s;
}
.fp-wrap .fp-infos .slick-slide.slick-active{
    opacity: 1;
    pointer-events: auto;
}
.fp-wrap .fp-info{
    color: #4f4f4f;
}
.fp-wrap .fp-price{
    font-size: 30px;
    letter-spacing: 0.020em;
}
.fp-wrap .fp-add{
    font-size: 18px;
    letter-spacing: 0.020em;
    line-height: 1.333;
    margin: 14px 0 0;
}
.fp-wrap .fp-bb{
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: flex-start;
    margin: 36px 0 0;
}
.fp-wrap .fp-bb > div{
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    letter-spacing: 0.020em;
    margin-left: 72px;
}
.fp-wrap .fp-bb > div:first-child{
    margin: 0 0 0 0;
}
.fp-wrap .fp-bb > div em{
    font-size: 22px;
    color: #9a8a72;
    margin: 0 15px 0 0;
}
.fp-wrap .fp-vd{
    margin: 49px 0 0;
}
.fp-arrows {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: 0;
    left: 165px;
}
.fp-arrows .fp-arrow{
    display: flex;
    vertical-align: middle;
    flex-flow: row wrap;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 14px;
    color: #4d4949;
    letter-spacing: 0.200em;
    text-transform: uppercase;
    height: 61px;
    width: 61px;
    border: 1px solid #bebebe;
    cursor: pointer;
    background: rgba(0,0,0,0);
    transition: all ease .4s;
    -moz-transition: all ease .4s;
    -webkit-transition: all ease .4s;
}
.fp-arrows .fp-arrow.fp-next{
    margin: 0 0 0 4px;
}
.fp-arrows .fp-arrow:hover{
    background: #a09b88;
    border: 1px solid #a09b88;
    color: #fff;
}
.fp-wrap .fp-r{
    overflow: hidden;
}
.fp-wrap .fp-photos{
    font-size: 0;
    margin: 0 -3px;
}
.fp-wrap .fp-photos .slick-slide{
    margin: 0 3px;
}
.fp-wrap .slick-slide .fp-photo{
    pointer-events: none;
}
.fp-wrap .slick-slide .fp-photo a{
    
}
.fp-wrap .slick-slide .fp-photo a:before{
    content:'';
    display: block;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.5;
}
.fp-wrap .slick-slide.slick-current .fp-photo a:before{
    opacity: 0;
}
.fp-wrap .slick-slide.slick-active .fp-photo{
    pointer-events: auto;
}
.fp-wrap .slick-slide .fp-photo img{
    filter: grayscale(1);
    -webkit-filter: grayscale(1);
    opacity: 0.7;
    transition: all ease .4s;
    -webkit-transition: all ease .4s;
    -moz-transition: all ease .4s;
}
.fp-wrap .slick-slide.slick-active .fp-photo img{
    filter: grayscale(0);
    -webkit-filter: grayscale(0);
    opacity: 1;
}
#hp-abt{
    background: #f4f6f2;
    padding: 68px 0;
}
.abt-wrap{}
.abt-wrap .abt-photo{
    max-width: 430px;
}
.abt-wrap .abt-desc{
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0.025em;
    line-height: 1.714;
    margin: 25px 0 0;
}
.abt-wrap .abt-button{
    margin: 16px 0 0;
}
.abt-wrap .abt-vid{
    max-width: 502px;
    margin: 38px auto 0;
}
.abt-wrap .abt-vid a{}
.abt-wrap .abt-vid a:before{
    content:'';
    display: block;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.2;
}
.abt-wrap .abt-vid a:hover:before{
    opacity: 0;
}
.abt-wrap .abt-vid a:after{
    content:'';
    display: block;
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(images/abt-play.png) center center no-repeat;
    background-size: 16.334% auto;
}
.site-arrow{
    cursor: pointer;
    display: inline-block;
    position: relative;
    padding: 1px 0 1px 65px;
    font-size: 14px;
    letter-spacing: 0.200em;
    color: #000;
    opacity: 1;
    pointer-events: auto;
    text-transform: uppercase;
    transition: all ease .4s;
    -moz-transition: all ease .4s;
    -webkit-transition: all ease .4s;
}
.site-arrow:hover{
    opacity: 0.3;
}
.site-arrow:before{
    content:'';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 45px;
    background: url(images/site-arrow.png) left center no-repeat;
    background-size: cover;
}
.site-arrow.site-next{
    padding: 1px 65px 1px 0;
    
}
.site-arrow.site-next:before{
    right: 0;
    left: auto;
    transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
}
#hp-mtt{
    background: #f4f6f2;
    padding: 87px 0 115px;
}
.mtt-container{
    width: 1300px;
}
.mtt-wrap{

}
.mtt-wrap .mtt-title{
    margin: 0 0 66px;
}
.mtt-wrap .mtt-slide{
    font-size: 0;
    margin: 0 -16px;
}
.mtt-wrap .mtt-single{
    padding: 0 16px;
}
.mtt-wrap .mtt-single a{
    display: block;
    position: relative;
    text-align: center;
}
.mtt-wrap .mtt-single a .mtt-img{}
.mtt-wrap .mtt-single a .mtt-img img{
    filter: grayscale(1);
    -webkit-filter: grayscale(1);
    transition: all ease .4s;
    -moz-transition: all ease .4s;
    -webkit-transition: all ease .4s;
}
.mtt-wrap .mtt-single a:hover .mtt-img img{
    filter: grayscale(0);
    -webkit-filter: grayscale(0);
}
.mtt-wrap .mtt-single a .mtt-name {
    font-family: var(--font-family-title);
    font-size: 30px;
    letter-spacing: 0.025em;
    margin: 25px 0 0;
}
.mtt-wrap .mtt-single a .mtt-sign {
    max-width: max-content;
    margin: 27px auto 0;
}
.mtt-navigation{
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: space-between;
    margin: 60px 0 0;
    justify-content: center;
}

#hp-testi{
    padding: 90px 0 70px;
}
.testi-wrap{}
.testi-wrap .testi-title{}
.testi-wrap .testi-content{
    position: relative;
    margin: 52px 0 0;
}
.testi-wrap .testi-slide {
    margin: 0 auto;
    max-width: 655px;
    width: calc(100% - 240px);
    position: relative;
    z-index: 0;
}
.testi-wrap .testi-single {
    text-align: center;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0.025em;
    line-height: 1.714;
    background: url(images/testi-quote.png) center top no-repeat;
    padding: 49px 0 0;
}
.testi-wrap ul.slick-dots{
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: center;
    margin: 55px 0 0;
}
.testi-wrap ul.slick-dots li{
    margin: 0 0 0 8px;
}
.testi-wrap ul.slick-dots li:first-child{
    margin: 0 0 0;
}
.testi-wrap ul.slick-dots li button{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #ecebe7;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    border: 0;
    font-size: 0;
    padding: 0 0;
}
.testi-wrap ul.slick-dots li.slick-active button{
    background: #a09b88;
    pointer-events: none;
}
.testi-wrap ul.slick-dots li button:hover{
    background: #a09b88;
}
.testi-wrap .testi-arrows{
    position: absolute;
    pointer-events: none;
    z-index: 1;
    top: 0;
    bottom: 0;
    left: min(-5vw,-80px);
    right: min(-5vw,-80px);
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: space-between;
}
.testi-wrap .testi-button{
    margin: 53px 0 0;
}
#hp-ig{
    background: #f4f6f2;
    padding: 112px 0 40px;
}
.ig-wrap{}
.ig-wrap .ig-title{
    margin: 0 0 68px;
}
.ig-wrap .ig-slide{
    margin: 0 -2px;
}
.ig-wrap .ig-single{
    padding: 0 2px;
}
.ig-wrap .ig-single a{}
.ig-wrap .ig-single a:before{
    content:'';
    display: block;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #9a8a72;
    opacity: 0;
}
.ig-wrap .ig-single a:hover:before{
    opacity: 0.5;
}
.footer{
    position: relative;
    z-index: 0;
    background: #fff;
    padding: 0 0 48px;
}
#ftr-git{
    background: url(images/git-bg.jpg) center center no-repeat;
    background-size: cover;
    padding: 108px 0 116px;
    position: relative;
}
#ftr-git:before{
    content:'';
    display: block;
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #4d4949;
    opacity: 0.85;
}
.git-wrap{
    position: relative;
    z-index: 1;
    padding: 0 0 84px;
    max-width: 806px;
    margin: 0 auto;
    border-bottom: 1px solid #aba7a5;
    overflow: hidden;
}
.git-wrap:before{
    content:'';
    display: block;
    position: absolute;
    top: 22px;
    bottom: 0;
    left: 0;
    margin: auto 0;
    background: #aba7a5;
    width: 1px;
}
.git-wrap:after{
    content:'';
    display: block;
    position: absolute;
    top: 22px;
    bottom: 0;
    right: 0;
    margin: auto 0;
    background: #aba7a5;
    width: 1px;
}
.git-wrap .git-title {
    margin: 0 auto 52px;
    max-width: max-content;
    position: relative;
}
.git-wrap .git-title:before{
    content:'';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: calc(100% + 40px);
    margin: auto 0;
    height: 1px;
    background: #aba7a5;
    width: 100vw;
}
.git-wrap .git-title:after{
    content:'';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: calc(100% + 40px);
    margin: auto 0;
    height: 1px;
    background: #aba7a5;
    width: 100vw;
}
.git-wrap .git-content{
    width: 704px;
    margin: 0 auto;
    max-width: calc(100% - 30px);
    color: #fff;
}
.git-form{}
.git-form .git-row{
    position: relative;
    margin: 16px 0 0;
}
.git-form .git-row:first-child{
    margin: 0 0 0;
}
.git-form .git-row.dual{
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: space-between;
}
.git-form .git-row.dual > div{
    width: calc(50% - 5px);
    max-width: 340px;
}
.git-form .git-row.dual > div:first-child{
    margin: 0 0 0 0;
}
.git-form .git-row input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]){
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: block;
    width: 100%;
    border: 0;
    border-bottom: 1px solid #fff;
    background: none;
    color: #fff;
    font-size: 16px;
    letter-spacing: 0.100em;
    padding: 0 0;
    height: 48px;
    outline: 0;
}
.git-form .git-row.message{
    margin: 33px 0 0;
}
.git-form .git-row.message textarea{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: block;
    width: 100%;
    border: 0;
    border-bottom: 1px solid #fff;
    background: none;
    color: #fff;
    font-size: 16px;
    letter-spacing: 0.100em;
    padding: 0 50px 0 0;
    outline: 0;
    resize: none;
    height: 81px;
    position: relative;
    z-index: 0;
}

.git-form .git-row.message textarea::-webkit-scrollbar {
  display: none;
} 

.git-form .git-row.message textarea {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

.git-form .git-submit{
    position: absolute;
    z-index: 1;
    right: 17px;
    bottom: 25px;
}
.git-form .git-submit input{
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    font-size: 0;
    opacity: 0;
}
.git-form .git-submit span{
    bottom: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.git-form .git-submit em{
    color: #fff;
    font-size: 26px;
    pointer-events: none;
    position: relative;
    display: inline-block;
    z-index: 0;
    opacity: 1;
    transition: all ease .4s;
    -moz-transition: all ease .4s;
    -webkit-transition: all ease .4s;
}
.git-form .git-submit:hover em{
    opacity: 0.6;
}
#ftr-logos{
    text-align: center;
    padding: 63px 0 0;
}
.ftr-logo{
    max-width: max-content;
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 68px;
}
.ftr-logo:first-child{
    margin: 0 0 0 0;
}
#ftr-sm{
    text-align: center;
    margin: 43px 0 0;
}
#ftr-sm a[target]:not(.global-button):not(.gmap){
    display: inline-block;
    vertical-align: middle;
    font-size: 20px;
    color: #000;
    margin-left: 35px;
}
#ftr-sm a[target]:not(.global-button):not(.gmap):first-child{
    margin: 0 0 0 0;
}
#ftr-sm a[target]:not(.global-button):not(.gmap):hover{
    color: #9a8a72;
}
#ftr-info{
    margin: 43px 0 0;
}
.ftr-info-inner{
    display: flex;
    flex-flow: row wrap;
    align-items: flex-start;
    justify-content: center;
}
.ftr-info-single{
    text-align: center;
    font-size: 16px;
    letter-spacing: 0.100em;
    line-height: 1.2;
    color: #4d4949;
    margin-left: 35px;
}
#ftr-sm .ftr-info-single{
    margin-left: 0;
}
.ftr-info-single:first-child{
    margin: 0 0 0 0;
}
.ftr-info-single .ftr-info-lg{
    font-weight: 500;
    text-transform: uppercase;
}
.ftr-info-single .ftr-info-det{
    margin: 14px 0 0;
}
.ftr-info-single .ftr-info-det a{
    color: #4d4949;
}
.ftr-info-single .ftr-info-det a:hover{
    color: #000;
}
#disclaimer{
    font-size: 14px;
    line-height: 1.286;
    letter-spacing: 0.050em;
    text-align: center;
    margin: 50px 0 0;
}
#disclaimer a{
    color: inherit;
}
#disclaimer a:hover{
    color: #000;
}
.ftr-navigation{
    margin: 40px 0 0;
}
.footernav{
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: center;
}
.footernav li{
    margin-left: 49px;
}
.footernav li:first-child{
    margin: 0 0 0 0;
}
.footernav li a{
    color: #808080;
    font-size: 14px;
    letter-spacing: 0.050em;
    text-transform: uppercase;
}
.footernav li a:hover{
    color: #000;
}
.copyright{
    font-size: 13px;
    letter-spacing: 0.075em;
    margin: 33px 0 0;
}
.copyright span{
    text-transform: uppercase;
}
.copyright a{}
.copyright a[target]{
    font-weight: 700;
    text-decoration: underline;
}
.copyright a:hover{
    color: #000;
}
.re-logos{
    font-size: 0;
    margin: 12px 0 0;
}
.re-logos span{
    color: #808080;
    font-size: 28px;
    display: inline-block;
    vertical-align: middle;
}
.re-logos span:first-child{
    margin: 0 11px 0 0;
    font-size: 37px;
}

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;
}
button:focus-visible, a:focus-visible {
    outline-style: solid !important;
    outline-width: 5px !important;
    outline-color: red !important;
    transition: none !important;
}

#ftr-sm a.global-button{
    display: inline-flex!important;
 }
 #ftr-sm a.global-button:hover{
     color: #fff!important;
 }
#hp-qs button.btn.dropdown-toggle.btn-default.btn {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: block;
    width: 100%;
    height: 73px;
    border: 0;
    outline: 0;
    padding: 0 10px 0 35px;
    color: #151515;
    font-size: 14px;
    letter-spacing: 0.100em;
    text-transform: uppercase;
    background: transparent;
    border-radius: 0;
}
#hp-qs .bootstrap-select.btn-group .dropdown-toggle .filter-option{
    font-size: inherit;
    color: inherit;
    letter-spacing: inherit;
    text-overflow: ellipsis;
}
#hp-qs ul.dropdown-menu.inner {
    max-height: 250px !important;
}

body.post-page-meet-the-team #inner-page-wrapper #breadcrumbs{
    padding: 0 0;
}
/* MEDIA QUERIES ARE AUTOMATICALLY REMOVED FROM THIS FILE, they must be placed in style-media-queries.css */
.agents-testi-name, #aios-testimonials .aios-testimonials-lists h3,
.aiosp-wrap div[class*=aios-testimonials-popup-] .aiosp-content h2,
#hp-ig {
    display: none;
}

#pojo-a11y-toolbar .pojo-a11y-btn-high-contrast,
#pojo-a11y-toolbar .pojo-a11y-btn-negative-contrast,
#pojo-a11y-toolbar .pojo-a11y-btn-light-background,
#pojo-a11y-toolbar .pojo-a11y-btn-grayscale {
    display:none !important;
}
.aios-custom-ihomefinder-results-template #content-full .entry-title {
    width: 100% !important;
    padding: 0 !important;
}
#ihf-main-container.ihf-modal-container .ihf-modal-submit .ihf-modal-form-response-output{
    display: none !important;
}
#agents-results .agents-col:nth-child(even) .agents-main {
    justify-content: flex-end;
}
.listings-contact form .wpcf7-spinner{
    position: absolute;
    right: 0;
    top: -30px;
}
.category-blog ol li::marker {
    font-size: 1.5em;
    font-variant-numeric: lining-nums;
}#listings-details .listings-hero .listings-slideshow-splide:after {
    display: none !important;
}

#listings-details .listings-hero:after {
    content: "";
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    right: 0;
    height: 200px;
    display: block;
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.75) 100%);
    pointer-events: none;
    display: block !important;
}

#listings-details .listings-slideshow-text span,
#listings-details .listings-slideshow-splide.splide-default .listings-slideshow-splide-text span {
    text-shadow: 1px 2px 1px #000 !important;
}