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

/*

TABLE OF CONTENTS

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


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


/* Sub Menu */
#nav li,
#nav2 li {
    position:relative;
    display: inline-block;
}
  
#nav .sub-menu,
#nav2 .sub-menu {
    list-style: none outside none;
    margin: 0;
    background: transparent;
    padding: 0;
    position: absolute;
 	width:100%;
 	min-width:200px;
 	text-align: center;
 	right: -150%;
 	left: -150%;
 	padding-top: 50px;
 	pointer-events: none;
 	opacity: 0;
 	margin: auto;
 	transform: translateY(30px);
 	transition: 0.35s ease-in-out;
	-webkit-transition: 0.35s ease-in-out;
	-moz-transition: 0.35s ease-in-out;
	-o-transition: 0.35s ease-in-out;
}
#nav2 .sub-menu {
	padding-top: 31px;
}
#nav .sub-menu a,
#nav2 .sub-menu a {
    color: #FFFFFF !important;
    display: block;
    padding: 10px;
}
#nav .sub-menu a:hover,
#nav2 .sub-menu a:hover {
    background: transparent;
    color: #000000;
    text-decoration: none;
}
#nav .sub-menu .sub-menu,
#nav2 .sub-menu .sub-menu {
    margin-left: 100%;
    left: 0;
 	top:0;
 	padding-top: 0;
}
#nav li:hover > .sub-menu,
#nav2 li:hover > .sub-menu {
    pointer-events: auto;
 	opacity: 1;
 	transform: none;
}
#nav .sub-menu li,
#nav2 .sub-menu li {
    position: relative;
    width: 100%;
    background: rgba(22,28,24,0.75);
    transition: 0.35s ease-in-out;
	-webkit-transition: 0.35s ease-in-out;
	-moz-transition: 0.35s ease-in-out;
	-o-transition: 0.35s ease-in-out;
}
	#nav .sub-menu li:hover,
	#nav2 .sub-menu li:hover {
		background: rgba(22,28,24,1);
	}


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

/* Global */

body{
	font-family: 'Montserrat', sans-serif;
	font-size: 13px;
	background: #FFF;
	color: #161c18;
	margin: 0;
	letter-spacing: 0.025em;
	line-height: 2.1;
	font-weight: 400;

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

#main-wrapper {
	overflow: hidden;
}
.aios-mobile-header-wrapper {
    z-index: 1020 !important;
}

/***HEADER***/

	/*MAIN HEADER*/
		.main-header {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			z-index: 1019;
			background: #161c18;
			font-size: 0;
			letter-spacing: 0;
			padding: 11.5px 0px;
			transition: 0.6s ease-in-out;
			-webkit-transition: 0.6s ease-in-out;
			-moz-transition: 0.6s ease-in-out;
			-o-transition: 0.6s ease-in-out;
		}
			.header-left {
				text-align: left;
			}
				.header-left .header-logo {
					position: relative;
				}
					.header-left .header-logo a {
						display: inline-block;
						vertical-align: middle;
					}
					.header-left .header-logo > img {
						width: 100%;
						max-width: 56px;
						transition: 0.6s ease-in-out;
						-webkit-transition: 0.6s ease-in-out;
						-moz-transition: 0.6s ease-in-out;
						-o-transition: 0.6s ease-in-out;
					}
					.header-left .header-broker-logo {
						display: inline-block;
						vertical-align: middle;
						margin-left: 10px;
					}
						.header-left .header-broker-logo img {
							width: 100%;
							max-width: 180px;
						}
			.header-right {
				text-align: right;
			}
				.header-right .navigation {
					margin-top: 36px;
					transition: 0.6s ease-in-out;
					-webkit-transition: 0.6s ease-in-out;
					-moz-transition: 0.6s ease-in-out;
					-o-transition: 0.6s ease-in-out;
				}
					.header-right .navigation #nav {

					}
						.header-right .navigation #nav > li {
							position: relative;
							margin: 0 15.3px;
						}
							.header-right .navigation #nav li:first-child {
								margin-left: 0;
							}
							.header-right .navigation #nav li:last-child {
								margin-right: 0;
							}
							.header-right .navigation #nav li a {
								font-size: 12px;
								line-height: 1;
								font-weight: 500;
								color: #ffffff;
								letter-spacing: 0.1em;
								text-transform: uppercase;
								transition: 0.35s ease-in-out;
								-webkit-transition: 0.35s ease-in-out;
								-moz-transition: 0.35s ease-in-out;
								-o-transition: 0.35s ease-in-out;
							}
								.header-right .navigation #nav > li:hover > a {
									color: #6e98bf;
								}
	/*END OF MAIN HEADER*/

	/*FIXED HEADER*/

		.fixed-header {
			position: fixed;
			top: 0;
			left: 0;
			width: 100%;
			z-index: 1030;
			background: #ffffff;
			font-size: 0;
			transform: translateY(-100%);
			opacity: 0;
			pointer-events: none;
			letter-spacing: 0;
			padding: 7.5px 0px;
			box-shadow: 0 0 25px 0 rgba(0,0,0,0.2);
			transition: 0.6s ease-in-out;
			-webkit-transition: 0.6s ease-in-out;
			-moz-transition: 0.6s ease-in-out;
			-o-transition: 0.6s ease-in-out;
		}
			.fixed-header.show {
				transform: none;
				opacity: 1;
				pointer-events: auto;
			}
			.fh-left {
				text-align: left;
			}
				.fh-left .fh-logo {
					position: relative;
				}
					.fh-left .fh-logo a {
						display: inline-block;
						vertical-align: middle;
					}
					.fh-left .fh-logo > img {
						width: 100%;
						max-width: 41px;
						transition: 0.6s ease-in-out;
						-webkit-transition: 0.6s ease-in-out;
						-moz-transition: 0.6s ease-in-out;
						-o-transition: 0.6s ease-in-out;
					}
					.fh-left .fh-broker-logo {
						display: inline-block;
						vertical-align: middle;
						margin-left: 10px;
					}
						.fh-left .fh-broker-logo img {
							width: 100%;
							max-width: 180px;
						}
			.fh-right {
				text-align: right;
			}
				.fh-right .navigation {
					margin-top: 29px;
					transition: 0.6s ease-in-out;
					-webkit-transition: 0.6s ease-in-out;
					-moz-transition: 0.6s ease-in-out;
					-o-transition: 0.6s ease-in-out;
				}
					.fh-right .navigation #nav2 {

					}
						.fh-right .navigation #nav2 > li {
							position: relative;
							margin: 0 15.3px;
						}
							.fh-right .navigation #nav2 li:first-child {
								margin-left: 0;
							}
							.fh-right .navigation #nav2 li:last-child {
								margin-right: 0;
							}
							.fh-right .navigation #nav2 li a {
								font-size: 12px;
								line-height: 1;
								font-weight: 500;
								color: #161c18;
								letter-spacing: 0.1em;
								text-transform: uppercase;
								transition: 0.35s ease-in-out;
								-webkit-transition: 0.35s ease-in-out;
								-moz-transition: 0.35s ease-in-out;
								-o-transition: 0.35s ease-in-out;
							}
								.fh-right .navigation #nav2 > li:hover > a {
									color: #6e98bf;
								}

	/*END OF FIXED HEADER*/

/***END OF HEADER***/

/***UPPERFOLD***/
	
	.upperfold-sec {
		position: relative;
		font-size: 0;
		letter-spacing: 0;
	}

	/*SLIDESHOW*/

		.slideshow {
			position: relative;
		}

	/*END OF SLIDESHOW*/

	/*TAGLINE*/

		.tagline-wrap {
			position: absolute;
			bottom: 17.6%;
			left: 0;
			width: 100%;
		}
			.tagline {
				text-align: center;
			}
				.tagline span {
					font-size: 25px;
					display: inline-block;
					line-height: 1;
					letter-spacing: 0.1em;
					color: #ffffff;
					text-transform: uppercase;
					font-weight: 600;
					padding: 0 20px;
				}

	/*END OF TAGLINE*/

/***END OF UPPERFOLD***/

/***FEATURED PROPERTIES***/

	.fp-sec {
		position: relative;
		font-size: 0;
		letter-spacing: 0;
		padding: 93px 0 100px;
	}
		.fp-sec:before {
			content: '';
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background-image: url(images/fp-bg.jpg);
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center center;
			z-index: -2;
		}
		.fp-sec:after {
			content: '';
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background: rgba(22,28,24,.85);
			z-index: -1;
		}
		.fp-sec h2 {
			font-size: 50px;
			letter-spacing: 0.1em;
			line-height: 1;
			font-weight: 600;
			text-transform: uppercase;
			color: #6e98bf;
			text-align: center;
		}
			.fp-sec h2 span {
				font-weight: 100;
				color: #ffffff;
				display: inline-block;
			}
			.fp-wrap {
				padding: 0 5px;
				position: relative;
				max-width: 1600px;
				margin: auto;
			}
				.fp-slide {
					position: relative;
					margin: 42px -15px 0;
				}
					.fp-slide.slick-slider * {
						outline: 0;
					}
					.fp-list {
						padding: 15px;
					}
						.fp-list a {

						}
							.fp-item {
								position: relative;
								overflow: hidden;
								max-width: 500px;
								margin: auto;
								transition: 0.35s ease-in-out;
								-webkit-transition: 0.35s ease-in-out;
								-moz-transition: 0.35s ease-in-out;
								-o-transition: 0.35s ease-in-out;
							}
								.fp-list a:hover .fp-item {
									box-shadow: 0px 0px 13px 3px rgba(0,0,0,0.4);
								}
								.fp-item:before {
									content: '';
									position: absolute;
									top: 0;
									left: 0;
									width: 100%;
									height: 100%;
									background: rgba(110,152,191,0.2);
									z-index: 1;
								}
								.fp-img-wrap {
									position: relative;
								}
									.fp-img-wrap canvas {
										width: 100%;
										min-height: 350px;
										background-repeat: no-repeat;
										background-size: cover;
										background-position: center center;
										transform-origin: top;
										transition: 0.35s ease-in-out;
										-webkit-transition: 0.35s ease-in-out;
										-moz-transition: 0.35s ease-in-out;
										-o-transition: 0.35s ease-in-out;
									}
										.fp-list a:hover .fp-img-wrap canvas {
											transform: scale(1.2);
										}
								.fp-details {
									position: relative;
									background: #ffffff;
									display: flex;
									flex-direction: row;
									justify-content: space-between;
									align-items: center;
									padding: 0 20px;
									height: 70px;
									z-index: 2;
									transition: 0.35s ease-in-out;
									-webkit-transition: 0.35s ease-in-out;
									-moz-transition: 0.35s ease-in-out;
									-o-transition: 0.35s ease-in-out;
								}
									.fp-list a:hover .fp-details {
										opacity: 0;
									}
									.fp-details > div {
										letter-spacing: 0.05em;
										color: #161c18;
										text-transform: uppercase;
										font-weight: 600;
										line-height: 1;
									}
									.fp-address {
										font-size: 15px;
										width: 100%;
										max-width: 230px;
									}
									.fp-price {
										font-size: 25px;
									}
								.fp-hover-details {
									position: absolute;
									top: 0;
									left: 0;
									width: 100%;
									height: 100%;
									display: flex;
									align-items: center;
									justify-content: center;
									padding: 0 40px;
									opacity: 0;
									transform: translateY(20%);
									transition: 0.35s ease-in-out;
									-webkit-transition: 0.35s ease-in-out;
									-moz-transition: 0.35s ease-in-out;
									-o-transition: 0.35s ease-in-out;
								}
									.fp-list a:hover .fp-hover-details {
										transform: none;
										opacity: 1;
									}
									.fp-hover-details > div {
										position: relative;
										background: rgba(255,255,255,0.7);
										text-align: center;
										width: 100%;
										padding: 27px 10px;
									}
										.fp-hover-details > div:before {
											content: '';
											position: absolute;
											bottom: -114px;
											left: 0;
											right: 0;
											margin: auto;
											width: 59px;
											height: 92px;
											background-image: url(images/fp-logo.png);
											object-fit: cover;
										}
										.fp-hover-details > div img {
											width: 30px;
											height: 30px;
											display: inline-block;
											object-fit: cover;
										}
										.fp-hover-price {
											font-size: 25px;
											letter-spacing: 0.05em;
											font-weight: 600;
											line-height: 1;
											color: #161c18;
											margin-top: 10px;
										}
										.fp-hover-address {
											font-size: 16px;
											letter-spacing: 0.05em;
											font-weight: 600;
											line-height: 1.1;
											color: #161c18;
											text-transform: uppercase;
											width: 100%;
											max-width: 230px;
											margin: 7px auto 6px;
										}
										.fp-hover-bb {

										}
											.fp-hover-bb span {
												position: relative;
												display: inline-block;
												vertical-align: middle;
												font-size: 11px;
												letter-spacing: 0.1em;
												font-weight: 600;
												line-height: 1;
												color: #161c18;
												padding: 0 14px;
												text-transform: uppercase;
											}
											.fp-hover-bb span:first-child:before {
												content: '';
												position: absolute;
												top: 0;
												right: 0;
												width: 1px;
												height: 100%;
												background: #161c18;
											}
											.fp-hover-bb span:last-child {
											
											}
				.fp-btn-wrap {
					position: absolute;
					top: calc(50% - 40px);
					left: 0;
					width: 100%;
					display: flex;
					flex-direction: row;
					justify-content: space-between;
					align-items: center;
					pointer-events: none;
					z-index: 2;
					padding: 0 10px;
				}
					.fp-btn-wrap span {
						font-size: 80px;
						color: #ffffff;
						pointer-events: auto;
						cursor: pointer;
						transition: 0.35s ease-in-out;
						-webkit-transition: 0.35s ease-in-out;
						-moz-transition: 0.35s ease-in-out;
						-o-transition: 0.35s ease-in-out;
					}
						.fp-btn-wrap span:hover {
							color: #6e98bf;
						}


/***END OF FEATURED PROPERTIES***/

/***WELCOME***/

	.welcome-sec {
		position: relative;
		font-size: 0;
		letter-spacing: 0;
	}
		.agent-img-wrap {
			position: relative;
			width: calc((100vw - 1170px) / 2 + 100% + 28px);
    		margin-left: -12px;
		}
			.agent-img-wrap canvas {
				width: 100%;
				min-height: 800px;
				background-size: cover;
				background-repeat: no-repeat;
				background-position: center center;
			}
		.welcome-bg {
			width: calc((100vw - 1170px) / 2 + 100% + 28px);
			background-image: url(images/welcome-bg.jpg);
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center center;
			z-index: 1;
			position: absolute;
			min-height: 800px;
			right: -3px;
			opacity: 0.2;
		}
		.welcome-content {
			padding: 125px 0 0;
			position: relative;
			z-index: 2;
		}
			.welcome-content h1 {
				font-size: 50px;
				font-weight: 600;
				line-height: 1;
				letter-spacing: 0.1em;
				color: #161c18;
				text-transform: uppercase;
			}
				.welcome-content h1 span {
					display: block;
					font-size: 18px;
					line-height: 1;
					letter-spacing: 0.3em;
					margin-top: 5px;
				}
				.welcome-text {
					margin-top: 40px;
					padding-right: 80px;
					text-align: right;
				}
					.welcome-text p {
						font-size: 13px;
						color: #161c18;
						letter-spacing: 0.025em;
						line-height: 2.1;
						font-weight: 500;
						margin-top: 35px;
						text-align: justify;
					}
						.welcome-text p:first-child {
							margin-top: 0;
						}
					.welcome-text a {
						position: relative;
						display: inline-block;
						width: 180px;
						height: 35px;
						text-align: right;
						background: transparent;
						border: 1px solid #161c18;
						text-transform: uppercase;
						font-size: 10px;
						letter-spacing: 0.3em;
						line-height: 35px;
						color: #161c18;
						font-weight: 700;
						padding-right: 26px;
					    margin-right: -50px;
						margin-top: 22px;
					    transition: 0.35s ease-in-out;
					    -webkit-transition: 0.35s ease-in-out;
					    -moz-transition: 0.35s ease-in-out;
					    -o-transition: 0.35s ease-in-out;
					}
						.welcome-text a:hover {
							background: #6e98bf;
							border: 1px solid #6e98bf;
							color: #ffffff;
						}
					.welcome-text a:before {
						content: '';
					    position: absolute;
					    left: 30px;
					    top: calc(50% - 7px);
					    border-left: 10px dashed #161c18;
					    border-top: 7px solid transparent;
					    border-bottom: 7px solid transparent;
					    transition: 0.35s ease-in-out;
					    -webkit-transition: 0.35s ease-in-out;
					    -moz-transition: 0.35s ease-in-out;
					    -o-transition: 0.35s ease-in-out;
					}
						.welcome-text a:hover:before {
							border-left: 10px dashed #ffffff;
						}

/***END OF WELCOME***/

/***TESTIMONIALS***/

	.testi-sec {
		position: relative;
		font-size: 0;
		letter-spacing: 0;
		padding: 93px 0 100px;
	}
		.testi-sec:before {
			content: '';
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background-image: url(images/testi-bg.jpg);
			opacity: 0.5;
			z-index: -1;
		}
		.testi-sec h2 {
			text-align: center;
			font-size: 50px;
			letter-spacing: 0.1em;
			line-height: 1;
			font-weight: 600;
			color: #6e98bf;
			text-transform: uppercase;
		}
			.testi-sec h2 span {
				font-weight: 300;
				color: #161c18;
				display: block;
				margin-top: -2px;
			}
			.testi-container {
				padding: 0 30px;
				margin: 48px 0px 0;
			}
			.testi-wrap {
				position: relative;
				padding: 0 40px;
			}
				.testi-inner-wrap {
					position: relative;
					border-top: 1px solid #6e98bf;
					border-bottom: 1px solid #6e98bf;
				}
					.testi-inner-wrap:before {
						content: '';
						position: absolute;
						top: 0;
						left: 0;
						width: 1px;
						height: calc(50% - 40px);
						background: #6e98bf;
					}
					.testi-inner-wrap:after {
						content: '';
						position: absolute;
						bottom: 0;
						left: 0;
						width: 1px;
						height: calc(50% - 40px);
						background: #6e98bf;
					}
					.testi-slide {
						position: relative;
					}
						.testi-slide:before {
							content: '';
							position: absolute;
							top: 0;
							right: 0;
							width: 1px;
							height: calc(50% - 40px);
							background: #6e98bf;
						}
						.testi-slide:after {
							content: '';
							position: absolute;
							bottom: 0;
							right: 0;
							width: 1px;
							height: calc(50% - 40px);
							background: #6e98bf;
						}
						.testi-item {
							text-align: center;
							padding: 50px 70px 55px;
						}
							.testi-item p {
								font-size: 14px;
								letter-spacing: 0.025em;
								line-height: 1.9;
								color: #161c18;
								font-style: italic;
								font-weight: 500;
							}
							.testi-item a {
								display: inline-block;
								font-size: 13px;
								line-height: 1;
								letter-spacing: 0.2em;
								color: #161c18;
								text-transform: uppercase;
								font-weight: 500;
								margin-top: 30px;
								transition: 0.35s ease-in-out;
								-webkit-transition: 0.35s ease-in-out;
								-moz-transition: 0.35s ease-in-out;
								-o-transition: 0.35s ease-in-out;
							}
								.testi-item a:hover {
									color: #6e98bf;
									text-shadow: 0 0 1px #6e98bf;
								}
			.testi-btn-wrap {
				position: absolute;
				display: flex;
				flex-direction: row;
				justify-content: space-between;
				align-items: center;
				top: calc(50% - 40px);
				width: 100%;
				left: 0;
				pointer-events: none;
			}
				.testi-btn-wrap > div {
					height: 80px;
					width: 65px;
					background: transparent;
					text-align: center;
					pointer-events: auto;
					cursor: pointer;
				}
					.testi-btn-wrap > div:first-child {
						text-align: left;
					}
					.testi-btn-wrap > div:last-child {
						text-align: right;
					}
					.testi-btn-wrap > div > span {
						font-size: 14px;
						color: #161c18;
						line-height: 80px;
						position: relative;
					}
						.testi-btn-wrap > div > span:after {
							content: '';
							position: absolute;
							width: 65px;
							height: 1px;
							background: #161c18;
							top: calc(50% - 1px);
							opacity: 0.8;
							transition: 0.35s ease-in-out;
							-webkit-transition: 0.35s ease-in-out;
							-moz-transition: 0.35s ease-in-out;
							-o-transition: 0.35s ease-in-out;
						}
							.testi-btn-wrap > div:hover > span:after {
								width: 40px;
							}
						.testi-btn-wrap > div:first-child > span:after {
							left: 1px;
						}
						.testi-btn-wrap > div:last-child > span:after {
							right: 1px;
						}

/***END OF TESTIMONIALS***/

/***FEATURED COMMUNITIES***/

	.fc-sec {
		position: relative;
		font-size: 0;
		letter-spacing: 0;
		padding: 95px 0 40px;
	}
		.fc-sec h2 {
			font-size: 50px;
			letter-spacing: 0.1em;
			line-height: 1;
			font-weight: 600;
			text-transform: uppercase;
			color: #6e98bf;
			text-align: center;
		}
			.fc-sec h2 span {
				font-weight: 100;
				color: #161c18;
				display: inline-block;
			}
			.fc-container {
				max-width: 1600px;
			}
			.fc-wrap {
				padding: 0 85px;
				margin-top: 45px;
			}
				.fc-inner-wrap {
					position: relative;
					display: flex;
					flex-wrap: wrap;
					flex-direction: row;
					justify-content: center;
				}
					.fc-list {
						position: relative;
						width: calc(100% / 3);
						padding: 10px;
					}
					.fc-item {
						width: 100%;
						max-width: 455px;
						margin: auto;
						position: relative;
						transition: 0.35s ease-in-out;
						-webkit-transition: 0.35s ease-in-out;
						-moz-transition: 0.35s ease-in-out;
						-o-transition: 0.35s ease-in-out;
					}
						.fc-list a:hover .fc-item {
							transform: scale(1.2);
							z-index: 2;
							box-shadow: 0 0 20px 0 rgba(0,0,0,0.8);
						}
						.fc-item:before {
							content: '';
							position: absolute;
							top: 0;
							left: 0;
							width: 100%;
							height: 100%;
							background: rgba(110,152,191,0.15);
							z-index: 1;
							transition: 0.35s ease-in-out;
							-webkit-transition: 0.35s ease-in-out;
							-moz-transition: 0.35s ease-in-out;
							-o-transition: 0.35s ease-in-out;
						}
							.fc-list a:hover .fc-item:before {
								opacity: 0;
							}
						.fc-item:after {
							content: '';
							position: absolute;
							top: 0;
							left: 0;
							right: 0;
							bottom: 0;
							margin: auto;
							width: calc(100% - 30px);
							height: calc(100% - 30px);
							background: transparent;
							z-index: 1;
							border: 1px solid #ffffff;
							transition: 0.35s ease-in-out;
							-webkit-transition: 0.35s ease-in-out;
							-moz-transition: 0.35s ease-in-out;
							-o-transition: 0.35s ease-in-out;
						}
							.fc-list a:hover .fc-item:after {
								width: calc(100% - 20px);
								height: calc(100% - 20px);
							}
						.fc-item canvas {
							width: 100%;
							background-size: cover;
							background-repeat: no-repeat;
							background-position: center center;
						}
						.fc-details {
							position: absolute;
							top: 0;
							left: 0;
							width: 100%;
							height: 100%;
							display: flex;
							justify-content: center;
							align-items: center;
							z-index: 2;
						}
							.fc-details:before {
								content: '';
								position: absolute;
								top: 0;
								left: 0;
								right: 0;
								margin: auto;
								height: 100%;
								width: 50%;
								background-image: url(images/fc-logo.png);
								background-size: cover;
								background-repeat: no-repeat;
								background-position: center center;
								opacity: 0;
								transition: 0.35s ease-in-out;
								-webkit-transition: 0.35s ease-in-out;
								-moz-transition: 0.35s ease-in-out;
								-o-transition: 0.35s ease-in-out;
							}
								.fc-list a:hover .fc-details:before {
									opacity: 0.4;
								}
							.fc-details > span {
								font-size: 24px;
								letter-spacing: 0.05em;
								line-height: 1;
								color: #ffffff;
								text-transform: uppercase;
								font-weight: 500;
								transition: 0.35s ease-in-out;
								-webkit-transition: 0.35s ease-in-out;
								-moz-transition: 0.35s ease-in-out;
								-o-transition: 0.35s ease-in-out;
							}
								.fc-list a:hover .fc-details > span {
									transform: translateY(70px);
								}	

/***END OF FEATURED COMMUNITIES***/

/***INSTAGRAM***/

	.ig-sec {
		position: relative;
		font-size: 0;
		letter-spacing: 0;
		padding: 48px 0 4px;
	}
		.ig-title {
			text-align: center;
		}
			.ig-title img {
				width: 52px;
				height: 52px;
				object-fit: cover;
				display: inline-block;
				vertical-align: middle;
			}
			.ig-title span {
				font-size: 25px;
				letter-spacing: 0.1em;
				line-height: 1;
				font-weight: 300;
				color: #161c18;
				display: inline-block;
				vertical-align: middle;
				margin-left: 15px;
			}
			.ig-slide {
				margin: 43px -15px 0;
			}
				.ig-list {

				}
					.ig-list a {

					}
						.ig-item {
							position: relative;
						}
							.ig-item:before {
								content: '';
								position: absolute;
								top: 0;
								left: 0;
								width: 100%;
								height: 100%;
								background: rgba(110,152,191,0.25);
								transition: 0.35s ease-in-out;
								-webkit-transition: 0.35s ease-in-out;
								-moz-transition: 0.35s ease-in-out;
								-o-transition: 0.35s ease-in-out;
							}
								.ig-list a:hover .ig-item:before {
									background: rgba(22,28,24,0.55);
								}
							.ig-item canvas {
								width: 100%;
								background-size: cover;
								background-position: center center;
								background-repeat: no-repeat;
							}
							.ig-hover-wrap {
								position: absolute;
								top: 0;
								left: 0;
								width: 100%;
								height: 100%;
								z-index: 2;
								display: flex;
								justify-content: center;
								align-items: center;
							}
								.ig-hover-wrap > div {
									opacity: 0;
									transition: 0.35s ease-in-out;
									-webkit-transition: 0.35s ease-in-out;
									-moz-transition: 0.35s ease-in-out;
									-o-transition: 0.35s ease-in-out;
								}
									.ig-list a:hover .ig-hover-wrap > div {
										opacity: 1;
									}
									.ig-hover-wrap > div img {
										object-fit: contain;
										width: 24px;
										height: 24px;
										display: inline-block;
										vertical-align: middle;
									}

									.insta-react{
										display: flex;
										align-items: center;
										justify-content: center;
									}
										.insta-likes,
										.insta-comments{
											position: relative;
										}

										.insta-likes::before {
											content: attr(data-like);
											position: absolute;
											font-size: 20px;
											color: #fff;
											top: -8px;
											left: 0;
										}

										.insta-comments::before {
											content: attr(data-comment);
											position: absolute;
											font-size: 20px;
											color: #fff;
											top: -8px;
											left: 18px;
										}

										.ig-hover-wrap > div img:last-child {
										    margin-left: 0px;
										    transition: 0.35s ease-in-out;
											-webkit-transition: 0.35s ease-in-out;
											-moz-transition: 0.35s ease-in-out;
											-o-transition: 0.35s ease-in-out;
										}
										.ig-list a:hover .ig-hover-wrap > div img:last-child {
										    margin-left: 38px;
										}

/***END OF INSTAGRAM***/

/***GET IN TOUCH***/

	.git-sec {
		position: relative;
		font-size: 0;
		letter-spacing: 0;
		padding: 170px 0 180px;
	}
		.git-sec:before {
			content: '';
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background-image: url(images/git-bg.jpg);
			background-size: cover;
			background-position: center center;
			background-repeat: no-repeat;
			z-index: -1;
			opacity: 0.9;
		}
		.git-form-wrap {
			position: relative;
			padding-right: 45px;
		}
			.git-form-wrap h2 {
				font-size: 50px;
				font-weight: 600;
				text-transform: uppercase;
				text-align: left;
				letter-spacing: 0.1em;
				line-height: 1;
				color: #161c18;
				max-width: 265px;
				margin: 0 auto;
				}
			.git-form-wrap h2 span {
				display: block;
				font-size: 25px;
			}
			.git-subheading {
				font-size: 13px;
				font-weight: 500;
				letter-spacing: 0.01em;
				text-align: center;
				color: #161c18;
				line-height: 1.5;
				margin-top: 14px;
			}
			.git-form-wrap form {
				position: relative;
				width: 100%;
				margin-top: 36px;
			}
				.cf-input-field {
					position: relative;
					display: inline-block;
					vertical-align: middle;
					margin: 5px 0;
				}
					.cf-input-field.short {
						width: calc(50% - 5px);
					}
					.cf-input-field.long {
						width: 100%;
					}
					/* .cf-input-field:nth-child(3) {
						margin-left: 10px;
					} */
					.cf-input-field:nth-child(3) {
						margin-right: 10px;
					}
						.cf-input-field input[type="text"],
						.cf-input-field input[type="email"],
						.cf-input-field textarea {
							width: 100%;
							height: 40px;
							border: 0;
							outline: 0;
							background: rgba(22,28,24,0.25);
							font-size: 10px;
							color: #161c18;
							font-weight: 500;
							letter-spacing: 0.3em;
							text-transform: uppercase;
							padding: 0 20px;
							appearance: none;
							-webkit-appearance: none;
							-moz-appearance: none;
							-o-appearance: none;
						}
						.cf-input-field textarea {
							height: 80px;
							resize: none;
							padding-top: 9px;
						}
					.cf-input-field.submit {
						width: 100%;
						text-align: center;
						margin-top: 20px;
					}
						.cf-input-field.submit .wpcf7-spinner {
							position: absolute;
						}
						.cf-input-field.submit input[type="submit"] {
							width: 100%;
							max-width: 180px;
							height: 35px;
							text-align: center;
							background: transparent;
							border: 1px solid #161c18;
							outline: 0;
							text-align: center;
							font-size: 10px;
							color: #161c18;
							font-weight: 700;
							letter-spacing: 0.3em;
							text-transform: uppercase;
							transition: 0.35s ease-in-out;
							-webkit-transition: 0.35s ease-in-out;
							-moz-transition: 0.35s ease-in-out;
							-o-transition: 0.35s ease-in-out;
						}
						.cf-input-field.submit input[type="submit"]:hover {
							background: #6e98bf;
							border: 1px solid #6e98bf;
							color: #ffffff;
						}
		.git-logo-wrap {
			text-align: right;
		}
			.git-logo-wrap img {
				width: 68%;
				max-width: 377px;
			}
			
			.git-form-wrap .git-phone {
				text-align: center;
				  clear: both;
				}
		

			.git-form-wrap .git-phone em a {
				font-size: 18px;
				font-weight: 600;
				letter-spacing: 3px;
			}
.git-form-wrap h2 img {
	height: 81px;
	float: left;
}
			/*VALIDATIONS*/
			.git-sec span.wpcf7-not-valid-tip {
				font-size: 11px;
				position: absolute;
				right: 0;
				left: auto;
				width: auto;
				bottom: auto;
				top: 50%;
				transform: translateY(-50%);
			}
			.git-sec .wpcf7-form-control-wrap {
				display: block;
			}
			.git-sec div.wpcf7-response-output {
			    font-size: 12px;
			    color: #fff;
			    text-align: center;
			    font-weight: 500;
			    position: absolute;
			    width: 100%;
			    margin: 0;
			    margin-top: 10px;
			}
			.git-sec div.wpcf7 .ajax-loader {
			    position: absolute;
			    right: 185px;
			    margin: 0;
			    top: calc(50% - 8px);
			}

/***END OF GET IN TOUCH***/

/***FOOTER***/

	.footer {
		position: relative;
		font-size: 0;
		letter-spacing: 0;
		background: #161c18;
		padding: 50px 0 63px;
	}
		.footer-logo-wrap {
			text-align: center;
		}
			.footer-logo-wrap a {
				display: inline-block;
				position: relative;
			}
			.footer-site-title {
				font-family: 'Poppins', sans-serif;
				font-size: 40px;
				color: #ffffff;
				font-weight: 500;
				text-transform: uppercase;
				line-height: 1;
				letter-spacing: 0.05em;
			}
			.footer-site-subtitle {
				font-family: 'Kanit', sans-serif;
				font-size: 13px;
				font-weight: 300;
				letter-spacing: 0.2em;
				color: #ffffff;
				line-height: 1;
				text-transform: uppercase;
			}
			.footer-broker-logo {
				text-align: center;
				margin-top: 20px;
			}
				.footer-broker-logo img {
					max-width: 300px;
					margin: auto;
				}
			.footer-wrap {
				padding: 0 65px;
			    margin-top: 58px;
			    max-width: 1600px;
			    margin: 58px auto 0;
			}
				.footer-inner-wrap {
					position: relative;
					border-top: 1px solid #6e98bf;
					display: flex;
					flex-wrap: wrap;
					flex-direction: row;
					padding-top: 56px;
				}
				.footer-content {
					width: calc(100% / 2);
				}
				.footer-heading {
					font-size: 20px;
					text-transform: uppercase;
					font-weight: 500;
					color: #ffffff;
					line-height: 1;
					letter-spacing: 0.1em;
				}
					.footer-contact-info-wrap {

					}
						.footer-contact-info-inner {
							margin-top: 10px;
						}
							.footer-contact-col {
								display: inline-block;
								vertical-align: top;
								width: 50%;
								max-width: 330px;
							}
								.footer-contact-info {
									position: relative;
									display: block;
									margin-top: 26px;
								}
									.footer-contact-info i {
										display: inline-block;
										vertical-align: middle;
										font-size: 22px;
										color: #ffffff;
										width: 20px;
									}
										.footer-contact-info i[class="ai-font-phone"] {
											font-size: 17px;
										}
										.footer-contact-info i[class="ai-font-envelope-f"] {
											font-size: 14px;
										}
										.footer-contact-info i[class="ai-font-location-c"] {
											vertical-align: top;
										}
									.footer-contact-info a {
										display: inline-block;
										vertical-align: middle;
										font-size: 12px;
										font-weight: 300;
										letter-spacing: 0.1em;
										line-height: 1;
										color: #ffffff !important;	
										margin-left: 18px;
										transition: 0.35s ease-in-out;
										-webkit-transition: 0.35s ease-in-out;
										-moz-transition: 0.35s ease-in-out;
										-o-transition: 0.35s ease-in-out;
									}
									.footer-contact-info.address a {
									    text-transform: uppercase;
									    max-width: 230px;
									    line-height: 1.5;
									}
										.footer-contact-info a:hover {
											color: #6e98bf !important;
											text-shadow: 0 0 1px #6e98bf;
										}
					.footer-content.footernavi {
						padding-left: 32px;
					}
					.footernav {
						margin-top: 37px;
						display: flex;
						flex-direction: row;
						justify-content: space-between;
					}
						.footernav li {
							display: inline-block;
							vertical-align: middle;
						}
							.footernav li a {
								font-size: 12px;
								line-height: 1;
								letter-spacing: 0.1em;
								font-weight: 400;
								color: #ffffff;
								text-transform: uppercase;
								transition: 0.35s ease-in-out;
								-webkit-transition: 0.35s ease-in-out;
								-moz-transition: 0.35s ease-in-out;
								-o-transition: 0.35s ease-in-out;
							}
								.footernav li a:hover {
									color: #6e98bf;
								}
					.footer-content.copyright-wrap {
						width: 80%;
						margin-top: 30px;
					}
					.footer .copyright {
						font-size: 11px;
						font-weight: 400;
						text-transform: uppercase;
						color: #ffffff;
						letter-spacing: 0.1em;
						line-height: 1;
					}
						.footer .copyright a {
							transition: 0.35s ease-in-out;
							-webkit-transition: 0.35s ease-in-out;
							-moz-transition: 0.35s ease-in-out;
							-o-transition: 0.35s ease-in-out;
						}
							.footer .copyright a:hover {
								color: #6e98bf;
							}
					.footer-content.footer-icon-wrap {
						width: 20%;
						margin-top: 39px;
						text-align: right;
					}
						.footer-icons {

						}
							.footer-icons i {
								display: inline-block;
								vertical-align: middle;
								font-size: 24px;
								color: #ffffff;
								margin: 0 4px;
							}
								.footer-icons i:first-child {
									margin-left: 0;
								}
								.footer-icons i:last-child {
									margin-right: 0;
								}

/***END OF FOOTER***/

/***SIDEBAR***/

	.sidebar {
		position: relative;
		font-size: 0;
		letter-spacing: 0;
		padding-bottom: 90px;
		margin-top: 22px !important;
	}

		/*LOGO*/

			.sb-logo-wrap {
				text-align: center;
				padding: 15px;
				background: #161c18;
			}
				.sb-logo-wrap img {
					width: 100%;
					max-width: 150px;
					margin: auto;
				}

		/*END OF LOGO*/

		/*GIT*/

			.sidebar .sb-git-wrap {
				padding: 0 10px 10px;
				background: #161c18;
			}
				.sidebar .sb-git-title {
					font-size: 20px;
					color: #ffffff;
					text-align: center;
					text-transform: uppercase;
					font-weight: 500;
				}
				.sidebar .sb-git-subheading {
					font-size: 10px;
				    font-weight: 500;
				    letter-spacing: 0.025em;
				    text-align: center;
				    color: #ffffff;
				    line-height: 1.5;
				    margin-top: 5px;
				}
				.sidebar .sb-git-wrap form {
					position: relative;
					margin-top: 10px;
				}
				.sidebar .cf-input-field input[type="text"], 
				.sidebar .cf-input-field input[type="email"], 
				.sidebar .cf-input-field textarea {
					background: rgba(255,255,255,0.25);
					color: #ffffff;
				}
				.sidebar .cf-input-field.short {
					width: 100%;
				}
				.sidebar .cf-input-field:nth-child(3) {
					margin-left: 0;
				}
				.sidebar .cf-input-field.submit input[type="submit"] {
					border: 1px solid #ffffff;
					color: #ffffff;
				}
				.sidebar .cf-input-field.submit {
					margin-top: 5px;
					text-align: center;
				}
				.sidebar span.wpcf7-not-valid-tip {
					font-size: 11px;
					position: absolute;
					right: 0;
					left: auto;
					width: auto;
					bottom: auto;
					top: 50%;
					transform: translateY(-50%);					
				}
				.sidebar .wpcf7-form-control-wrap {
					display: block;
				}
				.sidebar div.wpcf7-response-output {
				    font-size: 12px;
				    color: #000;
				    text-align: center;
				    font-weight: 500;
				    position: absolute;
				    width: 100%;
				    margin: 0;
				    margin-top: 20px;
				}
				.sidebar div.wpcf7 .ajax-loader {
				    position: absolute;
				    right: 0;
				    margin: 0;
				    top: calc(50% - 8px);
				}

		/*END OF GIT*/

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

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

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

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

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

/* Style .entry-title(post/page) and .archive-title(category/archive/etc) main headings (h1) */
#content .entry-title,
#content .archive-title { 
	font-size: 35px;
    letter-spacing: 0.1em;
    line-height: 1;
    font-weight: 400;
    color: #161c18;
    text-transform: uppercase;
}

/* Styles for category/archive/search/etc subheadings (h2) */
#content .archive-subtitle {
    margin: 0 0 .75em!important;
    line-height: 1;
}


/* Instagram HP */
span.social-count-comments {
	font-size: 20px;
	color: #fff;
	position: absolute;
	top: 97px;
	left: 121px;
}

span.social-count-likes {
	font-size: 20px;
	color: #fff;
	position: absolute;
	top: 97px;
	left: 50px;
}
	 
/* MEDIA QUERIES ARE AUTOMATICALLY REMOVED FROM THIS FILE, they must be placed in style-media-queries.css */


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

.footer-content.credit span {
    font-size: 11px;
    font-weight: 400;
    text-transform: uppercase;
    color: #ffffff;
    letter-spacing: 0.1em;
    line-height: 1;
}

.footer-content.credit {
    width: 60%;
    display: block;
    margin-top: 0;
}

.ip-container .custom-btn-blk {
    border: 1px solid #000;
    text-align: center;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    width: 219px;
    height: 44px;
    -webkit-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
}

.ip-container .custom-btn-blk:hover {
    background: #6e98bf;
    border-color: #6e98bf;
    color: #fff;
}


.single-post iframe {
    max-width: 560px;
    margin: 0 auto;
    display: block;
}

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

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

.aios-mobile-header-1 .amh-navigation .amh-menu li:hover > a,
.aios-mobile-header-1 .amh-navigation .amh-menu li.open > a {
    background: #6e98bf !important;
}

.aios-mobile-header-1 .amh-navigation .amh-menu li ul li a {
    background: #5b85ab !important;
}

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

.footer-contact-col:nth-child(1) .footer-contact-info a {
    font-size: 13px;
    font-weight: 600;
}

#ihf-main-container .dropdown-menu {
	z-index: 1001;
}

#ihf-main-container .glyphicon-remove-circle {
    color: #fff !Important;
}

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

#ihf-agent-sellers-rep {
	position: absolute;
	margin-top: 80px;
	padding: 0 15px;	
}

#ihf-main-container h4.ihf-address, #ihf-main-container h4.ihf-price {
	margin-bottom: 75px;
}