@font-face {
    font-family: 'MMC';
    src: url('../fonts/MMC-Regular.woff2') format('woff2'),
        url('../fonts/MMC-Regular.woff') format('woff');
    font-display: swap;
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'MMC';
    src: url('../fonts/MMC-Bold.woff2') format('woff2'),
        url('../fonts/MMC-Bold.woff') format('woff');
    font-display: swap;
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'MMC';
    src: url('../fonts/MMC-Medium.woff2') format('woff2'),
        url('../fonts/MMC-Medium.woff') format('woff');
    font-display: swap;
    font-weight: 500;
    font-style: normal;
}
.img-fluid {
    margin: 0 auto;
    display: block;
}

.form-car-item {
    cursor: pointer;
}

#list_dilers_div {
    overflow-y: auto;
}

.config_car_item {
    cursor: pointer;
}

.cont-mr-0 {
    margin-right: 0 !important;
}

.select2  {
    border: 1px solid #686D71;
    border-radius: unset;
    display: block;
    padding: 7px;
    padding-left: 25px;
    text-align: left;
    color: #686D71;
    cursor: pointer;
    width: 100% !important;
}

.popupbanner {
    position: fixed;
    height: 100%;
    width: 100%;
    background-color: rgba(0,0,0,.6);
    top: 0;
    z-index: 100000;
}

.popupbannerbox {
    margin: 5%;
    position: relative;
}

@media (max-height: 500px) {
    .popupbannerbox img {
        max-height: 70vh !important;
    }
}

.popupbannerbox img {
    margin: 0 auto;
    display: block;
    max-height: 80vh;

}

.popupbannerclose {
    cursor: pointer;
    position: absolute;
    top: 0;
    right: -30px;
    width: 30px;
    height: 30px;
    
}

.popupbannerclose::before {
    position: absolute;
    top: 15px;
    content: "";
    width: 35px;
    height: 2px;
    background-color: white;
    margin: 6px 0;
    -webkit-transform: rotate(45deg) translate(-6px, -6px) ;
    transform: rotate(45deg) translate(-6px, -6px) ;
}
.popupbannerclose::after {
    position: absolute;
    content: "";
    width: 35px;
    height: 2px;
    background-color: white;
    margin: 6px 0;
    -webkit-transform: rotate(-45deg) translate(-6px, 5px) ;
    transform: rotate(-45deg) translate(-6px, 5px) ;
   
}


.popupbannerclosemodal {
    cursor: pointer;
    position: relative;
    width: 30px;
    height: 30px;
}
.popupbannerclosemodal::before {
    left: -32px;
    position: absolute;
    top: 15px;
    content: "";
    width: 35px;
    height: 2px;
    background-color: #000000;
    margin: 6px 0;
    -webkit-transform: rotate(45deg) translate(-6px, -6px) ;
    transform: rotate(45deg) translate(-6px, -6px) ;
}
.popupbannerclosemodal::after {
    left: -32px;
    position: absolute;
    content: "";
    width: 35px;
    height: 2px;
    background-color: #000000;
    margin: 6px 0;
    -webkit-transform: rotate(-45deg) translate(-5px, 5px) ;
    transform: rotate(-45deg) translate(-5px, 5px) ;

}
/*.main-text-dealer {*/
/*    margin: ;*/
/*}*/

img[src*=mediainstinct], img[width="1"][height="1"]{ 
    float:left; 
}


img {
    max-width: 100%;
}

.hide-ligal {
    display: none;
}


*:focus,*:active, *:hover {
    outline: none !important;
    box-shadow: none !important;
 }


ul {
    /* list-style-type: none; */
    margin-bottom: 0;
}

.ul-disck {
    list-style: disc;
}

header ul, footer ul, ul.model_price_list , ul#menu_list , ul.mmc-bank__btn-wraper  {
    list-style-type: none;
}

.wraper_price {
    flex-direction: column;
    max-width: 70%;
}

.text_ligal {
    font-size: 10px;
}

hr {
    margin: 0 auto;
    opacity: unset;
    border: 2px solid #ED0000;
}

* {
    box-sizing: border-box;
}

a {
    text-decoration: none;
}

a:hover {
    color: #ED0000;
}

a {
    color: #ED0000;
}

.work_labor {
    overflow: auto !important;
}

.table-redhead th {
    color: #000000 !important;
}

.garage_car_block {
    overflow: auto !important;
}

.garage_car {
    padding: 20px 20px !important;
}

ul.top-tabs {
    border-radius: unset !important;
}

ul.top-tabs li.active {
    border-radius: unset !important;
}
.btn:hover {
    /* background-color: #686D71;
    opacity: 50%; */
    background-color: rgba(104, 109, 113, 0.5);
    color: #FFFFFF;
}

.btn_all:hover {
    /* background-color: #686D71;
    opacity: 50%; */
    background-color: rgba(104, 109, 113, 0.5);
    color: #FFFFFF;
}

input.btn_all:hover {
    background-color: #FFFFFF;
    color: #686D71;
}

textarea.btn_all:hover {
    background-color: #FFFFFF;
    color: #686D71;
}

select.btn_all:hover {
    background-color: #FFFFFF;
    color: #686D71;
}

.swiper-container {
    width: 100%;
}

.callback-form {
    overflow: auto;
    height: 100%;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    z-index: 120;
    background: #00000058;
    padding: 50px 0;
}
.callback-form__wrapper {
    max-width: 800px;
    min-height: 820px;
    width: 100%;
    height: 100%;
    background: white;
    border: 1px solid #686D71;
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 80px 55px 50px;
}

.callback-form__wrapper h1{
    font-weight: 700;
    font-size: 36px;
    text-transform: uppercase;
    text-align: center;
}

.callback-form__models {
    margin: 65px 0 0;
}

.callback-form__models .form-group .form-car-select  {
    width: 100%;
}

.callback-form__models .form-car-select .row {
    display: flex;
    justify-content: space-between;
    padding-top: 0 !important;
}

.callback-form__models .form-car-item {
    width: 30%;
    cursor: pointer;
    border: 1px solid transparent;
}
.callback-form__models .form-car-item.active {
    border: 1px solid red;
}
.callback-form__models .form-group .select2 {
    width: 100% !important;
    padding: 15px 38px;
    font-weight: 400;
    font-size: 18px;
}
.callback-form__models  .form-group .form-control {
    padding: 12px 40px;
    font-size: 18px;
    line-height: 1;
}
.callback-form__models  .form-group option {
    padding: 10px 0;
    color:  red;
}

.form-group .form-control {
    border: 1px solid #686D71;
    border-radius: unset;
    display: block;
    padding: 7px;
    padding-left: 25px;
    text-align: left;
    color: #686D71;
}
span .select2-results__option {
    padding: 10px;
    cursor: pointer;
}
.callback-form__wrapper .callback__wrapper--close {
    position: absolute;
    top: 20px;
    right: 26px;
    cursor: pointer;
}
input.select2-search__field {
    padding: 6px;
}

.callback-form__wrapper .select2-selection__arrow {
    top: 0px;
    left: -30px;
}

.callback-form__wrapper .select2-container--default .select2-selection--single .select2-selection__arrow b{
    border-width: 10px 6px 0 6px;
}
.callback-form__wrapper .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-width: 0 6px 10px 6px;
}
.callback-form__wrapper .ripple-effect {
    display: none;
}
.callback-form__wrapper .form-group.form-legal > span {
    font-weight: 400;
}
.callback-form__wrapper .form-group.form-legal > span input{
    width: 30px;
    height: 30px;
    margin: 5px 15px 0 0;
}
.callback-form__wrapper .form-group.form-legal > span p{
    width: 85%;
    font-size: 16px;
    line-height: 135%;
}
.callback-form__wrapper .form-group.form-legal > span a{
    text-decoration: underline;
}
.callback-form__wrapper .btn.btn-danger {
    padding: 13px 78px;
    text-transform: uppercase;
}
.callback-form__wrapper .desc {
    text-align: center;
    font-weight: 400;
    color: #686D71;
    font-size: 20px;
    line-height: 120%;
}
@media (max-width: 767px) {
    .callback-form {
        padding: 0;
    }
    .callback-form__wrapper {
        min-height: auto;
        height: 100%;
        overflow: auto;
    }
    .callback-form__models .form-car-select .row {
        /*flex-direction: column;*/
        /*align-content: center;*/
    }
    .callback-form__models .form-car-item {
        /*width: 60%;*/
    }
}
@media (max-width: 500px) {
    .callback-form__wrapper h1 {
        font-size: 22px;
    }
    .callback-form__models {
        margin: 20px 0 0;
    }
    .callback-form__wrapper{
        padding: 80px 20px 50px;
    }
    .callback-form__wrapper .form-group.form-legal > span p {
        width: 90%;
        font-size: 14px;
    }
    .callback-form__wrapper .form-group.form-legal > span {
        flex-wrap:nowrap;
    }
    .callback-form__wrapper .form-group.form-legal > span input {
        width: 25px;
        height: 25px;
        margin: 5px 15px 0 0;
    }
    .callback-form__wrapper .btn.btn-danger {
        font-size: 14px;
    }
}
body {
    overflow-x: hidden;
}
body.body-lock {
    overflow: hidden;
}


#form_send {
    width: 100%;
}

.col-12.col-md-6 .form-group .form-control {
    width: 100%;
}

.col-md-7 .form-group .form-control {
    width: 100%;
}

.dealer_block .delete {
    position: unset !important;
}


.form-group .select2 {
    border: 1px solid #686D71;
    border-radius: unset;
    display: block;
    padding: 7px;
    padding-left: 25px;
    text-align: left;
    color: #686D71;
    cursor: pointer;
    width: 70% !important;
}

.form .select2 {
    border: 1px solid #686D71;
    border-radius: unset;
    display: block;
    padding: 7px;
    padding-left: 25px;
    text-align: left;
    color: #686D71;
    cursor: pointer;
    width: 70% !important;
}


.col-12.col-md-6 .form-group .select2 {
    width: 100% !important;
}

.col-12.col-md-6 .form .select2 {
    width: 100% !important;
}

.col-md-7 .form-group .select2 {
    width: 100% !important;
}

.form-group .form-control.form_input {
    border: 1px solid #686D71;
    border-radius: unset;
    display: block;
    padding: 7px;
    width: 100%;
    padding-left: 25px;
    text-align: left;
    color: #686D71;
}


.form-group .form-control.form_area {
    border: 1px solid #686D71;
    border-radius: unset;
    display: block;
    padding: 7px;
    width: 100%;
    padding-left: 25px;
    text-align: left;
    color: #686D71;
    height: 100%;
}

.form-car-item .car_name {
    max-width: 100%;
    position: unset;

    color:#000000;
}

.form-car-item.active {
    background-color: #FFFFFF;
}

form[id="form4f8c1b6bd3482c794e000000"] .form-car-item.active,
form[id="form50583775d3482c4b77000007"] .form-car-item.active {
    background-color: #c9c9c9;
}

.form-car-item {
    margin-bottom: 30px;
}

.form_inner[data-form="configcars"] .form-group .form-control {
    width: 100%;
}

.select2-results__options {
    max-height: 200px;
    overflow: auto;
    padding-left: unset;
}

.select2-container {
    position: relative;
}

.select2-dropdown {
    background-color: #fff;
    border: 1px solid #686D71;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 1051;
}

.select2-container--open .select2-dropdown--below {
    border-top: none;
}

.select2-container--open .select2-dropdown {
    left: 0;
}

.select2-results__option {
    font-size: 12px;
    line-height: 16px;
    padding-top: 3px;
    padding-bottom: 3px;
}

.select2-results__option:hover {
    background-color: #ED0000;
    color: white;
}

.select2-search__field {
    width: 100%;
}

.select2-selection.select2-selection--single {
    width: 100%;
    display: block;
    position: relative;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 30%;
    width: 0;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px;
}

.form-group {
    margin-bottom: 30px;
}

.form-group .btn-danger {
    width: 47%;
    background-color: #ED0000;
    border-color: #ED0000;
}

.form-group.form-legal {
    margin-bottom: 30px;
}

.btn-dark.btn-map.hidden-md-up {
    display: none;
    position: absolute;
    left: -5px;
    bottom: 30px;
    width: 50px;
    height: 60px;
    border-radius: 30%;
    background-image: url("../img/finger.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.form-group__textarea {
    flex: 0 0 49%;
    margin-bottom: 17px;
}

#map_block {
    position: relative;
    height: 600px;
}

#mob_block {
    display: none;
    height: 600px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0,0,0,.6);
}

#legal-text {
    overflow: hidden;
    max-height: 20px;
}

#legal-text.legal-visible {
    overflow: unset;
    display: inline;
    max-height: unset;
}

.form-group .checkbox+label {
    position: relative;
    padding: 0 0 0 60px;
    cursor: pointer;
}



.form-group .checkbox {
    position: absolute;
    z-index: -1;
    opacity: 0;
    margin: 10px 0 0 20px;
}

.form-group.text-center {
    width: 70%;
}

.form-group .form-car-select  {
    width: 70%;
}

.form-group.form-legal {
    width: 70%;
}

.form_inner[data-yareachgoal= Zapis_na_TO] .form-group.form-legal {
    width: 100%;
}

.form_inner[data-yareachgoal= Zapis_na_TO] .form-group.text-center {
    width: 100%;
}

.form-group .checkbox+label:before {
    content: '';
    position: absolute;
    top: -4px;
    left: 0;
    width: 50px;
    height: 26px;
    border-radius: 13px;
    background: #686D71;
    box-shadow: inset 0 2px 3px rgb(0 0 0 / 20%);
    transition: .2s;
}

.form-group .checkbox+label:after {
    content: '';
    position: absolute;
    top: -2px;
    left: 2px;
    width: 22px;
    height: 22px;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 2px 5px rgb(0 0 0 / 30%);
    transition: .2s;
}

.form-group .checkbox:checked+label:after {
    left: 26px;
}

.swiper-button-next-special{
    color: #ED0000;
}
.swiper-button-prev-special {
      color: #ED0000;
  }

.form-group .checkbox:checked+label:before {
    background: #ED0000;
}

.form-group .checkbox+label span.bool.false, .form-group .checkbox:checked+label span.bool.true {
    display: unset;
}

.form-group .checkbox+label span.bool.true, .form-group .checkbox:checked+label span.bool.false {
    display: none;
}




/* Балон */

/* #map .ymaps-2-1-79-balloon__layout {
    background-color: rgba(0, 0, 0, 0.8);
    color: white;
    height: 80%;
}

#map .ymaps-2-1-79-balloon__content {
    background-color: unset;
    color: white;
    height: 80%;
} */

.diler__flex {
    flex: 0 0 20%;
}

.diler__flex-btn {
    width: 50%;
    margin: 0 auto;
}


.diler__select-city {
    flex: 0 0 30%;
}

.diler__select-city .form-group .select2 {
    width: 100% !important;
}

.head-white .nav_text img{
    max-height: 60px;
   
}

body {
    font-family: "MMC";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 19px;
    letter-spacing: 0em;
    text-align: left;

}

.btn {
    border-radius: unset;
    color: #E3E5E6;
}


button {
    text-decoration: none;
    background:none;
    border: none;
    color: #E3E5E6;
}

p {
    margin: unset;
}

.td-vertical-align {
    vertical-align: middle;
}


.text-upper {
    text-transform: uppercase;
}

.text-italic {
    font-style: italic;
}


.border-left-red {
    border-left: 2px solid #ED0000;
}
.owertitle {
    color: #686D71;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0.2em;
    text-align: left;
    text-transform: uppercase;
}

.menu-top {
    top: 100px;
}

.dimon-black {
    display: none;
}

.letter {
    letter-spacing: 0.2em;
}

.title {
    display: inline-block;
    color: #000;
    font-size: 60px;
    line-height: 66px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0em;
    text-align: left;
}

.undertitle-text{
    font-size: 21px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 0em;
    text-align: left;
    line-height: 27px;
}


.btn_all{
    padding-top: 7px;
    padding-bottom: 7px;
    font-size: 16px;
    line-height: 1.5;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 0em;
    text-align: center;
}

.text-left {
    text-align: left;
}

.ml-auto {
    margin-left: auto;
}

.btn_all-big {
    padding-top: 12px;
    padding-bottom: 12px;
}

.container {
    max-width: 1440px; 
}

.container_inner {
    max-width: 1170px;
    margin: 0 auto;
}

.text-small {
    color: #000000;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px;
    letter-spacing: 0em;
    text-align: left;
}

.text {
    color: #000000;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px;
    letter-spacing: 0em;
    text-align: left;
}

.text-big {
    color: #000000;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
}



.title-small {
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: 0em;
    text-align: left;

}

.title-36 {
    font-size: 36px;
    font-style: normal;
    font-weight: 400;
    line-height: 40px;
    letter-spacing: 0em;
    text-align: left;

}

.title_text {
    white-space: nowrap;
    font-style: normal;
    font-weight: 700;
    text-align: left;
    color: #fff;
}

.hero_title {
    font-size: 4vw;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0em;
    text-align: left;
    line-height: 5vw;
}

.hero_subtitle {
    font-size: 1vw;
    font-style: normal;
    font-weight: 500;
    text-align: left;
    color: #fff;
    line-height: 1.3vw;
    letter-spacing: 0.15em;
}


.text_price{
    font-size: 1.4vw;
    color: #FFFFFF;
    padding-right: 15px;
    padding-left: 15px;
    line-height: 1.7vw;
}
.text_price_lg{
    font-size: 2vw;
    color: #FFFFFF;
    line-height: 1.7vw;
}

.text_price_first {
    padding-left: unset;
}




.swiper-pagination-corp > .swiper-pagination-bullet {
    margin: 0 5px;
}

.swiper_hero_btn {
    font-size: 1.2vw;
    padding-top: 0.5vw;
    padding-bottom: 0.5vw;
    background-color: #FFFFFF;
    color: #686D71;
    line-height: 1.4;
}

.text_400 {
    font-weight: 400;
}

.text_500 {
    font-weight: 500;
}

.text_700 {
    font-weight: 700;
}


.bg_red {
    background-color: #ED0000;
    color: #FFFFFF;
}

.bg_black {
    background-color: #000000;
    color: #FFFFFF;
}

.bg_anthracite {
    background-color: #686D71;
    color: white;
}

.bg_cold-gray {
    background-color: #BFC2C4;
}

.borger_cold-gray {
    border: 1px solid #BFC2C4;
}

.bg_concrete-gray {
    background-color: #E3E5E6;
}

.bg_light-gray {
    background-color: #FFFFFF;
}

.border-white {
    border: 15px solid #FFFFFF;
}

.has-error {
    border:1px solid red;
}

.check:disabled{
    background-color:gray;
}

.check:disabled ~ .checkbox__name {
    color:gray;
}

/* .form-legal [data-toggle=collapse] .more, .form-legal [data-toggle=collapse].collapsed .less {
    display: none;
}

.form-legal [data-toggle=collapse] .less, .form-legal [data-toggle=collapse].collapsed .more {
    display: unset;
} */
.nobr .less {
    display: none;
}

.nobr.active .less {
    display: unset;
}

.nobr.active .more {
    display: none;
}

.btn_search {
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 0.15em;
    text-align: left;
}

.news_text_inner a {
    color: #000000;
}

.news_sort_nav li a {
    color: #000000;
}

.news_sort_nav li.active {
    background: #686D71;
    color: white;
}



.text_white {
    color: #FFFFFF;
}



.text-right {
    text-align: right;
}

.container {
    padding-left: 1rem;
    padding-right: 1rem;
}

.acces_card {
    background-color: #E3E5E6;
    border: 18px solid #FFFFFF;
}

.acces_card:hover {
    background-color: #FFFFFF;
}

.container_pt {
    padding-top: 150px;
}

.pt-under-nav {
    padding-top: 100px;
}

.text_centre {
    text-align: center;
}

.pt-100 {
    padding-top: 150px;
}

.text-color-red {
    color: #ED0000;
}

.btn_white {
    color: #686D71;
    border: 1px solid #686D71;
}

.red-gradient {
    background: radial-gradient(#c10000, #870101, #630000);
}


.epts-img {
    position: absolute;
    right: 0;
    max-width: 40%;
}

.border-bottom_cold-gray {
    border-bottom: 1px solid #BFC2C4;
}

.mmc-bank__btn.active {
    font-weight: 500;
    background-color: #E3E5E6;
}

.mmc-bank__content {
    height: 0;
}

.mmc-bank__content.active {
    height: auto;
}






/* Хедер */

.head {
    width: 100%;
    z-index: 100;
    left: 0;
    right: 0;
    min-height: 100px;
}

.black_background {
    background-color: #000000;
}

.head {
    background: rgba(0, 0, 0);
}

.head-white {
    background-color: #FFFFFF;
    border-bottom: 1px solid #E3E5E6;
}

.head-white .nav_item-style{
    color: #000000;
}

.head-white .logo-mobile-black {
    display: none;
}

.head-white .logo-desk {
    display: none;
}

.head-white .logo-desk-black {
    display: block;
}

.link_logo {
    display: block;
}

.logo-mobile {
    display: none;
}

.wraper_logo {
    margin-right: 1.5rem;
}

#nav_btn{
    margin-left: auto;
    border: unset;
}

.border_title {
    border-bottom: 1px solid #686D71;
}

.nav_text {
    color: #686D71;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 0em;
    text-align: left;
}

.head-white .nav_text a {
 color: #000000;
}

.corp_form {
    background-image: url('../img/deal.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position-x: 40%;
}



.up_nav{
    margin-left: auto;
} 

.up_nav_link {
    white-space: nowrap;
    color: #E3E5E6;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 0em;
    text-align: right;
}

.head-white .up_nav_link {
    color: #000000;
}

.head-white .btn_search {
    color: #000000;
}

.head-white .bar1 {
    background-color: #000000;
}
.head-white .bar2 {
    background-color: #000000;
}
.head-white .bar3 {
    background-color: #000000;
}

.nav_item {
    margin-right: 2rem;
}

.nav_item-style {
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 0.15em;
    text-align: left;

}

.nav_item-style:focus{
    color: #ED0000;
}

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

.navbar-collapse {
    margin-right: 0.2rem;
    flex-direction: column;
    width: 100%;
}

.border_title {
    width: 100%;
}

.navbar {
    width: 100%;
}

.border_top {
    border-top: 1px solid #686D71;
}


.btn_search {
    display: none;
}

.item_lk {
    margin-left: 20px;
}

.item_hsd {
    margin-left: auto;
}

.link-lk {
    background-image: url('../img/lk.svg');
    background-position: left;
    background-repeat: no-repeat;
    padding-left: 14px;
    color: #E3E5E6;
}

.link-hsd {
    background-position: left;
    background-repeat: no-repeat;
    padding-left: 14px;
    color: #E3E5E6;
}

.compare-head {
    background: #FFFFFF;
}

.compare-table>thead>tr>th {
    border: unset;
}

.compare-table.table>:not(:last-child)>:last-child>* {
    border-bottom-color: #BFC2C4;
}

.compare-table.table {
    border-color: #BFC2C4;
}

.container.configurator__container {
    display: none;
}

.configurator__container.active {
    display: block;
}
.configutator-menu__item {
    width: max-content;
    margin-left: -8px;
}

.configutator-menu__item-text {
    color: #BFC2C4;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    text-align: center;
}


.configutator-menu__item-svg {
    max-width: 100%;
}

.configutator-menu__item.active>.configutator-menu__item-text {
    color: #FFFFFF;
}

.configutator-menu__item.active>.configutator-menu__item-svg>path {
    fill: #ED0000;
}

.configutator-menu__item.pre-active>.configutator-menu__item-svg>path {
    fill: #BFC2C4;
}
.configutator-menu__item.pre-active>.configutator-menu__item-text {
    color: #FFFFFF;
}

.configurator__btn-param {
    cursor: pointer;
}

.configurator__btn-param.active {
    background-color: #E3E5E6;
}


.mmc-bank__content {
    display: none;
}

.mmc-bank__content.active {
    display: block;
}
/* Выпадашки */

.dropdown_btn {
    padding-right: 22px;
    position: relative;
}

.dropdown {
    display: none;
    padding-left: 138px;
    background-image: url("../img/main-swiper-car/car-iqons/EclipsCrossImage.png");
    background-position: 90px 100px;
    background-repeat: no-repeat;
    background-size: 25%;
}


.calc_swich-btn {
    border-top: 1px solid black;
    border-left: 1px solid black;
    border-right: 1px solid black;
    color: #000000;
    font-size: 12px;
}
.calc_swich-btn.active {
    color: white;
    background-color: #BFC2C4;
}
#select-work-to__container {
    display: none;
}
#maintenance-works__container {
    display: none;
}
#select-work-to__container.active {
    display: block;
    background-color: unset;
}
#maintenance-works__container.active {
    display: block;
    background-color: unset;
}
.reg_title {
    padding: 0.5rem 0.5rem;
    background-color: #BFC2C4;
    font-size: 12px;
    font-weight: 500;
    border-bottom: 1px solid black;
    line-height: 14px;
}
@media (max-width: 360px) {
    .calc_swich-btn {
        font-size: 10px;
    }
}

.dropdown_buyer {
    background-image: url("../img/buyer.png");
    background-position: 0 110px;
    background-repeat: no-repeat;
    margin-left: auto;
    background-size: 22%;
    
}

.nav_dropdown {
    display: none;
    position: absolute;
    background: linear-gradient( 300deg, #FFFFFF 70%, #fff 70%);
    width: 100%;
    left: 0;
    top: 100%;
}

.nav_dropdown.unhidden {
    display: block;
}

.dropdown.unhidden {
    display: block;
}

.navbar {
    position: unset;
}

.dropdown_list {
    list-style-position: inside;
    -moz-column-count: 1;
    -webkit-column-count: 1; 
    column-count: 1;
   
    min-height: 400px;
}

.drop_auto {
    list-style-position: inside;
    -moz-column-count: 1;
    -webkit-column-count: 1; 
    column-count: 1;
}


.dropdown_menu {
    margin-left: auto;
    display: flex;
}

.btn_close {
    width: 20px;
    height: 20px;
    top: 1rem;
    right: 2rem;
    background-image: url("../img/close.png");
    background-repeat: no-repeat;
    background-size: 20px 20px;
}

.dropdown_title {
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0em;
    text-align: left;
    color: #000000;

}
.charact_card-img {
    max-width: 50%;
}

.dropdown_link {
    color: #000;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 0em;
    text-align: left;

}

/* Форма поиска */
#search_btn:focus {
    outline:1px solid #ED0000;
}

.search_place {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 100;
    background: rgba(0, 0, 0, 0.6);
    padding-top: 50vh;
}

.search_place_wraper {
    background: rgba(0, 0, 0, 0.9);
    left: 50%;
    max-width: 1000px;
}

.search_form {
    width: 100%;
}

.serch_text {
    display: block;
    color: #E3E5E6;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 0.1em;
    text-align: right;
    padding-top: 0.8rem;
}

.search_input {
    width: 90%;
    color: #686D71;
    padding-left: 17px;
    padding-top: 11px;
    padding-bottom: 11px;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.1em;
    text-align: left;
}

.loupe {
    width: 30px;
    height: 30px;
}


/* 
Свайпер Хиро */
.swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background: #E3E5E6;
    opacity: 1;
}


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

.swiper-pagination-bullet-active {
    background: #ED0000;
}

.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 10%;
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 10px;
}

.swiper-button-next:after, .swiper-button-prev:after {
    font-size: 2vw;
}

/* Хиро блок поверх слайда */

.hero {
    position: relative;
}

.swiper-slide {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    /* max-width: 1440px; */
}

.slide_wrap {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 50%;
    z-index: 20;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 101.83%);
    justify-content: space-between;
    flex-direction: column;
    height: auto;
    padding-top: 70px;
    padding-left: 135px;
}


.border_right {
    border-right: 1px solid white;
}

/* 
.swiper-slide .slide_wrap {
    animation: fadeIm-5 alternate 1.6s linear forwards;
}

.swiper-slide-active .slide_wrap {
    animation: fadeIm-6 alternate 1.6s linear forwards;
} */


.swiper-button-next-hero {
    right: 10px;
    color: white;
}

.swiper-button-prev-hero {
    left: 10px;
    color: white;
}

/* 
Фиксированоое меню */
.down_menu{
    width: 100%;
    padding: 0.5rem 0;
    background:#000;
    position: fixed;
    z-index: 11;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 0.1em;
    text-align: center;
    bottom: 15px;
}

.scrolmenu_btn {
    color: #E3E5E6;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 0.1em;
    text-align: center;

    }

.visible{
    display: block;
}

.menu_wrap_fixed {
    top: unset;
    bottom: 15px;
}

.down_menu_btn {
    display: none;
    z-index: 11;
}


/* Отступы */
.mb-6 {
    margin-bottom: 10rem;
}

.mb-7 {
    margin-bottom: 7rem;
}


/* секция модели */
.model_wrap{
    position: relative;
    margin: 0 auto;   
    overflow: hidden;
    display: block;
}


/* Свайпер */



@keyframes fadeIm-opacity
{
    from        { opacity: 100%; }
    to          { opacity: 50%; }
}

@keyframes fadeIm-opacity-ar
{
    from        { opacity: 50%; }
    to          { opacity: 100%; }
}

.mySwiper .swiper-slide {
    opacity: 50%;
}
.mySwiper .swiper-slide-prev {
    animation: fadeIm-opacity alternate 1s linear forwards;
    
}


.mySwiper .swiper-slide-active {
     animation: fadeIm-opacity-ar alternate 1.6s linear forwards;
} 

.mySwiper .swiper-slide-next .car_name {
    opacity: 0;
}

.mySwiper .swiper-slide-prev .car_name {
    opacity: 0;
}


.mySwiper .swiper-slide .car_back {
    animation: fadeIm-5 alternate 0.3s linear forwards;
}

.swiper-slide.swiper-slide-active .car_back {
    animation: fadeIm-4 alternate 1.2s linear forwards;
}

.swiper-slide.swiper-slide-active .car_name {
    animation: fadeIm-4 alternate 1.2s linear forwards;
}


.swiper-slide .hidden-slider-block {
    opacity: 0;
}

.swiper-slide.swiper-slide-active .hidden-slider-block {
    animation: fadeIm-4 alternate 1.2s linear forwards;
   
}

.swiper-button-next-model {
    right: 180px;
}

.swiper-button-prev-model {
    left: 180px;
}

.swiper-button-prev-model:after, .swiper-button-next-model:after {
    content: '';
   
}

.swiper-button-prev-model {
    background-image: url('../img/Arrow2.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
}

.swiper-button-next-model {
    background-image: url('../img/Arrow1.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;

}



/* Анимация */

  @keyframes fadeIm-3
  {
    from        { margin-right: -100%; }
    to          { margin-right: 0; }
  }

  @keyframes fadeIm-4
  {
    from        { opacity: 0; }
    50%         { opacity: 0;}
    to          { opacity: 100%; }
  }

  @keyframes fadeIm-5
  {
    from        { opacity: 100%; }
    to          { opacity: 0; }
  }

  @keyframes fadeIm-6
  {
    from        { opacity: 0; }
    to          { opacity: 100%; }
  }
  
.car{
    max-width: 70%; 
    position: absolute;
    z-index: 4;
    right: 10%;
    bottom: -20%;
}

img.car_name{
    max-width: 30%;
    position: absolute;
    z-index: 2;
    top: 10%;
    left: 0;  
}


#step-order {
    margin: 0 auto;
}

#step-order span.select2.select2-container {
    width: unset !important;
}

.btn.btn-danger.Konfigurator {
    border-radius: unset;
}

#prepay-01 {
    border-radius: unset;
    background-color: #ED0000;
}

#credit-online-url {
    border-radius: unset;
    background-color: #ED0000;
}

#order-01 {
    border-radius: unset;
    background-color: #ED0000;
}

.btn-danger {
    font-size: 14px;
    border-radius: unset;
    background-color: #ED0000;
    border-color: #ED0000;
}

.car_name-out {
    max-width: 20%;
    left: 30%;
}


.car_back-hover{
    position: absolute;
    z-index: 1;
    height: 100%; 
    right: 0;
    bottom: 0; 
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}



.car_back{
    z-index: 4;
    display: block;
    margin-left: auto;
    height: auto;
    max-width: 70%;
}

.swiper-slide-active:hover .car_back-hover{ 
    opacity: 100%;
}





.model_price_list{
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
}

.model_price{
    display: block;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 0em;
    text-align: left;
}

.model_btn{
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

.model_more{
    width: 47%;
}

.model_calc{
    width: 47%;
}

/* Секция Спецпредложения */


.container_special {
    display: flex;
}
.special {
    flex-direction: column;
    justify-content: space-between;  
}

.container_special-mocard {
    flex-wrap: nowrap;
    flex-direction: row;
    width: 100%;
    margin-bottom: 1rem;
    flex: 0 0 auto;
}

.special_cards-mocard {
    overflow: hidden;
    position: relative;
}


.card_title {
    font-size: 24px;
    line-height: 27px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0em;
    text-align: left;
}



.special_btn { 
    border: 1px solid  #686D71;
    color: #686D71; 
}


/* Владельцам */
.servis {
    background-color: #E3E5E6;
}

.title_servis {
    padding-left: 4rem;
    background-image: url('../img/Group33.svg');
    background-position: left;
    background-size: 3rem;
    background-repeat: no-repeat;
    font-size: 48px;
    line-height: 56px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0em;
    text-align: left;
}

.servis_subtitle {
    font-family: MMC;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px;
    letter-spacing: 0em;
    text-align: left;

}

.form {
    margin-left: auto;
}


/* ФИНАНСОВЫЕ УСЛУГИ */

.img_mcbank {
    width: 200px;
}


.credit_btn {
    background-color: #ED0000;
    width: 30%;
}

/* MITSUBISHI MOTORS В РОССИИ */

.brand_container {
    background-color: #000000;
}

.brand {
    background-image: url('../img/Brand.png');
    background-position: right;
    background-size: 100%;
    background-repeat: no-repeat;
}

.brand_title {
    color:  #E3E5E6;
    font-size: 36px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 0em;
    text-align: left;
}

.brand_text {
    color:  #E3E5E6;
}

.brand_tel {
    color: #E3E5E6;
}




/* Футер */

.footer {
    background-color: #000000;
}

.footer_upmenu {
    display: flex;
    margin-left: auto;
}
.footer_upmenu-item {
    margin-right: 3rem;
}

.footer_downmenu {
    display: flex;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

.footer_menu-itemtop {
    color: #BFC2C4;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 0em;
    text-align: left;
}

.footer_menu-item {
    color: #BFC2C4;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0em;
    text-align: left;
}

.footer_topmenu-item {
    color: #BFC2C4;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0em;
    text-align: left;

}

.footer_text {
    color: #A8A8A8;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0em;
    text-align: left;

}

.footer_title {
    color: #A8A8A8;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 0em;
    text-align: left;

}

#special_bullets {
    width: max-content;
    margin: 0 auto;
    
}

.popap {
    margin-left: 7px;
    background-color: #686D71;
    color: #FFFFFF;
    border-radius: 100%;
    line-height: 14px;
    font-size: 12px;
}

/* Модальный (фон) */
#myModal.modal {
display: none; /* Скрыто по умолчанию */
position: fixed; /* Оставаться на месте */
z-index: 1000; /* Сидеть на вершине */
left: 0;
top: 0;
width: 100%; /* Полная ширина */
height: 100%; /* Полная высота */
overflow: hidden; /* Включите прокрутку, если это необходимо */
background-color: rgb(0,0,0); /* Цвет запасной вариант */
background-color: rgba(0,0,0,0.4); /* Черный с непрозрачностью */
}

/* Модальное содержание/коробка */
#myModal .modal-content {
background-color: #fefefe;
margin: 5% auto; /* 15% сверху и по центру */
padding: 20px;
border: 1px solid #888;
width: 80%; /* Может быть больше или меньше, в зависимости от размера экрана */
max-height: 80vh;
}

/* Кнопка закрытия */
.close {
width: max-content;
float: right;
font-weight: bold;
}

.close:hover,
.close:focus {
color: #000000;
text-decoration: none;
cursor: pointer;
}

/* Фото и видео */

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

.out-img {
    margin-bottom: 30px;
    flex-shrink: 0;
}

.out-img img{
    display: inline;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    object-fit: cover;
    
}


.in-img {
    margin-bottom: 30px;
    flex-shrink: 0;
}

.in-img img{
    display: block;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    object-fit: cover;
    
}

.video_wrap {
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
}

.video_slider {
    overflow: hidden;
}

#video_pagination {
    width: max-content;
    margin: 15px auto 0  auto;
}

.video {
    display: block;
    width: 100%;
    height: 575px;
}

.video_card {
    flex: 0 0 auto;
}



.out-img59 {
    width: 59%;
}

.out-img38 {
    width: 38.4%;
}

.out-img49 {
    width: 49%;
}


.in-img100 {
    width: 100%;
}

.in-img28 {
    width: 28%;
}

.in-img38 {
    width: 38%;
}

.in-img49 {
    width: 49%;
}

.in-img59 {
    width: 59%;
}

.photo_out-wrap-galery {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    width: 100%;
    margin-bottom: 0;
}

.photo_out-slider-galery {
    overflow: hidden;
}

.out-img-galery {
    width: 100%;  
    margin-bottom: unset;
    height: max-content;
}

.galery-img {
    flex-shrink: 0;
    height: 60vh;
}


/* Калькулятор ТО */


.work ul{
    list-style-type: disc;
}

.work-check ul{
    list-style-type: disc;
}

.img {
    width: 100%;
}
.container_title-btn {
    display: flex;
    flex-wrap: wrap;
}

.calc_title-btn {
    border: 1px solid #686D71;
    color: #686D71;
    padding:12px 30px;
    margin-right: 30px;
}

.auto-pdf_wraper-text {
    padding: 30px 57px;
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    background-color: #E3E5E6;
    width: 330px;
}

.card_numbers {
    margin-bottom: 20px;
    font-size: 48px;
    font-style: normal;
    font-weight: 500;
    line-height: 65px;
    letter-spacing: 0em;
    text-align: left;

}

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

.calc_img {
    width: 30%;
}

.calc_settings {
    width: 70%;
}

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

.calc_setting-col {
    display: flex;
    flex-direction: column;
    width: 47%;
    
}

.calc_select {
    background: url(http://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png) no-repeat;
    -webkit-appearance: none;
    background-position-x: 95%;
    background-position-y: 50%;
}
.calc_select:not(:last-child) {
    margin-bottom: 30px;
}

.select_btn {
    width: 47%;
    padding-top: 7px;
    padding-bottom: 7px;
}

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


.check {
    margin-right: 10px;
}

.checkbox__label {
    width:calc( ( 100% - 40px ) / 3 );
}

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

.map {
    max-width: 59%;
}

.map-img {
    width: 100%;
    height: max-content;
}

.container_diler {
    width: 38%;
    max-height: 389px;
    overflow: auto;
}

.diler {
    border-bottom: 1px solid #BFC2C4;
    padding: 15px 7px;
    cursor: pointer;
}

.diler:hover {
    background-color: #FFFFFF;
}


.diler_price {
    display: flex;
    justify-content: space-between;
    width: 65%;
}

.diler_price3 {
    display: flex;
    justify-content: space-between;
    width: 65%;
}


.title_table {
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px;
    letter-spacing: 0em;
    text-align: left;

}

.table-calc {
    width: 100%;
}

thead {
    background-color: #BFC2C4;
}

.th-material {
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 14px;
    letter-spacing: 0em;
    text-align: left;
    padding: 13px 0;
    padding-left: 20px;
}


.th-amount {
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 14px;
    letter-spacing: 0em;
    text-align: right;
    padding: 13px 0;
}
.th-price {
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 14px;
    letter-spacing: 0em;
    text-align: right;
    padding: 13px 0;
    padding-right: 20px;
    width: 25%;
}



.tfooter-price {
    text-align: right;
    width: 50%;
}

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

.work {
    width: 48%;
}

.work_list { 
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 2;
    -moz-column-gap: 2;
    column-gap: 200px;
}
.form_inputs {
    flex: 0 0 49%;
    justify-content: space-between;
    display: flex;
    flex-direction: column;
}

.form_area {
    padding-left: 25px;
    padding-top: 5px;
    flex: 0 0 49%;
    border: 1px solid #686D71;
    border-radius: unset;
    text-align: left;
}
.form_input {
    border: 1px solid #686D71;
    border-radius: unset;
    display: block;
    padding: 7px;
    padding-left: 25px;
    width: 100%;
    text-align: left;
}

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

.form_btn {
    display: block;
    margin: 0 auto;
}

.calc_title-cards {
    text-align: center;
}

/* Аксесуары */

.container-card {
    margin-bottom: 100px;
  }
  
  .checkbox__box {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      padding-left: 120px;
      padding-right: 120px;
      padding-top: 59px;
      padding-bottom: 59px;
      background-color: #FFFFFF;
      
    }
  
    .checkbox {
      display: flex;
      flex-direction: row;
    }
  
  
    .checkbox__box  .checkbox__label {
      display: flex;
      align-items: center;
      width: auto;
      flex: 0 0 auto;
    }
  
    .checkbox__name {
      cursor: pointer;
      transition: 0.11s linear;
    }
  
    .check {
      appearance: none;
      border: 1px solid #686D71;
      width: 14px;
      height: 14px;
      margin-top: 0;
      transition: 0.1s linear;
    }
  
   .check:checked {
      background-image: url(../img/checkbox_active.svg);
      background-size: 4px;
      background-position: center;
      background-repeat: no-repeat;
    }
  
    .check:checked + .checkbox__name {
      color: #ED0000;
    }
  
    .card_img {
      height: 100%;
      width: 100%;
      object-fit: cover;
    }
  
    .card_wrap {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
  
    .card_acces {
       
        width: 30%;
        display: flex;
        flex-direction: column;
        margin-bottom: 100px;
    }


  
    
  
    .card_index {
      font-size: 20px;
      font-style: normal;
      font-weight: 700;
      line-height: 24px;
      letter-spacing: 0em;
      text-align: left;
      color: #686D71; 
    }
  
    .card_price {
      font-size: 20px;
      font-style: normal;
      font-weight: 700;
      line-height: 24px;
      letter-spacing: 0em;
      text-align: left;
      color: #686D71; 
    }

    /* Характеристики */

    .table-charact {
        border: 1px solid #BFC2C4;
    }
    
    .table-charact>:not(caption)>*>* {
         padding-left: 20px;
         padding-top: 13px;
         padding-bottom: 13px;
     }
    
     .table-charact thead>tr>th:first-child {
        width: 690px;
    }
    
    
    .table-charact tbody>tr>td:first-child {
         width: 690px;
     }
    
    .table-charact th {
        border: 1px solid #686D71;
    }
    
    .table-charact thead {
        background-color: #BFC2C4;
    }
    
    .table-charact thead>tr>th:not(:first-child) {
        text-align: center;
    }
    
    
    .table-charact td {
         border: 1px solid #BFC2C4;
    }

    .table-charact td:not(:first-child) {
        text-align: center;
    }
    
    
    .container_charact-img {
        display: flex;
        justify-content: space-between;
        flex-direction: row;
        flex-wrap: wrap;
    }
    
    .img-size {
        width: 50%;
    }
    
    .charact_cards {
        padding-top: 130px;
        padding-bottom: 130px;
    }
    
    .charact_cards-super {
        padding-bottom: 130px;
    }
    
    .charact_card {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    
    .charact_card-owertitle {
        color: #FFFFFF;
    }
    
    .charact_card-title {
        color: #FFFFFF;
    }
    
    .container_charact-cards {
        background-color: #000000;
    }
    
    .charact_card-text {  
        color: #FFFFFF;
    }
    
    
    .transmission_cards-wrap {
        display: flex;
        justify-content: space-between;
    }
    
    .transmission_card {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        width: 31%;
    }
    
    .transmission_card-img {
        width: 100%;
    }
    
    .charact_card-text-btn {
        display: none;
        padding-bottom: 5px;
        border-bottom: 1px solid white;
    }
    
    .charact_card-tab {
        display: none;
    }
    .charact_card-tab-pjs {
        display: none;
    }
    
    .charact_card-tab-pjs.active {
        display: flex;
    }
    .charact_card-tab.active {
        display: flex;
    }
    
    
    .btn_pjs {
        border: 1px solid #686D71;
        color:  #686D71;
    }
    
    .btn_pjs.active {
        /* border: 1px solid #ED0000; */
        background-color: #ED0000;
        color:  #FFFFFF;
    }

    .btn_tab {
        color: #FFFFFF;
    }
    .btn_tab:active {
        background-color: #686D71;
    }
    .btn_tab.active {
        background-color: #686D71;
        color: #FFFFFF;
    }
    
    .wave {
        background: rgba(255,255,255,.4);
        border-radius: 50%;
        transform: scale(0);
        animation: wave .5s linear;
        pointer-events: none;
        position: absolute;
      }
      
      @keyframes wave {
        100% {
         transform: scale(2);
         opacity: 0;
        }
      }

      /* Конфигурации */

   
.config_hero-title {
   font-size: 36px;
   font-style: normal;
   font-weight: 400;
   line-height: 43px;
   letter-spacing: 0em;
   text-align: left;
}


.config_hero-text {
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap;
}

.config_hero-subtitle {
   padding: unset;
   color: #000000;
}



.config_hero-list {
   width: 370px;
   padding: unset;
}

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

.equipment {
   display: flex;
   justify-content: space-between;
   flex-direction: column;
   width: 370px;
   padding-top: 49px;
   padding-left: 29px;
   padding-bottom: 30px;
   padding-right: 29px;
   background-color: #FFFFFF;
}



.equipment_title {
   font-size: 48px;
   font-style: normal;
   font-weight: 500;
   line-height: 53px;
   letter-spacing: 0em;
   text-align: left;


}

.equipment_list {
   padding: unset;
   width: 314px;
}

.equipment_item {
   margin-bottom: 10px;
}

.equipment_btn-container {
   display: flex;
   flex-direction: column;
   margin-bottom: 0;
   margin-top: auto;
}

.equipment_btn {
   width: 100%;
}

.equipment_btn-chang {
   color: #686D71;
   background-color: #FFFFFF;
   border: 1px solid #686D71;
   margin-bottom: 55px;
}

.equipment_btn-about {
   background-color: #ED0000;
   color: #FFFFFF;
   margin-bottom: 30px;
}

.equipment_btn-auto {
   background-color: #686D71;
   color: #FFFFFF;
}

.container_special-mocard {
   position: relative;
   flex-wrap: nowrap;
   flex-direction: row;
   width: 100%;
   margin-bottom: 1rem;
   flex: 0 0 auto;
}

.container_special {
   display: flex;
}

.swiper-button-next-equiment, .swiper-button-prev-equiment {
   display: none;
}

.swiper-button-next-equiment.active, .swiper-button-prev-equiment.active {
   display: block;
   color: #ED0000;
}

#equipment_bullets {
   width: max-content;
   margin: 0 auto;
}

/* Об автомобиле */

.auto_hero-img {
    width: 100%;
 }
 
 .auto_hero-title-img {
     top: 20%;
     left: 10%;
 
 }
 
 .auto_hero-menu{
     position: fixed;
     background-color:  #FFFFFF;
     width: 100%;
     z-index: 10;
     top: 0;
     margin-top: 100px;
     transition: margin-top 0.2s linear;
 }
 
 .auto_hero-menu-inner {
     display: flex;
     justify-content: space-between;
 }
 
 .hero-menu_list{
     padding: 0;
     font-size: 14px;
     font-style: normal;
     font-weight: 500;
     line-height: 15px;
     letter-spacing: 0em;
     text-align: left;
 
     display: flex;
     justify-content: space-between;
     width: 60%;
     align-items: center;
 }
 .hero-menu_item {
     height: max-content;
 }
 
 .hero-menu_btn-img {
     width: auto;
     max-width: 270px;
     max-height: 20px;
 }
 
 .hero-menu_link {
     color: #000000;
 }
 
 .head {
     position: absolute;
 }
 
 
 .container_inner {
     max-width: 1170px;
 }
 
 .text_eclipce {
     font-size: 21px;
     font-style: normal;
     font-weight: 400;
     line-height: 27px;
     letter-spacing: 0em;
     text-align: left;
 
 }
 
 .button_auto-price {
     width: 30%;
 }
 
 .button_grey {
     background-color: #686D71;
     
 }
 
 .auto_cards {
     display: flex;
     justify-content: space-between;
     flex-wrap: wrap;
 }
 
 .auto_card {
     width: 47%;
 }
 
 .auto_card-img {
     width: 100%;
     height: 100%;
     object-fit: cover;
 }
 
 .auto_card-up {
     position: relative;
     width: 100%;
 }
 
 .auto_card-text {
     position: absolute;
     bottom: 7%;
     z-index: 5;
     right: 11%;
 }
 
 .block_map {
     background-image: url("../img/eclipse_cross/Mainimage.png");
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;
     padding-top: 63px;
     padding-left: 70px;
     padding-bottom: 100px;
 }
 
 .map_map-img {
     margin-right: 20px;
 }
 
 .map_mmc-img {
     padding: 10px 0 10px 20px;
     border-left: 1px solid #FFFFFF;
 
 }
 
 .map_title {
     width: 38%;
     color: #E5E5E5;
     font-size: 40px;
     font-style: normal;
     font-weight: 700;
     line-height: 50px;
     letter-spacing: 0em;
     text-align: left;
 }
 
 .map_text {
     width: 65%;
     color: #E5E5E5;
 }
 
 .map_btn-grey {
     background-color: #E5E5E5;
     color:  #3A3A39;
     margin-right: 38px;
 }
 
 .block_auto-pdf {
     display: flex;
     justify-content: space-between;
     flex-wrap: wrap;
 }
 
 .auto-pdf_wraper {
     display: flex;
     flex-direction: column;
     align-items: center;
     padding: 50px 0;
     background-color: #E3E5E6;
     width: 330px;
 }
 
 
 .auto-pdf-btn {
     color: #000;
     background-color: #BFC2C4;
     width: 220px;
 }
 
 .block_info {
     color:  #686D71;
     background-color: #FFFFFF;
     padding-top: 100px;
     padding-bottom: 100px;
 }
 
 .pjs_color {
     margin-right: 3%;
     height: 5vw;
     max-height: 50px;
     max-width: 50px;
     width: 5vw;
     border-radius: 100%;
     border: 1px solid #000;
 }
 
 .color-w85 {
   background: #F4F8FC;
 }
 
 .color-w37{
     background: #FAF8ED;
 }

 .color-w32{
    background: #FAF8ED;
}

.color-w73{
    background: #FAF8ED;
}

.color-n01{
    background: #FAF8ED;
}

.color-w76{
    background: #FAF8ED;
}
 
 .color-p17 {
     background: #95112F;
 }

 .color-p62 {
    background: #95112F;
}

.color-p63 {
    background: #95112F;
}

.color-m08 {
    background:  #DD5A21;
    
}

.color-m11 {
    background:  #DD5A21;
    
}
 
 .color-t64 {
     background: #213349;
 
 }

 .color-d25 {
    background: #213349;

}

.color-d14 {
    background: #213349;

}

.color-d06 {
    background: #213349;

}

.color-d23 {
    background: #213349;

}
 
 .color-c17 {
     background: #746658;
 
 }

 .color-c10 {
    background: #746658;

}


 .color-c22{
    background: #746658;
 }
 .color-c21{
    background: #746658;
 }
 .color-c06 {
    background: #746658;

}

 .color-c21 {
    background: #746658;

}

.color-u22 {
    background: #BBBCBC;

}

.color-u23 {
    background: #646565;

}
 
 .color-u25 {
     background: #BBBCBC;
 
 }
 
 .color-u28 {
     background: #646565;
 
 }

 .color-u17 {
    background: #646565;

}
 
 .color-x42 {
     background: #000000;
 
 }

 .color-x08 {
    background: #000000;

}

 .color-black {
    background: #000000;

}

 .color-x37 {
    background: #000000;

}

.color-x38 {
    background: #000000;

}

.icon_text {
    color: #ED0000;
    margin-right: 7px;
}
 
 .pls_color-auto {
     display: none;
 }
 
 .pls_color-auto.active {
     display: block;
 } 

 .wraper_btn {
     max-height: 300px;
 }


 /* Сервис */

 .serv_hero-title-container {
    width: 40%;  
    position: absolute;
    top: 35%;
    padding-left: 135px;
}

.serv_to-block {
    width: 60%;
    display: flex;
    justify-content: space-between;
}


.promo_wrapper {
    position: relative;
    height: 433px;
    width: 100%;
}

.promo_img-back {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
}

.flip-mask-wrapper {
    position: absolute;
    right: 0;
    height: 100%;
    border-left: 1px solid white;
    width: 50%;
}

.promo_img-mask {
    position: absolute;
    height: 100%;
    right: 0;
    width: 1170px;
}

.promo-img {
    height: 100%;
    /* width: 1200px; */
    overflow: hidden;
}

.flip-mask {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.link_red {
    color: red;
    text-align: center;
}

.serv_diller-list_item {
    text-align: center;
}

.serv_diller-list {
    list-style-position: inside;
    -moz-column-count: 3; /* Firefox */
    -webkit-column-count: 3; /* Safari and Chrome */
    column-count: 3;
    /* list-style-type: decimal; */
    /* height: 200px; */
}

.block_info {
    color:  #686D71;
    background-color: #FFFFFF;
    padding-top: 100px;
    padding-bottom: 100px;
}


 .card_ears {
     background-color: #686D71;
     color: #E5E5E5;
     width: 31%;
 }

 .ears_text-gray {
     padding-top: 40px;
     padding-left: 70px;
     padding-right: 70px;
    color: #E5E5E5;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: center;
 }

 .card_ears-age {
    font-size: 36px;
    font-style: normal;
    font-weight: 400;
    line-height: 40px;
    letter-spacing: 0em;
    text-align: center; 
 }

 .card_ears-text-big {
    font-size: 36px;
    font-style: normal;
    font-weight: 500;
    line-height: 34px;
    letter-spacing: 0em;
    text-align: center;  
}

.card_ears-text-percent {
    font-size: 64px;
    font-style: normal;
    font-weight: 700;
    line-height: 60px;
    letter-spacing: 0em;
    text-align: center;
    padding-bottom: 50px;

}


#serv_btn {
    display: none;
}

/* Гарантии */

.block-link_item-link {
    color: #686D71;
    border-bottom: 1px solid #686D71;

}

.warranty_text {
    width: 59%;
}

.note {
    font-style: italic;
}


.sort-wrapper {
    width: max-content;
}

.sort-btn-img.rotate {
    transform: scale(1, -1)
}

.top0 {
    margin-top: 0;
}
    
.head {
    transition: margin-top 0.2s linear;
}
.scrol_top {
    margin-top: -100px;
}


.diler-name {
    position: absolute;
    right: 25px;
    background-color: rgba(0, 0, 0, 0.8);
    top: 25px;
    color: white;
    height: 80%;
}

.old-auto_photo-container {
    overflow: hidden;
    position: relative;
}

.old-auto_photo-wrapper {
    flex-wrap: nowrap;
}

.old-auto_photo {
    flex: 0 0 auto;
}

.swiper-old-auto-button-next, .swiper-old-auto-button-prev {
    color: #000000;
}

.swiper-old-auto-button-next::after, .swiper-old-auto-button-prev::after {
    font-size: 1vw;
}

.big__check {
    width: 26px;
    height: 26px;
}

.multiselect__content-wrapper {
    max-height: 300px;
    overflow: auto !important;
}


    
@media (max-width: 1600px) {
    .dropdown_buyer {
        background-size: 25%;
    }
}
    


@media (max-width: 1400px) {
    .swiper_hero_btn {
        font-size: 16px;
        padding-top: 8px;
        padding-bottom: 8px;
    }

    .container_slider-car {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .container {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .head {
        left: 0;
    }

    .pb-7 {
        padding-bottom: 5rem;
    }

    .slide_wrap {
        padding-left: 5vw;
    }



    .swiper-button-next-hero {
        right: 10px;
    }
    
    .swiper-button-prev-hero {
        left: 10px;
    }

    .serv_hero-title-container {
        padding-left: initial;
    }

}

@media (max-width: 1200px) {

    .swiper-button-next:after, .swiper-button-prev:after {
        font-size: 4vw;
    }

    .wraper_table {
        overflow: auto;
    }

    .checkbox__label {
        width:calc( ( 100% - 20px ) / 2 );
    }

    .container_slider-car {
        padding-left: 5rem;
        padding-right: 5rem;
    }
    .container {
        padding-left: 5rem;
        padding-right: 5rem;
    }
    
    .swiper-button-next-model, .swiper-button-prev-model {
        top: calc(((287/496)*100vw)/2.5);
    }

    .dropdown_link {
        font-size: inherit;
    }

    .model_price_text {
        display: block;
        text-align: center;
    }

    .model_price {
        display: block;
        text-align: center;
    }


    .pb-7 {
        padding-bottom: 1rem;
    }
    
    
    .price_name {
        font-size: 12px;
        font-style: normal;
        font-weight: 400;

        text-align: left;
        color: #fff;
    }

    .head {
        left: 0;
    }
    
    .swiper-button-next-model {
        right: 10px;
    }
    
    .swiper-button-prev-model {
        left: 10px;
    }

    .container_special {
        flex-wrap: nowrap;
        flex-direction: row;
        width: 100%;
        margin-bottom: 1rem;
    }

    .special_cards {
        overflow: hidden;
    }

    #special_bullets {
        width: max-content;
        margin: 0 auto;
    }

    /* Калькулятор ТО */

    .calc_title-btn:not(:last-child) {
        margin-bottom: 30px;
    }

    .checkbox__box {
        padding-left: 20px;
        padding-right: 20px;       
      }



    .form-legal {
        margin-bottom: 20px;
    }

      /* Характеристики */

      .charact_card-text { 
        width: auto;
        margin-right: 50px;
    }

    .table-charact thead>tr>th:first-child {
        width: auto;
    }
    
    
    .table-charact tbody>tr>td:first-child {
         width: auto;
     }

     /* Конфигуратор */

     .equipment_cards {
        flex-wrap: nowrap;
        flex-direction: row;
        width: 100%;
        margin-bottom: 1rem;
    }
    
    .equipment {
        margin-bottom: unset;
        flex: 0 0 auto;
    }
    
    .container_equipment {
        overflow: hidden;
    }

    /* Об автомобиле */

    .map_title {
        width: 60%;
    }

    /* Сервис */

    .card_ears-age {
        font-size: 36px;
        line-height: 40px;
    }

    .card_ears {
        padding: 40px 20px;
    }

    .ears_text-gray {
        padding-top: 0;
        padding-left: 0;
        padding-right: 0;
    }

    .card_ears-text-percent {
        padding-bottom: 0;
    }

    .card_ears-text-big {
        font-size: 30px;
        line-height: 44px;
    }

    .serv_hero-title-container {
        width: 40%; 
    }

    .serv_to-block {
        width: 100%;
    }

    .promo_wrapper {
        height: 32vw;
        width: 85vw;
    }

    .promo_img-mask {
        width: 85vw;
    }


}


@media (max-width: 1149px) {
    .config_hero-list:not(:last-child) {
        margin-bottom: 2rem;
    }

    .equipment {
        width: auto;
    }

    .equipment:not(:last-child) {
        margin-bottom: 2rem;
    }

    .auto-pdf_wraper:not(:last-child) {
        margin-bottom: 2rem;
    }

    .auto-pdf_wraper-text {
        margin-bottom: 2rem;
    }
    
}


@media (max-width: 1024px) {
    .charact_card-tab {
        flex-wrap: wrap;
    } 

}



@media (max-width: 991px) {

    .wraper_price {
        flex-direction: column;
        max-width: 100%;
    }

    .diler__select-city {
        flex: 0 0 40%;
    }

    #mob_block {
        display: block;
    }

    .btn-dark.btn-map.hidden-md-up {
        display: block;
    }

    .epts-img {
        
        right: 0;
        max-width: 50%;
    }

    .epts-img_wraper {
        height: 300px;
    }

    .auto_hero-menu{
        margin-top: 50px;
    }

    .scrol_top {
        margin-top: -50px;
    }

    .top0 {
        margin-top: 0;
    }
    

    .menu-top {
        top: 50px;
    }
    

    .dimon-black {
        display: block;
    }

    .head-white .dimon-black {
        display: none;
    }

    .dimon-white {
        display: none;
    }

    .head-white .dimon-white {
        display: block;
    }

    @keyframes fadeIm-8
    {
      from        { opacity: 0; }
      50%         { opacity: 0;}
      to          { opacity: 100%; }
    }

    .swiper-slide.swiper-slide-active .car_back {
        animation: fadeIm-8 alternate 0.1s linear forwards;
    }

    .car_back-hover{
        position: absolute;
        z-index: 1;
        height: 100%; 
        right: 0;
        bottom: 0; 
        opacity: 0;
        transition: opacity 1.5s ease-in-out;
    }
    
    
    
    /* .car_back{
        z-index: 4;
        display: block;
        margin-left: auto;
        height: auto;
        max-width: 70%;
    } */
    
    .swiper-slide-active .car_back-hover{ 
        opacity: 100%;
    }

    .pt-auto-menu {
        padding-top: 50px;
    }

    .container {
        display: inline-block;
        cursor: pointer;
      }
      


      .bar1, .bar2, .bar3 {
        width: 35px;
        height: 2px;
        background-color: #FFFFFF;
        margin: 6px 0;
        transition: 0.4s;
      }
      
      /* Rotate first bar */
      .change .bar1 {
        -webkit-transform: rotate(-45deg) translate(-7px, 5px) ;
        transform: rotate(-45deg) translate(-6px, 5px) ;
      }
      
      /* Fade out the second bar */
      .change .bar2 {
        opacity: 0;
      }
      
      /* Rotate last bar */
      .change .bar3 {
        -webkit-transform: rotate(45deg) translate(-6px, -6px) ;
        transform: rotate(45deg) translate(-6px, -6px) ;
      }


    .navbar-toggler:focus {
        box-shadow: unset;
    }

    .navbar-toggler {
        padding: unset;
    }

    .navbar-dark .navbar-toggler {
        border-color: #FFFFFF;
    }



    .head-white .nav_menu {
        background: #FFFFFF;
    }

    .logo-mobile {
        display: block;
    }

    .head-white .logo-mobile {
        display: none;
    }

    .head-white .logo-desk-black {
        display: none;
    }
    

    .head-white .logo-mobile-black {
        display: block;
    }

    .logo-desk{
        display: none;
    }

    .dropdown_list {
        -moz-column-count: 1; /* Firefox */
        -webkit-column-count: 1; /* Safari and Chrome */
        column-count: 1;
        min-height: unset;
    }

    .hero_title {
        font-size: 6vw;
        line-height: 7vw;
    }
    
    .hero_subtitle {
        font-size: 3vw;
        line-height: 3.6vw;
    }

    .text_price{
        font-size: 2.4vw;
     
        line-height: 3.3vw;
    }

    .swiper_hero_btn {
        font-size: 2.4vw;
    }

    .pt-under-nav {
        padding-top: 56px;
    }
    

    .container_pt {
        padding-top: 80px;
    }
    .news_tabs {
        padding-top: 100px;
    }
    .head {
        min-height: 50px;
    }

    .mb-7 {
        margin-bottom: 4rem;
    }

    .mb-6 {
        margin-bottom: 4rem;
    }

    .swiper-button-next-hero {
        top:  calc(((222/540) * 100vw)/1.8);
    }
    
    .swiper-button-prev-hero {
       top:  calc(((222/540) * 100vw)/1.8);
    }

    .swiper-slide .slide_wrap {
        animation: unset;
    }
    
    .swiper-slide-active .slide_wrap {
        animation: unset;
    }

    .swiper-slide {
        opacity: unset;
    }

    .swiper-slide-active {
        animation: unset;
    }

    .container_onwer {
        flex-wrap: nowrap;
        flex-direction: row;
        width: 100%;
        margin-bottom: 1rem;
    }

    .swiper_onwer {
        overflow: hidden;
    }

    #onwer_bullets {
        width: max-content;
        margin: 0 auto;
    }

    .container_slider-car {
        padding-left: 3rem;
        padding-right: 3rem;
    }

    .container {
        padding-left: 3rem;
        padding-right: 3rem;
    }
    .title {
        font-size: 50px;
        line-height: 54px;
    }

    .owertitle {
        font-size: 16px;
    }

    .undertitle-text {
        font-size: 18px;
        line-height: 24px;
    }

    .wraper_logo {
        position: absolute;
    }

    .navbar-collapse {
        padding-top: 2rem;
    }

    .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
        top: calc(((222/540) * 100vw) - 25px);
        bottom: unset;
       }

    .slide_wrap {
        display: flex;
        padding-top: 30px;
        position: unset;
        padding-bottom: 50px;   
        padding-left: 3rem;
    }

    .swiper-slide {
        justify-content: unset;
    }

    .nav_dropdown {
        position: unset;
        background: unset;
        width: auto;
        max-width: 1440px;
        left: unset;
    }

    .dropdown_link {
        color: #E3E5E6;
    }

    .head-white .dropdown_link {
        color: #000000;
    }

    .dropdown_title {
        display: none;
    }

    .btn_close {
        display: none;
    }

    .logo {
        padding-top: 5px;
        max-height: 40px;
    }

    .nav_text {
        display: none;
    }

    .nav_text img {
        width: max-content;
    }

    .head-white .nav_text {
        display: flex;
        flex-direction: column;
        margin-left: 20px;
    }
    .head-white .nav_text .nav_text-diler {
        display: none;
    }
    .head-white .up__menu {
        flex-direction: row-reverse;
        justify-content: space-between;
    }

    .brand {
        background: none;
    }

    .up_nav {
        margin-left: unset;
    }

    .item_lk {
        margin-left: unset;
    }

    .btn_search {
        display: inline-block;
    }

    .search_place_wraper {
        
        left: 0;
    
    }

    .dropdown {
        padding-left: 1rem;
        padding-bottom: 0;
        background-image: unset;

    }

    .dropdown_menu {
        margin-left: 0;
        display: block;
    }

    .down_menu_btn {
        display: block;
       position: fixed;
       bottom: 10%;
       right: 0;
        background-color: #ED0000;
        width: 30px;
        height: 30px;
    }

    .down_menu{
        top: unset;
        width: 40vw;
        position: fixed;
        right: 0;
        bottom: 15%;
    }

    .btn_text {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .menu_wrap_fixed {
        right: 0;
        bottom: 15%;
    }

    .title_servis {
        background-position: top left;
        padding-left: unset;
        padding-top: 50px;
    }


    .visible {
        display: none;
    }

    .footer_upmenu {
        display: none;
    }

    .footer_downmenu {
        display: none;
    }


    /* Аксесуары */

    .container-card {
        margin-bottom: 50px;
      }
      .checkbox__box {
          flex-wrap: wrap;    
          justify-content: unset; 
      }
  
      .checkbox__label {
          margin-bottom: 20px;
          margin-right: 20px;
      }

      /* Конфигуратор */

      .config_hero-subtitle::after {
        margin-top: 8px;
        margin-left: 10px;
        content: '';
        position: absolute;
        border: solid black;
        border-width: 0 1px 1px 0;
        display: inline-block;
        padding: 5px;
        transform: rotate(45deg);
        /* transition: rotate 0.3s linear; */
    }
    
    .config_hero-subtitle.active_btn::after {
        transform: rotate(225deg);
        /* border: solid var(--color-active-btn); */
        border-width: 0 1px 1px 0;
       
    }

    .config_hero-list:not(:last-child) {
        margin-bottom: unset;
    }

    .config_hero-text {
        display: none;
    }

    .config_hero-text.unhidden {
        display: flex;
    }

    .config_hero-list {
        width: 100%;
    }

    .equipment:not(:last-child) {
        margin-bottom: 0;
    }

    .auto_hero-menu-inner {
        padding-top: 64px;
    }

    .equipment_list {
        width: 100%;
    }

    /* Об автомобиле */

    .auto_hero-title-img {
        display: none;
    
    }
    .section_hero {
        display: flex;
        flex-direction: column-reverse;
    }

    .head {
        position: absolute;
    }

    .auto_hero-menu-inner{
       flex-direction: column-reverse; 
       padding-left: unset;
       padding-right: unset;
       padding-top: 10px;
       padding-bottom: 10px;
       text-align: center;
    }



    .hero-menu_list{
        padding-left: 30px;
        padding-top: 20px;
        flex-direction: column;
        display: none;
        position: absolute;
        left: 0;
        right: 0;
        top: 100%;
        background: rgba(250, 250, 250, 0.9);
        width: 100%;
    }
   

    .hero-menu_item {
        margin-bottom: 15px;
    }

    .hero-menu_btn {
        position: relative;
        width: 100%;
        display: flex;
        justify-content: space-between;
        padding: 0;
        align-items: center;
    }

    .bar1-auto-hiden, .bar2-auto-hiden, .bar3-auto-hiden {
        margin-left: auto;
        width: 35px;
        height: 2px;
        background-color: #FFFFFF;
        margin-bottom: 6px;
        transition: 0.4s;
    }

    .bar3-auto-hiden {
        margin-bottom: 0;
    }


    .bar1-auto, .bar2-auto, .bar3-auto {
        margin-left: auto;
        width: 35px;
        height: 2px;
        background-color: #000000;
        margin-bottom: 6px;
        transition: 0.4s;
    }

          /* Rotate first bar */
          .change .bar1-auto {
            -webkit-transform: rotate(-45deg) translate(-7px, 5px) ;
            transform: rotate(-45deg) translate(-6px, 5px) ;
          }
          
          /* Fade out the second bar */
          .change .bar2-auto {
            opacity: 0;
          }
          
          /* Rotate last bar */
          .change .bar3-auto {
            -webkit-transform: rotate(45deg) translate(-6px, -6px) ;
            transform: rotate(45deg) translate(-6px, -6px) ;
          }

    .bar3-auto {
        margin-bottom: 0; 
    }

    .auto_cards {
        flex-wrap: nowrap;
        flex-direction: row;
        width: 100%;
        margin-bottom: 1rem;
    }

    .auto_card {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        margin-bottom: unset;
        flex: 0 0 auto;
    }

    .auto-photo {
        overflow: hidden;
    }

    #auto_card_bullets {
        width: max-content;
        margin: 0 auto;
    }


    .auto_card-up {
        overflow: hidden;
        position: unset;
    }
    
    .auto_card-text {
        position: unset;
    }

    .text_black {
        color: #000000;
    }

    /* Сервис */

    .serv_hero-title-container {
        position: unset;
        width: 100%;
    }

    .serv_diller-list {
        list-style-position: inside;
        -moz-column-count: 2; /* Firefox */
        -webkit-column-count: 2; /* Safari and Chrome */
        column-count: 2;
        /* list-style-type: decimal; */
        /* height: 200px; */
    }

    .warranty_text {
        width: 90%;
       
    }

    .pt-100 {
        padding-top: 80px;
    }

    .title-36 {
        font-size: 28px;
        line-height: 34px; 
    }
    

}

@media(max-width:950px) {

    .card_ears-age {
        font-size: 24px;
        line-height: 30px;
    }

    .card_ears {
        padding: 40px 10px;
    }

    .card_ears-text-big {
        font-size: 20px;
        line-height: 24px;
    }

    .work_list {;
        column-gap: 100px;
    }
}

/* Калькулятор ТО */

@media (max-width: 850px) {
    .calc {
        flex-direction: column;
    }

    .calc_settings {
        width: 100%;
    }

    .calc_img {
        
        width: 70%;
        margin: 0 auto;
        margin-bottom: 30px;
    }

    .checkbox__label {
        flex: 1 0 100%;
    }

    .container_map-diler {
        flex-direction: column;
    }

    .container_diler {
        width: 100%;
        margin-bottom: 30px;
    }

    .map {
        max-width: 100%;
    }

    .title_table {
        font-size: 30px;
        line-height: 34px;
    }

    .calc_title-btn {
        margin: 0 auto;
        width: 70%;
    }
}

@media (max-width: 768px) {

    
.diler__flex {
    flex: 0 0 45%;
}

    .charact_card-img {
        max-width: 75%;
        display: block;
        margin: 0 auto;
    }


    .epts-img {
        max-width: 60%;
    }

    .epts-img_wraper {
        height: 300px;
    }

    .checkbox__label {
        width:100%;
    }

    .video {
        height: calc(100vw/2);
    }

    .photo_out-wrap {
        flex-wrap: nowrap;
        flex-direction: row;
        width: 100%;
        margin-bottom: 0;
    }
    
    .out-img {
        width: 100%;  
        margin-bottom: unset;
        height: max-content;
    }
    
    .photo_out-slider {
        overflow: hidden;
    }
    
    #photo_out-pagination {
        width: max-content;
        margin: 15px auto 0  auto;
    }

    .photo_in-wrap {
        flex-wrap: nowrap;
        flex-direction: row;
        width: 100%;
        margin-bottom: 0;
    }
    
    .in-img {
        width: 100%;
        margin-bottom: unset;
        height: max-content;
    }

    #dilers li .diler__flex:nth-child(3n) {
        order: 4;

    }

    #dilers li .diler__flex:nth-child(4n) {
        order: 3;

    }
    /* .in-img100 {
        height: auto;
    } */
    
    .photo_in-slider {
        overflow: hidden;
    }
    
    #photo_in-pagination {
        width: max-content;
        margin: 15px auto 0  auto;
    }

    /* Аксесуары */

    .card_wrap {
        display: flex;
        flex-direction: row;
        justify-content: space-between;

    }

    .card_acces {
        margin-bottom: unset;
        flex-shrink: 0;
    }

    .card-checkbox {
        overflow: hidden;
    }


/*  Характеристики */

.charact_card {
    flex-wrap: wrap;
}
.charact_card-text { 
    width: auto;
    margin-right: unset;
}

.charact_card-img {
    width: auto;
}

.charact_card-text {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    margin-bottom: 30px;
}

.charact_card-text-visible {
    overflow: unset;
    display: block;
}

.charact_card-text-btn {
    display: block;
}

.img-size {
    width: 100%;
}

.transmission_cards {
    overflow: hidden;
}

.transmission_card {
    flex: 0 0 auto;
}

.transmission_cards-wrap {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: nowrap;
}

#transmission_card-bullets {
    width: max-content;
    margin: 15px auto 0  auto;
}
}



@media(max-width: 767px) {
   
    .footer {
        display: flex;
        flex-direction: column-reverse;
    }
    .footer_contact {
        flex-direction: column-reverse;
    }
    .wraper_title-text-serv {
        display: none;
    }

    .credit_btn {
        width: 100%;
    }

    /* Об автомобиле */

    .button_auto-price {
        width: 100%;
    }

    .container_map {
        padding-left: unset;
        padding-right: unset;
    }

    .map_title {
        width: 100%;
    }

    .map_text {
        width: 100%;
        font-size: 12px;
    }

    .block_map {
        padding-left: 30px;
        padding-right: 30px;
    }

}


@media (max-width: 697px) {

    .diler-name {
        position: unset;
        
    }
       

    .dropdown_list {
        -moz-column-count: 1; /* Firefox */
        -webkit-column-count: 1; /* Safari and Chrome */
        column-count: 1;
    }

    .btn_all {
        font-size: 12px;
    }
    .owertitle {
        font-size: 14px;
        margin-bottom: 10px;
    }
    .title {
        font-size: 30px;
        line-height: 34px;
    }

    .title_servis {
        font-size: 30px;
    }

    .card_title {
        font-size: 20px;
    }

    .text_servis {
        font-size: 16px;
    }

    .text {
        font-size: 12px;
    }

    .text-big {
        font-size: 14px; 
    }

    .undertitle-text {
        font-size: 14px;
        line-height: 18px;
    }


    .hero_title {
        font-size: 6vw;
        line-height: 7vw;
    }
    
    .hero_subtitle {
        font-size: 3vw;
        line-height: 3.6vw;
    }
    
    
    .text_price{
        font-size: 4vw;
     
        line-height: 5vw;
    }
    .text_price_lg{
        font-size: 6vw;

        line-height: 7vw;
    }

    .text_price_first {
        padding-left: unset;
    }

    .swiper_hero_btn {
        font-size: 4vw;
    }

    .container_slider-car {
        padding-left: 2rem;
        padding-right: 2rem;
    }

    .container {
        padding-left: 2rem;
        padding-right: 2rem;
    }

    .slide_wrap {   
        padding-left: 2rem;
    }

}

@media (max-width: 650px) {
    .serv_to-block {
        flex-direction: column;
    }
}

@media (max-width: 600px) {

    .calc_title-btn {
        margin-right: unset;
        
        width: 100%;
    }
    .select_wrap {
        flex-direction: column;
    }

    .calc_setting-col {
        margin-bottom: 30px;
        width: 100%;
    }

    .select_btn {
        width: 100%;
    }

    .title_table {
        font-size: 26px;
        line-height: 30px;
    }

    .container_work {
        flex-direction: column;
        margin-bottom: unset;
    }

    .work {
        width: 100%;
        margin-bottom: 30px;
    }

    .work_list {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
        -webkit-column-gap: 0;
        -moz-column-gap: 0;
        column-gap: 0;
    }
}


@media (max-width: 575px) {

    .hide-ligal {
        display: block;
        color: #ED0000;
    }

    .text_ligal {
        color: #000000;
        max-height: 15px;
        overflow: hidden;
    }

    .text_ligal.legal-visible {
        max-height: unset;
        overflow: hidden;
    }

    .dropdown_link {
        font-size: 12px;
    }

    .epts-img {
        max-width: 75%;
    }

    .epts-img_wraper {
        height: 280px;
    }
    body {
        font-size: 10px;
        line-height: 14px;
    }
    
    .container {
        padding-left: 15px;
        padding-right: 15px;
    }

    .container_slider-car {
        padding-left: 15px;
        padding-right: 15px;
    }

    .logo {
        max-height: 35px;
        padding-top: unset;
    }

    .wraper_logo {
        padding-top: 7px;
        padding-left: 41%;
    }

    .slide_wrap {
        min-height: 200px;
        padding-left: 15px;
        padding-top: 20px;
        background: #FFFFFF;
        padding-bottom: 20px;
    }

    .hero_subtitle {
        color: #000000;
        font-size: 3vw;
        line-height: 3.3vw;
    }

    .owertitle {
        font-size: 3vw;
        line-height: 3.3vw;
    }

    .title {
        font-size: 6.4vw;
        line-height: 7vw;
        margin-bottom: unset;
    }

    .undertitle-text {
        font-size: 2.7vw;
        line-height: 3vw;
    }

    .hero_title {
        color: #000000;
        font-size: 6.4vw;
        line-height: 7vw;
    }

    .title_text {
        color: #000000;
        font-size: 6.4vw;
        line-height: 7vw;
    }

    .text_price {
        color: #000000;
        font-size: 2.7vw;
        line-height: 3vw;
        display: inline-block;
        padding: unset;
    }
    .text_price_lg {
        color: #000000;
        font-size: 4vw;
        line-height: 6vw;
        display: inline-block;
        padding: unset;
    }

    .title-36 {
        font-size: 6vw;
        line-height: 6.6vw;
    }

    .text {
        font-size: 10px;
    }

    .model_price {
        font-size: 14px;
        line-height: 16px;
    }
    .swiper_hero_btn {
        background-color: #686D71;
        color: #FFFFFF;
    }

    .btn_all {
        font-size: 10px;
        line-height: 13.5px;
    }

    .pt-under-nav {
        padding-top: 49px;
    }

    .navbar-toggler-icon {
        width: 20px;
        height: 16px;
    }

    .card_title {
        font-size: 18px;
        line-height: 22px;
    }

    .title_servis {
        background-position: top center;
    }

    .title_servis {
        font-size: 24px;
        line-height: 27px;
        text-align: center;
    }

    .servis_subtitle {
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: 24px;
        letter-spacing: 0em;
        text-align: center;

    }

    .servis_text {
        font-size: 10px;
        line-height: 14px;
    }

    .brand_title {
        font-size: 20px;
        font-style: normal;
        font-weight: 500;
        line-height: 24px;
        letter-spacing: 0em;
        text-align: left;


    }

    .hero-menu_btn-img {
        max-width: 70%;
        max-height: 20px;
        
    }

    .hero-menu_btn::after {
  
        right: -10px;
    }
 

/* 
    Сервис */

    #serv_btn {
        display: block;
    }
    .serv_hero {
        padding-top: 48px;
    }

    .serv_diller-list {
        list-style-position: inside;
        -moz-column-count: 1; /* Firefox */
        -webkit-column-count: 1; /* Safari and Chrome */
        column-count: 1;
    }

    .serv_diller-list li:nth-child(n+5) {
        display: none;
      }

    .serv_diller-list.open li:nth-child(n+5) {
        display: list-item;
    }

    .text_eclipce {
        font-size: 14px;
        line-height: 17px;
    }

}

@media (max-width: 540px) {



    .diler__select-city {
        flex: 0 0 50%;
    }

    .form-group.text-center {
        width: 100%;
    }
    
    .form-group .form-car-select  {
        width: 100%;
    }
    
    .form-group.form-legal {
        width: 100%;
    }

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

    .form-group .select2 {
        width: 100% !important;
    }

    .form-group .btn-danger {
        width: 100%;
    }

    .text-small {
        font-size: 10px;
    }
    
   

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



    .swiper-pagination-bullet {
        width: 7px;
        height: 7px;
    }

    /* Характеристики */

    .table_container {
        padding-right: 0;
    }

    .table-charact {
        display: block;
        width: 768px;
        padding-right: 1rem;
        border-bottom: unset;
        border-top: unset;
    }
    
    .wraper_table {
        overflow: auto;
    }
    
    .charact_card-img {
        width: 100%;
    }

    /* Сервис */

    .logo_mmc {
        width: 60%;
    }
    .mb-6 {
        margin-bottom: 50px;
    }


    .ears_text-gray {
        font-size: 14px;
    }

    .card_ears-text-percent {
        font-size: 36px;
        line-height: 40px;
    }
    .card_ears-age {
        font-size: 20px;
        line-height: 24px;
    }

    .card_ears {
        padding: 40px 10px;
    }

    .card_ears-text-big {
        font-size: 16px;
        line-height: 20px;
    }

    .ears_btn-red {
        font-size: 16px;
        line-height: 22px;
    }

}

@media (max-width: 500px) {
    .form_input-area {
        flex-direction: column;
    }
    .btn-danger {
        font-size: 10px;
    }


}

/* Сервис */

@media(max-width:400px) {

    .logo_mmc {
        width: 60%;
    }
    .mb-6 {
        margin-bottom: 50px;
    }

    .ears_text {
        font-size: 12px;
        line-height:14px;
    }


    .ears_text-gray {
        font-size: 10px;
    }

    .card_ears-text-percent {
        font-size: 36px;
        line-height: 40px;
    }
    .card_ears-age {
        font-size: 16px;
        line-height: 20px;
    }

    .card_ears {
        padding: 40px 10px;
    }

    .card_ears-text-big {
        font-size: 12px;
        line-height: 26px;
    }

    .ears_btn-red {
        font-size: 16px;
        line-height: 22px;
    }


    
}


@media(max-width:400px) {
    .hero-menu_btn::after {
  
        right: 0px;
    }
    .epts-img_wraper {
        height: 220px;
    }
}


.custom-file-input input.form-control{
    background-color: #f2f2f2;
    display: none;
}

.custom-file-input label {
    background-color: #f2f2f2;
    padding: 15px;
    width: 48%;
    cursor: pointer;
}
.custom-file-input .wrapper-file {
    border: 1px dashed black;
    display: flex;
    
}
.custom-file-input .wrapper-file div:first-child {
    padding: 15px 20px;
}
.custom-file-input .wrapper-file div:first-child img {
    width: 44px;
}
.custom-file-input .wrapper-file div:last-child {
    padding: 15px  0;
    width: 83%;
    overflow: hidden;
}
.custom-file-input .wrapper-file div:last-child span:first-child {
    font-size: 18px;
    white-space: nowrap;
}
.custom-file-input.draghover label {
    background-color: #999696d9;
}
.custom-file-input.draghover .wrapper-file {
    border: 1px solid white;
}
.custom-file-input.draghover .wrapper-file div:last-child span:first-child {
    color: white;
}
@media (max-width: 1200px) {
    .custom-file-input label {
        width: 61%;
    }
}

@media (max-width: 1023px) {
    .custom-file-input label {
        width: 82%;
    }
}

@media (max-width: 650px) {
    .custom-file-input label {
        width: 100%;
    }
    .custom-file-input .wrapper-file div:last-child span:first-child {
        font-size: 1.5em;
        white-space: normal;
    }
}


.buttons {
    list-style: none;
    margin: 0;
    padding: 0;
    position: fixed;
    right: -188px;
    top: 75%;
    z-index: 200;
    transform: translate(0, -50%);
}


.buttons-menu {
    width: 45px;
    height: 45px;
    position: fixed;
    bottom: 25px;
    right: 13px;
    display: none;
    flex-wrap: wrap;
    z-index: 5;
}
.buttons-menu__el {
    width: 45%;
    height: 50%;
    background: #ed1c24;
    margin-top: 2px;
    margin-right: 2px;
}

@media (max-width: 767px) {
    .buttons-menu {
        display: flex;
    } 
}
@media (max-width: 767px) {
    .buttons {
        /* width: 90%;
        right: 0;
        bottom: 0;
        top: auto;
        transform: translate(0, -15px); */
        width: 100%;
        right: -100%;
        bottom: 0;
        top: 0;
        transform: translate(0, -15px);
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        transition: right 0.4s ease-in-out;
    } 
    .buttons.mob-buttoms-menu {
        right: 0;
    }
    ul.buttons > li {
        /* width: 100%; */
        width: 90%;
        margin-left: auto;
    }
}

.mob_buttons ul {
    list-style: none;
    padding-left: 0px;
}

.mob_buttons div {
    width: 45px;
    height: 45px;
    float: right;
    background: #ed1c24;
    text-align: center;
    line-height: 50px;
    font-size: 30px;
    color: #fff;
    cursor: pointer;
}

.mob_buttons li {
    position: relative;
    left: 245px;
}

.buttons li, .mob_buttons li {
    width: 245px;
    overflow: hidden;
    background: #ed1c24;
    margin-bottom: 5px;
    /* border-top-left-radius: 18px; */
    /* border-bottom-left-radius: 18px; */
    transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
}

.buttons li:hover {
    margin-left: -188px;
}
@media (max-width: 768px) {
    .buttons li:hover {
        margin-left: auto;
    }
}


.buttons li a, .mob_buttons li a {
    display: flex;
    align-items: center;
}

.buttons img, .mob_buttons img {
    float: left;
    max-width: 45px;
    max-height: 55px;
    margin: 6px;
}

.buttons .title, .mob_buttons .title {
    display: table-cell;
    vertical-align: middle;
    /* padding: 10px; */
    /*background: url(/static/images/buttons_border.png) 0 0 repeat-y;*/
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    font-family: 'MMC' !important;
    /* height: 57px; */
    font-size: 13px;
    overflow: hidden;
}

.buttons.middle {
    right: -193px;
}

.buttons.middle li {
    margin-bottom: 3px;
}

.buttons.middle img {
    max-width: 40px;
    max-height: 40px;
}

.buttons.middle .title {
    height: 50px;
}