@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1200px;
    }
}
body {
   font-family: "Open Sans", sans-serif; 
}
.type_buttons a:last-child {
    width: 138px;
}
 .text-container {
      max-height: 6em;
      overflow: hidden;
      position: relative;
      line-height: 1.5em;
      transition: max-height 0.3s ease;
    }

    .text-container.expanded {
      max-height: none;
    }

    .fade {
      content: "";
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      height: 1.5em;
      background: linear-gradient(to bottom, transparent, white);
    }

    .read-more {
      color: blue;
      cursor: pointer;
      margin-top: 5px;
      display: inline-block;
    }

    .hidden {
      display: none;
    }
.correct_obv .phone {
	display: none;
}	
.form-check.used_part {
    justify-content: flex-start;
}
.form-check.used_part .form-check-input {
    margin-left: 0px;
}
.custom-navbar {
    background-color: #02a9fd !important;
}
.navbar-brand, .nav-link {
    color: #fff;
    border: solid 4px #000;
    background: #000;
    text-transform: uppercase;
    font-size: 10px;
    line-height: 10px;
    font-weight: 600;
    width: 118px;
    height: 35px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
li.nav-item {
    margin-right: 10px;
}
.nav-item.dropdown a {
    text-transform: uppercase;
    font-size: 14px;
}
a.dropdown-item:hover {
    background: #fff;
}
.nav-link.aktiv, .nav-link:hover, .bg-green, #myTab .nav-link.active, #myTab_obv .nav-link.active {
    background-color: #5db813 !important;
    color: #fff;
}
.bg-none .nav-link{
    background: none;
}
.bg-blue {
    background: #9db1cc !important;
}
li.nav-item.w-auto .nav-link {
    width: auto;
}
li.nav-item.w-auto span {
    color: #fd0202;
    background: #fff;
    padding: 5px;
    border-radius: 5px;
    margin-left: 5px;
    font-size: 14px;
}
ul.additional {
    display: flex;
    align-items: center;
    list-style-type: none;
    margin-bottom: 0px;
    padding-left: 0px;
}
ul.additional li {
    padding-right: 10px;
}
ul.additional a {
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 14px;
    font-weight: 700;
}
li.lang.aktiv a, ul.additional a:hover {
    color: #ff0000;
}
.main_content {
    min-height: 90vh;
    background: url('../img/banner.jpg') top center no-repeat;
    background-size: contain;
}
a.navbar-brand {
    background: none;
    border-color: transparent;
}
input.form-control {
    border-radius: 0px;
}
.brand {
    flex-direction: row;
}
input.form-control.search {
    width: 290px;
}
input.form-control::placeholder {  
    color: #c4c2c2; 
} 
button.btn.btn-primary.search {
    width: 58px;
    font-size: 10px;
}
.btn {
    border-radius: 0px;
}
.btn-primary {
    background-color: #02a9fd;
    border: none;
}	
.select_block {
    width: 240px;
    padding: 0px 5px;
}
.type_avto {
    height: 68px;
    display: flex;
    align-items: center;
    background: #9db1cc;
    margin-right: 5px;
    border: solid 4px #9db1cc;
}
.type_avto:last-child {
    margin-right: 0px;
}
.type_letter {
    color: #6b87ac;
    text-transform: uppercase;
    font-size: 60px;
    font-family: "Roboto", sans-serif;
    font-weight: 700;  
    margin-left: 5px;
}
.type_description {
    color: #000;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    margin-left: 6px;
}
.type_avto.activ, .type_avto:hover {
    background: #fff;
    border-color: #000;
}
.type_avto a {
    text-decoration: none;
    display: flex;
    align-items: center;
    width: 100%;
}
.type_avto.activ .type_letter, .type_avto:hover .type_letter {
    color: #dab51e;
}  
.type_buttons {
    margin: 5px 3px 5px 0px;
    display: flex;
    justify-content: space-around;
}  
.type_buttons button {
    background: #102c54;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
}
button.btn.service {
  width: 83px;
}
button.btn.parts {
    width: 136px;
}
button.btn:hover, .btn-start:hover {
    background-color: #02a9fd !important;
    color: #fff;
}
.right-banner {
    background: #9db1cc;
}
.my_data {
    
}
.contract.bg-white, .testimonial.bg-white, .my_id.bg-white {
    text-transform: uppercase;
    font-weight: 600;
}
.contract.bg-white a, .my_id.bg-white a {
    color: #000;
    text-decoration: none;
}
.block_filters {
    display: flex;
}
.form_title, .new_query {
    text-align: center;
    text-transform: uppercase;
    padding: 10px 0;
    font-size: 11px;
    font-weight: 700;
}
.new_query {
    padding-bottom: 8px;
}
.filter {
    width: 240px;
    padding: 0px 9px 0 5px;
}
.form-check {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-left: 0px;
}
.form-check-label {
    margin-right: 15px;
}
.selected_avto label {
    font-size: 11px;
    font-weight: 600;
}
.selected_avto .btn {
    font-size: 8px;
    font-weight: 600;
}
.label_select {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
}
.start {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 175px;
}
.btn-start {
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    padding: 4px 40px;
    margin-top: 30px;
}
.status-circle {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    margin-top: 20px;
    display: inline-block;
}
.status-approved {
    background-color: #00aeef;
}
.table-responsive th {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
}
.table-responsive.big_height {
    height: 500px;
}
.table-responsive.width-filter {
    height: 680px;
}
h5.modal-title {
    display: flex;
    width: 100%;
    justify-content: flex-start;
    align-items: center;
}
h5.modal-title span {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
    width: 160px;
}
h5.modal-title div {
    margin-left: 100px;
    border: solid 1px;
    width: 100%;
    padding: 0 10px;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: flex-start;

}
h5.modal-title div span {
    font-size: 24px;
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    color: #122b54;
    width: 30px;
}
.popup {
    border: solid 1px;
    padding: 20px;
}
ul#myTab, ul#myTab_obv {
    border: none;
}
#myTab li.nav-item {
    width: 24%;
    margin-right: 17px;
}
#myTab_obv li.nav-item {
    width: 16%;
    margin-right: 6px;
}
#myTab li.nav-item:last-child, #myTab_obv li.nav-item:last-child {
    margin-right: 0px;
}
#myTab li.nav-item .nav-link {
    width: 100%;
    font-size: 16px;
    line-height: 16px;
    height: 45px;
    color: #000;
    background: #9db1cc;
    border-radius: 0px;
    text-transform: none;
}
#myTab_obv li.nav-item .nav-link {
    width: 100%;
    font-size: 10px;
    line-height: 1px;
    height: 45px;
    color: #000;
    background: #9db1cc;
    font-weight: 700;
    border-radius: 0px;
    text-transform: uppercase;
}
#myTab .nav-link.active, #myTab .nav-link:hover, #myTab_obv .nav-link.active, #myTab_obv .nav-link:hover {
    color: #fff !important;
}
.search_myobv input {
    font-size: 10px;
}
.input_row {
    display: flex;
    justify-content: space-between;
}
label.form-check-label span, label.form-check-label2 span, label.form-check-label3 span {
    color: red;
}
.input_order {
    font-weight: 700;
}
.add_foto {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.input_row.align-left {
    justify-content: flex-end;
}
h1.page_title {
    text-transform: uppercase;
    font-size: 24px;
    font-weight: 700;
}
.my_objav_header {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.my_objav_header .form-check {
     justify-content: space-around;
}  
.my_data .testimonial {
    display: flex;
}   
.my_data .kol {
    margin-left: 20px;
}
.my_rate {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-weight: 600;
}
.stars {
    margin-left: 20px;
    margin-bottom: 3px;
}
.single-slider {
    width: 297px;
    height: auto;
}
.arrow-back {
    width: 18px;
    height: 30px;
    display: block;
    background: url('../img/left.png');
}
.arrow-forward {
    width: 18px;
    height: 30px;
    display: block;
    background: url('../img/right.png');
}
.owl-nav {
    position: absolute;
    width: 100%;
    bottom: 63px;
}
button.owl-next {
    position: absolute;
    right: 0px;
    bottom: 8px;
}
.my_objav_buttons button {
    font-size: 10px;
    font-weight: 600;
}
.col_day {
    border: solid 1px;
}
.width_icon img {
    margin-right: 10px;
}
.width_icon p {
    margin-bottom: 5px;
    width: 60px;
}
.my_objav_state {
    display: flex;
    align-items: center;
}
.my_objav_state .state {
    font-size: 12px;
    font-weight: 600;
    border: solid 1px #000;
    width: 120px;
    text-align: center;
}
.state.checking {
    color: #e89300;
}
.state.public {
    color: #01c601;
}
.state.blocked {
    color: #ff0000;
}
.single-slider.owl-carousel.owl-loaded.owl-drag {
    margin-left: 10px;
    margin-right: -20px;
}
h2.accordion-header button {
    font-size: 16px;
    font-weight: 300;
}
.num_row {
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 700;
}
.form-select.parts {
    width: 207px;
}
#tab2 .tabs, #tab3 .tabs {
    display: flex;
    align-items: center;
}
.input_row .ps {
    width: 280px;
}
.input_row.text-center {
    justify-content: center;
}
#tab3 .form-input.tabs {
    width: 40%;
}
.text-right {
    text-align: right;
}
.tab-pane h3 {
    font-size: 16px;
    font-weight: 700;
}
.input_row.contacts .form-input {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin: 5px 0;
    align-items: center;
}
.input_row.contacts .form-control {
    width: 300px;
}
.input_row.contacts {
    flex-direction: column;
} 
.width_icon {
    display: flex;
    align-items: center;
}
.width_icon img {
    width: 27px;
    height: 27px;
}
.save_contacts {
    display: flex;
    align-items: center;
}
.bg-blue.form_title.ad_form, .form-add-label {
    width: 234px;
}
.form-input.add_obv {
    display: flex;
    align-items: center;
}
.owl-carousel.add .owl-nav {
    width: 90%;
}
.single-slider.owl-carousel.add.owl-loaded.owl-drag {
    margin-left: 0px;
}    
.contacts label {
    font-size: 14px;
    font-weight: 300;
}
.add_form_contact .form-check-label {
    width: 350px;
}
.add_form_contact2 .form-check-label {
    width: 225px;
}
.add_form_contact2 .icons img:hover, .input_row.contacts .icons img:hover {
    filter: brightness(80%);
}
.srok_obv input {
    width: 60px;
    font-weight: 700;
}
.form-input.srok_obv {
    display: flex;
    align-items: center;
}
.type_buttons.block_filter .btn {
    width: auto;
}
.type_buttons.block_filter {
    justify-content: flex-start;
}
label.form-check-label2 {
    width: 92px;
    font-weight: 700;
}
label.form-check-label3 {
    width: 66px;
    font-weight: 700;
}
.filter.search {
    width: 100%;
}
.filter.search select {
    width: 100%;
    font-size: 12px;
    font-weight: 300;
}
.search_avto_name, .price_num .num, .in_stock .kol, .in_stock .stock, .country_city, .description {
    font-size: 14px;
    font-weight: 600;
}
.price_num, .in_stock {
    display: flex;
    align-items: center;
}
.price_num .price {
    font-size: 24px;
    font-weight: 700;
}
.price_num .num label {
    border: solid 1px;
}
.buttons_block a {
    font-size: 10px;
    font-weight: 300;
}
.bg-yellow {
    background: #f1cc00;
    color: #fff;
}
.bg-yellow:hover {
    background: #f1cc00;
}
.bg-red {
    background: #f10000;
    color: #fff;
}
.bg-red:hover {
    background: #f10000;
}
.buttons_block .btn {
    width: 100%;
}
.my_id_line {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding-bottom: 5px;
}
.my_id_icon {
    width: 28px;
    padding-right: 40px;
}
.history p {
    margin-bottom: 0px;
}
.prepay_1, .prepay_1 th {
   font-size: 18px;
   font-weight: 600; 
   text-transform: none;
}
a.prepay {
    text-transform: uppercase;
    font-size: 24px;
   font-weight: 700;
   background: #9db1cc; 
   padding: 10px 30px;
   color: #000;
   text-decoration: none;
   width: 50%;
   margin: 0 auto;
}
a.prepay:hover {
    background: #5db813;
    color: #fff;
}
.total_prepay {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.total_prepay a {
    background: #02a9fd;
    color: #fff;
    text-decoration: none;
    padding: 5px 40px;
}
.total_prepay a:hover {
   background: #5db813; 
}
.page_content {
    min-height: 80vh;
}
.search_query {
    display: flex;
    align-items: center;
}
.brand div {
    display: flex;
}
.search_start .btn-start {
    margin-top: 0px;
}
.search_start {
    display: flex;
    justify-content: center;
}
.view_query {
    display: flex;
    align-items: center;
}
.view_query label {
    font-size: 24px;
    font-weight: 700;
}
.view_query div{
    font-size: 12px;
}
.view_data img {
    width: 50px;
    height: 30px;
    margin: 0 30px 0 10px;
}
.button_print .print {
    width: 110px;
    color: #fff;
    background: #02a9fd;
}
.button_print .print:hover {
     background: #9db1cc !important;
}
.button_print {
    display: flex;
    justify-content: flex-end;
}
td.block_2 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.ads_description p {
    margin-bottom: 0px;
    width: auto;
}
.ads_description, .ads_city, .add_photo {
    font-size: 12px;
    width: auto;
}
.ads {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: solid 1px #ccc;
}
.add_content {
    border: solid 1px #ccc;
    justify-content: space-between;
}
.filter_add {
    width: 218px;
    padding: 0px 5px;
}
.add_parametr {
    display: flex;
    flex-wrap: wrap;
}
.start_add {
    width: 100%;
}
.input_row.contacts .form-input.register {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
}
.input_row.contacts .form-input.register input {
	width: 100%;
}	
.password_label a {
    text-decoration: none;
    color: #999;
}
.password_label {
    display: flex;
    width: 100%;
    justify-content: space-between;
}
.btn-register {
    color: #000;
    border: solid 1px;
}
.new_client p{
	font-size: 14px;
	 color: #999 !important;
}
.btn.btn-new {
    background: #000;
}

@media (max-width:991px) {
   .navbar-brand, .nav-link {
    width: 100%;
   }
   a.navbar-brand {
    margin-bottom: 30px;
    justify-content: flex-start
    }
    .input_row {
      flex-wrap: wrap;      
    }
    #tab1 .input_row{
       justify-content: center; 
    }
    .form-input.tabs {
    margin-bottom: 15px;
    }
    #tab3 .form-input.tabs {
    width: 100%;
    justify-content: flex-end;
    }
    .dropdown-menu {
    display: block;
    }
    .nav-item.dropdown a {
    font-size: 10px;
    text-align: center;
    }
}
@media (max-width:767px) {
    .my_objav_header {
    justify-content: center;
    }
    #myTab_obv li.nav-item {
    width: 48%;
    margin: 3px;
   }
   .my_objav_buttons.mt-3 button {
    margin-bottom: 5px;
    }
    .select_type, .brand {
    justify-content: center;
    }
    .single-slider.owl-carousel.owl-loaded.owl-drag {
     margin-right: 0px; 
    }
    .block_filters {
    flex-direction: column;
    align-items: center;
    }
    h5.modal-title {
    flex-direction: column;
    align-items: flex-start;
    }
    h5.modal-title div {
    align-items: flex-start;    
    margin-left: 0px;
    }
    #myTab li.nav-item {
    width: 46%;
    margin-bottom: 10px;
    }
    .select_block {
    margin-bottom: 12px;
    }
  .add_form_contact {
    padding: 0px !important;
   }
}    
@media (max-width:478px) {
    .filter_add {
        width: 100%;
    }
}