.mortgagecalc {}
.mortgagecalc .calculation__dropdown {border: 1px solid #e2e2e2;background-color: #fff;padding: 0 10px;}
.mortgagecalc .calculation__dropdown:before {
  content: "";
  position: absolute;
  top: 13px;
  right: 12px;
  width: 20px;
  height: 20px;
background-color: #fff;
  background-image: url(/bitrix/templates/v2.0/img/svg/arrow-down.svg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-transition: .5s all ease-in-out;
  -o-transition: .5s all ease-in-out;
  transition: .5s all ease-in-out;
}
.mortgagecalc .bank {color:#000;width:100%;display:block;background:unset;padding:10px 0;font-size:17px;-webkit-appearance:auto;-moz-appearance:auto;}
.mortgagecalc .programs.hide {display:none;}
.btn-calculation__name {padding-right:20px;}

.sliderlimit {position:relative;overflow:hidden;bottom:20px;color: #898989;}
.sliderlimit .left {float:left;}
.sliderlimit .right {float:right;}

.mortgagecalc .programs .program {position:relative;z-index: 10;}
.mortgagecalc .programs .program .question {border:1px solid #000;z-index: 20;position:absolute;top:5px;right:5px;width:20px;height:20px;font-size:15px;line-height:18px;text-align:center;border-radius:20px;}
.mortgagecalc .programs .program .question span {display:none;}
.mortgagecalc .programs .program.active .question {border:1px solid #fff;}
.mortgagecalc .programs .program:hover .question {border:1px solid #fff;}
.mortgagecalc .programs .program .question:hover {background:#fff;color:#259d56;}
.mortgagecalc .programs .program .calculation__name {font-size:16px;margin: 10px 0 0 0;}

.deposit_percent {text-align:right;padding-right:10px !important;}

.mortgagecalc .price.error, 
.mortgagecalc .deposit.error,
.mortgagecalc .deposit_percent.error,
.mortgagecalc .time.error {background: #ffe7e7}