/*
Theme Name: AgentPro Millan
Theme URI: http://aios3-staging.agentimage.com/h/hotillinoishomes.com/htdocs/
Description: Aios AgentPro Theme 9
Author: AgentImage
Author URI: http://www.agentimage.com
Version: 1.2.8
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 */

/*** THEME STYLE ***/
.slick-slider *{
	outline: none;
}
body{
	font-family: 'BenchNine', sans-serif;
}


a:link, a:visited {
   outline: none;
}

#mainwrapper{

}

/** Fixed Header **/
#fixed-header{
	position: fixed;
	left: 0;
	top: -71px;
	width: 100%;
	z-index: 998;
	background: #f35321;
	height: 71px;
}
	#fixed-header .logo{
	    padding-top: 8px;
	    text-align: center;
	}
        #fixed-header .logo img {
            width: 100%;
        }
	/** Fixed Nav **/
	#fixed-header .fixed-nav{

	}
		#fixed-header .fixed-nav nav{

		}
			#fixed-header .fixed-nav nav > div > ul{
				text-align: center;
			}
				#fixed-header .fixed-nav nav > div > ul > li{
					display: inline-block;
					vertical-align: top;
					position: relative;
					padding: 0;
					font: 300 17px 'BenchNine', sans-serif;
				}
					
					#fixed-header.fixed-nav #fixed-nav > li:hover ul{
						display: block;
					}

					#fixed-header .fixed-nav nav > div > ul > li > a{						
						color: #fff;
						text-transform: uppercase;
						text-decoration: none;
						display: block;
					    padding: 24px 18px;
					}

						#fixed-header .fixed-nav nav > div > ul > li:hover {
							/* font-weight: 700; */
							text-shadow: 0 0 1px #fff;
						}

			#fixed-header .fixed-nav nav > div > ul > li > ul{
				position: absolute;
				left: 50%;
				background: #f35321;
				top: 70px;
				width: 150px;
				margin-left: -75px;
				display: none;
			}
				#fixed-header .fixed-nav nav > div > ul > li > ul > li{
					display: block;
				}
					#fixed-header .fixed-nav nav > div > ul > li > ul > li > a{
						font: 300 19px 'BenchNine', sans-serif;
						color: #fff;
						text-decoration: none;
						text-transform: uppercase;
						display: block;
					    padding: 10px 0;
						letter-spacing: 0.1em;
						position: relative;		
						display: block;
						text-align: center;				
					}
	/** Fixed Nav **/
	/** Fixed Contact info **/
	#fixed-header .fixed-contact-info{
		text-align: center;
		padding-top: 21px;
	}
		#fixed-header .fixed-contact-info p{
			color: #fff;
			display: inline-block;
			vertical-align: top;
			font-size: 22px;
			padding-right: 23px;
		}
		#fixed-header .fixed-contact-info a{
			display: inline-block;
			vertical-align: top;
			font-size: 19px;
			color: #fff;
			text-decoration: none;
		}
		#fixed-header .fixed-contact-info span {
			display: none;
		}
	/** Fixed Contact info **/

/** Fixed Header **/
/** Headerwrapper **/
#headerwrapper{
	width: 100%;
	height: auto;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 200;
}
	.header{
		width: 100%;
		position: relative;
	}
		/** Header Center **/
		.header .header-center{
		    width: 31.7%;
			height: auto;
			margin: 0 auto;
			position: relative;
			z-index: 8;
		}
			.header .header-center:after{
				display: block;
				content: "";
				width: 12px;
				height: 100%;
				background: url(images/img-sprites.png) no-repeat 0 top transparent;
				position: absolute;
				left: -12px;
				top: 0;
			}
			.header .header-center:before{
				display: block;
				content: "";
				width: 12px;
				height: 100%;
				background: url(images/img-sprites.png) no-repeat 100% 0 transparent;
				position: absolute;
				right: -12px;
				top: 0;
			}
			/** logo **/
			.header .header-center .logo{
				display: block;
				background: #fff;
				width: 100%;
				padding: 17.5px 0;
				text-decoration: none;
			}
			.header .header-center .logo a {
				text-decoration: none;
				display: block;
				outline: none;
			}
				.header .header-center .logo img{
					display: block;
					width: 76.2%;
					height: auto;
					margin: 0 auto;
				}
				.header .header-center .logo span {
				    display: block;
				    text-align: center;
				    font-size: 38px;
				    text-transform: uppercase;
				    letter-spacing: 20px;
				    line-height: 1;
				    color: #f35321;
				}
				.header .header-center .logo span strong {
				    font-size: 65px;
				    letter-spacing: 5px;
				    color: #3f535e;
				}

				#fixed-header .logo span {
					color: #fff;
					font-size: 22px;
					text-transform: uppercase;
				    line-height: 1;
				    text-align: center;
				}

				#fixed-header .logo span strong {
				    font-size: 32px;
				    color: #fff;
				}
			/** logo **/
			/** Contact Info **/
			.header .contact-info{
				background: rgba(255, 255, 255, 0.8);
				text-align: center;
				padding: 13px 0;
			}
					.header .contact-info p{
						display: inline-block;
						vertical-align: top;
						font: normal 300 17px 'Roboto', sans-serif;
						color: #464646;

					}
						.header .contact-info p:after{
							display: inline-block;
							vertical-align: top;
							content: "|";
							font: normal 300 17px 'Roboto', sans-serif;
							color: #464646;
							padding: 0 6px;

						}
					.header .contact-info a{
						display: inline-block;
						vertical-align: top;
						color: #464646;
						text-decoration: none;
						font: normal 300 17px 'Roboto', sans-serif;
					}
			/** Contact Info **/				
		/** Header Center **/
		/** Navigation **/
		.navigation{
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			background: #fff;
		}

			.navigation nav > div > ul{
				font-size: 0;
			}
				.navigation nav > div > ul > li{
					display: inline-block;
					vertical-align: top;
					padding: 0;
					position: relative;
					font: 300 18px 'BenchNine', sans-serif;
				}
					.navigation nav > div > ul > li > a{						
						color: #898989;
						text-decoration: none;
						text-transform: uppercase;
						display: block;
					    padding: 27px 8px;
						letter-spacing: 0.1em;
						position: relative;						
					}

					.navigation nav > div > ul > li.left-nav > a {
					    padding: 27px 11px !important;
					}

						.navigation nav > div > ul > li:hover {/* font-weight: 700; */ text-shadow: 0 0 1px #000; }

						.navigation nav > div > ul > li > a:after{
							display: block;
							content: "";
							width: 1px;
							height: 15px;
							position: absolute;
							left: 0;
							/*top: 31px;*/
							top: 0;
							bottom: 0;
							margin: auto;
							background: #efbccd;							
						}

						.navigation nav > div > ul > li:first-child > a:after{
							display: none;
						}
						.navigation nav > div > ul > li:first-child a{
							padding-left: 0;
						}
						.navigation nav > div > ul > li:last-child a{
							padding-right: 0;
						}
						.navigation nav > div > ul > li:first-child + li + li + li {
							margin-right: 412px;
						}
						.navigation nav > div > ul > li:first-child + li + li + li + li a:after{
							display: none;
						}
			.navigation nav > div > ul > li > ul{
				position: absolute;
				left: 50%;
				top: 80px;
				width: 200px;
				margin-left: -100px;
				display: none;
			}
				.navigation nav > div > ul > li > ul > li{
					display: block;
					background: #f35321;
					margin-bottom: 2px;
				}
					.navigation nav > div > ul > li > ul > li > a{
						font: 300 18px 'BenchNine', sans-serif;
						color: #fff;
						text-decoration: none;
						text-transform: uppercase;
						display: block;
					    padding: 10px 0;
						letter-spacing: 0.1em;
						position: relative;		
						display: block;
						text-align: center;				
					}
		/** Navigation **/
/** Headerwrapper **/
/** Hero **/
#hero{
	width: 100%;
	height: auto;
	position: relative;
}
	/** Slideshow **/
	#hero .slideshow{
		width: 100%;
		height: auto;
	}
		#hero .slideshow img{
			display: block;
			width: 100%;
			height: auto;
		}
		#hero .cycloneslider-slide:after {
		    display: block;
		    content: "";
		    width: 100%;
		    height: 100%;
		    position: absolute;
		    left: 0;
		    top: 0;
		    background: #000;
		    z-index: 9;
		    opacity: 0.3;
		}

		#hero .cycloneslider-slideshow-1:after {
		    content: "";
		    width: 100%;
		    max-width: 120px;
		    height: 130px;
		    position: absolute;
		    top: 20%;
		    left: 2%;
		    background: url(images/logo.png) center center/100% auto no-repeat;
		    z-index: 100;
		}

	/** Slideshow **/
	/** Quick Search **/
	#hero .quick-search-wrap{
		position: absolute;
		left: 0;
	    bottom: 8%;
		width: 100%;
		height: auto;
		z-index: 10;
	}
		#hero .quick-search{
			background-color: rgba(255, 255, 255, 0.8);
			padding: 23px;
			font-size: 0;
		}
			#hero .quick-search .qc-icon{
				display: inline-block;
				vertical-align: top;
				color: #f35321;
				font-size: 33px;
				width: 4%;
			    padding-left: 1%;
			}
			#hero .quick-search  form{
				display: inline-block;
				vertical-align: top;
				width: 96%;
			}
				#hero .quick-search form select, #hero .quick-search form input[type="text"]{
					display: inline-block;
					vertical-align: top;
					height: 31px;
					-webkit-border-radius: 2px;
					-moz-border-radius: 2px;
					border-radius: 2px;
					background-color: rgba(255,255,255,.5);
					border: solid 1px #868686;
					font: 300 11px 'Roboto', sans-serif;
					color: #464646;
					padding: 4px 8px;
				    width: 10.3%;	
				    margin-left: 1%;
				    outline: none;
					
				}
					#hero .quick-search form select.qc-long{
						width: 15.6%;

					}
					#hero .quick-search form select:first-child{
						margin-left: 2%;
					}
				#hero .quick-search form input[type="submit"]{
					display: inline-block;
					vertical-align: top;
					height: 31px;
					-webkit-border-radius: 2px;
					-moz-border-radius: 2px;
					border-radius: 2px;
					font: normal 14px 'BenchNine', sans-serif;
					background-color: #f35321;
					color: #ffffff;
					border: none;
					outline: none;
					cursor: pointer;
					text-transform: uppercase;
					width: 9.3%;
					margin-left: 1%;
				    transition: all .25s ease-in-out;
				    -moz-transition: all .25s ease-in-out;
				    -webkit-transition: all .25s ease-in-out;					
				}
					#hero .quick-search form input[type="submit"]:hover{
						background: #3f535e;
					}
				#hero .quick-search form a{
					display: inline-block;
					vertical-align: top;
					height: 31px;
					-webkit-border-radius: 2px;
					-moz-border-radius: 2px;
					border-radius: 2px;
					font: normal 14px 'BenchNine', sans-serif;
					background-color: #464646;
					color: #ffffff;
					border: none;
					outline: none;
					cursor: pointer;
					text-transform: uppercase;
					width: 9.3%;
					margin-left: 1%;
					text-align: center;
					padding: 5px 0;
					text-decoration: none;
					border: 1px solid transparent;
				    transition: all .25s ease-in-out;
				    -moz-transition: all .25s ease-in-out;
				    -webkit-transition: all .25s ease-in-out;		

				}
				#hero .quick-search form a:hover{
					border-color: #464646;
					color: #464646;
					background: transparent;
				}
	/** Quick Search **/
/** Hero **/
/** CTA **/
#cta{
    width: 100%;
    height: auto;
    position: relative;
    padding: 3% 0;
}
	#cta .cta-list{

	}
		#cta .cta-list a{
			display: block;
			width: 100%;
			height: auto;
			position: relative;
			max-width: 360px;
			margin: 0 auto;
            border: 3px solid #f35321;
		}
			#cta .cta-list a:after{
				display: block;
				content: "";
				width: 100%;
				height: 100%;
				position: absolute;
				left: 0;
				top: 0;
				background-color: rgba(161, 161, 161, 0.80);
				z-index: 0;
				transition: all .25s ease-in-out;
				-moz-transition: all .25s ease-in-out;
				-webkit-transition: all .25s ease-in-out;
			}
				#cta .cta-list:hover a:after{
					background-color: rgba(63, 83, 94, 0.80);
				}
			#cta .cta-list a:before{
				content: "";
				display: block;
				height: 3px;
				background-color: rgba(255, 255, 255, 0.80);
				position: absolute;
				left: 0;
				top: 25px;
				z-index: 1;
				width: 122px;
			}
			#cta .cta-list a img{
				display: block;
				width: 100%;
				height: auto;
			}
			#cta .cta-list a p{
				display: block;
				position: absolute;
				z-index: 5;
				left: 0;
				top: 0;
				width: 100%;
				height: 100%;
				text-align: center;
				color: #fff;
				font: normal 31px 'BenchNine', sans-serif;
				text-transform: uppercase;
			}
				#cta .cta-list a p span{
					display: inline-block;
					vertical-align: middle;
				}
				#cta .cta-list a p:after{
					content: "";
					height: 100%;
					width: 0;
					display: inline-block;
					vertical-align: middle;
				}
				#cta .cta-list a p:before{
					content: "";
					display: block;
					height: 1px;
					background-color: rgba(255, 255, 255, 0.80);
					position: absolute;
					right: 0;
					bottom: 25px;
					z-index: 1;
					width: 122px;
				}


/** CTA **/
/** Featured Areas **/
#featured-areas{
	width: 100%;
	height: auto;
}
	/** Featured Property **/
	#featured-areas .properties{
		position: relative;
	}
		#featured-areas .properties h2{
			font: 300 35px 'BenchNine', sans-serif;
			color: #898989;
			text-transform: uppercase;
			letter-spacing: 0.1em;
			text-align: center;
			padding-bottom: 20px;
		}
			#featured-areas .properties h2 span{
				color: #f35321;
			}

		#featured-areas .prop-wrap{
			width: 100%;
			height: auto;
			position: relative;
			max-width: 360px;
			margin: 0 auto;

		}
			#featured-areas .prop-wrap img{
				display: block;
				width: 100%;
				height: 248px;
				object-fit: cover;
			}
			#featured-areas .prop-wrap .pro-details{
				width: 100%;
				height: auto;
				text-transform: uppercase;
				position: absolute;
				bottom: 0;
				left: 0;
				background: #d7d7d7;
				padding: 9px 21px;
			}
			#featured-areas .prop-wrap .pro-details p{
				font: 300 14px 'Roboto', sans-serif;
				width: 60%;
			}
				#featured-areas .prop-wrap .pro-details p span{
					font: 300 21px 'Roboto', sans-serif;
				}
			#featured-areas .prop-wrap .pro-details a{
				display: block;
				position: absolute;
				right: 5%;
				top: 17%;
				width: 104px;
				height: 50px;
				-webkit-border-radius: 2px;
				-moz-border-radius: 2px;
				border-radius: 2px;
				background: #464646;
				color: #fff;
				text-align: center;
				text-transform: uppercase;
				font: normal 14px 'BenchNine', sans-serif;
				letter-spacing: 0.1em;
				padding: 16px 0;
				text-decoration: none;
				transition: all .25s ease-in-out;
				-moz-transition: all .25s ease-in-out;
				-webkit-transition: all .25s ease-in-out;	
				border: 1px solid transparent			
			}
			#featured-areas .prop-wrap .pro-details a:hover{
				color: #fff;
				background: #f35321;
				border-color: #f35321;
			}
	/** Featured Property **/
	/** Area Expertise **/
	#featured-areas .area-expertise{
		position: relative;
	}
		#featured-areas .area-expertise h2{
			font: 300 35px 'BenchNine', sans-serif;
			color: #898989;
			text-transform: uppercase;
			letter-spacing: 0.1em;
			text-align: center;
			padding-bottom: 20px;
		}
			#featured-areas .area-expertise h2 span{
				color: #f35321;
			}
			#featured-areas .area-expertise .expertise{
				width: 100%;
				height: auto;
				border: 1px solid #cfcfcf;
				padding: 19px 30px 0;
				font-size: 0;
				max-width: 360px;
				margin: 0 auto;

			}
				#featured-areas .area-expertise .expertise ul{
					display: inline-block;
					vertical-align: top;
					width: 45%;
					margin-left: 10%;
				}
					#featured-areas .area-expertise .expertise ul:first-child{
						margin-left: 0;
					}
					#featured-areas .area-expertise .expertise ul li{
						display: block;
					}
						#featured-areas .area-expertise .expertise ul li a{
							font: 300 18px 'BenchNine', sans-serif;
							color: #898989;
							text-transform: uppercase;
							display: block;
							text-decoration: none;
							border-bottom: 1px dotted #898989;
							padding: 6.9px 0;
						}
							#featured-areas .area-expertise .expertise ul li:first-child a{
								padding-top: 0;
							}
							#featured-areas .area-expertise .expertise ul li:last-child a{
								border-bottom: none;
							}

							#featured-areas .area-expertise .expertise ul li a:hover {
								font-weight: 700;
							}

				#featured-areas .area-expertise .expertise a.view-details{
					display: block;
					width: 104px;
					height: 50px;
					-webkit-border-radius: 2px;
					-moz-border-radius: 2px;
					border-radius: 2px;
					font: normal 14px 'BenchNine', sans-serif;
					letter-spacing: 0.1em;
					border: solid 1px #999;
					color: #777777;
					text-transform: uppercase;
					text-decoration: none;
					text-align: center;
					padding: 15px 0;
					margin: 15px auto;
					transition: all .25s ease-in-out;
					-moz-transition: all .25s ease-in-out;
					-webkit-transition: all .25s ease-in-out;
				}
				#featured-areas .area-expertise .expertise a.view-details:hover{
					color: #fff;
					background: #f35321;
					border-color: #f35321

				}
	/** Area Expertise **/
	/** Featured Communities **/
	#featured-areas .communities{
		position: relative;
	}
		#featured-areas .communities h2{
			font: 300 35px 'BenchNine', sans-serif;
			color: #898989;
			text-transform: uppercase;
			letter-spacing: 0.1em;
			text-align: center;
			padding-bottom: 20px;
		}
			#featured-areas .communities h2 span{
				color: #f35321;
			}
			#featured-areas .communities .expertise{
				width: 100%;
				height: auto;
				border: 1px solid #cfcfcf;
				padding: 19px 30px;
				font-size: 0;
			}
		#featured-areas .communities .com-wrap{
			width: 100%;
			height: auto;
			position: relative;
			max-width: 360px;
			margin: 0 auto;
		}
			#featured-areas .communities .com-wrap img{
				display: block;
				width: 100%;
				height: auto;
			}
			#featured-areas .communities .com-wrap canvas {
				max-width: 100%;
				background-repeat: no-repeat;
				background-position: center;
				background-size: cover;
			}
			#featured-areas .communities .com-wrap .com-details{
				width: 100%;
				height: auto;
				position: absolute;
				bottom: 0;
				left: 0;
				background: #d7d7d7;
				padding: 21px;
			}
				#featured-areas .communities .com-wrap .com-details p{
					font: 300 26px 'BenchNine', sans-serif;
					text-transform: uppercase;
					color: #464646;
					letter-spacing: 0.1em;
				}
				#featured-areas .communities .com-wrap .com-details a{
					display: block;
					position: absolute;
					right: 5%;
					top: 17%;
					width: 104px;
					height: 50px;
					-webkit-border-radius: 2px;
					-moz-border-radius: 2px;
					border-radius: 2px;
					background: #464646;
					color: #fff;
					text-align: center;
					text-transform: uppercase;
					font: normal 14px 'BenchNine', sans-serif;
					letter-spacing: 0.1em;
					padding: 16px 0;
					text-decoration: none;		
					border: 1px solid transparent;
					transition: all .25s ease-in-out;
					-moz-transition: all .25s ease-in-out;
					-webkit-transition: all .25s ease-in-out;

				}
				#featured-areas .communities .com-wrap .com-details a:hover{
					color: #fff;
					background: #f35321;
					border-color: #f35321;
				}

	/* Arrows */
	#featured-areas button.slick-prev.slick-arrow {
	    position: absolute;
	    left: 10px;
	    top: 0;
	    bottom: 20%;
	    margin: auto;
	    z-index: 1;
	    height: 40px;
	    width: 40px;
	    background:url(images/img-sprites.png) -66px bottom no-repeat;
	    font-size: 0;
	    border: 0;
	}

	#featured-areas button.slick-next.slick-arrow {
	    position: absolute;
	    right: 10px;
	    top: 0;
	    bottom: 20%;
	    margin: auto;
	    z-index: 1;
	    height: 40px;
	    width: 40px;
	    background: url(images/img-sprites.png) -22px bottom no-repeat;
	    font-size: 0;
	    border: 0;
	}

	#featured-areas .communities button.slick-arrow {
		bottom: 20%;
	}

	/** Featured Communities **/
/** Featured Areas **/
/** HP Main **/
#hp-main{
	width: 100%;
	height: auto;
	padding-top: 50px;
}
	/** Welcome **/
	#hp-main .welcome{
		position: relative;
		border-right: 1px solid #f35321;
		padding-bottom: 10px;
	}
		#hp-main .welcome h1{
			font: 300 35px 'BenchNine', sans-serif;
			color: #898989;
			text-transform: uppercase;
			letter-spacing: 0.1em;
			padding-bottom: 20px;	
			padding-top: 16px;		
		}
			#hp-main .welcome h1 span{
				color: #f35321;
			}
		#hp-main .welcome p{
			color: #898989;
			font: 300 14px/25px 'Roboto', sans-serif;
			letter-spacing: -0.025em; 
			padding-bottom: 17px;
		}
	/** Welcome **/
	/** Testimonials **/
	#hp-main .testimonials{

	}
		#hp-main .testimonials h2{
			font: 300 35px 'BenchNine', sans-serif;
			color: #898989;
			text-transform: uppercase;
			letter-spacing: 0.1em;
			padding-bottom: 20px;	
			padding-top: 16px;
			padding-left: 20px;		

		}
		#hp-main .testimonials .testi-list{
			padding-left: 20px;
		}
		.testi-list p {
			text-align: justify;
		}

			#hp-main .testimonials .testi-list a {
				/* color: #f35321;
				text-decoration: none;
				font: 300 13px/20px 'Roboto', sans-serif; */
				/* margin-left: 10px; */

				display: block;
				width: 104px;
				height: 50px;
				-webkit-border-radius: 2px;
				-moz-border-radius: 2px;
				border-radius: 2px;
				font: normal 14px 'BenchNine', sans-serif;
				letter-spacing: 0.1em;
				border: solid 1px #999;
				color: #777777;
				text-transform: uppercase;
				text-decoration: none;
				text-align: center;
				padding: 15px 0;
				margin: 15px 0 0;
				transition: all .25s ease-in-out;
				-moz-transition: all .25s ease-in-out;
				-webkit-transition: all .25s ease-in-out
			}

			#hp-main .testimonials .testi-list a:hover{
				color: #fff;
				    background: #f35321;
				    border-color: #f35321;
			}

		#hp-main .testimonials p{
			color: #898989;
			font: 300 14px/25px 'Roboto', sans-serif;
			letter-spacing: -0.020em; 

		}
		#hp-main .testimonials h3{
			font: normal 24px 'BenchNine', sans-serif;
			color: #f35321;
			padding: 16px 0 0;
			text-transform: uppercase;
		}
	/** Testimonials **/
	
/** HP Main **/
/** Blog Area **/
#blog-wrap{
	width: 100%;
	height: auto;
	padding-top: 28px;
	padding-bottom: 25px;
}
	/** Latest Post **/
	#blog-wrap .latest-post{
		position: relative;
	}
		#blog-wrap .latest-post h2{
			font: 300 35px 'BenchNine', sans-serif;
			color: #898989;
			text-transform: uppercase;
			letter-spacing: 0.1em;
			padding-bottom: 20px;
			border-bottom: 1px solid #dddddd;	
		}
			#blog-wrap .latest-post h2 span{
				color: #f35321;
			}
		#blog-wrap .latest-post .blog-area{
			width: 100%;
			height: auto;
			font-size: 0;
			padding-top: 30px;
			padding-bottom: 30px;
		}
			#blog-wrap .latest-post .blog-list{
				display: inline-block;
				vertical-align: top;
				width: 50%;
				font-size: 14px;
			}
				#blog-wrap .latest-post .blog-list .blog-image{
					display: inline-block;
					vertical-align: top;
					width: 26.14%;
				}
					#blog-wrap .latest-post .blog-list .blog-image img{
						display: block;
						width: 100%;
						height: auto;
					}
				#blog-wrap .latest-post .blog-list .blog-descript{
					width: 65%;
					margin-left: 5%;
					display: inline-block;
					vertical-align: top;					
				}
					#blog-wrap .latest-post .blog-list .blog-descript h3 a{
						color: #959595;
						font: normal 20px/20px 'BenchNine', sans-serif;
						text-transform: uppercase;
					}

						#blog-wrap .latest-post .blog-list .blog-descript h3 a:hover {text-decoration: none}

					#blog-wrap .latest-post .blog-list .blog-descript p{
						font: 300 13px/20px 'Roboto', sans-serif;
					    padding-top: 5px;
					}
					#blog-wrap .latest-post .blog-list .blog-descript p a{
						color: #f35321;
						text-decoration: none;
						margin-left: 10px;
					}
	/** Latest Post **/
	/** Blog Logo **/
	#blog-wrap .blog-logo{
    	padding: 77px 0;
	}
		#blog-wrap .blog-logo img{
			display: block;
			margin: 0 auto;
		}
	/** Blog Logo **/
/** Blog Area **/
/* Contact Area **/
#contact-details{
	width: 100%;
	height: auto;
	padding-top: 30px;
    background: #d7d7d7;
    padding-bottom: 30px;
}
	/** Contact info **/
	#contact-details .fp-contact-info{
		position: relative;
	}
		#contact-details .fp-contact-info img{
			display: block;
		}

		#contact-details .fp-contact-info span.text-logo {
			display: block;
		    text-align: center;
		    font-size: 28px;
		    text-transform: uppercase;
		    letter-spacing: 20px;
		    line-height: 1;
		    color: #f35321;
			width: 237px;
		}

		#contact-details .fp-contact-info span.text-logo strong {
		    font-size: 45px;
		    letter-spacing: 5px;
		    color: #3f535e;
		}

			#contact-details .fp-contact-info p{
				color: #898989;
				font: bold 39px/39px 'BenchNine', sans-serif;
				padding-top: 20px;
			}

			#contact-details .fp-contact-info p a {
				color: #898989;
			}


			#contact-details .fp-contact-info a.fp-mail{
				display: block;				
				font: 300 33px/33px 'BenchNine', sans-serif;
				color: #898989;
				text-decoration: none;
			}
		#contact-details .fp-contact-info .smi{
			font-size: 0;
		    padding-top: 15px;
			display: none;
		}
			#contact-details .fp-contact-info .smi a{
				display: inline-block;
				vertical-align: top;
				width: 41px;
				height: 41px;
				background: #464646;
				border-radius: 50%;
				text-align: center;
				color: #fff;
				text-decoration: none;
				margin: 6px 3px;
				transition: all .25s ease-in-out;
				-moz-transition: all .25s ease-in-out;
				-webkit-transition: all .25s ease-in-out;

			}
				#contact-details .fp-contact-info .smi a:first-child{
					margin-left: 0;
				}
				#contact-details .fp-contact-info .smi a:after{
					content: "";
					height: 100%;
					width: 0;
					display: inline-block;
					vertical-align: middle;

				}
				#contact-details .fp-contact-info .smi a span{
					display: inline-block;
					vertical-align: middle;
					font-size: 23px;

				}
				#contact-details .fp-contact-info .smi a:hover{
					background: #f35321;
				}
	/** Contact info **/
	/** Agent Photo **/
	#contact-details .agent-photo{
		margin-bottom:40px;
	}
		#contact-details .agent-photo .a-photo{
			display: block;
			margin: 0 auto;
			height: auto;
			border: 10px solid #f35321;
			border-radius: 50%;
			max-width: 273px;
			max-height: 273px;
			overflow: hidden;
		    width: 76%;
		}
			#contact-details .agent-photo .a-photo img{
				display: block;
				width: 100%;
				border: 8px solid #fff;
				height: auto;
				border-radius: 50%;
			}
			
			#contact-details .agent-photo .a-photo a,
			#contact-details .agent-photo .a-photo a:hover {
				text-decoration: none;
			}
			
			#contact-details .agent-photo .a-photo span{
				display: block;
				width: 100%;
				border: 8px solid #fff;
				height: auto;
				border-radius: 50%;
				text-align: center;
				font-size: 38px;
				text-transform: uppercase;
				letter-spacing: 20px;
				line-height: 1;
				color: #f35321;
				padding: 72px 0;
			}
				#contact-details .agent-photo .a-photo span strong {
					font-size: 56px;
					letter-spacing: 5px;
					color: #3f535e;
					display: block;
				}
	/** Agent Photo **/
	/** Contact Form **/
	#contact-details .contact-form{

	}	
		
		#contact-details .contact-form .use-floating-validation-tip span.wpcf7-not-valid-tip {
			left:5%;
		}
		
		#contact-details .contact-form h2{
			font: 300 35px 'BenchNine', sans-serif;
			color: #898989;
			text-transform: uppercase;
			letter-spacing: 0.1em;
			padding-bottom: 15px;	
		}
			#contact-details .contact-form h2 span{
				color: #f35321;
			}
		#contact-details .contact-form form{
			width: 100%;
			/*font-size: 0;*/
		}
			#contact-details .contact-form form .text-field{
				width: 100%;
				height: auto;
				font-size: 0;
			}
				
				#contact-details .contact-form form .text-field .wpcf7-not-valid-tip {
					font-size: 16px;
				}

				#contact-details .contact-form form .text-field input:first-child{
					margin-left: 0;
				}
				#contact-details .contact-form form input[type="text"],
				#contact-details .contact-form form input[type="email"],
				#contact-details .contact-form form input[type="tel"]{
					height: 32px;
					border: solid 1px #cfcfcf;
					color: #9c9c9c;
					font: 300 11px 'Roboto', sans-serif;
					text-transform: uppercase;
					width: 50%;
					padding: 10px;
					margin-bottom: 7px;
					outline: none;
				}
			#contact-details .contact-form form .textarea-field{
				width: 100%;
				height: auto;
				position: relative;
			}
				#contact-details .contact-form form .textarea-field textarea{
					border: solid 1px #cfcfcf;
					color: #9c9c9c;
					width: 100%;
					height: 110px;
					resize: none;
					outline: none;	
					color: #9c9c9c;
					font: 300 11px 'Roboto', sans-serif;	
					text-transform: uppercase;
					padding: 10px 98px 10px 10px		
				}
				#contact-details .contact-form form .textarea-field input[type="submit"]{
					position: absolute;
					right: 8px;
					top: 7px;
					width: 82px;
					height: 95px;
					background: #d7d7d7;
					border: none;
					outline: none;
					cursor: pointer;
					font: 300 20px 'BenchNine', sans-serif;
					color: #464646;
					text-transform: uppercase;
					letter-spacing: 0.1em;
					resize: none;
					transition: all .25s ease-in-out;
					-moz-transition: all .25s ease-in-out;
					-webkit-transition: all .25s ease-in-out;

				}
				#contact-details .contact-form form .textarea-field input[type="submit"]:hover{
					background: #3f535e;
					color: #fff;
				}
	/** Contact Form **/
/** Contact Area **/
/** Footerwrapper **/
#footerwrapper{
	width: 100%;
	height: auto;
	background: #f35321;
	min-height: 97px;
}
	#footerwrapper .footer-copyright{
		padding-top: 39px;
	}
		#footerwrapper .footer-copyright ul{

		}
			#footerwrapper .footer-copyright ul li{
				display: inline-block;
				vertical-align: top;
			}
				#footerwrapper .footer-copyright ul li a{
					font: 300 12px/12px 'Roboto', sans-serif;
					color: #ffffff;
					text-decoration: none;
					text-transform: uppercase;	
					display: block;
					border-left: 1px solid #fff;
				    padding: 0 15px;
				}
					#footerwrapper .footer-copyright ul li:first-child a{
						padding-left: 0;
						border-left: none;
					}
			#footerwrapper .footer-copyright p{
				font: 300 12px/12px 'Roboto', sans-serif;
				color: #ffffff;
				text-decoration: none;
			}
				#footerwrapper .footer-copyright p a{
					color: inherit;
					text-decoration: none;
				}
	#footerwrapper .footer-logos{
		text-align: right;
	    padding-top: 42px;
	}
		#footerwrapper .footer-logos span{
			color: #eeeae7;
			font-size: 24px;
		}
/** Footerwrapper **/


/* .popup-wrap-request .request-more-info p {
	font-family: 'BenchNine', sans-serif;
	font-size: 18px;
}

.popup-wrap-request .request-more-info .m-form span {
	    font-family: 'BenchNine', sans-serif;
	    font-size: 15px;
} */

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

.aios-roadmaps.no-border a.aios-roadmap-link:hover,
.aios-roadmaps.black a.aios-roadmap-link.active-link {
	color: #f35321!important;
}

/*** THEME STYLE ***/
 
/*******************************************************
 *
 * 2. IP Styles
 *
 *******************************************************/
#page-bg{
	width: 100%;
	height: 200px;
	background: url(images/page-bg.jpg) no-repeat center center transparent;
	background-size: cover;
}
/* Adjust minimum height of page area */ 
#content-sidebar, #content-full{ min-height: 500px;}

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

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

/* 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 post/page main headings (h1) */
.yoast-breadcrumbs a,
.yoast-breadcrumbs{
	color: inherit;
	font-family: 'Roboto', sans-serif;
}

#content a {color: inherit; }
#content-sidebar #content {
    width: 67.08%;
	font-family: 'Roboto', sans-serif;
}

#content .entry-title { 
    font: normal 35px 'BenchNine', sans-serif;
    color: #898989;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

/* Style category/archive/etc main headings (h1) */
#content .archive-title { 
    font: normal 35px 'BenchNine', sans-serif;
    color: #898989;
    letter-spacing: 0.1em;
}


/* Styles for category/archive/search/etc subheadings (h2) */
#content .archive-subtitle { 
    font: bold 24px 'BenchNine', sans-serif;
    color: #898989;
    letter-spacing: 0.1em;
    margin: 0;
}
	#content .archive-subtitle a{
		color: inherit;
		text-decoration: inherit;
	}

.ai-default-cf7wrap input[type="submit"]{
    background: #f35321 !important;
}
.sidebar {
    width: 30%;
}

	.sidebar .side-contact{

	}
		.sidebar .side-contact .a-photo{
			display: block;
			margin: 0 auto;
			height: auto;
			border: 10px solid #f35321;
			border-radius: 50%;
			max-width: 273px;
			max-height: 273px;
			overflow: hidden;
		    width: 76%;
		    height: auto;
		}
			.sidebar .side-contact .a-photo img{
				display: block;
				width: 100%;
				border: 8px solid #fff;
				height: auto;
				border-radius: 50%;
			}
		.sidebar .side-contact p{
			margin: 0;
			text-align: center;
		    color: #898989;
		    font: bold 39px/39px 'BenchNine', sans-serif;
		    padding-top: 20px;			
		}

		.sidebar .side-contact p a {
			color: #898989;
		}
		.sidebar .side-contact a.asis-mailto-obfuscated-email {
			display: block;
			font: 300 33px/33px 'BenchNine', sans-serif;
			color: #898989;
			text-decoration: none;	
			text-align: center;		
		}
		.sidebar .side-contact .smi{
			font-size: 0;
		    padding-top: 15px;
		    text-align: center;
		}
			.sidebar .side-contact .smi a{
				display: inline-block;
				vertical-align: top;
				width: 41px;
				height: 41px;
				background: #464646;
				border-radius: 50%;
				text-align: center;
				color: #fff;
				text-decoration: none;
				margin: 6px 3px;
				transition: all .25s ease-in-out;
				-moz-transition: all .25s ease-in-out;
				-webkit-transition: all .25s ease-in-out;

			}
				.sidebar .side-contact .smi a:first-child{
					margin-left: 0;
				}
				.sidebar .side-contact .smi a:after{
					content: "";
					height: 100%;
					width: 0;
					display: inline-block;
					vertical-align: middle;

				}
				.sidebar .side-contact .smi a span{
					display: inline-block;
					vertical-align: middle;
					font-size: 23px;
					color: #fff;

				}
				.sidebar .side-contact .smi a:hover{
					background: #f35321;
				}
	.sidebar .side-cta{
	
	}

		.sidebar .side-cta .cta-list{

		}
		.sidebar .side-cta .cta-list a{
			display: block;
			width: 100%;
			height: auto;
			position: relative;
			max-width: 360px;
			margin: 0 auto;
			margin-top: 30px;

		}
			.sidebar .side-cta .cta-list a:after{
				display: block;
				content: "";
				width: 100%;
				height: 100%;
				position: absolute;
				left: 0;
				top: 0;
				background-color: rgba(161, 161, 161, 0.80);
				z-index: 0;
				transition: all .25s ease-in-out;
				-moz-transition: all .25s ease-in-out;
				-webkit-transition: all .25s ease-in-out;
			}
				.sidebar .side-cta .cta-list:hover a:after{
					background-color: rgba(222, 140, 167, 0.80);
				}
			.sidebar .side-cta .cta-list a:before{
				content: "";
				display: block;
				height: 3px;
				background-color: rgba(255, 255, 255, 0.80);
				position: absolute;
				left: 0;
				top: 25px;
				z-index: 1;
				width: 122px;
			}
			.sidebar .side-cta .cta-list a img{
				display: block;
				width: 100%;
				height: auto;
			}
			.sidebar .side-cta .cta-list a p{
				display: block;
				position: absolute;
				z-index: 5;
				left: 0;
				top: 0;
				width: 100%;
				height: 100%;
				text-align: center;
				color: #fff;
				font: normal 31px 'BenchNine', sans-serif;
				text-transform: uppercase;
				margin: 0;
			}
				.sidebar .side-cta .cta-list a p span{
					display: inline-block;
					vertical-align: middle;
				}
				.sidebar .side-cta .cta-list a p:after{
					content: "";
					height: 100%;
					width: 0;
					display: inline-block;
					vertical-align: middle;
				}
				.sidebar .side-cta .cta-list a p:before{
					content: "";
					display: block;
					height: 1px;
					background-color: rgba(255, 255, 255, 0.80);
					position: absolute;
					right: 0;
					bottom: 25px;
					z-index: 1;
					width: 122px;
				} 

#content ul.list li .prop-det a.view-details {color: #fff;}

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

.sb-cta {

}
	.sb-cta img {
		max-width: 100%;
	}
.sb-qs {
	margin: 20px 0;
}
	.sb-qs .qc-icon {
		text-align: center;
	}
	.sb-qs select, .sb-qs input[type="text"] {
	    width: 49%;
	    float: left;
	    display: inline-block;
	    vertical-align: top;
	    height: 31px;
	    -webkit-border-radius: 2px;
	    -moz-border-radius: 2px;
	    border-radius: 2px;
	    background-color: rgba(255,255,255,.5);
	    border: solid 1px #868686;
	    font: 300 11px 'Roboto', sans-serif;
	    color: #464646;
	    padding: 4px 8px;
	    outline: none;
	    margin: 2px 0;
	}
	.sb-qs select:nth-child(even), .sb-qs input[type="text"]:nth-child(even) {
	    float: right;
	}
	.sb-qs .qc-long {
		width: 100%;
	}
	.sb-qs input[type="submit"] {
		width: 100%;
		display: inline-block;
		vertical-align: top;
		height: 31px;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
		font: normal 14px 'BenchNine', sans-serif;
		background-color: #f35321;
		color: #ffffff;
		border: none;
		outline: none;
		cursor: pointer;
		text-transform: uppercase;
		transition: all .25s ease-in-out;
		-moz-transition: all .25s ease-in-out;
		-webkit-transition: all .25s ease-in-out;
		margin: 4px 0;
	}
	.sb-qs input[type="submit"]:hover {
	    background: #3f535e;
	}
	.sb-qs a {
		display: block;
		widows: 100%;
		height: 31px;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
		font: normal 14px 'BenchNine', sans-serif;
		background-color: #464646;
		color: #ffffff;
		border: none;
		outline: none;
		cursor: pointer;
		text-transform: uppercase;
		text-align: center;
		padding: 5px 0;
		text-decoration: none;
		border: 1px solid transparent;
		transition: all .25s ease-in-out;
		-moz-transition: all .25s ease-in-out;
		-webkit-transition: all .25s ease-in-out;
	}
	.sb-qs a:hover {
	    border-color: #464646;
	    color: #464646;
	    background: transparent;
	}

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

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

#ihf-detail-features-tab .mt-10 {
	margin-left: 0 !important;
	margin-right: 0 !important;
}



.ihf-container-modal .modal-backdrop{

    z-index: 999;
}
 #ihf-main-container .modal{

    z-index: 99999;
 }

 #featured-areas .prop-wrap canvas {
    max-width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

#ihf-main-container .dropdown-menu{

	
    z-index: 99;
}

div.wpcf7-response-output {
	position: absolute;
	margin: 0;
}

.chosen-container {
	z-index: 9;
}