@import url('https://fonts.googleapis.com/css?family=Roboto:400,700');
@import url('https://fonts.googleapis.com/css?family=Montserrat:900');
@import url('https://fonts.googleapis.com/css?family=Poppins:800');
@import url('./fontawesome-all.min.css');

/* begin reset */
*{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;box-sizing:border-box}
body{line-height:1;font-size:12pt}
body.noscroll{overflow:hidden}
h1,h2,h3,h4,h5,h6{font-size:12pt;font-weight:400;line-height:1}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
nav ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;color:inherit;text-decoration:none}
a img{border:none}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:700}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle;-webkit-appearance:none;-moz-appearance:normal;box-sizing:border-box}
button::-moz-focus-inner,select::-moz-focus-inner{border:0}
.clear{overflow:hidden}
.clear:after{content:"";display:block;height:0;overflow:hidden;clear:both}
.left{float:left}
.right{float:right}
.right .inline_form{margin-left:16px;margin-top:35px}
.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
/* end reset */

html, body {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 12pt;
}

div.wrapper {
    width: 1140px;
    margin: 0px auto;
    position: relative;
}

section#header {
    width: 100%;
    position: relative;
    background-color: pink;
    background-image: url(../images/background.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 30px;
}

section#logo {
    position: relative;
    z-index: 10001;
    color: #fff;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
}

section#logo a {

}

section#logo h1 {
    font-family: "Poppins", sans-serif;
    font-weight: 800;
    font-size: 4rem; 
}

section#logo h2 {
    font-family: "Montserrat", sans-serif;
    font-weight: 900;
    font-size: 2rem;
}

section#get_started_button {
    display: inline-block;
    vertical-align: middle;
    margin-left: 20px;
    display: none;
}

section#get_started_button a {
    font-family: "Robot", sans-serif;
    font-weight: 700;
    font-size: 0.85rem;
    display: inline-block;
    text-transform: uppercase;
    background-color: #fc4a1c;
    color: #fff;
    padding-left: 18px;
    padding-right: 18px;
    border-radius: 4px;
    line-height: 40px;
}

section#menu {
    display: inline-block;
    display: none;
    vertical-align: middle;
}

section#menu li {
    color: #fff;
    text-transform: uppercase;
    font-family: "Robot", sans-serif;
    font-weight: 700;
    font-size: 0.85rem;
    display: inline-block;
    line-height: 40px;
    margin-left: 10px;
}


section#menu li a {
    font-size: inherit;
    font-size: 0.85rem;
}

section#headline {
    padding: 100px;
    padding-top: 55px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 55px;
}

section#headline h1 {
    font-size: 2.7rem;
    color: #fff;
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    text-align: center;
    /*line-height: 75px;*/
    line-height: 3;
}

section#bad_credit_stamp {
display: none;
    background-image: url(../images/stamp-bad-credit.png);
    width: 150px;
    height: 130px;
    display: inline-block;
    float: right;
    background-size: 100% 100%;
}

.clear {
    clear: both;
    display: block;
    height: 0px;
    overflow: hidden;
}

section#content {
    padding: 0px;
}

section#form {
    background-color: #fff;
    /*border: 1px solid #959595;*/
    border-radius: 10px;
    padding-top: 20px;
    padding-bottom: 50px;
    /*box-shadow: 19px 19px 0px rgba(242, 242, 242, 1.0);*/
}

section#form_top {

}

section#form_top h1 {
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    font-size: 3rem;
    line-height: 1;
    text-transform: uppercase;
    text-align: center;
}

section#form_top p, section#form p {
    padding: 25px;
    padding-bottom: 0px;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5;
    text-transform: uppercase;
    text-align: left;
}

section#form.pending h3 {
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    font-size: 2rem;
    line-height: 1.5;
    padding: 25px;
    padding-bottom: 0px;
    text-transform: uppercase;
    text-align: left;
}

section#form.pending h3 strong {
    color: #d51415;
}

div.progress_bar {
    text-align: center;
    padding-top: 25px;
}

div.progress_strip {
    text-align: center;
    display: inline-block;
    vertical-align: middle;
}

div.progress_circle {
    width: 27px;
    height: 27px;
    border-radius: 27px;
    background-color: #d7e1eb;
    display: inline-block;
    margin-left: 27px;
    vertical-align: middle;
}

div.progress_circle:first-child {
    margin-left: 0px;
}

div.progress_circle.progress_circle_filled {
    background-color: #32679d;
}

div.progress_text {
    display: inline-block;
    height: 27px;
    line-height: 27px;
    vertical-align: middle;
    margin-left: 25px;
    text-transform: uppercase;
    color: #32679d;
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    font-size: 1rem;
}

div.progress_text span {

}

section#submit, section.submit {
    text-align: center;
    padding-top: 12px;
}

section#submit button, section.submit button, section.submit a {
    width: 315px;
    height: 68px;
    line-height: 68px;
    border-radius: 3px;
    text-transform: uppercase;
    background-color: #fc4a1c;
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    font-size: 1.75rem;
    text-align: center;
    color: #fff;  
    display: inline-block;
    vertical-align: middle;
    margin-left: 16px;
    margin-right: 16px;
}

section.submit a {
    font-size: 1rem;
}

section#submit button.back_button {
    display: none;
}

section#footer {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1180c7+0,43bdf0+100 */
    background: #1180c7; /* Old browsers */
    background: -moz-linear-gradient(top, #1180c7 0%, #43bdf0 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #1180c7 0%,#43bdf0 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #1180c7 0%,#43bdf0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1180c7', endColorstr='#43bdf0',GradientType=0 ); /* IE6-9 */
    color: #fff;
    text-align: center;
    padding: 75px;
}

section#footer h1 {
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    font-size: 2rem;
    text-transform: uppercase;
}

section#footer p {
    line-height: 1.5;
    padding-top: 25px;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 1rem;
    max-width: 1150px;
    text-align: center;
    margin: 0px auto;
}

section#footer ul {
    padding-top: 25px;
    list-style-type: none;
}

section#footer li {
    display: inline-block;
    margin-left: 8px;
    margin-right: 8px;
}

section#footer li:first-child {
    margin-left: 0px;
}

section#footer li:last-child {
    margin-right: 0px;
}

section#footer li a:hover {
    text-decoration: underline;
}

section#certs {
    text-align: center;
    padding-bottom: 70px;
}

div.cert {
    display: inline-block;
    vertical-align: middle;
    margin-left: 35px;
    margin-right: 35px;
}

div.cert:first-child {
    margin-left: 0px;
}

div.cert:last-child {
    margin-right: 0px;
}

section.page {
    padding-top: 25px;
    display: none;
}

section.page:first-child {
    display: block;
}

section.page h1 {
    text-align: center;
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    font-size: 1.4rem;
    text-transform: uppercase;
    line-height: 1.8;
    color: #35679c;
}

section.page h2 {
    text-align: center;
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    font-size: 1rem;
    text-transform: uppercase;
    line-height: 1.5;
    padding-bottom: 5px;
    color: #35679c;
}

section.page h2 span {
    color: #fb4b1a;
}

div.columns {
    width: 100%;
    box-sizing: border-box;
    padding: 0px;
    margin: 0px;
}

div.columns:after {
    clear: both;
    content: "";
    display: block;
    height: 0px;
    overflow: hidden;
}

div.columns div.column {
    padding-bottom: 25px;
    float: left;
    width: 50%;
}

div.columns div.column:nth-child(odd) {
    padding-right: 11px;
}

div.columns div.column:nth-child(even) {
    padding-left: 11px;
}

div.input {
    width: 100%;
    box-sizing: border-box;
}

div.input input {
    padding-left: 35px;
    padding-right: 35px;
    box-sizing: border-box;
    width: 100%;
    height: 55px;
    border: 1px solid #959595;
    border-radius: 15px;
    color: #32679d;
    font-family: "Roboto", sans-serif;
    font-weight: 700;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #32679d;
    text-transform: uppercase;
    opacity: 1; /* Firefox */

}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    text-transform: uppercase;
    color: #32679d;
}

::-ms-input-placeholder { /* Microsoft Edge */
    text-transform: uppercase;
    color: #32679d;
}

div.radio_icons {
    text-align: center;
    margin-bottom: 25px;
}

div.radio_icon {
    display: inline-block;
    vertical-align: bottom;
    margin-left: 80px;
    margin-right: 80px;
}

div.radio_icon.radio_icon_tight {
    margin-left: 40px;
    margin-right: 40px;
}

div.radio_icon:first-child {
    margin-left: 0px;
}

div.radio_icon:last-child {
    margin-right: 0px;
}

div.radio_icon_images_single {
    text-align: center;
}

div.radio_icon_images {
    position: relative;
    padding-right: 8px;
    padding-bottom: 8px;
    display: inline-block;
}

div.radio_icon_images img {
    max-height: 100px;
}

div.radio_icon_image {
    position: relative;
    z-index: 10001;
}

div.radio_icon_image_shadow {
    position: absolute;
    top: 6px;
    left: 6px;
    opacity: 0.4;
    filter: grayscale(100%) blur(3px);
    z-index: 10000;
}

div.radio_button {
    width: 45px;
    height: 45px;
    border: 2px solid #30689b;
    border-radius: 45px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

div.radio_button input {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 45px;
    height: 45px;
    opacity: 0;
}

div.radio_button input:checked + span {
    width: 23px;
    height: 23px;
    display: block;
    background-color: #30689b;
    border-radius: 23px;
    position: absolute;
    top: 10px;
    left: 9px;
}

div.radio_button_area {
    text-align: center;
    margin-left: -8px;
    padding-top: 10px;
}

div.radio_button_area label {
    display: inline-block;
    line-height: 45px;
    height: 45px;
    vertical-align: middle;
    color: #30689b;
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    font-size: 1.5rem;
    text-transform: uppercase;
    margin-left: 15px;
}

div.single_column {
    padding-top: 10px;
    width: 580px;
    padding-bottom: 15px;
    margin: 0px auto;
}

div.select {
    text-align: center;
    padding-bottom: 25px;
}

div.select_area {
    display: inline-block;
    width: 580px;
    border: 1px solid #959595;
    border-radius: 15px;
    height: 66px;
    line-height: 66px;
    vertical-align: middle;
    background-color: #fff;
    position: relative;
    overflow: hidden;
}

div.select_area select {
    color: #32679d;
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    font-size: 1.5rem;
    width: 100%;
    height: 66px;
    border-radius: 15px;
    /*text-align-last: center;*/
    text-indent: 0px;
    padding: 0px;
    /*padding-right: 10%;*/
    margin: 0px;
    text-align: center;
    text-align: left;
    padding-left: 20px;
    /* for Firefox */
    -moz-appearance: none;
    /* for Chrome */
    -webkit-appearance: none;
    appearance: none;

    /* For IE10 */
}

div.select_area select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #32679d;
}
div.select_area select option:not(:checked) {
    color: #32679d; /* prevent <option>s from becoming transparent as well */
}

div.select_area select::-ms-expand {
    display: none;
}


div.select_area i {
    position: absolute;
    top: 12px;
    right: 20px;
    color: #959595;
    font-size: 30pt;
}

div.credit_list {
    margin-top: 50px;
    padding-bottom: 50px;
}

div.credit_list:after {
    content: "";
    display: block;
    height: 0px;
    overflow: hidden;
    clear: both;
}

div.credit {
    width: 25%;
    vertical-align: middle;
    float: left;
    padding-left: 12px;
    padding-right: 12px;
    position: relative;
}

div.credit:first-child {
    padding-left: 0px;
}

div.credit:last-child {
    padding-right: 0px;
}

div.credit h3 {
    line-height: 134px;
    border: 3px solid #32679b;
    height: 134px;
    font-size: 2.5rem;
    border-radius: 15px;
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    text-align: center;
}

div.credit.credit_excellent h3 {
    color: #359108;
}

div.credit.credit_good h3 {
    color: #34679c;
}

div.credit.credit_fair h3 {
    color: #f28415;
}

div.credit.credit_poor h3 {
    color: #d51415;
}

div.credit div.radio_button_area {
    margin-top: -37px;
    margin-left: 25px;
    margin-right: 25px;
    background-color: #fff;
}

div.credit div.radio_button_area label {
    font-size: 1.5rem;
}

label.error {
    display: block;
    text-align: center;
    line-height: 1.5;
    margin-top: 20px;
    font-size: 1rem;
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    color: #d51415;
}

section#disclosures {
    display: none;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    line-height: 1.5;
    font-size: 9pt;
}

section#disclosures p {
    font-size: 9pt;
    padding-left: 2vw;
    padding-right: 2vw;
    padding-bottom: 0px;
    padding-top: 2vw;
    text-align: justify;
    text-transform: none;
}

section#disclosures p a, section#disclosures #srDisclosure a {
    color: #fb4b1a;
    font-weight: 700;
}

section#disclosures #srDisclosure {
    display: block;
    padding-left: 2vw;
    padding-right: 2vw;
    padding-bottom: 0px;
    padding-top: 2vw;
    margin: 0px !important;
    font-size: 9pt !important;
    line-height: 1.5 !important;
    text-align: justify !important;
    font-weight: 400 !important;
    font-family: "Roboto", sans-serif !important;
}

section#disclosures #srDisclosure label {
    display: inline !important;
}



.loader_container {
    display: block;
    width: 400px;
    max-width: 400px;
    padding-top: 20px;
    position: relative;
    margin: 10px auto;    
}


.loader {
    height: 4px;
    width: 100%;
    position: relative;
    overflow: hidden;
    background-color: #ddd;
}
.loader:before{
    display: block;
    position: absolute;
    content: "";
    left: -200px;
    width: 200px;
    height: 4px;
    background-color: #2980b9;
    animation: loading 2s linear infinite;
}

@keyframes loading {
    from {left: -200px; width: 30%;}
    50% {width: 30%;}
    70% {width: 70%;}
    80% { left: 50%;}
    95% {left: 120%;}
    to {left: 100%;}
}

section#mobile_menu {
    display: none;
}

section#mobile_button_launcher {
    display: none;
}


