/*
Theme Name: Cative Comunicação
Theme URI: https://cativecomunicacao.com.br
Author: Agência Cative Comunição e IU 360 Solutions
Author URI: https://cativecomunicacao.com.br
Description: Tema Marketing MPV - Cative Comunicação
Version: 1.0
Text Domain: cative
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags:
*/
html, body{
background:#000 !important;
margin:0;
padding:0;
color:#fff !important;
}
body{
overflow: auto;
overflow-x: hidden;
}
*, ::after, ::before {
box-sizing: border-box;
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-family: 'Inter', sans-serif !important;
font-weight: 400;
}
ul{
margin:0;
padding:0;
}
ul li{
padding:0;
margin:0;
list-style: none;
}
img{
max-width: 100%;
height:auto;
border:0;
outline: 0;
}
button, input, a, select{
outline: 0 !important;
border:0;
text-decoration: none;
}
a{
text-decoration:none;
}
#msgemail{position: relative;
display: block;
margin-top: -10px;
margin-bottom: -10px;
}
#msgemail small{
position: relative;
top: 0;
left: 0;
font-size: 14px;
color: red;
display: block;
padding-left: 5px;
}
#submit[disabled]{
opacity:0.5;
cursor:none;
}
.pulse{
animation: pulse 2s infinite;
}
@keyframes pulse {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.05);
    }

    100% {
        transform: scale(1);
    }
}
.modal-termos, .modal-politica {
height: 100vh;
}
.modal-termos.modal-open .content-modal, .modal-politica.modal-open .content-modal {
  width: 800px;
  background: #000;
  border-radius: 20px;
  padding: 50px 30px 30px;
  position: relative;
  max-width: 95%;
  border: 1px solid #fff;
  max-height: 90%;
  overflow: auto;
    overflow-x: auto;
  overflow-x: hidden;
  font-size: 16px;
  letter-spacing: 0px;
  color: #fff;
  text-align: left !important;
  line-height: 22px;
}
.modal-termos.modal-open .content-modal .close-termos, .modal-politica.modal-open .content-modal .close-politica {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 45px;
  height: 45px;
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 2;
  cursor: pointer;
}
.modal-open .content-modal .close-termos svg, .modal-open .content-modal .close-politica svg {
  width: 32px;
  height: 32px;
}
.title-modal {
  font: normal normal 700 35px/40px Inter;
  letter-spacing: -2.3px;
color:#FF6809;
  margin-bottom: 20px;
  margin-top:0;
}
.box-termos p{
color:#fff;
font-weight:400;
font-size:16px;
}


.js .anime {
opacity: 0;
transform: translate3D(0px, 80px, 0px);
}
.js .anime-right{
opacity: 0;
transform: translate3D(80px, 0px, 0px);
}
.js .anime-left{
opacity: 0;
transform: translate3D(-80px, 0px, 0px);
}
.js .anime-init {
opacity: 1;
transform: translate3D(0px, 0px, 0px);
transition:1.5s all ease;
}
.conteudo{
position: relative;
max-width:1222px;
width:100%;
margin:auto;
}
.logo{
margin-bottom: 70px;
padding-top:65px;
}
.logo img{
max-width:300px;
}

.video-text .texto h2{
text-align: left;
font: normal normal 500 37px/47px Inter;
letter-spacing: -1.5px;
color: #FFFFFF;
margin-top:0;
margin-bottom: 25px;
}
.video-text .texto h2 span{
font: normal normal 600 37px/47px Inter;
color: #FC7600;
}
.video-container {
overflow: hidden;
position: relative;
width: 100%;
border-radius: 15px;
height:350px;
}
.video-container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.video-one small{
text-align: right;
display: block;
padding-right: 10px;
font-size: 15px;
margin-bottom: 18px;
}
.video-text{
display: flex;
align-items: center;
justify-content: space-between;
}
.video-text .texto{
width: 48%;
padding-right: 70px;
}
.video-text .video-one{
width:52%;
}
.bt-gradient{
font: normal normal 500 15px/45px Inter;
letter-spacing: 0px;
color: #FFFFFF;
opacity: 1;
background: transparent linear-gradient(172deg, #5CC158 0%, #057B00 100%) 0% 0% no-repeat padding-box;
border: 3px solid #5CC158;
border-radius: 29px;
display: flex;
align-items: center;
justify-content: center;
width: 450px;
height: 45px;
transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
}

.novobt-gradient{
font: normal normal 500 20px/45px Inter;
letter-spacing: 0px;
color: #FFFFFF;
opacity: 1;
background: transparent linear-gradient(172deg, #5CC158 0%, #057B00 100%) 0% 0% no-repeat padding-box;
border: 3px solid #5CC158;
border-radius: 29px;
display: flex;
align-items: center;
justify-content: center;
width: 350px;
height: 100px;
transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
}


.bt-gradient:hover{
color:#fff;
background: transparent linear-gradient(-172deg, #5CC158 0%, #057B00 100%) 0% 0% no-repeat padding-box;
box-shadow: 0 0 25px #5CC158;
}
.section-two .conteudo{
height:550px;
}
.section-two .conteudo:before{
content:"";
width:148px;
height:266px;
background:url(images/before.png);
background-position:center;
background-size:100%;
position:absolute;
left: 175px;
top: 95px;
}
.section-two .conteudo .chamada{
text-align: left;
font: normal normal 500 30px/34px Inter;
letter-spacing: -1.5px;
color: #FFFFFF;
position: absolute;
top: 320px;
left: 370px;
max-width: 440px;
z-index: 3;
}
.cerebro{
width: 820px;
position: absolute;
right: -110px;
}

.section-three{
margin-top: -15px;
margin-bottom: 135px;
}
.text-01{
width: 760px;
padding-right: 180px;
height: 262px;
display: flex;
align-items: center;
background: url(images/bg-text.png);
background-size: 100%;
background-position: center;
background-repeat: no-repeat;
}
.text-01 h1{
color: #FC7600;
font-weight: 800;
font-size: 80px;
padding-left: 37px;
letter-spacing: -1px;
text-align: right;
line-height: 85px;
margin: 0;
padding-top: 15px;
}
.text-01 h1 span{
color: #fff;
font-size: 56px;
padding-right: 6px;
font-weight: 800;
margin-top: -15px;
display: block;
}
.text-02{
position: absolute;
right: 0;
top: -40px;
width: 565px;
font: normal normal normal 18px/26px Inter;
letter-spacing: 0px;
color: #FFFFFF;
}

.cards{
display: flex;
align-items: center;
justify-content: space-between;
}
.box-card{
width:23%;
border-radius:20px;
background:#1C1C1C;
padding:30px;
min-height:278px;
border:1px solid #1C1C1C;
}
.box-card:hover{
border-color:#FC7600;
}
.box-card .icon{
max-width: 60px;
height: 54px;
display: flex;
align-items: center;
justify-content: flex-start;
}
.box-card h2{
text-align: left;
font: normal normal 500 40px/50px Inter;
letter-spacing: -1.5px;
color: #FFFFFF;
margin-bottom: 0;
margin-top: 20px;
}
.box-card p{
text-align: left;
font: normal normal normal 18px/25px Inter;
margin-bottom:0;
letter-spacing: 0px;
color: #FFFFFF;
}

.section-five .conteudo{
padding-top:155px;
padding-bottom:85px;
}
.section-five .conteudo .bt-gradient{
margin:0 auto 110px;
}
.section-five .conteudo h2{
text-align: center;
font: normal normal 500 38px/48px Inter;
letter-spacing: -1.5px;
color: #FFFFFF;
max-width: 600px;
margin: 0 auto 110px;
}
.section-five{
background: url(images/bg-foguete.png);
background-size: contain;
background-repeat: no-repeat;
background-position: right top;
}
.funil{
position:relative;
}
.funil:before{
content:"";
width:423px;
height:100%;
position:absolute;
background:url(images/Uni-o-1.png);
background-size:100% 391px;
background-position:center;
left:126px;
top:0;
}
.aba-funil{
background: #1A1A1A;
padding: 15px 25px;
display: flex;
align-items: center;
margin-bottom:17px;
height:85px;
}
.aba-funil .number span{
font: normal normal 800 23px/45px Inter;
letter-spacing: -0.9px;
color: #FFFFFF;
width: 42px;
height: 42px;
display: flex;
align-items: center;
justify-content: center;
border: 3px solid #FF6700;
border-radius: 50%;
}
.title strong{
font: normal normal 800 23px/35px Inter;
letter-spacing: -0.9px;
color: #FFFFFF;
width:423px;
display:block;
text-align:center;
margin:0 60px;
position:relative;
}
.title{
position:relative;
margin-bottom: 0;
}
.title strong span{
position:relative;
z-index:3;
font-weight: 800
}
.itens ul li{
font-size:15px;
}
.section-six{
position:relative;
background:#fff;
padding:55px 0 80px;
}
.section-six h2{
text-align: center;
font: normal normal 500 38px/48px Inter;
letter-spacing: -1.5px;
color: #1A1A1A;
opacity: 1;
max-width: 790px;
margin: 0 auto 25px;
}
.section-six h3{
text-align: center;
letter-spacing: 0px;
color: #000000;
max-width: 750px;
margin: 0 auto 35px;
font-size: 17px;
line-height: 25px;
}
.section-six .bt-gradient{
margin:auto;
}
.section-six ul{
max-width: 600px;
margin: 0 auto 40px;
}
.section-six ul li{
font-size: 17px;
color: #000;
font-weight: 400;
padding-left: 19px;
position: relative;
line-height: 28px;
}
.section-six ul li:before{
content:"";
width:6px;
height:6px;
position:absolute;
left:0;
top:50%;
transform:translatey(-50%);
background:#FF6700;
border-radius:50%;
}
.section-six:after{
content:"";
position:absolute;
bottom:-30px;
left:50%;
transform:translatex(-50%);
width: 0; 
height: 0; 
border-left: 30px solid transparent;
border-right: 30px solid transparent;
border-top: 30px solid #fff;
}
.section-seven{
padding-top:90px;
}
.section-seven h3{
max-width:770px;
margin:0 auto 70px;
text-align: center;
font: normal normal 500 38px/48px Inter;
letter-spacing: -1.5px;
color: #FFFFFF;
}
.videos{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
max-width: 100%;
margin: 20px auto 50px;
}
.videos .video-depo{
width:31%;
margin:1%;
overflow: hidden;
border-radius: 25px;
position:relative;
}
.video-depo .open-video{
position:relative;
display:flex;
align-items:center;
justify-content:center;
width:100%;
height:100%;
cursor: pointer;
}
.videos .video-depo .open-video:before{
content:"";
width:55px;
height:55px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm0-2a8 8 0 1 0 0-16 8 8 0 0 0 0 16zM10.622 8.415l4.879 3.252a.4.4 0 0 1 0 .666l-4.88 3.252a.4.4 0 0 1-.621-.332V8.747a.4.4 0 0 1 .622-.332z' fill='rgba(255,255,255,1)'/%3E%3C/svg%3E");
background-size:100%;
background-repeat:no-repeat;
background-position:center;
position:absolute;
left:50%;
top:50%;
transform:translatex(-50%) translateY(-50%);
opacity:0.6;
transition: all .6s ease-in-out;
-webkit-transition: all .6s ease-in-out;
}
.videos .video-depo .open-video:hover:before{
transform:translatex(-50%) translateY(-50%) scale(1.2);
opacity:1;
}
.section-seven{
background:#1A1A1A;
}
.section-seven h2{
text-align: left;
font: normal normal 500 38px/50px Inter;
letter-spacing: -1.5px;
color: #FC7600;
}
.section-seven h2 span{
color:#fff;
padding-right: 30px;
}
.section-seven .mobile{
display:flex;
align-items:center;
justify-content:space-between;
}
.section-seven .mobile .img-mobile{
max-width: 720px;
margin-right: -30px;
margin-bottom: -104px;
}
.section-seven .mobile .text-mobile{
max-width:550px;
}
.section-eight{
padding-top:150px;
position:relative;
}
.section-eight:after{
content:"";
position:absolute;
bottom:-30px;
left:50%;
transform:translatex(-50%);
width: 0; 
height: 0; 
border-left: 30px solid transparent;
border-right: 30px solid transparent;
border-top: 30px solid #000;
}
.section-eight h3{
text-align: center;
font: normal normal 500 38px/58px Inter;
letter-spacing: -1.5px;
opacity: 1;
margin-top:0;
color:#fff;
}
.section-eight h3 span{
color:#FC7600;
font-weight:500;
}
.marcas{
display:flex;
align-items:center;
justify-content:space-between;
flex-wrap: wrap;
padding:0 20px;
margin-bottom: 80px;
margin-top: 50px;
}
.marca{
width:20%;
text-align:center;
}
.marca img{
transform:scale(0.5);
}
.contato{
background:#fff;
padding:70px 0;
}
.contato h3{
text-align: center;
font: normal normal bold 38px/48px Inter;
letter-spacing: -1.5px;
color:#000;
margin:0 auto 30px;
max-width:800px;
}
.contato p{
font-size:17px;
color:#000;
text-align:center;
margin-bottom:30px;
}
.form-contato{
border-radius: 20px;
max-width: 564px;
margin: auto;
background: #e1e1e1;
}
.form-contato label{
text-align: left;
font: normal normal 500 16px/21px Inter !important;
letter-spacing: 0px;
color: #000000 !important;
margin-bottom: 6px;
margin-left: 3px;
}
.form-contato input[type="text"], .form-contato input[type="email"], .form-contato input[type="tel"]{
background-color: #fff !important;
border: 0 !important;
border-radius: 7px !important;
height: 45px !important;
color: #000 !important;
font-family: Inter !important;
font-size: 15px !important;
width: 100%;
padding: 5px 15px;
margin-bottom:10px;
}
.form-contato select{
background-color: #fff !important;
border: 0 !important;
border-radius: 7px !important;
height: 45px !important;
color: #000 !important;
font-family: Inter !important;
font-size: 15px !important;
width: 100%;
padding: 5px 10px;
margin-bottom:10px;
-webkit-appearance: none;
      -moz-appearance: none;
      text-indent: 1px;
      text-overflow: '';
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M12 13.172l4.95-4.95 1.414 1.414L12 16 5.636 9.636 7.05 8.222z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center right 10px;
background-size: 22px;
}
.form-contato textarea{
width: 100%;
border-radius: 7px;
box-shadow: none;
border: 0;
height: 120px;
resize: none;
color: #000;
font-size: 15px;
padding: 10px;
}
.form-contato .bt-gradient{
margin: 20px auto 15px;
width: 100%;
height: 50px;
font-size: 16px;
cursor:pointer;
}
footer{
background: #131417;
padding-top: 90px;
padding-bottom: 0;
}
.content-footer{
display: flex;
justify-content: space-between;
padding-bottom:60px;
padding-right:15px;
padding-left:15px;
}
.aba-logo{
min-width:40%;
}
.aba-logo img{
width: 250px;
}
.aba h6{
margin-top: 0;
margin-bottom: 10px;
text-align: left;
font: normal normal 600 16px/22px Inter;
letter-spacing: 0px;
color: #FFFFFF;
}
.aba ul li a, .aba ul li span{
font-size:15px;
color:#fff;
font-weight:400;
line-height:33px;
display: flex;
align-items: center;
cursor:pointer;
}
.aba ul li a svg, .aba ul li span svg{
fill:#fff;
margin-right:10px;
}
.aba ul li a:hover, .aba ul li a:hover svg, .aba ul li span:hover svg, .aba ul li span:hover{
color:#FC7600;
fill:#FC7600;
}
.copyright{
display: flex;
align-items: center;
justify-content: space-between;
border-top: 1px solid #fff;
padding: 15px;
}
.copy span{
font-size: 13px;
color: #fff;
}
.ir-topo{
display: flex;
align-items: center;
cursor:pointer;
}
.ir-topo strong{
font-size: 14px;
margin-right: 5px;
}
.ir-topo span{
width: 26px;
height: 26px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
background: #202227;
}
.ir-topo span svg{
fill: #FC7600;
width: 18px;
height: 18px;
}
.ir-topo:hover{
color:#FC7600;
}
.ir-topo:hover span{
background: #FC7600;;
}
.ir-topo:hover span svg{
fill:#fff;
}

.modal .video-container{
height:420px;
border:2px solid #FF6700;
}
.modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  outline: 0;
}
.modal-open {
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.75);
  animation-name: fadeInOpacity;
  animation-iteration-count: 1;
  animation-timing-function: ease-in;
  animation-duration: 1s;
}
@keyframes fadeInOpacity {
    0% {
    opacity: 0;
    }
    100% {
    opacity: 1;
    }
}
.modal-video .content-modal {
width: 750px;
position: relative;
height: 430px;
max-width: 95%;
}
.modal-video .close-video {
position: absolute;
top: -45px;
right: 0px;
cursor: pointer;
}
.modal-video .close-video svg {
width: 40px;
height: 40px;
}
.llformCustom {
background-color: rgba(0, 0, 0, 0.1) !important;
padding: 30px 20px !important;
}
.llformCustom > div {
padding: 8px 0 !important;
}
.llformCustom > div.hidden {
display: none !important;
}
.llformCustom > div > div.field-error {
color: tomato;
display: none;
font-family: 'Inter', sans-serif;
font-size: 12px;
font-weight: 400;
padding: 5px 0 0 2px;
}
.llformCustom > div > div.field-error.show {
display: block !important;
}
.llformCustom > div.button-bar {
text-align: center;
}
.llformCustom > div.error-box {
background-color: white;
color: tomato;
display: none;
font-family: 'Inter', sans-serif;
font-size: 22px;
font-weight: 400;
margin: -30px -20px !important;
padding: 50px 0 !important;
text-align: center;
}
.llformCustom > div.error-box.show {
display: block !important;
}
.llformCustom > div.error-box > img {
width: 100px;
}
.llformCustom > div.error-box > div {
 padding: 15px 0;
}
.llformCustom > div.loading-box {
background-color: white;
color: #828282;
display: none;
font-family: 'Inter', sans-serif;
font-size: 22px;
font-weight: 400;
margin: -30px -20px !important;
padding: 50px 0 !important;
text-align: center;
}
.llformCustom > div.loading-box.show {
display: block !important;
}
.llformCustom > div.loading-box > img {
width: 100px;
}
.llformCustom > div.loading-box > div {
padding: 15px 0;
}
.llformCustom > div.error-box.loading,
.llformCustom > div.loading-box.loading {
display: block !important;
}
.proximos-passos{
background-color:#FF6809;
background-image: url(images/bg-orange.jpg);
background-size:60%;
background-position: center right;
background-repeat: no-repeat;
min-height:100vh;
}
.proximos-passos .content h2{
text-align: left;
font: normal normal 700 38px/48px Inter;
letter-spacing: -1.5px;
color: #FFFFFF;
max-width: 300px;
margin-bottom: 20px;
}
.proximos-passos .content p{
text-align: left;
font: normal normal normal 17px/25px Inter;
letter-spacing: -0.66px;
color:#fff;
max-width: 400px;
margin-bottom: 20px;
}
.proximos-passos .content h4{
text-align: left;
font: normal normal bold 22px/32px Inter;
letter-spacing: -0.9px;
color: #FFFFFF;
max-width: 415px;
margin-bottom: 25px;
margin-top: 0;
padding-top: 15px;
border-top: 2px solid #fff;
}
.proximos-passos .content .text-proximos{
position: relative;
}
.proximos-passos .content .befores{
display: flex;
align-items: flex-end;
padding-bottom: 100px;
padding-left: 200px;
margin-top:45px;
}
.proximos-passos .content .befores img{
max-width: 140px;
}
.proximos-passos .content .befores span{
text-align: left;
font: normal normal 500 35px/42px Inter;
letter-spacing: -1.5px;
color: #FFFFFF;
max-width: 390px;
display: block;
margin-bottom: -35px;
margin-left: 35px;
}
.estrategistas{
 background: #fff;
padding: 150px 0;  
}
.estrategistas .fotos{
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
}
.estrategistas .fotos .estrategista{
width:25%;
text-align:center;
}
.estrategista img{
width: 180px;
height: 180px;
margin-bottom: 10px;
}
.estrategista span{
width: 100%;
display: block;
font-weight:500;
font: normal normal 500 22px/30px Inter;
letter-spacing: -0.9px;
color: #151314;
}

.mobile-item{
display:none;
}

@media(max-width:1500px){
.proximos-passos {
background-size:70%;
}
.proximos-passos .conteudo{
padding:0 65px;
}


}

@media(max-width:992px){
.mobile-item{
display:flex;
}
.texto .mobile-item{
display:block;
}
.desk{
display:none;
}
.logo{
text-align: center;
margin-bottom: -5px;
padding-top: 40px;
}
.logo img {
max-width: 255px;
}
.video-text{
flex-wrap:wrap;
}
.video-text .texto {
width: 100%;
padding-right: 0;
margin-top: 15px;
}
.conteudo{
padding:0 20px;
}
.video-text .texto h2, .video-text .texto h2 span{
text-align: center;
font: normal normal 500 25px/37px Inter;
}
.bt-gradient {
font: normal normal 500 13px/45px Inter;
width: 100%;
}
.video-text .video-one {
width: 100%;
}
.video-one .video-container{
margin-bottom:30px;
}
.section-six ul{
text-align:left;
}
.video-one small {
text-align: center;
display: block;
padding-right: 0px;
font-size: 13px;
margin-bottom: 10px;
}
.video-container{
height:200px;
}
.cerebro {
width: 100%;
position: relative;
right: 0;
padding-top: 150px;
}
.section-two .conteudo::before{
display: none;
}
.section-two .conteudo .chamada {
text-align: left;
font: normal normal 500 24px/30px Inter;
top: 55px;
left: 20px;
}
.section-two .conteudo {
height: auto;
}
.text-01 {
width: 100%;
padding-right: 0;
height: 180px;
justify-content: flex-end;
}
.text-01 h1 {
font-size: 49px;
padding-left: 0;
text-align: right;
line-height: 53px;
margin: 0;
padding-top: 4px;
}
.text-01 h1 span {
color: #fff;
font-size: 42px;
padding-right: 6px;
margin-top:-5px;
}
.text-02 {
position: relative;
right: 0;
top: 0;
width: 100%;
font: normal normal normal 16px/24px Inter;
text-align: center;
}
.cards {
flex-wrap: wrap;
}
.box-card {
width: 100%;
border-radius: 20px;
background: #1C1C1C;
padding: 30px;
min-height: 278px;
border: 1px solid #1C1C1C;
max-width: 300px;
margin: 0 auto 25px;
}
.section-five {
background-size: cover !important;
background-position: right -55px top !important;
background: url(images/bg-foguete-1.png);
}
.section-five .conteudo {
  padding-top: 65px;
  padding-bottom: 85px;
}
.section-five .conteudo h2 {
text-align: center;
font: normal normal 500 30px/40px Inter;
margin: 0 auto 80px;
text-shadow: 0 0 5px rgba(0, 0, 0, 0.9);
}
.section-five .conteudo .bt-gradient {
margin: 0 auto 80px;
}
.aba-funil {
padding: 15px 15px;
display: flex;
align-items: center;
margin-bottom: 15px;
height: auto;
width: 100%;
flex-wrap: wrap;
}
.title {
position: relative;
width: calc(100% - 35px);
}
.title strong {
font: normal normal 800 19px/25px Inter;
width: 100%;
text-align: center;
margin: 0;
}
.aba-funil .itens{
width:100%;
text-align: center;
font-size: 14px;
margin-top: 20px;
}
.funil::before{
display:none;
}
.aba-funil .number span {
font: normal normal 800 18px/35px Inter;
width: 35px;
height: 35px;
}
.section-six h2, .section-seven h2, .section-eight h3, .contato h3 {
font: normal normal 500 30px/40px Inter
}
.videos .video-depo {
width: 100%;
margin: 0 0 15px;
}
.section-seven .mobile{
flex-wrap:wrap;
}
.section-seven h4 {
text-align: center;
font: normal normal 500 30px/45px Inter;
}
.section-seven .mobile .img-mobile {
max-width: 360px;
margin: 0 auto;
margin-bottom: -53px;
overflow:hidden;
}
.section-seven .mobile .img-mobile img{
margin-right:-30px;
}
.section-eight {
padding-top: 100px;
position: relative;
}
.marca {
width: 50%;
}
.form-contato .bt-gradient{
font-size:11px;
line-height:1.4;
}
.bt-gradient{
line-height:1.4;
}
.form-contato select, .form-contato input[type="text"], .form-contato input[type="email"], .form-contato input[type="tel"]{
font-size:14px !important;
}
.content-footer,.copyright{
flex-wrap:wrap;
}
.aba-logo {
min-width: 100%;
width: 100%;
text-align: center;
margin-bottom: 30px;
}
.aba-logo img {
width: 190px;
}
.aba-links{
width: 100%;
text-align: center;
margin-bottom: 20px;
}
.aba h6{
text-align: center;
}
.aba ul li a, .aba ul li span{
justify-content: center;
}
#botao3{
margin-top:30px;
}
footer{
padding-top:60px;
}
.content-footer{
padding-bottom: 40px;
}
.copy span {
font-size: 12px;
color: #fff;
text-align: center;
display: block;
margin-bottom: 12px;
}
.ir-topo {
justify-content: center;
width: 100%;
}
.proximos-passos .conteudo{
padding:0 20px;
}
.proximos-passos .content h2 {
text-align: left;
font: normal normal 700 30px/40px Inter;
max-width: 250px;
}
.proximos-passos .content p {
text-align: left;
font: normal normal normal 15px/23px Inter;
}
.proximos-passos .content h4 {
text-align: left;
font: normal normal bold 19px/26px Inter;
}
.proximos-passos .content .befores img{
display:none;
}
.proximos-passos .content .befores {
display: flex;
align-items: flex-end;
padding-bottom: 65px;
padding-left: 0;
margin-top: 65px;
justify-content: center;
}
.proximos-passos .content .befores span {
text-align: center;
font: normal normal 500 28px/34px Inter;
margin-bottom: 0px;
margin-left: 0;
}
.proximos-passos {
background-size: cover;
background-position: center left;
}
.modal .video-container {
 height: 210px;
}
.modal-termos.modal-open .content-modal, .modal-politica.modal-open .content-modal {
  padding: 30px 15px;
}
.title-modal {
  font: normal normal 700 26px/33px Inter;
}
.box-termos p{
font-size:15px;
}
.estrategistas .fotos .estrategista {
width: 50%;
margin-bottom: 30px;
}
.estrategista img {
width: 150px;
height: 150px;
}
.estrategista span {
font: normal normal 500 18px/30px Inter;
}
.estrategistas{
padding:80px 0;
}
.proximos-passos {
background-color: #FF6809;
background-image: url(images/bg-orange-1.png);
}







}