::-webkit-scrollbar {
  width: 10px;
  height: 10px; }

::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment {
  display: none; }

::-webkit-scrollbar-track-piece {
  background-color: #707070;
  -webkit-border-radius: 0px; }

::-webkit-scrollbar-thumb:vertical {
  background-color: #C4007A;
  -webkit-border-radius: 0px; }

.ff-bold {
  font-weight: bold !important; }

.landing-consultora {
  background-color: #fff; }
  .landing-consultora .header-abertura {
    height: auto;
    background-image: url("../img/consultoras/banner_seja_uma_revendedora_fundo.png");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat; }
    .landing-consultora .header-abertura .logo {
      max-height: 60px; }
    .landing-consultora .header-abertura .imagem-container {
      height: 100%;
      width: 100%;
      position: relative; }
  .landing-consultora .btn-whatsapp {
    background-color: #04af2d;
    border-color: #009223;
    color: #fff !important; }
    .landing-consultora .btn-whatsapp:hover {
      background-color: #009223;
      border-color: #009223; }
  @media screen and (max-width: 800px) {
    .landing-consultora .header-abertura .imagem-container {
      position: relative; } }
  .landing-consultora .features {
    min-height: 250px;
    background-color: #ffeaf3; }
    .landing-consultora .features .card-features {
      border-radius: 8px;
      width: 140px;
      height: 150px;
      background-color: #800080; }
      .landing-consultora .features .card-features .titulo {
        color: #fff;
        font-size: .8rem;
        font-weight: bold;
        line-height: 1.3; }
      .landing-consultora .features .card-features img {
        max-height: 50px; }
    .landing-consultora .features .chamada-pos-feature h1 {
      color: #800080;
      font-size: 2.5rem;
      font-weight: bold !important; }
    @media screen and (max-width: 800px) {
      .landing-consultora .features .card-features {
        width: 160px; } }
  .landing-consultora .beneficios {
    min-height: 550px;
    background-image: url("../img/consultoras/banner_dez_beneficios.png");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat; }
    .landing-consultora .beneficios .imagem-container {
      height: 100%;
      width: 100%;
      position: relative; }
      .landing-consultora .beneficios .imagem-container .imagem {
        position: absolute;
        bottom: 0;
        left: 0; }
    .landing-consultora .beneficios .item-beneficio .titulo {
      color: #fdf706; }
    .landing-consultora .beneficios .item-beneficio .texto {
      font-size: .7rem;
      color: #fff; }
    .landing-consultora .beneficios .item-beneficio .img-fluid {
      width: 50px; }
  .landing-consultora .faq {
    min-height: 550px;
    background: #ffeaf3; }
    .landing-consultora .faq .card .card-header {
      padding: 1rem;
      padding-left: 2rem;
      padding-right: 2rem;
      border: 0; }
      .landing-consultora .faq .card .card-header .link-collapse {
        font-size: 1.1rem;
        color: #C4007A;
        font-weight: bold; }
        .landing-consultora .faq .card .card-header .link-collapse a:hover {
          text-decoration: none; }
    .landing-consultora .faq .card .card-header.collapsed {
      background: #ccc; }
    .landing-consultora .faq .card .card-header:not(.collapsed) {
      background: #fdd2e4; }
    .landing-consultora .faq .card .card-body {
      padding-left: 2rem;
      padding-right: 2rem; }
  .landing-consultora .cartao-milli {
    min-height: 550px;
    background: #000; }
    .landing-consultora .cartao-milli .texto-cartao {
      max-width: 200px; }
    .landing-consultora .cartao-milli .lead {
      font-size: 1.6rem;
      color: #fff; }
    .landing-consultora .cartao-milli .texto-cartao-2 {
      color: #fff;
      font-size: 1rem; }
    .landing-consultora .cartao-milli .texto-cartao-3 {
      color: #fff;
      font-size: 0.7rem; }
  .landing-consultora .oportunidade {
    min-height: 550px;
    background-image: url("../img/consultoras/bg_video_promocional.png");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat; }
    .landing-consultora .oportunidade h1 {
      font-size: 3rem;
      color: #fdf706; }
    .landing-consultora .oportunidade .lead {
      color: #fff; }
    @media screen and (max-width: 800px) {
      .landing-consultora .oportunidade h1 {
        font-size: 2rem; } }
  .landing-consultora .carrossel-depoimentos .item .wrapper-depoimento {
    position: relative;
    height: 370px;
    width: 85%; }
    .landing-consultora .carrossel-depoimentos .item .wrapper-depoimento .box-texto {
      position: absolute;
      top: 20%;
      left: 12%;
      background-color: #fff;
      z-index: 2;
      width: 60%;
      border-radius: 8px;
      padding: 2rem;
      padding-right: 2rem;
      height: 220px; }
      .landing-consultora .carrossel-depoimentos .item .wrapper-depoimento .box-texto .paragrafo {
        overflow-y: auto;
        height: 130px;
        padding-right: 1rem; }
    .landing-consultora .carrossel-depoimentos .item .wrapper-depoimento .foto {
      position: absolute;
      top: 20px;
      right: 0;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center center;
      border-radius: 8px;
      height: 320px;
      width: 250px; }
    .landing-consultora .carrossel-depoimentos .item .wrapper-depoimento .nome {
      font-weight: bold;
      color: #800080; }
  .landing-consultora .carrossel-depoimentos .owl-prev, .landing-consultora .carrossel-depoimentos .owl-next {
    width: 35px;
    height: 35px;
    position: absolute;
    top: 38%;
    transform: translateY(-50%);
    display: block !important;
    border: 0px solid black;
    background: #C4007A !important;
    opacity: 0.7;
    border-radius: 50% !important; }
  .landing-consultora .carrossel-depoimentos .owl-prev {
    left: 20px; }
  .landing-consultora .carrossel-depoimentos .owl-next {
    right: 20px; }
  .landing-consultora .carrossel-depoimentos .owl-prev i, .landing-consultora .carrossel-depoimentos .owl-next i {
    color: #fff; }
  .landing-consultora .carrossel-depoimentos .owl-dot span {
    width: 8px;
    height: 8px;
    margin: 5px 7px;
    background: rgba(196, 0, 122, 0.5) !important;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 20px; }
  .landing-consultora .carrossel-depoimentos .owl-dot.active span {
    background: #800080 !important;
    width: 15px; }
  .landing-consultora .quem-somos {
    height: auto;
    background-image: url("../img/consultoras/banner_quem_somos.png");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat; }
    .landing-consultora .quem-somos p {
      font-size: .8rem; }
    .landing-consultora .quem-somos .amarelo {
      color: #fdf706; }
  .landing-consultora .call-to-action {
    height: 100px;
    background-color: #fdf706; }
    .landing-consultora .call-to-action .chamada {
      font-size: 2rem; }
    .landing-consultora .call-to-action .btn {
      padding: .6rem 1rem; }
    @media screen and (max-width: 800px) {
      .landing-consultora .call-to-action .chamada {
        font-size: 1.2rem; } }
  .landing-consultora .bloco-instagram {
    background-color: red; }
    .landing-consultora .bloco-instagram .lead {
      font-size: 1.4rem !important;
      font-weight: bold; }
  @media screen and (max-width: 800px) {
    .landing-consultora .chamada {
      text-align: center; }
    .landing-consultora .carrossel-depoimentos .item .wrapper-depoimento .box-texto {
      background-color: #fff;
      top: inherit;
      left: 25%;
      bottom: 0;
      width: 78%;
      padding: 1rem;
      height: auto; }
    .landing-consultora .carrossel-depoimentos .item .wrapper-depoimento .foto {
      top: -40px; } }

.box-form {
  min-height: 350px;
  background-color: #fff; }

.form-pre-consultoras label {
  font-size: 0.8rem;
  color: #C4007A;
  font-weight: bold; }

.form-pre-consultoras .form-control {
  border-color: #C4007A; }
  .form-pre-consultoras .form-control:focus {
    border-color: #800080; }

.form-pre-consultoras .btn {
  font-size: .8rem;
  font-weight: bold; }

.form-pre-consultoras .label-termos {
  font-size: .7rem; }
  .form-pre-consultoras .label-termos a {
    text-decoration: underline; }
