/*
Theme Name: Coleman & Patterson
Description: AIOS mobile semi-custom theme.
Author: AgentImage
Author URI: http://www.agentimage.com
Version: 1.6.0
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

*/
/*******************************************************
 *
 * 1. Variables
 *
 *******************************************************/
:root {
    /** Font default */
    /*--body-font: 'Mulish', sans-serif;*/
    --body-font: 'Montserrat', sans-serif;
    /*--title-font: 'Josefin Sans', sans-serif;*/
    --title-font: 'Source Sans 3', sans-serif;
    --font-size-default: 14px;
    --font-size-title: 18px;
    --font-color-default: #000000;
    --font-color-title: #6c757d;
    /** Use for input, button, and any other element */
    --primary-color: #112b53;
    --secondary-color: #7e8083;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #343a40;
}

/*******************************************************
 *
 * 2. Navigation
 *
 *******************************************************/
/* Sub Menu */
#nav {
    margin: 0 -54px;
}

#nav>li {
    padding: 0 54px;
}

#nav>li:not(:last-child) {
    border-right: 1px solid #7e8286;
}

#nav li {
    position: relative;
    display: inline-block;
}

#nav li a {
    font-size: 15px;
    font-weight: 300;
    letter-spacing: 0.500em;
    color: #fff;
    text-transform: uppercase;
    position: relative;
    line-height: 1;
}

#nav>li>a:before {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 0;
    height: 1px;
    background-color: #fff;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    opacity: 0;
}

#nav>li:focus-within>a:before,
#nav>li:hover>a:before {
    opacity: 1;
    width: 60px;
}

#nav li:last-child {
    margin-right: 0;
}

.navigation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 0;
}

#nav .sub-menu {
    list-style: none outside none;
    margin: 0;
    padding: 0;
    position: absolute;
    width: 100%;
    max-width: 177px;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-24px);
    -ms-transform: translateX(-50%) translateY(-24px);
    transform: translateX(-50%) translateY(-24px);
    text-align: center;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    padding-top: 24px;
}

#nav .sub-menu li a {
    display: block;
    padding: 11px 0;
    font-size: 12px;
    letter-spacing: 0.200em;
    color: #fff;
    text-transform: uppercase;
    -webkit-transition: 0.4s all ease-in-out;
    -o-transition: 0.4s all ease-in-out;
    transition: 0.4s all ease-in-out;
}

#nav .sub-menu>li {
    position: relative;
    display: block;
    background-color: var(--secondary-color);
    margin: 0 auto 1px;
    -webkit-transition: 0.4s all ease-in-out;
    -o-transition: 0.4s all ease-in-out;
    transition: 0.4s all ease-in-out;
}

#nav .sub-menu li:hover {
    background-color: var(--primary-color);
}

#nav .sub-menu li:hover>a {
    color: #fff;
    text-decoration: none;
}

#nav li:focus-within>.sub-menu,
#nav li:hover>.sub-menu {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    -webkit-transform: translateX(-50%) translateY(0px) !important;
    -ms-transform: translateX(-50%) translateY(0px) !important;
    transform: translateX(-50%) translateY(0px) !important;
}

#nav li>.sub-menu .sub-menu {
    margin-left: calc(100% + 1px);
    top: 0;
    padding-top: 0 !important;
}

/*******************************************************
 *
 * 3. Custom CSS
 *
 *******************************************************/
/* Global */
body {
    font-family: var(--body-font);
    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 Reset*/
a,
a:hover,
a:visited,
a:focus,
textarea {
    text-decoration: none;
    outline: 0;
    cursor: pointer;
}

a:hover,
a:focus {
    color: var(--secondary-color);
}

.slick-track * {
    outline: none;
    -o-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
    -webkit-transition: 0.3s all ease-in-out;
}

select::-ms-expand {
    display: none;
}

input:focus,
select:focus,
textarea:focus {
    outline: none;
}

input[type="radio"] {
    -webkit-appearance: radio;
    -moz-appearance: radio;
    appearance: radio;
}

input[type="checkbox"] {
    -webkit-appearance: checkbox;
    -moz-appearance: checkbox;
    appearance: checkbox;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
}

textarea {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    border-radius: 0;
}

[class*="ai-icon-"] {
    display: inline-block;
    vertical-align: middle;
    width: auto;
    height: auto;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
}

#main-wrapper {
    overflow: hidden;
}

.attachment-fixed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.attachment-fixed canvas {
    background-attachment: fixed !important;
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.site-img {
    display: block;
    position: relative;
}

.site-img canvas {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}

.site-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    z-index: 1;
    -webkit-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
}

.custom-container {
    padding: 0 15px;
    width: 100%;
    max-width: 1360px;
    margin: 0 auto;
}

/* Global Title */
.global-title {
    display: block;
    position: relative;
    text-align: center;
    z-index: 1;
    margin-bottom: 40px;
}

.global-title h2 {
    font-size: 60px;
    line-height: 1;
    letter-spacing: 0.075em;
    color: #000;
    text-transform: uppercase;
    font-weight: 600;
    font-family: var(--title-font);
}

.global-title h2 span {
    display: block;
    font-size: 30px;
    line-height: 1;
    letter-spacing: 0.300em;
    color: #7e8083;
    font-family: var(--title-font);
    font-weight: 300;
    margin-bottom: 10px;
}

.global-title.is-white h2 {
    color: #fff;
}

/* Global Button */
.global-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    max-width: 210px;
    height: 59px;
    border: 1px solid var(--primary-color);
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.500em;
    color: #000;
    text-transform: uppercase;
    padding: 0 5px;
    text-align: center;
    -webkit-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
    background-color: transparent;
}

.global-btn:hover,
.global-btn:focus,
.global-btn.active {
    background-color: var(--primary-color);
    color: #fff;
    border-color: var(--primary-color) !important;
}

.global-btn.is-white {
    border-color: #fff;
    color: #fff;
}

/* Global Slide Control */
.global-slide-btn {
    display: inline-block;
    vertical-align: middle;
    margin: 0 27px;
    width: 210px;
    max-width: 100%;
}

.global-slide-controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 50px auto 0;
}

.global-slide-btn a {
    max-width: 100%;
}

.global-slide-controls button {
    display: inline-block;
    vertical-align: middle;
    border: none;
    padding: 0;
    background-color: transparent;
    font-size: 14px;
    line-height: 1;
    letter-spacing: 0.500em;
    text-transform: uppercase;
    -webkit-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
}

.global-slide-controls button em.ai-icon-arrow {
    background-image: url(images/ai-arrow-icon.png);
    width: 16px;
    height: 18px;
}

.global-slide-controls button.global-slide-prev em.ai-icon-arrow {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    margin-right: 15px;
}

.global-slide-controls button.global-slide-next em.ai-icon-arrow {
    margin-left: 15px;
}

.global-slide-controls button:hover {
    color: var(--secondary-color);
}

.global-slide-controls button:hover em {
    opacity: .75;
}

/*Fixed Header*/
.header-wrapper.active {
    background-color: var(--primary-color);
    padding: 14px 0;
    min-height: 104px;
}

.header-wrapper.active #nav .sub-menu {
    padding-top: 44px;
    -webkit-transform: translateX(-50%) translateY(-44px);
    -ms-transform: translateX(-50%) translateY(-44px);
    transform: translateX(-50%) translateY(-44px);
}

/* Header */
.header-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1028;
    width: 100%;
    font-size: 0;
    -webkit-transition: 0.4s all ease-out;
    -o-transition: 0.4s all ease-out;
    transition: 0.4s all ease-out;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 35px 0;
}

.header-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.header-nav {
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

.logo {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

.logo a {
    display: block;
    position: relative;
}

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

/*Slideshow*/
.slideshow-container {
    display: block;
    position: relative;
    overflow: hidden;
}

.slideshow-wrapper {
    position: relative;
    display: block;
}

.slideshow-container .aios-slider.aios-slider-template-default .aios-slider-splide .aios-slider-img {
    background-color: #000;
    height: 100%;
}

.slideshow-container .aios-slider.aios-slider-template-default .aios-slider-splide .aios-slider-img:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 41%;
    pointer-events: none;
    z-index: 1;
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.85)), to(rgba(0, 0, 0, 0)));
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0) 100%);
}

.slideshow-container .aios-slider.aios-slider-template-default .aios-slider-splide,
.slideshow-container .splide__track,
.slideshow-container .splide__track--fade>.splide__list,
.slideshow-container .splide__track--fade>.splide__list>.splide__slide {
    height: 100%;
}

.slideshow-tagline {
    position: absolute;
    top: 55%;
    left: 0;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    display: block;
    text-align: center;
    font-size: 60px;
    line-height: 1;
    letter-spacing: 0.075em;
    color: #fff;
    text-transform: uppercase;
    font-family: var(--title-font);
    text-shadow: 0 2px 3px rgba(20, 0, 0, .60);
}

/*Quick Search*/
.qs-container {
    display: block;
    position: relative;
    padding: 49px 0 46px;
    font-size: 0;
    background-color: #ebebeb;
    z-index: 5;
}

.qs-main {
    display: block;
    position: relative;
}

.qs-form-title,
.qs-form {
    display: inline-block;
    vertical-align: top;
    position: relative;
}

.qs-form {
    width: 85.188%;
}

.qs-form-title {
    width: 14.812%;
    margin-top: 15px;
}

.qs-form-title h2 {
    font-size: 36px;
    line-height: 1;
    letter-spacing: 0.075em;
    color: #000;
    text-transform: uppercase;
    font-family: var(--title-font);
    font-weight: 600;
}

.qs-form-title h2 span {
    font-size: 18px;
    line-height: 1;
    letter-spacing: 0.300em;
    color: #7e8083;
    display: block;
    margin-bottom: 13px;
    font-weight: 300;
    font-family: var(--body-font);
}

.qs-form form {
    width: 100%;
    position: relative;
}

.qs-field-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
}

.qs-field {
    display: inline-block;
    vertical-align: middle;
    width: calc(50% - 3px);
    position: relative;
}

.qs-field>input:not([type=submit]),
.qs-field>select,
.qs-field button.btn {
    width: 100%;
    height: 38px;
    border: 1px solid #a6a6a6;
    border-bottom: none;
    border-right: none;
    font-size: 11px;
    color: #000;
    text-transform: uppercase;
    letter-spacing: 0.200em;
    line-height: normal;
    padding: 0 15px;
    background-color: #fff;

    border-radius: inherit;
}

.qs-field-row.col-4 {
    /* width: 50%; */
}

.qs-field-row.col-4 .qs-field {
    width: calc(20% - 10px);
}

.qs-field-sub-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 6px;
}

.qs-field-sub-row .qs-field-row {
    width: calc(50% - 3px);
}

.qs-field.short-b,
.qs-field.short-i {
    width: calc(25% - 3px);
}

.qs-field.submit input[type=submit] {
    width: 100%;
    height: 38px;
    background-color: #112b53;
    font-size: 14px;
    line-height: 1;
    letter-spacing: 0.300em;
    color: #fff;
    text-transform: uppercase;
    border: none;
    -webkit-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
}

.qs-field.adv-btn a.qs-adv {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 38px;
    background-color: #7e8083;
    font-size: 14px;
    line-height: 1;
    letter-spacing: 0.300em;
    color: #fff;
    text-transform: uppercase;
    border: none;
    -webkit-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
}

.qs-field.submit input[type=submit]:hover {
    background-color: #204070;
}

.qs-field.adv-btn a.qs-adv:hover {
    background-color: #6b6d6e;
}

.qs-disclaimer {
    display: block;
    text-align: right;
    font-size: 11px;
    color: #000;
    margin-top: 18px;
    line-height: 1;
    letter-spacing: 0.200em;
    text-transform: uppercase;
}

/*Featured Properties*/
.fp-container {
    display: block;
    position: relative;
    padding: 73px 0 75px;
    font-size: 0;
}

.fp-main {
    display: block;
    position: relative;
}

.fp-slide {
    display: block;
    position: relative;
}

.fp-slide:not(.slick-initialized) {
    margin: 0 -58.024%;
}

.fp-slide:not(.slick-initialized) .fp-item:nth-child(n+3)~div {
    display: none;
}

.fp-item {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% / 3);
    position: relative;
    padding: 0 20px;
}

.fp-item a {
    display: block;
    position: relative;
}

.fp-hover-btn {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    -webkit-transform: translateY(-50%) scale(0.8);
    -ms-transform: translateY(-50%) scale(0.8);
    transform: translateY(-50%) scale(0.8);
    display: block;
    text-align: center;
    z-index: 5;
    margin: 0 auto;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
}

.fp-hover-btn span {
    margin: 0 auto;
    background-color: var(--secondary-color) !important;
    color: #fff;
    border-color: var(--secondary-color) !important;
    max-width: 230px;
}

.fp-hover-btn span.global-btn {
    border-color: var(--secondary-color) !important;
}

.fp-item a:hover .fp-hover-btn {
    -webkit-transform: translateY(-50%) scale(1);
    -ms-transform: translateY(-50%) scale(1);
    transform: translateY(-50%) scale(1);
    opacity: 1;
    visibility: visible;
}

.fp-details {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 40px 33px;
}

.fp-address,
.fp-price {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    font-size: 18px;
    line-height: 1;
    letter-spacing: 0.250em;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
}

.fp-address {
    font-weight: 400;
}

.fp-img {
    background-color: var(--primary-color);
    overflow: hidden;
}

.fp-img img {
    -webkit-transform: scale(1.01);
    -ms-transform: scale(1.01);
    transform: scale(1.01);
}

.fp-item a:hover .fp-img img {
    -webkit-transform: scale(1.15);
    -ms-transform: scale(1.15);
    transform: scale(1.15);
    opacity: .49;
}

.fp-img:before {
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    width: 100%;
    height: 55%;
    z-index: 2;
    pointer-events: none;
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.9)));
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%);
    -webkit-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
}

.fp-img:after {
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    width: 100%;
    height: 48%;
    z-index: 2;
    pointer-events: none;
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(17, 43, 83, 0.9) 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(17, 43, 83, 0.9)));
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(17, 43, 83, 0.9) 100%);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
}

.fp-item a:hover .fp-img:before {
    opacity: 0;
    visibility: hidden;
}

.fp-item a:hover .fp-img:after {
    opacity: 1;
    visibility: visible;
}

/*Call to Action*/
.cta-container {
    display: block;
    position: relative;
    padding: 66px 0 61px;
    font-size: 0;
}

.cta-container .custom-container {
    max-width: 1313px;
}

.cta-bg {
    background-color: #000;
}

.cta-bg canvas {
    opacity: .24;
}

.cta-main {
    display: block;
    position: relative;
    margin: 0 -23px;
}

.cta-item {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    width: calc(100% / 4);
    padding: 0 23px;
}

.cta-item a {
    display: block;
    position: relative;
    padding: 10px;
    border: 1px solid var(--secondary-color);
}

.cta-item a,
.cta-img,
.cta-img canvas,
.cta-img img {
    border-radius: 50% !important;
}

.cta-img {
    overflow: hidden;
}

.cta-img:before,
.cta-img:after {
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
    border-radius: 50%;
    background-color: var(--secondary-color);
}

.cta-img img {
    opacity: .09;
}

.cta-title {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    display: block;
    text-align: center;
    z-index: 5;
    font-size: 26px;
    line-height: 1.2;
    letter-spacing: 0.100em;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
}

.cta-img:after {
    opacity: 0;
    visibility: hidden;
    background-color: var(--primary-color);
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
}

.cta-item a:hover .cta-img:after {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.cta-item a:hover .cta-img:before {
    outline: 0 solid var(--secondary-color);
    outline-offset: 0;
}

.cta-item a:before {
    position: absolute;
    content: '';
    top: 50%;
    -webkit-transform: translateY(-50%) scale(0);
    -ms-transform: translateY(-50%) scale(0);
    transform: translateY(-50%) scale(0);
    left: 0;
    right: 0;
    bottom: 0;
    border: 2px solid #fff;
    border-radius: 50%;
    height: 238px;
    z-index: 5;
    -webkit-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
    opacity: 0;
    visibility: hidden;
}

.cta-item a:hover:before {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(-50%) scale(1);
    -ms-transform: translateY(-50%) scale(1);
    transform: translateY(-50%) scale(1);
}

/*Featured Areas*/
.fa-map-container {
    display: block;
    position: relative;
    z-index: 3;
    overflow: hidden;
    background-color: #171717;
    font-size: 0;
}

.fa-map-wrapper {
    display: block;
    position: relative;
}

.fa-comm-areas {
    display: inline-block;
    position: relative;
}

.fa-map-transparent {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    opacity: 0;
}

.fa-map-main {
    position: relative;
    width: 1600px;
}

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

.fa-map-img {
    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;
    opacity: 0;
    visibility: hidden;
    z-index: 2;
    pointer-events: auto;
    z-index: 4;
}

.fa-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;
}

.fa-map-pin span {
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.100em;
    color: #000;
    text-transform: uppercase;
    line-height: 1.2;
    white-space: nowrap;
    position: relative;
    width: 100%;
    display: inline-block;
    -webkit-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
}


.fa-comm-areas li.fa-comm-title {
    z-index: 1;
    font-size: 18px;
    line-height: 1;
    letter-spacing: 0.100em;
    color: #fff;
    text-transform: uppercase;
    position: relative;
    -webkit-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
    font-weight: 500;
    display: block;
}

.fa-comm-areas li.fa-comm-title:not(:last-child) {
    margin-bottom: 19px;
}

.fa-comm-areas ul {
    display: block;
    position: relative;
    width: 100%;
    min-width: 242px;
}

.fa-comm-areas li.fa-comm-title a {
    color: inherit;
    -webkit-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
    padding: 12px 23px;
    display: block;
}

.fa-comm-areas li.fa-comm-title a:after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 35%;
    height: 100%;
    pointer-events: none;
    z-index: -1;
    -o-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
    -webkit-transition: 0.3s all ease-in-out;
    background: -o-linear-gradient(left, rgba(84, 85, 87, 1) 0%, rgba(84, 85, 87, 0.98) 30%, rgba(84, 85, 87, 0.91) 46%, rgba(84, 85, 87, 0.88) 49%, rgba(84, 85, 87, 0.85) 50%, rgba(84, 85, 87, 0.86) 51%, rgba(84, 85, 87, 0.8) 55%, rgba(84, 85, 87, 0.81) 56%, rgba(84, 85, 87, 0.74) 59%, rgba(84, 85, 87, 0.74) 60%, rgba(84, 85, 87, 0.72) 61%, rgba(84, 85, 87, 0.67) 63%, rgba(84, 85, 87, 0.67) 64%, rgba(84, 85, 87, 0.61) 66%, rgba(84, 85, 87, 0.59) 68%, rgba(84, 85, 87, 0.54) 69%, rgba(84, 85, 87, 0.5) 72%, rgba(84, 85, 87, 0.46) 73%, rgba(84, 85, 87, 0.46) 74%, rgba(84, 85, 87, 0.41) 76%, rgba(84, 85, 87, 0) 100%);
    background: -webkit-gradient(linear, left top, right top, from(rgba(84, 85, 87, 1)), color-stop(30%, rgba(84, 85, 87, 0.98)), color-stop(46%, rgba(84, 85, 87, 0.91)), color-stop(49%, rgba(84, 85, 87, 0.88)), color-stop(50%, rgba(84, 85, 87, 0.85)), color-stop(51%, rgba(84, 85, 87, 0.86)), color-stop(55%, rgba(84, 85, 87, 0.8)), color-stop(56%, rgba(84, 85, 87, 0.81)), color-stop(59%, rgba(84, 85, 87, 0.74)), color-stop(60%, rgba(84, 85, 87, 0.74)), color-stop(61%, rgba(84, 85, 87, 0.72)), color-stop(63%, rgba(84, 85, 87, 0.67)), color-stop(64%, rgba(84, 85, 87, 0.67)), color-stop(66%, rgba(84, 85, 87, 0.61)), color-stop(68%, rgba(84, 85, 87, 0.59)), color-stop(69%, rgba(84, 85, 87, 0.54)), color-stop(72%, rgba(84, 85, 87, 0.5)), color-stop(73%, rgba(84, 85, 87, 0.46)), color-stop(74%, rgba(84, 85, 87, 0.46)), color-stop(76%, rgba(84, 85, 87, 0.41)), to(rgba(84, 85, 87, 0)));
    background: linear-gradient(to right, rgba(84, 85, 87, 1) 0%, rgba(84, 85, 87, 0.98) 30%, rgba(84, 85, 87, 0.91) 46%, rgba(84, 85, 87, 0.88) 49%, rgba(84, 85, 87, 0.85) 50%, rgba(84, 85, 87, 0.86) 51%, rgba(84, 85, 87, 0.8) 55%, rgba(84, 85, 87, 0.81) 56%, rgba(84, 85, 87, 0.74) 59%, rgba(84, 85, 87, 0.74) 60%, rgba(84, 85, 87, 0.72) 61%, rgba(84, 85, 87, 0.67) 63%, rgba(84, 85, 87, 0.67) 64%, rgba(84, 85, 87, 0.61) 66%, rgba(84, 85, 87, 0.59) 68%, rgba(84, 85, 87, 0.54) 69%, rgba(84, 85, 87, 0.5) 72%, rgba(84, 85, 87, 0.46) 73%, rgba(84, 85, 87, 0.46) 74%, rgba(84, 85, 87, 0.41) 76%, rgba(84, 85, 87, 0) 100%);
    opacity: 0;
    visibility: hidden;
}

.fa-comm-areas li.fa-comm-title a:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 61px;
    height: 100%;
    pointer-events: none;
    background-color: #545557;
    z-index: -1;
    -webkit-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
}

.fa-comm-areas li.fa-comm-title:hover a:before,
.fa-comm-areas li.active:hover a:before {
    opacity: 0;
    visibility: hidden;
    width: 100;
}

.fa-map-content {
    position: absolute;
    top: 240px;
    left: 233px;
    z-index: 5;
}

.fa-map-content .global-title h2 span {
    margin-bottom: 7px;
}

.fa-map-content .global-title {
    text-align: left;
    margin-bottom: 47px;
}

.fa-comm-areas li.fa-comm-title.active a:after,
.fa-comm-areas li.fa-comm-title:hover a:after {
    opacity: 1;
    visibility: visible;
    width: 100%;
}

.fa-map-hovers>div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.fa-map-mobile-list {
    display: none;
}

.fa-map-hovers>div.active .fa-map-img {
    opacity: 1;
    visibility: visible;
}

.fa-map-hovers>div.active .fa-map-pin span {
    color: #fff;
}

.fa-map-hovers>div.active .fa-map-pin span:before {
    border-color: #dd9933;
}

/*hovers*/
.fa-map-hovers>div.brazos-valley .fa-map-img {
    top: 399px;
    left: 1138px;
}

.fa-map-hovers>div.houston-area .fa-map-img {
    top: 450px;
    left: 1146px;
}

.fa-map-hovers>div.hill-county .fa-map-img {
    top: 400px;
    left: 780px;
}

.fa-map-hovers>div.north-texas .fa-map-img {
    top: 182px;
    left: 922px;
}

.fa-map-hovers>div.east-texas .fa-map-img {
    top: 219px;
    left: 1169px;
}

.fa-map-hovers>div.south-texas .fa-map-img {
    top: 539px;
    left: 888px;
}

/*Pin*/
.fa-map-hovers>div.brazos-valley .fa-map-pin {
    top: 433px;
    left: 1153px;
}

.fa-map-hovers>div.brazos-valley .fa-map-pin span {
    font-size: 12px;
}

.fa-map-hovers>div.houston-area .fa-map-pin {
    top: 531px;
    left: 1182px;
}

.fa-map-hovers>div.hill-county .fa-map-pin {
    top: 471px;
    left: 969px;
}

.fa-map-hovers>div.north-texas .fa-map-pin {
    top: 311px;
    left: 1040px;
}

.fa-map-hovers>div.east-texas .fa-map-pin {
    top: 359px;
    left: 1234px;
}

.fa-map-hovers>div.south-texas .fa-map-pin {
    top: 646px;
    left: 1012px;
}


/*Real Estate Auction*/
.ra-container {
    display: block;
    position: relative;
    padding: 100px 0;
    font-size: 0;
}

.ra-bg {
    background-color: #000;
}

.ra-bg canvas {
    opacity: .24;
}

.ra-main {
    display: block;
    position: relative;
}

.ra-main .global-title {
    margin-bottom: 30px;
}

.ra-content {
    display: block;
    position: relative;
    text-align: center;
    margin-bottom: 45px;
    padding: 0 40px;
}

.ra-content p {
    font-size: 16px;
    line-height: 2.25;
    letter-spacing: 0.100em;
    color: #fff;
}

.ra-btn a {
    margin: 0 auto;
    max-width: 430px;
}

/*Meet the Team*/
.mtt-container {
    display: block;
    position: relative;
    padding: 67px 0 80px;
    font-size: 0;
    background-color: #ebebeb;
}

.mtt-main {
    display: block;
    position: relative;
}

.mtt-slide {
    display: block;
    position: relative;
}

.mtt-slide:not(.slick-initialized) .mtt-item:nth-child(n+3)~div {
    display: none;
}

.mtt-item {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% / 3);
    position: relative;
}

.mtt-item a {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.mtt-img,
.mtt-agent-name {
    display: inline-block;
    vertical-align: middle;
    width: 50%;
    position: relative;
}

.mtt-agent-name-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: var(--secondary-color);
    width: 100%;
    height: 100%;
    text-align: center;
    -webkit-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
}

.mtt-item a:hover .mtt-agent-name-inner {
    background-color: var(--primary-color);
}

.mtt-agent-name-inner h2 {
    font-size: 24px;
    line-height: 1.2;
    color: #fff;
    letter-spacing: 0.075em;
    text-transform: uppercase;
    display: block;
    font-weight: 600;
}

.mtt-agent-name-inner h2 span {
    font-weight: 400;
    display: block;
}

.mtt-slide-controls .global-slide-btn {
    width: 250px;
}

.mtt-img {
    background-color: #ebebeb;
}

/*Blog*/
.blog-container {
    display: block;
    position: relative;
    padding: 89px 0 79px;
    font-size: 0;
}

.blog-container .custom-container {
    max-width: 1498px;
}

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

.blog-main-holder {
    display: block;
    position: relative;
}

.blog-col {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    position: relative;
    padding: 0 15px;
}

.blog-subscribe-btn a {
    margin: 0 auto;
    max-width: 229px;
}

.blog-subscribe-btn {
    display: block;
    position: relative;
    margin-bottom: 28px;
}

.blog-main-holder .global-title {
    margin-bottom: 25px;
}

.blog-video,
.blog-video a {
    display: block;
    position: relative;
}

.blog-content {
    display: block;
    position: relative;
}

.blog-video {
    margin-bottom: 33px;
}

.blog-content h2 {
    font-size: 30px;
    letter-spacing: 0.025em;
    line-height: 1.2;
    color: #000;
    display: block;
    margin-bottom: 15px;
    font-weight: 600;
}

.blog-content p {
    font-size: 16px;
    line-height: 1.875;
    letter-spacing: 0.025em;
    color: #666666;
}

.blog-video a span.ai-video-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100px;
    height: 100px;
    border: 1px solid #fff;
    border-radius: 50%;
    z-index: 5;
}

.blog-video a span.ai-video-icon:before {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 27px solid #fff;
}

.blog-img {
    background-color: #000;
    overflow: hidden;
}

.blog-img img {
    -webkit-transform: scale(1.01);
    -ms-transform: scale(1.01);
    transform: scale(1.01);
    opacity: .55;
}

.blog-list {
    display: block;
    position: relative;
}

.blog-item {
    display: block;
    position: relative;
    width: 100%;
}

.blog-item:not(:last-child) {
    margin-bottom: 30px;
}

.blog-img.is-thumb {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    width: 48.818%;
    background-color: var(--primary-color);
}

.blog-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.blog-content.is-thumb {
    display: inline-block;
    vertical-align: middle;
    width: 51.182%;
    padding-left: 25px;
}

.blog-img.is-thumb a {
    height: 100%;
    width: 100%;
}

.blog-content.is-thumb .blog-btn {
    margin-top: 20px;
    height: 53px;
}

.blog-item:nth-child(even) .blog-inner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.blog-item:nth-child(even) .blog-content.is-thumb {
    padding-left: 0;
    padding-right: 25px;
}

.blog-img.is-thumb a img {
    opacity: 1;
}

.blog-img.is-thumb a:hover img {
    opacity: .75;
}

.blog-content h2 a {
    color: inherit;
    -webkit-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
}

.blog-content h2 a:hover {
    color: var(--primary-color);
}

.blog-main-post .blog-content h2 {
    line-height: 1;
    margin-bottom: 5px;
}

.blog-main-post {
    display: block;
    position: relative;
}

.blog-subscribe-btn a em[class^=ai-font] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 20px;
    color: #fff;
    margin-right: 18px;
    -webkit-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
}

.blog-subscribe-btn a em[class^=ai-font]:before {
    margin-right: -5px;
}

.blog-subscribe-btn a:hover em[class^=ai-font] {
    background-color: #fff;
    color: var(--primary-color);
}

.blog-subscribe-btn a:hover em[class^=ai-font] {}

.blog-video a:hover .blog-img img {
    opacity: .75;
}

/*Get in Touch*/
.git-form-container {
    display: block;
    position: relative;
}

.git-form-caption {
    display: block;
    position: relative;
    text-align: center;
    font-size: 14px;
    line-height: 1.3;
    letter-spacing: 0.040em;
    color: #fff;
    margin: 0 -5px 27px;
}

.git-form-container .global-title {
    margin-bottom: 15px;
}

.git-form-container .global-title h2 {
    font-size: 50px;
    letter-spacing: 0.150em;
}

.git-form-widget,
.git-form-widget form {
    display: block;
    position: relative;
}

.git-form-field {
    display: block;
    position: relative;
    margin-bottom: 10px;
}

.git-form-field input:not([type=submit]),
.git-form-field textarea {
    width: 100%;
    height: 60px;
    background-color: transparent;
    border: 1px solid rgba(255, 255, 255, .40);
    font-size: 13px;
    line-height: 1;
    letter-spacing: 0.200em;
    color: #fff;
    padding: 0 20px;
}

.git-form-field textarea {
    height: 120px;
    padding: 23px 20px;
    resize: none;
}

.git-form-field.form-submit button,
.git-form-field.form-submit input {
    margin: 0 auto;
    max-width: 190px;
}

.git-form-field.form-submit {
    margin-top: 30px;
    margin-bottom: 0;
}

.git-form-widget div.wpcf7 .ajax-loader {
    position: absolute;
    bottom: -21px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.git-form-widget div.wpcf7-response-output {
    position: absolute;
    bottom: -35px;
    left: 0;
    width: 100%;
    font-size: 12px;
    color: #fff;
    text-align: center;
    margin: 0 auto !important;
}

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

.git-form-widget .wpcf7-form-control-wrap {
    display: block;
}

.git-form-field.form-submit button:hover,
.git-form-field.form-submit button:focus,
.git-form-field.form-submit input:hover,
.git-form-field.form-submit input:focus {
    background-color: #fff;
    border-color: #fff;
    color: var(--primary-color);
}

/*Footer*/
.footer-container {
    display: block;
    position: relative;
    padding: 102px 0 83px;
    font-size: 0;
    background-color: var(--primary-color);
}

.footer-row {
    display: block;
    position: relative;
    margin: 0 -46px;
}

.footer-col {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    position: relative;
    padding: 0 46px;
}

.footer-col:first-child {
    width: 52.111%;
}

.footer-col:last-child {
    width: 47.889%;
}

.footer-content-container {
    display: block;
    position: relative;
}

.footer-contacts-holder {
    display: block;
    position: relative;
    margin-bottom: 15px;
}

.footer-label {
    display: block;
    position: relative;
    font-size: 24px;
    line-height: 1;
    letter-spacing: 0.150em;
    color: #fff;
    text-transform: uppercase;
    font-family: var(--title-font);
    margin-bottom: 40px;
}

.footer-contacts-holder span {
    display: block;
    position: relative;
    font-size: 18px;
    line-height: 1;
    letter-spacing: 0.200em;
    color: #fff;
    margin-bottom: 15px;
}

.footer-contacts-holder span+span {
    margin-bottom: 0;
}

.footer-contacts-holder span em[class^=ai-font] {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    margin-right: 10px;
    font-size: 12px;
}

.footer-contacts-holder span em.ai-font-phone {
    font-size: 14px;
}

.footer-contacts-holder span a {
    color: inherit;
    -webkit-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
}

.footer-contacts-holder span a:hover {
    color: var(--secondary-color);
}

#footer-nav {
    display: block;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 165px;
    -moz-column-gap: 165px;
    column-gap: 165px;
}

#footer-nav ul.sub-menu li {
    display: block;
    position: relative;
}

#footer-nav ul.sub-menu li a {
    font-size: 12px;
    line-height: 1;
    letter-spacing: 0.200em;
    color: #fff;
    text-transform: uppercase;
    -webkit-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
}

#footer-nav ul.sub-menu li:hover a {
    color: var(--secondary-color);
}

#footer-nav ul.sub-menu {
    margin-top: 25px;
}

#footer-nav>li:not(:last-child) {
    margin-bottom: 35px;
}

#footer-nav ul.sub-menu li:not(:last-child) {
    margin-bottom: 8px;
}

#footer-nav>li:nth-child(2) {
    margin-bottom: 65px;
}

#footer-nav>li {
    display: block;
    vertical-align: middle;
    position: relative;
}

.footer-nav-wrap {
    display: block;
}

#footer-nav>li>a {
    font-size: 18px;
    line-height: 1;
    letter-spacing: 0.200em;
    color: #fff;
    text-transform: uppercase;
    -webkit-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
}

#footer-nav>li>a:hover {
    color: var(--secondary-color);
}

/*Copyright*/
.footer-disclaimer {
    display: block;
    position: relative;
    text-align: center;
    width: 100%;
    margin: 73px auto 23px;
    border-top: 1px solid rgba(255, 255, 255, .14);
    padding: 55px 10px 0;
}

.footer-disclaimer p {
    font-size: 12px;
    line-height: 2.084;
    font-weight: 300;
    letter-spacing: 0.020em;
    color: #fff;
}

.footer-disclaimer p a {
    color: inherit;
    -webkit-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
}

.footer-disclaimer p a:hover {
    color: var(--secondary-color);
}

.copyright {
    font-size: 12px;
    line-height: 1;
    letter-spacing: 0.100em;
    color: #fff;
    position: relative;
    display: block;
    margin-bottom: 14px;
    text-align: center;
    font-weight: 300;
}

.copyright span {
    text-transform: uppercase;
}

.copyright a {
    color: inherit;
    -webkit-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
}

.copyright a:hover {
    color: var(--secondary-color);
}

.footer-links {
    display: block;
    text-align: center;
    font-size: 11px;
    line-height: 1;
    letter-spacing: 0.100em;
    color: #fff;
    margin-bottom: 20px;
}

.footer-links a {
    color: inherit;
    -webkit-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
    text-decoration: underline;
}

.footer-links a:hover {
    color: var(--secondary-color);
}

.mls-logo {
    position: relative;
    display: block;
    text-align: center;
}

.mls-logo span {
    display: inline-block;
    vertical-align: middle;
    font-size: 24px;
    color: #fff;
    margin: 0 5px;
}

.mls-logo span:first-child {
    margin-left: 0;
}

.mls-logo span:last-child {
    margin-right: 0;
}

.mls-logo span.ai-font-realtor-mls {
    font-size: 32px;
}

/*******************************************************
 *
 * 4. IP Styles
 *
 *******************************************************/
.custom-breadcrumbs {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 12px 0;
    background-color: rgba(17, 43, 83, .90);
}

.ip-banner .custom-breadcrumbs>.container {
    position: relative;
    top: 0;
    left: 0;
    transform: none;
}

.ip-container #breadcrumbs {
    font-size: 13px;
    text-transform: uppercase;
    color: #9eafc3;
    line-height: 1;
    letter-spacing: 0.025em;
}


.ip-container #breadcrumbs a {
    color: inherit;
    -webkit-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
}

.ip-container #breadcrumbs a:hover {
    color: #fff;
}

.ip-container #breadcrumbs span.breadcrumb_last {
    color: #fff;
}

.ip-banner {
    position: relative;
    overflow: hidden;
}

.ip-banner:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 72%;
    pointer-events: none;
    z-index: 1;
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.85)), to(rgba(0, 0, 0, 0)));
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0) 100%);
}

.ip-banner canvas {
    display: block;
    position: relative;
    z-index: 0;
    width: 100%;
    min-height: 300px;
    background-color: var(--primary-color);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.ip-banner .container {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 2;
}

.ip-banner h1 {
    font-weight: 400;
    font-size: 45px;
    text-align: center;
    color: #FFF;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 1;
}

.ip-banner h1 span {
    display: block;
    font-size: 24px;
    font-weight: 400;
    text-transform: none;
    letter-spacing: 1px;
}

/* 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: 74.08%;
}

#content-full #content {
    width: 100%;
}

/* Adjust width of sidebar */
.sidebar {
    width: 23.83%;
    margin-top: 80px;
}

/* 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-size: 60px;
    line-height: 1;
    letter-spacing: 0.075em;
    color: #000;
    text-transform: uppercase;
    font-weight: 600;
    font-family: var(--title-font);
}

#content .entry {
    font-size: 16px;
    line-height: 2.25;
    letter-spacing: 0.100em;
    font-weight: 400;
    color: #666666;
}

/* Styles for category/archive/search/etc subheadings (h2) */
#content .archive-subtitle {
    font-size: 32px;
    line-height: 1;
    letter-spacing: 0.075em;
    color: #000;
    text-transform: uppercase;
    font-weight: 600;
    font-family: var(--title-font);
}

/** Archive Default Layout (Archive Page) */
#content .archive-list {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

#content .archive-list:before,
#content .archive-list:after {
    display: none;
}

#content .archive-list>article {
    float: none;
}

#content .archive-list .post {
    border-bottom: none;
}

#content .archive-list .archive-thumbnail,
#content .archive-list .archive-content {
    width: 100%;
}

#content .archive-list .archive-thumbnail a {
    display: block;
    outline: none;
}

#content .archive-list .archive-thumbnail canvas {
    display: block;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

#content .archive-list .article-long .archive-thumbnail {
    width: 60%;
}

#content .archive-list .article-long .archive-has-thumbnail {
    width: 37%;
    margin-left: 3%;
}

#content .archive-list .article-long .archive-has-thumbnail .archive-subtitle {
    margin-top: 0;
    font-size: 32px;
}

#content .archive-list .article-long p {
    font-size: 22px;
}

#content .archive-more {
    font-style: normal;
    text-decoration: none;
}

body.single-post .entry-thumbnail img {
    width: 100%;
    max-width: 100%;
    display: block;
}

/** End of Archive Default Layout (Archive Page) */
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;
    -webkit-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
}

#pojo-a11y-toolbar .pojo-a11y-btn-grayscale,
#pojo-a11y-toolbar .pojo-a11y-btn-light-background,
#pojo-a11y-toolbar .pojo-a11y-btn-high-contrast,
#pojo-a11y-toolbar .pojo-a11y-btn-negative-contrast {
    display: none !important;
}

body.pojo-a11y-readable-font [class*=ai-font-],
body.pojo-a11y-readable-font em[class*=ai-font-] {
    font-family: agentimage !important;
}

body #aios-testimonials.aios-testimonials-page .aios-testimonials-content {
    padding: 0;
}

body .aios-communities-legacy .aioscomu-label {
    line-height: 1;
    font-size: 25px;
}

body.ihf-details-template #post-0>.global-title {
    display: none;
}

body #listings-details .listings-cta>li>a.button-legacy {
    font-size: 16px;
}

body #aios-home-valuation-wrap {
    padding: 200px 0 100px;
}

body.aios-custom-ihomefinder-results-template #content-full .entry-title {
    width: 100%;
    padding: 0;
}

.category .page-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.category .page-links .page-numbers:not(.prev):not(.next) {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border: 1px solid var(--primary-color);
    text-decoration: none !important;
    -webkit-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
}

.category .page-links .page-numbers.current {
    background: var(--primary-color);
    color: #fff;
}

#content .page-links a:hover {
    background-color: var(--primary-color);
    color: #fff;
}

body #agents-results .agent-top {
    margin: 0;
}

body #agents-results .agents-contact li a:hover {
    color: var(--secondary-color);
}

body #agents-results .agents-contact {
    background-color: var(--primary-color);
}

body #agents-results .agents-contact li {
    color: #fff;
}

body #agents-results .agents-contact li span {
    color: var(--secondary-color);
}

body #content #agents-results .agents-button {
    /*border-color: #fff;*/
    color: #fff;
    background: #112b53;
}

body #agents-results .agents-name {
    /* color: #fff; */
}

body #content #agents-results .agents-name a:hover {
    color: var(--secondary-color);
}

body #agents-single ul.agents-contact li>div {
    padding: 0;
    margin-bottom: 0 !important;
}

body #agents-single .agents-contact li>div>span {
    float: none;
}

body #agents-single ul.agents-contact li>div {
    text-align: center;
}

body #agents-single .agents-contact li {
    height: auto !important;
    margin: 0 0 20px !important;
}

body #agents-single .agents-smi {
    margin: 0 auto 20px;
}

body #agents-single .agents-contact li a:hover {
    color: var(--primary-color);
}

body #agents-single .agents-contact li>div>span {
    color: var(--secondary-color);
}

body .aiosp-wrap .aiosp-ref-\#agents-popup-form input[type=submit] {
    color: #000;
}

body .aiosp-wrap .aiosp-ref-\#agents-popup-form input[type=submit]:hover {
    color: var(--primary-color);
}


body.single-aios-agents span.wpcf7-spinner {
    bottom: -20px;
}


body.single-aios-agents .wpcf7 form .wpcf7-response-output {
    color: #000 !important;
}


span.wpcf7-spinner {
    position: absolute;
    bottom: -30px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.use-floating-validation-tip .wpcf7-not-valid-tip {
    position: absolute;
    top: 20%;
    left: 20%;
    width: auto;
    font-size: 12px;
    line-height: 1.1;
    letter-spacing: normal;
}

body .wpcf7 form .wpcf7-response-output {
    text-align: center;
    font-size: 12px;
}

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

body.aios-custom-ihomefinder-details-template .wpcf7-not-valid-tip {
    font-size: 11px;
    letter-spacing: normal;
}

body #listings-details .listings-form div.wpcf7-response-output {
    font-size: 11px;
    letter-spacing: normal;
}

body #listings-details .listings-slideshow-splide .splide__main .aios-custom-ihomefinder-template-img-loader:after {

    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 40%;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(35%, rgba(14, 14, 14, 0)), to(rgba(14, 14, 14, 1))) !important;
    background: -o-linear-gradient(bottom, rgba(14, 14, 14, 0) 35%, rgba(14, 14, 14, 1) 100%) !important;
    background: linear-gradient(to top, rgba(14, 14, 14, 0) 35%, rgba(14, 14, 14, 1) 100%) !important;
    z-index: 3;
}

body #listings-details .listings-slideshow-splide.splide-default .listings-slideshow-splide-text span {
    text-shadow: 0 2px 3px #000;
}

body #listings-details .listings-link-navigation-main:hover {
    color: #fff !important;
}

body .aios-custom-ihomefinder-template-credits {
    margin-bottom: 50px;
}


/*#featured-properties, #featured-areas, #meet-the-team{
    opacity: 0;
}

#call-to-action, #real-estate-auction, #blog, footer.footer{
    display: none;
}*/

.qs-field button.btn.dropdown-toggle.bs-placeholder.btn-default {
    background-color: #fff !important;
    box-shadow: none !important;
    outline: none !important;
}

.qs-field .bootstrap-select.btn-group .dropdown-toggle .filter-option {
    font-size: 11px;
    color: #000;
    text-transform: uppercase;
    letter-spacing: 0.200em;
}


.qs-field .bootstrap-select.btn-group .dropdown-menu.inner {
    max-height: 200px !important;
}

#quicksearch .open>.dropdown-toggle.btn-default:focus,
#quicksearch .open>.dropdown-toggle.btn-default:hover,
#quicksearch .open>.dropdown-toggle.btn-default {
    background-color: #ffffff !important;
}

#ihf-save-listing-form .form-group>.ihf-modal-form-response-output.output-error,
#ihf-save-search-form .form-group>.ihf-modal-form-response-output.output-error {
    display: none !important;
}

body #listings-results .listings-table .listings-table-body .listings-table-label {
    color: #fff;
}


.abt-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 59px;
    border: 1px solid var(--primary-color);
    font-size: 13px;
    font-weight: 600;
    color: #000;
    text-transform: uppercase;
    padding: 0 5px;
    text-align: center;
    -webkit-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
    background-color: transparent;
}

.abt-btn:hover,
.abt-btn:focus,
.abt-btn.active {
    background-color: var(--primary-color);
    color: #fff;
    border-color: var(--primary-color) !important;
}

.ftr-smi {
    display: flex;
    align-items: center;
    margin: 0 0 45px;
}

.ftr-smi a {
    font-size: 22px;
    color: #fff;
    padding: 5px;
    margin-right: 15px;
    -webkit-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
}

.ftr-smi a:hover {
    color: var(--secondary-color);
}

.qs-form-title h2 {

    font-size: 36px !important;

}

.ai-contact-address {
    line-height: 1.3;
    font-size: 18px;
    font-weight: 500;
    position: relative;
    padding-left: 30px;
    margin-bottom: 40px;
}

.ai-contact-address em.ai-font-location {
    position: absolute;
    top: 1px;
    left: 0;
}

.ip-contact-iframe {
    display: block;
    position: relative;
}

.ip-contact-iframe iframe {
    width: 100%;
    height: 450px;
}


.ip-pm-form {
    display: block;
    width: 100%;
    max-width: 650px;
    margin: 0 auto;
}

.mtt-img img {
    -o-object-position: top center;
    object-position: top center;
}


.mtt-img img[src*="/wp-content/uploads/2023/05/agent-placeholder"] {
    -o-object-position: center;
    object-position: center;
}

.mtt-img img[src*="/wp-content/uploads/2023/05/pamela-rogers"] {
    -o-object-position: center 20%;
    object-position: center 20%;
}


.single-aios-agents .ip-prop-container .global-slide-btn {
    display: none;
}

.bootstrap-select.btn-group .dropdown-menu {
    min-width: -webkit-fill-available !important;
}

body.aios-custom-ihomefinder-printable-template #content .listings-printable-header {
    filter: drop-shadow(0px 1px 2px #000);
    -webkit-filter: drop-shadow(0px 1px 2px #000);
}

.grecaptcha-badge {
    z-index: 1010 !important;
}

.single-aios-agents .noResult {
    font-size: 14px;
}

.aios-custom-ihomefinder-results-template .ip-banner .custom-breadcrumbs>.container {
    width: 100%;
}

ul.sitemap-list .page-item-453 {
    display: none;
}

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