/*Переопределение стилей для навигации*/
.copyright a span{
    text-decoration: underline;
    color: #dc143c;
}
.time-work2 {
  font-size: 25px;
  color: #dc143c;
  font-weight: 700;
  margin-top: 14px;
}

.contact-phones2 {
  color: #000000;
  font-family: Arial;
  font-size: 23px;
  font-weight: bold;
}

.float-btn {
position: fixed;
  width: 141px;
  height: 43px;
  line-height: 43px;
  top: 260px !important;
  right: 0;
  text-decoration: none;
  z-index: 150;
  margin-top: 0 !important;
  margin-right: -48px;
  background: #DC3522 !important;
  color: #fff !important;
  animation: glowing 1500ms linear infinite;
  text-align: center;
  transform: rotate(-90deg);
  font-size: 18px;
}
/*Форма обратной связи*/


.navbar-nav2 > li > a {
  margin-left: 1px;
  margin-right: 1px;
  border: solid;
    border-top-width: medium;
    border-right-width: medium;
    border-bottom-width: medium;
    border-left-width: medium;
  border-width: 1px;
  background-color: white;
  padding-top: 3px !important;
  padding-bottom: 3px !important;
  color: #db0909 !important;
  font-size: 12px;
  font-weight: bold;
}

#form_message{
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
    border-radius: 5px;
    margin:10px;
    padding: 10px;
    width: 50%;
    height: 50%;
}

#form_message input,textarea{
    border-radius: 1px;
width: 70%;
height: 40px;
border: none;
}

#submit{
    height: 50px;
    background-color: #dc3522;
color: #fff;
}

#form_message h2{
    text-align: center;
}


/*Форма обратной связи*/

.float-btn {
    position: fixed;
    width: 141px;
    height: 43px;
    line-height: 43px;
    top: 260px !important;
    right: 0;
    text-decoration: none;
    z-index: 150;
    margin-top: 0 !important;
    margin-right: -48px;
    background: #DC3522 !important;
    color: #fff !important;
    animation: glowing 1500ms linear infinite;
    text-align: center;
    transform: rotate(-90deg);
    font-size: 18px;    
}
@keyframes glowing {
  0% { background-color: #DC3522; box-shadow: 0 0 16px #DC3522; }
  50% { background-color: #DC3522; box-shadow: 0 5px 80px #DC3522; }
  100% { background-color: #DC3522; box-shadow: 0 0 16px #DC3522; }
}
td, th {   
    border: 1px solid;
    padding: 10px !important;
    text-align: center;
}
tr td:first-child{
     text-align: left;
}
table {         
    font-size: 20px;
    margin: 10px 0;
}
.logo{
   width: 88%;
}
.gal a img{
    height: 263px;
    width: 100%;
    object-fit: cover;
    margin-bottom: 30px;
}
.desc{
    font-size: 15px;
    font-style: italic;
    margin: 0px;
}

@media (min-width: 768px) and (max-width:1023px){
    .navbar-nav>li>a {
        margin-top: 8px !important;
    }

}
@media (min-width: 768px){
    .navbar{
        margin-bottom: 0 !important;
        border-radius: 0 !important;
    }    
    .container>.navbar-collapse{
        padding: 0;
    }

}
@media (min-width: 1024px){
    .navbar-nav>li>a {
        margin-top: 31px !important;        
    }
}

.pull-right{
        margin-right: 20px !important;
}
.mar{
    margin: 40px 0 20px;
}
.rep-left{
    text-align: left !important;
}
.navbar-nav>li>a {
    margin-left: 1px;
    margin-right: 1px;
    border: solid;
    border-width: 1px;
    background-color: white;
    padding-top: 3px !important;
    padding-bottom: 3px !important;
    color: #000000 !important;
    font-size: 12px;
    font-weight: bold;
}
.create, .create:hover {
    font-size: 15px;
    color: #fff;
    font-weight: 900;
    line-height: 27px;
}
.footer .copyright { 
    margin: 13px auto !important;
    text-align: center;
    display: table;
}
.copyright a {
    color: #fff !important;
    text-decoration: none;
}
.navbar-header {
    margin-bottom: 0;
}
.nav-contact-phones{ 
    color: #000000;
    font-family: Arial;
    font-size: 22px;
    font-weight: bold;
    line-height: 20px;
    margin: 0px 0 5px 70px;
}
.nav-contact-phones a, .nav-contact-phones a:hover, .contact-phones a, .contact-phones a:hover{
    color: black;
    text-decoration: none;
}
.nav-phones{
    margin-right: 35px !important;
}
.nav>li>a {  
    padding: 10px 5px !important;
}
@media (min-width: 1250px) and (max-width:1465px){
  .nav>li>a {
        padding: 3px !important;
    }
    .nav-contact-phones {
      font-size: 17px;
    }  
}
@media (min-width: 768px) and (max-width:1065px){
    .nav-img-phone{
        display: none;
    }
    .nav-contact-phones{
        font-size: 12px;
        margin-left:0;
    }
}
@media (max-width:1200px){
    .navbar-nav { 
        margin: 0 0 0 3px !important;
    }
    .nav-contact-phones { 
    margin: 10px 28px 10px 0px !important;
}
}
@media (min-width: 769px) and (max-width:991px){
    .navbar-nav>li>a { 
        font-size: 10px;  
    }
    .nav>li>a {
        padding: 10px 0px !important;
    }
}
@media (min-width: 1066px) and (max-width:1250px){
    .nav-img-phone{
        display: none;
    }
    .nav-contact-phones{
        font-size: 18px;
        margin-left:0;
    }
    .nav>li>a {
        padding: 10px 2px !important;
    }
}
@media(min-width: 320px) and (max-width:479px){
    .nav-contact-phones{
        font-size: 14px !important;
        margin-left: 20px !important;
        line-height: 1.0 !important;
    }
    .navbar-header {
        margin-top: 0 !important; 
    }
}
@media(min-width: 480px) and (max-width:767px){
    .nav-contact-phones{
        font-size: 14p !importantx;
        margin-left: 20px !important;
        line-height: 1.0 !important;
    }
    .navbar-header {
        margin-top: 0 !important; 
    }

    #form_message{
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
    border-radius: 5px;
    margin:10px;
    padding: 10px;
    width: 90%;
    height: 90%;
}
}
/*Стили раздела главная*/
#main{
    background-image:url(../images/background_driving_dynamics.jpg); 
    background-size:cover; 
    height: 681px;"
    padding: 36% 0;
}

.main-text {
    color: #FFFFFF;
    font-family: Arial;
    font-size: 35px;
    margin: 0 5% 0 2%;
    padding: 6% 0; 
}
.main1-text {
   color: #FFFFFF;
    font-family: Arial;
    font-size: 33px;

}
.main-text-orange{
color:orange;
font-size: 45px;
font-weight: bold;
text-align: center;
}
.qmain-text{
        color: rgba(255, 229, 180, 0.98);
    font-family: Arial;
    font-size: 43px;
    font-weight: 800;
    margin: 0 7% 0 7%;
    padding:13% 0;
}

@media (min-width:320px) and (max-width:767px){
    .qmain-text{
        font-size: 35px;
        padding:17% 0;
    }
        #form_message{
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
    border-radius: 5px;
    margin:10px;
    padding: 10px;
    width: 90%;
    height: 90%;
}
}
@media (min-width:481px) and (max-width: 610px){
.main-text{
font-size:29px;
}
.main-text-orange{
font-size:30px;
}
    #form_message{
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
    border-radius: 5px;
    margin:10px;
    padding: 10px;
    width: 90%;
    height: 90%;
}
}
@media (min-width:611px) and (max-width: 873px){
.main-text{
font-size:33px;
}
.main-text-orange{
font-size:33px;
}
    #form_message{
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
    border-radius: 5px;
    margin:10px;
    padding: 10px;
    width: 90%;
    height: 90%;
}
}

@media (min-width:320px) and (max-width:480px){
.main-text{
padding:0 !important;
font-size:23px !important;
}
.main-text-orange{
font-size:27px;
}
    #form_message{
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
    border-radius: 5px;
    margin:10px;
    padding: 10px;
    width: 90%;
    height: 90%;
}
}
/*Стили раздела Гарантия*/
#warranty{
    background-color: rgb(255,250,250);
    padding:20px 0 20px 0;
}

.circle{
    width: 100px; 
    height: 100px; 
    background-color:rgb(211,211,211); 
    border-radius:50%;
    border: solid;
    border-width: 1px;
    border-color: rgb(168,168,168);
}
.digit{
    color: #FF0000;
    font-family: Arial;
    font-size: 85px;

}
.war-circle-text{
    color: #000000;
    font-family: Arial;
    font-size: 26px;

}
.digit, .war-circle-text{
    position: relative;
    top: 26px;
    left: 28px;
    line-height: 23px;
}

.war-text-left{
    left:21px ;
}

.col-md-4>div{
    color: #000000;
    font-family: Arial;
    font-size: 15px;
    line-height: 20px;
}
.fancybox-navigation .fancybox-button--arrow_left {
    left: 24% !important;
}
.fancybox-navigation .fancybox-button--arrow_right{
    right: 24% !important;
}
/*Стили раздела Сроки ремонта*/
#repair{
    background-color: rgb(240,240,240);
    padding: 40px 30px 40px 30px;
}
.repair-text{
    text-align: center;
    color: #000000;
    font-family: Arial;
    font-size: 20px;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    border-top: 1px solid #000;
}
/*Стили раздела Порядок работы*/
#order{
    background: url(../images/img0027.png) ;
    background-size: cover;
    padding-bottom:15px;
}
.order-title{
    text-align: center;
    color: #FFFFFF;
    font-family: Arial;
    font-size: 53px;
    margin-top:5px;
    margin-bottom:5px;
    font-weight: bold;
}
.order-text{
    padding: 10px 0 10px 5px;
    color: #000000;
    font-family: Arial;
    font-size: 20px;
    background-color: rgba(255,250,250,0.66);
    margin-left: 70px;
    margin-top:2px;
    margin-bottom: 0;
}

@media (min-width: 1025px) and (max-width:1199px){
    .order-text{
        font-size: 18px;
    }
    #order{        
        background-size: 201%;       
    }
}
@media (min-width: 768px) and (max-width:1024px){
    #order{        
        background-size: 201%;
    }
}

/*Стили раздела дополнитеные улуги*/
.additional-title{
    color: #000000;
    font-family: Arial;
    font-size: 48px;
}

.additional-img{
    margin-left:40px;
}
.additional-text{
    margin-top:45px;
    margin-left: 70px;
    color: #000000;
    font-family: Arial;
    font-size: 20px;
}
#additional .additional-text{
    margin-left: 167px;
}
@media(min-width:320px) and (max-width:480px){
    .additional-title{
         font-size:30px;
    }
    #additional .additional-text {
        margin-left: 137px;
    }
}
/*Стили раздела Опыт*/
#expirience{
    background-color: rgb(220,220,220);
}
#expirience p{
text-indent: 60px;
}
.expirience-title{
    text-align:center;
    color: #000000;
    font-family: Arial;
    font-size: 53px;
}

.expirience-text{
    margin: 0 17px 0 17px;
    color: #000000;
    font-family: Arial;
    font-size: 20px;
}

.expirience-images{
    margin: 20px 0 20px 0;
}

.car-brand{
    height: 60px;
    display: block;
    margin: 0 auto 25px; 
}
/*Стили раздела Важно знать*/
#knowledge>h2, #advice>h2{
    color: #FFFFFF;
    font-family: Arial;
    font-size: 64px;
}

@media (min-width:320px) and (max-width:767px){
    #knowledge>h2, #advice>h2{
        font-size: 30px;
    }
}

#knowledge>h3{
    color: #FFFFFF;
    font-family: Arial;
    font-size: 20px;
    font-weight: bold;
}
#knowledge{
    background-color: rgb(220,20,60);
}


/*Стили раздела Советы*/
#advice>h3{
    color: #FFFFFF;
    font-family: Arial;
    font-size: 17px;
    font-weight: bold;
}
#advice{
    background-color: rgb(106,90,205);
}

/*Стили раздела Контакты*/
#contacts{
    position: relative;
    background: #f8f8f8;
}
.contact-title-img{
    position: relative;
    left: 150px;
}

.contact-title{
    text-align:left;
}

.contact-info{ 
    z-index:51;
}

.contact-info-text{
    color: #000000;
    font-family: Arial;
    font-size: 16px;
}

.contact-phones, .contact-times, .contact-mail {
    margin-left:70px;
}

.contacts-list-text, .contact-info-text{
    color: #000000;
    font-family: Arial;
    font-size: 20px;
}
.contacts-list-text>li, .nav-contact-phones {
  list-style-type:none;
}
.contacts-list-text>li {
  list-style-type: disc;
  margin-left: 25px; 
}
.contact-info-text{
    font-weight: 700;
}
.clear-border{
    border-bottom: 2px solid #000;
    margin-bottom: 20px;
}
.contact-phones{
        color: #000000;
    font-family: Arial;
    font-size: 23px;
    font-weight: bold;
}

.contact-times{
    color: #000000;
    font-family: Arial;
    font-size: 23px;
}
.contact-mail{
    color: #000000;
    font-family: Arial;
    font-size: 16px;
}
.contacts1-list-text {
    color: #241fd0;
    font-family: Arial;
    font-weight: 700;
    font-size: 20px !important;
    margin: 20px !important;
    text-transform: uppercase;
    text-align: center;
}
.time-work{
    font-size: 14px;
    color: #dc143c;
    font-weight: 700;
    margin-top: 0px;
}
.exclamation{
    font-size: 45px;
    color: red;
    font-weight: 900;

}

@media (min-width: 1200px) and (max-width:1365px){
    .contact-phones{
        font-size: 21px;
    }
    .contact-times{
        font-size: 17px;
    }
        .contact-mail{
            font-size: 14px;
        }
    .contacts-list-text{
        font-size:14px;
    }
        .contacts1-list-text {
           font-size: 13px;
        }
    
} 
@media (min-width: 1366px) and (max-width:1440px){
    .contact-phones{
        font-size: 20px;
    }
    .contact-times{
        font-size: 15px;
    }
        .contact-mail{
            font-size: 15px;
        }
        .contacts1-list-text {
           font-size: 12px;
        }
}

@media (min-width: 1441px) and (max-width:1710px){
    .contact-phones{
        font-size: 27px;
    }
    .contact-times{
        font-size: 21px;
    }
        .contact-mail{
            font-size: 20px;
        }
        .contacts1-list-text {
           font-size: 13px;
        }
}

@media (min-width: 1711px) and (max-width:1788px){
.contact-times{
        font-size: 23px;
    }
}
@media (min-width: 1024px) and (max-width:1199px){
    .contact-phones{
        font-size: 26px;
    }
    .contact-times{
        font-size: 22px;
    }
        .contact-mail{
            font-size: 14px;
        }
        .contacts1-list-text {
           font-size: 13px;
        }
}
@media (min-width: 768px) and (max-width:1023px){
    .contact-phones{
        font-size: 18px;
        margin-left: 0;
    }
    .contact-times{
        font-size: 18px;
        margin-left: 0;
    }
        .contact-mail{
            margin-left: 0;
            font-size: 15px;
        }
        .contacts1-list-text {

           font-size: 12px;

        }

}

@media (min-width:320px) and (max-width:767px){
        .contacts1-list-text {
           font-size: 14px;
        }
    .contact-info{
        position: relative !important;
        top:0;
        left: 0;
    }
    .contact-phones{
        font-size: 29px;
    }
    .contact-times{
        font-size: 23px;
    }
        .contact-mail{
            font-size: 13px;
        }
    .contact-phones, .contact-times, .contact-mail{
        margin-left:0;
                font-size: 16px;
    }
}

@media(min-width:320px) and (max-width:480px){
    .contact-info{
         height:auto;
    }
}
/*Остальные стили*/

.equalheight{
    display: flex;
}

@media(min-width:320px) and (max-width:480px){
    .equalheight{
        display:block;
    }
}
h2{
    text-align: center;
}

.footer{
    height:52px;
    background-color: black;
}

.bold-text{
    font-weight: bold;
}

.no-padding{
    padding:0 !important;
}

.no-margin{
    margin:0 !important;
}
.img-vertical-align{
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    height: 80px;

}

.img-vertical-align2{
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;

}

.img-float-left{
    float:left;
}

.img-float-right{
    float:right;
}
.qorder-title {
 color: #000000;
    font-family: Arial;
    font-size: 48px;
}
.qmain-text {
    color: #FFFFFF;
    font-family: Arial;
    font-size: 23px;
    font-weight: 800;
    margin: 0 7% 0 7%;
    padding: 13% 0;
}
@media (min-width: 768px){
.navbar-nav {
    margin: 7.5px -15px;
}
}
@media (max-width: 768px){
    .gal a img{
        height: auto;
    }
    #warranty .col-md-3 > div,
    #warranty .col-md-3 .bold-text{
        text-align: center;
    }
    #warranty .circle{
        margin-bottom: 10px;
    }
    .navbar-nav {
        margin: 0 0 0 0px !important;
    }
    .logo {
        width: 20%;
        float: left;
        margin: 10px 10px 0 0;
    }
    .nav-contact-phones {
        margin: 0px 10px 10px 70px !important;
    }
    .logotype_min{
        width: 60%;
    }
    #main .main-text {
        margin: 60px 5% 0 2%;
    }
    .navbar .navbar-collapse .row >  ul.navbar-nav{
        margin: -16px 0 0 0px !important; 
    }
    .navbar .navbar-collapse .row .logo{
        display: none;
    }
    #repair {
        padding: 40px 10px 40px 10px;
    }
.additional-img {
    margin-left: 0;
}
}
@media (max-width: 480px){
.main-text{
font-size:26px;
padding:27% 0;
}
}