/*---------------------home loan-----------------*/
.contents-loan {
  margin-top: 1px;
  border: 0px #f00 solid;
  width: 728px;
  background: url(../img/home-content.jpg) no-repeat;
}
div.side {
  margin-bottom: 10px !important;
}
div.side ul {
  list-style: none; /*background:#000;*/
  padding: 0 10px;
  z-index: 100 !important;
}
div.side ul li {
  font-size: 11px;
  line-height: 20px;
  display: block;
  padding-left: 20px;
  background: url(../img/arrow_gray_left12x12.png) no-repeat left center;
}
._padding_5 {
  padding: 5px;
}
#enq_form {
  width: 248px;
  margin-top: 5px !important;
  text-align: center;
  margin-right: 1px;
  float: right;
}
.padding_15 {
  padding: 15px;
}
#enq_form h4 {
}
#loan_enquiry {
  margin-left: 8px;
}
.header_bk {
  width: 144px;
  padding: 5px;
  width: 180px;
  margin-bottom: -5px;
  text-align: center;
}
.quick_enq {
  width: 90px;
  margin-left: 70px;
}
.bk_h2 {
  background: url(../img/h3bk.png);
  border: 1px solid #ccc;
  border-radius: 3px;
  margin-left: 20px;
  float: left;
  width: 300px;
  color: #820901;
  text-align: center;
  height: 30px;
  margin-bottom: 5px;
  padding-top: 5px;
  padding-left: 5px;
}
/*------------------features Builders starts--------------------------*/
div.loan_provider_main {
  width: 725px;
  border: 1px #ccc dotted;
  display: block;
  background: #fff;
  margin-top: 10px;
}
div.common_header2 {
  width: 725px;
  float: left;
  background: url(../../img/prod_hdr.png);
  border-bottom: 1px #ccc solid;
  height: 30px;
  margin-bottom: 3px;
  display: block;
}
.loan_provider_container {
  overflow: hidden;
  min-height: 200px;
  padding-top: 4px;
  padding-left: 5px;
}
div.loan_provider_main_sub {
  margin-right: 1px;
  width: 226px;
  height: 140px;
  float: left;
  border-top: none; /*border:1px #ccc solid;*/
  background: url(../img/Resize/Frame.png) no-repeat 0 0;
  margin: 6px;
  margin-bottom: 0px !important;
}
div.loan_provider_main_sub img {
  opacity: 1 !important; /*border:1px #ccc solid;*/
  display: block;
  margin: 0 auto;
  margin-top: 10px;
}
div.loan_provider_main_sub img:hover {
  opacity: 0.8 !important;
  cursor: pointer;
}
#inner-con {
  width: 728px;
  float: left;
  text-align: justify;
  margin-top: 15px;
  margin-bottom: -5px;
}
#inner-con p {
  padding: 5px;
}
#content {
  margin-top: 160px;
}
.sub_hd {
  border: 1px ridge #ccc;
  border-right-style: groove !important;
  border-radius: 3px;
  border-bottom: none !important;
  margin-left: 20px;
  background: url(../img/bk-p.png);
  width: 350px;
  margin-top: -5px;
  float: left;
}
.sub_hd p {
  color: #000000;
  text-align: justify;
  padding: 10px;
  opacity: 2;
}
.width_215_select {
  width: 227px;
}
.width_215 {
  width: 215px;
}
.width_60 {
  width: 62px;
}
.width_135 {
  width: 135px;
}
.width_115 {
  width: 115px;
}
.width_85 {
  width: 87px;
}
.width_50 {
  width: 60px;
}
.width_250 {
  width: 270px;
}
.width_90 {
  width: 98px;
}
.width_110 {
  width: 113px;
}
.width_145 {
  width: 150px;
}
.width_120 {
  width: 125px;
}
#loan h3 {
  border-radius: 3px;
  margin: 3px;
  border-bottom: 1px #ccc solid !important;
  background: url(../img/4h3bk.png);
  font-size: 12px !important;
  padding: 2px;
}
/* Pre hide sections with JavaScript on
--- */
#loan h3 + div {
  display: none;
}
#loan h3.open a {
  background-position: 13px -30px;
  color: #fff !important;
  font-size: 12px !important;
}
#loan h3 a {
  background: url(../img/sprite.png) 15px 8px no-repeat;
  display: block;
  padding: 5px;
  padding-left: 32px;
  margin: 0;
  color: #333;
  text-decoration: none;
  font-weight: normal;
}
#loan h3:hover {
  background: url(../img/white_head_50.png) #ccc;
  border: 0px #ccc solid;
}
#loan h3.open {
  background: url(../img/red_head_2.png);
}
.accordion-loan {
  margin-top: 5px;
}
.accordion-loan p {
  padding: 5px;
  padding-left: 15px;
  padding-right: 10px;
}
.box-type {
  width: 220px;
  float: left;
  padding-left: 10px;
  padding-right: 10px;
}
.type-loan {
  padding: 5px;
  width: 720px;
  margin: 0 auto !important;
}
.type-loan ul li {
  font-size: 11px;
  line-height: 20px;
  display: block;
  padding-left: 20px;
  background: url(../img/arrow_gray_left12x12.png) no-repeat left center;
}
.calculator {
  width: 248px;
  border: 1px solid #ccc;
  margin-bottom: 3px;
}
.calculator ul {
  padding: 5px;
  padding-left: 7px !important;
}
.calculator ul li {
  width: 230px;
  float: left;
  height: 55px;
  border: 0px solid #ccc;
}
.calculator ul li a {
  cursor: pointer;
  border: 0px solid #f00;
  display: block;
  width: 128px;
  padding-right: 20px;
  height: 22px;
  padding-top: 5px;
  margin-left: 9px;
  margin-top: 10px;
}
.emi-btn {
  background: url(../img/emi-btn.png) no-repeat;
}
.emi-btn:hover {
  background: url(../img/emi-btn.png) no-repeat 0 -54px;
}
.stamp-btn {
  background: url(../img/stamp-btn.png) no-repeat;
}
.stamp-btn:hover {
  background: url(../img/stamp-btn.png) no-repeat 0 -54px;
}
.eligibility-btn {
  background: url(../img/eligibility-btn.png) no-repeat;
}
.eligibility-btn:hover {
  background: url(../img/eligibility-btn.png) no-repeat 0 -54px;
}
.cal-back {
  background: url(../img/calc-back-btn.png) no-repeat;
}
.emi a {
  background: url(../img/emi-btn.png) no-repeat;
}
.eligible {
  background: url(../img/cal.png) no-repeat left center;
  padding-left: 25px;
}
.stamp {
  background: url(../img/stamp.png) no-repeat left center;
  padding-left: 25px;
}
.frm_rg {
  padding-top: 0px;
  padding-left: 9px;
  padding-bottom: 5px;
  border: 0px #f00 solid;
}
.calculate {
  width: 600px;
  border: 1px #ccc solid;
  padding: 5px;
}
.slide-box {
  border: 1px #ddd solid;
  width: 390px !important;
  margin: 0px !important;
  padding: 0px !important;
  height: 30px !important;
  overflow: hidden;
  box-shadow: inset 0px -4px 10px #f4f4f4;
}
.slide-box h4 {
  float: left;
}
.slide-box p {
  float: left;
  margin: 0px !important;
  padding-top: 0px !important;
  font-size: 11px !important;
  line-height: 30px !important;
  font-weight: normal !important;
  font-family: Tahoma, Geneva, sans-serif;
}
.slide {
  margin-bottom: 10px !important;
  margin-top: 10px !important;
  border: 0px solid #f00;
  padding: 5px;
}
.slide-main {
}
.eligibility-cal {
}
.eligible-box {
  width: 140px;
  float: left;
  border: 0px #f00 solid;
  text-align: center;
}
.religibility-result h4 {
  font-weight: bold;
  padding-bottom: 5px;
}

#favemipaysum div {
  background-color: #dff1ff !important;
  padding: 10px;
  margin-bottom: 5px !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
#favemipaysum div:nth-child(2) {
  background-color: #bbd7ed !important;
}
#favemipaysum p {
  color: #333 !important;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  margin: 0 !important;
}
#favemipaysum span {
  display: block;
  font-size: 18px;
  padding-left: 0 !important;
  font-weight: 500;
  color: #444;
  margin-top: 5px;
}
#favemipaysum span:after {
  font-family: FontAwesome;
  content: "\f058";
  color: #4caf50;
  padding-left: 15px;
  font-size: 20px;
}
#favemipaysum span:before {
  font-family: FontAwesome;
  content: "\f156";
  color: #00a1ff;
  margin-right: 15px !important;
  font-size: 20px;
}

.ui-slider-horizontal {
  height: 5px !important;
}
.ui-widget-header {
  background-color: #607d8b !important;
}
.ui-widget-content {
  border-color: #fff !important;
}
.ui-slider .ui-slider-handle {
  width: 14px !important;
  height: 14px !important;
  cursor: pointer !important;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  border: 1px solid #e7500f !important;
  background: #e7500f !important;
  color: #1c94c4 !important;
  border-radius: 50% !important;
  cursor: pointer;
}
.calchead {
  padding: 20px;
  background-color: #00a8f1;
  text-align: center;
  color: #fff;
  font-size: 35px;
  font-weight: 100 !important;
  margin-bottom: 25px;
}
#favemical label {
  color: #666 !important;
  font-weight: 500 !important;
}

@media (max-width: 768px) {
  .calchead {
    font-size: 15px !important;
    padding: 20px 5px !important;
    font-weight: 700 !important;
  }
  #favemipaysum div {
    padding: 10px !important;
  }
  .rempd {
    padding: 0 !important;
  }
}

.nopad {
  padding: 0 !important;
}

@media (max-width: 540px) {
  #slide-1 div:last-child,
  #slide-2 div:last-child,
  #slide-3 div:last-child {
    display: none !important;
  }
  #favemical .container-fluid #favloanamount,
  #favemical .container-fluid #favloaninterest,
  #favemical .container-fluid #favloanterm {
    width: 100% !important;
    text-align: left !important;
    padding: 5px !important;
    letter-spacing: 2px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
  }
  .slide {
    margin-bottom: 5px !important;
    margin-top: 5px !important;
  }
}