@charset "UTF-8";
/* @mixin
 .class { @include responsivo-mobile { css } }
*/
/* transform */
/* transition */
/* keyframes */
/* responsivo */
/* animation */
/*------------------------------
    Tipografia
-------------------------------*/
/* Header */
/* Display */
/* Body */
/*----------------------------
    Cor
-----------------------------*/
/*------------------------------
    Espaçamento
-------------------------------*/
/*----------------------------
    Botões
-----------------------------*/
/* Geral */
/*-------------------------------------------------------
            INDICE
---------------------------------------------------------
    00 - GERAL    
    01 - HERO
    02 - PROSPERAR
    03 - COMO FUNCIONA
    04 - EMBUTIDO
    05 - ESSENCIAL
    06 - PLUS
    07 - DUVIDAS FREQUENTES
    09 - QUEM SOMOS
*/
/*--------------------------------------------------------
00 - GERAL
--------------------------------------------------------*/
body {
  font-size: 15px;
}

/**************
*    icone    *
**************/
span.icone-mais, span.icone-menos {
  position: absolute;
  right: 0;
  top: 38%;
  width: 40px;
  height: 40px;
  background-position: center center;
  background-size: 16px;
  background-repeat: no-repeat;
  cursor: pointer;
}
@media only screen and (max-width: 768px) {
  span.icone-mais, span.icone-menos {
    right: -16px;
  }
}

span.icone-mais {
  background-image: url("../img/icones/mais.svg");
}

span.icone-menos {
  background-image: url("../img/icones/menos.svg");
}

/**************
*  transform  *
**************/
.center-afiliados {
  text-align: center !important;
}
@media only screen and (max-width: 768px) {
  .center-afiliados {
    text-align: left !important;
  }
}

.none-cursor {
  cursor: auto !important;
}

.escala-0-4 {
  transform: scale(0.4);
  -webkit-transform: scale(0.4);
  -moz-transform: scale(0.4);
  -ms-transform: scale(0.4);
  -o-transform: scale(0.4);
}

.escala-0-7 {
  transform: scale(0.7);
  -webkit-transform: scale(0.7);
  -moz-transform: scale(0.7);
  -ms-transform: scale(0.7);
  -o-transform: scale(0.7);
}

.escala-1 {
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
}

.escala-1-2 {
  transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
}

.escala-1-2 {
  transform: scale(1.4);
  -webkit-transform: scale(1.4);
  -moz-transform: scale(1.4);
  -ms-transform: scale(1.4);
  -o-transform: scale(1.4);
}

/**************
*   efeitos   *
**************/
/*--------------------------------------------------------
02 - PROSPERAR
--------------------------------------------------------*/
#prosperar .layout {
  display: flex;
  flex-wrap: wrap;
}

#prosperar .copy {
  width: 60%;
}

#prosperar .background {
  width: 40%;
}

/**************
*    texto    *
**************/
#prosperar .copy ul {
  position: relative;
  padding: 0;
  margin-top: 30px;
}

#prosperar .copy li {
  padding: 15px 0;
}

@-webkit-keyframes prosperar-texto-efeito-old {
  0% {
    top: -70px;
    opacity: 0;
  }
  5% {
    top: 0px;
    opacity: 1;
  }
  15% {
    top: 0px;
    opacity: 1;
  }
  20% {
    top: 70px;
    opacity: 0;
  }
  100% {
    top: -70px;
    opacity: 0;
  }
}
@keyframes prosperar-texto-efeito-old {
  0% {
    top: -70px;
    opacity: 0;
  }
  5% {
    top: 0px;
    opacity: 1;
  }
  15% {
    top: 0px;
    opacity: 1;
  }
  20% {
    top: 70px;
    opacity: 0;
  }
  100% {
    top: -70px;
    opacity: 0;
  }
}
#prosperar .pontos {
  margin-top: 260px;
}

#prosperar .pontos span {
  display: inline-block;
  width: 6px;
  height: 6px;
  background: #D8D8D8;
  margin: 0 10px;
  border-radius: 100%;
  transition: all 300ms;
  -webkit-transition: all 300ms;
}

#prosperar .ponto-1 {
  -webkit-animation: prosperar-ponto 15s infinite ease-in-out;
  animation: prosperar-ponto 15s infinite ease-in-out;
}

#prosperar .ponto-2 {
  -webkit-animation: prosperar-ponto 15s infinite ease-in-out;
  animation: prosperar-ponto 15s infinite ease-in-out;
  animation-delay: 3s;
  -webkit-animation-delay: 3s;
}

#prosperar .ponto-3 {
  -webkit-animation: prosperar-ponto 15s infinite ease-in-out;
  animation: prosperar-ponto 15s infinite ease-in-out;
  animation-delay: 6s;
  -webkit-animation-delay: 6s;
}

#prosperar .ponto-4 {
  -webkit-animation: prosperar-ponto 15s infinite ease-in-out;
  animation: prosperar-ponto 15s infinite ease-in-out;
  animation-delay: 9s;
  -webkit-animation-delay: 9s;
}

#prosperar .ponto-5 {
  -webkit-animation: prosperar-ponto 15s infinite ease-in-out;
  animation: prosperar-ponto 15s infinite ease-in-out;
  animation-delay: 12s;
  -webkit-animation-delay: 12s;
}

@-webkit-keyframes prosperar-ponto {
  0% {
    background: #D8D8D8;
  }
  5% {
    background: #8B0CA1;
  }
  15% {
    background: #8B0CA1;
  }
  20% {
    background: #D8D8D8;
  }
  100% {
    background: #D8D8D8;
  }
}
@keyframes prosperar-ponto {
  0% {
    background: #D8D8D8;
  }
  5% {
    background: #8B0CA1;
  }
  15% {
    background: #8B0CA1;
  }
  20% {
    background: #D8D8D8;
  }
  100% {
    background: #D8D8D8;
  }
}
#prosperar .background img {
  width: 100%;
  max-width: 580px;
}

section#como-funciona {
  padding: 0 0 60px 0;
}

/**************
*     div     *
**************/
#como-funciona div.titulo {
  text-align: center;
}

#como-funciona div.passo {
  display: flex;
  flex-wrap: wrap;
  padding: 90px 0;
  justify-content: space-between;
}

#como-funciona div.passo div.coluna {
  width: 50%;
  padding: 30px;
}

/**************
*    texto    *
**************/
#como-funciona div.titulo h4 {
  text-transform: uppercase;
  margin: auto;
  letter-spacing: 0.5px;
}

#como-funciona div.copy a {
  display: block;
  padding: 30px 0;
  border-top: 2px solid #dde9e8;
  margin-top: 40px;
}

/**************
*    botão    *
**************/
/**************
*    imagem   *
**************/
/*como-funciona*/
#como-funciona .background {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}

#como-funciona div.bg-01 {
  background-image: url(../img/funcionalidades/integracao.png);
}

#como-funciona div.bg-02 {
  background-image: url(../img/funcionalidades/passos-simples.png);
}

#como-funciona div.bg-03 {
  background-image: url(../img/funcionalidades/notificacao-email.png);
}

#como-funciona div.bg-04 {
  background-image: url(../img/funcionalidades/aumentar-vendas.svg);
}

/**************
*   checkbox  *
**************/
/*--------------------------------------------------------
04 - EMBUTIDO
--------------------------------------------------------*/
/**************
*   section   *
**************/
section#embutido {
  min-height: 740px;
}

/**************
*     div     *
**************/
#embutido div.layout {
  display: flex;
  flex-wrap: wrap;
  align-content: space-around;
}

#embutido div.coluna-01 {
  width: 53%;
}

#embutido div.coluna-02 {
  width: 47%;
}

#embutido .nav {
  max-width: 570px;
}
@media only screen and (max-width: 768px) {
  #embutido .nav {
    margin: 0 auto;
    max-width: 340px;
  }
}

#embutido .mr-20px {
  margin-right: -20px;
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  #embutido .mr-20px {
    margin-right: 0px;
  }
}
@media only screen and (max-width: 768px) {
  #embutido .mr-20px {
    margin-right: 0px;
  }
}

#embutido .nav ul {
  overflow: hidden;
  font-size: 14px !important;
  display: flex;
  justify-content: space-evenly;
  padding: 0;
}
@media only screen and (max-width: 768px) {
  #embutido .nav ul {
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-around;
  }
}

#embutido .logos {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

#embutido .logos .logo {
  width: 130px;
  height: 68px;
  margin: 10px 20px 10px 0;
  border-radius: 4px;
  border: 1px solid #C9D0DE;
}

#embutido .logos .entre-outras {
  width: 130px;
  height: 68px;
  margin: 10px 20px 10px 0;
}

@media only screen and (max-width: 768px) {
  #embutido .paineis-mobile {
    overflow-x: hidden;
  }
}

#embutido .paineis {
  position: relative;
  height: 100%;
  margin-left: 28px;
}
#embutido .paineis img {
  max-height: 400px;
}

/**************
*    texto    *
**************/
#embutido .nav .itens li {
  font-size: 16px;
  list-style: none;
  text-transform: lowercase;
  font-weight: 700;
  padding-bottom: 5px;
  cursor: pointer;
}

#embutido .titulo h4 {
  text-transform: uppercase;
}

/**************
*    botão    *
**************/
/**************
*    imagem   *
**************/
/*
01 - hotmart
02 - eadbox
03 - pagarme
04 - iugu
05 - moip
06 - boleto-simples
07 - pagseguro
08 - eventbrite
*/
#embutido .logos .logo {
  background-position: center center;
  background-repeat: no-repeat;
  cursor: pointer;
  background-origin: border-box;
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}

#embutido .logos .emb-logo-1 {
  background-image: url(../img/logos/240w/hotmart.png);
  background-size: 99px;
}
@media only screen and (max-width: 768px) {
  #embutido .logos .emb-logo-1 {
    background-size: 73px;
  }
}

#embutido .logos .emb-logo-2 {
  background-image: url(../img/logos/240w/herospark.png);
  background-size: 82px;
}

#embutido .logos .emb-logo-3 {
  background-image: url(../img/logos/240w/pagar-me.png);
  background-size: 70px;
}

#embutido .logos .emb-logo-4 {
  background-image: url(../img/logos/240w/iugu.png);
  background-size: 51px;
}

#embutido .logos .emb-logo-5 {
  background-image: url(../img/logos/240w/moip.png);
  background-size: 54px;
}

#embutido .logos .emb-logo-6 {
  background-image: url(../img/logos/240w/boleto-simples.png);
  background-size: 81px;
}

#embutido .logos .emb-logo-7 {
  background-image: url(../img/logos/240w/pag-seguro.png);
  background-size: 73px;
}

#embutido .logos .emb-logo-8 {
  background-image: url(../img/logos/240w/appmax.png);
  background-size: 73px;
}

#embutido .logos .emb-logo-9 {
  background-image: url(../img/logos/240w/kobana.png);
  background-size: 73px;
}

#embutido .logos .emb-logo-10 {
  background-image: url(../img/logos/240w/eadguru-6.svg);
  background-size: 73px;
}

#embutido .logos .emb-logo-11 {
  background-image: url(../img/logos/240w/paypal.svg);
  background-size: 73px;
}

#embutido .logos .emb-logo-12 {
  background-image: url(../img/logos/240w/perfect-pay.png);
  background-size: 73px;
}

#embutido .logos .emb-logo-13 {
  background-image: url(../img/logos/240w/stripe-1.svg);
  background-size: 73px;
}

#embutido .logos .emb-logo-14 {
  background-image: url(../img/logos/240w/ticto-1.png);
  background-size: 73px;
}

#embutido .logos .emb-logo-15 {
  background-image: url(../img/logos/240w/vindi-2.png);
  background-size: 73px;
}

#embutido .logos .emb-logo-16 {
  background-image: url(../img/logos/240w/eventbrite.png);
  background-size: 74px;
}

#embutido .logos .emb-logo-17 {
  background-image: url(../img/logos/240w/ead-plataforma.png);
  background-size: 50px;
}

#embutido .logos .emb-logo-18 {
  background-image: url(../img/logos/240w/sympla.png);
  background-size: 65px;
}

#embutido .logos .emb-logo-20 {
  background-image: url(../img/logos/240w/eadbox.png);
  background-size: 73px;
}

#embutido .logos .emb-logo-21 {
  background-image: url(../img/logos/240w/Shopify-Logo.png);
  background-size: 83px;
}

#embutido .logos .emb-logo-22 {
  background-image: url(../img/logos/240w/eduzz.svg);
  background-size: 83px;
}

#embutido .logos .emb-logo-23 {
  background-image: url(../img/logos/240w/manager-guru.png);
  background-size: 83px;
}

#embutido .logos .emb-logo-24 {
  background-image: url(../img/logos/240w/kiwify.png);
  background-size: 83px;
}

#embutido .logos .emb-logo-25 {
  background-image: url(../img/logos/240w/samba-play.png);
  background-size: 83px;
}

#embutido .logos .emb-logo-26 {
  background-image: url(../img/logos/240w/wirecard-logo.svg);
  background-size: 73px;
}

#embutido .logos .emb-logo-27 {
  background-image: url(../img/logos/240w/logo-woocommerce.svg);
  background-size: 73px;
}

#embutido .logos .emb-logo-28 {
  background-image: url(../img/logos/240w/monetizze.png);
  background-size: 83px;
}

#embutido .logos .emb-logo-29 {
  background-image: url(../img/logos/240w/preme.png);
  background-size: 60px;
}

#embutido .logos .emb-logo-30 {
  background-image: url(../img/logos/240w/lastkink.png);
  background-size: 86px;
}

#embutido .logos .emb-logo-19 {
  background-image: url(../img/logos/240w/stripe.png);
  background-size: 50px;
}

#embutido .logos .emb-entre-outras {
  background-image: url(../img/funcionalidades/entre-outras.png);
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  background-origin: border-box;
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}

#embutido .paineis .painel {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 90%;
  height: 100%;
  width: 100%;
  position: absolute;
  transition: all 400ms;
  -webkit-transition: all 400ms;
  -moz-transition: all 400ms;
  -ms-transition: all 400ms;
  -o-transition: all 400ms;
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  #embutido .paineis .painel img {
    max-height: 300px;
  }
}
@media only screen and (max-width: 768px) {
  #embutido .paineis .painel img {
    max-height: 300px;
  }
}

/**************
*   efeitos   *
**************/
.embutido-nav-ativo {
  color: #f34f20;
  border-bottom: 2px solid #f34f20;
}

.embutido-nav-desativado {
  opacity: 1;
}

#embutido .logos .embutido-logo-ativo {
  border: 1px solid #161616;
}

/*painel*/
.img-emb-desativar {
  right: -15%;
  opacity: 0;
}

.img-emb-desativado {
  right: -15%;
  opacity: 0;
  z-index: 0;
}

.img-emb-ativado {
  right: 0%;
  opacity: 1;
  z-index: 3;
}

/*--------------------------------------------------------
05 - ESSENCIAL
--------------------------------------------------------*/
#essencial div.bloco {
  display: flex;
  justify-content: center;
  padding: 90px 0;
  flex-wrap: wrap;
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  #essencial div.bloco {
    padding: 0;
  }
}

#essencial div.imagens {
  width: 45%;
  display: flex;
  justify-content: center;
}
@media only screen and (min-width: 991px) and (max-width: 1042px) {
  #essencial div.imagens {
    width: 40% !important;
  }
}

#essencial div.coluna {
  position: relative;
}

#essencial div.copy {
  padding: 0 20px;
  width: 55%;
}
@media only screen and (min-width: 900px) and (max-width: 1025px) {
  #essencial div.copy {
    padding: 0 19px;
  }
}
@media only screen and (min-width: 991px) and (max-width: 1042px) {
  #essencial div.copy {
    width: 60%;
  }
}

#essencial div.seletor {
  position: absolute;
  width: 3px;
  height: 140px;
  -webkit-transform: translate(-20px, 0);
  -ms-transform: translate(-20px, 0);
  transform: translate(-20px, 0);
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  #essencial div.seletor {
    display: none;
  }
}

#essencial div.copy-funcionalidade {
  margin-bottom: 50px;
}

/**************
*    texto    *
**************/
#essencial div.copy-funcionalidade {
  cursor: pointer;
}

#essencial .copy-funcionalidade h2 {
  margin-top: 0px;
}

#essencial div.copy-funcionalidade a {
  display: block;
  padding: 30px 0;
  border-top: 2px solid #dde9e8;
  margin-top: 40px;
}

/**************
*    imagem   *
**************/
#essencial .background {
  position: absolute;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  max-width: 440px;
  width: 100%;
  height: 100%;
  transition: all 400ms;
  -webkit-transition: all 400ms;
  -moz-transition: all 400ms;
  -ms-transition: all 400ms;
  -o-transition: all 400ms;
}

#essencial div.bg-funcionalidade-01 {
  background-image: url(../img/funcionalidades/checkout-minimalista.png?v=5);
  top: -10px;
}

#essencial div.bg-funcionalidade-02 {
  background-image: url(../img/funcionalidades/voce-escolhe.png);
  top: -10px;
}

#essencial div.bg-funcionalidade-03 {
  background-image: url(../img/funcionalidades/descricao-personalizada.png);
  top: -10px;
}

#essencial div.bg-funcionalidade-04 {
  background-image: url(../img/funcionalidades/importacao-de-vendas.png);
  top: -60px;
}

#essencial div.bg-funcionalidade-05 {
  background-image: url(../img/funcionalidades/cancelamento.png);
  top: -60px;
}

/**************
*   efeitos  *
**************/
.seletor-pos-01 {
  top: 0px;
}

.seletor-pos-02 {
  top: 187px;
}

.seletor-pos-03 {
  top: 371px;
}

#seletor-02-func.seletor-pos-02 {
  height: 100px !important;
}

/*ativar e desativar funcionalidade*/
.func-desativar {
  left: -15%;
  opacity: 0;
}

.func-desativado {
  left: -15%;
  opacity: 0;
  z-index: 0;
}

.func-ativado {
  left: 0%;
  opacity: 1;
  z-index: 3;
}

.func-desativar-dir {
  right: -15%;
  opacity: 0;
}

.func-desativado-dir {
  right: -15%;
  opacity: 0;
  z-index: 0;
}

.func-ativado-dir {
  right: 0%;
  opacity: 1;
  z-index: 3;
}

/*--------------------------------------------------------
06 - PLUS
--------------------------------------------------------*/
/*--------------------------------------------------------
08 - DUVIDAS FREQUENTES
--------------------------------------------------------*/
/**************
*   section   *
**************/
section#duvidas-frequentes {
  min-height: 600px;
  padding: 190px 0 0 0;
}

/**************
*     div     *
**************/
#duvidas-frequentes .linha {
  display: flex;
  flex-wrap: wrap;
  height: 100%;
  justify-content: space-around;
}

#duvidas-frequentes .linha .coluna {
  width: 50%;
  padding-left: 20px;
}

#duvidas-frequentes .titulo {
  position: relative;
}

#duvidas-frequentes .duvidas .duvida {
  border-bottom: 1px solid #ecedf3;
}

#duvidas-frequentes .duvidas .duvida .resposta {
  padding-right: 30px;
  transition: all 300ms ease-in-out;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  overflow: hidden;
}

#duvidas-frequentes .resposta {
  height: fit-content;
}

#duvidas-frequentes .duvidas .ocultar-resposta {
  height: 0px !important;
}

/**************
*    texto    *
**************/
#duvidas-frequentes .titulo h5 {
  font-weight: 600;
  padding: 10px 0;
}
@media only screen and (max-width: 768px) {
  #duvidas-frequentes .titulo h5 {
    padding: 0;
    max-width: 95%;
  }
}

#duvidas-frequentes .btn-chat {
  color: #00a6ae;
  cursor: pointer;
}

/**************
*    botão    *
**************/
/**************
*    imagem   *
**************/
/**************
*   checkbox  *
**************/
/*DUVIDAS FREQUENTES*/
#rule-1-input input {
  cursor: pointer;
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 3;
}

.cidades-atendidas .selecione {
  border: 1px solid #888592;
  background-color: #fff;
  border-radius: 4px;
  padding: 20px;
  height: 50px;
  width: 350px;
  font-family: Montserrat, sans-serif !important;
  font-size: 17px;
}

.cidades-atendidas .selecione::placeholder {
  font-family: Montserrat, sans-serif !important;
  font-size: 18px;
}

/*--------------------------------------------------------
09 - QUEM SOMOS
--------------------------------------------------------*/
/**************
*   section   *
**************/
section#quem-somos {
  display: flex;
  align-items: center;
}

/**************
*     div     *
**************/
#quem-somos .copy {
  max-width: 700px;
  padding: 20px;
}

/********************************************************
*                                                       *
*                R E S P O N S I V O                    *
*                                                       *    
********************************************************/
@media only screen and (max-width: 320px) {
  /*----------------------------------------
  03 - COMO FUNCIONA
  ----------------------------------------*/
  #embutido .nav .itens li {
    font-size: 12px;
  }
}
@media only screen and (max-width: 768px) {
  /*----------------------------------------
  01 - GERAL
  ----------------------------------------*/
  .t-31 {
    font-size: 25px;
    line-height: 32px;
    margin: 10px 0;
  }

  .p-17 {
    font-size: 15px;
    line-height: 21px;
  }

  .t-27 {
    font-size: 23px;
    line-height: 31px;
  }

  .rellax {
    transform: translate3d(0, 0, 0) !important;
  }

  /*----------------------------------------
  03 - COMO FUNCIONAA
  ----------------------------------------*/
  section#como-funciona {
    padding: 30px 0;
  }

  #como-funciona br {
    display: none;
  }

  #como-funciona div.titulo {
    text-align: left;
    padding: 0 20px 60px 20px;
  }

  #como-funciona div.passo div.coluna {
    width: 100%;
    padding: 20px;
  }

  #como-funciona div.bg-01 {
    height: 230px;
  }

  #como-funciona div.bg-02 {
    height: 230px;
  }

  #como-funciona div.bg-03 {
    height: 240px;
  }

  #como-funciona div.bg-04 {
    height: 200px;
  }

  #como-funciona div.passo {
    padding: 60px 0;
  }

  #como-funciona .background {
    order: 1;
  }

  #como-funciona .copy {
    order: 2;
  }

  /*----------------------------------------
  04 - EMBUTIDO
  ----------------------------------------*/
  #embutido br {
    display: none;
  }

  #embutido .titulo {
    padding: 0 20px 60px 20px;
  }

  #embutido div.coluna {
    width: 100%;
    padding: 0 20px;
  }

  #embutido div.coluna-01 {
    order: 2;
  }

  #embutido div.coluna-02 {
    order: 1;
    height: 300px;
  }

  #embutido .logos .logo {
    width: 91px;
    height: 52px;
    margin: 10px 10px 10px 10px;
  }

  #embutido .logos .entre-outras {
    width: 91px;
    height: 52px;
    margin: 10px 10px 10px 10px;
  }

  #embutido .paineis .painel {
    background-size: contain;
  }

  /*----------------------------------------
  05 - ESSENCIAL
  ----------------------------------------*/
  #essencial div.coluna {
    width: 100%;
  }

  #essencial div.bloco {
    padding: 0px;
  }

  #essencial div.imagens {
    display: none;
  }

  #essencial div.seletor {
    display: none;
  }

  #essencial div.copy-funcionalidade {
    margin-bottom: 90px;
  }

  #essencial div.copy-funcionalidade {
    padding-left: 0;
  }

  /*----------------------------------------
  06 - PLUS
  ----------------------------------------*/
  #plus div.coluna {
    width: 100%;
    padding: 0 20px 90px 0;
  }

  #plus div.imagem {
    background-position: 0px 18px;
    max-width: 32px;
  }

  #plus div.itens {
    padding: 0;
  }

  /*----------------------------------------
  09 - DUVIDAS FREQUENTES
  ----------------------------------------*/
  section#duvidas-frequentes {
    padding: 60px 0;
  }

  #duvidas-frequentes .linha .coluna {
    width: 100%;
    padding: 20px;
  }

  #duvidas-frequentes br {
    display: none;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  /*----------------------------------------
  02 - PROSPERAR
  ----------------------------------------*/
  #prosperar .copy {
    padding: 0 20px;
  }

  /*----------------------------------------
  04 - EMBUTIDO
  ----------------------------------------*/
  section#embutido {
    min-height: 700px;
  }

  #embutido .titulo {
    padding: 0 20px 60px 20px;
  }

  #embutido div.coluna {
    width: 100%;
    padding: 0 20px;
  }

  #embutido div.coluna-01 {
    order: 2;
  }

  #embutido div.coluna-02 {
    order: 1;
    height: 350px;
  }

  #embutido .logos .logo {
    width: 91px;
    height: 52px;
    margin: 10px 10px 10px 10px;
  }

  #embutido .paineis .painel {
    background-size: contain;
  }

  /*----------------------------------------
  05 - ESSENCIAL
  ----------------------------------------*/
  #essencial div.imagens {
    display: none;
  }

  #essencial div.copy {
    width: 100%;
    padding: 0 40px;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1024px) {
  /*----------------------------------------
  02 - PROSPERAR
  ----------------------------------------*/
  #prosperar .copy {
    padding: 0 20px;
  }

  /*----------------------------------------
  04 - EMBUTIDO
  ----------------------------------------*/
  section#embutido {
    min-height: 700px;
  }

  #embutido .titulo {
    padding: 0 20px 60px 20px;
  }

  #embutido div.coluna {
    width: 100%;
    padding: 0 20px;
  }

  #embutido div.coluna-01 {
    order: 2;
  }

  #embutido div.coluna-02 {
    order: 1;
    height: 350px;
  }

  #embutido .logos .logo {
    width: 91px;
    height: 52px;
    margin: 10px 10px 10px 10px;
  }

  #embutido .paineis .painel {
    background-size: contain;
  }
}