body {
  color: #333;
  font-family: Ptlspekta, sans-serif;
  font-size: 18px;
  line-height: 28px;
}

h1 {
  color: #f4f0ea;
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 60px;
  font-weight: 700;
  line-height: 72px;
}

h2 {
  color: #000;
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 40px;
  font-weight: 700;
  line-height: 50px;
}

.padding-page {
  width: 100%;
  padding-left: 30px;
  padding-right: 30px;
}

.container {
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.menu {
  position: absolute;
  top: 2%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.section-banner-topo {
  height: 1080px;
  background-image: url('../images/fundo-banner.jpg');
  background-position: 50%;
  background-size: auto;
  background-attachment: fixed;
}

.conteudo-banner {
  align-items: center;
  padding-top: 200px;
  display: flex;
}

.bloco-container-menu {
  max-width: 1200px;
  justify-content: flex-start;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
}

.image {
  width: 100%;
  max-width: 249px;
}

.produtos {
  color: #f4f0ea;
  padding: 0 30px 10px 0;
  transition: color .5s;
}

.produtos:hover {
  color: #ce000c;
}

.number-whatsapp {
  color: #ce000c;
  margin-left: 0;
  margin-right: 0;
  padding-right: 0;
  font-weight: 700;
  transition: color .5s;
}

.number-whatsapp:hover {
  color: #f4f0ea;
}

.atuacao {
  color: #f4f0ea;
  padding: 0 30px 10px 0;
  transition: color .5s;
}

.atuacao:hover {
  color: #ce000c;
}

.sobrenos {
  color: #f4f0ea;
  padding: 0 30px 10px 0;
  transition: color .5s;
}

.sobrenos:hover {
  color: #ce000c;
}

.contato {
  color: #f4f0ea;
  padding: 0 60px 10px 0;
  transition: color .5s;
}

.contato:hover {
  color: #ce000c;
}

.navbar {
  background-color: rgba(0, 0, 0, 0);
  padding-left: 0;
}

.bloco-texto {
  width: 100%;
  max-width: 340px;
  margin-left: 120px;
}

.text-block {
  color: #f4f0ea;
  font-size: 18px;
}

.imagem-produtos {
  width: 100%;
  max-width: 635px;
}

.whastapp {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.cta {
  background-color: #ce000c;
  border-radius: 30px;
  padding: 18px 30px;
  font-size: 20px;
  transition: border-color .375s, color .5s;
}

.cta:hover {
  color: #ce000c;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #ce000c;
}

.cta.ajuste-whatsapp {
  margin-left: 40px;
}

.margem-botao {
  height: 40px;
}

.nav-menu {
  justify-content: center;
  align-items: center;
  padding-top: 20px;
  display: flex;
}

.linhavermelha {
  width: 33px;
  height: 1px;
  background-color: #ce000c;
}

.section-produtos {
  background-color: #f5f7f6;
  padding-top: 100px;
  padding-bottom: 100px;
}

.nome-section {
  color: #ce000c;
  padding-left: 10px;
}

.icon {
  color: #ce000c;
}

.tag-nome-section {
  align-items: center;
  display: flex;
}

.linha-nome-vermelha {
  width: 100px;
  height: 2px;
  background-color: #ce000c;
}

.titulo-h2 {
  width: 100%;
  max-width: 734px;
}

.titulo-h2.atuacao-visu {
  max-width: 796px;
}

.titulo-h2.ajuste-t-sobrenos {
  max-width: 294px;
}

.titulo-h2.ajuste-contato {
  max-width: 560px;
}

.produtos-destaques {
  justify-content: space-between;
  align-items: center;
  padding-top: 180px;
  display: flex;
}

.produto {
  width: 382px;
  height: 418px;
  background-color: #fff;
  border-radius: 30px;
  padding-left: 50px;
  padding-right: 50px;
}

.text-block-3 {
  color: #000;
  margin-top: 20px;
  font-size: 30px;
  font-weight: 700;
}

.heading {
  color: #000;
}

.texto-corrido {
  width: 100%;
  max-width: 289px;
  color: #535151;
  margin-top: 20px;
}

.texto-corrido.ajuste {
  max-width: 250px;
}

.image-2 {
  margin-top: -129px;
  padding-bottom: 30px;
}

.section-atuacao {
  padding-top: 100px;
  padding-bottom: 100px;
}

.texto-corrido-body {
  color: #535151;
}

.texto-corrido-body.ajuste-quemsomos-text {
  width: 100%;
  max-width: 411px;
}

.thumbs {
  align-items: center;
  margin-top: 50px;
  display: flex;
}

.text-atuacao-linha {
  margin-left: 100px;
}

.text-block-5 {
  font-size: 19px;
}

.text-block-6 {
  color: #000;
  margin-top: 30px;
  font-size: 30px;
  font-weight: 700;
}

.texto-descricao {
  color: #535151;
  margin-top: 20px;
}

.descricao-atuacao {
  width: 100%;
  max-width: 356px;
}

.descricao-atuacao.width-menos {
  max-width: 360px;
}

.section-quemsomos {
  background-color: #f5f7f6;
  padding-top: 100px;
  padding-bottom: 100px;
}

.conteudo-quemsomos {
  justify-content: space-between;
  display: flex;
}

.image-3 {
  width: 100%;
  max-width: 620px;
}

.beneficios {
  justify-content: space-between;
  padding-top: 100px;
  display: flex;
}

.beneficio-lista {
  width: 100%;
  max-width: 400px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.topico {
  color: #000;
  margin-top: 40px;
  font-size: 30px;
  font-weight: 700;
}

.section-contato {
  padding-top: 100px;
  padding-bottom: 100px;
}

.formulario-contato {
  width: 100%;
  max-width: 600px;
  background-color: #f5f7f6;
  padding: 70px;
}

.text-field {
  color: #535151;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid rgba(0, 0, 0, 0);
  border-bottom-color: #000;
  margin-bottom: 40px;
  padding-bottom: 15px;
  font-size: 30px;
  font-weight: 700;
}

.text-field:active {
  color: #535151;
  font-size: 30px;
  font-weight: 400;
}

.text-field::-ms-input-placeholder {
  color: #000;
  font-size: 30px;
  font-weight: 700;
}

.text-field::placeholder {
  color: #000;
  font-size: 30px;
  font-weight: 700;
}

.submit-button {
  color: #f4f0ea;
  background-color: #ce000c;
  border-radius: 30px;
  padding: 18px 30px;
  font-size: 20px;
  transition: background-color .4s;
}

.submit-button:hover {
  background-color: #a00009;
}

.form-contatos {
  align-items: center;
  margin-top: 50px;
  display: flex;
}

.info-contatos {
  margin-left: 100px;
}

.text-block-7 {
  color: #000;
  margin-top: 30px;
  margin-bottom: 20px;
  font-size: 30px;
  font-weight: 700;
  line-height: 36px;
}

.text-block-7.ajust-titulo-email {
  margin-bottom: 0;
}

.endereco, .e-mail {
  margin-top: 50px;
}

.section-politica-assinatura {
  background-color: #f5f7f6;
  padding-top: 22px;
  padding-bottom: 22px;
}

.conteudo-rodape {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.text-block-8 {
  color: #535151;
}

.assinatura-genia {
  align-items: center;
  display: flex;
}

.text-block-9 {
  color: #535151;
}

.image-4:hover {
  opacity: 1;
}

.logo-genia {
  padding-left: 10px;
  position: relative;
}

.link-block {
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.link {
  color: #000;
  font-size: 30px;
  font-weight: 700;
  text-decoration: none;
}

.email {
  margin-top: 30px;
}

@media screen and (max-width: 479px) {
  .padding-page {
    padding-left: 20px;
    padding-right: 20px;
  }

  .conteudo-banner {
    flex-direction: column;
    align-items: flex-start;
    padding-top: 140px;
  }

  .image {
    max-width: 180px;
  }

  .bloco-texto {
    margin-left: 0;
  }

  .whastapp {
    margin-top: 40px;
  }

  .cta.ajuste-whatsapp {
    margin-left: 20px;
  }

  .nav-menu {
    background-color: #000;
    padding-top: 60px;
    padding-bottom: 60px;
    padding-left: 20px;
  }

  .nav-visual {
    padding-top: 60px;
  }

  .section-produtos {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .icon {
    color: #ce000c;
  }

  .linha-nome-vermelha {
    width: 50px;
  }

  .produtos-destaques {
    flex-direction: column;
    padding-top: 0;
  }

  .produto {
    width: 100%;
    height: 420px;
    max-width: 382px;
    margin-top: 160px;
    margin-bottom: 0;
    padding-left: 30px;
    padding-right: 30px;
  }

  .heading {
    font-size: 35px;
    line-height: 40px;
  }

  .section-atuacao {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .thumbs {
    flex-direction: column;
  }

  .text-atuacao-linha {
    margin-top: 20px;
    margin-left: 0;
  }

  .text-block-6 {
    font-size: 25px;
  }

  .section-quemsomos {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .conteudo-quemsomos {
    flex-direction: column;
  }

  .image-3 {
    margin-top: 20px;
  }

  .beneficios {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 0;
  }

  .beneficio-lista {
    margin-top: 40px;
  }

  .topico {
    font-size: 25px;
  }

  .section-contato {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .formulario-contato {
    padding: 30px 20px 20px;
  }

  .text-field {
    font-size: 25px;
  }

  .text-field::-ms-input-placeholder {
    font-size: 25px;
  }

  .text-field::placeholder {
    font-size: 25px;
  }

  .form-contatos {
    flex-direction: column;
    align-items: flex-start;
  }

  .info-contatos {
    margin-top: 40px;
    margin-left: 0;
  }

  .text-block-7 {
    font-size: 25px;
  }

  .button-ligar-whastapp {
    align-items: center;
    display: flex;
  }

  .conteudo-rodape {
    flex-direction: column;
  }

  .link {
    font-size: 25px;
  }

  .heading-2 {
    font-size: 50px;
    line-height: 60px;
  }

  .menu-button.w--open {
    background-color: #000;
  }
}


@font-face {
  font-family: 'Ptlspekta';
  src: url('../fonts/PTLSpekta-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Ptlspekta';
  src: url('../fonts/PTLSpekta-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}