 
	
	
 
    
	

 
.form-inner form{ background: rgba(0,10,0,0.8);}
.form-inner {position: relative; padding:10px 10px;   width:350px;  box-shadow: 0 0 10px rgba(0,128,0,0.8);border-radius: 15px;}
.form-inner h3 { position: relative;margin-top: 0;color: white;font-family: 'Roboto', sans-serif;font-weight: 350;font-size: 18px;padding: 0 15px;  margin: 10px 0 15px;  text-align:center;}
.form-inner h3:after { content: "";  position :absolute;  left: 0;bottom: -6px; height: 2px; width: 60px; background: #1762EE;}
.form-inner label {  display: block;padding-left: 0px;font-family: 'Roboto', sans-serif;color: rgba(255,255,255,.6); text-transform: uppercase; font-size: 14px;}
.form-inner input { display: block; width: 100%; padding: 0 15px;margin: 10px 0 15px; border-width: 0; line-height: 40px;  border-radius: 5px; color: white;background: rgba(255,255,255,.2);font-family: 'Roboto', sans-serif;}
.form-inner input[type="checkbox"] {position: absolute;opacity: 0;}
.form-inner input[type="file"] {position: absolute;opacity: 0;}
.form-inner input[type="submit"] {background: #002000;}
.form-inner select {background: rgba(255,255,255,.2);border-radius: 5px;color:#fff; height: 34px;padding: 5px; border: 2px; font-size: 16px; line-height: 1; -webkit-appearance: none;   width: 152px; padding: 0  10px;  margin: 10px 0 15px;}
.form-inner select:hover { border-radius: 4px;background:#000; }
.form-inner select:focus {border-radius: 0; background:#000;}
.form-inner p{ padding: 0  5px;margin: 10px 0  -10px;color:#000;}
.form-inner tel{color:#FF0000;} 



#btn_file + label{  

position: relative;
  margin: 20px 0;
  text-transform:none;
  cursor: pointer;
    
  color:#fff;
   border-radius: 5px;
   text-align:center;
   height:15px;
   
  }
#custom-checkbox + label {
  position: relative;
  margin: 20px 0;
  text-transform:none;
  cursor: pointer;
  text-align:center;
  
  
}
#custom-checkbox + label:before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 10px;
  vertical-align: text-top;
  background: white;
}
#custom-checkbox:checked + label:before {background: #008000;}
#custom-checkbox:checked + label:after {
  content: "";
  position: relative; width: 2px;
  height: 2px;
 
  top: 9px;
  background: white;
  box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
  transform: rotate(45deg);
}



 
 
 
 

 
 
 
 
.txt_loan , .txt_loan_months{position:relative;left:5%;padding:5px;} 
 
.form_lombard_assessment {position:relative;display: block;margin: 0 auto;min-width:300px;max-width:400px; max-height:700px;background: rgba(0,0,0,.8);border-radius: 20px;}       
.form_lombard_assessment:hover{box-shadow: 0 0 20px rgba(0,128,0,0.8);}      
.form_lombard_assessment label{position:relative; display: block; color:#fff;font-family: 'Roboto', sans-serif;text-transform: uppercase;  font-size: 14px;}
.form_lombard_assessment h3 {position: relative;color:#fff; font-family: 'Roboto', sans-serif;font-weight: 350;font-size: 18px;padding: 34px 15px;text-align:center;}
.form_lombard_assessment h4 {position: relative;margin-top: 10px;color: black; font-family: 'Roboto', sans-serif; font-weight:  150px;font-size: 12px; margin: 10px 0 15px;text-align:left;}
.form_lombard_assessment h4:after{content: "";position :absolute;left: 14px;bottom: 15px;height: 10px; width: 3px; background: #000;}
.form_lombard_assessment div div:nth-child(1){position:relative;float:left;left:5%;font-size:12px; color:#808080;} 
.form_lombard_assessment div div:nth-child(2){position:relative;float:right;right:5%;font-size:12px; color:#808080;}
.form_lombard_assessment input[type="range"]{position:relative; display:block;left:5%;width:90%;}
.form_lombard_assessment input[type="tel"] , .form_lombard_assessment input[type="submit"]{ position:relative;display:block;left:5%; width:90%;border-radius: 5px;padding:7px;margin:10px 0px;}
.form_lombard_assessment input[type="text"]  { position:relative; display:block;left:5%;width:90%;padding:5px;margin:10px 0px;}  
.form_lombard_assessment select { position:relative; display:block;left:5%;width:90%;padding: 5px;margin:10px 0px;}
.form_lombard_assessment input[type="submit"]  { position:relative; display:block;left:5%;width:90%;padding:   5px; }  
 
 



 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
