/*
Theme Name: The Anne Feste Group - New
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
 *
 *******************************************************/
/* @font-face {
    font-family: 'Compass Sans';
    src: url('fonts/compass-sans/CompassSans-Bold.eot');
    src: url('fonts/compass-sans/CompassSans-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/compass-sans/CompassSans-Bold.woff2') format('woff2'),
        url('fonts/compass-sans/CompassSans-Bold.woff') format('woff'),
        url('fonts/compass-sans/CompassSans-Bold.ttf') format('truetype'),
        url('fonts/compass-sans/CompassSans-Bold.svg#CompassSans-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Compass Sans';
    src: url('fonts/compass-sans/CompassSans-Medium.eot');
    src: url('fonts/compass-sans/CompassSans-Medium.eot?#iefix') format('embedded-opentype'),
        url('fonts/compass-sans/CompassSans-Medium.woff2') format('woff2'),
        url('fonts/compass-sans/CompassSans-Medium.woff') format('woff'),
        url('fonts/compass-sans/CompassSans-Medium.ttf') format('truetype'),
        url('fonts/compass-sans/CompassSans-Medium.svg#CompassSans-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Compass Sans';
    src: url('fonts/compass-sans/CompassSans-BoldItalic.eot');
    src: url('fonts/compass-sans/CompassSans-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/compass-sans/CompassSans-BoldItalic.woff2') format('woff2'),
        url('fonts/compass-sans/CompassSans-BoldItalic.woff') format('woff'),
        url('fonts/compass-sans/CompassSans-BoldItalic.ttf') format('truetype'),
        url('fonts/compass-sans/CompassSans-BoldItalic.svg#CompassSans-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Compass Sans';
    src: url('fonts/compass-sans/CompassSans-MediumItalic.eot');
    src: url('fonts/compass-sans/CompassSans-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/compass-sans/CompassSans-MediumItalic.woff2') format('woff2'),
        url('fonts/compass-sans/CompassSans-MediumItalic.woff') format('woff'),
        url('fonts/compass-sans/CompassSans-MediumItalic.ttf') format('truetype'),
        url('fonts/compass-sans/CompassSans-MediumItalic.svg#CompassSans-MediumItalic') format('svg');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Compass Sans';
    src: url('fonts/compass-sans/CompassSans-Regular.eot');
    src: url('fonts/compass-sans/CompassSans-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/compass-sans/CompassSans-Regular.woff2') format('woff2'),
        url('fonts/compass-sans/CompassSans-Regular.woff') format('woff'),
        url('fonts/compass-sans/CompassSans-Regular.ttf') format('truetype'),
        url('fonts/compass-sans/CompassSans-Regular.svg#CompassSans-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Compass Sans';
    src: url('fonts/compass-sans/CompassSans-Italic.eot');
    src: url('fonts/compass-sans/CompassSans-Italic.eot?#iefix') format('embedded-opentype'),
        url('fonts/compass-sans/CompassSans-Italic.woff2') format('woff2'),
        url('fonts/compass-sans/CompassSans-Italic.woff') format('woff'),
        url('fonts/compass-sans/CompassSans-Italic.ttf') format('truetype'),
        url('fonts/compass-sans/CompassSans-Italic.svg#CompassSans-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
} */


:root {
    /** Font default */
    --font-family-default: 'Compass Sans';
    --font-family-secondary: 'DM Sans', sans-serif;
    --font-family-title: 'Noto Serif', 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: #ff6900;
    --secondary: #6c757d;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #343a40;
}

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

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

#nav .sub-menu {
    list-style: none outside none;
    margin: 0;
    background: transparent;
    /*display: none;*/
    padding: 0;
    position: absolute;
    width: 100%;
    min-width: 240px;
    left: 50%;
    margin-left: -120px;
    padding-top: 21px;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    -webkit-transform: translateY(-20%);
    -ms-transform: translateY(-20%);
    transform: translateY(-20%);
    -webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;
}

#nav .sub-menu a {
    color: #fff;
    display: block;
    padding: 10px;
    background: #201b21;
}

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

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

#nav li:hover>.sub-menu {
    /*display: block;*/
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

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

#nav .sub-menu li:last-child {
    border-bottom: none;
}


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

/* Global */

body {
    font-family: var(--font-family-default);
    font-size: var(--font-size-default);
    background: #FFFFFF;
    color: var(--font-color-default);
    margin: 0;

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

a,
a:hover,
a:visited,
a:focus,
input,
input:focus,
textarea,
textarea:focus,
select:focus,
select {
    outline: none !important;
    text-decoration: none !important;
}

.slick-slide {
    outline: none !important;
}

.label-hide {
    display: none !important;
}

.no-padding {
    padding: 0;
}

.no-padding-left {
    padding-left: 0;
}

.no-padding-right {
    padding-right: 0;
}

.no-margin {
    margin: 0;
}

.no-margin-left {
    margin-left: 0 !important;
}

.no-margin-right {
    margin-right: 0 !important;
}

div#main-wrapper {
    overflow: hidden;
    position: relative;
}

/*main wrapper*/
div#main-wrapper::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 289px;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 78%, rgba(0, 0, 0, 0) 99%);
    pointer-events: none;
}

/*global title*/
.global-title {
    font-size: 25px;
    font-weight: 500;
    font-family: var(--font-family-default);
    letter-spacing: 3.7px;
    text-transform: uppercase;
    line-height: 1.25;
    color: #d16828;
}

.global-title span {
    display: block;
    font-size: 90px;
    line-height: 1;
    text-transform: initial;
    letter-spacing: -0.3px;
    color: #303030;
}

/*fixed header*/
header.main-header.show-fixed {
    background: #fff;
    margin-top: 0;
    padding: 9px 15px;
    box-shadow: 0px 0px 15px 0px #000;
}

.main-header.show-fixed .hdr-logo a {
    max-width: 137px;
}

.main-header.show-fixed .hdr-compass {
    max-width: 145px;
}

.main-header.show-fixed .hdr-logo img.default-logo {
    /*opacity: 0;*/
}

.main-header.show-fixed img.default-fixed-logo {
    /*opacity: 1;*/
}

.main-header.show-fixed .hdr-compass img.default-compass {
    /* opacity: 0; */
    filter: invert(1);
}

.main-header.show-fixed img.default-fixed-compass {
    /* opacity: 1;
    filter: brightness(0); */
}

.main-header.show-fixed nav.header-nav ul#nav>li>a {
    color: #303030;
}

.main-header.show-fixed .hdr-contact a {
    color: #303030;
}

.main-header.show-fixed nav.header-nav ul#nav>li>a::after,
.main-header.show-fixed .hdr-contact a::after {
    background: #303030;
}

.main-header.show-fixed .hdr-logos {
    max-width: 384px;
}

/*main header*/
header.main-header {
    z-index: 1001;
    position: fixed;
    padding: 15px;
    width: 100%;
    left: 0;
    margin-top: 26px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.header-inner {
    max-width: 1340px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.hdr-nav-contact-holder {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 740px;
    width: 100%;
}

/* header logo*/
.hdr-logos-holder {
    max-width: 482px;
    width: 100%;
}

.hdr-logos {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.hdr-logo a {
    display: block;
    max-width: 250px;
    position: relative;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.hdr-logo img {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.hdr-logo img.default-logo {
    max-width: 264px;
    width: 100%;
}

.hdr-logo img.default-fixed-logo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-width: 202px;
    opacity: 0;
}

.hdr-compass {
    position: relative;
    display: block;
}

.hdr-compass img {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.hdr-compass img.default-compass {
    max-width: 170px;
    width: 100%;
}

img.default-fixed-compass {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-width: 145px;
    opacity: 0;
}

/*nav*/
nav.header-nav {
    position: relative;
    text-align: center;
    margin-left: -20px;
}

nav.header-nav ul#nav {
    font-size: 0;
    position: relative;
    z-index: 5;
}

nav.header-nav ul#nav>li {
    padding: 0 20px;
    position: relative;
    display: inline-block;
    vertical-align: top;
}

nav.header-nav ul#nav>li>a {
    font-size: 15px;
    text-align: center;
    color: #fff;
    font-weight: 500;
    font-family: var(--font-family-default);
    letter-spacing: 1px;
    display: block;
    position: relative;
    text-transform: uppercase;
    z-index: 5;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

nav.header-nav ul#nav .sub-menu a {
    color: #fff;
    padding: 16px 5px;
    font-size: 14px;
    font-weight: 400;
    font-family: var(--font-family-default);
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 1.5px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

nav.header-nav ul#nav .sub-menu li:hover>a {
    background: #d16828;
    color: #fff;
}

nav.header-nav ul#nav>li>a:hover {
    /*opacity: .7;*/
}

nav.header-nav ul#nav>li:last-child::after {
    display: none;
}

nav.header-nav ul#nav>li>a::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 0;
    height: 2px;
    background: #fff;
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

nav.header-nav ul#nav>li:hover>a::after {
    width: 100%;
    opacity: 1;
}

nav.header-nav ul#nav>li>ul.sub-menu::after {
    content: '';
    position: absolute;
    top: 15px;
    left: 0;
    right: 0;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 6px solid #201b21;
    margin: auto;
}

/*header contact*/
.hdr-contact a {
    font-size: 14px;
    font-weight: 500;
    font-family: var(--font-family-default);
    color: #fff;
    letter-spacing: 2px;
    position: relative;
    display: block;
    margin-bottom: 1px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.hdr-contact a::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 0;
    height: 2px;
    background: #fff;
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.hdr-contact a:hover::after {
    width: 100%;
    opacity: 1;
}

.hdr-contact i {
    font-style: normal;
}

.hdr-contact em {
    margin-right: 12px;
}

/*slideshow area*/
.slideshow-area,
.slider-holder {
    position: relative;
}

.slider-holder .cycloneslider-slide::after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .15;
    z-index: 2;
    pointer-events: none;
}

.slider-holder::after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(images/slide-logo.png) no-repeat;
    background-position: center;
    background-size: cover;
    opacity: .07;
    z-index: 2;
    pointer-events: none;
}



/*slider tagline*/
.slider-tagline {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tagline-text {
    font-size: 48px;
    font-weight: 500;
    font-family: var(--font-family-default);
    text-align: center;
    color: #ffffff;
    letter-spacing: 2.3px;
    line-height: 1.35;
}

.tagline-text a {
    color: #FFF;
}

.tagline-text span {
    display: block;
    font-size: 24px;
    letter-spacing: 1.2px;
}

/*slide cta*/
.slide-cta-area {
    position: absolute;
    bottom: 205px;
    left: 0;
    width: 100%;
    z-index: 5;
    pointer-events: none;
}

.cta-holder {
    position: relative;
    max-width: 710px;
    margin: 0 auto;
}

.cta-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    margin: 0 -25px;
}

.slide-cta-list {
    width: 50%;
    padding: 0 25px;
}

.slide-cta-list a {
    font-size: 20px;
    font-weight: 500;
    font-family: var(--font-family-default);
    color: #fff;
    position: relative;
    max-width: 330px;
    width: 100%;
    height: 80px;
    border: solid 2px #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    text-transform: uppercase;
    pointer-events: auto;
    cursor: pointer;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    letter-spacing: 3px;
}

.slide-cta-list a:hover {
    background: #d16828 !important;
    border: solid 2px #d16828 !important;
    color: #fff;
}

/*side fixed smi*/
.side-fixed-contact {
    position: fixed;
    top: 0;
    left: 50px;
    pointer-events: none;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    z-index: 101;
    display: none;
}

.fixed-smi {
    position: relative;
}

.fixed-smi::after {
    content: '';
    position: absolute;
    top: 220px;
    left: 20px;
    width: 1px;
    height: 105px;
    background: #ffffff;
    box-shadow: 0px 0px 10px 1px rgb(0 0 0 / 60%);
}

.fixed-smi span {
    display: block;
    text-align: center;
    margin: 8px 0;
}

.fixed-smi a {
    font-size: 21px;
    color: #fff !important;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px;
    border-radius: 100%;
    width: 41px;
    height: 41px;
    border: solid 1px #fff;
    background: rgb(0 0 0 / 30%);
    margin: 0 0;
    pointer-events: auto;
    cursor: pointer;
    position: relative;
    z-index: 4;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.fixed-smi a:hover {
    background: #d16828;
    border: solid 1px #d16828;
}

span.fsmi-text {
    transform: rotate(-90deg);
    color: #fff;
    position: relative;
    left: -17px;
    top: 170px;
    font-size: 14px;
    font-weight: 500;
    font-family: var(--font-family-default);
    text-transform: uppercase;
    text-shadow: 0px 0px 10px #000;
}

/*welcome area*/
section.welcome-area {
    position: relative;
    padding: 120px 0 0;
}

.wc-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(images/wc-bg.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    pointer-events: none;
    filter: grayscale(1);
    opacity: .12;
}

.wc-left-accent {
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 100%;
    pointer-events: none;
}

.wc-left-accent::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(images/wc-left-accent.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    pointer-events: none;
}

.wc-right-accent {
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    height: 100%;
    pointer-events: none;
}

.wc-right-accent::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: url(images/wc-right-accent.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    pointer-events: none;
}

.wc-bottom-accent {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 20px;
    pointer-events: none;
}

.wc-bottom-accent::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: url(images/wc-bottom-accent.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    pointer-events: none;
}

.wc-holder {
    position: relative;
    display: block;
    z-index: 2;
    max-width: 1600px;
    margin: 0 auto;
}

.wc-inner {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.wc-list.col1,
.wc-list.col3 {
    width: 25%;
    margin-top: auto;
}

.wc-list.col2 {
    width: 46.874%;
}

.col1 {
    padding-left: 20px;
}

.col3 {
    padding-right: 20px;
}

.wc-photo.agent1 {
    margin-right: -141px;
}

.wc-photo.agent2 {
    margin-left: -47px;
}

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

.wc-content {
    position: relative;
    text-align: center;
    padding: 0 14px 123px;
}

.wc-head {
    margin-bottom: 17px;
}

.wc-text {
    max-width: 572px;
    margin: 0 auto;
}

.wc-text p {
    font-size: 15px;
    font-weight: 400;
    font-family: var(--font-family-default);
    letter-spacing: 0.3px;
    line-height: 1.8;
    padding-bottom: 30px;
    color: #595959;
}

.wc-btn a {
    font-size: 16px;
    font-weight: 500;
    font-family: var(--font-familt-default);
    letter-spacing: 2.3px;
    text-transform: uppercase;
    color: #303030;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 234px;
    height: 64px;
    margin: 20px auto 0;
    border: 2px solid #8f8f8f;
    background: transparent;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.wc-btn a:hover {
    background: #d16828;
    border: 2px solid #d16828;
    color: #fff;
}

/*why work us*/
section.why-work-area {
    background: #000;
    position: relative;
    padding: 100px 0 110px;
    z-index: 1;
}

section.why-work-area::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(images/ww-bg.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    filter: grayscale(1);
    pointer-events: none;
}

section.why-work-area::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(44 44 44 / 70%);
    z-index: 2;
    pointer-events: none;
}

.ww-top-bg {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100px;
    background: #fff;
    z-index: 2;
}

.ww-top-bg::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(images/ww-top-bg.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    z-index: 2;
    opacity: .35;
}

.ww-head .global-title {
    letter-spacing: 3.5px;
}

.ww-head .global-title span {
    font-size: 60px;
    color: #fff;
    letter-spacing: 3px;
    text-transform: uppercase;
}

.why-work-area .container {
    position: relative;
    z-index: 5;
    text-align: center;
}

.ww-head {
    margin-top: 112px;
    margin-bottom: 52px;
}

.ww-stats-list {
    padding: 30px 40px 0;
    min-height: 172px;
}

.ww-label {
    font-size: 22px;
    color: #fff;
    font-weight: 400;
    font-family: var(--font-family-secondary);
    line-height: 1.25;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.stats-number {
    font-size: 60px;
    color: #fff;
    font-weight: 700;
    font-family: var(--font-family-secondary);
    margin-bottom: 20px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.ww-stat1,
.ww-stat2,
.ww-stat3 {
    border-right: 1px solid rgb(255 255 255 / 50%);
    position: relative;
}

.ww-stat1::after,
.ww-stat2::after,
.ww-stat3::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: -2px;
    margin: auto;
    width: 3px;
    height: 52px;
    background: #d16828;
}

.ww-stat4:last-child {
    border: none;
}

.ww-label span {
    display: block;
    font-size: 17px;
    font-weight: 500;
    margin-top: 5px;
}

.ww-link {
    margin-top: 24px;
}

/*testimonials area*/
section.testimonials-area {
    position: relative;
    padding: 102px 0 114px;
    text-align: center;
}

.testi-head .global-title span {
    font-size: 60px;
    text-transform: uppercase;
    letter-spacing: 3.2px;
    margin-bottom: 56px;
}

.testi-head .global-title p {
    font-size: 30px;
    color: #303030;
    letter-spacing: 1px;
    margin-bottom: 25px;
}

.testi-list-holder {
    position: relative;
    max-width: 945px;
    margin: 0 auto;
}

.testi-list {
    padding: 0 17px;
}

.testi-text p {
    font-size: 15px;
    font-weight: 400;
    font-family: var(--font-family-default);
    line-height: 1.8;
    margin-bottom: 35px;
    color: #595959;
}

.testi-text span {
    font-weight: 500;
    letter-spacing: 1px;
}

.testi-arrow {
    position: absolute;
    top: -25px;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    pointer-events: none;
}

.testi-arrow span {
    font-size: 42px;
    color: #bababa;
    pointer-events: auto;
    cursor: pointer;
    display: block !important;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.testi-arrow span:hover {
    transform: scale(1.2);
}

span.testi-prev {
    margin-left: -180px;
}

span.testi-next {
    margin-right: -180px;
}

.testi-btn a {
    font-size: 16px;
    font-weight: 500;
    font-family: var(--font-family-default);
    letter-spacing: 2.3px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 364px;
    height: 64px;
    color: #303030;
    margin: 55px auto 0;
    border: 2px solid #8f8f8f;
    background: transparent;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.testi-btn a:hover {
    border: 2px solid #d16828;
    background: #d16828;
    color: #fff;
}

.testi-slick-slider .slick-slide>div>div {
    display: block !important;
}

.testi-slick-slider:not(.slick-initialize)>div:not(:first-child) {
    display: none;
}


/*featured properties*/
section.featured-properties-area {
    position: relative;
    padding: 0 0 93px;
}

.fp-inner {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
}

.fp-head-holder {
    width: 29.875%;
    padding-right: 10px;
    position: relative;
}

.fp-head-holder img {
    display: block;
    width: 100%;
    pointer-events: none;
}

.fp-head-inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    pointer-events: none;
}

.fp-slider {
    width: 70.125%;
}

.fp-btn a {
    font-size: 16px;
    font-weight: 500;
    font-family: var(--font-family-default);
    color: #fff;
    letter-spacing: 2.4px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 234px;
    height: 64px;
    border: solid 2px #fff;
    background: transparent;
    pointer-events: auto;
    cursor: pointer;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

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

.fp-title {
    font-size: 25px;
    font-weight: 500;
    font-family: var(--font-family-default);
    letter-spacing: 3.5px;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 56px;
    position: relative;
    line-height: 1.2;
}

.fp-title span {
    font-size: 60px;
    letter-spacing: 3px;
    display: block;
    margin-left: -4px;
}

.fp-text p {
    font-size: 15px;
    font-weight: 400;
    font-family: var(--font-family-default);
    color: #595959;
    line-height: 1.9;
    text-transform: inherit;
    letter-spacing: 0.3px;
    padding-bottom: 50px;
    max-width: 300px;
}

.fp-slick-slider .slick-list {
    padding-right: 145px;
}

.fp-list {
    padding: 0 10px;
}

.fp-list a {
    display: block;
    position: relative;
    overflow: hidden;
}

.fp-photo canvas {
    width: 100%;
    display: block;
    background: #000;
}

.fp-photo img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.fp-list a:hover .fp-photo img {
    opacity: .4;
}

.fp-content {
    position: absolute;
    bottom: -120px;
    left: 0;
    z-index: 5;
    width: 100%;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    padding-left: 71px;
    background: #fff;
    pointer-events: none;
}

.fp-content::after {
    content: '';
    position: absolute;
    top: -70px;
    left: 35px;
    width: 1px;
    min-height: 354px;
    background: #707070;
}

.fp-list a:hover .fp-content {
    background: transparent;
}

.fp-details {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    flex-wrap: wrap;
    padding: 54px 0 28px;
}

.fp-col1 {
    max-width: 237px;
    width: 100%;

}

.fp-col2 {
    max-width: 123px;
    width: 100%;
}

.fp-list a:hover .fp-content {
    bottom: 0;
}

.fp-address {
    font-size: 27px;
    font-weight: 500;
    font-family: var(--font-family-default);
    letter-spacing: 1.5px;
    line-height: 1.2;
    text-transform: uppercase;
    color: #2f2f2f;
    margin-bottom: 15px;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.fp-address span {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.1px;
    color: #595959;
    display: block;
}

.fp-price {
    font-size: 18px;
    font-weight: 500;
    font-family: var(--font-family-secondary);
    letter-spacing: 1px;
    color: #303030;
}

.fp-list a:hover .fp-price,
.fp-list a:hover .fp-address,
.fp-list a:hover .fp-address span,
.fp-list a:hover .fp-specs span {
    color: #fff;
}

.fp-specs span {
    display: block;
    font-size: 14px;
    font-weight: 400;
    font-family: var(--font-family-default);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #595959;
    margin-bottom: 10px;
}

.fp-specs em {
    font-weight: 500;
    font-style: normal;
}

.fp-specs span:last-child {
    margin-bottom: 0;
}

.fp-view span {
    font-size: 16px;
    font-weight: 500;
    font-family: var(--font-family-default);
    color: #fff;
    letter-spacing: 2.3px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #d16828;
    width: 100%;
    max-width: 234px;
    height: 64px;
    margin: 15px 0 41px;
}

.fp-slick-slider .slick-slide.slick-current.slick-active+.slick-slide.slick-active+.slick-slide .fp-photo img {
    opacity: .3;
}

.fp-slick-slider .slick-slide.slick-current.slick-active+.slick-slide.slick-active+.slick-slide .fp-list a {
    pointer-events: none;
}

.fp-slick-slider .slick-slide.slick-current.slick-active+.slick-slide.slick-active+.slick-slide .fp-details {
    opacity: 0;
}

.fp-slick-slider .slick-slide.slick-current.slick-active+.slick-slide.slick-active+.slick-slide .fp-content::after {
    opacity: 0;
}

.fp-slick-slider .slick-slide>div>div {
    display: block !important;
}

.fp-slick-slider:not(.slick-initialize)>div:not(:first-child) {
    display: none;
}

.fp-arrow-holder span {
    font-size: 42px;
    color: #fff;
    pointer-events: auto;
    cursor: pointer;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.fp-arrow-holder span:hover {
    transform: scale(1.2);
}

.fp-arrow-holder {
    position: absolute;
    top: 212px;
    right: 50px;
    width: 100%;
    pointer-events: none;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
}

/*recently sold*/
section.recently-sold-area {
    position: relative;
    padding: 0 0 85px;
}

.rs-inner {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
}

.rs-head-holder {
    width: 29.875%;
    padding-left: 10px;
    position: relative;
}

.rs-head-holder img {
    display: block;
    width: 100%;
    pointer-events: none;
}

.rs-head-inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    pointer-events: none;
}

.rs-slider {
    width: 70.125%;
}

.rs-head {
    max-width: 234px;
    width: 100%;
}

.rs-btn a {
    font-size: 16px;
    font-weight: 500;
    font-family: var(--font-family-default);
    color: #fff;
    letter-spacing: 2.4px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 64px;
    border: solid 2px #fff;
    background: transparent;
    pointer-events: auto;
    cursor: pointer;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.rs-btn a:hover {
    background: #fff;
    color: #d16828;
}

.rs-title {
    font-size: 25px;
    font-weight: 500;
    font-family: var(--font-family-default);
    letter-spacing: 3.5px;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 56px;
    position: relative;
    line-height: 1.2;
}

.rs-title span {
    font-size: 60px;
    letter-spacing: 3px;
    display: block;
    margin-left: -4px;
}

.rs-text p {
    font-size: 15px;
    font-weight: 400;
    font-family: var(--font-family-default);
    color: #595959;
    line-height: 1.9;
    text-transform: inherit;
    letter-spacing: 0.3px;
    padding-bottom: 50px;
    max-width: 300px;
}

.rs-slick-slider .slick-list {
    padding-left: 145px;
}

.rs-list {
    padding: 0 10px;
}

.rs-list a {
    display: block;
    position: relative;
    overflow: hidden;
}

.rs-photo canvas {
    width: 100%;
    display: block;
    background: #000;
}

.rs-photo img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.rs-list a:hover .rs-photo img {
    opacity: .4;
}

.rs-content {
    position: absolute;
    bottom: -120px;
    left: 0;
    z-index: 5;
    width: 100%;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    padding-left: 71px;
    background: #fff;
    pointer-events: none;
}

.rs-content::after {
    content: '';
    position: absolute;
    top: -70px;
    left: 35px;
    width: 1px;
    min-height: 354px;
    background: #707070;
}

.rs-list a:hover .rs-content {
    background: transparent;
}

.rs-details {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    flex-wrap: wrap;
    padding: 54px 0 28px;
}

.rs-col1 {
    max-width: 237px;
    width: 100%;

}

.rs-col2 {
    max-width: 123px;
    width: 100%;
}

.rs-list a:hover .rs-content {
    bottom: 0;
}

.rs-address {
    font-size: 27px;
    font-weight: 500;
    font-family: var(--font-family-default);
    letter-spacing: 1.5px;
    line-height: 1.2;
    text-transform: uppercase;
    color: #2f2f2f;
    margin-bottom: 15px;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.rs-address span {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.1px;
    color: #595959;
    display: block;
}

.rs-price {
    font-size: 18px;
    font-weight: 500;
    font-family: var(--font-family-secondary);
    letter-spacing: 1px;
    color: #303030;
}

.rs-list a:hover .rs-price,
.rs-list a:hover .rs-address,
.rs-list a:hover .rs-address span,
.rs-list a:hover .rs-specs span {
    color: #fff;
}

.rs-specs span {
    display: block;
    font-size: 14px;
    font-weight: 400;
    font-family: var(--font-family-default);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #595959;
    margin-bottom: 10px;
}

.rs-specs em {
    font-weight: 500;
    font-style: normal;
}

.rs-specs span:last-child {
    margin-bottom: 0;
}

.rs-view span {
    font-size: 16px;
    font-weight: 500;
    font-family: var(--font-family-default);
    color: #fff;
    letter-spacing: 2.3px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #d16828;
    width: 100%;
    max-width: 234px;
    height: 64px;
    margin: 15px 0 41px;
}

.rs-slick-slider .slick-slide>div>div {
    display: block !important;
}

.rs-slick-slider:not(.slick-initialize)>div:not(:first-child) {
    display: none;
}

.rs-arrow-holder span {
    font-size: 42px;
    color: #fff;
    pointer-events: auto;
    cursor: pointer;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.rs-arrow-holder span:hover {
    transform: scale(1.2);
}

.rs-arrow-holder {
    position: absolute;
    top: 212px;
    left: 50px;
    width: 100%;
    pointer-events: none;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

.rs-slick-slider .prevSlide .rs-photo img {
    opacity: .3;
}

.rs-slick-slider .prevSlide .rs-list a {
    pointer-events: none;
}

.rs-slick-slider .prevSlide .rs-details {
    opacity: 0;
}

.rs-slick-slider .prevSlide .rs-content::after {
    opacity: 0;
}


/*get in touch*/
section.get-in-touch-area {
    background: #fff;
    position: relative;
    padding: 193px 0 140px;
}

.gt-accent {
    position: absolute;
    top: 0;
    right: 0;
    width: 24px;
    height: 100%;
    background: url(images/gt-accent.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    pointer-events: none;
    z-index: 2;
}

section.get-in-touch-area::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(images/gt-bg.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    opacity: .25;
    filter: grayscale(1);
    pointer-events: none;
}

.gt-holder {
    position: relative;
    z-index: 5;
    max-width: 945px;
    margin: 0 auto;
    text-align: center;
}

.gt-head .global-title span {
    font-size: 60px;
    text-transform: uppercase;
    letter-spacing: 3px;
}

.gt-form {
    font-size: 0;
    position: relative;
    margin: 35px 0 0;
    padding-bottom: 38px;
}

.gt-fields input,
.gt-fields textarea {
    font-size: 15px;
    width: 100%;
    font-weight: 400;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: transparent;
    letter-spacing: 2px;
    height: 69px;
    color: #595959;
    font-family: var(--font-family-default);
    padding: 0 0;
    text-transform: uppercase;
    border-radius: 0;
    resize: none;
    border: none;
    border-bottom: solid 2px #8f8f8f;
}

.gt-form textarea {
    padding-top: 27px;
}

.gt-fields.gt-textarea {
    width: 100%;
    margin-bottom: 0;
    position: relative;
}

.gt-fields {
    position: relative;
    width: calc(100% / 3);
    display: inline-block;
    padding: 0 10px;
    vertical-align: top;
    margin-bottom: 8px;
}

.gt-form div.wpcf7 .ajax-loader {
    display: block;
    position: absolute;
    right: 0;
    left: 0;
    margin: auto;
    bottom: -18px;
}

.gt-form span.wpcf7-not-valid-tip {
    font-size: 11px;
}

.gt-form span.wpcf7-form-control-wrap {
    display: block;
}

.gt-form div.wpcf7-response-output {
    margin: auto;
    position: absolute;
    width: calc(100% - 20px);
    font-size: 12px;
    color: #000;
    text-align: center;
    left: 0;
    right: 0;
    margin-top: 5px;
}

.gt-form form {
    position: relative;
}

.gt-sub-text {
    font-size: 18px;
    color: #fff;
    text-align: center;
    font-weight: 400;
    font-family: var(--font-family-default);
    letter-spacing: .3px;
    line-height: 1.95;
    margin-top: 45px;
    padding: 0 15px;
}

.gt-fields.gt-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 47px auto 15px;
    position: relative;
    max-width: 255px;
    width: 100%;
    padding: 0;
}


.gt-fields.gt-btn input {
    font-size: 16px;
    color: #303030;
    text-transform: uppercase;
    font-family: var(--font-family-default);
    letter-spacing: 2.5px;
    font-weight: 500;
    position: relative;
    height: 64px;
    border: solid 2px #8f8f8f;
    z-index: 5;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.gt-fields.gt-btn input:hover {
    background: #d16828;
    color: #fff;
    border: solid 2px #d16828;
}

.gt-check-field {
    margin-top: 73px;
}

.gt-check-field span.wpcf7-list-item-label {
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    margin-left: 10px;
    letter-spacing: 1.5px;
    font-family: var(--font-family-default);
}

.use-floating-validation-tip .wpcf7-not-valid-tip {
    position: absolute;
    top: auto;
    /* left: 0; */
    width: auto;
    bottom: 0;
    font-size: 11px;
}

/*footer*/
footer.main-footer {
    background: #101010 url(images/ftr-bg.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    padding: 90px 0 94px;
    position: relative;
    overflow: hidden;
}

footer.main-footer>.container {
    position: relative;
    z-index: 5;
}

.ftr-logos a {
    position: relative;
    display: block;
}

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

.ftr-logos span {
    padding: 0 32px;
}

.ftr-logos span em.ai-mobile-phone a {
    font-size: 20px;
    color: #fff;
    font-weight: 700;
    display: inline-block;
    padding: 5px;
    letter-spacing: 4px;
    font-family: var(--font-family-default);
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.ftr-logos span em.ai-mobile-phone {
    margin-top: 12px;
    display: block;
}

.ftr-logos span em.ai-mobile-phone a:hover {
    opacity: .6;
}

.ftr-contact {
    font-size: 0;
}

.ftr-contact span a {
    display: inline-block;
    padding: 3px 0;
    font-family: var(--font-family-default);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    letter-spacing: 1.4px;
    color: #fff !important;
}

.ftr-contact span a:hover {
    color: #8f8f8f !important;
}

.ftr-contact span {
    display: block;
    margin-bottom: 13px;
    font-size: 16px;
}

.ftr-contact em.ai-font-envelope-f {
    font-size: 12px;
    margin-right: 6px;
    color: #d16828;
}

.ftr-contact em.ai-font-list-a {
    font-size: 12px;
    margin-right: 10px;
    color: #d16828;
}

.ftr-contact span.ftr-loc i {
    font-style: normal;
    line-height: 1.2;
    max-width: 163px;
}

span.ftr-loc em.ai-font-location-c {
    top: 4px;
    font-size: 18px;
    margin-right: 10px;
    color: #d16828;
}

.ftr-contact span.ftr-loc a {
    display: inline-flex;
    align-items: flex-start;
}

.ftr-contact span.ftr-loc {
    margin-bottom: 5px;
    max-width: 250px;
    line-height: 1.75;
}

span.ftr-contact-title {
    font-size: 24px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 5.5px;
    font-family: var(--font-family-default);
    margin-bottom: 39px;
}

.ftr-contact em.ai-font-phone {
    font-size: 15px;
    top: 1px;
    margin-right: 9px;
    color: #d16828;
}

.ftr-title {
    font-size: 25px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 600;
    font-family: var(--font-family-default);
    letter-spacing: 1.5px;
    padding: 5px 0;
    margin-bottom: 24px;
}

.ftr-details {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.ftr-details-col1 {
    max-width: 50%;
    width: 100%;
}

.ftr-details-col2 {
    max-width: 50%;
    width: 100%;
}

.ftr-bottom {
    margin-top: 39px;
    padding-bottom: 52px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    justify-content: center;
    border-bottom: solid 1px #8f8f8f;
}

.ftr-bottom::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 100%;
    width: 100%;
    height: 1px;
    background: #8f8f8f;
}

.ftr-bottom::before {
    content: '';
    position: absolute;
    bottom: 0;
    right: 100%;
    width: 100%;
    height: 1px;
    background: #8f8f8f;
}

.ftr-contact-inner {
    width: 100%;
  max-width: 760px;
}

.ftr-nav-inner {
    width: 43.526%;
    display: none;
}

.ftr-bottom-holder {
    max-width: 1386px;
    margin: 0 auto;
    position: relative;
}

.ftr-text {
    max-width: 1324px;
    margin: 52px auto 0;
    text-align: center;
}

.ftr-text a {
    transition: 0.3s ease;
}

.ftr-text a:hover {
    color: #fff;
}

.ftr-text p {
    font-size: 13px;
    font-weight: 400;
    font-family: var(--font-family-default);
    letter-spacing: 1px;
    line-height: 1.5;
    color: #8e8e8e;
}

/*footer nav*/
.ftr-nav {
    margin-top: 25px;
}

ul.footernav {
    font-size: 0;
    padding-bottom: 25px;
    display: flex;
    justify-content: space-between;
    font-weight: 400;
    font-family: var(--font-family-default);
}

ul.footernav>li>a {
    display: inline-block;
    padding: 5px 0;
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    font-family: var(--font-family-default);
    letter-spacing: 1px;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    position: relative;
}

ul.footernav>li ul.sub-menu a {
    font-size: 15px;
    color: #cccccc;
    font-weight: 400;
    font-family: var(--font-family-default);
    padding: 3px 0;
    display: inline-block;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

ul.footernav li a:hover {
    color: #fff !important;
}

ul.footernav>li>a:hover {
    opacity: .7;
}

ul.footernav li ul.sub-menu {
    margin-top: 16px;
}

ul.footernav li ul.sub-menu li {
    margin-bottom: 12px;
}

ul.footernav>li {
    margin-bottom: 7px;
}

ul.footernav>li.bmenu-dd {
    margin-top: 12px;
}

ul.footernav>li>.sub-menu {
    margin-bottom: 10px;
}

ul.footernav>li:nth-child(4)>a::after,
ul.footernav>li:last-child>a::after {
    display: none;
}

.footer-copyright,
.footer-copyright a {
    font-size: 13px;
    color: #8e8e8e;
    line-height: 3.9;
    letter-spacing: 0.2px;
    font-family: var(--font-family-default);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    font-weight: 400;
}

.footer-copyright a:hover {
    color: #d16828;
}

.footer-copyright a[href="https://www.agentimage.com"] {
    text-decoration: underline !important;
    color: #d16828;
}

.footer-copyright a[href="https://www.agentimage.com"]:hover {
    opacity: .7;
}

.mls {
    font-size: 29px;
    color: #fff;
}

.mls em {
    margin: 0 2px;
}

.footer-copyright-holder {
    margin: 0 auto;
    text-align: center;
    margin-top: 3px;
}

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

/* Global */

body {
    font-family: var(--font-family-default);
    font-size: var(--font-size-default);
    background: #FFFFFF;
    color: var(--font-color-default);
    margin: 0;

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

/*******************************************************
 *
 * 4. IP Styles
 *
 *******************************************************/
.ip-banner {
    position: relative;
    width: 100%;
}

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

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

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

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

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

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

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

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

/* 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 {}

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

/* MEDIA QUERIES ARE AUTOMATICALLY REMOVED FROM THIS FILE, they must be placed in style-media-queries.css */
.aios-mobile-header-wrapper {
    z-index: 1001 !important;
}


.wpcf7 form .wpcf7-response-output {
    text-align: center;
}

.post-page-about #inner-page-wrapper,
.single-aios-agents #inner-page-wrapper,
.post-page-testimonials #inner-page-wrapper {
    padding-top: 24px;
}

#agents-results .agent-top,
.testimonials-area .testi-text span,
.ai-minimalist-testimonials-lists .ai-minimalist-testimonials-list a h3,
.aiosp-wrap div[class*=ai-minimalist-testimonials-results-popup-] h3 {
    display: none;
}

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

/* Agents */
body .aiosp-wrap .aiosp-ref-\#agents-popup-form .aios-popup-body {
    width: 555px;
    min-height: 0;
}

/* IHF Results Template */
body.ihf-results-template #content-full .entry-title {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}

dl.gallery-item img {
    height: 350px !important;
    object-fit: cover;
    object-position: center;
}

ul.concierge-contact-info a:hover,
.ai-contact-wrap a:hover {
    color: #d16828 !important;
}

.single-aios-communities div#inner-page-wrapper .container {
    width: 100%;
}


.image-holder {
    position: relative;
}

.image-holder canvas {
    display: block;
    height: 100%;
    width: 100%;
}

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


.slider-before-after-wrapper {
    display: flex;
    flex-flow: row wrap;
}

.slider-col {
    width: calc(100% / 2);
    padding: 0 10px;
}

.ba-slider .ba-slider {
    position: relative;
}

.ba-slider .rs-prev {
    position: absolute;
    top: 50%;
    z-index: 2;
    transform: translate(-50%, -50%);
    color: #fff;
    left: 20px;
    font-size: 35px;
}

.ba-slider .rs-next {
    position: absolute;
    top: 50%;
    z-index: 2;
    transform: translate(-50%, -50%);
    color: #fff;
    right: 0;
    font-size: 35px;
}

.ba-slider .slick-dots li {
    display: inline-block;
    font-size: 0;
}

.ba-slider .slick-dots li button {
    width: 10px;
    height: 10px;
    display: block;
    border: 1px solid;
    border-radius: 50%;
    margin: 0 2px;
    background: #fff;
}

.ba-slider .slick-dots {
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0 !important;
}

h2.projects-title {
    text-transform: uppercase;
    font-size: 16px !important;
    letter-spacing: 0.1em !important;
    display: block;
    text-align: center;
    margin-top: 40px !important;
}

.slider-col h3 {
    text-align: center;
    display: block;
    text-transform: uppercase;
    font-size: 14px !important;
    letter-spacing: 0.2em;
}


.page-id-28978 #content .archive-title,
.page-id-28979 #content .archive-title {
    text-align: center;
}

#aios-testimonials .archive-title {
    color: #d16828;
}

.page-id-21 .slider-wrap {
    max-width: 600px;
    margin: auto;
}

.page-id-21 .slider-wrap .aios-slider.aios-slider-template-default .splide .splide__arrow--prev {
    left: 10px;
}

.page-id-21 .slider-wrap .aios-slider.aios-slider-template-default .splide .splide__arrow--next {
    right: 10px;
}