@font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:url("/fonts/Roboto-Regular.ttf");src:url("/fonts/Roboto-Regular.ttf") format("truetype")}
@font-face{font-family:'Roboto';font-style:italic;font-weight:400;src:url("/fonts/Roboto-Italic.ttf");src:url("/fonts/Roboto-Italic.ttf") format("truetype")}
@font-face{font-family:'Roboto';font-style:normal;font-weight:500;src:url("/fonts/Roboto-Medium.ttf");src:url("/fonts/Roboto-Medium.ttf") format("truetype")}
@font-face{font-family:'Roboto';font-style:normal;font-weight:700;src:url("/fonts/Roboto-Bold.ttf");src:url("/fonts/Roboto-Bold.ttf") format("truetype")}
@font-face{font-family:'Roboto';font-style:normal;font-weight:900;src:url("/fonts/Roboto-Black.ttf");src:url("/fonts/Roboto-Black.ttf") format("truetype")}


body {
    font-family: "Roboto",sans-serif;
}
.fp-credit *, .mfp-container *{
  box-sizing: border-box;
}

.fp-credit{
  width: 100%;
  color: #5c5c5c;
  padding: 10px;
  box-sizing: border-box;
  max-width: 890px;
  margin: 0 auto;
}

.fp-credit__row{
  /* margin-left: -20px;
  margin-right: -20px;
  margin-bottom: 25px; */
  display: flex;
  justify-content: space-between;
}

.fp-credit__col{
  width: 45%;
  display: block;
  /* padding-left: 20px;
  padding-right: 20px; */
  font-size: 15px;
  /* justify-content: space-between; */
}
.ui-widget{
  font-size: 15px;
}

.fp-credit__select{
  width: 100%;
  text-transform: uppercase;
  margin-bottom: 15px;
  padding: 7px 10px;
}
.ui-menu{
  border-radius: none!important;
}
.ui-menu-item{
  text-transform: uppercase!important;
  padding: 7px 10px!important;
}

.fp-credit__radio{
  margin-bottom: 27px;
  margin-top: 6px;
}
.cr-radio_disabled{
  pointer-events: none;
  opacity: .6;
  user-select: none;
}
.cr-radio__input{
  display: none;
}
.cr-radio__tooltip{
  margin-left: 10px;
}
.cr-radio__label{
  position: relative;

}
.cr-radio__label .radio-icon{
  background: #fff;
position: absolute;
left: -32px;
top: -5px;
bottom: 0;
height: 24px;
width: 24px;
-webkit-border-radius: 50%;
border-radius: 50%;
background-clip: padding-box;
-webkit-box-shadow: 0px 3px 6px 2px rgba(0,0,0,0.17);
-moz-box-shadow: 0px 3px 6px 2px rgba(0,0,0,0.17);
box-shadow: 0px 3px 6px 2px rgba(0,0,0,0.17);
/* font: normal normal normal 14px/1 FontAwesome; */
}
.cr-radio__label-text{
  display: inline-block;
  vertical-align: middle;
  text-transform: uppercase;
}
input[type='radio']:checked + .cr-radio__label .radio-icon:before,
input[type='checkbox']:checked + .cr-radio__label .radio-icon:before{
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  content: "\f00c";
  color: #30747f;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 5px;
  bottom: 0;
  font-size: 16px;
  left: 5px;
  right: 0;
  /* margin: auto; */
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-clip: padding-box;
}
/* .cr-radio__input:checked + .cr-radio__label:before{
  font-weight: 900;
font-family: "Font Awesome 5 Free";
content: "\f00c";
color: #30747f;
width: 12px;
height: 12px;
position: absolute;
top: -4px;
bottom: 0;
font-size: 16px;
left: -3px;
right: 0;
margin: auto;
-webkit-border-radius: 50%;
border-radius: 50%;
background-clip: padding-box;
} */

.fp-credit__col-radio_1{
  float: left;
  margin-right: 20px;
}

.fp-credit__col-radio_2{
  float: left;
}

.cr_sub-title {
  color: inherit;
  font-weight: normal;
  text-transform: uppercase;
  font-size: 1em;
  display: inline-block;
  vertical-align: middle;
  padding: 0;
}
.cr-init-deposit {
  display: inline-block;
  text-align: right;
  width: 178px;
}
.cr-init-deposit__icon {
  height: 25px;
  width: auto;
  vertical-align: middle;
}
.cr-init-deposit__value {
  width: 100px;
  padding: 5px 10px;
  vertical-align: middle;
  display: inline-block;
  margin-left: 5px;
  text-align: center;
}

.cr-slider, .cr-slider-auto__slider{
  border-radius: 0;
  border: none;
  border-top: 1px solid #000;
  background: linear-gradient(to left, #767676, #d9d9d9);
}
.cr-slider .ui-state-default, .cr-slider-auto__slider .ui-state-default{
  border-radius: 50%;
  width: 1.8em;
  height: 1.8em;
  top: -0.6em;
  margin-left: -0.9em;
  border: 3px solid #dcdcdc;
  background: radial-gradient(#f3f3f3, #b1aeae)!important;
}

.fp-credit .ui-selectmenu-button {
  display: inline-block;
  border-radius: 0;
  background: #efefef;
  border: none;
  position: relative;
  margin-bottom: 15px;
  padding: 9px 10px;
  width: 100%!important;
}
.fp-credit .ui-icon {
  display: inline-block;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -8px;
}
.fp-credit .ui-selectmenu-text{
  text-transform: uppercase;
  color: #5c5c5c;
}

.fp-credit__slider-auto{
  background: #efefef;
  position: relative;
}
.cr-slider-auto{
  margin-bottom: 25px;
}
.cr-slider-auto__range-wrap{
  height: 330px;
  background-size: contain;
  background-position: center 40px;
  background-repeat: no-repeat;
  background-image: url(img/models/Van_LWB_h2.png);
}
.cr-slider-auto__range{
  height: 100%;
  position: relative;
}
.cr-slider-auto__range_left{
  width: 10%;
  float: left;
}
.cr-slider-auto__range_right{
  overflow: hidden;
  background: -webkit-linear-gradient(right, rgba(117, 117, 117, 0.14), rgba(117, 117, 117, 0.52));
  background: -o-linear-gradient(right, rgba(117, 117, 117, 0.14), rgba(117, 117, 117, 0.52));
  background: linear-gradient(to left, rgba(117, 117, 117, 0.14), rgba(117, 117, 117, 0.52));
}
.cr-slider-auto__slider {
  border: none;
  height: 8px;
  background: #fff;
  border: none!important;
  position: absolute;
  width: 100%;
  bottom: 48px;
}
.cr-slider-auto__slider .ui-slider-range-min{
  background: #5a5a5a;
  border-radius: 0;
}
.cr-slider-auto__slider .ui-state-default{
  top: -115px;
  margin-left: -0.9em;
}
.cr-slider-auto__title{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
  padding: 15px 10px;
  background: #efefef;
  white-space: nowrap;
  overflow: hidden;
}
.cr-slider-auto__value {
  position: absolute;
  bottom: 60px;
  left: 0;
  width: 100%;
  font-weight: bold;
  font-size: 23px;
  text-align: center;
}
.fp-credit__result{
  padding: 0;
}
.fp-credit__result-item {
  background: #efefef;
  padding: 10px;
  margin-bottom: 5px;
  text-transform: uppercase;
  list-style: none;
}
.fp-credit__result-val {
  float: right;
}
.cr-action-link {
  text-decoration: none;
}
.cr-action-link:before{
  content: '';
  display: inline-block;
  vertical-align: middle;
  height: 45px;
  width: 45px;
  background-position: center;
  background-repeat: no-repeat;
  margin-right: 10px;
}
.cr-action-link_condition:before{
  background-image: url('img/icons/plus.svg');
  background-size: 70%;
}

.cr-action-link_pdf:before{
  background-image: url('img/icons/pdf-file.svg');
  background-size: 80%;
}

.cr-action-link_mail:before{
  background-image: url('img/icons/mail.svg');
  background-size: 70%;
}

.fp-credit__action-item {
  margin-bottom: 10px;
  list-style: none;
}
.fp-credit__action-item a{
  color: #9c1019;
}
/* .fp-credit__action{
  margin-left: 80px;
} */
.cr-action-request,
.form-email__submit{
  display: block;
      padding: 10px 30px 10px 10px;
      float: right;
      margin-top: 20px;
      /* width: 185px; */
      text-align: left;
      background: url(img/icons/right-icon-hover.png)no-repeat #fff right 10px top 10px;
      color: #000;
      position: relative;
      border: 1px solid #ccc;
      outline: none;
      text-decoration: none;
      font-size: 13px;
}
.cr-action-request__text{
  color: #000;
}
/* .cr-action-request__text{
  color: #fff;
  display: inline-block;
  padding-right: 30px;
  position: relative;
  line-height: 1;
} */
/* .cr-action-request__text:after{
  content: '';
  position: absolute;
  height: 25px;
  width: 25px;
  right: 0;
  top: 0;
  margin-top: -6px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(img/icons/double-right.svg);
  background-size: 60%;
} */

.cr-tooltip{
  float: right;
  position: relative;
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(img/icons/help-button.svg);
  background-size: 100%;
  cursor: pointer;
}
.cr-tooltip__text{
  position: absolute;
  z-index: 1;
  background: #efefef;
  right: 25px;
  top: 0;
  font-size: 12px;
  line-height: 1.2;
  min-width: 200px;
  padding: 5px;

  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: .3s ease;
  -moz-transition: .3s ease;
  transition: .3s ease;
  -webkit-transition-delay: 0ms;
  -moz-transition-delay: 0ms;
  transition-delay: 0ms;
}
.cr-tooltip:hover > .cr-tooltip__text{
  visibility: visible;
  opacity: 1;
  -webkit-transition-delay: 100ms;
  -moz-transition-delay: 100ms;
  transition-delay: 100ms;
}

.cr-slider__steps {
  position: absolute;
  left: 0;
  top: 16px;
  width: 100%;
}

.cr-slider__steps-item{
  font-size: 11px;
  position: absolute;
  width: 30px;
  margin-left: -15px;
  text-align: center;
}

.cr-slider__steps-item:before {
  position: absolute;
  content: '';
  display: block;
  width: 2px;
  height: 13px;
  border-right: 2px solid #fff;
  left: 50%;
  margin-left: -1px;
  top: -17px;
  box-sizing: border-box;
}
.cr-slider-ballon-wrapper {
  display: none;
  margin-top:20px;
  margin-bottom: 20px;
}
.mfp-content{
  width: 100%;
  max-width: 900px;
  background: #fff;
  padding: 30px;
}
.fp-credit__modal-title {
  text-align: center;
  font-weight: normal;
  font-size: 27px;
}
.cr-table__th, .cr-table__td {
  text-align: center;
}
.form-email-wrapper {
  position: relative;
  display: none;
}
.form-email {
  text-align: center;
}
.form-email__input {
  margin: 20px 0;
  padding: 0 20px;
  width: 45%;
  height: 36px;
  display: inline-block;
  vertical-align: middle;
  background: #fff!important;
}
.form-email__submit {
  display: inline-block;
  vertical-align: middle;
  max-width: none;
  width: auto;
}
.form-request{
  position: relative;
}
.form-email__success,
.form-request__success {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  color: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  display: none;
}
.form-email__input-error,
.form-request__success {
  display: none;
}
.form-email .fp-credit__modal-title {
  font-size: 16px;
  margin: 0;
}
.form-request {
  display: flex;
  flex-wrap: wrap;
}
.form-request__title {
  text-transform: uppercase;
  text-align: center;
  font-weight: 100;
}
.form-request__input {
      width: 100%;
      height: 36px;
      background: #fff;
      border: none;
      border-bottom: 1px solid #cccccc;
      padding: 0 10px;
      box-sizing: border-box;
      color: #ccc;
}
.form-request__block {
    /* display: inline-block; */
    width: 45%;
    margin: 7px 18px;
    position: relative;
}
.form-request__label {
    margin-bottom: 5px;
    color: #ccc;
    font-size: 14px;
}
.form-request select.form-request__input {
    background: url(img/ddl-down.png) no-repeat right 10px top 15px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
}
.form-request__input option {
    color: #ccc;
}
.approve {
    font-size: 14px;
    margin-top: 20px;
    margin: 20px 18px;
    display: flex;
    position: relative;
}
.form-request__checkbox {
    opacity: 0;
    position: absolute;
}
.radio-icon {
    background: #fff;
    position: absolute;
    left: 0;
    top: -5px;
    bottom: 0;
    height: 24px;
    width: 24px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-clip: padding-box;
    -webkit-box-shadow: 0px 3px 6px 2px rgba(0,0,0,0.17);
    -moz-box-shadow: 0px 3px 6px 2px rgba(0,0,0,0.17);
    box-shadow: 0px 3px 6px 2px rgba(0,0,0,0.17);
    /* font: normal normal normal 14px/1 FontAwesome; */
}
input[type='checkbox']:checked+label .radio-icon:before {
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    content: "\f00c";
    color: #30747f;
    width: 12px;
    height: 12px;
    position: absolute;
    top: -4px;
    bottom: 0;
    font-size: 16px;
    left: -3px;
    right: 0;
    margin: auto;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-clip: padding-box;
}
.form-request__submit {
    display: block;
    padding: 11px 15px;
    /* float: right; */
    margin-top: 20px;
    width: 179px;
    text-align: left;
    background: url(img/right-icon-hover.png)no-repeat #fff right 10px top 10px;
    color: #000;
    position: relative;
    border: 1px solid #ccc;
    outline: none;
    margin-left: auto;
}
.form-request__block label.error{
    color: #9c1019;
    position: absolute;
    left: 0;
    bottom: -20px;
}
.approve label.error{
    color: #9c1019;
    position: absolute;
    left: 0;
    bottom: -20px;
}
.form-request__input-error{
  display: block;
    width: 100%;
    color: #9c1019;
    text-align: center;
}
.confidential {
    color: #ccc;
    margin-left: 35px;
    line-height: 24px;
}
.tth td, .tth-fixed, .tth-fixed td {
    border: 1px dotted #666;
    border-collapse: collapse;
}
.tth tr.tab1, .tth-fixed tr.tab1 {
    background: #d9d9d9;
}
.tth td, .tth-fixed, .tth-fixed td {
    border: 1px dotted #666;
    border-collapse: collapse;
    font-size: 14px;
    padding: 5px;
}
.confidential__link{
  color:#888;
}
.form-request__disclamer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-size: 16px;
  text-align: center;
  display: flex;
  padding: 20px;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  background: #f2f2f2;
  z-index:2;
}
.form-request__disclamer{
  text-align: left;
  font-size: 14px;
}
.form-request__close {
  position: absolute;
  top: 5px;
  right: 5px;
  width: 10px;
  height: 10px;
  background: url('data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjMycHgiIGhlaWdodD0iMzJweCIgdmlld0JveD0iMCAwIDM1NyAzNTciIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDM1NyAzNTc7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8ZyBpZD0iY2xvc2UiPgoJCTxwb2x5Z29uIHBvaW50cz0iMzU3LDM1LjcgMzIxLjMsMCAxNzguNSwxNDIuOCAzNS43LDAgMCwzNS43IDE0Mi44LDE3OC41IDAsMzIxLjMgMzUuNywzNTcgMTc4LjUsMjE0LjIgMzIxLjMsMzU3IDM1NywzMjEuMyAgICAgMjE0LjIsMTc4LjUgICAiIGZpbGw9IiMwMDAwMDAiLz4KCTwvZz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K');
  background-size: cover;
  display: block;
  cursor: pointer;
}
@media (max-width: 1000px){

  .cr-slider-deposit_js, .cr-slider-time_js{
    margin-bottom: 15px;
  }
  .fp-credit__action{
    margin: 0;
  }
  .fp-credit__row{
    margin-bottom: 0;
  }
  .fp-credit__wrap {
    margin-top: 0;
  }
}
@media (max-width: 768px){
  .form-request__block{
    width: 100%;
  }
}
@media (max-width: 650px){
  .fp-credit__row{
    display: block;
  }
  .fp-credit__col{
    width:100%;
  }
  .fp-credit__col-radio_1{
    float: none;
    margin-left: 40px;
  }
}
@media (max-width: 600px){
  .fp-credit__col-radio_1, .fp-credit__col-radio_2{
    width: 100%;
    padding: 0;
  }
  .cr-init-deposit{
    text-align: left;
    width: 100%;
    padding: 10px 0;
  }
  .cr-init-deposit__value{
    width: calc(100% - 30px);
    margin: 0;
  }
  .fp-credit__result-val {
    float: none;
    display: block;
    margin: 5px 0;
  }
  .cr-action-request{
    max-width: 100%;
  }
  /* .form-request__input{
    width: 80%!important;
  } */
}
