.show-filename{display:none; position: absolute; margin-top:5px; font-size:13px; }
.filename{font-weight:bold}

/* financing form */

#pageform4 .form-group{display:inline-block; float:left; clear:none; width:19%; margin:25px 0.4% 0; }

#pageform4 .form-group label{width:100%;font-size:14px}
#pageform4 .required label:before{margin-top:-5px; color:red}
#pageform4 .form-group label + div{width:100%;float:none; position: relative}
#pageform4 .form-group label + div > select{margin-top:-5px}
#pageform4 .form-group .radio-inline label{display: inline-block; width:auto; border:1px solid #eee; background:#f1f1f1;padding:8px 14.6% 8px 2%;margin-right:5px}
#pageform4 .form-group .radio-inline label:before{display: none;}

#pageform4 > #pageform > div:first-child{display:block; width:23.9; margin:0 0.4%; float:none; clear:both; padding-bottom:30px; border-bottom:1px solid #eee}

#pageform4 > #pageform > div:nth-child(2),#pageform4 > #pageform > div:nth-child(4){width:31.5%}
#pageform4 > #pageform > div:nth-child(3){width:3%}
#pageform4 > #pageform > div:nth-child(5){width:10%}
#pageform4 > #pageform > div:nth-child(6){clear:both;width:19%}
#pageform4 > #pageform > div:nth-child(8),#pageform4 > #pageform > div:nth-child(12){clear:both}

#pageform4 > #pageform > div:nth-child(18){margin-right:50%}
#pageform4 > #pageform > div:nth-child(17),#pageform4 > #pageform > div:nth-child(18){clear:both; width:23.9%}
#pageform4 > #pageform > div:nth-child(19),#pageform4 > #pageform > div:nth-child(20),#pageform4 > #pageform > div:nth-child(21),#pageform4 > #pageform > div:nth-child(22),#pageform4 > #pageform > div:nth-child(23),#pageform4 > #pageform > div:nth-child(24){width:32.2%}

#pageform4 .form-group input, #container .form-group textarea{padding:12px; border-color:#ddd; font-size:14px}
#pageform4 .form-group input::placeholder{color:#555}
#pageform4 .form-group select{position:relative; top:5px; margin-left:0; width:100%; padding-top:12px; padding-bottom:11px }
#pageform4 .form-group .input-group{width:100%;}
#pageform4 .form-group .date button{width:100%;padding:12px 15px; background: #3a3a3a; max-height:41px}
#pageform4 .form-group button.btn-block{width:100%;background: #3a3a3a;width:100%; height:43px}

#pageform4 .buttons{text-align:center}
#pageform4 .buttons .pull-left{float:none!important}
#pageform4 .buttons button{padding:8px 50px; font-size: 16px}

.credit-security{padding:18px 0 20px; font-size:14px; text-align: center; color:#aaa}
.credit-security i{position: relative;top:-2px; left:-2px; font-size:25px!important; color:#3a3a3a}

.finance-logo{position: absolute;left:38%;margin-top:25px}

/*#pageform4 .custom_date_1::placeholder,#pageform4 .custom_date_2::placeholder{text-transform: uppercase;}*/
#pageform4 #input-field17,#pageform4 #input-field34{text-align: left!important;}

#pageform4 .hide-text{text-indent: -2000px}
#pageform4 #hide-ssn{display: none; position: absolute;bottom:0; left:0; padding:12px; font-size: 14px}


@media only screen and (max-width: 1600px){
#pageform4 .form-group .radio-inline label{padding:8px 5% 8px 1%}
}

@media only screen and (max-width: 1350px){
#pageform4 .form-group{margin:20px 0.2% 0;}
#pageform4 > #pageform > div:nth-child(3){width:5%}
#pageform4 > #pageform > div:nth-child(6){width:31.5%}
}

@media only screen and (max-width: 980px){
#pageform4 .form-group{width:100%!important; margin:0; float:none; clear:both}
#pageform4 .form-group label + div{width:100%; float:none}
#pageform4 > #pageform > div:nth-child(22),#pageform4 > #pageform > div:nth-child(27){top:0}
#pageform4 .form-group .radio-inline label{width: 100%}
.information-page-45 .amounts{border-right:0!important;padding-top:0!important;}
.finance-logo{position: static;margin-bottom:25px}
.finance-logo img{max-width:80%}
}