/*
Theme Name: Stephen Hansen Brown
Theme URI: https://agentpro-vienna.agentimage.com/
Description: AIOS mobile AgentPro theme.
Author: AgentImage
Author URI: http://www.agentimage.com
Version: 1.3.8
Tags: one-column, two-columns, right-sidebar, custom-menu, full-width-template, sticky-post
License: Proprietary
License URI: https://www.agentimage.com
Template: aios-starter-theme
CSS By: Manuel Parejas
*/

/*

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


 /* Extra */
 ::selection {
 	background: #d7ba78;
 	color: #000;
 }

 ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
   color: inherit;
 }
 ::-moz-placeholder { /* Firefox 19+ */
   color: inherit;
 }
 :-ms-input-placeholder { /* IE 10+ */
   color: inherit;
 }
 :-moz-placeholder { /* Firefox 18- */
   color: inherit;
 }

 /* Placeholder effect */
 [placeholder]:focus::-webkit-input-placeholder {
  transition: all 0.2s linear;
  transform: translate(10px, 0);
 	opacity: 0;
 	color:inherit;
 }

 input[type=text]:focus::-webkit-input-placeholder {
 	color:inherit;
 }

 textarea {
 	overflow-x:hidden;
 }

 .hidden-element {
 	display: none;
 }


 i, em{
 	font-style: normal;
 }


a, a:hover, a:active, a:visited {
	color: inherit;
	text-decoration: none!important;
	outline: none!important;
}

/* a:hover {
	text-decoration: underline;
} */

/* Global */

body{
	font: 400 15px/22px 'Lato' !important;
	color: #999999;
	color: #dedede;
	background: #0c0c0c;
	margin: 0;



}



#main-wrapper main {
	position: relative;
	/* z-index: 1; */
}

.container {
	position: relative;
}

.outer {
 	width: 100%;
 	position: relative;
}

.inner {
	width: 100%;
	max-width: 1140px;
	margin: 0 auto;
	position: relative;
}

.ip-banner {
	height: 200px;
	background: url(images/thumbnail_BelAir1.jpg) center top;
	background-attachment: fixed;
	background-repeat: no-repeat;
	z-index: 0;
	width: 100%;
	position: relative;
	background-size: cover;
	background-position-y: 50%;
}

/* Header */
#main-header {

	position: fixed;
	z-index: 1010;
	width: 100%;

	height: 94px;
	top: 0;

	color: #fff;
	background: transparent;

	transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
}

	#main-header a {
		text-decoration: none;
	}

	.static-header {
		position: relative;
		background: #0c0c0c;
		top: 0;
		z-index: 10;
		width: 100%;
		display: flex;
		align-items: center;
	}

		.static-header:after {
			clear: both;
			content: '';
			display: block;
		}

		.header-left {
			width: 30%;
			float: left;
		}

			.logo {
				text-align: center;
				padding: 26px 0 20px;
			}

				.logo a {
					text-decoration: none!important;
				}

					.logo a span {
						display: inline-block;
						vertical-align: middle;
						font: 400 28px/31px "Lato";
						color: #fff;
						text-transform: uppercase;
						letter-spacing: 1px;
					}

					.logo a span + span {
						color: #fff;
					}

					.logo a em {
						display: block;
						font-style: normal;
						font-size: 14px;
						line-height: 14px;
						font-weight: 400;
						color: #747474;
						text-transform: uppercase;
						letter-spacing: 17px;
					}



		.header-right {
			width: 70%;
			float: left;
			font-size: 0;
			text-align: right;
			padding: 26px 22px;
			box-sizing: border-box;
		}

			.header-right nav,
			.header-right .header-contact-info {
				display: inline-block;
				vertical-align: middle;
				position: relative;
			}


			.header-contact-info {
				color: #fff;
				font-size: 13px;
				border-left: 1px solid #9c9c9c;
				padding: 0 22px 0 15px;
				margin-left: 10px;
			}

				.header-contact-info a {
					margin: 0 7px;
					line-height: 13px;
				}


/* Navigation */
.header-right nav {
	position: relative;
	font-size: 13px;
}

	#navi {
		margin: 0;
		padding: 0;
		list-style: none;
		font-size: 0;
	}

		#navi li {
			display: inline-block;
			position: relative;
			padding: 0 17.5px;
			text-align: left;
		}

			#navi li a {
				display: block;
				padding: 10px 0;
				font-size: 14px;
				font-weight: 300;
				color: #ffffff;
				text-transform: uppercase;
				position: relative;
			}

				#navi li a span.line {
					width: 0;
					opacity: 0;
					height: 1px;
					background: #fff;
					position: absolute;
					bottom: 0;
					left: 50%;
				}

				#navi li a,
				#navi li a span.line {
					transition: all .25s ease-in-out;
					-webkit-transition: all .25s ease-in-out;
					-moz-transition: all .25s ease-in-out;
				}

				#navi > li:hover a span.line  {
					width: 100%;
					margin-left: -50%;
					opacity: 1;
				}

	/* Second Level */
	#navi ul {
		display: none;
		position: absolute;
		padding-top: 26px;
		width: 220px;
		left: 50%;
		margin-left: -110px;
	}

		#navi ul li {
			padding: 0;
			display: block;
			border-top: 1px solid rgba(136,136,136,.6);
			text-align: center;
		}

			#navi ul li:first-child {
				border: none;
			}

			#navi ul li a {
				background: rgba(51,51,51,.70);
				display: block;
				padding: 5px 20px;
				font-size: 12px;
				font-weight: 400;
				color: #fff;
			}

			#navi ul li:hover > a {
				background: rgba(51,51,51,1);
			}

	/* Third Level */
	#navi ul ul {
		padding: 0;
		left: 100%;
		top: 0;
		margin: 0;
	}

/* Fixed Header */

.logo,
.logo a span,
.header-right {
	transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
}

	.logo {
		padding: 0 15px;
	}

#main-header.fixed {
	background: #0c0c0c;
	height: 70px;
}

	#main-header.fixed .logo {
		padding: 17px 15px 14px;
	}

	#main-header.fixed .logo a span {
		font-size: 20px;
		line-height: 24px;
	}

	#main-header.fixed .logo a em {
		font-size: 11px;
		font-style: normal;
	}

	#main-header.fixed .header-right {
		padding: 14px 22px;
	}

	#main-header.fixed #navi ul{
		padding-top: 14px;
	}


/*
	Hero: Slideshow
	Note: For responsive purpose

	Tagline is placed in cyclone slider backend but hidden in main slideshow.
	The script pulls all tagline in backend and placed in a slick scroll area located on top of slideshow.

	Slick are sync with the main slideshow, Whenever the main slideshow change the slick will also change.

	Slick item are also sorted based on slideshow arrangement.

	See slideshowControls and slideshowTagline in script.js

*/

#hero {
	position: relative;
	overflow: hidden;
	height: auto;
}

	.ai-slideshow-placeholder {
		position: relative;
	}

		.ai-slideshow-placeholder img {
			width: 100%;
			height: auto;
			display: block;
		}

	#hero:before {
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,.5);
		content: '';
		position: absolute;
		z-index: 2;
		top: 0;
		left: 0;
	}

	#hero .slide-control {
		font-size: 70px;
		color: #fff;
		position: absolute;
		top: 50%;
		cursor: pointer;
		margin-top: -35px;

		transition: all .25s ease-in-out;
		-webkit-transition: all .25s ease-in-out;
		-moz-transition: all .25s ease-in-out;
	}

		#hero .slide-control:hover {
			text-shadow: 0 0 13px #fff;
		}

		#hero .slide-control.slide-control-prev {
			left: -70px;
		}
			#hero .slide-control.slide-control-prev:active {
				left: -80px;
			}

		#hero .slide-control.slide-control-next {
			right: -70px;
		}

			#hero .slide-control.slide-control-next:active {
				right: -80px;
			}


	#hero .cycloneslider {
		position: relative;
		z-index: 1;
	}

		#hero .cycloneslider-caption {
			display: none;
		}

	#hero .slide-overlay-wrap {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 3;
	}

	#hero #aios-slider-hp-slideshow.aios-slider.aios-slider-template-default .splide .splide__arrows {
		display: none;
	}

		.slide-overlay-wrap .container,
		.slide-overlay-wrap .container .so-left,
		.slide-overlay-wrap .container .so-right {
			height: 100%;
			font-size: 0;
		}

		.so-left:before,
		.so-right:before {
			display: inline-block;
			vertical-align: middle;
			width: 0;
			height: 100%;
			content: '';
		}

		/* Slide Overlay Left */
		.so-left {
			padding-top: 94px;
			width:31.57%;
			float: left;
		}

			.agent-info-box-wrap {
				display: inline-block;
				vertical-align: middle;
				width: 78.83%;
				max-width: 283px;
				background: rgba(51,51,51,.70);
			}

				.agent-info-box-wrap img {
					display: block;
					width: 100%;
					height: auto;
					max-width: 283px;
				}

					.agent-info-box-wrap img.compass {
						max-width: 150px;
						margin: 0 auto 20px;
					}

				.agent-info-box-wrap .agent-info {
					display: block;
					background: #0c0c0c;
					color: #999999;
					display: block;
					padding: 20px 15px;
					text-align: center;
				}

					.agent-info-box-wrap .agent-info a:hover {
						color: #fff;
					}

					.agent-info strong {
						display: block;
						font-weight: normal;
						font: 300 16px/18px "Lato";
						text-transform: uppercase;
						margin-bottom: 10px;
					}

						.agent-info strong span {
							display: inline-block;
							color: #fff;
						}

						.agent-info strong span + span {
							color: #fff;
						}

						.agent-info a:active, .agent-info a:focus {
							color: #999999!important;
						}

						.agent-info .ai-phone {
							font-size: 15px;
							display: inline-flex;
							text-decoration: none!important;
							font-family: "Lato"!important;
						}
						.agent-info .bre{
							font-size:15px;
						}

							.agent-info .ai-phone:before {
								font-family: 'agentimage' !important;
								font-weight: 400;
								margin-right: 8px;
								font-size: 14px;
								width: 17px;
								text-align: center;
								display: inline-block;
							}

						.agent-info a.ai-email {
							margin-top: 2px;
							font-size: 13px;
							display: block;
							text-decoration: none!important;
							font-family: "Lato"!important;
						}

							.sidebar .agent-info a.ai-email {
								font-size: 11px;
							}

							.agent-info a.ai-email:before {
								margin-right: 8px;
								font-size: 12px;
								width: 17px;
								text-align: center;
								display: inline-block;
								font-family: 'agentimage' !important;
							}

				.social-media {
					padding: 14px 26px;
					text-align: center;
				}

					.social-media a {
						font-size: 18px;
						display: inline-block;
						vertical-align: middle;
						height: 30px;
						color: #fff;
						text-align: center;
						line-height: 30px;
						margin: 0 8px;
						text-decoration: none;
						transition: all .25s ease-in-out;
						-webkit-transition: all .25s ease-in-out;
						-moz-transition: all .25s ease-in-out;
					}

					.social-media a:hover {
						opacity: 0.7;
					}

/*
					.social-media a:first-child {
						margin-left: 0;
					}
*/


		/* Slide Overlay Right */
		.so-right {
			padding-top: 94px;
			width: 68.42%;
			float:right;
			display: none;
		}

			.tagline-wrap{
				display: inline-block;
				vertical-align: middle;
				width: 100%;
			}

				.slide-tagline-list {
					text-align: right;
					font-size: 40px;
					color: #ffffff;
					line-height: 44px;
					font-weight: 400;
				}

				.slide-tagline-list .tagline-entry {
					padding: 10px 0;
				}


/* Section 2 */
#section-2 {
	background: #0c0c0c;
	padding: 17px 0 30px;
}

	/* Tab Styles */
	.tabbled-widgets {
		position: relative;
	}

	.tab-button {
		display: block;
		position: relative;
		border-bottom: 1px solid #494949;
		margin-bottom: 27px;
	}
		/*.tab-button span:first-child + span{
		    border-color: #494949;
		    background-color: #fff;
		    color: #0c0c0c;
		}*/

		.tab-button span,
		.tab-button span:after {
			transition: all .25s ease-in-out;
			-moz-transition: all .25s ease-in-out;
			-webkit-transition: all .25s ease-in-out;
		}

		.tab-button span {
			display: inline-block;
			vertical-align: middle;
			position: relative;
			font-size: 20px;
			text-transform: uppercase;
			color: #fff;
			margin-right: 4px;
			padding: 20px 15px;
			cursor: pointer;
			border: 1px solid #494949;
			border-bottom: 0;
			/* background-color: #fff; */
			/* color: #0c0c0c; */
			color: #999999;
			font-weight: 300;
		}

			.tab-button span:after {
				margin-left: 9px;
				display: inline-block;
				vertical-align: middle;
				content: "\b0004";

				position: relative;
				font-family: 'agentimage' !important;
				speak: none;
				font-style: normal;
				font-weight: normal;
				font-variant: normal;
				text-transform: none;
				font-size: 14px;
				line-height: 15px;
				-webkit-font-smoothing: antialiased;
				-moz-osx-font-smoothing: grayscale;
			}


			.tab-button span.active {
				color: #0c0c0c;
				background: #fff;
			}
			/*.tab-button span:hover{
				color: #fff;
				background: #494949;*/
			}


	.tab-content {
		position: relative;
	}

		.tab-content .tab-area {
			position: relative;
			width: 100%;
			display: none;
		}

		.tab-content .tab-area.active {
			display: block;
		}

	/* Expertise List*/
	.expertise-list {
		position: relative;
	}

		.expertise-list a {
			position: relative;
			box-sizing: border-box;
			border:1px solid #494949;
			text-align: center;
			display: block;
			color: #999999;
			font-size: 16px;
			line-height: 18px;
			text-transform: uppercase;
			letter-spacing: 1px;
			text-decoration: none;
			margin: 4px 0;
			padding: 15px 10px;

			transition: all .25s ease-in-out;
			-webkit-transition: all .25s ease-in-out;
			-moz-transition: all .25s ease-in-out;
			font-weight: 300;
		}

		.expertise-list a:hover {
			color: #f0f0f0;
			border-color: #f0f0f0;
		}

		.expertise-list a:active {
			top: 2px;
		}

	/* Quick Searhc */
	.quick-search-wrap {
		position: relative;
		padding: 10px 0 66px;
	}

		.quick-search-wrap .bootstrap-select.btn-group .dropdown-menu.inner {
			max-height: 150px !important;
		}


		.quick-search-wrap .bs-searchbox .form-control {
			color: #333;
		}

		.quick-search-wrap form {
			margin: 0;
			padding: 0;
			position: relative;
			text-align: center;
			font-size: 0;
		}


		.quick-search-wrap select,
		.quick-search-wrap input[type=submit] {
			outline: none;
			border-radius: 0!important;
			border: 1px solid #666666;
			background: #0c0c0c;
			color: #fff;
			font-size: 13px;
			text-transform: uppercase;
			font-weight: 300;
			height: 40px;
			padding: 8px 13px;
			margin: 0 0 0 0.43%;
			box-sizing: border-box;
			display: inline-block;
			vertical-align: middle;
			-webkit-appearance: none;
			-moz-appearance: none;
		}

			.quick-search-wrap select {
				background: url(images/qs-arrow.png) no-repeat;
				background-position: 95% 50%;

			}

			.quick-search-wrap select option{
				color: #000;
			}

		.quick-search-wrap select:first-of-type {
			margin: 0;
		}

		.quick-search-wrap select.dp-large {
			width: 24.03%;
		}

		.quick-search-wrap select.dp-medium {
			width: 10.08%;
		}

		.quick-search-wrap select.dp-small {
			width: 9.29%;
		}

		.quick-search-wrap input[type=submit] {
			appearance: none;
			-webkit-appearance: none;
			-moz-appearance: none;
			position: relative;
			border: none;
			background: transparent;
			color: #fff;
			font-weight: 700;
			letter-spacing: 1px;
			width: 10.5%;
			cursor: pointer;
			transition: all .25s ease-in-out;
			-webkit-transition: all .25s ease-in-out;
			-moz-transition: all .25s ease-in-out;
			border: 1px solid #fff;
		}

		.quick-search-wrap input[type=submit]:hover {
			opacity: 0.7;
		}

		.quick-search-wrap input[type=submit]:active {
			top: 5px;
		}


#section-3 {
	position: relative;
	background: #fff url(images/section-bg.png) center 40.83% no-repeat;
	padding: 20px 0;
	box-sizing: border-box;
}

	.call-to-action a {
		background: #222222;
		 padding: 7px 9px;
		 position: relative;
		 display: block;
		 width: 100%;
		 height: auto;
		 text-align: center;
		 text-transform: uppercase;
		 letter-spacing: 1px;
		 margin: 5px 0;
	}

		.call-to-action a .cta-inner {
			border: 1px solid #595959;
			padding: 18px 5px;
		}

			.call-to-action a .cta-inner span {
				display: block;
				font-weight: 300;
				font-size: 16px;
				color: #fff;
			}

			.call-to-action a .cta-inner em {
				display: block;
				font: 400 25px/26px "Lato";
				color: #fff;
				letter-spacing: 2px;
				font-style: normal;
			}

		.call-to-action a,
		.call-to-action a .cta-inner,
		.call-to-action a .cta-inner em {
			transition: all .25s ease-in-out;
			-moz-transition: all .25s ease-in-out;
			-webkit-transition: all .25s ease-in-out;
			font-style: normal;
		}

		.call-to-action a:hover .cta-inner em {
			color: #fff;
		}

		.call-to-action a:hover .cta-inner {
			border-color: #504938;
		}

		.call-to-action a:hover {
			box-shadow: 0 0 8px #222;
		}

		.call-to-action a:active {
			top: 2px;
		}

/* Section 4 */
#section-4 {
	position: relative;
	background: #333 url(images/section-bg.png) center 1% no-repeat;
	padding: 50px 0;
	box-sizing: border-box;
	color: #fff;
}

	#section-4 h3 {
		font: 300 20px/20px "Lato";
		color: #fff;
		text-transform: uppercase;
		letter-spacing: 2px;
		margin-bottom: 29px;
	}

	/*
		Featured Properties and Communities
		use ID to identify if it's properties or communities

		ex:
		#featured-properties .featured-list
		#featured-communities .featured-list
	*/

	.featured-item .feat-link,
	#featured-communities .featured-item .feat-desc em,
	.feat-img-cover span,
	.feat-img .feat-img-cover {
		transition: all .25s ease-in-out;
		-webkit-transition: all .25s ease-in-out;
		-moz-transition: all .25s ease-in-out;
		font-style: normal;
	}

	.feat-img-cover span {
		transition-delay: .15s;
		-webkit-transition-delay: .15s;
		-moz-transition-delay: .15s;
	}

	.featured-list {
		position: relative;
	}

		.featured-group {
			text-align: center;
			font-size: 0;
		}

			.featured-group:after {
				display: block;
				clear: both;
				content: '';
			}
		a.featured-item,
		.featured-item {
			display: block;
			width: 50%;
			display: inline-block;
			vertical-align: top;
			text-align: center;
			color: #fff;
			padding: 1px;
		}

			.featured-item .feat-img {
				position: relative;
			}

				.featured-item .feat-img:before {
					width: 100%;
					height: 100%;
					position: absolute;
					top: 0;
					left: 0;
					background: rgba(0,0,0,.35);
					content: '';
					z-index: 2;
				}

				.feat-img img,
				.feat-img canvas {
					width: 100%;
					height: auto;
					display: block;
				}

				.feat-img .feat-img-cover {
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
					z-index: 3;
					background: rgba(0,0,0,.5);
					opacity: 0;
				}

					.featured-item:hover .feat-img .feat-img-cover {
						opacity: 1;
					}

					.feat-img-cover span {
						position: absolute;
						opacity: 0;
						background: rgba(255,255,255,.4)
					}

						.feat-img-cover span.top {
							left: 50%;
							width: 0;
							margin-left: 0;
							height: 1px;
							top: 14.34%;
						}

						.feat-img-cover span.bottom {
							width: 0;
							margin-left: 0;
							left: 50%;

							height: 1px;
							bottom: 14.34%;
						}

							.featured-item:hover .feat-img-cover span.top,
							.featured-item:hover .feat-img-cover span.bottom {
								margin-left: -40%;
								width: 80%;
								opacity: 1;
							}

						.feat-img-cover span.left {
							width: 1px;
							height: 0;
							left: 14%;
							top: 50%;
							margin-top: 0;
						}

						.feat-img-cover span.right {
							width: 1px;
							height: 0;
							right: 14%;
							top: 50%;
							margin-top: 0;
						}

							.featured-item:hover .feat-img-cover span.left,
							.featured-item:hover .feat-img-cover span.right {
								margin-top: -36.5%;
								height: 80%;
								opacity: 1;
							}

			.featured-item .feat-desc {
				position: relative;
				padding: 12px;
				box-sizing: border-box;
			}

				.feat-desc strong {
					display: block;
					font-weight: 300;
					font-size: 20px;
					color: #fff;
					letter-spacing: 2px;
					margin-bottom: 5px;
				}

				.feat-desc span {
					display: block;
					font-size: 15px;
					line-height: 22px;
					font-weight: 300;
				}

			.featured-item .feat-link {
				display: inline-block;
				vertical-align: middle;
				max-width: 155px;
				width: 100%;
				font-size: 16px;
				font-weight: 300;
				text-transform: uppercase;
				box-sizing: border-box;
				text-decoration: none;
				color: #999999;
				border: 1px solid #999999;
				padding: 7px 10px;
			}




			.featured-item:hover .feat-link {
				color: #fff;
				border-color: #fff;
			}

		/* Featured Communities */
		#featured-communities .featured-item .feat-desc {
			position: relative;
			font-size: 0;
		}

			#featured-communities .featured-item .feat-desc:before {
				width: 0;
				height: 100%;
				display: inline-block;
				vertical-align: middle;
				content: '';
			}

				#featured-communities .featured-item .feat-desc em {
					display: inline-block;
					vertical-align: middle;
					width: 100%;
					font-size: 16px;
					font-weight: 300;
					text-transform: uppercase;
					font-style: normal;
				}

				#featured-communities .featured-item:hover .feat-desc em {
					color: #999999;
					font-style: normal;
				}


/* Section 5 */
#section-5 {
	position: relative;
	background: #ccc5b9 url(images/section-bg.png) center 44% no-repeat;
	padding: 66px 0;
	box-sizing: border-box;
	color: #000;
	text-align: center;
}

	#section-5 h3 {
		color: #1d1d1d;
		/*font-weight: 300;*/
		font-size: 20px;
		line-height: 22px;
		text-transform: uppercase;
		letter-spacing: 3px;
		margin-bottom: 15px;
	}

	.testimonials-list {
		position: relative;
		width: 80%;
		margin: 0 auto;
	}

		.testimonials-list .slick-arrow {
			position: absolute;
			top: 0;
			border: none;
			border-radius: 0;
			outline: none;
			cursor:pointer;

			width: 33px;
			height: 78px;
			background: none;

			font-size: 0;

			appearance:none;
			-webkit-appearance:none;
			-moz-appearance:none;

			transition: all .25s ease-in-out;
			-webkit-transition: all .25s ease-in-out;
			-moz-transition: all .25s ease-in-out;
		}

			.testimonials-list .slick-arrow:before {

				color: #000;
				display: block;

				position: relative;
				font-family: 'agentimage' !important;
				speak: none;
				font-style: normal;
				font-weight: normal;
				font-variant: normal;
				text-transform: none;
				-webkit-font-smoothing: antialiased;
				-moz-osx-font-smoothing: grayscale;

				font-size: 77px!important;
				line-height: 78px;
			}

			.testimonials-list .slick-arrow:hover{
				text-shadow: 0 0 13px #fff;
			}

		.testimonials-list .slick-arrow.slick-prev {
			left: -100px;
		}

			.testimonials-list .slick-arrow.slick-prev:before {
			    content: "\b0003";
			}

		.testimonials-list .slick-arrow.slick-next {
			right: -100px;
		}

			.testimonials-list .slick-arrow.slick-next:before {
			    content: "\b0004";
			}

		.testimonial-entry {
			outline: none;
		}

		.testimonials-list p {
			font-size: 15px;
			line-height: 22px;
			/*font-weight: 300;*/
		}

		.testimonials-list strong {
			display: block;
			/*font-weight: 400;*/
			text-transform: uppercase;
			margin-top: 20px;
		}

/* Section 6 */
#section-6 {
	position: relative;
	background: #0c0c0c url(images/section-bg.png) center 100% no-repeat;
	padding: 50px 0;
	box-sizing: border-box;
	color: #999999;
}

	/* Welcome Section */
	.welcome-area-wrap {
		width: 73.68%;
		float: left;
		border-right: 1px solid #454341;
	}

		.welcome-area-wrap .welcome-title {
			display: block;
			font: 400 28px/29px "Lato";
			color: #fff;
			text-transform: uppercase;
			margin-bottom: 22px;
		}

			.welcome-title strong {
				font-weight: 300;
				color: #fff;
			}

		.welcome-area-wrap p {
			font-weight: 300;
			margin-top: 27px;
			max-width: 95%;
		}
		.welcome-area-wrap p i{
			color: #fff;
			font-size: 45px;
		}
		.welcome-area-wrap p:first-of-type {
			margin-top: 0;
		}

	/* Blog Section */
	.blog-area-wrap {
		width: 23.07%;
		float: right;
		box-sizing: border-box;
	}

		.blog-area-wrap h3 {
			display: block;
			font-size: 20px;
			line-height: 28px;
			border-bottom: 1px solid #9e9c9b;
			color: #fff;
			text-transform: uppercase;
			margin-bottom: 12px;
			letter-spacing: 2px;
			font-weight: 300;
		}

		.blog-area-wrap article {
			position: relative;
		}

			.blog-area-wrap article h4 {
				font-size: 15px;
				color: #fff;
				line-height: 30px;
				border-bottom: 1px solid #514e4b;
				margin-bottom: 11px;
			}

			.blog-area-wrap article p {
				font-weight: 300;
				font-size: 15px;
				line-height: 22px;

				color: #999999;
			}

			.blog-area-wrap article > a {
				position: relative;
				font-weight: 300;
			    font-size: 16px;
			    text-transform: uppercase;
			    text-align: center;
			    border: 1px solid;
			    display: inline-block;
			    padding: 7px 23px;
			    margin-top: 38px;

			    transition: all .25s ease-in-out;
			    -webkit-transition: all .25s ease-in-out;
			    -moz-transition: all .25s ease-in-out;
			}

			.blog-area-wrap article > a:hover {
				color: #fff;
			}

			.blog-area-wrap article > a:active {
				top: 2px;
			}


/* Footer */
#footerwrapper {
	background: #1d1d1d;
}

	.footer-widget-wrap {
		padding: 39px 0 32px 0;
	}

		.footer-contact-details {
			float: left;
			width: 45.06%;
			color: #999;
			padding-right: 15px;
		}

			.footer-contact-details .agent-info a:hover {
				color: #fff;
			}

				.footer-contact-details .agent-info img,
				.footer-contact-details strong {
					margin-bottom: 25px;
				}

				.footer-contact-details .agent-info a.ai-email {
					margin-top: 10px;
				}

				.footer-contact-details .social-media {
					padding: 14px 0;
					margin-top: 10px;
					text-align: left;
				}

				.footer-contact-details .social-media a {
				    font-size: 20px;
				    display: inline-block;
				    vertical-align: middle;
				    height: 30px;
				    color: #fff;
				    text-align: center;
				    line-height: 30px;
				    margin: 0 15px 0 0;
				    text-decoration: none;
				    transition: all .25s ease-in-out;
				    -webkit-transition: all .25s ease-in-out;
				    -moz-transition: all .25s ease-in-out;
				}

			.footer-navi {
				width: 54.93%;
				float: left;
				margin-top: 66px;
			}

				.footer-navi h3 {
					font-weight: 300;
					font-size: 20px;
					color: #aaaaaa;
					text-transform: uppercase;
					letter-spacing: 1px;
					margin-bottom: 22px;
				}

				.footernav {
					display: block;
					position: relative;
					font-size: 0;
				}

					.footernav li {
						display: inline-block;
						vertical-align: middle;
						width: 50%;
						position: relative;
						padding: 5px 0;
					}

					.footernav li a {
						color: #666666;
						font-size: 14px;
						text-transform: uppercase;
						font-weight: 300;
					}

					.footernav li a:hover {
					    color: #fff;
					}

					.footernav li ul {
						display: none!important
					}

		.footer-form {
			position: relative;
			color: #fff;
			margin-top: 66px;
		}

			.footer-form h3 {
				font-weight: 300;
				font-size: 20px;
				color: #aaaaaa;
				text-transform: uppercase;
				letter-spacing: 1px;
				margin-bottom: 30px;
			}

				.footer-form .ff-row {
					position: relative;
					margin-bottom: 10px;
				}

					.footer-form .ff-row:after {
						clear: both;
						content: '';
						display: block;
					}

					.footer-form .ff-col {
						width: 48.88%;
						float: left;
						position: relative;
					}

					.footer-form .ff-col + .ff-col{
						width: 48.88%;
						margin-left: 2.24%;
					}

				.footer-form input[type=text],
				.footer-form input[type=email],
				.footer-form textarea {
					width: 100%;
					background: #1d1d1d;
					outline: none;
					border-radius: 0;
					border: 1px solid #757575;
					height: 40px;
					padding: 7px 10px;

					font-weight: 300;
					font-size: 13px;
					color: #666666;
					text-transform: uppercase;
					box-sizing: border-box;
					appearance:none;
					-moz-appearance:none;
					-webkit-appearance:none;
				}

				.footer-form textarea {
					resize: none;
				}

				.ff-submit {
					position: absolute;
				    top: 0;
				    right: 0;
				    font-size: 23px;
				    line-height: 20px;
				    padding: 10px;
				    box-sizing: border-box;
				    height: 39px;
				}

				.ff-submit img.ajax-loader {
					position: absolute;
					left: -19px;
				}

				.footer-form input[type=submit] {
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
					appearance:none;
					-moz-appearance:none;
					-webkit-appearance:none;
					font-size: 0;
					background: transparent;

					cursor: pointer;
					outline: none;
					border: none;
				}

				.footer-form .use-floating-validation-tip span.wpcf7-not-valid-tip {
					font-size: 12px;
					line-height: 15px;
				}

				.footer-form div.wpcf7-response-output {
					margin: 10px auto;
					color: #fff !important;
					text-align: center;
				}

				.footer-form div.wpcf7 .ajax-loader {
					position: absolute;
					top: 42px;
					right: 0;
				}

	/* Main Footer */
	.main-footer {
		border-top: 1px solid #262626;
		font-size: 13px;
		line-height: 18px;
		color: #555555;
	}

		.footer-credits {
			padding: 26px 0 43px 0;
		}

			.footer-credits a {
			    text-decoration: underline!important;
			}

				.footer-credits a:hover {
					color: #fff;
				}

		.footer-logo {
			text-align: right;
			font-size: 27px;
			padding: 23px 0px;
		}
			.footer-logo span{
				display: inline-block;
				vertical-align: top;
				margin: 0 6px;
			}




/*******************************************************
 *
 * 2. IP Styles
 *
 *******************************************************/

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

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

/* Adjust width of sidebar */
.sidebar{ width: 20%; margin-top: 30px;}

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

#content a:hover {
	text-decoration: underline;
}

#inner-page-wrapper {
	margin-bottom: 0;
	background: #0c0c0c;
	padding-bottom: 30px;
}


/* Style post/page main headings (h1) */
#content .entry-title {
	font: 300 26px/26px "Lato";
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* Style category/archive/etc main headings (h1) */
#content .archive-title {
	font: 300 26px/26px "Lato";
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* Styles for category/archive/search/etc subheadings (h2) */
#content .archive-subtitle {
    font-size: 21px;
    color: #fff;
    letter-spacing: 1px;
    margin-top: 0;
    font-weight: 300;
    text-transform: uppercase;
    line-height: 21px;
}

#content article:last-of-type {
    border: none;
}
	#content .archive-more{
	    text-decoration: underline !important;
	}
/* Communities Page*/
.ip-communities a.featured-item, .featured-item{
	width:100% !important;
}

.ip-communities .featured-item .feat-desc {
    font-size: 20px;
}
.ip-communities span.feat-link {
    margin-bottom: 20px !important;
}




/* Plugin Overwrite */

/* initial setup */
.ai-default-cf7wrap input[type="submit"] {
	border: 1px solid #999999;
	color: #999999;
	background: none;
	outline: none;

	transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
}

.ai-default-cf7wrap input[type="submit"]:hover {
	color: #fff;
	border-color: #fff;
}


/* Contact Form 7 */
div.wpcf7-validation-errors {
    border: 2px solid #fff;
}

div.wpcf7-mail-sent-ok {
    border: 2px solid #ffffff;
    color: #fff;
}


/* Roadmaps */
.aios-roadmaps.no-border.white a.aios-roadmap-link.active-link, .aios-roadmaps.no-border.white a.aios-roadmap-link:hover {
    border: none;
    color: #fff!important;
}

.aios-roadmaps.no-border a.aios-roadmap-link {
	color: #fff!important;
}


/* Listings */
#content .listing-details-wrap {
	color: #dedede;
}

#content-listings,
.prop-det .prop-beds .det-baths,
.prop-det .prop-beds,
ul.list li .prop-det p.list-price,
ul.list li p.prop-desc,
.prop-det .prop-beds .det-smi,
ul.list .prop-det .prop-beds,
#content .listing-details-wrap .property-details .details-list .det-specs span,
#content .listing-details-wrap .property-details h2,
#content .property-description .property-det p,
#content .property-description .property-add-type span,
#content .listing-details-wrap .details-head span.details-price {
	color: #dedede;
}

ul.list li .prop-det .view-details {
	background: #222222;
}

ul.list li .prop-det .prop-title,
#content .property-description h2 {
	color: #bfbfbf;
}

ul.list li .prop-det .view-details:hover {
    background: #fff;
}

#content .listing-details-wrap .property-details .details-list .det-specs span strong,
#content .property-description .property-add-type strong a,
#content .property-description .prop-location h3,
#content .property-description .property-add-type strong {
	color: #fff
}

#content .property-description .prop-cta a {
	color: #dedede;
}

#content .property-description .prop-cta a:hover,
.popup-wrap-mortage .mortage-calculator .m-form form div input[type="submit"]:hover {
    background: #fff;
    color: #fff;
}

.popup-wrap-schedule .schedule-showing .wpcf7-response-output, .popup-wrap-request .request-more-info .wpcf7-response-output {
	color: #000000;
}

.popup-wrap-mortage .mortage-calculator h2,
.popup-wrap-schedule .schedule-showing h2,
.popup-wrap-request .request-more-info h2 {
	line-height: 45px;
}

.mortage-calculator {
	color: #000;
}


/* All Widgets */
.amh-header-buttons {
	background: #4a4a4a;
	color: #fff;
}

.amh-header-buttons.amh-1a .amh-center .amh-phone-text,
.amh-header-buttons.amh-1a .amh-center .amh-phone-text a {
	color: #fff;
}


.amh-header-buttons.amh-1a .amh-center .amh-phone-text:hover,
.amh-header-buttons.amh-1a .amh-center .amh-phone-text a:hover,
.amh-navigation .amh-menu li:hover > a,
.amh-navigation .amh-menu li.open > a{
	color: #fff;
}

.amh-navigation {
    background: #333;
}

.amh-navigation .amh-menu li {
	border-top: 1px solid #4a4a4a;
}

.amh-navigation .amh-menu li a {
	color: #fff;
}


/* Sidebar */
.sidebar .call-to-action {
	max-width: 360px;
	display: block;
	margin: 0 auto;
}

.sidebar .call-to-action a .cta-inner span {
	font-size: 14px;
}

.sidebar .call-to-action a .cta-inner em {
	font: 400 20px/21px "Lato";
	font-style: normal;
}
.sidebar .agent-sidebar .agent-info-box-wrap{
	width: 100%;
	max-width: 100%;
}
	.sidebar .agent-sidebar .agent-info-box-wrap img{
		max-width: 283px;
		    margin: 0 auto;
	}

		.sidebar .agent-sidebar .agent-info-box-wrap img.compass {
			max-width: 150px;
			margin: 0 auto 20px;
		}

	.sidebar .agent-sidebar .agent-info-box-wrap .agent-info{
		margin: 20px 0 10px;
		width: 100%;
		text-align: center;
		background: transparent;
        padding: 0;
	}
		.sidebar .agent-sidebar .social-media{
			padding: 0;
			text-align: center;
		}
/** ADD ONS **/
.ai-default-cf7wrap input[type="text"], .ai-default-cf7wrap input[type="tel"], .ai-default-cf7wrap input[type="email"], .ai-default-cf7wrap select, .ai-default-cf7wrap textarea{
    color: #0c0c0c;
}
div.wpcr3_review div.wpcr3_review_title {
    font-size: 25px;
    line-height: 30px;
    font-weight: 600;
}

.aidefcf-wrapper div.wpcf7-response-output {
	color: #fff !important;
}

.aidefcf-wrapper .wpcf7-form-control.wpcf7-select {
	color: #000 !important;
}


/** ADD ONS **/

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

/* .property-pop {
	overflow-y: hidden;
} */

.pop-details .prop-det .prop-pr {
	color: #999;
}

.pop-details .prop-det .prop-pr * {
	vertical-align: baseline;
}

.aios-listings-page ul.table-hdr li {
	color: #464646!important;
}

.aios-listings-page ul.table-list li div.prop-add a {
	color: #dedede;
}

.aios-listings-page .list-wrapper,
.aios-listings-page ul.table-list li,
.aios-listings-page .grid li,
.aios-listings-page .grid .prop-det,
.aios-listings-page .grid  .prop-det .prop-price {
	color: #dedede;
}

.aios-listings-page #content .page-title {
    font: 400 26px/26px "Lato";
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.ai-contact-wrap span.context-location {
	line-height: 30px;
    font-size: 18px;
    font-weight: 500;
}

	.ai-contact-wrap span.context-location em.ai-font-location-c {
		color: #5b5b5b;
		padding-top: 5px;
		padding-bottom: 25px;
		float: left;
		font-size: 22px;
	}

	.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
		width: 24.03%;
	}

	button.btn.dropdown-toggle.bs-placeholder.btn-default,
	button.btn.dropdown-toggle.btn-default {
		outline: none;
		border-radius: 0 !important;
		border: 1px solid #666666;
		background: #0c0c0c;
		color: #fff;
		font-size: 13px;
		text-transform: uppercase;
		font-weight: 300;
		height: 40px;
		padding: 8px 13px;
		margin: 0 0 0 0.43%;
		box-sizing: border-box;
		display: inline-block;
		vertical-align: middle;
		margin-left: 2px;

	}

.resp-iframe .video-holder {
        position: relative;
    }

    .resp-iframe .video-holder canvas {
        width: 100%;
        height: auto;
    }

    .resp-iframe .video-holder iframe {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0
    }

.page-id-13 .ai-contact-wrap span.context-mob {
	display: inline-block;
	vertical-align: bottom;
}

.page-id-158 #content .entry-title{
	display: none;
}

.blog-list a {
    font-weight: 300;
}

#content .entry {
    font-weight: 300;
}

.ai-contact-wrap span.content-title,
.aidefcf-title span,
.aidefcf-subtitle span {
	font-weight: 300;
}

#content h1, #content h2,
#content b {
	font-weight: 300;
}
#content strong {
	font-weight: 700;
}

img.comm-img {
    width: 100%;
    max-width: 900px;
    padding: 20px;
}

img.compass {
    margin-bottom: 40px;
}

.postid-354 #content .entry em {
    font-style: normal;
}

.footer-contact-details img.compass {
    max-width: 150px;
}

.error-page-content-wrapper .error-forms input[type=email], .error-page-content-wrapper .error-forms input[type=phone], .error-page-content-wrapper .error-forms input[type=text], .error-page-content-wrapper .error-forms textarea {
	color: #333;
}

.error-page-content-wrapper .error-forms input[type=submit] {
	border: 1px solid #fff;
}

	.error-page-content-wrapper .error-forms input[type=submit]:hover {
		border-color: #444;
	}

.error-page-content-wrapper div.wpcf7-validation-errors {
	color: #fff !important;
	text-align: center;
}

#ihf-main-container ul {
    margin-left: 0;
}

    #ihf-main-container .chosen-container .chosen-results {
        padding: 0 !important;
    }

.ihf-listing-detail .ihf-detail-tab-content #ihf-detail-features-tab > .row.mt-10 {
	margin: 0;
}

#ihf-main-container .ihf-map-info-window-detail,
#ihf-main-container .panel-body label,
#ihf-main-container .ihf-modal-form-disclaimer {
	color: #333;
}

#ihf-main-container .ihf-listing-open-home-text-grid {
	color: #000;
}

#ihf-main-container .btn .caret {
	border-top-color: #428bca;
}

#ihf-walkscore-content iframe {
	background-color: #fff !important;
}

#ws-footer #ws-foottext,
#ws-footer #ws-foottext a {
	color: #fff;
}

body > img[src="//deviceid.trueleadid.com/vng.gif"] {
	display: none;
}

#ihf-main-container .ihf-open-home-details,
#ihf-main-container .ihf-open-home-remarks{
	color: #000;
}

#ihf-main-container #ihf-map-canvas .ihf-polygon-reset{
	color: #000;
}

#ihf-main-container .modal-body {
    color: #333;
}

.ip-container img[src="https://deviceid.trueleadid.com/vng.gif"] {
    display: none !important;
}




.ftr-smi-cmp {
    display: flex;
    align-items: center;
    gap: 30px;
    flex-flow: row wrap;
}

#footerwrapper .ftr-smi-cmp .ftr-r-logo {
    max-width: 54px;
    width: 100%;
    margin: 0;
    position: relative;
    top: -2px;
}


#footerwrapper .ftr-smi-cmp .ftr-r-logo {
    max-width: 50px;
    top: -4px;
}