html *{font-family:"Open Sans",Arial,sans;}
 
 .radio {
  margin: 0.5rem;
}
.radio input[type=radio] {
  position: absolute;
  opacity: 0;
}
.radio input[type=radio] + .radio-label:before {
  content: "";
  background: #f4f4f4;
  border-radius: 100%;
  border: 1px solid #b4b4b4;
  display: inline-block;
  width: 1.4em;
  height: 1.4em;
  position: relative;
  top: -0.2em;
  margin-right: 1em;
  vertical-align: top;
  cursor: pointer;
  text-align: center;
  transition: all 250ms ease;
}
.radio input[type=radio]:checked + .radio-label:before {
  background-color: #3197EE;
  box-shadow: inset 0 0 0 4px #f4f4f4;
}
.radio input[type=radio]:focus + .radio-label:before {
  outline: none;
  border-color: #3197EE;
}
.radio input[type=radio]:disabled + .radio-label:before {
  box-shadow: inset 0 0 0 4px #f4f4f4;
  border-color: #b4b4b4;
  background: #b4b4b4;
}
.radio input[type=radio] + .radio-label:empty:before {
  margin-right: 0;
}
 
    .row{margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    }
    .row.group{margin-top: 20px;
    }
    .row:after {
    content: "";
    display: table;
    clear: both;
}
input:not([type]), input[type=text]:not(.browser-default), input[type=password]:not(.browser-default), input[type=email]:not(.browser-default), input[type=url]:not(.browser-default), input[type=time]:not(.browser-default), input[type=date]:not(.browser-default), input[type=datetime]:not(.browser-default), input[type=datetime-local]:not(.browser-default), input[type=tel]:not(.browser-default), input[type=number]:not(.browser-default), input[type=search]:not(.browser-default), textarea.materialize-textarea {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #9e9e9e;
    border-radius: 0;
    outline: none;
    height: 3rem;
    width: 100%;
    font-size: 16px;
    margin: 0 0 8px 0;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-transition: border .3s, -webkit-box-shadow .3s;
    transition: border .3s, -webkit-box-shadow .3s;
    transition: box-shadow .3s, border .3s;
    transition: box-shadow .3s, border .3s, -webkit-box-shadow .3s;
}

p.boxnote{
    font-size:0.72em;
}


 div.clr{clear:both}
.form-group {
        position: relative;
        margin-bottom: 33px;
      }
      
      .form-group-wrap {width:82%;margin:20px auto;
    background: #FFF;
    border: 1px solid #dedede;
    padding: 20px 15px 10px;
    border-radius: 6px;
    margin-bottom: 30px;
    clear:both;
}


.col-sm-12{width:98%;margin:8px 1%;float:left;}

      .col-lg-12{width:98%;margin:20px 1%;float:left;}
      .col-lg-6{width:48%;float:left;margin:20px 1%;}
      .col-lg-4{width:31%;float:left;margin:20px 1%;}
      .contact_method_field,
      .branch_loc_field {
        margin-bottom: 20px;
      }
      .contact_method_field .options label,
      .branch_loc_field .options label {
        position: relative!important;
        display: inline-block;
        margin:  0 15px 0 0;
        float: left;
        width: auto;
      }
      .contact_method_field .options,
      .branch_loc_field .options,
      label[for="contact_method"] {
        position: relative;
        display: inline-block;
        width: auto!important;
        margin:  0 0;
        float: left;
      }
      .contact_method_field .options,
      .branch_loc_field .options {
        padding-left: 10px;
        top: -1px;
      }
      .contact_method_field .options label input,
      .branch_loc_field .options label input {
        top: 6px;
        left: 6px;
        margin: 0 0;
      }
      input[type="text"],input[type="number"],input[type="email"],textarea, select.form-control {
        border-top: none!important;
        border-left: none!important;
        border-right: none!important;
        border-bottom: 1px solid #9e9e9e!important;
        box-sizing: border-box!important;
        box-shadow: none!important;
        outline: none;
        border-radius: 0!important;
        padding:  0 0;
        font-size: 15px;
        -webkit-appearance: none;
      }
      input[type="text"],input[type="number"],input[type="email"],select.form-control {
        height: 40px!important;
        margin-bottom: 0!important;
      }
      input[type="text"]:focus,
      input[type="email"]:focus,input[type="number"]:focus,
      select.form-control:focus,
      textarea:focus {
        box-shadow: none!important;
        border-bottom: 1px solid #00bcd4!important;
      }
      select.form-control {
        padding-left: 0;
        padding-right: 0;
      }
      textarea {
        line-height: normal;
        overflow-y: hidden;
        padding: .8rem 0 .8rem 0;
        resize: none;
        min-height: 3rem;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        height: 3rem;
        width: 100%;
      }
      label {
        display: block;
        width: 100%;
        color: #000;
        font-size: 15px;
        font-weight: bold;
        position: absolute;
        transform: translateY(3px);
        transition: all ease .3s;
      }
      label.default,
      label.active,
      label.active2,
      label.active3 {
        font-size: 13px;
        transform: translateY(-14px);
        transform-origin: 0 0;
      }
      
      label.noabs{
      position:static;
      }
      input.hide-input {
        height: 1px!important;
        width: 100%!important;
        position: absolute;
        left: 0;
        bottom:  0;
        z-index: -999;
        visibility: hidden;
      }
      .form-group.form-check {
        margin-left: 15px;
        padding-left: 21px;
      }
      .form-check input {
        position: absolute;
        top: 7px;
        left: 0;
        margin:  0 0;
      }
      .field-vterms {
        display: none;
        position: relative;
        top: -10px;
      }
      .field-vterms div.error {
        top: 23px;
        left: 0;
      }
      .group-heading {
        margin: 0 0 23px;
      }
      .group-heading h3 {
        border-bottom: 3px solid #000;
        position: relative;
        margin:  0 0;
        font-size: 20px;
      }
      .group-heading h3 span {
        display: inline-block;
        background: #FFF;
        position: relative;
        bottom:  -8px;
        z-index: 5;
        padding-right: 10px;
        color:#199c20
      }
      .row.group {
        margin-top: 20px;
      }
      .subgroup-fields {
        width: 100%;
        float: left;
        border: 1px dashed #CCC;
        border-radius: 6px;
        padding: 25px 15px 15px;
        position: relative;
        margin-top: 10px;
        margin-bottom: 25px;
      }
      .subgroup-fields .group-name {
        display: inline-block;
        position: absolute;
        top: -16px;
        left: 14px;
        background: #FFF;
        padding: 5px 8px;
        color:#39cc50;
        font-size: 18px;
        font-weight: normal;
        font-style: italic;
        line-height: 1;
      }
      
      /*
      .hasJointAppfield label {
        display: inline-block;
        width: auto!important;
        position: relative!important;
        float: left;
        transform: none!important;
      }
      label[for="has_jointapp_app"] {
       font-size: 18px!important;
      }
      .hasJointAppfield div.options {
        display: inline-block;
        float: left;
        margin-left: 10px;
        position: relative;
        top: 1px;
      }
      .hasJointAppfield input {
        margin:  0 0;
        position: absolute;
        opacity: 0;
        pointer-events: none;
      }
      */
      .form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.form-control.debt-type,
.form-control.asset-type{
	background:#f4f9f6
}
      
      div.options label {
        margin-right: 15px;
        margin-bottom: 0;
      }
      div.options label span {
        padding-left: 12px!important;
      }
      
      .hasJointAppfield div.options label span.nope {
    padding-left: 0!important;
}
      
      .reference .row {
        margin-left: -15px;
        margin-right: -15px;
      }
      .btn-submit {
        width: 100%;
        text-align: center;
      }
      .btn, .btn-large, .btn-small {
        background-color: #1f2121;
      }
      .btn:hover,.btn-large:hover, .btn-small:hover {
        background-color: #5b5d5d;
      }
      .joint-app-info {padding:20px 20px;}
      .hide {display:none}
      div.error {
        position: absolute;
        font-size: 12px;
        font-style: italic;
        color: red;
      }
      .boxnote {position:relative;top:-10px;left:-10px;}
input[type=date]:not(.browser-default){height:2.45em}
      
      
      
      .accordion-wrapper{width:90%;margin:12px auto;}
      .accordion-wrapper .card{background-color:#f4f9f6;
      color:#333333;
      padding:15px 30px;
      border-radius:3px;
      cursor:pointer;
      margin-bottom:5px;
      border:1px solid #e6e6e6}
      .accordion-wrapper .card-title{font-size:22px;margin:0;}
      .accordion-wrapper .card-body{display:none;cursor:default;}
      
      .error-form-check{border-color:#ff5555;background-color:#fffafa;}
      
      
      a.add-another-button{cursor:pointer;padding:15px 30px;text-align:center;color:#c2c5ea;background:#ffffff;border:1px solid #c2c5ea;text-decoration:none;font-size:14px;}
      a.add-another-button:hover{cursor:pointer;padding:15px 30px;text-align:center;color:#7275ca;background:#f4f4f4;border:1px solid #7275ca;text-decoration:none;font-size:14px;}
      div.fluid.title-brick{
   width:74%;
   margin:20px auto;
   padding:20px 0;
}
div.fluid.title-brick img{margin:0 auto;}
img.fluid {
  max-width: 100%;
}
img.fluid[width] {
  width: auto; /* Defer to max-width */
}
img.fluid[width][height] {
  height: auto; /* Preserve aspect ratio */
}

/* Let SVG scale without boundaries */
img.fluid[src$=".svg"] {
  width: 100%;
  height: auto;
  max-width: none;
}
p.light{font-size:0.6em;}
div.center{text-align:center;width:99%;margin:12px auto;}



/* FILE UPLOADER */
 .upload-area{
        width: 50%;
        min-height: 140px;
        border: 2px solid lightgray;
        border-radius: 3px;
        margin: 0 auto;
        margin-top: 30px;
        text-align: center;
        overflow: auto!important;
    }
    
    .upload-area:hover{
        cursor: pointer;
    }
    
    .upload-area h1{
        text-align: center;
        font-weight: normal;
        font-family: sans-serif;
        line-height: 30px;
        color: darkslategray;
        padding:25px 0;
    }
    
    #file{
        display: none;
    }
    
    /* Thumbnail */
    .thumbnail{
        width: 80px;
        height: 80px;
        padding: 2px;
        border: 2px solid lightgray;
        border-radius: 3px;
        float: left;
    }
    
    .size{
        font-size:12px;
    }
    
    
    div.explain{display:inline;margin-left:14px;}
    
   /* .fluid.title-brick .center .float3{float:left;width:31.2956%;margin:1% 1%;padding:0 1%;}*/
   .fluid.title-brick .center .float3{float:left;width:22.9717%;margin:1% 1%;padding:0 1%;}
    div.clear{clear:both}
      
      div.hidden-info{display:none;width:90%;}
      div.hidden-info.shown{display:block;}
      
      /* 10500 width */
      @media only screen and (max-width:1050px){
      .form-group-wrap {width:91%}
      .col-lg-6 {width: 96%}
      .fluid.title-brick .center .float3 {width: 94.2956%;}
      }
      
      /* 525 width */
      @media only screen and (max-width:525px){
      .col-lg-4{width:96%}
      .form-group-wrap {width:98%}
      }
      
      
      
      
/*
NEW JULY/AUGUST 2022
*/

.loan-slider-bar{width:80%;margin:12px auto;}
.loan-slider-controls{/*width:366px;margin:30px auto;*/width: 400px;
    padding: 14px;
    margin: 30px auto;
    min-height: 120px;}
.loan-slider-controls a{padding:12px 28px;font-weight:600;cursor:pointer}
.loan-slider-controls a.loan-slider-control-cancel{background:#ffffff;color:#ff0000;margin-right:5px;-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
border:2px solid #ff0000;
margin-left:-8px}
.loan-slider-controls a.loan-slider-control-next{background:#009911;color:#ffffff;-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
border:2px solid #009911}
.loan-slider-controls a.loan-slider-control-back{background:#eeeeee;color:#111111;-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
border:2px solid #333333}
.loan-slider{width:100%;min-height:400px;overflow:hidden;}
.loan-slider-body{position:relative;top:0;left:0;}
.loan-slider-el{float:left;width:1024px;min-height:400px;margin:0;position:relative;top:0;left:0;}
.loan-slider-el .content-el{width:90%;margin:auto}
.loan-slider-el .content-el h2.content-el-hd{margin:10px 0 25px;font-size:1.4em;color:#335533;} 
.content-el-float-9-wrapper{display:flex;
flex-flow: row wrap;
justify-content:center;
align-content:center;
align-items:center;
width:90%;margin:20px auto;}
.content-el-float-9{position:relative;width:185px;height:165px;float:left;-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;margin:0 10px 15px 10px;border:4px solid #333333;background:#ffffff;padding:20px;text-align:center;
transition: all 1s ease-out 50ms;flex: 0 1 auto;
align-self:center;}
.content-el-float-loantype span{display:block;position:absolute;bottom:12px;left:0;width:100%;padding:12px 0;background:rgba(0,0,0,0.2);color:#ffffff}
.content-el-float-9.content-el-float-loantype.content-el-float-loantype-1{background-image:url('/imgs/persloan-mini.jpg')}
.content-el-float-9.content-el-float-loantype.content-el-float-loantype-2{background-image:url('/imgs/sharesecu-mini.jpg')}
.content-el-float-9.content-el-float-loantype.content-el-float-loantype-3{background-image:url('/imgs/newcar-mini.jpg')}
.content-el-float-9.content-el-float-loantype.content-el-float-loantype-4{background-image:url('/imgs/usedcar-mini.jpg')}
.content-el-float-9.content-el-float-loantype.content-el-float-loantype-5{background-image:url('/imgs/motoatv-mini.jpg')}
.content-el-float-9.content-el-float-loantype.content-el-float-loantype-6{background-image:url('/imgs/heloc-mini.jpg')}
.content-el-float-9.content-el-float-loantype.content-el-float-loantype-8{background-image:url('/imgs/creditcard-mini.jpg')}
.content-el-float-9.content-el-float-loantype.content-el-float-loantype-9{background-image:url('/imgs/other-mini.jpg')}
.content-el-float-9.content-el-float-loantype.content-el-float-loantype-1:hover,
.content-el-float-9.content-el-float-loantype.content-el-float-loantype-2:hover,
.content-el-float-9.content-el-float-loantype.content-el-float-loantype-3:hover,
.content-el-float-9.content-el-float-loantype.content-el-float-loantype-4:hover,
.content-el-float-9.content-el-float-loantype.content-el-float-loantype-5:hover,
.content-el-float-9.content-el-float-loantype.content-el-float-loantype-6:hover,
.content-el-float-9.content-el-float-loantype.content-el-float-loantype-8:hover,
.content-el-float-9.content-el-float-loantype.content-el-float-loantype-9:hover{background-color:rgba(51, 153, 51,1)!;transition: all 1s ease-out 50ms}

.content-el-float-9:hover{cursor:pointer;background-color:rgba(85, 204, 85,0.5)!}
.content-el-float-9.selected{border:4px solid rgba(51, 153, 51,1);background-color:rgba(51, 153, 51,1)!}

.save-load-page{z-index:999;background:rgba(255,255,255,1);display:none;position:absolute;}
.loan-slider-el{height:0.25px;display:none;}
#close_x{cursor:pointer}


#progress {
  position: relative;
  margin-bottom: 30px;   
}
#progress-bar {
  position: absolute;
  background: #22bb11;
  height: 5px;
  width: 0%;
  top: 50%;
  left: 0;
}
#progress-num {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  justify-content: space-between;
}
#progress-num::before {
  content: "";
  background-color: #dddddd;
  position: absolute;
  top: 50%;
  left: 0;
  height: 5px;
  width: 100%;
  z-index: -1;
}
#progress-num .step {
  border: 3px solid #dddddd;
  border-radius: 100%;
  width: 30px;
  height: 30px;
  line-height: 24px;
  text-align: center;
  background-color: #fff;
  font-family: sans-serif;
  font-size: 14px;    
  position: relative;
  z-index: 1;
}
#progress-num .step.active {
  border-color: #22bb11;
  background-color: #29cc16;
  color: #fff;
}

a.btn.btn-submit        {display:block;marign:12px auto;width:200px;padding:20px 32px;font-size:14px;text-decoration:none;text-transform:uppercase;background:#393;color:#ffffff;text-align:center;cursor:pointer}
a.btn.btn-submit:hover  {display:block;marign:12px auto;width:200px;padding:20px 32px;font-size:14px;text-decoration:none;text-transform:uppercase;background:#f4f9f3;color:#333333;text-align:center;cursor:pointer}
div.info-modal{position:absolute;top:0;left:0;min-width:250px;min-height:120px;padding:20px;-webkit-box-shadow: 0px 2px 18px -1px rgba(51,51,51,0.66); 
box-shadow: 0px 2px 18px -1px rgba(51,51,51,0.66);}

.modal.checkclose{text-align:center;width:350px;top:30%;position:absolute;background:#ffffff;border:2px solid #333333;left:-175px;margin-lefT:50%;}
.modal.checkclose p{width:80%;margin:25px auto;}
.modal.checkclose a.cancel-completely-cancel{border:2px solid #ff0000;background:#ff0000;color:#ffffff;padding:8px 12px;border-radius:3px;}
.modal.checkclose a.cancel-go-back{border:2px solid #ff0000;background:#ffffff;color:#ff0000;padding:8px 12px;border-radius:3px;}
.modal.checkclose a.cancel-completely-cancel:hover{border:2px solid #aa0000;background:#aa0000;color:#ffffff;padding:8px 12px;border-radius:3px;}
.modal.checkclose a.cancel-go-back:hover{border:2px solid #aa0000;background:#ffffff;color:#aa0000;padding:8px 12px;border-radius:3px;}


/* new NOV */

.on {
    transition: text-shadow 500ms;
    -webkit-transition: text-shadow 500ms;
    -moz-transition: text-shadow 500ms;
    -ms-transition: text-shadow 500ms;
    -o-transition: text-shadow 500ms;
    text-shadow: 0 0 10px #000;
}

.off {
    transition: text-shadow 250ms;
    -webkit-transition: text-shadow 250ms;
    -moz-transition: text-shadow 250ms;
    -ms-transition: text-shadow 250ms;
    -o-transition: text-shadow 250ms;
    text-shadow: 0;
}


.loan-review-sections{margin:0 auto 30px;}

.form_error_highlight{color: #ff0000!important;
    border-left: 4px solid #ff0000!important;
    padding-left: 10px;}

/* 20230523 */
.error-modal{width:281px;position:absolute;top:0;left:0;z-index:993;background:#ffffff;padding:10px 10px 30px 10px;}
.error-modal .error-modal-close{width:98%;text-align:right;padding-right:2%}
.error-modal .error-modal-close #error-modal-close-button{font-weight:600;font-size:16px;cursor:pointer;}
.error-modal .error-modal-content{font-size:15px;line-height:22px;color:#990000;padding:0;margin:10px auto;width:85%}
.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);z-index:990}

.loan-explain{width:90%;margin:12px auto 20px;text-align:left;}
/* end new end */

@media only screen and (max-width:425px){
	
	.error-modal{width:96%;margin:10px auto;top:10px;}
	
    .mobactive{font-size: 11px;
	    transform: translateY(0px)!important;
        float: none!important;display:block!important;
        position:inherit!important;
    }

	label {font-size: 13px!important;
        position:inherit!important;}
	

	.contact_method_field .options label, .branch_loc_field .options label {
        float: none!important;display:block!important;
    }


	.loan-slider-controls a.loan-slider-control-cancel {
	    margin-right: auto!important;
	    -webkit-border-radius: 6px;
	    -moz-border-radius: 6px;
	    border-radius: 6px;
	    border: 2px solid #ff0000;
	    margin-left: auto!important;
	}	

.loan-slider-controls {
	    width: 95%!important;
	    padding: 5px!important;
	}

	.loan-slider-controls a {
	    display: block!important;
	    max-width: 140px;
	    margin: 6px auto;
	    text-align:center!important
	}
	.loan-slider-el.loan-slider-el-11{padding-top:300px;}
}
@media only screen and (max-width:325px){
    .modal.checkclose{width:90%;top:1%;}
    label.default, label.active, label.active2, label.active3 {
	    font-size: 11px;
	    transform: translateY(0px)!important;
	    transform-origin: 0 0;
	    position: inherit!important;
	}
	

    	
}