* {
  box-sizing: border-box;
  outline: none;
  font-family: "Nunito", sans-serif;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  padding: 0;
}

.banner {
  padding: 8rem;
  min-height: 100vh;
  background: url("../img/banner.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: bottom;
  overflow: hidden;
  position: relative;
}
.banner .logo img {
  width: 30%;
}
.banner .chamada {
  margin: 2rem 0 0;
}
.banner .chamada h1 {
  color: #fff;
  font-family: "Nexa";
  font-weight: 700;
  font-size: 4.5rem;
  margin: 0;
  line-height: 1;
}
.banner .chamada p {
  color: #fff;
  font-family: "Nexa";
  font-weight: 700;
  font-size: 1.75rem;
  margin: 2rem 0 0;
  line-height: 1.25;
}
.banner .formulario {
  box-shadow: 0 0.3125rem 3.8125rem 0.125rem rgba(153, 153, 153, 0.69);
  background: #fff;
  border-radius: 1rem;
  position: fixed;
  top: 10%;
  right: 5%;
  padding: 3rem;
  z-index: 9;
  width: 25%;
}
.banner .formulario .titulo-form {
  text-align: center;
}
.banner .formulario .titulo-form h1 {
  color: #004389;
  text-align: center;
  font-weight: 800;
  font-size: 2.5rem;
  margin: 0;
  line-height: 1;
}
.banner .formulario form .campos {
  margin-top: 2rem;
}
.banner .formulario form .campos label {
  font-size: 1rem;
  text-transform: uppercase;
  font-weight: 700;
  color: #000;
  display: block;
}
.banner .formulario form .campos input,
.banner .formulario form .campos select {
  display: block;
  border-radius: 0.2rem;
  height: 2.75rem;
  width: 100%;
  border: none;
  background-color: #ececec;
  font-size: 1rem;
  font-weight: 400;
  margin-top: 0.5rem;
  padding: 0 1rem;
}
.banner .formulario form .bt-section {
  margin-top: 2rem;
}
.banner .formulario form .bt-section button {
  width: 100%;
  border: none;
  background-color: #004389;
  color: #fff;
  padding: 1rem 0;
  border-radius: 0.25rem;
  font-size: 1rem;
  text-decoration: none;
  font-weight: 500;
  text-transform: uppercase;
  cursor: pointer;
}

.diferenciais {
  padding: 15rem 8rem 8rem;
  min-height: 100vh;
  background: url("../img/banner-diferenciais.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: bottom;
  overflow: hidden;
  position: relative;
}
.diferenciais .titulo {
  text-align: center;
}
.diferenciais .titulo h1 {
  font-size: 8.5rem;
  color: #fff;
  font-family: "Nexa";
  margin: 0;
  line-height: 0;
  font-weight: 800;
  opacity: 0.3;
}
.diferenciais .titulo h2 {
  font-size: 4.5rem;
  color: #fff;
  margin: 0;
  line-height: 0;
  font-weight: 700;
  font-family: "Nexa";
  opacity: 1;
}
.diferenciais .item {
  padding: 4rem 1rem 2rem;
}
.diferenciais .item img {
  width: 90%;
  margin: 0 5%;
}
.diferenciais .item h1 {
  font-size: 1.75rem;
  color: #fff;
  text-align: center;
  line-height: 1;
  margin: 0;
}

.vantagens {
  padding: 15rem 8rem 12rem;
  min-height: 100vh;
  background: url("../img/banner-vantagens.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: bottom;
  overflow: hidden;
  position: relative;
}
.vantagens .titulo {
  text-align: center;
}
.vantagens .titulo h1 {
  font-size: 8.5rem;
  color: #ed1d24;
  font-family: "Nexa";
  margin: 0;
  line-height: 0;
  font-weight: 800;
  opacity: 0.1;
}
.vantagens .titulo h2 {
  font-size: 4.5rem;
  color: #ed1d24;
  margin: 0;
  line-height: 0;
  font-weight: 700;
  font-family: "Nexa";
  opacity: 1;
}
.vantagens .itens {
  margin: 6rem 0 0;
}
.vantagens .itens a {
  background: #004389;
  color: #fff;
  margin: 2rem 0 0;
  font-size: 1.15rem;
  padding: 0.75rem 2rem;
  border-radius: 0.5rem;
  text-transform: uppercase;
  text-decoration: none;
}
.vantagens .itens .item {
  margin: 0;
}
.vantagens .itens .item img {
  width: 34%;
  display: inline-block;
  vertical-align: middle;
}
.vantagens .itens .item img.mobile {
  display: none;
}
.vantagens .itens .item .texto {
  width: 65%;
  display: inline-block;
  vertical-align: middle;
}
.vantagens .itens .item .texto h1 {
  color: #000;
  font-size: 1.65rem;
  margin: 0;
  line-height: 1;
  text-transform: uppercase;
  font-weight: 800;
}
.vantagens .itens .item .texto p {
  color: #000;
  font-size: 1.15rem;
  margin: 0;
  line-height: 1;
  font-weight: 500;
}
.vantagens .itens .item.direita .texto {
  text-align: right;
}
.vantagens .itens .item.esquerda .texto {
  text-align: left;
}

.produtos {
  padding: 15rem 8rem;
  min-height: 100vh;
  background: url("../img/banner-produtos.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: bottom;
  overflow: hidden;
  position: relative;
}
.produtos .titulo {
  text-align: center;
}
.produtos .titulo h1 {
  font-size: 8.5rem;
  color: #fff;
  font-family: "Nexa";
  margin: 0;
  line-height: 0;
  font-weight: 800;
  opacity: 0.3;
}
.produtos .titulo h2 {
  font-size: 4.5rem;
  color: #fff;
  margin: 0;
  line-height: 0;
  font-weight: 700;
  font-family: "Nexa";
  opacity: 1;
}
.produtos .galerias {
  margin: 6rem 0 0;
}
.produtos .galerias .tgaleria h1 {
  font-size: 2.5rem;
  text-transform: uppercase;
  color: #fff;
  margin: 4rem 0 0;
  line-height: 1;
  font-weight: 700;
  font-family: "Nexa";
  text-align: center;
}
.produtos .galerias .galeria .item {
  margin: 0 1.25rem;
}
.produtos .galerias .galeria .item img {
  width: 100%;
}
.produtos .galerias .galeria .slick-arrow {
  position: absolute;
  bottom: 40%;
  background: transparent;
  border-radius: 50%;
  padding: 0.15rem;
  border: none;
  width: 3rem;
  height: 3rem;
  z-index: 12;
}
.produtos .galerias .galeria .slick-arrow img {
  width: 100%;
}
.produtos .galerias .galeria .prev-arrow {
  left: 31%;
}
.produtos .galerias .galeria .next-arrow {
  right: 31%;
}

.transporte {
  padding: 8rem 8rem 0.5rem;
  min-height: 100vh;
  background: url("../img/banner-transporte.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: bottom;
  overflow: hidden;
  position: relative;
}
.transporte .titulo {
  text-align: center;
}
.transporte .titulo h1 {
  font-size: 7rem;
  color: #fff;
  font-family: "Nexa";
  margin: 0;
  line-height: 1;
  font-weight: 800;
  opacity: 0.3;
}
.transporte .titulo h2 {
  font-size: 5.5rem;
  margin: -11rem 0 0;
  color: #fff;
  line-height: 0.75;
  font-weight: 700;
  font-family: "Nexa";
  opacity: 1;
}
.transporte .mapa h1 {
  font-size: 11rem;
  color: #fff;
  text-align: center;
  margin: 0 0 -5rem 20%;
  line-height: 0.75;
  font-weight: 900;
  font-family: "Nexa";
}
.transporte .mapa h2 {
  font-size: 6.5rem;
  color: #fff;
  margin: 8rem 0 0;
  line-height: 0.75;
  font-weight: 900;
  font-family: "Nexa";
  text-align: center;
}
.transporte .mapa h3 {
  font-size: 6rem;
  color: #fff;
  margin: 0 0 0 10%;
  line-height: 0.75;
  font-weight: 900;
  font-family: "Nexa";
}
.transporte .mapa h3.baixo {
  display: inline-block;
  margin: -2rem 0 0 48%;
}
.transporte .mapa img {
  width: 90%;
  margin: 0 5%;
}

.quemsomos {
  padding: 15rem 2rem 12rem;
  background-color: #f4f4f4;
  overflow: hidden;
  position: relative;
}
.quemsomos .titulo {
  text-align: center;
}
.quemsomos .titulo h2 {
  font-size: 4.5rem;
  color: #ed1d24;
  margin: 0;
  line-height: 0;
  font-weight: 700;
  font-family: "Nexa";
  opacity: 1;
}
.quemsomos .itens {
  margin: 8rem 0 0;
}
.quemsomos .itens .imagem img {
  width: 115%;
  margin: 0 0 0 -3rem;
}
.quemsomos .itens .texto p {
  font-size: 1.5rem;
  color: #000;
  margin: 0;
  font-weight: 600;
  font-family: "Nexa";
}

.barra-fixa {
  display: none;
  position: fixed;
  bottom: 0;
  z-index: 9999999;
  background: #00feff;
  font-weight: 500;
  padding: 1rem;
  width: 100%;
  text-align: center;
}
.barra-fixa .row {
  margin-bottom: 0;
}
.barra-fixa .row span {
  color: #000;
  font-size: 0.75rem;
  font-weight: 500;
}
.barra-fixa .row .btn-barra {
  display: block;
  padding: 0.625rem;
  color: #fff;
  font-size: 0.75rem;
  font-weight: 500;
  background-color: #004389;
  border-radius: 0.3125rem;
  text-transform: uppercase;
  text-align: center;
  text-decoration: none;
}

.footer {
  padding: 1rem 3rem;
  background-color: #000;
  position: relative;
  z-index: 12;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  font-size: 1rem;
  font-weight: 500;
}
.footer a {
  text-decoration: none;
  color: #fff;
  font-size: 1rem;
}

.section-obrigado {
  padding: 8rem;
  min-height: 100vh;
  background: url("../img/banner-obrigado.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: center;
  position: relative;
}
.section-obrigado .logo img {
  width: 40%;
}
.section-obrigado h1 {
  display: block;
  color: #fff;
  font-size: 2.5rem;
  font-weight: 300;
  text-transform: uppercase;
  font-weight: 900;
  margin: 5rem 0 0;
}
.section-obrigado h2 {
  display: block;
  color: #fff;
  font-size: 1.5rem;
  font-weight: 400;
  margin: 0;
}
.section-obrigado .btn-whatsapp {
  display: inline-block;
  margin-top: 1.875rem;
  padding: 0.9375rem 2.5rem;
  color: #fff;
  font-size: 1rem;
  font-weight: bold;
  background: #004389;
  border: none;
  border-radius: 1.5625rem;
  text-transform: uppercase;
  text-decoration: none;
}/*# sourceMappingURL=app.css.map */