@charset "UTF-8";

/*
 * Fazendo os imports das dependências do site
 * ------------------------------------------------------------------------------------------------------------------------
 */

@import url("fonts/font-style.css");
@import url("css/bootstrap.min.css");
@import url("css/font-awesome.min.css");
@import url("css/owl.carousel.css");
@import url("css/owl.theme.css");
@import url("css/owl.transitions.css");

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

* {
  transition: all 300ms ease;
  box-sizing: border-box;
  text-decoration: none;
  list-style: none;
  padding: 0;
  margin: 0;
  border: 0;
}

.wrapper {
  max-width: 81.5em;
  margin: 0 auto;
}

.fb_iframe_widget span iframe[style],
.fb_iframe_widget span,
.fb_iframe_widget {
    width: 100% !important;
}

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

#owl-demo-caminhao,
#owl-demo-caminhao2,
#owl-demo-caminhao3 {
  margin-top: 60px;
}

#owl-demo-nossos-clientes .owl-pagination,
#owl-demo-quem-somos .owl-pagination,
#owl-demo-caminhao2 .owl-pagination,
#owl-demo-caminhao3 .owl-pagination,
#owl-demo-caminhao .owl-pagination,
#owl-demo-slider .owl-pagination {
  display: none;
}

#owl-demo-nossos-clientes {
  margin: -75px 0 0 270px;
  width: 76.5%;
}

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

#owl-demo-transporte .item img,
#owl-demo-servicos .item img {
  display: block;
  height: auto;
  width: 100%;
}

#owl-demo-transporte .owl-buttons,
#owl-demo-quem-somos .owl-buttons,
#owl-demo-servicos .owl-buttons,
#owl-demo-video .owl-buttons {
  display: none;
}

#owl-demo-transporte {
  margin-bottom: 3.125em;
}

#owl-demo-transporte .owl-pagination,
#owl-demo-video .owl-pagination {
  margin-bottom: 1.875em;
  margin-left: -0.5em;
  display: block;
  float: left;
  clear: both;
}

#owl-demo-video {
  margin-bottom: 3.125em;
  margin-top: 3.125em;
}

#owl-demo-slider {
  width: 100%;
  background: #1f5c43;
  margin-top: 80px;
}

#owl-demo-nossos-clientes {
  margin-top: -120px;
}

.owl-theme .owl-controls .owl-buttons div {
  position: absolute;
}
 
.owl-theme .owl-controls .owl-buttons .owl-prev{
  left: 20px;
  top: 25px; 
  background: transparent;
  color: #000;
  font-size: 50px;
}
 
.owl-theme .owl-controls .owl-buttons .owl-next{
  right: 20px;
  top: 25px;
  background: transparent;
  color: #000;
  font-size: 50px;
}

#owl-demo-slider .owl-controls .owl-buttons .owl-prev{
  left: 20px;
  top: 190px; 
  background: transparent;
  color: #000;
  font-size: 30px;
  border: 3px solid #000000;
  border-radius: 50%;
  width: 55px;
}
 
#owl-demo-slider .owl-controls .owl-buttons .owl-next{
  right: 20px;
  top: 190px;
  background: transparent;
  color: #000;
  font-size: 30px;
  border: 3px solid #000000;
  border-radius: 50%;
  width: 55px;
}

#owl-demo-slider .b1 {
  background: url("images/caminhoes-banners/b1.png") center top;
  width: 100%;
  height: 637px;
}

#owl-demo-slider .b2 {
  background: url("images/caminhoes-banners/b2.png") center top;
  width: 100%;
  height: 637px;
}

#owl-demo-slider .b3 {
  background: url("images/caminhoes-banners/b3.png") center top;
  width: 100%;
  height: 637px;
}

#owl-demo-caminhao3 p {
  float: left;
  display: block;
  clear: both;
  margin-top: 15px;
}

#owl-demo-caminhao2 p {
  margin-top: 55px;
}

.nossos-clientes img {
  width: 19%;
}

/*
 * Configurações do Header do site
 * ------------------------------------------------------------------------------------------------------------------------
 */

header {
  border-bottom: 2px solid #eeeeee;
  background: #ffffff;
  position: fixed;
  z-index: 10000;
  height: 80px;
  width: 100%;
  left: 0;
  top: 0;
}

header .logo {
  background: url("images/logo-header.png") no-repeat center #1f5c43;
  padding: 1.25em;
  display: block;
  height: 80px;
  width: 80px;
  float: left;
  clear: both;
}

header .information {
  float: right;
  display: block;
  margin-top: 2em;
}

header .information ul li {
  float: left;
  display: block;
  font-size: 16px;
  margin-right: 1.25em;
}

header .information ul li:last-child {
  margin-right: 0;
}

header nav {
  margin-top: -4.2em;
  margin-left: 6em;
  display: block;
  float: left;
  clear: both;
}

header nav button {
  background: transparent;
  position: absolute;
  font-size: 1.875em;
  right: 0.625em;
  display: none;
  top: 0.625em;
  float: right;
  outline: 0;
  color: #555;
}

header nav ul {
  margin-top: 0.200em;
  display: block;
  float: right;
  clear: both;
}

header nav ul li {
  margin-left: 2.5em;
  position: relative;
  display: block;
  float: left;
  font-size: 16px;
  padding: 5px;
  border-bottom: 0 solid #1f5c43;
}

header nav ul li:hover {
  border-bottom: 2px solid #1f5c43;
}

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

header nav ul li ul {
  border-bottom-right-radius: 1.25em;
  background: #1f5c43;
  position: absolute;
  padding: 1.875em;
  color: #ffffff;
  border-top: 21px solid #fff;
  padding-top: 30px;
  display: none;
  top: 2.2em;
  margin: 0;
  left: -20px;
}

header nav ul li ul li {
  border-bottom: 1px dotted #333;
  width: 10.9375em;
  display: block;
  float: left;
  clear: both;
  padding: 0;
  margin: 0;
}

header nav ul li ul li {
  float: left;
  display: block;
  clear: both;
  margin-bottom: 0.625em;
}

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

header nav ul li:hover a {
  text-decoration: none;
  font-style: bold;
  color: #333;
}

header nav ul li ul li a {
  padding-bottom: 1em;
  padding-top: 1em;
  display: block;
  color: #ffffff !important;
  float: left;
}

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

header nav ul li ul li:hover {
  border-bottom: 1px dotted #333;
}

header nav ul li:hover ul {
  display: block;
}

header nav ul li:hover ul li:last-child {
  border-bottom: 0;
}

/*
 * Configurando todos os banners do site
 * ------------------------------------------------------------------------------------------------------------------------
 */

.banner-transporte,
.banner-estrutura,
.banner-servicos,
.banner-midia {
  background: url("images/bg-estrutura.jpg") center top no-repeat;
  margin-top: 4.3125em;
  height: 12.3125em;
  width: 100%;
}

.banner-transporte h1,
.banner-quem-somos h1,
.banner-estrutura h1,
.banner-qualidade h1,
.banner-servicos h1,
.banner-midia h1 {
  font-family: "ubuntubold";
  padding-top: 1.5625em;
  font-size: 3.125em;
  color: #ffffff;
}

.banner {
  background: url("images/folhas.jpg") center;
  padding-top: 8em;
  height: 637px;
  color: #ffffff;
  width: 100%;
  margin: 0 auto;
}

.banner h1 {
  -webkit-animation: banner-h 1s;
  font-family: "ubuntubold";
  letter-spacing: -2px;
  margin-top: 0.300em;
  text-align: center;
  font-size: 50px;
  width: 100%;
}

.banner p {
  font-family: "ubunturegular";
  margin-top: 0.625em;
  text-align: center;
  width: 100%;
}

.banner-quem-somos {
  background: url("images/bg-empresa.jpg") center top no-repeat;
  margin-top: 4.3125em;
  height: 12.3125em;
  width: 100%;
}

.banner-qualidade {
  background: url("images/bg-qualidade.jpg") center top no-repeat;
  margin-top: 4.3125em;
  height: 12.3125em;
  width: 100%;
}

.banner-contato {
  background: url("images/bg-contato.png") center top no-repeat;
  margin-top: 4.3125em;
  height: 17.5em;
  width: 100%;
}

.banner-contato h1 {
  font-family: "ubuntubold";
  padding-top: 2.1875em;
  font-size: 3.125em;
  color: #ffffff;
}

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

.login {
  background: url("images/bg-verde.jpg") repeat-x center;
  padding-top: 2.5em;
  margin-top: -2em;
  height: 217px;
  width: 100%;
}

.login img {
  display: block;
  float: left;
  margin-top: 4em;
}

.login .form {
  float: left;
  display: block;
  clear: both;
  margin-top: 1em;
  margin-left: -5em;
  width: 100%;
  color: #ffffff;
}

.login img.mapa {
  float: left;
  display: block;
  clear: both;
  margin-top: -9.8em;
  margin-left: 65em;
}

.login .form h1 {
  font-family: "ubuntubold";
  width: 600px;
  font-size: 40px;
  text-transform: uppercase;
  display: block;
  float: left;
  clear: both;
}

.login .form p {
  margin-top: -0.800em;
  font-family: "sredaregular";
  float: left;
  display: block;
  clear: both;
}

.login form {
  color: #333;
  width: 600px;
  float: left;
  display: block;
  clear: both;
}

.login .contato form textarea,
.contato .login form textarea,
.login form input {
  padding: 0.3125em 1.25em;
  border-radius: 1.25em;
  display: block;
  float: left;
  outline: 0;
  width: 230px;
}

.contato .login form textarea[type="submit"],
.login .contato form textarea[type="submit"],
.login form input[type="submit"] {
  padding: 0.3125em 1.25em;
  margin-left: -1.5em;
  background: #7ca62d;
  display: block;
  color: #1f5c43;
  float: left;
  width: 80px;
}

.login .contato form textarea:nth-child(2),
.contato .login form textarea:nth-child(2),
.login form input:nth-child(2) {
  margin-left: 0.625em;
}

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

.caminhoes {
  margin-top: 2.5em;
}

.caminhoes h1 {
  font-family: "ubuntubold";
  letter-spacing: -2px;
  text-align: center;
  font-size: 30px;
  color: #1f5c43;
  width: 100%;
}

.caminhoes p {
  font-family: "sredaregular";
  margin-top: 1.25em;
  width: 100%;
  text-align: center;
  color: #1f5c43;
}

.caminhao.caminhao2 p,
.caminhao.caminhao3 p,
.caminhao.caminhao4 p {
  font-size: 25px;
}

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

.nossos-clientes {
  padding: 3.125em 0;
  margin-top: 2.5em;
  background: #eee;
  height: auto;
  width: 100%;
}

.nossos-clientes .quadro-nossos-clientes {
  background: url("images/quadro-verde.png") no-repeat;
  width: 271px;
  height: 113px;
}

.nossos-clientes .quadro-nossos-clientes h1 {
  padding: 20px 0 0.3125em 0.625em;
  width: 82%;
  text-align: center;
  font-family: "sredaregular";
  color: #ffffff;
}

.nossos-clientes .images {
  float: left;
  display: block;
  margin-left: 330px;
  margin-top: -95px;
}

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

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

.quem-somos h1 {
  border-bottom: 1px solid #333;
  font-family: "ubuntubold";
  font-size: 24px;
  padding-bottom: 0.625em;
}

.quem-somos p {
  font-family: "ubunturegular";
}

.quem-somos .sobre-nos .quadro {
  background: url("images/quadro-quem-somos.png") no-repeat;
  font-family: "ubuntulight";
  display: block;
  color: #ffffff;
  height: 50px;
  width: 100%;
  float: left;
  clear: both;
}

.quem-somos .sobre-nos .quadro span {
  font-family: "ubuntubold";
  margin-top: -2.5em;
  text-align: center;
  display: block;
  float: right;
  color: #333;
  width: 85%;
}

.quem-somos .sobre-nos .quadro h2 {
  margin-top: 0.3125em;
  text-align: center;
  display: block;
  float: left;
  width: 25%;
}

.quem-somos .sobre-nos .quadro h3 {
  margin-top: 0.570em;
  text-align: center;
  display: block;
  float: left;
  width: 25%;
}

.quem-somos .sobre-nos p {
  font-family: "ubunturegular";
  margin-top: 30px;
  display: block;
  float: left;
}

.quem-somos .sobre-nos .missao {
  margin-bottom: 2.5em;
  margin-top: 2.5em;
  display: block;
  float: left;
  clear: both;
}

.quem-somos .sobre-nos .visao {
  margin-bottom: 2.5em;
  display: block;
  float: left;
  clear: both;
}

.quem-somos .sobre-nos .valores {
  margin-bottom: 2.5em;
  display: block;
  float: left;
  clear: both;
}

.quem-somos .sobre-nos .valores h2 {
  margin-left: 17px;
}

.quem-somos .sobre-nos .valores ul {
  margin-top: 30px;
  float: left;
  display: block;
  clear: both;
}

.quem-somos .sobre-nos .valores span {
  margin-left: 200px;
}

.quem-somos .gallery {
  margin-top: 30px;
}

canvas {
  display: none;
}

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

.estrutura {
  margin-top: 5em;
}

.estrutura .cargas .titulo h1 {
  font-family: "ubuntubold";
  font-size: 30px;
  display: block;
  float: left;
}

.estrutura .cargas .content {
  display: block;
  float: right;
  clear: both;
}

.estrutura .cargas .content ul {
  position: relative;
  margin-top: 2.5em;
  display: block;
  float: right;
  clear: both;
  width: 100%;
  right: 0;
  top: 0;
}

.estrutura .cargas .content ul li {
  font-family: "ubuntulight";
  margin-bottom: 0.625em;
  font-size: 20px;
  cursor: pointer;
  display: block;
  width: 10em;
  float: left;
  clear: both;
}

.estrutura .cargas .content ul li.ativo-caminhao {
  font-family: "ubuntubold";
  color: #1f5c43;
}

.estrutura .cargas .content img {
  position: absolute;
  display: block;
  left: 1em;
  top: 9em;
}

.estrutura .nossas-frotas {
  margin-bottom: 6.25em;
  background: #f3f3f3;
  padding: 1.25em;
  height: auto;
  width: 100%;
}

.estrutura .nossas-frotas .titulo h1 {
  font-family: "ubuntubold";
}

.estrutura .nossas-frotas p {
  font-family: "ubunturegular";
}

.estrutura .nossas-frotas .tags {
  margin-top: 1.875em;
}

.estrutura .nossas-frotas .tags div {
  border-radius: 0.625em;
  border: 1px solid #eee;
  display: inline-block;
  margin: 0.1875em;
  padding: 0.625em;
  background: #ddd;
  width: auto;
  color: #999;
}

.estrutura .nossas-frotas .tags div:hover {
  background: #999;
  color: #eee;
}

.estrutura .nossas-frotas .tags div:before {
  font-family: "FontAwesome";
  padding-right: 0.625em;
  content: "\f02c";
}

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

.qualidade {
  margin-bottom: 6.25em;
  margin-top: 170px;
}

.qualidade .perfil {
  display: block;
  float: left;
  clear: both;
}

.qualidade .perfil h1 {
  font-family: "ubuntubold";
  font-size: 28px;
}

.qualidade .perfil p {
  font-family: "ubunturegular";
}

.qualidade .perfil p:first-child {
  margin-top: 5em;
}

.qualidade .perfil a {
  font-family: "ubuntubold";
  display: block;
  color: #333;
  float: left;
  clear: both;
}

.qualidade .perfil a:hover {
  color: #333;
}

.qualidade .perfil .apresentacao {
  box-shadow: 1px, 1px, 2px, 2px, #000;
  border-radius: 0.625em;
  margin-top: 1.875em;
  background: #1f5c43;
  padding: 1.25em;
  display: block;
  color: #ffffff;
  float: left;
  clear: both;
}

.qualidade .perfil .apresentacao:hover {
  text-decoration: none;
  color: #ffffff;
}

.qualidade .parceiros {
  background: #f3f3f3;
  margin-top: -2.20em;
  padding: 2em;
}

.qualidade .parceiros h1 {
  font-family: "ubuntubold";
  font-size: 25px;
}

.qualidade .parceiros ul li {
  border: 1px solid #ccc;
  border-radius: 5px;
  display: inline-block;
  background: #fff;
  padding: 1.25em;
  height: 10em;
  width: 10em;
  margin: 1em;
}

.qualidade .parceiros ul li:first-child,
.qualidade .parceiros ul li:nth-child(2) {
  margin-left: 0;
}

.qualidade .parceiros ul li:hover {
  background: #1f5c43;
  color: #ffffff;
  height: 10em;
  width: 10em;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.servicos {
  margin-top: 140px;
}

.servicos .logistica {
  display: block;
  float: left;
  clear: both;
}

.servicos .logistica h1 {
  font-family: "ubuntubold";
}

.servicos .logistica p {
  font-family: "ubunturegular";
}

.servicos .logistica p:first-child {
  margin-top: 5em;
}

.servicos .logistica a {
  font-family: "ubuntubold";
  display: block;
  color: #333;
  float: left;
  clear: both;
}

.servicos .logistica a:hover {
  color: #333;
}

.servicos .logistica .apresentacao {
  box-shadow: 1px, 1px, 2px, 2px, #000;
  border-radius: 0.625em;
  margin-top: 1.875em;
  background: #1f5c43;
  padding: 1.25em;
  display: block;
  color: #ffffff;
  float: left;
  clear: both;
}

.servicos .logistica .apresentacao:hover {
  text-decoration: none;
  color: #ffffff;
}

/*
 * Configurando a página Midias
 * ------------------------------------------------------------------------------------------------------------------------
 */

.midia {
  margin: 6.25em 0;
}

.midia .conteudo {
  margin-bottom: 1.25em;
  margin-right: 2.5em;
  margin-left: 2.5em;
}

.midia i {
  text-align: center;
  font-size: 5em;
  width: 100%;
}

.midia h3 {
  font-family: "ubuntubold";
}

.midia p {
  margin-top: 1.875em;
}

.midia button {
  box-shadow: 1px, 1px, 2px, 2px, #000;
  border-radius: 0.625em;
  margin-top: 1.875em;
  background: #1f5c43;
  padding: 1.25em;
  display: block;
  color: #ffffff;
  float: left;
  clear: both;
}

.midia button:hover {
  text-decoration: none;
  color: #ffffff;
}

/*
 * Configurando a página Vídeos
 * ------------------------------------------------------------------------------------------------------------------------
 */

.videos {
  margin-bottom: 9.375em;
  margin-top: 6.25em;
}

.videos .outros-videos {
  margin-top: 1.25em;
}

.videos .cinza {
  background: #eeeeee;
  height: 9.375em;
  width: 100%;
}

.videos .cinza.principal {
  height: 18.75em;
}

.videos .conteudo {
  background: #eeeeee;
  padding: 1.25em;
}

.videos .conteudo h1 {
  font-family: "ubuntubold";
  font-size: 30px;
}

.videos .conteudo h1 i {
  font-size: 1.125em;
  color: #b5382c;
}

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

.contato {
  margin-bottom: 6.250em;
}

.contato form {
  font-family: "ubuntulight";
}

.contato form textarea,
.contato form input {
  border: 1px solid #ccc;
  border-radius: 0.625em;
  background: #eeeeee;
  margin-top: 1.875em;
  padding: 1.25em;
  display: block;
  outline: none;
  float: left;
  clear: both;
  width: 100%;
}

.contato form textarea[type="submit"],
.contato form input[type="submit"] {
  box-shadow: 1px, 1px, 2px, 2px, #000;
  padding: 0.9375em 1.5625em;
  font-family: "ubuntubold";
  margin-top: 1.875em;
  background: #1f5c43;
  display: block;
  color: #ffffff;
  width: auto;
  float: left;
  clear: both;
  border: 0;
}

.contato form textarea[type="submit"]:hover,
.contato form input[type="submit"]:hover {
  text-decoration: none;
  color: #ffffff;
}

.contato form textarea {
  resize: none;
}

.contato form span {
  font-family: "ubuntuitalic";
  margin-top: -2.1875em;
  text-align: center;
  display: block;
  float: left;
  width: 100%;
  color: #999;
}

.contato h1 {
  font-family: "ubuntubold";
}

.contato h5 {
  font-family: "ubuntubold";
  margin-top: 3.125em;
  display: block;
  float: left;
  clear: both;
}

.contato p {
  font-family: "ubunturegular";
  display: block;
  float: left;
  clear: both;
}

.contato button {
  box-shadow: 1px, 1px, 2px, 2px, #000;
  padding: 0.9375em 1.5625em;
  font-family: "ubuntubold";
  border-radius: 0.625em;
  margin-top: 1.875em;
  background: #678538;
  display: block;
  color: #ffffff;
  width: auto;
  float: left;
  clear: both;
  border: 0;
}

.contato button:hover {
  text-decoration: none;
  color: #ffffff;
}

.contato a {
  font-family: "ubuntubold";
  color: #678538;
  display: block;
  float: left;
  clear: both;
}

.contato iframe {
  margin-top: 30px;
}

/*
 * Configurando o Footer do site
 * ------------------------------------------------------------------------------------------------------------------------
 */

footer {
  background: #262626;
  height: auto;
  width: 100%;
}

footer h2 {
  border-bottom: 2px solid #ffffff;
  font-family: "ubuntubold";
  color: #ffffff;
}

footer p {
  color: #999;
  font-size: 20px;
}

footer ul {
  margin-top: 20px;
  float: left;
  display: block;
}

footer ul li {
  width: 100%;
  float: left;
  display: block;
  clear: both;
  border-bottom: 1px dotted #333;
  margin-bottom: 18px;
}

footer ul li:last-child {
  border-bottom: 0;
}

footer ul li ul {
  margin-top: -30px;
  margin-left: 120px;
}

footer ul li ul li {
  float: left;
  display: block;
  clear: none;
  width: 100px;
  margin: 0;
  border: 0;
}

footer ul li ul li a {
  float: left;
  display: block;
  color: #666;
}

footer ul li ul li a:hover {
  color: #999;
  text-decoration: none;
}

footer ul li a:hover {
  text-decoration: none;
}

footer .copyright {
  margin-top: 1.875em;
  background: #2f2f2f;
  color: #666;
  width: 100%;
}

footer .copyright p {
  margin-top: 1.25em;
  display: block;
  float: left;
  clear: both;
  font-size: 16px;
}

footer .copyright img {
  margin-bottom: 1.25em;
  margin-top: -2.5em;
  float: right;
  display: block;
  clear: both;
}

footer address {
  color: #999999;
  margin-top: -5px;
}

footer address:first-child {
  margin-top: 30px;
}

.construcao { 
  margin-top: 200px;
}

.construcao h1.image {
  font-size: 100px;
  background: #1f5c43;
  width: 180px;
  margin: 0 auto;
  text-align: center;
  border-radius: 50%; 
  padding: 30px 0;
  color: #fff;
}

.construcao h1.image:hover {
  transform: scale(1.3);
}

.construcao h1 {
  width: 100%;
  text-align: center;
  font-size: 50px;
  font-family: "ubuntubold";
  text-transform: uppercase;
  color: #1f5c43;
  margin-top: 60px;
}

.construcao p {
  width: 100%;
  text-align: center;
  font-family: "ubunturegular";
  font-size: 17px;
}

/*
 * Configurando todas as animações do site
 * ------------------------------------------------------------------------------------------------------------------------
 */

@-webkit-keyframes banner-h {
  0% {
    filter: alpha(opacity=0);
    margin-top: -0.625em;
    opacity: 0;
  }

  100% {
    filter: alpha(opacity=100);
    margin-top: 0.625em;
    opacity: 1;
  }

}

@-moz-keyframes banner-h {
  0% {
    filter: alpha(opacity=0);
    margin-top: -0.625em;
    opacity: 0;
  }

  100% {
    filter: alpha(opacity=100);
    margin-top: 0.625em;
    opacity: 1;
  }

}

@keyframes banner-h {
  0% {
    filter: alpha(opacity=0);
    margin-top: -0.625em;
    opacity: 0;
  }

  100% {
    filter: alpha(opacity=100);
    margin-top: 0.625em;
    opacity: 1;
  }

}