body {
  background: #f6f5f4;
  font-family: 'Roboto', sans-serif;
}

.table>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td {
  padding: 0;
}

.quick-calculation__right-form .form-control, .quick-calculation__right-form .form-control:focus {
  border: 1px solid #ccc;
}
.main-form .btn-default .filter-option-inner-inner{
color: #555;
}
#quick .container:before, .banner .container:before{display: none;}
.quick-calculation__right-form .form-control.err{border: 1px solid #f00;}

.bootstrap-select .dropdown-toggle .filter-option{overflow: revert;}
button[data-id="brand"] .filter-option-inner-inner, button[data-id="model"] .filter-option-inner-inner, button[data-id="year"] .filter-option-inner-inner, button[data-id="power"] .filter-option-inner-inner {
  margin-top: -7px;
}
.btn-primary.btn__black_ {width: 418px;max-width: 339px;}
.btn-primary.btn__black, .btn-primary.btn__black:hover {width: 418px;max-width: 339px;background-color:color(srgb 0.5803 0.5804 0.5804)}

#vehicle_document_date{
/*height: 60px;
margin-top: 34px; */ 
}
.custom-radio{display: inline-block;}
.custom-radio [type="radio"]:checked,.custom-radio [type="radio"]:not(:checked) {
  position: absolute;
  left: -9999px;
}
.bs-example2 {
  display: grid;
  grid-template-columns: 2fr 2fr 2fr;
  gap: 11px;
}

.bs-example.no-bottom{padding-bottom: 0;}
#auto_div_th .form-group{margin-bottom: 0px;}


.clear {
  clear: both;

}
.custom-radio [type="radio"]:checked + .custom-radio__label,.custom-radio [type="radio"]:not(:checked) + .custom-radio__label {
  position: relative;
  padding: 3px 0 4px 31px;
  cursor: pointer;
  line-height: 20px;
  display: inline-block;
  margin-bottom: 4px;
  margin-right: 12px;
}

.custom-radio [type="radio"]:checked + .custom-radio__label:before,.custom-radio [type="radio"]:not(:checked) + .custom-radio__label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 26px;
  height: 26px;
  border: 2px solid #ddd;
  border-radius: 100%;
  background: #fff;
}

.custom-radio [type="radio"]:checked + .custom-radio__label:after,.custom-radio [type="radio"]:not(:checked) + .custom-radio__label:after {
  content: '';
  width: 14px;
  height: 14px;
  background: #3071a9;
  position: absolute;
  top: 6px;
  left: 6px;
  border-radius: 100%;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
}

.custom-radio [type="radio"]:not(:checked) + .custom-radio__label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}

.custom-radio [type="radio"]:checked + .custom-radio__label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
 

.dropdown.open .dropdown-menu.open{height: 400px;}
.container:before{content: none !important;}

      .form-text-dotted {
         color: #656565;
         border-bottom: 1px dotted;
         width: max-content;
         cursor: pointer;
      }

      .mb-4 {
         margin-bottom: 20px;
      }

      .w-100 {
         width: 100%
      }

      .bs-example {
         
         padding: 14px;
         border-radius: 8px;
      }

      .dropdown-item {
         display: block;
         width: 100%;
         padding: 5px 14px;
         clear: both;
         font-weight: 400;
         color: #212529;
         text-align: left;
         white-space: nowrap;
         background-color: transparent;
         border: 0;
      }

      .dropdown-menu .dropdown-item {
         cursor: pointer;
      }

      .dropdown-menu .dropdown-item:hover {
         background-color: #ccc;
      }

      .dropdown-menu .dropdown-item:focus {
         background-color: #2468ad;
      }

      .drivers_fio,
      #owner_fio1,
      #insurant_fio1 {
         text-transform: capitalize;
      }




.container.cform {
  max-width: 940px;
  margin: 0 auto;
  width: 100%;
}
.container.mform, .calculation__form .container{
   margin: 0 auto;
  width: 100%; 
}
@media (min-width:1200px){

}
.mform .form-check-inline{margin-right: 0px;}

.form-head {
  margin-right: 15px;
  flex: 1 0 auto;
}

.panel-body {
  display: flex;
}

.form-body {
  width: 67%;
}

.form-wrapper {
  display: flex;
  background: #fff;
  padding: 24px;
  border-radius: 24px;
  align-items: center;
  justify-content: space-between;
}

.form {
  display: flex;
  justify-content: space-between;
}

.form.form_error .form__input .form__input-addon,
.form.form_error .form__input {
  border-color: #c11d1d;
}

.form-title {
  color: #000;
  font-size: 18px;
  line-height: 20px;
  font-weight: 500;
}

.form__link {
  display: flex;
  height: 60px;
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  flex: 1 0 auto;
  align-items: center;
  margin-left: 10px;
  ;
  color: #00afff;
  transition: all 0.2s;
}

.form__link:hover {
  color: #0685c3;
  text-decoration: none;
}

.form__input {
  display: flex;
  width: calc(100% - 230px);
  height: 60px;
  border: 1px solid #002A3C;
  border-radius: 20px;
  align-items: center;
  background-color: #f6f5f4;
  position: relative;
}

.form .alert {
  position: absolute;
  left: 0;
  max-width: 100%;
  min-width: 40px;
  padding: 10px 15px;
  background: #fff;
  color: #c11d1d;
  border-radius: 4px;
  font-size: 12px;
  line-height: 1.5;
  pointer-events: none;
  bottom: calc(100% + 10px);
  box-shadow: 0 -2px 4px -2px rgba(17, 60, 143, 0.1), 0 5px 15px -5px rgba(17, 60, 143, 0.3);
  border: none;
  margin: 0;
}

.form .alert::after {
  content: '';
  position: absolute;
  left: 17px;
  width: 0;
  height: 0;
  border-width: 7px;
  border-style: solid;
  bottom: -14px;
  border-color: #fff transparent transparent;
}

.form-control {
  border: none;
  height: 40px;
  font-size: 14px;
  box-shadow: none;
  background: none;
  font-weight: 500;
}



.form-control:focus {
  box-shadow: none;
}

.form__input-addon {
  height: 60px;
  width: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 21px;
  padding: 12px;
  line-height: 1;
  position: relative;
  display: flex;
}

.form-subtitle {
  font-size: 12px;
  line-height: 1.2;
  color: #636f7d;
}

.form__input .form__input-addon {
  border: none;
  border-radius: 0 20px 20px 0;
  border-left: 1px solid #002A3C;
  background: none;
}

.form__input-addon::before {
  content: '';
  width: 28px;
  height: 20px;
  margin-right: 8px;
  border-radius: 2px;
  background: linear-gradient(-180deg, #ffffff 33.3%, #0c47b7 33.3%, #0c47b7 66.6%, #e53b35 66.6%);
}



.form .controls {
  display: flex;
  margin-left: 15px;
}

.form__submit {
  height: 60px;
  padding: 0 24px;
  border-radius: 12px;
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  color: #fff;
  background: #002A3C;
  transition: all 0.2s;
  border: none;
}

.form__submit:hover {
  background: #171d23;
}

@media (max-width: 1023px) {
  .form-wrapper {
    flex-direction: column;
    align-items: flex-start;
  }

  .form-body {
    width: 100%;
  }

  .form-head {
    display: none;
  }

  .form {
    flex-direction: column;
  }

  .form__input {
    width: 100%;
    margin-bottom: 15px;
  }

  .form__submit {
    width: 100%;
  }

  .form .controls {
    flex-direction: column;
    margin: 0;
  }

  .form__link {
    justify-content: center;
    margin: 0;
  }
}

.form__horizontal fieldset {

  border-radius: 8px;
}

.btn__outline {
  height: 52px;
  padding: 0 20px;
  transition: all .3s cubic-bezier(.46, 0, .03, .99);
  border: 1px solid #b3bac3;
  outline: none;
  font-weight: 600;
  vertical-align: middle;
  white-space: nowrap;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  display: flex;
  align-items: center;
  background: none;
  border-radius: 12px;
}

.btn__outline:hover {
  border: 1px solid #444;
}
.btn__outline {
  border: 1px solid #99a1ab;
}

.btn__outline:active {
  background: #f5f5f5;
}

.btn__outline svg {
  width: 20px;
  height: 20px;
  margin-right: 5px;
}
#cat .form-group{
  background-color: #fff;
  padding: 0;
}
#cat .form-group_radio .input-group{
  margin-top: 0;
  background-color: #fff;
}
#cat .form-group_radio .form-check-input:checked~.form-check-label{
  border: 1px solid #3071a9;
  background: #3071a9;
  color: #fff;
}
#cat .form-group_radio .form-check-input~.form-check-label{
  border: 1px solid #ccc;
}

.mform .form-group, .cform .form-group {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
  height: auto;
  transition: all .3s cubic-bezier(.46, 0, .03, .99);
  border: 1px solid transparent;
  border-radius: 12px;
  background-color: #f6f5f4;
  cursor: text;
  will-change: color, border-color, background-color;
  font-size: 16px;
  line-height: 20px;
  padding: 24px 16px 10px;
}

.form-group.error {
  background: rgb(221 136 136 / 50%);
}

.form-group.focused .control-label {
  width: calc(133% - 16px);
  transform: translateY(-90%) scale(.75);
  max-width: calc(133% - 16px);

}

.table-striped>tbody>tr:nth-child(odd) {
  background: none;
}

.well {
  background: none;
  width: auto;
  max-width: none;
  border: none;
  box-shadow: none;
  padding: 0;
}

.bs-example {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 14px;
}

.input-group .form-control {
  padding: 0;
  height: 20px;
  font-weight: 400;
}

.input-group {
  padding-top: 2px;
  display: block;
}

.control-label {
  position: absolute;
  top: 30px;
  left: 16px;
  width: calc(100% - 16px);
  padding-right: 16px;
  overflow: hidden;
  transform: translateY(-50%);
  transform-origin: left top;
  transition: transform .15s cubic-bezier(.86, 0, .07, 1);
  color: #636f7d;
  text-overflow: ellipsis;
  will-change: transform;
  font-weight: 400;
  margin: 0;
}

.input-group .bootstrap-select.form-control .dropdown-toggle {
  display: block;
  padding: 0;
  background: none;
  border: none;
  outline: none;
}

.input-group .bootstrap-select.form-control .dropdown-toggl:focus {
  outline: none;
  border: none;
}

.bs-caret {
  display: none;
}

.bootstrap-select.form-control.input-group-btn {
  display: block;
}

*:focus-visible {
  outline: none;
}

.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus,
.bootstrap-select .dropdown-toggle:focus,
.bootstrap-select>select.mobile-device:focus+.dropdown-toggle {
  outline: none !important;
  box-shadow: none !important;
  outline-offset: 0 !important;
}

#driver_div {
  grid-template-columns: 1fr;
}

.form-group_radio .input-group {
  margin-top: 15px;
  display: block;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  /*background: #f6f5f4;*/
  padding: 4px 0;
  border-radius: 12px;
}

.form-group_checkbox,
.form-group_radio {
  background: none;
}
.mform .form-group_checkbox {
  padding: /*5px 16px 10px*/0px 0px 0px;
  background-color: #fff;
}
#auto_div .form-group {margin-bottom: 0px;}
#owner_data_div .form-group {margin-bottom: 0px;} 
#insurant_data_div .form-group {margin-bottom: 0px;} 
#contact_data_div .form-group {margin-bottom: 0px;}
#contact_data_div h2{margin-bottom: 0px;}

/*#div_sobstv_strah{margin-top: -20px;}*/
.btn-grey {
 background: #ccc;
 display: inline-block;
width: auto;
border: 1px solid #99a1ab;
color: #555;

}
#div_sobstv_strah label, #insurant label, #pricep_div label{
text-overflow: ellipsis;
white-space: nowrap;
max-width: 200px; 
}
@media (max-width: 860px){
  .btn-grey {margin-top: 20px;width: 100%;}
}

.form-group_radio .form-check-inline {
  width: 49%;
}

.form-group_checkbox .control-label,
.form-group_radio .control-label {
  font-size: 23px;
}

.form-group_checkbox .form-check {
  width: 50%;
}

.form-title {
  grid-column-start: 1;
  grid-column-end: -1;
}
#driver {/*border: 1px solid #444;*/}
#cat #pricep_div{    padding: 11px 2px 8px 20px;}
.inputGroupContainer .input-group .form-check.form-check-inline:first-child{padding-left: 0px}

#ru input{
background-image: url('../form/img/lang-1.svg');
background-size: 20px;
background-repeat: no-repeat;
background-position: 64px 8px;
}
.checker {
  display: flex;
  position: relative;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 45px;
  height: 28px;
  padding: 1px;
  transition: all .3s cubic-bezier(.645,.045,.355,1);
  border-width: 1px;
  border-style: solid;
  border-radius: 40px;
  border-color: #cacbcc;
  background-color: #d7d7d7;
  color: #fff;
  margin-right: 8px;
}
.checker-in {
  position: absolute;
  top: 1px;
  left: 1px;
  transform: translateX(0);
  transition: all .3s cubic-bezier(.46,0,.03,.99);
  background: #fff;
  will-change: left,transform;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  box-shadow: 0 -2px 6px rgba(0,0,0,.02), 0 10px 14px rgba(20,36,56,.06);
}
.active .checker {
  border-color: #3071a9;
  background-color: #3071a9;
}



.input-group i.bi {
width: 26px;
/* height: 26px; */
/* line-height: 26px; */
/* text-align: center; */
/* margin-right: -27px; */
/* position: relative; */
/* z-index: 1; */
float: right;
cursor: pointer;
}


.grap2 {
  display: grid; 
  grid-template-columns: 1.06fr 0.1fr 2fr; 
  gap: 24px; 
  grid-template-areas: 
    "div1 div2 div2"; 
}
.div1 { grid-area: div1; }
.div2 { grid-area: div2; }



.input-group i.bi + input {
 
}


.active .checker-in {
    left: calc(100% - 1px);
    transform: translateX(-100%);
}

.form-group_checkbox .inputGroupContainer {
  margin-top: 15px;
}
.form-group_checkbox .input-group {
  display: flex;
}

.form-group_checkbox .form-check-label {
  display: flex;
  align-items: center;
  font-weight: 400;
}

.form-group_checkbox input {
  display: none;
}

.form-text-dotted {
  font-size: 12px;
}

.form-group_radio .form-check-label {
  padding: 12px;
  background: none;
  border-radius: 12px;
  font-size: 16px;
  color: #555;
  border: 1px solid transparent;
  transition: all 0.2s;
  cursor: pointer;
  font-weight: 400;
  text-align: center;
  width: 100%;
  margin: 0;
}

.form-group_radio .form-check-label:hover, .form-group_radio .form-check-label {
  border-color: #99a1ab;
}
#driver_data_div_copy .btn.btn__outline {
border: 1px solid #99a1ab;
}
#driver_data_div_copy .btn.btn__outline:hover {
border: 1px solid #444;
}
.form-group_checkbox .inputGroupContainer {
margin-top: 0;
}

.form-group_radio .form-check-input {
  display: none;
}

.form-group_radio .form-check-input:checked~.form-check-label {
  border: none;
  background: #3071a9;
  color: #fff;

}
#driver h2{margin: 0;}
#rez_vin_number,
.form-text,
#rez_vehicle_document_number,
#rez_vehicle_document_seria {
  font-size: 11px;
}

.filter-option-inner-inner {
  max-width: 100%;
}

.btn__delete {
  display: flex;
  align-items: center;
  width: fit-content;
  margin: 0 auto 0 0;
  border-radius: 12px;
  color: #c11d1d;
  background: #fdf2f2;
  transition: all 0.2s;
  height: 52px;
  padding: 0 20px;
  border: none;
  margin-bottom: 10px;
}

.btn__delete:hover {
  color: #8d1f25;
  background: #fdf2f2;
  border: none;
}

.btn__delete svg {
  width: 20px;
  height: 20px;
  margin-right: 5px;
}

.btn__black {
  border-radius: 12px;
  font-size: 16px;
  line-height: 20px;
  height: 52px;
  padding: 0 20px;
  border-color: transparent;
  background: #002a3a;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s;
}

.form-control:focus {
  border: none;
}

.btn__black:hover {
  background: #171d23;
  color: #fff;
}

.btn__black:hover, .btn__black:focus, .btn__black.focus {
  color: #fff;
}

.btn__red {
  border-radius: 12px;
  font-size: 16px;
  line-height: 20px;
  height: 52px;
  padding: 0 20px;
  border-color: transparent;
  background: #3071a9;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s;
}


.btn__red:hover {
  background: #3da893;
  color: #fff;
}

.btn__red:hover, .btn__red:focus, .btn__red.focus {
  color: #fff;
}
/* modal details */
.modal-dialog{
  position: relative;
  display: table; /* This is important */
  width: auto;
  min-width: 350px; 
/*   overflow-y: scroll; */
  overflow-x: auto;
  margin: 0 auto;
    top: 10%;
}
.modal-header .close {
    width: 12px;
}

/* Get rid of the background fade */
modal-backdrop {
  opacity:0;
}

.modal-body {

}




#my_form .form-group{max-width: 100%;}


.dropdown-menu {
  border: none;
  border-radius: 12px;
  padding: 0;
}
.dropdown-menu>li>a {
  padding: 12px 16px;
}
a:focus {
  outline: none;
}

.driver__title {
  font-size: 20px;
  font-weight: 400;
  margin: 10px 0 10px;
  color: #636f7d;
}

.driver__container {
  border: 1px solid #444;
  border-radius: 12px;
  padding: 10px;
  margin: 0 -5px 15px;
}

.alert-danger {
  background: none;
  border: none;
}

#listbox .dropdown-menu {
top: 33px;
left: -13px;
width: 100%;
}
#insurant_listbox{
top: 33px;
left: -13px;
position: absolute;  
}

#cat {margin: 0;}
#cat .control-label{
 padding-bottom: 20px; 
}
.mo_margen{}
.input-group .bs-searchbox .form-control{
padding: 19px 0 19px 27px;
border-bottom: 1px solid #ccc;
background-image: url(../form/js/icons8-search-48.png);
background-repeat: no-repeat;
background-size: 19px;
background-position: 5px 10px;  
font-size: 16px;
font-weight: 100;
}
.btn:active, .btn.active{box-shadow: none;}
label span{cursor: pointer;}

.hide.sec0{display: flex;}
.no .company__price{font-size: 16px;}
#div_vehicle_document_type .custom-radio{}
#div_vehicle_document_type {}

#div_vehicle_document_type, #div_vehicle_document_type_dd2 {
  display: grid; 
  grid-template-columns: 1fr 1fr 1fr; 
  gap: 0px 0px; 
  grid-template-areas: 
    "custom-radio1 custom-radio2 custom-radio3"; 
    height: 60px;
    padding-top: 17px;
}
#div_vehicle_document_type .custom-radio { grid-area: custom-radio1; }
#div_vehicle_document_type .custom-radio2 { grid-area: custom-radio2; }
#div_vehicle_document_type .custom-radio3 { grid-area: custom-radio3; }
label.form-check-label{    max-width: 400px;}
#driver label.form-check-label, #cat label.form-check-label{ max-width: 100%;}

.form-control{max-width: 100%;}

h2, .h2{font-size: 26px;margin-top: 0px;}

@media (max-width: 1199px) {
  #auto_div, #auto_div_th{grid-template-columns: 1fr 1fr;}
}
@media (max-width: 1024px) {
  .main-form .form_wrapper {padding: 0;}
}
@media (max-width: 1000px) {
  
  #owner_data_div .grap4 {
      grid-template-columns: 1fr;gap: 16px;
  }
  #owner_data_div .grap2 {
      display: block;
  }
  #owner_data_div .grap2 .div1{
      margin-bottom: 17px;
  }
  #contact_data_div {
      grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 860px) {

  .btn-primary.btn__black_{width: 100%;}
  .form-group.focused .control-label{width: 100%;}
  
  #auto_div, #auto_div_th{grid-template-columns: 1fr;}
  #contact_data_div {
      grid-template-columns: 1fr;
  }
  .grap4{gap: 11px;}

  .bs-example .grap2 {
    display: block;
  }
  #my_form .bs-example .grap2 .div1{margin-bottom: 30px;}
  .bs-example {
    grid-template-columns: 1fr 1fr;
  }
  .dropdown-menu{max-width: 348px;}

  .form-group_radio .input-group.col2{flex-direction: row;}
  .col2 .form-group_radio .form-check-inline {
    width: 49%;
    display: inline-flex;
  }
  .form-check-inline .form-check-label {
    width: 100%;
  } 
  button{width: 100%;} 
}

@media (max-width: 652px) {

  .container.test{padding: 0;}
  .bs-example .grap4{
    grid-template-columns: none;
  }
  .mform .form-group, .cform .form-group{
   /* margin-bottom: 5px;*/
  }
  .bs-example {
    grid-template-columns: 1fr;
  }
  .form-group_checkbox .input-group {
    flex-direction: column;
  }
  .form-group_radio .input-group {
    flex-direction: column;
  }
  .form-group_checkbox .form-check {
    width: 100%;
  }
  .form-group_radio .form-check-inline {
    width: 100%;margin-bottom: 11px;
  }
  .form-group_radio .col2 .form-check-inline {
    width: 49%;
  }
}



                  .loader7{width:100px;height:100px;margin:50px auto;position:relative}
                  .loader7 .loader-inner-1,.loader7 .loader-inner-2,.loader7 .loader-inner-3,.loader7 .loader-inner-4{display:block;width:20px;height:20px;border-radius:20px;position:absolute}
                  .loader7 .loader-inner-1:before,.loader7 .loader-inner-2:before,.loader7 .loader-inner-3:before,.loader7 .loader-inner-4:before{content:"";display:block;width:20px;height:20px;border-radius:20px;position:absolute;right:0;animation-name:loading-7;animation-iteration-count:infinite;animation-direction:normal;animation-duration:2s}
                  .loader7 .loader-inner-1{top:0;left:0;transform:rotate(70deg)}
                  .loader7 .loader-inner-1:before{background:#06aed5}
                  .loader7 .loader-inner-2{top:0;right:0;transform:rotate(160deg)}
                  .loader7 .loader-inner-2:before{background:#ec008c}
                  .loader7 .loader-inner-3{bottom:0;right:0;transform:rotate(-110deg)}
                  .loader7 .loader-inner-3:before{background:#ffbf00}
                  .loader7 .loader-inner-4{bottom:0;left:0;transform:rotate(-20deg)}
                  .loader7 .loader-inner-4:before{background:#079c00}
                  @keyframes loading-7{
                      0%{width:20px;right:0}
                      30%{width:120px;right:-100px}
                      60%{width:20px;right:-100px}
                  } 
.loader_hide{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  text-align: center;
  height: 100vh;
  padding-top: 12%;  
  display: none;
}  


.no_grap.bs-example  {
  grid-template-columns: 1fr;
}  
.grap4{
  grid-template-columns: 1fr 1fr 1fr;
  display: grid;
  gap: 24px;
}

.hide{display: none;}

.company {
  width: calc(100% - 31px);
  padding: 20px;
  display: flex;
  margin-bottom: 20px;
  border-radius: 10px;
  background: #ddd;
}

.company__active .company__footer,
.company__active .company__body {
  display: flex;
}

.timer__container {
  display: flex;
  font-size: 24px;
  font-weight: 500;
}

.company__active {
  background: #fff;
border: 1px solid;
margin: 14px;
}

.company__head {
  display: flex;
  align-items: center;
  margin-right: 10px;
  width: 100%;
}

.company__img {
  width: 50px;
  height: 50px;
  /*border-radius: 8px;*/
  overflow: hidden;
  margin-right: 18px;
  display: inline-block;
  min-width: 49px;
}

.company__img img {
  width: 100%;
  height: 100%;
  background: #aaa;
}

.company__title {
  font-size: 18px;
  font-weight: 500;
  margin: 0;
  align-self: flex-start;
}

.company__body {
  display: none;
  justify-content: space-around;
  width: 100%;
}

.company__container {
  display: flex;
  flex-direction: column;
  margin-right: 10px;

  height: 100%;
}

.company__subtitle {
  font-size: 14px;
  margin-bottom: 8px;
}

.company__text {
  font-size: 16px;
  font-weight: 500;
}

.company__price {
  font-size: 22px;
  font-weight: 500;
  display: flex;
  align-items: center;
  margin-right: 30px;
}
.company__footer {
  display: none;
  align-items: center;
  width: 250px;
  flex: 1 0 250px;
  justify-content: flex-end;
}
.company__button {
  background: #002A3C;
  
  width: fit-content;
  padding: 13px 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  cursor: pointer;
  border-radius: 10px;
  color: #fff;
  transition: all 0.2s;
}

.company__button:hover {
  background: #171d23;
}

.timer__loader {
  width: 30px;
  height: 30px;
  margin-right: 10px;
}
.timer__loader img {
  width: 100%;
  height: 100%;
}

.company__main {
  display: flex;min-width: 200px;
}

.timer {
  display: none;
  width: 100%;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;

}

.timer.active {
  display: flex;
}
.timer_div{
grid-column-start: 1;
grid-column-end: -1;
color: #000;
font-size: 18px;
line-height: 20px;
font-weight: 500;  
}
.seconds, .minumes{display: contents;}
.company__active.blur{
opacity: 0.7;
border-color: #ccc;  
}
.form-check-label{cursor: pointer;}
.company__active.no img {
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}

.company__footer .lo{
  background-image: url('../form/img/load_in.gif');
  background-repeat: no-repeat;
  background-position: 50% 0px;
  background-size: contain;  
  display: flex;
  width: 250px;
  height: 50px;
}
.company__price, .company__button{display: none;}
.company__price.show, .company__button.show{display: flex;}

.order1{order: 1;}
.order2{order: 2;}
.order3{order: 3;}
.order4{order: 4;}
.order5{order: 5;}
.order6{order: 6;}
.order7{order: 7;}
.order8{order: 8;}
.order9{order: 9;}
.order10{order: 10;}
.order11{order: 11;}
.order12{order: 12;}
.order13{order: 13;}
.order14{order: 14;}
.order15{order: 15;}
.order16{order: 16;}
.order17{order: 17;}
.order18{order: 18;}
.order19{order: 19;}
.order20{order: 20;}
.order21{order: 21;}
.order22{order: 22;}
.order23{order: 23;}
.order24{order: 24;}
.order25{order: 25;}
.order26{order: 26;}
.order27{order: 27;}
.order28{order: 28;}
.order29{order: 29;}
.order30{order: 30;}
.order31{order: 31;}
.order32{order: 32;}
.order33{order: 33;}
.order34{order: 34;}
.order35{order: 35;}
.order36{order: 36;}
.order37{order: 37;}
.order38{order: 38;}
.order39{order: 39;}
.order40{order: 40;}
.order41{order: 41;}
.order42{order: 42;}
.order43{order: 43;}
.order44{order: 44;}
.order45{order: 45;}
.order46{order: 46;}
.order47{order: 47;}
.order48{order: 48;}
.order49{order: 49;}
.order50{order: 50;}
.order51{order: 51;}
.order52{order: 52;}
.order53{order: 53;}
.order54{order: 54;}
.order55{order: 55;}
.order56{order: 56;}
.order57{order: 57;}
.order58{order: 58;}
.order59{order: 59;}
.order60{order: 60;}
.order61{order: 61;}
.order62{order: 62;}
.order63{order: 63;}
.order64{order: 64;}
.order65{order: 65;}
.order66{order: 66;}
.order67{order: 67;}
.order68{order: 68;}
.order69{order: 69;}
.order70{order: 70;}
.order71{order: 71;}
.order72{order: 72;}
.order73{order: 73;}
.order74{order: 74;}
.order75{order: 75;}
.order76{order: 76;}
.order77{order: 77;}
.order78{order: 78;}
.order79{order: 79;}
.order80{order: 80;}
.order81{order: 81;}
.order82{order: 82;}
.order83{order: 83;}
.order84{order: 84;}
.order85{order: 85;}
.order86{order: 86;}
.order87{order: 87;}
.order88{order: 88;}
.order89{order: 89;}
.order90{order: 90;}
.order91{order: 91;}
.order92{order: 92;}
.order93{order: 93;}
.order94{order: 94;}
.order95{order: 95;}
.order96{order: 96;}
.order97{order: 97;}
.order98{order: 98;}
.order99{order: 99;}
.order100{order: 100;}
.order101{order: 101;}
.order102{order: 102;}
.order103{order: 103;}
.order104{order: 104;}
.order105{order: 105;}
.order106{order: 106;}
.order107{order: 107;}
.order108{order: 108;}
.order109{order: 109;}
.order110{order: 110;}
.order111{order: 111;}
.order112{order: 112;}
.order113{order: 113;}
.order114{order: 114;}
.order115{order: 115;}
.order116{order: 116;}
.order117{order: 117;}
.order118{order: 118;}
.order119{order: 119;}
.order120{order: 120;}
.order121{order: 121;}
.order122{order: 122;}
.order123{order: 123;}
.order124{order: 124;}
.order125{order: 125;}
.order126{order: 126;}
.order127{order: 127;}
.order128{order: 128;}
.order129{order: 129;}
.order130{order: 130;}
.order131{order: 131;}
.order132{order: 132;}
.order133{order: 133;}
.order134{order: 134;}
.order135{order: 135;}
.order136{order: 136;}
.order137{order: 137;}
.order138{order: 138;}
.order139{order: 139;}
.order140{order: 140;}
.order141{order: 141;}
.order142{order: 142;}
.order143{order: 143;}
.order144{order: 144;}
.order145{order: 145;}
.order146{order: 146;}
.order147{order: 147;}
.order148{order: 148;}
.order149{order: 149;}
.order150{order: 150;}
.order151{order: 151;}
.order152{order: 152;}
.order153{order: 153;}
.order154{order: 154;}
.order155{order: 155;}
.order156{order: 156;}
.order157{order: 157;}
.order158{order: 158;}
.order159{order: 159;}
.order160{order: 160;}
.order161{order: 161;}
.order162{order: 162;}
.order163{order: 163;}
.order164{order: 164;}
.order165{order: 165;}
.order166{order: 166;}
.order167{order: 167;}
.order168{order: 168;}
.order169{order: 169;}
.order170{order: 170;}
.order171{order: 171;}
.order172{order: 172;}
.order173{order: 173;}
.order174{order: 174;}
.order175{order: 175;}
.order176{order: 176;}
.order177{order: 177;}
.order178{order: 178;}
.order179{order: 179;}
.order180{order: 180;}
.order181{order: 181;}
.order182{order: 182;}
.order183{order: 183;}
.order184{order: 184;}
.order185{order: 185;}
.order186{order: 186;}
.order187{order: 187;}
.order188{order: 188;}
.order189{order: 189;}
.order190{order: 190;}
.order191{order: 191;}
.order192{order: 192;}
.order193{order: 193;}
.order194{order: 194;}
.order195{order: 195;}
.order196{order: 196;}
.order197{order: 197;}
.order198{order: 198;}
.order199{order: 199;}
.order200{order: 200;}
.order201{order: 201;}
.order202{order: 202;}
.order203{order: 203;}
.order204{order: 204;}
.order205{order: 205;}
.order206{order: 206;}
.order207{order: 207;}
.order208{order: 208;}
.order209{order: 209;}
.order210{order: 210;}
.order211{order: 211;}
.order212{order: 212;}
.order213{order: 213;}
.order214{order: 214;}
.order215{order: 215;}
.order216{order: 216;}
.order217{order: 217;}
.order218{order: 218;}
.order219{order: 219;}
.order220{order: 220;}
.order221{order: 221;}
.order222{order: 222;}
.order223{order: 223;}
.order224{order: 224;}
.order225{order: 225;}
.order226{order: 226;}
.order227{order: 227;}
.order228{order: 228;}
.order229{order: 229;}
.order230{order: 230;}
.order231{order: 231;}
.order232{order: 232;}
.order233{order: 233;}
.order234{order: 234;}
.order235{order: 235;}
.order236{order: 236;}
.order237{order: 237;}
.order238{order: 238;}
.order239{order: 239;}
.order240{order: 240;}
.order241{order: 241;}
.order242{order: 242;}
.order243{order: 243;}
.order244{order: 244;}
.order245{order: 245;}
.order246{order: 246;}
.order247{order: 247;}
.order248{order: 248;}
.order249{order: 249;}
.order250{order: 250;}
.order251{order: 251;}
.order252{order: 252;}
.order253{order: 253;}
.order254{order: 254;}
.order255{order: 255;}
.order256{order: 256;}
.order257{order: 257;}
.order258{order: 258;}
.order259{order: 259;}
.order260{order: 260;}
.order261{order: 261;}
.order262{order: 262;}
.order263{order: 263;}
.order264{order: 264;}
.order265{order: 265;}
.order266{order: 266;}
.order267{order: 267;}
.order268{order: 268;}
.order269{order: 269;}
.order270{order: 270;}
.order271{order: 271;}
.order272{order: 272;}
.order273{order: 273;}
.order274{order: 274;}
.order275{order: 275;}
.order276{order: 276;}
.order277{order: 277;}
.order278{order: 278;}
.order279{order: 279;}
.order280{order: 280;}
.order281{order: 281;}
.order282{order: 282;}
.order283{order: 283;}
.order284{order: 284;}
.order285{order: 285;}
.order286{order: 286;}
.order287{order: 287;}
.order288{order: 288;}
.order289{order: 289;}
.order290{order: 290;}
.order291{order: 291;}
.order292{order: 292;}
.order293{order: 293;}
.order294{order: 294;}
.order295{order: 295;}
.order296{order: 296;}
.order297{order: 297;}
.order298{order: 298;}
.order299{order: 299;}
.order300{order: 300;}
.mt-3 div{font-weight: normal;}
.time_formula{
grid-column-start: 1;
grid-column-end: -1;
display: none;
font-size: 16px;  
}

#contact_div_rez_contact{display: grid;}

input::-webkit-input-placeholder       {opacity: 1; transition: opacity 0.3s ease;}
input::-moz-placeholder                {opacity: 1; transition: opacity 0.3s ease;}
input:-moz-placeholder                 {opacity: 1; transition: opacity 0.3s ease;}
input:-ms-input-placeholder            {opacity: 1; transition: opacity 0.3s ease;}
input:focus::-webkit-input-placeholder {opacity: 0; transition: opacity 0.3s ease;}
input:focus::-moz-placeholder          {opacity: 0; transition: opacity 0.3s ease;}
input:focus:-moz-placeholder           {opacity: 0; transition: opacity 0.3s ease;}
input:focus:-ms-input-placeholder      {opacity: 0; transition: opacity 0.3s ease;}

.form-control, .main-form .btn-default .filter-option-inner-inner{color: #000;font-size: 15px;}

.company__active {
    transition: all 2s ease-in-out;
    -webkit-transition: all 2s ease-in-out; /** Chrome & Safari **/
    -moz-transition: all 2s ease-in-out; /** Firefox **/
    -o-transition: all 2s ease-in-out; /** Opera **/
}

.btn__outline{border: 1px solid #99a1ab;}

.bs-example_mod, .bs-example{border: 1px solid #99a1ab;border-radius: 8px;margin-bottom: 20px;background: #fff;}
.bs-example_mod .bs-example{border: 1px solid #fff;margin-bottom: 0px;}


@media (max-width: 768px) {
  .main-form .form_wrapper {
      padding: 0;
  }
  .company__active .company__head {
    width: 60%;
  }
  #vehicle_document_date{margin-top: 0;}

  .company__active .company__footer {
    flex-direction: column;
    justify-content: space-between;
    width: 40%;
    align-items: flex-end;
    flex: 1 1 auto;
  }
  .company__active .company__body {
    flex-direction: column;
    align-items: center;
  }
  .company__active .company__head {
    flex-direction: column;
    align-items: flex-start;
  }
  .company__active .company__container {
    align-self: flex-start;
    margin-top: 10px;
  }
  .company__active .company__price {
    margin-top: 11px;
    margin-right: 0;
  }
  .company__active .company__button {
    width: 100%;
  }
  .company__active .company__title {
    align-self: center;
  }
}
@media (max-width: 430px) {
  .company {
    padding: 10px;
  }
  .company.company__active {
    position: relative;
    padding-bottom: 80px;
  }
  .company__active .company__container {
    position: absolute;
    left: 10px;
    bottom: 10px;
    margin: 0;
    height: auto;
  }
  .company__active  .company__button {
    position: absolute;
    right: 10px;
    bottom: 10px;
    margin: 0;
    width: calc(100% - 140px);
  }
  .company__title {
    font-size: 14px;
  }
  .company__price {
    font-size: 16px;
  }
  .company__subtitle {
    font-size: 12px;
  }
  .company__text {
    font-size: 14px;
  }
  .company__img {
    width: 40px;
    height: 51px;
  }
}          

.table>tbody>tr>td{    border-top: none;}
.form-group.form-group_radio.focused_ , #pricep_div{border: 1px solid #99a1ab;}
#my_form .btn-primary{background-color: #3071a9;   }
#my_form .btn-primary:hover;{background-color: #407b6f;}
.btn-primary.btn-reset{ width: 418px;max-width: 339px;}
input.form-control:focus {background-color: #f6f5f4;}