/*
Theme Name: Rupum backpack
Author: Kate Kruchko
Author URI: http://ildika.by
Version: 1.0
Tags: grey
*/
/*
----------------
main image
----------------
*/
body {
font-family: 'Prosto one', arial;
color: #000;
}
.top-banner {
background: url("../images/top-car.png");
background-repeat: no-repeat;
background-size: cover;
height: 712px;
    padding-top: 35px;
}
.head-top h1 {
    background: url(../images/h1-arrow.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position-x: center;
    height: 115px;
    margin: auto;
    padding-top: 20px;
    padding-left: 90px;
}
h1 {
text-transform: uppercase;
    font-size: 41px;
    text-align: center;
    line-height: 1;
-moz-transform: rotate(0.2deg); /* Для Firefox */
    -ms-transform: rotate(0.2deg); /* Для IE */
    -webkit-transform: rotate(0.2deg); /* Для Safari, Chrome, iOS */
    -o-transform: rotate(0.2deg); /* Для Opera */
    transform: rotate(0.2deg);
}

.number-tel {
    display: inline-block;
    color: #ffa200;
    font-size: 41px;
    line-height: 1.1;
    padding-top: 15px;
}
.tel-top {
  display: -webkit-box; 
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex; 
    display: flex;
   -webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.tel-icon {
margin-right: 5px;
}
.viber-icon {
margin-right: 20px;
}
.logo {
text-align: center;
padding-top: 25px;
margin-bottom: 3vh;
}

h2 {
font-size: 42px;
font-weight: bold;
display: inline-block;
text-align: left;
color: #000;
text-transform: uppercase;
}
h3 {
font-size: 33px;
color: #000;
text-transform: uppercase;
text-align: center;
line-height: 1.2;
padding-top: 20px;
}
.head-grey {
width: 100%;
height: 73px;
background-color: #ffa200;
}
.wrap-h2 {
   display: -webkit-box; 
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex; 
    display: flex;
   -webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
    height: 73px;
}
.bg-grey {
background: url("../images/bg-grey.png");
background-repeat: repeat;
background-size: auto;
padding-top: 0px;
padding-bottom: 25px;
}

.circle-wrap {
padding-top: 25px;
padding-bottom: 10px;
}
/*
---------------
vozim
---------------
*/

.vozim-desc2 {
 background: url(../images/vozim-arrow2.png);
    background-repeat: no-repeat;
    background-size: auto;   
}
.vozim-desc {
    background: url(../images/vozim-arrow.png);
    background-repeat: no-repeat;
    background-size: auto;}
.vozim-desc, .vozim-desc2 {
      padding-top: 0px;
    font-size: 25px;
    height: 73px;
    width: 493px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
        margin-bottom: 30px;
}
.name-vozim {
text-align: center;
    line-height: 1.1;
    font-weight: bold;
}
.bg-black {
background: url("../images/bg-black.png");
background-repeat: repeat;
background-size: auto;
padding-top: 0px;
padding-bottom: 25px;
}
.prodov {
padding-left: 25px;
}
/*
---------------
OUR CARS
---------------
*/
.name-cars, .cars-desc {
 background: url(../images/vozim-arrow.png);
    background-repeat: no-repeat;
        background-size: contain;
font-weight: bold;
line-height: 1.2;
     padding-top: 0px;
    font-size: 25px;
    height: 73px;
    width: 493px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
        margin-bottom: 30px;
}
.header-cars {
display: flex;
padding-top: 45px;
}
.our-cars {
padding-bottom: 65px;
}
/*
---------------
our clients
---------------
*/
.desc-clients {
font-size: 16px;
padding-top: 10px;
}
.cl {
text-align: center;
//border-left: 3px solid #181f1f;
}

.clients {
margin-top: 60px;
margin-bottom: 40px;
}
/*
--------------
reviews
--------------
*/
.name-rev {
font-size: 29px;
}
.date-rev {
font-size: 20px;
}
.allrev {
margin-top: 25px;
    margin-bottom: 55px;
}
.text-rev p{
font-size: 20px;
}
.rev-img {
margin-top: 30%;
}
/*
------------------
footer
------------------
*/
footer {
margin-top: 12px;
background: url("../images/bg-orange.png");
background-repeat: repeat;
background-size: auto;
padding-bottom: 40px;
padding-top: 30px;
}
.ip-desc {
text-align: center;
font-size: 37px;
font-weight: bold;
    padding-bottom: 10px;
}
.ip-info {
font-size: 33px;
text-align: center;
font-weight: bold;
}
.number-tel-f {
font-size: 33px;
color: #000;
line-height: 1.2;
font-weight: bold;
}
.mail-wrap {
   display: -webkit-box; 
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex; 
    display: flex;
   -webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
   
}
.mail-f {
color: #000;
font-size: 33px;
}
.mail-icon {
margin-right: 20px;
}
.line-f {
height: 5px;
background-color: #000;
width: 80%;
margin-top: 30px;
margin-bottom: 30px;
margin-right: auto;
margin-left: auto;
}
.clients, .allrev {
    margin-left: auto;
    margin-right: auto;
    width: 90%;
}

@media (min-width: 1157px) and (max-width: 1280px) {
h1 {
font-size: 35px;
}
.top-banner {
    background: url(../images/top-car.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position-x: -150px;
    height: 652px;
    padding-top: 35px;
}
}
@media (min-width: 992px) and (max-width: 1033px) {
.vozim-desc, .vozim-desc2 {
background-size: contain;
width: 480px;
}
}
@media (min-width: 992px) and (max-width: 1156px) {
h1 {
font-size: 25px;
}
.top-banner {
    background: url(../images/top-car.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position-x: -150px;
    height: 652px;
    padding-top: 35px;
}
.ip-info {
    font-size: 18px;
    }
  .tel-icon, .mail-icon, .viber-icon {
    width: 45px;
}
.number-tel-f, .mail-f {
    font-size: 23px;
}
}
@media (max-width: 992px) {
.text-rev p {
    font-size: 16px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
h1 {
font-size: 18px;
}
.ip-desc {
    text-align: center;
    font-size: 23px;
}
.ip-info {
    font-size: 18px;
    }
    .tel-icon, .mail-icon, .viber-icon {
   
    width: 35px;
}
.number-tel-f, .mail-f {
    font-size: 23px;
}

.vozim-desc, .vozim-desc2 {
    padding-top: 0px;
    font-size: 18px;
    height: 53px;
    width: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
    margin-bottom: 30px;
}
.vozim-desc {
    background: url(../images/vozim-arrow.png);
    background-repeat: no-repeat;
    background-size: auto;
    background-size: contain;
}
.vozim-desc2 {
    background: url(../images/vozim-arrow2.png);
    background-repeat: no-repeat;
    background-size: auto;
    background-size: contain;
}
.name-cars, .cars-desc {
    background: url(../images/vozim-arrow.png);
    background-repeat: no-repeat;
    background-size: contain;
    font-weight: bold;
    line-height: 1.2;
    padding-top: 0px;
    font-size: 18px;
    height: 53px;
    width: 493px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
    margin-bottom: 30px;
}
}
@media (min-width: 590px) and (max-width: 767px) {
h1 {
font-size: 25px;
}
.head-top h1 {
    background-size: initial;
    background-position-x: -220px;
    height: 115px;
    margin: auto;
    padding-top: 30px;
    padding-left: 90px;
}
.number-tel {
    font-size: 30px;
}
.tel-icon, .viber-icon {
    margin-right: 5px;
    width: 35px;

}
.top-banner {
    background: url(../images/top-car.png);
    background-repeat: no-repeat;
    background-size: cover;
    height: 600px;
    background-position-x: -120px;
    padding-top: 35px;
}
.vozim-desc, .vozim-desc2 {
    margin: auto;
    margin-bottom: 30px;
    margin-top: 10px;
}
.vozim-desc, .vozim-desc2 {
    
    font-size: 20px;
    height: 50px;
    width: 90%;
 }
 .vozim-desc, .vozim-desc2 {
     background-size: contain;
    background-position-x: center;
}
.vozim-desc, .vozim-desc2 {
    
    font-size: 16px;
    height: 50px;
    width: 90%;
 }

}
@media (max-width: 589px) {
.head-top h1 {
     background-size: cover;
    background-position-x: -220px;
    height: 95px;
    margin: auto;
    padding-top: 20px;
    padding-left: 10px;
}
h1 {
       font-size: 20px;
      line-height: 1;
}
.tel-icon, .viber-icon {
    margin-right: 5px;
    width: 35px;

}
.number-tel {
    display: inline-block;
    color: #ffa200;
    font-size: 18px;
    line-height: 1.5;
   padding-top: 0px; 
}
.top-banner {
    background: url(../images/top-car.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 35px;
    height: 365px;
}
.vozim-desc, .vozim-desc2 {
    margin: auto;
    margin-bottom: 30px;
    margin-top: 10px;
}
.vozim-desc, .vozim-desc2 {
font-size: 14px;
    height: 40px;
    width: 98%;
 }
 .vozim-desc, .vozim-desc2 {
     background-size: contain;
    background-position-x: center;
}
}
@media (max-width: 768px) {
h2 {
    font-size: 25px;
  
}
h3 {
    font-size: 25px;
 }
 .vozim-desc, .vozim-desc2 {
    margin: auto;
    margin-bottom: 30px;
   margin-top: 10px; 
}

.ip-desc {
    text-align: center;
    font-size: 23px;
}
.ip-info {
    font-size: 18px;
    }
        .tel-icon, .mail-icon, .viber-icon {
   
    width: 25px;
}
.number-tel-f, .mail-f {
    font-size: 18px;
    line-height: 1.5;
}
.mail-wrap {
margin-top: 20px;
}
.m-img {
width: 150px;
height: auto;
}
.header-cars {
    display: block;
    padding-top: 20px;
}
.name-cars, .cars-desc {
    background: url(../images/vozim-arrow.png);
    background-repeat: no-repeat;
    background-size: contain;
    
    background-position-x: center;
    line-height: 1.2;
    padding-top: 0px;
    font-size: 20px;
    height: 60px;
    width: 493px;
    display: flex;
   }
   .name-cars, .cars-desc {
    background: url(../images/vozim-arrow.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position-x: center;
    line-height: 1;
    padding-top: 0px;
    font-size: 16px;
    height: 50px;
    width: auto;
    display: flex;
}
.text-rev p {
    font-size: 13px;
}
.rev-img {
margin-top: 0;
}
.tel-top {
justify-content: center;
}
.mail-wrap {
justify-content: center;
}
}
@media (max-width: 694px) {
.usl {
color: #ffa200;
margin-top: 15px;
}
.bg-usl {
background: none;
}
.name-rev {
    font-size: 18px;
    margin-bottom: 15px;
}

}
@media (max-width: 590px) {
.ip-info {
    font-size: 10px;
}
.ip-desc {
    text-align: center;
    font-size: 15px;
}
.ar2 {
display: none;
}
.desc-clients{
display: none;
}
.slick-arrow {
display: none;
}
.slick-prev, .slick-next {
    display: none !important;
}

}
@media (max-width: 360px) {
h2 {
    font-size: 20px;
}
}