.online-main{
    width:920px;
    margin: 0 auto;
    padding-top:90px;
    text-align:center;
}

.online-text{
    padding-top:10px;
}

.poloska{
       text-transform: uppercase;
           font-weight: bold;
}

.main-poloska{
    width:531px;
    margin:0 auto;
    height:9px;
    position:relative;
    background:#e8e8e8;
    margin-top:10px;
    margin-bottom:30px;
}






.header-contacts img{
      fill: #ffb600;}

.main-poloska-abs{
    transition: 1s;
    width:33%;
    position:absolute;
    top:0px;
    left:0px;
    height:100%;
    background:red;
}

.online-first-main{
     text-transform: uppercase;
    font-size: 30px;
    font-weight: bold;  
    margin-bottom:25px;
    
}

.online-first-main1{
      margin-bottom:25px;margin-top:-15px;}  

.nenasg{width:100% !important;    padding-left: 10px;
    margin-top: -50px !important;}
.online-main input:checked ~ label:after {
  border: 0px solid #ff0000;
    color: red;
    background: url(/foto/vvv-online.png) no-repeat;
    background-size: 100% 100%;
    position: relative;
    float: left;
    top: 0;
    left: 0;
}
.online-main input{opacity:0;}

.online-main label:after {
    content: '';
    display: block;
    height: 20px;
    border: 2px solid #b8b8b8;
    width: 20px;
    position: relative;
    float: left;
    top: 0;
    left: 0;
    margin-left: 143px;
}

.online-var-first1 img{    float: none;
    display: block;
    margin: 15px auto;}
button{outline:none;}

.online-var-first1{
    width:33.3%;
    float:left;
    line-height: 1.3;
    font-size: 20px;
    font-weight: bold;  
}
 
#second-first .online-var-first1,#second-third .online-var-first1{width:25%;}
#second-third .online-var-first1{margin-bottom:50px}
#second-first   label:after,#second-third  label:after{    margin-left: 105px;}


#second-first,#second-second,#second-third,#third-first,#third-second,#third-third,#final{display:none;}

#final {
    width:531px;
    margin:0 auto
}


#final  .form-control{
    margin-top:25px;
    height:56px !important;
        padding-right: 0px;
        padding:10px;
    text-align:Center;
    opacity:1 !important;
     border: 2px solid #b8b8b8;
}

#final .required-star {
    left: 60px;
    width: 10px;
}

#final textarea.form-control{height:135px !important;padding-top:30px;}


.final-left,.final-right{width:50%;float:left;position:relative;}
.final-right{   padding-top: 80px;    margin-left: -20px;}
.final-right-abs{position:absolute;color:#fff;
        width: 300px;
    left: 43px;
    top: 110px;
    font-size: 14px;

    
}

.final-left  input{opacity:1;}
.final-right img{width:381px;margin-right:-105px;max-width:1000px;}

.online-var-first1 input{float:none;
    margin-bottom:15px;
}





.final-left .btn.big 
{
    margin-top:15px;
  background-color: rgb(232, 232, 232);
font-size:18px;
    padding: 0px;
  width: 265px;
  height: 57px;

}

.polituc{font-size:10px;text-decoration:underline;  color: rgb(153, 153, 153);cursor:pointer;}


.first-next,.second1-next,.second2-next,.third1-next,.third2-next,.third3-next{
    margin-top:40px;
    width: 265px;
  height: 57px;  
    background-color: #b8b8b8;
      text-transform: uppercase;
       font-weight: bold;  
    text-align:center;
    font-size:18px;
    color:#fff;
}
.second3-next{    margin-top:0px;
    width: 265px;
  height: 57px;  
    background-color: #b8b8b8;
      text-transform: uppercase;
       font-weight: bold;  
    text-align:center;
    font-size:18px;
    color:#fff;}


.red-button1,.red-button2,.red-button3,
.red-button21,.red-button22,.red-button23,.red-button24,
.red-button221,.red-button222,.red-button223,
.red-button231,.red-button311,.red-button321,.red-button333{   background-color: #db0000;}





.online-var-first1 span{font-size:16px;font-weight:normal;display:block;margin-top:10px;}

.text-unput{  
  border-width: 2px;
  border-color: rgb(184, 184, 184);
  border-style: solid;
  width: 261px;
  font-size:16px;
  text-align:center;
  color:rgb(184, 184, 184);    opacity: 1 !important;
  height: 48px;}


.online-zag{
        text-transform: uppercase;
    font-size: 60px;
    font-weight: bold;
}
.remont {
    background: url(/foto-2/r1.png) 0 0 / 100% 100%;
}

.rul-reyka {
background: url(/foto-2/rr-h.png) 0 0 / 100% 100%;}

.remont-turbinslide {
background: url(/foto-2/rt-h.png) 0 0 / 100% 100%;}

.remont-dvygunaslide {background: url(/foto-2/010-k.png) 0 0 / 100% 100%;}

.remont-kppslide {background: url(/foto-2/012-k.png) 0 0 / 100% 100%;}

.remont-akppslide {background: url(/foto-2/013-k.png) 0 0 / 100% 100%;}

.rem-content {
    width: 970px;
    height: 670px;
    margin: 0 auto;
}
.rem-title {
    text-transform: uppercase;
    font-size: 35px;
    font-weight: bold;    text-transform: uppercase;
    font-size: 35px;
    font-weight: bold;
    color: white;
    padding-top: 100px;
}
.rem-title p {
    font-size: 70px;
    font-weight: bold;
    color: white;
    margin: 0;
    line-height: 1.2;
}
.rem-usl {
    font-size: 16px;
    font-weight: bold;
    color: white;
    padding-top: 30px;
}
.rem-usl div {
    float: left;
    padding-right: 40px;
    font-weight:normal;
    line-height:1.2;
    padding-top:5px;
}
/*Блок с марками*/

.marka {
    padding-top: 45px;
    width: 1300px;
    height: 680px;
    margin: 0 auto;
    position: relative;
}
.marka-title {
    font-size: 40px;
    font-weight: bold;
    color: black;
    text-transform: uppercase;
    line-height: 1.2;
    text-align: center;
    position: relative;
}
.marka-title img {
    position: absolute;
    right: 265px;
    top: 30px;
}
.marka-title p {
    font-size: 16px;
    color: black;
    font-weight: normal;
    text-transform: none;
    padding-top: 35px;
}
.marka-catalog {
    padding-top: 35px;
    display: inline-flex;
    margin-left: 150px;
    position: relative;
}
.marka-catalog img {
    position: absolute;
    z-index: -1;
    left: -95px;
    top: 125px;
}
#marka-c1 {
    background: url(/foto-2/prr/prr-1.png) no-repeat;
    position: absolute;
    top: 0px;
    left: 20px;
     background-size:100% auto !important;
}
/*#marka-c1:hover {
    background: url(/foto-2/vw-h.png) no-repeat;
     background-size:100% auto !important;
}*/
#marka-c2 {
    background: url(/foto-2/prr/prr-1.png) no-repeat;
    position: absolute;
    top: 10px;
    left: 330px;
}
/*#marka-c2:hover {
    background: url(/foto-2/audi-h.png) no-repeat;
}*/
#marka-c3 {
    background: url(/foto-2/prr/prr-1.png) no-repeat;
     background-size:100% auto !important;
    position: absolute;
    top: 0px;
    left: 670px;
}
/*#marka-c3:hover {
    background: url(/foto-2/skoda-h.png) no-repeat;
     background-size:100% auto !important;
}*/
.marka-c {
    font-size: 30px;
    font-weight: bold;
    text-transform: uppercase;
    color: white;
    position: relative;
    width: 325px;
    height: 465px;
}
#marka-c1 .marka-car {
    position: absolute;
    top: 150px;
    left: 40px;
}
#marka-c2 .marka-car {
    position: absolute;
    top: 140px;
    left: 135px;
}
#marka-c3 .marka-car {
    position: absolute;
    top: 150px;
    left: 110px;
}
.marka-but {
    background-color: #db0000;
    font-size: 18px;
    font-weight: normal;
    text-align: center;
    padding-top: 15px;
    width: 190px;
    height: 55px;
    cursor: pointer;
    text-transform: uppercase;
}

.marka-but:hover {
    background-color: black;
}


#marka-c1:hover .marka-but,#marka-c2:hover .marka-but,#marka-c3:hover .marka-but{ background-color: black;}

#marka-c1 .marka-but {
    position: absolute;
    top: 430px;
    left: 55px;
}
#marka-c2 .marka-but {
    position: absolute;
    top: 420px;
    left: 75px;
}
#marka-c3 .marka-but {
    position: absolute;
    top: 430px;
    left: 65px;
}

.marka-hidden{
    position: absolute;
    top: -1000px;
    left:-1000px;
    width: 1px;
    height: 1px;
}
.marka-hidden img{
    width: 1px;
    height: 1px;
}
/*Блок гарантия*/

.garant {
    background: url(/foto-2/r3.png) 0 0 / 100% 100%;
    margin-top: 80px;
}
.garant-content {
    width: 970px;
    height: 830px;
    margin: 0 auto;
}
.garant-title {

    font-size: 60px;
    font-weight: bold;
    color: white;
    text-align: center;
    line-height: 1.2;
    padding-top: 130px;
    text-transform: uppercase;
    position: relative;
}

.garant-title img{
    position: absolute;
    top:190px;
    left: 840px;
}
.garant-title p {
    font-size: 16px;
    font-weight: normal;
    text-transform: none;
    padding-top: 15px;
}
.garant-catalog {
    padding-top: 35px;
    display: inline-flex;
    margin-left: 150px;
    position: relative;
}
.garant-c {
    font-size: 30px;
    font-weight: bold;
    text-transform: uppercase;
    color: white;
    position: relative;
    width: 260px;
    height: 255px;
}
.garant-1 {
    padding-top: 150px;
}
.garant-2 {
    font-size: 16px;
    font-weight: normal;
    text-transform: none;
    line-height: 1.4;
}
#garant-c1 {
    background: url(/foto-2/gar1.png) no-repeat;
    position: absolute;
    top: 55px;
    left: -150px;
}
#garant-c2 {
    background: url(/foto-2/gar2.png) no-repeat;
    position: absolute;
    top: 40px;
    left: 250px;
}
#garant-c3 {
    background: url(/foto-2/gar3.png) no-repeat;
    position: absolute;
    top: 50px;
    left: 625px;
}
#garant-c1 .garant-1 {
    padding-left: 30px;
}
#garant-c1 .garant-2 {
    padding-left: 30px;
}
#garant-c2 .garant-1 {
    padding-top: 165px;
}
#garant-c3 .garant-1 {
    padding-top: 155px;
}

#garant-c1 img{
    position: absolute;
    top: 120px;
    left: 85px;
}
#garant-c2 img{
    position: absolute;
    top: 130px;
    left: 80px;
}
#garant-c3 img{
    position: absolute;
    top: 120px;
    left: 140px;
}
/*Профессиональный сервис*/

.serv {
    width: 1050px;
    height: 700px;
    margin: 0 auto;
}
.serv-title {
    font-size: 60px;
    font-weight: bold;
    text-transform: uppercase;
    color: black;
    text-align: center;
    line-height: 1.3;
    padding-top: 50px;
    position:relative;
}
.serv-title img{
    position:absolute;
    top:40px;
    right: 115px;
}
.serv-title p {
    font-size: 16px;
    font-weight: normal;
    text-transform: none;
    line-height: 1.5;
    padding-top: 5px;
}
.serv-catalog {
    padding-top: 50px;
    display: inline-flex;
    position: relative;
}
.serv-c {
    font-size: 16px;
    *font-weight: bold;
    *text-transform: uppercase;
    color: black;
    position: relative;
    width: 470px;
    height: 380px;
    line-height: 1.4;
}
#serv-c1 {
    background: url(/foto-2/ps2.png) no-repeat;
    position: absolute;
    top: 35px;
    left: 0px;
}
#serv-c2 {
    background: url(/foto-2/ps1.png) no-repeat;
    top: -15px;
    left: 590px;
}
#serv-c1 div {
    position: absolute;
    top: 170px;
    left: 70px;
}
#serv-c2 div {
    position: absolute;
    top: 170px;
    left: 0px;
}

.tel{
    
    margin-top: -25px;
    background: url(/foto-2/t3.png) no-repeat 0 0 /100% 71%;
}

.tel-content{
    width: 1000px;
    margin: 0 auto;
    position: relative;
    z-index:1;
}

.tel-title{
    font-size: 60px;
    font-weight: bold;
    color: black;
    text-transform: uppercase;
    line-height: 1.2;
    padding-left: 450px;
    padding-top: 150px;
    position:relative;
}

.tel-title img{
    position: absolute;
    top: 135px;
    right: 65px;
}

.tel-title p{
    font-size: 16px;
    font-weight: normal;
    text-transform: none;
    padding-top: 20px;
}

.mess{
    padding-left: 450px;
    font-size: 16px;
    font-weight: normal;
    text-transform: uppercase;
    color: white;
    text-align: center;
    position: relative;
}

.m-vk{
    width: 220px;
    height: 55px;
    color: rgb(105, 140, 200);
 border:2px solid rgb(105, 140, 200);
 font-weight:600;
    position: absolute;
    top: 25px;
    left: 450px;
    margin: 0 auto;
}
.m-vk:hover,#nam-block1:hover{   color: #fff;  background: #229bd5;  transition: .7s;}



.m-tg{
    width: 220px;
    height: 55px;
color: #ff0000;
 border:2px solid #ff0000;
 font-weight:600;
 position: absolute;
    top: 25px;
    left: 690px;
    margin: 0 auto;
}

.m-tg:hover,#nam-block2:hover{   color: #fff;  background: #83d05b;  transition: .7s;}


.m-wp{
    width: 220px;
    height: 55px;

    
    color: rgb(131, 208, 91);
 border:2px solid rgb(131, 208, 91);
 font-weight:600;
    
    
    position: absolute;
    top: 100px;
    left: 450px;
    margin: 0 auto;
}


.m-wp:hover,#nam-block3:hover{   color: #fff;  background: rgb(97, 77, 155);  transition: .7s;}

.m-vb{
    width: 220px;
    height: 55px;
 color: rgb(97, 77, 155);
 border:2px solid rgb(97, 77, 155);
 font-weight:600;
    
    
    position: absolute;
    top: 100px;
    left: 690px;
    margin: 0 auto;
}


.m-vb:hover,#nam-block4:hover{   color: #fff;  background: #ff0000;  transition: .7s;}

.mess div p {
    margin-top: 0px;
    line-height: 55px;
}
.mess div p img{
    padding-right: 10px;
     margin-top: -12px;
}

.tel-cont{
    height: 460px;
    background: url(/foto-2/t1.png) no-repeat;
    margin-top: 205px;
    margin-left: 90px;
    font-size: 60px;
    font-weight: bold;
    text-transform: uppercase;
    color: white;
    text-align: center;
    z-index:2;
}

.tel-cont-text{
    padding-top: 135px;
    padding-right: 100px;
    position: relative;
}

.tel-cont-text img{
    position: absolute;
    top: 135px;
    right: 240px;
}

.tel-cont-text p{
    font-size: 16px;
    text-transform: none;
    font-weight: normal;
    text-align: center;

}


.tel-content .tel-phone{
    position: absolute;
    top: 110px;
    left: 10px;
    z-index: -1;
}

/*Техническое обслуживание*/

.to-main .remont {
    background: url(/foto-2/to1.png) 0 0 / 100% 100%;
    height: 750px;
}

.to-main .rem-title{
    font-size:50px;
    line-height: 1.3;
}

.to-main .marka{
    padding-top:0;
    margin-top:-45px;
}

.to-main .marka-title img {
    position: absolute;
    right: 190px;
    top: 30px;
}

.to-main .sert{
    position: relative;    
    margin-top: 90px;
    overflow: visible;
    z-index: 3;
}

.to-main .garant {
    background: none;
    margin-top:-100px;
}

.to-main .garant-title {
    color: black;
}

.to-main .garant-title p {
    color: black;
}

.to-main .garant-c {
    color: black;
}

.to-main .garant-2 {
    color: black;
}

.serv-main{
    background: url(/foto-2/to2.png) no-repeat 0 0 / 100% 100%;
    height: 990px;
    margin-top:-70px;
}

.to-main .serv-title {
    color: white;
}
.to-main .serv-title{
    padding-top:140px;
}
.to-main .serv-title p {
    color: white;
}
.to-main .serv-title img{
    top: 130px;
}
.to-main .serv-c {
    color: white;
}

.to-main    .sert{height:800px;background:url(/foto/fon-rem.png);background-size:100% 100%;    margin-top: 140px;color:#fff;}

.to-main .sert-text{
    padding-top:185px;
}

.to-main .val{
    display: none;
}

#movvv{
    display:none;
}

#nemob-mob{
  display:none;
}

.video-foreground iframe{opacity: .4;}
#niz-imm{   height: 360px;width: 100%;
    margin-top: 60px;}
@media only screen and (max-width: 991px) {
    
     #garant-c3{   background-size: 85% auto !important;}  
    
#niz-imm{   height: auto;width: 100%;  margin-top: 20px;}
   #prprpr{margin-top:38px;}
    
    #pravko1{margin-bottom:30px;display:block;}
    .final-left .btn.big 
{
    margin-top:15px;
  background-color: rgb(232, 232, 232);
font-size:18px;
    padding: 0px;
  width: 100%;
  height: 57px;

}
    
    
   #niz-imm{   height: auto;width: 100%;
    margin-top: 0px;} 
   .nenasg{width:100% !important;    padding-left: 45px;
    margin-top: 0px !important;} 
    
    
    
    
   .mess div p img{
    padding-right: 0px;

} 
    
.rem-content{
        height: 550px;
    width:300px;
    margin:0 auto;}

.chip .rem-title{
    font-size:30px;
}

.rem-usl div br{
    display:none;
}

.rem-usl div {
    padding-right: 0px;
    float:none;
}

.remont {
       background-size: auto !important;
}

.title-niz img:first-child{
    width:400px;
     max-width:400px;
}    

.chip-tining .uslug-right{
    display:none;
}    

.chip-tining .uslug-left {
    font-size:23px;
    text-align:center;
}  

.chip-usl10-img{
    display:none;
}

#movvv{
    display:block;
    float:none;
    margin:0 auto;
    margin-bottom:20px;
}

.chip-tining .uslug1{
    height:1200px;
}
.chip-tining .uslug2 {
    height:auto;
    padding-bottom: 100px;
    margin-bottom: 100px;
}

#chip-usl2 .chip-usl10-img {
    float:none; 
    margin-left: 0px;
    margin-right: 0px;
}
#chip-usl2 .chip-usl10{
    margin-top:10px;
}

#garant-main {
    background: url(/foto/fon-chip2-mob.png) 0 0 / 100% 100%;
    margin-top: 0px !important;
    height: 1100px;
}

#garant-main .garant-title {
    font-size: 30px !important;
    line-height: 1.3;
    padding-top: 200px ;
}

#garant-main .garant-text br{
    display:none;
}

.garant-slaider .top-slider .title {
    padding-top: 160px;
    color: #fff;
    text-align: center;
    font-size: 25px;
    padding-left: 0px;
        width: 280px;
    margin: 0 auto;
}


#garant-main .garant-slaider {
    width: 100vw;
    padding-top: 50px;
    position: absolute;
    left: 0px;
}


.chip-tining .garant-content .item:first-child{
        background: url(/foto/ch1-mob.png) no-repeat 0 0 / 100% 500px;
}

.chip-tining .garant-content .item:nth-child(2n){
    background: url(/foto/ch2-mob.png) no-repeat 0 0 / 100% 500px;
}


.chip-tining .garant-content .item:last-child{
        background: url(/foto/ch3-mob.png) no-repeat 0 0 / 100% 500px;
}
.garant-slaider .top-slider .slick-dots {
    margin: 0px;
     margin-left: 0px !important; 
    top: 90px;
    left: 0px;
    right: 0px;
    width: 100%;
}

#chip-red .onas {
    height: 770px;
    padding-top: 0px;
}

.garant-slaider .top-slider .slick-prev, .garant-slaider .top-slider .slick-next {
    opacity: 1;
    width: 40px;
    top: 40%;
    height: 40px;
}

#chip-red .uslug{
    width:300px;
    margin:0 auto;
    text-align:Center;
    font-size:30px;
}

#chip-red .uslug .uslug-left{
    font-size:30px;
}

.chip-red{
    font-size:19px;
    padding-top:15px;
}
 
#chip-red .uslug-right {
    top: 50px;
    right: 0px;
    display: block;
    width: 300px;
    position: relative;
    height: 250px;
    float: none;
}

#chip-red .uslug-right img {
    width: 300px;
}



.plug {
    margin-left: 0px;
    background: url(/foto/plug-mob.png);
    width: 300px;
    height: 180px;
    background-size: 100% 100%;
    margin-top: 25px;
    text-transform: none;
    font-weight: normal;
    padding-left: 80px;
    padding-top: 20px;
}


.plug1{
    text-align:left;
    FONT-SIZE:13PX;
}

.plug2{
     text-align: left;
    FONT-SIZE: 13PX;
    margin-left: -50px;
    width: 250px;
}
#nemob{
    display:none !important;
}

#nemob-mob{
    display:block;
}

.revo-ic1{
    width:100%;
}
.revo-ic1 img{
    display:block;
        margin: 0 auto;
}

#sert-main {
    background: #fff;
    color: #111;
    height: 1230px;
    margin-top:40px;
}

.chip-tining #map-main .garant-title{
    font-size:30px !important;
        padding-top: 140px;
    
}


#map-main {
    background: url(/foto/black-mob.png) no-repeat;
    background-size:100% 100%;
        height: 800px;
}

#map-main .garant-text br{
    display:none;
}


#map-main .garant-text{
        padding-top: 30px !important;
}

#map-main .revo-ic1 {
    width: 33.3%;
    float: left;
    text-align: Center;
}

#map-main .revo-ic1 img {
    width:70%;
    display: block;
    margin: 0 auto;
}

#map-main .garant-content img {
    display: block;
}

#sert-main .garant-title {
    color: #111;
    padding-top: 0px;
    font-size:30px !important;
}
#sert-main .garant-text br{
    display:none;
}

#sert-main .garant-text {
     padding-top:30px !important;
}

#sert-main  .revo-ic11{
    font-size:25px;
}

#sert-main  .revo-ic1{
    margin-bottom: 30px;
}


#sert-main  .revo-ic111 {
    font-size: 14px;
}
#sert-main  .gos-img{
    margin-top: 30px;}
    
#sert-main  .gos-img img{
    
    display:block !important;
}

.chip-tining .sposob-miz1{
    display:none
}

.chip-tining  #sposob{
    height:1700px !important;
    position: relative;
    z-index: 2;
}

.chip-tining #sposob .marka-catalog{
    height:400px;
}




.chip-tining #sposob.revo-chip-mob {
    background: url(/foto/asphalt-nonono.png) no-repeat !important;
    background-size: 100% 550px !important;
    background-color: #fff !important;
}
.chip-tining .marka-title p br{
    display:none;
}

.chip-tining .marka-title p{
    font-size:14px;
}
.chip-tining .marka-catalog{
    display:none
}


.chip-tining  #sposob .marka-car {
    color: #111;
        font-size: 21px;
    position: absolute;
    top: 205px !important;
    left: 10px !important;
    width: 100%;
    text-align: center;
}

.chip-tining  #sposob .marka-car1{
    font-size:11px;
}


.chip-tining #sposob .marka-but{
        width: 130px;
    height: 40px;
    font-size: 13px;
    padding-top: 12px;
}


.chip-tining #sposob  #marka-c1 .marka-but {
    position: absolute;
    top: 280px;
    left: 40px !important;
}

.chip-tining #sposob #marka-c2 .marka-but {
    left: 30px !important;
    top: 280px;
}


.chip-tining #marka-c3 .marka-but {
    position: absolute;
    top: 280px;
    left: 35px;
}


.chip-tining  .slaider-rabotu{
    padding-top:50px; padding-bottom:50px;
}



.to-main .remont{
height:600px;
    background: url(/foto/to1-mob.png) 0 0 / 100% 100% !important;
}

.to-main .rem-title {
    font-size: 23px;
}

.to-main .rem-title br{
    display:none;
}

.to-main .rem-usl div{
    margin-bottom:30px;
    
}

.to-main .marka{
    width:320px;
    margin-top:-20px;
}
.to-main .marka-title{
  font-size:21px;    
    
}

.to-main .marka-title p {
    font-size: 14px;
    
}

.to-main .marka-catalog{
    display:none;
}

.to-main .marka-car {
    font-size: 20px;
}

.to-main #marka-c1 .marka-car {
    top: 100px !important;
    left: 25px !important;
}

.to-main #marka-c2 .marka-car {
      top: 90px !important;
    left: 75px !important;
}

.to-main #marka-c3 .marka-car {
    top: 100px !important;
    left: 65px !important;
}


.to-main .marka-but {
    width: 130px;
    height: 40px;
    font-size: 13px;
    padding-top: 12px;
}

.to-main #marka-c1 .marka-but {
    left: 30px !important;
    top: 275px;
}

.to-main #marka-c2 .marka-but {
    top: 265px;
        left: 35px;
}


.to-main #marka-c3 .marka-but {
    top: 275px;
    left: 44px;
}

.to-main  #slaider-marka{
    padding:0px;
}


.to-main  .marka {
    height: 500px;
}

.to-main .sert {
      height: 850px;
    background: url(/foto/fon-rem-mob.png) no-repeat;
    background-size:100% 100%;
        background-position: center -70px;
}

.to-main .sert-text-left {
    width: 250px;
    margin: 0 auto;
    float: none;
    margin-top: -250px;
}

.gos-img{  transition: .7s;}
.sv1 {
   
    margin-left: 10px;
    text-align: center;
    position: absolute;
    z-index: 2;
    width: 235px;
    height: 323px;
    box-shadow: 0 0 0 258px rgba(219, 0, 0, .6) inset;
    display: none;
    text-decoration: underline;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    padding-top: 60px;
}

.to-main .sert-text-left .but-ser{

    border: 3px solid #ff0000;
    text-align: Center;
    font-weight: bold;
    margin: 0 auto;
    padding-top: 14px;
    margin: 0 auto;
    width: 235px;
    margin-left: 10px;
    cursor: pointer;
    height: 51px;
    font-size: 18px;
    color: #ff0000;
    text-transform: uppercase;
    margin-top: 15px;

}

.to-main .sert-text-right{
   width:300px;
   float:none;
   font-size:30px;
   text-align:center;
   margin-top:40px;
    
    
}

.to-main .sert-text-right1{
 font-size:14px;   
    
}
.to-main .sert-text-right1 br{display:none;}




.sert-text-right img {
    margin-top: 18px;
    width: 24%;
}

.to-main .garant-title{
    font-size:30px !important;    
    
}

.to-main .garant-title p {
    color: black;
    font-size:14px;
    line-height:1.3;
}

.to-main .garant-catalog{
    margin-left:0px;
    width:300px;
    display: block;
}


.to-main .garant-c {
    font-size: 30px;
    font-weight: bold;
    text-transform: uppercase;
    color: white;
    width: 50%;
    height: 210px;
    position: relative !important;
    top: 0px !important; 
    left: 0px !important;
        float: left;
        background-size: 100% 70% !important;
}


.garant-1 {
    color:#111;
    padding-top: 100px !important;
    padding-left: 15px !important;
}
.garant-2{color:#111;font-size:13px;  padding-left: 15px !important;}



.tel-content{
    width:300px;
    margin:0 auto;
        height: 400px;
}
.tel-content .tel-phone{
    display:none;
}


.tel-title {
    font-size: 30px;
    font-weight: bold;
    color: black;
    text-transform: uppercase;
    line-height: 1.2;
     padding-left: 0px; 
     text-align:Center;
    padding-top: 60px;
    position: relative;
}
.tel-title p {
    font-size: 14px;
    font-weight: normal;
    text-transform: none;
    padding-top: 20px;
}
.tel-title p br{
    display:none;
}




 .to-main .slai-text {
    width: 300px;
    margin: 0 auto;
    text-transform: uppercase;
    padding-top: 0px;
    font-weight: bold;
    font-family: 'GothamPro';
    font-size: 24px;
    line-height: 1.2;
}

.to-main .sec-text2 {
    position: relative;
    font-size: 13px;
    color: #fff;
    width: 300px;
    margin: 0 auto;
    padding-bottom: 190px;
    padding-top: 20px;
}
.to-main .sec-text2 br{display:none;}


.to-main .serv-title{
    font-size:21px;
    padding-top: 120px;
}

.to-main .serv-main {
    background: url(/foto/to2-mob.png) no-repeat 0 0 / 100% 100%;
    height: 1070px;
    margin-top: 0px;
}




.to-main .serv-title p {
      margin-top:20px;
    font-size: 14px;
}
.to-main .serv-title p br{display:none;}
.to-main .serv {
    width: 300px;
    height: 700px;
    margin: 0 auto;
  
}
.serv-catalog {
    padding-top: 20px;
    display: block;
    position: relative;
}


#serv-c1,#serv-c2{
    width:300px;
        height: 320px;
    background-size: 100%;
    left:0px;
    top:0px;
    position:relative;
}

#serv-c1 div {
      position: absolute;
    top: 120px;
    font-size: 14px;
    left: 60px;
}



#serv-c2 div {
    position: absolute;
    top: 150px;
    font-size: 14px;
    left: 10px;
}

.to-main  .uslug-second {

    background: url(/foto/on3332-mob.png) no-repeat;
    background-size:100% 100%;
    height:720px;

}

.to-main .sec-text {
    width: 300px;
    padding-top: 150px;
    font-size: 30px;
}

.to-main .psd {
    position: relative;
     right: 00px;
         margin-top: 40px;
    top: 0px;}

.to-main  .sec-text2 .but{
    width:300px;
    font-size:16px;
   
}

.m-vk span,.m-wp span,.m-vb span,.m-tg span{
    display:none}
    
    .mess div p {
    margin-top: 3px;
}
.m-vk,.m-wp{
    left:45px;width:94px 
}

.m-tg,.m-vb{
    left:170px;width:94px
}



.tel-cont {
    height: 400px;
    background: url(/foto/t1-mob.png) no-repeat;
    background-size:100% 100%;
    margin-top:0px;
    margin-left: 0px; 
    font-size: 60px;
    font-weight: bold;
    text-transform: uppercase;
    color: white;
    text-align: center;
    z-index: 2;
}

.tel-cont-text {
    padding-top: 135px;
     padding-right: 0px;
    position: relative;
}
.tel-cont1 .w-1{
        padding-top: 80px;
       text-transform: none;
       font-weight:normal;
     top: 0px; }
.tel-cont1 .w-text {
    font-size:30px;
 color:#fff !important;
}
#garant-c2 .garant-1 {
    color: #111;
    padding-top: 110px !important;
    padding-left: 0px !important;
}
#garant-c2{margin-top:-10px;}

#garant-c2 
.garant-2{color:#111;font-size:13px;  padding-left: 0px !important;}

.tel {
    margin-top: -25px;
    background: url(/foto-2/t3.png) no-repeat 0 0 /100% 71%;
    height: 1000px;
}

#garant-c3{margin:0 auto;margin-top:30px;    margin-left: 70px;}

.to-main .garant {
    background: none;
    margin-top: -100px;
    height: 800px;
}

#garant-c3 .garant-1 {
    padding-top: 155px;
    padding-left: 0px !important;
    padding-top: 120px !important;
}
#garant-c3 .garant-2{    padding-left: 0px !important;}

.garant-c img{
    display:block !important;
        top: 80px  !important;
}

#garant-c1 img {
     top: 50px  !important;
    
}

#garant-c2 img {
     top: 60px  !important;
    
}

#garant-c3 img {
     top: 80px  !important;
    
}





.remont-main .remont{
background: url(/foto/r1-mob3123213.png) 0 0 / 100% 110% !important;}

.remont-main .rul-reyka {
background: url(/foto-2/rr-m.png) 0 0 / 100% 110% !important;}

.remont-turbinslide {
background: url(/foto-2/rt-m.png) 0 0 / 100% 110% !important;}

.remont-dvygunaslide {background: url(/foto-2/010-m.png) 0 0 / 100% 110% !important;}

.remont-kppslide {background: url(/foto-2/012-m.png) 0 0 / 100% 110% !important;}

.remont-akppslide {background: url(/foto-2/013-m.png) 0 0 / 100% 110% !important;}



.remont-main  .rem-title{
    font-size:19px;}


.remont-main .rem-title p {
    font-size: 30px;}
.remont-main .rem-usl div br{display:block}
.remont-main .rem-usl div{
    width:230px;
    margin-bottom:20px;}

.remont-main .marka br{display:none;}
.remont-main .marka {
    height: 500px;
        width: 315px;
    margin-top: 0px;
}
.remont-main .marka-title {
    font-size: 21px;
}

.remont-main .marka-title p {
    font-size: 14px;
}

.remont-main .marka-catalog {
    display: none;
}



.remont-main #marka-c1 .marka-car {
    top: 100px !important;
    left: 25px !important;
}

.remont-main #marka-c2 .marka-car {
    top: 90px !important;
    left: 75px !important;
}

.remont-main #marka-c3 .marka-car {
    top: 100px !important;
    left: 65px !important;
}


.remont-main #marka-c1 .marka-but {
    left: 0px !important;
    top: 275px;
}


.remont-main #marka-c2 .marka-but {
    top: 265px;
    left: 35px;
}


.remont-main #marka-c3 .marka-but {
    top: 275px;
    left: 44px;
}
.remont-main  .marka-car {
    font-size: 20px;
}

.remont-main .marka-but {
    width: 190px;
    height: auto;
    font-size: 13px;
    padding-top: 12px;
}
.remont-main  #slaider-marka {
    padding: 0px;
}




.remont-main .uslug-second {
    background: url(/foto/on3332-mob.png) no-repeat;
    background-size: 100% 100%;
    height: 720px;
}

.remont-main .sec-text {
    width: 300px;
    padding-top: 150px;
    font-size: 30px;
}

.remont-main .sec-text2 {
    position: relative;
    font-size: 13px;
    color: #fff;
    width: 300px;
    margin: 0 auto;
    padding-bottom: 190px;
    padding-top: 20px;
}

.remont-main .sec-text2 .but {
    width: 300px;
    font-size: 16px;
    padding-top: 11px;
}

.remont-main .psd {
    position: relative;
    right: 00px;
    margin-top: 40px;
    top: 0px;
}

.remont-main .slai-text {
    width: 300px;
    margin: 0 auto;
    text-transform: uppercase;
    padding-top: 30px;
    font-weight: bold;
    font-family: 'GothamPro';
    font-size: 24px;
    line-height: 1.2;
}


.remont-main  .sec-text2 {
    position: relative;
    font-size: 13px;
    color: #fff;
    width: 300px;
    margin: 0 auto;
    padding-bottom: 190px;
    padding-top: 20px;
}
.slider1{margin-bottom:20px;}


.remont-main .sert {
    height: 890px;
    background: url(/foto/fon-rem-mob.png) no-repeat;
    background-size: 100% 100%;
}

.remont-main .sert-text {
    width: 300px;
    margin: 0 auto;
    padding-top: 0px;
}

.remont-main .sert-text-left .but-ser {
    border: 3px solid #ff0000;
    text-align: Center;
    font-weight: bold;
    margin: 0 auto;
line-height:45px;
    margin: 0 auto;
    width: 235px;
    margin-left: 10px;
    cursor: pointer;
    height: 51px;
    font-size: 18px;
    color: #ff0000;
    text-transform: uppercase;
    margin-top: 15px;
}


.remont-main .sert-text-right {
    width: 300px;
    float: none;
    font-size: 30px;
    text-align: center;
    margin-top: 40px;
}
.remont-main .sert-text-right1 br{display:none;}
.remont-main .sert-text-right1 {
    font-size: 14px;
}


.remont-main .serv {
    width: 300px;
    height: 850px;
    margin: 0 auto;
}

.remont-main .serv-title {
    font-size: 21px;
    padding-top: 10px;
}
.remont-main .serv-title p br{display:none;}
.remont-main .serv-title p {
    margin-top: 20px;
    font-size: 14px;
}


.remont-main .garant-title {
        padding-top: 100px;
   
    font-size: 30px !important;
}

.remont-main .garant-title p {
 
    font-size: 14px;
    line-height: 1.3;
}


.remont-main .garant {
         margin-top:40px;
    background: url(/foto/r32132313.png) 0 0 / 100% 100%;
    height:900px;

}

.remont-main  .garant-catalog {
    margin-left: 0px;
    width: 300px;
    display: block;
}

.remont-main  .garant-2, .remont-main .garant-1{color:#fff !important;}
.remont-main  .garant-c {
    font-size: 30px;
    font-weight: bold;
    text-transform: uppercase;
    color: white;
    width: 50%;
    height: 210px;
    position: relative !important;
    top: 0px !important;
    left: 0px !important;
    float: left;
    background-size: 100% 70% !important;
}



.online-main{width:300px;}
.online-zag {
    text-transform: uppercase;
    font-size: 30px;
    font-weight: bold;
}
.online-text br{display:none}

.main-poloska {
    width: 300px;}

.online-text {
    padding-top: 10px;
    font-size:14px;
}

.online-first-main {
    text-transform: uppercase;
    font-size: 18px;
    font-weight: bold;
    line-height:1.3;
    margin-bottom: 25px;
}

#zero-first .online-var-first1{
width:100%;    
margin-bottom:40px;
}


 .online-main label:after {
    width:21px;
    height:21px;
    margin-left: 140px;}

.first-next, .second1-next, .second2-next, .third1-next, .third2-next, .third3-next{
    margin-top:-10px;}

#gay1,#gai2   { max-width: 500px;margin-left: -100px !important;}

.online-var-first1 {font-size:18px;}
#second-first label:after, #second-third label:after {
    margin-left: 64px;
}

#second-first .online-var-first1, #second-third .online-var-first1{width:50%;height:130px;
float:left;    }

#second-second label:after, #third-first label:after,#third-third label:after{
    margin-left: 65px;}
   #second-third .online-var-first1{margin-bottom: 10px;} 
 #third-second .online-var-first{        margin-bottom: 40px;
    margin-top: 30px; }
    
    
#second-second .online-var-first1,#third-first .online-var-first1 ,#third-third .online-var-first1{
width:50%;height:130px;
float:left;   
}

#third-third .online-var-first1 span{font-size:12px;margin-bottom:10px;}

#final {
    width: 300px;
    margin: 0 auto;
}

.online-first-main1 {
    margin-bottom: 0px;
    margin-top: -15px;
    font-size:15px;
}  
.final-left{width:100%;}

.final-right{display:none;}
.online-first-main1 br {display:none;}


.online-var-first1 img{margin:0 auto;margin-bottom:8px;}
}
/*блок по 3 в ряд на стр ремонт реек*/
.remont-reek .uslug {height: auto; padding-bottom: 20px;}

.remont-reek .uslug-left {
    text-align: left;
    width: 1000px;
    line-height: 1.3;
    padding-top: 0px;
}
.remont-reek .uslug-left .title-min {font-size: 40px;}


@media only screen and (max-width: 991px){
.remont-reek .uslug-left {
    font-size: 23px;
    text-align: center;
}
.remont-reek .uslug-left .title-min {font-size: 28px;}
}

/*текст под списком признаков поломки на стр ремонт раздаточніх коробок */
@media only screen and (max-width: 991px){
#prichina-polomki {font-size: 14px;
    font-weight: 500;
    text-transform: none;
    margin-left: 25px;
    margin-right: 25px;}
	}
#prichina-polomki {
font-weight: 600;
font-size: 16px;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}