@font-face {
    font-family: AktivGrotesk Regular;
    src: url("/css/fonts/AktivGroteskRegular.otf") format("opentype");
}
@font-face {
    font-family: AktivGrotesk Black;
    src: url("/css/fonts/AktivGroteskBlack.otf") format("opentype");
}
@font-face {
    font-family: AktivGrotesk Bold;
    src: url("/css/fonts/AktivGroteskBold.otf") format("opentype");
}
@font-face {
    font-family: AktivGrotesk Thin;
    src: url("/css/fonts/AktivGroteskThin.otf") format("opentype");
}
@font-face {
    font-family: AktivGrotesk Medium;
    src: url("/css/fonts/AktivGroteskMedium.otf") format("opentype");
}


body{margin: 0; padding: 0;font-family: 'AktivGrotesk Regular';color: #fff;font-size: 15px;background: #0e0e0e;}
.clr{clear: both;}
.nopadding{padding-left: 0 !important;padding-right: 0 !important;}
.whatsapp, .call {display: none;position: fixed;bottom: 20px;width: 65px;height: 65px;text-align: center;padding: 10px 0 5px;font-size: 20px;background: #00C960;margin: 15px auto;border-radius: 50%;z-index: 9999999999;}
.call i{color: #fff; font-size: 40px;padding-top: 2px;}
.whatsapp i{color: #fff; font-size: 45px;/*padding-top: 2px;*/}
.call{right: 20px;}
.whatsapp{left: 30px;}
.main_title{font-size: 26px;color: #3b4041;font-weight: 600;text-align: left;text-transform: uppercase;margin-bottom: 30px;}
._description{padding: 0 15px;}
.button{border-radius: 5px;letter-spacing: .5px;color: #000;font-family: AktivGrotesk Bold;background:#21a24d;margin: 15px auto 0;display: block;width: 100%;max-width: 280px;border: 2px solid #21a24d;padding: 10px 25px;font-size: 13px;line-height: 10px;text-transform: uppercase;cursor: pointer;text-align: center;}
.button:hover{background: transparent;color: #21a24d;}
.button a:hover{color: #21a24d;}
.section{padding: 50px 0;}
.h1, h1{letter-spacing: .5px;margin-bottom: 20px;}
.text-left{text-align: left !important;}
.text-white{color: #fff !important;position: relative;}
.sub_title{text-align: center;font-weight: 600;margin-bottom: 20px;font-size: 20px;}
.flex{display: -webkit-flex;-webkit-align-items: center;display: flex;align-items: center;justify-content: center;}
.mobile{display: none;}
.text-center{text-align: center;}
.after:after{content: '';width: 100%;display: table;}
iframe{width: 100%}
b{font-family: AktivGrotesk Bold}
a{text-decoration: none !important;color: #3b4041;cursor: pointer;}
img{width: 100%;}
img.zoom-size{transition: 1s;margin-bottom: 20px;}
img.zoom-size:hover{transform: scale(1.3);}
.h5, h5 {font-size: 1rem;}
.displaynone{display: none;}
.f8f8f8{background: #f8f8f8 !important;}
.overlay{position: absolute;width: 100%;height: 100%;left: 0;top: 0;background-color: rgba(0,0,0,0.8);}
.contacts-head{position: relative;}
ul{padding-inline-start: 15px;list-style: none;}
.list-style-none{list-style: none;padding-left: 0;}
.after:after{content: '';width: 100%;display: table;}


header.main_header{height: 100vh;position: relative;background: url(/img/header-bg.jpg) top;background-size: cover;}
header.main_header .overlay {background-color: rgb(22 22 22 / 90%);}
.enter-title .col-md-6{background: rgb(0 0 0 / 70%);padding: 15px;}
header{position: relative;}

.top-panel-content {position: fixed;z-index: 9;width: 100%;}

.top-panel2{background: #0e0e0e;color: #fff;position: relative;padding: 20px 0;}
.top-panel2 .logo img{width: 120px;}
.top-panel2 a{color: #fff;}
.top-panel2 i{font-size: 20px;margin-right: 10px;}
/*.top-panel2 .logo img{width: 70%;}*/
.top-panel2 .button{margin-top: 0px;padding: 10px;background: #21a24d;border: 2px solid #21a24d;}
.top-panel2 .button:hover{background: transparent;color: #21a24d;}
.top-panel2 .navbar-light .navbar-nav .nav-link{color: #333;font-family: 'AktivGrotesk Bold';text-transform: uppercase;font-size: 15px;}
.top-panel2 .navbar-light .navbar-nav .nav-link:hover;{color: #DB2C1D;}
.navbar{padding: 0px !important;}

.top-panel {padding: 15px 0;background: #151515;position: relative;color: #fff;font-family: AktivGrotesk Bold;}
.top-panel a{color: #fff;}
.top-panel a:hover{color: #21a24d;}
.top-panel img {width: 80px;}
.top-panel .contacts-content {text-align: right;}
.top-panel .contatcs-content .numbers-item {width: 50%;display: table-cell;vertical-align: middle;height: 100%;padding-bottom: 30px;}
.top-panel .button{border-radius: 5px;float: left;margin-top: 0;margin-left: 25px;max-width: 200px;color: #fff;padding: 12px;font-size: 13px;letter-spacing: .5px;}
.top-panel .button:hover{color: #DB2C1D;}
.top-panel .adress a{margin-right: 15px;}
.top-panel .contacts-content a{margin-right: 0;font-size: 20px;}
.top-panel .contacts-content a:nth-child(5){margin-right: 20px;color: #fff;font-family: 'AktivGrotesk Black';font-size: 19px;}
.top-panel .contacts-content a:first-child{margin-right: 20px;color: #fff;font-family: 'AktivGrotesk Black';font-size: 19px;}

/*Styling Links*/
.nav-links{display: flex;list-style: none;padding: 0 0.7vw;justify-content: space-evenly;align-items: center;text-transform: uppercase;margin-bottom: 0;}
.nav-links li a{text-decoration: none;padding: 10px;font-family: AktivGrotesk Bold;font-size: 13px;}
.nav-links li a:hover {color: #21a24d;}
.nav-links li {position: relative;}
.nav-links li a::before {content: "";display: block;height: 3px;width: 0%;background-color: #21a24d;position: absolute;transition: all ease-in-out 250ms;margin: 0 0 0 10%;top: -5px;}
.nav-links li a:hover::before{width: 80%;}
#btn-back-to-top {position: fixed;bottom: 20px;right: 20px;display: none;border: 1px solid #333;}
.btn-danger {color: #fff;background-color: #DB2C1D;border-color: #DB2C1D;}
.btn-danger:hover {color: #fff;background-color: #DB2C1D;border-color: #DB2C1D;}

.hamburger div{width: 30px;height:3px;background: #21a24d;margin: 5px;transition: all 0.3s ease;}
.hamburger{display: none;}

header .enter-title{top: calc((100vh - 167px) / 2);position: absolute;left: 0;right: 0;}
header .enter-title li a, header .enter-title li i, header .enter-title b{color: #1fb753;}
header .enter-title li a:hover{color: #21a24d !important;}
header .enter-title h1{color: #fff;font-family: AktivGrotesk Black;/*text-transform: uppercase;*/font-size: 50px;line-height: 55px;letter-spacing: .5px;}
header .enter-title p{color: #fff;}
header .enter-title span{background: #21a24d;padding: 3px 10px;border-radius: 5px;color: #000;}
header .enter-title .button{border: 2px solid #21a24d;background: #21a24d;padding: 5px;border-radius: 5px;margin: 0 0 0;color: #000;display: inline-block;margin-right: 15px;font-size: 15px;line-height: 25px;max-width: 280px;}
header .enter-title .button:hover{color: #21a24d;background: transparent;}
header .enter-title ul{padding-inline-start: 0px;color: #fff;font-size: 16px;margin: 30px 0;font-family: AktivGrotesk Bold;letter-spacing: .2px}
/*header .enter-title ul b{color: #ff2703}*/
header .enter-title .contacts-number{display: inline-block;vertical-align: middle;}
header .enter-title .contacts-number a{font-size: 23px;color: #fff;font-family: AktivGrotesk Black;vertical-align: bottom;line-height: 30px;}
header .enter-title .contacts-number span {font-size: 15px;display: block;font-family: 'AktivGrotesk Regular';line-height: 15px;color: #fff;}
header .enter-title .lead-magnet{color: #fff;position: relative;background: transparent;border-bottom: none;}
header .gift img{width: 8%;float: left;margin-right: 15px;margin-bottom: 20px;}
header .gift p{font-size: 25px;line-height: 30px;font-family: 'AktivGrotesk Black';letter-spacing: .5px;}

/*.about .about-image{width: 50%;float: left;}
.about .about-text{width: 50%;display: inline-block;padding: 50px;padding: 0px 60px;}
.about-text .main_title{margin-top: 30px;}*/


/*.branches {position: relative;background: #151515;color: #fff;}*/
.branch.personal-security{background: #21a24d;color: #151515}
/*.personal-security:hover{background: #000;color: #21a24d;}*/
.branch.accompaniment, .branch.additional{background: #000;}
/*.accompaniment:hover, .additional:hover{background: #21a24d;color: #000;}*/
.branches{overflow: hidden;position: relative;}
.branch {cursor: pointer;position: relative;}
.branch h2{font-size: 18px;font-family: AktivGrotesk Black;text-align: center;text-transform: uppercase;margin-bottom: 0}
.branch a, .accompaniment .col-md-6 a{position: absolute;display: block;width: 100%;height: 100%;top: 0;}

.personal-security b, .accompaniment b{color: #21a24d;}
.personal-security i, .accompaniment i{color: #21a24d;}
.personal-security .caption, .accompaniment .caption{font-family: 'AktivGrotesk Bold';font-size: 18px;margin: 15px 0;letter-spacing: .2px;color: #21a24d;}
.personal-security .button, .accompaniment .button{margin: 20px 0;}
.personal-security-desc b{font-family: AktivGrotesk Bold;color: #fff;font-size: 16px;letter-spacing: .2px;}

/*.accompaniment{background: #151515;}*/
.accompaniment-advantage, .lease-content{background: linear-gradient(45deg, #21a24d, #4caf50);padding: 30px;color: #000;border-radius: 10px;margin-top: 30px;}
.accompaniment-advantage .caption{color: #000;font-family: 'AktivGrotesk Black';text-transform: uppercase;}
.accompaniment .col-md-6 {position: relative;display: flex;}
.accompaniment .col-md-6 b {color: #000;}

.lead-magnet.personal-security-lead{background-image: url(/img/personal-security-card/1.png);background-size: cover;background-position: center;}
.lead-magnet.personal-security-lead .overlay, .lead-magnet.delivery-lead .overlay, .lead-magnet.confidentiality-lead .overlay{background-color: rgba(0, 0, 0, 0.7);}
.lead-magnet.delivery-lead {background-image: url(/img/personal-security-card/3.png);background-size: cover;background-position: bottom;}
.lead-magnet.confidentiality-lead {background-image: url(/img/personal-security-card/2.png);background-size: cover;background-position: center;}
.lead-magnet.lease-lead {background-image: url(/img/personal-security-card/4.png);background-size: cover;background-position: center;}


.installation-img {position: relative;}
.installation-img img:first-child {width: 45%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);left: 25%;}
.installation-img img:nth-child(2) {width: 70%;float: right;z-index: 999999;position: relative;border-left: 10px solid #0e0e0e;}
.installation span, .red-span{font-family: 'AktivGrotesk Medium';color: #21a24d;text-transform: uppercase;}
.installation h2{font-family: 'AktivGrotesk Black';font-size: 50px;margin: 20px 0;}
.installation p{font-family: 'AktivGrotesk Medium';}
.installation .inst-vision, .installation .inst-mission {display: inline-block;width: 49%;}
.installation .inst-vision .caption, .installation .inst-mission .caption {font-family: 'AktivGrotesk Bold';font-size: 18px;margin-bottom: 10px;letter-spacing: .3px;}
.installation .inst-vision .caption i, .installation .inst-mission .caption i {color: #21a24d;}
.installation .button {margin: 15px 0px;}

.indicators{position: relative;background: #151515;}
.indicators .main_title, .how-work .main_title{font-family: AktivGrotesk Black;font-size: 30px;letter-spacing: .5px;color: #fff;}
.indicators .main_title span{color: #21a24d;}
.indicator .caption {font-family: 'AktivGrotesk Bold';font-size: 18px;margin: 15px 0;min-height: 55px;letter-spacing: .2px;}
.indicator b {color: #21a24d;}

.about{position: relative;}
.about span{color: #21a24d;font-weight: 700;}
.about .button{margin: 15px 0;}

.about-numbers img{width: 50px;padding: 10px;background: #21a24d;border-radius: 10px;margin-right: 20px;}
.about-numbers .contacts-number{padding-left: 15px;font-size: 20px;font-family: AktivGrotesk Bold;}
.about-numbers li{margin-bottom: 10px;color: #fff;}
.about-nubmer-left, .about-nubmer-right{display: inline-block;width: 50%;padding: 50px 20px;background: #f7f7f7;}
.about-nubmer-left{border-top-left-radius: 10px;border-bottom-left-radius: 10px;}
.about-nubmer-right{border-top-right-radius: 10px;border-bottom-right-radius: 10px;}
.about-nubmer-right{background: url(/img/about-number-image.png);}
.about-nubmer {display: inline-block;margin-right: 15px;width: calc(50% - 15px);vertical-align: middle;margin-bottom: 55px;}
.about-nubmer:nth-child(2n+2) {margin-right: 0;}
.about-nubmer:nth-child(3), .about-nubmer:nth-child(4) {margin-bottom: 0;}
.about-nubmer span {font-family: 'AktivGrotesk Bold';color: #21a24d;font-size: 35px;line-height: 25px;}
.about-nubmer img, .about-number-content {float: left;}2

.service .caption{font-family: AktivGrotesk Bold;min-height: 50px;}
.service img{width: 40px;position: absolute;right: 20px;}
.service-content {padding: 30px;background: #151515;border-radius: 10px;margin-bottom: 25px;position: relative;min-height: 125px;}

.lead-magnet img{border-radius: 5px;cursor: pointer;}

.advantages{color: #333;}
.advantage-content {border: 2px solid;margin-bottom: 25px;border-radius: 10px;padding: 15px;min-height: 155px;position: relative;}
.advantage-content .caption{font-family: AktivGrotesk Black;color: #21a24d;font-size: 20px;}
.advantage-content p{width: 85%;}
.advantage-content img {position: absolute;width: 50px;right: 15px;}

.catalog img, .banner img, .dop-services img{border-radius: 20px;}

.about-digital {display: inline-block;width: calc((100% - 30px) / 4);font-family: AktivGrotesk Bold;margin: 30px 0;padding-right: 15px;vertical-align: top;}
.about-digital .caption {font-family: 'AktivGrotesk Bold';color: #21a24d;font-size: 40px;}
.nanogallery_gallerytheme_dark_photo-gallery .nGY2GThumbnail {border-color: #21a24d !important;}

marquee{font-family: 'AktivGrotesk Black';text-transform: uppercase;padding: 7px;background: #21a24d;color: #fff;letter-spacing: .5px;}
.about .main_title{margin-bottom: 15px;font-size: 25px;line-height: 30px;}

.lease-content .caption {font-size: 20px;font-family: 'AktivGrotesk Black';margin-bottom: 20px;}
.lease {display: flex;}

.lead-magnet{color: #fff;position: relative;background: #151515;border-bottom: 2px solid #333;}
.lead-magnet .container{background: url(/img/leadmagnet-bg.jpg);background-size: cover;padding: 30px;position: relative;}
.lead-magnet .container .row{position: relative;}
.lead-magnet .main_title{color: #fff;margin-bottom: 20px;font-family: AktivGrotesk Black;font-size: 22px;}
.lead-magnet .callback{text-align: right;font-size: 30px;}
.lead-magnet .callback a{color: #fff;}
.lead-magnet .callback i{color: #00C960;}
.lead-magnet .callback .button{margin: 15px 0 0;float: right;max-width: 200px;background: #21a24d;border: 2px solid #21a24d;}
.lead-magnet .callback .button:hover{background: transparent;color: #21a24d;}
.lead-magnet p{margin-top: 15px;}

.step{margin-bottom: 30px;min-height: 82px;}
.step a{color: #DB2C1D;}
.steps__item {display: flex;}
.steps__num {font-family: AktivGrotesk Black;font-size: 50px;color: #DB2C1D;line-height: 30px;min-width: 35px;text-align: center;}
.steps__info {margin-left: 50px;}
.steps__name {text-transform: uppercase;position: relative;font-family: AktivGrotesk Black;margin-bottom: 10px;color: #DB2C1D}
.steps__name:before {content: "";position: absolute;width: 13px;height: 2px;left: -20px;top: 8px;margin: auto;background: #333;}
/*.steps h3{text-align: center;padding: 10px;background: #DB2C1D;color: #fff;font-family: AktivGrotesk Black;}*/

.sertificate a{display: inline-block;padding-right: 10px;width: calc(50% - 14px);}
.sertificate {width: 200px;height: 200px;background-size: cover;margin-right: 15px;background-position: top;position: relative;}
.sertificate.slick-slide img{opacity: 0;}
.sertificate a{position: absolute;width: 100%;height: 100%;top: 0;left: 0;}

.our-blogs .caption{font-size: 18px;line-height: 22px;/*text-transform: uppercase;font-family: 'AktivGrotesk Black';*/margin-top: 15px;margin-bottom: 20px;}
.our-blogs .button{max-width: 250px;}

.form-group {margin-bottom: 15px;}
.form-control, .form-group .btn{font-size: .8rem;}
.form__form .inputbox, .form__form .textbox {width: 100%}
.form__form {position: relative;}
.form__form::before {background: rgba(255, 255, 255, 0.5) url(/new/img/preloader.gif) 50% 50% no-repeat;content: "";display: none;position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: 5}
.form__form.sending::before {display: block;}
.form__sys-message {text-align: center;}
.form__success-title {color: #99DB3B;font-size: 15px;font-weight: 600;text-transform: uppercase;}
.form__success-text {color: #99DB3B;}
.form__error {color: red;text-align: center;margin-top: 5px;font-size: 12px;}

/* 404 */
.error{background: url(/kontakty/header-bg.jpg) 35% 70%;background-size: cover;}
.error .button{max-width: 250px;}
.error-page{height: 100vh;text-align: center;position: relative;z-index: 9999;color: #fff;}
/* end 404 */

.bottom-panel {background: #0e0e0e;}
.bottom-panel a{color: #fff;font-size: 20px;margin: 15px 0;display: block;}
.bottom-panel .caption {font-family: 'AktivGrotesk Bold';font-size: 20px;text-transform: uppercase;margin-bottom: 15px;color: #21a24d;}
.bottom-panel .description {margin-bottom: 15px;}
.bottom-panel .col-md-4 {border-right: 2px solid #333;border-left: 2px solid #333;padding: 30px;}
.bottom-panel i{margin-right: 10px;}
footer hr {margin: 5px 0;opacity: 1;height: 2px !important;color: #21a24d;width: 70px;}
footer img{width: 150px;}

.catalog br{display: none;}

.slick-prev:before, .slick-next:before{color: #21a24d;}
.slick-next{right: -20px}
.slick-prev{z-index: 9;left: -35px;}
.slick-prev, .slick-next{width: 30px;height: 30px;}
.slick-prev:before, .slick-next:before{font-size: 30px;}

.leases-advantage-content{border: 2px solid #21a24d;padding: 15px;border-radius: 10px;min-height: 105px;text-align: center;font-family: 'AktivGrotesk Bold';}

#sw-app-6e7138e88e4241b793eb31c7e8e2a644 .sw-app-head{color: #333 !important;font-family: AktivGrotesk Bold !important;justify-content: left !important;}
.sw-app .sw-review-truncate-text {font-family: 'AktivGrotesk Regular' !important;}

.contacts-head {position: relative;padding: 15px;text-align: center;min-height: 300px;font-family: 'AktivGrotesk Bold';text-transform: uppercase;}
.contacts-head h1{background: rgb(0 0 0 / 70%);padding: 15px;}
.other-pages-body .overlay{background-color: rgba(0,0,0,0.6);}
.other-pages-body img{border-radius: 10px;}
.kontakty-page header{background: url(/kontakty/header-bg.jpg) 100% 70%;background-size: cover;}
.contacts-content .call-center, .contacts-content .main-phone{min-height: 115px;border-bottom: 1px solid #e1e3e5;padding-bottom: 23px;margin-bottom: 22px;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
/*.contacts-content .call-center a, .contacts-content .main-phone a{font-size: 20px;}*/
.contacts-content .main_title{font-size: 20px;}
.contacts-content hr{width: 100px;margin-bottom: 30px;height: 2px;background: #02385F;opacity: 1;}
.contacts-content ul li::before, .vidy-proektov .vidy ul li::before, .about-services ul li::before, #exampleModal1 ul li::before, .necessary ul li::before {content: "\2022";color: #02385F;font-weight: bold;display: inline-block;width: 1em;margin-left: -1em;}

/* uslugi */
.other-pages-body header{background: url(/img/pages-header.jpg) center;background-size: cover;}
/* end uslugi */

/* diagnostika avtomobilya */
.diagnostika-avtomobilya .service img{width: 80px;bottom: 0;}
.diagnostika-avtomobilya header{background: url(/uslugi/diagnostika-avtomobilya/img/header-bg.jpg);background-size: cover;}
.diagnostika-avtomobilya h2{font-size: 1.3rem;}
.step{margin-bottom: 30px;min-height: 82px;}
.step a{color: #1F4764;}
.steps__item {display: flex;}
.steps__num {font-family: AktivGrotesk Bold;font-size: 50px;color: #1F4764;line-height: 30px;min-width: 35px;text-align: center;}
.steps__info {margin-left: 50px;}
.steps__name {text-transform: uppercase;position: relative;font-family: AktivGrotesk Bold;margin-bottom: 10px;color: #1F4764}
/*.steps__descr{font-size: 15px;line-height: 17px;}*/
.steps__name:before {content: "";position: absolute;width: 13px;height: 2px;left: -20px;top: 8px;margin: auto;background: #000;}
/*.steps h3{text-align: center;padding: 10px;background: #1F4764;color: #fff;font-family: AktivGrotesk Bold;}*/
.diag-advantages .lead-magnet{padding: 30px;border-radius: 10px;}
.diag-advantages ul p, .why-chip li p{font-size: 14px;line-height: 21px;padding: 5px 5px 5px 55px;background: url(/img/check.png) left top 5px / 35px no-repeat;min-height: 50px;}
/* end diagnostika avtomobilya */

header.remont-hodovoy-chasti{background: url(/uslugi/remont-hodovoy-chasti/header-bg.jpg) center;background-size: cover;}

/* rulevaya reyka */
.rulevaya-reyka img{border-radius: 10px;}
.rulevaya-reyka .button{position: absolute;bottom: 15px;right: 30px;}
.rulevaya-reyka .button:hover{color: #fff;}
.rulevaya-reyka .elektro, .rulevaya-reyka .gidra{position: relative;}
.rulevaya-reyka-desc img{border-radius: 10px;}
.defect-content, .select-to-content, .remont-dvs-content, .tokarnie-content {padding: 15px;border-radius: 5px;border: 2px solid #21a24d;margin-bottom: 25px;min-height: 300px;}
.defect-content span, .select-to-content span, .remont-dvs-content span, .tokarnie-content h3 {font-family: AktivGrotesk Bold;margin-bottom: 10px;font-size: 17px;display: block;}
header.remont-rulevoy-reyki{background: url(/uslugi/remont-rulevoy-reyki/header-bg.jpg) center;background-size: cover;}
/* end rulevaya reyka */

/* pnevmo podveska */
header.pnevmo-podveska{background: url(/uslugi/remont-pnevmaticheskoy-podveski/header-bg.jpg) center;background-size: cover;}
.neispravnost-pnevmo img, .why-to img{border-radius: 10px;}
/* end pnevmo podveska */

/* select-to */
.select-to-content{min-height: 165px;}
header.tech-oblsuzhivanie{background: url(/uslugi/technicheskoe-obsluzhivanie-avtomobilya/header-bg.jpg) center;background-size: cover;}
/* end select-to */

/* remont-dvs */
.remont-dvs-content{min-height: 240px;}
header.remont-dvigatelya{background: url(/uslugi/remont-dvigatelya/header-bg.jpg) center;background-size: cover;}
/* end remont-dvs */

/* shinomontazh */
header.shinomontazh{background: url(/uslugi/shinomontazh/header-bg.jpg) center;background-size: cover;}
/* end shinomontazh */

/* tokarnie */
.tokarnie-content p{min-height: 195px;}
.tokarnie-content img{margin-bottom: 15px;}
header.tokarnie-i-frezernie-raboty{background: url(/uslugi/tokarnie-i-frezernie-raboty/header-bg.jpg) center;background-size: cover;}
/* end tokarnie */

/* tokarnie */
header.razval-skhozhdenie{background: url(/uslugi/razval-skhozhdenie/header-bg.jpg) center;background-size: cover;}
/* end tokarnie */

/* remont-i-obsluzhivanie-avtokondicionerov */
header.remont-i-obsluzhivanie-avtokondicionerov{background: url(/uslugi/remont-i-obsluzhivanie-avtokondicionerov/header-bg.jpg) center;background-size: cover;}
/* end remont-i-obsluzhivanie-avtokondicionerov */

/**/
.ustanovka-dopolnitelnogo-oborudovaniya-na-avtomobil .select-to h3{font-size: 25px;font-family: 'AktivGrotesk Black';margin-top: 15px;}
.ustanovka-dopolnitelnogo-oborudovaniya-na-avtomobil .select-to-content p{min-height: 195px;}
.service-content .caption{font-family: AktivGrotesk Bold;}
/* end */

/* chip-tyuning */
.services-chip .caption, .services-chip .button{width: 49%;display: inline-block;margin-top: 10px;vertical-align: -webkit-baseline-middle;font-family: AktivGrotesk Bold;margin-bottom: 30px;}
/*.advantages-chip {background: #f7f7f7;}*/
.advantages-chip .advantage{display: inline-block;}
.advantages-chip .advantage:nth-child(3n+3){margin-right: 0;}
.advantages-chip .advantage img{width: 50px;background: #DB2C1D;padding: 5px;margin-bottom: 10px;}
.advantages-chip .advantage {display: inline-block;margin-right: 15px;width: calc((100% - 40px) / 3);margin-bottom: 30px;vertical-align: text-top;}

ul.tabs {margin: 0;padding: 0;float: left;list-style: none;height: 3em;width: 100%;}
ul.tabs li {float: left;margin: 0 5px 0 0;cursor: pointer;padding: 0px 21px;height: 31px;color: #dbdbd3;width: 20%;height: 3em;border-top-left-radius: 3px;border-top-right-radius: 3px;background: #525252;text-align: center;line-height: 3em;}
/*.tab_last { border-right: 1px solid #333; }*/
ul.tabs li:hover {background-color: #ccc;color: #333;}
ul.tabs li.active {background-color: #b8b63e;color: #333;border-bottom: 1px solid #b8b63e;display: block;}
.tab_container {background: #f7eec6;border-top: #b8b63e 5px solid;border-bottom-right-radius: 3px;border-bottom-left-radius: 3px;border-top-right-radius: 3px;animation-delay: 0.2s;animation-duration: 1.5s;animation-name: show;animation-fill-mode: forwards;}
.tab_content {padding: 20px;display: none;}
.tab_drawer_heading { display: none; }

.do p, .posle p{font-size: 20px;margin-top: 15px;}
.do {display: inline-block;margin-right: 15px;border-radius: 10px;border: 2px solid #DB2C1D;padding: 30px;width: 350px;}
.posle {display: inline-block;margin-right: 15px;border-radius: 10px;border: 2px solid #B8B63E;padding: 30px;width: 350px;}
.do .caption {color: #DB2C1D;font-family: 'AktivGrotesk Black';text-transform: uppercase;letter-spacing: .5px;font-size: 25px;}
.posle .caption {color: #B8B63E;font-family: 'AktivGrotesk Black';text-transform: uppercase;letter-spacing: .5px;font-size: 25px;}
.posle p{font-family: AktivGrotesk Bold;}
.tab_content .button{margin: 25px 0;}

header.chip-tyuning{background: url(/uslugi/chip-tyuning/header-bg.jpg) center;background-size: cover;}
.faq-list {list-style: none;padding: 0;}
.faq-list li {margin: 30px 0;border: 1px solid #DB2C1D;padding: 15px 30px;margin: 0px auto 30px;text-align: left;}
.faq-list .faq-heading::before {content: '+';font-size: 40px;display: block;position: absolute;right:0;top: -16px;color:#DB2C1D;}
.faq-list .the-active .faq-heading::before {content: '-';}
.faq-heading {font-family: AktivGrotesk Bold;position: relative;cursor: pointer;font-size: 18px;font-weight: 400;margin:0;}
.faq-heading:hover {color: var(--theme-color);}
.faq-text {display: none;}
/*.container {width: 1200px;margin: auto;}*/
.art-box svg {width:100%;}
.row {display:flex;}
.row .col {flex-basis: 50%;}
.read {color: rgb(100, 100, 100);font-size: 16px;line-height: 1.5;margin-top: 25px;}
.test-drive{background: url(/uslugi/chip-tyuning/text-drive-image1.jpg) bottom;background-size: cover;position: relative;}
.test-drive p{margin-top: 15px;color: #fff;}
.test-drive .main_title{font-family: 'AktivGrotesk Black';color: #fff;font-size: 30px;}
.test-drive .container{position: relative;}
.numbers-item-icon {float: left;border: 5px solid #21a24d;padding: 20px;font-family: 'AktivGrotesk Black';font-size: 20px;}
.numbers-item-icon img {width: 50px;}
.numbers-item-text {padding-left: 100px;color: #fff;}
.numbers-item-text .caption{font-family: AktivGrotesk Bold;color: #21a24d;}
.numbers-item-text p.caption {font-family: 'AktivGrotesk Bold';color: #21a24d;}
.numbers-item-text a {display: block;font-size: 19px;color: #fff;font-family: AktivGrotesk Black;}
.numbers-item {width: 100%;display: table-row;vertical-align: middle;height: 100%;padding-bottom: 30px;}
/* end chip-tyuning */

/* datchik-davleniya-v-shinah */
header.datchik-davleniya-v-shinah{background: url(/uslugi/datchik-davleniya-v-shinah/img/header-bg.jpg) top;background-size: cover;}
.datchik-desc .button{margin: 25px 0}
.datchik-advantages img{width: 70px;}
.datchik-advantages .caption{font-family: AktivGrotesk Bold;font-size: 18px;margin-bottom: 15px;}
.datchik-loss {position: relative;background: url(/uslugi/datchik-davleniya-v-shinah/img/datchik-loss.jpg) center;background-size: cover;}
.datchik-loss .overlay{background-color: rgba(0,0,0,0.85);}
.datchik-loss .container{position: relative;}
.datchik-loss .caption {color: #DB2C1D;font-size: 5rem;line-height: 4.5rem;margin-bottom: 15px;font-family: 'AktivGrotesk Black';}
/* datchik-davleniya-v-shinah end */

@media screen and (max-width: 768px){
	.call, .whatsapp, .catalog br, header .enter-title span{display: block !important;}
	.foot20-content .image, .top-panel .adress, .about img, .top-panel2 .button, .desktop, .review-description, header h1 br, .services .text, .steps__descr.sm-text br, footer .logo, .enter-title .button, .top-panel .button, .enter-title h1 br{display: none;}
	.mobile{display: bloCK;text-align: center;margin: 10px 0;}
	header.main_header{padding-bottom: 30px;background-size: cover;}
	header.main_header, footer{text-align: center;margin-bottom: 0 !important;height: auto;}
	header .enter-title{position: relative;top: 15px;}
	header .enter-title .contacts-number{margin: 15px 0 15px;}
	header .enter-title .enter-content{position: relative;padding: 30px;align-items: flex-end;bottom: 0;text-align: center;}
	header .enter-title .enter-content .button{margin: 15px auto;}
	header .enter-title h1{font-size: 30px;line-height: 35px;text-align: center;color: #fff;}
	header .enter-title li a, header .enter-title li i{color: #fff;}
	.top-panel img {width: 60%;}
	.numbers-item-text, .top-panel .button{float: none;    }
	.services .service, .about .about-digit, .installation .inst-vision, .installation .inst-mission{width: 100%;}
	.services .row{flex-direction: column-reverse;}
	.services hr, .advantages hr, .about hr, .projects hr, .steps hr, .our-blogs hr, .necessary hr, .him-prach-services hr, .additional-services hr, .services h2{margin-bottom: 20px;font-size: 18px;}
	footer.py-5 {padding-bottom: 100px !important;}
	div.py-5{padding-bottom: 30px !important;padding-top: 30px !important;}
	.advantage{width: 100%;display: table-cell;margin-right: 0;font-size: 14px;}
	.advantage img{width: 22%;}
	.advantage .caption{margin-bottom: 0px;}
	div.mb-5{margin-bottom: 15px;}
	.top-panel2{padding: 0;}
	nav{height: 60px;z-index: 3;}
	.top-panel2 .logo img {width: 40%;position: absolute;left: 15px;top: 2px;}
	.hamburger{display:block;position: absolute;cursor: pointer;right: 5%;top: 50%;transform: translate(-5%, -50%);z-index: 9999999;transition: all 0.7s ease;}
    .nav-links{background: #333;height: 50vh;width: 100%;flex-direction: column;clip-path: circle(50px at 90% -25%);-webkit-clip-path: circle(50px at 90% -25%);transition: all 1s ease-out;pointer-events: none;}
    .nav-links.open{clip-path: circle(1000px at 90% -10%);-webkit-clip-path: circle(1000px at 90% -10%);pointer-events: all;}
    .nav-links li{opacity: 1;}
    .top-panel2 a{color: #fff;}
    .nav-links li:nth-child(1){transition: all 0.5s ease 0.2s;}
    .nav-links li:nth-child(2){transition: all 0.5s ease 0.4s;}
    .nav-links li:nth-child(3){transition: all 0.5s ease 0.6s;}
    .nav-links li:nth-child(4){transition: all 0.5s ease 0.7s;}
    .nav-links li:nth-child(5){transition: all 0.5s ease 0.8s;}
    .nav-links li:nth-child(6){transition: all 0.5s ease 0.9s;margin: 0;}
    .nav-links li:nth-child(7){transition: all 0.5s ease 1s;margin: 0;}
    li.fade{opacity: 1;}
    .toggle .line1{transform: rotate(-45deg)translate(-5px,6px);background: #fff;}
	.toggle .line2{transition: all 0.7s ease;width:0;background: #fff;}
	.toggle .line3{transform: rotate(45deg) translate(-5px,-6px);background: #fff;}
	.offer .row{flex-direction: column-reverse;}
	.slick-dots{bottom: -50px;}
	.main-advantages img{margin-bottom: 60px;}
	.about .recommendation, .lead-magnet .main_title{font-size: 20px;line-height: 25px;}
	.lead-magnet, .lead-magnet .main_title, .lead-magnet .callback{text-align: center;}
	.lead-magnet .callback .button{float: none;margin: 15px auto 0;}
	header .enter-title .button{padding: 5px;}
	.top-panel .contacts-content a:nth-child(4){margin-right: 4%;}
	.nav-links.open{position: relative;z-index: 9999}
	.advan_list{grid-template-columns: auto;}
	.branch, .why-chip img{margin-bottom: 15px;}
	.about-nubmer-left, .about-nubmer-right {width: 100%;border-radius: unset;}
	.about-number-content {min-height: 80px;margin-top: 15px;}
	.catalog img{border-radius: 10px;}
	footer hr{margin: 10px auto;}
	.diagnostika-avtomobilya .service img{width: 50px;}
	.diag-advantages ul, .why ul{padding-left: 0px;}
	.diag-advantages.mt-5{margin-top: 15px !important;}
	.why ul li, .electro-desc img{margin-top: 10px;}
	.elektro img, .gidra-desc img{margin-bottom: 15px;}
	.advantages-chip .advantage {width: calc((100% - 35px) / 2);}
	.do, .posle{width: 100%;margin-bottom: 15px;}
/*	.numbers-item{width: 100%;display: block;}*/
	.faq-heading{font-size: 15px;padding-right: 15px;}
    .service-content .caption{min-height: 45px;margin-bottom: 30px;}
    .installation h2{font-size: 40px;}
    .indicators .main_title, .how-work .main_title{font-size: 25px;}
    .branches img{margin-top: 20px;width: calc((100% - 75px) / 3);}
    .branches img:nth-child(3n+3){margin-top: 20px;width: calc((100% - 75px) / 3);}
    .top-panel-content{position: relative;}
    .lead-magnet.personal-security-lead, .lead-magnet.delivery-lead{background-position: left;}
    .lead-magnet.confidentiality-lead{background-position: right;}
    .about-digital{width: calc((100% - 10px) / 2);}
    .sertificate{margin-right: 0;}
    .slick-prev{left: 0px;}
    .slick-next{right: 0px;}
    header .enter-title ul{font-size: 15px;font-family: 'AktivGrotesk Regular';}
    .lead-magnet.personal-security-lead{background-image: url(/img/personal-security-card/111.png);background-size: cover;background-position: center;}
    .lead-magnet.delivery-lead {background-image: url(/img/personal-security-card/222.png);background-size: cover;background-position: bottom;}
    .lead-magnet.confidentiality-lead {background-image: url(/img/personal-security-card/333.png);background-size: cover;background-position: center;}
    .lead-magnet.lease-lead {background-image: url(/img/personal-security-card/444.png);background-size: cover;background-position: center;}
}