html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,ins,kbd,q,s,samp,small,strike,strong,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent}img{margin:0;padding:0;border:0;outline:0;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}a:focus{outline:0;text-decoration:none}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}a{text-decoration:none;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease}a:hover{text-decoration:none;color: #ffffff}::-webkit-input-placeholder{opacity:1}:-moz-placeholder{opacity:1}::-moz-placeholder{opacity:1}:-ms-input-placeholder{opacity:1}*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
body {
	font-family: 'Poppins', sans-serif;
	font-weight: 300;
	font-size: 16px;
    line-height: 1.428571429;
    color: #14274d;
    background-color: #fff;
	min-width: 320px; overflow-x: hidden;
	-webkit-transition: all 0.3s ease;                  
	-moz-transition: all 0.3s ease;                 
	-o-transition: all 0.3s ease;   
	-ms-transition: all 0.3s ease;          
	transition: all 0.3s ease;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
header {background-color: #f3f5f7; padding-top: 20px;   }
header p {font-weight: 600}
nav {max-width: 1140px;}
.formSec{    background-color: #f3f5f7;  background-repeat: no-repeat; overflow: hidden; position: relative; padding-right: 15px; padding-left: 15px; padding-bottom: 2rem; padding-top: 2rem;}
.formSec:after{content: ""; width: 100%; height: 100%;  background: rgb(255,255,255); z-index: 2;
background: linear-gradient(0deg, rgba(243,245,247,0) 10%, rgba(243,245,247,1) 100%); display: block; position: absolute; left: 0; right: 0; bottom: 0;}
.formSec form {position: relative; z-index: 99;}
.formSec:before{content: ""; width: 100%; height: 100%; display: block;position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-image: url("../img/hero.jpg");  background-size: cover; opacity: .08; z-index: 1 }




div.error,.form-error-message {color: red;font-size: 12px;margin-bottom:0;display: none; text-align: center; margin-top: -5px;}
.mxwdth-fl{max-width: initial !important;}

.form {background: #fff;  box-shadow: 0 5px 20px rgb(0 0 0 / 10%);  border-radius: 60px;min-height: 200px;  padding: 0px; position: relative; overflow: hidden}

.form fieldset:not(:first-of-type) { display: none; }


.form label{margin-bottom:5px;font-weight: 600;}

.form fieldset{position: relative}
.form fieldset:not(#zip-container) .form_box-question{text-align: center}
.form_box-question{font-size: 1.6rem;margin-bottom: 1rem; font-weight:700; }
.form_box-desc {font-size: 1.35rem; font-weight:300; margin-bottom: 2.5rem}


.form_box-question.last{margin-bottom: .8rem; position: relative;}
.form_box-question.last:before{content: ""; width: 30px; height: 30px; display: block; background-repeat: no-repeat;background-size:100%;display: inline-block;margin-left: auto;margin-right: auto;float: none;background-image:url("data:image/svg+xml; utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='55px' height='42px' fill='rgb(68, 197, 144)'><path fill-rule='evenodd'  d='M54.000,5.801 L49.176,0.994 C48.514,0.335 47.709,0.005 46.764,0.005 C45.817,0.005 45.013,0.335 44.351,0.994 L21.079,24.217 L10.649,13.789 C9.987,13.130 9.183,12.800 8.237,12.800 C7.291,12.800 6.486,13.130 5.824,13.789 L1.000,18.596 C0.337,19.256 0.006,20.057 0.006,21.000 C0.006,21.942 0.337,22.744 1.000,23.404 L13.842,36.199 L18.667,41.005 C19.328,41.665 20.133,41.995 21.079,41.995 C22.025,41.995 22.829,41.665 23.491,41.005 L28.316,36.199 L54.000,10.609 C54.662,9.949 54.994,9.148 54.994,8.205 C54.994,7.263 54.662,6.461 54.000,5.801 Z'/></svg>"); background-position: center left; margin-right: 10px; position: relative; bottom: -5px;}

.form_box-question.last+p{font-size: 1.1rem; font-weight: 400;margin-bottom: 2rem;    max-width: 326px;}


h4.form_box-question{font-size: 1.35rem!important}


.zip-cont{max-width: 735px;     padding: 80px 120px 100px 60px;}
.zip-cont .form_box-question {font-size: 2.8rem}
.zip-img{ -webkit-clip-path: polygon(10% 0,100% 0,100% 100%,10% 100%,0 50%);clip-path: polygon(10% 0,100% 0,100% 100%,10% 100%,0 50%); background-size: auto 120%; background-position: top left}
.zip_box{max-width: 400px; border-radius: 50px;padding: 2px}

.form .form-cont, .mxwdth-def{max-width: 300px; margin-left: auto; margin-right: auto}
.form .form-cont.mxwdth{max-width: 500px;}



.form .form-control{font-size: 1.2rem; width: 100%; margin-bottom:15px; height: 45px; line-height:45px;  font-weight: 400 !important;  padding:0 20px;background: #fff; color: black;border-radius: 50px; border:solid 2px #b2b9c2}
.form select.form-control{ height: auto!important;  vertical-align: middle; background-size:30px;  background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24'  fill='%2314274d' stroke-width='0' stroke-linecap='round' stroke-linejoin='round'><path d='M7,10L12,15L17,10H7Z'/></svg>") !important; -webkit-appearance: none;-moz-appearance: none;appearance: none; background-repeat: no-repeat; background-position: center right 1rem; padding-right: 1.5rem}
.form .form-control:active,.form .form-control:focus{box-shadow: none; outline: none; }



.col.form-btns{max-width: 170px;}

.radio-btn label,
.form .form-btn{font-style:normal;font-weight:600;font-size:1.2rem;padding:0 10px;position:relative; -webkit-transition:all .15s linear; -o-transition:all .15s linear; transition:all .15s linear;width:100%;background-color: #e7e619; border: none;  color: #000000; margin-bottom: 20px;-webkit-border-radius:50px;border-radius: 50px;}
.form .form-btnbutton{font-style:normal;font-weight:600;font-size:1.2rem;padding:0 10px;position:relative; -webkit-transition:all .15s linear; -o-transition:all .15s linear; transition:all .15s linear;width:100%;background-color: #893be8; border: none;  color: #000000; margin-bottom: 20px;-webkit-border-radius:50px;border-radius: 50px;}

.form .btn-text {height: 47px; line-height: 47px; }
.form .form-btn:hover,.form .form-btn:active,.form .form-btn:focus{ background:#e7e619; border-color: #e7e619;}

.form .form-btnb:hover,.form .form-btnb:active,.form .form-btnb:focus{ background:#893be8; border-color: #893be8;}

.radio-btn label{background-color: #C4CCCC;}

.radio-btn label {white-space: normal; margin-bottom: 15px;  line-height: 1;cursor: pointer;display: table; height: 45px;  width: 100%; padding: 5px; }
.radio-btn label span {display: table-cell;vertical-align: middle; text-align: center;}
.radio-btn label span i {display: block; font-size: 0.6em; margin-top: 5px;}
.radio-btn input:checked~label,
.radio-btn label:hover { background:#893be8; border-color: #893be8;color: #fff;}

.checkbox label {display: inline-block;padding-left: 26px;position: relative;width: 100%; line-height:20px; cursor: pointer;font-weight: 400 !important}
.checkbox label:before { content:" ";background-color: #fff; border: 1px solid #dcdcdc; pointer-events: none;height:20px;width:20px; -webkit-transition: border ease .15s; -o-transition: border ease .15s; transition: border ease .15s; display: block; position: absolute; left: 0;border-radius:2px; -webkit-box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, .1); box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, .1);}
.checkbox input:checked~label:before {border-color:#b2b9c2; background-color:#b2b9c2; background-image: url("data:image/svg+xml; utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24px' height='24px'><path fill-rule='evenodd'  fill='rgb(255, 255, 255)' d='M9,20.42L2.79,14.21L5.62,11.38L9,14.77L18.88,4.88L21.71,7.71L9,20.42Z'/></svg> "); background-size: 80%; background-position:  center ; background-repeat: no-repeat;-webkit-box-shadow:inset 0 1px 3px 0 rgba(0,0,0,.1);box-shadow:inset 0 1px 3px 0 rgba(0,0,0,.1);}



.zip_box .form-btn{ margin-bottom:0px;border-top-left-radius: 0;border-bottom-left-radius: 0; background: transparent }
.zip_box .form-control{ margin-bottom:0px;border-top-right-radius: 0;border-bottom-right-radius: 0; }



.checkbox input[type=checkbox],
.radio-btn input{margin:0;padding:0;-webkit-appearance:none !important;-moz-appearance:none !important; appearance:none !important;position:absolute;top:0;left: 0;border: none !important;opacity: 0 !important; width: 1px; height: 1px; }





.form #zip-container .form-control{height: 55px; line-height:55px; border:none} 
.form #zip-container .btn-text{height: 55px; line-height:55px;  } 

/*.formSec.on{position: fixed; display: block;  top: 0;  left: 0;bottom: 0; right: 0; z-index: 10000; overflow: auto;}*/
nav.on .navbar-brand{margin-left: auto; margin-right: auto}
.formSec.on .container{max-width:720px;}
.formSec.on form{border-radius: 30px; padding: 40px 30px;}

/*exp2c style*/
form.off{box-shadow: none;  overflow: visible; border-radius: 0; background: transparent}
.exp2c #zip-container{text-align: center}
.exp2c h2 {font-size: 3.5vw;}
.exp2c #zip-container .form_box-question {font-size:2vw;}
.formSec.on.exp2c .container{max-width: auto !important}


.form-control::-webkit-input-placeholder { color: #969fab; font-weight: 500;}
.form-control::-moz-placeholder { color: #969fab; font-weight: 500;}
.form-control:-ms-input-placeholder { color: #969fab; font-weight: 500;}
.form-control::-ms-input-placeholder { color: #969fab; font-weight: 500;}
.form-control::placeholder { color: #969fab; font-weight: 500;}
.form-control:-ms-input-placeholder {color: #969fab; font-weight: 500;}
.form-control:-ms-input-placeholder { color: #969fab; font-weight: 500;}
.form-control::-ms-input-placeholder { color: #969fab; font-weight: 500;}





input[type=range]{height:10px;-webkit-appearance:none;margin:0 0 40px 0;width:100%;-moz-appearance:initial !important;}
input[type=range]:focus{outline:none}


input[type=range]::-webkit-slider-runnable-track{width:100%;height:10px;cursor:pointer;animate:0.2s;box-shadow:none;background:#b5c6ff;border-radius:1px;border:0 solid #b5c6ff;border-radius:10px;}
input[type=range]::-moz-range-track{width:100%;height:10px;cursor:pointer;animate:0.2s;box-shadow:none;background:#b5c6ff;border-radius:10px;border:none; outline: none;border-color:transparent; }
input[type=range]::-ms-track{width:100%;height:10px;cursor:pointer;animate:0.2s;background:transparent;border-color:transparent;color:transparent}
input[type=range]::focus::-webkit-slider-runnable-track{background:#b5c6ff}


input[type=range]::-webkit-slider-thumb{box-shadow:0 0 0 transparent;border:10px solid #3262ff;height:40px;width:40px;border-radius:50%;background:#fff;cursor:pointer;-webkit-appearance:none; margin-top:-15px;  transition: all .5s ease;     }
input[type=range]::-moz-range-thumb{box-shadow:0 0 0 #000;border:10px solid #3262ff;height:20px;width:20px;;border-radius:50%;background:#fff;cursor:pointer}
input[type=range]::-ms-thumb{margin-top:1px;box-shadow:0 0 0 #000;border:1px solid #bdc3c7;height:20px;width:20px;border-radius:2px;background:#3262ff;cursor:pointer}

input[type=range]:hover::-webkit-slider-thumb { -webkit-box-shadow: 0 0 0 10px rgba(50,98,255,0.1) ; box-shadow: 0 0 0 10px rgba(50,98,255,0.1) ;}
input[type=range]:hover::-moz-range-thumb { -webkit-box-shadow: 0 0 0 10px rgba(50,98,255,0.1) ; box-shadow: 0 0 0 10px rgba(50,98,255,0.1) ;}
input[type=range]:hover::-ms-thumb { -webkit-box-shadow: 0 0 0 10px rgba(50,98,255,0.1) ; box-shadow: 0 0 0 10px rgba(50,98,255,0.1) ;}


input[type=range]::-ms-fill-lower{background:#3262ff;border:0 solid #3262ff;border-radius:2px;box-shadow:0 0 0 #000}
input[type=range]::-ms-fill-upper{background:#3262ff;border:0 solid #3262ff;border-radius:2px;box-shadow:0 0 0 #000}




.box_range{position: relative; display: block;}
.box_range output{text-align: center; display: block; width: 100%; font-weight: 600; font-size: 1.3rem; line-height: 1; margin-bottom: 10px;}
.box_range output::before{content: "$"}
.intmax:after{content: "+"}
.intcont{position: relative; display: block;}
.intcont::before{content:"$10"; position: absolute; left: 0; top: 0; margin-top: 20px; color: #000; font-size: 14px; }
.intcont::after{content:"$800+"; position: absolute; right: 0;top: 0; margin-top: 20px;color: #000; font-size: 14px;}

.intcont.debt::before{content: "$1000" !important}
.intcont.debt::after{content: "$100,000+" !important}


.progress_box{z-index: 99; position: relative;max-width: 530px; margin-left: auto; margin-right: auto; margin-bottom: 2rem}
.progress{       background: #e6e6e6;z-index: 1;  -moz-box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 2px inset;  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 2px inset;  box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 2px inset; margin-bottom: 10px; height: 10px; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; margin-top: 10px;border-radius: 10px;}
.progress-bar {}
.progress_box h2{text-align: center; font-weight: 700; font-size: 2.4rem;margin-bottom: 0.5rem;}
.progress_box h2 + p {margin-bottom: 1.5rem;text-align: center}
.progress-val{letter-spacing: 2px; font-size: 0.8rem; text-transform: uppercase}



.progress.mxwdth{max-width: 530px;}

#tcpa_cont { padding-bottom: 25px;}
#tcpa_label {font-size: 12px; color: #000; font-weight: 300; max-width: 590px; margin-top: 50px; margin-left: auto; margin-right: auto; display: block;text-align: justify;}



footer { font-size: 14px; line-height: 20px; color:#000; padding-top: 50px; padding-bottom: 2rem}
footer .small {font-size: 11px; line-height: 1.4; margin-top: 25px; text-align: justify}
footer li a {color: #3262ff; }
footer .copy {margin-bottom: 25px;}
footer .copy a {color:#3262ff;}


.grad{ 
  background: -webkit-linear-gradient(0deg, #e7e619 0, #893be8 100%), -webkit-linear-gradient(-180deg, #e7e619 0, #e7e619 100%);
  background: -moz-linear-gradient(90deg, #e7e619 0, #893be8 100%), -moz-linear-gradient(270deg, #e7e619 0, #e7e619 100%);
  background: linear-gradient(90deg, #e7e619 0, #e7e619 100%), linear-gradient(270deg, #e7e619 0, #e7e619 100%);
  background-position: 50% 50%;
  -webkit-background-origin: padding-box;
  background-origin: padding-box;
  -webkit-background-clip: border-box;
  background-clip: border-box;
}
.gradbutton{ 
  background: -webkit-linear-gradient(0deg, #3262ff 0, #893be8 100%), -webkit-linear-gradient(-180deg, #3262ff 0, #893be8 100%);
  background: -moz-linear-gradient(90deg, #3262ff 0, #893be8 100%), -moz-linear-gradient(270deg, #3262ff 0, #893be8 100%);
  background: linear-gradient(90deg, #3262ff 0, #893be8 100%), linear-gradient(270deg, #3262ff 0, #893be8 100%);
  background-position: 50% 50%;
  -webkit-background-origin: padding-box;
  background-origin: padding-box;
  -webkit-background-clip: border-box;
  background-clip: border-box;
}

.gradbutton a {color: #ffffff;}
.white a {color: #ffffff;}

.fnote{
	display: block;
	font-size: 12px;
    line-height: 1;
    vertical-align: middle;
    text-overflow: ellipsis;
    width: 95%;
    overflow: hidden;
    white-space: nowrap;
}
.fnote a {color: #0073e0;}
section.article{border-bottom: solid 1px #00000014; padding-top: 4rem; padding-bottom: 4rem}
section.article b {font-weight: 700}
section.article p:not(:first-of-type){margin-top: 1.1rem}
section.article .post-title{font-size: 1.8rem}
section.article h2 {font-size: 1.6rem; font-weight:600}


.no-gutter {margin-left: -5px!important; margin-right: -5px!important;}
.no-gutter > .col,
.no-gutter > [class*="col-"] {
  padding-right: 5px!important;
  padding-left: 5px!important;
}


@media (min-width:980px){
	
}



@media (max-width: 768px) {
	header p{text-align: center}
	.form {border-radius: 20px;}
	.navbar.justify-content-between {
    -webkit-box-pack: center!important;
    -ms-flex-pack: center!important;
    justify-content: center!important;}
	.zip-cont{min-width: 100%;    padding: 50px 30px 20px 30px; }
	.formSec{padding-top: 1rem}
	.form_box-question{font-size: 1.3rem}
	.zip-cont .form_box-question{font-size: 2rem}
	.progress_box h2{font-size: 2rem}
	
	.form_box-question.last+p,
	.form_box-desc{font-size: 1rem}
	.zip-img{min-height: 300px;}
	.zip-img{ -webkit-clip-path: polygon(50% 15%,100% 0,100% 100%,0% 100%,0 0);clip-path: polygon(50% 15%,100% 0,100% 100%,0% 100%,0 0); background-size: auto 120%; background-position: top left}
	.formSec.on form{padding: 40px 20px}
	
	.exp2c h2 {font-size: 6vw;}
	.exp2c #zip-container .form_box-question {font-size: 2vh;}
}



 @media (max-width: 576px) {

}




