#applyByPhone { display:none; }

/* ==========================================================================
    TYP Container
========================================================================== */
.typ-container {
  display: block;
  position: relative;
  width: 100%;
  max-width: 645px;
  background: #FFF;
  margin: 0 auto;
  box-shadow: 0 5px 16px 0 rgba(145,154,164,.3);
}

.typ-container .logo-container {
  width: 100%;
  height: 113px;
  background: #f4fcff;
  text-align: center;
  padding-top: 26px;
}

/*logo*/
.typ-container .logo-container .logo {
  width: auto;
  height: 63px;
}

.logo {
    width: 300px;
    margin-top: 14px;
    max-width: 100%;
    background-size: auto 100%;
    height: 66px;
    left: 0;
}

.progress-bar
{
  padding: 0 10px;
  margin: 0px auto;
  text-align: center;
    background-color: transparent;
    width: auto;
float: none;
    box-shadow: none;
}
.progress-bar div, .progress-bar span
{
  display: inline-block;
  vertical-align: top;
}
.progress-bar span
{
  margin-right: 10px;
  width: 65px;
  height: 20px;
  line-height: 20px;
  color: #999;
  font-size: 12px;

}
.progress
{
  border: 1px solid #ddd;
  width: 200px;
  background-image: -webkit-linear-gradient(top,#ebebeb 0,#f5f5f5 100%);
  background-image: linear-gradient(to bottom,#ebebeb 0,#f5f5f5 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb', endColorstr='#fff5f5f5', GradientType=0);
  overflow: hidden;
  height: 20px;
  background-color: #f5f5f5;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
  box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
  text-align: left;
}

.progressed
{
  display: inline-block;
  width: 25%;
  background: #ffb600;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffb600), to(#cc9200));
  background: -webkit-linear-gradient(top, #ffb600, #cc9200);
  background: -moz-linear-gradient(top, #ffb600, #cc9200);
  background: -ms-linear-gradient(top, #ffb600, #cc9200);
  background: -o-linear-gradient(top, #ffb600, #cc9200);
  background: linear-gradient(top, #ffb600, #cc9200);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='##ffb600', endColorstr='#cc9200',GradientType=0);
  box-shadow: none;
  height: 20px;
}




/* Form
========================================================================== */
#PersonalInfo,
#ResidentialInfo,
#EmploymentInfo {
  border-radius: 0;
  background: #f9f6f4;
  box-shadow: none;
}
form #Disclaimer p {
    padding-bottom: 15px !important;
}
/*set box heights*/
form #PersonalInfo,
form #ResidentialInfo {
  min-height: 200px;
}

/*remove cell phone for affiliate skins*/
form #CellPhone { display: none; }

/*set box heights*/
form #EmploymentInfo {
    /* height: 160px; with employer zip*/
    height: 140px;
}

/*remove employer zip for affiliate skins*/
form #EmployerZip { display: none; }

/*box labels*/
form legend {
  font-family: 'Signika';
  color: #3e8fcd;
  font-weight: normal;
  font-size: 18px;
  padding: 0px 0 0;
  border: 0;
}

/*add space between first fields and box labels*/
#Name,
#StreetAddress,
#EmployerName {
  margin-top: 10px;
}

/*submit button*/
form #SubmitApplication {
  width: 100%;
  height: 58px;
  max-width: 330px;
  background: #ffb600;
  color: #FFF;
  font-family: 'Signika';
  font-weight: 600;
  font-size: 24px;
  border-radius: 5px;
  border: 0;
  padding: 13px 0;
  -webkit-appearance: none;
  margin-bottom: 30px;
    margin-top: 30px;
}

form #SubmitApplication:hover {
  background: #ffb600;
}

/*form field highlight on hover*/
form input:focus,
form select:focus {
    font-size: 15px;
  border: 1px solid #4cc3e7;
  box-shadow: 0 0 3px rgba(76,195,231,.7);
  transition: all .25s;
}

form label ~ div {
  margin-left: 0;
    padding-left: 0;
    margin-bottom: 20px;
}


form #Zip label {
    width: 100%;
}

form #Zip div {
    padding-left: 0px;
    margin-left: 0;
margin-bottom: 12px;
}
form label {
    font-size: 15px; width: 100%;}
form fieldset {background: transparent!important;border:none; box-shadow: none;}
form #dobInputs select { padding: 10px; font-size: 15px;}
form input {
    padding: 8px 8px; font-size: 15px;}

form select {
    padding: 10px 10px; font-size: 15px;}

form #EmploymentType, form #TimeWithEmployer, form #EmploymentIncome, form #otherIncome {
    width: 100%;
    left: 0;
    bottom: 0;
}

form #EmployerName, form #Occupation, form #EmployerPhone, form #EmployerZip {
    width: 100%;
}

#BackButtonInput {
    max-width: 330px;
margin: 0 auto;
display: block;
}

#lfi_monthlyincome {padding: 7px 10px;}

form #Zip, form #EmploymentIncome {
    width: 49%!important;
    margin: 3px 1% 15px 0;
    float: left;
    display: inline-block;
    left: 0;
    z-index: 100;
}

form #Zip input {
    width: 100%;
}

#EmploymentType{margin-top: 15px;}
#SSN{margin-top: 15px;}

form fieldset ~ fieldset {
    margin-top: 0;
}
.app-wrap {
    width: 60%;
    display: inline-block;
    background: #FFF;
    position: relative;
    top: 45px;
    margin-bottom: 75px;
    vertical-align: top;
}

.app-wrap .arrow {
    width: 108px;
    height: 52px;
    background:url(../../images/yellow-arrow.png);
    position: absolute;
    top: -37px;
    right: -50px;
    -ms-transform: rotate(-7deg);
    -webkit-transform: rotate(-7deg);
    transform: rotate(-7deg);
}

.sidebar {

    width:35%;
    display: inline-block;
    padding-top: 30px;
}

.apply-online {
    padding-top: 15px;
}

.apply-online ul li {
    background: url(../../images/icon-check.png) top left no-repeat;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 20px;
    padding-left: 46px;
    list-style: none;
}

.secure {
    background: #FFF;
    box-shadow: 2px 2px 4px rgba(0,0,0,.1);
    border: 1px solid #eee;
}

.secure .heading {
    color: #FFF;
    text-shadow: 1px 1px 2px rgba(0,0,0,.5);
    background: #2b5174; 
    padding: 9px 15px;
}

.secure p {
    display: block;
    padding: 15px;
    font-size: 14px;
    line-height: 18px;
}

.secure .badges {
    text-align: center;
    padding: 15px 0;
}

@media screen and (max-width: 815px) {
    
    .top-cta.app-page .heading {
        margin-top: 30px;}
    .top-cta .desc {width: 100%;     max-width: 1000px;}
    .app-wrap { width: 100%; top: 0; margin-bottom: 0px;}
    .sidebar {
        width: 100%; padding-top: 0px;}
    
    .app-wrap .arrow { display: none; visibility: hidden;}
    
    .apply-online{padding-top: 0px;}
    
}

/* co-buyer widget styles */


#lfi_otherincomesource,#otherIncome  {
    display:none;
}

.no-hide {
    display:block !important;
}


.val {
    border: #7d7d7d solid 1px !important;
}