@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;700&display=swap");
@font-face {
  font-family: Prometo;
  src: url("../font/Prometo.ttf") format("truetype-variations"); }
@font-face {
  font-family: Prometo-BoldItalic;
  src: url("../font/Prometo-BoldItalic.ttf") format("truetype-variations"); }
@font-face {
  font-family: Prometo-XBoldItalic;
  src: url("../font/Prometo-XBoldItalic.ttf") format("truetype-variations"); }
@font-face {
  font-family: Prometo-Bold;
  src: url("../font/Prometo-Bold.ttf") format("truetype-variations"); }
@font-face {
  font-family: Prometo-Light;
  src: url("../font/Prometo-Light.ttf") format("truetype-variations"); }
body {
  font-family: Prometo !important; }

.fw-700i {
  font-family: Prometo-BoldItalic !important; }

.fw-x700i {
  font-family: Prometo-XBoldItalic !important; }

.fw-700 {
  font-family: Prometo-Bold !important; }

.fw-300 {
  font-family: Prometo-Light !important; }

.show-for-small {
  display: none; }

@media screen and (max-width: 767px) {
  .show-for-small {
    display: block; }

  .show-for-large {
    display: none; } }
header {
  background-image: url(../images/HERO_DESKTOP.jpg);
  background-position: center;
  background-size: cover;
  position: relative;
  height: 100vh; }
  header img {
    position: absolute;
    bottom: 8%;
    left: 50%;
    transform: translate(-50%, 0%); }
  @media screen and (max-width: 767px) {
    header {
      background-image: url(../images/HERO_MOBILE.jpg); } }

section.faixa {
  padding: 70px 0;
  text-align: center; }
  section.faixa h1, section.faixa h2 {
    font-size: 36px;
    color: #a4a4a4;
    margin-bottom: 0; }

section.planos {
  background-image: url(../images/FUNDO_PLANOS.jpg);
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
  position: relative;
  padding: 80px 0; }
  section.planos .col-md-3 {
    padding-right: 10px;
    padding-left: 10px; }
  section.planos h2 {
    color: #aefb00;
    font-size: 58px; }
  section.planos p {
    color: #fffefe; }
  section.planos .box-plano {
    background-color: #fff;
    padding: 50px 35px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center; }
    section.planos .box-plano img {
      margin-bottom: 20px; }
    section.planos .box-plano h3 {
      color: #1e73be;
      font-size: 28px; }
    section.planos .box-plano h4 {
      color: #4ced3d;
      font-size: 48px;
      margin: 10px 0 20px;
      position: relative;
      font-weight: 700;
      font-family: 'Montserrat', sans-serif !important; }
      section.planos .box-plano h4:before {
        content: 'R$';
        color: #4ced3d;
        font-size: 20px;
        position: absolute;
        left: -35px;
        top: 5px; }
      section.planos .box-plano h4 span {
        color: #a4a4a4;
        font-size: 15px;
        position: absolute;
        right: -35px;
        top: 5px; }
    section.planos .box-plano button.btn-euquero {
      background-color: #4fa5df;
      color: #fff;
      padding: 10px 20px;
      border-radius: 0px;
      transition: all .2s; }
      section.planos .box-plano button.btn-euquero:hover {
        filter: brightness(1.1); }
  @media screen and (max-width: 767px) {
    section.planos .box-plano {
      margin-bottom: 30px; } }

section.mapa iframe {
  width: 100%;
  height: 300px; }
@media screen and (min-width: 1800px) {
  section.mapa iframe {
    height: 450px; } }
@media screen and (max-width: 767px) {
  section.mapa iframe {
    height: 400px; } }

footer {
  background-color: #000;
  padding: 40px 0 0px; }
  footer .df {
    display: flex;
    flex-direction: column;
    justify-content: center; }
  footer img {
    margin: 0px auto 40px;
    display: block; }
  footer h2 {
    color: #fff;
    font-size: 22px;
    margin-bottom: 20px; }
  footer a {
    margin-bottom: 5px;
    display: block;
    color: #47a1de;
    font-size: 18px; }
    footer a:hover {
      color: #47a1de; }
  footer a#tel {
    color: #fff; }
  footer p {
    color: #fff;
    font-size: 18px; }
  footer h4 {
    text-align: center;
    font-size: 15px;
    margin-bottom: 30px;
    color: #999999; }
  @media screen and (max-width: 767px) {
    footer img {
      margin: 0px auto 0px; }
    footer h2 {
      margin-bottom: 10px;
      margin-top: 50px; }
    footer h4 {
      margin-top: 30px; } }

.whatsapp {
  background-repeat: no-repeat;
  text-indent: 9999px;
  z-index: 99999;
  width: 83px;
  height: 83px;
  position: fixed;
  right: 2em;
  bottom: 2em;
  background-image: url(../images/whats.png);
  background-size: contain; }
  @media screen and (max-width: 767px) {
    .whatsapp {
      width: 73px;
      height: 73px;
      right: 1em;
      bottom: 1em; } }

/*# sourceMappingURL=styles.css.map */