body {
  font-family: "Sora", sans-serif;
  background: #111111; }

a {
  text-decoration: none; }
  a:hover {
    text-decoration: none; }

a:focus, input:focus, select:focus, textarea:focus, button:focus {
  outline: none; }

p {
  margin-bottom: 0; }

.banner .img-banner {
  height: 100vh;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative; }
  .banner .img-banner .content-banner {
    width: 26%;
    position: absolute;
    transform: translate(0, 50%);
    bottom: 50%;
    left: 42vh; }
    .banner .img-banner .content-banner .logo img {
      width: 12vh;
      margin-bottom: 4vh; }
    .banner .img-banner .content-banner .title-banner {
      color: white;
      font-size: 33px;
      font-weight: 600;
      margin-bottom: 1vh; }
    .banner .img-banner .content-banner .texto-banner {
      color: #9D9B9B;
      font-size: 15px;
      margin-bottom: 5vh; }
      .banner .img-banner .content-banner .texto-banner p {
        margin-bottom: 1vh; }
    .banner .img-banner .content-banner .form .campos {
      padding: 0.5vh 0; }
      .banner .img-banner .content-banner .form .campos input {
        font-size: 12px;
        background: #252525CC;
        border: none;
        padding: 1.5vh 3vh;
        color: white;
        width: 100%; }
        .banner .img-banner .content-banner .form .campos input::placeholder {
          color: white; }
    .banner .img-banner .content-banner .form .botao-form {
      margin-top: .5vh; }
      .banner .img-banner .content-banner .form .botao-form button {
        background: #af0a0a;
        width: 100%;
        padding: 1vh;
        border: none;
        border-radius: 2px;
        position: relative;
        color: white;
        font-weight: 600;
        box-shadow: 0 4px 16px #A70000; }
        .banner .img-banner .content-banner .form .botao-form button svg {
          position: absolute;
          transform: translate(0, 50%);
          bottom: 50%;
          right: 11vh;
          width: 1.8vh;
          transition: .5s; }
        .banner .img-banner .content-banner .form .botao-form button:hover svg {
          right: 10vh;
          width: 1.9vh; }
    .banner .img-banner .content-banner .vagas {
      margin-top: 1vh; }
      .banner .img-banner .content-banner .vagas .progress {
        background: black;
        border-radius: 5px;
        height: .8vh;
        margin-bottom: 1vh; }
        .banner .img-banner .content-banner .vagas .progress .bg {
          background: #af0a0a;
          border-radius: 5px; }
      .banner .img-banner .content-banner .vagas p {
        color: white;
        font-size: 9px;
        text-align: center;
        font-weight: 200; }
        .banner .img-banner .content-banner .vagas p span {
          font-weight: 500; }

@media (max-width: 980px) {
  .banner .img-banner {
    background-position: 65%; }
    .banner .img-banner .content-banner {
      transform: translate(50%, 50%);
      width: 80%;
      bottom: 50%;
      left: inherit;
      right: 50%; }
      .banner .img-banner .content-banner::before {
        content: '';
        padding: 5%;
        background: #323030b3;
        border-radius: 5px;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        filter: blur(24px);
        z-index: -1; }
      .banner .img-banner .content-banner .logo img {
        width: 8vh; }
      .banner .img-banner .content-banner .title-banner {
        font-size: 25px;
        line-height: 135%; }
      .banner .img-banner .content-banner .texto-banner{
        font-size: 13px;
        color: white; }
      .banner .img-banner .content-banner .form .botao-form button {
        padding: 1vh 3vh 1vh 0vh; }
        .banner .img-banner .content-banner .form .botao-form button svg {
          right: 5vh;
          width: 1.6vh; }
        .banner .img-banner .content-banner .form .botao-form button:hover svg {
          right: 4vh; } }
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
  color: white; }
.wpcf7 form.sent .wpcf7-response-output{
  color: white; }

.whats{
  position: fixed;
  bottom: 3vh;
  right: 4vh;
  width: 11vh;
  svg{
    path{
      fill: #25d366;
    }
  }
}

@media(max-width: 980px){
  .whats{
    bottom: 2vh;
    right: 1vh;
    width: 8vh;
  }
}


/* Page Home */

.banner-home .img-banner {
  height: 100vh;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative; }
  .banner-home .img-banner .content-banner {
    width: 30%;
    position: absolute;
    transform: translate(0, 50%);
    bottom: 50%;
    left: 46vh; }
    .banner-home .img-banner .content-banner .logo img {
      width: 17vh;
      margin-bottom: 7vh; }
    .banner-home .img-banner .content-banner .title-banner {
      color: white;
      font-size: 45px;
      line-height: 120%;
      font-weight: 600;
      margin-bottom: 3vh; }
    .banner-home .img-banner .content-banner .texto-banner {
      color: white;
      font-size: 16px;
      margin-bottom: 5vh; }
      .banner-home .img-banner .content-banner .texto-banner p {
        margin-bottom: 1vh; }
    .banner-home .img-banner .content-banner .vagas {
      margin-top: 4vh; }
      .banner-home .img-banner .content-banner .vagas .progress {
        background: black;
        border-radius: 5px;
        height: .8vh; }
        .banner-home .img-banner .content-banner .vagas .progress .bg {
          background: #af0a0a;
          border-radius: 5px; }
      .banner-home .img-banner .content-banner .vagas p {
        color: white;
        font-size: 9px;
        text-align: center;
        font-weight: 200;
        margin-bottom: 1vh; }
        .banner-home .img-banner .content-banner .vagas p span {
          font-weight: 500; }

  .botao{
      margin-top: 5vh; }
      .botao button{
        background: #af0a0a;
        width: fit-content;
        padding: 1.5vh 8vh 1.5vh 5vh;
        border: none;
        border-radius: 2px;
        position: relative;
        color: white;
        font-weight: 600;
        box-shadow: 0 4px 16px #A70000; }
        .botao button svg{
          position: absolute;
          transform: translate(0, 50%);
          bottom: 50%;
          right: 5vh;
          width: 1.8vh;
          transition: .5s; }
      .botao button:hover svg{
        right: 4vh; }

@keyframes rolagem{
  0%{
    left: 0;
  }
  100%{
    left: -114vh;
  }
}
@keyframes rolagem-vertical{
  0%{
    top: 0;
  }
  18%{
    top: 18%;
  }
  37%{
    top: 37%;
  }
  55%{
    top: 55%;
  }
  75%{
    top: 75%;
  }
  100%{
    top: 86%;
  }
}

@keyframes rolagem-vertical2{
  0%{
    top: 0;
  }
  17%{
    top: 17%;
  }
  34%{
    top: 34%;
  }
  51%{
    top: 51%;
  }
  68%{
    top: 68%;
  }
  100%{
    top: 87%;
  }
}
.faixa{
  background: linear-gradient(90deg, #FF0000, #690101);
  position: relative;
  height: 9vh;
  overflow: hidden;
  .content{
    position: absolute;
    animation: rolagem 10s linear infinite alternate;
      display: flex;
      height: 100%;
      align-items: center;
      img{
        margin-right: 3vh;
        width: 65vh;
      }
  }
}

.sect2{
  padding: 10vh 0;
  .container{
    max-width: 50%;
  }
  .content-title{
    height: 100%;
    display: flex;
    align-items: center;
    .title{
      text-align: left;
      strong{
        color: white;
      }
    }
  }
  .content-sente{
    position: relative;
    &::before{
      content: '';
      position: absolute;
      top: 0;
      left: 6.5vh;
      width: 0.2vh;
      height: 100%;
      background: #8C8C8C;
    }
    &::after{
      content: '';
      position: absolute;
      top: 0;
      left: 6.4vh;
      width: .5vh;
      height: 5vh;
      background: #F00;
      animation: rolagem-vertical 10s linear infinite alternate;
    }
    .item-sente{
      display: flex;
      margin-bottom: 3vh;
      align-items: center;
      .content-num-item{
        color: #FF0000;
        margin-right: 8vh;
        font-size: 25px;
        font-weight: bold;
      }
      .content-item{
        color: white;
        font-size: 14px;
      }
    }
  }
}

.texto{
  background: white;
  padding: 3vh;
  text-align: center;
  p{
    font-size: 30px;
    color: #252525;
    strong{
      display: block;
      color: #A70000;
      font-size: 30px;
    }
  }
}

.content-sections{
  overflow: hidden;
  position: relative;
  .raio1{
    position: absolute;
    top: 7vh;
    left: -23vh;
    width: 82vh;
    filter: blur(9px);
    z-index: -1;
  }
  .raio2{
    position: absolute;
    top: 42vh;
    right: -30vh;
    width: 100vh;
    z-index: -1;
  }
}

.title{
  text-align: center;
  color: white;
  font-size: 38px;
  line-height: 120%;
  margin-bottom: 3vh;
  strong{
    color: #AF0A0A;
  }
}

.sect3{
  padding: 10vh 0;
  .container{
    max-width: 45%;
  }
  .sub{
    text-align: center;
    color: white;
    font-size: 14px;
    letter-spacing: 1px;
    width: 64%;
    margin: auto;
  }
  .content-metodo{
    margin-top: 7vh;
    display: flex;
    flex-wrap: wrap;
    .item-metodo{
      position: relative;
      width: 46%;
      margin: 2%;
      border: 1px solid #707070;
      border-radius: 5px;
      padding: 3vh 13vh 3vh 5vh;
      background: linear-gradient(0deg, #101010, #1D1D1D6B);
      &:hover{
        .img-item{
          background: #6D0C0C;
        }
        &::before{
          width: 100%;
          top: 0;
          left: 0;
          height: 100%;
          border-radius: 5px;
        }
      }
      &::before{
        content: '';
        position: absolute;
        width: 0.7vh;
        height: 50%;
        background: #A70000;
        left: -0.8vh;
        top: 2vh;
        transition: .5s;
      }
      .img-item{
        background: #A70000;
        border-radius: 100px;
        margin-bottom: 3vh;
        width: fit-content;
        padding: 1vh;
        position: relative;
        transition: .5s;
        img{
          width: 3.5vh;
          height: 3.5vh;
          object-fit: contain;
        }
      }
      .title-metodo{
        color: white;
        font-weight: 600;
        letter-spacing: 1px;
        position: relative;
      }
      .texto-metodo{
        color: white;
        font-size: 11px;
        font-weight: 200;
        position: relative;
      }
    }
  }
  .botao{
    text-align: center;
  }
}

.sect4{
  padding-bottom: 10vh;
  .container{
    max-width: 57%;
  }
  .content-text{
    height: 100%;
    display: flex;
    align-items: center;
    .title{
      text-align: left;
      strong{
        color: white;
      }
    }
  }
  .content-modulos{
    padding-left: 5vh;
    position: relative;
    &::before{
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 1.5px;
      background: #8C8C8C;
    }
    &::after{
      content: '';
      position: absolute;
      background: #FF0000;
      width: 2px;
      left: 0;
      height: 6vh;
      top: 0;
      animation: rolagem-vertical 10s infinite alternate;
    }
    .item-modulos{
      border-bottom: 1px solid #707070;
      padding: 0;
      height: 6vh;
      margin-top: 2vh;
      &:nth-last-child(1){
        border-bottom: 1px solid transparent;
        height: auto;
      }
      p{
        color: white;
      }
    }
  }
  .galeria{
    margin-top: 13vh;
    .imagens{
      display: flex;
      flex-wrap: wrap;
      width: 85%;
      margin: auto;
      a{
        width: 49%;
        margin: .5%;
        .img-galeria{
          width: 100%;
          height: 25vh;
          object-fit: cover;
          margin: 0.5%;
        }
      }
    }
  }
}
.modulos{
  overflow: hidden;
  .content{
    position: relative;
    animation: rolagem 10s linear infinite alternate;
      display: flex;
      height: 100%;
      align-items: center;
      img{
        margin-right: 1vh;
      }
  }
}
.sect5{
  padding: 16vh 0;
  .container{
    max-width: 57%;
  }
  .content-text{
    height: 100%;
    display: flex;
    align-items: center;
    position: relative;
    .raio{
      position: absolute;
      transform: translate(0, 50%);
      bottom: 50%;
    }
    .title{
      text-align: center;
      font-size: 82px;
      width: 100%;
      font-weight: bold;
      position: relative;
      strong{
        color: white;
      }
    }
  }
  .content-bonus{
    padding-left: 5vh;
    position: relative;
    &::before{
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 4px;
      background: #8C8C8C;
    }
    &::after{
      content: '';
      position: absolute;
      background: #FF0000;
      width: 9px;
      left: -2.5px;
      height: 6vh;
      top: 0;
      animation: rolagem-vertical2 10s infinite alternate;
    }
    .item-bonus{
      border-bottom: 1px solid #707070;
      padding: 0;
      height: 6vh;
      margin-top: 2vh;
      &:nth-last-child(1){
        border-bottom: 1px solid transparent;
        height: auto;
      }
      p{
        color: white;
      }
    }
  }
  .botao{
    margin-top: 13vh;
    text-align: center;
  }
}
.sect6{
  .container-fluid{
    padding: 0;
  }
  .texto-depoimentos{
    background: #2A2A2A;
    width: fit-content;
    margin: 6vh auto;
    padding: 0.5vh 3vh .5vh 4vh;
    border-radius: 5px;
    p{
      color: white;
      font-size: 18px;
      svg{
        width: 4vh;
        height: 4vh;
      }
    }
  }
  .depoimentos{
    .slide{
      padding: 5px;
    }
    .img-depoimentos{
      width: 100%;
      height: 55vh;
      border: 1px solid white;
      border-radius: 5px;
    }
    .img-antes-depois{
      width: 100%;
      height: 37vh;
    }
  }
  .slick-dots{
    display: flex;
    justify-content: center;
    list-style: none;
    li{
      button{
        font-size: 0;
        padding: 0;
        width: 1.5vh;
        height: 1.5vh;
        margin: 0 1vh;
        border: 2px solid #A70000;
        background: transparent;
        border-radius: 100px;
        transition: .5s;
      }
      &.slick-active{
        button{
          background: #A70000;
        }
      }
    }
  }
}
.sect7{
  padding: 10vh 0;
  overflow: hidden;
  position: relative;
   .raio1{
    position: absolute;
    top: 7vh;
    left: -23vh;
    width: 82vh;
    filter: blur(9px);
    z-index: -1;
  }
  .raio2{
    position: absolute;
    transform: translate(0, 50%);
    bottom: 50%;
    right: -30vh;
    width: 100vh;
    z-index: -1;
  }
  .container{
    max-width: 62%;
  }
  .plano{
    display: flex;
    max-width: 90%;
    margin: 0 auto;
    position: relative;
    .titulo{
      width: 50%;
      background: #A70000;
      padding: 6vh;
      position: relative;
      display: flex;
      align-items: center;
      svg{
        position: absolute;
        height: 90%;
        transform: translate(50%, 50%);
        right: 50%;
        bottom: 50%;
      }
      .title{
        font-weight: 500;
        text-align: left;
        strong{
          color: #111111;
        }
      }
    }
    .preco{
      width: 45%;
      background: white;
      padding: 6vh 6vh 2vh;
      .antigo-preco{
        text-align: center;
        color: #AF0000;
        margin-bottom: 2vh;
        text-decoration: line-through;
      }
      .preco-novo{
        color: black;
        text-align: center;
        font-size: 20px;
        font-weight: 600;
        span{
          font-size: 40px;
        }
      }
      .preco-total{
        text-align: center;
        color: black;
      }
      .conteudo{
        padding: 3vh 6vh;
        p{
          color: black;
          font-size: 13px;
        }
      }
      .botao{
        text-align: center;
        margin-top: 0;
      }
      .parceiros{
        text-align: center;
        margin-top: 3vh;
      }
    }
    .itens-preco{
      position: absolute;
      transform: translate(0, 50%);
      right: -100vh;
      transition: 1.5s;
      bottom: 50%;
      .item-preco{
        background: #EEEEEE;
        display: flex;
        align-items: center;
        padding: 2vh;
        border-radius: 5px;
        margin-bottom: 2vh;
        svg{
          width: 3vh;
          margin-right: 1.5vh;
        }
        p{
          font-size: 12px;
        }
      }
    }
  }
  .garantia{
    padding: 15vh 0;
    display: flex;
    flex-wrap: wrap;
    max-width: 64%;
    margin: auto;
    justify-content: space-between;
    position: relative;
    .selo{
      width: 45%;
      &::before{
        content: '';
        position: absolute;
        width: 60%;
        height: 70%;
        transform: translate(50%, 50%);
        bottom: 50%;
        left: -40%;
        z-index: -1;
        filter: drop-shadow(0 0 46px #02563e) blur(100px);
        border-radius: 200px;
        background: conic-gradient(from 224deg at 50% 50%, #F00 271.8749928474426deg, #3B3B3B 360deg);
        opacity: 0.3;
      }
      img{
        width: 90%;
      }
    }
    .content-text{
      width: 50%;
      display: flex;
      align-items: center;
      p{
        color: white;
      }
    }
  }
  .perguntas{
    max-width: 80%;
    margin: auto;
    .accordion .accordion-item{
      background: transparent;
      border: none;
      margin-bottom: 2vh;
      .accordion-button{
        background: #18191B;
        border: none;
        box-shadow: none;
        color: white;
        &::after{
          filter: brightness(0) invert(22%) sepia(100%) saturate(800%) hue-rotate(322deg);
        }
      }
      .accordion-collapse{
        border: none;
        background: rgb(24, 25, 27);
        color: #9D9B9B;
        font-size: 12px;
      }
    }
  }
  .box{
    margin-top: 15vh;
    background: linear-gradient(54deg, #A60000 0%, #131313 68%);
    padding: 7vh;
    border-radius: 20px;
    .title{
      font-size: 30px;
      strong{
        color: white;
      }
    }
    .sub{
      color: white;
      text-align: center;
      font-size: 18px;
    }
    .botao{
      text-align: center;
    }
  }
}
.sect8{
  padding: 22vh 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  .container{
    max-width: 62%;
  }
  .title{
    text-align: left;
    margin-bottom: 5vh;
    strong{
      color: white;
    }
  }
  .content-text{
    color: white;
    max-width: 52%;
  }
}

@media(min-width: 1200px) and (max-width: 1400px){
  .banner-home .img-banner .content-banner .title-banner{
    font-size: 37px;
  }
  .sect2 .content-sente::before{
    left: 7vh;
  }
  .sect2 .content-sente::after{
    left: 6.9vh;
  }
  .texto{
    padding: 4vh;
    p{
      font-size: 26px;
      strong{
        font-size: 26px;
      }
    }
  }
  .sect7 .plano{
    max-width: 100%;
  }
  .sect8 .container{
    max-width: 65%;
  }
}

@media (max-width: 980px) {
  .banner-home .img-banner {
    background-position: 65%; }
    .banner-home .img-banner .content-banner {
      transform: translate(50%, 50%);
      width: 80%;
      bottom: 50%;
      left: inherit;
      right: 50%; }
      .banner-home .img-banner .content-banner::before {
        content: '';
        padding: 5%;
        background: #323030b3;
        border-radius: 5px;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        filter: blur(24px);
        z-index: -1; }
      .banner-home .img-banner .content-banner .logo img {
        width: 8vh; }
      .banner-home .img-banner .content-banner .title-banner {
        font-size: 25px;
        line-height: 135%; }
      .banner-home .img-banner .content-banner .texto-banner{
        font-size: 13px;
        color: white; }

  .faixa .content{
    width: 100%;
  }

  .sect2 {
    .container{
      max-width: 85%;
    }
    .content-title .title{
      margin-bottom: 6vh;
    }
  }

  .texto{
    p{
      font-size: 19px;
      strong{
        font-size: 22px;
      }
    }
  }

  .title{
    font-size: 35px;
  }

  .sect3{
    .container{
      max-width: inherit;
    }
    .content-metodo{
      .item-metodo{
        padding: 3vh;
      }
    }
  }

  .sect4{
    padding-bottom: 5vh;
    .conteudo{
      .container{
        max-width: 85%;
      }
      .content-modulos{
        padding: 3vh;
        .item-modulos{
          height: 5vh;
          p{
            font-size: 12px;
          }
        }
      }
    }
    .galeria{
      .container{
        max-width: inherit;
      }
      .imagens{
        a{
          .img-galeria{
            height: 20vh;
          }
        }
      }
    }
  }

  .botao{
    button{
      font-size: 14px;
    }
  }

  .modulos{
    .content{
      width: 128vh;
      height: 30vh;
      img{
        width: 90vh;
      }
    }
  }

  .sect5{
    padding: 16vh 0 10vh;
    .container{
      max-width: 85%;
    }
    .content-text{
      .raio{
        width: 45%;
        right: 50%;
        transform: translate(50%, 44%);
      }
      .title{
        font-size: 50px;
      }
    } 
    .content-bonus{
      padding-left: 3vh;
      margin-top: 7vh;
      .item-bonus{
        height: 5vh;
        p{
          font-size: 12px;
        }
      }
    }
    .botao{
      margin-top: 7vh;
      button{
        font-size: 12px;
      }
    }
  } 
  .sect6{
    .title{
      padding: 0 2vh;
      br{
        display: none;
      }
    }
    .texto-depoimentos{
      margin: 5vh auto;
    }
    .depoimentos{
      .img-depoimentos{
        height: 42vh;
        border: none;
        width: 100%;
        object-fit: contain;
      }
      .img-antes-depois{
        height: 26vh;
        object-fit: contain;
      }
    }
    .famosos{
      .title{
        br{
          display: none;
        }
      }
    }
  }
  .sect7{
    padding: 10vh 0 20vh;
    .container{
      max-width: inherit;
    }
    .plano{
      max-width: 80%;
      margin: 0 auto;
      display: block;
      .titulo{
        width: 100%;
        padding: 4vh;
        .title{
          font-size: 30px;
          br{
            display: none;
          }
        }
      }
      .preco{
        width: 100%;
        padding: 3vh;
        .conteudo{
          padding: 3vh 1vh;
        }
        .botao{
          button{
            padding: 1.5vh 6vh 1.5vh 3vh;
            svg{
              right: 3.5vh;
              width: 1.5vh;
            }
          }
        }
      }
      .itens-preco{
        transform: translate(50%, 0);
        bottom: -18vh;
        width: 74%;
        .item-preco{
          padding: 1vh;
          margin-bottom: 1vh;
          svg{
            width: 2.5vh;
          }
          p{
            font-size: 11px;
          }
        }
      }
    }
    .garantia{
      padding: 25vh 0 15vh;
      .selo{
        width: 100%;
        text-align: center;
        &::before{
          width: 80%;
          height: 60%;
        }
        img{
          width: 75%;
          margin-bottom: 3vh;
        }
      }
      .content-text{
        width: 100%;
        p{
          text-align: center;
        }
      }
    }
    .perguntas{
      max-width: 90%;
      .title{
        font-size: 30px;
      }
      .accordion .accordion-item{
        .accordion-button{
          font-size: 14px;
        }
        .accordion-collapse{
          font-size: 12px;
        }
      }
    }
    .box{
      padding: 5vh 2vh;
      .title{
        font-size: 23px;
        br{
          display: none;
        }
      }
      .sub{
        font-size: 16px;
      }
      .botao{
        button{
          padding: 1.5vh 6vh 1.5vh 3vh;
          font-size: 12px;
          svg{
            right: 3.5vh;
            width: 1.5vh;
          }
        }
      }
    }
  }
  .sect8{
    padding: 7vh 0;
    background-position: 67%;
    position: relative;
    &::before{
      content: '';
      position: absolute;
      width: 92%;
      height: 95%;
      background: #0000009e;
      z-index: 1;
      bottom: 50%;
      transform: translate(50%, 50%);
      right: 50%;
      border-radius: 15px;
    }
    .container{
      max-width: 90%;
    }
    .title{
      position: relative;
      z-index: 2;
    }
    .content-text{
      max-width: 100%;
      position: relative;
      z-index: 2;
    }
  }
}

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