/*
Theme Name: NOBLE OAK
Description: AIOS mobile semi-custom theme.
Author: AgentImage
Author URI: http://www.agentimage.com
Version: 1.5.7
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
*/
/* updated */

/*

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 */
ul#nav {
    max-width: 985px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 38px auto 0;
}

#nav li,
#nav2 li{
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

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


#nav > li::after{
    content: '';
    position: absolute;
    width: 1px;
    height: 15px;
    background: #4d4d4d;
    top: 0;
    right: -26px;
}

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

#nav li a,
#nav2 li a{
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 14px;
}

#nav > li > a::after,
#nav2 > li > a::after {
    content: '';
    position: absolute;
    width: 0;
    height: 3px;
    bottom: -40px;
    left: 50%;
    transform: translateX(-50%);
    background: #fff;
    opacity: 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;
}

#nav > li:hover > a::after,
#nav2 > li:hover > a::after{
    opacity: 1;
    width: calc(100% + 95px);
}

  
#nav .sub-menu,
#nav2 .sub-menu {
    list-style: none outside none;
    margin: 0;
    display: none;
    padding: 0;
    position: absolute;
    width: 100%;
    min-width: 195px;
    left: 50%;
    transform: translateX(-50%);
    padding-top: 40px;
}

#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 {
    background: none repeat scroll 0 0 #b2b2b2;
    color: #000000;
    text-decoration: none;
}
#nav .sub-menu .sub-menu, #nav2 .sub-menu .sub-menu {
    margin-left: 100%;
    top: -40px;
}

#nav li:hover > .sub-menu,
#nav2 li:hover > .sub-menu  {
    display: block;
}
#nav .sub-menu li,
#nav2 .sub-menu li {
    position: relative;
    display: block;
    width: 100%;
}


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

/* Global */
.aios-mobile-header-wrapper {
    z-index: 1020 !important;
}

body{
    font-family: 'Barlow', sans-serif;
    font-size: 15px;
    background: #FFF;
    font-weight: 400;
    letter-spacing: 0.05em;
    color: #333333;
    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; */
}

body.home {
    overflow-x: hidden;
}

.global-container{
    max-width: 1600px;
    width: 100%;
    margin: 0 auto;
    /* padding: 0 30px; */
}
/* Header */
header.header{
    font-size: 0;
    position: relative;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1010;
    /* padding: 30px 0 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-inner {
    padding: 5px 0;
    background: #000;
}

.header-wrap {
    margin: 0 -76px 0 -104px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

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

.header-email {
    margin-left: 36px;
    position: relative;
	display: flex;
}

.header-email::after{
    content: '';
    position: absolute;
    width: 1px;
    height: 14px;
    background: #fff;
    top: 0;
    left: -18px;
    pointer-events: none;
}

.header-phone span{
    color: #fff;
    font-size: 15px;
    padding-right: 11px;
}

.header-phone em,
.header-email a{
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    color: #fff;
    font-size: 15px;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.header-email span{
    color: #fff;
    font-size: 12px ;
    padding-right: 9px;
}

/* End Header */

/* fixed Header */
.fixed-header {
    position: fixed;
    top: -500px;
    background: #000;
    width: 100%;
    padding: 40px 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;
}

#nav2 > li > a::after {
    bottom: -44px;
}

#nav2 .sub-menu {
    padding-top: 45px;
}

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

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

#nav2 > li{
    margin-left: 34px;
}
/* End Header */

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

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

.slide-inner {
    position: absolute;
    top: 20px;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.slide-logo img {
    width: 565px;
    max-width: 100%;
}


.slide-logo {
    display: block;
    background: -moz-radial-gradient(center, ellipse cover,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 79%, rgba(0,0,0,0) 100%);
background: -webkit-radial-gradient(center, ellipse cover,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 79%,rgba(0,0,0,0) 100%);
background: radial-gradient(ellipse at center,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 79%,rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 );

}

.slide-broker {
    padding-top: 32px;
}

.slide-broker img {
    filter: brightness(0) invert(1);
    width: 200px;
}

.slide-info {
    display: flex;
    align-items: center;
    padding: 32px 0 0;
    justify-content: center;
}

.slide-phone span{
    font-size: 16px;
    color: #fff;
}

.slide-phone em,
.slide-email a {
    font-weight: 600;
    color: #fff;
    font-size: 15px;
    letter-spacing: 0;
    padding-left: 14px;
    -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;
}

.slide-phone em:hover,
.slide-email a:hover{
    color: #000;
}

.slide-email a{
    padding-left: 9px;
}

.slide-email{
    padding-left: 35px;
    position: relative;
}

.slide-email::after{
    content: '';
    position: absolute;
    width: 1px;
    height: 14px;
    top: 0;
    left: 18px;
    background: #fff;
    pointer-events: none;
}

.slide-email span{
    font-size: 12px;
    color: #fff;
}

/* End Slideshow */

/* Qs */
.hp-qs {
    position: relative;
    font-size: 0;
    padding: 83px 0 0;
}

.hp-qs .global-title {
    text-align: center;
    padding: 0 0 27px;
}

.global-title span,
.global-title em{
    font-family: 'Playfair Display', serif;
    font-size: 50px;
    color: #999999;
    text-transform: uppercase;
    letter-spacing: 0.25em;
}

.global-title em {
    font-style: normal;
    color: #000000;
    padding: 0 0 0 22px;
}

.qs-form {
    letter-spacing: 0;
    max-width: 975px;
    margin: 0 auto;
    padding-left: 8px;
}

.qs-lg{
    max-width: 16.7%;
    width: 100%;
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
}

.qs-md {
    max-width: 10.5%;
    width: 100%;
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
}

.qs-lg select,
.qs-md select,
.qs-md input{
    width: 100%;
    height: 40px;
    border: none;
    border-bottom: 1px solid #111111;
    outline: none;
    -webkit-appearance: none;
    font-family: 'Montserrat', sans-serif;
    font-size: 11px;
    color: #777777;
}

.qs-button,
.qs-advanced{
    width: 5.4%;
    height: 46px;
    position: relative;
    display: inline-block;
    vertical-align: top;
}

.qs-button span{
    font-size: 22px;
    color: #fff;
    position: absolute;
    width: 100%;
    height: 100%;
    background: transparent;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    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;
}

.qs-button:hover span{
    color: #000;
}

.qs-button input {
    width: 100%;
    height: 100%;
    background: #000;
    border: none;
    outline: 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;
}

.qs-button:hover input{
    background: #ccc;
}

.qs-advanced{
    width: 7.3%;
}

.qs-advanced{
    display: inline-block;
    vertical-align: middle;
}

.qs-button {
    margin: 0 28px 0 20px;
}

.qs-advanced a {
    font-family: 'Poppins', sans-serif;
    font-size: 11px;
    color: #000000;
    font-weight: 600;
    position: relative;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    white-space: nowrap;
    height: 100%;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.qs-advanced a:hover{
    color: #999999;
}

.qs-advanced a::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background: #a3a3a3;
    bottom: 17px;
    left: 0;
}

.qs-md.arrow input,
.qs-md.arrow select{
    background: #fff url(images/qs-arrow.png) no-repeat scroll right 12px center;
}
/* End Qs */

/* Hp Welcome */
.hp-welcome {
    font-size: 0;
    position: relative;
    padding: 85px 0 0;
}

.hp-welcome > .container .textwidget > .row{
    display: flex;
    align-items: flex-end;
}

.hp-welcome > .container > .row::before{
    display: none;
}

.hp-welcome .global-title span,
.hp-welcome .global-title em{
    display: block;
}

.hp-welcome .global-title em {
    padding-left: 0;
    padding: 5px 0 0;
}

.welcome-img {
    position: relative;
    margin-left: -30px;
    margin-right: -60px;
}

.welcome-img::before {
    content: '';
    position: absolute;
    width: 300px;
    height: 627px;
    background: #000000;
    left: -29.5%;
    top: 19.4%;
}

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

.welcome-right {
    position: relative;
    background: #fff;
    z-index: 1;
    padding: 79px 0 0 58px;
}

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

.welcome-descrip p {
    font-size: 15px;
    color: #333333;
    line-height: 30px;
    padding: 0 0 28px;
}

.global-button a{
    max-width: 170px;
    height: 55px;
    background: transparent;
    border: 2px solid #000000;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.global-button a::after{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #0f1424;
    opacity: 0;
    transform: 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;
}

.global-button a:hover::after{
    opacity: 1;
    transform: scale(1);
}

.global-button a span{
    position: relative;
    display: flex;
    align-items: center;
    text-transform: uppercase;
    font-size: 15px;
    color: #666666;
    z-index: 1;
    justify-content: center;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.global-button a:hover span{
    color: #fff;
}

/* End Welcome */
 
/* Meet TEam */
.hp-meet-team {
    font-size: 0;
    position: relative;
    padding: 175px 0 0;
}

.meet-slick-holder{
    margin: 0 -7px;
}

.hp-meet-team .global-title {
    text-align: center;
    padding: 0 0 65px;
}

.agent-list {
    margin: 0 7px;
    position: relative;
}

.agent-list a,
.agent-photo-details{
    position: relative;
    display: block;
}

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

.agent-hover{
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,.85);
    height: 104px;
    transform: scale(.8);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    -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;
    opacity: 0;
}

.agent-photo-details:hover .agent-hover{
    opacity: 1;
    transform: scale(1);
}
.agent-phone em{
    font-weight: 500;
    font-size: 24px;
    color: #fff;
    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;
}

.agent-phone em:hover,
.agent-email a:hover{
    color: #aaaaaa;
}

.agent-email a{
    font-size: 14px;
    color: #fff;
    letter-spacing: 0.1em;
    padding: 10px 0 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;
}

.agent-name span {
    padding: 26px 0 10px;
}

.agent-name span,
.agent-name em{
    font-family: 'Playfair Display', serif;
    display: block;
    text-align: center;
    font-size: 36px;
    color: #000000;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

.agent-name em{
    font-style: normal;
    color: #aaaaaa;
    font-size: 20px;
}

.global-arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 82px 0 0;
}

.arrow-right {
    margin-left: 40px;
}


.arrow-left,
.arrow-right{
    display: flex;
    align-items: center;
    cursor: pointer;
}

.arrow-left span {
    padding-left: 22px;
}

.arrow-right span {
    padding-left: 0;
    padding-right: 22px;
}

.arrow-left span,
.arrow-right span{
    font-weight: 700;
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #000000;
}

.arrow-left span:hover,
.arrow-right span:hover{
    color: #999999;
    -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;
}
/* End Meet Team */

/* Properties */
.featured-properties {
    font-size: 0;
    position: relative;
    margin: 100px 0 0;
    padding: 100px 0 114px;
    background: #000;
    overflow: hidden;
}

.fp-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
}


.featured-properties .global-title em{
    display: block;
    color: #fff;
    padding-left: 0;
    padding: 5px 0 0;
}

.featured-properties .arrow-left span,
.featured-properties .arrow-right span {
    color: #fff;
}

.featured-properties .arrow-left span:hover,
.featured-properties .arrow-right span:hover {
    color: #999999;
}

.featured-properties .global-arrow {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 0;
}

.featured-properties .arrow-left img,
.featured-properties .arrow-right img{
    filter: invert(1);
}

.featured-properties .global-button a {
    border: 2px solid #fff;
    margin: 69px auto 0;
}

.featured-properties .global-button a:hover{
    border: 2px solid #fff;
}

.featured-properties .global-button a::after{
    background: #fff;
}

.featured-properties .global-button a span{
    color: #fff;
}

.featured-properties .global-button a:hover span{
    color: #000;
}

.fp-inner {
    max-width: 1305px;
    margin: 0 auto;
}

.fp-slick-holder{
    margin: -5px;
}

.fp-list {
    padding: 5px;
}

.fp-list a{
    position: relative;
    display: block;
    z-index: 1;
}

.fp-list a:hover{
    z-index: 2;
}

.fp-img{
    position: relative;
    height: 100%;
    pointer-events: none;
}

.fp-img::before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,.50);
    z-index: 1;
}

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


.fp-slick-holder .slick-list {
    padding: 45px 0 0;
    overflow: visible !important;
}

.fp-details {
    position: absolute;
    bottom: 53px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
    width: 100%;
}

.fp-address {
    margin-right: 58px;
    position: relative;
}

.fp-address::after{
    content: '';
    position: absolute;
    width: 1px;
    height: 35px;
    top: 7px;
    right: -30px;
    background: rgba(255,255,255,.50)
}

.fp-address span {
    display: block;
    font-size: 17px;
    letter-spacing: 0;
    color: #fff;
    font-weight: 300;
    line-height: 24px;
    position: relative;
}

.fp-price{
    display: block;
    font-size: 40px;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #fff;
    font-weight: 300;
    line-height: 24px;
    position: relative;
}

.fp-hover {
    position: absolute;
    width: 747px;
    height: 501px;
    top: -48px;
    left: 50%;
    opacity: 0;
    transform: translateX(-50%) scale(.6);
    -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;
    z-index: 2;
}

.fp-list a:hover .fp-hover{
    opacity: 1;
    transform: translateX(-50%) scale(1);
}

.fp-hover .fp-img::before {
    background: transparent;

}

.fp-hover-details {
    position: absolute;
    bottom: 50px;
    left: 50px;
    width: 100%;
    display: flex;
    align-items: center;
}

.fp-hover-inner {
    display: flex;
    align-items: center;
    padding-right: 55px;
}

.fp-button{
    position: relative;
    width: 170px;
    height: 55px;
    background: #000;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    font-weight: 300;
    color: #fff;
    text-transform: uppercase;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

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

.fp-slick-holder .slick-slide {
    opacity: 0;
}

.fp-slick-holder .slick-slide.slick-active {
    opacity: 1;
}

/* End Properties */

/* Communities */
.featured-communities {
    font-size: 0;
    position: relative;
    padding: 103px 0 0;
    overflow: hidden;
}

.map-top {
    position: absolute;
    top: 261px;
    left: 60px;
    z-index: 10;
    pointer-events: none;
}

.map-county a span{
    position: relative;
    font-size: 17px;
    color: #515151;
    -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;
    display: block;
    padding-left: 30px;
    margin: 0 0 23px;
    pointer-events: all;
}

.map-county a.mc-area.active span,
.map-county a:hover.mc-area span{
    text-shadow: 0 0 0 #000, 0 0 0 #000, 0 0 0 #000;
    color: #000;
}

.map-county a span::after{
    content: '\b0058';
    position: absolute;
    font-family: agentimage;
    font-size: 18px;
    top: 0;
    left: 0;
}

.map-title {
    padding: 0 0 42px;
}

.map-title span,
.map-title em{
    font-family: 'Playfair Display', serif;
    font-size: 45px;
    color: #bc9e2a;
    text-transform: uppercase;
    display: block;
    font-style: normal;
    letter-spacing: 0.25em;
    font-weight: 500;
}

.map-title em{
    color: #000000;
    margin: 10px 0 0;
}

.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: 591px;
    left: 705px;
}

.map-hover-item.map-hover-2.active {
    top: 708px;
    left: 792px;
}

.map-hover-item.map-hover-3 {
    top: 744px;
    left: 688px;
}

.map-hover-item.map-hover-4 {
    top: 662px;
    left: 981px;
}

.map-hover-item.map-hover-5.active {
    top: 676px;
    left: 934px;
}

.map-hover-item.map-hover-6.active {
    top: 923px;
    left: 632px;
}

.map-hover-item.map-hover-7.active {
    top: 962px;
    left: 665px;
}

.map-hover-item.map-hover-8.active {
    top: 253px;
    left: 955px;
}

.map-hover-item.map-hover-9.active {
    top: 450px;
    left: 1194px;
}

.map-hover-item.map-hover-10.active {
    top: 250px;
    left: 419px;
}

.map-hover-item.map-hover-11.active {
    top: 415px;
    left: 400px;
}

.map-hover-item.map-hover-12.active {
    top: 9px;
    left: 617px;
}

.map-hover-item.map-hover-13.active {
    top: 592px;
    left: 1062px;
}

.map-hover-item.map-hover-14.active {
    top: 723px;
    left: 1154px;
}

.map-hover-item.map-hover-15.active {
    top: 1025px;
    left: 925px;
}

.map-det-font {
    position: absolute;
    opacity: 1;
    font-weight: 500;
    font-size: 12.7px;
    color: #fff;
    -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;
    text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.2);
}

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

.map-det-1.map-det-font {
    top: 648px;
    left: 800px;
}

.map-det-1.map-det-font {
    top: 667px;
    left: 792px;
}

.map-det-2.map-det-font {
    top: 770px;
    left: 856px;
}

.map-det-3.map-det-font {
    top: 895px;
    left: 939px;
}

.map-det-4.map-det-font {
    top: 752px;
    left: 1050px;
    width: 114px;
    text-align: center;
    line-height: 14px;
}

.map-det-5.map-det-font {
    top: 752px;
    left: 943px;
}

.map-det-6.map-det-font {
    top: 970px;
    left: 664px;
    width: 83px;
    text-align: center;
    line-height: 16px;
}

.map-det-7.map-det-font {
    top: 1173px;
    left: 811px;
}

.map-det-8.map-det-font {
    top: 381px;
    left: 1171px;
}

.map-det-9.map-det-font {
    top: 543px;
    left: 1155px;
    width: 161px;
    text-align: center;
    line-height: 16px;
}

.map-det-10.map-det-font {
    top: 501px;
    left: 820px;
    width: 112px;
    text-align: center;
    line-height: 14px;
}

.map-det-10.map-det-font.airport {
    top: 496px;
    left: 671px;
    width: 150px;
    line-height: 16px;
}

.map-det-10.map-det-font.airport::after,
.map-det-15.map-det-font.airport::after{
    content: '';
    position: absolute;
    width: 25px;
    height: 27px;
    background: url(images/map/airplane.png) no-repeat;
    background-size: 100% 100%;
    background-position: center;
    top: -37px;
    left: 50%;
    transform: translateX(-50%); 
}

.map-det-15.map-det-font.airport::after {
    top: -24px;
    width: 20px;
    height: 20px;
    left: 46%;
}

.map-det-11.map-det-font {
    top: 804px;
    left: 594px;
    width: 134px;
    text-align: center;
    line-height: 16px;
}

.map-det-12.map-det-font {
    top: 152px;
    left: 749px;
}

.map-det-12.map-det-font.lake-ray {
    top: 223px;
    left: 942px;
}

.map-det-13.map-det-font {
    top: 621px;
    left: 1012px;
    text-align: center;
    line-height: 14px;
}

.map-det-14.map-det-font {
    top: 898px;
    left: 1254px;
}

.map-det-15.map-det-font {
    top: 1214px;
    left: 1050px;
}

.map-det-15.map-det-font.airport {
    top: 1267px;
    left: 1067px;
}

.map-details .map-det-15.map-det-font.airport.active{
    opacity: 0;
}

.map-buttons {
    position: absolute;
    bottom: 138px;
    z-index: 9;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.map-buttons a{
    max-width: 208px;
    width: 100%;
    height: 57px;
    border: 2px solid #000;
    font-size: 18px;
    color: #575757;
    text-transform: uppercase;
    -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;
    display: flex;
    margin: 0 8px;
    align-items: center;
    justify-content: center;
}

.map-buttons a:hover{
    border: 2px solid #fff;
    background: #fff;
    color: #000;
}

.map-mobile{
    display: none;
}
/* End Communities */

.featured-videos {
    font-size: 0;
    position: relative;
    padding: 126px 0 0;
    overflow: hidden;
}

.featured-videos .global-title {
    position: relative;
    z-index: 2;
    margin: 45px 0 -12px;
}

.fv-left {
    margin-left: -108px;
}

.featured-videos .global-title em {
    display: block;
    padding: 5px 0 0;
}

.fv-slick-holder{
    margin: -19px;
}

.fv-list {
    padding: 19px;
}

.fv-list a{
    position: relative;
    display: block;
    z-index: 1;
}

.fv-list a:hover{
    z-index: 2;
}

.fv-right-img {
    margin-left: -159px;
    margin-right: -25px;
}

.fv-right-img::before {
    content: '';
    position: absolute;
    width: 300px;
    height: 630px;
    background: #000;
    bottom: -57px;
    right: -168px;
}


.fv-img,
.fv-right-img{
    position: relative;
    height: 100%;
}

.fv-img::before{
    position: absolute;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: transparent;
}

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

.fv-right-img canvas{
    position: relative;
}

.fv-play-button {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: .5;
}


.fv-play-button span{
    width: 105px;
    height: 105px;
    border: 3px solid rgba(255,255,255);
    border-radius: 50%;
    font-size: 37px;
    color: rgba(255,255,255);
    display: flex;
    align-items: center;
    justify-content: center;
}

.fv-wrapper {
    position: relative;
    background: #fff;
    margin-right: 36px;
    padding-right: 77px;
    padding-top: 78px;
    padding: 27px 77px 0 0;
    z-index: 1;
}

.fv-hover{
    position: absolute;
    width: 456px;
    height: 328px;
    right: 0;
    transform: scale(.6);
    top: -50px;
    opacity: 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;
}

.fv-list a:hover .fv-hover{
    opacity: 1;
    transform: scale(1);
}

.fv-hover-button {
    position: absolute;
    bottom: 35px;
    left: 38px;
    width: 100%;
    display: flex;
    align-items: center;
}

.fv-hover .fv-img::before{
    background: transparent;
}
.fv-slick-holder .slick-list{
    padding: 50px 0 60px;
} 

.fv-slick-holder .slick-current.slick-active > div:first-child .fv-list .fv-hover,
.fv-slick-holder .slick-current.slick-active > div:last-child .fv-list .fv-hover{
    right: initial;
    left: 0;
}

.fv-arrow-button {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    z-index: 1;
    width: 87%;
}

.fv-arrow-button .global-button {
    width: 170px;
}

.featured-videos .global-arrow {
    justify-content: flex-start;
    padding: 0;
    position: relative;
    z-index: 1;
}

.fv-hover-button span {
    width: 60px;
    height: 60px;
    background: transparent;
    border: 3px solid #fff;
    border-radius: 50%;
    font-size: 20px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.line-volume {
    position: relative;
    width: 64%;
    height: 3px;
    background: #fff;
    padding-left: 0;
    margin-left: 15px;
    margin-top: 12px;
}

.line-volume::before {
    content: '';
    position: absolute;
    width: 72%;
    height: 3px;
    background: #000;
    top: 0;
    left: 0;
}

.line-volume::after {
    content: '';
    position: absolute;
    width: 12px;
    height: 11px;
    background: #000;
    left: 68%;
    top: -3px;
}
/* End Videos */

/* Testimonials */
.hp-testimonials {
    position: relative;
    font-size: 0;
    padding: 122px 0 0;
}

.hp-testimonials .global-title em {
    text-align: center;
    display: block;
    padding: 0 0 60px;
}


.testi-descrip {
    font-size: 18px;
    color: #333333;
    text-shadow: 0 0 0 #333333;
    text-align: center;
    letter-spacing: 0;
    line-height: 35px;
    max-width: 314px;
    width: 100%;
    font-style: italic;
    margin: 0 auto;
}

.testi-name {
    font-family: 'Lora', serif;
    font-size: 30px;
    color: #000000;
    text-align: center;
    text-shadow: 0 0 0 #000;
    font-style: italic;
    padding: 28px 0 104px;
}

.testi-list,
.testi-slick-holder {
    position: relative;
}

.testi-list::after,
.testi-slick-holder::after{
    content: '';
    position: absolute;
    width: 1px;
    height: 402px;
    background: #e7e7e7;
    top: 0;
    right: 0;
}

.testi-slick-holder::after{
    background: #fff;
}

.hp-testimonials .global-button a {
    margin: 0 auto;
}

/* End Testimonials */

/* Hp Form */
.hp-form{
    position: relative;
    font-size: 0;
    letter-spacing: 0;
}

.git-holder{
    background: url(images/git-bg.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    margin: 120px 0 0;
}

.git-wrapper {
    background: #fff;
    max-width: 910px;
    padding: 59px 0 109px;
    margin: 100px auto;
}

.git-wrapper .global-title{
    text-align: center
}

.git-wrapper .global-title em{
    display: block;
    padding-left: 0;
    padding-top: 6px;
    padding: 6px 0 43px;
}

.git-form {
    position: relative;
    max-width: 577px;
    margin: 0 auto;
}

.git-md{
    width: 50%;
    display: inline-block;
    vertical-align: middle;
}

.git-md.pad-right{
    padding-right: 7.5px;
}

.git-md.pad-left{
    padding-left: 7.5px;
}

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

.git-md input,
.git-lg textarea{
    width: 100%;
    height: 42px;
    background: transparent;
    border: none;
    border-bottom: 1px solid #4f5f68;
    outline: none;
    resize: none;
    overflow: hidden;
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: 0;
    font-weight: 300;
}

.git-lg textarea{
    height: 124px;
    padding: 32px 50px 0 0;
}

.git-button{
    position: absolute;
    width: 40px;
    height: 40px;
    bottom: 27px;
    right: 5px;
    -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;
}

.git-button:hover{
    opacity: .6;
}

.git-button::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: url(images/git-button.png) no-repeat;
    background-size: 100% 100%;
    z-index: 1;
    pointer-events: none;
}

.git-button input{
    border: none;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    left: 0;
    background: transparent;
    outline: none;
}

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

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

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

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

/* Footer */
footer.footer{
    position: relative;
    font-size: 0;
    /* margin: 0 0 30px; */
}

.footer-holder {
    background: #06070b;
    padding: 75px 0 40px;
}

.footer-broker {
    text-align: center;
    padding: 0 0 40px;
}

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

.footer-broker img {
    filter: brightness(0) invert(1);
}

.footernav {
    display: flex;
    align-items: center;
    max-width: 935px;
    width: 100%;
    justify-content: space-between;
    margin: 0 auto;
}

.footernav li a{
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    -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{
    color: #999999;
}

.copyright {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    color: #fff;
    letter-spacing: 0.1em;
    text-align: center;
    padding: 20px 0 40px;
}

.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{
    color: #999999;
}

.footer-smi a{
    font-size: 24px;
    color: #fff;
    margin: 0 22px;
    -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 {
    display: flex;
    align-items: center;
    justify-content: center;
}

.footer-smi a:hover{
    color: #999999;
}
/* 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%;
    font-size: 0;
    padding: 24px 0 0;
}

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

.ip-container header.header {
    background: #000;
    padding: 0;
}

.ip-container footer.footer {
    margin: 0;
    background: #06070b;
}

/* Side Logo */
.side-logo img {
    filter: invert(1);
    margin: 0 auto 16px;
}

/* Side Qs */
.side-qs .global-title {
    line-height: 43px;
}

.side-qs .global-title span,
.side-qs .global-title em {
    font-size: 32px;
    display: block;
    text-align: center
}

.side-qs .global-title em {
    padding: 0;
}
.side-qs .qs-lg {
    max-width: 100%;
    margin-right: 0;
}

.side-qs .qs-md {
    max-width: 50%;
    margin-right: 0;
}

.side-qs .qs-button,
.side-qs .qs-advanced {
    width: 100%;
}

.side-qs .qs-button {
    margin: 15px 0 0;
}

.side-qs .qs-advanced a {
    justify-content: center;
}

.side-qs .qs-advanced a::after{
    display: none;
}

.side-qs .qs-md.pad-right{
    padding-right: 5px;
}

.side-qs .qs-md.pad-left{
    padding-left: 5px;
}

button.btn.dropdown-toggle.btn-default {
    width: 100%;
    height: 40px;
    border: none;
    border-bottom: 1px solid #111111;
    outline: none;
    -webkit-appearance: none;
    font-family: 'Montserrat', sans-serif;
    font-size: 11px;
    color: #777777;
    border-radius: unset;
}

.single-communities #content .listings-wrap {
    margin: 0;
}

#listings-results .listings-pagination {
    margin-bottom: 20px;
}

/** 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 {
    font-style: normal;
    text-decoration: none;
    width: 190px !important;
}
/** End of Archive Default Layout (Archive Page) */

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

/*single-agent*/


#agents-single {
    position: relative;
    margin-bottom: 50px;
}

#agents-single .agents-main {
    position: relative;
    display: flex;
    align-items: flex-start;
}

#agents-single .agents-left {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column wrap;
    flex-shrink: 0;
}

#agents-single .agents-img {
    position: relative;
}

#agents-single .agents-img img,
#agents-single .agents-img canvas {
    display: block;
    width: 100%;
}

#agents-single .agents-img img {
    object-fit: cover;
    object-position: center center;
}

#agents-single .agents-img canvas {
    background-color: #eeeeee;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
}

#agents-single .agents-info {
    margin-top: 22px;
    padding: 0 15px;
}

#agents-single .agents-contact {
    display: block;
    margin: 0;
    padding: 0;
    position: relative;
}

#agents-single .agents-contact li {
    display: flex;
    align-items: baseline;
    margin: 0;
    padding: 0;
    font-size: 15px;
    font-weight: 300;
    line-height: 1;
    letter-spacing: 0.05em;
    color: #666666;
    padding: 10px 0;
}

#agents-single .agents-contact li span {
    color: #000;
    font-size: 13px;
    margin-right: 5px;
    min-width: 20px;
}

#agents-single .agents-contact li span.sm {
    font-size: 10px;
}

#agents-single .agents-contact li span.lg {
    font-size: 16px;
}

#agents-single .agents-contact li a {
    color: inherit;
    text-decoration: none;
    transition: all 0.4s ease;
}

#agents-single .agents-contact li a:hover {
    color: #cbc07a;
}

#agents-single .agents-right {
    flex-grow: 1;
    margin-left: 60px;
}

#agents-single .agents-description {
    position: relative;
    margin-top: -1.12em;
}

#agents-single .agents-description:before,
#agents-single .agents-description:after {
    content: '';
    display: block;
    width: 350px;
    max-width: 90%;
    height: 10px;
    background: #eee;
    display: none;
}

#agents-single .agents-description:before {
    margin-bottom: 55px;
}

#agents-single .agents-description:after {
    margin-top: 55px;
    margin-left: auto;
}

#agents-single .agents-description p {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.56;
    letter-spacing: 0.05px;
}

#agents-single .agents-button {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 280px;
    height: 50px;
    margin-top: 37px;
    padding: 0 30px;
    border: 2px solid #000;
    font-size: 15px;
    font-weight: 300;
    line-height: 1;
    letter-spacing: 0.05em;
    text-align: center;
    text-transform: uppercase;
    color: #000;
    transition: all 0.4s ease;
}

#agents-single .agents-button:hover {
    background: #000;
    color: #fff;
}

#agents-single .agents-smi {
    display: flex;
    flex-flow: row wrap;
    margin: 0 -10px;
    padding: 0;
}

#agents-single .agents-smi li {
    display: block;
    margin: 0;
    padding: 10px;
}

#agents-single .agents-smi li a {
    color: #000;
    text-decoration: none;
    transition: all 0.4s ease;
}

#agents-single .agents-smi li a:hover {
    color: #cbc07a;
}

#agents-single .agents-listings {
    position: relative;
    display: flex;
    flex-flow: row wrap;
    margin-top: 60px;
}

#agents-single .agents-listings-title {
    font-size: 50px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #000;
}

#agents-single .agents-listings-control {
    margin-left: auto;
    display: flex;
    align-items: center;
}

#agents-single .agents-listings-arrow {
    display: block;
    cursor: pointer;
    font-size: 30px;
    font-weight: 700;
    color: #000;
    transition: all 0.4s ease;
}

#agents-single .agents-listings-arrow.slick-hidden {
    display: none;
}

#agents-single .agents-listings-arrow + .agents-listings-arrow {
    margin-left: 23px;
}

#agents-single .agents-listings-arrow:hover {
    color: #cbc07a;
}

#agents-single .agents-listings-slider {
    margin-top: 50px;
    margin-left: calc((100vw - 1140px) / -2);
    margin-right: calc((100vw - 1140px) / -2);
    width: 100vw;
}

#agents-single .agents-listings-slider:not(.slick-slider) {
    display: flex;
}

#agents-single .agents-listings-slider:not(.slick-slider) .agents-listings-col {
    flex-shrink: 0;
    width: 20%;
}

#agents-single .agents-listings-col,
#agents-single .agents-listings-item {
    display: block;
    position: relative;
    overflow: hidden;
    vertical-align: middle;
}

#agents-single .agents-listings-img {
    position: relative;
    background: #fff;
    overflow: hidden;
}

#agents-single .agents-listings-img canvas {
    display: block;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    transition: all 0.4s ease;
}

#agents-single .agents-listings-item:hover .agents-listings-img canvas {
    transform: scale(1.1);
}

#agents-single .agents-listings-button {
    position: absolute;
    bottom: 50px;
    left: 0;
    right: 0;
    width: 166px;
    height: 50px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    background: #000;
    color: #fff;
    opacity: 0;
    transform: translateY(100%) translateY(50px);
    transition: all 0.4s ease;
}

#agents-single .agents-listings-item:hover .agents-listings-button {
    opacity: 1;
    transform: translateY(0);
}

#agents-single .agents-testi {
    position: relative;
    z-index: 1;
    margin-left: calc((100vw - 1140px) / -2);
    margin-right: calc((100vw - 1140px) / -2);
    width: 100vw;
    background: transparent url(../../images/agents-testi-bg-a.jpg) no-repeat;
    background-position: center center;
    background-size: cover;
    padding: 100px 0 130px;
}

#agents-single .agents-testi:after {
    content: '';
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.84);
}

#agents-single .agents-testi-quote {
    margin-bottom: 40px;
}

#agents-single .agents-testi-quote img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
}

#agents-single .agents-testi-slider {
    position: relative;
}

#agents-single .agents-testi-col,
#agents-single .agents-testi-item {
    position: relative;
}

#agents-single .agents-testi-slider:not(.slick-initialize) .agents-testi-col:nth-child(n + 2) {
    display: none;
}

#agents-single .agents-testi-description {
    position: relative;
    width: 975px;
    max-width: calc(100% - 100px);
    margin: 0 auto;
    padding: 0 15px;
    font-size: 20px;
    font-weight: 400;
    font-style: italic;
    line-height: 1.85;
    letter-spacing: 0.05em;
    text-align: center;
}

#agents-single .agents-testi-description p {
    margin: 0;
    line-height: inherit;
}

#agents-single .agents-testi-name {
    font-size: 18px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    text-align: center;
    color: #000;
    margin-top: 42px;
}

#agents-single .agents-testi-name:before {
    content: "";
    display: block;
    margin: 0 auto 34px;
    width: 73px;
    height: 2px;
    background: #cbc07a;
}

#agents-single .agents-testi-control {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 1140px;
    max-width: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    pointer-events: none;
}

#agents-single .agents-testi-arrow {
    pointer-events: auto;
    font-size: 70px;
    color: #cbcbcb;
    cursor: pointer;
    transition: all 0.4s ease;
}

#agents-single .agents-testi-arrow:hover {
    color: #cbc07a;
}

#agents-single .agents-testi-arrow + .agents-testi-arrow {
    margin-left: 30px;
}

#agents-single .agents-testi-arrow.slick-hidden {
    display: none;
}

.aiosp-wrap .aiosp-ref-\#agents-popup-form .aios-popup-body {
    width: 555px;
    max-width: calc(100% - 30px);
    min-height: 0;
    padding: 30px;
}

.aiosp-wrap .aiosp-ref-\#agents-popup-form h2 {
    margin-top: 15px;
    font-size: 28px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0.03em;
    text-align: center;
    text-transform: uppercase;
    color: #000;
}

.aiosp-wrap .aiosp-ref-\#agents-popup-form form {
    margin: 0;
    padding: 0;
}

.aiosp-wrap .aiosp-ref-\#agents-popup-form .row {
    margin-left: -5px;
    margin-right: -5px;
}

.aiosp-wrap .aiosp-ref-\#agents-popup-form [class*=col-] {
    position: relative;
    padding: 10px 5px;
}

.aiosp-wrap .aiosp-ref-\#agents-popup-form input[type=text],
.aiosp-wrap .aiosp-ref-\#agents-popup-form input[type=email],
.aiosp-wrap .aiosp-ref-\#agents-popup-form input[type=tel],
.aiosp-wrap .aiosp-ref-\#agents-popup-form textarea {
    font-size: 15px;
    width: 100%;
    font-weight: 300;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: transparent;
    height: 50px;
    color: #636363;
    padding: 0 0;
    border-radius: 0;
    resize: none;
    border: none;
    border-bottom: solid 1px #a5a5a5;
}

.aiosp-wrap .aiosp-ref-\#agents-popup-form textarea {
    padding-top: 15px;
    height: 100px;
    resize: none;
}

.aiosp-wrap .aiosp-ref-\#agents-popup-form input[type=submit] {
    -webkit-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    outline: none;
    border: none;
    display: block;
    margin: 0 auto;
    padding: 0 15px;
    width: auto;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0.025em;
    text-transform: uppercase;
    background: transparent;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

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

.aiosp-wrap .aiosp-ref-\#agents-popup-form .ajax-loader {
    display: block;
    margin: 0;
    position: absolute;
    top: -8px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

/*******************************************************
 *
 * Mobile styles and other media queries
 *
 *******************************************************/

@media only screen and (max-width: 1440px) {}

@media only screen and (max-width: 1366px) {}

@media only screen and (max-width: 1280px) {}



@media only screen and (max-width: 1024px) {}






.agent-holder-top {
    display: none;
}
h1.entry-title {
    font-size: 60px;
    color: var(--secondary-color);
    text-transform: uppercase;
    font-weight: 600;
    font-family: var(--primary-font);
    line-height: 1.1;
}


/*******************************************************
 *
 * IP Contact Us
 *
 *******************************************************/

.page-template-template-contact-us #inner-page-wrapper {
    margin-bottom: 0;
}

.ip-contact-us {
    position: relative;
    z-index: 1;
}

.ip-contact-us img.img-responsive{
    border: solid 1px #ded1c1!important;
}


#content .cu-wrap {
    margin-top: 50px;
}

.page-id-17 #content .cu-main{
    margin-bottom: 100px;
}

#content .cu-main-title {
    font-size: 52px;
    font-weight: 600;
    line-height: 1.216;
    text-transform: uppercase;
    color: var(--secondary-color);
    margin-bottom: 26px;
}

#content .cu-main-title span {
    display: block;
    font-size: 17px;
    font-weight: 300;
    line-height: 1;
    letter-spacing: 0.025em;
    text-transform: none;
    color: #6b6a6a;
    margin-top: 16px;
}

#content .cu-title {
    font-size: 35px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0.025em;
    text-transform: uppercase;
    color: var(--primary-color);
}

#content .cu-content {
    margin-top: 23px;
}

#content .cu-form {
    font-size: 0;
    position: relative;
    width: 556px;
    max-width: 100%;
    margin-top: 25px;
    padding: 13px 33px 16px;
    border: 1px solid #ded1c1;
    background: #fff;
}

#content .cu-form h2 {
    font-size: 28px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0.03em;
    text-align: center;
    text-transform: uppercase;
    color: var(--secondary-color);
}

#content .cu-form h2 span {
    display: block;
    font-size: 15px;
    font-weight: 400;
    text-transform: none;
    letter-spacing: 0.025em;
    color: #7e7e7e;
    margin-top: 12px;
}

#content .cu-form form {
    position: relative;
    display: flex;
    flex-flow: row wrap;
    margin: 0;
}

#content .cu-form input[type="text"],
#content .cu-form input[type="email"],
#content .cu-form input[type="tel"],
#content .cu-form textarea {
    font-size: 15px;
    width: 100%;
    font-weight: 300;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: transparent;
    height: 50px;
    color: #636363;
    font-family: var(--primary-color);
    padding: 0 0;
    border-radius: 0;
    resize: none;
    border: none;
    border-bottom: solid 1px #a5a5a5;
}

#content .cu-fields.cu-textarea textarea {
    padding-top: 16px;
    height: 75px;
}

#content .cu-fields.cu-textarea {
    height: 75px;
    position: relative;
    margin-bottom: 10px;
    width: 100%;
}

#content .cu-fields.cu-submit {
    width: 100%;
    margin-top: 19px;
}

#content .cu-fields input[type="submit"] {
    -webkit-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    outline: none;
    border: none;
    display: block;
    margin: 0 auto;
    padding: 0;
    width: auto;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0.025em;
    text-transform: uppercase;
    background: transparent;
    -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 .cu-fields input[type="submit"]:hover {
    color: var(--primary-color);
}

#content .cu-fields {
    display: block;
    margin-bottom: 12px;
    width: calc(100% / 2);
    position: relative;
    padding: 0 5px;
}

#content .cu-form div.wpcf7 .ajax-loader {
    margin: 0 auto !important;
    display: block;
}

#content .cu-form span.wpcf7-not-valid-tip {
    font-size: 12px;
}

#content .cu-form span.wpcf7-form-control-wrap {
    display: block;
}

#content .cu-form div.wpcf7-response-output {
    margin: 0;
    position: absolute;
    bottom: -28px;
    left: -33px;
    right: -33px;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    transform: translateY(100%);
    background: #fff;
}

#content .cu-contact {
    position: relative;
    margin-top: 31px;
}

#content .cu-contact h2 {
    font-size: 30px;
    font-weight: 300;
    line-height: 1;
    letter-spacing: -0.05em;
    text-transform: uppercase;
    color: var(--secondary-color);
    margin-bottom: 39px;
}

#content .cu-contact span {
    display: block;
}

#content .cu-contact span + span {
    margin-top: 8px;
}

#content .cu-contact span a,
#content .cu-contact span p {
    font-size: 15px;
    color: var(--secondary-color);
}

#content .cu-contact span a:hover {
    color: var(--secondary-color);
    -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 .cu-contact span p {
    margin: 0;
    line-height: inherit;
    display: inline;
}

#content .cu-contact em {
    color: var(--primary-color);
}

.footer-disclaimer {
    padding: 0 30px;
    margin-bottom: 40px;
}

#content .cu-contact em.ai-font-phone-alt {
    font-size: 18px;
    margin-right: 8px;
}

#content .cu-contact em.ai-font-location-c {
    font-size: 22px;
    margin-right: 4px;
    top: 4px;
}

#content .cu-contact em.ai-font-envelope-f {
    font-size: 12px;
    margin-right: 9px;
}

#content .cu-smi {
    position: relative;
    margin-top: 27px;
    margin-left: 15px;
}

#content .cu-smi a {
    display: inline-block;
    vertical-align: middle;
    font-size: 28px;
    color: var(--secondary-color);
    padding: 5px;
    margin: 0 15px;
    -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 .cu-smi a:hover {
    color: var(--primary-color);
}

#content .cu-left {
    position: relative;
    z-index: 1;
}

#content .cu-map {
    position: relative;
    margin-top: 100px;
}

#content .cu-map iframe {
    display: block;
    width: 100%;
    min-height: 300px;
}

.bootstrap-extend-left {
    margin-left: calc((100vw - 1140px) / -2);
}

.bootstrap-extend-right {
    margin-right: calc((100vw - 1140px) / -2);
}


/*******************************************************
 *
 * Mobile styles and other media queries
 *
 *******************************************************/
 .grecaptcha-badge {
    z-index: 1010 !important;
}

.qs-form .dropdown-menu.open {
    top: 100%;
    bottom: initial;
}

.qs-form ul.dropdown-menu.inner {
    max-height: 257px !important;
}

.sidebar .bootstrap-select.btn-group .dropdown-toggle .filter-option {
    font-size: 11px;
}

.sidebar button.btn.dropdown-toggle.btn-default {
    padding-left: 0;
}

ul#ihf-search-location-tabs, ul#ihf-detail-extrainfotabs,
ul.chosen-results {
    margin-left: 0px !important;
    padding-left: 0px !important;
}
#ihf-main-container .nav-tabs {
    margin-left: 0;
}

.aios-roadmaps .aios-roadmap-link:hover, .aios-roadmaps .aios-roadmap-link.active, .aios-roadmaps .aios-roadmap-link {
    border-color: transparent !important;
}

#content-sidebar #content {
    width: 77.08%;
    float: left;
}

.category-blog #content-sidebar #content {
    width: 100% !important;
}

#hp-scroll {
	text-align: center;
	position: absolute;
	z-index: 10;
	bottom: 60px;
	width: 100%;
}

#hp-scroll a {
	display: inline-block;
	text-decoration: none;
}

#hp-scroll a div {
	font-family: 'Playfair Display', serif;
	font-size: 12px;
	letter-spacing: 0.3em;
	color: #fff;
	text-transform: uppercase;
	padding: 0 0 15px;
}

#hp-scroll a canvas {
	display: block;
	margin: 0 auto;
	position: relative;
}

#hp-scroll a canvas.sds {
	background: url(images/sd-s.png) center center no-repeat;
	bottom: -9px;
	z-index: 1;
	-webkit-animation: smallarrow 2.5s infinite;
	animation: smallarrow 2.5s infinite;
}

#hp-scroll a canvas.sdb {
	background: url(images/sd-b.png) center center no-repeat;
	-webkit-animation: bigarrow 2.5s infinite;
	animation: bigarrow 2.5s infinite;
	background-size: 100%;
}

@-webkit-keyframes smallarrow {
    0% {
        bottom: 20px;
        opacity: 0;
    }

    50% {
        bottom: -9px;
        opacity: 1;
    }

    100% {
        bottom: 20px;
        opacity: 0;
    }
}

@keyframes smallarrow {
    0% {
        bottom: 20px;
        opacity: 0;
    }

    50% {
        bottom: -9px;
        opacity: 1;
    }

    100% {
        bottom: 20px;
        opacity: 0;
    }
}

@-webkit-keyframes bigarrow {
    0% {
        bottom: 15px;
        opacity: 0;
    }

    50% {
        bottom: 0px;
        opacity: 1;
    }

    100% {
        bottom: 15px;
        opacity: 0;
    }
}

@keyframes bigarrow {
    0% {
        bottom: 15px;
        opacity: 0;
    }

    50% {
        bottom: 0px;
        opacity: 1;
    }

    100% {
        bottom: 15px;
        opacity: 0;
    }
}