/*
Theme Name: 573 HOME TEAM
Description: AIOS mobile semi-custom theme.
Author: AgentImage
Author URI: http://www.agentimage.com
Version: 1.5.6
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
 *
 *******************************************************/
.aios-mobile-header-wrapper {
    z-index: 1020 !important;
}


/* Sub Menu */
#nav li,
.nav2 li {
    position: relative;
    display: inline-block;
}

#nav>li,
.nav2>li {
    padding: 0 15px;
}

.nav2 .sub-menu>li:first-child {
    padding-top: 19px;
    background-color: rgba(0, 0, 0, 1);
}

.nav2 .sub-menu>li:last-child {
    padding-bottom: 19px;
    background-color: rgba(0, 0, 0, 1);
}

.nav2 .sub-menu>li:last-child {
    padding-bottom: 20px;
    background-color: rgba(0, 0, 0, 1);
}

#nav li a,
.nav2 li a {
    font-size: 16px;
    text-transform: uppercase;
    color: #fff;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

#nav>li>a:hover,
.nav2>li>a:hover {
    color: #b19951;
}

#nav .sub-menu,
.nav2 .sub-menu {
    list-style: none outside none;
    margin: 0;
    display: none;
    padding: 0;
    position: absolute;
    width: 100%;
    min-width: 320px;
    left: 50%;
    transform: translateX(-50%);
    padding-top: 36px;

}

#nav .sub-menu a,
.nav2 .sub-menu a {
    color: #FFFFFF;
    display: block;
    padding: 10px;
    background: rgba(0, 0, 0, 1);
    text-align: center;
    font-size: 18px;
    text-transform: initial;
}

#nav .sub-menu a:hover,
.nav2 .sub-menu a:hover {
    background: none repeat scroll 0 0 #b19951;
    color: #fff;
    text-decoration: none;
}

#nav .sub-menu .sub-menu,
.nav2 .sub-menu .sub-menu {
    margin-left: 100%;
    top: 0;
}

#nav li:hover>.sub-menu,
.nav2 li:hover>.sub-menu {
    display: block;
}

#nav .sub-menu li,
.nav2 .sub-menu li {
    position: relative;
    display: block;
    ;
}

.nav2>li>.sub-menu {
    padding-top: 24px;
}

ul.aios-split-nav {
    position: relative;
    z-index: 2;
}


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

/* Global */

div#main-wrapper {
    overflow: hidden;
}

body {
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    font-weight: 400;
    background: #FFF;
    color: #a2a2a2;
    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; */
}

/* Header */
header.header {
    font-size: 0;
    position: fixed;
    z-index: 1010;
    width: 100%;
    top: 0;
    visibility: hidden;
    left: 0;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

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

ul.aios-split-nav {
    margin-top: -36px;
}

.h-bottom .row {
    display: flex;
    align-items: center;
    padding: 4px 0;
}

.h-bottom .row::before {
    display: none;
}

.logo-holder img {
    margin: 0 auto;
}

.logo-holder .sub-text {
    font-size: 18px;
    color: #fff;
    text-align: center;
    padding-top: 28px;
}

.logo-holder .sub-text a {
    transition: color .3s ease-out;
}

.logo-holder .sub-text a:hover {
    color: #b19951;
}

.logo-holder {
    margin-top: -85px;
    margin-bottom: -20px;
}

.logo-holder img.fixed {
    margin-top: -207px;
    display: none;
}

.nav-left>li:first-child {
    padding-left: 0;
    margin-left: 0;
}

.nav-right>li:first-child {
    margin-left: 18px;
}

.nav-right>li:last-child {
    margin-right: -100px;
    padding-right: 0;
}

.header-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0;
    padding: 0px 0 0;
}

.header-left {
    display: flex;
    align-items: center;
    margin-right: -4px;
}

.header-phone span {
    font-family: 'Lora', serif;
    font-size: 18px;
    color: #fff;
    font-style: italic;
}

.header-phone em {
    font-size: 18px;
    color: #fff;
    padding-left: 5px;
}

.header-info a {
    font-size: 18px;
    color: #fff;
    text-transform: uppercase;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.header-info a:hover {
    color: #b19951;
}

/* End Header */

/* Fixed-header */
.h-bottom {
    background: transparent;
}

.header.show-fixed .h-bottom {
    background: #241e20;
    margin-top: 0px;
}

.header.show-fixed .header-info {
    display: none;
}

.header.show-fixed .logo-holder .sub-text {
    display: none;
}

.header.show-fixed ul.aios-split-nav {
    margin-top: 0;
}

header.header.show-fixed .logo-holder img {
    width: 90px;
    padding: 10px 0;
}

header.header.show-fixed .logo-holder {
    margin: 0;
}

/* End Fixed-header */

/* Slideshow */
.hp-slideshow {
    position: relative;
    font-size: 0;
}

.hp-slideshow .cycloneslider-template-video .cycle-slide {
    height: 100vh;
}

.hp-slideshow::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .62);
    z-index: 1;
    opacity: 50%;
}

.hp-slideshow canvas {
    display: block;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    height: 100%;
}

.hp-slideshow .cycloneslider-template-video {
    position: fixed;
    width: 100%;
    height: 100vh;
}

.hp-slideshow .cycloneslider-template-video .canvas-holder {
    height: 100%;
}

.hp-slideshow .cycloneslider-template-video .cycloneslider-slides {
    height: 100% !important;
}

/* End Slideshow */

/* Featured Properties */
.featured-properties {
    position: relative;
    background: #fff;
    font-size: 0;
    padding: 99px 20px 2px;
}

.fp-slick-holder {
    max-width: 1385px;
    margin: 0 auto;
}

.fp-title-wrapper {
    /* max-width: 566px;
    width: 100%;
    position: relative;
    padding-left: 110px; */
    max-width: 566px;
    width: 100%;
}

.fp-title {
    display: flex;
    align-items: center;
    margin-bottom: 22px;
    position: relative;
    /* padding-left: 110px; */
    /* position: absolute;
    top: -188px;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    max-width: 1417px;
    margin: 0 auto; */
}

.fp-title p {
    position: absolute;
    top: 0;
    left: 13px;
    font-weight: 300;
    font-size: 36.33px;
    color: #000;
    letter-spacing: 0.2em;
    text-transform: uppercase;
}

.fp-sub-title {
    margin-top: 92px;
    margin-left: -26px;
}

.fp-sub-title em:last-child {
    position: relative;
    margin-left: 29px;
}

.fp-sub-title em:last-child::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 3px;
    background: #dfdfdf;
    bottom: -18px;
    left: 0;
}

.fp-title span {
    font-family: 'Lora', serif;
    font-size: 312.14px;
    color: #b19951;
}

.fp-title em {
    display: block;
    font-family: 'Lora', serif;
    font-size: 53.51px;
    color: #b19951;
    font-style: normal;
    text-transform: uppercase;
}

.fp-row {
    position: relative;
    z-index: 1;
    transform: translateY(-131px);
}

.fp-col {
    display: flex;
}

.fp-col.item-1 {
    align-items: flex-end;
}

.fp-col a {
    position: relative;
    display: block;
    outline: none;
    padding: 5px;
}

.fp-col a:hover {
    z-index: 5;
}

.fp-col a:first-child {
    max-width: 566px;
    width: 100%;
}

.fp-img canvas {
    display: block;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    filter: grayscale(1);
    transform: scale(1);
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.fp-col a:hover .fp-img canvas {
    filter: grayscale(0);
    transform: scale(1.3);
    position: relative;
    z-index: 2;
}

.fp-img.item-1 {
    max-width: 395px;
    width: 100%;
    position: relative;
}

.fp-img.item-2 {
    max-width: 295px;
    width: 100%;
}

.fp-img.item-3 {
    max-width: 566px;
    width: 100%;
}

.fp-img.item-4 {
    max-width: 495px;
    width: 100%;
}

.fp-img.item-5 {
    max-width: 295px;
    width: 100%;
}

/* .fp-slick-holder .slick-list {
    overflow: initial;
    z-index: 1;
}

.fp-slick-holder .slick-slide {
    opacity: 0 !important;
}

.fp-slick-holder .slick-slide.slick-active {
    opacity: 1 !important;
} */

.fp-col.item-1 .fp-descrip.no-top {
    top: 0;
    margin-right: 0;
}

.fp-descrip {
    font-size: 30px;
    color: #000;
    font-weight: 700;
    width: 208px;
    height: 85px;
    background: #fff;
    border: none;
    position: absolute;
    top: 0;
    z-index: 1;
    right: 0;
    opacity: 1;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.fp-col a:hover .fp-descrip {
    opacity: 0;
}

.fp-descrip-hover span {
    display: block;
    font-weight: 700;
    font-size: 30px;
    color: #000;
}

.fp-descrip-hover {
    text-align: center;
    background: rgba(255, 255, 255, .70);
    width: 100%;
    padding: 30px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    opacity: 0;
    transform: scale(.5);
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.fp-col a:hover .fp-descrip-hover {
    opacity: 1;
    transform: scale(1);
    top: -7px;
}

.fp-col a:hover .fp-descrip-hover.m-top {
    top: -41px;
}

.fp-descrip-hover p {
    font-size: 14px;
    color: #000;
    padding-top: 25px;
    padding-bottom: 30px;
}

.fp-descrip-hover em {
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    color: #000;
}

/* End Featured Properties */

/* Cta */
.hp-cta {
    font-size: 0;
    position: relative;
    padding: 180px 0;
}

.cta-dark {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(58, 58, 60, .71);
}

.cta-wrapper {
    position: relative;
    z-index: 2;
}

.hp-cta::before {
    content: '';
    position: absolute;
    width: 50%;
    height: 50%;
    bottom: 0;
    left: 0;
    background: #fff;
    z-index: 1;
}

.hp-cta::after {
    content: '';
    position: absolute;
    width: 50%;
    height: 50%;
    top: 0;
    right: 0;
    background: #fff;
    z-index: 1;
}

.cta-left {
    margin-left: -140px;
}

.cta-mid {
    margin-left: -38px;
    margin-right: -44px;
}

.cta-right {
    margin-right: -130px;
    margin-left: 46px;
}

.cta-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    max-width: 460px;
    width: 100%;
    min-height: 215px;
    background: #fff;
    border: none;
    text-align: center;
    box-shadow: 0 0 5px #575656;
    position: relative;
    z-index: 2;
}

.cta-box::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #b19951;
    transform: scale(.5);
    opacity: 0;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    z-index: -1;
}

.cta-wrapper a:hover .cta-box::after {
    opacity: 1;
    transform: scale(1);
}

.cta-box span {
    display: block;
    font-weight: 300;
    font-size: 18px;
    color: #000;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    padding-bottom: 14px;
}

.cta-box em {
    font-style: normal;
    display: block;
    font-weight: 300;
    font-size: 40.1px;
    color: #b19951;
    text-transform: uppercase;
    font-family: 'Lora', serif;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.cta-wrapper a:hover .cta-box em {
    color: #fff;
}

.cta-wrapper a {
    position: relative;
    display: block;
}

/* End Cta */

/* Welcome */
.hp-welcome {
    font-size: 0;
    position: relative;
    padding-bottom: 110px;
    padding-top: 50px;
}

.hp-welcome::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 467px;
    top: 0;
    left: 0;
    background: #fff;
}

.hp-welcome::after {
    content: '';
    position: absolute;
    width: 30px;
    height: 100%;
    top: 0;
    left: 0;
    background: #fff;
}

.hp-welcome .row>div {
    display: inline-block;
    vertical-align: bottom;
    float: none;
}

.welcome-inner {
    background: #fff;
    position: relative;
}

.welcome-inner>.row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.welcome-title {
    max-width: 538px;
    width: 100%;
    margin-left: -45px;
    position: relative;
    z-index: 1;
    display: inline-block;
    vertical-align: middle;
}

.welcome-title span {
    display: block;
    font-weight: 300;
    font-size: 36.33px;
    color: #000;
    letter-spacing: 0.2em;
    text-transform: uppercase;
}

.welcome-title p::after {
    content: '';
    position: absolute;
    width: 60%;
    height: 5px;
    background: #dfdfdf;
    bottom: -30px;
    left: 0;
}

.welcome-title p {
    font-family: 'Lora', serif;
    font-size: 109px;
    color: #b19951;
    text-transform: uppercase;
    position: relative;
    margin-top: 17px;
    white-space: nowrap;
}

.welcome-title em {
    display: block;
    font-size: 45.42px;
    font-style: normal;
    color: #b19951;
    text-align: right;
    font-family: 'Lora', serif;
    text-transform: uppercase;
}

.welcome-descrip {
    padding-bottom: 10px;
}

.welcome-descrip p {
    font-size: 16px;
    color: #a2a2a2;
    line-height: 30px;
}

.welcome-descrip img {
    padding: 15px 0 0;
    display: block;
    margin: 0 auto;
}

.welcome-left {
    display: block;
    padding-right: 65px;
    padding-top: 71px;
    padding-left: 97px;
    margin-left: -97px;
    background: #fff;
}


.welcome-right {
    width: calc(((100vw - 1140px) / 2) + 100%);
    font-size: 0;
}

.welcome-right .wc-col-photo {
    display: inline-block;
    vertical-align: bottom;
}

.welcome-right .wc-col-photo.left-col,
.welcome-right .wc-col-photo.right-col {
    width: 35%;
    z-index: 10;
    position: relative;
}

.wc-col-photo.right-col {
    background: #fff;
}

.wc-col-photo img {
    width: 100%;
}

.welcome-right .wc-col-photo.middle-col {
    width: 30%;
}

.welcome-right .wc-col-photo.middle-col img.img-responsive {
    width: calc(100% + 72px);
    margin-left: -72px;
    max-width: calc(100% + 72px);
}

/* End Welcome */

/* Cta-2 */
.hp-cta-2 {
    font-size: 0;
    position: relative;
    background: #fff;
    padding-top: 145px;
    padding-bottom: 180px;
}

.cta-2 {
    position: relative;
    display: block;
}

.cta-2-img canvas {
    display: block;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.cta-2.left {
    margin-top: 100px;
}

.cta-2.left .cta-2-img {
    margin-left: -155px;
}

.cta-2.right .cta-2-img {
    margin-right: -155px;
}

.cta-2-img {
    position: relative;
}

.cta-2-img::after {
    content: '';
    position: absolute;
    width: 3px;
    height: 75px;
    background: #b19951;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
}

.cta-2-img::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(58, 58, 60, .82);
    transition: all .4s ease-out;
}

a:hover .cta-2-img::before {
    background: rgba(58, 58, 60, .50);
}

.cta-2-inner {
    position: absolute;
    bottom: 38px;
    right: 0;
    padding-right: 65px;
}


.cta-2-inner span {
    display: block;
    font-weight: 300;
    color: #fff;
    font-size: 26.94px;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    padding-bottom: 18px;
}

.cta-2-inner em {
    font-style: normal;
    font-family: 'Lora', serif;
    display: block;
    color: #b19951;
    font-size: 60px;
    text-transform: uppercase;
}

.cta-bottom {
    max-width: 315px;
    width: 100%;
    margin-left: auto;
}

.cta-bottom p {
    font-size: 16px;
    font-weight: 300;
    color: #a2a2a2;
    line-height: 30px;
    padding-top: 27px;
    padding-bottom: 32px;
}

.cta-bottom a {
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: 1px solid #b19951;
    font-size: 16px;
    font-weight: 300;
    text-transform: uppercase;
    max-width: 316px;
    height: 53px;
    color: #b19951;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    margin-top: 20px;
}

.cta-bottom a:hover {
    background: #b19951;
    color: #fff;
}

.cta-bottom.right {
    margin-right: -155px;
}

/* End Cta-2 */

/* Testimonials */
.hp-testimonials {
    font-size: 0;
    background: #fff;
    position: relative;
    padding-top: 80px;
    padding-bottom: 175px;
    position: relative;
}

.hp-testimonials:before {
    content: '';
    position: absolute;
    width: 71%;
    height: 616px;
    top: 0;
    right: 0;
    background: url('images/testi-bg.png') no-repeat;
    background-size: cover;
    background-position: center;
}

.testi-inner {
    display: flex;
}

.testi-title-wrapper {
    max-width: 630px;
    width: 100%;
    padding-top: 74px;
    padding-left: 64px;
}

.testi-title {
    display: flex;
    align-items: center;
    margin-bottom: 97px;
    position: relative;
}

.testi-sub-title {
    margin-top: 92px;
    margin-left: -26px;
}

.testi-sub-title em:last-child {
    position: relative;
    margin-left: 47px;
    margin-top: 12px;
}

.testi-sub-title em:last-child::after {
    content: '';
    position: absolute;
    width: 304px;
    height: 3px;
    background: #dfdfdf;
    bottom: -18px;
    left: 0;
}

.testi-title span {
    font-family: 'Lora', serif;
    font-size: 250.51px;
    color: #b19951;
}

.testi-title em {
    display: block;
    font-family: 'Lora', serif;
    font-size: 42.94px;
    color: #b19951;
    font-style: normal;
    text-transform: uppercase;
    white-space: nowrap;
}

.testi-bottom {
    background: #3a3a3c;
    max-width: 712px;
    padding-top: 105px;
    padding-bottom: 85px;
    text-align: center;
}

.testi-img canvas {
    width: 100%;
    display: block;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.testi-descrip {
    max-width: 550px;
    margin: 0 auto;
}

.testi-descrip p {
    font-family: 'Lora', serif;
    font-style: italic;
    font-size: 16px;
    color: #fff;
    line-height: 24px;
}

.testi-descrip em {
    font-style: normal;
    font-size: 18px;
    color: #fff;
    padding-top: 22px;
    display: block;
}

.testi-prev span,
.testi-next span {
    font-style: italic;
    font-size: 16px;
    color: #fff;
    display: inline-block;
    text-transform: uppercase;
    position: relative;
    cursor: pointer;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    font-family: 'Lora', serif;
}

.testi-prev span:hover,
.testi-next span:hover {
    color: #b19951;
}

.testi-prev span::after {
    content: '';
    position: absolute;
    width: 47px;
    height: 1px;
    background: #a3a3a3;
    top: 50%;
    left: -65px;
}

.testi-next span::after {
    content: '';
    position: absolute;
    width: 47px;
    height: 1px;
    background: #a3a3a3;
    top: 50%;
    right: -65px;
}

.testi-button {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 50px;
}

.testi-button a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 205px;
    height: 60px;
    color: #fff;
    border: 1px solid #a6a6a7;
    background: transparent;
    font-size: 16px;
    text-transform: uppercase;
    margin: 0 36px;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.testi-button a:hover {
    border: 1px solid #b19951;
    background: #b19951;
}

/* End Testimonials */

/* Meet The Team */
.meet-the-team {
    font-size: 0;
    position: relative;
    padding-top: 188px;
    padding-bottom: 140px;
}

.meet-the-team::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(130, 130, 131, .72);
}

.meet-the-team::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 220px;
    bottom: 0;
    left: 0;
    background: #fff;
    z-index: 1;
}

.meet-team-wrapper {
    display: flex;
    position: relative;
    z-index: 2;
}

.mt-inner {
    max-width: 865px;
    width: 100%;
    background: #fff;
    padding-top: 130px;
    padding-left: 88px;
}

.meet-img.item-2 {
    margin-top: 80px;
}

.meet-agent {
    display: flex;
    margin-left: -217px;
    margin-top: 145px;

    align-items: center;
    justify-content: space-between;
}

.meet-img {
    width: 33.33%;
    position: relative;
}


.mt-title {
    display: inline-block;
    text-align: center;
    padding-left: 95px;
}

.mt-descrip {
    max-width: 530px;
    width: 100%;
}

.mt-title span {
    font-size: 26.94px;
    font-weight: 300;
    color: #000;
    letter-spacing: 0.2em;
    display: block;
    text-transform: uppercase;
    padding-bottom: 16px;
}

.mt-title em {
    font-style: normal;
    font-size: 60px;
    color: #b19951;
    font-family: 'Lora', serif;
    display: block;
    text-transform: uppercase;
    padding-bottom: 56px;
}

.mt-descrip p {
    font-weight: 300;
    font-size: 19px;
    color: #241e20;
    line-height: 33px;
}

.mt-button {
    max-width: 540px;
    width: 100%;
    padding-top: 78px;
    display: none;
}

.mt-button a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 204px;
    height: 60px;
    border: 1px solid #b19951;
    background: transparent;
    color: #b19951;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 300;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    margin: 0 auto;
}

.mt-button a:hover {
    background: #b19951;
    color: #fff;
}

.mt-name {
    font-family: 'Lora', serif;
    font-size: 15px;
    color: #b19951;
    text-transform: uppercase;
}

.mt-phone {
    padding-top: 12px;
    padding-bottom: 5px;
}

.mt-phone span,
.mt-email span {
    font-family: 'Lora', serif;
    font-size: 12px;
    color: #b19951;
}

.mt-phone em,
.mt-email a {
    font-family: 'Lora', serif;
    font-size: 13px;
    color: #000;
    font-style: normal;
    padding-left: 6px;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.mt-email a:hover,
.mt-phone em:hover {
    color: #b19951;
}

.mt-info {
    padding-top: 15px;
    padding-bottom: 15px;
    background: rgba(255, 255, 255, .82);
    position: absolute;
    bottom: 0;
    text-align: center;
    max-width: 215px;
    width: 100%;
    display: block;
    margin: 0px;
}

.meet-img.item-3 {
    margin-top: 160px;
}

/* End Meet The Team */

/* Our Team */
.our-team {
    position: relative;
    font-size: 0;
    background: #3a3a3c;
    padding-top: 140px;
    padding-bottom: 180px;
}

.ot-title {
    text-align: center;
    text-transform: uppercase;
    padding-bottom: 84px;
}

.ot-title span {
    display: block;
    font-weight: 300;
    font-size: 26.94px;
    color: #fff;
}

.ot-title em {
    display: block;
    font-size: 60px;
    color: #b19951;
    font-style: normal;
    font-family: 'Lora', serif;
    padding-top: 18px;
}

.ot-numbers {
    text-align: center;
}

.ot-numbers span {
    font-size: 60px;
    font-family: 'Lora', serif;
    color: #fff;
    text-transform: uppercase;
    display: inline-block;
    vertical-align: top;
}

.ot-date {
    padding-top: 25px;
}

.ot-date em {
    font-style: normal;
    display: block;
    font-size: 18px;
    color: #89794a;
    text-transform: uppercase;
    padding-bottom: 4px;
}

.ot-inner.item-1 {
    margin-left: -97px;
}

.ot-inner.item-2 {
    margin-left: -74px;
}

.ot-inner.item-3 {
    margin-left: -20px;
}

.ot-inner.item-4 {
    margin-right: -102px;
}

/* End Our Team */

/* News And Features */
.news-features {
    position: relative;
    background: #3a3a3c;
    font-size: 0;
    padding-top: 170px;
    padding-bottom: 75px;
}

.news-features::after {
    content: '';
    position: absolute;
    width: calc(((100vw - 1444px) / 2) + 470px);
    height: 100%;
    top: 0;
    left: 0;
    background: #fff;
    z-index: 1;
}

.nf-row {
    max-width: 1445px;
    padding: 0 15px;
    margin: 0 auto;
    position: relative;
    z-index: 3;
}

.nf-col-wrapper,
.nf-col-inner {
    display: flex;
}

.nf-col-inner {
    max-width: 660px;
    width: 100%;
}

.nf-col-inner.marg-left {
    margin-left: 80px;
    margin-top: -78px;
}

.nf-col-wrapper.marg-top {
    margin-top: 68px;
}

.nf-title-wrapper {
    padding-left: 130px;
}

.nf-images {
    max-width: 398px;
    width: 100%;
}

.nf-images canvas {
    display: block;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    filter: grayscale(1);
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.nf-images a:hover canvas {
    filter: grayscale(0);
}

.nf-title {
    display: flex;
    align-items: center;
    margin-bottom: 22px;
    position: relative;
}

.nf-sub-title {
    margin-top: 59px;
    margin-left: 0;
}

.nf-sub-title em:last-child {
    position: relative;
    margin-left: 92px;
    margin-top: 12px;
}

.nf-sub-title em:last-child::after {
    content: '';
    position: absolute;
    width: 292px;
    height: 3px;
    background: #656566;
    bottom: -18px;
    left: -40px;
}

.nf-title span {
    font-family: 'Lora', serif;
    font-size: 250.51px;
    color: #b19951;
}

.nf-title em {
    display: block;
    font-family: 'Lora', serif;
    font-size: 42.94px;
    color: #b19951;
    font-style: normal;
    text-transform: uppercase;
}

.nf-box {
    max-width: 260px;
    width: 100%;
    padding: 45px 0;
    background: #3a3a3c;
    margin-top: 50px;
}

.nf-box.unique {
    background: #2a2a2b;
}

.nf-box a {
    font-family: 'Lora', serif;
    font-size: 20.89px;
    color: #fff;
    text-transform: uppercase;
    padding-left: 32px;
    padding-right: 16px;
    padding-bottom: 21px;
    display: block;
    line-height: 23px;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.nf-box a:hover {
    color: #b19951;
}

.nf-box p {
    font-weight: 300;
    font-size: 14px;
    color: #bdbdbd;
    line-height: 18px;
    max-width: 190px;
    width: 100%;
    margin: 0 auto;
}

.nf-button a {
    display: flex;
    align-items: center;
    padding-left: 35px;
    background: #fff;
    border: 1px solid #fff;
    width: 204px;
    height: 80px;
    font-weight: 300;
    font-size: 14px;
    color: #b19951;
    position: relative;
    text-transform: uppercase;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.nf-button a::after {
    content: '';
    position: absolute;
    width: 56px;
    height: 1px;
    top: 50%;
    right: 21px;
    background: #b19951;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.nf-button a:hover::after {
    background: #fff;
}

.nf-button a:hover,
.nf-button.unique a:hover {
    color: #fff;
    background: #b19951;
    border: 1px solid #b19951;
}

.nf-button.unique a {
    background: #3a3a3c;
    border: 1px solid #3a3a3c;
}

/* End News and Features */

.hp-git {
    position: relative;
    padding-top: 198px;
    padding-bottom: 165px;
    font-size: 0;
    background: rgba(58, 58, 60, .90);
}

.git-title {
    text-align: center;
    text-transform: uppercase;
    padding-bottom: 37px;
}

.git-title span {
    display: block;
    font-size: 26.94px;
    font-weight: 300;
    color: #fff;
    letter-spacing: 0.2em;
    padding-bottom: 17px;
}

.git-title em {
    font-style: normal;
    font-family: 'Lora', serif;
    font-size: 60px;
    color: #b19951;
}

.git-form {
    max-width: 995px;
    margin: 0 auto;
    position: relative;
}

.git-sm {
    max-width: 295px;
    width: 100%;
    display: inline-block;
    vertical-align: middle;
}

.git-sm.margin {
    margin: 0 54px;
}

.git-sm input,
.git-lg textarea {
    font-size: 14px;
    font-weight: 300;
    color: #fff;
    width: 100%;
    height: 72px;
    border: none;
    border-bottom: 1px solid #fff;
    background: transparent;
    outline: none;
    resize: none;
    overflow: hidden;
    text-transform: uppercase;
}

.git-lg {
    padding-top: 72px;
}

.git-lg textarea {
    height: 52px;
}

.git-button {
    padding-top: 105px;
}

.git-button input {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 300;
    text-transform: uppercase;
    width: 238px;
    height: 60px;
    color: #fff;
    background: #b19951;
    border: none;
    margin: 0 auto;
    outline: none;
    position: relative;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.git-button input:hover {
    background: #2a2a2b;
}

div.wpcf7-response-output {
    text-align: center;

}

.git-form div.wpcf7-response-output {
    font-size: 12px;
    text-align: center;
    position: absolute;
    width: 100%;
    bottom: -44px;
    color: #fff;
}

.git-form .use-floating-validation-tip span.wpcf7-not-valid-tip {
    font-size: 12px;
}

/* Footer */
footer.footer {
    font-size: 0;
    position: relative;
    background: #3a3a3c;
    padding-top: 122px;
    padding-bottom: 100px;
}

.footer-logos {
    display: flex;
    align-items: center;
    justify-content: center;
}

.logo-2 {
    padding-left: 43px;
}

.footer-smi {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 52px;
    padding-bottom: 58px;
}

.footer-smi a {
    width: 32px;
    height: 32px;
    background: #28282a;
    border: 1px solid #28282a;
    border-radius: 50%;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    margin: 0 10px;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.footer-smi a:hover {
    background: #b19951;
    border: 1px solid #b19951;
    color: #fff;
}

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

.footernav li {
    margin: 16.5px;
}

.footernav li a {
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.footernav li a:hover {
    color: #b19951
}

.copyright {
    font-size: 14px;
    text-align: center;
    color: #a6a6a6;
    line-height: 24px;
    padding-bottom: 42px;
}

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

.copyright a:hover {
    color: #b19951;
}

.mls {
    text-align: center;
    font-size: 28px;
    color: #636363;
}

/* End Footer */

/*******************************************************
 *
 * 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: 235px;
    background: rgba(255, 255, 255, .9);
    padding: 2.5%;
}

/** 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 {
    font-style: normal;
    font-weight: 300;
    font-size: 40.1px;
    color: #b19951;
    text-transform: uppercase;
    font-family: 'Lora', serif;
}

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

#content #breadcrumbs,
#content .entry {
    color: #000;
}

/* MEDIA QUERIES ARE AUTOMATICALLY REMOVED FROM THIS FILE, they must be placed in style-media-queries.css */
.ip-container .logo-holder .sub-text {
    display: none;
}

/* Side Bar */
.ip-bg {
    position: fixed;
    left: 0;
    top: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
}

.ip-bg .ip-img {
    background-repeat: no-repeat;
    background-position: top center;
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url(images/ip-banner-new.jpg);
    background-size: cover;
}

.ip-bg::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .62);
    z-index: 1;
}

.qs-holder {
    font-size: 0;
    padding-top: 39px;
    padding-bottom: 10px;
    position: relative;
}

.qs-title {
    display: inline-block;
    vertical-align: top;
    width: 10.702%;
    font-size: 22px;
    color: #b19951;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 8px;
    line-height: 1;
    padding-bottom: 10px;
    font-family: 'Lora', serif;
}

.qs-title span {
    display: block;
    color: #b19951;
    letter-spacing: 4px;
}

.qs-form {
    display: inline-block;
    width: 89.299%;
    vertical-align: top;
}

.qs-form select,
.qs-form input {
    border-radius: 0;
    color: #767676;
    font-size: 9px;
    font-weight: 400;
    text-transform: uppercase;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: #fff url(images/qs-arrow.png) no-repeat scroll right 14px center;
    width: 100%;
    height: 35px;
    padding: 0 10px;
    border: solid 1px #b7b7b7;
    letter-spacing: 1.2px;
}

.qs-form input {
    background: #fff;
}

.qs-form select::-ms-expand {
    display: none;
}

.qs-form .qs-field {
    display: inline-block;
    vertical-align: top;
    margin-right: 4px;
    margin-bottom: 5px;
}

.btn-form.qs-field.qsbtn1 input,
.btn-form.qs-field.qsbtn2 a {
    border-radius: 0;
    width: 100%;
    height: 35px;
    background: #b19951;
    color: #fff;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 11px;
    border: 0;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    display: block;
    text-align: center;
}

.btn-form.qs-field.qsbtn1 {
    width: 9.038%;
    margin-left: 35px;
    margin-right: 5px;
    position: relative;
}

.btn-form.qs-field.qsbtn1::after {
    content: '';
    position: absolute;
    top: -15px;
    left: -21px;
    width: 1px;
    height: 65px;
    background: #bfbfbf;
}

.btn-form.qs-field.qsbtn2 {
    width: 9.038%;
    margin-left: 0;
    margin-right: 0;
    position: relative;
}

.btn-form.qs-field.qsbtn2 a {
    line-height: 35px;
    background: #373535;
}

.long-form.qs-field {
    width: 19.647%;
}

.long-form2.qs-field {
    width: 19.647%;
}

.short-form {
    width: 9.038%;
}

.btn-form.qs-field.qsbtn1 input:hover {
    opacity: .8;
}

.btn-form.qs-field.qsbtn2 a:hover {
    opacity: .8;
}

.side-bar .qs-title {
    display: block;
    width: 100%;
    text-align: center;
}

.side-bar .qs-form {
    display: block;
    width: 100%;
}

.side-bar .long-form.qs-field,
.side-bar .long-form2.qs-field {
    width: 100%;
}

.side-bar .qs-form .qs-field {
    display: block;
    margin-right: 0;
}

.side-bar .short-form {
    width: 50%;
}

.side-bar .short-form.qs-field.field-left {
    float: left;
    padding-right: 2.5px;
}

.side-bar .short-form.qs-field.field-right {
    float: right;
    padding-left: 2.5px;
}

.side-bar .btn-form.qs-field.qsbtn1 {
    margin-left: 0;
    display: inline-block;
    width: 100%;
}

.side-bar .btn-form.qs-field.qsbtn1::after {
    display: none;
}

.side-bar .btn-form.qs-field.qsbtn2 {
    width: 100%;
}

/* SIDE Git */

.side-bar {
    font-size: 0;
}

.side-bar .git-title {
    padding-bottom: 0px;
}

.side-bar .hp-git {
    padding: 20px 0;
    font-size: 0;
}

.side-bar .git-sm.margin {
    margin: 0 0;
}

.side-bar .git-sm {
    max-width: 100%;
}

.side-bar .git-form {
    max-width: 500px;
    padding: 0 16px;
    background: #b19951;
    padding-bottom: 44px;
}

.side-bar .git-title span {
    font-size: 22.94px;
    color: #b19951;
    padding-bottom: 0;
}

.side-bar .git-title em {
    font-size: 24px;
}

.side-bar .git-button input {
    max-width: 238px;
    width: 100%;
    background: #241e20;
    transition: all .3s ease-out;
}

.side-bar .git-button input:hover {
    opacity: .8;
}

.side-bar .git-button {
    padding-top: 30px;
}

.side-bar .git-form form.wpcf7-form.use-floating-validation-tip.invalid {
    position: relative;
}

.side-bar .git-form div.wpcf7 {
    position: relative;
}

.side-bar .git-form div.wpcf7-response-output {
    color: #fff;
    margin: 0;
    line-height: 12px;
    top: calc(100% - 12px);
    bottom: initial;
}

/* end side Git */

.ip-qs-form button.btn.dropdown-toggle.btn-default {
    border-radius: 0;
    color: #767676;
    font-weight: 400;
    text-transform: uppercase;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: #fff url(images/qs-arrow.png) no-repeat scroll right 14px center;
    width: 100%;
    height: 35px;
    padding: 0 10px;
    border: solid 1px #b7b7b7;
    letter-spacing: 1.2px;
}

.ip-qs-form span.filter-option.pull-left {
    font-size: 10px !important;
}

.page-id-102 .aiosp-iframe-holder .aiosp-content {
    max-width: 637px !important;

}

.ip-qs-form .bootstrap-select.btn-group .dropdown-menu.inner {
    max-height: 155px !important;
}

.aiosp-iframe-holder .aiosp-content {
    max-width: 637px;
    min-height: 500px;
}

/* 404 page */
.error404 article#content {
    min-height: 500px;
    margin-top: 235px;
    background: rgba(255, 255, 255, .9);
    padding: 2.5%;
}

/* ihf pages */
#ihf-main-container .nav-tabs {
    margin-left: 0;
}

#ihf-main-container .chosen-drop ul.chosen-results {
    margin-left: 0;
    padding-left: 0;
}

#ihf-main-container .mc-total-payment-subline {
    color: #666;
}

/* market watch sellers */
.mr-report a.mr-report-btn-mob {
    display: none;
}

/* 2/21/2020 */
.error404 #content p,
.error404 div.wpcf7-response-output {
    color: #000;
}

.error-form-wrapper h4 {
    color: #000;
}

#ihf-main-container #ihfSaveSearch .modal-dialog span,
#ihf-main-container #ihfSaveSearch .modal-dialog label,
#ihf-main-container #ihfSaveSearch .modal-dialog .ihf-modal-form-disclaimer,
#ihf-main-container #ihfScheduleShowing .modal-dialog span,
#ihf-main-container #ihfScheduleShowing .modal-dialog label,
#ihf-main-container #ihfScheduleShowing .modal-dialog .ihf-modal-form-disclaimer,
#ihf-main-container #ihfMoreInfo .modal-dialog span,
#ihf-main-container #ihfMoreInfo .modal-dialog label,
#ihf-main-container #ihfMoreInfo .modal-dialog .ihf-modal-form-disclaimer,
#ihf-main-container #ihfsaveListing .modal-dialog span,
#ihf-main-container #ihfsaveListing .modal-dialog label,
#ihf-main-container #ihfsaveListing .modal-dialog .ihf-modal-form-disclaimer,
#ihf-main-container #ihfEmailListing .modal-dialog span,
#ihf-main-container #ihfEmailListing .modal-dialog label,
#ihf-main-container #ihfEmailListing .modal-dialog .ihf-modal-form-disclaimer,
#ihf-main-container #ihf-email-alert-modal .modal-dialog span,
#ihf-main-container #ihf-email-alert-modal .modal-dialog label,
#ihf-main-container #ihf-email-alert-modal .modal-dialog .ihf-modal-form-disclaimer,
#ihf-main-container #ihf-email-alert-modal .modal-dialog .fw-bold {
    color: #000;
}

.ihf-grid-result-address {
    display: block;
}

.ihf-mapsearch-refine-overlay {
    max-width: 500px;
    height: 100%;
}

.page-id-37 .aiosp-container,
.page-id-102 .aiosp-container {
    max-width: 800px;
    left: 50%;
    transform: translateX(-50%);
}

.page-id-37 div#market-report-popup img,
.page-id-102 div#market-report-popup img {
    width: 100%;
}

.page-id-37 .aiosp-close,
.page-id-102 .aiosp-close {
    right: -16px;
    top: -31px;
}

.page-id-37 .aios-popup-body .aiosp-close,
.page-id-102 .aios-popup-body .aiosp-close {
    color: #fff;
}

.nav-left {
    display: flex;
    justify-content: space-between;
}

.review-zillow {
    font-weight: 600;
    padding-top: 40px;
}


img.filter-invert {
    filter: brightness(0) invert(1);
}

.git-form .use-floating-validation-tip span.wpcf7-not-valid-tip {
    position: absolute;
    width: fit-content;
    left: auto;
    right: 0;
}

#listings-results .listings-sort .dropdown-menu,
ul#ihf-sort-values, div#ihf-refine-search .dropdown-menu.pull-right{
    z-index: 9999 !important;
}