.tab_wrp {
/* min-width: 320px;
  max-width: 800px;*/
  margin: 0 auto;
  background: #5d91c8;
 }
 
.tab_wrp h1 {
    font-size: 15px;
    color: #FFF;
    text-align: center;
 	padding:5% 0px;
	font-weight:bold;
}
 
 
 
 
.form_wrp h1 { font-size:15px;color:#FFF; text-align:center; padding-bottom:10px; text-transform:uppercase; font-weight:bold; }
.form_wrp {/* width:100%;*/ padding:5%; height:auto; background:#5d91c8; } 
.form_field { width:100%; margin-bottom:10px; font-size:12px; margin-bottom:10px; }

.form_field .label_style { font-size:13px; color:#FFF; }
.form_field .label_style span { color:#dcdcdc; }
.form_field .input_style { background:#fff; width:96%; padding:7px 5px; border: 1px solid #c8c8c8; float: left; color: #000; border-radius:0; font-size: 12px; }




.form_field input[type="radio"] { display:none;  }
.form_field input[type="text"] { display:block; color:#797979;  }
.form_field input[type="submit"] { display:block;  }

.form_field select { border: 1px solid #c8c8c8; background:#fff; width:100%; padding:7px 5px; color:#797979; font-size: 12px; margin-bottom: 2px; cursor:pointer; }
	
 
.form_btn { 
	padding:7px 15px ;
    background-color:#009846;
    text-align: center;
    font-size: 15px !important;
    color: #fff;
    cursor: pointer;
    border-radius:3px;
	text-align:center;
	border:1px solid #02b152 !important;
}
	
	
.form_btn:hover { background-color:#7da151; }
	
	
  
 
 
/*****************/


.tab_wrp section {
  display: none;
/* padding: 10px 0 0;*/

  border-top: 1px solid #ddd;
  padding:10px;
}

.tab_wrp input {
  display: none;
}

.tab_wrp label {
  display: inline-block;
  margin: 0 0 -1px;
  padding: 15px 5px;
  font-size:13px;
 
  text-align: center;
  color: #c7e7ff;
  border: 1px solid transparent;
}

.tab_wrp label:before {
  font-family: fontawesome;
  font-weight: normal;
  display:block;
}

.tab_wrp label[for*='1']:before {
 content: url(../images/ic_wrf.png);
}

.tab_wrp label[for*='2']:before {
 content: url(../images/ic_lap.png);
}

.tab_wrp label[for*='3']:before {
 content: url(../images/ic_df.png);
}

.tab_wrp label[for*='4']:before {
 content: url(../images/ic_lrd.png);
}

.tab_wrp label:hover {
  color: #c7e7ff;
  cursor: pointer;
}

.tab_wrp input:checked + label {
  color: #fff;
  border: 1px solid #8eb7e2;
  border-top: 3px solid #21c76d;
  border-bottom: 1px solid #5d91c8;
}

.tab_wrp #tab1:checked ~ #content1,
.tab_wrp #tab2:checked ~ #content2,
.tab_wrp #tab3:checked ~ #content3,
.tab_wrp #tab4:checked ~ #content4 {
  display: block;
}

@media screen and (max-width: 650px) {
/*  label {
    font-size: 0;
  }*/

.tab_wrp label:before {
    margin: 0;
    font-size: 18px;
  }
}
@media screen and (max-width: 400px) {
.tab_wrp label {
/*  padding: 15px;*/
/*    padding: 0px;*/
  }
}




 /*******Loan Calculator*****/
 
 	.loan_calculator_wrp { width:100%; height:auto; margin:0px auto; }
	.loan_calculator_wrp .form-group { margin-bottom: 15px; }
	.loan_calculator_wrp .form-group span { float:right; color:#fff; font-weight:bold; }
	.loan_calculator_wrp label { display: inline-block; max-width: 100%; padding:0px; padding-bottom:10px; color:#fff; /*margin-bottom:5px; font-weight:700;*/ }
	.loan_calculator_wrp input[type=range] {display: block; width: 100%; }
	
	
    .loan_calculator_wrp .EMI_text { margin-right:70px;  }
 	.loan_calculator_wrp .EMI_wrp { width:100%; height:auto; float:right; display:flex; padding:7px 0px; margin-top:10px; border-top:1px solid #fff; color:#fff; }
	.loan_calculator_wrp .EMI_wrp .total_value { font-size:18px; color:#fff; font-weight:bold;  }
	.loan_calculator_wrp .EMI_wrp .total_value span { font-size:13px; color:#9C6;  }
	
	.loan_calculator_wrp ul.list_style { margin:0px; padding:0px; }
	.loan_calculator_wrp .list_style li { color:#fff; text-align:center; }
	
	
 /*******Loan Calculator*****/