@charset "UTF-8";
@font-face {
  font-family: "Helvetica";
  src: url("/fonts/Helvetica/Helvetica.ttf") format("ttf");
  src: url("/fonts/Helvetica/Helvetica-Bold.ttf") format("ttf");
  src: url("/fonts/Helvetica/Helvetica-BoldOblique.ttf") format("ttf");
  src: url("/fonts/Helvetica/Helvetica-Oblique.ttf") format("ttf");
}
/*--------------------------------------------------------------
# serviços
--------------------------------------------------------------*/
#inicio {
  padding-top: 150px;
}

#inicio .img-top {
  background: url(/img/img-top.png) no-repeat;
  padding: 60px 0px 60px 260px;
}

#inicio h1 {
  font-size: 32px;
  font-weight: 700;
  font-family: "lato";
  color: #fff;
}

#inicio h3 {
  font-size: 32px;
  font-weight: 700;
  font-family: "lato";
  color: #3f3f3f;
}

#inicio .texto-top {
  padding: 0px 440px;
}
#inicio .texto-top p {
  color: #727272;
  font-size: 16px;
  font-weight: 400;
  font-family: "lato";
}

#inicio .pad {
  padding-bottom: 130px;
}

#meio .cards {
  background-color: #eaeaea;
  max-width: 340px;
  padding: 50px 40px;
  position: relative;
  top: -130px;
}
#meio .cards h3 {
  font-size: 24px;
  font-weight: 700;
  font-family: "lato";
  color: #3f3f3f;
}
#meio .cards p {
  color: #727272;
  font-size: 16px;
  font-weight: 400;
  font-family: "lato";
}

#meio .cards li {
  color: #727272;
  font-size: 16px;
  font-weight: 400;
  font-family: "lato";
}

#meio .cards:hover {
  box-shadow: 0px 8px 28px 0px #979797;
  transition-duration: 0.3s;
  transform: scale(1.1);
}

#meio {
  background: url(/img/servicos/img1.png) center no-repeat;
  background-size: cover;
  padding: 0;
}
#meio h3 {
  font-size: 20px;
  font-weight: 700;
  font-family: "lato";
  color: #fff;
}
#meio p {
  font-size: 16px;
  font-weight: 400;
  font-family: "lato";
  color: #fff;
}

#meio .texto-top h2 {
  font-size: 72px;
  font-weight: 900;
  font-family: "lato";
  color: #000;
}
#meio .texto-top span {
  font-size: 72px;
  font-weight: 100;
  font-family: "lato";
  color: #000;
}

#meio .back-img {
  background: none;
  background-color: #000;
}
#meio .back-img p {
  font-family: "lato";
  font-weight: 700;
  font-size: 32px;
  line-height: 38px;
  color: #fff;
}
#meio .back-img span {
  font-family: "lato";
  font-weight: 700;
  font-size: 32px;
  line-height: 38px;
  color: #ffc400;
  background-color: transparent;
}

#meio .btn-contato-amarelo {
  background-color: #ffc400;
  border-radius: 10px;
  padding: 5px 50px 5px 50px;
}
#meio .btn-contato-amarelo span {
  color: #3f3f3f;
  font-weight: 600;
  font-size: 17px;
  font-family: "lato";
  letter-spacing: 3px;
}

#meio .btn-contato-amarelo:hover {
  background-color: #f7d53b;
}

@media (max-width: 1399px) {
  #inicio .texto-top {
    padding: 0px 330px;
  }
}
@media (max-width: 1200px) {
  #inicio .texto-top {
    padding: 0px 330px;
  }

  #meio .img-visao img {
    top: -130px;
  }

  #meio .cards {
    max-width: 300px;
    padding: 30px;
  }

  #meio .texto-top h2 {
    font-size: 65px;
  }

  #meio .texto-top span {
    font-size: 65px;
  }
}
@media (max-width: 991.98px) {
  #inicio {
    margin-bottom: -140px;
  }

  #inicio .img-top {
    padding: 60px 0;
    background-size: cover;
  }

  #inicio .texto-img {
    padding-bottom: 200px;
  }

  #inicio .texto-top {
    padding: 0px 150px;
  }

  #meio .cards {
    top: 0px;
    max-width: 350px;
    margin-top: 40px;
  }

  #meio .texto-top h2 {
    font-size: 50px;
  }

  #meio .texto-top span {
    font-size: 50px;
  }
}
@media (max-width: 767.98px) {
  #inicio .img-top {
    background: url(/img/img-top.png) right no-repeat;
    padding: 60px 0px;
  }

  #inicio .texto-top {
    padding: 0px;
  }

  #meio .cards {
    top: 0px;
    max-width: 400px;
    margin-top: 40px;
  }
}
@media (max-width: 575.98px) {
  #inicio .texto-img p {
    font-size: 25px;
  }

  #inicio .texto-img {
    padding-bottom: 150px;
  }

  #meio .texto-top h2 {
    font-size: 40px;
  }

  #meio .texto-top span {
    font-size: 40px;
  }
}
@media (max-width: 450.98px) {
  #meio .cards {
    max-width: 330px;
  }
}
@media (max-width: 350.98px) {
  #meio .cards {
    max-width: 280px;
  }

  #meio .texto-top h2 {
    font-size: 30px;
  }

  #meio .texto-top span {
    font-size: 30px;
  }
}