/*
Theme Name: Web Design Real Estate
Theme URI: webdesignsrealestate.com
Description: AIOS mobile semi-custom theme.
Author: AgentImage
Author URI: http://www.agentimage.com
Version: 1.2.5
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
 *
 *******************************************************/
.use-floating-validation-tip span.wpcf7-not-valid-tip{
	font-size: 12px;
}
div.wpcf7-response-output{
	text-align: center;
	font-size: 12px;
}
/* Global */
/** THEME STYLE **/
#mainwrapper{
	width: 100%;
}
	/** Section 1 **/
	.sec-1{
		width: 100%;
		height: auto;
		border-bottom: 10px solid #5da6b1;
	}
		.home .sec-1, .page-template-before-after .sec-1{
			background: url(images/slide-1.jpg) no-repeat center center transparent;
			background-size: cover;
		}



	/* Header */
	header#headerwrapper {
		position: relative;
		top: 0;
		width: 100%;
		left: 0;
		z-index: 10;
		padding: 11.5px 0;
	}
		.home header#headerwrapper, .page-template-before-after header#headerwrapper {

			position: absolute;
		}
		
		header#headerwrapper .logo {
			float: left;
			width: 50%;
		}

			header#headerwrapper .logo img {
				width: 100%;
				max-width: 309px;
				display: block;
			}
		
		header#headerwrapper .header-right {
			text-align: right;
			float: right;
			width: 50%;
		}

			.header-phone {
				font: 700 36px "Open Sans";
				color: #ea7901;
				padding: 9px 0;
				position: relative;
			}

				.header-phone a.text-phone {
					display: none;
				}



	/** Marketing Title **/
	.market-title{
		padding-top: 15px;
		margin-top: 90px;
	}
		.market-title h1{
			font: 600 65px 'Open Sans', sans-serif;
			color: #000;
			text-shadow: 1px 2px 4px rgba(0,0,0,.32);
			text-align: center;
			letter-spacing: -0.05em; 
			
		}
			.market-title h1 span{
				display: inline-block;
				vertical-align: top;
				position: relative;
				font-style: italic;
				letter-spacing: -0.025em;
			}
				.market-title h1 span:before{
					display: inline-block;
					vertical-align: middle;
					content: "";
					width: 71px;
					height: 32px;
					background: url(images/title-arrow.png);
					margin-left: 12px;
					margin-right: 14px;
				}
	/** Marketing Title **/
	/** Hero **/
	#hero{
		width: 100%;
		height: auto;
	    padding-top: 15px;
	}
		/** Hero Image **/
		.hero-image{
			padding-top: 45px;
		}
			.hero-image img{
				width: 100%;
				display: block;
				height: auto;
			}
			.hero-image .image-mobile{
				display: none;
			}
		/** Hero Image **/
		/** Hero Form **/
		.heroform{
			padding-bottom: 31px;
		}
			.heroform h2{
				width: 100%;
				text-align: center;
				/* height: 69px; */
				background-color: #ea7901;
				font: 600 21px/25px 'Open Sans', sans-serif;
				text-transform: uppercase;
				color: #fff;		
				letter-spacing: -0.03em;
			    padding: 19px 0;
			}
				.heroform form{
					display: block;
					width: 100%;
					height: auto;
				}
					.heroform form input{
						width: 100%!important;
						height: 39px!important;
						background-color: rgba(255,255,255,.81)!important;
						border: solid 1px #ccc!important;
						color: #666666!important;
						font: 300 16px 'Roboto', sans-serif!important;
						padding: 10px!important;
						outline: none!important;
						margin-bottom: 7px!important;
					}
					.heroform form textarea{
						width: 100%!important;
						height: 103px!important;
						background-color: rgba(255,255,255,.81)!important;
						border: solid 1px #ccc!important;
						color: #666666!important;
						font: 300 16px 'Roboto', sans-serif!important;
						padding: 10px!important;
						margin-bottom: 7px!important;
						outline: none!important;
						resize: none!important;
					}
					.heroform form input[type="submit"]{
						width: 100%!important;
						max-width: 290px!important;
						height: 52px!important;
						-webkit-border-radius: 26px!important;
						-moz-border-radius: 26px!important;
						border-radius: 26px!important;
						background-color: #ea7901!important;
						display: block!important;
						margin: 0 auto!important;
						font: 400 18px 'Open Sans', sans-serif!important;
						text-transform: uppercase!important;
						color: #fff!important;

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

					.heroform form input[type="submit"]:hover{ 
						background: #fb8d19!important;
					}


					/** Form Stack **/
						.heroform .fsBody{
							background: transparent !important;
							padding: 0 !important;
						}
							.heroform .fsBody .fsForm{
								margin: 0 !important;
								background: transparent !important;
								padding: 0 !important;
							}
							.heroform .fsBody .fsFieldRow, .heroform .fsBody .fsRowBody{
								margin: 0 !important;

							}
							.heroform .fsForm .fsSubmit{
								margin-top: 0 !important;
							}

							.heroform .fsValidationError{
								background-color: transparent !important;
								-moz-box-shadow: 0 0 0 calc(5px - 1px) transparent,0 0 0 5px transparent !important;
								-webkit-box-shadow: 0 0 0 calc(5px - 1px) transparent,0 0 0 5px transparent !important;
								box-shadow: 0 0 0 calc(5px - 1px) transparent,0 0 0 5px transparent !important;
							}
							.heroform .fsRowBody.fsValidationError input{
								background-color: #fae9e9 !important;
							}

						.heroform .tel-phone{
							display: block;
							font: 500 18px 'Open Sans', sans-serif;
							width: 100%;
							padding: 14px 0;
							margin-top: 15px;
							text-align: center;
							display: none;
						}
							.heroform .tel-phone a{
								color: inherit;
								text-decoration: inherit;
							}
		/** Hero Form **/
	/** Hero **/
	/** Section 1 **/
	/** Section 2 **/
	.sec-2{
		width: 100%;
		height: auto;
		background: url(images/sec-2bg.jpg) no-repeat center bottom transparent;
		padding: 40px 0 10px;
	}
		/** Featured Items **/
		.sec-2 .featured-items{
			width: 100%;
		}
			.sec-2 .featured-items h2{
				color: #010101;
				font: 600 55px 'Open Sans', sans-serif;
				letter-spacing: -0.05em;
				text-align: center;
				padding-top:16px;
			}
			.sec-2 .featured-items h4{
				color: #3b3838;
				font: 300 30px 'Open Sans', sans-serif;
				text-align: center;
				display: block;
				padding-top: 20px;
				padding-bottom: 50px;
			}
			.sec-2 .featured-items .ft-items{
				text-align: center;
				padding-bottom: 70px;
			}
				.sec-2 .featured-items .ft-items img{
					width: 100%;
					height: auto;
					display: block;
					max-width: 915px;
					margin: 0 auto;
				}
				.sec-2 .featured-items .ft-items h3{
					font-family: 'Open Sans', sans-serif;
					font-size: 31px;
					font-weight: 600;
					color: #1580d2;
					text-transform: uppercase;
					text-align: center;
					padding-top: 39px;
				}
				.sec-2 .featured-items .ft-items span{
					display: block;
					font-family: 'Open Sans', sans-serif;
					font-size: 16px;
					font-weight: 300;	
					color: #888888;				
				}
				.sec-2 .featured-items .ft-items a{
					display: block;
					font: 400 18px "Open Sans";
					color: #fff;
					text-transform: uppercase;
					background: #ea7901;
					text-align: center;
					padding: 14px 10px;
					max-width: 237px;
					-webkit-border-radius: 26px;
					-moz-border-radius: 26px;
					border-radius: 26px;
					text-decoration: none;
					margin: 0 auto;
					margin-top: 18px;
					transition: all .25s ease-in-out;
					-webkit-transition: all .25s ease-in-out;
					-moz-transition: all .25s ease-in-out;

				}
					.sec-2 .featured-items .ft-items a:hover{
						background-color: #ef8b21 !important;
					}
		/** Featured Items **/

	
		/** Hour Consultation **/
				.sec-2 .hour-consultation{
					width: 100%;
					height: auto;
				    padding-bottom: 125px;
				    margin-top: 70px;
				}
					.sec-2 .hour-consultation h2{
						color: #022229;
						font: 300 48px 'Open Sans', sans-serif;
						text-transform: uppercase;
						text-align: center;
					}
						.sec-2 .hour-consultation h2 span{
							font-weight: 400;
							color: #ea7901;
						}
					.sec-2 .hour-consultation ul{
						padding-top: 30px;
						display: inline-block;
						vertical-align: top;
						width: 49%;
					}
						.sec-2 .hour-consultation ul li{
							font: 400 18px 'Open Sans', sans-serif;
							color: #034968;
							line-height: 30px;
							list-style-type: disc;
						}
					.sec-2 .hour-consultation form{
						width: 100%;
						height: auto;
						font-size: 0;
						margin-top: 50px;
						text-align: center;
					}
						.sec-2 .hour-consultation form div{
							width: 100%;
						}
							.sec-2 .hour-consultation form div span{
								display: inline-block;
								vertical-align: top;
								width: 49.5%;
								margin-left: 1%;
							}
						.sec-2 .hour-consultation form div input{
							height: 39px;
							-webkit-border-radius: 3px/2px;
							-moz-border-radius: 3px/2px;
							border-radius: 3px/2px;
							background-color: #fff;
							border: solid 1px #bfbfbf;
							font: 300 15px 'Roboto', sans-serif;
						    width: 100%;
							
							padding: 10px 15px;
							outline: none;
							margin-bottom: 10px;
							text-align: left;
						    box-shadow: 0 0 20px #94cce7;

						}
							.sec-2 .hour-consultation form div span:first-child{
								margin-left: 0;
							}
						.sec-2 .hour-consultation form textarea{
							height: 87px;
							-webkit-border-radius: 3px/2px;
							-moz-border-radius: 3px/2px;
							border-radius: 3px/2px;
							background-color: #fff;
							border: solid 1px #bfbfbf;
							font: 300 15px 'Roboto', sans-serif;
							width: 100%;
							padding: 10px 15px;	
							outline: none;
							margin-bottom: 10px;
							resize: none;
						    box-shadow: 0 0 20px #94cce7;
						}
						.sec-2 .hour-consultation form .tel-phone{
							display: inline-block;
							vertical-align: top;
							font: 500 18px 'Open Sans', sans-serif;
							width: 37%;
							padding: 14px 0;
							margin-top: 15px;
						}
							.sec-2 .hour-consultation form .tel-phone a{
								color: inherit;
								text-decoration: inherit;
							}
						.sec-2 .hour-consultation form input[type="submit"]{
							display: inline-block;
							vertical-align: top;
							height: 52px;
							-webkit-border-radius: 26px;
							-moz-border-radius: 26px;
							border-radius: 26px;
							background-color: #ea7901;		
							border: none;
						    font: 400 18px "Open Sans"!important;
							text-transform: uppercase;
							color: #fff;	
							width: 100%;		
							max-width: 321px;
							text-align: center!important;
							display: inline-block;
							vertical-align: top;
							outline: none;
							margin-top: 15px;
							transition: all .25s ease-in-out;
							-webkit-transition: all .25s ease-in-out;
							-moz-transition: all .25s ease-in-out;

						}
							.sec-2 .hour-consultation form input[type="submit"]:hover{
								background-color: #ef8b21;
							}
              
              
              #fsCell44625823, #fsCell44625824, #fsCell44625825, #fsCell44625826, #fsCell44626553,
              #fsRow2437174-1, #fsRow2437174-2, #fsRow2437174-3 {
                margin-bottom: 0 !important;
              }
              .fsBody {
                padding: 0 !important;
              }
              #fsSubmit2437174 {
                margin: 0; padding: 0;
              }
              #fsForm2437174 {
                padding: 0;
              }

					/*.sec-2 .fsBody{
						background: transparent !important;
						padding: 0 !important;
					}
						.sec-2 .fsBody .fsForm{
							background: transparent !important;
							padding: 0 !important;
						}
						.sec-2 .fsBody .fsFieldRow, .sec-2 .fsBody .fsRowBody{
							margin: 0 !important;

						}
						.sec-2 .fsForm .fsSubmit{
							margin-top: 0 !important;
						}

						.sec-2 .fsFieldFocused:not(.fsValidationError).fsSpan100 {
							padding: 0!important;
							margin: 0!important;
						}

						.sec-2 .fsValidationError{
							background-color: transparent !important;
							-moz-box-shadow: 0 0 0 calc(5px - 1px) transparent,0 0 0 5px transparent !important;
							-webkit-box-shadow: 0 0 0 calc(5px - 1px) transparent,0 0 0 5px transparent !important;
							box-shadow: 0 0 0 calc(5px - 1px) transparent,0 0 0 5px transparent !important;
						}
						.sec-2 .fsRowBody.fsValidationError input{
							background-color: #fae9e9 !important;
						}
						.sec-2 .fsBody .fsSectionHeader{
							display: none !important;
						}
						.sec-2 .fsFieldRow .fsFieldCell.fsSpan50{
							width: calc(50%) !important;
							padding-left: 1.5% !important;
						}
						.sec-2  #fsRow2435769-2 div:first-child{
							padding-left: 0 !important;
						}
						.sec-2 #fsRow2435769-1 div:first-child{
							padding-left: 0 !important;
						}*/
				/** Hour Consultation **/		
        
        		
			
	/** Section 2 **/
	/** Section 3 **/
	.sec-3{
		width: 100%;
		padding-top: 20px;
		display: none;
	}
		.sec-3 h2{
			font: 600 55px 'Open Sans', sans-serif;
			color: #000000;
			letter-spacing: -0.05em;
			text-align: center;
		}
			.sec-3 h2 strong{
				font-weight: bold;
			}
			.sec-3 .cta-wrap{
				margin-top: 76px;
			}
		.sec-3 .cta-list{
			display: inline-block;
			vertical-align: top;
		    width: 28%;
		    position: relative;
		}
			.sec-3 .cta-list:first-child + .cta-list{
			    width: 43%;
			}
				.sec-3 .cta-list:first-child + .cta-list:after{
					display: block;
					width: 566px;
					height: 417px;
					content: "";
					background: url(images/cta-overlaty.png) no-repeat center top transparent;
					position: absolute;
					left: -56px;
					top: -55px;
					z-index: 0;
				}
			.sec-3 .cta-list a{
				display: block;
				position: relative;
				z-index: 5;
			}
			.sec-3 .cta-list img{
				width: 100%;
			}

			/* Product Card */
			.product-card-wrap {
			    position: relative;
			    text-align: center;
			    font-size: 0;
			    padding: 60px 0px;
			}

			  .product-card-item {
			  	text-decoration: none;
			    position: relative;
			    display: inline-block;
			    vertical-align: middle;
			    font-size: 18px;
			    max-width: 29%;
			    background: #fff;
			    text-decoration: none!important;
			    text-align: center;
			    padding-bottom: 40px;
			    font-family: "Open Sans";

			    box-shadow: 0 0 14px #afafaf;
			    -webkit-box-shadow: 0 0 14px #afafaf;
			    -moz-box-shadow: 0 0 14px #afafaf;

			    opacity: 0;

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

			  

			  .product-card-item:after {
			    content: '';
			    position: absolute;
			    left: 0;
			    bottom: -27px;
			    height: 27px;
			    width: 100%;
			    background: url(../images/widget-shadow.png) center center no-repeat;
			    background-size: 100% 100%;

			  
			  }

			 

			  .product-card-item.flip:first-child {
			    -webkit-backface-visibility: hidden;
			    transform: perspective( 600px ) rotateY( 17deg ) translate3d(0,0,0);
			    opacity: 1;
			  }

			     .product-card-item.flip:first-child:hover {
			        transform: perspective( 0 ) rotateY( 0deg ) translate3d(0,0,0) scale(1.05);
			     }

			   .product-card-item.flip:nth-child(2) {
			     opacity: 1;
			   }

			    .product-card-item.flip:nth-child(2):hover {
			      transform: scale(1.05);
			    }


			   .product-card-item.flip:last-child {
			    -webkit-backface-visibility: hidden;
			    transform: perspective( 600px ) rotateY( -17deg ) translate3d(0,0,0);
			    opacity: 1;
			   }

			    .product-card-item.flip:last-child:hover {
			      transform: perspective( 0 ) rotateY( 0deg ) translate3d(0,0,0) scale(1.05);
			    }

			  .product-card-item img {
			    width: 100%;
			  }

			  .product-card-item:nth-child(2) {
			    margin: 0 6%;
			  }

			  .product-card-item strong {
			    display: block;
			    font-size: 33px;
			    font-weight: normal;
			    padding: 10px 5px;
			    color: #000;
			  }

			  .product-card-item span {
			    display: block;
			    font-size: 18px;
			  }

			  .product-card-item span.btn {
			     /* max-width: 60%; */
			    background: rgba(235,120,2,1);
			  /*   background: #009bbb; */
			    color: rgba(255,255,255,1);
			    font-size: 15px;
			    font-weight: 300;
			    -webkit-border-radius: 26px !important;
			    -moz-border-radius: 26px !important;
			    border-radius: 26px !important;
			    padding: 10px 6px;
			    width: 60%;
			    font-family: 'Lato', 'Helvetica Neue', Arial, 'Lucida Grande', Tahoma, Verdana, sans-serif;
			    font: 400 18px "Open Sans";
			    position: absolute;
			    text-transform: uppercase;
			    letter-spacing: 1px;
			    left: 50%;
			    margin-left: -30%;
			    bottom: -14px;
			    z-index: 10;
			    transition: all .25s ease-in-out;
			    -webkit-transition: all .25s ease-in-out;
			    -moz-transition: all .25s ease-in-out;
			  }

			  .product-card-item span.btn:hover,
			  .product-card-item span.btn:focus,
			  .product-card-item span.btn:active {
			      background: #009bbb;
			          color: #fff; 
			  }

	/** Section 3 **/
/* Footer */
#footerwrapper {
	padding:30px 0 33px;
	background: #fff;
}

	footer#footerwrapper .container {
	    padding-top: 45px;
	    border-top: 1px solid #e7e7e7;
	}

	.footer-left {
		width: 27.89%;
		float: left;
		text-align: left;
	}

		.footer-left .footer-logo {
			font-size: 67px;
			color: #009bba;
		}
    
    .footer-left .footer-logo span {
     	display: block;
      font-family: "Open Sans",sans-serif;
      font-size: 14px;
      font-weight: bold;
      position: relative;
      right: 10px;
      text-align: right;
      top: -12px;
    }
    .footer-left .footer-logo span a {
     	color: #009bba;
    }

	.footer-middle {
		width: 44.38%;
		float: left;
		text-align: center;
		font-size: 16px;
		font-weight: 300;
		padding: 7px 0;
		color: #555555;
	}
		.footer-middle span{
			font-family: 'Open Sans', sans-serif;
			font-weight: 300;
			font-size: 16px;
			text-align: center;

		}
    .footer-middle span a{
			color: #555555;
			font-weight: bold;
		}

		.social-media {
			text-align: center;
			position: relative;
			font-size: 0;
			margin-top: 9px;
		}

			.social-media a {
				position: relative;
				display: inline-block;
				vertical-align: middle;
				width: 37px;
				height: 37px;
				margin-left: 10px;
				text-decoration: none;
				border-radius: 50%;
				background: #cccccc;
				text-align: center;
				
			}

			.social-media a:active {
				top: 2px;
			}

			.social-media a,
			.social-media a:after {
				transition: all .25s ease-in-out;
				-webkit-transition: all .25s ease-in-out;
				-moz-transition: all .25s ease-in-out;
			}

			.social-media a:before {
				line-height: 37px;
				font-size: 21px;
				font-weight: 400;
				color: #fff;
			}

			.social-media a:after {
				content: '';
				width: 47px;
				height: 47px;
				top: 50%;
				left: 50%;
				margin-top: -23.5px;
				margin-left: -23.5px;
				border-radius: 50%;
				box-sizing: border-box;
				border: 2px solid #012f60;
				position: absolute;
				transform: scale(.5);
				-moz-transform: scale(.5);
				-webkit-transform: scale(.5);
				opacity: 0;
			}

			.social-media a:hover:after {
				opacity: 1;
				transform: scale(1);
				-moz-transform: scale(1);
				-webkit-transform: scale(1);
			}

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

			.social-media a.ai-facebook:hover {
				background: #4d6baa;
			}

				.social-media a.ai-facebook:after {
					border-color: #4d6baa;
				}

			.social-media a.ai-twitter:hover {
				background: #4fc6f8;
			}

				.social-media a.ai-twitter:after {
					border-color: #4fc6f8;
				}

			.social-media a.ai-youtube:hover {
				background: #cd201f;
			}

				.social-media a.ai-youtube:after {
					border-color: #cd201f;
				}

			.social-media a.ai-linkedin:hover {
				background: #0077b5;
			}

				.social-media a.ai-linkedin:after {
					border-color: #0077b5;
				}

			.social-media a.ai-google-plus:hover {
				background: #dc4e41;
			}

				.social-media a.ai-google-plus:after {
					border-color: #dc4e41;
				}

			.social-media a.ai-pinterest:hover {
				background: #bd081c;
			}

				.social-media a.ai-pinterest:after {
					border-color: #bd081c;
				}

			.social-media a.ai-instagram:hover {
				background: #3f729b;
			}

				.social-media a.ai-instagram:after {
					border-color: #3f729b;
				}

			.social-media a.ai-yelp:hover {
				background: #bd081c;
			}

				.social-media a.ai-yelp:after {
					border-color: #bd081c;
				}

	.footer-right {
		width: 27.73%;
		float: right;
		text-align: center;
	}	
  
  #popup-form { padding:10px; background:#fff; }
	#popup-form p { color:#333; font-family:"Oswald",sans-serif; font-size:28px; line-height:32px; margin:5px 0 10px; padding:10px; text-align:center; text-transform:uppercase; }
  
  .mob-num { display: none; font-size: 25px; font-weight: bold; line-height: 30px; padding: 10px 0 0; text-align: center; font-family: Arial, Helvetica, sans-serif; }
  .mob-num a { text-decoration: none; color: #ea7901; }
  
  .bot-form-num { display: block; font-size: 20px; line-height: 25px; padding: 10px 0 0; text-align: center; font-family: Arial, Helvetica, sans-serif; }
  
/** THEME STYLE **/

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

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

/** Adjust width of content columns **/
#content-sidebar #content{ width: 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) */
#content .entry-title { 

}

/* Style category/archive/etc main headings (h1) */
#content .archive-title { 

}

/* Styles for category/archive/search/etc subheadings (h2) */
#content .archive-subtitle { 

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