/*
Theme Name: johnsonandwilson.com
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 */
    --font-poppins: 'Poppins', sans-serif;
    --font-cormorant: 'Cormorant', serif;
    --font-size-default: 14px;
    --font-size-title: 18px;
    --font-color-default: #000000;
    --font-color-title: #ad862d;
    /** Use for input, button, and any other element */
    --primary: #ad862d;
    --secondary: #6c757d;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #343a40;
}

/*******************************************************
 *
 * 2. Navigation
 *
 *******************************************************/
#nav {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    padding-top: 2px;
    transition: all .3s ease;
}

#nav li {
    position: relative;
}

#nav li a {
    color: #fff;
    font-weight: 300;
    font-size: 14px;
    letter-spacing: 0.06em;
    color: #cccccc;
    line-height: 1;
    display: block;
    font-weight: 400;
    transition: all .3s ease;
}

#nav > li {
    display: inline-block;
}

#nav > li:first-child {
    margin-left: 0 !important;
}

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

#nav > li:before {
    content: '';
    width: 1px;
    /*height: 19px;*/
    height: 1.188vw;
    background: var(--primary);
    position: absolute;
    left: 100%;
    top: 0;
    bottom: 0;
    margin-top: auto !important;
    margin-bottom: auto !important;
}

#nav > li:last-child:before {
    display: none;
}

#nav > li,
#nav > li:before {
    /*margin: 0 45px;           */
    margin: 0 35px;
    transition: all .3s ease;
}

#nav > li > a {
    font-size: 17px;
    padding: 25px 0;
    /*font-size: 1.063vw;
            padding: 1.563vw 0;*/
    letter-spacing: 0.1em;
    line-height: 1;
    text-transform: uppercase;
    color: #fff;
    font-weight: 400;
}

#nav .sub-menu {
    list-style: none outside none;
    margin: 0;
    background: transparent;
    padding: 0;
    position: absolute;
    width: 100%;
    min-width: 244px;
    transform: translateY(20px);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: all .3s ease;
}

#nav > li > .sub-menu {
    left: calc(50% - 122px);
}

#nav li.submenu-lg > .sub-menu {
    min-width: 320px;
}

#nav > li.submenu-lg > .sub-menu {
    left: calc(50% - 160px);
}

#nav .sub-menu a {
    display: block;
    padding: 18px 5px;
    background: rgba(0, 0, 0, 0.9);
    transition: all .3s ease;
}

#nav .sub-menu li:hover > a,
#nav .sub-menu li:focus-within > a {
    background: rgba(171, 137, 58, 0.9);
}

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

#nav li:hover > .sub-menu {
    transform: translate(0);
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}

#nav .sub-menu li {
    position: relative;
    margin-bottom: 1px;
    padding-right: 1px;
}

/*******************************************************
 *
 * 3. Custom CSS
 *
 *******************************************************/
/* Global */
body {
    font-family: var(--font-poppins);
    font-size: var(--font-size-default);
    background: #000;
    color: #fff;
    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; */
}

#main-wrapper {
    overflow: hidden;
}

a {
    color: inherit;
}

a:hover {
    color: var(--primary);
}

a:hover,
a:focus,
.slick-slide,
.slick-slide a {
    outline: none;
    text-decoration: none;
}

input,
select,
textarea {
    outline: none;
    color: #000;
}

input:focus,
textarea:focus {
    color: #000;
}

.flex {
    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;
}

.flex:before,
.flex:after {
    display: none;
}

.dir-col {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
}

.dir-col-reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-flow: column-reverse wrap;
    flex-flow: column-reverse wrap;
}

.dir-row-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-flow: row-reverse wrap;
    flex-flow: row-reverse wrap;
}

.al-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.al-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.al-end {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.ju-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.ju-start {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.ju-end {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.ju-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.accent-logo {
    position: absolute;
    width: 569px;
    height: 523px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: -1;
    opacity: 0.1;
}

.section-title.is-centered {
    text-align: center;
}

.section-title {
    line-height: 1;
    text-transform: uppercase;
}

.section-title span {
    display: block;
    font-weight: 300;
    font-size: 20px;
    letter-spacing: 0.06em;
    color: #fff;
}

.section-title strong {
    display: inline-block;
    font-size: 70px;
    line-height: 1;
    letter-spacing: 0;
    color: var(--primary);
    font-family: var(--font-cormorant);
    position: relative;
    font-weight: 500;
    margin: 8px 0 0;
}

.section-title .accent-line:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 100%;
    height: 1px;
    width: 100vw;
    background: var(--primary);
}

.section-title .accent-line.on-left:before {
    right: 100%;
    left: initial;
}

a.btn-a,
.btn-a {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 220px;
    max-width: 100%;
    background: transparent;
    border: 2px solid var(--primary);
    font-size: 15px;
    letter-spacing: 0.075em;
    line-height: 1;
    text-align: center;
    transition: all .3s ease;
    padding: 15px 15px 16px;
    color: #fff;
}

a.btn-a:hover,
.btn-a:hover,
a.btn-a:focus,
.btn-a:focus {
    background: #fff;
    border-color: #fff;
    color: #000;
}

.hp-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: -1;
}

.hp-bg:before,
.hp-bg:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.smi-list {}

.smi-list a {
    display: inline-flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: var(--primary);
    color: #fff;
    font-size: 20px;
    text-align: center;
    transition: background .3s ease, color .3s ease;
}

.smi-list a:hover {
    background: #fff;
    color: #000;
}

/*PULLOUT MENU | START*/
.pullout-menu-bg.is-active {
    display: block;
}

.pullout-menu.is-active {
    transform: translateX(0);
}

.pullout-menu-bg {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1011;
    display: none;
    cursor: pointer;
}

.pullout-menu {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1011;
    width: 1135px;
    max-width: 90%;
    transform: translateX(100%);
    transition: all .4s ease;
}

.pullout-menu .hp-bg {
    background-color: #0d0d0d;
    background-size: 100%;
    background-repeat: repeat;
    background-position: 50% 69%;
}

.pullou-menu-btn {
    padding: 39px 3.063vw 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.pullou-menu-btn .menu-toggle {
    margin-left: auto;
    background: transparent;
    border: 1px solid var(--primary);
    pointer-events: auto;
    transition: all .3s ease;
}

.pullou-menu-btn .menu-toggle span {
    width: 20px;
    height: 20px;
    position: relative;
    display: block;
}

.pullou-menu-btn .menu-toggle i {
    margin: auto;
    width: 13px;
    height: 3px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.pullou-menu-btn .menu-toggle i:first-child {
    transform: rotate(45deg);
}

.pullou-menu-btn .menu-toggle i:last-child {
    transform: rotate(-45deg);
}

.pullou-menu-btn .menu-toggle:hover {
    background: #000;
    border-color: #000;
}

.pullout-menu-inner {
    /* padding: 93px 8.9% 40px; */
    padding: 93px 5% 40px;
    max-height: 100%;
    overflow: auto;
}

.pullout-menu-nav {}

#pullout_nav {
    display: flex;
    flex-flow: column wrap;
    max-height: 750px;
}

#pullout_nav > li {
    margin-bottom: 29px;
    /* width: 33.33%; */
    width: 25%;
}

#pullout_nav > li > a {
    font-weight: 500;
    font-family: var(--font-cormorant);
    color: var(--primary);
    text-transform: uppercase;
    font-size: 25px;
    letter-spacing: 0.06em;
    line-height: 1;
    display: inline-block;
    margin-bottom: 9px;
    transition: color .3s ease;
}

#pullout_nav > li > a:hover {
    color: #fff;
}

#pullout_nav .sub-menu {}

#pullout_nav .sub-menu li {}

#pullout_nav .sub-menu a {
    font-size: 14px;
    letter-spacing: 0.06em;
    line-height: 24px;
    color: #fff;
    font-weight: 300;
    transition: color .3s ease;
}

#pullout_nav .sub-menu .sub-menu {
    padding: 3px 0 3px 30px;
}

#pullout_nav .sub-menu .sub-menu a {
    font-size: 11px;
    line-height: 21px;
    color: #666666;
}

#pullout_nav .sub-menu a:hover {
    color: var(--primary);
}

.pullout-menu-contact-info {}

.pullout-menu-contact {
    width: 300px;
    display: inline-block;
    vertical-align: top;
    position: relative;
    padding-left: 26px;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.05em;
    color: #999999;
    text-transform: uppercase;
    font-weight: 300;
}

.pullout-menu-contact i {
    position: absolute;
    font-size: 21px;
    top: 3px;
    left: 0;
    color: var(--primary);
}

/*PULLOUT MENU | END*/
/*FIXED HEADER | START*/
header.header.is-active {
    background: #000;
    padding: 0;
}

.is-active .header-logo {
    opacity: 1;
    pointer-events: all;
    /*width: 180px;*/
    /*margin-left: 50px;*/
    margin-left: 3.125vw;
}

.is-active #nav {
    padding: 0;
}

/*FIXED HEADER | END*/
/*HEADER | START*/
header.header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 101;
    padding: 39px 0 0;
    transition: all .3s ease;
}

.header-container {
    padding: 0 3.063%;
    padding: 0 2.063%;
}

.header-logo {
    width: 81px;
    text-align: center;
    opacity: 0;
    pointer-events: none;
    transition: all .3s ease;
    font-size: 0;
}

.header-logo a {
    display: inline-block;
}

.header-logo a img {
    display: block;
    max-width: 100%;
    height: auto;
}

.header-nav {
    flex-grow: 1;
    text-align: center;
}

.header-menu-btn {
    width: 70px;
}

.menu-toggle {
    width: 70px;
    height: 70px;
    background: #000;
    border: none;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: center;
}

.menu-toggle span {
    display: inline-flex;
    flex-flow: row wrap;
    justify-content: space-between;
    width: 15px;
    height: 12px;
}

.menu-toggle span i {
    display: inline-block;
    width: 3px;
    height: 3px;
    background: var(--primary);
    margin: 1px 1px 2px;
}

/*HEADER | END*/
/*SIDE NAVIGATION | START*/
#scroll-down.nav-active-section-section-7 {
    left: 1%;
}

#scroll-down {
    position: fixed;
    z-index: 2;
    top: 50%;
    transform: translateY(-50%);
    left: 2.625%;
    transition: all .3s ease;
}

#scroll-down li {
    margin-bottom: 13px;
}

#scroll-down li:last-child {
    margin-bottom: 0;
}

#scroll-down li span.scroll-section-title {
    display: none;
}

#scroll-down li a {
    display: block;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    position: relative;
}

#scroll-down li a:before,
#scroll-down li a:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    border-radius: 50%;
    transition: all .3s ease;
}

#scroll-down li a:before {
    background: #fff;
    width: 3px;
    height: 3px;
    opacity: 0.35;
}

#scroll-down li a:after {
    border: 2px solid var(--primary);
    opacity: 0;
}

#scroll-down li:first-child a:after {
    border-color: #fff;
}

#scroll-down li.nav-active-section a:after {
    opacity: 1;
}

/*SIDE NAVIGATION | END*/
/*SLIDESHOW | START*/
section.section-1 {
    position: relative;
}

#hp-slide {
    position: relative;
}

#hp-slide:before,
#hp-slide:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

#hp-slide:before {
    bottom: 0;
    z-index: 1;
    background: #000;
    opacity: 0.15;
}

#hp-slide:after {
    height: 250px;
    background: rgb(0, 0, 0);
    background: -moz-linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#000000", GradientType=1);
    opacity: 0.35;
}

.hp-slide-logo {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    z-index: 1;
    padding: 0 1% 1.9% 0;
}

.hp-slide-logo a {
    display: inline-block;
}

.hp-slide-logo a img {
    margin: 0 auto;
    display: block;
}

.hp-slide-smi {
    position: absolute;
    right: 30px;
    width: 40px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
}

.hp-slide-smi a {
    margin-bottom: 15px;
}

.hp-slide-smi a:last-child {
    margin-bottom: 0;
}

/*SLIDESHOW | END*/
/*WELCOME | START*/
section.section-2 {
    position: relative;
    z-index: 1;
}

#hp-welcome {
    position: relative;
}

#hp-welcome:before {
    content: '';
    position: absolute;
    bottom: 100%;
    left: 0;
    width: 32.563%;
    height: 40px;
    background: rgb(148, 97, 31);
    background: -moz-linear-gradient(90deg, rgba(148, 97, 31, 1) 0%, rgba(198, 171, 59, 1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(148, 97, 31, 1) 0%, rgba(198, 171, 59, 1) 100%);
    background: linear-gradient(90deg, rgba(148, 97, 31, 1) 0%, rgba(198, 171, 59, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#94611f", endColorstr="#c6ab3b", GradientType=1);
}

.wc-inner {}

.wc-img {
    width: 49.063%;
    background-position: center top;
    /*background-color: #fff;*/
    background-size: 100%;
    align-items: center;
}

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

.wc-text {
    width: 50.937%;
    padding: 33px 7.063% 30px 7.688%;
    position: relative;
    background-color: #000;
    z-index: 1;
}

.wc-text .accent-logo {
    width: 69.818%;
}

.wc-text .section-title {
    margin-bottom: 39px;
}

.wc-text .section-title span:last-child {
    font-size: 25px;
    margin-top: 6px;
    letter-spacing: 0.15em;
}

.wc-text .section-title .accent-line:before {
    left: 105px;
    bottom: initial;
    top: -20px;
    margin: 0;
}

.wc-text h3 {
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    margin-bottom: 19px;
}

.wc-text p {
    font-weight: 300;
    font-size: 14px;
    line-height: 1.786;
    color: #cccccc;
    margin-bottom: 42px;
}

/*WELCOME | END*/
/*FEATURED PROPERTIES | START*/
section.section-3 {
    position: relative;
}

#hp-fp {
    position: relative;
    padding: 88px 0 93px 6.250%;
    z-index: 1;
    min-height: 800px;
}

.fp-inner {
    position: relative;
}

.fp-title {
    position: absolute;
    top: 0;
    left: 0;
    width: 33.33%;
    height: 50%;
    padding: 37px 0 0;
}

.fp-list {
    font-size: 0;
    margin: 0 -2px;
}

.fp-list .slick-list {
    overflow: visible;
}

.fp:nth-child(1) {
    margin-left: 33.33%;
}

.fp:nth-child(4) ~ .fp {
    display: none;
}

.fp {
    display: inline-block;
    vertical-align: top;
    width: 33.33% !important;
    padding: 2px 2px;
    z-index: 1;
    position: relative;
    transition: z-index .3s .3s ease;
}

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

.fp a canvas {
    display: block;
    width: 100%;
    min-height: 350px;
}

.fp-hover {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    transition: all .3s ease;
}

.fp-img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-position: center;
    background-size: cover;
    z-index: -1;
}

.fp-img:before,
.fp-img:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: all .3s ease;
}

.fp-img:before {
    background: #000;
    opacity: 0.15;
}

.fp-img:after {
    border: 10px solid #fff;
    opacity: 0;
}

.fp-details {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    /*padding: 0 28px 26px;*/
    padding: 0 5.6% 5.3%;
}

.fp-address {
    font-size: 25px;
    font-weight: 300;
    letter-spacing: 0.05em;
    line-height: 1;
    color: #fff;
    text-transform: uppercase;
    width: 65%;
    transition: all .3s ease;
}

.fp-address span {
    display: block;
    font-size: 14px;
    letter-spacing: 0.05em;
    margin-top: 9px;
}

.fp-btn {
    width: 35%;
    opacity: 0;
    transition: all .3s ease;
}

.fp-btn .btn-a {
    background: #fff;
    border-color: #fff;
    color: #000;
}

.fp:hover {
    z-index: 2;
    transition: z-index .01s ease;
}

.fp:hover ~ .fp {
    transition: z-index .01s ease;
}

.fp a:hover .fp-hover {
    top: -60px;
    right: -60px;
    left: -60px;
    bottom: -60px;
}

.fp:nth-child(2) a:hover .fp-hover {
    right: 0;
    left: -120px;
}

.fp:nth-child(3) a:hover .fp-hover {
    right: -120px;
    left: 0;
}

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

.fp a:hover .fp-address {
    width: 59.865%;
}

.fp a:hover .fp-btn {
    opacity: 1;
    width: 40.135%;
}

.fp-btn-list {
    position: absolute;
    right: 0;
    bottom: 0;
    height: 50%;
    width: 33.33%;
}

.fp-btn-list div {
    width: 100%;
    /*padding: 35px 16.405% 0;*/
    /* padding: 230px 16.405% 0; */
    padding: 0 16.405% 0;
}

a.fp-link-btn:first-child {
    margin-top: 0;
}

a.fp-link-btn:last-child {
    margin-bottom: 0;
}

a.fp-link-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 68px;
    font-size: 25px;
    font-weight: 400;
    font-family: var(--font-cormorant);
    color: #fff;
    background: var(--primary);
    border: none;
    position: relative;
    text-align: center;
    margin: 20px 0;
    text-transform: uppercase;
    transition: all .3s ease;
}

a.fp-link-btn:before {
    content: '';
    width: 52px;
    height: 1px;
    background: #fff;
    top: 0;
    bottom: 0;
    margin: auto;
    left: -34px;
    position: absolute;
}

a.fp-link-btn:hover {
    background: #fff;
    color: #000;
}

/*FEATURED PROPERTIES | END*/
/*FEATURED MAP | START */
section.section-4 {
    position: relative;
}

#hp-map {
    max-width: 1600px;
    margin: 0 auto;
}

.map-container {
    padding: 92px 0 0;
    position: relative;
}

.map-list-wrap {
    position: absolute;
    /*left: 213px;
            top: 507px;*/
    left: 13.3%;
    top: 40.9%;
    z-index: 2;
}

.map-list-wrap .section-title {
    margin-bottom: 62px;
}

.map-list-wrap ul {}

.map-list-wrap ul li {
    margin-bottom: 28px;
}

.map-list-wrap ul li a {
    font-size: 23px;
    letter-spacing: 0.15em;
    line-height: 1;
    color: #fff;
    font-weight: 300;
    transition: color .3s ease, text-shadow .3s ease;
    ;
}

.map-list-wrap ul li a:hover,
.map-list-wrap ul li a.active {
    color: var(--primary);
    text-shadow: rgb(0, 0, 0) 2px 0px 0px, rgb(0, 0, 0) 1.75517px 0.958851px 0px, rgb(0, 0, 0) 1.0806px 1.68294px 0px, rgb(0, 0, 0) 0.141474px 1.99499px 0px, rgb(0, 0, 0) -0.832294px 1.81859px 0px, rgb(0, 0, 0) -1.60229px 1.19694px 0px, rgb(0, 0, 0) -1.97998px 0.28224px 0px, rgb(0, 0, 0) -1.87291px -0.701566px 0px, rgb(0, 0, 0) -1.30729px -1.5136px 0px, rgb(0, 0, 0) -0.421592px -1.95506px 0px, rgb(0, 0, 0) 0.567324px -1.91785px 0px, rgb(0, 0, 0) 1.41734px -1.41108px 0px, rgb(0, 0, 0) 1.92034px -0.558831px 0px;
}

.map-areas {
    /*width: 1236px;*/
    width: 77.250%;
    margin-left: auto;
    position: relative;
}

.map-areas > img {
    display: block;
}

.map-hovers {
    position: absolute;
    top: 0;
    left: 0;
}

.map-hover {
    position: absolute;
    pointer-events: none;
}

.map-hover h2 {
    position: absolute;
    font-size: 15px;
    letter-spacing: 0.15em;
    line-height: 20px;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    text-shadow: rgb(173, 134, 45) 2px 0px 0px, rgb(173, 134, 45) 1.75517px 0.958851px 0px, rgb(173, 134, 45) 1.0806px 1.68294px 0px, rgb(173, 134, 45) 0.141474px 1.99499px 0px, rgb(173, 134, 45) -0.832294px 1.81859px 0px, rgb(173, 134, 45) -1.60229px 1.19694px 0px, rgb(173, 134, 45) -1.97998px 0.28224px 0px, rgb(173, 134, 45) -1.87291px -0.701566px 0px, rgb(173, 134, 45) -1.30729px -1.5136px 0px, rgb(173, 134, 45) -0.421592px -1.95506px 0px, rgb(173, 134, 45) 0.567324px -1.91785px 0px, rgb(173, 134, 45) 1.41734px -1.41108px 0px, rgb(173, 134, 45) 1.92034px -0.558831px 0px;
}

.map-hover img,
.map-hover h2 {
    opacity: 0;
    transition: opacity .3s ease;
}

.map-hover a {
    pointer-events: auto;
    position: absolute;
    font-size: 11px;
    text-align: left;
    line-height: 12px;
    color: #fff;
    padding-left: 17px;
    text-shadow: rgb(0, 0, 0) 2px 0px 0px, rgb(0, 0, 0) 1.75517px 0.958851px 0px, rgb(0, 0, 0) 1.0806px 1.68294px 0px, rgb(0, 0, 0) 0.141474px 1.99499px 0px, rgb(0, 0, 0) -0.832294px 1.81859px 0px, rgb(0, 0, 0) -1.60229px 1.19694px 0px, rgb(0, 0, 0) -1.97998px 0.28224px 0px, rgb(0, 0, 0) -1.87291px -0.701566px 0px, rgb(0, 0, 0) -1.30729px -1.5136px 0px, rgb(0, 0, 0) -0.421592px -1.95506px 0px, rgb(0, 0, 0) 0.567324px -1.91785px 0px, rgb(0, 0, 0) 1.41734px -1.41108px 0px, rgb(0, 0, 0) 1.92034px -0.558831px 0px;
    white-space: nowrap;
    transition: color .3s ease, text-shadow .3s ease;
}

.map-hover a:before {
    content: '';
    position: absolute;
    left: 0;
    top: 3px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #000;
    transition: all .3s ease;
}

.map-hover a span {
    display: block;
    transform-origin: left;
    transition: transform .3s ease;
}

.map-hover a.dot-on-right {
    padding-left: 0;
    padding-right: 17px;
}

.map-hover a.dot-on-right:before {
    left: initial;
    right: 0;
}

.map-hover a.dot-on-right span {
    transform-origin: right;
}

.map-hover.active img,
.map-hover.active h2 {
    opacity: 1;
}

.map-hover.active a {
    text-shadow: rgb(173, 134, 45) 2px 0px 0px, rgb(173, 134, 45) 1.75517px 0.958851px 0px, rgb(173, 134, 45) 1.0806px 1.68294px 0px, rgb(173, 134, 45) 0.141474px 1.99499px 0px, rgb(173, 134, 45) -0.832294px 1.81859px 0px, rgb(173, 134, 45) -1.60229px 1.19694px 0px, rgb(173, 134, 45) -1.97998px 0.28224px 0px, rgb(173, 134, 45) -1.87291px -0.701566px 0px, rgb(173, 134, 45) -1.30729px -1.5136px 0px, rgb(173, 134, 45) -0.421592px -1.95506px 0px, rgb(173, 134, 45) 0.567324px -1.91785px 0px, rgb(173, 134, 45) 1.41734px -1.41108px 0px, rgb(173, 134, 45) 1.92034px -0.558831px 0px;
}

.map-hover.active a:before {
    background: #c3a739;
}

.map-hover a:hover span {
    transform: scale(1.2);
}

.map-hover[data-area="lexington-county"] {
    display: block;
    top: 40px;
    left: 27px;
}

.map-hover[data-area="lexington-county"] h2 {
    top: 230px;
    left: 10px;
}

.map-hover[data-area="lexington-county"] a[data-sub-area="Chapin"] {
    top: 15px;
    left: 98px;
}

.map-hover[data-area="lexington-county"] a[data-sub-area="Irmo"] {
    top: 86px;
    left: 183px;
}

.map-hover[data-area="lexington-county"] a[data-sub-area="Lexington"] {
    top: 137px;
    left: 133px;
}

.map-hover[data-area="lexington-county"] a[data-sub-area="Cayce"] {
    top: 157px;
    left: 233px;
}

.map-hover[data-area="lexington-county"] a[data-sub-area="Murray"] {
    top: 151px;
    left: 50px;
}

.map-hover[data-area="lexington-county"] a[data-sub-area="Gilbert"] {
    top: 173px;
    left: 70px;
}

.map-hover[data-area="lexington-county"] a[data-sub-area="South Conartee"] {
    top: 182px;
    left: 160px;
}

.map-hover[data-area="lexington-county"] a[data-sub-area="Batesburg-Leesville"] {
    top: 188px;
    left: 14px;
}

.map-hover[data-area="lexington-county"] a[data-sub-area="Macedon"] {
    top: 222px;
    left: 120px;
}

.map-hover[data-area="lexington-county"] a[data-sub-area="Gaston"] {
    top: 229px;
    left: 201px;
}

.map-hover[data-area="lexington-county"] a[data-sub-area="Pelion"] {
    top: 265px;
    left: 140px;
}

.map-hover[data-area="lexington-county"] a[data-sub-area="Swansea"] {
    top: 271px;
    left: 201px;
}

.map-hover[data-area="lexington-county"] a[data-sub-area="Thor"] {
    top: 288px;
    left: 150px;
}

.map-hover[data-area="richland-county"] {
    display: block;
    top: 0px;
    left: 139px;
}

.map-hover[data-area="richland-county"] h2 {
    top: 60px;
    left: 150px;
}

.map-hover[data-area="richland-county"] a[data-sub-area="Blythewood"] {
    top: 30px;
    left: 149px;
}

.map-hover[data-area="richland-county"] a[data-sub-area="Lake Murtray of Richland"] {
    top: 79px;
    left: 50px;
}

.map-hover[data-area="richland-county"] a[data-sub-area="Dentsville"] {
    top: 115px;
    left: 203px;
}

.map-hover[data-area="richland-county"] a[data-sub-area="Cedar Creek"] {
    top: 125px;
    left: 285px;
}

.map-hover[data-area="richland-county"] a[data-sub-area="Forest Acres"] {
    top: 143px;
    left: 174px;
}

.map-hover[data-area="richland-county"] a[data-sub-area="Columbia"] {
    top: 166px;
    left: 153px;
}

.map-hover[data-area="richland-county"] a[data-sub-area="Horrel Hill"] {
    top: 186px;
    left: 224px;
}

.map-hover[data-area="richland-county"] a[data-sub-area="Hopkins"] {
    top: 210px;
    left: 197px;
}

.map-hover[data-area="richland-county"] a[data-sub-area="Congaree"] {
    top: 210px;
    left: 268px;
}

.map-hover[data-area="richland-county"] a[data-sub-area="Eastover"] {
    top: 241px;
    left: 278px;
}

.map-hover[data-area="richland-county"] a[data-sub-area="Gadsden"] {
    top: 261px;
    left: 238px;
}

.map-hover[data-area="richland-county"] a[data-sub-area="Wateree"] {
    top: 271px;
    left: 333px;
}

.map-hover[data-area="sumter-county"] {
    display: block;
    top: 58px;
    left: 486px;
}

.map-hover[data-area="sumter-county"] h2 {
    top: 154px;
    left: 30px;
}

.map-hover[data-area="sumter-county"] a[data-sub-area="Rembert"] {
    top: 43px;
    left: 43px;
}

.map-hover[data-area="sumter-county"] a[data-sub-area="Hagood"] {
    top: 64px;
    left: 35px;
}

.map-hover[data-area="sumter-county"] a[data-sub-area="Dalzell"] {
    top: 81px;
    left: 74px;
}

.map-hover[data-area="sumter-county"] a[data-sub-area="Shaw AFB"] {
    top: 106px;
    left: 44px;
}

.map-hover[data-area="sumter-county"] a[data-sub-area="Cherryvale"] {
    top: 128px;
    left: 34px;
}

.map-hover[data-area="sumter-county"] a[data-sub-area="Mulberry"] {
    top: 115px;
    left: 125px;
}

.map-hover[data-area="sumter-county"] a[data-sub-area="Mayesville"] {
    top: 112px;
    left: 206px;
}

.map-hover[data-area="sumter-county"] a[data-sub-area="Sumter"] {
    top: 140px;
    left: 135px;
}

.map-hover[data-area="sumter-county"] a[data-sub-area="South Sumter"] {
    top: 163px;
    left: 126px;
}

.map-hover[data-area="sumter-county"] a[data-sub-area="Lakewood"] {
    top: 188px;
    left: 121px;
}

.map-hover[data-area="sumter-county"] a[data-sub-area="Privateer"] {
    top: 210px;
    left: 91px;
}

.map-hover[data-area="sumter-county"] a[data-sub-area="Pinewood"] {
    top: 241px;
    left: 61px;
}

.map-hover[data-area="calhoun-county"] {
    display: block;
    top: 232px;
    left: 281px;
}

.map-hover[data-area="calhoun-county"] h2 {
    left: 24px;
    top: 133px;
}

.map-hover[data-area="calhoun-county"] a[data-sub-area="Sandy Run"] {
    top: 45px;
    left: 22px;
}

.map-hover[data-area="calhoun-county"] a[data-sub-area="Hammond Crossroads"] {
    top: 90px;
    left: 72px;
}

.map-hover[data-area="calhoun-county"] a[data-sub-area="Fort Motte"] {
    top: 90px;
    left: 172px;
}

.map-hover[data-area="calhoun-county"] a[data-sub-area="Singleton"] {
    top: 121px;
    left: 162px;
}

.map-hover[data-area="calhoun-county"] a[data-sub-area="St. Matthews"] {
    top: 142px;
    left: 113px;
}

.map-hover[data-area="calhoun-county"] a[data-sub-area="Lone Star"] {
    top: 152px;
    left: 225px;
}

.map-hover[data-area="calhoun-county"] a[data-sub-area="Creston"] {
    top: 172px;
    left: 182px;
}

.map-hover[data-area="calhoun-county"] a[data-sub-area="Cameron"] {
    top: 193px;
    left: 170px;
}

.map-hover[data-area="orangeburg-county"] {
    display: block;
    top: 335px;
    left: 125px;
}

.map-hover[data-area="orangeburg-county"] h2 {
    top: 70px;
    left: -10px;
}

.map-hover[data-area="orangeburg-county"] a[data-sub-area="Woodford"] {
    top: 16px;
    left: 128px;
}

.map-hover[data-area="orangeburg-county"] a[data-sub-area="North"] {
    top: 57px;
    left: 118px;
}

.map-hover[data-area="orangeburg-county"] a[data-sub-area="Neeses"] {
    top: 98px;
    left: 118px;
}

.map-hover[data-area="orangeburg-county"] a[data-sub-area="Norway"] {
    top: 149px;
    left: 118px;
}

.map-hover[data-area="orangeburg-county"] a[data-sub-area="Springfield"] {
    top: 117px;
    left: 28px;
}

.map-hover[data-area="orangeburg-county"] a[data-sub-area="Orangeburg"] {
    top: 119px;
    left: 229px;
}

.map-hover[data-area="orangeburg-county"] a[data-sub-area="Cordova"] {
    top: 149px;
    left: 198px;
}

.map-hover[data-area="orangeburg-county"] a[data-sub-area="Cope"] {
    top: 200px;
    left: 178px;
}

.map-hover[data-area="orangeburg-county"] a[data-sub-area="Elloree"] {
    top: 105px;
    left: 398px;
}

.map-hover[data-area="orangeburg-county"] a[data-sub-area="Santee"] {
    top: 125px;
    left: 420px;
}

.map-hover[data-area="orangeburg-county"] a[data-sub-area="Vance"] {
    top: 149px;
    left: 461px;
}

.map-hover[data-area="orangeburg-county"] a[data-sub-area="Eutawville"] {
    top: 192px;
    left: 498px;
}

.map-hover[data-area="orangeburg-county"] a[data-sub-area="Holy Hill"] {
    top: 235px;
    left: 460px;
}

.map-hover[data-area="orangeburg-county"] a[data-sub-area="Wells"] {
    top: 200px;
    left: 437px;
}

.map-hover[data-area="orangeburg-county"] a[data-sub-area="Providence"] {
    top: 174px;
    left: 400px;
}

.map-hover[data-area="orangeburg-county"] a[data-sub-area="Bowman"] {
    top: 194px;
    left: 350px;
}

.map-hover[data-area="orangeburg-county"] a[data-sub-area="Sandy Run"] {
    top: 215px;
    left: 310px;
}

.map-hover[data-area="orangeburg-county"] a[data-sub-area="Sixty Six"] {
    top: 230px;
    left: 239px;
}

.map-hover[data-area="orangeburg-county"] a[data-sub-area="Branchville"] {
    top: 261px;
    left: 259px;
}

.map-hover[data-area="berkeley-county"] {
    display: block;
    top: 456px;
    left: 630px;
}

.map-hover[data-area="berkeley-county"] h2 {
    top: 135px;
    left: 60px;
}

.map-hover[data-area="berkeley-county"] a[data-sub-area="Pineville"] {
    top: 27px;
    left: 161px;
}

.map-hover[data-area="berkeley-county"] a[data-sub-area="St. Stephen"] {
    top: 71px;
    left: 221px;
}

.map-hover[data-area="berkeley-county"] a[data-sub-area="Alvin"] {
    top: 105px;
    left: 273px;
}

.map-hover[data-area="berkeley-county"] a[data-sub-area="Jamestown"] {
    top: 140px;
    left: 353px;
}

.map-hover[data-area="berkeley-county"] a[data-sub-area="Cross"] {
    top: 105px;
    left: 82px;
}

.map-hover[data-area="berkeley-county"] a[data-sub-area="Bonneau"] {
    top: 131px;
    left: 203px;
}

.map-hover[data-area="berkeley-county"] a[data-sub-area="Shulerville"] {
    top: 181px;
    left: 359px;
}

.map-hover[data-area="berkeley-county"] a[data-sub-area="Pinnopolis"] {
    top: 184px;
    left: 152px;
}

.map-hover[data-area="berkeley-county"] a[data-sub-area="Bethera"] {
    top: 192px;
    left: 296px;
}

.map-hover[data-area="berkeley-county"] a[data-sub-area="Witherbee"] {
    top: 214px;
    left: 274px;
}

.map-hover[data-area="berkeley-county"] a[data-sub-area="Cordesville"] {
    top: 234px;
    left: 241px;
}

.map-hover[data-area="berkeley-county"] a[data-sub-area="Huger"] {
    top: 265px;
    left: 276px;
}

.map-hover[data-area="berkeley-county"] a[data-sub-area="Woodland"] {
    top: 294px;
    left: 236px;
}

.map-hover[data-area="berkeley-county"] a[data-sub-area="Wando"] {
    top: 325px;
    left: 276px;
}

.map-hover[data-area="berkeley-county"] a[data-sub-area="Moncks Corner"] {
    top: 207px;
    left: 169px;
}

.map-hover[data-area="berkeley-county"] a[data-sub-area="Whitesville"] {
    top: 236px;
    left: 137px;
}

.map-hover[data-area="berkeley-county"] a[data-sub-area="Nexton"] {
    top: 250px;
    left: 115px;
}

.map-hover[data-area="berkeley-county"] a[data-sub-area="Sangaree"] {
    top: 265px;
    left: 102px;
}

.map-hover[data-area="dorchester-county"] {
    display: block;
    top: 562px;
    left: 414px;
}

.map-hover[data-area="dorchester-county"] h2 {
    top: 173px;
    left: 158px;
}

.map-hover[data-area="dorchester-county"] a[data-sub-area="Reevesville"] {
    top: 72px;
    left: 82px;
}

.map-hover[data-area="dorchester-county"] a[data-sub-area="St. George"] {
    top: 99px;
    left: 100px;
}

.map-hover[data-area="dorchester-county"] a[data-sub-area="Grover"] {
    top: 133px;
    left: 104px;
}

.map-hover[data-area="dorchester-county"] a[data-sub-area="Harleyville"] {
    top: 91px;
    left: 232px;
}

.map-hover[data-area="dorchester-county"] a[data-sub-area="Ridgeville"] {
    top: 143px;
    left: 213px;
}

.map-hover[data-area="dorchester-county"] a[data-sub-area="Knightsville"] {
    top: 208px;
    left: 270px;
}

.map-hover[data-area="dorchester-county"] a[data-sub-area="Lincolnville"] {
    top: 228px;
    left: 264px;
}

.map-hover[data-area="dorchester-county"] a[data-sub-area="Summerville"] {
    top: 244px;
    left: 251px;
}

.map-hover[data-area="colleton-county"] {
    display: block;
    top: 655px;
    left: 275px;
}

.map-hover[data-area="colleton-county"] h2 {
    top: 116px;
    left: 30px;
}

.map-hover[data-area="colleton-county"] a[data-sub-area="Smoaks"] {
    top: 44px;
    left: 161px;
}

.map-hover[data-area="colleton-county"] a[data-sub-area="Lodge"] {
    top: 71px;
    left: 63px;
}

.map-hover[data-area="colleton-county"] a[data-sub-area="Canadys"] {
    top: 77px;
    left: 227px;
}

.map-hover[data-area="colleton-county"] a[data-sub-area="Ashton"] {
    top: 98px;
    left: 56px;
}

.map-hover[data-area="colleton-county"] a[data-sub-area="Williams"] {
    top: 95px;
    left: 150px;
}

.map-hover[data-area="colleton-county"] a[data-sub-area="Cottageville"] {
    top: 142px;
    left: 299px;
}

.map-hover[data-area="colleton-county"] a[data-sub-area="Walterboro"] {
    top: 152px;
    left: 202px;
}

.map-hover[data-area="colleton-county"] a[data-sub-area="Islandton"] {
    top: 164px;
    left: 95px;
}

.map-hover[data-area="colleton-county"] a[data-sub-area="Ritter"] {
    top: 205px;
    left: 245px;
}

.map-hover[data-area="colleton-county"] a[data-sub-area="Hendersonville"] {
    top: 222px;
    left: 175px;
}

.map-hover[data-area="colleton-county"] a[data-sub-area="Jacksonboro"] {
    top: 243px;
    left: 291px;
}

.map-hover[data-area="colleton-county"] a[data-sub-area="Salkerhatchie"] {
    top: 277px;
    left: 138px;
}

.map-hover[data-area="colleton-county"] a[data-sub-area="Green Pond"] {
    top: 277px;
    left: 235px;
}

.map-hover[data-area="colleton-county"] a[data-sub-area="Wiggins"] {
    top: 330px;
    left: 254px;
}

.map-hover[data-area="colleton-county"] a[data-sub-area="Edisto Beach"] {
    top: 404px;
    left: 333px;
}

.map-hover[data-area="charleston-county"] {
    display: block;
    top: 636px;
    left: 586px;
}

.map-hover[data-area="charleston-county"] h2 {
    top: 16px;
    left: 470px;
}

.map-hover[data-area="charleston-county"] a[data-sub-area="McClellanville"] {
    top: 61px;
    left: 486px;
}

.map-hover[data-area="charleston-county"] a[data-sub-area="Awendaw"] {
    top: 95px;
    left: 412px;
}

.map-hover[data-area="charleston-county"] a[data-sub-area="Woodville"] {
    top: 143px;
    left: 381px;
}

.map-hover[data-area="charleston-county"] a[data-sub-area="Mr. Pleasant"] {
    top: 195px;
    left: 318px;
}

.map-hover[data-area="charleston-county"] a[data-sub-area="Dewees Island"] {
    top: 215px;
    left: 366px;
}

.map-hover[data-area="charleston-county"] a[data-sub-area="Isle of Palms"] {
    top: 235px;
    left: 353px;
}

.map-hover[data-area="charleston-county"] a[data-sub-area="Sillivan’s Island"] {
    top: 260px;
    left: 304px;
}

.map-hover[data-area="charleston-county"] a[data-sub-area="Charleston"] {
    top: 240px;
    left: 250px;
}

.map-hover[data-area="charleston-county"] a[data-sub-area="North Charleston"] {
    top: 197px;
    left: 219px;
}

.map-hover[data-area="charleston-county"] a[data-sub-area="Hanahan"] {
    top: 174px;
    left: 201px;
}

.map-hover[data-area="charleston-county"] a[data-sub-area="Goose Creek"] {
    top: 156px;
    left: 199px;
}

.map-hover[data-area="charleston-county"] a[data-sub-area="Ladson"] {
    top: 140px;
    left: 178px;
}

.map-hover[data-area="charleston-county"] a[data-sub-area="James Island"] {
    top: 278px;
    left: 242px;
}

.map-hover[data-area="charleston-county"] a[data-sub-area="Folly Beach"] {
    top: 325px;
    left: 232px;
}

.map-hover[data-area="charleston-county"] a[data-sub-area="Johns Island"] {
    top: 276px;
    left: 172px;
}

.map-hover[data-area="charleston-county"] a[data-sub-area="Wadmalaw Island"] {
    top: 311px;
    left: 134px;
}

.map-hover[data-area="charleston-county"] a[data-sub-area="Rockville"] {
    top: 344px;
    left: 128px;
}

.map-hover[data-area="charleston-county"] a[data-sub-area="Kiawah Island"] {
    top: 359px;
    left: 170px;
}

.map-hover[data-area="charleston-county"] a[data-sub-area="Seabrook Island"] {
    top: 373px;
    left: 139px;
}

.map-hover[data-area="charleston-county"] a[data-sub-area="Edisto Island"] {
    top: 369px;
    left: 51px;
}

.map-hover[data-area="charleston-county"] a[data-sub-area="Adams Run"] {
    top: 289px;
    left: 21px;
}

.map-hover[data-area="charleston-county"] a[data-sub-area="Meggett"] {
    top: 275px;
    left: 74px;
}

.map-hover[data-area="charleston-county"] a[data-sub-area="Hollywood"] {
    top: 259px;
    left: 88px;
}

.map-hover[data-area="charleston-county"] a[data-sub-area="Ravenel"] {
    top: 239px;
    left: 30px;
}

/*FEATURED MAP | END */
/*TESTIMONIALS | START*/
section.section-5 {
    position: relative;
    background: #111111;
    z-index: 1;
}

#hp-testi {
    position: relative;
    padding: 0 0 101px;
}

.custom-container {
    padding: 0 6.250%;
}

.testi-inner {
    position: relative;
    padding-bottom: 99px;
}

.testi-inner > .hp-bg {
    top: 169px;
    left: 40px;
    z-index: initial;
}

.testi-inner > .hp-bg:before {
    width: 280px;
    height: 280px;
    background: url(images/accent-testi.jpg) center/cover no-repeat;
    top: -40px;
    left: -40px;
    right: initial;
    bottom: initial;
    z-index: -1;
}

.testi-box {
    /*width: 890px;*/
    width: 63.572%;
    margin-left: auto;
    /*min-height: 755px;*/
    position: relative;
    padding: 106px 0 74px;
    text-align: center;
    z-index: 1;
}

.testi-box > .hp-bg {
    background-size: auto;
    background-position: 80% 35%;
}

.testi-box .section-title {
    margin-bottom: 38px;
}

.testi-box .section-title strong:before {
    margin-left: 42px;
    bottom: 5px;
}

.testi-list {
    font-size: 0;
    padding: 0 2.5%;
    position: relative;
}

.testi-list:before,
.testi-list:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: calc(100% - 88px);
    width: 1px;
    margin: auto;
}

.testi-list:before {
    right: 1px;
    background: #fff;
    opacity: 0.05;
}

.testi-list:after {
    left: 1px;
    background: #000;
}

.testi {
    width: 50%;
    display: inline-block;
    vertical-align: top;
    padding: 0 7%;
}

.testi:nth-child(2) ~ .testi {
    display: none;
}

.testi:before {
    content: '';
    display: block;
    position: relative;
    margin: 0 auto 32px;
    background: url(images/icon-qoute.png) no-repeat;
    width: 71px;
    height: 56px;
}

.testi p {
    font-size: 14px;
    letter-spacing: 0.01em;
    line-height: 1.786;
    color: #999999;
}

.testi span {
    display: block;
    font-weight: 500;
    font-size: 25px;
    line-height: 1;
    font-family: var(--font-cormorant);
    color: #fff;
    text-transform: uppercase;
    margin-top: 18px;
}

.testi-controls {
    position: relative;
    margin-top: 62px;
}

.testi-controls span {
    width: 1px;
    height: 71px;
    background: #fff;
    opacity: 0.15;
    margin: 0 38px;
}

.custom-slick-arrow {
    width: auto;
    height: auto;
    padding: 0;
    font-size: 31px;
    color: var(--primary);
    border: none;
    background: transparent;
    outline: none;
    transition: color .3s ease;
}

.custom-slick-arrow:hover {
    color: #fff;
}

/*TESTIMONIALS | END*/
/*WHY WORK WITH US | START*/
section.section-6 {
    position: relative;
}

#hp-wwwu {
    position: relative;
    /*min-height: 473px;*/
    padding: 108px 0 107px;
}

#hp-wwwu .hp-bg {}

#hp-wwwu .hp-bg:before {
    background: #000;
    opacity: 0.85;
}

#hp-wwwu .section-title {
    margin-bottom: 61px;
}

#hp-wwwu .section-title strong:before {
    margin-right: 27px;
    bottom: 2px;
}

.wwwu-list {
    margin: 0 -15px;
}

.wwwu-item {
    width: 20%;
    text-align: center;
    border-right: 1px solid var(--primary);
}

.wwwu-item:last-child {
    border-right: 0;
}

.wwwu-number {
    font-size: 50px;
    line-height: 1;
    margin-top: -8px;
    margin-bottom: 7px;
}

.wwwu-label {
    font-size: 14px;
    line-height: 1.786;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

/*WHY WORK WITH US | END*/
/*MEET OUR TEAM | START*/
section.section-7 {
    position: relative;
}

#hp-team {
    position: relative;
    padding: 111px 0 50px;
}

#hp-team .section-title {
    margin-bottom: 58px;
}

#hp-team .section-title strong:before {
    margin-left: 25px;
    bottom: 3px;
}

.team-list {
    padding: 0 2.5%;
    font-size: 0;
}

.team-item {
    width: 25%;
    display: inline-block;
    vertical-align: text-top;
    padding: 0 25px;
}

.team-item:nth-child(4) ~ .team-item {
    display: none;
}

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

.team-img {
    position: relative;
}

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

.team-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.team-details {
    margin: 37px 0 0;
    text-align: center;
    text-transform: uppercase;
}

.team-details > div {
    display: inline-block;
    text-align: left;
    padding-left: 20px;
    border-left: 1px solid var(--primary);
}

.team-details strong {
    display: block;
    font-weight: 300;
    font-size: 23px;
    color: #fff;
    letter-spacing: 0.05em;
    line-height: 1;
    margin-bottom: 9px;
}

.team-details span {
    display: block;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0.05em;
    line-height: 1;
    color: #666666;
}

.team-list .custom-slick-arrow {
    position: absolute;
    top: 0;
    bottom: 18%;
    height: 34px;
    margin: auto;
    z-index: 1;
}

.team-list .custom-slick-arrow.slick-prev {
    left: -4.2%;
}

.team-list .custom-slick-arrow.slick-next {
    right: -4.2%;
}

/*MEET OUR TEAM | END*/
/*BOUTIQUE SERVICES | START*/
section.section-8 {
    position: relative;
}

#hp-services {
    position: relative;
    padding: 42px 0 50px;
}

#hp-services .section-title {
    margin-bottom: 37px;
}

#hp-services .section-title span {
    margin-bottom: 6px;
}

#hp-services .section-title strong:before {
    bottom: 5px;
    margin-right: 70px;
}

.services-list {
    padding: 0 14px;
    position: relative;
}

.services-list:before {
    content: '';
    display: block;
    position: absolute;
    width: 11px;
    top: 0;
    bottom: 0;
    right: -5%;
    background: rgb(148, 97, 31);
    background: -moz-linear-gradient(0deg, rgba(148, 97, 31, 1) 0%, rgba(198, 171, 59, 1) 100%);
    background: -webkit-linear-gradient(0deg, rgba(148, 97, 31, 1) 0%, rgba(198, 171, 59, 1) 100%);
    background: linear-gradient(0deg, rgba(148, 97, 31, 1) 0%, rgba(198, 171, 59, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#94611f", endColorstr="#c6ab3b", GradientType=1);
}

.services-item {
    /*width: 33.33%;*/
    padding: 0 10px;
    flex-flow: column wrap !important;
}

.services-slider:not(.slick-initialized) .services-item {
    width: calc(100% / 3);
}

.services-slider .custom-slick-arrow {
    position: absolute;
    top: 0;
    bottom: 0;
    height: 34px;
    margin: auto;
    z-index: 1;
}

.services-slider .custom-slick-arrow.slick-prev {
    left: -1%;
}

.services-slider .custom-slick-arrow.slick-next {
    right: -1%;
}

.services-img {
    width: 100%;
    position: relative;
}

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

.services-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.services-details {
    flex-grow: 1;
    background: #fff url(images/accent-services.jpg) center/cover no-repeat;
    text-align: center;
    padding: 41px 6% 45px;
    display: flex;
    flex-flow: column;
    align-items: center;
}

.services-details h3 {
    font-weight: 300;
    font-size: 25px;
    line-height: 30px;
    letter-spacing: 0.05em;
    color: #000;
    text-transform: uppercase;
    margin-bottom: 20px;
    width: 100%;
}

.services-details p {
    font-weight: 300;
    font-size: 14px;
    letter-spacing: 0.05em;
    line-height: 24px;
    color: #333333;
    margin-bottom: 43px;
    width: 100%;
    flex-grow: 1;
    /* min-height: 144px; */
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.services-details a.btn-a {
    color: #000;
    width: 190px;
}

.services-details a.btn-a:hover {
    background: #000;
    color: #fff;
    border-color: #000;
}

/*BOUTIQUE SERVICES | END*/
/*EXCELLENCE ASSURANCE | START*/
section.section-9 {
    position: relative;
}

#hp-ea {
    padding: 92px 0 211px;
}

#hp-ea .section-title {
    margin-bottom: 56px;
}

#hp-ea .section-title span {
    margin-bottom: 6px;
    font-size: 30px;
}

#hp-ea .section-title strong:before {
    margin-left: 33px;
}

.ea-list {
    /*padding: 0 64px;*/
    padding: 0 4.572%;
}

.ea-item {
    width: 50%;
    padding: 0 29px;
}

.ea-item a {
    display: block;
    height: 100%;
}

.ea-item-inner {
    height: 100%;
}

.ea-item-inner {
    position: relative;
    text-align: center;
    background: #2b2b2b;
    padding: 68px 5% 87px;
}

.ea-item-inner:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: url(images/ea-icon.png) center/contain no-repeat;
    width: 210px;
    height: 242px;
    margin: auto;
    opacity: 0.5;
}

.ea-item-inner:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: 0.3;
    background: rgb(0, 0, 0);
    background: -moz-linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#000000", GradientType=1);
}

.ea-item-inner .hp-bg {
    width: 100%;
    height: 100%;
    top: initial;
    bottom: initial;
    left: initial;
    right: initial;
}

.ea-item:nth-child(odd) .hp-bg {
    top: -20px;
    left: -20px;
}

.ea-item:nth-child(even) .hp-bg {
    right: -20px;
    bottom: -20px;
}

.ea-item-text {
    display: block;
    position: relative;
    z-index: 2;
    max-width: 370px;
    margin: 0 auto;
}

.ea-item-inner h3 {
    font-weight: 500;
    font-size: 50px;
    line-height: 1;
    color: var(--primary);
    font-family: var(--font-cormorant);
    text-transform: uppercase;
    margin-bottom: 24px;
}

.ea-item-inner p {
    font-weight: 300;
    font-size: 14px;
    letter-spacing: 0.05em;
    line-height: 24px;
    color: #fff;
}

/*EXCELLENCE ASSURANCE | END*/
/*PHILANTHROPY | START*/
section.section-10 {
    position: relative;
}

#hp-philanthropy {
    position: relative;
    padding: 90px 0 113px;
}

#hp-philanthropy > .hp-bg {}

#hp-philanthropy > .hp-bg:before {
    background: #000;
    opacity: 0.9;
}

.phil-text {
    padding: 56px 0 0;
}

.phil-text .section-title {
    margin-bottom: 19px;
}

.phil-text .section-title strong:before {
    margin-right: 18px;
    top: 3px;
}

.phil-text-inner {
    max-width: 445px;
}

.phil-text h3 {
    font-weight: 300;
    font-size: 25px;
    line-height: 37px;
    text-transform: uppercase;
    letter-spacing: 0.15em;
    margin-bottom: 16px;
}

.phil-text p {
    font-size: 14px;
    line-height: 1.786;
    color: #cccccc;
    margin-bottom: 56px;
}

.phil-text a.btn-a {}

.phil-img {
    position: relative;
    max-width: 537px;
    margin-left: auto;
}

.phil-img .hp-bg {
    width: 100%;
    height: 100%;
    top: initial;
    left: initial;
    bottom: -20px;
    right: -20px;
}

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

/*PHILANTHROPY | END*/
/*LATEST BLOG | START*/
section.section-11 {
    position: relative;
}

#hp-blogs {
    position: relative;
    padding: 70px 0 83px;
}

#hp-blogs .section-title {
    margin-bottom: 41px;
}

#hp-blogs .section-title strong:before {
    margin-left: 28px;
    bottom: 6px;
}

.blog-list {
    padding: 0 19px;
}

a.blog-item {
    position: relative;
    width: 33.33%;
    padding: 0 12.5px;
    pointer-events: none;
    /*height: 100%;*/
    flex-flow: column wrap;
}

.blog-img {
    width: 100%;
    pointer-events: auto;
}

.blog-img canvas {
    display: block;
    width: 100%;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-color: var(--primary);
}

.blog-details {
    flex-grow: 1;
    width: 100%;
    background: #fff url(images/accent-services.jpg) center/cover no-repeat;
    padding: 22px 25px;
    pointer-events: auto;
}

.blog-details h3 {
    font-weight: 300;
    font-size: 18px;
    line-height: 1.2;
    letter-spacing: 0.05em;
    color: #000;
    text-transform: uppercase;
    margin-bottom: 12px;
}

.blog-details p {
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.05em;
    color: #333333;
}

/*LATEST BLOG | END*/
/*CAREERS | START*/
section.section-12 {
    position: relative;
}

#hp-careers {
    position: relative;
    padding: 110px 0 78px;
}

#hp-careers .hp-bg {}

#hp-careers .hp-bg:before {
    background: #000;
    opacity: 0.9;
}

.careers-inner {}

.careers-img {
    /*width: 620px;*/
    width: 44.286%;
}

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

.careers-text {
    width: 55.714%;
    padding: 52px 5% 0 6.572%;
}

.careers-text .section-title {
    margin-bottom: 45px;
}

.careers-text .section-title span {
    margin-top: 14px;
}

.careers-text .section-title strong:before {
    margin-right: 28px;
    z-index: -1;
    width: 300px;
}

.careers-text p {
    color: #999999;
    font-weight: 300;
    line-height: 1.786;
    margin: 25px 0;
}

/*CAREERS | END*/
/*SUBSCRIBE | START*/
section.section-13 {
    position: relative;
}

#hp-subscribe {
    padding: 121px 0 120px;
}

#hp-subscribe .hp-bg {
    right: initial;
    top: -20px;
    width: 48.938%;
    left: 3px;
}

#hp-subscribe .hp-bg:before {
    background: #000;
    opacity: 0.6;
}

#hp-subscribe .hp-bg:after {
    width: 100%;
    height: 100%;
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    background: rgb(0, 0, 0);
    background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
    pointer-events: none;
}

#hp-subscribe .section-title {
    margin-bottom: 47px;
}

#hp-subscribe .section-title strong:before {
    margin-left: 20px;
    top: 2px;
}

#hp-subscribe .section-title span {
    margin-top: 15px;
}

#hp-subscribe p {
    text-align: center;
    color: #999999;
    font-weight: 300;
    line-height: 1.786;
}

.subscribe-form {
    max-width: 738px;
    margin: 33px auto 0;
    font-size: 0;
    position: relative;
}

.subscribe-field {
    width: 50%;
    display: inline-block;
    vertical-align: top;
    padding: 0 12px;
}

.subscribe-field.size-full {
    width: 100%;
}

.subscribe-field input,
.subscribe-form textarea {
    width: 100%;
    height: 51px;
    font-size: 14px;
    line-height: 1.786;
    color: #9a9a9a;
    border: none;
    border-bottom: 1px solid #fff;
    outline: none;
    background: transparent;
}

.subscribe-form textarea {
    padding-top: 15px;
    resize: none;
    height: 100px;
}

.subscribe-btn {
    text-align: center;
    position: relative;
    margin-top: 45px;
}

.subscribe-btn span.ajax-loader {
    position: absolute;
    bottom: -30px;
    left: 0;
    right: 0;
    margin: auto;
}

.subscribe-form .wpcf7 form .wpcf7-response-output {
    font-size: 14px;
    text-align: center;
    color: #fff;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    margin: 20px 12px 0;
}

.use-floating-validation-tip .wpcf7-not-valid-tip {
    position: absolute;
    width: auto;
    top: 50%;
    transform: translateY(-50%);
    font-size: 14px;
}

/*SUBSCRIBE | END*/
/*FOOTER | START*/
footer.footer {
    /*min-height: 707px;*/
    padding: 69px 0 59px;
}

.footer-info {
    text-align: center;
}

.footer-logo {
    font-size: 0;
    margin-bottom: 23px;
}

.footer-logo a {
    display: inline-block;
}

.footer-logo a img {
    display: block;
    max-width: 100%;
}

.footer-smi {
    text-align: center;
    margin-bottom: 52px;
}

.footer-smi a {
    margin: 0 5px 5px;
}

.footernav {
    display: flex;
    flex-flow: column wrap;
    padding: 0 13px;
    max-height: 170px;
    max-width: 575px;
}

.footernav li {
    margin-bottom: 20px;
}

.footernav li a {
    font-size: 15px;
    letter-spacing: 0.15em;
    font-weight: 300;
    line-height: 1;
    color: #fff;
    text-transform: uppercase;
    transition: color .3s ease;
}

.footernav li a:hover {
    color: var(--primary);
}

.footer-contact {
    padding-left: 11px;
}

.footer-contact h2 {
    font-size: 15px;
    letter-spacing: 0.15em;
    font-weight: 300;
    line-height: 1;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 21px;
}

.footer-contact-info {
    position: relative;
    padding-left: 26px;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.05em;
    color: #999999;
    text-transform: uppercase;
    font-weight: 300;
    margin-bottom: 6px;
}

.footer-contact-info i {
    position: absolute;
    top: 0;
    left: 0;
    color: var(--primary);
}

.footer-contact-info i.ai-font-phone-alt {
    top: 4px;
    font-size: 16px;
}

.footer-contact-info i.ai-font-location-c {
    font-size: 21px;
    top: 3px;
}

.footer-contact-info a {
    transition: color .3s ease;
}

.footer-contact-info a:hover {
    color: var(--primary);
}

.footer-bottom {
    margin-top: 30px;
}

.footer-bottom:before {
    content: '';
    display: block;
    height: 1px;
    background: #fff;
    opacity: 0.25;
    margin: 0 15px 39px;
}

.footer-disclaimer {
    max-width: 670px;
    margin-bottom: 6px;
}

.footer-disclaimer p {
    font-size: 10px;
    line-height: 15px;
    color: #6d6d6d;
    font-weight: 300;
}

.footer-disclaimer p a,
.footer-copyright p a {
    transition: color .3s ease;
}

.footer-disclaimer p a:hover,
.footer-copyright p a:hover {
    color: var(--primary);
}

.footer-copyright {}

.footer-copyright p {
    font-size: 12px;
    line-height: 24px;
    color: #fff;
}

.footer-copyright p span {
    color: var(--primary);
}

.footer-icons {
    margin-left: -9px;
    margin-top: 9px;
    opacity: 0.5;
}

.footer-icons img {}

.footer-icons span {
    font-size: 35px;
}

.footer-icons span i.ai-font-eho {
    font-size: 30px;
    margin-right: 10px;
}

/*FOOTER | END*/
/*******************************************************
 *
 * 4. IP Styles
 *
 *******************************************************/
#inner-page-wrapper {
    padding-top: 110px;
}

.tax-community-group #inner-page-wrapper,
.single-aios-communities #inner-page-wrapper {
    padding-top: 110px;
}

#inner-page-wrapper > .container,
.tax-community-group #inner-page-wrapper > .container,
.single-aios-communities #inner-page-wrapper > .container {
    background-image: url(images/ip-site-logo-monogram.png);
    background-size: auto;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-attachment: fixed;
}



.tax-community-group #inner-page-wrapper > .container,
.single-aios-communities #inner-page-wrapper > .container {
    width: 1170px;
    background-color: transparent;
}

.ip-banner {
    position: relative;
    width: 100%;
}

.ip-banner::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    background: rgba(0, 0, 0, .6);
}

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

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

.ip-banner h1 {
    font-weight: 700;
    font-size: 32px;
    text-align: center;
    color: #FFFFFF;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    line-height: 1.7;
}

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

/* IP CONTENT BG */
.ip-content-bg {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    pointer-events: none;
}

.tax-community-group .ip-content-bg,
.single-aios-communities .ip-content-bg {
    display: block;
}

.ip-content-bg::before {
    width: 100%;
    height: 960px;
    max-height: 100%;
    content: '';
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    background-image: url(images/ip-content-accent-bg.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: top left;
}

.ip-content-bg::after {
    width: 78.125%;
    height: 100%;
    content: '';
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: #000000;
}

.ip-content-bg canvas {
    width: 100%;
    height: 100%;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    filter: grayscale(1);
    opacity: 0.15;
}

.ip-content-accent-logo {
    z-index: 2;
    background-size: auto;
    background-attachment: fixed;
}

/* BREADCRUMBS */
.ip-container #breadcrumbs {
    width: 100%;
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;
    color: #cccccc;
    font-size: 14px;
}

.ip-container #breadcrumbs::before {
    width: 57%;
    height: 100%;
    content: '';
    position: absolute;
    z-index: -1;
    background: rgb(148, 97, 31);
    background: -moz-linear-gradient(90deg, rgba(148, 97, 31, 1) 0%, rgba(198, 171, 59, 1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(148, 97, 31, 1) 0%, rgba(198, 171, 59, 1) 100%);
    background: linear-gradient(90deg, rgba(148, 97, 31, 1) 0%, rgba(198, 171, 59, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#94611f", endColorstr="#c6ab3b", GradientType=1);
}

.ip-container.post-page-brands-and-affiliates #breadcrumbs::before {
    background: #ae9130;
}

.ip-container #breadcrumbs > span {
    display: block;
    max-width: 1170px;
    margin: 0 auto;
    padding: 13px 15px;
}

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

/* Adjust minimum height of page area */
#content-sidebar,
#content-full {
    min-height: 500px;
    margin-top: 20px;
}

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

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

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

/* fullwidth template */
.page-template-template-fullwidth #content {
    padding-left: 15px;
    padding-right: 15px;
}

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

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

/* Style .entry-title(post/page) and .archive-title(category/archive/etc) main headings (h1) */
#content .entry-title,
#content .archive-title {
    font-size: 70px;
    line-height: 1;
    letter-spacing: 0;
    color: var(--primary);
    font-family: var(--font-cormorant);
    position: relative;
    font-weight: 500;
    text-transform: uppercase;
}

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

#content p {
    font-weight: 300;
    line-height: 1.715;
}

#content p strong,
#content p b {
    font-weight: 700;
}

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

.ip-relocation-small {
    margin: 30px 0 50px;
}

.ip-relocation-small small {
    font-weight: 300;
    line-height: 1.715;
    text-align: center;
}

.ip-relocation-logo {}

.ip-relocation-logo img {
    max-height: 54px;
    width: auto;
    margin: 15px;
}

.t-center {
    text-align: center;
}

.ip-icon-list {}

.ip-icon-list > div {
    margin: 20px 0 30px;
}

.ip-icon-list i {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: var(--primary);
    color: #fff;
    font-style: normal !important;
    font-size: 34px;
    margin: 0 auto;
}

.ip-icon-list span {
    display: block;
    text-align: center;
    text-transform: uppercase;
    font-size: 18px;
    letter-spacing: 0.05em;
    margin: 10px 0 0;
    font-weight: 700;
}

.ip-icon-list i + br {
    display: none;
}

#listings-results .listings-table .listings-table-body .listings-item span.for-sm {
    color: #000000 !important;
}

#listings-results .listings-table .listings-table-body .listings-plan p,
#listings-results .listings-table .listings-table-body .listings-plan a {
    color: #000000 !important;
}

#listings-details .listings-address {
    color: #ffffff !important;
}

#listings-details .listings-plan > ul > li > strong {
    color: #ffffff !important;
}

#listings-details .listings-main-cta > li > a.button-legacy {
    border: 1px solid #ad862d !important;
    color: #ffffff !important;
}

#listings-details .listings-accordion-title span {
    color: #ffffff !important;
}

.aios-custom-ihomefinder-template #listings-results .listings-top .sort-view {
    display: none !important;
}

/*home valuation*/
.page-id-120 #inner-page-wrapper {
    padding-top: 0;
}

.page-id-120 #inner-page-wrapper > .container {
    width: 100%;
    padding: 0;
}

/* Agent page*/
.agents-name {
    color: #fff !important;
}

/* Blog Pages */
.category-blog #content .archive-list .archive-thumbnail canvas {
    background-size: contain;
}

.single-post #content .entry-thumbnail {
    display: none;
}

#content .alignleft {
    margin-right: 2.5%;
}

#content .alignright {
    margin-left: 2.5%;
}

#wpadminbar {
    display: block !important;
}

.btn-a.cr-btn {
    width: 100%;
    max-width: 300px;
    margin-top: 50px;
    margin-left: auto;
    float: right;
}

.btn-a.bino-btn {
    max-width: 350px;
    width: 100%;
}

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

.ip-listings-container {
    /*    width: 93%;*/
}

.postid-868.ip-container #breadcrumbs::before {
    width: 87%;
}

#content h2.as-h1 {
    font-size: 2em;
}

#content p i.ai-font-check.custom-check {
    margin-right: 15px;
    color: var(--primary);
}

body.page-id-879 .ip-custom-title {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}

body.page-id-879 #content .ip-custom-title h2.entry-title {
    margin: 0 42px 0 0;
}

body.page-id-879 #content h1.entry-title {
    display: none;
}

body.page-id-879 #content h2.yellow-lg {
    font-size: 40px;
    line-height: 1;
    letter-spacing: 0;
    color: var(--primary);
    font-family: var(--font-cormorant);
    position: relative;
    font-weight: 700;
    text-transform: uppercase;
    border-bottom: 1px solid var(--primary);
    display: inline-block;
    margin: 20px 0 34px;
    text-align: center;
}

body.page-id-879 .ip-tp-container {
    font-size: 0;
    letter-spacing: normal;
    line-height: 1;
    width: 100%;
    max-width: max-content;
    margin: 0 auto 50px;
}

body.page-id-879 .ip-tp-agent-photo canvas,
body.page-id-879 .ip-tp-logo,
body.page-id-879 .ip-tp-info-name,
body.page-id-879 .ip-tp-info-det,
.ip-tp-info-det-btn {
    display: block;
    position: relative;
}

body.page-id-879 .ip-tp-agent-row {
    display: flex;
    position: relative;
}

body.page-id-879 .ip-tp-agent-photo {
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin-right: 35px;
}

body.page-id-879 .ip-tp-agent-photo canvas {
    width: 100%;
    height: 100%;
}

body.page-id-879 .ip-tp-agent-photo img {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top center;
    z-index: 1;
}

body.page-id-879 .ip-tp-info-container {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

body.page-id-879 #content .ip-tp-info-name h2 {
    font-size: 45px;
    line-height: 1;
    color: #fff;
    font-weight: 500;
    font-family: var(--font-cormorant);
    margin: 0;
}

body.page-id-879 #content .ip-tp-info-name span {
    color: #fff;
    font-size: 16px;
    line-height: 1;
    display: block;
    margin-top: 5px;
}

body.page-id-879 .ip-tp-info-det span {
    display: flex;
    align-items: center;
    position: relative;
    font-size: 16px;
    color: #fff;
    line-height: normal;
}

body.page-id-879 .ip-tp-info-det span i {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 20px;
    margin: 0 10px 0 0;
    font-style: normal !important;
}

body.page-id-879 .ip-tp-info-det span i.ai-font-location-c {
    align-self: flex-start;
    font-size: 22px;
}

body.page-id-879 .ip-tp-info-det span i.ai-font-envelope-f {
    font-size: 13px;
}

body.page-id-879 .ip-tp-info-det span i.ai-font-business-card {
    font-size: 20px;
}

body.page-id-879 .ip-tp-info-det span:not(:last-child) {
    margin-bottom: 10px;
}

body.page-id-879 .ip-tp-info-det {
    margin-top: 40px;
    margin-bottom: auto;
}

/*
body.page-id-879 .ip-tp-info-det-btn a {
    font-size: 25px;
    color: #fff;
    line-height: 1;
    font-family: var(--font-cormorant);
    text-transform: uppercase;
    border-bottom: 1px solid #fff;
    -webkit-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
    display: inline-block;
}
*/

body.page-id-879 .ip-tp-info-det-btn {
    margin-top: 48px;
}

/*
body.page-id-879 .ip-tp-info-det-btn a:hover {
    color: var(--primary);
    border-color: var(--primary);
}
*/

body.page-id-879 .ip-tp-info-det span a {
    color: inherit;
    -webkit-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
}

body.page-id-879 .ip-tp-info-det span a:hover {
    color: var(--primary);
}

body.page-id-879 .ip-tp-logo {
    margin-bottom: 23px;
}

body.page-id-879 .ip-tp-logo img {
    max-width: 100%;
    height: auto;
}

body.page-id-879 .ip-tp2-container {
    font-size: 0;
    letter-spacing: normal;
    line-height: 1;
    width: 100%;
    max-width: 760px;
    margin: 0 auto 50px;
}

body.page-id-879 .ip-tp2-btn,
body.page-id-879 .ip-tp2-contact,
body.page-id-879 .ip-tp2-caption {
    display: block;
    position: relative;
}

body.page-id-879 .ip-tp2-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}

body.page-id-879 #content .ip-tp2-container > h2 {
    font-size: 45px;
    line-height: 1;
    color: #fff;
    font-weight: 500;
    font-family: var(--font-cormorant);
    margin: 0 0 20px;
    /*    text-align: center;*/
}

body.page-id-879 .ip-tp2-logo {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    /*    padding-right: 30px;*/
    width: 45%;
    width: 100%;
    margin-bottom: 23px;
}

body.page-id-879 .ip-tp2-logo img {
    max-width: 100%;
    height: auto;
    width: auto;
    /*    max-height: 81px;*/
    max-height: 180px;
}


body.page-id-879 #content .ip-tp2-content p {
    font-size: 16px;
    color: #fff;
    line-height: 1.45;
    margin: 0;
}

body.page-id-879 .ip-tp2-content {
    display: inline-block;
    vertical-align: middle;
    width: 55%;
    width: 100%;
    position: relative;
}

/*
body.page-id-879 .ip-tp2-btn a {
    font-size: 25px;
    color: #fff;
    line-height: 1;
    font-family: var(--font-cormorant);
    border-bottom: 1px solid #fff;
    -webkit-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
    display: inline-block;
}

body.page-id-879 .ip-tp2-btn a:hover {
    color: var(--primary);
    border-color: var(--primary);
}
*/

body.page-id-879 .ip-tp2-btn {
    /*    text-align: center;*/
    margin: 15px 0;
}

body.page-id-879 .ip-tp2-contact span {
    font-size: 16px;
    color: #fff;
    line-height: normal;
    /*    font-weight: 600;*/
    /*    letter-spacing: 0.020em;*/
    /*    font-family: var(--font-cormorant);*/
    margin: 0 0 10px;
    display: block;
}

body.page-id-879 .ip-tp2-contact {
    /*    text-align: center;*/
    margin: 30px 0 0;
}

body.page-id-879 .ip-tp2-contact span a {
    color: inherit;
    -webkit-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
    display: flex;
    align-items: center;
}

body.page-id-879 .ip-tp2-contact span a:hover {
    color: var(--primary);
}

body.page-id-879 .ip-tp2-contact span a i {
    display: flex;
    justify-content: center;
    align-items: center;
    font-style: normal !important;
    margin: 0 10px 0 0;
    width: 20px;
}

body.page-id-879 .ip-tp2-caption span {
    font-size: 32px;
    font-family: var(--font-cormorant);
    line-height: 1;

}

body.page-id-879 .ip-tp2-caption {
    /*    text-align: center;*/

}


#content .ai-form-container {
    margin-top: 25px;
}

#content .ai-form-container .aidefcf-wrapper {
    max-width: 355px;
    width: 100%;
}

#content .ai-form-container h2 {
    margin: 0 0 15px;
    line-height: 1;
}

#content .ai-form-container .aidefcf-wrapper form {
    margin: 0;
}

body.page-id-947 #content .entry-title,
body.page-id-1108 #content .entry-title,
body.page-id-148 #content .entry-title,
body.page-id-149 #content .entry-title,
body.page-id-122 #content .entry-title,
body.page-id-80 #content .entry-title,
body.page-id-121 #content .entry-title,
body.page-id-77 #content .entry-title {
    display: none;
}

body.page-id-150 a.btn-a.center {
    margin: 0 auto;
    display: block;
    margin-right: 60%;
}

body.page-id-171 #content .entry h2,
body.page-id-171 #content .entry strong,
body.page-id-172 #content .entry h2,
body.page-id-173 #content .entry h2 {
    color: var(--primary);
}

.press-caption {
    display: block;
    margin-bottom: 33px;
}

.press-caption span {
    font-size: 19px;
    font-weight: 600;
    letter-spacing: 0.020em;
}

.press-caption span a {
    color: inherit;
    -webkit-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
}

.press-caption span a:hover {
    color: var(--primary);
}

.ip-compass-form-container {
    font-size: 0;
    letter-spacing: normal;
    line-height: 1;
    padding: 30px 0;
}

.ip-compass-form-title,
.ip-compass-form-caption,
.ip-compass-form-widget,
.ip-compass-form-widget form,
.ip-compass-form-control,
.ip-compass-form-submit,
.ip-compass-form-disclaimer {
    display: block;
    position: relative;
}

#content .ip-compass-form-title h2 {
    font-size: 56px;
    line-height: 1;
    margin: 0 0 25px;
    font-family: var(--font-cormorant);
}

#content .ip-compass-form-caption p {
    font-size: 20px;
    line-height: 1.5;
    color: #fff;
    margin: 0;
}

.ip-compass-form-inner {
    display: inline-block;
    position: relative;
}

.ip-compass-form-label {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    margin-right: 12px;
    font-size: 18px;
    line-height: 1;
    color: #fff;
}

.ip-compass-form-field.w-25 {
    width: 130px;
}

.ip-compass-form-field input:not([type=submit]),
.ip-compass-form-field select {
    width: 100%;
    height: 44px;
    border: 2px solid #c9c9c9;
    font-size: 16px;
    line-height: normal;
    padding: 0 10px;
    color: #fff;
    letter-spacing: normal;
    appearance: none;
    -webkit-appearance: none;
    background-color: transparent;
}

.ip-compass-form-control:not(:last-child) {
    margin-bottom: 20px;
}

.ip-compass-form-field {
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

.ip-compass-form-control > .ip-compass-form-label {
    display: block;
    margin: 0 0 20px;
}

.ip-compass-form-field.w-35 {
    width: 210px;
}

.ip-compass-form-field.w-50 {
    width: 290px;
}

.ip-compass-form-field.w-30 {
    width: 171px;
}

.ip-compass-form-caption {
    margin-bottom: 37px;
}

.ip-compass-form-submit button {
    width: 100%;
    height: 48px;
    max-width: 137px;
    font-size: 20px;
    color: #fff;
    padding: 0;
    background-color: var(--primary);
    border: none;
    -webkit-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
}

#content .ip-compass-form-disclaimer p {
    font-size: 11px;
    color: #fff;
    line-height: 1;
}

.ip-compass-form-submit button svg {
    margin-left: 10px;
}

.ip-compass-form-submit {
    margin-top: 46px;
}

.ip-compass-form-submit button:hover {
    background-color: #fff;
    color: #000;
}

.ip-compass-form-field select option {
    background-color: #fff;
    color: #000;
}


#content .ip-compass-form-disclaimer p a {
    color: inherit;
    -webkit-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
    display: inline-block;
    text-decoration: underline;
}

#content .ip-compass-form-disclaimer p a:hover {
    color: var(--primary);
}

.ip-compass-form-field.w-35.has-caret:before {
    position: absolute;
    content: '';
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
    font-size: 20px;
    color: #fff;
    background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%0A%20%20%3Cpath%20d%3D%22M8%2011.914L2.293%206.207l1.414-1.414L8%209.086l4.293-4.293%201.414%201.414L8%2011.914z%22%2F%3E%0A%3Cdefs%3E%3Cstyle%3Epath%20%7B%0A%20%20%20%20%20%20%20%20fill%3A%20%23000000%3B%0A%20%20%20%20%20%20%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3C%2Fsvg%3E%0A);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    filter: brightness(0) invert(1);
    width: 15px;
    height: 15px;
}

.ip-compass-form-field select {
    padding: 0 25px 0 10px;
}

.ip-compass-form-disclaimer {
    margin-top: 23px;
}

.ip-compass-form-inner:before {
    position: absolute;
    content: '';
    top: 55%;
    left: calc(100% + 8px);
    transform: translateY(-50%);
    width: 2px;
    height: 2px;
    border-radius: 50%;
    background-color: #fff;
}

.ip-compass-form-field.w-25 + .ip-compass-form-field.w-25 {
    margin-left: 12px;
}

.ip-compass-form-widget .wpcf7 form .wpcf7-response-output {
    font-size: 12px;
    color: #fff;
    text-align: center;
    margin: 10px auto 0;
    line-height: 1;
}

.ip-minimum-standards {
    float: right;
    background: #fff;
    color: #000;
    padding-bottom: 11px;
    margin-left: 2.5%;
}

#content .ip-minimum-standards img.img-responsive {
    margin-bottom: 0;
}

#content .ip-minimum-standards p {
    margin: 0 auto 28px;
    border-bottom: 2px solid #a9933d;
    max-width: calc(100% - 40px);
    line-height: 1.3;
    padding: 21px 0;
}

.ip-tp-row {
    display: flex;
    flex-flow: row wrap;
}

body.page-id-879 .ip-tp-row .ip-tp-container {
    padding-right: 15px;
}

body.page-id-879 .ip-tp-row .ip-tp2-container {
    padding-left: 15px;
}

body.page-id-879 .ip-tp-row .ip-tp-container {
    width: 55%;
}

body.page-id-879 .ip-tp-row .ip-tp2-container {
    width: 45%;
}

body.page-id-63 #content {
    /*    color: #000;*/
}

.page-id-63 .ip-content-bg {
    /*    background: #fff;*/
}

.page-id-63 .ip-content-bg::before {
    /*background-image: url(images/ip-content-accent-bg-white.png);*/
}

.page-id-63 .ip-content-bg::after {
    /*    background: #fff;*/
}

.page-id-63 #inner-page-wrapper {
    margin-bottom: 0;
    padding-bottom: 30px;
}

#content .archive-list {
    display: flex;
    flex-flow: row wrap;
}

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


#content .archive-list .archive-thumbnail a {
    position: relative;
    z-index: 1;
}

.archive-thumbnail-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    background-size: cover;
    background-position: center;
}

.archive-thumbnail-bg:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    backdrop-filter: blur(10px);
}

.blog-list.slick-slider {
    padding: 0;
}

.blog-list.slick-slider .custom-slick-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.blog-list.slick-slider .custom-slick-arrow.slick-prev {
    left: -25px;
}

.blog-list.slick-slider .custom-slick-arrow.slick-next {
    right: -25px;
}

.blog-list-btn {
    margin: 60px 0 0;
}

/* updates */
.gold-text {
    color: var(--primary);
}

body.page-id-953 #content .entry-title,
/*body.page-id-950 #content .entry-title,*/
body.page-id-1346 #content .entry-title {
    display: none;
}

body.single-aios-communities.aios-custom-ihomefinder-template #content h1.entry-title {
    display: block !important;
    /*
     height: 100%; 
    position: absolute;
    bottom: 0;
    left: calc(100% + 20px);
    margin-bottom: -0;
*/
}

body.single-aios-communities.aios-custom-ihomefinder-template .ip-listings-title {
    display: none;
}

body.single-aios-communities .aios-custom-ihomefinder-shortcode-template.template-default {
    clear: both;
}

body.page-id-15 #content .entry-title,
body.page-id-123 #content .entry-title {
    font-size: 65px;
}

body.page-id-1108 #content .btn-a {
    width: fit-content;
}

/*body.parent-pageid-12 #content h2,
body.page-template-default #content h2, 
body.parent-pageid-12 #content strong,
body.page-id-953 #content strong,
body.page-template-default #content strong{
    color: var(--primary);
}*/

body.parent-pageid-12 #content h2,
body.page-template-default #content h2

/*body.parent-pageid-12 #content strong,
body.page-id-953 #content strong,
body.page-template-default #content strong*/
    {
    color: var(--primary);
}

.btn-wf {
    width: fit-content !important;
}

#agents-single .agents-contact li:has(.ai-font-person-a) > div {
    flex-wrap: nowrap;
    align-items: start;
}

.post-page-jw-signature-solutions #content .entry-title {
    text-align: center;
}

.post-page-reverse-renovate #inner-page-wrapper {
    padding-top: 7.5%;
}

.col-md-20 {
    width: 100%;
    float: left;
    padding: 0 15px;
}

.postid-371 .ip-ad-testimonials-git,
.postid-371 .ip-ad-sold,
.postid-371 .ip-ad-featured {
    display: none;
}

/*popup form*/
.formPopup-content h2 {
    font-size: 40px;
    color: #000;
    text-align: center;
    font-family: var(--font-cormorant);
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 30px;
}

.formPopup-content {
    color: #000;
}

.aiosp-container.aiosp-inline-holder.aiosp-ref-\#ContactPopup .aiosp-content.aios-popup-body {
    width: 95%;
    max-width: 600px;
    padding-top: 50px;
}

body #content .community-featured-image img,
body #content .community-featured-image canvas {
    display: none;
}

body.single-aios-communities.aios-custom-ihomefinder-template #content h1.entry-title {

    left: 0;
}

body #content .community-featured-image {
    position: relative;
    width: 100%;
    float: none;
    margin: 0 30px 15px 0;
    max-width: 1403px;
    margin: 0 auto;
    display: block;
}

#content .community-main img {
    width: 100%;
    max-width: 1403px;
    display: block;
}

#content .community-title + .ihf-listing-data + .aios-custom-ihomefinder-shortcode-template .ip-listings-holder {
    margin-top: 0;
}

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