@charset "utf-8";
@import "bootstrap.css";
@import "normalize.css";
@import "../node_modules/slick-carousel/slick/slick.css";
@import "../node_modules/magnific-popup/dist/magnific-popup.css";
@import "callback-btn.css";
@import "callback-modal.css";
@import "typography.css";

/* Класс для увеличения картинки */

.zoom-img {}

a:focus,
:focus {
    outline: 0;
}


/* Класс для галлереи */

.gallery {}

#map {
    height: 600px;
}


/* Класс для формы */

.form-submit-toggle {}


/* Класс для кнопки заказать звонок */

.callback-toggle {}


/******** Magnific-Popup *********/

.mfp-fade.mfp-bg {
    opacity: 0;
    transition: all 0.15s ease-out;
}

.mfp-fade.mfp-bg.mfp-ready {
    opacity: 0.8;
}

.mfp-fade.mfp-bg.mfp-removing {
    opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
    opacity: 0;
    transition: all 0.15s ease-out;
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
    opacity: 1;
}

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
    opacity: 0;
}


/******* Image Cover ********/

.img-cover {
    background-size: cover;
    background-position: center;
}

.img-cover_inited>img {
    visibility: hidden;
}


/**********************************/

.main {
    display: flex;
}

.component {
    width: 100%;
}

.left,
.right {
    width: 30%;
}

@font-face {
    font-family: 'Roboto-Black';
    src: url(../fonts/Roboto-Black.ttf) format('truetype');
}

@font-face {
    font-family: 'Roboto-Bold';
    src: url(../fonts/Roboto-Bold.ttf) format('truetype');
}

@font-face {
    font-family: 'Roboto-Light';
    src: url(../fonts/Roboto-Light.ttf) format('truetype');
}

.wrapCont .item-page ul {
    list-style: disc;
    padding-left: 20px;
}

h2,
.h2 {
    color: #000;
    font-family: 'Roboto-Bold';
    font-size: 24px;
    font-style: normal;
    line-height: 160%;
}

body {
    font-family: "Roboto-Light";
    color: #000;
    font-size: 16px;
}

body p {
    margin-top: 0;
    margin-bottom: 10px;
}

p.h1,
h1 {
    margin-top: 0;
    font-family: "Roboto-Bold";
    font-size: 24px;
    display: inline-block;
    margin-bottom: 35px;
    line-height: 1;
    position: relative;
}

p.h1:after,
h1:after {
    position: absolute;
    width: 1700px;
    height: 1px;
    left: calc(100% + 30px);
    content: '';
    top: 50%;
    background: #0055b9;
}

.wrapper {
    max-width: 1920px;
    margin: 0 auto;
    min-height: 100vh;
    position: relative;
    overflow: hidden;
    /*min-width: 1200px;*/
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}


/*.wrapper .container{
    width: 1170px;
}*/

.flexSA {
    display: flex;
    justify-content: space-around;
}

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

.flexCenter {
    display: flex;
    justify-content: center;
}

.flexAI {
    display: flex;
    align-items: center;
}

.flexW {
    display: flex;
    flex-wrap: wrap;
}

.flexColumn {
    display: flex;
    flex-direction: column;
}

.flexStart {
    display: flex;
    justify-content: flex-start;
}

.flexEnd {
    display: flex;
    justify-content: flex-end;
}


/*header*/

.wrapHeader {
    padding: 10px 0 20px;
}

.wrapHeader .logo {
    display: block;
    margin-bottom: -4px;
    max-width: 337px;
}

.wrapHeader .logo img {
    max-width: 100%;
}

.infoHeadWrap p {
    margin-bottom: 0;
    line-height: 1;
}

.infoHeadWrap a.phone {
    font-size: 24px;
    font-family: "Roboto-Bold";
    color: #000;
    line-height: 1;
}

.infoHeadWrap .callback-toggle2 {
    font-size: 16px;
    font-family: "Roboto-Bold";
    color: #0055b9;
    background: url(../images/cbH.png) no-repeat left center;
    border: none;
    text-decoration: underline;
    padding: 3px 0 3px 30px;
}

.infoBlockH {
    margin-left: 30px;
    /*    padding-left: 30px;
    background: url(../images/iconNav.png) no-repeat left center;*/
}

.infoBlockH .navIcon {
    margin-right: 10px;
    display: block;
}


/*End header*/


/*mainBlock*/

.mainBlock {
    background: #0055b9;
}

.mainBlock ul {
    display: flex;
    justify-content: space-between;
    margin: 0;
}

.mainBlock ul li a {
    display: block;
    color: #fff;
    font-size: 18px;
    font-family: "Roboto-Light";
    line-height: 1;
    padding: 15px 30px;
}

.mainBlock ul li a:hover {
    background: #002d7c;
    text-decoration: none;
}


/*End mainBlock*/


/*sliderTop*/

.sliderTop,
.topSlide {
    position: relative;
}

.sliderTop .slick-arrow {
    position: absolute;
    width: 18px;
    height: 33px;
    top: calc(50% - 16px);
    z-index: 5;
    font-size: 0;
    border: none;
}

.sliderTop .slick-prev {
    background: url(../images/slidePrevT.png) no-repeat;
    left: 30px;
}

.sliderTop .slick-next {
    background: url(../images/slideNextT.png) no-repeat;
    right: 30px;
}

.sliderTop .txtBlock {
    position: absolute;
    left: calc((100% - 1140px) / 2);
    top: 40px;
    background: url(../images/bgTxtTS.png) no-repeat;
    background-size: 100% 100%;
    padding: 35px 23px 40px;
    min-height: 271px;
}

.sliderTop .three-slide-top .txtBlock {
    position: absolute;
    left: calc((100% - 1140px) / 2);
    top: 40px;
    background: url(../images/bgTxtTS.png) no-repeat;
    background-size: 100% 100%;
    padding: 35px 23px 40px;
    min-height: 271px;
}

.sliderTop .three-slide-top .txtBlock p {
    color: #000;
    font-size: 24px;
    margin-bottom: 0;
    line-height: 1;
    text-align: center;
}

.sliderTop .txtBlock:before {
    position: absolute;
    left: -10px;
    bottom: -12px;
    content: url(../images/befTxtTS.png);
    line-height: 1;
    padding: 0;
    margin: 0;
}

.sliderTop .txtBlock:after {
    position: absolute;
    top: -10px;
    right: -10px;
    content: url(../images/aftTxtTS.png);
    line-height: 1;
    padding: 0;
    margin: 0;
}

.sliderTop .txtBlock p {
    color: #fff;
    font-size: 24px;
    margin-bottom: 0;
    line-height: 1;
    text-align: center;
}

.sliderTop .txtBlock p.name {
    font-size: 42px;
    font-family: "Roboto-Bold";
}

.sliderTop .txtBlock button {
    width: 265px;
    color: #fff;
    border-radius: 3px;
    background: #0055b9;
    text-align: center;
    border: 1px solid #0055b9;
    padding: 12px 10px;
    position: absolute;
    bottom: -16px;
    left: calc(50% - 135px);
    transition: all 0.3s;
}

.sliderTop .txtBlock button:hover {
    background: #002d7c;
}


/*End sliderTop*/


/*preBlock*/

.preBlock {
    background: #292929;
    padding: 12px 0;
    margin-bottom: 50px;
}

.preBlock p {
    color: #fff;
    margin-bottom: 0;
    padding-left: 15px;
    padding-right: 15px;
}


/*End preBlock*/


/*aboutUsBlock*/

.aboutUsBlock {
    margin-bottom: 40px;
}

.wrapAU p {
    margin-bottom: 0;
}

.numBlock {
    margin-right: 30px;
}

.numBlock p {
    font-size: 20px;
    line-height: 1;
    text-transform: uppercase;
}

.numBlock p.num {
    font-size: 60px;
    font-family: "Roboto-Black";
    color: #bfc2cb;
    margin-right: 5px;
}

.minislog {
    padding-left: 10px;
    border-left: 3px solid #0055b9;
}

.minislog p {
    line-height: 1;
    font-size: 22px;
    font-family: "Roboto-Bold";
}

.minislog p span {
    color: #919191;
}

.aboutUsBlock button {
    width: 265px;
    color: #fff;
    border-radius: 3px;
    background: #0055b9;
    text-align: center;
    border: 1px solid #0055b9;
    padding: 12px 10px;
    transition: all 0.3s;
}

.aboutUsBlock button:hover {
    background: #002d7c;
}


/*End aboutUsBlock*/


/*bannerMainBlock*/

.bannerMainBlock {
    margin-bottom: 60px;
}

.wrapBM {
    margin-bottom: 25px;
}

.nucBM:hover {
    text-decoration: none;
}

.nucBM {
    margin-bottom: 3px;
}

.nucBM .imgW {
    overflow: hidden;
}

.nucBM span {
    display: block;
}

.nucBM span.txtBM {
    color: #fff;
    padding: 15px 12px;
    background: #0055b9;
    transition: all 0.3s;
}

.nucBM img {
    transition: all 0.3s;
}

.nucBM:hover span.txtBM {
    background: #002d7c;
}

.nucBM:hover img {
    transform: scale(1.2);
}

.bannerMainBlock .allServ {
    display: inline-block;
    position: relative;
    width: 265px;
    color: #000;
    border-radius: 3px;
    text-align: center;
    border: 1px solid #0055b9;
    padding: 12px 10px;
    transition: all 0.3s;
}

.bannerMainBlock .allServ:hover {
    background: #0055b9;
    color: #fff;
}

.bannerMainBlock .allServ:before {
    position: absolute;
    width: 1700px;
    height: 1px;
    left: calc(100% + 30px);
    content: '';
    top: 50%;
    background: #0055b9;
}


/*End bannerMainBlock*/


/*revBlock*/

.sliderRev {
    width: 755px;
    position: relative;
    margin-left: -35px;
    margin-bottom: 110px;
}

.sliderRev .slick-arrow {
    position: absolute;
    font-size: 0;
    border: none;
    bottom: -40px;
    z-index: 2;
    width: 49px;
    height: 50px;
}

.sliderRev .slick-next {
    background: url(../images/revNext.png) no-repeat;
    right: 50px;
}

.sliderRev .slick-prev {
    background: url(../images/revPrev.png) no-repeat;
    right: 120px;
}

.sliderRev:after {
    position: absolute;
    right: 190px;
    bottom: -17px;
    height: 1px;
    width: 1000px;
    background: #0055b9;
    content: '';
}

.sliderRev:before {
    position: absolute;
    content: url(../images/revDecore.png);
    left: calc(100% + 55px);
    top: -125px;
}

.revSlide {
    padding: 0 50px;
}

.revSlide .txtBlock {
    margin-bottom: 5px;
}

.revSlide .txtBlock p {
    position: relative;
    text-align: justify;
}

.revSlide .autorBlock .imgW {
    background: #fff;
    border-radius: 50%;
    width: 95px;
    height: 95px;
    border: 1px solid #0055b9;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3px;
    overflow: hidden;
    margin-right: 25px;
}

.revSlide .autorBlock p {
    line-height: 1;
    font-family: "Roboto-Bold";
}

.revSlide .autorBlock p.name {
    font-size: 24px;
}

.revSlide .autorBlock p.date {
    margin-bottom: 0;
}


/*End revBlock*/


/*carsBlock*/

.carsBlock {
    margin-bottom: 30px;
}

.carsBlock img {
    max-width: 100%;
}

.nucCB {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.nucCB span {
    position: absolute;
    left: 0;
    font-family: "Roboto-Bold";
    color: #fff;
    padding: 10px 20px;
    width: 150px;
    background: #0055b9;
    bottom: 20px;
}

.nucCB img {
    transition: all 0.3s;
}

.nucCB:hover img {
    transform: scale(1.2);
}


/*ModalCar*/

.modalInfo {
    width: 1140px;
    background: #fff;
    margin: auto;
}

.modalInfo .wrapTopLine {
    padding: 30px 35px 15px;
    background-color: #0055b9;
    min-height: 90px;
    position: relative;
    z-index: 1;
}

.modalInfo .wrapTopLine p.name {
    font-size: 22px;
    color: #fff;
    font-family: "Roboto-Bold";
}

.modalInfo .wrapImgSliderCar {
    padding: 10px 35px;
    margin-bottom: 10px;
    border-bottom: 1px solid #bbc0c7;
}

.modalInfo .txtBlock {
    padding: 10px 35px 20px;
}

.bigImgSlider,
.rightBlock {
    padding: 0 10px;
}

.bigImgSlider {
    width: 75%;
}

.bigImgSlider img {
    max-width: 100%;
}

.rightBlock img {
    max-height: 100%;
}

.bigImgSlide {
    display: none;
    position: relative;
}

.bigImgSlide.active {
    display: block;
}

.rightBlock {
    width: 25%;
}

.miniImgSlide {
    position: relative;
}

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

.rightBlock .miniImgSlide {
    width: 48%;
    overflow: hidden;
    height: 100px;
    margin-bottom: 8px;
    text-align: center;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.miniImgSlide.active:before {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.5);
    content: url(../images/searchCar.png);
}


/*End modalCer*/


/*End carsBlock*/


/*newsBlock*/

.newsBlock {
    margin-bottom: 30px;
}

.wrapNews {
    margin-bottom: 30px;
}

.nucNews {
    width: 32%;
}

.nucNews .topNews {
    margin-bottom: 20px;
}

.nucNews p {
    margin-bottom: 0;
    text-align: justify;
}

.nucNews .topNews a {
    display: block;
    margin-right: 15px;
    color: #fff;
    min-width: 180px;
    text-align: center;
    padding: 10px 20px;
    background: #0055b9;
}

.allNews {
    display: inline-block;
    position: relative;
    font-family: "Roboto-Bold";
    width: 265px;
    color: #000;
    border-radius: 3px;
    text-align: center;
    border: 1px solid #0055b9;
    padding: 12px 10px;
    transition: all 0.3s;
}

.allNews:hover {
    background: #0055b9;
    color: #fff;
}

.allNews:before {
    position: absolute;
    width: 1700px;
    height: 1px;
    right: calc(100% + 30px);
    content: '';
    top: 50%;
    background: #0055b9;
}


/*End newsBlock*/


/*popularMark*/

.popularMark {
    margin-bottom: 30px;
}

.sliderPM {
    position: relative;
    padding: 0 15px;
}

.sliderPM .slick-arrow {
    position: absolute;
    width: 11px;
    height: 21px;
    top: calc(50% - 10px);
    font-size: 0;
    z-index: 2;
    border: none;
}

.pmSlide {
    text-align: center;
}

.pmSlide .imgW {
    display: inline-flex;
    align-items: center;
    max-width: 95%;
    height: 70px;
    padding-bottom: 0;
    transition: all 0.3s;
}

.pmSlide:hover .imgW {
    padding-bottom: 10px;
}

.pmSlide .imgW img {
    max-width: 100%;
    max-height: 100%;
}

.sliderPM .slick-prev {
    background: url(../images/slidePrevN.png) no-repeat;
    left: 0;
}

.sliderPM .slick-next {
    background: url(../images/slideNextN.png) no-repeat;
    right: 0;
}


/*End popularMark*/


/*callbackFormBlock*/

.callbackFormBlock {
    background: url(../images/callbackFormBlockBg.png) no-repeat center;
    height: 382px;
    padding-top: 65px;
    margin-bottom: 45px;
}

.callbackFormBlock .txtBlock {
    width: 360px;
}

.callbackFormBlock .txtBlock p {
    color: #fff;
}

.callbackFormBlock .txtBlock p.name {
    font-size: 30px;
    font-family: "Roboto-Bold";
    line-height: 1;
    margin-bottom: 25px;
}

.callbackFormBlock .txtBlock button {
    width: 265px;
    color: #fff;
    display: block;
    margin-top: 15px;
    border-radius: 3px;
    background: none;
    text-align: center;
    border: 1px solid #fff;
    padding: 12px 10px;
}


/*End callbackFormBlock*/


/*partBlock*/

.partBlock {
    margin-bottom: 20px;
}

.sliderPart {
    position: relative;
    padding: 0 15px;
}

.sliderPart .slick-arrow {
    position: absolute;
    width: 11px;
    height: 21px;
    top: calc(50% - 10px);
    font-size: 0;
    z-index: 2;
    border: none;
}

.partSlide {
    text-align: center;
}

.partSlide .imgW {
    display: inline-flex;
    align-items: center;
    max-width: 95%;
    height: 80px;
}

.partSlide .imgW img {
    max-width: 100%;
    max-height: 100%;
}

.sliderPart .slick-prev {
    background: url(../images/slidePrevN.png) no-repeat;
    left: 0;
}

.sliderPart .slick-next {
    background: url(../images/slideNextN.png) no-repeat;
    right: 0;
}


/*End partBlock*/


/*footer*/

footer {
    padding: 25px 0 35px;
    background: repeating-linear-gradient(-45deg, #000000, #000000 2px, #292929 2px, #292929 8px);
}

footer p,
footer a {
    color: #fff;
    color: #fff;
}

footer a:hover {
    color: #fff;
    text-decoration: underline;
}

.leftFooter a {
    text-decoration: underline;
}

.leftFooter {
    height: 100%;
}

.leftFooter .copyright a {
    text-decoration: none;
}

.rightFooter .phone {
    font-size: 24px;
    font-family: "Roboto-Bold";
    padding-left: 30px;
    background: url(../images/iconPhone.png) no-repeat left center;
    margin-bottom: 15px;
    line-height: 1;
}

.rightFooter .nav {
    padding-left: 30px;
    background: url(../images/iconNav.png) no-repeat left center;
}

.leftInfoF {
    margin-right: 50px;
}

.rightInfoF .callback-toggle {
    width: 265px;
    font-family: "Roboto-Bold";
    color: #fff;
    border-radius: 3px;
    background: #0055b9;
    text-align: center;
    border: 1px solid #0055b9;
    padding: 12px 10px;
    transition: all 0.3s;
}

.rightInfoF .callback-toggle:hover {
    background: #002d7c;
}

.rightInfoF .callback-toggle2 {
    font-size: 16px;
    font-family: "Roboto-Bold";
    color: #fff;
    background: url(../images/cbH.png) no-repeat left center;
    border: none;
    text-decoration: underline;
    padding: 3px 0 3px 30px;
}

.searchBlock {
    margin-top: 20px;
}

.searchBlock form {
    width: 100%;
}

.searchBlock form input {
    color: #fff;
    width: 100%;
    border-radius: 3px;
    background: rgba(255, 255, 255, 0.3);
    border: none;
    padding: 12px 15px;
    box-sizing: border-box;
}


/*End footer*/


/*modalForm*/

.modalForm.callback-modal {
    width: 1188px;
    height: 566px;
    max-width: 1188px;
    background: url(../images/modalBg.png) no-repeat;
    border-radius: 0;
    padding: 35px 60px 0;
}

.modalForm .callback-modal__form {
    width: 650px;
}

.modalForm .callback-modal__form input,
.modalForm .callback-modal__form textarea {
    width: 100%;
    border-radius: 5px;
    padding: 12px 20px;
    background: rgba(255, 255, 255, 0.7);
    color: #000;
    font-size: 16px;
    font-family: "Roboto-Light";
    border: none;
    margin-bottom: 15px;
}

.modalForm .callback-modal__form input::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #000;
    opacity: 1;
}

.modalForm .callback-modal__form input::-moz-placeholder {
    /* Firefox 19+ */
    color: #000;
    opacity: 1;
}

.modalForm .callback-modal__form input:-ms-input-placeholder {
    /* IE 10+ */
    color: #000;
    opacity: 1;
}

.modalForm .callback-modal__form input:-moz-placeholder {
    /* Firefox 18- */
    color: #000;
    opacity: 1;
}

.modalForm .callback-modal__form textarea::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #000;
    opacity: 1;
}

.modalForm .callback-modal__form textarea::-moz-placeholder {
    /* Firefox 19+ */
    color: #000;
    opacity: 1;
}

.modalForm .callback-modal__form textarea:-ms-input-placeholder {
    /* IE 10+ */
    color: #000;
    opacity: 1;
}

.modalForm .callback-modal__form textarea:-moz-placeholder {
    /* Firefox 18- */
    color: #000;
    opacity: 1;
}

.modalForm .callback-modal__headline {
    text-align: left;
    color: #fff;
    font-size: 30px;
    font-family: "Roboto-Bold";
    margin-bottom: 25px;
}

.wrapTA {
    position: relative;
}

#fileFF {
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    line-height: 0;
    position: absolute;
    right: 0;
    bottom: 0;
}

#checkMF {
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    line-height: 0;
    opacity: 0;
    position: absolute;
}

.modalForm label {
    position: relative;
    padding-left: 50px;
    font-weight: normal;
}

.modalForm label,
.modalForm label a {
    font-size: 16px;
    font-family: "Roboto-Light";
    color: #fff;
}

.modalForm label a {
    text-decoration: underline;
}

#checkMF:checked+label::before {
    font-size: 39px;
    color: #000;
    text-align: center;
    content: "\2713";
    line-height: 36px;
    font-family: "Roboto-Bold";
}

.modalForm form label.callback-modal__concert-label::before {
    content: '';
    position: absolute;
    left: 0;
    top: calc(50% - 20px);
    width: 40px;
    height: 40px;
    background: rgba(255, 255, 255, 0.7);
    border-radius: 3px;
}

.modalForm .callback-modal__button {
    border-radius: 5px;
    background: none;
    border: 3px solid #fff;
    text-align: center;
    font-size: 16px;
    font-family: "Roboto-Bold";
    color: #fff;
    padding: 11px;
    width: 265px;
}

.modalForm .labelFile {
    cursor: pointer;
    font-size: 16px;
    font-family: "Roboto-Light";
    color: #000;
    background: rgba(255, 255, 255, 0.7);
    border-radius: 5px;
    width: 265px;
    padding: 11px 15px;
    font-weight: normal;
    /* position: absolute; */
    bottom: 13px;
    right: 0;
}

.flexst {
    /* flex-direction: column; */
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.flexEn {
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
}

.modalForm .labelFile:after {
    position: absolute;
    content: url(../images/aftFile.png);
    right: 0;
    top: 0;
}


/*End modalForm*/


/*insidePage*/

.item-page {
    padding: 20px 0 40px;
}

.wrapContAndMain {
    padding-top: 15px;
    align-items: flex-start;
}

.item-page h1:after {
    display: none;
}

.wrapLeftBlock {
    width: 265px;
}

.wrapLeftBlock ul {
    border: 1px solid #c1c1c1;
    margin-bottom: 27px;
}

.wrapLeftBlock ul li a {
    display: block;
    color: #000;
    padding: 12px 30px;
    border-bottom: 1px solid #c1c1c1;
    transition: all 0.3s;
}

.wrapLeftBlock ul li a:hover {
    background: #eee;
    text-decoration: none;
}

.wrapLeftBlock ul li:last-child a {
    border-bottom: none;
}

.wrapCont {
    width: calc(100% - 305px);
}

.breadcrumbs {
    display: flex;
    justify-content: flex-start;
    margin: 0;
}

.breadcrumbs a {
    text-decoration: underline;
    color: #000;
}

.breadcrumbs span {
    color: #000;
    font-size: "Roboto-Light";
    font-size: 16px;
}

.breadcrumbs span.divider {
    margin: 0 3px;
}

.wrapCont .nucBM {
    margin-bottom: 7px;
}

.wrapButtLeft {
    border-radius: 3px;
    border: 1px solid #0055b9;
    padding: 7px;
    margin-bottom: 10px;
    cursor: pointer;
}

.wrapButtLeft span {
    display: block;
    font-size: 16px;
    line-height: 1.2;
    color: #0055b9;
    font-family: "Roboto-Light";
}

.wrapButtLeft span.imgW {
    margin-right: 25px;
    width: 49px;
    text-align: center;
}


/*End insidePage*/

.mobileMainWrap {
    display: none;
}

.topSlide img {
    left: 50%;
    position: relative;
    margin-left: calc(-1920px / 2);
}


/**/

.modalForm .callback-modal__form textarea {
    padding: 30px 20px;
}

.numBlock .num2 {
    font-size: 15px;
    font-family: "Roboto-Black";
    color: #bfc2cb;
    margin-right: 5px;
    margin-left: 12px;
    margin-bottom: 7px;
}

.flexnum {
    display: flex;
    align-items: flex-end;
}


/* --- Media styles --- */

@media screen and (min-width:1200px) {}

@media screen and (max-width:1199px) {
    header .container {
        width: 100%;
    }
    .mainBlock ul li a {
        padding: 10px 15px;
    }
    .sliderTop .txtBlock {
        left: 75px;
    }
    .minislog {
        margin-right: 10px;
    }
    .numBlock p {
        font-size: 20px;
    }
    .preBlock p {
        padding-left: 5px;
        padding-right: 5px;
    }
    .nucBM {
        width: 231px;
    }
    .nucBM .imgW {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
    .bannerMainBlock .allServ {
        margin: auto;
        display: block;
    }
    .bannerMainBlock .allServ:before {
        display: none;
    }
    .sliderRev {
        width: 640px;
        margin-left: 0;
    }
    .nucNews {
        width: 31%;
    }
    .leftInfoF {
        margin-right: 10px;
    }
    .carsBlock.flexSB {
        display: block;
    }
    .modalInfo {
        width: 100%;
    }
    .topSlide img {
        position: relative;
        right: calc((1920px - 100%) - 400px);
        left: unset;
        margin-left: unset;
    }
    .contentBlock {
        padding: 0 15px;
    }
    .contentBlock .container {
        width: 100%;
    }
    .item-page .wrapBM {
        justify-content: flex-start;
    }
    .item-page .wrapBM .nucBM {
        width: 24%;
        margin-right: 0.5%;
    }
}

@media screen and (max-width:1024px) {}

@media screen and (max-width:991px) {
    .wrapLeftBlock {
        width: 220px;
    }
    .wrapCont {
        width: calc(100% - 230px);
    }
    .sliderTop .slick-dots {
        display: flex;
        justify-content: center;
        margin: 10px 0;
    }
    .sliderTop .slick-dots button {
        width: 13px;
        height: 13px;
        margin: 8px 6px;
        background-color: #333;
        border: 1px solid #ccc;
        display: block;
        border-radius: 50%;
        font-size: 0;
        padding: 0;
    }
    .sliderTop .slick-dots .slick-active button {
        background: #0055b9;
    }
    .wrapPre.flexStart {
        display: block;
    }
    .infoBlockH .infoHeadBlock {
        display: none;
    }
    .mainBlock .container {
        width: 100%;
    }
    .mainBlock {
        padding: 0 15px;
    }
    .mobileMainWrap {
        display: inline-flex;
        align-items: center;
        justify-content: flex-start;
        padding: 10px 15px;
    }
    .mobileMainWrap p {
        font-size: 18px;
        font-family: "Roboto-Light";
        line-height: 1;
        color: #fff;
        margin: 0 10px 0 0;
    }
    .mobileMainWrap .burger {
        height: 20px;
        width: 30px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .mobileMainWrap .burger .line {
        background: #fff;
        height: 2px;
        width: 100%;
    }
    .mainBlock {
        position: relative;
    }
    .mainBlock ul {
        display: none;
        position: absolute;
        width: 100%;
        top: 100%;
        left: 0;
        z-index: 15;
        background: #1b6fd1;
    }
    .mainBlock ul li:first-child {
        border-top: 1px solid #fff;
    }
    .mainBlock ul li {
        border-bottom: 1px solid #fff;
    }
    .slick-initialized .slick-slide.nucPre {
        display: flex;
    }
    .aboutUsBlock {
        display: none;
    }
    .wrapBM {
        justify-content: flex-start;
    }
    .wrapBM .nucBM {
        margin-right: 20px;
        margin-bottom: 20px;
    }
    .wrapBM .nucBM:nth-child(3n) {
        margin-right: 0;
    }
    .sliderRev {
        width: 100%;
    }
    .sliderRev::before {
        display: none;
    }
    .wrapNews {
        flex-wrap: wrap;
    }
    .wrapNews .nucNews {
        width: 100%;
        margin-bottom: 30px;
    }
    .callbackFormBlock {
        background: url(../images/callbackFormBlockBg.png) no-repeat right;
    }
    .infoBlockF {
        flex-direction: column;
    }
    .leftInfoF {
        margin-right: 0;
        margin-bottom: 10px;
    }
    .rightInfoF .callback-toggle {
        margin-bottom: 10px;
    }
    .rightInfoF .callback-toggle2 {
        text-align: left;
    }
    .item-page .wrapBM .nucBM {
        width: 211px;
        margin-right: 0.5%;
    }
}

@media screen and (max-width:905px) {
    .wrapLeftBlock ul li a {
        padding: 10px 5px;
    }
    .wrapLeftBlock {
        width: 170px;
    }
    .wrapCont {
        width: calc(100% - 180px);
    }
    .item-page .wrapBM .nucBM {
        width: 32%;
    }
}

@media screen and (max-width:767px) {
    .modalForm.callback-modal {
        max-width: 100%;
        background: #0055b9;
        padding: 30px 15px 0;
    }
    .modalForm .callback-modal__form {
        width: 100%;
    }
    .modalForm .callback-modal__headline br,
    .modalForm label br {
        display: none;
    }
    .modalForm .callback-modal__headline {
        font-size: 22px;
    }
    .wrapLeftBlock {
        display: none;
    }
    .wrapCont {
        width: 100%;
    }
    .item-page .wrapBM {
        justify-content: space-between;
    }
    .item-page .wrapBM .nucBM {
        width: 49%;
    }
    .wrapBM {
        justify-content: center;
    }
    .wrapBM .nucBM:nth-child(n) {
        margin-right: 5px;
        margin-bottom: 5px;
    }
    .wrapHeader .logo img {
        max-width: 100%;
    }
    .wrapHeader .logo {
        max-width: 300px;
        padding-right: 25px;
    }
    .infoHeadWrap .callback-toggle2 {
        font-size: 0;
        height: 20px;
    }
    .sliderTop .txtBlock {
        left: 10px;
    }
    .preBlock {
        margin-bottom: 20px;
    }
    .callbackFormBlock {
        margin-bottom: 0px;
    }
    .modalInfo .wrapImgSliderCar {
        padding: 10px 0px;
    }
    .bigImgSlider {
        width: 70%;
    }
    .rightBlock {
        width: 30%;
    }
    .leftFooter .txtBlock {
        display: none;
    }
    .wrapFooter .leftFooter {
        margin-bottom: 20px;
    }
    .wrapFooter {
        flex-direction: column;
        align-items: center;
    }
    footer {
        padding: 25px 10px 35px;
    }
    .logoF {
        max-width: 90%;
    }
    .logoF img {
        max-width: 100%;
    }
    .infoBlockH {
        margin-left: 10px;
    }
}

@media screen and (max-width:675px) {}

@media screen and (max-width:640px) {
    .wrapImgSliderCar {
        flex-direction: column;
    }
    .bigImgSlider {
        width: 100%;
        margin-bottom: 15px;
    }
    .rightBlock {
        width: 100%;
    }
    .rightBlock .miniImgSlider {
        justify-content: space-around;
    }
    .rightBlock .miniImgSlide {
        width: auto;
    }
}

@media screen and (max-width:520px) {
    .nucPre {
        justify-content: center;
    }
    .flexst {
        margin-bottom: 20px;
        flex-direction: column;
    }
}

@media screen and (max-width:485px) {
    .modalForm .labelFile {
        padding: 0
    }
    .modalForm .labelFile:after {
        display: none;
    }
    .wrapHeader .logo {
        max-width: 225px;
    }
    .sliderTop .txtBlock {
        min-height: 1px;
        padding-bottom: 50px;
    }
    .sliderTop .txtBlock p.name {
        font-size: 32px;
        font-family: "Roboto-Bold";
    }
    .wrapBM .nucBM:nth-child(n) {
        margin-right: 0px;
        margin-bottom: 5px;
    }
    .nucBM {
        width: 49%;
    }
    .wrapBM {
        padding: 0 5px;
        justify-content: space-between;
    }
    .modalForm .callback-modal__form input,
    .modalForm .callback-modal__form textarea {
        padding: 8px 12px;
    }
    .modalForm .callback-modal__form textarea {
        padding-bottom: 45px;
    }
    .modalForm label,
    .modalForm label a {
        font-size: 14px;
    }
    .mfp-close-btn-in .mfp-close {
        color: #fff;
    }
}

@media screen and (max-width:450px) {
    .partBlock {
        margin-top: -10px;
    }
    .nucBM span.txtBM {
        padding: 10px 5px;
        font-size: 14px;
    }
}

@media screen and (max-width:400px) {
    .sliderTop .txtBlock p {
        font-size: 22px;
    }
    .sliderTop .txtBlock {
        padding: 20px 10px 50px;
    }
    .sliderTop .txtBlock p.name {
        font-size: 26px;
        margin-bottom: 5px;
    }
    .sliderTop .txtBlock p {
        font-size: 18px;
    }
}

@media screen and (max-width:385px) {
    .nucBM .imgW {
        height: 165px;
    }
    .rightBlock .miniImgSlide {
        width: 49%;
    }
    .modalForm .callback-modal__headline {
        font-size: 18px;
    }
}


/*  */

.sectionSpaced {
    margin-top: 35px;
    margin-bottom: 35px;
}

@media (max-width: 767px) {
    .sectionSpaced {
        margin-top: 20px;
        margin-bottom: 20px;
    }
}

.sectionHeadingRow {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    width: 100%;
}

.advantagesSection .advantagesGrid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 40px;
    align-items: start;
    width: 100%;
}

.advantageItem {
    display: flex;
    flex-direction: column;
    gap: 5px;
    align-items: flex-start;
    text-align: left;
}

.advantageItemHeader {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 5px;
    width: 100%;
    margin-bottom: 10px;
}

.advantageIcon {
    width: 30px;
    height: 30px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.advantageIcon img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}

.advantageLabel {
    background-color: #0055b9;
    color: #fff;
    font-family: "Roboto-Bold", "Roboto", sans-serif;
    font-size: 15px;
    line-height: 1.6;
    text-align: left;
    white-space: normal;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    padding: 4px 10px;
    box-sizing: border-box;
    min-width: 0;
    flex: 0 1 auto;
    width: 100%;
}

@media (min-width: 992px) {
    .advantageLabel {
        white-space: nowrap;
        padding: 0 8px;
    }
}

.advantageLabel_height30 {
    min-height: 30px;
}

.advantageLabel_height28 {
    min-height: 28px;
}

.advantageText {
    font-family: "Roboto-Light", "Roboto", sans-serif;
    font-size: 16px;
    line-height: 1.3;
    color: #000;
    margin: 0;
    max-width: none;
    width: 100%;
}

.comparisonSlider {
    margin-top: 0;
    margin-bottom: 40px;
}

.comparisonSliderViewport {
    position: relative;
    width: 100%;
    max-width: 1166px;
    margin-left: auto;
    margin-right: auto;
    aspect-ratio: 1166 / 653;
    max-height: min(85vh, 653px);
    height: auto;
    min-height: 220px;
    overflow: hidden;
    cursor: grab;
    user-select: none;
    touch-action: none;
}

.comparisonSliderViewport.isDragging {
    cursor: grabbing;
}

.comparisonSliderAfter {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
    pointer-events: none;
}

.comparisonSliderBeforeClip {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 50%;
    overflow: hidden;
    z-index: 2;
    pointer-events: none;
}

.comparisonSliderBefore {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 1166px;
    max-width: none;
    object-fit: cover;
    object-position: center;
    display: block;
}


/* Ручка: экспорт из Figma (Frame 40, 65×653), тянется по высоте вьюпорта */

.comparisonSliderHandle {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 65px;
    max-width: 12%;
    height: 100%;
    z-index: 4;
    cursor: ew-resize;
    pointer-events: auto;
    touch-action: none;
}

.comparisonSliderHandleArt {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: fill;
    object-position: center;
    pointer-events: none;
    user-select: none;
}

.comparisonSliderHandle:focus {
    outline: 2px solid #0055b9;
    outline-offset: 2px;
}

.comparisonSliderHandle:focus:not(:focus-visible) {
    outline: none;
}

.projectsFooterRow {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 16px 24px;
}

.projectsFooterLine {
    flex: 1;
    min-width: 40px;
    height: 1px;
    position: relative;
}

.projectsFooterLine img {
    display: block;
    width: 100%;
    height: auto;
}

.viewAllWorksBtn {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 266px;
    max-width: 100%;
    padding: 10px;
    border: 1px solid #0055b9;
    border-radius: 2px;
    background: #fff;
    font-family: "Roboto-Bold", "Roboto", sans-serif;
    font-size: 16px;
    line-height: 1.6;
    color: #000;
    text-decoration: none;
    cursor: pointer;
    transition: background 0.2s, color 0.2s;
}

.viewAllWorksBtn:hover {
    background: #0055b9;
    color: #fff;
}

.faqSection .faqInner {
    max-width: 1148px;
    margin: 0 auto;
}

@media (max-width: 1199.98px) {
    .faqSection .faqInner {
        max-width: 100%;
    }
}

.faqAccordion {
    display: flex;
    flex-direction: column;
    gap: 19px;
    width: 100%;
}

.faqItem {
    width: 100%;
}

.faqQuestion {
    background-color: #0055b9;
    min-height: 69px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 22px;
    box-sizing: border-box;
    cursor: pointer;
    width: 100%;
}

.faqQuestionInner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    width: 100%;
    max-width: 1103px;
}

.faqQuestionText {
    font-family: "Roboto-Bold", "Roboto", sans-serif;
    font-size: 16px;
    line-height: 1.6;
    color: #fff;
    margin: 0;
    flex: 1;
    text-align: left;
}

.faqChevronWrap {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
}

.faqChevron {
    display: block;
    width: 10px;
    height: auto;
    transition: transform 0.25s ease;
    transform: rotate(0deg);
}

.faqItem_isOpen .faqChevron {
    transform: rotate(90deg);
}

.faqAnswer {
    display: none;
    border: 1px solid #0055b9;
    border-top: none;
    padding: 10px 22px;
    box-sizing: border-box;
    justify-content: center;
}

.faqAnswerInner {
    max-width: 1104px;
    width: 100%;
}

.faqAnswerText {
    font-family: "Roboto-Light", "Roboto", sans-serif;
    font-size: 16px;
    line-height: 1.3;
    color: #000;
    margin: 0;
}

.faqItem_isOpen .faqAnswer {
    display: flex;
}


/* ---------- Адаптив (Bootstrap-совместимые брейкпоинты) ---------- */

@media (max-width: 1199px) {
    .advantagesSection .advantagesGrid {
        gap: 28px;
    }
}

@media (max-width: 991px) {
    .advantagesSection .advantagesGrid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 24px;
        row-gap: 0;
    }
    .faqQuestionInner {
        max-width: 100%;
    }
}

@media (max-width: 767px) {
    .sectionHeadingRow {
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
        margin-bottom: 28px;
    }
    .projectsFooterRow {
        flex-direction: column;
        align-items: stretch;
    }
    .projectsFooterLine {
        display: none;
    }
    .viewAllWorksBtn {
        width: 100%;
        max-width: none;
    }
    .faqQuestion {
        min-height: 0;
        padding: 12px 16px;
    }
    .faqAnswer {
        padding: 12px 16px;
    }
    .faqQuestionText {
        font-size: 15px;
    }
}

@media (max-width: 575.98px) {
    .advantagesSection .advantagesGrid {
        grid-template-columns: 1fr;
        gap: 24px;
    }
    .comparisonSliderViewport {
        min-height: 200px;
        max-height: 75vh;
    }
}

.bodyRepairPage .contentBlock {
    padding-top: 24px;
    padding-bottom: 48px;
}

.bodyRepairBreadcrumbs {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 5px;
    font-family: "Roboto-Light", "Roboto", sans-serif;
    font-size: 16px;
    line-height: 1.6;
    color: #000;
    margin: 0 0 9px;
}

.bodyRepairBreadcrumbs a {
    color: #000;
    text-decoration: underline;
}

.bodyRepairBreadcrumbs a:hover {
    color: #0055b9;
}

.bodyRepairBreadcrumbsSep {
    user-select: none;
}

.bodyRepairTitle {
    font-family: "Roboto-Bold", "Roboto", sans-serif;
    font-size: 24px;
    line-height: 1.6;
    color: #000;
    margin: 0 0 9px;
}

.bodyRepairIntro {
    font-family: "Roboto-Light", "Roboto", sans-serif;
    font-size: 16px;
    line-height: 1.6;
    color: #000;
    margin: 0 0 18px;
    max-width: 100%;
}

.bodyRepairIntro p {
    margin: 0 0 0.6em;
}

.bodyRepairIntro p:last-child {
    margin-bottom: 0;
}

.bodyRepairBrandsWrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 18px;
    width: 100%;
    margin-top: 20px;
}

.bodyRepairBrandGrid {
    display: flex;
    flex-direction: column;
    gap: 17px;
    width: 100%;
}

.bodyRepairBrandRow,
.bodyRepairBrandRowExtra {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 17px 12px;
    width: 100%;
}

.bodyRepairBrandRowExtra {
    display: none;
}

.bodyRepairBrandGrid.isExpanded .bodyRepairBrandRowExtra {
    display: flex;
}

.bodyRepairBrandCard {
    display: flex;
    flex-direction: column;
    width: 188px;
    max-width: calc(50% - 8px);
    flex: 0 1 188px;
}

.bodyRepairBrandPhoto {
    position: relative;
    width: 100%;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    border: 1px solid #0055b9;
    background: #8d8d8d;
    box-sizing: border-box;
}

.bodyRepairBrandCard_renault .bodyRepairBrandPhoto {
    background: #fff;
}

.bodyRepairBrandPhoto img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
}

.bodyRepairBrandLabel {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 30px;
    background: #0055b9;
    font-family: "Roboto-Bold", "Roboto", sans-serif;
    font-size: 16px;
    line-height: 1.6;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    padding: 2px 6px;
    box-sizing: border-box;
}

.bodyRepairShowMore {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    margin: 0;
    padding: 8px 4px;
    border: none;
    background: transparent;
    cursor: pointer;
    font-family: "Roboto-Light", "Roboto", sans-serif;
    font-size: 13px;
    line-height: 1.6;
    color: #0055b9;
}

.bodyRepairShowMore:hover {
    text-decoration: underline;
}

.bodyRepairShowMore:focus {
    outline: 2px solid #0055b9;
    outline-offset: 2px;
}

.bodyRepairShowMore:focus:not(:focus-visible) {
    outline: none;
}

.bodyRepairShowMoreIcon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 10px;
    height: 6px;
    flex-shrink: 0;
    transition: transform 0.2s ease;
}

.bodyRepairShowMore.isOpen .bodyRepairShowMoreIcon {
    transform: rotate(180deg);
}

@media (min-width: 768px) {
    .bodyRepairBrandCard {
        max-width: calc(25% - 12px);
    }
}

@media (max-width: 479px) {
    .bodyRepairBrandCard {
        max-width: 100%;
        flex: 1 1 100%;
    }
    .bodyRepairBrandRow,
    .bodyRepairBrandGrid.isExpanded .bodyRepairBrandRowExtra {
        justify-content: center;
    }
}

.bodyRepairPage .contentBlock {
    padding-top: 24px;
    padding-bottom: 48px;
}

.bodyRepairBreadcrumbs {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 5px;
    font-family: "Roboto-Light", "Roboto", sans-serif;
    font-size: 16px;
    line-height: 1.6;
    color: #000;
    margin: 0 0 9px;
}

.bodyRepairBreadcrumbs a {
    color: #000;
    text-decoration: underline;
}

.bodyRepairBreadcrumbs a:hover {
    color: #0055b9;
}

.bodyRepairBreadcrumbsSep {
    user-select: none;
}

.bodyRepairTitle {
    font-family: "Roboto-Bold", "Roboto", sans-serif;
    font-size: 24px;
    line-height: 1.6;
    color: #000;
    margin: 0 0 9px;
}

.bodyRepairIntro {
    font-family: "Roboto-Light", "Roboto", sans-serif;
    font-size: 16px;
    line-height: 1.6;
    color: #000;
    margin: 0 0 18px;
    max-width: 100%;
}

.bodyRepairIntro p {
    margin: 0 0 0.6em;
}

.bodyRepairIntro p:last-child {
    margin-bottom: 0;
}

.bodyRepairBrandsWrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 18px;
    width: 100%;
}

.bodyRepairBrandGrid {
    display: flex;
    flex-direction: column;
    gap: 17px;
    width: 100%;
}

.bodyRepairBrandRow,
.bodyRepairBrandRowExtra {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 17px 12px;
    width: 100%;
}

.bodyRepairBrandRowExtra {
    display: none;
}

.bodyRepairBrandGrid.isExpanded .bodyRepairBrandRowExtra {
    display: flex;
}

.bodyRepairBrandCard {
    display: flex;
    flex-direction: column;
    width: 188px;
    max-width: calc(50% - 8px);
    flex: 0 1 188px;
}

.bodyRepairBrandPhoto {
    position: relative;
    width: 100%;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    border: 1px solid #0055b9;
    background: #8d8d8d;
    box-sizing: border-box;
}

.bodyRepairBrandCard_renault .bodyRepairBrandPhoto {
    background: #fff;
}

.bodyRepairBrandPhoto img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
}

.bodyRepairBrandLabel {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 30px;
    background: #0055b9;
    font-family: "Roboto-Bold", "Roboto", sans-serif;
    font-size: 16px;
    line-height: 1.6;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    padding: 2px 6px;
    box-sizing: border-box;
}

.bodyRepairShowMore {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    margin: 0;
    padding: 8px 4px;
    border: none;
    background: transparent;
    cursor: pointer;
    font-family: "Roboto-Light", "Roboto", sans-serif;
    font-size: 13px;
    line-height: 1.6;
    color: #0055b9;
}

.bodyRepairShowMore:hover {
    text-decoration: underline;
}

.bodyRepairShowMore:focus {
    outline: 2px solid #0055b9;
    outline-offset: 2px;
}

.bodyRepairShowMore:focus:not(:focus-visible) {
    outline: none;
}

.bodyRepairShowMoreIcon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 10px;
    height: 6px;
    flex-shrink: 0;
    transition: transform 0.2s ease;
}

.bodyRepairShowMore.isOpen .bodyRepairShowMoreIcon {
    transform: rotate(180deg);
}

.bodyRepairStages {
    margin-top: 20px;
    padding: 0;
    border: 0;
}

.bodyRepairStagesGrid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 49px;
    row-gap: 30px;
}

.bodyRepairStagesTitle {
    margin: 0 0 20px;
}

.bodyRepairStageCard {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.bodyRepairStageHead {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0;
    min-height: 54px;
}

.bodyRepairStageIcon {
    width: 49px;
    height: 49px;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.bodyRepairStageIcon img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.bodyRepairStageTitle {
    margin: 0;
    font-family: "Roboto-Bold", "Roboto", sans-serif;
    font-size: 24px;
    line-height: 1.25;
    color: #0055b9;
    letter-spacing: normal;
    max-width: 294px;
}

.bodyRepairStageText {
    margin: 0;
    font-family: "Roboto-Regular", "Roboto", sans-serif;
    font-size: 16px;
    line-height: 1.6;
    color: #000;
}

@media (min-width: 768px) {
    .bodyRepairBrandCard {
        max-width: calc(25% - 12px);
    }
}

@media (max-width: 1279px) {
    .bodyRepairStagesGrid {
        column-gap: 28px;
    }
}

@media (max-width: 991px) {
    .bodyRepairStages {
        margin-top: 20px;
    }
    .bodyRepairStagesGrid {
        grid-template-columns: 1fr;
        row-gap: 20px;
    }
}

@media (max-width: 479px) {
    .bodyRepairBrandCard {
        max-width: 100%;
        flex: 1 1 100%;
    }
    .bodyRepairBrandRow,
    .bodyRepairBrandGrid.isExpanded .bodyRepairBrandRowExtra {
        justify-content: center;
    }
    .bodyRepairStageHead {
        gap: 10px;
    }
    .bodyRepairStageIcon {
        width: 32px;
        height: 32px;
    }
    .bodyRepairStageTitle {
        font-size: 20px;
        max-width: none;
    }
    .bodyRepairStageText {
        font-size: 15px;
        line-height: 1.5;
    }
}