@import "normalize.css";

/*.section-outer{}
  body
  .section-header

  .section-header-wrapper .section-header-wrapper_title,
  .section-header-wrapper .section-header-wrapper_subtitle{ }*/



  /*Вынести общие и частные стили*/

  .burger-menu-button{
    z-index:8888;
    height:50px;
    width:50px;
    position:fixed;
    top:35px;
    left:10px;
    background-color:rgb(242 0 0);
    cursor:pointer;
    transition:0.4s;
    border-radius:50%;

    }

    .burger-menu:hover .burger-menu__lines{
      filter:brightness(0.7);
    }

  .burger-menu__lines,
  .burger-menu__lines:after,
  .burger-menu__lines:before{
    width:30px;
    height:3px;
    background-color:white;
    border-radius: 20px;
    position:absolute;
  }

  .burger-menu__lines{
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);

  }

  .burger-menu__lines::before{
    content:'';
    top:-8px;

  }

  .burger-menu__lines::after{
    content:'';
    top:8px;
  }

  .burger-menu-active .burger-menu-button,
  .burger-menu-active .burger-menu__lines{
    background-color:transparent;
  }

  .burger-menu-active .burger-menu__lines:before{
    top:0;
    transform: rotate(45deg);
  }

  .burger-menu-active .burger-menu__lines:after{
    top:0;
    transform: rotate(-45deg);
  }

  .burger-menu-nav{
    position:fixed;
    z-index:100;
    display:flex;
    flex-direction: column;
    height:100%;
    width:35%;
    max-width:400px;
    background-color:#F20000;
    padding-top:150px;
    left:-150%;
    transition:0.5s;

  }

  .burger-menu-active .burger-menu-nav{
    left:0;
  }


  .burger-menu-nav li
  {
    padding:20px;
    font-family: 'Montserrat', regular;
    font-size: 20px;
    text-decoration:none;
    text-transform:uppercase;
    color:white;
    list-style-type: none;
  }

  .burger-menu-nav li:hover
  {
    cursor:pointer;
  }

  .burger-menu-link:hover:before{
    cursor:pointer;
    text-decoration:none;
	content:"\2212";
    position:relative;
    left:-5px;
    color:black;
    font-weight: bold;
    padding-right: 10px;
  }

  .burger-menu__overlay{
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100vw;
    min-height:100vh;
    z-index:99;
  }

  .burger-menu-active .burger-menu__overlay{
    display:block;
    background-color:rgba(0, 0, 0, 0.5);
  }


.mainscroll{
  position:fixed;
  top:40%;
  right:30px;
  z-index:9999;

}


ul.scroll{
  list-style:none;
  margin-right:0;
  padding-inline-start: 0px;
}



/*ul.scroll li{
  background-color: #F20000;
  border-radius:50%;
  cursor: pointer;
  margin:10px 0px 10px 0px;

}


ul.scrill li{
  padding:10px;
  border:1px solid transparent;
}*/

ul.scroll li a{
  height: 110%;
   width: 110%;
   display: block;
   border:5px solid transparent;
   background-color:rgb(0 0 0);
   border-radius:50%;
   cursor: pointer;
   margin:10px 0px 10px 0px;
   padding:5px;
}


@media only screen and (min-device-width:768px) and (max-device-width: 1024px){
ul.scroll a:hover{
box-shadow: 0 0 0 5px #085BB7;
}
}

ul.scroll li a.current{
  background-color: #085BB7;
  box-shadow: 0 0 0 5px #085BB7;

}

  .section-outer{
    padding-right:20px;
    padding-left:20px;

  }


.section-header{
  color:#ffffff;
  background: url(../img/carcar.png) no-repeat 50% 50%;
  background-size: cover;

}


  .section-header .section-inner{
    max-width:1270px;
    margin:0 auto;
    min-height:130vh;
    position:relative;
    z-index:10;
    display:flex;
    flex-direction:column;

  }

  .section-header-wrapper{
    max-width:1270px;
    position:relative;
  }


  /*.burger-menu-bar{
  height:40px;
  flex-shrink: 1;
  position:fixed;
  top:35px;
  right:1545px;
  width:45px;
  background-color:red;
  z-index:8888;
  }*/


    .section-header .section-header-logo
  {
    flex-shrink: 0;
    padding-left: 65px;

  }

  .logo-pic{
    z-index:9998;
    position:absolute;
    z-index:300;
  }

  .section-header-content{
    display:flex;
    flex-grow: 1;
    align-items:center;
    padding-left: 65px;
  }


.section-header-wrapper_title{
  font-family: 'Open Sans', bold;
  font-size: 60px;
  line-height: normal;
  padding-left:0px;
}

.section-header-wrapper_subtitle{
font-family: 'Montserrat', regular;
font-size: 20px;
line-height: normal;
margin:0 0 30px;
width:85%;
padding-left:0px;
}



   .appoint-button{

      background-color: #F20000;
      /* blue */
      border: none;
      color: white;
      padding: 15px 30px;
      text-align:center;
      text-decoration:none;
      display: inline-block;
      font-size: 14pt;
      border-radius: 50px;
      }


       .appoint-button{
         cursor:pointer;
       }


        .appoint-button:hover{
          cursor:pointer;
          text-decoration:none;
        }

    .appoint-button{
      color: white;
      text-decoration: none;
      font-size: 14pt;
      font-family: 'Open Sans', bold
      font-size: 14px;
      line-height: normal;

    }

    .appoint-button:visited{
      color: white;
      text-decoration: none;
      font-size: 14pt;
      font-family: 'Open Sans', bold;
      font-size: 14px;
      line-height: normal;

    }


    .section-header-contacts{
      position:absolute;
      max-width: 1380px;
      min-width: 290px;
      text-align: right;
      margin-top:25px;
      flex-shrink: 0;
      padding-left:450px;
      padding-right:20px;
    }

    .section-header-contacts li{
      display:inline-block;
      padding-left:100px;
      padding-top:5px;
      font-family: 'Montserrat', regular;
      font-size: 20px;
      line-height: normal;
      }



hr{
border-color: #F20000;
width:165px;
margin-left:0;
margin-top:45px;
margin-bottom:45px;
}


.section-aboutus .section-inner{
  padding-top:75px;
  padding-bottom:75px;
  flex-direction:column;
  display:flex;
  align-items: center;
  max-width:1270px;
  margin:0 auto;
  position:relative;
  min-height:100vh;
}

.aboutus-wrapper{
  max-width:1140px;
  max-height:810px;
  margin:auto;
  position:relative;
}

    .section-promo-1{
      position:relative;
    }

    .section-promo-1 .section-promo-1-title{
      font-family: 'Open Sans', bold;
      font-size: 42px;
      line-height: normal;
      position:relative;
    }

    .section-promo-1 .section-promo-1-text{
      font-family: 'Montserrat', regular;
      font-size: 14px;
      line-height: normal;
      position:relative;
    }


  .section-promo-2{
    position:relative;
  }

    .promo-2-row-1{
      display:flex;
      margin-top:60px;

    }

    .inline-promo{
      display:flex;
    }

    .inline-promo-2{
      display:flex;
    }
    /* НЕМНОЖКО ОПТИМИЗИРОВАЛ, МОЖНО ЧЕРЕЗ DIV, А ТАКЖЕ ВЫРОВНЯТЬ ТЕКСТ ПО ЛЕВОЙ СТОРОНЕ */


      .au-option-1,
      .au-option-2,
      .au-option-3,
      .au-option-4{
        margin-left:50px;
      }

      .option-text{
        font-family: 'Montserrat',
        regular;
        font-size: 16px;
        line-height: normal;
        margin-top: 10px;
        font-weight: 700;
      }



    .ach-num{
      font-family: 'Open Sans', bold;
      font-size: 60px;
      line-height: normal;
      color:#F20000;
    }

    .ach-text{
      font-family: 'Montserrat', regular;
      font-size: 14px;
      line-height: normal;
    }

    .au-ach-1,
    .au-ach-2,
    .au-ach-3{
      margin-left:50px;
      margin-top:65px;
    }

    .au-ach-4{
      margin-top:85px;
      margin-left:50px;
    }


.section-price{
  background: url(../img/second-bg.png) no-repeat 50% 50%;
  background-size: cover;
}

.section-inner-price{
  align-items: center;
  position:relative;
  margin:0 auto;
  padding-top:50px;
  padding-bottom:50px;
  min-height:100vh;


}

  .price-content{
    background-color:#26262fb8;
    max-width:1140px;
    height:810px;
    margin:auto;
    padding:75px;
    }


    .price-title{
      font-family: 'Open Sans', bold;
      font-size: 42px;
      line-height: normal;
      color:#ffffff;
    }
    .price-subtitle{
      font-family: 'Montserrat', regular;
      font-size: 14px;
      line-height: normal;
      color:#ffffff;
    }

    .your-car{
      margin-top:30px;
      text-align:justify;
      max-width:1270px;
      padding: 0px 65px 0px 65px;

      }

      .all-car-adapt{
        display:flex;
        justify-content: center;
      }

    .your-car .cars{
      padding:20px 30px 20px 30px;
      text-align:center;
      border-bottom: 4px solid #F20000;
      text-align:center;
      background-color:transparent;
      outline:none;
      border-top:none;
      border-right:none;
      border-left:none;

    }



    .selected-car span{
      color:#F20000;
    }


    .first-car div.ico-1{
        background:url("../img/sed-white.png") no-repeat 50% 50%;
        background-size:contain;
        width:110px;
        height:44px;
      }

    .selected-car div.ico-1{
      background:url("../img/sed-blue.png")no-repeat 50% 50%;
      background-size:contain;
      width:112px;
      height:46px;
    }


  .second-car div.ico-2{
          background:url("../img/hb-white.png")no-repeat 50% 50%;
          background-size:contain;
          width:112px;
          height:46px;
        }

  .selected-car div.ico-2{
            background:url("../img/hb-blue.png")no-repeat 50% 50%;
            background-size:contain;
            width:112px;
            height:46px;
        }

  .third-car div.ico-3{
                background:url("../img/uni-white.png")no-repeat 50% 50%;
                background-size:contain;
                width:112px;
                height:46px;
              }

  .selected-car div.ico-3{
                background:url("../img/uni-blue.png")no-repeat 50% 50%;
                background-size:contain;
                width:112px;
                height:46px;
            }

  .fourth-car div.ico-4{
                background:url("../img/jeep-white.png")no-repeat 50% 50%;
                background-size:contain;
                width:112px;
                height:46px;
            }

  .selected-car div.ico-4{
                background:url("../img/jeep-blue.png")no-repeat 50% 50%;
                background-size:contain;
                width:112px;
                height:46px;
            }

  .fifth-car div.ico-5{
                background:url("../img/fur-white.png")no-repeat 50% 50%;
                background-size:contain;
                width:112px;
                height:46px;
              }

  .selected-car div.ico-5{
                background:url("../img/fur-blue.png")no-repeat 50% 50%;
                background-size:contain;
                width:112px;
                height:46px;
              }


    .car-type {
      color: #ffffff;
      width: 120px;
      display: block;
    }

    .service-container{


    }

    .service{
      display:none;
      min-height:265px;
      margin-top:20px;
      position:relative;

    }

    .showblock{
      display:flex;


    }



      .pack-1,
      .pack-2,
      .pack-3{
        border:1px solid white;
        border-radius:20px;
        margin:10px;
        text-align:center;
        min-height:245px;
        padding: 25px 20px 25px 20px;
      }
        .pack-name{
          font-family: 'Open Sans', regular;
          font-size: 25px;
          line-height: normal;
          color:#ffffff;
          padding-bottom:10px;
		      word-break: break-word;
        }

         .pack-price{
          margin-bottom:10px;
        }

         .pack-price span{
          font-family: 'Open Sans', bold;
          font-size: 45px;
          line-height: normal;
          color:#F20000;
          display:block;
          text-align:center;
		  white-space:nowrap;
        }

        .pack_text {
          font-family: 'Open Sans', regular;
          font-size: 16px;
          line-height: normal;
          color: #ffffff;
          margin-top: 10px;
          min-height: 310px;
          text-align: left;
        }

        .pack-time span{
          font-family: 'Open Sans', regular;
          font-size: 20px;
          line-height: normal;
          color:#ffffff;
          margin-top:25;
          display:block;
          text-align:center;
        }

        .pack-price span,
        .pack-time span{
          display:inline;
          text-align:center;
        }

        .service .pack-price,
        .service .pack-time{
			white-space:nowrap;
        }



      /*  .pack-price{}
          .price-nom{}
          .price-ico{}
        .pack-time{}
          .pack-time-ico{}
          .pack-time-num{}*/


  .promo-inner{
    padding-top:45px;
    padding-bottom: 45px;
    align-items:center;
    max-width:1270px;
    margin:0 auto;
    position:relative;
    min-height:100vh;
    display:flex;
    flex-direction:column;
  }

  .promo-inner-mob{
    padding-top:45px;
    padding-bottom: 45px;
    align-items:center;
    max-width:1270px;
    margin:0 auto;
    position:relative;
  
  }

  .promo-wrapper{
    max-height:810px;
    max-width:1140px;
    margin:auto;
    position:relative;

  }



  .promosection-news{
    padding-right:30px;
    height:760px;
}

.promotext-text{
  display:none;
}

.shownews{
  display:inline-block;
  }

.slider-news .slick-prev,
.slider-news .slick-next {
    -webkit-transform: translate(-50%, 0) rotate(90deg);
    -ms-transform: translate(-50%, 0) rotate(90deg);
    transform: translate(-50%, 0) rotate(90deg);
    left: 50%;
}

.slider-news .slick-prev {
    top: -10px;
}

.slider-news .slick-next {
    top: auto;
    bottom: -20px;
}

.slider-news .slick-arrow {
    width: 30px;
    display: block;
    margin: 0 auto;
    cursor: pointer;
}

.slider-news .slick-arrow:hover {
    opacity: .6;
}


.news-line{
  margin-bottom:45px;
  margin-top:27px;
  }

    .news-line span {
    font-family: 'Montserrat', regular;
    font-size: 14px;
    line-height: normal;
    text-align:left;
    display:block;
    color:black;

  }

  .promosection-news.slider-news{
    max-width:25%;
    height:100%;
  }

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

  .promo-content{
    display:flex;
  }

  .promo-inner .promo-content.content-mob{
    display:block;
  }

  .text-slide{
    margin-left:20px;
    margin-right:20px;
  }

  .my-dots {
  position: absolute;
  bottom:-65px ;
  display: block;
  width: 100%;
  padding: 0;
  list-style: none;
  text-align: center;
  margin-top:20px;
}

.my-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}

.my-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}

.my-dots li button:hover,
.my-dots li button:focus {
  outline: none;
}

.my-dots li button:hover:before,
.my-dots li button:focus:before {
  opacity: 1;
}

.my-dots li button:before {
  font-family: 'slick';
  font-size: 6px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: url('https://upload.wikimedia.org/wikipedia/commons/b/b7/Rule_Segment_-_Circle_open_-_20px.svg');
  text-align: center;
  opacity: .25;
  color: black;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

}

.my-dots li.slick-active button:before {
  opacity: .75;
  color: black;
}



  .promotext-title{
    font-family: 'Open Sans', bold;
    font-size: 32px;
    line-height: normal;
  }

  .promotext-description{
    font-family: 'Montserrat', regular;
    font-size: 14px;
    line-height: normal;
    margin-top: 15px;
  }

  .promotext-text {
      flex-direction:column;
      }

  .content-mob .promotext-text{
    display:block;
  }

  .promotext-text .promotext-pic img{
    width:100%;
    height:100%;
  }

  .section-reviews{
    background: url(../img/foto-backgraunds.svg) no-repeat 50% 50%;
    background-size: cover;
  }

  .review-inner{
    align-items: center;
    position:relative;
    margin:0 auto;
    padding-top:65px;
    padding-bottom:65px;
    min-height:100vh;
  }

  .review-content{
    background-color:rgba(20, 39, 41, .6);
    max-width:1140px;
    margin:auto;
    padding:75px;
  }


    .review-content .review-title{
      font-family: 'Open Sans', bold;
      font-size: 42px;
      line-height: normal;
      color:#ffffff;
    }
    .review-content .review-subtitle{
      font-family: 'Montserrat', regular;
      font-size: 14px;
      line-height: normal;
      color:#ffffff;
    }
    .review-pic-blocks{
      padding-left: 45px;

      }

      .reviews-row div{
        margin-top:40px;

      }

      .slide-1,
      .slide-2{
        padding-left:35px;
        padding-right:35px;
      }

      .container .row.reviews-row{
        margin-right: 0px;
        margin-left: 0px;
      }

      .review-pics{
        margin:auto;
      }



.section-appoint{}


  .appoint-inner{
    flex-direction:column;
    padding-top:45px;
    padding-bottom: 45px;
    display:flex;
    align-items: center;
    max-width:1180px;
    margin:0 auto;
    position:relative;
    min-height:100vh;
    }

    .appoint-wrapper{
      max-height:auto;
      max-width:1140px;
      margin:0 auto;
      position:relative;
    }


    .appoint-content{
      max-width:1270px;
      position:relative;
    }

  .appoint-title{
    font-family: 'Open Sans', bold;
    font-size: 42px;
    line-height: normal;
    }


    .appoint-bitrix{
      margin:0px auto 30px auto;
      text-align: center;
      /*padding-bottom:20px;
      max-width:592px;
      max-height:658px;
      background:url(../img/appointpic.png);*/
    }

    .appoint-bitrix img{
      width:100%;
      height:100%;
    }

    .appoint-content{
      padding-bottom:20px;
    }


.section-footer{
  background: url(../img/back-cont.svg) no-repeat 50% 50%;
  background-size: cover;

}


  .footer-inner{

    align-items: center;
    position:relative;
    margin:0 auto;
    padding-top:50px;
    padding-bottom:50px;
    max-width:1270px;
    min-height:100vh;

  }

  .footer-content{
    background-color:#26262fbf;
    max-width:1140px;
    min-height:810px;
    margin:auto;
    padding:75px;
    position:relative;
  }

  .footer-wrapper{
    display:flex;
    max-width:1140px;
  }

  .footer-contacts{
    flex-basis:30%;

  }

  .map{
    flex-basis:70%;
    padding-left:45px;
    max-width:630px;
  }

  .map img{
    width:100%;
    height:100%;
  }

  .footer-subtitle{
    font-family: 'Montserrat', regular;
    font-size: 14px;
    line-height: normal;
    color:#ffffff;
  }

  .footer-title{
    font-family: 'Open Sans', bold;
    font-size: 42px;
    line-height: normal;
    color:#ffffff;
  }

  .socialmedia li{
    display:inline-block;
    margin-top:60px;
  }

  li.fb {
    padding-left: 20px;
  }


  ul.socialmedia,
  li.vk{
    padding:0;
  }

  .section-footer .footer-content .footer-button{
  margin-top:85px;
  }

  .sm-icons{
    padding-top:60px;
    padding-bottom:60px;
    cursor:pointer;
  }





.your-car div:hover{
  cursor:pointer;
}



/*адаптив*/
@media screen and (orientation:landscape) and (max-height:500px){
  .burger-menu-nav li{
    padding:10px 10px 10px 10px;
  }
}

@media screen and (orientation:landscape) and (max-height:350px) and (max-width:580px){

  .burger-menu-nav li{
    font-size:12px;
  }

    .your-car{
      margin:20px auto 0px auto;

    }

  }


@media(max-width:1270px){
  .news-line{
      margin-bottom:37px;
      margin-top:27px;
      }

  .your-car .cars .car-ico{
    min-width:70px;
    min-height:16px;
  }

  .promo-inner{
    padding:
  }
}


@media (max-width:1090px){
  .your-car{
    padding:0 50px;
  }

  .your-car .cars{
    padding:10px 20px;
  }

  .price-content{
    padding:60px 35px;
  }

  .footer-content{
    padding:50px 35px;

  }



  }

@media (max-width:992px){
  .slider-inner .container .review-pic-blocks{
    margin:20px auto 0px auto;
  }

  .footer-wrapper{
    flex-direction:column;
  }

  .footer-contacts{
    text-align:center;
  }

  .footer-contacts hr{
    margin:25px auto 25px auto;
  }

  .footer-contacts p{
    margin-bottom:10px;
  }

  .map{
    margin:20px auto 0px auto;
    padding-left:0px;
  }

}


@media (max-width:979px){
  .section-header-wrapper_title{
    font-size: 40px;

  }

  .section-header-wrapper_subtitle{
    font-size:16px;
  }

  .section-header-logo img{
    width:90px;
    height:98px;
  }

  .section-inner .section-header-contacts li{
    font-size:16px;
  }

  .section-header-content{
    padding-left:35px;
  }

  hr{
    margin-top:25px;
    margin-bottom:25px;
  }

  .burger-menu-nav{
    padding-top:80px;
  }

  .burger-menu-nav ul{
    padding-left:20px;
  }

  .burger-menu-nav li{
    font-size:16px;
    padding-left: 0px;

  }

  .burger-menu-active .burger-menu-nav li:hover::before{
    padding:2px;
  }

  .burger-menu-button{
    position:fixed;
    top:20px;
    left:10px;
  }

  .promosection-news{
    padding-right:15px;
  }

  .news-line{
    margin-bottom:24px;
    margin-top:20px;
    }

    .promotext-text .promotext-title.title{
      font-size:25px;
    }

}

  @media(max-width:970px){
    .au-ach-2{
      margin-top:43px;
    }


  }

  @media(max-width:945px){
    .au-ach-4{
      margin-top:65px;
    }

    /*.your-car{
      padding:0 30px;
    }
    */
  }

  @media(max-width:900px){
    .au-ach-1,
    .au-ach-3{
      margin-top:43px;
    }
  }

@media (max-width:895px){

  .mainscroll{
    display:none;
  }

  .your-car .cars{
    padding:5px 10px;
  }


  .slider-inner .container .picture-block-2{
    display:none;
  }


.slider-inner .container .review-pic-blocks{
  margin:20px auto 0px auto;
}





@media (max-width:820px){
  .section-inner .section-header-contacts{
    padding-left:200px;
  }

}



@media(max-width:800px){
  .promo-2-row-1{
    flex-direction:column;
    text-align:center;
	line-height:normal;
  }

  .inline-promo-2,
  .au-ach-1,
  .au-ach-2,
  .au-ach-3,
  .au-ach-4{
    margin-top:45px;
  }

  .au-option-4,
  .au-ach-4{
    margin-left:25px;
  }

  .section-aboutus{
    min-height:1200px;
    }

    .price-content{
      min-height:850px;
    }

  .your-car .cars span{
    display:block;
    text-align:center;
    font-size:14px;
  }

  .your-car .cars div.car-ico{
  width:90px;
  }


  .service .col-3{
    max-width:300px;
    height:200px;
  }

  .service .pack-1,
  .service .pack-2,
  .service .pack-3{
    min-height:60px;
    padding:20px 15px;
    margin-top:5px;
  }

  .service .pack-name  {
    font-size:16px;
  }

  .service .pack-1 .pack-price span,
  .service .pack-2 .pack-price span,
  .service .pack-3 .pack-price span{
    font-size:35px;
  }

  .service .pack-1 .pack-price span img,
  .service .pack-2 .pack-price span img,
  .service .pack-3 .pack-price span img{
    max-height:30px;
  }


  @media(max-width:730px){
    .section-aboutus{
      min-height:1250px;
    }

    .your-car{
      padding:0 15px;
    }

    .your-car .cars span {
    font-size: 12px;
}
  }


  }

  @media (max-width:685px){
    .au-ach-3{
      margin-top:45px;
    }


    .au-option-1,
    .au-ach-1,
    .au-option-3,
    .au-ach-3{
      margin-left:0px;
    }

    .service .pack-1,
    .service .pack-2,
    .service .pack-3{
      padding:20px 10px;
    }





  }

  @media (max-width:666px){
    /*.container .row.reviews-row .picture-block-3{
      display:none;
    }*/

    .slider-inner .container .review-pic-blocks{
      margin:50px auto 0px auto;
    }

    .slider-inner .container .review-pic-blocks{
      margin:10px auto 10px auto;
    }

    .your-car{
      padding:0 20px 0 20px;
    }


    .price-adapt{
      display:flex;

    }


    .all-car-adapt{
      flex-direction: column;

      }

    .all-car-adapt .cars{
      padding:15px;
      border-bottom:none;
      border-left:2px solid #F20000;
    }




      .service-container{
        margin:0;
		display:flex;
      }

      .service-container .service{
      position:relative;
      flex-direction:column;
      margin-top:5px;
    }


    }

  @media (max-width:620px){

    .section-inner .section-header-contacts{
      padding-left:120px;
      padding-right:5px;
    }

    .au-ach-3{
      margin-top:23px;
    }

    .service-container .service{
      padding-left:100px;
    }

    .service .pack-time-num{
      font-size:16px;
    }

    .service .pack-time img{
      width:15px;
      height:15px;
    }

    /*.pack-2{
      margin:auto 5px;
    }*/

    .service-container .service{
      padding-left:0px;
    }

    .news-line span{
      font-size:12px;
    }

    .promotext-text .promotext-description{
      font-size:12px;
    }

    .promotext-text .promotext-title.title{
      font-size:20px;
    }


    }

    .news-line{
      margin-bottom:27px;
      margin-top:22px;
      }

    }


@media (max-width:600px){
  .service .pack-price span.price-nom,
   .service .pack-price span.pack-price-nom{
    font-size:26px;
  }

  .service .pack-price  img{
     max-width:16px;
     max-height:23px;
   }

   .your-car{
     padding:0;
     margin-top:20px;
   }


   .your-car .cars span.car-type{
     margin-bottom:10px;
   }


   div.car-adapt-2{
     margin-top:10px;
   }

     .your-car .cars div.car-ico{
       width:110px;
       height:43px;
     }

  .your-car .cars span{
    font-size:12px;
  }

  .news-line{
    margin-top:13px;
    margin-bottom:13px;
  }

}

@media(max-width:550px){
  .section-aboutus .section-inner,
  .appoint-inner{
    padding-top:35px;
  }
}

@media (max-width:500px){

  .burger-menu-nav{
    width:80%;
  }

  .burger-menu-button{
    position:fixed;
    top:8px;
    left:8px;
  }

  .section-header .section-header-logo{
    padding-left:45px;
  }


  .section-header-wrapper{
    text-align:center;

  }

  .section-header-wrapper_title{
    text-align:center;
    padding-right:0px;
    font-size: 35px;
  }

  .section-header-wrapper_subtitle{
    text-align:center;
    padding-right:0px;
    margin:0 auto;
  }

  hr{
    margin:15px auto 15px auto;
  }




  .section-header-logo img{
    width:75px;
    height:83px;
  }

  .section-inner .section-header-contacts{
    padding-left:28px;
    padding-right:15px;
    margin-top:10px;
  }

.section-header-contacts ul.header-contacts li{
  font-size:11px;
  padding-left:60px;
}



.section-header-wrapper_subtitle{
  font-size:16px;
}


.section-header-content{
  padding-left:0px;
  margin:0 auto;
}

/*hr{
  margin-top:15px;
  margin-bottom:15px;
}*/

.section-header-wrapper_button{
  text-align:center;
}

.appoint-button{
    margin:65px auto 0px auto;
   padding: 12px 20px;
   font-size: 14pt;
  }

  .section-aboutus{
    min-height:1950px;
  }

  .section-aboutus .section-inner{
    padding-top:35px;
  }

  .section-promo-1 .section-promo-1-title{
    font-size:35px;
    text-align:center;
  }

  .section-promo-1-text{
    text-align:center;
  }

  .inline-promo,
  .inline-promo-2{
    flex-direction:column;
  }


  .au-ach-1,
  .au-ach-2,
  .au-ach-3,
  .au-ach-4,
  .au-option-3,
  .au-option-1,
  .au-option-2,
  .au-option-4{
    margin-left:0px;
    }

  .au-ach-1,
  .au-ach-2,
  .au-ach-3,
  .au-ach-4,
  .au-option-2,
  .au-option-4{
    margin-top:40px;
  }



  /*.section-price{
    min-height:1000px;
    }

  .price-inner{
    min-height:1000px;
  }*/

  .price-content{
    padding:20px 15px 20px 15px;
  }

  .price-title{
    font-size: 35px;
    text-align:center;
  }

  .price-subtitle{
    font-size:14px;
    text-align:center;
  }

  .all-car-adapt{
    margin-top:20px;
  }

  /*.car-adapt-1{
    margin-bottom:20px;
  }

  .car-ico{
    margin-right:15px;
  }*/

/*  .service-container .service{
    padding-left:0px;
  }
  */

/*  .service .pack-1,
  .service .pack-2{
    margin-right:10px;
  }

  .service .pack-2 .pack-time,
  .service .pack-2 .pack-price{
    margin-top:20px;
  }

  .service .pack-3 .pack-price,
  .service .pack-3 .pack-name{
    margin-bottom:0px;
  }
*/
  .your-car{
    margin:10px auto 10px auto;
  }

  .your-car .cars{
    padding-bottom:10px;

  }

  /*.your-car .cars{
    width:100px;
    height:55px;
    padding:0px;
  }

  .your-car .cars span.car-type{
    margin-bottom:10px;
  }


  div.car-adapt-2{
    margin-top:10px;
  }

    .your-car .cars div.car-ico{
      width:95px;
      height:35px;
    }
*/
  .news-line{
    margin-top:10px;
    margin-bottom:10px;
  }

  .promotext-title,
  .promotext-text,
  .promotext-description{
    text-align:left;
  }


  .review-content{
    padding:20px 15px 20px 15px;
  }

  .slide-1,
  .slide-2{
    padding-left:0px;
    padding-right:0px;
  }

  .slick-arrow:before{
    display:none;
  }

  .review-content .review-title{
      font-size: 35px;
      text-align:center;
    }

  .appoint-title{
    text-align:center;
    font-size:35px;
  }

  .footer-content{
      padding:20px 15px 20px 15px;
    }

  .footer-title{
    font-size: 35px;
    text-align:center;
  }

  .section-footer .appoint-button{
    margin-top:0px;
    margin-bottom:10px;
  }


}


@media (max-width:400px){
  .section-outer .section-header-wrapper{
    padding:0;
  }

  .section-inner .section-header-contacts{
    padding-right:5px;
  }

  .section-header-wrapper{
    padding-left:10px;
  }
}


@media (max-width:361px){
  .section-header-wrapper_title{
    font-size: 30px;
  }

  .section-header-wrapper{
    padding-left:10px;
    padding-right:10px;
    text-align:center;

  }

  .section-header-content{
    padding-right:0px;
    text-align:center;
  }
}


@media (max-width:350px){
  .section-header-wrapper{
    padding-left:5px;
    text-align:center;

  }

  .section-header-wrapper_title{
    font-size: 28px;
  }

  .section-header-wrapper_subtitle{
    text-align:center;
    padding-right:0px;
    margin:0 auto;
  }

  hr,
  .footer-contacts hr{
    margin:15px auto 15px auto;
  }

  /*.your-car .cars div.car-ico{
    width:85px;
    height:30px;
    margin-right:0;
  }*/

  .section-price,
  .section-reviews,
  .section-footer{
    padding:0;
  }



  .price-content{
    padding:7px;
  }

  .footer-content{
    padding:7px;
  }
}

@media screen and (orientation:landscape) and (max-height:500px){
  /*.section-header .logo-pic{
    position:absolute;
    left:-20px;
    top:80px;
  }*/

  #section-header,
  .section-header:before{
    min-height:460px;

  }

  .section-header-content{
    padding-left:60px;
  }


  hr{
    margin:15px auto 15px 0px;

  }

  /*.section-header-wrapper{
    margin:0 auto;
  }
*/
  .section-header-wrapper_title{
    font-size:32px;
  }

  .section-header-wrapper_subtitle{
    font-size:14px;
  }

  .section-promo-1,.section-promo-2{
    padding-left:60px;
  }

  .review-content{
    padding:60px 35px;
  }

  .appoint-content{
    padding:0px 60px 0px 60px;
  }

}


@media screen and (orientation:landscape) and (max-height:444px){
  .burger-menu-nav li{
    padding:10px 10px 10px 10px;
  }
}

@media screen and (orientation:landscape) and (max-height:350px) and (max-width:580px){

  .burger-menu-nav li{
    font-size:12px;

  }
}