@import url('https://fonts.googleapis.com/css?family=Montserrat:200,400,400i,700');body{padding:0;font-family:'Montserrat',sans-serif}
.mobile-header i{margin-left:10px}
header{margin:0 0 20px 0}
.texto-atendimento{font-size: 14px;margin-top: -10px;font-weight:bold; opacity: 0.6; margin-bottom:.5rem}
#logoTopo{width:250px; margin-top: 10px;}
ul.unlist{list-style-type:none;margin:0;padding:0}
ul .list-thumb { border-radius: 12px; max-width: 150px; width: 20%; float: left; margin-right: 16px;}
.texto-contato li{font-size:16px;color:#0e135b;display:hidden}
.texto-contato span{font-size:18px}
.content{position:relative}

.home-screen { overflow: hidden; min-height: 200px; }
.home-screen .img-banner{width:100%; object-fit: cover; height: 70vh;}
.home-screen:before { content: ''; position: absolute; width: 100%; height: 100%; background: #142971; opacity: 0.8; }
.home-screen { overflow: hidden; min-height: 200px; }
.home-screen .badge{color: #FFF; opacity: 0.5; font-size: 14px;}
.home-screen h1{font-size: 22px; font-weight: normal; color: #FFF; color: rgba(255,255,255,.75);  }
.home-screen h1 span { display: block; font-size: 1.4em; font-weight: bold; margin-bottom: 10px; color: #FFF; }
.home-screen .container { position: absolute; bottom: 10%; margin-left: auto; margin-right: auto; right: 0; left: 0; }
.home-screen p { color: #FFF; color: rgba(255,255,255,.6); margin-top: 30px;}
.home-screen .btn:hover {color:#0e135b !important;}

.content-info{text-align:center;margin-top:50px}
.content-info h2{margin-top:20px;color:#0e135b;font-size:16px;}
.content-info p{margin-top:20px;font-size:16px;color:#999}

.content-body{margin-top:60px}
.content-body h2{font-size:36px;font-weight:900;position:relative;text-align:center;bottom:200px}
.content-body p{color:#999}
.content-body button{position:relative;bottom:200px}

.margin-top-40{margin:40px 0 20px 0}
.margin-top-20{margin-top:20px}
footer{padding:20px 0 0 0; background: #f9f9f9;}
footer h3{font-weight:900px;color:#909090;margin-top:20px;font-size:24px}
footer p{font-size:18px;color:#999;margin:5px 0 5px 0}
footer .links a { color: #5d5d5d;}
footer .links a:hover {text-decoration: underline;}
footer .links i.fa { font-size: 0.6em; vertical-align: 20%;opacity: 0.6;margin-right: 12px;}
#logoFooter{width:200px}
a,a:link{color:inherit;text-decoration:none}
a:hover{color:#000}
.aButton1{margin-top:10px}
.aButton1{position:relative;text-transform:uppercase;color:#0e135b!important}
.social{margin-top:20px}
.img-social{margin: 5px;}
.block-end{margin-top:40px;border-top: 1px solid #f1f1f1;height:80px;bottom:0;width:100%}
.hotsite-content h1, .hotsite-content h2, .hotsite-content h3 { text-align: left; margin: 3rem 0 1.6rem; }
.hotsite-content h1 span, .hotsite-content h2 span, .hotsite-content h3 span , .hotsite-content h1 strong, .hotsite-content h2 strong, .hotsite-content h3 strong { font-size: 1.05em; color:#2f55d4; font-weight: bold; }
.hotsite-content .fa-truck { transform: scaleX(-1); }
.featured { background:#f8f9fc; }
main p, main ul li { color: #222; }
.rounded-box { background: url(/imagens/photos/caminhao-basculante.jpg) no-repeat center; background-size: cover; border-radius: 32px; box-shadow: 0 20px 50px -20px rgba(0,0,0,.3); margin-bottom: 60px; overflow: hidden; }
.rounded-box > ul, .rounded-box > .content { background: rgba(15, 87, 152, .9); }
.rounded-box hr { border-color: rgba(255,255,255,.1); }
.rounded-box .h5 { text-transform: uppercase;  min-height: 48px; font-weight: bold; }
.rounded-box .dp { opacity: 0; }
.rounded-box .h5 small { font-size: 0.5em; display: block; }
.rounded-box .fa.fa-truck { font-size: 32px; margin-bottom: 16px; opacity: 0.4; }
.rounded-box .text-box { font-size: 13px; padding: 0 1rem; }
.featured-lead { font-size: 22px; font-weight: lighter; line-height: 32px; text-align: center; color: #000; }
.block-end p{padding:25px 0;text-align:center;font-size:14px;font-weight:900;color:#6f6f6f;bottom:0}
#imgOrcamento { border-radius: 32px; margin-top: 75px;}
.bg-light {background-color: #f8f9fc !important;}
.hotsite-content .card{ border-radius: 24px; }
.hotsite-content .timeline { padding-top: 30px; }
.truck-order-caption { position: relative; margin: -220px 0 0 35%; width: 60%; }
.truck-order-caption h2 { margin-bottom: 10px; }
.truck-services .card { overflow: hidden; }
.truck-services .card-title{ color: #000; }
@media only screen and (min-width:800px){
    .truck-services .card-body { min-height: 320px; }
    /* .hotsite-content .timeline .card.even { margin-top: -100px; }
    .hotsite-content .timeline .card.odd { margin-top: 100px; } */
    .hotsite-content .timeline .card { margin-top: 30px; }
}

@media only screen and (max-width:800px){
    header.container { margin-top: 0 !important; }
    .mobile-header{background-color: #ecedf1; padding-top: 10px; padding-bottom: 10px; margin-bottom: 30px; text-align: center !important; border-radius: 0 0 16px 16px; box-shadow: 0 0 20px -10px rgba(0,0,0,.3);}
    .mobile-header li { display: inline-block; }
    .home-screen .img-banner { height: 400px; }
    .texto-atendimento, footer .fa-chevron-right{ display:none}
    .positionLogoTopo{text-align:center}
    .content-body h2{bottom:100px}
    .content-body button{bottom:100px}
    #imgOrcamento{margin-top:60px}
    #logoTopo{width:200px}
    #logoFooter{width:250px}
    .content-info h2{font-size:20px!important}
    footer .blocks div{text-align:center;margin-top:30px}
    .content-body h2{bottom:50px}
    .featured-lead { font-size: 16px; line-height: 26px; }
    .truck-order-caption { margin: -160px 0 0 47%; width: 50%; }
    .truck-order-caption strong { text-shadow: 0 0 3px #000; font-size: 14px !important; }
    .truck-order-caption .btn { padding: .25rem .5rem; font-size: .875rem; }
    .truck-order-caption h2 { line-height: 14px; }
}