/*
Theme Name: Key Bahamas Realty
Description: AIOS mobile semi-custom theme.
Author: AgentImage
Author URI: http://www.agentimage.com
Version: 1.5.8
Tags: one-column, two-columns, right-sidebar, custom-menu, full-width-template, sticky-post
License: Proprietary
License URI: http://www.agentimage.com
Template: aios-starter-theme
*/

/*

TABLE OF CONTENTS

1. Custom CSS
2. IP styles
3. MEDIA QUERIES ARE AUTOMATICALLY REMOVED FROM THIS FILE, they must be placed in style-media-queries.css
  
*/


/*******************************************************
 *
 * 1. Navigation
 *
 *******************************************************/


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

#nav li a,
.nav2 li a{
    font-size: 15px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #1f1c1c;
    text-shadow: 0 0 0 #1f1c1c;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

#nav li a:hover,
.nav2 li a:hover,
#nav li a:focus,
.nav2 li a:focus{
    color: #fdba23;
}
  
#nav .sub-menu,
.nav2 .sub-menu {
    list-style: none outside none;
    margin: 0;
    display: none;
    padding: 0;
    position: absolute;
 	width:100%;
    min-width:180px;
    left: 50%;
    transform: translateX(-50%);
    padding-top: 12px;
    z-index: 2;

}
#nav .sub-menu a,
.nav2 .sub-menu a {
    color: #FFFFFF;
    display: block;
    padding: 10px;
    background: rgba(0,0,0,0.9);
    text-align: center;
}
#nav .sub-menu a:hover,
.nav2 .sub-menu a:hover,
#nav .sub-menu a:focus,
.nav2 .sub-menu a:focus {
    background: none repeat scroll 0 0 #b2b2b2;
    color: #fff;
    text-decoration: none;
}
#nav .sub-menu .sub-menu,
.nav2 .sub-menu .sub-menu {
    margin-left: 100%;
    top: -13px;
}
#nav li:hover > .sub-menu,
.nav2 li:hover > .sub-menu,
#nav li:focus > .sub-menu,
.nav2 li:focus > .sub-menu {
    display: block;
}
#nav .sub-menu li,
.nav2 .sub-menu li {
    position: relative;
    display: block;
    width: 100%;
}

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

/* Global */

div#main-wrapper {
    overflow: hidden;
}

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

a.skiptobtn {
    padding: 10px;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 15px;
    z-index: -1;
    opacity: 0;
    background: rgba(255,255,255,0.5);
    color: #000;
  }
a.skiptobtn:focus {
    opacity: 1;
    z-index: 9;
    display: block;
  }


body{
    font-family: 'Poiret One', cursive;
    font-size: 15px;
	background: #FFF;
    color: #000000;
    text-shadow: 0 0 0 #000;
    margin: 0;
    top: 0 !important;

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

.skiptranslate {
    display: none !important;
}

/* Popup */
.intro-popup {
    font-size: 0;
}

.aiosp-content.aios-popup-body.intro-popup-body {
    min-height: auto;
    width: 100%;
    max-width: 604px;
    font-size: 0;
}

.intro-popup-title {
    text-transform: uppercase;
    font-size: 35px;
    color: #00acc9;
    text-shadow: 0 0 0 #00acc9;
    letter-spacing: -0.025em;
    text-align: center;
    padding: 38px 0 0;
}

.intro-popup-title span {
    display: block;
    font-size: 14px;
    color: #000000;
    text-shadow: 0 0 0 #000;
    line-height: 24px;
    letter-spacing: 0.05em;
    text-transform: initial;
    max-width: 388px;
    margin: 0 auto;
    padding: 10px 0 34px;
}

.intro-popup-form {
    position: relative;
    max-width: 430px;
    width: 100%;
    margin: 0 auto 18px;
}

.intro-popup-form div.wpcf7-response-output {
    font-size: 15px;
    text-align: center;
    position: absolute;
    bottom: -65px;
    margin: 0;
    width: 100%;
}

.intro-popup-form span.wpcf7-not-valid-tip {
    font-size: 15px;
}

.intro-popup-form .wpcf7-form-control-wrap {
    display: block;
}

.intro-popup-form div.wpcf7 .ajax-loader {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -19px;
}

.pp-lg {
    width: 270px;
    display: inline-block;
    vertical-align: top;
}

.pp-lg input{
    width: 100%;
    height: 40px;
    border: 1px solid #b8b8b8;
    background: transparent;
    outline: none;
    font-size: 12px;
    color: #000000;
    text-shadow: 0 0 0 #000;
    padding: 0 12px;
}

.pp-button{
    width: 150px;
    display: inline-block;
    vertical-align: top;
    margin-left: 10px;
}

.pp-button input{
    width: 100%;
    background: #fdba23;
    border: 1px solid #fdba23;
    border: none;
    height: 40px;
    font-family: 'Roboto', sans-serif;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    -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;
}

.pp-button input:hover,
.pp-button input:focus{
    background: transparent;
    border: 1px solid #fdba23;
}

.pp-bottom {
    text-align: center;
    font-size: 11px;
    color: #9c9b9b;
    text-shadow: 0 0 0 #9c9b9b;
    letter-spacing: 0.05em;
    padding: 0 0 45px;
}
/* End Popup */

div#scroll-down {
    font-size: 0;
}

#scroll-down {
    position: fixed;
    top: 76vh;
    right: 24px;
    z-index: 1003;
    transform: translateY(-50%);
    -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;
}

#scroll-down .side-arrow{
    position: relative;
}

#scroll-down .side-arrow::after {
    content: '';
    position: absolute;
    width: 1px;
    height: 152px;
    background: #000;
    top: -191px;
    left: 50%;
    pointer-events: none;
}

#scroll-down .side-arrow img{
    cursor: pointer;
    filter: invert(1);
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

#scroll-down .side-arrow img:hover,
#scroll-down .side-arrow img:focus{
    opacity: .6;
}

div#scroll-down.nav-active-section-content-slider .side-arrow img{
    filter: invert(0);
}

div#scroll-down.nav-active-section-content-slider .side-arrow::after {
    background: #fff;
}

#scroll-down.nav-active-section-content-footer .side-arrow img {
    transform: rotate(180deg);
}


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

.header-info {
    display: flex;
    justify-content: space-between;
    max-width: 1410px;
    align-items: flex-end;
    margin: 0 auto;
    padding: 11px 10px;
    position: relative;
}

.header-right {
    display: flex;
    align-items: flex-end;
}

.header-left {
    display: flex;
    padding: 0 0 3px;
}

.header-smi{
    display: flex;
    align-items: center;
}

.header-smi a {
    font-size: 19px;
    color: #fff;
    margin-right: 12px;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.header-phone span,
.header-phone em,
.header-email a{
    font-size: 15px;
    position: relative;
    color: #fff;
    letter-spacing: 0.05em;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.header-email a {
    padding-left: 11px;
}

.header-email a::after{
    content: '';
    position: absolute;
    width: 1px;
    height: 12px;
    top: 4px;
    left: 0;
    background: #fff;
}

.header-phone span.pad {
    padding-left: 5px;
}

.header-phone span{
    padding-right: 5px;
}

.header-smi a:hover,
.header-phone em:hover,
.header-email a:hover,
.header-smi a:focus,
.header-phone em:focus,
.header-email a:focus{
    color: #4acee6;
}

.header-phone {
    padding: 0 0 3px;
}

.header-translate {
    margin-left: 20px;
    position: relative;
}

.header-translate img{
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.header-translate img:hover,
.header-translate img:focus{
    opacity: .7;
}

.header .ai-translator-dropdown{
    left: initial;
    right: 0;
}

.header .ai-translator-dropdown-wrap,
.header .header-translate a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.header-inner > .row {
    display: flex;
    align-items: center;
    justify-content: center;
}

.header-inner > .row::before{
    display: none;
}

.header-bg {
    background: rgba(255,255,255,.75);
}

.logo-holder a {
    display: block;
    margin: -27px 0 -50px;
    padding: 40px 0;
    position: relative;
}

.logo-holder a::after,
.logo-holder a::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 27px;
    top: 0;
    left: 0;
    top: 0;
    pointer-events: none;
    background: rgba(255,255,255,.75);
}

.logo-holder a::before {
    height: 50px;
    top: initial;
    bottom: 0;
    z-index: -1;
}

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

ul.aios-split-nav > li::after {
    content: '';
    position: absolute;
    width: 1px;
    height: 12px;
    top: 2px;
    right: -30px;
    background: #000;
}

ul.aios-split-nav > li:last-child::after{
    display: none !important;
}

ul.aios-split-nav.nav-right > li::after {
    right: -13px;
}

ul.aios-split-nav.nav-left > li:first-child{
    margin-left: 10px;
}

ul.aios-split-nav.nav-left > li {
    margin-right: 64px;
}

.aios-split-nav.nav-right > li {
    margin-right: 24px;
}

ul.aios-split-nav.nav-right > li:first-child{
    margin-left: -4px;
}

.aios-split-nav > li:last-child{
    margin-right: 0 !important;
}
/* End Header */

/* Fixed Header */
header.header.show-fixed {
    -moz-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
}


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

.header.show-fixed .header-bg {
    background: #fff;
}

.header.show-fixed .logo-holder a::after,
.header.show-fixed .logo-holder a::before{
    display: none;
}

.header.show-fixed .logo-holder a {
    padding: 11px 0;
    margin: 0 auto;
}

.header.show-fixed .logo-holder img {
    margin: 0 auto;
    max-width: 170px;
}

/* End Header */

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

/* .hp-slideshow .cycle-slide::before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,.30);
    z-index: 1;
    pointer-events: none;
} */
/* End Slideshow */

/* Qs */
.hp-qs{
    position: absolute;
    z-index: 1;
    width: 100%;
    font-size: 0;
    background: rgba(0,0,0,.20);
    bottom: 0;
    left: 0;
}

.qs-title {
    font-size: 35px;
    text-transform: uppercase;
    letter-spacing: 0.01em;
    color: #fff;
    text-align: center;
    padding: 29px 0 20px;
}

.qs-form {
    max-width: 1125px;
    margin: 0 auto;
    padding: 0 0 57px;
}

.qs-form > div{
    display: inline-block;
    vertical-align: top;
    margin-right: 9px;
}

.qs-lg{
    width: 20.44%;
}

.qs-md{
    width: 18.66%;
}

.qs-xs{
    width: 8%;
}

.qs-sm{
    width: 8.88%;  
}

.qs-advanced,
.qs-search{
    width: 10.66%;
}

.qs-lg select,
.qs-md select,
.qs-xs select,
.qs-sm input{
    width: 100%;
    height:40px;
    border: 1px solid #fff;
    text-transform: uppercase;
    font-size: 12px;
    color: #fff;
    letter-spacing: 0.1em;
    background: rgba(102,102,102, .50) url(images/qs-arrow.png) no-repeat scroll right 12px center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0 12px;
}

.qs-sm input{
    background: rgba(102,102,102, .50);
}

.qs-advanced input,
.qs-search a{
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    width: 100%;
    height: 40px;
    background: #fdba23;
    color: #403d3d;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 0.1em;
    font-family: 'Roboto', sans-serif;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.qs-search a:hover,
.qs-search a:focus{
    background: #403d3d;
    color: #fdba23;
}

.qs-advanced input{
    background: #00acc9;
    color: #fff;
}

.qs-advanced input:hover,
.qs-advanced input:focus{
    background: #fff;
    color: #00acc9;  
}

.qs-advanced{
    margin: 0 !important;
}
/* End Qs */
 
/* Welcome */
.hp-welcome{
    position: relative;
    font-size: 0;
    padding: 94px 0 0;
}

.hp-welcome::before {
    content: '';
    position: absolute;
    width: 45%;
    height: 823px;
    background: url(images/about-bg.png) no-repeat;
    background-size: cover;
    background-position: center;
    filter: grayscale(1);
    top: 0;
    left: 0;
    opacity: .6;
}

.welcome-img {
    position: relative;
    max-width: 517px;
    margin-left: 8px;
    margin-top: 161px;
    box-shadow: 8px 14px 84px 0px rgba(1, 1, 1, 0.34);
}

.welcome-img::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border: 11px solid #fff;
    pointer-events: none;
}

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

.welcome-right {
    padding-left: 28px;
    margin-right: -134px;
}

.welcome-descrip {
    padding: 39px 0 0;
}

.welcome-descrip p{
    font-size: 15px;
    color: #504f4f;
    text-shadow: 0 0 0 #504f4f;
    line-height: 24px;
    letter-spacing: 0.05em;
    padding: 0 0 23px;
}

.welcome-button a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 205px;
    height: 68px;
    border: 1px solid #fdba23;
    background: #fdba23;
    color: #303334;
    text-shadow: 0 0 0 #303334;
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    margin: 20px 0 0;
}

.welcome-button a:hover,
.welcome-button a:focus{
    background: transparent;
    border: 1px solid #fdba23;
    color: #303334;
}
/* End Welcome */

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

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

.cta-img {
    position: relative;
}

.cta-img::before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,.35);
    z-index: 1;
    pointer-events: none;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.cta-list a:hover .cta-img::before,
.cta-list a:focus .cta-img::before{
    background: transparent;
}

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

.cta-title{
    font-size: 23px;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    line-height: 30px;
    z-index: 1;
    letter-spacing: 0.1em;
}
/* End Cta */

/* Exclusive Listings */
.exclusive-listings{
    font-size: 0;
    position: relative;
    padding: 122px 9px 0;
    min-height: 700px;
}

.global-title span {
    font-size: 35px;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: #00acc9;
    text-shadow: 0 0 0 #00acc9;
    position: relative;
    padding-left: 4px;
}


.global-title em {
    font-size: 90px;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: #fdba23;
    text-shadow: 0 0 0 #fdba23;
    font-style: normal;
    display: block;
    padding: 4px 0 49px;
}

.global-title {
    position: relative;
}

.title-line {
    position: absolute;
    width: 9px;
    height: 9px;
    background: #434242;
    top: 12px;
    left: 39.4%;
    border-radius: 50%;
    pointer-events: none;
}

.title-line::after {
    content: '';
    position: absolute;
    height: 19px;
    width: 19px;
    top: -5.4px;
    left: -5.4px;
    border-radius: 50%;
    pointer-events: none;
    border: 1px solid #434242;
}

.title-line::before {
    content: '';
    position: absolute;
    width: 10000px;
    height: 1px;
    background: #828181;
    top: 4px;
    left: 14px;
    z-index: -1;
    pointer-events: none;
}

.exclusive-listings .title-line::before{
    width: 506px;
}

.exclusive-listings .global-title {
    margin-left: 75px;
    margin-top: 17px;
}

.el-button {
    padding-left: 73px;
}

.el-button a{
    display: flex !important;
    align-items: center;
    justify-content: center;
    max-width: 292px;
    width: 100%;
    height: 54px;
    font-size: 15px;
    color: #303334;
    text-shadow: 0 0 0 #303334;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    -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;
    border: 1px solid #1a1a18;
}

.el-button a:hover,
.el-button a:hover{
    background: #fdba23;
    border: 1px solid #fdba23;
}

.el-flex {
    display: flex;
    margin: 0 -5px;
}

.el-flex .el-list:first-child {
    width: 38.5%;
}

.el-flex .el-list {
    display: flex;
    flex-direction: column;
    padding: 0 5px;
    width: 31%;
}

.el-item.height {
    height: 320px;
}

.el-item {
    margin: 0 0 9px;
}

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

.el-img {
    position: relative;
    height: 100%;
}

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

.el-img.lg canvas{
    height: 411px;
}

.el-flex .el-list:last-child .el-item:last-child {
    margin: 0;
}

.el-cta {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 365px;
}

.el-cta a{
    display: flex !important;
    justify-content: center;
    align-items: center;
    max-width: 362px;
    height: 60px;
    width: 100%;
    font-size: 20px;
    color: #010101;
    text-shadow: 0 0 0 #010101;
    text-transform: uppercase;
    border: 1px solid #fdba23;
    background: #fdba23;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    margin: 5px 0;
    letter-spacing: 0.1em;
}

.el-cta a:hover,
.el-cta a:focus{
    background: transparent;
}

.el-price-add{
    font-size: 20px;
    color: #fff;
    text-shadow: 0 0 0 #fff;
    letter-spacing: 0.1em;
    display: flex;
    align-items: center;
    position: absolute;
    bottom: 24px;
    right: 0;
    text-align: right;
    text-transform: uppercase;
    padding-right: 25px;
    width: 100%;
    justify-content: space-between;
    padding: 0 20px;
}

.el-price-add em{
    display: block;
    font-style: normal;
    padding-left: 20px;
}

.el-hover {
    position: absolute;
    width: calc(100% + 65px);
    height: calc(100% + 53px);
    top: -36px;
    left: 50%;
    transform: translate(-50%) scale(.6);
    -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;
    pointer-events: none;
    opacity: 0;
    z-index: 1;
    box-shadow: 0px 0px 20px 0px rgba(1, 1, 1, 0.45);
}

.el-hover .el-img canvas {
    height: 100%;
}

.el-item a:hover .el-hover,
.el-item a:focus .el-hover{
    opacity: 1;
    transform: translate(-50%) scale(1);
}

.el-flex .el-list:first-child .el-item a:hover .el-hover,
.el-flex .el-list:first-child .el-item a:focus .el-hover{
    left: 0;
    transform: translate(0) scale(1);
}

.el-flex .el-list:last-child .el-item a:hover .el-hover,
.el-flex .el-list:last-child .el-item a:focus .el-hover{
    left: initial;
    right: 0;
    transform-origin: right;
    transform: translate(0) scale(1);

}

.el-list:last-child .el-hover {
    top: -36px;
    left: 0;
    right: 0;
    bottom: 0;
    transform: translate(0) scale(.6);
    transform-origin: right;
}

.el-hover-details{
    position: absolute;
    width: 100%;
    height: 67px;
    background: #292929;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.el-hover-details span {
    font-size: 20px;
    color: #fff;
    letter-spacing: 0.1em;
    padding-left: 25px;
}


.el-hover-button {
    font-size: 17px;
    color: #fff;
    letter-spacing: 0.1em;
    width: 36.7%;
    font-style: normal;
    background: #fdba23;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
}

/* End Exclusive */

/* New Listings */
.new-listings {
    font-size: 0;
    position: relative;
    padding: 100px 10px 0;
    min-height: 600px;
}

.new-listings .global-title {
    max-width: 390px;
    margin: 0 auto -17px;
}

.new-listings .title-line {
    left: 31.4%;
}

.new-listings .slick-list {
    padding: 40px 0;
}

.nl-inner {
    max-width: 1486px;
    margin: 0 auto;
}

.nl-slick-holder {
    margin: 0 -14px;
}

.nl-slick-holder .slick-current .el-item a:hover .el-hover,
.nl-slick-holder .slick-current .el-item a:focus .el-hover {
    opacity: 1;
    transform: translate(0) scale(1);
    left: 0;
}

.nl-slick-holder .slick-current + .slick-slide + .slick-slide .el-hover {
    top: -36px;
    left: 0;
    right: 0;
    bottom: 0;
    transform: translate(0) scale(.6);
    transform-origin: right;
}

.nl-slick-holder .slick-current + .slick-slide + .slick-slide .el-item a:hover .el-hover,
.nl-slick-holder .slick-current + .slick-slide + .slick-slide .el-item a:focus .el-hover {
    left: initial;
    right: 0;
    transform-origin: right;
    transform: translate(0) scale(1);
}

.nl-slick-holder .el-item {
    margin: 0;
    padding: 0 14px;
}

.nl-slick-holder .el-img.lg canvas {
    height: 100%;
}

.nl-slick-holder .el-img::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,.25);
    pointer-events: none;
}
/* End Listings */

/* Hp Map */
.hp-map {
    position: relative;
    font-size: 0;
    padding: 60px 0 0;
}

.map-title{
    position: absolute;
    top: 145px;
    right: 233px;
}
.map-title span{
    font-size: 35px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

.map-title em{
    font-size: 90px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-style: normal;
    display: block;
}

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

.map-inner img {
    margin: 0 auto;
    display: block;
}

img.img-responsive.map-trans {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
}

.map-hover-item {
    position: absolute;
    opacity: 0;
    -webkit-transition: all .325s ease-in-out;
    -moz-transition: all .325s ease-in-out;
    -ms-transition: all .325s ease-in-out;
    transition: all .325s ease-in-out;
    transform: translateZ(0) !important;
}

.map-hover-item.active {
    opacity: 1;
}

.map-hover-item.map-hover-1 {
    top: 108px;
    left: 190px;
}

.map-hover-item.map-hover-2 {
    top: 212px;
    left: 655px;
}

.map-hover-item.map-hover-3 {
    top: 313px;
    left: 625px;
}

.map-hover-item.map-hover-4 {
    top: 303px;
    left: 760px;
}

.map-hover-item.map-hover-5 {
    top: 354px;
    left: 816px;
}

.map-hover-item.map-hover-6 {
    top: 367px;
    left: 721px;
}

.map-hover-item.map-hover-7 {
    top: 428px;
    left: 882px;
}

.map-hover-item.map-hover-8 {
    top: 521px;
    left: 945px;
}

.map-hover-item.map-hover-9 {
    top: 613px;
    left: 1213px;
}

.map-hover-item.map-hover-10 {
    top: 569px;
    left: 1255px;
}

.map-hover-item.map-hover-11 {
    top: 513px;
    left: 1156px;
}

.map-hover-item.map-hover-12 {
    top: 462px;
    left: 1043px;
}

.map-hover-item.map-hover-13 {
    top: 478px;
    left: 1157px;
}

.map-hover-item.map-hover-14 {
    top: 427px;
    left: 1198px;
}

.map-hover-item.map-hover-15 {
    top: 400px;
    left: 1054px;
}

.map-hover-item.map-hover-16 {
    top: 305px;
    left: 911px;
}

.map-hover-item.map-hover-17 {
    top: 189px;
    left: 805px;
}

.map-det-font {
    position: absolute;
    opacity: 1;
    font-family: 'Abel', sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #00acc9;
    text-transform: uppercase;
    -webkit-transition: all .325s ease-in-out;
    -moz-transition: all .325s ease-in-out;
    -ms-transition: all .325s ease-in-out;
    transition: all .325s ease-in-out;
    transform: translateZ(0) !important;
}

.map-det-font.big{
    font-size: 26px;
    letter-spacing: 0;
    color: #ffffff;
}

.map-details > div.active {
    color: #fff;
}

.map-det-1.map-det-font.big {
    top: 186px;
    left: 390px;
}

.map-det-1-5.map-det-font {
    top: 219px;
    left: 643px;
}

.map-det-2.map-det-font {
    top: 267px;
    left: 723px;
}

.map-det-3.map-det-font {
    top: 377px;
    left: 667px;
}

.map-det-4.map-det-font {
    top: 328px;
    left: 742px;
}

.map-det-5.map-det-font {
    top: 359px;
    left: 847px;
}

.map-det-6.map-det-font {
    top: 388px;
    left: 854px;
}

.map-det-7.map-det-font {
    top: 471px;
    left: 753px;
}

.map-det-8.map-det-font {
    top: 467px;
    left: 944px;
}

.map-det-9.map-det-font {
    top: 616px;
    left: 964px;
}

.map-det-10.map-det-font {
    top: 676px;
    left: 1272px;
}

.map-det-11.map-det-font {
    top: 622px;
    left: 1272px;
}

.map-det-12.map-det-font {
    top: 574px;
    left: 1321px;
}

.map-det-13.map-det-font {
    top: 537px;
    left: 1257px;
}

.map-det-14.map-det-font {
    top: 582px;
    left: 1188px;
}

.map-det-15.map-det-font {
    top: 545px;
    left: 1107px;
}

.map-det-16.map-det-font {
    top: 497px;
    left: 1219px;
}

.map-det-17.map-det-font {
    top: 456px;
    left: 1245px;
}

.map-det-18.map-det-font {
    top: 428px;
    left: 1117px;
}

.map-det-19.map-det-font {
    top: 292px;
    left: 935px;
}

.map-det-20.map-det-font {
    top: 198px;
    left: 888px;
}

.fa-button a {
    display: flex !important;
    justify-content: center;
    align-items: center;
    max-width: 362px;
    height: 60px;
    width: 100%;
    font-size: 20px;
    color: #010101;
    text-shadow: 0 0 0 #010101;
    text-transform: uppercase;
    border: 1px solid #fdba23;
    background: #fdba23;
    -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: 0.1em;
    margin: 0 auto 8px;
    text-align: center;
}

.fa-button a:hover,
.fa-button a:focus{
    background: transparent;
}

.fa-button {
    display: none;
}
/* End Map */

/* Meet Team */
.meet-team {
    font-size: 0;
    position: relative;
    padding: 4px 0 0;
}

.meet-team::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 695px;
    background: url(images/team-bg.jpg) no-repeat;
    background-size: 100% 100%;
    background-position: center;
    pointer-events: none;
    /* filter: grayscale(1); */
    opacity: .3;
}

.meet-team .global-title {
    max-width: 468px;
    margin: 0 auto;
    text-align: right;
}

.map-title.m-mob {
    display: none;
}

.meet-team .title-line {
    right: 22%;
    left: initial;
}

.meet-team .title-line::before {
    right: 14px;
    left: initial;
}

.meet-team .title-line::after {
    left: -4.4px;
}

.team-img {
    padding: 14px 0 0;
}

.team-img canvas{
    display: block;
    width: 100%;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
/* End Team */

/* Work With Us */
.work-with-us {
    font-size: 0;
    position: relative;
    background: #00acc9;
    margin: 69px 0 0;
    padding: 76px 0;
}

.work-with-us::before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: url(images/work-bg.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    opacity: .25;
    pointer-events: none;
}

.work-with-us .global-title {
    max-width: 410px;
    margin: 0 auto;
}

.work-with-us .global-title span {
    color: #ffffff;
    text-shadow: 0 0 0 #ffffff;
    padding-left: 0;
}

.work-with-us .global-title em {
    color: #3a3835;
    text-shadow: 0 0 0 #3a3835;
}

.work-with-us .title-line {
    left: 58.4%;
}

.work-with-us .title-line::before {
    z-index: 1;
    background: #405053;
}

.ww-title {
    font-size: 27px;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 0.1em;
    position: relative;
    margin-left: 28px;
    margin-bottom: 65px;
    padding: 21px 0 0;
}

.ww-title.item-2 {
    margin-left: 52px;
}

.ww-title.item-3 {
    margin-left: 44px;
}

.ww-title::after{
    content: '';
    position: absolute;
    width: 263px;
    height: 1px;
    background: #b2b358;
    pointer-events: none;
    bottom: -18px;
    left: -19px;
}

.ww-title.item-3::after{
    width: 370px;
}

.testi-descrip,
.testi-name,
.testi-button a{
    font-size: 17px;
    color: #fff;
    letter-spacing: 0.06em;
    line-height: 24px;
}

.testi-name {
    text-shadow: 0 0 0 #fff;
    margin: 25px 0;
    position: relative;
    display: inline-block;
}

.testi-name::after {
    content: '>';
    position: absolute;
    font-size: 17px;
    top: 0;
    right: -13px;
}

.testi-button a {
    text-shadow: 0 0 0 #fff;
    font-style: italic;
    text-decoration: underline;
}

.testi-button a:hover {
    color: #fdba23;
}

.ww-numbers {
    padding: 0 0 32px 30px;
}

.ww-numbers span,
.ww-numbers em{
    font-size: 48px;
    color: #ffffff;
    letter-spacing: 0.06em; 
}

.ww-numbers em {
    font-style: normal;
    font-size: 14px;
    display: block;
    padding: 6px 0 0;
}

.ww-logo {
    margin-left: -5px;
    padding: 16px 0 0;
}

.ww-logo.top {
    display: flex;
    align-items: center;
}

.ww-logo.top img:last-child {
    padding: 0 0 0 51px;
}

.ww-numbers i{
    font-style: normal;
}
/* End Work  */

/* Join Form */
.join-form {
    font-size: 0;
    position: relative;
    padding: 52px 0 85px;
}


.join-form::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: url(images/form-bg.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    pointer-events: none;
    opacity: .20;
}

.join-title {
    font-size: 90px;
    color: #000000;
    letter-spacing: 0;
    text-align: center;
    padding: 0 0 44px;
}

.jon-form {
    max-width: 804px;
    margin: 0 auto;
    position: relative;
}

.jon-md {
    max-width: 262px;
    width: 100%;
    display: inline-block;
    vertical-align: top;
    margin-right: 9px;
    margin-bottom: 9px;
}

.jon-md.no-marg{
    margin-right: 0;
}

.jon-lg{
    width: 100%;
    position: relative;
}

.jon-md input, .jon-lg textarea {
    width: 100%;
    height: 40px;
    background: transparent;
    border: 1px solid #000;
    font-family: 'Noto Sans', sans-serif;
    resize: none;
    outline: none;
    overflow: hidden;
    font-size: 13px;
    color: #555555;
    letter-spacing: 0.05em;
    padding: 0 15px;
}

.jon-lg textarea {
    height: 100px;
    padding-top: 19px;
    padding-right: 72px;
}

.jon-lg .jon-button{
    position: absolute;
    background: url(images/send-icon.png) no-repeat;
    background-size: 100% 100%;
    bottom: 33px;
    right: 33px;
    pointer-events: none;
    -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;
    width: 38px;
    height: 34px;
}

.jon-lg .jon-button:hover,
.jon-lg .jon-button:focus{
    opacity: .5;
}

.jon-lg input{
    background: transparent;
    border: none;
    width: 38px;
    height: 34px;
    pointer-events: all;
}

.jon-form div.wpcf7-response-output {
    font-size: 15px;
    text-align: center;
    position: absolute;
    bottom: -38px;
    margin: 0;
    width: 100%;
}

.jon-form span.wpcf7-not-valid-tip {
    font-size: 15px;
}

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

.jon-form div.wpcf7 .ajax-loader {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -19px;
}
/* End Join Form */

/* Footer */
footer.footer {
    font-size: 0;
    position: relative;
    padding: 95px 0 65px;
}

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

.footer-logo img {
    margin: 0 auto 57px;
}

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

.footer-details .footer-phone:nth-child(2) {
    padding: 0 39px 0;
}

.footer-phone span,
.footer-email span {
    font-size: 20px;
    color: #33bcd3;
    padding-right: 12px;
    position: relative;
    top: 2px;
}

.footer-email {
    padding: 4px 0 0;
}

.footer-email span{
    font-size: 15px;
}

.footer-phone em,
.footer-email a{
    font-family: 'Noto Sans', sans-serif;
    font-size: 15px;
    color: #000000;
    letter-spacing: 0.1em;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.footer-phone em:hover,
.footer-email a:hover,
.footer-phone em:focus,
.footer-email a:focus{
    color: #fdba23;
}

.footer-smi {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 44px 0 48px;
}


.footer-smi a{
    font-size: 24px;
    color: #fdba23;
    margin: 0 11px;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.footer-smi a:hover,
.footer-smi a:focus{
    color: #000;
}

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

.broker-logo img{
    margin: 0 44px;
}

.footernav {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 155px 0 0;
    position: relative;
}

.footernav::after{
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background: #302f2f;
    top: -84px;
    left: 0;
    pointer-events: none;
}

.footernav li {
    margin: 0 0 5px;
    border-right: 1px solid #000;
}

.footernav li:last-child{
    border-right: 1px solid transparent;
}

.footernav li a {
    font-family: 'Noto Sans', sans-serif;
    font-size: 15px;
    color: #000;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin: 0 43px;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.footernav li a:hover,
.footernav li a:focus{
    color: #17a6c1;
}

.footernav li:first-child a{
    margin-left: 0;
}

.footernav li:last-child a{
    margin-right: 0;
}

.copyright {
    text-align: center;
    font-size: 12px;
    color: #000000;
    letter-spacing: 0.035em;
    font-family: 'Noto Sans', sans-serif;
    padding: 61px 0 18px;
}

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

.copyright a:hover,
.copyright a:focus{
    color: #00acc9;
}

.mls {
    font-size: 24px;
    color: #000;
    text-align: center;
}
/* End Footer */
/*******************************************************
 *
 * 3. IP Styles
 *
 *******************************************************/
.ip-banner{
    position: relative;
    width: 100%;
}
    /* .ip-banner::before{
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1;
        background: rgba(0,0,0,.6);
    } */
    .ip-banner canvas{
        display: block;
        position: relative;
        z-index: 0;
        width: 100%;
        min-height: 250px;
        background-color: #f9f7f7;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .ip-banner .container{
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        z-index: 2;
    }
        .ip-banner h1 {
            font-weight: 700;
            font-size: 32px;
            text-align: center;
            color: #FFF;
            text-transform: uppercase;
            letter-spacing: 0.05em;
            line-height: 1.7;
        }
            .ip-banner h1 span{
                display: block;
                font-size: 24px;
                font-weight: 400;
                text-transform: none;
                letter-spacing: 0.01em;
            }
/* Adjust minimum height of page area */ 
#content-sidebar, #content-full{ min-height: 500px; margin-top: 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 */

#IDX-main #IDX-contactInformation {
    display: none;
}

.header::before {
	content: '';
	width: 100%;
	height: 51px;
	position: absolute;
	background-color: rgba(0,0,0,0.5);
	z-index: 0;
}

.header.show-fixed::before {
    background-color: transparent;
}

#IDX-main ul{
    margin-left: 0px !important;
    padding-left: 0px !important;
}

.IDX-listAsRow li:first-child {
    padding-left: 0;
}

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

.IDX-perPageForm label{
    display: block;
}

div#IDX-resultsPagerTop > ul {
    margin-right: 12px;
}

.page-id-130 span.wpcf7-form-control-wrap.first-name input,
.page-id-130 span.wpcf7-form-control-wrap.last-name input {
    width: 100%;
}

.page-id-355 span.wpcf7-form-control-wrap.your-phone input,
.page-id-355 span.wpcf7-form-control-wrap.your-email input {
    width: 100%;
}

div#IDX-searchSubmitReset button#IDX-formSubmit {
    font-size: 14px;
    width: 57.8px;
    height: 24px;
    line-height: 0;
    text-align: center;
    padding-left: 3px;
}

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

.IDX-detailsLabel, 
#IDX-detailsHeadFields .IDX-fieldLabel, 
#IDX-detailsHead #IDX-detailsField-propStatus .IDX-fieldLabel {
    color: #666;
}

.aios-roadmaps {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
#grw_widget-2 {
    display: none !important; 
}