/*
Theme Name: AgentPro Iconic
Description: Iconic is a modern and responsive real estate Wordpress theme. Customize your branding, add widgets and integrate IDX search.
Author: AgentImage
Author URI: http://www.agentimage.com
Version: 1.3.6
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. Custom CSS
 *
 *******************************************************/

/* Global */
:root {
	--background-color: #ffffff;
	--primary-color: #0f0f0f;
	--primary-color-accent: #0f0f0f;
	--secondary-color: #0f0f0f;
	--primary-text-color: #333333;
	--font-color-default: var(--primary-text-color);
	--font-family-title: "Italiana", serif;
	--site-arrow-size: max(3.625vw, 48px);
	--pink-accent: #e884b1;
	--default-transition: .3s cubic-bezier(.4, 0, .2, 1);
}

body {
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	background: var(--background-color);
	color: var(--primary-text-color);
	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; */
}

p {
	font-size: 16px;
}

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

.site-easing {
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	-o-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
}

.section-title {
    position: relative;
    z-index: 2;
}

.section-title i.icon-logo {
	display: inline-block;
	vertical-align: middle;
	width: 26px;
	height: 26px;
	border: 1px solid var(--primary-text-color);
}

.is-title-white i.icon-logo {
	border-color: #fff;
}

.section-title span {
	display: inline-block;
	vertical-align: middle;
	font: 600 14px/1 'Raleway', sans-serif;
	color: var(--primary-text-color);
	letter-spacing: 0.5em;
	text-transform: uppercase;
	margin-left: 10px;
}

.is-title-white span {
	color: #fff;
}

.section-title span::before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 75px;
	height: 1px;
	background: var(--primary-text-color);
	margin-right: 18px;
	margin-bottom: 5px;
}

.is-title-white span::before {
	background: #fff;
}

.section-title h2 {
	display: block;
	font: 400 34px/1 var(--font-family-title);
	color: var(--primary-text-color);
	letter-spacing: 0.05em;
	text-transform: uppercase;
	margin-top: 18px;
}

.is-title-white h2 {
	color: #fff;
}

.site-button {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 248px;
	height: 54px;
	max-width: 100%;
	border: 2px solid var(--primary-text-color);
}

.site-button::before {
	content: '';
	width: 13px;
	height: 1px;
	background: var(--primary-text-color);
}

.site-button,
.site-button::before {
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	-o-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
}

.site-button:hover {
	background: var(--primary-color);
	border-color: var(--primary-color);
}

.site-button:hover::before {
	background: var(--secondary-color);
}

.site-button span {
	font: 700 12px/1 'Raleway', sans-serif;
	color: var(--primary-text-color);
	letter-spacing: 0.2em;
	text-transform: uppercase;
	text-align: center;
	margin: 0 12px 0 16px;
}

.site-button i {
	font-size: 10px;
	font-style: normal !important;
	color: var(--primary-text-color);
}

.site-button:hover span,
.site-button:hover i {
	color: var(--secondary-color);
}

.is-button-white {
	border-color: #fff;
}

.is-button-white:hover {
	background: var(--primary-color);
	border-color: var(--primary-color);

}

.is-button-white::before {
	background: #fff;
}

.is-button-white:hover::before {
	background: var(--secondary-color);
}

.is-button-white span {
	color: #fff;
}

.is-button-white:hover span {
	color: var(--secondary-color);
}

.is-button-white i {
	color: #848484;
}

.is-button-white:hover i {
	color: var(--secondary-color);
}


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

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

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

/* MAIN HEADER */
#main-header {
	position: fixed;
	width: 100%;
	z-index: 1028;
	/* border-bottom: 1px solid rgba(255, 255, 255, 0.3); */
	font-size: 0;
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	-o-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
}

#main-header:after {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	content: "";
	width: 100%;
	height: 100%;
	opacity: 1;
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	-o-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
}

#main-header.show-fh {
	border-color: transparent;


}

#main-header.show-fh:after {
	opacity: 0.9;
	background-color: var(--primary-color);
}

.header-inner {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	padding: 20px 60px;
	/* height: 90px; */
	position: relative;
	z-index: 5;
}

.show-fh .header-inner{
	height: 90px;
}


.header-left {
	/* padding-left: 68px; */
}

.header-left a {
	font-family: 'Raleway', sans-serif;
	font-size: 20px;
	font-weight: 300;
	line-height: 1;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #fff;
}

.header-left a span {
	font-weight: 500;
}

.header-left img {
	width: 100%;
    max-width: 180px;
}
.show-fh .header-left img{
	max-width: 80px;
}

.show-fh .header-left a {
	color: var(--secondary-color);
}

.header-right {
	width: 100%;
}

.header-inner .menu-main-nav-container {
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	justify-content: space-between;
	width: calc(100% - 100px);
	max-width: 1290px;
	margin-left: auto;
	margin-right: auto;
}

.header_nav {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
}
nav {}

#nav,
.header_nav {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
}

#nav li,
.header_nav li {
	display: block;
	position: relative;
}

#nav li a,
.header_nav li a {
	display: block;
	position: relative;
	font-size: 15px;
	font-weight: 300;
	color: #ffffff;
	line-height: 1;
	letter-spacing: 0.05em;
	text-decoration: none;
	text-transform: uppercase;
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	-o-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
}

.show-fh #nav li a,
.show-fh .header_nav li a {
	color: var(--secondary-color);
}

.show-fh #nav>li:hover>a,
.show-fh .header_nav>li:hover>a {
	color: var(--primary-color-accent);
}

#nav>li,
.header_nav>li{
	display: flex;
	margin: 0 13px;
}

#nav>li:first-child,
.header_nav>li:first-child  {
	margin-left: 0;
}

#nav>li:last-child,
.header_nav>li:last-child {
	margin-right: 0;
}

#nav>li>a,
.header_nav>li>a {
	z-index: 2;
	text-shadow: -1px 1px 3px RGBA(0, 0, 0, 0.6);
}
.nav>li>a:focus,
.nav>li>a:hover {
    text-decoration: none;
    background: none;
}

#nav>li>a::after,
.header_nav>li>a::after {
	content: '';
	display: block;
	position: absolute;
	bottom: -33px;
	left: -6px;
	width: calc(100% + 12px);
	height: 1px;
	background: var(--secondary-color);
	opacity: 0;
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	-o-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	transform: translateY(-10px);
}

#nav>li:hover>a::after,
.header_nav>li:hover>a::after {
	opacity: 1;
	-webkit-transform: translateY(-15px);
	-moz-transform: translateY(-15px);
	transform: translateY(-15px);
}

#nav .sub-menu,
.header_nav .sub-menu {
	display: block;
	position: absolute;
	width: 170px;
	text-align: center;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transform: translateY(20px);
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	-o-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
}

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

#nav>li>.sub-menu,
.header_nav>li>.sub-menu {
	padding-top: 53px;
	left: -150%;
	right: -150%;
	margin: auto;
}

#nav li:hover>.sub-menu,
.header_nav li:hover>.sub-menu {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	transform: translateY(0);
}

#nav .sub-menu li,
.header_nav .sub-menu li {
	display: block;
}

#nav .sub-menu li a,
.header_nav .sub-menu li a {
	color: var(--secondary-color);
	padding: 10px;
	position: relative;
}

#nav .sub-menu li a:after ,
.header_nav .sub-menu li a:after {
	display: block;
	width: 100%;
	height: 100%;
	content: "";
	top: 0;
	left: 0;
	background: var(--primary-color);
	position: absolute;
	z-index: -1;
}

#nav .sub-menu li:hover>a,
.header_nav .sub-menu li:hover>a {
	background: var(--primary-color-accent);
	color: var(--secondary-color);
}

.menu-item-children-to-right .sub-menu .sub-menu {
    margin-left: auto !important;
    left: auto !important;
    right: 100%;
}

/* SLIDE MENU */
#slide-menu-wrap {
	position: fixed;
	width: 100%;
	height: 100vh;
	z-index: 1029;
	font-size: 0;
	pointer-events: none;
}

.slide-menu-active {
	overflow: hidden;
}

.slide-menu-active #slide-menu-wrap {
	pointer-events: auto;
}

.slide-menu-overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.slide-menu-side {
	width: 90px;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2
}

.slide-menu-side::after {
	content: '';
	display: block;
	position: absolute;
	width: 1px;
	height: 90.92px;
	top: 0;
	right: -1px;
	background: #ffffff;
	opacity: 0;
	-webkit-transition: all 0.35 ease-in-out;
	-moz-transition: all 0.35 ease-in-out;
	-o-transition: all 0.35 ease-in-out;
	transition: all 0.35 ease-in-out;
}

.fixed-header-active .slide-menu-side::after {
	opacity: 0.2;
	opacity: 0;
}

.slide-menu-active .slide-menu-side::after {
	opacity: 0;
}

.burger-menu {
	position: relative;
	width: 30px;
	height: 20px;
	margin: 34px auto 0;
	cursor: pointer;
	pointer-events: auto;
}

.burger-menu::before,
.burger-menu::after {
	display: block;
	position: absolute;
	font-size: 15px;
	color: #fffefe;
	line-height: 1;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	transform: rotate(-90deg) translate(-104px, -8px);
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	-o-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
	text-shadow: -1px 1px 3px RGBA(0, 0, 0, 1);
}

.burger-menu.is-active span::before,
.burger-menu.is-active span::after,
.burger-menu.is-active span {
	background: var(--secondary-color);
}

.slide-menu-active .burger-menu::before,
.slide-menu-active .burger-menu::after {
	color: var(--secondary-color);
}

.fixed-header-active:not(.slide-menu-active) .burger-menu::before,
.fixed-header-active:not(.slide-menu-active) .burger-menu::after {
	opacity: 0;
	pointer-events: none;
}

.burger-menu::before {
	content: 'Menu';
}

.burger-menu.is-active::before {
	opacity: 0;
}

.burger-menu::after {
	content: 'Close';
	opacity: 0;
}

.burger-menu.is-active::after {
	opacity: 1;
}

.burger-menu span {
	display: block;
	position: absolute;
	width: 100%;
	height: 2px;
	top: calc(50% - 1px);
	left: 0;
	background: #ffffff;
	transition: bottom .22s ease-in .25s, transform .22s cubic-bezier(.55, .055, .675, .19);

}

.burger-menu:hover span {
	opacity: 0.5;
}

.burger-menu.is-active span {
	transition-delay: .12s;
	transition-timing-function: cubic-bezier(.215, .61, .355, 1);
	transform: rotate(225deg);
}

.burger-menu span::before,
.burger-menu span::after {
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	height: 2px;
	background: #ffffff;
}

.burger-menu span::before {
	top: -9px;
	transition: top .1s ease-in .25s, opacity .1s ease-in;
}

.burger-menu.is-active span::before {
	top: 0;
	transition: top .22s ease-out, opacity .22s ease-out .22s;
	opacity: 0;
}

.burger-menu span::after {
	bottom: -9px;
	transition: bottom .22s ease-in .25s, transform .22s cubic-bezier(.55, .055, .675, .19);
}

.burger-menu.is-active span::after {
	bottom: 0;
	transition: bottom .22s ease-out, transform .22s cubic-bezier(.215, .61, .355, 1) .12s;
	transform: rotate(-90deg);
}

.fixed-header-active .burger-menu span,
.fixed-header-active .burger-menu span::before,
.fixed-header-active .burger-menu span::after {
	background: var(--secondary-color);
}

.slide-menu-main {
	position: relative;
	z-index: 1;
	width: 63.12%;
	height: 100vh;
	padding: 0 0 0 90px;
	opacity: 0;
	transform: translateX(-100%);
	background: var(--primary-color);
	overflow: hidden;
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	-o-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
}

.slide-menu-active .slide-menu-main {
	opacity: 1;
	transform: translateX(0);
}

.slide-menu-main-inner {
	/* border-left: 1px solid rgba(255, 255, 255, 0.1); */
	height: 100%;
}

.slide-menu-logo {
	padding: 20px 37px;
	position: relative;
	height: 90px;
	display: flex;
	align-items: center;
}

.slide-menu-logo::after {
	content: '';
	display: block;
	position: absolute;
	width: calc(100% + 90px);
	height: 1px;
	bottom: -1px;
	left: -90px;
	background: rgba(255, 255, 255, 0.1);
}

.slide-menu-logo a {
	font-family: 'Raleway', sans-serif;
	font-size: 20px;
	font-weight: 300;
	line-height: 1;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: var(--secondary-color);
}

.slide-menu-logo a span {
	font-weight: 500;
}

.slide-menu-navi-contact {
	height: calc(100% - 90px);
}

.slide-menu-navi {
	padding: 50px 55px;
}

#slide-nav {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: flex-start;
	/* height: 425px; */
}

#slide-nav li {
	display: block;
	position: relative;
	margin-bottom: 20px;
}

#slide-nav li a {
	display: inline-block;
	font-size: 13px;
	color: var(--secondary-color);
	line-height: 1;
	text-transform: uppercase;
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	-o-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
}

#slide-nav li:hover>a {
	color: var(--primary-color-accent);
}

#slide-nav>li {
	/* flex-grow: 1; */
	flex-shrink: 0;
	width: 33.33%;
}

#slide-nav>li>a {
	font-size: 14px;
	font-weight: 500;
	color: var(--secondary-color);
	line-height: 1;
	letter-spacing: 0.2em;
	margin-bottom: 26px;
}

#slide-nav>li:hover>a {
	color: var(--primary-color-accent);
}

#slide-nav .sub-menu li {
	margin-bottom: 20px;
}

.slide-menu-contact .textwidget {
	margin: 0 55px;
	padding-bottom: 55px;
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	display: flex;
	flex-flow: row wrap;
}

.slide-menu-contact-col {
	padding-top: 45px;
	padding-right: 55px;
}

.slide-menu-contact-col:nth-child(1) {
	max-width: 500px;
}

.slide-menu-contact-col:nth-child(2) {
	width: 270px;
}

.slide-menu-contact-col ul {}

.slide-menu-contact-col li {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
}

.slide-menu-contact-col:nth-child(2) .slide-menu-contact-col li {
	align-items: center;
}

.slide-menu-contact-col li i {
	font-size: 20px;
	color: var(--secondary-color);
	width: 20px;
	margin-top: 6px;
	margin-right: 8px;
}

.slide-menu-contact-col:nth-child(2) .slide-menu-contact-col li i {
	margin-top: 0;
}

.slide-menu-contact-col li i.ai-font-phone {
	font-size: 13px;
}

.slide-menu-contact-col li i.ai-font-envelope {
	font-size: 10px;
}

.slide-menu-contact-col li a {
	font-size: 16px;
	font-weight: 300;
	color: var(--secondary-color);
	line-height: 1.8;
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	-o-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
}

.slide-menu-contact-col li a:hover {
	color: var(--primary-color-accent);
}

.slide-menu-smis {
	display: flex;
	flex-direction: row;
}

.slide-menu-smis a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 35px;
	height: 35px;
	border-radius: 50%;
	background: transparent;
	font-size: 20px;
	color: var(--primary-color-accent);
	margin: 0 4px;
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	-o-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
}

.slide-menu-smis a:first-child {
	margin-left: 0;
}

.slide-menu-smis a:last-child {
	margin-right: 0;
}

.slide-menu-smis a:hover {
	color: var(--secondary-color);
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background: #fff !important;
}

.mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools,
.mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools {
	opacity: 1 !important;
}

/* FLOATING SMIS */
#floating-smis {
	display: flex;
	flex-direction: column;
	position: fixed;
	left: 30px;
	bottom: 120px;
	font-size: 0;
	z-index: 10;
}

#floating-smis::before,
#floating-smis::after {
	content: '';
	display: block;
	width: 1px;
	height: 18px;
	margin: 13px auto;
	background: #ffffff;
	filter: drop-shadow(1px 1px 2px RGBA(0,0,0,0.6)) drop-shadow(1px -1px 2px RGBA(0,0,0,0.6));
}

#floating-smis a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	border: 1px solid #ffffff;
	border-radius: 50%;
	font-size: 14px;
	color: #ffffff;
	margin: 4px 0;
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	-o-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
	filter: drop-shadow(1px 1px 2px RGBA(0,0,0,0.6)) drop-shadow(1px -1px 2px RGBA(0,0,0,0.6));
}

#floating-smis a:hover {
	color: var(--secondary-color);
	background: var(--primary-color);
	border-color: var(--primary-color);
}

/* HERO */
#hero {
	position: relative;
	z-index: 3;
	font-size: 0;
}

#hero::after {
	content: '';
	display: block;
	position: absolute;
	width: 1px;
	height: 100%;
	bottom: 0;
	left: 90px;
	background: rgba(255, 255, 255, 0.3);
	opacity: 0;
}

.slide-holder {
	position: relative;
}

.slide-holder::after {
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.3);
	pointer-events: none;
}

.slide-holder::before{
	content: '';
    position: absolute;
    width: 100%;
    height: 40%;
    top: 0;
    left: 0;
    background: linear-gradient(to top, transparent 0%, black 100%);
    opacity: 0.6;
    z-index: 1;
    pointer-events: none;
}

.tagline-holder {
	position: absolute;
	width: 100%;
	top: 50%;
	transform: translateY(-50%);
	z-index: 2;
	margin-top: -50px;
	text-shadow: -2px 1px 4px RGBA(0, 0, 0, 1);
}

.tagline-holder h1 {
	font: 500 40px/1 var(--font-family-title);
	color: #ffffff;
	letter-spacing: 0.2em;
	text-align: center;
	text-transform: uppercase;
}

.quick-search-holder {
	position: absolute;
	z-index: 2;
	width: 100%;
	top: calc(50% + 15px);
}

.qs-toggle-button {
	max-width: 210px;
	margin: 0 auto 10px;
}

.qs-toggle-button .site-button {}

.qs-toggle-button .site-button::before {
	display: none;
}

.qs-toggle-button .site-button i {
	font-size: 14px;
	color: #fff;
	margin-right: 12px;
}

.qs-toggle-button .site-button:hover i {
	color: var(--secondary-color);
}

.qs-toggle-button .site-button span {
	margin: 0;
}

.qs-form {
	text-align: center;
	opacity: 0;
	transform: translateY(-50px);
	pointer-events: none;
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	-o-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
}

.qs-form p {
	color: #fff;
	font-size: 13px;
	padding: 15px 0;
	text-align: center;
}

.qs-form.elem-active {
	opacity: 1;
	transform: translateY(0);
	pointer-events: auto;
}

.qs-form form {}

.qs-form .field-input {
	display: inline-block;
	vertical-align: middle;
	margin-right: 0.49%;
	margin-bottom: 24px;
}

.qs-form .field-lg {
	width: 23.15%;
}

.qs-form .field-sm {
	width: 12.80%;
}

.qs-form .field-last {
	margin-right: 0;
}

.qs-form .field-input input,
.qs-form .field-input select,
.qs-form .field-input button[type="button"] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 0;
	border-radius: 0;
	background-color: rgba(0, 0, 0, 0.5);
	width: 100%;
	height: 52px;
	font-size: 12px;
	color: #ffffff;
	text-transform: uppercase;
	padding: 0 20px;
	outline: none;
}

.qs-form .field-input select,
.qs-form .field-input button[type="button"] {
	background-image: url(images/caret.png);
	background-position: right center;
	background-repeat: no-repeat;
}

.qs-form .field-input button[type="button"].dropdown-toggle {
	box-shadow: none !important;
	text-shadow: none !important;
	outline: none !important;
	color: #fff !important;
	background: rgba(0, 0, 0, 0.5) url(images/caret.png) no-repeat !important;
	background-position: right center !important;
}

.qs-form .field-input button[type="button"] span {
	font-size: 12px;
	color: #fff;
}

.qs-form .field-input .bootstrap-select.btn-group .dropdown-menu.inner {
	max-height: 250px !important;
}

.qs-form .field-input .qs-select input {
	height: 34px;
	border: 1px solid #ccc;
	color: #555;
	background: #fff;
}

.qs-form .form-button {
	display: inline-block;
	vertical-align: middle;
	width: 190px;
	margin-right: 32px;
	position: relative;
}

.qs-form .form-button input {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: none;
	border: 2px solid #ffffff;
	width: 100%;
	height: 54px;
	outline: none;
}

.qs-form .form-button:hover input {
	border-color: var(--primary-color);
	background: var(--primary-color);
}

.qs-form .form-button div {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	pointer-events: none;
}

.qs-form .form-button div::before {
	content: '';
	width: 13px;
	height: 1px;
	background: #fff;
}

.qs-form .form-button:hover div::before {
	background: var(--secondary-color);
}

.qs-form .form-button div span {
	font: 700 12px/1 'Raleway', sans-serif;
	color: #ffffff;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	margin: 0 26px 0 30px;
}

.qs-form .form-button div i {
	font-size: 10px;
	color: #fff;
}

.qs-form .form-button:hover span,
.qs-form .form-button:hover i {
	color: var(--secondary-color);
}

.qs-form a.adv-button {
	display: inline-block;
	vertical-align: middle;
	font: 700 12px/1 'Raleway', sans-serif;
	color: #ffffff;
	letter-spacing: 0.2em;
	text-transform: uppercase;
}

.qs-form a.adv-button:hover {
	color: #000000;
}

.qs-form a.adv-button::before {
	content: '+';
	display: inline-block;
	vertical-align: middle;
	font-size: 25px;
	font-weight: 300;
	margin-right: 10px;
}

.qs-form a.adv-button span {}

.qs-form .dropup .dropdown-menu {
	top: 100%;
	bottom: auto;
}

/* WELCOME */
#hp-welcome {
	position: relative;
	padding: 125px 0 0;
	z-index: 2;
	font-size: 0;
}

.welcome-inner {
	display: flex;
	align-items: flex-start;
}

.welcome-img {
	width: 50%;
}

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

.welcome-img-txt-holder {
	width: 50%;
	padding: 80px 80px 0;
}

.welcome-inner .section-title {
	width: 100%;
	padding-bottom: 40px;
}

.welcome-txt {
	width: 100%;
}

.welcome-txt p {
	font-size: 16px;
	font-weight: 300;
	color: var(--primary-text-color);
	line-height: 1.9;
	margin-bottom: 34px;
}

.welcome-txt .site-button {
	width: 190px;
}


/* LISTING */
#hp-listing {
	position: relative;
	font-size: 0;
}

.listing-title {
	position: absolute;
	width: 100%;
	top: 90px;
	z-index: 2;
}

.listing-img-holder {
	position: relative;
}

.listing-img-holder::after {
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, 0.65) 100%);
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, 0.65) 100%);
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, 0.65) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
}

.listing-img-slick {}

.listing-img-slide {}

.listing-img-slide canvas {
	display: block;
	width: 100%;
	background-color: #cccccc;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.listing-arrow {
	position: absolute;
	width: 36px;
	height: 36px;
	top: calc(50% - 18px);
	border: 2px solid #fff;
	text-align: center;
	color: #ffffff;
	z-index: 2;
	cursor: pointer;
}

.listing-arrow:hover {
	background: var(--primary-color);
	color: var(--secondary-color);
	border-color: var(--primary-color);
}

.listing-arrow::before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 0;
	height: 100%;
}

.listing-prev {
	left: 80px;
}

.listing-next {
	right: 80px;
}

.listing-arrow i {
	display: inline-block;
	vertical-align: middle;
	font-size: 12px;
}

.listing-txt-holder {
	position: absolute;
	width: 100%;
	bottom: 0;
	pointer-events: none;
	z-index: 2;
}

.listing-txt-holder *,
.listing-txt-holder ::before,
.listing-txt-holder ::after {
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	-o-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
}

.listing-txt-slick {
	max-width: 500px;
	float: left;
}

.listing-txt-slide {
	padding: 44px 50px 62px 100px;
	pointer-events: auto;
	transform: translateY(75px);
	min-height: 315px;
}

.listing-txt-slide:hover {
	background: #ffffff;
	transform: translateY(0);
}

.listing-txt-slide::before {
	content: '';
	display: block;
	position: absolute;
	width: 1px;
	height: 100%;
	top: 44px;
	left: 70px;
	background: #ffffff;
	opacity: 0.4;
}

.listing-txt-slide:hover::before {
	top: 0;
	background: #888888;
	opacity: 1;
}

.listing-price {
	font-size: 20px;
	font-weight: 700;
	color: #ffffff;
	line-height: 1;
	margin-bottom: 26px;
}

.listing-txt-slide:hover .listing-price {
	color: #000000;
}

.listing-address-01 {
	font-size: 25px;
	font-weight: 300;
	color: #ffffff;
	line-height: 1;
	text-transform: uppercase;
	margin-bottom: 10px;
}

.listing-address-01 span {
	display: block;
	font-size: 20px;
	color: #ffffff;
}

.listing-txt-slide:hover .listing-address-01,
.listing-txt-slide:hover .listing-address-01 span {
	color: #000000;
}

.listing-address-02 {
	font-size: 14px;
	font-weight: 300;
	color: #fff;
	line-height: 1;
	text-transform: uppercase;
	margin-bottom: 5px;
}

.listing-txt-slide:hover .listing-address-02 {
	color: #000;
}

.listing-features {
	font-size: 14px;
	font-weight: 300;
	color: #000000;
	line-height: 1;
	text-transform: uppercase;
	margin-bottom: 40px;
	opacity: 0;
}

.listing-txt-slide:hover .listing-features {
	opacity: 1;
}

.listing-txt-slide a {
	display: flex;
	flex-direction: row;
	align-items: center;
	opacity: 0;
}

.listing-txt-slide:hover a {
	opacity: 1;

}

.listing-txt-slide a::before {
	content: '';
	width: 13px;
	height: 1px;
	background: #868686;
}

.listing-txt-slide a:hover:before {
	background: var(--primary-color-accent);
}


.listing-txt-slide a span {
	font: 700 12px/1 'Raleway', sans-serif;
	color: #000000;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	margin: 0 10px 0 14px;
}

.listing-txt-slide a:hover span {
	color: var(--primary-color-accent);
}

.listing-txt-slide a i {
	font-size: 10px;
	color: #868686;
}

.listing-txt-slide a:hover i {
	color: var(--primary-color-accent);
}

.listing-txt-holder .site-button {
	pointer-events: auto;
	float: right;
	margin-top: 140px;
	width: 270px;
}

.listing-error {
	position: relative;
	display: block;
}

.listing-error>*+* {
	margin-top: 20px;
}

.listing-error .listing-title {
	position: static;
	background: transparent;
	padding: 0;
}

.listing-error>p {
	position: relative;
	display: block;
	font-size: 16px;
	font-weight: 300;
	color: var(--primary-text-color);
	line-height: 1.5;
}

/* VIDEO */
#hp-video {
	padding: 105px 0 20px;
	font-size: 0;
}

#hp-video .section-title {
	text-align: center;
	margin-bottom: 78px;
}

.video-items {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin: 0 -0.5px;
}

.video-item {
	width: 33.33%;
	padding: 0 0.5px;
}

.video-item a {
	display: block;
	position: relative;
	overflow: hidden;
}

.video-item a *,
.video-item a ::before,
.video-item a ::after {
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	-o-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
}

.video-img {
	position: relative;
	z-index: 1;
	overflow: hidden;
}

.video-img::before,
.video-img::after {
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 2;
}

.video-img::before {
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#26000000', endColorstr='#80000000', GradientType=0);
}

.video-img::after {
	background: rgba(0, 0, 0, 0.7);
	opacity: 0;
}

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

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

.video-txt {
	position: absolute;
	width: calc(100% - 100px);
	bottom: -37px;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 2;
	border-left: 1px solid rgba(255, 255, 255, 0.4);
	padding: 62px 0 32px 28px;
}

.video-item a:hover .video-txt {
	bottom: 0;
	padding-top: 24px;
}

.video-title {
	font: 400 20px/1.2 var(--font-family-title);
	color: #ffffff;
	letter-spacing: 0.24em;
	text-transform: uppercase;
}

.video-explore {
	display: flex;
	flex-direction: row;
	align-items: center;
	margin-top: 44px;
	opacity: 0;
}

.video-item a:hover .video-explore {
	opacity: 1;
}

.video-explore::before {
	content: '';
	width: 13px;
	height: 1px;
	background: #868686;
}

.video-explore span {
	font: 700 12px/1 'Raleway', sans-serif;
	color: #ffffff;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	margin: 0 22px 0 27px;
}

.video-explore i {
	font-size: 10px;
	color: #868686;
}

.video-items .site-button {
	margin: 80px auto 0;
}

/* FEATURED COMMUNITIES */
#hp-communities {
	padding: 85px 0 105px;
	font-size: 0;
}

#hp-communities .section-title {
	text-align: center;
	margin-bottom: 78px;
}

.fc-list {
	font-size: 0;
}

a.fc {
	display: inline-block;
	vertical-align: top;
	position: relative;
	width: 33.333333%;
}

a.fc:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #111111;
	opacity: .15;
	-webkit-transition: background .3s, opacity .3s;
	-o-transition: background .3s, opacity .3s;
	transition: background .3s, opacity .3s;
}

a.fc:hover:before {
	background: #111111;
	opacity: .5;
}

.fc canvas {
	display: block;
	width: 100%;
	background-size: cover;
	background-position: center;
}

.fc-details {
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	font-size: 29px;
	font-weight: 600;
	letter-spacing: .02em;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	z-index: 2;
}

#hp-communities .site-button {
	margin: 80px auto 0;
}

/** HP SOCIAL MEDIA */
#hp-social-media {
	position: relative;
	padding: 70px 0 100px;
	overflow: hidden;
}

#hp-social-media .social-media-wrap,
#hp-social-media .social-media-list-wrap,
#hp-social-media .social-media-list,
#hp-social-media .social-media-title,
#hp-social-media .social-media-blogs-wrap,
#hp-social-media .social-media-blogs,
#hp-social-media .social-media-col,
#hp-social-media .social-media-item {
	position: relative;
}

#hp-social-media .social-media-list {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}

#hp-social-media .social-media-list li {
	padding: 0 20px;
}

#hp-social-media .social-media-list li a {
	display: inline-block;
	vertical-align: middle;
	font-size: 20px;
	text-decoration: none;
	color: var(--primary-color);
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

#hp-social-media .social-media-list li a:hover {
	opacity: 0.5;
}

#hp-social-media .social-media-title {
	text-align: center;
}

#hp-social-media .social-media-title a {
	color: inherit;
	text-decoration: none;
	-webkit-transition: var(--transition);
	transition: var(--transition);
}

#hp-social-media .social-media-blogs-wrap {
	overflow: hidden;
	margin-top: 72px;
}

#hp-social-media .social-media-blogs {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	width: 1600px;
	max-width: 100%;
	margin: 0 auto;
}

#hp-social-media .social-media-col {
	width: 20%;
}

#hp-social-media .social-media-item {
	display: block;
}

#hp-social-media .social-media-img {
	position: relative;
	z-index: 1;
}

#hp-social-media .social-media-img:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(66, 103, 178, 0.85);
	opacity: 0;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

#hp-social-media .social-media-item:hover .social-media-img:after {
	opacity: 1;
}

#hp-social-media .social-media-img canvas {
	display: block;
	width: 100%;
	background-color: var(--primary-color);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

#hp-social-media .social-media-img video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
	transition: all 0.4s ease;
}

#hp-social-media .social-media-item:hover .social-media-img canvas,
#hp-social-media .social-media-item:hover .social-media-img video {
	-webkit-filter: grayscale(1);
	filter: grayscale(1);
}

#hp-social-media .social-media-icon {
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 45px;
	color: #fff;
	pointer-events: none;
	opacity: 0;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

#hp-social-media .social-media-item:hover .social-media-icon {
	opacity: 1;
}

#hp-social-media .social-media-link {
	margin: 50px auto 0;
}

/* GET IN TOUCH */
#hp-contact {
	background: url(https://cdn.agentimagehosting.com/5G07nRVw1sXgVxa9h2Xnr/2025/02/05073205/bg-contact.jpg) no-repeat center center / cover;
	position: relative;
	padding: 70px 0 125px;
	font-size: 0;
}

#hp-contact::before {
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(1, 10, 29, 0.4);
}

#hp-contact .container {
	position: relative;
	z-index: 2;
}

#hp-contact .section-title {
	text-align: center;
	margin-bottom: 55px;
}

.git-holder {
	max-width: 875px;
	margin: auto;
	position: relative;
}

.git-holder .field-input {
	display: inline-block;
	vertical-align: middle;
	margin-bottom: 35px;
}

.git-holder .field-lg {
	width: 100%;
}

.git-holder .field-sm {
	width: calc(33.33% - 8.66px);
	margin-right: 13px;
}

.git-holder .field-nomar {
	margin-right: 0;
}

.git-holder .field-input label {
	display: block;
	font-size: 12px;
	color: #fff;
	line-height: 1;
	text-transform: uppercase;
	margin-bottom: 3px;
}

.git-holder .field-input input,
.git-holder .field-input textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: none;
	border: solid 1px transparent;
	border-bottom: 1px solid #fff;
	width: 100%;
	height: 32px;
	outline: none;
	font-size: 12px;
	color: #fff;
	transition: all .25s ease-in-out;
}

.git-holder .field-input textarea {
	resize: none;
	height: 55px;
	padding-top: 10px;
}

.git-holder .field-input input:focus,
.git-holder .field-input textarea:focus {
	border-color: #fff;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px #fff, 0 0 8px #fff;
	box-shadow: inset 0 0 1px #fff, 0 0 8px #fff;
}

.git-holder .form-button {
	width: 230px;
	margin: 30px auto 0;
	position: relative;
}

.git-holder .form-button input {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: none;
	border: 2px solid #fff;
	width: 100%;
	height: 54px;
	outline: none;
}

.git-holder .form-button:hover input {
	border-color: var(--primary-color);
	background: var(--primary-color);
	color: var(--secondary-color);
}

.git-holder .form-button div {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	pointer-events: none;
	transition: all .25s ease-in-out;
}

.git-holder .form-button:hover div span {
	color: var(--secondary-color);
}

.git-holder .form-button div::before {
	content: '';
	width: 13px;
	height: 1px;
	background: #fff;
	transition: all .25s ease-in-out;
}

.git-holder .form-button:hover div::before {
	background: var(--secondary-color);
}

.git-holder .form-button div span {
	font: 700 12px/1 'Raleway', sans-serif;
	color: #fff;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	margin: 0 46px 0 50px;
}

.git-holder .form-button div i {
	font-size: 10px;
	color: #fff;
	transition: all .25s ease-in-out;
}

.git-holder .form-button:hover div i {
	color: var(--secondary-color);
}

.git-holder .form-button .wpcf7-spinner {
	position: absolute;
}

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

.git-holder .use-floating-validation-tip span.wpcf7-not-valid-tip {
	font-size: 12px;
	position: absolute;
	width: max-content;
	left: 0;
}

.git-holder div.wpcf7 .ajax-loader {
	position: absolute;
	bottom: -20px;
	left: 0;
	right: 0;
	margin: auto;
}

.git-holder div.wpcf7-response-output {
	position: absolute;
	width: 100%;
	font-size: 12px;
	color: #ffffff;
	text-align: center;
	padding: 5px;
	margin-left: auto;
	margin-right: auto;
}

#scroll-to-top {
	position: absolute;
	bottom: 18px;
	left: 23px;
	z-index: 10;
}

#scroll-to-top a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 45px;
	height: 45px;
	border: 1px solid var(--secondary-color);
	color: var(--secondary-color);
}

#scroll-to-top a:hover {
	background: var(--primary-color-accent);
	border-color: var(--primary-color-accent);
	color: var(--secondary-color);
}

#scroll-to-top a i {
	font-size: 10px;
}

/* MAIN FOOTER */
#main-footer {
	position: relative;
	background: var(--primary-color);
	padding: 90px 0 0;
	font-size: 0;
}

#main-footer::before {
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

#main-footer::after {
	content: '';
	display: block;
	position: absolute;
	width: 1px;
	height: calc(100% - 90px);
	height: 100%;
	bottom: 0;
	left: 90px;
	background: rgba(255, 255, 255, 0.1);
}

.footer-top {
	position: relative;
}

.footer-logo {
	margin-bottom: 40px;
}

.footer-logo a {
	font-family: 'Raleway', sans-serif;
	font-size: 30px;
	font-weight: 300;
	line-height: 1;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: var(--secondary-color);
}

.footer-logo a span {
	font-weight: 500;
}

.footer-logo img {
	max-width: 320px;
}

.footer-logo-list {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-flow: row wrap;
}

.footer-logo-list>div {
	padding: 15px;
}

.footer-contact .textwidget {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	padding-bottom: 55px;
}

.footer-contact-col {}

.footer-contact-col:nth-child(1) {
	width: 43.85%;
}

.footer-contact-col:nth-child(2) {
	width: 25.89%;
}

.footer-contact-col:nth-child(3) {
	width: 30.26%;
}

.footer-contact-col .head-title {
	font: 600 15px/1 'Raleway', sans-serif;
	color: var(--secondary-color);
	letter-spacing: 0.5em;
	text-transform: uppercase;
	border-bottom: 1px solid var(--primary-color-accent);
	padding-bottom: 32px;
}

.footer-contact-col:nth-child(1) .head-title {
	margin-bottom: 40px;
}

.footer-contact-col:nth-child(2) .head-title {
	margin-bottom: 42px;
}

.footer-contact-col:nth-child(3) .head-title {
	margin-bottom: 32px;
}

.footer-contact-info {
	padding-right: 40px;
}

.footer-contact-info ul {}

.footer-contact-info li {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
}

.footer-contact-info .col-md-6+.col-md-6 {
	padding-left: 30px;
	padding-right: 0;
}

.footer-contact-info .col-md-6+.col-md-6 li {
	align-items: center;
}

.footer-contact-info li i {
	font-size: 20px;
	color: var(--secondary-color);
	min-width: 20px;
	margin-top: 6px;
	margin-right: 8px;
}

.footer-contact-info .col-md-6+.col-md-6 li i {
	margin-top: 0;
}

.footer-contact-info li i.ai-font-phone {
	font-size: 13px;
}

.footer-contact-info li i.ai-font-envelope {
	font-size: 10px;
}

.footer-contact-info li a {
	font-size: 16px;
	font-weight: 300;
	color: var(--secondary-color);
	line-height: 1.8;
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	-o-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
}

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

.footer-smis {
	display: flex;
	flex-direction: row;
}

.footer-smis a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 35px;
	height: 35px;
	border-radius: 50%;
	background: var(--primary-color-accent);
	font-size: 20px;
	color: #ffffff;
	margin: 0 4px;
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	-o-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
}

.footer-smis a i {
	color: var(--secondary-color);
}

.footer-smis a:first-child {
	margin-left: 0;
}

.footer-smis a:last-child {
	margin-right: 0;
}

.footer-smis a:hover {
	background: var(--secondary-color);
	color: var(--primary-color-accent);
}

.footer-smis a:hover i {
	color: var(--primary-color-accent);
}

.footer-newsletter {
	position: relative;
}

.footer-newsletter .field-input {}

.footer-newsletter .field-input input {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: none;
	width: 100%;
	height: 54px;
	background: var(--primary-color-accent);
	font: 400 12px 'Raleway', sans-serif;
	color: var(--secondary-color);
	letter-spacing: 0.05em;
	padding: 0 40px 0 20px;
	outline: none;
}

.footer-newsletter .form-button {
	position: absolute;
	color: #ffffff;
	top: 18px;
	right: 15px;
}

.footer-newsletter .form-button .wpcf7-spinner {
	position: absolute;
}

.footer-newsletter .form-button:hover {
	color: #999999;
}

.footer-newsletter .form-button input {
	width: 18px;
	height: 18px;
	opacity: 0;
	color: var(--secondary-color);
}

.footer-newsletter .form-button i {
	font-size: 18px;
	position: absolute;
	top: 0;
	left: 0;
	pointer-events: none;
	color: var(--secondary-color);
}

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

.footer-newsletter .use-floating-validation-tip span.wpcf7-not-valid-tip {
    font-size: 12px;
    position: absolute;
    left: initial;
    top: 50%;
    width: auto;
    transform: translate(0, -50%);
    right: 0;
}

.footer-newsletter div.wpcf7 .ajax-loader {
	position: absolute;
	bottom: -20px;
	left: 0;
	right: 0;
	margin: auto;
}

.footer-newsletter div.wpcf7-response-output {
	position: absolute;
	width: 100%;
	font-size: 12px;
	color: var(--secondary-color);
	text-align: center;
	padding: 5px;
	margin: 5px 0 0;
}

.footer-middle {
	position: relative;
}

.footernav {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	align-content: space-between;
	height: 450px;
	border-top: 1px solid var(--primary-color-accent);
	padding: 70px 0 52px;
}

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

.footernav li a {
	display: inline-block;
	font: 400 13px/1 'Raleway', sans-serif;
	color: var(--secondary-color);
	text-transform: uppercase;
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	-o-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
}

.footernav>li {
	flex: 1 1 20%;
}

.footernav>li>a {
	font-size: 14px;
	font-weight: 500;
	color: var(--secondary-color);
	letter-spacing: 0.2em;
	margin-bottom: 26px;
}

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

.footernav .sub-menu li:hover>a {
	color: var(--primary-color-accent);
}

.footer-bottom {
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	position: relative;
}

.footer-bottom-top a {
    color: var(--secondary-color);
    transition: all 0.35s ease-in-out;
}

.footer-bottom-top a:focus,
.footer-bottom-top a:hover {
	color: var(--primary-color-accent);
}

.footer-bottom-left {
	font-size: 14px;
	font-weight: 300;
	color: var(--secondary-color);
	line-height: 1.2;
	letter-spacing: 0.02em;
	padding-top: 32px;
	padding-bottom: 32px;
}

.footer-site-title {
	text-transform: uppercase;
	color: var(--secondary-color);
}

.footer-bottom-left a {
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	-o-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
}

.footer-bottom-left a:hover {
	color: var(--primary-color-accent);
}

.footer-bottom-right {
	text-align: right;
	padding-top: 26px;
	padding-bottom: 26px;
}

.footer-bottom-right i {
	display: inline-block;
	vertical-align: middle;
	font-size: 28px;
	color: var(--secondary-color);
	margin: 0 2px;
}

.footer-bottom-right i:first-child {
	margin-left: 0;
}

.footer-bottom-right i:last-child {
	margin-right: 0;
}

.footer-bottom-top {
	font-size: 14px;
	font-weight: 300;
	color: var(--secondary-color);
	line-height: 1.2;
	letter-spacing: 0.02em;
	padding-top: 32px;
}

/* WP Contact Form 7 Message Outputs */
.use-floating-validation-tip span.wpcf7-not-valid-tip,
div.wpcf7-response-output {
	font-size: 14px;
	text-transform: none;
}

/*******************************************************
 *
 * 3. IP Styles
 *
 *******************************************************/
.ip-banner-wrap {
	position: relative;
}

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

.ip-banner::after {
	content: '';
	display: block;
	position: absolute;
	width: 1px;
	height: 100%;
	bottom: 0;
	left: 90px;
	background: rgba(255, 255, 255, 0.3);
	opacity: 0;
}

.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;
	background-image: url(images/ip-banner.jpg);
}

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

.ip-banner-breadcrumbs {
	position: absolute;
	z-index: 1;
	bottom: 15px;
	left: 0;
	right: 0;
	font-size: 13px;
	font-weight: 400;
	line-height: 1;
	letter-spacing: 0.023em;
	text-transform: uppercase;
	color: #fff;
	transition: all 0.35s ease-in-out;
}

.ip-banner-breadcrumbs a:hover {
	color: #ffffff;
	opacity: 60%;
}

/** Inner Page Call To Action */
.ip-cta {
	position: relative;
	margin: 50px 0;
}

.ip-cta .ip-cta-list {
	display: flex;
	justify-content: center;
	flex-flow: row wrap;
}

.ip-cta .ip-cta-list div {
	padding: 7px;
	width: calc(100% / 3);
}

.ip-cta .ip-cta-list a {
	width: 100%;
	padding: 0 20px;
}

/** End of Inner Page Call To Action */

/** Inner Page Default Breadcrumbs */
#inner-page-wrapper p#breadcrumbs {
	display: none;
}

/** End of Inner Page Default Breadcrumbs */

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

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

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

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

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

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

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

/* Style .entry-title(post/page) and .archive-title(category/archive/etc) main headings (h1) */
#content .entry-title,
#content .archive-title {
	font: 400 34px/1.1 var(--font-family-title);
	color: var(--primary-text-color);
	letter-spacing: 0.05em;
	text-transform: uppercase;
}


/* Styles for category/archive/search/etc subheadings (h2) */
#content .archive-subtitle {
	font: 400 25px/1 'Raleway', sans-serif;
	color: var(--primary-text-color);
	letter-spacing: 0.05em;
	text-transform: uppercase;
}

#content .archive-subtitle a {
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	-o-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
}


#content .archive-subtitle a:hover {
	color: var(--primary-color-accent);
}

.aios-mobile-header-wrapper {
	z-index: 1030 !important;
}

#content .entry {
	font-size: 18px;
	font-weight: 300;
	color: var(--primary-text-color);
}

/*Bullets Listings*/
#content .property-description .property-det ul li {
	font-size: 13px;
}

#content .entry .site-button {
	width: 100%;
}

.ai-default-cf7wrap input[type="submit"],
.ai-default-cf7wrap input.wpcf7-submit {
	background: transparent !important;
	font: 700 14px/1 'Raleway', sans-serif;
	border: 2px solid var(--primary-text-color);
	color: var(--primary-text-color) !important;
}

.ai-default-cf7wrap input[type="submit"]:hover,
.ai-default-cf7wrap input.wpcf7-submit:hover {
	background: var(--primary-color) !important;
	border-color: var(--primary-color) !important;
	color: var(--secondary-color) !important;
}


body .aios-contact-form .custom-page-col input[type=submit],
body .ai-default-cf7wrap input.wpcf7-submit, 
body .ai-default-cf7wrap input[type=submit]{
	border: 2px solid var(--font-color-default) !important;
}

/** Archive Default Layout (Archive Page) */
#content .archive-list {
	position: relative;
	display: flex;
	flex-flow: row wrap;
}

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

#content .archive-list>article {
	float: none;
}

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

/** Single Default Layout (Post Content) */
#content .entry-thumbnail {
	position: relative;
	margin-bottom: 50px;
}

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

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

/** IHF Common Issues Fixes */
body>img,
body>iframe[name*="__bkframe"] {
	display: none;
}

#ihf-main-container .mc-total-payment-subline {
	color: #666;
}

#ihf-main-container .nav-tabs {
	margin-left: 0;
}

#ihf-main-container .chosen-drop ul.chosen-results {
	padding-left: 0;
	margin: 0;
}

.ihf-grid-result-address {
	display: block;
}

#ihf-main-container #ihf-refine-map-search-form .checkbox,
#ihf-main-container #ihf-refine-map-search-form .col-xs-8 {
	padding: 0;
}

#ihf-agent-sellers-rep>div[style] {
	max-width: 100%;
}

/** End of IHF Common Issues Fixes */

/** Disable all element peek on mobile */
.mobile [data-aios-animation] {
	animation: none !important;
	opacity: 1 !important;
	visibility: visible !important;
}

/** End of Disable all element peek on mobile */

/** Slick Lazy Loader Class */
.slick-lazy-loader {
	position: relative;
	z-index: 1;
}

.slick-lazy-loader:before {
	content: "\b0170";
	position: absolute;
	z-index: -1;
	top: calc(50% - 16px);
	left: calc(50% - 16px);
	font-family: agentimage !important;
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 32px;
	-webkit-animation: rotating 2s linear infinite;
	animation: rotating 2s linear infinite;
	color: #000;
}

@-webkit-keyframes rotating {
	from {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	to {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes rotating {
	from {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	to {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

/** End of Slick Lazy Loader Class */
#content .page-links a:hover {
	color: var(--primary-color)
}

/** Listings Module Over-ride **/
#listings-results .listings-sort .dropdown-menu input[type=submit] {
	border: 1px solid transparent !important;
	background: var(--primary-color) !important;
	color: var(--secondary-color) !important;
}

#listings-results .listings-sort .dropdown-menu input[type=submit]:hover {
	background: transparent !important;
	color: var(--primary-color) !important;
	border-color: var(--primary-color) !important;
}

#listings-results .listings-sort ul li.active a,
#listings-results .listings-sort ul li a:hover {
	background: var(--primary-color);
	color: var(--secondary-color);
}

#aios-listings-loader {
	background: var(--background-color);
}

.loader-spinner .dot1,
.loader-spinner .dot2 {
	background-color: var(--primary-text-color);
}


#listings-results .listings-list .listings-price {
	color: var(--primary-text-color)
}

#listings-results .listings-sort .sort-dropdown button {
	color: var(--primary-text-color);
}

#listings-results .listings-list .listings-col,
#listings-results .listings-list .listings-item {
	z-index: 7;
}

#listings-results .listings-list .listings-col:nth-child(odd),
#listings-results .listings-list .listings-col {
	background: transparent !important;
}

#listings-results .listings-list .listings-col:nth-child(odd):after {
	display: block;
	width: 100%;
	height: 100%;
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	background: #676767;
	opacity: 0.3;
}


#listings-results .listings-sort .dropdown-menu span {
	color: #000;
}

#listings-results .listings-table {
	border-color: var(--primary-text-color) !important;
}

#listings-results .listings-table .listings-table-body .listings-col {
	background: transparent !important;
}

#listings-results .listings-table .listings-table-header {
	border-color: var(--primary-text-color) !important;
	position: relative;
}

#listings-results .listings-table .listings-table-header {
	background: transparent !important;
}

#listings-results .listings-table .listings-table-header:after {
	display: block;
	background: #676767;
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	opacity: 0.2;
	z-index: -1;
}

#listings-results .listings-table .listings-table-body .listings-price {
	color: var(--primary-text-color);
}

#listings-details .listings-address,
#listings-details .listings-address span,
#listings-details .listings-plan>ul>li,
#listings-details .listings-plan span,
#listings-details .listings-description p,
#listings-details .listings-link-navigation-arrow {
	color: var(--primary-text-color);
}

#listings-details .listings-cta>li>a,
#listings-details .listings-accordion-title,
#listings-details .listings-accordion-content ul li {
	color: var(--primary-text-color) !important;
	border-color: var(--primary-text-color) !important;
}

#listings-details .listings-cta>li>a:hover {
	color: var(--secondary-color) !important;
}

#listings-results .listings-list .listings-link {
	background: transparent !important;
	color: var(--primary-text-color) !important;
	border: 1px solid var(--primary-text-color) !important;
}

#listings-details .listings-accordion-content {
	border-color: var(--primary-text-color);
}

#listings-results .listings-list .listings-link:hover {
	background: var(--primary-color) !important;
	color: var(--secondary-color) !important;
}

#listings-details .listings-link-navigation-main {
	color: var(--primary-text-color);
	border: 2px solid var(--primary-text-color);
}

#listings-details .listings-link-navigation-main:hover {
	border: 2px solid var(--aios-listing-primary-color);
}

#listings-details .listings-accordion-content ul:before {
	background: var(--primary-text-color);
}

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

/** Listings Module Over-ride **/

.aiosp-wrap div[class*="aios-testimonials-popup-"] .aiosp-content {
	background: var(--background-color) !important;
}

.site-img {
  position: relative;
  display: block;
}
.site-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: var(--default-transition);
  transition-property: opacity, filter, transform;
}
.site-img img.aios-lazyload {
  opacity: 0;
}
.site-img img.loaded, .site-img img.aios-lazy-entered {
  opacity: 1;
}
.site-img canvas {
  display: block;
  width: 100%;
  min-height: 250px;
}
.site-control {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-flow: row wrap;
  pointer-events: none;
}
.site-control__arrow {
  -webkit-appearance: none;
  appearance: none;
  outline: none;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--site-arrow-size);
  height: var(--site-arrow-size);
  border-radius: 50%;
  border: 1px solid var(--primary);
  font-size: max(0.813vw, 13px);
  color: var(--primary);
  padding: 0;
  transition: var(--default-transition);
}
.site-control__arrow:focus, .site-control__arrow:hover {
  background: var(--primary);
  border-color: var(--primary);
  color: var(--secondary-text-color, #fff);
}
.site-control__arrow--white {
  border-color: var(--secondary-color);
  color: var(--secondary-text-color, #fff);
}
.site-control__arrow--white:focus,
.site-control__arrow--white:hover {
  background: var(--secondary-color);
  border-color: var(--secondary-color);
  color: var(--primary-text-color, #000);
}
.site-control__arrow i {
  display: block;
}
.site-control__viewall {
  position: relative;
  display: block;
  text-align: center;
}
.site-control > * {
  pointer-events: auto;
}
.site-control > * + * {
  margin-left: max(1.25vw, 15px);
}
/** Testimonials */
.testimonials {
	position: relative;
	display: block;
	padding: max(6.25vw, 50px) 14.375vw;
	overflow: hidden;
	margin-top: 50px;
}
.testimonials:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: transparent url(https://cdn.agentimagehosting.com/5G07nRVw1sXgVxa9h2Xnr/2025/01/28143557/testimonials-texture.jpg) no-repeat;
	background-size: cover;
	pointer-events: none;
}
.testimonials__container {
	position: relative;
	display: flex;
}
.testimonials__main {
	position: relative;
	display: block;
	flex-shrink: 0;
	margin-top: max(3.95vw, 20px);
}
.testimonials__slider {
	position: relative;
	display: block;
	margin-left: auto;
	padding-left: 30px;
	max-width: calc(max(38.75vw, 400px) + 50px);
}
.testimonials__slider-item {
	position: relative;
	display: block;
}
.testimonials__slider-icon {
	position: relative;
	display: block;
}
.testimonials__slider-icon img {
	display: block;
	width: max(5.5vw, 50px);
	max-width: 100%;
	height: auto;
}
.testimonials__slider-text {
	position: relative;
	display: block;
	font-size: max(0.875vw, 13px);
	font-weight: 300;
	font-style: italic;
	line-height: 1.9;
	letter-spacing: 0.05em;
	margin-top: max(1.563vw, 20px);
	color: var(--secondary-text-color, #fff);
}
.testimonials__slider-author {
	position: relative;
	display: block;
	font-family: var(--font-family-title);
	font-size: max(1.5vw, 18px);
	font-weight: 400;
	line-height: 1;
	letter-spacing: 0.3em;
	text-transform: uppercase;
	margin-top: max(1.563vw, 20px);
	color: var(--secondary-text-color, #fff);
}
.testimonials__slider-control {
	margin-top: max(2.813vw, 30px);
}
.testimonials__slider-control--desktop {
	margin-top: max(3.75vw, 30px);
	justify-content: flex-start;
}
.testimonials__slider-arrow--desktop-hidden {
	display: none;
}
.testimonials__slider-viewall {
	text-align: left;
	width: 100%;
	margin: 0;
}

/** Call To Action */
.cta {
	position: relative;
	display: block;
	padding-bottom: max(0.188vw, 3px);
	overflow: hidden;
}
.cta__container {
	position: relative;
	display: block;
}
.cta__list {
	position: relative;
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: max(0.188vw, 3px);
}
.cta__list-img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: 0;
	transition: opacity var(--default-transition);
}
.cta__list-img:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(var(--rgb-primary, 0, 0, 0), 0.8);
	background: #e8c4d4;
	opacity: 80%;
}
.cta__list-img img {
	filter: grayscale(1);
}
.cta__list-info {
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	padding: 20px;
}
.cta__list-heading {
	position: relative;
	display: block;
	font-family: var(--font-family-title);
	font-size: max(1.875vw, 20px);
	font-weight: 400;
	line-height: 1.3;
	letter-spacing: 0;
	color: var(--primary);
	text-transform: uppercase;
	transition: color var(--default-transition);
}
.cta__list-text {
	position: relative;
	display: block;
	font-size: max(0.875vw, 13px);
	font-weight: 300;
	line-height: 1.9;
	letter-spacing: 0.05em;
	color: var(--primary-text-color, var(--font-color-default));
	margin-top: max(1.25vw, 15px);
	transition: color var(--default-transition);
}
.cta__list-link {
	position: relative;
	display: block;
	height: 0;
	transform: scale(0);
	margin-top: 0;
	transition: var(--default-transition);
}
.cta__list-link .site-button {
	background: var(--secondary-color);
	border-color: var(--secondary-color);
	color: var(
	--primary-text-color);
}
.cta__list-link .site-button::before{
	margin-right: 10px;
}
.cta__list-item {
	position: relative;
	display: block;
	height: max(30.563vw, 350px);
	text-align: center;
	padding: 20px;
}
.cta__list-item:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	pointer-events: none;
}
.cta__list-item--a:before {
	background-image: url(https://cdn.agentimagehosting.com/5G07nRVw1sXgVxa9h2Xnr/2025/01/28143450/cta-texture-a.jpg);
}
.cta__list-item--b:before {
	background-image: url(https://cdn.agentimagehosting.com/5G07nRVw1sXgVxa9h2Xnr/2025/01/28143450/cta-texture-a.jpg);
}
.cta__list-item--c:before {
	background-image: url(https://cdn.agentimagehosting.com/5G07nRVw1sXgVxa9h2Xnr/2025/01/28143450/cta-texture-a.jpg);
}
.cta__list-item:focus .cta__list-heading,
.cta__list-item:focus .cta__list-text,
.cta__list-item:hover .cta__list-heading,
.cta__list-item:hover .cta__list-text {
	color: var(--secondary-text-color, #fff);
	text-shadow: -2px 2px 3px RGBA(0,0,0,0.6);
}
.cta__list-item:focus .cta__list-img, .cta__list-item:hover .cta__list-img {
	opacity: 1;
}
.cta__list-item:focus .cta__list-link, .cta__list-item:hover .cta__list-link {
	height: var(--site-button-height);
	transform: none;
	margin-top: max(1.875vw, 20px);
}

/* WELCOME */
.welc-container {
	display: block;
	position: relative;
	padding: 0 0 60px;
	background: #fff
}

.welc-wrapper {
	display: block;
	position: relative;
	z-index: 5;
}

.welc-main {
	display: block;
	position: relative
}

.welc-row {
	display: block;
	position: relative;
	width: 100%;
	max-width: 1275px;
	margin: 0 auto
}

.welc-col {
	display: inline-block;
	vertical-align: bottom;
	width: 50%;
	position: relative
}

.welc-agent-holder {
	display: block;
	position: relative;
	z-index: 3
}

.welc-agent-holder-bg {
	position: absolute;
	bottom: 34px;
	left: 0;
	right: 0;
	width: calc(100% - 116px);
	height: 79.126%;
	z-index: -1;
	background-color: #000
}

.welc-agent-holder-bg canvas {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	background-image: url('http://thisislajolla.com/wp-content/themes/thisislajolla.com/images/graphite-bg.jpg');
	background-position: top;
	background-size: cover;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%)
}

.welc-agent-img {
	display: block;
	position: relative;
	padding: 0 18px 75px 60px
}

.welc-agent-img:before {
	position: absolute;
	content: '';
	bottom: 0;
	left: 60px;
	width: calc(100% - 138px);
	height: 93.496%;
	background: rgba(235,143,188,0.57);
	background: var(--pink-accent);
	opacity: 57%;
	z-index: -1
}

.welc-content-container {
	display: block;
	position: relative;
	padding: 168px 61px 96px 130px;
	margin-left: -78px
}

.welc-content-container:before {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(255,255,255,0.75);
	-webkit-box-shadow: -13px 4px 33px 0px rgb(0 0 0 / 20%);
	box-shadow: -13px 4px 33px 0px rgb(0 0 0 / 20%);
	z-index: 1
}

.welc-content {
	display: block;
	position: relative;
	margin-bottom: 50px;
	z-index: 2
}

.welc-btn {
	display: block;
	position: relative;
	z-index: 2
}

.welc-bg {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	top: 0
}

.welc-bg canvas {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	background-image: url('http://thisislajolla.com/wp-content/themes/thisislajolla.com/images/welc-bg.jpg');
	background-position: top;
	background-size: cover;
	opacity: 0;
}

.welc-agent-img img {
	width: 100%;
	max-width: 100%;
	display: block;
	object-fit: cover;
}

.welc-col:first-child {
	width: 42%
}

.welc-col:last-child {
	width: 58%
}

.welc-content p {
	font-size: 15px;
	line-height: 2.14;
	letter-spacing: 0.050em;
	color: #515151
}

.welc-content p:not(:last-child) {
	margin-bottom: 30px
}

.welc-bg:before,.welc-bg:after {
	position: absolute;
	content: '';
	bottom: 0;
	left: 0;
	width: 100%;
	height: 71%;
	z-index: 1;
	background: -o-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
	background: -webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0)),to(rgba(255,255,255,1)));
	background: linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff',endColorstr='#ffffff',GradientType=0 )
}

.welc-bg:after {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	width: 100%;
	height: 45%;
	z-index: 2;
	background: -o-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
	background: -webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,1)),to(rgba(255,255,255,0)));
	background: linear-gradient(to bottom,rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff',endColorstr='#00ffffff',GradientType=0 )
}

.custom-container {
    display: block;
    width: 100%;
    padding: 0 154px;
    margin: auto;
}
.fv-content p {
	font-size: 15px;
	line-height: 2;
	letter-spacing: 0.050em;
	color: #515151
}

.fv-col {
	display: inline-block;
	vertical-align: bottom;
	width: 50%;
	position: relative
}

.fv-content-container {
	display: block;
	position: relative;
	padding: 0 40px 110px 115px;
	z-index: 2
}

.fv-content {
	display: block;
	position: relative;
	margin-bottom: 46px
}

.fv-title {
	display: block;
	position: relative;
	text-align: left;
	padding-left: 116px;
	z-index: 3
}

.fv-item {
	display: block;
	position: relative;
	padding: 89px 115px 0;
	margin-bottom: 120px
}

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

.fv-main {
	display: block;
	position: relative
}

.fv-wrapper {
	display: block;
	position: relative
}

.fv-container {
	display: block;
	position: relative;
	background: #fff
}

.fv-video-img img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center;
	display: block;
	z-index: 2;
	width: 100%;
	height: 100%;
	opacity: .82
}

.fv-video-img canvas {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	min-height: 471px
}

.fv-col:first-child {
	width: 38.728%
}

.fv-col:last-child {
	width: 61.272%
}

.fv-video-btn {
	position: absolute;
	top: 50%;
	right: 0;
	left: 0;
	margin: 0 auto;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	text-align: center;
	width: 156px;
	height: 156px;
	border: 1px solid rgba(255,255,255,.30);
	border-radius: 50%;
	z-index: 5;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.fv-video-holder {
	display: block;
	position: relative;
	padding-bottom: 39px;
	padding-right: 39px;
	margin-bottom: -39px;
	z-index: 2
}

.fv-video-holder a {
	display: block;
	position: relative
}

.fv-video-img {
	display: block;
	position: relative;
	background-color: #000;
	z-index: 2
}

.fv-video-btn span {
	font-size: 34px;
	color: #fff;
	width: 109px;
	height: 109px;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin: 0 auto;
	background: rgba(255,255,255,.23);
	border-radius: 50%
}

.fv-item-bg {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 62.098%;
	height: 100%
}

.fv-item-accent-bg {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 351px;
	height: calc(100% - 60px);
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.fv-item-bg canvas {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	background-image: url('http://thisislajolla.com/wp-content/themes/thisislajolla.com/images/fv-bg1.jpg');
	background-position: bottom right;
	background-size: cover;
	opacity: .12
}

.fv-item-bg-inner {
	position: relative;
	width: 100%;
	height: 100%
}

.fv-item-bg-inner:before {
	position: absolute;
	content: '';
	top: 0;
	right: 0;
	width: 35%;
	height: 100%;
	z-index: 1;
	background: -o-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
	background: -webkit-gradient(linear,left top,right top,from(rgba(255,255,255,0)),to(rgba(255,255,255,1)));
	background: linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff',endColorstr='#ffffff',GradientType=1 )
}

.fv-video-holder:before {
	position: absolute;
	content: '';
	bottom: 0;
	right: 0;
	width: calc(100% - 140px);
	height: 100%;
	background: rgba(235,143,188,0.57);
	background: var(--pink-accent);
	opacity: 57%;
	z-index: 1
}

.fv-video-holder:after {
	position: absolute;
	content: '';
	top: calc(100% - 39px);
	left: 0;
	width: calc(100% - 39px);
	height: 68px;
	background-image: url('http://thisislajolla.com/wp-content/themes/thisislajolla.com/images/fv-shadow.png');
	background-position: top;
	background-size: contain;
	background-repeat: no-repeat;
	z-index: 2
}

.fv-item-accent-left canvas {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	background-image: url('http://thisislajolla.com/wp-content/themes/thisislajolla.com/images/fv-accent-bg.jpg');
	background-position: top;
	background-size: cover;
	opacity: .12
}

.fv-item-accent-right canvas {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	background-image: url('http://thisislajolla.com/wp-content/themes/thisislajolla.com/images/graphite-bg.jpg');
	background-position: top;
	background-size: cover;
	opacity: .37
}

.fv-item-accent-left,.fv-item-accent-right {
	display: inline-block;
	vertical-align: top;
	position: relative
}

.fv-item-accent-left {
	width: 56%;
	background-color: var(--pink-accent);
	height: 30%
}

.fv-item-accent-left:before {
	position: absolute;
	content: '';
	top: 27%;
	left: 0;
	right: 0;
	margin: 0 auto;
	display: block;
	text-align: center;
	width: 72.49%;
	height: 42.99%;
	background-image: url('http://thisislajolla.com/wp-content/themes/thisislajolla.com/images/fv-logo.png');
	background-position: top;
	background-size: contain;
	background-repeat: no-repeat;
	opacity: 0;
}

.fv-item-accent-right {
	background-color: #000;
	height: 100%;
	width: 44%
}

.fv-item-bg:before {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	width: 100%;
	height: 41%;
	z-index: 1;
	background: -o-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
	background: -webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,1)),to(rgba(255,255,255,0)));
	background: linear-gradient(to bottom,rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff',endColorstr='#00ffffff',GradientType=0 )
}

.fv-item-bg:after {
	position: absolute;
	content: '';
	bottom: 0;
	left: 0;
	width: 100%;
	height: 41%;
	z-index: 1;
	background: -o-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
	background: -webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0)),to(rgba(255,255,255,1)));
	background: linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff',endColorstr='#ffffff',GradientType=0 )
}

.fv-row {
	display: flex;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end
}

.fv-item:nth-child(even) .fv-row {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse
}

.fv-item:nth-child(even) .fv-video-holder {
	padding-left: 39px;
	padding-right: 0
}

.fv-item:nth-child(even) .fv-video-holder:before {
	right: auto;
	left: 0
}

.fv-item:nth-child(even) .fv-item-accent-bg {
	right: auto;
	left: 0;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
	height: calc(100% + 65px);
	bottom: -120px
}

.fv-item:nth-child(even) .fv-title {
	text-align: right;
	padding-left: 0;
	padding-right: 100px
}

.fv-item:nth-child(even) .fv-content-container {
	padding: 0 94px 0 44px
}

.fv-item:nth-child(even) .fv-item-bg {
	left: auto;
	right: 0
}

.fv-item:nth-child(even) .fv-item-bg canvas {
	background-image: url('http://thisislajolla.com/wp-content/themes/thisislajolla.com/images/fv-bg2.jpg')
}

.fv-item:nth-child(even) .fv-video-holder:after {
	left: auto;
	right: 0;
	background-image: url('http://thisislajolla.com/wp-content/themes/thisislajolla.com/images/fv-shadow-right.png')
}

.fv-item:nth-child(even) .fv-item-bg-inner:before {
	left: 0;
	right: auto;
	background: -o-linear-gradient(left,rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
	background: -webkit-gradient(linear,left top,right top,from(rgba(255,255,255,1)),to(rgba(255,255,255,0)));
	background: linear-gradient(to right,rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff',endColorstr='#00ffffff',GradientType=1 )
}

.fv-title .global-title {
	display: inline-block
}

.fv-subs-bg {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #000
}

.fv-subs-bg canvas {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	background-image: url('http://thisislajolla.com/wp-content/themes/thisislajolla.com/images/graphite-bg.jpg');
	background-position: top;
	background-size: cover;
	opacity: .37
}

.fv-subscribe {
	display: block;
	position: relative;
	padding: 35px 0 25px
}

.fv-subs-title .global-title > h2 {
	color: #fff;
	font-size: 68px
}

.fv-subs-title .global-title {
	padding-left: 0;
	margin-bottom: 0
}

.fv-subs-inner {
	display: block;
	padding: 0 15px;
	width: 100%;
	max-width: 1170px;
	margin: 0 auto
}

.fv-subs-row {
	position: relative;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.fv-subs-col {
	display: inline-block;
	vertical-align: middle;
	position: relative
}

.fv-subs-title {
	display: block;
	position: relative
}

.fv-subs-agent-holder {
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.fv-sub-agent {
	display: inline-block;
	vertical-align: middle;
	margin-right: 22px;
	width: 112px
}

.fv-sub-agent canvas {
	display: block;
	width: 100%;
	height: 100%;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	border: 8px solid #7a596a;
	border-radius: 50%
}

.fv-subs-label {
	display: inline-block;
	vertical-align: middle;
	position: relative
}

.fv-subs-label span {
	font-size: 15px;
	color: #fff;
	text-transform: uppercase;
	line-height: 1;
	letter-spacing: 0.150em
}

.fv-subs-btn {
	display: block;
	width: 245px;
	max-width: 100%
}

.fv-subs-btn a em {
	font-size: 24px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 17px
}

.fv-subscribe:before {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	margin: 0 auto;
	width: 0;
	height: 0;
	border-left: 65px solid transparent;
	border-right: 65px solid transparent;
	border-top: 30px solid #fff;
	z-index: 2;
	display: block;
	text-align: center;
	right: 0
}

/* STATS */
#hp-stats{
	padding-top: 50px;
}
.stats-wrap .section-title{
	text-align: center;
}
.stats-inner {
	margin: auto;
    margin-top: 53px;
    position: relative;
    justify-content: center;
	display: flex;
    flex-flow: wrap;
	width: 100%;
	max-width: 1300px;
	padding: 0 15px;
}
.stats-item {
    width: calc(100% / 3);
    text-align: center;
    padding: 50px 15px;
    padding: 2.604vw 15px;
}
.stats-num {
    font-size: 50px;
    font-family: var(--font-family-title);
    text-transform: uppercase;
}
.stats-label {
    font-size: 16px;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    margin-top: 25px;
    line-height: 1.35;
}

/*CTA*/
.cta__list-img-img {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 20px;
}

/*Footer (Newsletter)*/
span.dark-text {
    color: #000;
	opacity: 0;
}

.site-title-wrap{
	position: relative;
	margin-bottom: 30px;
}
.site-title-wrap.centered{
	display: flex;
	justify-content: center;
}
.site-title{
	font-family: var(--font-family-title);
	font-size: 80px;
	font-size: max(5vw, 40px);
	line-height: 1;
	color: #000000;
	text-transform: uppercase;
	position: relative;
	z-index: 1;
	padding-left: 20px;
	border-left: 1px solid rgb(231, 231, 231);
}

.site-title::before{
	position: absolute;
	content: '';
	width: 4px;
	height: 50%;
	left: 0;
	bottom: 0;
	background: var(--pink-accent);
}
.site-title em{
	font-style: normal;
	color: var(--pink-accent);
}
.site-title span{
	display: block;
	font-size: 18px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.5em;
    color: rgb(159, 159, 159);
    text-transform: uppercase;
	margin-bottom: 10px;
}
.site-title.white{
	color: #ffffff;
}
.site-title.white span{
	color: #ffffff;
}

.mob-custom-fub{
	width: 100%;
	height: 65px;
	overflow: hidden;
	position: fixed;
	bottom: 0px;
	z-index: 999;
	border: 0px none;
	/* display: none; */
	left: 0px;
	transition: all 0.35s ease-in-out;
	opacity: 0;
	pointer-events: all;
}
.mob-custom-fub.active{
	opacity: 1;
	pointer-events: all;
	/* display: block; */
}
.mobile .mob-custom-fub{

}
#custom-fub-mobile.unassigned {
    padding-top: 15px;
}
#custom-fub-mobile {
}
#custom-fub-mobile #custom-fub-mobile-inner {
    position: relative;
    display: flex;
    height: 50px;
    background: #ffffff;
    box-shadow: rgba(0, 0, 0, 0.1) 0px -5px 10px 0;
}
#custom-fub-mobile.unassigned .custom-fub-mobile-link:first-child {
    border-right: 1px solid #e8ecf0;
}
#custom-fub-mobile .custom-fub-mobile-link {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 16px;
    color: #364650;
    line-height: 1;
    text-align: center;
    flex: 1;
    text-decoration: none;
}
#custom-fub-mobile .custom-fub-mobile-link span {
    margin: 0 5px 0 0;
    color: #40a2d9;
}
#custom-fub-mobile #mob-custom-fub-close {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 1;
  cursor: pointer;
  bottom: 0;
  font-size: 10px;
}
#custom-fub-mobile #mob-custom-fub-close span{
  cursor: pointer;
}
#aios-btt-btn{
	bottom: 90px !important;
}
body #pojo-a11y-toolbar {
	bottom:0 !important;
	top: auto !important;
  }
  body #pojo-a11y-toolbar.pojo-a11y-toolbar-left .pojo-a11y-toolbar-toggle {
	top:auto !important;
	bottom:0 !important;
  }
  button:focus-visible, a:focus-visible {
	outline-style: solid !important;
	outline-width: 5px !important;
	outline-color: red !important;
	transition: none !important;
  }
  
  /* High contrast and Negative contrast break canvas elements with backgrounds */
  #pojo-a11y-toolbar .pojo-a11y-btn-high-contrast,
  #pojo-a11y-toolbar .pojo-a11y-btn-negative-contrast,
  #pojo-a11y-toolbar .pojo-a11y-btn-light-background,
  #pojo-a11y-toolbar .pojo-a11y-btn-grayscale {
	display:none !important;
  }

.qs-form .field-input button[type="button"] span{
	text-overflow: ellipsis;
}
.qs-form a.adv-button:hover{
	color: #ffffff;
	opacity: 60%;
}
.grecaptcha-badge{
	z-index: 99999;
}
#areaPickerClearAll .glyphicon{
	color: #ffffff !important;
}
.aios-custom-ihomefinder-results-template #content-full .entry-title{
	width: 100% !important;
	padding-left: 0 !important;
}
.aios-custom-ihomefinder-results-template .ip-banner .container{
	left: 0;
	transform: translateY(-50%);
}
body.pojo-a11y-readable-font [class*=ai-font-]{
	font-family: agentimage !important;
}
#listings-details .listings-form .ajax-loader{
	right: -25px !important;
}
/* MEDIA QUERIES ARE AUTOMATICALLY REMOVED FROM THIS FILE, they must be placed in style-media-queries.css */