@charset "UTF-8";

/*
 * CSS Reset
 * ------------------------------------------------------------------------------------------------------------------------
 */

.col-sm-12,
.col-sm-11,
.col-sm-10,
.col-sm-9,
.col-sm-8,
.col-sm-7,
.col-sm-6,
.col-sm-5,
.col-sm-4,
.col-sm-3,
.col-sm-2,
.col-sm-1 {
  width: 100%;
}

img {
  max-width: 100%;
  margin: 0 auto;
  display: table;
  width: auto/9;
  height: auto;
}

/*
 * Owl Carousel
 * ------------------------------------------------------------------------------------------------------------------------
 */

#owl-demo-nossos-clientes {
  width: 100%;
  margin: 0;
}

#owl-demo-nossos-clientes img {
  height: auto;
  width: 100%;
}

#owl-demo-slider {
  margin-top: 70px;
}

.owl-theme .owl-controls .owl-buttons div {
  display: none;
}

/*
 * Configurando o Header do site
 * ------------------------------------------------------------------------------------------------------------------------
 */

header {
  height: 70px;
}

header .logo {
  background: url("../images/logo-header-verde.png") no-repeat;
  margin: 0.75em 0 0 0.625em;
  height: 44px;
  width: 66px;
}

header .information {
  display: none;
}

header nav button {
  display: block;
}

header nav ul {
  position: absolute;
  background: white;
  display: none;
  top: 4.8em;
  clear: both;
  width: 100%;
  left: 0;
}

header nav ul li {
  border-bottom: 1px solid #ddd;
  background: #eeeeee;
  padding: 1.25em;
  display: block;
  margin-left: 0;
  height: auto;
  float: left;
  clear: both;
  width: 100%;
}

header nav ul li:last-child {
  margin-right: 1.875em;
}

header nav ul li ul {
  border-bottom-right-radius: 0;
  border-top: 0;
  background: #ddd;
  display: block;
  z-index: 10000;
  top: 3.900em;
  width: 100%;
  padding: 0;
  margin: 0;
  left: 0;
}

header nav ul li ul li {
  border-bottom: 1px solid #ccc;
  background: #ddd;
  padding: 5px 18px 8px 20px;
  margin-left: 0;
  width: 100%;
  margin: 0;
}

header nav ul li ul li a {
  color: #333 !important;
}

header nav ul li ul li:hover {
  background: #1f5c43;
}

header nav ul li ul li:hover a {
  color: #ffffff !important;
}

header nav ul li:hover {
  background: #1f5c43;
}

header nav ul li:hover a {
  color: white;
}

header nav ul li:hover ul {
  border-bottom-right-radius: 0;
  background: #1f5c43;
  z-index: 10000;
  top: 3.900em;
  display: none;
  width: 100%;
  padding: 0;
  margin: 0;
  left: 0;
}

header nav ul li:hover ul li {
  border-bottom: 1px solid #ccc;
  background: #ddd;
  margin-left: 0;
  padding: 5px 18px 8px 20px;
  width: 100%;
  margin: 0;
}

header nav ul li:hover ul li:hover {
  background: #1f5c43;
}

header nav ul li:hover ul li a {
  color: #333;
}

header nav ul li:hover ul li a:hover {
  color: white;
}

header nav ul li a {
  display: block;
  float: left;
  width: 100%;
  clear: both;
}

header nav ul li a:after {
  font-family: "FontAwesome";
  content: "\f054";
  float: right;
}

header nav ul li a:hover {
  background: transparent;
  color: white;
}

header nav ul li .giro {
  transform: rotate(180deg);
}

/*
 * Configurando os banners de todo o site
 * ------------------------------------------------------------------------------------------------------------------------
 */

.banner {
  padding-top: 9.375em;
}

.banner h1 {
  margin-top: 0.625em;
  font-size: 5vw;
}

.banner p {
  font-size: 2vw;
}

.banner h1 {
  margin-top: 0.625em;
  font-size: 5.5vw;
}

.banner p {
  font-size: 2.5vw;
}

.banner-quem-somos h1,
.banner-estrutura h1,
.banner-contato h1 {
  font-size: 3.125em;
}

.banner-quem-somos h1,
.banner-transporte h1,
.banner-estrutura h1,
.banner-qualidade h1,
.banner-servicos h1,
.banner-contato h1,
.banner-midia h1 {
  text-align: center;
  width: 100%;
}

/*
 * Configurando a sessão Login - Página Home
 * ------------------------------------------------------------------------------------------------------------------------
 */

.login .mapa {
  display: none;
}

.login .autotrac {
  display: none;
}

.login {
  width: 100%;
  text-align: center;
}

.login img {
  display: none;
}

.login .form {
  width: 100%;
  text-align: center;
  margin: 0 auto;
}

.login .form h1 {
  text-align: center;
  font-size: 4.5vw;
  width: 100%;
  margin: 0;
}

.login .form p {
  text-align: center;
  font-size: 2vw;
  width: 100%;
  margin: 0;
}

.login .form form {
  margin-top: 0.625em;
}

.login .form form input {
  margin-bottom: 0.3125em;
  border-radius: 0;
  display: block;
  float: left;
  clear: both;
  width: 100%;
}

.login .form form input:nth-child(2) {
  margin: 0;
}

.login .form form input[type="submit"] {
  margin-top: 0.3125em;
  margin-left: 0;
}

.login form {
  width: 100%;  
}

/*
 * Configurando a sessão Caminhões - Página Home
 * ------------------------------------------------------------------------------------------------------------------------
 */

.caminhoes .caminhao h1 {
  font-size: 6vw;
}

.caminhoes .caminhao p {
  text-align: center;
}

/*
 * Configurando a sessão Nossos Clientes - Página Home
 * ------------------------------------------------------------------------------------------------------------------------
 */

.nossos-clientes {
  display: none;
  }

/*.nossos-clientes .quadro-nossos-clientes {
  display: none;
}

.nossos-clientes img {
  width: 100%;
  float: left;
  display: block;
  clear: both;
}

.nossos-clientes img:first-child {
  margin-top: 40px;
}*/

/*
 * Configurando a Página Quem Somos
 * ------------------------------------------------------------------------------------------------------------------------
 */

.quem-somos h1 {
  text-align: center;
  width: 100%;
  font-size: 4vw;
  border: 0;
}

.quem-somos img {
  margin-top: 2.5em;
}

.quem-somos .sobre-nos {
  margin-top: 1em;
}

.quem-somos .sobre-nos .quadro {
  background: transparent;
  margin-bottom: 0;
  color: #333;
}

.quem-somos .sobre-nos .quadro h2 {
  text-align: center;
  display: block;
  width: 100%;
  float: left;
  clear: both;
}

.quem-somos .sobre-nos .quadro span {
  text-align: center;
  display: block;
  margin-top: 5px;
  float: right;
  clear: both;
  width: 100%;
}

.quem-somos .sobre-nos p {
  text-align: center;
  width: 100%;
  margin-top: 50px;
}

.quem-somos .sobre-nos .missao {
  margin-bottom: 2.5em;
}

.quem-somos .sobre-nos .visao {
  margin-bottom: 2.5em;
}

.quem-somos .sobre-nos .valores {
  width: 100%;
  text-align: center;
  margin: 0;
}

.quem-somos .sobre-nos .valores h2 {
  margin: 0;
}

.quem-somos .sobre-nos .valores ul {
  width: 100%;
  text-align: center;
  margin: 0;
}

.quem-somos .sobre-nos .valores ul li {
  margin-bottom: 4px;
}

.speakerdeck-embed {
  width: 100%;
  margin-top: 40px;
  float: left;
  display: block;
  clear: both;
}

/*
 * Configurando a Página Estrutura
 * ------------------------------------------------------------------------------------------------------------------------
 */

.estrutura .cargas {
  display: none;
}

.estrutura .cargas .titulo h1 {
  text-align: center;
  font-size: 5vw;
  width: 100%;
}

.estrutura .cargas .titulo h1 i {
  display: none;
}

.estrutura .cargas .content ul {
  margin-top: 23.75em;
  display: block;
  float: left;
  clear: both;
}

.estrutura .cargas .content ul li {
  padding: 0 0.3125em;
  font-size: 1.375em;
  text-align: center;
  display: block;
  float: left;
  clear: none;
}

.estrutura .cargas .content ul li:first-child {
  border-left: 0;
}

.estrutura .cargas .content img {
  text-align: center;
  display: table;
  margin: 0 auto;
}

/*
 * Configurando a sessão Nossas Frotas - Página Estrutura
 * ------------------------------------------------------------------------------------------------------------------------
 */

.nossas-frotas {
  display: block;
  width: 100%;
  float: left;
  clear: both;
}

.nossas-frotas .tags div {
  width: 100%;
}

/*
 * Configurando a Página Qualidade
 * ------------------------------------------------------------------------------------------------------------------------
 */

.qualidade {
  display: block;
  float: left;
  clear: both;
  width: 100%;
}

.qualidade h1 {
  text-align: center;
  width: 100%;
}

.qualidade a {
  text-align: center;
  width: 100%;
}

.qualidade p {
  text-align: center;
  width: 100%;
}

.qualidade .parceiros {
  margin-top: 6.25em;
  display: block;
  float: left;
  clear: both;
  width: 100%;
}

.qualidade .parceiros ul {
  margin-top: 3.125em;
}

.qualidade .parceiros ul li {
  transition: 0;
  height: auto;
  width: 100%;
  height: auto;
  margin: 0;
}

.qualidade .parceiros ul li:hover {
  width: 100%;
  background: #ffffff;
  margin: 0;
}

.qualidade .parceiros ul li .battistella-qualidade,
.qualidade .parceiros ul li .transdata-qualidade,
.qualidade .parceiros ul li .rodobens-qualidade,
.qualidade .parceiros ul li .sascar-qualidade,
.qualidade .parceiros ul li .volvo-qualidade,
.qualidade .parceiros ul li .bddb-qualidade {
  margin: 0 auto;
}

.qualidade .parceiros ul li:hover .bddb-qualidade {
  background: url("../images/bddb-normal.png");
  width: 49px;
  height: 46px;
}

.qualidade .parceiros ul li:hover .transdata-qualidade {
  background: url("../images/transdata.png");
  width: 100px;
  height: 55px;
}

.qualidade .parceiros ul li:hover .rodobens-qualidade {
  background: url("../images/rodobens.png");
  width: 120px;
  height: 84px;
}

.qualidade .parceiros ul li:hover .sascar-qualidade {
  background: url("../images/sascar.png");
  width: 120px;
  height: 26px;
}

.qualidade .parceiros ul li:hover .battistella-qualidade {
  background: url("../images/battistella.png");
  width: 120px;
  height: 22px;
}

.qualidade .parceiros ul li:hover .volvo-qualidade {
  background: url("../images/volvo.png");
  width: 100px;
  height: 100px;
}

.qualidade .perfil {
  margin-top: -40px;
}

/*
 * Configurando a Página Serviços
 * ------------------------------------------------------------------------------------------------------------------------
 */

.servicos {
  display: block;
  float: left;
  clear: both;
  width: 100%;
}

.servicos h1 {
  text-align: center;
  width: 100%;
}

.servicos a {
  text-align: center;
  width: 100%;
}

.servicos a:last-child {
  margin-bottom: 6.25em;
}

.servicos p {
  text-align: center;
  width: 100%;
}

.servicos .logistica {
  margin-top: -40px;
}

/*
 * Configurando a Página Mídia
 * ------------------------------------------------------------------------------------------------------------------------
 */

.midia h3 {
  text-align: center;
}

.midia span {
  text-align: center;
  display: block;
  float: left;
  clear: both;
  width: 100%;
}

.midia p {
  text-align: center;
  display: block;
  float: left;
  clear: both;
  width: 100%;
}

.midia img {
  display: none;
}

.midia button {
  margin-bottom: 6.25em;
  text-align: center;
  width: 100%;
}

/*
 * Configurando a Página Mídia - Vídeo
 * ------------------------------------------------------------------------------------------------------------------------
 */

.videos .cinza {
  margin-bottom: 1.875em;
}

.videos .conteudo {
  margin-top: 5em;
}

.videos .conteudo h1 {
  text-align: center;
  width: 100%;
}

/*
 * Configurando a Página Contato
 * ------------------------------------------------------------------------------------------------------------------------
 */

.contato form input,
.contato form textarea {
  border-radius: 0;
}

.contato form input[type="submit"] {
  display: block;
  width: 100%;
  float: left;
  clear: both;
}

.contato form span {
  margin-top: 1.875em;
}

.contato h1 {
  margin: 1.875em 0;
  text-align: center;
  width: 100%;
}

.contato h5 {
  text-align: center;
  width: 100%;
}

.contato p {
  text-align: center;
  width: 100%;
}

.contato button {
  display: none;
}

.contato a {
  text-align: center;
  width: 100%;
}

/*
 * Configurando o Footer
 * ------------------------------------------------------------------------------------------------------------------------
 */

footer {
  display: block;
  float: left;
  clear: both;
}

footer h2 {
  text-align: center;
  border-bottom: 0;
  width: 100%;
}

footer iframe {
  margin: 0 auto;
  display: table;
  width: 100%;
}

footer address {
  width: 100%;
  text-align: center;
  float: left;
  display: block;
  clear: both;
}

footer .instagram {
  display: table;
  margin: 0 auto;
}

footer .fb-like-box {
  margin: 0 auto;
  display: table;
}