#banner .banner-content {color:#ffffff;padding:0;background-position: center top; background-size: cover;}
#banner .banner-content h2 {font-size:4.2rem;color:#ffffff;margin-bottom:30px;}
#banner .banner-content .lead {font-size:2.8rem;font-weight:400;}
#banner .banner-content .btn {margin-top:10px;}
#banner .banner-content .copy {padding:130px 0px 130px 0px;max-width:1000px;margin:auto;}
#banner .banner-content.home .copy {padding:223px 0 130px 0px;max-width:1380px;margin:auto;position:relative;}

.pre-slide-container{margin-top:200px;}
.pre-slide-container h4{color:#fff;}
.homepage-tabs{top:418px}

.section {padding-top:80px;padding-bottom:80px;}
.section-vpad {padding-top:80px;padding-bottom:80px;}
.section h2 {font-size:3.6rem;margin-bottom:20px;}
.section h3 {color:#484848;line-height:1.5;}
.section .btn {margin-top:20px;}
.section .lead {font-weight:400;}
.section-padding-offset {margin-bottom:-80px;}
.section.section-bottom{padding-bottom:200px;}

.bg-ltgray {background:#f4f4f4;border:0 !important;}

.form-group {margin-bottom:15px;}

blockquote {border:0;padding:0;font-weight:700;margin-bottom:10px;}
.quote-box{
	position:relative;
	background:#7F9EB5;
	color:#fff;
	padding:10px 20px 10px 20px;
	margin-top:50px;
}
.quote-box span{
	display:block;
	font-size:80%;
	padding-left:60%;
}
.quote-box:after {
    content: "";
    position: absolute;
    background: url(/img/quote-handle.png) no-repeat top right;
    z-index: 10;
    width: 39px;
    height: 18px;
    bottom: -18px;
    right: 15%;
}

.vid-p-small{
	display:none;
}


/* Home */
/* ********************************************************************************************* */
#banner .banner-content.home .copy {padding-bottom:10px;}
#info.section {text-align:center;font-size:1.8rem;}
#info.section img {height:86px;width:auto;margin-bottom:30px;}
#info.section h3 {margin-bottom:20px;}
#info.section p {line-height:1.7;}
#info.section .entry {max-width:370px;margin:auto;}

/* Pre-Listing */
/* ********************************************************************************************* */
#banner .banner-content.pre-listing .btn {padding-top: 7px; padding-bottom: 7px;font-size: 1.8rem;margin:35px 0 ;}
#banner .banner-content.pre-listing .btn img {width: 34px; vertical-align: top; display: inline-block; height: 34px; margin:-3px -30px -3px 40px; }
#market-test.section .col-sm-6 {min-height:550px;}
#market-test.section .d-flex .entry {max-width:760px;margin:auto;padding-left:40px;padding-right:40px;}
#market-test.section .btn {margin-top:30px;}
#how-it-works {margin-bottom:-130px;}
#how-it-works ul {max-width:680px;margin:auto;position:relative;overflow: hidden;padding-bottom:100px;}
#how-it-works ul:before, #how-it-works ul:after {content:''; position:absolute; background:#005ca0; left:50%; top:0; }
#how-it-works ul:before {width:2px; height:9999px; margin-left:-1px; }
#how-it-works ul:after {width:20px; height:20px; border-radius:20px; margin-left:-10px; }
#how-it-works li {float:left;width:50%;clear:both;position:relative;}
#how-it-works li+li {margin-top:-26px;}
#how-it-works li:first-child {margin-top:100px;}
#how-it-works li:nth-child(odd) {text-align:right;padding-right:100px;}
#how-it-works li:nth-child(even) {float:right;text-align:left;padding-left:100px;}
#how-it-works h4 {margin-top: 15px; font-size: 22px; margin-bottom: 20px;}
#how-it-works p {line-height:1.5;}
#how-it-works h4:before {content:''; position:absolute; width:70px; height:2px; background:#005ca0; }
#how-it-works li h4:before {margin-top:10px; }
#how-it-works li:nth-child(odd) h4:before {right:0; }
#how-it-works li:nth-child(even) h4:before {left:0; }
#how-it-works li:nth-child(odd) h4 span, #how-it-works li:nth-child(even) h4 span {display: block; position: absolute; background: #005ca0; width: 20px; height: 20px; border-radius: 20px; color: #ffffff; font-weight: 300; font-size: 1.4rem; text-align: center; line-height: 20px; }
#how-it-works li:nth-child(odd) h4 span {right: 0; margin-right: 60px; }
#how-it-works li:nth-child(even) h4 span {left: 0; margin-left: 60px; }
#how-it-works .end {display: inline-block; background: #005ca0; color: #ffffff; font-weight: 700; padding: 3px; font-size: 2.2rem; max-width: 420px;width:100%;padding-left:30px;padding-right:30px;}
#profile-preview {}
#profile-preview .img {position:relative;width:900px;height:690px;margin:auto;}

/* iWonder */
/* ********************************************************************************************* */
#banner .banner-content.iwonder .copy {padding:80px 0;text-shadow: 1px 1px 10px rgba(0,0,0,0.5);}
.grey-curve{background:url("/img/beta/back-grey-curve.png") no-repeat center center;padding-top:210px;padding-bottom:210px;}

/* Contact */
/* ********************************************************************************************* */
#banner .banner-content.contact .copy {padding:36px 0;}
#contact {padding-top:0;}
#contact .panel {margin-top:-30px;}
#contact .panel h3 {color:#005ca0;}
.recaptcha-container {min-height:74px;margin-top:20px;}

/* Footer Notify Signup Form */
/* ********************************************************************************************* */
#notify {background:#005CA0;color:#ffffff;padding:80px 0;text-align:center;}
#notify h2 {font-size:3.6rem;color:#ffffff;margin-top:15px;}
#notify .lead {font-size:2.2rem;font-weight:400;}

/*.mc-field-group {min-height:100px;}*/
#mc_embed_signup {max-width:850px;margin:auto;margin-top:40px;}
#mc_embed_signup div.mce_inline_error {background:none !important; font-weight:300 !important; margin:0 !important; }


/* Footer Banner */
#foot-banner{
	background:#0a3c62 url("/img/background-foot-banner.png") no-repeat top center;
}
#foot-banner .container{
	background:url("/img/foot-banner-imgs.png") no-repeat bottom right;
	height:257px;
}
#foot-banner h2{
	color:#fff;
	font-size:40px;
}
#foot-banner h3{
	color:#fff;
	font-size:27px;
}

/* Footer CTA */
/* ********************************************************************************************* */
#sub-footer {padding-top:60px;padding-bottom:60px;text-align:center;background:#0176ea;color:#ffffff;}
#sub-footer .container {max-width:440px;}
#sub-footer h3, #sub-footer a {color:#ffffff;}
#sub-footer h3 {line-height:1.5;margin-bottom:30px;}


/* Popover/Pulse for Pre-Listing Page */
/* ********************************************************************************************* */
.popover {font-family: 'Lato', sans-serif;font-size:1.4rem;}
.popover .popover-title {text-align:center;font-size:1.6rem;background:none;border:0;padding-top:15px;}
.popover .popover-content {padding:30px;padding-top:3px;text-align:center;}

.pluse-dot {position:absolute; left:0;top:0; }
.pulsating-circle {position: absolute; left: 0; top: 0; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); width: 20px; height: 20px; }
.pulsating-circle:before {content: ''; position: relative; display: block; width: 200%; height: 200%; -webkit-box-sizing: border-box; box-sizing: border-box; margin-left: -50%; margin-top: -50%; border:2px solid #009652; border-radius: 45px; background-color: #009652; -webkit-animation: pulse-ring 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite; animation: pulse-ring 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite; }
.pulsating-circle:after {content: ''; position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; background-color: #009652; border-radius: 15px; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); -webkit-animation: pulse-dot 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -0.4s infinite; animation: pulse-dot 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -0.4s infinite; }

@-webkit-keyframes pulse-ring {
	0% {-webkit-transform: scale(0.33); transform: scale(0.33); }
	80%, 100% {opacity: 0; }
}

@keyframes pulse-ring {
	0% {-webkit-transform: scale(0.33); transform: scale(0.33); }
	80%, 100% {opacity: 0; }
}
@-webkit-keyframes pulse-dot {
	0% {-webkit-transform: scale(0.8); transform: scale(0.8); }
	50% {-webkit-transform: scale(1); transform: scale(1); }
	100% {-webkit-transform: scale(0.8); transform: scale(0.8); }
}
@keyframes pulse-dot {
	0% {-webkit-transform: scale(0.8); transform: scale(0.8); }
	50% {-webkit-transform: scale(1); transform: scale(1); }
	100% {-webkit-transform: scale(0.8); transform: scale(0.8); }
}

/* Media Queries */
/* ********************************************************************************************* */
@media(max-width:1850px) {
	#banner .banner-content.home .copy{padding-top:180px;}
	.homepage-tabs{top:380px;}	
}

@media(max-width:1750px) {
	.pre-slide-container{margin-top:150px;}
}

@media(max-width:1600px) {
	#banner .banner-content.home .copy{padding-top:150px;}
	.homepage-tabs{top:350px;}	
	.pre-slide-container{margin-top:130px;}
}

@media(max-width:1500px) {
	#banner .banner-content.home .copy{padding-top:100px;}
	.homepage-tabs{top:300px;}	
	.pre-slide-container{margin-top:110px;}
}

@media(max-width:1400px) {
	#banner .banner-content.home .copy{padding-top:80px;}
	.homepage-tabs{top:280px;}	
	.pre-slide-container{margin-top:90px;}
}



@media(max-width:1200px) {
	#foot-banner .container{
		height:500px;
		background-position:bottom center;
		text-align:center;
	}
}
@media (max-width:1100px) {
	#main-bar>ul>li>a{
		padding:0px 0px;
		font-size:1.4rem;
	}
	#banner .banner-content h2{
		font-size:3.2rem;
	}
	#banner .banner-content .lead{
		font-size:2rem;
	}
	#banner .banner-content.home .copy{
		margin-top:80px;
	}
	.homepage-tabs{
		top:245px;
	}
	.pre-slide-container{margin-top:20px;}
	.pre-slide-container h4{color:#000;}
}
@media(max-width:992px) {
	#banner .banner-content h2{
		margin-bottom:20px;
	}
	.lead{
		margin-bottom:80px;
	}
	#profile-preview .img {
		transform: scale(0.7);
   		margin: -104px;
	}
	#banner .banner-content.home .copy{
		padding-top:10px;
	}
	.home-vid-placeholder{
		margin-top:-30px;
	}
	.homepage-tabs{
		top:165px;
	}
}
@media(max-width:850px) {
	.home-vid-placeholder{
		max-width:100%;
		margin-top:40px;
	}
	.vid-p-big{
		display:none;
	}
	.vid-p-small{
		display:block;
	}
}


@media(max-width:767px) {
	#how-it-works ul:before, #how-it-works ul:after,
	#how-it-works h4 span, #how-it-works h4:before {display:none !important;}
	#how-it-works li {width: 100%; float: none !important; text-align: center !important; padding: 30px !important; margin: 0 auto !important;max-width:480px;}
	#how-it-works li+li {border-top:1px solid #005ca0;}

	.section-padding-offset {margin-bottom:0;}
	.grey-curve{padding-top:90px;padding-bottom:150px;}
	.section.section-bottom{padding-top:0px;padding-bottom:100px;}
}
@media(max-width:620px) {
	#foot-banner .container{background-size:contain;}
}
@media(max-width:540px) {
	#how-it-works .end {max-width:80%;}
	#sub-footer .btn {font-size:1.5rem;}
	.grey-curve{padding-top:30px;padding-bottom:60px;}
	.section.section-bottom{padding-top:30px;padding-bottom:90px;}
	
}
@media(max-width:475px) {
	#banner .banner-content h2{
		font-size:2.6rem;
		margin-bottom:12px;
	}
	#banner .banner-content .lead{
		font-size:1.6rem;
	}
	.homepage-tabs{
		top:150px;
		font-size:13px;
	}
	#tabs li{
		margin-right:15px;
	}
}