/*

Theme Name: Iconic - Responsive Real Estate Wordpress Theme from Agent Image

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.1.7

Tags: one-column, two-columns, right-sidebar, custom-menu, full-width-template, sticky-post

License: Proprietary

License URI: http://www.agentimage.com

Template: aios-starter-theme

*/



/*



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;



}



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

		font: 400 27px/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:after {

						/* display: block; */

						display: none;

						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;

						opacity: 0.9;

						z-index: -1;

						background-color: var(--primary-color);

						transition: all 0.35s ease-in-out;

					}

					.show-fh #nav li:after {

						display:none;

					}

	                    #nav li a {

	                        display: block;

	                        position: relative;

	                        font-size: 15px;

	                        /* font-weight: 300; */

	                        font-weight: 700;

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

							}

								#nav > li:hover > a{

									/* color: var(--primary-color-accent); */
									opacity: 0.7;

								}

	                #nav > li {

	                    display: flex;

	                    /* margin: 0 13px; */

						padding: 10px 13px;

						margin: 0 !important;



	                }

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

	                            }



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

        bottom: 0;

	}

		.tagline-holder span {

		    display: block;

		    margin-top: 30px;

		}

		.tagline-holder h1,
		.tagline-holder h2 {

			font: 500 40px/1 'Raleway', sans-serif;

			color: #ffffff;

			letter-spacing: 0.05em;

			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: 30px;

					font-weight: 300;

					color: #ffffff;

					line-height: 1;

					text-transform: uppercase;

					margin-bottom: 18px;

				}

				.listing-txt-slide:hover .listing-address-01 {

					color: #000000;

				}

				.listing-address-02 {

					font-size: 14px;

					font-weight: 300;

					color: #000000;

					line-height: 1;

					text-transform: uppercase;

					margin-bottom: 5px;

					opacity: 0;

				}

				.listing-txt-slide:hover .listing-address-02 {

					opacity: 1;

				}

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

		}



/* 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 '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 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: 0 0 100px;

    overflow: hidden;

	display: none;

}



    #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-item:hover .social-media-img canvas {

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

	bottom: 68px;

	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: 100px; */

					padding-right: 23px;

				}

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

					}

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

        }

		.footer-bottom-top 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-top a:hover {

				color: var(--primary-color-accent);

			}



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

}

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

}

/* About page */

.sub-text {

    float: right;

    width: 50%;

}

.sub-text ul li {

    list-style: circle;

}

ul.sub-li li {

    list-style: circle;

}





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

}



/* Hide HP sections */

.quick-search-holder, #hp-listing, #hp-communities {

  display: none;

}



#hp-contact {

  background: url(images/contact-bg-1.jpg) no-repeat center center / cover;

}



.header-left img, .slide-menu-logo img {

  width: max(178px, 7.5vw);

  transition: 0.3s;

}

.show-fh .header-left img{

 width: max(130px, 7.5vw);

}



/* Custom - Floating SMI */

#floating-smis {

  background: var(--primary-color);

  padding: 5px;

}

#floating-smis::before, #floating-smis::after {

  background: #fff;

}

#floating-smis a {

  border: 1px solid #fff;

  color: #fff;

}





#nav{

	align-items: center !important;

}



#nav > li{

	text-align: center !important;

}



.header-left img{

	width: 220px !important;

}



.show-fh .header-left img {

    width: 150px !important;

}



.show-fh .header-inner {

    height: 85px !important;

}

.header-inner{

	height: 111px !important;

}





/**updates**/



.tagline-holder h1{

	font: 500 max(3.125vw, 30px) 'Raleway', sans-serif !important;

}





/*#hero,

.slide-holder,

.cycloneslider-template-responsive{

	max-height: 800px;



}*/



.welcome-img-caption h2 {

    text-align: center;

    font-size: 27px;

    text-transform: uppercase;

    letter-spacing: 0.05em;

}



.welcome-img-caption h2 span {

    font-size: 18px;

}



.welcome-img-caption {

    margin-top: 15px;

}



.welcome-img-text-content {

    margin-top: 30px;

    line-height: 28px;

    color: #212473;

}



/* #nav li:nth-child(6),

.footernav li:nth-child(6) {

    display: none;

} */



/*update*/



#nav > li:hover > a::after{

	display: none;

}



.burger-menu {

    display: none;

}



.tagline-holder h1:last-child,
.tagline-holder h2 {

    text-transform: none;

}



#hp-welcome,

#hp-video{

	padding-top: 0 !important;

}



#hp-video .section-title{

	margin-bottom: 30px !important;

}



.hp-welc-header-color span{

	color: #191464;

}

#hp-video .site-button{

	width: 335px ;

}





#hp-social-media .social-media-blogs{

	justify-content: space-between;

	max-width: 1481px;

    margin: 0 auto;

}



#hp-social-media .social-media-col{

	width: calc(100% / 3);

}



#hp-social-media .social-media-img canvas{

	max-height: 316px;

}



section#hp-contact,

.footer-middle {

    display: none;

}

/*nav.navigation {

    padding-top: 50px;

}



.show-fh nav.navigation {

    padding-top: 0;

}*/





.hp-slide-tagline-inner {

    position: absolute;

    width: 100%;

    bottom: 0;

}



.tagline-holder{

	height: 100%;

	margin-bottom: 20px;

}



.hp-slide-tagline-inner .container:first-child {

    margin-bottom: 13.375vw;

}



.hp-slide-tagline-inner .container:last-child h1,
.hp-slide-tagline-inner .container:last-child h2{

	/* font: 500 max(2.5vw, 20px) 'Raleway', sans-serif !important; */

	text-align: right;

}





.hder-nav-logs a {

    font-size: 14px;

	font-weight: 700;

    text-transform: uppercase;

    color: rgb(255,255,255,0.8);

     padding: 8px 20px;

     letter-spacing: 0.05em;

	 position: relative;

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

}



.hder-nav-logs a:first-child {

	color: rgba(52, 51, 66, 1);

	background-color: rgba(255, 255, 255, 1);

	margin-right: 10px;

}

.hder-nav-logs a:last-child {

	background-color: rgba(52, 51, 66, 1);

	margin-left: 10px;

}

/* .show-fh .hder-nav-logs a:after {

    display: none;

} */

.hder-nav-logs a:hover{

    color: var(--primary-color-accent);

}



.hder-nav-logs {

    /* margin-bottom: 25px; */

    margin-bottom: 12px;

}



.hdr-logins-wrapper {

    display: flex;

    width: 100%;

    justify-content: center;

}



/*.hdr-logins-wrapper a:first-child {

    border-right: 1px solid;

}*/



.show-fh .hder-nav-logs {

    /* margin-bottom: 15px; */

    margin-bottom: 11px;

}





.hp-slide-tagline-inner .container:last-child {

    margin-right: 0;

    width: 100%;

}



.post-page-tenants p>a.youtube-link {

    color: #191464;

    font-weight: 700;

}

/* .cycloneslider-template-responsive .cycloneslider-slide canvas {

    background-size: contain !important;



} */

#ip-banner-breadcrumbs span > span > 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;

}

#ip-banner-breadcrumbs span > span > a:hover {

	color: #fff !important;
	opacity: 0.7;

}

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-grayscale,
#pojo-a11y-toolbar .pojo-a11y-btn-light-background,
#pojo-a11y-toolbar .pojo-a11y-btn-high-contrast,
#pojo-a11y-toolbar .pojo-a11y-btn-negative-contrast {
    display:none !important;
}

.post-page-useful-links .entry-content p a {
	word-break: break-word;
}

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


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