/*
Theme Name: Havana - AgentPro Theme
Theme URI: https://agentpro-havana.agentimage.com/
Description: AIOS mobile semi-custom 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
*/

/*

TABLE OF CONTENTS

1. Custom CSS
2.	IP styles
3.	Mobile styles
  
*/

/*******************************************************
 *
 * 1. Custom CSS
 *
 *******************************************************/

/* Global */
select{
	-webkit-appearance:none;
   -moz-appearance:   none;
   appearance:        none;
}
/*** THEME STYLE ***/
body{
	font-family: 'Open Sans', sans-serif;
}

a:hover {
	text-decoration: none;
	color: inherit; 
  outline: none;
}

.slick-track * {
    outline: none!important;
}


a:link, a:visited { 

  outline: none;

}


#mainwrapper{

}
	/** Headerwrapper **/
	#headerwrapper{
		width: 100%;
		height: auto;
		position: relative;
		left: 0;
		top: 0;
	    background: rgba(0, 0, 0, 0.9);
		z-index: 8;
	}
		.home #headerwrapper{
			position: fixed;
			background: url(https://www.realestatedesignblog.com/wp-content/themes/agentpro-2-havana-single-install/images/header-image.jpg) no-repeat center top;
			background-size: 100% auto;
		}
		#headerwrapper:after{
			display: block;
			content: "";
			width: 100%;
			height: 1px;
			background: rgba(255, 255, 255, 0.3);
			position: absolute;
			left: 0;
			bottom: 0;
		}
		#header{
			width: 100%;
		}
			/** Header Left **/
			#header .header-left{

			}
				/** Logo **/
				#header .logo{
					padding: 20px 0;
				}
					#header .logo a{
						color: inherit;
						text-decoration: none;
					}
						#header .logo a span.sitename{
							display: block;
							color: #e3af00;
							font: 300 40px 	'Comfortaa', cursive;
							text-transform: uppercase;
						}
						#header .logo a span.description{
							font: 300 13px 'Nunito', sans-serif;
							color: #fff;
							text-transform: uppercase;
							letter-spacing: 0.45em;
							margin-left: 18px;
						}
				/** Logo **/
			/** Header Left **/
			/** Header Right **/
			#header .header-right{
				text-align: right;
			}
				/** Contact Info **/
				#header .header-right .h-contact-info {
					font-size: 0;
					padding-right: 20px;
					padding-top: 30px;
				}
					#header .header-right .h-contact-info .smi{
						display: inline-block;
						vertical-align: top;
						padding: 4px 0;
					    margin-right: 15px;

					}
						#header .header-right .h-contact-info .smi a{
							color: #fff;
							display: inline-block;
							vertical-align: middle;
							font-size: 18px;
							text-decoration: none;
							margin: 0 12px;
							transition: all .25s ease-in-out;
							-moz-transition: all .25s ease-in-out;
							-webkit-transition: all .25s ease-in-out;						
						}	
								#header .header-right .h-contact-info .smi a:hover{
									color: #e3af00;
								}
							#header .header-right .h-contact-info .smi a span{
								display: block;

							}

					#header .header-right .h-contact-info .h-phone{
						display: inline-block;
						vertical-align: top;
						position: relative;
						padding: 3px 17px;
					}
						#header .header-right .h-contact-info .h-phone a {
							color: inherit;
						}
						#header .header-right .h-contact-info .h-phone:after{
							display: block;
							content: "";
							width: 1px;
							height: 25px;
							background: rgba(255, 255, 255, 0.3);
							position: absolute;
							right: 0;
							top: 0;

						}
						#header .header-right .h-contact-info .h-phone:before{
							display: block;
							content: "";
							width: 1px;
							height: 25px;
							background: rgba(255, 255, 255, 0.3);
							position: absolute;
							left: 0;
							top: 0;

						}
						#header .header-right .h-contact-info .h-phone span{
							font: 600 16px 'Open Sans', sans-serif;
							color: #fff;
						}
							#header .header-right .h-contact-info .h-phone span em.ai-phone-o {
								color: #e3af00;
								font-size: 13px;
								margin-right: 9px;
								display: inline-block;
								vertical-align: top;
								margin-top: 5px;
							}
					#header .header-right .h-contact-info .h-email{
						display: inline-block;
						vertical-align: top;
					    margin-left: 15px;
					    padding: 3px 0;
					}
						#header .header-right .h-contact-info .h-email a{
							font: normal 16px 'Open Sans', sans-serif;
							color: #fff;
							text-decoration: none;
						}
							#header .header-right .h-contact-info .h-email a em{
								color: #e3af00;
								margin-right: 9px;
								display: inline-block;
								vertical-align: top;
								margin-top: 6px;
								font-size: 12px;

							}
				/** Contact Info **/
				/** Navigation **/
				#header nav{
				    padding-top: 19px;
				}
					#header nav > div > ul{
						font-size: 0;
					}
						#header nav > div > ul > li{
							display: inline-block;
							vertical-align: top;
							position: relative;
						    padding-bottom: 10px;
						}
							#header nav > div > ul > li > a{
								display: block;
								font: normal 13px 'Open Sans', sans-serif;
								color: #fff;
								text-decoration: none;
								text-transform: uppercase;
								position: relative;
								padding: 5px 20px;


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

									-webkit-border-radius: 15px 16px 16px 15px/15px 15px 16px 16px;
								    -moz-border-radius: 15px 16px 16px 15px/15px 15px 16px 16px;
								    border-radius: 15px 16px 16px 15px/15px 15px 16px 16px;
							}

								#header nav > div > ul > li:hover > a {
									background-color: #e3af00;
								}

								/* #header nav > div > ul > li > a:before{
									display: block;
									content: "";
									width: 97%;
									height: 100%;
									-webkit-border-radius: 15px 16px 16px 15px/15px 15px 16px 16px;
									-moz-border-radius: 15px 16px 16px 15px/15px 15px 16px 16px;
									border-radius: 15px 16px 16px 15px/15px 15px 16px 16px;
									background-color: #e3af00;
									position: absolute;
									left: 2px;
									top: 0;
									z-index: -1;	
									opacity: 0;	
									transition: all .25s ease-in-out;
									-moz-transition: all .25s ease-in-out;
									-webkit-transition: all .25s ease-in-out;														
								}
									#header nav > div > ul > li:hover > a:before{
										opacity: 1;
									} */
					#header nav > div > ul > li > ul{
						width: 200px;
						height: auto;
						position: absolute;
						left: 50%;
						margin-left: -100px;
						top: 35px;
						background: #e3af00;
						z-index: 30;
						border-radius: 9px;
						display: none;
					}
						#header nav > div > ul > li > ul > li{
							display: block;
							text-align: center;
							position: relative;
						}
							#header nav > div > ul > li > ul > li > a{
								display: block;
								font: normal 13px 'Open Sans', sans-serif;
								color: #fff;
								text-decoration: none;
								text-transform: uppercase;
								position: relative;
								padding: 10px 6px;
								transition: all .25s ease-in-out;
								-moz-transition: all .25s ease-in-out;
								-webkit-transition: all .25s ease-in-out;														

							}
								#header nav > div > ul > li > ul > li:hover > a{
									color: #464646;
								}
					#header nav > div > ul > li > ul > li > ul{
						width: 100%;
						height: auto;
						position: absolute;
						left: 100%;
						top: 0;
						background: #e3af00;
						z-index: 30;
						border-radius: 9px;
						display: none;
					}
						#header nav > div > ul > li > ul > li > ul > li{
							display: block;
							text-align: center;
						}
							#header nav > div > ul > li > ul > li > ul > li > a{
								display: block;
								font: normal 13px 'Open Sans', sans-serif;
								color: #fff;
								text-decoration: none;
								text-transform: uppercase;
								position: relative;
								padding: 10px 0;
								transition: all .25s ease-in-out;
								-moz-transition: all .25s ease-in-out;
								-webkit-transition: all .25s ease-in-out;														
							
							}
								#header nav > div > ul > li > ul > li > ul > li:hover > a{
									color: #464646;
								}
																	
				/** Navigation **/
			/** Header Right **/
	/** Headerwrapper **/
	/** Hero **/
	#hero{
		width: 100%;
		height: auto;
		position: relative;
		z-index: 1;
	}

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

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

		#hero .cycloneslider-slide:after{
			display: block;
			content: "";
			width: 100%;
			height: 100%;
			background: rgba(0, 0, 0, 0.2);
			position: absolute;
			left: 0;
			top: 0;
			z-index: 1;
		}
		#hero .cycloneslider-slide:before{
			width: 100%;
			height: 100%;
			background: url(images/slideoverlay.png) repeat-x 0 0  transparent;
			position: absolute;
			left: 0;
			top: 0;
			z-index: 2;
			content: "";
			display: block;
		}
		#hero img{
			display: block;
			width: 100%;
			height: auto;
		}
	/** Hero **/
	/** Quick Search **/
	#quick-search{
		width: 100%;
		height: auto;
		background: #111111;
		padding: 1.75% 0;
	}
		#quick-search .qc-title{
			text-align: right;
		}
			#quick-search .qc-title span{
				color: #fff;
				font-size: 36px;
				display: inline-block;
				vertical-align: middle;
			}
		#quick-search .qc-form{
			font-size: 0;
		}
			#quick-search .qc-form select{
				display: inline-block;
				vertical-align: top;
				height: 38px;
				border: 1px solid #fff;
				border-right: none;
				background: transparent;
				/*color: #ffffff;*/
				color: #9E9E9E;
				font: 300 13px 'Open Sans', sans-serif;
				outline: none;
				padding: 7px 10px;
				width: 8.9%;
				cursor: pointer;
			}
				#quick-search .qc-form select.qc-long{
				    width: 17.5%;
				}
				#quick-search .qc-form select.qc-last{
					border-right: 1px solid #fff;
				}
			#quick-search .qc-form input[type="submit"]{
				font-weight: bold;
				text-transform: uppercase;
				color: #fff;
				font-size: 13px;
				-webkit-border-radius: 19px;
				-moz-border-radius: 19px;
				border-radius: 19px;
				background-color: #e3af00;
				border: none;
				cursor: pointer;
				width: 12.6%;
				height: 38px;
				margin-left: 3%;
				outline: none;	
				transition: all .25s ease-in-out;
				-moz-transition: all .25s ease-in-out;
				-webkit-transition: all .25s ease-in-out;					
			}
					#quick-search .qc-form input[type="submit"]:hover{
					    background: #efc535
					}
				#quick-search .qc-form a{
					font: normal 13px 'Open Sans', sans-serif;
					color: #fff;
					text-decoration: underline;
					display: inline-block;
					vertical-align: top;
					margin-left: 2%;
					width: 10.4%;
					text-align: center;
				    margin-top: 1%;
				}

				#quick-search .qc-form a:hover {
					color: #e3af00;
				}
	/** Quick Search **/
	/** Welcome Area **/
	#welcome-area{
		width: 100%;
		height: auto;
		padding: 4% 0;
	}
		#welcome-area h1{
			color: #898989;
			font: normal 21px 'Open Sans', sans-serif;
			text-transform: uppercase;
			padding-top: 5%;
		}
			#welcome-area h1 span{
				font: 500 35px/30px 'Open Sans', sans-serif;
				display: block;
				color: #464646;
			}

		#welcome-area p{
			color: #898989;
			font: 300 14px/25px 'Roboto', sans-serif;
			padding: 23px 0 10px;
			text-align: justify;
		}

		#welcome-area  .agent-photo{

		}
			#welcome-area  .agent-photo img{
				display: block;
				width: 100%;
				max-width: 360px;
				height: auto;
				margin: 0 auto;
			}
	/** Welcome Area **/

	/** CTA **/
	#cta-wrap{
		width: 100%;
		height: auto;
		background: #111111;
		padding: 3.05% 0;
	}
		#cta-wrap .cta-list{

		}
			#cta-wrap .cta-list a{
				display: block;
				-webkit-border-radius: 45px;
				-moz-border-radius: 45px;
				border-radius: 45px;
				background-color: rgba(255,255,255,0);
				border: solid 1px #fff;
				height: 90px;
				font: normal 18px 'Nunito', sans-serif;
				text-transform: uppercase;
				color: #fff;
				width: 100%;
				text-decoration: none;
				position: relative;
				padding: 0 0 0 10%;
				transition: all .25s ease-in-out;
				-moz-transition: all .25s ease-in-out;
				-webkit-transition: all .25s ease-in-out;				
			}
				#cta-wrap .cta-list a:hover{
					background: #e3af00;
					border-color: #e3af00;
				}
				#cta-wrap .cta-list a:after{
					content: "";
					height: 100%;
					width: 0;
					display: inline-block;
					vertical-align: middle;
				}
				#cta-wrap .cta-list a span{
					display: inline-block;
					vertical-align: middle;	
					letter-spacing: 0.12em;				
				}
					#cta-wrap .cta-list:first-child + .cta-list a span{
						letter-spacing: 0;
					}

					#cta-wrap .cta-list a em br {
					    display: none;
					}
					#cta-wrap .cta-list a em {
						vertical-align: middle;
						font-style: normal;
					}
					#cta-wrap .cta-list a em[class^=ai-]{
						display: inline-block;
						vertical-align: middle;
						color: #e3af00;
						font-size: 31px;
						font-size: 2vw;
						position: absolute;
						right: 8%;
						top: 34%;
						transition: all .25s ease-in-out;
						-moz-transition: all .25s ease-in-out;
						-webkit-transition: all .25s ease-in-out;						
					}
						#cta-wrap .cta-list a:hover em{
							color: #fff;
						}
	/** CTA **/
	/** Properties **/
	#properties-area{
		width: 100%;
		height: auto;
		padding: 4% 0 5%;

	}
		/** Featured Properties **/
		#properties-area .featured-properties{
			
		}
			#properties-area .featured-properties h2{
				font: 500 25px 'Open Sans', sans-serif;
				color: #464646;
				text-transform: uppercase;
				border-bottom: 1px solid #dddddd;
				display: block;
				position: relative;
				padding-bottom: 2.5%;
			}
				#properties-area .featured-properties h2:after{
					display: block;
					width: 23%;
					content: "";
					height: 5px;
					position: absolute;
					bottom: -1px;
					left: 0;
					background: #e3af00;
				}

			.featured-properties .fp-properties{
				width: 100%;
				padding-top: 7%;
			}
				.featured-properties .fp-properties a{
					color: inherit;
					text-decoration: none;
					display: block;
					position: relative;
					margin: 2px;
				}
					.featured-properties .fp-properties a img{
						display: block;
						width: 100%;
						height: auto;
					}

					.featured-properties .fp-properties  .fp-details{
						position: absolute;
						left: 0;
						bottom: 0;
						width: 100%;
						z-index: 10;
						background: rgba(0, 0, 0, 0.7);
						color: #fff;
						text-align: center;
					    padding: 16px 0;
					}
						.featured-properties .fp-properties a .fp-details:after{
							display: block;
							content: "";
							width: 100%;
							height: 8px;
							background: #e3af00;
							position: absolute;
							left: 0;
							bottom: -8px;
							transition: all .25s ease-in-out;
							-moz-transition: all .25s ease-in-out;
							-webkit-transition: all .25s ease-in-out;						

						}
							.featured-properties .fp-properties a:hover .fp-details:after{
								bottom: 0;
							}
						.featured-properties .fp-properties  .fp-details p{
							font: normal 13px 'Open Sans', sans-serif;
						}
						.featured-properties .fp-properties  .fp-details strong{
							font: bold 16px 'Montserrat', sans-serif;
							letter-spacing: 0.1em;
							display: block;
							padding: 5px 0;
						}
		/** Featured Properties **/
		/** Featured Communities **/
		#properties-area .featured-communities{
			
		}
			#properties-area .featured-communities h2{
				font: 500 25px 'Open Sans', sans-serif;
				color: #464646;
				text-transform: uppercase;
				border-bottom: 1px solid #dddddd;
				display: block;
				position: relative;
				padding-bottom: 2.5%;
			}
				#properties-area .featured-communities h2:after{
					display: block;
					width: 23%;
					content: "";
					height: 5px;
					position: absolute;
					bottom: -1px;
					left: 0;
					background: #e3af00;
				}

			.featured-communities .fp-communities{
				width: 100%;
				padding-top: 7%;
			}
				.featured-communities .fp-communities a{
					color: inherit;
					text-decoration: none;
					display: block;
					position: relative;
					margin: 2px;
				}
					.featured-communities .fp-communities a img{
						display: block;
						width: 100%;
						height: auto;
					}

					.featured-communities .fp-communities  .fp-details{
						position: absolute;
						left: 0;
						bottom: 0;
						width: 100%;
						z-index: 10;
						background: rgba(0, 0, 0, 0.7);
						color: #fff;
						text-align: center;
						padding: 29px 0;
					}
						.featured-communities .fp-communities a .fp-details:after{
							display: block;
							content: "";
							width: 100%;
							height: 8px;
							background: #e3af00;
							position: absolute;
							left: 0;
							bottom: -8px;
							transition: all .25s ease-in-out;
							-moz-transition: all .25s ease-in-out;
							-webkit-transition: all .25s ease-in-out;						

						}
							.featured-communities .fp-communities a:hover .fp-details:after{
								bottom: 0;
							}
						.featured-communities .fp-communities  .fp-details p{
							font: bold 16px 'Open Sans', sans-serif;
						}
		/** Featured Communities **/
	/** Properties **/
	/** Testimonials **/
	#testimonials-wrap{
		width: 100%;
		background: #111111;
		height: auto;
		padding: 4.21% 0;
	}
		#testimonials-wrap .testimonial{
			position: relative;
			width: 100%;
		}
		#testimonials-wrap h2{
			font: 500 25px 'Open Sans', sans-serif;
			color: #e3af00;
			text-transform: uppercase;
			letter-spacing: 0.2em;
			text-align: center;
		}
			#testimonials-wrap .testi{
				width: 79%;
				margin: 0 auto;
				text-align: center;
			}
				#testimonials-wrap .testi p{
					color: #959595;
					font: normal 14px/25px 'Open Sans', sans-serif;
					letter-spacing: -0.025em;
					padding: 30px 0;
				}
				#testimonials-wrap .testi h3{
					font: bold 18px 'Open Sans', sans-serif;
					color: #ffffff;
					text-transform: uppercase;
					letter-spacing: 0.2em;
				}
				#testimonials-wrap .testi a{
					text-decoration: none;
				}
				#testimonials-wrap .testi span{
					font: normal 12px 'Open Sans', sans-serif;
					color: #959595;
					display: none;
				}
		#testimonials-wrap .ts-next{
			position: absolute;
			right: 0;
			height: 100%;
		    font-size: 56px;
		    cursor: pointer;
		    color: #808080;
		}
			#testimonials-wrap .ts-next:after{
				content: "";
				height: 100%;
				width: 0;
				display: inline-block;
				vertical-align: middle;				
			}
			#testimonials-wrap .ts-next span{
				display: inline-block;
				vertical-align: middle;
			}
		#testimonials-wrap .ts-prev{
			position: absolute;
			left: 0;
			height: 100%;
		    font-size: 56px;			
			cursor: pointer;
			color: #808080;
		}
			#testimonials-wrap .ts-prev:after{
				content: "";
				height: 100%;
				width: 0;
				display: inline-block;
				vertical-align: middle;				
			}
			#testimonials-wrap .ts-prev span{
				display: inline-block;
				vertical-align: middle;
			}

	/** Testimonials **/
	/** Featured Post **/
	#featured-posts{
		width: 100%;
		height: auto;
		padding: 3% 0;
	}

		/** Latest Post **/
		#featured-posts .latest-post{

		}
			#featured-posts .latest-post h2{
				font: 500 25px 'Open Sans', sans-serif;
				color: #464646;
				text-transform: uppercase;
				border-bottom: 1px solid #dddddd;
				display: block;
				position: relative;
				padding-bottom: 1.5%;
			}
				#featured-posts .latest-post h2:after{
					display: block;
					width: 11%;
					content: "";
					height: 5px;
					position: absolute;
					bottom: -1px;
					left: 0;
					background: #e3af00;
				}
				#featured-posts .latest-post h2 em {
					font-size: 30px;
					display: inline-block;
					vertical-align: middle;
					margin-left: 2%;
				}
			#featured-posts .latest-post .blog-area{
				padding-top: 4.5%;
				font-size: 0;
			}
				#featured-posts .blog-area .blog-list{
					display: inline-block;
					vertical-align: top;
					width: 48%;
					height: auto;
					margin-left: 4%;				
				}
					#featured-posts .blog-area .blog-list:first-child{
						margin-left: 0;
					}
					#featured-posts .blog-area .blog-list .blog-photo{
						display: inline-block;
						vertical-align: top;
						width: 26.5%;
					}
						#featured-posts .blog-area .blog-list .blog-photo img{
							width: 100%;
							height: auto;
							display: block;
						}
					#featured-posts .blog-area .blog-list .blog-content{
						width: 68%;
						display: inline-block;
						vertical-align: top;
						margin-left: 5%;						
					}
						#featured-posts .blog-area .blog-list .blog-content h3{
							font: normal 14px 'Open Sans', sans-serif;
							text-transform: uppercase;
						    padding-right: 4%;
						    margin-bottom: 5px;
						}
						#featured-posts .blog-area .blog-list .blog-content span{
							font: normal 10px 'Open Sans', sans-serif;
							color: #9e9e9e;
							text-transform: uppercase;
							display: block;
							padding: 7px 0;
							display: none;
						}

						#featured-posts .blog-area .blog-list .blog-content p{
							font: normal 12px/20px 'Open Sans', sans-serif;
						}

						#featured-posts .blog-area .blog-list .blog-content a{
							display: block;
							font: normal 12px/20px 'Open Sans', sans-serif;
							color: #e3af00;
							text-decoration: none;
							margin: 15px 0;
						}

						#featured-posts .blog-list .blog-date{
							font-size: 12px;
						    padding-top: 5px;
						    padding-bottom: 10px;
						    display: inline-block;
						}
		/** Latest Post **/
		/** Area of  Expertise **/
		#featured-posts .area-of-expertise{
			font-size: 0;
		}
			#featured-posts .area-of-expertise h2{
				font: 500 25px 'Open Sans', sans-serif;
				color: #464646;
				text-transform: uppercase;
				border-bottom: 1px solid #dddddd;
				display: block;
				position: relative;
				padding-bottom: 3.5%;
			}
				#featured-posts .area-of-expertise h2:after{
					display: block;
					width: 23%;
					content: "";
					height: 5px;
					position: absolute;
					bottom: -1px;
					left: 0;
					background: #e3af00;
				}
				#featured-posts .area-of-expertise h2 em {
					font-size: 30px;
					display: inline-block;
					vertical-align: middle;
					margin-left: 2%;
				}
			#featured-posts .area-of-expertise ul{
				padding-top: 7.5%;
				display: inline-block;
				vertical-align: top;
				width: 45%;
				margin-left: 10%;
			}
				#featured-posts .area-of-expertise ul:first-child{
					margin-left: 0;
				}
				#featured-posts .area-of-expertise ul li{
					display: block;
					border-top: 1px solid #e1e1e1;
				}
					#featured-posts .area-of-expertise ul li:first-child{
						border-top: none
					}
					#featured-posts .area-of-expertise ul li a{
						font: 500 14px 'Open Sans', sans-serif;
						color: #898989;
						text-transform: uppercase;
						text-decoration: none;
						display: block;
						padding: 8px 0;
						transition: all .25s ease-in-out;
						-moz-transition: all .25s ease-in-out;
						-webkit-transition: all .25s ease-in-out;						

					}
						#featured-posts .area-of-expertise ul li:hover a{
							color: #e3af00;
						}
		/** Area of  Expertise **/

		#featured-posts .blogimgwrap {
			display: none;
		}
	/** Featured Post **/
	/** Footerwrapper **/
	#footerwrapper{
		width: 100%;
		height: auto;
		background: #111111;
	    padding: 2% 0 1%;
	}
		/** Footer Logo **/
		#footerwrapper .footer-logo,
		#footerwrapper .footer{
			text-align:center;
		}
			#footerwrapper .footer-logo a,
			#footerwrapper .footer a.foot-logo{
				text-decoration: none;
				display: block;
				padding: 15% 0;
			}
			#footerwrapper .footer a.foot-logo{
				padding: 0 0 20px;
			}
			#footerwrapper .footer-logo a span.sitename,
			#footerwrapper .footer a.foot-logo span.sitename{
				display: block;
				color: #e3af00;
				font: 300 29px 	'Comfortaa', cursive;
				text-transform: uppercase;
			}
			#footerwrapper .footer-logo a span.description,
			#footerwrapper .footer a.foot-logo span.description{
				font: 300 9px 'Nunito', sans-serif;
				color: #fff;
				text-transform: uppercase;
				letter-spacing: 0.45em;
				padding-left: 5px;
			}

		/** Footer Logo **/
		/** Footer **/
		#footerwrapper .footer{
			text-align: center;
		}
			#footerwrapper .footer .smi{
   				 padding-bottom: 3.5%;
			}
				#footerwrapper .footer .smi a{
					display: inline-block;
					vertical-align: top;
					color: #fff;
					text-decoration: none;
					font-size: 24px;
					margin: 0 14px;
					transition: all .25s ease-in-out;
					-moz-transition: all .25s ease-in-out;
					-webkit-transition: all .25s ease-in-out;					
				}
					#footerwrapper .footer .smi a:hover{
						color: #e3af00;
					}
			#footerwrapper .footer ul{
				font-size: 0;
			}
				#footerwrapper .footer ul li{
					display: inline-block;
					vertical-align: top;
				}
					#footerwrapper .footer ul li a{
						color: #fff;
						font: normal 12px/12px 'Open Sans', sans-serif;
						text-decoration: none;
						text-transform: uppercase;
						display: block;
						border-left: 1px solid #fff;
						padding: 0 9px;
					}
						#footerwrapper .footer ul li:first-child a{
							border-left: none;
						}
			#footerwrapper .footer p{
				font: normal 10px 'Open Sans', sans-serif;
				color: #959595;
				text-transform: uppercase;
				padding: 3% 0;
			}
				#footerwrapper .footer p a{
					color: inherit;
				}
		/** Footer **/
		#footerwrapper .footer-logo-2{
		    padding: 3% 0;
		    text-align: center;
		}
			#footerwrapper .cred-logos{
			    padding-top: 17px;
			}
				#footerwrapper .cred-logos em{
				    font-size: 26px;
					display: inline-block;
					vertical-align: middle;
					color: #959595;
				}

				#footerwrapper .footer-logo-2 i {
				    color: #fff;
				    font-size: 40px;
				}
	/** Footerwrapper **/
	
	/* Overwrite */
	div.wpcr3_review div.wpcr3_review_title {
		font-size: 25px;
		line-height: 30px;
		font-weight: 600;
	}


/*** THEME STYLE ***/
/*******************************************************
 *
 * 2. IP Styles
 *
 *******************************************************/
/** IDX Boostrap Conflic Fix **/
#ihf-main-container div#areaPickerInputWrapper {
	height: 50px !important;
}
#ihf-main-container .modal-dialog {
	left: inherit !important;
}
/** IDX Boostrap Conflic Fix **/


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

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

/* Adjust width of sidebar */
.sidebar{ width: 25.83%; padding-top:27px; }

.sidebar #search-2 form input[type=text] {
	width: 50%;
}
.sidebar #search-2 form input[type=submit] {
	width: 20%;
}

/* 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) */
#content .entry img.rss-ai-feed {
	display: none;
}
#content .entry-title { 
    font: 500 35px/30px 'Open Sans', sans-serif;
    display: block;
    color: #464646;
}

#content .page-title { 

    font: 500 35px/30px 'Open Sans', sans-serif;
    display: block;
    color: #464646;
	margin: .67em 0; 
	text-transform: none;

 }

/* Style category/archive/etc main headings (h1) */
#content .archive-title { 
    font: 500 35px/30px 'Open Sans', sans-serif;
    display: block;
    color: #464646;
}

/* Styles for category/archive/search/etc subheadings (h2) */
#content .archive-subtitle { 
    font: bold 20px/30px 'Open Sans', sans-serif;
    display: block;
    color: #464646;
}
	
.ai-default-cf7wrap input[type="submit"]{
	background: #e09e11 !important;
} 

.side-contact{
	width: 100%;
	max-width: 360px;
	height: auto;
	margin: 0 auto;
}
	.side-contact img{
		display: block;
		width: 100%;
		height: auto;
	}	

	.side-contact .smi{
		text-align: center;
		padding: 10px 0 0;
	}
		.side-contact .smi a{
			display: inline-block;
			vertical-align: middle;
			font-size: 24px;
			margin: 0 7px;
			text-decoration: none;
			color: #000;
		}
			.side-contact .smi a:hover{
				color: #e3af00;
			}
	.side-contact .h-phone{
		font-size: 17px;
		text-align: center;
		font-weight: bold;		
	}
	.side-contact .h-phone em{
		font-size: 19px;
		display: inline-block;
		vertical-align: middle;
		margin-right: 11px;
		color: #000;
	}

	.side-contact .h-phone em a {
		color: #000;
	}

	.side-contact .h-phone em a:hover {
		color: #e3af00;
	}

	.side-contact .h-phone em[class^=ai-phone-o] {
		color: #e3af00;
	}
	.side-contact .h-email{
		font-size: 17px;
		text-align: center;
		font-weight: bold;		
	}

		.side-contact .h-email a {
			color: #000;
		}
		.side-contact .h-email a:hover{
			color: #e3af00;
		}
	.side-contact .h-email em{
		font-size: 14px;
		display: inline-block;
		vertical-align: middle;
		margin-right: 11px;
		color: #e3af00;
	}
.side-cta{
    padding-top: 40px;
	max-width: 360px;
	margin: 0 auto;

}
		.side-cta .cta-list{

		}
			.side-cta .cta-list a{
				display: block;
				-webkit-border-radius: 45px;
				-moz-border-radius: 45px;
				border-radius: 45px;
				background-color: rgba(255,255,255,0);
				border: solid 2px #111111;
				height: 90px;
				font: normal 18px 'Nunito', sans-serif;
				text-transform: uppercase;
				color: #111111;
				width: 100%;
				text-decoration: none;
				position: relative;
				padding: 0 0 0 10%;
				margin-bottom: 15px;
				transition: all .25s ease-in-out;
				-moz-transition: all .25s ease-in-out;
				-webkit-transition: all .25s ease-in-out;	
			}
				.side-cta .cta-list a:hover{
					background: #e3af00;
					border-color: #e3af00;
					color: #fff;
				}
				.side-cta .cta-list a:after{
					content: "";
					height: 100%;
					width: 0;
					display: inline-block;
					vertical-align: middle;
				}
				.side-cta .cta-list a span{
					display: inline-block;
					vertical-align: middle;	
					letter-spacing: 0.12em;				
				}
					.side-cta .cta-list a span em{
						font-style: normal;
					}
					.side-cta .cta-list:first-child + .cta-list a span{
						letter-spacing: 0;
					}
					.side-cta .cta-list a em[class^=ai-] {
						display: inline-block;
						vertical-align: middle;
						color: #e3af00;
						font-size: 31px;
						font-size: 29px;
						position: absolute;
						right: 8%;
						top: 32%;
						transition: all .25s ease-in-out;
						-moz-transition: all .25s ease-in-out;
						-webkit-transition: all .25s ease-in-out;						
					}
						.side-cta .cta-list a:hover em{
							color: #fff;
						}

/* Archive */

#content .archive-thumbnail {
	padding-top:8px;
}						

#content .archive-subtitle {
	margin-top:0;
}


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

/*** AIOS Listings ***/

ul.list li .prop-det .view-details:hover, #content .property-description .prop-cta a:hover {
	background: #e3af00 !important;
}

#content .listing-details-wrap .property-details .details-list .det-specs span strong, #content .property-description .property-add-type strong, #content .property-description .property-add-type strong a {
	color: #e3af00 !important;
}



.popup-wrap-mortage .mortage-calculator .m-form form div input[type="submit"]:hover {
    background: #efc535;
}

select::-ms-expand {
    display: none;
}

/*******************************************************
 *
 * 3. Mobile styles
 *
 *******************************************************/
 
.amh-fixed-header-nav { border-bottom: 1px solid #fff; }
 
@media only screen and (max-width: 1199px) {
	/** Fixed Header Logo **/
	#fixed-header .logo {
		padding: 25px 0;
	}
	#fixed-header .logo a span.sitename{
	    font: 300 20px/18px'Comfortaa', cursive !important;
	}
	#fixed-header .logo a span.description{
	    font: 300 6px 'Nunito', sans-serif !important;
	    margin-left: 10px !important;
	}
	/** Fixed Header Logo **/
	/** Fixed Nav **/
	#fixed-header nav > div > ul > li > a{
    	padding: 1px 14px;
	}

	#fixed-header .fixed-contact-info {
		padding: 31px 0!important;
	}
	/** Fixed Nav **/
	/** Fixed Contact Info **/
	#fixed-header .fixed-contact-info a {
		padding: 6px 9px!important;
	}
	#fixed-header .fixed-contact-info .fixed-header-phone {
		padding: 4px 12px!important;
	}
	#fixed-header .fixed-contact-info .fixed-header-phone a{
		padding: 0 !important;
		font-size: 14px!important;
	}
	#fixed-header .fixed-contact-info a em[class^=ai-] {
		font-size: 12px!important;
	}
	/** Fixed Contact Info **/
	/** Header **/
		#header .logo a span.sitename {
			font-size: 35px;
		}
		#header .logo a span.description {
			font-size: 12px;
		}
		/** Nav **/
		#header nav > div > ul > li > a{
		    padding: 5px 10px;
		}
		/** Nav **/

		#header .header-right .h-contact-info .smi a {
			margin: 0 9px;
		}

		/** Contact Info **/
		#header .header-right .h-contact-info .h-phone span{
		    font: 600 14px 'Open Sans', sans-serif;
		}
		#header .header-right .h-contact-info .h-email a{
		    font: normal 14px 'Open Sans', sans-serif;
			/*padding: 2px 0;
			display: inline-block;	*/	    
		}

		#header .header-right .h-contact-info .h-phone span em.ai-phone-o {
			margin-top: 5px;
		}

		#header .header-right .h-contact-info .h-phone span em {
			vertical-align: middle;
		}

		/** Contact Info **/
	/** Header **/

		/** Slideshow **/
		#hero .cycloneslider-template-havana-img .cycloneslider-caption{
		    bottom: 12%;
		    top: auto;
		}
			#hero .cycloneslider-template-havana-img .cycloneslider-caption-title{
			    font: 500 34px 'Open Sans', sans-serif;
			}
				#hero .cycloneslider-template-havana-img .cycloneslider-caption a{
				    margin: 26px auto 0;
					font: bold 14px 'Raleway', sans-serif;
					padding: 18px 0;

				}


		/** Slideshow **/
		/** Quick Search **/
		#quick-search .qc-form select{
		    font: 300 11px 'Open Sans', sans-serif;
		}
		#quick-search .qc-form input[type="submit"] {
			margin-left: 2%;
		}
		#quick-search .qc-form a{
			margin-left: 2%;
			width: 12.4%;
		}
		/** Quick Search **/
		/** CTA **/
		#cta-wrap .cta-list a{
		    font-size: 1.4vw;
		}
			#cta-wrap .cta-list a i{
			    top: 38%;
			}

			#cta-wrap .cta-list a em {
				font-size: 15px;
			}
			#cta-wrap .cta-list a em[class^=ai-] {
				top: 38%;
			}

		/** CTA **/
		/** Area of Expertise **/
		#featured-posts .area-of-expertise h2{
		    font: 500 23px 'Open Sans', sans-serif;
	        padding-bottom: 4%;
		}
		/** Area of Expertise **/

	#footerwrapper .footer-logo a span.sitename {
		font-size: 27px;
	}
	#footerwrapper .footer ul li a {
		padding: 0 4px;
	}
}

@media only screen and (max-width: 1024px) {
	#hero .cycloneslider-template-havana-img .cycloneslider-caption {
		bottom: 22%;
	}


}

@media only screen and (max-width: 991px) {

	#hero .cycloneslider-slide:before{
		display: none;
	}



	#quick-search {
		padding: 30px 0 15px;
	}

	#welcome-area h1 {
		padding-top: 0;
	}

	#welcome-area  .agent-photo {
		margin-top: 30px;
	}

	/** Fixed Header **/
	.aios-mobile-header-wrapper {
		display: block;
	}
	.amh-header-buttons{
		background: #111;
		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,
		.ai-menu:hover,
		.amh-email:hover{
			color: #e3af00;
		}		
	/** Fixed Header **/
	#mainwrapper{
	    margin-top: 53px;
	}

	/** Header **/
		#headerwrapper{
		position: relative;
	    background: rgba(0, 0, 0, 0.9);
        padding-bottom: 37px;
	}
	
	.home #headerwrapper{
		position: relative;
	    background: rgba(0, 0, 0, 0.9);
        padding-bottom: 20px; 
		margin-top: -1px;
	}
	
	
	
		/** Logo **/
		#header .logo{
			text-align: center;
			padding: 20px 0 0;
		}

		#header .logo a span.description {
			margin: 0;
		}
		/** Logo **/
		/** Nav **/
		#header nav{
			display: none;
		}
		/** Nav **/
		/** Header Right **/
		#header .header-right{
			text-align: center;
			display: none;
		}
			#header .header-right .h-contact-info .smi{
				display: block;
				text-align: center;
				margin: 0;
			}
			#header .header-right .h-contact-info .h-phone:before{
				display: none;
			}
		/** Heade Right **/
	/** Header **/
		/*** Slideshow Arrow ***/

		.cycloneslider-template-havana-img .cycloneslider-prev, .cycloneslider-template-havana-img .cycloneslider-next {
			margin-top: -50px !important;
		}

		/** Quick Search **/
		#quick-search .qc-title{
			text-align: center;
		}
			#quick-search .qc-form{
				padding-top: 25px;
				padding-bottom: 25px;
				text-align: center;
			}
				#quick-search .qc-form select{
					width: 48%;
					border: 1px solid #fff;
					margin-bottom: 14px;
					margin: 0 1% 14px;
				}
					#quick-search .qc-form select.qc-long{
					    width: 98%;
					}
				#quick-search .qc-form input[type="submit"]{
					width: 50%;
					margin-left: 0;
				}
				#quick-search .qc-form a{
					display: block;
					text-align: center;
					width: 100%;
					margin-left: 0;
				}
		/** Quick Search **/
		/** Welcome **/
		#welcome-area{
			text-align: center;
		}
		/** Welcome **/
		#testimonials-wrap{
		    padding: 40px 0;
		}
		/** CTA **/
		#cta-wrap{
			padding: 45px 0 20px;
		}
		#cta-wrap .cta-list {
		    margin-bottom: 27px;
		}		
			#cta-wrap .cta-list a {
	    		font-size: 15px;
    		    max-width: 480px;
    		    display: block;
    		    margin: 0 auto;
    		    width: 100%;
			}
			#cta-wrap .cta-list a em {
			    top: 28%;
			    font-size: 22px;
			}	

			#cta-wrap .cta-list a em[class^=ai-] {
				font-size: 36px;
			}
			#cta-wrap .cta-list a em[class^=ai-] {
				top: 29%;
			}		
		/** CTA **/

	#properties-area .featured-communities{
		padding-top: 40px;
	}
	#content-sidebar, #content-full {
	    width: 100%;
	}	

	.featured-properties .fp-properties  .fp-details p {
		font-size: 16px;
	}

	#featured-posts .latest-post .blog-area {
		margin-bottom: 30px;
	}

	#featured-posts .area-of-expertise ul {
		padding-top: 25px;
	}

	.outer{
		width: 100%;
		min-width: 100%;
	}
	#content-sidebar #content{
		width: 100%;
	}
	/** Sidebar **/
	.side-cta .cta-list a {
	    font-size: 16px;
	}

	.side-cta .cta-list a em{
	    font-size: 27px;
	}	
	/** Sidebar **/
	/** Footer **/
	#footerwrapper .footer-logo{
		text-align: center;
	}
		#footerwrapper .footer-logo a{
			padding: 20px 0;	
		}
	#footerwrapper .footer-logo-2{
		text-align: center;
	}
	/** Footer **/
}

@media only screen and (max-width: 767px) {
	#hero .cycloneslider-template-havana-img .cycloneslider-caption, .cyclone-nav {
			display: none;
		}

	#hero .cycloneslider-template-havana-img .cycloneslider-caption a{
		font-size: 13px;
		padding: 19px 0;		
	}

	#featured-posts .blog-area .blog-list,
	#featured-posts .area-of-expertise ul {
		display: block;
		width: 100%;
		margin: 0;
		margin-top: 20px;
	}

	#featured-posts .blog-area .blog-list:first-child {
		margin-top: 0;
	}


	#featured-posts .blog-area .blog-list .blog-photo {
		width: 16.55%;
	}

	#featured-posts .blog-area .blog-list .blog-content {
		width: 78%;
	}

	#featured-posts .expertise {
	    margin-top: 20px;
	}

	#featured-posts .area-of-expertise ul {
		padding-top: 0;
		margin-top: 0;
	}

	#welcome-area h1 span {
		font: 500 31px/42px 'Open Sans', sans-serif;
	}

	#cta-wrap .cta-list a em br{
		display: block;
	}

	.featured-properties .fp-properties a,
	.featured-communities .fp-communities a {
		margin: 2px auto;
		max-width: 384px;
	}

	#featured-posts .latest-post h2 {
		padding-bottom: 4%;
	}


	.side-cta .cta-list a em {
		font-size: 22px;
	}


}



@media only screen and (max-width: 400px) {
	#hero .cycloneslider-template-havana-img .cycloneslider-caption{
		display: none;
	}
	header .header-right .h-contact-info .h-phone:after{
		display: none;
	}
	#hero .cycloneslider-template-havana-img .cycloneslider-prev span, 
	#hero .cycloneslider-template-havana-img .cycloneslider-next span {
	    font-size: 50px;
	}

	#properties-area .featured-properties h2{
	    font: 500 18px 'Open Sans', sans-serif;
	}

	#properties-area .featured-communities h2 {
	    font: 500 17px 'Open Sans', sans-serif;
	}
	#featured-posts .blog-area .blog-list{
		width: 100%;
		margin-left: 0;
	}

	#cta-wrap .cta-list a {
	    padding: 10px 30px;
	}


	.side-cta .cta-list a {
	    font-size: 13px;
	}	

	#welcome-area h1 span {
		line-height: 40px;
	}

	#header .header-right .h-contact-info .smi {
		margin-right: 0px;
	}

	#header .header-right .h-contact-info .smi a {
		margin: 0 11px;
	}

	#footerwrapper .footer ul li a {
		line-height: 17px;
	}
}