@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,900|Allura|Mrs+Saint+Delafield');

@font-face {
    font-family: 'Sentinel';
    src: url('../fonts/Sentinel-Light.eot');
    src: url('../fonts/Sentinel-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Sentinel-Light.woff2') format('woff2'),
        url('../fonts/Sentinel-Light.woff') format('woff'),
        url('../fonts/Sentinel-Light.ttf') format('truetype'),
        url('../fonts/Sentinel-Light.svg#Sentinel-Light') format('svg');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Sentinel Book';
    src: url('../fonts/Sentinel-Book.eot');
    src: url('../fonts/Sentinel-Book.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Sentinel-Book.woff2') format('woff2'),
        url('../fonts/Sentinel-Book.woff') format('woff'),
        url('../fonts/Sentinel-Book.ttf') format('truetype'),
        url('../fonts/Sentinel-Book.svg#Sentinel-Book') format('svg');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Sentinel';
    src: url('../fonts/Sentinel-Medium.eot');
    src: url('../fonts/Sentinel-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Sentinel-Medium.woff2') format('woff2'),
        url('../fonts/Sentinel-Medium.woff') format('woff'),
        url('../fonts/Sentinel-Medium.ttf') format('truetype'),
        url('../fonts/Sentinel-Medium.svg#Sentinel-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Sentinel';
    src: url('../fonts/Sentinel-Semibold.eot');
    src: url('../fonts/Sentinel-Semibold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Sentinel-Semibold.woff2') format('woff2'),
        url('../fonts/Sentinel-Semibold.woff') format('woff'),
        url('../fonts/Sentinel-Semibold.ttf') format('truetype'),
        url('../fonts/Sentinel-Semibold.svg#Sentinel-Semibold') format('svg');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Sentinel';
    src: url('../fonts/Sentinel-Bold.eot');
    src: url('../fonts/Sentinel-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Sentinel-Bold.woff2') format('woff2'),
        url('../fonts/Sentinel-Bold.woff') format('woff'),
        url('../fonts/Sentinel-Bold.ttf') format('truetype'),
        url('../fonts/Sentinel-Bold.svg#Sentinel-Bold') format('svg');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Sentinel';
    src: url('../fonts/Sentinel-Black.eot');
    src: url('../fonts/Sentinel-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Sentinel-Black.woff2') format('woff2'),
        url('../fonts/Sentinel-Black.woff') format('woff'),
        url('../fonts/Sentinel-Black.ttf') format('truetype'),
        url('../fonts/Sentinel-Black.svg#Sentinel-Black') format('svg');
    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%; background:#113142;}
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%;} 

header {display:flex; display:-webkit-flex; justify-content:space-between; align-items:center; width:100%; height:70px;} 
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: 'Montserrat', sans-serif; font-weight:700; font-size: 16px; color:#fff; letter-spacing: 2.33px;}

.lead-purchases-form-container {background:#F4F4F4;}   
.form-container {display:block; width:940px; margin:0 auto; padding:60px 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 {float:left; width:390px; border-bottom:1px solid #f5f5f5; padding-bottom:10px; margin-bottom:35px;} 
.form-container .box .title span {font-family: 'Montserrat', sans-serif; font-weight:700; font-size: 15px; color: #4A4A4A; 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 .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: 'Sentinel'; font-weight:300; font-size:18px; color:#4A4A4A;}
.form-container .box .data-row div ul li:nth-child(2) {color: #DA6860; text-align:right;}
.form-container .box .data-row label {display:block; width:100%; padding-bottom:5px; font-family: 'Sentinel'; font-weight:300; font-size:18px; color:#4A4A4A;}
.form-container .box .data-row .names-container {display:block; width:100%; margin:5px 0 10px; border: 1px solid #E8E8E8; border-radius: 6px; -webkit-border-radius: 6px; font-family: 'Sentinel'; font-weight:300; font-size:18px; color:#DA6860; 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: 'Sentinel'; font-weight:300; font-size:18px; color:#4A4A4A;}
.form-container .total-box .total ul li:nth-child(2) {color: #DA6860; 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: #143241; border-radius: 100px; -webkit-border-radius: 100px; margin-top:15px; font-family: 'Montserrat', sans-serif; font-weight:700; font-size: 16px; color: #FFFFFF; letter-spacing: 0.06px; line-height: 30px; border:0; cursor:pointer;}

.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: #000000; 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: 'Montserrat', sans-serif; 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: 'Sentinel'; 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: #000000; letter-spacing: -0.07px; text-align:center; background:#F4F4F4;} 
#signature-popup .i-agree {display:block; padding-top:11px; font-family: 'Sentinel'; 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: #143241; border-radius: 100px; -webkit-border-radius: 100px; text-align:center; font-family: 'Montserrat', sans-serif; font-weight:700; font-size: 15px; color:#fff; margin:40px auto 0; border:0; cursor:pointer;}
#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: 'Sentinel'; font-weight:300; font-size: 15px; color: #9B9B9B; letter-spacing: 0.63px; line-height: 24px;}
.ssl-secured p a {text-decoration:underline; color:#DA6860;}

.popup {width:100%;height:100%;display:none;position:fixed;top:0px;left:0px;background:rgba(0,0,0,0.5);}
.popup-inner {max-width:940px;width:90%;height: 640px;padding:52px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);background:#fff;border: 1px solid #ECECEC;box-shadow: 0 20px 30px 0 rgba(0,0,0,0.17);border-radius: 31px;}
.popup-close {padding: 0;margin: 0;background: url(../images/icon-close.png)left top no-repeat;width: 20px;height: 20px;display: block;}
.popup-close:hover {padding: 0;margin: 0;background: url(../images/icon-close.png)left top no-repeat;width: 20px;height: 20px;display: block;}
.pull-left{float: left;}
.pull-right{float: right;}
.popup-header{padding: 0; margin: 0; display: block; clear:both;}
.popup-header h1{padding: 0 0 51px 0; margin: 0;font-family: 'Sentinel'; font-weight:300; font-size: 25px;color: #474747;letter-spacing: -0.74px;line-height: 0;}
.popup-content {padding: 0; margin: 0; display: block; clear:both; height:490px;}
.popup-content h1,.popup-content h2,.popup-content h3,.popup-content h4,.popup-content h5,.popup-content h6{line-height:normal;margin: 0 0 0 0;padding: 0;}
.popup-content .title{font-family: 'Sentinel'; font-weight:300; font-size: 16px;color: #313131;letter-spacing: -0.08px;padding: 0;margin: 0 0 20px 0;line-height:normal;}
.popup-content .title-new{font-family: 'Sentinel'; font-weight:300; font-size: 16px;color: #313131;letter-spacing: -0.08px;padding: 0;margin: 0;line-height:normal;}
.popup-content p{font-family: 'Sentinel'; font-weight:300; font-size: 16px;color: #484848;letter-spacing: -0.08px;padding: 0;margin: 0 0 19px 0;font-weight: normal;}
.popup-content p a{color:#45d1a6; text-decoration: underline;}
.popup-outer-close {position:absolute; width:100%; height:100%; cursor:default; z-index: -1000;}

footer {background:url(../images/footer.png) no-repeat #113142; background-size: cover; min-height: 238px; padding-top: 65px;}
footer .form-container {padding:0;}
footer .col-i {float:left; width:145px;}
footer .col-i h4 {margin:0 0 33px;}
footer ul li {display: inline;}
footer .col-ii {float:right; width:500px;}
footer .col-ii table {font-weight: 600; letter-spacing: .63px; font-family: 'Sentinel'; font-weight:300; color:#fff;}
footer .col-ii table td {text-align:left; vertical-align:top;}
footer .col-ii table a {color:#fff;}
footer .col-ii table td:first-child {width: 121px;}
footer .col-ii table td:nth-child(2) {width: 140px;} 

@media only screen and (max-width:940px)
{
	.lead-purchases-form-container {padding:0 10px 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;}
	footer .form-container {padding:0 60px;}
	footer .col-ii {width:405px;}
	footer .col-ii table td:first-child {width: 100px;}
	footer .col-ii table td:nth-child(2) {width: 100px;} 

}

@media only screen and (max-width:767px)
{
	.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-inner {padding:50px 25px;}
	.popup-content div {padding-right:20px;}
	.popup-close {margin-top:-12px;} 
	
	footer .form-container {float:left; padding:0 34px 30px;}
	footer .col-i {width:100%;}
	footer .col-i h4 {float:left; margin:0 20px 33px 0;}
	footer .col-i nav {float:left;}
	footer .col-ii {width:100%;}
	footer .col-ii table td:first-child, 
	footer .col-ii table td:nth-child(2) {width:auto; padding-right:5px;}
	
}
@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;}
}

html,body{
    -webkit-overflow-scrolling : touch !important;
    overflow: auto !important;
    height: 100% !important;
}