/*
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.4.1
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);
}

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

.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 'Raleway', sans-serif;
	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;
}

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

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

.header-right {}

nav {}

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

#nav li {
	display: block;
	position: relative;
}

#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 {
	color: var(--secondary-color);
}

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

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

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

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

#nav>li>a {
	z-index: 2;
}

#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 {
	opacity: 1;
	-webkit-transform: translateY(5px);
	-moz-transform: translateY(5px);
	transform: translateY(5px);
}

#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 {
	margin-left: 100%;
	top: 0;
}

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

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

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

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

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

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

.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: var(--primary-color-accent);
}

#floating-smis a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	border: 1px solid var(--primary-color-accent);
	border-radius: 50%;
	font-size: 14px;
	color: var(--primary-color-accent);
	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;
}

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

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

.tagline-holder {
	position: absolute;
	width: 100%;
	top: 50%;
	transform: translateY(-50%);
	z-index: 2;
	margin-top: -50px;
}

.tagline-holder h1 {
	font: 500 40px/1 'Raleway', sans-serif;
	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 120px;
	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 > * {
	display: block;
	position: relative;
	overflow: hidden;
}

.video-item > * *,
.video-item > * ::before,
.video-item > * ::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 > *: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 > *:hover .video-txt {
	bottom: 0;
	padding-top: 24px;
}

.video-title {
	font: 400 20px/1.2 'Raleway', sans-serif;
	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 > *: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: 0 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(images/contact-bg.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;
}

.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 li {
	position: relative;
	display: block;
	margin: 0 4px;
}

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

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

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

.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: var(--primary-color);
}

/** 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 'Raleway', sans-serif;
	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;
}

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