.one_data {

  display: inline-block;

}


.nav-item.w {

  color: #333;

  padding: 0px 9px;

}

.btn-outline-default {

  border: 2px solid #2bbbad !important;

  background-color: transparent !important;

  color: #fff !important;

  font-size: 24px;

}

.mb-4.d-none.d-md-block {

  font-size: 1.5em;

  font-weight: bold;

  text-shadow: 1px 1px 0 #000;

}

.my_cars{

  height: 204px;

  z-index: 4;

  background-image: url('/m_ass/img/222.png');

  background-repeat: no-repeat;

  background-size: cover;

}

.choose-cr {

  background:#cfd4da;

}

.form_ch{
  background: #fff;
  width: 100%;
  position: relative;
}

.wow.two {

  margin-top: 10px;

}

.wt + .wt {
  margin-top: 60px;
}

.wt_o{
  padding: 20px 20px;
}

.tc {

  margin: 16px auto 40px auto !important;

}

.upd {

  font-size: 20px;

  color: #928d8d;

}

.tr {

  float: right;

}

.custom-checkbox.inl {

  position: relative;

  display: inline-block;

  min-height: 1.5rem;

  padding-left: 1.5rem;

  width: 49.5%;

  vertical-align: top;

}

.well.rez {

  font-size: 1.1em;

  font-weight: bold;

}

.c_cl {

  padding: 0px 4px;

  box-shadow: -1px 0px 8px -2px #333;

  margin: 0 3px;

}

.ble{

  color: #5cb85c;

}

.fil{

  color: #aa66cc;

}

.grn{

  color: #00c851;

}

.ord_b {

  float: right;

  font-size: 20px;

  padding: 8px 8px;

  font-weight: bold;

  text-shadow: 0px 1px 0px #000;

  background: #061e86 !important;

  white-space: nowrap;

}

.ord_frm {

  float: right;

  font-size: 20px;

  padding: 8px 8px;

  font-weight: bold;

  text-shadow: 0px 1px 0px #000;

  background: #061e86 !important;

  white-space: nowrap;

}

.bank {
  position: relative;
  margin: 0 0 20px;
  padding: 20px;
  background-color: #fff;
  border-radius: 6px;
  box-shadow: 0 4px 15px -5px rgba(0,0,0,.15);
  z-index: 0;
  height: 100%;
}

.bank:hover .btn{
  background-color: #17161a;
  border-color: #17161a;
  color: #fff;
}

.btn.btn-sm {

  padding: 0.3rem 1.6rem;

  font-size: .64rem;

}

.bnk_logo {
  width: 130px;
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: center;
}

.bnk_logo:focus {
  outline: none;
}

.apply{
  position: relative;
}

.list .info {
  margin-top: 15px !important;
  margin-bottom: 15px !important;
}

.info_val .label{
  padding: 0;
  color: #464c50;
  font-size: 12px;
  font-weight: 400;
  text-align: left;
}

.credit-info .cell {

  font-size: 26px;
  font-weight: 700;
  color: #8f94a1;

}

.credit-info .cell small {

  font-size: 18px;
  font-weight: 600;

}

.credit-conditions {
 
}

.credit-conditions .info_val {
  padding-top: 5px;
  color: #8f94a1;
}

.credit-conditions .label {
  color: #8f94a1;
}

.credit-conditions .cell {
  font-size: 14px;
}

.vpl span {

  color: #17161a;

}

.tlo span, .kom span {
  color: #5e5c67;
}

.credit-info .info_val {
  padding-bottom: 8px;
}

.first-percent-text strong {
  font-weight: bold;
  color: #56a3da;
  margin-right: 2px;
}

span.first-percent-text {
  display: block;
  margin-top: 5px;
  font-size: 12px;
  text-align: center;
}

.lider{

  box-shadow: 0 1px 5px rgba(6, 167, 59, 0.48);

}



/*grid*/

/*

.rez_column.grid {

    min-width: 320px;

}

*/

.rez_column {
  position: relative;
}

.list .bank_logo {
  text-align: center;
}

.grid .bank_logo, .grid .apply {

  width: 100%;

  display: block;

  vertical-align: top;

  text-align: center;

  margin:0 auto;

}

.grid .info,.grid .credit-info  {

  width: 100%;

  display: block;

  vertical-align: top;

  box-sizing: border-box;

  padding: 0;

}

.grid .info_val {

  width: 100%;

  padding: 0;

  display: block;

}

.grid .value {

  display: inline-block;

}

.grid .label {

  width: 108px;

  display: inline-block;

}

.grid .ord_frm {

  float: none;

  padding: 4px 16px;

  margin: 20px auto 0;

}

@media (max-width:992px) {

  .tbg_rp{display:none;}

}



@media (max-width:400px) {

  .ord_frm {

    font-size: 16px;

  }

  .ord_frm .fa{

    display:none;

  }



  .algo {

    display: none;

  }

}



@media (max-width:992px) and (min-width:535px){

  .bnk_logo {
    display: block;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }

  .list .apply {

    text-align: center;

    margin: 0 auto;

  }



}





@media (max-width:350px) {

  .credit-info .cell {

    font-size: 20px;

    font-weight: bold;

  }

}

@media only screen and (max-width: 452px) {

  .fix_top {

    margin-left: 0 !important;

    left: 0 !important;

    text-align: center;

  }

  .wow.two {

    margin-top: 0px;

  }

  .wt_o {

    background: #fff;

    padding: 2px 8px;

  }

  .wt_o .h4{

    font-size: 1.2rem;

  }

  .form_ch h5 {

    font-size: 1em;

  }

  .wow.two .bank {

    margin-bottom: 24px;

  }



  .credit-info .cell {

    font-size: 18px;

  }

}



@media (max-width:992px) {

  .my_cars {

    height: 162px;

  }

  .my_cars h1 {

    font-size: 24px;

  }

  .list .bank_logo, .grid .apply {

    width: 100%;

    display: block;

    vertical-align: top;

    text-align: center;

    margin:0 auto;

  }

  .list .value {

    display: inline-block;

  }

  .list .label {

    width: 108px;

    display: inline-block;

  }

  .list .ord_frm {

    float: none;

    padding: 4px 16px;

    margin: 20px auto 0;

  }



}



@media (min-width:992px) and (max-width:1200px){

  .list .bnk_logo {

    width: 162px;

  }

}

.table.bnk_adrr {

  background: #fff;

  box-shadow: 0 1px 5px rgba(0,0,0,.24);

}

.cont_t {

  background: #fff;

  padding: 18px 14px;

}

.recomend::before{
  background: #b1fd19;
  content: "Проходит акция";
  position: absolute;
  left: 10px;
  top: 10px;
  padding: 4px 12px;
  color: #fff;
  font-size: 12px;
  border-radius: 3px;
  z-index: 1;
}

.perc_0::before{
  background: #16ba78;
  content: "Кредит под 0%";
  position: absolute;
  left: 10px;
  top: 10px;
  padding: 4px 12px;
  color: #fff;
  font-size: 12px;
  border-radius: 3px;
  z-index: 1;
}

.odobr_98::before{
  background: #5c5e9b;
  content: "80% одобрений";
  position: absolute;
  left: 10px;
  top: 10px;
  padding: 4px 12px;
  color: #fff;
  font-size: 12px;
  border-radius: 3px;
  z-index: 1;
}

.schet::before{
  background: #ff7f50;
  content: "На карту, на счет, Казпочта";
  position: absolute;
  left: 10px;
  top: 10px;
  padding: 4px 12px;
  color: #fff;
  font-size: 12px;
  border-radius: 3px;
  z-index: 1;
}
.nalik::before{
  background: #ff0000;
  content: "Онлайн и Наличными в отделении";
  position: absolute;
  left: 10px;
  top: 10px;
  padding: 4px 12px;
  color: #fff;
  font-size: 12px;
  border-radius: 3px;
  z-index: 1;
}

.best_pr::before{
  background: #ff5139;
  content: "Лучшее предложение";
  position: absolute;
  left: 10px;
  top: 10px;
  padding: 4px 12px;
  color: #fff;
  font-size: 12px;
  border-radius: 3px;
  z-index: 1;
}

.new::before{
  background: #51b837;
  content: "Новый займ";
  position: absolute;
  left: 10px;
  top: 10px;
  padding: 4px 12px;
  color: #fff;
  font-size: 12px;
  border-radius: 3px;
  z-index: 1;
}

.crd_15::before{
  background: #1e73be;
  content: "Кредит за 10 минут";
  position: absolute;
  left: 10px;
  top: 10px;
  padding: 4px 12px;
  color: #fff;
  font-size: 12px;
  border-radius: 3px;
  z-index: 1;
}

.lider.recomend::before, .lider.perc_0::before, .lider.odobr_98::before, .lider.schet::before, .lider.nalik::before, .lider.best_pr::before, .lider.new::before, .lider.crd_15::before{

  margin-top: -26px;

  top: auto;

}

@media (max-width: 767px){
  .bank .btn {
    padding: 10px 15px;
    background-color: #17161a;
    border-color: #17161a;
    color: #fff;
  }
}

@media (min-width: 768px) {
  .bank{
    margin: 0 0 30px;
    padding: 35px 20px;
  }

  .recomend::before,
  .perc_0::before,
  .odobr_98::before,
  .schet::before,
  .nalik::before,
  .best_pr::before,
  .new::before,
  .crd_15::before {
    left: 20px;
    top: 15px;
  }

  span.first-percent-text {
    font-size: 14px;
    margin-top: 10px;
  }
}

@media (min-width:992px){

  .tooltip{position:absolute;z-index:1070;display:block;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:12px;font-style:normal;font-weight:400;line-height:1.42857143;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;filter:alpha(opacity=0);opacity:0;line-break:auto}

  .tooltip.in{filter:alpha(opacity=90);opacity:.9}

  .tooltip.top{padding:5px 0;margin-top:-3px}

  .tooltip.right{padding:0 5px;margin-left:3px}

  .tooltip.bottom{padding:5px 0;margin-top:3px}

  .tooltip.left{padding:0 5px;margin-left:-3px}

  .tooltip-inner{max-width:200px;padding:3px 8px;color:#fff;text-align:center;background-color:#000;border-radius:4px}

  .tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}

  .tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#000}

  .tooltip.top-left .tooltip-arrow{right:5px;bottom:0;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}

  .tooltip.top-right .tooltip-arrow{bottom:0;left:5px;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}

  .tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#000}

  .tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#000}

  .tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#000}

  .tooltip.bottom-left .tooltip-arrow{top:0;right:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}

  .tooltip.bottom-right .tooltip-arrow{top:0;left:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}}

@media (min-width: 1200px) {
  .bnk_logo {
    width: 194px;
  }
}

.fix_top {

  position: fixed;

  top: 0;

  left: 50%;

  background: #35b060;

  padding: 3px 6px;

  z-index: 3;

  color: #fff;

  font-size: 14px;

  font-weight: bold;

  margin-left: -226px;

}

.btn-amber {

  background-color: #ffa000 !important;

  color: #fff !important;

}

.one_data {

  display: inline-block;

}

.frst_frm .label {

  white-space: nowrap;

}

.frst_frm.credit-info .col {

  text-align: center;

}

.frst_frm.credit-info .cell {

  font-size: 20px;

  font-weight: 700;

}



.form__error {

  color: red;

  text-align: left;

  font-size: 12px;

  display: block;

  margin-top: 3px;

  display: none;

}

input:valid:not(:placeholder-shown) {

  border-color: green;

}

input:invalid:not(:placeholder-shown) {

  border-color: red;

}

input:invalid:not(:placeholder-shown) + .form__error {

  display: block;

}

.gt_cnt {

  max-width: 318px;

  margin: 0 auto;

  border: #f3f3f3 dashed 2px;

  padding: 5px;

  background: #f5f5f5;

  box-shadow: 0 0 9px -2px #0c3984;

}

.md-form_my .form_field {

  /*

    box-shadow: 0 0px 8px -3px #333;

  border: #0062cc solid 1px;

  */

  margin: 14px 2px;

}

.md-form_my input {

  border: 2px solid #81adf5;

}

.form-control::placeholder {

  color: #a8a8a8;

  opacity: 1;

}



.btncenter {

  margin: 0 auto;

  text-align: center;

}

.form-control{

  color:#000;

}



/* how */





.mini-section {

  margin: 0px auto;

  padding: 0px 2px;

  max-width: 1200px;

  min-width: 270px;

  position: relative;

}

.mini-section {

  max-width: 940px;

}

.mini-section:before,

.mini-section:after {content: "";display:table;line-height: 0;}

.mini-section:after {clear:both;}

.span {	float: left;

}

.span-right {

  float: right;

}

@media only screen and (max-width: 800px) {



  .my_cars {

    display: none;

  }

  .choose-cr {

    padding-top: 30px;

  }



  .span, .span-right {

    float: none;

    width: auto !important;

  }

  .mobile-hidden {

    display: none;

  }

  .mobile-show {

    display: block;

  }



}



.how-mobile {

  background: url(/m_ass/img/iphone.png) no-repeat left top;

  width: 263px;

  height: 529px;

  position: absolute;

  left: 50%;

  margin-left: -132px;

  margin-top: 40px;

}



.content {

  padding-bottom: 84px;

  margin-top: 65px;

}

.how {

  background: #e1effb;

  position: relative;

  padding-top: 68px;

  min-height: 707px;

}

.how-block {

  margin-top: 77px;

}

.how-image {

  position: relative;

  width: 90px;

  height: 90px;

  float: right;

  /* overflow: hidden; */

}

.how-right .how-image {

  float: left;

}

.how-image span {

  position: absolute;

  display: block;

  width: 60px;

  height: 60px;

  border-radius: 30px;

  background: #fff;

  line-height: 56px;

  text-align: center;

  font-size: 30px;

  color: #444444;

  box-shadow: 0px 15px 21.36px 2.64px rgba(1, 79, 147, 0.26);

  top: -30px;

  font-family: 'Segoe UI', sans-serif;

}



.how-left {

  text-align: right;

  width: 19.78%;

}

.how-right {

  text-align: left;

  width: 19.78%;

  float: right;

}

.how-line {

  width: 60%;

  float: left;

  padding-top: 200px;

  position: relative;

}

.how-line .first-line,.how-line .second-line {

  margin: 0px 43px;

  border-top: 1px solid #888888;

  width: auto;

}

.how-line .second-line {

  margin-top: 244px;

}

.how-line .second-line:before,.how-line .first-line:before,.how-line .second-line:after,.how-line .first-line:after {

  display: block;

  height: 6px;

  width: 6px;

  border: 6px solid #3492e4;

  background: #e1effb;

  position: absolute;

  content: "";

  border-radius: 9px;

  margin-top: -10px;



}

.how-line .second-line:after,.how-line .first-line:after {

  right: 38px;

}

.how-right .how-image span {

  left: -30px;

}

.how-left .how-image span {

  right: -30px;

}

.how-block p {

  font-size: 20px;

  line-height: 24px;

  color: #000;

  margin-top: 26px;

  font-family: 'Segoe UI';

  font-weight: 600;

  min-height: 48px;

}

/*

.frm_bl {

    min-width: 320px;

}



@media (max-width: 800px) {

.frm_f {

	-webkit-order: -1;

    order: -1;

}



}

*/

@media (max-width: 468px) {

  .apply {

    display: block !important;

    margin: 0 auto !important;

    width: 100% !important;

    text-align: center;

  }

  .ord_frm {

    background: #2c9f38 !important;

  }



}



.hdr-text {

  color: #fff;

  font-size: 18px;

  font-weight: bold;

}

.hdr-text p {

  margin: 0 0;

}

.scroll-number-1 {

  margin: 8px auto;

  background: #484747;

  height: 30px;

  weight: 200px;

}

.countr {

  list-style: none;

}

.hdr_slg {

  margin-top: 14px;

}

.hdr-zgl {

  font-size: 1.5em;

  text-shadow: 1px 1px 0 #000, 0 -2px 0 #000;

}

.sldr_am {
  background: #f9f9f9;
  padding: 30px;
  border-radius: 0;
}

.sldr_am_header {
  margin-bottom: 25px;
}

.sldr_am_header h2 {
  margin: 0;
}

.sldr_am_header span {
  font-size: 10px;
  text-transform: uppercase;
}

@media only screen and (min-width: 992px) {
  .credit-conditions {
    display: block;
  }

  .sldr_am {
    padding: 50px;
  }
}

@media only screen and (min-width: 992px) {
  .list .bank_logo {
    text-align: left;
  }

  .list .info {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .btn-lg {
    padding: 11px 12px;
  }
}




/* Slider */
.irs--flat .irs-bar {
  background-color: #f5594f;
}

.irs--flat .irs-handle {
  cursor: pointer;
}

.irs--flat .irs-handle > i:first-child {
  width: 18px;
  left: 0;
  border-radius: 50%;
  background-color: #cc4a42;
}

.irs--flat .irs-handle.state_hover > i:first-child,
.irs--flat .irs-handle:hover > i:first-child {
  background-color: #d90a2c;
}

.irs--flat .irs-from,
.irs--flat .irs-to,
.irs--flat .irs-single {
  background-color: #ae2c22;
}

.irs--flat .irs-from:before,
.irs--flat .irs-to:before,
.irs--flat .irs-single:before {
  border-top-color: #ae2c22;
}

.irs--flat {
  margin: 30px 0;
}

.irs--flat .irs-line {
  background-color: #dcdcdc;
}

.irs--flat .irs-min, .irs--flat .irs-max {
  background-color: #dcdcdc;
}