/**

 *  Theme Name: Hunter Real Estate Group - Imagine Studio

 *  Theme URI: http://www.agentimage.com

 *  Description: AIOS mobile semi-custom theme.

 *  Author: AgentImage

 *  Author URI: http://www.agentimage.com

 *  Version: 1.1.2

 *  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

 **/



/*  CSS By: Manuel Parejas  */



/*



TABLE OF CONTENTS



1. 	Custom CSS

2.	IP styles

3.	Mobile styles

  

*/



/*******************************************************

 *

 * 1. Custom CSS

 *

 *******************************************************/



/* Global */



/* Placeholder effect */

[placeholder]:focus::-webkit-input-placeholder {

 transition: all 0.2s linear;

 transform: translate(10px, 0);

	opacity: 0;

	color:inherit;

	overflow: hidden;

}



textarea:focus {

	overflow-x: hidden;

}



/* 

font-family: 'Lato', sans-serif;

font-family: 'Droid Serif', serif;

*/



body{

	font: 300 15px/23px "Lato";

	background: #FFF;

	color: #333;

	margin: 0;

}



.outer {

	min-width: 100px;

}



.inner {

	width: 100%;

	max-width: 1180px;

	padding: 0 20px;

	box-sizing: border-box;

}





#headerwrapper {

	background: #7e0001;

	padding: 17px 0 15px 0;

	color: #fff;

	position: relative;

	z-index: 1;

}



	.header-logo {

		float: left;

		width: 23.07%;

	}



		.header-logo img{

			width: 100%;

			height: auto;

			display: block;

		}



	.main-navigation {

		float: right;

		width: 74.29%;

		text-align: right;

		padding: 30px 0 25px 0;

	}



		.main-navigation .sf-menu {

			margin: 0;

			padding: 0;

			list-style: none;

			font-size: 0;

		}



			.sf-menu li {

				display: inline-block;

				position: relative;

				padding: 0 12px;

			}



			.sf-menu li:last-child {

				padding-right: 0;

			}



				.sf-menu > li:last-child > a {

					padding-right: 0;

				}



			.sf-menu li a {

				display: block;

				padding: 5px;

				text-decoration: none;

				text-transform: uppercase;

				font: 700 14px "Lato";

				color: #fff;

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

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

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

			}



			.sf-menu > li:hover > a{

				color: #D2D2D2;

			}



			.sf-menu li ul {

				position: absolute;

				display: none;

				z-index: 10;

				width: 180px;

				left: 50%;

				margin-left: -90px;

				padding-top: 10px;

			}



				.sf-menu li ul li {

					display: block;

					padding: 0;

					text-align: center;

				}



				.sf-menu li ul li a {

					display: block;

					padding: 5px 10px;

					background: #292929;

					margin-bottom: 1px;

				}



					.sf-menu li ul li:hover a {

						background: rgba(41,41,41,.8);

					}



					.sf-menu li ul li ul {

						left: 100%;

						margin: 0;

						padding: 0 0 0 1px;

					}



#hero {

	position: relative;

	z-index: 0;

	min-height: 519px;

}



	#hero .inner {

		height: 0;

		position: relative;

		z-index: 50;

	}



		#hero .cycloneslider-template-seamless {

			z-index: 0

		}



		#hero .slide-widget-left {

			position: absolute;

			left: 20px;

			bottom: 60px;

			width: 31.22%;

		}

		

			.market-snapshot-btn {

				display: block;

				text-decoration: none;

				box-sizing: border-box;

				max-width: 356px;

				height: 126px;

				padding-left: 117px;

				border: 8px solid #919191;

				position: relative;

				color: #4b310a;

				text-shadow: 1px 1px 1px #ead9c1;



				background: #dabf98 url(images/btn-market-bg.jpg) no-repeat;

				-webkit-box-shadow: 6px 10px 8px rgba(0,0,0,.43);

				-moz-box-shadow: 6px 10px 8px rgba(0,0,0,.43);

				box-shadow: 6px 10px 8px rgba(0,0,0,.43);



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

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

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

			}



				.market-snapshot-btn:hover {

					box-shadow: 6px 10px 18px rgba(0,0,0,.43);

					-webkit-box-shadow: 6px 10px 18px rgba(0,0,0,.43);

					-moz-box-shadow: 6px 10px 18px rgba(0,0,0,.43);

				}



				.market-snapshot-btn h3 {

					display: block;

					color: #4b310a;

					margin: 8px 0 4px;

				}



					.market-snapshot-btn h3 em {

						font: 400 24.57px/19px "Droid Serif";

						font-style: italic;

						display: block;

					}



					.market-snapshot-btn h3 strong {

						font: 700 27.57px/31px "Lato";

						display: block;

						text-transform: uppercase;

					}



					.market-snapshot-btn p{

						font: 400 12px/14px "Lato";

						font-style: italic;

						color: #4b310a;

					}



					.market-snapshot-btn span {

						font: 700 10px "Lato";

						text-transform: uppercase;

						text-decoration: underline;

						display: block;

						color: #4b310a;

						margin-top: 3px;

					}





		#hero .slide-widget-right {

			position: absolute;

			right: 20px;

			bottom: 61px;

			width: 23.07%;

			box-sizing: border-box;

		}



			.qs-wrapper {

				padding: 35px 7%;

				background: rgba(255,255,255,.85);

				text-align: center;

			}



				.qs-wrapper h3 {

					font: 700 24px/24px "Lato";

					color: #7e0001;

					text-transform: uppercase;

				}



				.qs-wrapper p {

					font: 400 12px/16px "Lato";

					font-style: italic;;

					color: #666666;

					margin: 20px 0 25px;

				}

				

					.qs-form .qs-row {

						position: relative;

					}



						.qs-form .qs-row:after {

							display: block;

							clear: both;

							content: '';

						}





					.qs-form select,

					.qs-form input[type="submit"],

					.qs-form input[type="button"],

					.qs-form button {

						box-sizing: border-box;

						height: 30px;

						border: 1px solid #7c7d7f;

						border-radius: 0;

						outline: none;

						width: 100%;

						display: block;

						background: transparent;

						padding: 4px 9px;

						font: 400 12px "Lato";

						color: #666666;

						text-transform: uppercase;



						appearance:none;

						-webkit-appearance:none;

						-moz-appearance:none;

					}



					.qs-form .sel-box {

						display: block;

						position: relative;

						margin-bottom: 10px;

					}



						.qs-form .sel-box:after {

							width: 8px;

							height: 5px;

							background: url(images/dp.png) no-repeat;

							content: '';

							position: absolute;

							top: 11px;

							right: 10px;

						}

						

						.qs-form .qs-row .sel-box,

						.qs-form input[type="submit"],

						.qs-form input[type="button"] {

							float: left;

							width: 49%;

						}



							.qs-form .qs-row .sel-box:first-child,

							.qs-form input[type="submit"] {

								margin-right: 1.70%;

							}

					



					.qs-form input[type="submit"],

					.qs-form input[type="button"] {

						border:none;

						font: 400 12px "Lato";

						color: #fff;

						cursor: pointer;



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

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

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

					}



					.qs-form input[type="submit"] {

						background: #7e0001;

					}



					.qs-form input[type="button"] {

						background: #292929;

					}



					.qs-form input[type="submit"]:hover,

					.qs-form input[type="button"]:hover {

						opacity: 0.8;

					}



#homepage-widget-area-wrap {

	background: #e2e2e2 url(images/cta-welcome-bg.jpg) center top no-repeat;

	/* min-height: 590px; */

	box-sizing: border-box;

	background-size: cover;

}



	.cta-wrapper {

		padding: 21px 0;

		position: relative;

	}



		.cta-list {

			font-size: 0;

			position: relative;

		}



			.cta-list a {

				display: inline-block;

				vertical-align: middle;

				text-decoration: none;

				width: 31.57%;

				height: 67px;

				margin-left: 2.63%;

				background: #7e0001;

				box-sizing: border-box;

				position: relative;

				font-size: 0;

				text-align: center;

				overflow: hidden;

				text-align: left;

			}



				.cta-list a span.cta-icon {

					position: absolute;

					font-size: 0;

					z-index: 2;

					left: 16px;

					top: 8px;

					width: 50px;

					height: 50px;

					content: '';

					background: url(images/sprite.png);

				}



					.cta-list a.cta-item-1 span.cta-icon {

						background-position: -6px -9px;

					}



					.cta-list a.cta-item-2 span.cta-icon {

						background-position: -77px -9px;

					}



					.cta-list a.cta-item-3 span.cta-icon {

						background-position: -146px -9px;

					}



				.cta-list a:before {

					content: '';

					display: inline-block;

					vertical-align: middle;

					width: 0;

					height: 100%;

				}



				.cta-list a:after {

					z-index: 1;

					width: 100%;

					height: 0;

					position: absolute;

					top: 0;

					left: 0;

					background: #8E090A;

					content: '';

					opacity: 0;



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

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

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

				}



				.cta-list a:hover:after {

					opacity: 1;

					height: 100%;

				}



			.cta-list a:first-child {

				margin-left: 0;

			}



				.cta-list a .cta-title {

					display: inline-block;

					vertical-align: middle;

					font: 400 22px/25px "Lato";

					text-transform: uppercase;

					color: #fff;

					position: relative;

					z-index: 2;

					width: 100%;

				}

					

					.cta-list a .cta-title .cta-ctr {

						padding-left: 27.29%;

						position: relative;

					}



					.cta-list a .cta-title span {

						display: block;

						font-size: 14px;

						line-height: 12px;

					}



					.cta-list a .cta-title strong {

						display: block;

						font-weight: 400;

					}

				

	.welcome-wrapper {

		width: 65.78%;

		margin: 0 auto;

		position: relative;

		text-align: center;

		z-index: 2;

	}



		.welcome-wrapper h1 {

			display: block;

			position: relative;

			margin: 37px 0 27px;

		}



			.welcome-wrapper h1 em {

				display: block;

				font: 400 18px/18px "Droid Serif";

				color: #333333;

			}



			.welcome-wrapper h1 strong {

				display: block;

				font: 300 34px/34px "Lato";

				color: #7e0001;

			}



	.agent-wrapper {

		display: block;

		position: relative;

		font-size: 0;

		margin-top: 5px;

		z-index: 1;

	}



		.agent-wrapper:after {

			display: block;

			content: '';

			clear: both;

		}



		.agent-wrapper .agent-left,

		.agent-wrapper .agent-right {

			display: inline-block;

			vertical-align: bottom;

			width: 42.71%;

		}



		.agent-wrapper .agent-left .agent-photo,

		.agent-wrapper .agent-right .agent-photo {

			display: inline-block;

			vertical-align: bottom;

			width: 54.01%;

		}



		.agent-wrapper .agent-left .agent-photo img,

		.agent-wrapper .agent-right .agent-photo img {

			display: block;

			width: 100%;

			height: auto;

		}



			.agent-wrapper .agent-left .agent-photo img {

				max-width: 249px;

			}



			.agent-wrapper .agent-right .agent-photo img {

				max-width: 246px;

				margin-left: auto;

			}



		.agent-wrapper .agent-left .agent-desc,

		.agent-wrapper .agent-right .agent-desc {

			display: inline-block;

			vertical-align: bottom;

			width: 45.09%;

			margin-bottom: 17%;

			font-size: 14px;

			word-break: break-all;

		}



		.agent-wrapper .agent-right {

			text-align: right;

		}



			/* HP Agents Styles */

			.agent-desc .agent-name-position {

				margin-bottom: 8px 

			}



			.agent-desc .agent-name-position strong{

				font: 300 24px "Lato";

				color: #333333;

				display: block;

			}



			.agent-desc .agent-name-position span{

				display: block;

				color: #333;

				font: 400 12px "Lato";

				text-transform: uppercase;

			}



			.agent-desc a.aw-agent-email {

				font: 400 14px "Lato";

				color: #7e0001;

				font-style: italic;

			}



			.agent-desc .aw-contact-info {

				font: 400 14px "Lato";

				color: #666666;

				font-style: italic;

				margin-bottom: 2px;

			}



				.agent-desc .aw-contact-info strong {

					font-style: normal;

				}



		.agent-wrapper .agent-button {

			display: inline-block;

			vertical-align: bottom;

			width: 14.47%;

			margin-bottom: 88px;

		}



			.agent-button a {

				display: block;

				width: 100%;

				height: 52px;

				box-sizing: border-box;

				border: 1px solid #bbbbbb;

				text-align: center;

				padding: 15px 0;

				font: 700 15px "Lato";

				color: #666666;

				text-transform: uppercase;

				letter-spacing: 2px;



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

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

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

			}



			.agent-button a:hover {

				color: #fff;

				background: #7e0001;

			}





#featuredproperty-wrap {

	position: relative;

	padding: 58px 0 33px;

	/*background: url(images/shadow-top.png) bottom center repeat-x;*/

}



	#featuredproperty-wrap .inner {

		overflow: hidden;

		padding: 0 5px;

	}





	#featuredproperty-wrap h3 {

		display: block;

		position: relative;

		margin: 0 0 22px;

		text-align: center;

	}



		#featuredproperty-wrap h3 em {

			display: block;

			font: 400 18px/18px "Droid Serif";

			color: #333333;

		}



		#featuredproperty-wrap h3 strong {

			display: block;

			font: 300 34px/34px "Lato";

			color: #7e0001;

			text-transform: uppercase;

		}



			.fp-list {

				position: relative;

				max-width: 1170px;

				width: 100%;

				margin: 0 auto;

			}



				.fp-item {

					outline: none;

					display: none;

				}



					.fp-item a {

						text-decoration: none;

						outline: none;

						display: block;

						max-width: 390px;

						width: 100%;

						padding: 0 3.85% 16px;

						text-align: center;

						font: 400 11px "Lato";

						color: #777777;

						text-transform: uppercase;

					}



						.fp-item a .fp-photo{

							position: relative;

							width: 100%;

							height: auto;



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

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

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

						}



							.fp-photo:before {

								width: 75px;

								height: 75px;

								content: '';

								position: absolute;

								top: 0;

								left: 0;

								background: rgba(0,0,0,.8) url(images/sprite.png) -208px 6px no-repeat;

							}



							.fp-item a:hover .fp-photo {

								opacity: 0.8;

							}



							.fp-item a .fp-photo img {

								display: block;

								width: 100%;

								height: 240px;

							}



						.fp-item a .fp-price {

							display: block;

							font: 400 28px "Lato";

							color: #7e0001;

							margin: 12px 0 5px;

						}



						.fp-item a strong {

							display: block;

							font-size: 16px;

							text-transform: uppercase;

							margin-bottom: 5px;

						}



.fp-all {

	 text-align: center; 

	 display: block;

}



		.fp-all a {

			display: inline-block;

			text-decoration: none;

			max-width: 244px;

			width: 100%;

			height: 54px;

			box-sizing: border-box;

			border: 1px solid #bbbbbb;

			font: 700 15px "Lato";

			color: #666666;

			letter-spacing: 2px;

			text-transform: uppercase;

			padding: 16px 0;



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

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

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

		}



			.fp-all a:hover {

				background: #7e0001;

				color: #fff;

			}





#blog-wrap {

	position: relative;

	padding: 40px 0 50px 0;

}



	#blog-wrap h3 {

		display: block;

		position: relative;

		margin: 0 0 39px;

		text-align: center;

	}



		#blog-wrap h3 em {

			display: block;

			font: 400 18px/18px "Droid Serif";

			color: #333333;

		}



		#blog-wrap h3 strong {

			display: block;

			font: 300 34px/34px "Lato";

			color: #7e0001;

			text-transform: uppercase;

		}



		.blog-list {

			position: relative;

			font-size: 0;

		}



			.blog-list article {

				display: inline-block;

				vertical-align: top;

				font: 300 14px/20px "Lato";

				color: #666666;

				width: 31.57%;

				margin-left: 2.63%;

				padding-bottom: 30px;

			}



			.blog-list article:first-child {

				margin-left: 0;

			}



				.blog-list article .blog-photo {

					display: block;

					position: relative;

					margin-bottom: 10px;

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

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

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

				}



					.blog-list article:hover .blog-photo {

						opacity: 0.8;

					}

	

					.blog-list article .blog-photo img {

						display: block;

						width: 360px;

						height: 240px;

					}



				.blog-list article h4 {

					display: block;

					font: 300 18px "Lato";

					color: #15679b;

					padding: 5px 0;

				}



				.blog-list article span.blog-meta {

					display: block;

					color: #7d7d7d;

					font: 300 10px "Lato";

					text-transform: uppercase;

				}



				.blog-list article p{

					margin: 14px 0;

					display: block;

				}



				.blog-list article a {

					text-transform: lowercase;

					font-size: 14px;

					color: #7e0001;

					text-decoration: none;

				}



	#blog-wrap .blog-all {

		text-align: center;

	}

		

		#blog-wrap .blog-all a {

			display: inline-block;

			text-decoration: none;

			max-width: 244px;

			width: 100%;

			height: 54px;

			box-sizing: border-box;

			border: 1px solid #bbbbbb;

			font: 700 15px "Lato";

			color: #666666;

			letter-spacing: 2px;

			text-transform: uppercase;

			padding: 16px 0;



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

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

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

		}



			#blog-wrap .blog-all a:hover {

				background: #7e0001;

				color: #fff;

			}





#footerwrapper {

	background: url(images/shadow-bottom.png) center top repeat-x;

}



	.footer-widget-area {

		padding: 58px 0 37px;

	}



		.footer-widget-area:after {

			clear: both;

			content: '';

			display: block;

		}



		.fwa {

			float: left;

			border-left: 1px solid #e0e0e0;

			box-sizing: border-box;

			padding: 0 1.31%;

			padding-bottom: 5px;

			min-height: 212px;

		}



			.fwa .f-widget-title {

				display: block;

				margin: 0;

				font: 300 16px/16px "Lato";

				color: #7e0001;

				text-transform: uppercase;

				margin-top: -7px;

			}



			.fwa .footer-widget-links {

				margin: 13px 0 0 ;

				padding-right: 0;

				list-style: none;

			}



				.footer-widget-links li {

					display: block;

					padding: 4.5px 0;

				}





					.footer-widget-links li a {

						display: inline-block;

						padding: 5px 0;

						text-decoration: none;

						text-transform: uppercase;

						font: 300 13px "Lato";

						color: #666666;

					}



					.footer-widget-links li a:hover {

						text-decoration: underline;

					}







		.footer-widget-area-1 {

			border-left: none;

			width: 24.38%;

			padding-left: 0;

		}



			.footer-widget-area-1 .agent-desc:first-child {

			    margin-top: -9px;

			}



			.footer-widget-area-1 .agent-desc {

				display: block;

				font-size: 14px;

				word-break: break-all;

			}



				.footer-widget-area-1 .agent-name-position {

					margin-bottom: 5px 

				}



				.footer-widget-area-1 .agent-name-position strong{

					font: 300 20px "Lato";

					color: #333333;

					display: block;

				}



				.footer-widget-area-1 .agent-name-position span{

					display: block;

					color: #333;

					font: 400 10px "Lato";

					text-transform: uppercase;

				}



				.footer-widget-area-1 a.aw-agent-email {

					font: 400 13px "Lato";

					color: #7e0001;

					font-style: italic;

				}



				.footer-widget-area-1 .aw-contact-info {

					font: 400 13px "Lato";

					color: #666666;

					font-style: italic;

					margin-bottom: 2px;

				}



					.footer-widget-area-1 .aw-contact-info strong {

						font-style: normal;

					}



		.footer-widget-area-2 {

			width: 16.92%;

		}



		.footer-widget-area-3 {

			width: 17.19%;

		}



		.footer-widget-area-4 {

			width: 17.01%;

		}



		.footer-widget-area-5 {

			width: 24.47%;

			padding-right: 0;

		}



			.social-media {

				font-size: 0;

				margin: 17px 0;

			}



				.social-media a {

					display: inline-block;

					text-decoration: none;

					width: 33px;

					height: 33px;

					margin: 0 1%;

					background: url(images/social-media.png) no-repeat;



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

				}



				.social-media a:first-child {

					margin-left: 0;

				}



				.social-media a.fb {

					background-position:-1px 0px;

				}



				.social-media a.tw {

					background-position: -37px 0px;

				}



				.social-media a.li {

					background-position: -73px 0px;

				}



				.social-media a.yt {

					background-position: -109px 0px;

				}



				.social-media a.gp {

					background-position: -144px 0px;

				}



				.social-media a.ig {

					background-position: -181px 0px;

				}

			

			.subscribe-widget {

				padding-top: 5px;

			}



				.subscribe-widget p {

					font: 300 13px "Lato";

					margin: 12px 0;

				}



				.subscribe-widget .subc-form {

					/*border: 1px solid #c6c6c6;*/

					width: 100%;

					height: 38px;

					box-sizing: border-box;

					position: relative;

				}



					.subc-form form {

						margin: 0;

					}



					.subc-form input[type=email],

					.subc-form input[type=submit] {

						margin: 0;

						border:none;

						border-radius: 0;

						height: 36px;

						outline: none;

						box-sizing: border-box;

						display: block;

						appearance:none;

						-webkit-appearance:none;

						-moz-appearance:none;

					}



					.subc-form input[type=email] {

						background: #fff;

						width: 100%;

						font: 300 13px "Lato";

						color: #666666;

						padding: 7px 16% 7px 11px;

					}



					.subc-form form input[type="text"] {

						background: #fff;

						width: 100%;

						font: 300 13px "Lato";

						color: #666666;

						padding: 7px 16% 13px 11px;

						border: 1px solid #000;

						border-radius: 0;

						height: 38px;

						appearance:none;

						-webkit-appearance:none;

						-moz-appearance:none;

						-ms-appearance:none;

						-o-appearance:none;

					}

					

					.subc-form input[type=submit] {

						width: 15.20%;

						top: 0;

						right: -1px;

						height: 38px;

						position: absolute;

						z-index: 5;

						cursor: pointer;

						outline: none;

						background: #000 url(images/sprite.png) -302px -17px no-repeat;

						font-size: 0;



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

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

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

					}



					.subc-form input[type=submit]:hover {

						opacity: 0.8;

					}







	

	.main-footer {

		background: #191919;

		padding: 18px 0;

		color: #fff;

		font: 400 12px/16px "Lato";

	}



		.footer-left {

			float: left;

			width: 76.92%;

		}



		.footer-right {

			float: right;

			text-align: right;

			width: 20%

		}





.mc-holder{

	width: 100%;

	/*max-width: 355px;*/

	max-width: 100%;

}





 

/*******************************************************

 *

 * 2. IP Styles

 *

 *******************************************************/



.ip-banner {

	position: relative;

}



	.ip-banner img {

		display: block;

		width: 100%;

		height: auto;

	}



#content-sidebar, #content-full{

	min-height: 500px;

	width: 100%;



	font: 300 15px/21px "Lato";

	color: #333;

}

	/** Content Sidebar **/

	#content-sidebar #content{

		width: 74.29%;

	}

		/* Styles for post/page main headings (h1) */

		#content .entry-title { 

			font: 300 28px/28px "Lato";

			color: #7e0001;

			text-transform: uppercase;

			margin: 32px 0 20px;

		}



		/* Styles for category/archive/etc main headings (h1) */



		#content .archive-title { 

			font: 300 28px/28px "Lato";

			color: #7e0001;

			text-transform: uppercase;

			margin: 32px 0 20px;

		}



		/* Styles for category/archive/search/etc subheadings (h2) */



		#content .archive-subtitle { 

			font: 300 20px/20px "Lato";

			color: #7e0001;

			text-transform: uppercase;

			/*margin: 22px 0 15px;*/

			margin: 0 0 15px;

		}

	

	/* Content Full */

	#content-full #content {

		width: 100%;

	}

	 

	 /** Sidebar **/

	.sidebar{

		width: 23.07%;

	}

	

	/* Content area with left sidebar */

	.page-template-template-left-sidebar #content {

		float: right;

	}



	.page-template-template-left-sidebar .sidebar {

		float: left;

	}





	/* Additional Sidebar */

	.ip-contact-info {

	    margin-top: 10px;

	    text-align: center;

	}

		

		.ip-contact-info .agent-photo {

		    margin-bottom: 17px;

		}



			.ip-contact-info .agent-photo img {

			    width: 100%;

			    height: auto;

			}



	.cta-list.ip-cta {

	    margin-top: 31px;

	    margin-bottom: 20px;

	}



		.cta-list.ip-cta a {

		    display: block;

		    width: 100%;

		    margin: 0 0 4px 0;

		}



.page-id-81 #content span.wpcf7-form-control-wrap,

.page-id-83 #content span.wpcf7-form-control-wrap,

.page-id-85 #content span.wpcf7-form-control-wrap {

	display: inline-block;

	width: 100%;

}



	.page-id-81 #content span.wpcf7-form-control-wrap.city, 

	.page-id-81 #content span.wpcf7-form-control-wrap.state,

	.page-id-81 #content span.wpcf7-form-control-wrap.zip,

	.page-id-83 #content span.wpcf7-form-control-wrap.city, 

	.page-id-83 #content span.wpcf7-form-control-wrap.state,

	.page-id-83 #content span.wpcf7-form-control-wrap.zip,

	.page-id-85 #content span.wpcf7-form-control-wrap.preferredcity, 

	.page-id-85 #content span.wpcf7-form-control-wrap.state,

	.page-id-85 #content span.wpcf7-form-control-wrap.zip {

	    width: 31.60% !important;

	    display: inline-block !important; 

	}



.wpcf7-response-output {

	text-align: center;

}



/*** IHF Fix ***/

#ihf-search-location-tabs {

    margin-left: 0 !important;

}



#ihf-main-container ul.chosen-results {

    padding-left: 0 !important;

    margin-left: 0 !important;

}



#ihf-search-tabs {

    /*padding: 0 !important;*/

}



#ihf-detail-extrainfotabs {

    margin-left: 0 !important;

}



#ihf-detail-features-tab {

    padding: 0 15px;

}



.ihf-grid-result-address {

	white-space: normal !important;

}



/*  Custom IP  */



.contact-us-page {

	position:relative;

}



	.contact-us-page:after {

		clear: both;

		content: '';

		display: block;

	}



		.contact-us-page span.imp {

			font-size:12px;

			font-weight: 300;

			font-style: italic;

		}



		.contact-us-page .cup-left {

		    width: 53.38%;

		    float: left;

		}



			.contact-us-custom p {

			    margin: 0!important;

			}

			

			.contact-us-custom input[type="text"],

			.contact-us-custom input[type="email"],

			.contact-us-custom textarea {

				width: 100%;

				height: 40px;

				box-sizing: border-box;

				border: 1px solid #d7d7d7;

				color: #333;

				font: 300 15px "Lato";

				padding: 10px 12px;

				outline: none;

				border-radius: 0;

				margin-bottom: 6px;



				-webkit-appearance: none;

				-moz-appearance: none;

				appearance: none;

			}



			.contact-us-custom textarea {

				resize: none;

				height: 72px;

				margin-bottom: 12px;

			}



			.contact-us-custom input[type="submit"] {

				display: block;

				margin-left: auto;

				-webkit-appearance: none;

				-moz-appearance: none;

				appearance: none;

				outline: none;

				border-radius: 0;

				box-sizing: border-box;

				border:none;



				cursor: pointer;



				width: 35.66%;

				height: 43px;

				background: #292929;

				font: 300 18px "Lato";

				color: #fff;

				text-transform: uppercase;

				padding: 5px 5px;



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

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

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

			}



			.contact-us-custom input[type="submit"]:hover {

				background: #7e0001;

			}



			.contact-us-page span.wpcf7-form-control-wrap {

				display: block!important;

			}



			.contact-us-page form {

				margin: 0!important;

			}





		.contact-us-page .cup-right {

		    width: 42.17%;

		    float: right;

		    margin-right: 5px;

		    margin-top: -15px;

		}



			.map-contact-wrap {

				position: relative;

			}



				.map-contact-wrap img {

					display: block;

					width: 100%;

					height: auto;

				}



				.map-contact-wrap .map-contact-info {

					position: absolute;

					top: 12%;

					left: 15.97%;

					z-index: 1;

					width: 72.62%;

					height: 156px;

					padding: 15px 17px;

					box-sizing: border-box;

				}



					.map-contact-info {

						font: 300 14px/18px "Lato";

						color: #666666;

					}



						.map-contact-info p {

							margin: 0!important;

							line-height: 18px!important;

						}



						.map-contact-info strong {

							display: block;

							font: 300 16px/16px "Lato";

							color: #7e0001;

							text-transform: uppercase;

							margin-bottom: 6px;

							white-space: nowrap;

						}



						.map-contact-info a {

							font: 300 14px "Lato";

							color: #333;

							text-decoration: none;

						}



/*Communities Page*/



ul.com-pages{

	font-size: 0;

	margin-left: 0 !important;

}

ul.com-pages li {

    display: inline-block;

    vertical-align: top;

    width: 33%;

}

ul.com-pages li a {

    display: block;

    background: #8E090A;

    text-decoration: none;

    padding: 14px 0;

    text-align: center;

    margin: 4px 1%;

    border-radius: 5px;

    font-size: 16px;

    color: #fff;

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

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

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

}



 ul.com-pages li a:hover {  

 	background: #df1f30;



 }



.marketing-plan img {

	display: none;

}



.credit-rating{

	overflow: scroll;

}

table.credit-rating td {

    padding: 0 10px;

    min-width: 130px;

}



.page-id-79 table td {

    vertical-align: top !important;

}



/* Media Queries */



#content a:hover {

	color: #23527c;

	text-decoration: underline;

}



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



	.cta-list a .cta-title {

		font: 400 16px/22px "Lato";

	}



	.cta-list a span.cta-icon {

		left: 7px;

	}



	.agent-wrapper .agent-left .agent-photo, .agent-wrapper .agent-right .agent-photo {

		width: 52.01%;

	}



	.agent-wrapper .agent-left .agent-desc, .agent-wrapper .agent-right .agent-desc {

		width: 47.09%;

	}



	.agent-wrapper .agent-button {

		transition: scale(0.8);

		-webkit-transition: scale(0.8);

		-moz-transition: scale(0.8);

	}



	.subc-form input[type=submit] {

		background: #000 url(images/sprite.png) -305px -17px no-repeat;

	}



	.contact-us-page .cup-right {

		margin-top: 0;

	}



	.map-contact-wrap .map-contact-info {



		width: 84.62%;

		height: 176px;





		transform: scale(0.85);

		-webkit-transform: scale(0.85);

		-moz-transform: scale(0.85);

		transform-origin: 0 0;

		-webkit-transform-origin: 0 0;

		-moz-transform-origin: 0 0;

	}

	/* .map-contact-info {

		font: 300 13px/12px "Lato"!important

	}

	

	.map-contact-info strong {

		font: 300 13px/7px "Lato";

	} */



	.blog-list article .blog-photo img {

		width: 100%;

	}



	.sf-menu li {

		padding: 0 5px;

	}



}







/* Initial Setup Ammends */

.ai-contact-wrap span.wpcf7-form-control-wrap {

	display: block!important;

}



/*******************************************************

 *

 * 3. Mobile styles

 *

 *******************************************************/



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

	.inner {

	    width: 100%;

	    padding: 0;

	}

	#content-sidebar, #content-full {

	    width: 100%;

	}	

	.outer{

		width: 100%;

		min-width: 100%;

	}

	#content-sidebar #content{

		width: 100%;

	}



	/* Contact Page*/

	.contact-us-page .cup-left {

	    width: 100%;

	    float: none;

	    max-width: 361px;

	    margin: 0 auto;

	}



	.contact-us-page .cup-right {

	    width: 100%;

	    float: none;

	    max-width: 361px;

	    margin-right: 0;

	    margin: 0 auto!important;

		

	}



	.contact-us-custom input[type="text"], .contact-us-custom input[type="email"], .contact-us-custom textarea {

	    width: 100%!important;

	    max-width: 100%!important;

	}



	#ihf-search-location-tab #areaPickerContainer .col-xs-12 {

		padding: 0;

	}

	.ihf-map-info-window-detail {

	    margin-left: 20px;

	}



}





/* Temporay Just for Contact Map please check the map first before removing this. make sure that the map is GoogleAPI  */

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



	.map-contact-wrap .map-contact-info {



		width: 79.62%;

		height: 166px;





		-webkit-transform: scale(0.8);

		-moz-transform: scale(0.8);

		transform: scale(0.8);



		-webkit-transform-origin: 0 0;

		-moz-transform-origin: 0 0;

		transform-origin: 0 0;

	}



	ul.com-pages li {

		display: block;

		width: 100%;

	}



	.page-id-79 #content tr {

	 	display: block;

	 }



	.page-id-79 #content td {

		display: block;

		width: 100%;

	}



		#agent-profile tr, #agent-profile td {

			display: block;

		}	



	a.btn.btn-link.ihf-advanced-search-launch {

		white-space: normal !important;

	}



	#ihf-search-profile-submit {

		font-size: 15px !important;

	}



	#ihf-main-search-form-submit {

	    font-size: 15px !important;

	}



}



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

	

	#ihf-main-container .chosen-container-single-nosearch .mb-10 {

		padding: 0;

	}



	#ihf-main-container #ihf-house-condo-search-fields .col-xs-12 {

		padding: 0;

	}



	#ihf-main-container .nav > li > a {

		padding: 10px 13px;

	}



	.ihf-listing-search-results .ihf-grid-result {

	    padding: 0 !important;

	}

	span.btn.btn-link.ihf-map-search-refine-link {

	    margin-left: -20px;

	}

	#ihf-main-search-form .col-xs-12 {

	    padding: 0 !important;

	}

}



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

	

	.map-contact-wrap .map-contact-info {



		width: 89.62%;





		-webkit-transform: scale(0.7);

		-moz-transform: scale(0.7);

		transform: scale(0.7);



		-webkit-transform-origin: 0 0;

		-moz-transform-origin: 0 0;

		transform-origin: 0 0;

	}



}



/* End of temporay map */





span.wpcf7-form-control-wrap {

    position: relative;

    display: block!important;

}



.page-id-49 .post {

    border-bottom: 1px dotted;

}



/* CSS Rules added by JP start here... */

.home #featuredproperty-wrap.outer.aios-mobile-pack-hide {

  

  padding-bottom: 0px;

}



.home #featured_properties_navigation_container {

  

  position: relative;

    top: -262px;

    

  height: 44px;

}



.home #featured_properties_navigation_container .prev-arrow {

  

  cursor: pointer;

  display: inline-block;

  

  position: relative;

    left: 16px;

  

  width: 44px;

  height: 44px;

}



.home #featured_properties_navigation_container .next-arrow {

  

  cursor: pointer;

  display: inline-block;

  

  position: relative;

    left: 1024px;

  

  width: 44px;

  height: 44px;

}

.cycloneslider-caption {
    display: none !important;
}

/* CSS Rules added by JP end here... */