/*bootstrap*/
@import url('./css/css/bootstrap.min.css');
@import url('./css/css/bootstrap-theme.min.css');
/*fancy*/
@import url('./plugins/fancy/source/jquery.fancybox.min.css');
@import url('./plugins/fancy/source/helpers/jquery.fancybox-buttons.min.css');
/*carrousel*/
@import url('./plugins/owl-jcarousel/owl.carousel.min.css');
@import url('./plugins/owl-jcarousel/owl.theme.css');
/*accordion*/
@import url('./plugins/accordion/accordion.css');
/*config globais*/
@import url('./css/buttons/buttons.css');
@import url('./css/fonts/font-awesome/css/font-awesome.min.css');
@import url('./css/forms/forms.css');
@import url('./css/preloader/preloader.css');
@import url('./css/rsociais/rsociais.css');
@import url('./css/totop/totop.css');
@import url('./css/whats/whats.css');
@import url('./css/global.css');
/*menu mobile*/
@import url('./plugins/menumobile/jquery.mhead.min.css');
@import url('./plugins/menumobile/jquery.mmenu.all.min.css');
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,600,700&display=swap');

body{
    margin: 0px;
    padding: 0px;
    color: #8D8F92;
    font-size: 16px;
    font-family: 'Montserrat';
}
/*---*/
.bg-topo{
    color: #fff;
    font-size: 14px;
    padding-top: 7px;
    background: #8D8F92;
    padding-bottom: 5px;
}
.box-topo-info{
    width: 100%;
    overflow: hidden;
    position: relative;
}
.box-topo-info div{
    margin-right: 30px;
    display: inline-block;
}
.no-mg-right{
    margin-right: 0px !important;
}
/*---*/
.bg-menu{
    background: #fff;
    padding-top: 10px;
    padding-bottom: 10px;
}
.box-menu{
    padding-top: 25px;
}
.menu, .menu:focus, .menu:active{
    color: #8D8F92;
    font-weight: 600;
    margin-left: 30px;
    text-decoration: none !important;
    transition: all 0.3s ease-in-out;
}
.menu:hover{
    color: #C51B22;
}
.menu-active{
    color: #C51B22;
}
.no-mg-lt{
    margin-left: 0px !important;
}
/*---*/
.menu-btn{
    z-index: 3;
    position: absolute;
}
.menu-btn, .menu-btn .fa-2x{
    transition: all 0.3s ease-in-out;
}
.menu-btn a{
    color: #696D75;
    transition: all 0.2s ease-in-out;
    text-decoration: none !important;
}
.menu-btn a:hover{
    color: #C51B22;
}
.mm-navbar {
    border-color: #fff;
}
.mm-title{
    color: #C51B22 !important;
    font-weight: 600;
    text-transform: uppercase;
}
.mm-navbar, .mm-listview, .mm-opened{
    background: #ffffff;
}
.mm-listview>li>a, .mm-listview>li>span{
    color: #696D75;
}
.mm-listview>li:not(.mm-divider):after{
    border-color: #696D75;
}
/*---*/
.rod-efeito{
    width: 100%;
    min-height: 220px;
    overflow: hidden;
    position: relative;
}
.img-efeito{
    left: 0px;
    z-index: 2;
    bottom: -1px;
    width: 1920px;
    height: 220px;
    position: absolute;
}
.bg-rodape{
    padding-top: 40px;
    position: relative;
    background: #C51B22;
    padding-bottom: 10px;
}

/*---*/
.a-submenu, .a-submenu:active, .a-submenu:focus{
    color: #fff;
    margin-left: 8px;
    text-decoration: none !important;
    transition: all 0.3s ease-in-out;
}
.a-submenu .fa-chevron-right{
    color: #fff;
    font-size: 12px;
}
.a-submenu:hover{
    color: #cdcdcd;
}
.a-submenu-active{
    color: #cdcdcd;
}
/*---*/
.bg-direito{
    color: #fff;
    font-size: 14px;
    padding-top: 12px;
    background: #707070;
    padding-bottom: 12px;
}
.a-ydeal, .a-ydeal:focus, .a-ydeal:active{
    color: #ffffff;
    text-decoration: none !important;
    transition: all 0.3s ease-in-out;
}
.a-ydeal:hover{
    color: #C51B22;
}
.box-roda-info{
    padding-top: 6px;
}
/*---*/
.owl-banner2{
    margin-bottom: 30px;
}
.owl-banner2 .owl-pagination{
    bottom: -30px;
    text-align: center !important;
}
.owl-banner2 .owl-controls .owl-page span {
    border: 0px;
    width: 30px;
    height: 3px;
    border-radius: 0px;
    background: rgba(200,200,201, 1);
}
.owl-banner2 .owl-controls .owl-page.active span {
    border: 0px;
    background: rgba(255,255,255, 1);
}
/*---*/
.overlay{
    width: 100%;
    height: 430px;
    overflow: hidden;
    position: relative;
}
.min-height{
    min-height: 300px;
}
.botao{
    margin-bottom: 30px;
}
.a-logo-float{
    left: 0px;
    z-index: 3;
    bottom: 4px;
    position: absolute;
}
.box-titulo-rod{
    width: 100%;
    color: #ffffff;
    font-weight: 700;
    overflow: hidden;
    position: relative;
    padding-left: 10px;
    margin-bottom: 18px;
}
.linha-branca-vertical{
    top: 0px;
    left: 0px;
    width: 2px;
    height: 100%;
    background: #fff;
    position: absolute;
}
.box-inf-rod{
    width: 100%;
    color: #fff;
    position: relative;
    margin-bottom: 30px;
}
.box-inf-rod span{
    width: 25px;
    height: 25px;
    color: #C51B22;
    background: #fff;
    text-align: center;
    border-radius: 50%;
    display: inline-block;
    padding-top: 2px;
}
.box-inf-rod span .fa-phone{
    padding-top: 2.5px;
}
.min-499{
    display: block;
}
.max-499{
    display: none;
}
/*---*/
.bg-h-empresa{
    padding-top: 60px;
    padding-bottom: 30px;
}
.box-info-emp{
    width: 100%;
    overflow: hidden;
    position: relative;
    margin-bottom: 30px;
}
.box-texto-emp{
    width: 100%;
    height: 200px;
    overflow: hidden;
    position: relative;
    margin-bottom: 30px;
}
.box-img-emp{
    width: 100%;
    height: 398px;
    margin-top: 20px;
    position: relative;
}
.box-img-emp img{
    z-index: 1;
    position: absolute;
}
.bg-red-emp{
    top: -30px;
    left: 50%;
    width: 300px;
    height: 115%;
    position: absolute;
    background: #C51B22;
    margin-left: -150px;
    z-index: 0;
}
/*---*/
.bg-h-servico{
    padding-top: 40px;
    min-height: 500px;
    padding-bottom: 40px;
}
.color-white{
    color: #fff !important;
}
.box-info-qualidade{
    width: 100%;
    color: #fff;
    overflow: hidden;
    padding-top: 30px;
    position: relative;
    margin-bottom: 30px;
    border-top: solid 1px #ffffff;
}
.box-info-texto-qualdiade{
    max-width: 220px;
}
.pd-item{
    padding: 10px;
}
.a-servico, .a-servico:focus, .a-servico:active{
    width: 100%;
    margin: auto;
    max-width: 500px;
    padding: 30px 20px;
    display: block;
    position: relative;
    background: #C51B22;
    text-decoration: none !important;
    transition: all 0.3s ease-in-out;
}
.a-servico:hover{
    background: #F5434A;
}
.a-servico .nome{
    color: #fff;
    height: 28px;
    font-size: 20px;
    font-weight: 700;
    overflow: hidden;
    margin-top: 10px;
    margin-bottom: 2px;
    position: relative;
    padding-left: 15px; 
    padding-right: 15px;
}
.a-servico .mais-detalhes{
    color: #801317;
    font-weight: 600;
    padding-left: 15px; 
    padding-right: 15px;
}
.a-servico-det{
    padding: 0 !important;
    margin-bottom: 30px;
    padding-bottom: 10px !important;
}
.a-servico-det2{
    margin-bottom: 30px;
}
.box-frota-fotos{
    width: 100%;
    overflow: hidden;
    position: relative;
    margin-bottom: 30px;
}
.box-frota-thumb{
    width: 100%;
    overflow: hidden;
    position: relative;
    margin-bottom: 30px;
}
.a-fancy, a-fancy:focus, a-fancy:active{
    border: solid 1px #fff;
    display: block;
    text-decoration: none !important;
    transition: all 0.3s ease-in-out;
}
.a-fancy:hover{
    border-color: #801317;
}
/*---*/
.bg-h-contato{
    padding-top: 40px;
    padding-bottom: 10px;
}
.box-form-contato{
    width: 100%;
    overflow: hidden;
    position: relative;
    margin-bottom: 30px;
}
.box-titulo-principal{
    margin-bottom: 30px;
}
.h1-titulo{
    margin: 0px;
    padding: 0px;
    font-size: 60px;
    overflow: hidden;
    font-weight: 400;
    position: relative;
}
.h1-titulo span{
    font-weight: 700;
}
.subtitulo{
    margin: auto;
    max-width: 750px;
    margin-bottom: 30px;
}
/*---*/
.box-max-ce{
    width: 100%;
    overflow: hidden;
    position: relative;
}
.box-contato-endereco{
    overflow: hidden;
    padding-top: 10px;
    position: relative;
    padding-left: 20px;
    margin-bottom: 30px;
    padding-right: 20px;
    padding-bottom: 10px;
    display: inline-block;
    border-top: solid 1px #f1f1f2;
    border-bottom: solid 1px #f1f1f2;
}
.box-contato-endereco span{
    width: 33px;
    color: #fff;
    height: 33px;
    display: block;
    margin-right: 5px;
    border-radius: 50%;
    text-align: center;
    background: #C51B22;
}
.box-contato-endereco span i{
    padding-top: 8px;
}
.box-contato-endereco span .fa-envelope-o{
    padding-top: 7.3px;
}
/*---*/
.bg-empresa-page{
    padding-top: 40px;
    padding-bottom: 10px;
    border-top: solid 1px #8D8F92;
}
.box-texto{
    width: 100%;
    overflow: hidden;
    position: relative;
    margin-bottom: 30px;
}
.tit-frota{
    font-size: 19px; 
    font-weight: 900; 
    margin-bottom: 15px;
}
.linha-separa{
    width: 100%;
    height: 1px;
    margin-top: 40px;
    margin-bottom: 40px;
    border-top: dashed 1px #C51B22;
}
/*---*/
@media only screen and (max-width: 1700px) {

}
@media only screen and (max-width: 1199px) {
    .menu{
        margin-left: 20px;
    }
    .img-efeito{
        bottom: -50px;
    }
    .min-499{
        display: none !important;
    }
    .max-499{
        display: block !important;
    }
    .box-img-emp{
        margin-top: 50px;
        height: 337px;
    }
}
@media only screen and (max-width: 991px) {
    .align-sm{
        text-align: center !important;
    }
    .box-menu{
        margin-top: 10px;
    }
    .box-menu{
        padding-top: 0px;
    }
    .menu{
        margin-left: 30px;
    }
    .h1-titulo{
        font-size: 40px;
    }
    .box-info-qualidade{
        padding-top: 17px;
    }
    .box-img-emp{
        margin-top: 70px;
        height: 267px;
    }
}
@media only screen and (max-width: 767px) {
    .align-mobile{
        text-align: center !important;
    }
}
@media only screen and (max-width: 499px) {
    .a-logo img{
        max-width: 220px
    }
}
@media only screen and (max-width: 320px) {

}