.section-prefs {
    background-image: url("../images/texture-bg.png");
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 80px;
}

.section-prefs h3 {
    display: flex;
    align-items: center;
    gap: 40px;
    margin-bottom: 24px;
    margin-top: 60px;
    cursor: pointer;
}

.section-prefs p {
    color: #232427;
    font-size: 18px;
    font-weight: normal;
    line-height: 32px;
}
.main-slider{
    cursor:pointer;
}
.section-prefs__wrapper-prefs {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
    justify-content: space-between;
}

.section-prefs__wrapper-pref h3 span {
    margin-bottom: 10px;
}

.header__wrapper-engine {
    padding-top: 60px;
    margin-top: 140px;
    display: grid;
    grid-template-columns: 1fr 39.2%;
    gap: 30px;
    align-items: start;

}
.header-title{
    font-size: 60px;
    line-height: normal;
}
.header__wrapper-engine img {
    max-width: 100%;
    width: auto!important;
    object-fit: contain;
}

.section-prefs__wrapper-prefs img {
    justify-self: center;
    align-self: center;
}

.section-prefs__wrapper-porsh {
    position: relative;
    align-self: center;
    justify-self: center;
}

.oil-top {
    position: absolute;
    top: -88px;
    left: 11px;
    z-index: 1;
}

.oil-down {
    position: absolute;
    bottom: -34px;
    left: 142px;
}

.oil-bottom {
    position: absolute;
    bottom: -22px;
    right: -82px;
}

.section-technology {
    background-image: url("../images/clean-bg.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding-bottom: 230px;
}

.section-technology h2 {
    color: white;
    margin-bottom: 70px;
}

.section-technology__wrapper-technology {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
}

.section-technology__wrapper-description h3 {
    color: #c10c05;
    /*font-family: 'RF Dewi';*/
    font-weight: bold;
    font-size: 24px;
    line-height: 42px;
    display: flex;
    align-items: flex-start;
    gap: 5px;
    margin-left: -8px;
}

.section-technology__wrapper-description h3 span {
    color: white;
}

.section-technology__wrapper-image {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.smoke {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
}

.section-technology__wrapper-description p {
    font-size: 18px;
    line-height: 32px;
    color: white;
}

.slash {
    margin-top: 3px;
}

.bg-device {
    margin-top: -120px;
}

.stage-description {
    margin-bottom: 70px;
}

.section-prefs h2 {
    margin-bottom: 67px;
}
.section-technology__wrapper-image p{
    font-size: 18px;
    line-height: 32px;
}
.section-technology__wrapper-image p span{
    font-size: 32px;
    line-height: 32px;
    font-weight: bold;
}
.header__wrapper-engine__image{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 30px;
}
.header__wrapper-engine__image img{
    max-width: 100%;
}
.header__wrapper-engine__image p{
    font-size: 18px;
    line-height: 32px;
    text-align: center;
    margin-bottom: -7px;
}
.header__wrapper-engine__image p span{
    font-size: 32px;
    line-height: 32px;
    font-weight: bold;
}
.section-bravo-form{
    padding-top: 200px;
    background-image: url("../images/bravo-bg.png");

    background-size: cover;
    background-repeat: no-repeat;
    margin-top: -62px;
    position: relative;
    padding-bottom: 165px;

}
.section-bravo-form__amort{
    background-image: url("../images/bg-form-amort.png")!important;
    padding-top: 100px;
    background-position:center;
    background-size: cover;
    background-repeat: no-repeat;
    margin-top: -62px;
    position: relative;
    padding-bottom: 165px;
}
.section-bravo-form h2{
    font-size: 52px;
    line-height: 64px;
    font-weight: 600;
    color:white;
    text-align: center;
    margin-bottom: 65px;
}
.section-bravo-form__form{
    display: flex;
    gap: 10px;
    align-items: center;
}
.section-bravo-form__form input{
    height: 80px;
    padding: 0 25px;
}
.section-bravo-form__form input[type="submit"]{
    background: #222428;
    color:white;
}
.section-bravo-form p{
    color:white;
    text-align: center;
    font-size: 14px;
    line-height: 24px;
    margin-top: 50px;
    margin-bottom: 0;
}
.section-bravo-form p a{
    color:#222428;
   border-bottom:1px solid #222428;
}
.section-important__wrapper-reasons h3,.section-important__wrapper-reasons p{
    color:#232427;
}
.section-important__wrapper-reasons h3{
    display: flex;
    align-items: center;
    gap: 34px;
}
.section-important__wrapper-reasons p{
    font-size: 18px;
    line-height: 32px;
}
.section-important{

    background-image: url("../images/texture-bg.png");
    margin-top: -30px;
}
.section-important__wrapper-reasons{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
}
.section-important__wrapper-reason h3{
    margin-bottom: 30px;
}
.section-important__wrapper-reason img{
    margin-bottom: 10px;
}
.section-important h2{
    margin-bottom: 45px;
}
.section-important__mechanic{
    position: relative;
}
.section-important__mechanic img{
    width: 100%;
    object-fit: cover;
}
.section-important__mechanic h3{
    color:white;
    position: absolute;
    top: 45%;
    left:39%;
    right:24px;
    font-size: 24px;
    font-weight: bold;
    line-height: 42px;
}
.section-other-services{
background-image: url("../images/other-bg.png");
background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.section-other-services h2{
    color:white;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link{
    background-color:#c10c05 ;
    border-radius: 0;
}
.service-tabs{
    margin-top: 60px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
    transition: .3s;
}
.nav-link{
    color:white;
    backdrop-filter: blur(3px);
    border-bottom: 1px solid #66696f!important;
}
.nav-link:last-child{
    border-bottom: none!important;
}
.nav-link:hover{
    color:white;
    transition: .3s;

}
.tab-pane h3{
    font-size: 24px;
    line-height: 34px;
    font-weight: bold;
    color:white;

}
.nav-pills .nav-link{
    border-radius: 0;
    height: 88px;
}
.tab-pane h3{
    margin-top: 24px;
    text-align: center;
}
.nav-link sup{
    font-size: 18px;
    line-height: 34px;
    font-weight: 800;
    margin-right: 17px;
    margin-bottom: 10px;
    color: #c10c05;
}
.tab-wrapper-image{
    display: flex;
    align-items: center;
    justify-content: center;
}
.tab-pane ul{

    flex-direction: column;
    align-items: start;

}
.tab-pane ul li{
    display: flex;
    align-items: center;
    gap: 8px;
}
.tab-pane ul li:before{
    content:url("../images/done.png");
}
.tab-wrapper-ul{
    display: flex;
    justify-content: center;
}
.section-other-services{
    position: relative;
}
.smoke {
    position: absolute;
    bottom: 0;
    right: 0;
}
.nav-pills .nav-link{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 0 40px;
    font-size: 24px;
    font-weight: bold;
}
.detail{
    font-size: 18px;
    font-weight: 600;
    display: inline-block;
    padding: 20px 40px;
    border:2px solid #c10c05;
    margin-bottom: 35px;
    backdrop-filter: blur(1px);
    transition: .3s;
}
.detail:hover{
    box-shadow: 0 0 50px 0 #c10c05;
}
.detail img{
    margin-left: 15px;
}
.wrapper-smoke{
    position: absolute;
    top: 0;
    left: 0;
}
.tab-wrapper-image{
    position: relative;
}
.tab-content{
    height: 100%;
}
.tab-content>.active{
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.detail-about{
    color:#232427;
    backdrop-filter: blur(4px);
    background: rgba(255, 255, 255, 0.78);
}
.detail-about:hover{
    color:#232427;
}
.section-about p{
    color:#232427;
}
.section-about{
    background-image: url("../images/about-bg.png");
    background-repeat: no-repeat;
    background-size: cover;
}
.header__wrapper-top {
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}
.bravo-form2{
    background-image: url("../images/bravo-form2-bg.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding-top: 0;
    margin-top: -35px;
    padding-bottom: 40px;
    position: relative;
    padding-top: 100px;
}
.bravo-form2 h2{

}
footer{
    background-image: url("../images/footer-bg.png");
background-size: cover;
    background-repeat: no-repeat;
}
.footer-menu{
    padding: 30px;
    align-items: center;
    gap: 60px;
    justify-content: center;
}

.footer-copyright,.footer-policy{
    color:#ababac;
    font-size: 15px;
}
.footer-bottom{
    display: flex;
    gap: 60px;
    padding: 30px;
    justify-content: center;
    border-top: 1px solid #3f4043;
}
.footer-policy{
    cursor: pointer;
}
.section-menu{
    transform: translateY(-200vh);
    transition: .2s;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    background: rgba(255, 255, 255, 0.89);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    z-index: 3;
    padding-top: 15px;
    padding-bottom: 0;
}
.menu-list{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    align-items: center;
    justify-items: center;
}
.menu-list li{

    height: 142px;
    display: flex;
    justify-content: center;
    border-right:1px solid #d5d8d8;
    border-top:1px solid #d5d8d8;
    width: 100%;
}
.menu-list li:nth-child(4n){
    border-right:none;
    border-bottom:1px solid #d5d8d8;
}
.menu-list li a{
    font-size: 14px;
    line-height: 24px;
    font-weight: bold;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    color:#232427;
}
.section-menu h2{
    cursor:pointer;
    font-size: 18px;
    font-weight: 600;
    line-height: 32px;
    margin-bottom: 0;

}
.section-menu h2:before{
    margin-right: 10px;
    content:url("../images/close.png")
}
.menu__wrapper-logo{
    margin-bottom: 15px;
    display: grid;
    grid-template-columns: 44% 1fr;
    align-items: center;
}
.header__wrapper-services{
    cursor:pointer;
}
.overlay{
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100%;
    /*backdrop-filter: blur(4px);*/
    background: rgba(0, 0, 0, 0.62);
    z-index: 2;
    display: none;

}
.section-menu-right{
    position: fixed;
    top: 0;
    right: 0;
    width: 593px;
    height: 100vh;
    background: rgba(255, 255, 255, 0.89);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    z-index: 6;
    padding-top: 0;
    padding-bottom: 0;
    transform: translateX(594px);
    transition: .1s;
}
.menu-right__list{
    flex-direction: column;
    align-items: center;
    position: relative;
    z-index: 3;
}
.menu-right__list li a{
    font-size: 24px;
    line-height: 77px;
    color:#232427;
    font-weight: 600;
}
.section-menu-right h2{
    font-size: 18px;
    line-height: 18px;
    text-align: center;
    padding-top: 33px;
    padding-bottom: 33px;
    border-bottom:1px solid #d5d8d8;
    margin-bottom: 60px;
}
.section-menu-right h2:before{
    margin-right: 10px;
    content:url("../images/close.png")
}
.menu-right__wrapper-menu{
    position: relative;
    height: 100%;
}
.znak1{
    position: absolute;
    bottom: 0;
    left: 0;
}
.znak2{
    position: absolute;
    bottom: 0;
    right: 0;
}
.section-map{
    display: grid;
    grid-template-columns: 465px 1fr;
    padding-top: 0;
    padding-bottom: 0;
    background: url("../images/texture-bg.png");

}
#map{
    width: 100%;
    height: 870px;
}
.order-replace-amort{
    width: 472px!important;
}
.ymaps-2-1-79-ground-pane{
    filter: grayscale(1);

}
.map-telefon,.map-time{
    color:#232427;
}
.section-map__left-panel a{
    color:#232427;
}
.section-map__left-panel{
    display: flex;
    flex-direction: column;

    align-items: center;
    justify-content: center;
}
.wrapper-map-contact{
    display: flex;
    align-items: center;
    margin-top: -15px;

}
.wrapper-map-contact img{
    margin-top: 33px;
}
.map-telefon span{
    font-size: 24px;
    line-height: 34px;
    font-weight: 600;
}
.map-logo{
    margin-bottom: 40px;
}
.map-time{
    margin-left: 74px;
}
.map-social{
    margin-top: 20px;
    margin-right: 0!important;
    gap: 30px!important;

}
.map-social .header-vider{
    margin-top: 6px;
}
.empty-block{
    height: 100px;
}
.header-contact-1 a span,.header-contact-2 a span{
    color:#ababac;
}
.header-contact-1 a{
    font-weight: 600;
}
.header-contact-2 a{
    font-weight: 600;
}
.header-contact-1 a span,.header-contact-2 a span{
    color:#ababac;
    font-weight: normal;
}
.order-to-in-menu{
    display: none;
    padding: 0 24px;
}
.section-bravo-form__wrapper-date{
    position: relative;
}
.section-bravo-form__wrapper-date{
    width: 100%;
}
.input-calendar{
    background: white;
    position: absolute;
    top: 26px;
    right: 26px;
}
.section-prefs__amort{
    display: flex;
    flex-direction: column;
    gap: 40px;
}
.technology-title3__amort{
color:white!important;
    display: flex!important;
    align-items: center!important;
    font-size: 30px!important;
    font-weight: bold!important;
    line-height: 30px!important;
    gap: 15px!important;

}
.section-technology__wrapper-amort{
    display: grid;
    grid-template-columns: 1fr 1fr;
    row-gap: 43px;
    align-items: center;
    justify-content: space-between;
}
.section-technology__wrapper-amort p,.garanty__amort{
    margin-bottom: 0;
    justify-self: center;
    text-align: center;

}
.section-prefs ul{
    flex-direction: column!important;
    align-items: start;
    margin-bottom: 4.2rem;
    padding-left: 96px;
    display: none;
}
.section-prefs ul li{
    color: #232427;
    font-size: 18px;
    font-weight: normal;
    line-height: 32px;
    margin-bottom: 1rem;
}
.section-technology__wrapper-amort p{
    font-size: 36px;
    font-weight: bold;
}
.garanty__amort{
    align-self: end;
    line-height: 28px;
}
.header-order-grm{
    margin: 0 auto;
}
.section-prefs__wrapper-pref__grm{
    height: 398px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;

}
.section-prefs__wrapper-pref__grm h3{
    display: flex;
    justify-content: center;
    text-align: center;
    font-size: 24px;
    line-height: normal;
    margin-bottom: 20px;
}
.section-prefs__grm{
   display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    justify-items: center;
    gap: 20px;



}
.wrapper__prefs-grm{
    display: flex;
    justify-content: center;
}
.section-prefs__wrapper-pref__grm img{
    width: 100%;
    height: 312px;
    object-fit: cover;
}
.prefs-cost{
    margin-top: 40px;
}
.recomended{
    color:white;
}
.section-technology__wrapper-grm{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    justify-items: center;
    align-items: center;
    gap: 40px;
}
.section-technology__wrapper-podveska{
    display: grid;
    grid-template-columns: 50% 1fr 1fr;
    justify-items: center;
    align-items: center;
    gap: 40px;
}
.section-technology__wrapper-podveska p{
    font-weight: bold;
    font-size: 36px;
    margin-bottom: 0;
}
.section-technology__wrapper-grm p{
    font-weight: bold;
    font-size: 36px;
    margin-bottom: 0;
}
.technology-title3__grm{
    justify-self: start;
}
.wrapper__grm-image{
    display: flex;
    align-items:center;
    justify-content: center;
    height: 220px;
}
.section-important__wrapper-reason__grm{
    gap: 60px;
}
.wrapper-hodovaya-image{
    margin-top: 167px;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.wrapper-message-top{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}
/*.message-top__image-left,.message-top__image-right{*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    object-fit: contain;*/
/*}*/
.wrapper-message-top-left{
    position: absolute;
    padding: 10px 30px;
    top: -89px;
    left: 42px;
    width: 520px;
    height: 260px;
    background-image: url("../images/message-top-left.png");
    background-size: contain;
    background-repeat: no-repeat;
}
.wrapper-message-top-right{
    position: absolute;
    padding: 10px 30px;
    top: -162px;
    right: 99px;
    width: 530px;
    height: 274px;
    background-image: url("../images/message-top-right.png");
    background-size: contain;
    background-repeat: no-repeat;
}
.wrapper-message-bottom-left{
    display: flex;
    flex-direction: column;
    justify-content: end;
    position: absolute;
    padding: 10px 30px;
    bottom: -171px;
    left: 141px;
    width: 530px;
    height: 320px;
    background-image: url("../images/message-bottom-left.png");
    background-size: contain;
    background-repeat: no-repeat;
    padding-bottom: 40px;
}
.wrapper-message-bottom-right{

    display: flex;
    flex-direction: column;
    justify-content: end;
    position: absolute;
    padding: 10px 30px;
    bottom: -127px;
    right: 5px;
    width: 530px;
    height: 374px;
    background-image: url("../images/message-bottom-right.png");
    background-size: contain;
    background-repeat: no-repeat;
    padding-bottom: 54px;
}
.wrapper-message-top-left h3,.wrapper-message-bottom-left h3,.wrapper-message-bottom-right h3{
    font-size: 28px;
    margin-bottom: 10px;
}
.wrapper-message-top-right h3{
    font-size: 28px;
    margin-bottom: 0;
}
.wrapper-message-top-left p,.wrapper-message-bottom-left p,.wrapper-message-bottom-right p{
    font-size: 15px;
    line-height: 26px;
}
.wrapper-message-top-right p{
    font-size: 15px;
    line-height: 26px;
}
.section-prefs__podveska{
    padding-bottom: 330px;
}
.p-prefs__grm{
    margin-bottom: 60px;
}
.section-technology__wrapper-grm p span{
    font-family: "RF Dewi";
}
.section-technology__wrapper-podveska p span{
    font-family: "RF Dewi";
}
body{
    transition: .1s;
overflow-x: hidden;
}
.body-left{
    transform: translateX(-593px);
}
main{
    transition: .1s;
}
.header__wrapper-engine{
    transition: .1s;
}
.condition-image{
    height: 400px;
}
.wrapper-hodovaya-mobile{
    display: none;
}
.header__additional-menu{
    position: relative;
}
.menu-hint{
    font-size: 14px;
    position: absolute;
    top: 0;
    left: 25%;
    display: none;
}
.wrapper-static-page{
    padding-top: 160px;
    padding-bottom: 160px;
}
.wrapper-editable{
    color: red;
}
.alert-success{
    display: flex;
    align-items: center;
    gap: 20px;
    position: fixed;
    background: #198754;
    transition: .5s;
    border: none;
    top: 30%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 3;
    padding-left: 47px;
    padding-right: 70px;
}
.alert-success p{
    margin-top: 0;
}
.alert-success button.close{
    position: absolute;
    top: 12px;
    right: 20px;
    color: #e1e1e1;
    font-size: 21px;
}
input::-webkit-datetime-edit-text:focus,
input::-webkit-datetime-edit-month-field:focus,
input::-webkit-datetime-edit-day-field:focus,
input::-webkit-datetime-edit-year-field:focus {
    color: forestgreen;
    background: none;
    outline: none;
}
input[type="tel"]:focus{
    color: forestgreen;
    outline: none;
    user-select: none;
}
input[type="text"]:focus{
    color: forestgreen;
    outline: none;
    user-select: none;
}
.wrapper-static-header h3{
    color: white;
}

.wrapper-rekvizity{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
}
.wrapper-rekvizity p{
    font-size: 21px;
}
.wrapper-policy ul{
    flex-direction: column;
    align-items: start;
    list-style-type: disc;
    margin-bottom: 40px;
    margin-top: 20px;
}
.wrapper-policy h3{
    margin-top: 40px;
    margin-bottom: 20px;
}
.wrapper-policy li{
    margin-bottom: 10px;
}
.wrapper-policy p, .wrapper-policy h1,.wrapper-policy li{
    color:#232427;
}
.technology-title3__amort span{
    font-size: 36px;
    font-family: Ruberoid;
}
.technology-title3__podves p{
    font-size: 30px;
    font-family: Ruberoid;
}
.pref__grm-wrapper-img{
    height: 260px;
}
.pref__grm-wrapper-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 6px;
}
.pref-diagnost{
    display: block;
    height: auto;
    width: 100%;
}
.pref-diagnost h3{
    margin-bottom: 20px;
}
.grid-diagnost{
    row-gap: 40px;
}
.wrapper-grid-diagnost{
    margin-bottom: 60px;
}
.prefs-order-diagnost{
    width: 444px!important;
}
.section-prefs__diagnost-engine{
    padding-bottom: 150px;
}
.about-title{
    color:#232427;
}
.section-about-company{
    background-image: url("../images/texture-bg.png");
    background-repeat: no-repeat;
    background-size: cover;
}
.section-politics h1,.section-politics p,.section-politics ul,.section-politics li{
    color:#232427;
}
.tab-pane h3{
    margin-bottom: 40px;
}
.detail{
    margin-top: 40px;
}
