/* Font Face */

/* Padrões */

.transition-05s{transition: 0.5s;}
.transition-1s{transition: 1s;}
.right{float: right;}
.clear{clear: both;}
img{transition: 0.2s;}
input{transition: 0.2s;}
textarea{transition: 0.2s;}
button{transition: 0.2s;}
.none{display: none !important;}

a{color: #202020; font-weight: bold; text-decoration: none;}
a:hover{}
em, i{font-style: italic;}
strong, b{font-weight: bold;}
.align-center{display: block; margin: 0 auto;}

html, body{font-family: 'Segoe UI'; font-size: 100%; height: 100%; width: 100%;}
body{background-color:;}
div.container{margin: 0 auto; width: 95%;}

::-webkit-scrollbar-track {
    background-color: #F4F4F4;
}
::-webkit-scrollbar {
    width: 6px;
    background: #F4F4F4;
}
::-webkit-scrollbar-thumb {
    background: #bbbbbb;
}

::-webkit-input-placeholder {color: #808080; font-family: 'Segoe UI'; font-weight: bold; font-size: 1.2em; text-transform: uppercase;}
:-moz-placeholder {color:  #808080; font-family: 'Segoe UI'; font-weight: bold; font-size: 1.2em; text-transform: uppercase;}
::-moz-placeholder {color:  #808080; font-family: 'Segoe UI'; font-weight: bold; font-size: 1.2em; text-transform: uppercase;}
:-ms-input-placeholder {color: #808080; font-family: 'Segoe UI'; font-weight: bold; font-size: 1.2em; text-transform: uppercase;}

@media screen and (min-width: 960px){

.mobile{display: none;}

/* HEADER */

header{position: relative; z-index: 2;}

header section.contato{background-color: #ffffff; height: 40px; width: 100%;}
header section.contato ul{display: flex; float: right;}
header section.contato ul li{margin: 5px 0 0 20px; text-transform: uppercase;}
header section.contato ul li span{color: #808080; font-size: 0.7em;}
header section.contato ul li address{color: #404040; font-size: 0.7em; font-weight: bold;}

header section.head{align-items: center; background-color: rgba(0, 0, 0, 0.7); height: 80px; width: 100%;}
header section.head nav.desktop{box-sizing: border-box; padding: 15px 0 0 0;}
header section.head nav.desktop img{float: left; margin: 0 20px 0 0;}
header section.head nav.desktop h1{color: #ffffff; float: left; font-family: 'Times New Roman'; font-size: 1.2em; margin: 15px 0 0 0; text-transform: uppercase;}
header section.head nav.desktop ul.menu{display: flex; margin: 15px 0 0 0;}
header section.head nav.desktop ul.menu li{border-bottom: 5px solid transparent; color: #ffffff; font-weight: 500; margin: 0 0 0 30px; padding: 0 0 29px 0; text-transform: uppercase;}
header section.head nav.desktop ul.menu li:hover{opacity: 0.5;}
header section.head nav.desktop ul.menu li span{font-size: 0.6em;}
header section.head nav.desktop ul.menu li.active{border-bottom: 5px solid #ffffff;}
header section.head nav.desktop ul.menu li b:hover{transform: scale(1.1);}

/* INDEX */

section.slide{}
section.slide div.owl-carousel{box-shadow: 0 0 5px rgba(50, 50, 50, 0.5); height: 500px; top: 0%; width: 100%; z-index: 1;}
section.slide div.owl-carousel div.item{background-position: center; background-size: cover; height: 500px; width: 100%;}
section.slide div.owl-carousel div.item section.slide-content{padding: 400px 0 0 0; position: relative;}
section.slide div.owl-carousel div.item section.slide-content h1{color: #ffffff; font-size: 2em; font-weight: bold; margin: 0 0 10px 0; text-transform: uppercase;}
section.slide div.owl-carousel div.item section.slide-content p{color: #dddddd;}

main#index{margin: 0 0 0 0;}

main#index section.ajr{}
main#index section.ajr ul{display: flex; margin: 0 auto; width: 70%;}
main#index section.ajr ul li{background-color: #202020; height: 300px; width: 50%;}
main#index section.ajr ul li:nth-child(1){text-align: center;}
main#index section.ajr ul li:nth-child(1) div{position: relative; top: 50%; transform: translateY(-50%);}
main#index section.ajr ul li:nth-child(1) h2{color: #ffffff; font-size: 1.5em; font-weight: bold; margin: 70px 0 70px 0; text-transform: uppercase;}
main#index section.ajr ul li:nth-child(1) address{color: #ffffff;}
main#index section.ajr ul li:nth-child(2) div{height: 300px; width: 100%;}
main#index section.ajr ul li:nth-child(2) div div.content{padding: 150px 0 0 0; position: relative; text-align: center;}
main#index section.ajr ul li:nth-child(2) h2{color: #ffffff; font-size: 1.5em; font-weight: bold; text-transform: uppercase;}

main#index section.sobre-ajr{background-image: url('../imagens/fundo-sobre.png'); background-position: center; background-size: cover; box-sizing: border-box; height: auto; margin: 0 auto; padding: 30px 20px 30px 20px; width: 70%;}
main#index section.sobre-ajr div.sobre{box-sizing: border-box; margin: 0 auto; position: relative; text-align: center; width: 90%;}
main#index section.sobre-ajr div.sobre h2{color: #95989A; font-size: 1.5em; font-weight: bold; margin: 0 0 20px 0; text-transform: uppercase;}
main#index section.sobre-ajr div.sobre p{color: #808080; font-size: 1.3em; line-height: 30px;}

main#index section.servicos{margin: 50px 0 50px 0;}
main#index section.servicos ul{display: block; margin: 0 auto; text-align: center; width: 100%;}
main#index section.servicos ul li{color: #bbbbbb; display: inline-block; font-weight: bold; margin: 0 10px 10px 10px; text-transform: uppercase;}
main#index section.servicos ul li:hover{}

main#index section.diferencial{margin: 50px 0 50px 0;}
main#index section.diferencial ul{display: ; margin: 0 auto 50px auto; text-align: center; width: 100%;}
main#index section.diferencial ul li{color: #bbbbbb; display: inline-block; font-weight: bold; margin: 0 20px 0 20px; text-align: left; text-transform: uppercase;}
main#index section.diferencial ul li img{box-sizing: border-box; border-radius: 50px; float: left; padding: 10px;}
main#index section.diferencial ul li h2{box-sizing: border-box; padding: 25px 10px 0 10px;}
main#index section.diferencial ul li p{box-sizing: border-box; display: block; padding: 0 10px 10px 10px;}
main#index section.diferencial ul li:hover{transform: scale(1.5);}

main#index section.contato{margin: 50px 0 50px 0;}
main#index section.contato h1{color: #aaaaaa; font-size: 2em; font-weight: bold; margin: 0 0 10px 0; text-transform: uppercase;}
main#index section.contato h1 address{color: #bbbbbb; font-size: 0.6em;}
main#index section.contato ul{display: block; margin: 0 auto; text-align: center; width: 100%;}
main#index section.contato ul li{color: #bbbbbb; display: inline-block; font-weight: bold; margin: 0 10px 0 10px; text-transform: uppercase;}
main#index section.contato ul li:hover{}

main#index section.contato section#form{box-sizing: border-box; float: left; margin: 50px 0 50px 0; width: 65%;}
    main#index section.contato .error{color: crimson;}
main#index section.contato section#form form{width: 100%;}
main#index section.contato section#form form label{margin: 0 0 20px 0;}
main#index section.contato section#form form input{border: 5px solid #bbbbbb; box-sizing: border-box; font-family: "Segoe UI"; font-size:; margin: 0 0 20px 0; outline: 0; padding: 20px; width: 100%;}
    main#index section.contato section#form form input:focus{border: 5px solid #202020; transform: scale(1.02);}
main#index section.contato section#form form div.double-input{margin: 10px 0 0 0; width: 100%;}
main#index section.contato section#form form div.double-input input{width: 49%;}
main#index section.contato section#form form div.double-input input.first{float: left; margin: 0 10px 20px 0;}
main#index section.contato section#form form div.double-input input.second{float: right;}
main#index section.contato section#form form textarea{border: 5px solid #bbbbbb; box-sizing: border-box; font-size:; margin: 10px 0 20px 0; max-width: 100%; outline: 0; padding: 20px; width: 100%;}
    main#index section.contato section#form form textarea:focus{border: 5px solid #202020; font-family: "Segoe UI"; transform: scale(1.02);}
main#index section.contato section#form form button{background-color: #bbbbbb; border: 0; box-sizing: border-box; color: #808080; cursor: pointer; font-weight: bold; margin: 10px 0 0 0; outline: 0; padding: 20px; text-align: center; text-transform: uppercase; width: 100%;}
main#index section.contato section#form form button:hover{transform: scale(1.05);}

main#index section.contato section#mapa{box-sizing: border-box; border: 2px solid #bbbbbb; height: 530px; margin: 50px 0 0 0; float: right; width: 30%;}

/* EMPRESA */

main#empresa section.slide{height: 400px; position: absolute; top: 0%; width: 100%;}
main#empresa section.slide div.carousel{box-shadow: 0 0 5px rgba(50, 50, 50, 0.5); height: 400px; position: absolute; top: 0%; width: 100%; z-index: 1;}
main#empresa section.slide div.carousel div.item{background-position: center; background-size: cover; height: 400px; width: 100%;}
main#empresa section.slide div.carousel div.item section.slide-content{padding: 300px 0 0 0; position: relative;}
main#empresa section.slide div.carousel div.item section.slide-content h1{font-size: 3em; font-weight: bold; margin: 0 0 10px 0; text-transform: uppercase;}
main#empresa section.slide div.carousel div.item section.slide-content h1{color: #ffffff; font-size: 2em; font-weight: bold; margin: 0 0 10px 0; text-transform: uppercase;}
main#empresa section.slide div.carousel div.item section.slide-content p{color: #dddddd;}

main#empresa section.conteudo{padding: 350px 0 0 0;}
main#empresa section.conteudo h1{color: #404040; font-size: 2em; font-weight: bold; margin: 0 0 50px 0; text-transform: uppercase;}
main#empresa section.conteudo h2.subtitle{color: #404040; font-size: 1.4em; font-weight: bold; margin: 50px 0 50px 0; text-transform: uppercase;}
main#empresa section.conteudo hr{border: 2px solid #bbbbbb; border-radius: 10px; float: left;}
main#empresa section.conteudo section.content p{color: #808080; font-size: 1.2em; line-height: 40px; margin: 0 0 15px 0; text-align: justify; width: 100%;}

main#empresa section.segmento{margin: 50px 0 50px 0;}
main#empresa section.segmento ul{display: flex; margin: 0 0 50px 0; width: 100%;}
main#empresa section.segmento ul li{color: #bbbbbb; margin: 0 0 20px 0; text-align: left; width: 19%;}
main#empresa section.segmento ul li img{box-sizing: border-box; border-radius: 50px; display: block; float: left; padding: 10px;}
main#empresa section.segmento ul li h2{box-sizing: border-box; font-weight: bold; padding: 30px 10px 0 10px; text-transform: uppercase;}
main#empresa section.segmento ul li p{box-sizing: border-box; display: block; padding: 0 10px 10px 10px;}
main#empresa section.segmento ul li:hover{}

main#empresa section.mapa{box-shadow: 0 0 5px rgba(50, 50, 50, 0.5); margin: 100px 0 0 0;}

/* SERVICOS */

main#servicos section.slide{height: 400px; position: absolute; top: 0%; width: 100%;}
main#servicos section.slide div.carousel{box-shadow: 0 0 5px rgba(50, 50, 50, 0.5); height: 400px; position: absolute; top: 0%; width: 100%; z-index: 1;}
main#servicos section.slide div.carousel div.item{background-position: center; background-size: cover; height: 400px; width: 100%;}
main#servicos section.slide div.carousel div.item section.slide-content{padding: 300px 0 0 0; position: relative;}
main#servicos section.slide div.carousel div.item section.slide-content h1{font-size: 3em; font-weight: bold; margin: 0 0 10px 0; text-transform: uppercase;}
main#servicos section.slide div.carousel div.item section.slide-content h1{color: #ffffff; font-size: 2em; font-weight: bold; margin: 0 0 10px 0; text-transform: uppercase;}
main#servicos section.slide div.carousel div.item section.slide-content p{color: #dddddd;}
main#servicos section.slide div.carousel div.item section.slide-content p a{color: #dddddd;}

main#servicos section.conteudo{padding: 350px 0 0 0;}
main#servicos section.conteudo h1{color: #404040; font-size: 2em; font-weight: bold; margin: 0 0 50px 0; text-transform: uppercase;}
main#servicos section.conteudo h2.subtitle{color: #404040; font-size: 1.4em; font-weight: bold; margin: 50px 0 50px 0; text-transform: uppercase;}
main#servicos section.conteudo hr{border: 2px solid #bbbbbb; border-radius: 10px; float: left;}
main#servicos section.conteudo section.content p{color: #808080; font-size: 1.2em; line-height: 40px; margin: 0 0 15px 0; text-align: justify; width: 100%;}

main#servicos section.servicos-prestados{margin: 50px 0 50px 0;}
main#servicos section.servicos-prestados ul{display: flex; margin: 0 0 5px 0; width: 100%;}
main#servicos section.servicos-prestados ul li{box-sizing: border-box; padding: 10px; text-align: left; width: 25%;}
main#servicos section.servicos-prestados ul li div.conteudo{background-color: #bbbbbb; box-sizing: border-box; height: 200px; padding: 10px; text-align: left; width: 100%;}
main#servicos section.servicos-prestados ul li img{box-sizing: border-box; border-radius: 50px; display: block; float: left; padding: 10px;}
main#servicos section.servicos-prestados ul li h2{box-sizing: border-box; font-size: 1.5em; font-weight: bold; position: relative; text-align: center; text-transform: uppercase; top: 50%; transform: translateY(-50%);}
main#servicos section.servicos-prestados ul li h2 span{color: #505050; font-size: 0.6em;}
main#servicos section.servicos-prestados ul li:hover{transform: scale(1.05);}

/* FROTAS */

main#frota section.slide{height: 400px; position: absolute; top: 0%; width: 100%;}
main#frota section.slide div.carousel{box-shadow: 0 0 5px rgba(50, 50, 50, 0.5); height: 400px; position: absolute; top: 0%; width: 100%; z-index: 1;}
main#frota section.slide div.carousel div.item{background-position: center; background-size: cover; height: 400px; width: 100%;}
main#frota section.slide div.carousel div.item section.slide-content{padding: 300px 0 0 0; position: relative;}
main#frota section.slide div.carousel div.item section.slide-content h1{font-size: 3em; font-weight: bold; margin: 0 0 10px 0; text-transform: uppercase;}
main#frota section.slide div.carousel div.item section.slide-content h1{color: #ffffff; font-size: 2em; font-weight: bold; margin: 0 0 10px 0; text-transform: uppercase;}
main#frota section.slide div.carousel div.item section.slide-content p{color: #dddddd;}

main#frota section.conteudo{padding: 350px 0 0 0;}
main#frota section.conteudo h1{color: #404040; font-size: 2em; font-weight: bold; margin: 0 0 50px 0; text-transform: uppercase;}
main#frota section.conteudo h2.subtitle{color: #404040; font-size: 1.4em; font-weight: bold; margin: 50px 0 50px 0; text-transform: uppercase;}
main#frota section.conteudo hr{border: 2px solid #bbbbbb; border-radius: 10px; float: left;}
main#frota section.conteudo section.content p{color: #808080; font-size: 1.2em; line-height: 40px; margin: 0 0 15px 0; text-align: justify; width: 100%;}

main#frota section.conteudo ul.servicos-frota{display: inline-flex; flex-flow: wrap; margin: 0 0 20px 0;}
main#frota section.conteudo ul.servicos-frota li{background-color: #bbbbbb; box-sizing: border-box; color: #404040; font-weight: bold; margin: 0 20px 20px 0; padding: 10px; text-transform: uppercase; width: 31%;}
main#frota section.conteudo ul.servicos-frota li:hover{background-color: #359e4b; color: #ffffff; transform: scale(1.02);}
    
/* ESTRADA */

main#estrada section.slide{height: 400px; position: absolute; top: 0%; width: 100%;}
main#estrada section.slide div.carousel{box-shadow: 0 0 5px rgba(50, 50, 50, 0.5); height: 400px; position: absolute; top: 0%; width: 100%; z-index: 1;}
main#estrada section.slide div.carousel div.item{background-position: center; background-size: cover; height: 400px; width: 100%;}
main#estrada section.slide div.carousel div.item section.slide-content{padding: 300px 0 0 0; position: relative;}
main#estrada section.slide div.carousel div.item section.slide-content h1{font-size: 3em; font-weight: bold; margin: 0 0 10px 0; text-transform: uppercase;}
main#estrada section.slide div.carousel div.item section.slide-content h1{color: #ffffff; font-size: 2em; font-weight: bold; margin: 0 0 10px 0; text-transform: uppercase;}
main#estrada section.slide div.carousel div.item section.slide-content p{color: #dddddd;}

main#estrada section.conteudo{padding: 300px 0 50px 0;}
main#estrada section.conteudo h1{color: #404040; font-size: 2em; font-weight: bold; margin: 0 0 50px 0; text-transform: uppercase;}
main#estrada section.conteudo h2{color: #404040; font-size: 1.4em; font-weight: bold; margin: 50px 0 50px 0; text-transform: uppercase;}
main#estrada section.conteudo h3{color: #404040; margin: 0 0 5px 0;}
main#estrada section.conteudo hr{border: 2px solid #bbbbbb; border-radius: 10px; float: left;}
main#estrada section.conteudo p{margin: 0 0 30px 0; text-align: justify; width: 100%;}

/* CONTATO */

main#contato section.slide{height: 400px; position: absolute; top: 0%; width: 100%;}
main#contato section.slide div.carousel{box-shadow: 0 0 5px rgba(50, 50, 50, 0.5); height: 400px; position: absolute; top: 0%; width: 100%; z-index: 1;}
main#contato section.slide div.carousel div.item{background-position: center; background-size: cover; height: 400px; width: 100%;}
main#contato section.slide div.carousel div.item section.slide-content{padding: 300px 0 0 0; position: relative;}
main#contato section.slide div.carousel div.item section.slide-content h1{font-size: 3em; font-weight: bold; margin: 0 0 10px 0; text-transform: uppercase;}
main#contato section.slide div.carousel div.item section.slide-content h1{color: #ffffff; font-size: 2em; font-weight: bold; margin: 0 0 10px 0; text-transform: uppercase;}
main#contato section.slide div.carousel div.item section.slide-content p{color: #dddddd;}

main#contato section.conteudo{padding: 350px 0 0 0;}

main#contato section.mapa{}

main#contato section#form{box-sizing: border-box; float: left; margin: 0px 0 50px 0; width: 65%;}
    main#contato .error{color: crimson;}
main#contato section#form h1{color: #aaaaaa; font-size: 2em; font-weight: bold; margin: 0 0 50px 0; text-transform: uppercase;}
main#contato section#form h1 address{color: #bbbbbb; font-size: 0.6em;}
main#contato section#form form{width: 100%;}
main#contato section#form form label{margin: 0 0 20px 0;}
main#contato section#form form input{border: 5px solid #bbbbbb; box-sizing: border-box; font-family: "Segoe UI"; font-size:; margin: 0 0 20px 0; outline: 0; padding: 20px; width: 100%;}
    main#contato section#form form input:focus{border: 5px solid #202020; transform: scale(1.02);}
main#contato section#form form div.double-input{margin: 10px 0 0 0; width: 100%;}
main#contato section#form form div.double-input input{width: 49%;}
main#contato section#form form div.double-input input.first{float: left; margin: 0 10px 20px 0;}
main#contato section#form form div.double-input input.second{float: right;}
main#contato section#form form textarea{border: 5px solid #bbbbbb; box-sizing: border-box; font-family: "Segoe UI"; margin: 10px 0 20px 0; max-width: 100%; outline: 0; padding: 20px; width: 100%;}
    main#contato section#form form textarea:focus{border: 5px solid #202020; transform: scale(1.02);}
main#contato section#form form button{background-color: #bbbbbb; border: 0; box-sizing: border-box; color: #808080; cursor: pointer; font-weight: bold; margin: 20px 0 0 0; outline: 0; padding: 20px; text-align: center; text-transform: uppercase; width: 100%;}
main#contato section#form form button:hover{transform: scale(1.02);}

main#contato section#sidebar-contato{float: right; text-align: right; width: 30%;}
main#contato section#sidebar-contato h1{color: #aaaaaa; font-size: 2em; font-weight: bold; margin: 0 0 50px 0; text-transform: uppercase;}
main#contato section#sidebar-contato h1 address{color: #bbbbbb; font-size: 0.6em;}

main#contato section#sidebar-contato{}
main#contato section#sidebar-contato ul{}
main#contato section#sidebar-contato ul li{border-bottom: 1px solid #bbbbbb; box-sizing: border-box; color: #808080; float: right; font-size: 1.2em; margin: 0 0 20px 0; padding: 10px;}

/* FOOTER */

footer{margin: 0 0 0 0;}

footer section.informacoes{background-color: #202020; box-sizing: border-box; height: 250px; padding: 20px; width: 100%;}
footer section.informacoes ul{display: flex;}
footer section.informacoes ul li{color: #ffffff; width: 33%;}
footer section.informacoes ul li h2{color: #ffffff; font-weight: bold; margin: 0 0 20px 0; text-transform: uppercase;}
footer section.informacoes ul li span{color: #ffffff; line-height: 20px;}
footer section.informacoes ul li span a{color: #ffffff;}

footer section.rodape{background-color: #dddddd; box-sizing: border-box; height: 80px; padding: 10px; position: relative; width: 100%;}
footer section.rodape div.conteudo{position: relative; top: 40%; transform: translateY(-50%);}
footer section.rodape div.conteudo p{color: #808080; font-size: 1.2em;}
footer section.rodape div.conteudo p:nth-child(1){float: left;}
footer section.rodape div.conteudo p:nth-child(2){float: right;}

}

@media screen and (max-width: 959px){

.desktop{display: none;}

/* HEADER */

header{position: relative; z-index: 2;}

header section.contato{background-color: #ffffff; display: none; height: 40px; width: 100%;}
header section.contato ul{display: flex; float: right;}
header section.contato ul li{margin: 5px 0 0 20px; text-transform: uppercase;}
header section.contato ul li span{color: #808080; font-size: 0.7em;}
header section.contato ul li address{color: #404040; font-size: 0.7em; font-weight: bold;}

header section.head{background-color: rgba(0, 0, 0, 0.8); height: 80px; width: 100%;}
header section.head nav.mobile{box-sizing: border-box; padding: 15px 0 0 0;}
header section.head nav.mobile img.logo{float: left;}
header section.head nav.mobile img.menu-open{cursor: pointer; float: right; height: 50px; width: 50px;}
header section.head img.close-menu{cursor: pointer; float: right; height: 50px; width: 50px;}
header section.head h1{color: #ffffff; font-family: 'Times New Roman'; font-size: 0.8em; margin: 0 0 0 0; text-transform: uppercase;}
header ul.menu{background-color: #202020; box-sizing: border-box; display: none; height: 100vh; padding: 20px; position: absolute; top: 0%; width: 100%; z-index: 999;}
header ul.menu img, h1{}
header ul.menu h1{margin: 15px 0 0 15px;}
header ul.menu li{color: #ffffff; font-weight: 500; margin: 0 0 15px; padding: 5px; text-transform: uppercase;}
header ul.menu li.active{background-color: #ffffff; color: #404040;}
header ul.menu li b:hover{transform: scale(1.1);}

/* INDEX */

section.slide{}
section.slide div.owl-carousel{height: 500px; position: absolute; top: 0%; width: 100%; z-index: 1;}
section.slide div.owl-carousel div.item{background-position: center; background-size: cover; height: 500px; width: 100%;}
section.slide div.owl-carousel div.item section.slide-content{padding: 320px 0 0 0; position: relative;}
section.slide div.owl-carousel div.item section.slide-content h1{color: #ffffff; font-size: 2em; font-weight: bold; margin: 0 0 10px 0; text-transform: uppercase;}
section.slide div.owl-carousel div.item section.slide-content p{color: #dddddd;}

main#index{margin: 420px 0 0 0;}

main#index section.ajr{}
main#index section.ajr ul{display: block; margin: 0 auto; width: 100%;}
main#index section.ajr ul li{background-color: #202020; height: 300px; width: 100%;}
main#index section.ajr ul li:nth-child(1){text-align: center;}
main#index section.ajr ul li:nth-child(1) div{position: relative; top: 50%; transform: translateY(-50%);}
main#index section.ajr ul li:nth-child(1) h2{color: #ffffff; font-size: 1.5em; font-weight: bold; margin: 70px 0 70px 0; text-transform: uppercase;}
main#index section.ajr ul li:nth-child(1) address{color: #ffffff;}
main#index section.ajr ul li:nth-child(2) div{height: 300px; width: 100%;}
main#index section.ajr ul li:nth-child(2) div div.content{padding: 150px 0 0 0; position: relative; text-align: center;}
main#index section.ajr ul li:nth-child(2) h2{color: #ffffff; font-size: 1.5em; font-weight: bold; text-transform: uppercase;}

main#index section.sobre-ajr{background-image: url('../imagens/fundo-sobre.png'); background-position: center; background-size: cover; box-sizing: border-box; height: auto; margin: 0 auto; padding: 30px 20px 30px 20px; width: 100%;}
main#index section.sobre-ajr div.sobre{box-sizing: border-box; margin: 0 auto; position: relative; text-align: center; width: 95%;}
main#index section.sobre-ajr div.sobre h2{color: #95989A; font-size: 1.5em; font-weight: bold; margin: 0 0 20px 0; text-transform: uppercase;}
main#index section.sobre-ajr div.sobre p{color: #808080; font-size: 1.2em; line-height: 30px;}

main#index section.servicos{margin: 50px 0 50px 0;}
main#index section.servicos ul{display: block; margin: 0 auto; text-align: center; width: 100%;}
main#index section.servicos ul li{color: #bbbbbb; display: inline-block; font-weight: bold; margin: 0 10px 20px 10px; text-transform: uppercase;}
main#index section.servicos ul li:hover{}

main#index section.contato{margin: 50px 0 50px 0;}
main#index section.contato h1{font-size: 2em; font-weight: bold; margin: 0 0 10px 0; text-transform: uppercase;}
main#index section.contato ul{display: block; margin: 0 auto; text-align: center; width: 100%;}
main#index section.contato ul li{color: #bbbbbb; display: inline-block; font-weight: bold; margin: 0 10px 0 10px; text-transform: uppercase;}
main#index section.contato ul li:hover{}

main#index section.diferencial{margin: 50px 0 50px 0;}
main#index section.diferencial ul{display: ; margin: 0 auto 0 auto; text-align: center; width: 100%;}
main#index section.diferencial ul li{color: #bbbbbb; display: inline-block; font-weight: bold; margin: 0 0 20px 0; text-align: left; text-transform: uppercase; width: 100%;}
main#index section.diferencial ul li img{box-sizing: border-box; border-radius: 50px; float: left; padding: 10px;}
main#index section.diferencial ul li h2{box-sizing: border-box; padding: 30px 10px 0 10px;}
main#index section.diferencial ul li p{box-sizing: border-box; display: block; padding: 0 10px 10px 10px;}
main#index section.diferencial ul li:hover{}

main#index section.contato{margin: 50px 0 50px 0;}
main#index section.contato h1{color: #aaaaaa; font-size: 2em; font-weight: bold; margin: 0 0 10px 0; text-transform: uppercase;}
main#index section.contato h1 address{color: #bbbbbb; font-size: 0.6em;}
main#index section.contato ul{display: block; margin: 0 auto; text-align: center; width: 100%;}
main#index section.contato ul li{color: #bbbbbb; display: inline-block; font-weight: bold; margin: 0 10px 0 10px; text-transform: uppercase;}
main#index section.contato ul li:hover{}

main#index section.contato section#form{box-sizing: border-box; margin: 50px 0 0 0; width: 100%;}
    main#index section.contato .error{color: crimson;}
main#index section.contato section#form form{width: 100%;}
main#index section.contato section#form form label{margin: 0 0 20px 0;}
main#index section.contato section#form form input{border: 5px solid #bbbbbb; box-sizing: border-box; font-family: "Segoe UI"; font-size:; margin: 10px 0 20px 0; outline: 0; padding: 20px; width: 100%;}
main#index section.contato section#form form div.double-input{width: 100%;}
main#index section.contato section#form form div.double-input input{}
main#index section.contato section#form form div.double-input input.first{}
main#index section.contato section#form form div.double-input input.second{}
main#index section.contato section#form form textarea{border: 5px solid #bbbbbb; box-sizing: border-box; font-family: "Segoe UI"; font-size:; margin: 10px 0 20px 0; outline: 0; padding: 20px; width: 100%;}
main#index section.contato section#form form button{background-color: #bbbbbb; border: 0; box-sizing: border-box; color: #808080; cursor: pointer; font-weight: bold; margin: 10px 0 0 0; outline: 0; padding: 20px; text-align: center; text-transform: uppercase; width: 100%;}
main#index section.contato section#form form button:hover{transform: scale(1.05);}

main#index section.contato section#mapa{box-sizing: border-box; border: 2px solid #bbbbbb; height: 530px; margin: 50px 0 0 0; width: 100%;}

/* EMPRESA */

main#empresa section.slide{height: 300px; position: absolute; width: 100%;}
main#empresa section.slide div.carousel{box-shadow: 0 0 5px rgba(50, 50, 50, 0.5); height: 300px; position: absolute; top: 0%; width: 100%; z-index: 1;}
main#empresa section.slide div.carousel div.item{background-position: center; background-size: cover; height: 300px; width: 100%;}
main#empresa section.slide div.carousel div.item section.slide-content{padding: 180px 0 0 0; position: relative;}
main#empresa section.slide div.carousel div.item section.slide-content h1{font-size: 3em; color: #ffffff; font-weight: bold; margin: 0 0 10px 0; text-transform: uppercase; width: 100%;}
main#empresa section.slide div.carousel div.item section.slide-content p{color: #ffffff; text-align: inherit;}

main#empresa section.conteudo{padding: 350px 0 0 0;}
main#empresa section.conteudo h1{color: #aaaaaa; font-size: 1.5em; font-weight: bold; margin: 0 0 50px 0; text-transform: uppercase; text-align: center;}
main#empresa section.conteudo h2.subtitle{color: #aaaaaa; font-size: 1.4em; font-weight: bold; margin: 50px 0 50px 0; text-transform: uppercase; text-align: center;}
main#empresa section.conteudo hr{border: 2px solid #bbbbbb; border-radius: 10px;}
main#empresa section.conteudo section.content p{color: #808080; font-size: 1.2em; line-height: 40px; margin: 0 0 15px 0; text-align:;}

main#empresa section.segmento{margin: 50px 0 50px 0;}
main#empresa section.segmento ul{margin: 0 0 50px 0; width: 100%;}
main#empresa section.segmento ul li{color: #bbbbbb; display: inline-block; margin: 0 0 20px 0; text-align: center; width: 100%;}
main#empresa section.segmento ul li img{box-sizing: border-box; border-radius: 50px; display: block; margin: 0 auto; padding: 10px;}
main#empresa section.segmento ul li h2{box-sizing: border-box; font-weight: bold; padding: 20px 10px 0 10px; text-transform: uppercase;}
main#empresa section.segmento ul li p{box-sizing: border-box; display: block; padding: 0 10px 10px 10px;}
main#empresa section.segmento ul li:hover{}

main#empresa section.mapa{box-shadow: 0 0 5px rgba(50, 50, 50, 0.5); margin: 50px 0 0 0;}

/* SERVICOS */

main#servicos section.slide{height: 300px; position: absolute; width: 100%;}
main#servicos section.slide div.carousel{box-shadow: 0 0 5px rgba(50, 50, 50, 0.5); height: 300px; position: absolute; top: 0%; width: 100%; z-index: 1;}
main#servicos section.slide div.carousel div.item{background-position: center; background-size: cover; height: 300px; width: 100%;}
main#servicos section.slide div.carousel div.item section.slide-content{padding: 180px 0 0 0; position: relative;}
main#servicos section.slide div.carousel div.item section.slide-content h1{font-size: 3em; color: #ffffff; font-weight: bold; margin: 0 0 10px 0; text-transform: uppercase; width: 100%;}
main#servicos section.slide div.carousel div.item section.slide-content p{color: #ffffff; text-align: inherit;}
main#servicos section.slide div.carousel div.item section.slide-content p a{color: #ffffff;}

main#servicos section.conteudo{padding: 350px 0 0 0;}
main#servicos section.conteudo h1{color: #404040; font-size: 1.5em; font-weight: bold; margin: 0 0 25px 0; text-align: center; text-transform: uppercase; width: 100%;}
main#servicos section.conteudo h2.subtitle{color: #404040; font-size: 1.4em; font-weight: bold; margin: 50px 0 50px 0; text-transform: uppercase;}
main#servicos section.conteudo hr{border: 2px solid #bbbbbb; border-radius: 10px;}
main#servicos section.conteudo section.content p{color: #808080; font-size: 1.2em; line-height: 30px; margin: 0 0 15px 0; text-align: center; width: 100%;}

main#servicos section.servicos-prestados{margin: 50px 0 50px 0;}
main#servicos section.servicos-prestados ul{margin: 0 0 5px 0; width: 100%;}
main#servicos section.servicos-prestados ul li{box-sizing: border-box; padding: 10px; text-align: left; width: 100%;}
main#servicos section.servicos-prestados ul li div.conteudo{background-color: #bbbbbb; box-sizing: border-box; height: 200px; padding: 10px; text-align: left; width: 100%;}
main#servicos section.servicos-prestados ul li img{box-sizing: border-box; border-radius: 50px; display: block; float: left; padding: 10px;}
main#servicos section.servicos-prestados ul li h2{box-sizing: border-box; font-size: 1.5em; font-weight: bold; position: relative; text-align: center; text-transform: uppercase; top: 50%; transform: translateY(-50%);}
main#servicos section.servicos-prestados ul li h2 span{color: #505050; font-size: 0.6em;}
main#servicos section.servicos-prestados ul li:hover{transform: scale(1.05);}

/* FROTAS */

main#frota section.slide{height: 300px; position: absolute; width: 100%;}
main#frota section.slide div.carousel{box-shadow: 0 0 5px rgba(50, 50, 50, 0.5); height: 300px; position: absolute; top: 0%; width: 100%; z-index: 1;}
main#frota section.slide div.carousel div.item{background-position: center; background-size: cover; height: 300px; width: 100%;}
main#frota section.slide div.carousel div.item section.slide-content{padding: 180px 0 0 0; position: relative;}
main#frota section.slide div.carousel div.item section.slide-content h1{font-size: 3em; color: #ffffff; font-weight: bold; margin: 0 0 10px 0; text-transform: uppercase; width: 100%;}
main#frota section.slide div.carousel div.item section.slide-content p{color: #ffffff; text-align: inherit;}

main#frota section.conteudo{padding: 350px 0 0 0;}
main#frota section.conteudo h1{color: #404040; font-size: 1.5em; font-weight: bold; margin: 0 0 30px 0; text-align: center; text-transform: uppercase;}
main#frota section.conteudo h2.subtitle{color: #404040; font-size: 1.4em; font-weight: bold; margin: 50px 0 50px 0; text-transform: uppercase;}
main#frota section.conteudo hr{border: 2px solid #bbbbbb; border-radius: 10px;}
main#frota section.conteudo section.content p{color: #808080; font-size: 1.2em; line-height: 30px; margin: 0 0 15px 0; text-align: center; width: 100%;}

main#frota section.conteudo ul.servicos-frota{margin: 0 0 20px 0;}
main#frota section.conteudo ul.servicos-frota li{background-color: #bbbbbb; box-sizing: border-box; color: #404040; font-weight: bold; margin: 0 20px 20px 0; padding: 20px; text-transform: uppercase; width: 100%;}

/* ESTRADA */

main#estrada section.slide{height: 300px; position: absolute; width: 100%;}
main#estrada section.slide div.carousel{box-shadow: 0 0 5px rgba(50, 50, 50, 0.5); height: 300px; position: absolute; top: 0%; width: 100%; z-index: 1;}
main#estrada section.slide div.carousel div.item{background-position: center; background-size: cover; height: 300px; width: 100%;}
main#estrada section.slide div.carousel div.item section.slide-content{padding: 180px 0 0 0; position: relative;}
main#estrada section.slide div.carousel div.item section.slide-content h1{font-size: 3em; color: #ffffff; font-weight: bold; margin: 0 0 10px 0; text-transform: uppercase; width: 100%;}
main#estrada section.slide div.carousel div.item section.slide-content p{color: #ffffff; text-align: inherit;}

main#estrada section.conteudo{padding: 350px 0 0 0;}
main#estrada section.conteudo h1{color: #404040; font-size: 1.5em; font-weight: bold; margin: 0 0 30px 0; text-align: center; text-transform: uppercase;}
main#estrada section.conteudo h2{color: #404040; font-size: 1.4em; font-weight: bold; margin: 50px 0 50px 0; text-transform: uppercase;}
main#estrada section.conteudo h3{color: #404040; margin: 0 0 5px 0;}
main#estrada section.conteudo hr{border: 2px solid #bbbbbb; border-radius: 10px;}
main#estrada section.conteudo p{margin: 0 0 30px 0; text-align: justify; width: 100%;}

/* CONTATO */

main#contato section.slide{height: 300px; position: absolute; width: 100%;}
main#contato section.slide div.carousel{box-shadow: 0 0 5px rgba(50, 50, 50, 0.5); height: 300px; position: absolute; top: 0%; width: 100%; z-index: 1;}
main#contato section.slide div.carousel div.item{background-position: center; background-size: cover; height: 300px; width: 100%;}
main#contato section.slide div.carousel div.item section.slide-content{padding: 180px 0 0 0; position: relative;}
main#contato section.slide div.carousel div.item section.slide-content h1{font-size: 3em; color: #ffffff; font-weight: bold; margin: 0 0 10px 0; text-transform: uppercase; width: 100%;}
main#contato section.slide div.carousel div.item section.slide-content p{color: #ffffff; text-align: inherit;}

main#contato section.conteudo{padding: 400px 0 0 0;}

main#contato section.mapa{}

main#contato section#form{box-sizing: border-box; margin: 0px 0 20px 0; width: 100%;}
    main#contato section#form .error{color: crimson;}
main#contato section#form h1{color: #aaaaaa; font-size: 2em; font-weight: bold; margin: 0 0 20px 0; text-transform: uppercase;}
main#contato section#form h1 address{color: #bbbbbb; font-size: 0.6em;}
main#contato section#form form{width: 100%;}
main#contato section#form form label{margin: 0 0 20px 0;}
main#contato section#form form input{border: 5px solid #bbbbbb; box-sizing: border-box; font-family: "Segoe UI"; font-size:; margin: 10px 0 20px 0; outline: 0; padding: 20px; width: 100%;}
main#contato section#form form div.double-input{width: 100%;}
main#contato section#form form div.double-input input{}
main#contato section#form form div.double-input input.first{}
main#contato section#form form div.double-input input.second{}
main#contato section#form form textarea{border: 5px solid #bbbbbb; box-sizing: border-box; font-family: "Segoe UI"; font-size:; margin: 10px 0 20px 0; outline: 0; padding: 20px; width: 100%;}
main#contato section#form form button{background-color: #bbbbbb; border: 0; box-sizing: border-box; color: #808080; cursor: pointer; font-weight: bold; margin: 10px 0 0 0; outline: 0; padding: 20px; text-align: center; text-transform: uppercase; width: 100%;}
main#contato section#form form button:hover{transform: scale(1.05);}

main#contato section#sidebar-contato{text-align: text; width: 100%;}
main#contato section#sidebar-contato h1{color: #aaaaaa; font-size: 2em; font-weight: bold; margin: 0 0 50px 0; text-transform: uppercase;}
main#contato section#sidebar-contato h1 address{color: #bbbbbb; font-size: 0.6em;}

main#contato section#sidebar-contato{margin: 0 0 50px 0;}
main#contato section#sidebar-contato ul{}
main#contato section#sidebar-contato ul li{border-bottom: 1px solid #bbbbbb; box-sizing: border-box; color: #808080; font-size: 1.2em; margin: 0 0 20px 0; padding: 10px;}

/* FOOTER */

footer{margin: 0 0 0 0;}

footer section.informacoes{background-color: #404040; box-sizing: border-box; min-height: 200px; padding: 20px; width: 100%;}
footer section.informacoes ul{}
footer section.informacoes ul li{color: #ffffff; margin: 0 0 20px 0; width: 100%;}
footer section.informacoes ul li h2{color: #ffffff; font-weight: bold; margin: 0 0 20px 0; text-transform: uppercase;}
footer section.informacoes ul li span{color: #ffffff; line-height: 20px;}
footer section.informacoes ul li span a{color: #ffffff;}

footer section.rodape{background-color: #dddddd; box-sizing: border-box; height: 100px; padding: 10px; position: relative; width: 100%;}
footer section.rodape div.conteudo{position: relative; top: 50%; transform: translateY(-50%);}
footer section.rodape div.conteudo p{color: #808080; font-size: 1.2em; text-align: center;}
footer section.rodape div.conteudo p:nth-child(1){display: block; margin: 0 0 10px 0;}
footer section.rodape div.conteudo p:nth-child(2){display: block;}

}
    
}