@import url('https://fonts.googleapis.com/css?family=Allura&subset=latin-ext');

@font-face {
	font-family: 'CircularStd-Book';
	src: url('../fonts/CircularStd-Book.eot');
	src: url('../fonts/CircularStd-Book.eot?#iefix') format('embedded-opentype'),
		url('../fonts/CircularStd-Book.woff2') format('woff2'),
		url('../fonts/CircularStd-Book.woff') format('woff'),
		url('../fonts/CircularStd-Book.ttf') format('truetype'),
		url('../fonts/CircularStd-Book.svg#CircularStd-Book') format('svg');
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: 'CircularStd-Medium';
	src: url('../fonts/CircularStd-Medium.eot');
	src: url('../fonts/CircularStd-Medium.eot?#iefix') format('embedded-opentype'),
		url('../fonts/CircularStd-Medium.woff2') format('woff2'),
		url('../fonts/CircularStd-Medium.woff') format('woff'),
		url('../fonts/CircularStd-Medium.ttf') format('truetype'),
		url('../fonts/CircularStd-Medium.svg#CircularStd-Medium') format('svg'); 
	font-weight: 500;
	font-style: normal;
}
@font-face {
	font-family: 'CircularStd-Bold';
	src: url('../fonts/CircularStd-Bold.eot');
	src: url('../fonts/CircularStd-Bold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/CircularStd-Bold.woff2') format('woff2'),
		url('../fonts/CircularStd-Bold.woff') format('woff'),
		url('../fonts/CircularStd-Bold.ttf') format('truetype'),
		url('../fonts/CircularStd-Bold.svg#CircularStd-Bold') format('svg');
	font-weight: 700;
	font-style: normal;
}
@font-face {
    font-family: 'CircularStd-Black';
    src:url('../fonts/CircularStd-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}

* {box-sizing: border-box; outline:none;}
select {-webkit-appearance:none; -moz-appearance:none; appearance:none;}
html, body {margin: 0px; padding: 0; height: 100%; min-height: 100%; font-family: 'CircularStd-Book';}
a {text-decoration:none; outline:none; cursor:pointer;}
h1, h2, h3, p, ul, li {margin:0; padding:0; line-height:normal; font-weight:normal;}
ul, ol {margin:0; list-style-type: none; padding: 0;}
img {display:inline; outline:none;}
.full-width {float:left; width:100%;} 
.container {float: left; width: 1140px; margin: 0 calc((100% - 1140px)/2); position: relative;}

header {display:flex; display:-webkit-flex; justify-content:space-between; align-items:center; width:100%; height:70px; border-bottom:1px solid #d2d7db;} 
header .container {display:flex; display:-webkit-flex; justify-content:space-between; align-items:center; width:100%;}
header div {width:100%;} 
header .logo {display:block; text-align:left; padding-left:25px;}
header .phone {display:block; text-align:right; padding-right:25px;}
header .phone a {font-family: 'CircularStd-Bold'; color:#0DD98A; font-size:15px; text-align:center; padding-top:19px; 
-webkit-transition: color 0.5s ease;
-moz-transition: color 0.5s ease;
-ms-transition: color 0.5s ease;
-o-transition: color 0.5s ease;
transition: color 0.5s ease;
}
header .phone a:hover {color:#33f1a7;} 
header .phone a:active {color:#0b905b;} 

.lead-purchases-form-container {background:#F4F4F4;}   
.form-container {display:block; width:940px; margin:0 auto; padding:30px 0;}
.form-container .print-container {display:block; width:100%; text-align:right; padding:0 15px 26px 0;}
.form-container a.print-btn {display:inline-block;}
.form-container .box {display:block; width:100%; background:#FFF; border-radius: 8px; -webkit-border-radius: 8px; padding:30px 40px 25px 30px; margin-bottom:10px;}
.form-container .box .title {display:block; width:390px; border-bottom:1px solid #f5f5f5; padding-bottom:10px; margin-bottom:35px;} 
.form-container .box .title span {font-family: 'CircularStd-Book'; font-weight:700; font-size: 15px; color: #142e43; text-transform:uppercase; letter-spacing: 4.3px; line-height: 21px; background:url(../images/checkmark.png) no-repeat right center; padding-right:20px;}
.form-container .box .service-areas {display:block; width:100%;}

.form-container .box .data-row {display:flex; display:-webkit-flex; justify-content:space-between; align-items:center; width:100%;}
.form-container .box .data-row div {width:100%;}
.form-container .box .data-row .left-col {padding-right:15px;}
.form-container .box .data-row .right-col {padding-left:15px;}
.form-container .box .data-row div ul {display:flex; display:-webkit-flex; justify-content:space-between; align-items:center; width:100%; border-bottom:1px solid #f5f5f5;}
.form-container .box .data-row div ul li {padding:8px 0; font-family: 'CircularStd-Book'; font-weight:300; font-size:18px; color:#4A4A4A;}
.form-container .box .data-row div ul li:nth-child(2) {color: #0b905b; text-align:right;}
.form-container .box .data-row label {display:block; width:100%; padding-bottom:5px; font-family: 'CircularStd-Book'; font-weight:300; font-size:18px; color:#4A4A4A;}
.form-container .box .names-container {display:block; width:100%; margin:5px 0 10px; border: 1px solid #E8E8E8; border-radius: 6px; -webkit-border-radius: 6px; font-family: 'CircularStd-Book'; font-weight:300; font-size:18px; color:#0b905b; letter-spacing: -0.04px; line-height: 22px; padding:10px;}
.form-container .box .data-row textarea {min-height:63px;}

.form-container .total-box {padding:20px 40px 15px 30px; display:flex; display:-webkit-flex; justify-content:space-between; align-items:center; width:100%;}
.form-container .total-box .title {margin-bottom:0;}
.form-container .total-box .total {display:inline-block; width:50%; margin-left:auto; margin-right:0;}
.form-container .total-box .total ul {display:flex; display:-webkit-flex; justify-content:space-between; align-items:center; width:100%; border-bottom:1px solid #f5f5f5; padding-left:15px;}
.form-container .total-box .total ul li {padding:0 0 8px; font-family: 'CircularStd-Book'; font-weight:300; font-size:18px; color:#4A4A4A;}
.form-container .total-box .total ul li:nth-child(2) {color: #0b905b; text-align:right;}

.form-container .signed-container {display:block; width:100%; text-align:right;}

.form-container .signed-container #accept-btn {display:inline-block; width:174px; height:50px; background: #0DD98A; border-radius: 100px; -webkit-border-radius: 100px; margin-top:15px; font-family: 'CircularStd-Book'; font-weight:700; font-size: 16px; color: #FFFFFF; letter-spacing: 0.06px; line-height: 30px; border:0; cursor:pointer;
-webkit-transition: background 0.5s ease;
-moz-transition: background 0.5s ease;
-ms-transition: background 0.5s ease;
-o-transition: background 0.5s ease;
transition: background 0.5s ease;
}
.form-container .signed-container #accept-btn:hover {background:#33f1a7;} 

.form-container .signed-container .signed {display:block; width:320px; margin:30px auto 0; text-align:center; font-size: 16px; color: #0FBBEF; letter-spacing: -0.04px; line-height: 22px; display:none;}  
.form-container .signed-container .signed span {display:block; font-family: 'Allura', cursive; font-size: 36px; color: #142e43; letter-spacing: -0.07px; border-bottom:1px solid #e1e1e1; padding-bottom:5px; background:url(../images/checkmark.png) no-repeat top right; margin-bottom:10px;}

#signature-popup {position:fixed; width:100%; height:100%; z-index:9999; background: rgba(17,49,66,0.50); display:none;}
#signature-popup .signature {position:absolute; width:720px; min-height:520px; background:#fff; border: px solid #F1F0F0; box-shadow: -9px 8px 13px 0 rgba(0,0,0,0.05); -webkit-box-shadow: -9px 8px 13px 0 rgba(0,0,0,0.05); border-radius:10px; -webkit-border-radius:10px; padding:40px; text-align:center; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%);}

#signature-popup h2 {font-family: 'CircularStd-Book'; font-weight:700; font-size: 15px; color: #4A4A4A; letter-spacing: 4.3px; line-height: 21px; text-align:center; padding-bottom:52px; text-transform:uppercase; position:relative;}
#signature-popup h2:after {content:''; position:absolute; z-index:9999; width:120px; height:2px; opacity: 0.12; background:#595959; top:30px; left:calc((100% - 120px)/2);}
#signature-popup p {display:block; width:480px; margin:0 auto; font-family: 'CircularStd-Book'; font-weight:300; font-size: 18px; color: #4A4A4A; letter-spacing: 0; text-align:left; line-height: 27px; padding-bottom:36px;}
#signature-popup .sign-field {display:block; width:400px; margin:0 auto; border: 2px solid #F4F4F4; background:#F4F4F4; border-radius: 6px; -webkit-border-radius: 6px; padding:27px 40px; position:relative;}
#signature-popup .blue-border {border: 2px solid #0FBBEF !important;}

#signature-popup .sign-field div.input-field {display:block; width:100%; border-bottom:1px solid #e1e1e1; padding-bottom:5px; position:relative;}  
#signature-popup .sign-field div .clear-sign {position:absolute; left:0; bottom:5px; z-index:9999;} 
#signature-popup .sign-field div input {display:inline-block; width:calc(100% - 20px); border:0; font-family: 'Allura', cursive; font-size: 36px; color: #142e43; letter-spacing: -0.07px; text-align:center; background:#F4F4F4;} 
#signature-popup .i-agree {display:block; padding-top:11px; font-family: 'CircularStd-Book'; font-weight:300; font-size: 15px; color: #9B9B9B; letter-spacing: -0.04px; text-align:center;}
#signature-popup .cta-btn {display:block; width:174px; height:50px; background: #0DD98A; border-radius: 100px; -webkit-border-radius: 100px; text-align:center; font-family: 'CircularStd-Book'; font-weight:700; font-size: 15px; color:#fff; margin:40px auto 0; border:0; cursor:pointer;
-webkit-transition: background 0.5s ease;
-moz-transition: background 0.5s ease;
-ms-transition: background 0.5s ease;
-o-transition: background 0.5s ease;
transition: background 0.5s ease;
}
#signature-popup .cta-btn:hover {background:#33f1a7;} 


#signature-popup .close-signature {position:absolute; right:24px; top:24px; z-index:9999;}
#signature-popup .sign-here {position:absolute; width:155px; height:55px; background:url(../images/btn-sign-here.png) no-repeat; top:37px; left:-135px; z-index:9999; cursor:default;}

.ssl-secured {display:block; width:100%; padding-top:10px;}
.ssl-secured figure {display:block; text-align:center;}
.ssl-secured p {text-align:center; font-family: 'CircularStd-Book'; font-weight:300; font-size: 15px; color: #9B9B9B; letter-spacing: 0.63px; line-height: 24px;}
.ssl-secured p a {text-decoration:underline; color:#E64612;}

.popup {position:fixed; top:0; left:0; width:100%; height:100%; z-index:9999999; background:rgba(0,0,0,0.7); color:#fff; padding:102px; overflow:auto; display:none;} 
.popup-inner {float:left; width:1140px; margin:0 calc((100% - 1140px)/2) ; background:#fff; color:#000; border-radius:22px; -webkit-border-radius:22px; position:relative;
-webkit-transition: height 0.5s ease;
-moz-transition: height 0.5s ease;
-ms-transition: height 0.5s ease;
-o-transition: height 0.5s ease;
transition: height 0.5s ease;
}
.popup-close {position:absolute; top:20px; right:24px; width:12px; height:12px; background:url(../images/close-btn.png) no-repeat; z-index:9999999;}    

.terms-privacy {padding:50px 20px 10px;}  
.terms-privacy h1 {text-align:center; padding-bottom:30px; font-family:'CircularStd-Black'; font-size: 42px; color: #142E43; letter-spacing: 1.03px;}
.terms-privacy p {text-align:justify; padding-bottom:25px; color:#333;}
.terms-privacy ul {padding-bottom:25px;}

footer {background: #003872; padding:60px 0; color:#fff;}
footer .footer-header {display:flex; display:-webkit-flex; justify-content:space-between; align-items: center;}
footer .footer-header .twitter, footer .footer-header .linkedin {margin-right:26px;}
footer .copyright {font-family: 'CircularStd-Book'; font-size: 16px; color: #FFFFFF; padding-top:10px;}

@media only screen and (max-width:1140px)
{
	.container {width:100%; margin:0;}
	footer .container {padding:0 25px;}
	.popup {padding:102px 50px;}
	.popup-inner {width:100%; margin:0;}
}
@media only screen and (max-width:940px)
{
	.lead-purchases-form-container {padding:0 25px 20px;}
	.form-container {width:100%; margin:0; padding:50px 0;}
}

@media only screen and (max-width:768px)
{
	.form-container .box {padding:30px 30px 25px;}
	.form-container .box .data-row {flex-direction:column;}
	.form-container .box .data-row .left-col,
	.form-container .box .data-row .right-col {padding:0;}
}

@media only screen and (max-width:767px)
{
	header .logo img {width:125px;}
	.form-container {padding:15px 0 20px;}	
	.form-container .print-container {padding:0 15px 15px 0;}
	.form-container .box {padding:30px 10px 25px 10px;} 
	.form-container .box .title {width:100%;}
	.form-container .box .title span {letter-spacing:2px;}
	.form-container .box .data-row div ul li,
	.form-container .box .data-row label, 
	.form-container .box .data-row textarea {font-size:15px;}
	.form-container .total-box {flex-direction:column;}
	.form-container .total-box .total {width:100%;}
	.form-container .total-box .title {margin-bottom:40px;}
	.form-container .total-box .title span {letter-spacing:2px;}	
	.form-container .total-box .total ul {padding:0;}
	.form-container .total-box .total ul li {font-size:15px;}
	.form-container .signed-container #accept-btn {margin:15px calc((100% - 174px)/2) 0;} 
	
	#signature-popup .signature {width:95%; padding:40px 20px;}
	#signature-popup p {width:100%; text-align:center;}
	#signature-popup .sign-field {width:100%; padding:27px;}
	#signature-popup .sign-here {width:51px; height:96px; background:url(../images/btn-sign-here-mobile.png) no-repeat; top:-33px; left:9px; z-index:99999;} 
	
	.popup {padding:0; background:#fff;}
	.popup-close {top: 13px; right: 13px;}
	.terms-privacy h1 {font-size: 30px; letter-spacing: 0;} 
	
	footer {padding:30px 0;}
	footer .footer-header {flex-direction:column; -webkit-flex-direction:column;}
	footer .footer-logo, 
	footer .social-icons {padding-bottom:15px;}
	footer .copyright {text-align:center; line-height:150%;}
	
	html,body{
	    -webkit-overflow-scrolling : touch !important;
	    overflow: auto !important;
	    height: 100% !important;
	}
	
}
@media only screen and (max-width:360px)
{
	header .logo {padding-left:10px;}
	header .phone {padding-right:10px;}
	header .phone a {font-size:14px;}
	#signature-popup .signature {padding:20px;}
	.form-container .signed-container .signed {width:290px;}
}