/*
Theme Name: David Gowan
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: 'Gill Sans';

    src: url("fonts/GillSans-BoldItalic.woff2") format("woff2"), url("fonts/GillSans-BoldItalic.woff") format("woff");

    font-weight: bold;

    font-style: italic;

    font-display: swap;

}



@font-face {

    font-family: 'Gill Sans';

    src: url("fonts/GillSans-Bold.woff2") format("woff2"), url("fonts/GillSans-Bold.woff") format("woff");

    font-weight: bold;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Gill Sans';

    src: url("fonts/GillSans-HeavyItalic.woff2") format("woff2"), url("fonts/GillSans-HeavyItalic.woff") format("woff");

    font-weight: 900;

    font-style: italic;

    font-display: swap;

}



@font-face {

    font-family: 'Gill Sans';

    src: url("fonts/GillSans-Heavy.woff2") format("woff2"), url("fonts/GillSans-Heavy.woff") format("woff");

    font-weight: 900;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Gill Sans';

    src: url("fonts/GillSans-Italic.woff2") format("woff2"), url("fonts/GillSans-Italic.woff") format("woff");

    font-weight: normal;

    font-style: italic;

    font-display: swap;

}



@font-face {

    font-family: 'Gill Sans';

    src: url("fonts/GillSans-LightItalic.woff2") format("woff2"), url("fonts/GillSans-LightItalic.woff") format("woff");

    font-weight: 300;

    font-style: italic;

    font-display: swap;

}



@font-face {

    font-family: 'Gill Sans';

    src: url("fonts/GillSans-Medium.woff2") format("woff2"), url("fonts/GillSans-Medium.woff") format("woff");

    font-weight: 500;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Gill Sans';

    src: url("fonts/GillSans-Light.woff2") format("woff2"), url("fonts/GillSans-Light.woff") format("woff");

    font-weight: 300;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Gill Sans';

    src: url("fonts/GillSans-MediumItalic.woff2") format("woff2"), url("fonts/GillSans-MediumItalic.woff") format("woff");

    font-weight: 500;

    font-style: italic;

    font-display: swap;

}



@font-face {

    font-family: 'Gill Sans';

    src: url("fonts/GillSans.woff2") format("woff2"), url("fonts/GillSans.woff") format("woff");

    font-weight: normal;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Gill Sans';

    src: url("fonts/GillSans-CondensedRegular.woff2") format("woff2"), url("fonts/GillSans-CondensedRegular.woff") format("woff");

    font-weight: normal;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Gill Sans';

    src: url("fonts/GillSans-CondensedBold.woff2") format("woff2"), url("fonts/GillSans-CondensedBold.woff") format("woff");

    font-weight: bold;

    font-style: normal;

    font-display: swap;

}

:root {
    /** Font default */
    /*
    --font-family-default: 'Roboto', sans-serif;
    --font-family-title: 'Julius Sans One', serif;
*/
    --font-family-default: 'Spartan', sans-serif;
    --font-family-title: 'Spartan', sans-serif;
    --font-size-default: 14px;
    --font-size-title: 18px;
    --font-color-default: #000;
    --font-color-title: #6c757d;
    /** Use for input, button, and any other element */
    --primary-color: #fff;
    --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: url("images/submenu-fixer.png");
    padding: 0;
    position: absolute;
    width: 100%;
    min-width: 200px;
    left: 50%;
    margin-left: -100px;
    z-index: 9;
    padding: 0 10px;
    color: #fff;
    text-align: left;
    top: 100%;
    opacity: 0;
    visibility: hidden;
    text-align: center;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-backface-visibility: hidden;
}

#nav .sub-menu a {
    color: #FFFFFF;
    display: block;
    padding: 10px;
}

#nav .sub-menu a:hover {
    /* background: none repeat scroll 0 0 #b2b2b2; */
    color: #000000;
    text-decoration: none;
}

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

#nav li:hover > .sub-menu {
    opacity: 1;
    visibility: visible;
}

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

#fixednav .sub-menu {
    list-style: none outside none;
    margin: 0;
    display: none;
    padding: 0;
    position: absolute;
    width: 100%;
    min-width: 180px;
}

#fixednav .sub-menu a {
    color: #FFFFFF;
    display: block;
    padding: 10px;
}

#fixednav .sub-menu a:hover {
    background: none repeat scroll 0 0 #b2b2b2;
    color: #000000;
    text-decoration: none;
}

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

#fixednav li:hover > .sub-menu {
    display: block;
}

#fixednav .sub-menu li {
    position: relative;
}


/*******************************************************
 *
 * 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,
button {
    outline: none;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
    color: #818181;
    outline: none;
    text-decoration: none;
}

a,
a:hover,
a:visited,
a:focus,
select,
input,
textarea {
    text-decoration: none;
    outline: 0;
    cursor: pointer;
}

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

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

.slick-slide {
    outline: 0;
}

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

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

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

.custom-container {
    padding-left: 100px;
    padding-right: 100px;
}


/*** Header Area ***/

.main-header {
    position: absolute;
    z-index: 100;
    left: 0;
    right: 0;
    margin: 0 auto;
    padding: 30px 0;
}


/*** Header Logo ***/

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

.hdr-logo {
    display: block;
    position: relative;
    text-align: left;
}
.hdr-logo img {
    max-width: 100%;
}

.hdr-title {
    display: block;
    font-family: var(--font-family-title);
    font-size: 34.83px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 300;
}

.hdr-title span {
    font-family: var(--font-family-default);
    display: block;
    font-size: 14.89px;
    letter-spacing: 0.14em;
    font-weight: 300;
}


/*** Header right ***/

.hdr-info {
    display: flex;
    align-items: center;
    color: #fff;
}

.hdr-info img {
    margin-left: 10px;
    margin-right: 10px;
}

.hdr-info a {
    color: #fff;
    font-size: 15px;
    margin-left: 18px;
}
.hdr-info a:hover {
    opacity: 0.7;
}

.hdr-info a > i {
    margin-right: 10px;
}

.slidenavigation {
    vertical-align: middle;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    margin-left: 25px;
    width: 67px;
    height: 67px;
    background: rgba(0, 0, 0, 0.9);
    align-items: center;
}

.slidenavigation em {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    font-style: normal;
    letter-spacing: 0.15em;
    margin-right: 8px;
}

.burger-menu-icon {
    width: 41px;
    height: 26px;
    position: relative;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
}

.burger-menu-icon span {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    background: #fff;
    opacity: 1;
    /* left: 0;*/
    right: 0;
    -webkit-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
    margin: 0 auto;
}

.burger-menu-icon:hover span,
.burger-menu-icon:focus span {
    background: #80898f;
    width: 100%!important;
}

.burger-menu-icon span:nth-child(2) {
    top: 9px;
    width: 70%;
    right: 0;
}

.burger-menu-icon:hover span:nth-child(2),
.burger-menu-icon:focus span:nth-child(2) {
    width: 100% !important;
}

.burger-menu-icon span:nth-child(3) {
    bottom: 4px;
    width: 100%;
}

#nav {
    display: block;
}

#nav a {
    font-size: 14px;
    font-weight: 300;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    text-decoration: none;
    display: block;
    padding: 10px 0;
    transition: all ease .4s;
    -moz-transition: all ease .4s;
    -webkit-transition: all ease .4s;
}

#nav a:hover {
    color: #fff;
}

#nav li {
    position: relative;
}

#nav > li {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 20px;
}

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

#nav > li:hover > a {
    color: #fff;
    opacity: 0.8;
}


/* Sub Menu */

#nav .sub-menu {
    position: absolute;
    min-width: 200px;
    left: 50%;
    margin-left: -100px;
    z-index: 9;
    padding: 0 10px;
    color: #fff;
    text-align: left;
    top: 100%;
    opacity: 0;
    visibility: hidden;
    text-align: center;
    transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-backface-visibility: hidden;
    pointer-events: none;
}

#nav:hover .sub-menu {
    pointer-events: all;
}

#nav .sub-menu:before {
    position: absolute;
    content: '';
    background: url(images/sub-m-bg.png) no-repeat center;
    width: 15px;
    height: 10px;
    top: -10px;
    left: 20px;
}

#nav .sub-menu a {
    color: #fff;
    display: block;
    padding: 10px;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    background: #fff;
}

#nav .sub-menu a:hover {
    opacity: 0.8;
    color: #fff;
}

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

#nav li:hover > .sub-menu {
    opacity: 1;
    visibility: visible;
}

#nav .sub-menu li {
    position: relative;
    display: block;
    padding: 0;
    margin: 1px 0 0;
}

#nav .sub-menu li:first-child {
    padding: 0 0 0 0;
}

#nav .sub-menu li a:after {
    display: none;
}


/***Header Short***/

.fixed-header {
    background: rgba(0, 0, 0, 0.8);
    position: fixed;
    z-index: 1002;
    width: 100%;
    left: 0;
    top: -100px;
    transition: all ease .3s;
    -moz-transition: all ease .3s;
    -webkit-transition: all ease .3s;
    padding: 10px 0;
}

.fixed-header.active {
    top: 0;
}

.fixed-header .hdr-title {
    color: #fff;
}


/*** Fixed Nav ***/

.nav-wrapp {
    align-items: center;
    margin-right: 56px;
}

.navigation {
    display: inline-block;
    position: relative;
}

#fixednav {
    display: block;
}

#fixednav a {
    font-size: 14px;
    font-weight: 300;
    color: #606060;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    text-decoration: none;
    display: block;
    padding: 10px 0;
    transition: all ease .4s;
    -moz-transition: all ease .4s;
    -webkit-transition: all ease .4s;
}

#fixednav a:hover {
    color: #fff;
}

#fixednav li {
    position: relative;
}

#fixednav > li {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 20px;
}

#fixednav > li:first-child {
    margin: 0 0 0 0;
}

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


/* Sub Menu */

#fixednav .sub-menu {
    position: absolute;
    min-width: 200px;
    left: 50%;
    margin-left: -100px;
    z-index: 9;
    padding: 0 10px;
    color: #fff;
    text-align: left;
    top: 100%;
    opacity: 0;
    visibility: hidden;
    text-align: center;
    transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-backface-visibility: hidden;
    pointer-events: none;
}

#fixednav:hover .sub-menu {
    pointer-events: all;
}

#fixednav .sub-menu a {
    color: #fff;
    display: block;
    padding: 10px;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    background: #fff;
}

#fixednav .sub-menu a:hover {
    opacity: 0.8;
    color: #fff;
    background: #fff;
}

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

#fixednav li:hover > .sub-menu {
    opacity: 1;
    visibility: visible;
}

#fixednav .sub-menu li {
    position: relative;
    display: block;
    padding: 0;
    margin: 1px 0 0;
}

#fixednav .sub-menu li:first-child {
    padding: 0 0 0 0;
}

#fixednav .sub-menu li a:after {
    display: none;
}

.fixed-header:not(.active) {
    opacity: 0;
    pointer-events: none;
}


/*** HP SLIDE ***/

section#slide-main-area {
    position: relative;
}

.slide-area {
    width: 100%;
    position: relative;
    z-index: 0;
    top: 0;
    height: 100%;
}

.slide-wrapper {
    position: relative;
}

.hp-slide {
    width: 100%;
    z-index: 1;
    position: relative;
}

.home .cycloneslider-template-responsive {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.home .cycloneslider-slide.cycloneslider-slide-image.cycle-slide:before,
.home .cycloneslider-template-responsive .cycloneslider-slide:before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    left: 0;
    right: 0;
    z-index: 2;
}

.home .cycloneslider-slide.cycloneslider-slide-image.cycle-slide:after,
.home .cycloneslider-template-responsive .cycloneslider-slide:after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    z-index: 2;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000', GradientType=0);
    /* IE6-9 */
    top: 0;
    opacity: 0.8;
}

.hp-slide .cycloneslider-template-responsive {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-image: none !important;
}

.hp-slide .cycloneslider-template-responsive .cycloneslider-slide {
    background-color: transparent;
}


/*** Tagline ***/

.tagline-wrapper {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 5;
    width: 100%;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    display: none;
}

.sd-nav {
    display: block;
    color: #fff;
    position: absolute;
    text-align: center;
    left: 0;
    right: 0;
    bottom: 80px;
    margin: 0 auto;
}

.sd-nav img {
    margin: 0 auto 20px;
    cursor: pointer;
}

.sd-nav span {
    display: block;
    font-size: 13px;
    text-transform: capitalize;
    padding-top: 5px;
}

.sd-nav em {
    font-size: 12px;
    display: block;
    margin: 0 auto;
}


/*** Quick Search ***/

.qs-wrapper {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 5;
    bottom: 0;
    padding: 30px 100px 30px;
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
}

.qs-area-wrapp {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0;
    letter-spacing: 0;
}

.qs-title {
    color: #fff;
    font-weight: 400;
    display: block;
    font-size: 25px;
    width: 17%;
    text-transform: uppercase;
    text-align: left;
    font-family: var(--font-family-title);
    letter-spacing: 0.05em;
}

.qs-cont {
    width: 83%;
    font-size: 0;
    letter-spacing: 0;
}

.qs-cont form {
    margin: 0 auto;
    vertical-align: top;
}

.qs-cont .field-1,
.qs-cont .field-2 {
    width: 19%;
    max-width: 209px;
}

.qs-cont .field-3,
.qs-cont .field-4 {
    width: 11.5%;
    max-width: 125px;
}

.qs-cont .field-5,
.qs-cont .field-6 {
    width: 11.5%;
    max-width: 130px;
}

.qs-cont .field-1,
.qs-cont .field-2,
.qs-cont .field-3,
.qs-cont .field-4,
.qs-cont .field-5,
.qs-cont .field-6 {
    display: inline-block;
    margin-right: 5px;
}

.qs-cont input {
    color: #898989;
    font-size: 13px;
    height: 36px;
    padding: 0 10px;
    display: inline-block;
    width: 100%;
    vertical-align: top;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url(images/qs-arrow.png) no-repeat right 8px center rgba(255, 255, 255, 1);
    border: transparent;
    text-transform: capitalize;
}

.qs-cont select {
    color: #898989;
    font-size: 13px;
    height: 36px;
    padding: 0 10px;
    display: inline-block;
    width: 100%;
    vertical-align: top;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url(images/qs-arrow.png) no-repeat right 8px center rgba(255, 255, 255, 1);
    border: transparent;
    text-transform: capitalize;
}

.firefox-true .qs-cont select {
    padding: 0 8px;
}

.qs-cont select > option {
    color: #000;
}

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

.qs-cont .qs-cont-sub,
.qs-cont .adv-srch {
    width: 13.29%;
    max-width: 125px;
    height: 36px;
    background: #000;
    text-align: center;
    color: #fff;
    appearance: normal !important;
    -webkit-appearance: normal !important;
    -moz-appearance: normal !important;
    border-radius: 0;
    border: 0;
    margin: 0;
    vertical-align: top;
    display: inline-block;
    line-height: 36px;
    font-weight: 500;
    font-size: 15px;
    position: relative;
    transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
    font-style: normal;
    text-transform: uppercase;
}

.qs-cont .adv-srch {
    background: #b9b9b9;
    margin-left: 5px;
}

.qs-cont .qs-cont-sub:hover,
.qs-cont .adv-srch {
    opacity: 0.8;
}


/** Main Titlte **/

.a-center {
    align-items: center;
}

.flex-area {
    display: flex;
    justify-content: center;
}

.section-title {
    display: inline-block;
    position: relative;
    text-align: left;
}

.section-title .section-num {
    position: absolute;
    left: 5px;
    top: 8%;
    font-size: 14px;
    color: #818181;
    font-weight: 300;
    letter-spacing: .02em;
}

.section-title span.text-small {
    font-size: 20px;
    color: #000;
    font-weight: 300;
    display: block;
    line-height: 1;
    position: relative;
    text-transform: uppercase;
    letter-spacing: 0.14em;
    padding-left: 5px;
    text-align: left;
}

.section-title span.text-small span {
    display: inline-block;
    padding-right: 230px;
    position: relative;
}

.section-title span.text-small span:after {
    position: absolute;
    content: '';
    right: 0;
    width: 207px;
    height: 1px;
    background: #000;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    text-align: left;
}

.section-title .text-big {
    display: block;
    font-size: 58px;
    color: #000;
    line-height: 1;
    font-weight: 300;
    font-family: var(--font-family-title);
    margin-top: 10px;
    text-transform: uppercase;
}


/******/

a.hp-link {
    display: inline-block;
    width: 100%;
    max-width: 235px;
    text-align: center;
    line-height: 64px;
    height: 64px;
    text-transform: uppercase;
    margin: 30px 0;
    background: #000;
    border: 1px solid #000;
    transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
}
a.hp-link:hover {
    background: #818181 !important;
    border-color: #818181;
}

a.hp-link span {
    color: #FFF;
    text-align: center;
    font-size: 14px;
    text-transform: uppercase;
    position: relative;
    display: block;
    width: 100%;
    letter-spacing: 0.05em;
    font-weight: 400;
    position: relative;
    z-index: 1;
    transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
}

/*a.hp-link:hover span {
    color: #fff;
}

a.hp-link:hover {
    background: #000 !important;
    border-color: #000 !important;
}*/


/*** Featured Properties ***/

section#fp-section {
    position: relative;
    overflow: hidden;
    background: url(images/social-media-bg.jpg) no-repeat top center;
    background-size: 100% 500px;
}

.fp-area {
    width: 100%;
    margin: 0 auto;
    position: relative;
    text-align: center;
    padding: 90px 0;
}

.fp-title-wrap {
    display: flex;
    justify-content: space-between;
    font-size: 0;
    letter-spacing: 0;
    padding: 0 100px;
    align-items: center;
}

.fp-slide {
    position: relative;
    font-size: 0;
    margin-left: -1px;
    margin-right: -1px;
}

.fp-slide:not(.slick-initialized) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}

.fp-slide:not(.slick-initialized) .fp-list {
    width: calc(100% / 3);
}

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

.fp-list {
    position: relative;
    width: 33.333%;
    display: inline-block;
    vertical-align: top;
    padding: 0 1px;
}

.fp-list .fp-col {
    width: 100%;
    display: block;
    margin: 0 auto;
    font-size: 0;
    letter-spacing: 0;
}

.fp-list .fp-col .fp-d-img {
    position: relative;
    width: 100%;
    height: 100%;
}

.fp-list .fp-col .fp-d-img canvas {
    display: block;
    width: 100%;
}

.fp-list .fp-col .fp-d-img img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.fp-list .fp-col .fp-d-info {
    position: absolute;
    bottom: 0;
    z-index: 2;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: left;
    background: rgba(0, 0, 0, 0.8);
    font-size: 14px;
    font-weight: 300;
    padding: 30px;
    color: #fff;
}

.fp-list .fp-col .fp-d-info span {
    display: block;
}

.fp-list .fp-col .fp-d-info span.fp-name {
    font-size: 28px;
    font-family: var(--font-family-title);
    margin-bottom: 10px;
}

.fp-list .fp-col .fp-d-info span > em {
    font-style: normal;
}

.fp-list .fp-col .fp-d-info span > em:nth-child(2) {
    padding: 0 10px;
    margin: 0 10px;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
}

.fp-list .fp-col .fp-d-info span.fp-price {
    font-size: 28px;
    font-family: var(--font-family-title);
    margin-bottom: 10px;
}

.fp-list .fp-col .fp-d-info span.fp-view {
    width: 171px;
    height: 60px;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#9d9d9d+0,3f3f3f+70,1b1b1b+100 */
    background: rgb(157, 157, 157);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(157, 157, 157, 1) 0%, rgba(63, 63, 63, 1) 70%, rgba(27, 27, 27, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(157, 157, 157, 1) 0%, rgba(63, 63, 63, 1) 70%, rgba(27, 27, 27, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(157, 157, 157, 1) 0%, rgba(63, 63, 63, 1) 70%, rgba(27, 27, 27, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#9d9d9d', endColorstr='#1b1b1b', GradientType=0);
    /* IE6-9 */
    font-size: 14px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    line-height: 60px;
    letter-spacing: 0.05em;
    margin-top: 25px;
}

.fp-default {
    position: relative;
    pointer-events: none;
}

.fp-active {
    opacity: 0;
    pointer-events: none;
    transform: translateZ(0) scale(0.5);
    position: absolute;
    width: calc( 100% + 50px);
    height: calc( 100% + 100px);
    top: -50px;
    left: -25px;
    z-index: 5;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
    background: #000;
}

.fp-list .fp-col:hover .fp-active,
.fp-list .fp-col:focus .fp-active {
    opacity: 1;
    pointer-events: auto;
    transform: translateZ(0) scale(1);
}

.fp-list .fp-col .fp-active .fp-d-info {
    background: rgba(0, 0, 0, 0);
}

.fp-list .fp-col .fp-active .fp-d-img:before {
    position: absolute;
    width: 100%;
    height: 100%;
    content: '';
    background: rgba(0, 0, 0, 0.5);
    left: 0;
    top: 0;
    z-index: 2;
}

.fp-slide .slick-list.draggable {
    padding: 50px 0;
}

.fp-slick--btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    z-index: 9;
}

.fp-slick--btn .slick-arrow {
    cursor: pointer;
}

.fp-slick--btn .slick-btn--prev {
    position: absolute;
    left: 0;
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 63px;
    height: 63px;
    background: rgba(133, 133, 133, 0.8);
    color: #fff;
    text-transform: uppercase;
    cursor: pointer;
}

.fp-slick--btn .slick-btn--next {
    position: absolute;
    right: 0;
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 63px;
    height: 63px;
    background: rgba(133, 133, 133, 0.8);
    color: #fff;
    text-transform: uppercase;
    cursor: pointer;
}

.fp-prev em {
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    background-size: 100% auto;
    color: #fff;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
}

.fp-next em {
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    background-size: 100% auto;
    color: #fff;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
}

.fp-prev:hover em,
.fp-next:hover em {
    opacity: 0.6;
}

.fp-link-bttn {
    width: 235px;
}

.fp-title-wrap .section-title {
    text-align: left;
}

.fp-title-wrap a.hp-link {
    margin: 0;
}

.slick-current .fp-list:last-child a.fp-col > .fp-active {
    left: 0;
}

.fp-slide .slick-slide.slick-current.slick-active + .slick-slide + .slick-slide .fp-list:last-child a.fp-col > .fp-active {
    left: -50px;
}

.fp-area .listing-status.Sale{
    background-color: #01e087;
}
.fp-area .listing-status.Exclusive{
    background-color: #f9ba17;
}
.fp-area .listing-status.Rent{
    background-color: #fb7a03;
}
.fp-area .listing-status.Lease{
    background-color: #fb7a03;
}
.fp-area .listing-status.Pending{
    background-color: #9e9e9e;
}
.fp-area .listing-status.Sold{
    background-color: #ff0000;
}


/*** CTA Section ***/

section#cta-section {
    position: relative;
    overflow: hidden;
}

.cta-area {
    width: 100%;
    /* max-width: 1400px;*/
    margin: 0 auto;
    position: relative;
    text-align: center;
    padding: 100px;
    background: #000;
}

.cta-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0;
    letter-spacing: 0;
    margin-left: -15px;
    margin-right: -15px;
}

.cta-list {
    display: block;
    width: 33.333%;
    padding: 0 15px;
}

.cta-list a {
    display: block;
    width: 100%;
    height: 117px;
    margin: 0 auto;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    background: #000;
    border: 1px solid #fff;
}

.cta-list a > span {
    text-transform: uppercase;
    color: #fff;
    font-size: 28px;
    font-family: var(--font-family-title);
    font-weight: 300;
}

.cta-list a:hover {
    background: #fff;

}

.cta-list a:hover > span {
    color: #000;
}

/*** welcome Area ***/

section#about-section {
    position: relative;
    overflow: hidden;
    padding-top: 130px;
    padding-bottom: 130px;
    background: #fff;
    background: url(images/about-bg.jpg) no-repeat top center/cover;
    background-attachment: fixed;
}

.about-area {
    width: 100%;
    margin: 0 auto;
    position: relative;
    text-align: center;
    padding: 0 100px;
}

.about-cont {
    display: flex;
    align-items: flex-start;
    position: relative;
    width: 100%;
}

.about-img {
    position: relative;
    display: block;
    z-index: 1;
    width: 44.07142857142857%;
}

.about-img img {
    position: relative;
    z-index: 2;
    object-fit: cover;
    width: 100%;
}

.about-text {
    position: relative;
    text-align: left;
    width: 55.92857142857143%;
    padding: 50px 30px 0 65px;
}

.about-text strong {
    font-size: 20px;
    line-height: 28px;
}

.about-text p {
    letter-spacing: 0.05em;
    margin: 15px 0;
    line-height: 25px;
    font-size: 15px;
}

.about-text p.p-big {
    font-family: var(--font-family-title);
    font-size: 18px;
    font-weight: 300;
    line-height: 30px;
    text-transform: uppercase;
}

.about-text a.hp-link {
    background: #000;
}

.about-text a.hp-link:hover {
    /*border: none;

    background: rgb(157, 157, 157);

    background: -moz-linear-gradient(top, rgba(157, 157, 157, 1) 0%, rgba(63, 63, 63, 1) 70%, rgba(27, 27, 27, 1) 100%);

    background: -webkit-linear-gradient(top, rgba(157, 157, 157, 1) 0%, rgba(63, 63, 63, 1) 70%, rgba(27, 27, 27, 1) 100%);

    background: linear-gradient(to bottom, rgba(157, 157, 157, 1) 0%, rgba(63, 63, 63, 1) 70%, rgba(27, 27, 27, 1) 100%);

    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#9d9d9d', endColorstr='#1b1b1b', GradientType=0);*/

}


/*** Testi Monials **/

section#testi-section {
    position: relative;
    overflow: hidden;
    padding-top: 80px;
    padding-bottom: 50px;
    background: #fff;
    background: url(images/slide1.jpg) no-repeat top center/cover;
    /*height: 765px; */
    background-attachment: fixed;
}

section#testi-section:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
}

.testi-area {
    width: 100%;
    margin: 0 auto;
    position: relative;
    padding: 0 100px;
}

.testi-wrap {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    position: relative;
    text-align: center;
}

.testi-slide {
    position: relative;
    font-size: 0;
}

.testi-slide:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 97px;
    height: 89px;
    background: url(images/testi-q1.png) no-repeat center/cover;
}

.testi-slide:after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 97px;
    height: 89px;
    background: url(images/testi-q2.png) no-repeat center/cover;
}

.testi-list {
    position: relative;
    display: flex !important;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    padding: 50px 40px 0;
}

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

.testi-list p {
    font-size: 15px;
    color: #cccccc;
    font-weight: 300;
    line-height: 25px;
    text-align: left;
}

.testi-slide .slick-list.draggable {
    margin: 0 80px;
}

.testi-wrap .section-title .text-big,
.testi-wrap .section-title span.text-small {
    color: #fff;
    text-align: left;
}

.testi-wrap a.hp-link {
    margin-top: 50px;
}

.testi-wrap a.hp-link span {
    color: #fff;
}


/*** GIT Form ***/

section#contform-section {
    position: relative;
    overflow: hidden;
    padding-top: 120px;
    padding-bottom: 140px;
    background: #fff;
    background: url(images/slide2.jpg) no-repeat top center/cover;
    /*height: 765px; */
    background-attachment: fixed;
}

section#contform-section:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
}

.contform-area {
    position: relative;
    padding: 0;
    width: 100%;
    display: block;
    text-align: center;
}

.contform-wrapp {
    position: relative;
    margin: 0 auto;
    width: 100%;
}

.contform-wrapp p {
    display: block;
    margin: 20px 0;
}

.contform-wrapp .section-title span.text-small {
    color: #fff;
    text-align: left;
}

.contform-wrapp .section-title .text-big {
    color: #fff;
}

.git-col {
    position: relative;
    margin-top: 20px;
    font-size: 0;
    letter-spacing: 0;
    z-index: 5;
    text-align: center;
}

.git-col form {
    width: 100%;
    max-width: 750px;
    margin: 30px auto;
    position: relative;
}

.field-flex {
    display: flex;
    margin-right: -10px;
    margin-left: -10px;
}

.git-field {
    width: 50%;
    position: relative;
    display: inline-block;
    margin: 10px;
    vertical-align: top;
    border-bottom: 1px solid rgba(255, 255, 255, .9);
}

.field-flex2 {
    padding: 10px 0;
    position: relative;
}

.git-field-w {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    margin: 0 auto;
    border-bottom: 1px solid rgba(255, 255, 255, .9);
}

.git-col input[type='text'],
.git-col input[type='tel'],
.git-col input[type='email'],
.git-col textarea {
    width: 100%;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    height: 86px;
    font-weight: 400;
    -webkit-appearance: none;
    -moz-appearance: none;
    vertical-align: top;
    margin: 0;
    background: transparent;
    border: transparent;
    outline: none;
    padding: 0;
    font-style: normal;
    letter-spacing: 0.1em;
    text-transform: capitalize;
}

.git-col textarea {
    resize: none;
    margin: 5px 0;
    padding-top: 10px;
    padding-bottom: 0;
    height: 90px;
}

div.git-col input.wpcf7-form-control.wpcf7-submit {
    font-size: 14px;
    border: 0;
    width: 100%;
    height: 64px;
    max-width: 235px;
    text-align: center;
    line-height: 64px;
    text-transform: uppercase;
    margin: 30px 0;
    position: relative;
    background: transparent;
    color: #fff;
    line-height: 45px;
    margin: 40px auto;
    display: block;
    font-weight: 300;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
    z-index: 1;
    border: 1px solid #ababab;
}

div.git-col input.wpcf7-form-control.wpcf7-submit:hover {
    background: #000;
    border-color: #000;
}

.sub-link {
    display: block;
    width: 100%;
    max-width: 235px;
    margin: 0 auto;
    height: 64px;
    position: relative;
}

div.git-col div.wpcf7-response-output {
    position: absolute;
    width: 100%;
    margin: 0px auto;
    text-align: center;
    font-size: 14px;
    left: 0;
    right: 0;
    font-size: 12px;
    bottom: -40px;
    color: #fff;
    padding: 8px 0;
}

div.git-col span.wpcf7-not-valid-tip {
    font-size: 12px;
    color: #000 !important;
}

.contform-title .title-section {
    justify-content: center;
}

.contform-title .title-widget {
    color: #55c6e8;
    display: inline-block;
    text-align: center;
}

.contform-title .title-widget span {
    color: #fff;
}


/*** Latest News ***/

section#ln-section {
    position: relative;
    overflow: hidden;
    padding-top: 130px;
    padding-bottom: 130px;
    background: #fff;
    background: url(images/social-media-bg.jpg) no-repeat top center/cover;
    background-attachment: fixed;
    display: none;
    /*temporary*/
}

.ln-area {
    width: 100%;
    margin: 0 auto;
    position: relative;
    text-align: center;
    padding: 0 100px;
}

.ln-list-wrap {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: -5px;
    margin-right: -5px;
    padding-top: 50px;
}

.ln-list {
    position: relative;
    display: block;
    width: 33.333%;
    padding: 0 5px;
}

.ln-list .ln-img {
    width: 100%;
    height: 100%;
    position: relative;
}

.ln-list .ln-img canvas {
    position: relative;
}

.ln-list .ln-img img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
    transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
}

.ln-list .ln-img:hover img {
    opacity: 0.8;
}

.ln-list .ln-img span.fp-icn {
    position: absolute;
    top: 0;
    right: 0;
    width: 59px;
    height: 59px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #3b5997;
}

.ln-list .ln-img span.fp-icn > i {
    font-size: 20px;
    color: #fff;
}

.ln-list .ln-info {
    position: relative;
    display: block;
    padding: 30px 30px;
    border: 1px solid #d3d3d3;
    border-top: transparent;
    max-height: 356px;
}

.ln-list .ln-title {
    display: flex;
    align-items: flex-start;
}

.ln-list .ln-title .ln-name {
    margin-left: 30px;
    text-align: left;
}

.ln-list .ln-title .ln-name span {
    display: block;
    font-size: 28px;
    color: #767676;
    text-transform: uppercase;
    font-weight: 300;
}

.ln-list .ln-title .ln-name span.title-s {
    font-size: 12px;
    margin-top: 15px;
}

.ln-list .ln-text {
    text-align: left;
    padding: 25px 0;
}

.ln-list .ln-text p {
    line-height: 27px;
    letter-spacing: 0.024em;
}

.ln-list .ln-text a {
    display: inline-block;
    margin-top: 25px;
    color: #101447;
    font-weight: 500;
    transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
}

.ln-list .ln-text a:hover {
    opacity: 0.8;
}


/*** Footer ***/

section#ftr-section {
    position: relative;
    z-index: 1;
    background: url(images/ftr-bg.jpg) no-repeat center/cover;
    background-attachment: fixed;
}

section#ftr-section:before {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    content: '';
    opacity: 1;
    background: rgba(0, 0, 0, 0.8);
}

.footer {
    font-size: 11px;
    font-weight: 500;
    width: 100%;
    padding: 115px 0 0;
    text-align: center;
    z-index: 3;
    position: relative;
}


/*** Footer Contact Info ***/

.footer-title {
    display: block;
    margin-bottom: 50px;
    padding-bottom: 70px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.footer-title img {
    max-width: 100%;
}

.footer-title .hdr-title {
    text-align: center;
    color: #fff;
}

.footer-title .hdr-title {
    font-size: 46.67px;
}

.footer-title .hdr-title span {
    font-family: var(--font-family-default);
    font-size: 20.3px;
    font-weight: 300;
}

.ftr-widget-title {
    font-size: 28px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    text-align: left;
    display: block;
    padding-bottom: 20px;
    font-family: var(--font-family-title);
}

.ftr-contact-info {
    padding-left: 0;
    margin-right: -15px;
}

.ftr-info {
    position: relative;
    display: block;
    font-size: 17px;
    color: #fff;
    text-align: left;
    font-weight: 300;
}

.ftr-info img {
    margin-bottom: 50px;
}

.ftr-info span {
    display: block;
    padding-bottom: 20px;
}

.ftr-info span > i {
    font-style: normal;
    line-height: 20px;
}

.ftr-info span.address-info {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

.ftr-info .ai-font-location-c {
    font-size: 20px;
    color: #fff;
    padding-right: 10px;
}

.ftr-info .ai-font-phone-alt {
    font-size: 15px;
    color: #fff;
    padding-right: 14px;
}

.ftr-info .ai-font-envelope-f {
    font-size: 12px;
    padding-right: 14px;
    color: #fff;
}


/** Footer Nav **/

.footer-navi {
    display: block;
    width: 100%;
    margin: 0;
    text-align: left;
    padding-left: 0;
    position: relative;
    z-index: 5;
}

#footer-nav {
    display: block;
    font-size: 0;
    letter-spacing: 0;
}

#footer-nav li {
    margin-bottom: 30px;
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 33.333%;
}

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

#footer-nav li a:hover {
    color: #666;
}

#footer-nav ul.sub-menu {
    min-width: auto;
    left: 0;
    margin-left: 0;
    z-index: 9;
    padding: 0 0 20px;
    background: block;
    color: #fff;
    text-align: left;
    -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;
}

#footer-nav ul.sub-menu li {
    display: block;
    width: 100%;
    margin: 20px 0 0;
}

#footer-nav ul.sub-menu li a {
    font-size: 16px;
    color: #c9c9c9;
    font-weight: 300;
}
#footer-nav ul.sub-menu li a:hover {
    color: #818181;
}

.footer .copyright {
    color: #747474;
    padding: 0;
    letter-spacing: 0.05em;
    line-height: 20px;
    font-weight: 400;
    font-size: 13px;
    text-transform: capitalize;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.footer .copyright a {
    color: #fff;
    transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
}

.footer .copyright strong {
    color: #fff;
}

.footer .copyright a:hover {
    color: #8d8d8d;
}

.copyright span {
    text-transform: uppercase;
}

.ftr-logos {
    display: block;
    font-size: 24px;
    text-align: right;
    margin-top: 5px;
}

.ftr-logos em,
.copyright em {
    font-size: 20px;
    color: #fff;
    margin: 0 8px;
}

.copyright-wrapp {
    padding-top: 35px;
    padding-bottom: 35px;
    /*margin-top: 100px;*/
    z-index: 2;
    position: relative;
    width: 100%;
}

.copyright-wrapp .container {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    padding-top: 30px;
}


.safari-true section#testi-section,
.safari-true section#contform-section,
.safari-true section#ftr-section {
    background-attachment: unset;
}

/*******************************************************
 *
 * 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,
#listings-results .entry-title {
    font-size: 58px;
    font-family: var(--font-family-title);
    text-transform: uppercase;
    color: #000;
    position: relative;
	font-weight:300;
}


/* Styles for category/archive/search/etc subheadings (h2) */

#content .archive-subtitle {}


/** Connect Area **/

.close-bg {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: none;
    z-index: -1;
}

.connect-content {
    width: 100%;
    height: 100%;
    position: fixed;
    right: -2000px;
    top: 0;
    z-index: 1053;
    opacity: 1;
    text-align: center;
    padding: 0;
    transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
    overflow: auto;
    background: #000;
}

.connect-content:before {
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(images/slide-nav-bg.jpg) no-repeat center/cover;
    z-index: -1;
    background-attachment: fixed;
    opacity: 0.2;
    filter: grayscale(100%);
}

.connect-content.active {
    opacity: 1;
    right: 0;
}

.connect-content .close-bttn {
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 67px;
    height: 67px;
    position: absolute;
    right: 100px;
    top: 50px;
    cursor: pointer;
    transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
    text-align: center;
    margin: 0 auto;
    color: #fff;
    z-index: 9;
    font-size: 25px;
    background: #000;
}

.connect-content .close-bttn:hover {
    color: #55c6e8;
}

.slide-logo-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 100px 0 50px;
    margin-bottom: 70px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.slide-logo-wrap img {
    max-width: 100%;
}

.slide-logo-wrap .hdr-title,
{
    margin: 0;
}

.slide-logo-wrap .hdr-title {
    font-size: 46.67px;
}

.slide-logo-wrap .hdr-title span {
    font-family: var(--font-family-default);
    font-size: 20.3px;
    font-weight: 300;
}

.connect-content .ftr-widget-title {
    color: #fff;
}

.connect-content .ftr-info {
    color: #fff;
}
.connect-content .ftr-info a:hover {
    color: #818181;
}

#slide-nav {
    width: 100%;
    vertical-align: top;
    padding-bottom: 30px;
    font-size: 0;
    letter-spacing: 0;
    display: block;
}

#slide-nav li {
    position: relative;
    text-align: left;
    vertical-align: top;
    width: 33.333%;
    display: inline-block;
    vertical-align: top;
    margin: 0;
}

#slide-nav li a {
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    display: block;
    margin-top: 0;
    outline: none;
    text-decoration: none;
    padding: 0 0 20px;
    transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
    text-transform: uppercase;
    letter-spacing: 0;
    letter-spacing: 0.05em;
}

#slide-nav li a:hover {
    color: #55c6e8;
}

#slide-nav .sub-menu {
    min-width: auto;
    left: 0;
    margin-left: 0;
    z-index: 9;
    padding: 0 0 50px;
    background: block;
    color: #fff;
    text-align: left;
    -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;
}

#slide-nav .sub-menu a {
    padding: 0;
    color: #fff;
}

#slide-nav .sub-menu li {
    width: 100%;
    position: relative;
    margin: 0 auto;
    text-align: left;
    background: transparent;
    padding: 0;
}

#slide-nav .sub-menu li:before {
    display: none;
}

#slide-nav .sub-menu li a {
    width: 100%;
    font-size: 16px;
    font-weight: 300;
    padding: 10px 0;
    text-transform: none;
    color: #e0e0e0;
    text-transform: uppercase;
    border-left: none;
    margin: 0 auto;
    -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;
    min-width: 128px;
}

#slide-nav .sub-menu li a:hover {
    color: #80898f;
    background: transparent;
}

#slide-nav .sub-menu .sub-menu {
    margin-left: 0;
    top: 0;
    display: none;
}

#slide-nav .sub-menu .sub-menu li a {
    font-size: 16px;
}


/** IP FP page **/

.ip-fp-slide {
    display: block;
    font-size: 0;
    letter-spacing: 0;
    margin-left: -1px;
    margin-right: -1px;
}

.ip-fp-slide .fp-list .fp-col .fp-d-info span.fp-name {
    font-size: 20px;
}

.ip-fp-slide .fp-list {
    margin-bottom: 30px;
}

.fp-pagen-navs {
    display: flex;
    align-items: center;
    flex-flow: row wrap;
    margin: 50px 0 0;
    align-items: center;
    justify-content: center;
}

.fp-pagen-nav {
    background: #bfbfbf;
    cursor: pointer;
    color: #fff;
    font-size: 13px;
    width: 40px;
    height: 40px;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: center;
}

.fp-pagen-nav:hover {
    background: #000;
}

.fp-pagen-nav-p {}

.fp-pagen-nav-n {}

.fp-pagen-dots {
    margin: 0 30px;
}

.fp-pagen-dots ul {
    font-size: 0;
    margin-left: 0 !important;
}

.fp-pagen-dots li {
    margin: 0 0 0 30px;
    display: inline-block;
    vertical-align: middle;
}

.fp-pagen-dots li:first-child {
    margin: 0 0 0 0;
}

.fp-pagen-dots button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 40px;
    height: 40px;
    border: 1px solid #000;
    color: #000;
    font-size: 17px;
    background: none;
}

.fp-pagen-dots button:hover {
    background: #000;
    color: #fff;
}


/** Single Default Layout (Post Content) */

#content .entry-thumbnail {
    position: relative;
    margin-bottom: 50px;
}

#content .entry-thumbnail img {
    display: block;
    margin: 0 auto;
    width: 100%;
}

.back-to-link {
    position: relative;
}

.back-to-link a {
    font-size: 18px;
    color: #000;
    text-transform: uppercase;
    font-weight: 600;
    display: inline-block;
    padding: 5px 0;
    position: relative;
    font-family: var(--primary-font);
    margin-top: 75px;
    -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;
}

.back-to-link a:hover {
    color: var(--primary-color);
}


/** End of Single Default Layout (Post Content) */


/** Archive Default Layout (Archive Page) */

#content .archive-list {
    position: relative;
}

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

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

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

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

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

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

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

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

#content .archive-more {
    display: inline-block;
    vertical-align: middle;
    font-family: var(--primary-font);
    text-transform: uppercase;
    letter-spacing: 1.2px;
    font-style: normal;
    text-decoration: none;
    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;
}

#content .archive-more:after {
    content: '';
    position: absolute;
    left: calc(100% + 23px);
    top: calc(50% - 1px);
    background: #ded1c1;
    width: 0;
    height: 2px;
    pointer-events: none;
    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;
}

#content .archive-more:hover {
    color: var(--primary-color);
}

#content .archive-more:hover:after {
    width: 63px;
    opacity: 1;
}

#content a.archive-more:hover {
    color: black;
}

#custom-quick-search button.btn.dropdown-toggle.bs-placeholder.btn-default {
    color: #898989;
    font-size: 13px;
    height: 36px;
    padding: 0 10px;
    display: inline-block;
    width: 100%;
    vertical-align: top;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url(images/qs-arrow.png) no-repeat right 8px center rgba(255, 255, 255, 1);
    border: transparent;
    text-transform: capitalize;
}

#custom-quick-search .btn-group.bootstrap-select.show-tick.qs-select {
    color: #898989;
    font-size: 13px;
    height: 36px;
    padding: 0 10px;
    display: inline-block;
    width: 100%;
    vertical-align: top;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url(images/qs-arrow.png) no-repeat right 8px center rgba(255, 255, 255, 1);
    border: transparent;
    text-transform: capitalize;
}


/** End of Archive Default Layout (Archive Page) */


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

#aios-communities-iconic a.aioscomu-cont {
    padding: 1px;
}

#aios-communities-iconic .aioscomu-details {
    font-family: var(--font-family-title);
}

.ip-banner-breadcrumbs {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: rgba(0, 0, 0, .80);
    z-index: 2;
    padding: 13px 0;
}

.banner-breadcrumbs-inner {
    max-width: 1140px;
    margin: 0 auto;
}

.ip-banner-breadcrumbs #breadcrumbs {
    font-weight: 300;
    color: #9d9d9d;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: .050em;
    line-height: 1;
}

.ip-banner-breadcrumbs #breadcrumbs .breadcrumb_last {
    color: #fff;
    font-weight: bold;
}

.hp-slide .cycloneslider-template-responsive .cycloneslider-caption {
    background: transparent;
    opacity: 1;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.hp-slide .cycloneslider-template-responsive .cycloneslider-caption-title {
    font-family: 'Roboto', sans-serif;
    font-size: 28px;
    font-weight: 400;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    padding: 15px 0;
    background: -moz-linear-gradient(left,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 50%, rgba(0,0,0,0) 100%);
background: -webkit-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 50%,rgba(0,0,0,0) 100%);
background: linear-gradient(to right,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 50%,rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#00000000',GradientType=1 );


}

.hp-slide .cycloneslider-template-responsive .cycloneslider-caption-description {
    display: none;
}
.hdr-title span {
    margin-top: 5px;
}
.hdr-title em {
    display: block;
    font-family: 'Roboto', sans-serif;
    font-size: 11px;
    font-weight: 400;
    font-style: italic !important;
    letter-spacing: 0.05em;
    color: #fff;
    text-transform: uppercase;
    margin-top: 5px;
}

#ihf-main-container .mc-amount,
#ihf-main-container .mc-total-payment,
#ihf-main-container .mc-total-payment-sm,
#ihf-main-container .mc-total-payment-subline {
    color: #000;
}

#ihf-main-container .mc-payments-table td {
    border-color: #000;
}

#ihf-main-container .form-control {
    color: #000;
    border-color: #000;
}

#ihf-main-container .input-group-addon {
    background-color: #000;
    border: 1px solid #000;
    color: #FFF;
}

.hdr-title i {
	font-size: 9px;
	font-weight: 600;
}

.page-id-2346 .hdr-logo {
	display: none;
}

.sold-banner-content a:hover, .sold-banner-content a:focus {
	color: #fff;
}

.page-numbers {
	padding: 0 10px;
	border-right: 1px solid;
}

.next.page-numbers {
	display:none;
	border: 0;
}

.page-id-46 #ihf-search-adv-submit {
	background: #000 !important;
}

.page-id-46 #ihf-search-adv2-submit {
	background: #000 !important;
}

.sold-disclaimer span {
	display: block;
	margin-bottom: 20px;
}

/*Testimonials Page*/
.ai-classic-testimonials-wrap .ai-classic-testimonials .ai-classic-testimonials-icon>div h3{
    font-size: 15px;
}


.ai-classic-testimonials-wrap .aiosp-wrap div[class*=ai-classic-testimonials-results-popup-] .ai-classic-testimonials-icon>div h3 {
    font-size: 20px !important;
}

.ai-classic-testimonials-wrap .ai-classic-testimonials .ai-classic-testimonials-icon,
.ai-classic-testimonials-wrap .ai-classic-testimonials:first-child .ai-classic-testimonials-icon{
    padding: 15px 50px;
}


/*Listings Page*/
#listings-results .listings-grid .listings-info::after{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #000;
    /*opacity: 0.5;*/
    opacity: 0.5;
    left: 0;
    bottom: 0;
    z-index: -1;
    transition: all 0.3s ease-in-out;
}

#listings-results .listings-grid .listings-item:hover .listings-info::after{
    opacity: 0.6;
}

.footer-broker-disclaimer {
    font-family: 'Gill Sans';
    font-size: 13px;
    font-weight: 300;
    color: #fefefe;
    letter-spacing: 0.05em;
    text-align: center;
    margin: 20px 0;
    line-height: 1.4;
}

.fp-area .listing-status {
    background-color: transparent;
    position: absolute;
    top: 8px;
    right: 16px;
    font-size: 15px;
    text-transform: uppercase;
    padding: 7px;
    color: white;
}

.fp-area .listing-status.sold {
    background-color: red;
}

.qs-wrapper {
	display: none;
}

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

#listings-results .listings-grid .listings-address {
    text-shadow: 0 0 3px #000;
}

.page-template-template-featured-properties #breadcrumbs,
.page-template-template-sold-properties #breadcrumbs {
   display: none;
}

.page-template-template-sold-properties .banner-breadcrumbs-inner #breadcrumbs,
.page-template-template-featured-properties .banner-breadcrumbs-inner #breadcrumbs {
    display: block;
}


#listings-details .login-wrapper {
    padding: 100px 0;
}

#listings-details .login-inner {}

#listings-details .login-inner h2 {
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 20px;
}

#listings-details .login-inner form {
    display: flex;
    flex-flow: row wrap;
}

#listings-details .login-inner input[type="password"] {
    display: block;
    width: 250px;
    height: 40px;
    background: transparent;
    border: 1px solid #000;
    padding: 4px 15px 0;
}

#listings-details .login-inner input[type="submit"] {
    display: block;
    width: 100px;
    height: 40px;
    background: #000;
    border: 1px solid #000;
    padding: 4px 15px 0;
    color: #fff;
    text-transform: uppercase;
    margin-left: 5px;
}
.post-page-testimonials li .page-numbers {
    border-right: none;
}
.post-page-testimonials li .page-numbers.current {
    color: #fff;
}
.post-page-testimonials .aios-testimonialsPrev:hover a,
.post-page-testimonials .aios-testimonialsNext:hover a {
    opacity: 0.7;
}

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

body #pojo-a11y-toolbar {
    bottom:0 !important;
    top: auto !important;
}
body #pojo-a11y-toolbar.pojo-a11y-toolbar-left .pojo-a11y-toolbar-toggle {
    top:auto !important;
    bottom:0 !important;
}
button:focus-visible, a:focus-visible {
    outline-style: solid !important;
    outline-width: 5px !important;
    outline-color: red !important;
    transition: none !important;
}

.ip-container #main-wrapper {
    z-index: unset !important;
}

.single-listing p#breadcrumbs{
    padding-bottom: 40px;
    padding-top: 20px;
    font-size: 16px;
}

#content .cu-contact span a:hover,
.about-info a:hover {
    color: #818181 !important;
}

.page-template-template-featured-properties .banner-breadcrumbs-inner,
.page-template-template-sold-properties .banner-breadcrumbs-inner {
   max-width: 100% !important;

}

.page-template-sold-listings .banner-breadcrumbs-inner {
    max-width: 1263px;
 }

.fp-list .fp-col .fp-d-info span > em:nth-child(2) {
    border-right: 0;
    padding: 0 5px;
}
.fp-list .fp-col .fp-d-info span > em {
    border-left: 1px solid #fff;
    padding: 0 5px;
}
.fp-list .fp-col .fp-d-info span > em:nth-child(1) {
    border-left: 0;
    padding: 0 5px;
}

.listings-col .property-status {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 2;
    max-width: 42%;
    text-align: right;
}

.listings-col .property-status span {
    display: inline-block;
    font-size: 14px;
    text-transform: uppercase;
    padding: 5px;
    letter-spacing: 0.1em;
    margin: 0 1px 5px 0px;
}

.listings-col .status-Sale {
    background: #01e087;
    color: #fff;
}
.listings-col .status-Exclusive {
    background: #f9ba17;
    color: #fff;
}
.listings-col .status-Rent {
    background: #fb7a03;
    color: #fff;
}
.listings-col .status-Lease {
    background: #fb7a03;
    color: #fff;
}
.listings-col .status-Pending {
    background: #9e9e9e;
    color: #fff;
}
.listings-col .status-Sold {
    background: #ff0000;
    color: #fff;
}

.page-numbers {
    border-right: 1px solid;
    padding: 10px;
}

.page-numbers.current{
    border-right: 0;
    background-color: #000;
    color: #fff;
}

/*listingDetailsTemporaryFix*/
.postid-5321 .listings-slideshow:not(.slick-initialized) div.listings-slideshow-slide:nth-child(1),
.postid-5321 .listings-slideshow:not(.slick-initialized) div.listings-slideshow-slide:nth-child(2){
	display: none;
}

/*listingDetailsTemporaryFix*/