@font-face {
    font-family: 'SF Pro Display';
    src: url('../fontes/fontsfree-net-sfprodisplay-light-webfont.woff2') format('woff2'),
         url('../fontes/fontsfree-net-sfprodisplay-light-webfont.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'SF Pro Display';
    src: url('../fontes/sfprodisplaybold-webfont.woff2') format('woff2'),
         url('../fontes/sfprodisplaybold-webfont.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'SF Pro Display';
    src: url('../fontes/sfprodisplaymedium-webfont.woff2') format('woff2'),
         url('../fontes/sfprodisplaymedium-webfont.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'SF Pro Display';
    src: url('../fontes/sfprodisplayregular-webfont.woff2') format('woff2'),
         url('../fontes/sfprodisplayregular-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
html, body{
margin:0;
padding:0;
font-family: 'SF Pro Display', sans-serif;
background:#F7F7F7;
}
ul{
margin:0;
padding:0 !important;
}
ul li{
padding:0;
margin:0;
list-style: none;
font-family: 'SF Pro Display', sans-serif;
}
img{
max-width: 100%;
height:auto;
border:0;
outline: 0;
}
button, input, a, select{
outline: 0 !important;
border:0;
text-decoration: none;
font-family: 'SF Pro Display', sans-serif;
}
a{
text-decoration:none !important;
font-family: 'SF Pro Display', sans-serif;
}
.js .anime {
opacity: 0;
transform: translate3D(0px, 80px, 0px);
}
.js .anime-init {
opacity: 1;
transform: translate3D(0px, 0px, 0px);
transition:1.5s all ease;
}
.botao-contato{
position: fixed;
bottom:25px;
right:25px;
z-index: 999;
}
.botao-contato a{
display: flex;
align-items: center;
justify-content: center;
background:#fff;
font: normal normal 500 18px/22px SF Pro Display;
letter-spacing: 0px;
color: #005AC9;
box-shadow: 0px 4px 26px #0000004F;
border-radius: 9px;
height: 50px;
width: 200px;
}
.botao-contato a i{
font-size: 24px;
margin-right: 10px;
margin-bottom: -3px;
}
header{
position: absolute;
width:100%;
left:0;
top:0;
z-index: 999;
background: transparent;
padding: 50px 0 20px;
}
.container{
width:1222px;
max-width:100%;
}
#topo{
min-height:100vh;
background:url(../imagens/banner.jpg);
background-position: center bottom;
background-repeat: no-repeat;
background-size: cover;
display: flex;
align-items: center;
}
#topo .text-topo h1{
text-align: left;
font: normal normal normal 55px/60px SF Pro Display;
letter-spacing: 0px;
color: #FFFFFF;
max-width: 550px;
margin: 0 0 35px;
}
#topo .text-topo p{
text-align: left;
font: normal normal 400 22px/28px SF Pro Display;
letter-spacing: 0px;
color: #FFFFFF;
max-width: 520px;
margin: 0 0 30px;
}
.button-agendar{
border: 3px solid #F2F2F2;
overflow: hidden;
border-radius: 40px;
position: relative;
padding: 20px;
display: flex;
height: 52px;
align-items: center;
justify-content: center;
width: 52px;
transition: all 0.5s ease-in-out;
}
.button-agendar:hover{
width:380px;
}
.button-agendar:hover > div{
opacity: 1;
visibility: visible;
}
.button-agendar > div{
position:relative;
z-index:2;
}
.button-agendar > div{
overflow: hidden;
opacity: 0;
visibility: hidden;
position: absolute;
left:20px;
width:312px;
top:50%;
transform:translateY(-50%);
z-index:2;
transition: all 1s ease-in; 
}
.button-agendar span.text{
font: normal normal 500 18px/24px SF Pro Display;
letter-spacing: 0px;
color: #FFF;
display: block;
width:100%;
}
.button-agendar i{
margin-left: 1px;
margin-right:0;
font-size: 32px !important;
line-height:24px;
position: absolute;
top:50%;
transform:translateY(-50%);
right:7px;
z-index:2;
color:#fff;
transition: all 0.5s ease-in-out;
}
.button-agendar .gradiente{
background: transparent linear-gradient(260deg, #0A9FEB 0%, #0D4992 100%) 0% 0% no-repeat padding-box;
width: 100%;
position:absolute;
height:100%;
left:0;
top:0;
min-width: 300px;
}
.content-header{
display: flex;
align-items: center;
}
.navegacao{
margin-left:150px;
}
.navegacao ul{
display: flex;
align-items: center;
}
.navegacao ul li a{
text-align: left;
font: normal normal 500 18px/22px SF Pro Display;
letter-spacing: 0px;
color: #FFFFFF;
}
.navegacao ul li:not(:last-child) a{
margin-right:50px;
}
.open-video{
cursor: pointer;
}
.open-video img{
transform: scale(1);
transition: all 0.5s ease-in-out;
}
.open-video:hover img{
transform: scale(1.03);
}
#sobre{
padding:60px 0;
background:#F7F7F7;
}
#sobre h2{
text-align: center;
font: normal normal bold 36px/40px SF Pro Display;
letter-spacing: 0px;
color: #070707;
max-width: 345px;
margin: 0 auto 40px;
}
.card-sobre{
width: 32%;
padding:200px 60px 60px 60px;
cursor: pointer;
}
.card-sobre .content-card p{
text-align: left;
font: normal normal 300 26px/32px SF Pro Display;
letter-spacing: 0px;
color: #FFFFFF;
margin: 0;
max-width: 249px;
}
.card-sobre .content-card .icon{
color: #005AC9;
font-size: 35px;
margin-bottom: 10px;
transition: all 0.5s ease-in-out;
}
.card-sobre:hover .content-card .icon{
color:#fff;
}
.card-sobre.card1{
background:url(../imagens/bg_card01.png);
background-position: center;
background-size: cover;
}
.card-sobre.card2{
background:url(../imagens/bg_card2.png);
background-position: center;
background-size: cover;
}
.card-sobre.card3{
background:url(../imagens/bg_card3.png);
background-position: center;
background-size: cover;
}
.cards-sobre{
max-width:1150px;
margin: 0 auto 70px;
}
.btn-contato{
background: transparent linear-gradient(260deg, #0A9FEB 0%, #0158CE 100%) 0% 0% no-repeat padding-box;
text-align: center;
font: normal normal normal 22px/32px SF Pro Display;
letter-spacing: 0px;
color: #FFFFFF;
height: 60px;
width: 465px;
margin: 0 auto 10px;
transition: all 0.5s ease-in-out;
}
.btn-contato:hover{
color:#fff;
background: transparent linear-gradient(-260deg, #0A9FEB 0%, #0158CE 100%) 0% 0% no-repeat padding-box;
}
#faturar{
background-color: #010101;
background-image: url(../imagens/bg_rocket.jpg);
background-size: 922px;
background-repeat: no-repeat;
background-position: center;
padding:60px 0;
}
#faturar h2{
text-align: left;
font: normal normal normal 36px/40px SF Pro Display;
letter-spacing: 0px;
color: #FFFFFF;
max-width: 340px;
margin: 0 0 40px;
}
.card-faturar{
width:430px;
max-width: 100%;
border-radius: 3px;
padding: 60px 50px;
background-color: rgba(11, 13, 14, 0.6);
color: #fff;
margin-bottom: 10px;
opacity: 0.5;
transition: all 0.5s ease-in-out;
cursor: pointer;
}
.card-faturar:hover{
opacity: 1;
}
.card-faturar h4{
text-align: left;
font: normal normal 300 24px/26px SF Pro Display;
letter-spacing: 0px;
color: #4699FF;
margin-bottom: 15px;
}
.card-faturar p{
text-align: left;
font: normal normal 300 21px/28px SF Pro Display;
letter-spacing: 0px;
color: #FFFFFF;
margin: 0;
}
#economizar{
padding:60px;
background:#005AC9;
}
#economizar h2{
text-align: center;
font: normal normal normal 36px/40px SF Pro Display;
letter-spacing: 0px;
color: #FFFFFF;
max-width: 340px;
margin: 0 auto 40px;
}
#economizar .btn-contato{
background: transparent linear-gradient(259deg, #2FAAE8 0%, #064397 100%) 0% 0% no-repeat padding-box;
}
#economizar .btn-contato:hover{
background: transparent linear-gradient(-259deg, #2FAAE8 0%, #064397 100%) 0% 0% no-repeat padding-box;
}
.box-economizar{
width:49%;
max-width: 100%;
border-radius: 3px;
padding: 60px 50px;
background-color: rgba(11, 13, 14, 0.8);
color: #fff;
margin-bottom: 10px;
opacity: 0.5;
transition: all 0.5s ease-in-out;
cursor: pointer;
}
.box-economizar:hover{
opacity: 1;
}
.box-economizar h4{
text-align: left;
font: normal normal 300 24px/26px SF Pro Display;
letter-spacing: 0px;
color: #4699FF;
margin-bottom: 15px;
}
.box-economizar p{
text-align: left;
font: normal normal 300 21px/28px SF Pro Display;
letter-spacing: 0px;
color: #FFFFFF;
margin: 0;
}
.boxes-economizar{
max-width:1000px;
margin:0 auto 40px;
}
#beneficios{
padding:70px 0;
}
#beneficios h2{
text-align: center;
font: normal normal 400 36px/40px SF Pro Display;
letter-spacing: 0px;
color: #070707;
max-width: 470px;
margin: 0 auto 60px;
}
ul.motivos{
max-width:820px;
margin:0 auto 65px;
}
ul.motivos li{
border: 2px solid #E2E2E2;
border-radius: 8px;
opacity: 1;
backdrop-filter: blur(15px);
-webkit-backdrop-filter: blur(15px);
display: flex;
align-items: center;
padding: 15px 20px 15px 35px;
margin:0 0 20px;
}
ul.motivos li strong{
text-align: left;
font: normal normal bold 20px/26px SF Pro Display;
letter-spacing: 0px;
color: #005AC9;
margin-right: 30px;
}
ul.motivos li span{
width:calc(100% - 55px);
text-align: left;
font: normal normal normal 20px/24px SF Pro Display;
letter-spacing: 0px;
color: #000000;
}
main{
overflow: hidden;
}
#robots{
padding:10px 0 50px;
}
.mercado{
position: relative;
background-color: #005AC9;
border-radius: 250px 0 0 250px;
max-width: 1110px;
margin-left: auto;
}
.mercado:after{
content:"";
width:100%;
height:100%;
position:absolute;
left:100%;
background-color: #005AC9;
}
.mercado .robo{
padding: 70px 0 70px 70px;
width: 570px;
}
.mercado .robo img{
max-width: 250px;
}
.mercado .text-mercado{
width: calc(100% - 570px);
}
.mercado .text-mercado h2{
text-align: left;
font: normal normal normal 52px/56px SF Pro Display;
letter-spacing: 0px;
color: #FFFFFF;
margin: 0 0 20px;
}
.mercado .text-mercado p{
text-align: left;
font: normal normal normal 22px/28px SF Pro Display;
letter-spacing: 0px;
color: #FFFFFF;
max-width: 500px;
margin: 0 0 30px;
}
#solucoes{
padding:50px 0 70px;
}
#solucoes h2{
text-align: center;
font: normal normal 400 36px/40px SF Pro Display;
letter-spacing: 0px;
color: #070707;
max-width: 470px;
margin: 0 auto 60px;
}
.solucoes{
max-width: 1050px;
margin: 0 auto;
}
.solucoes .solucao{
width:31%;
background: #F7F7F7 0% 0% no-repeat padding-box;
border: 1px solid #CECECE;
border-radius: 16px;
padding: 65px 35px 65px 35px;
margin-bottom: 40px;
}
.solucoes .solucao h3{
text-align: center;
font: normal normal bold 30px/34px SF Pro Display;
letter-spacing: 0px;
color: #000000;
margin-bottom:20px;
}
.solucoes .solucao p{
text-align: left;
font: normal normal normal 19px/27px SF Pro Display;
letter-spacing: 0px;
color: #949494;
min-height: 135px;
}
.solucoes .solucao:first-child p{
padding:0 20px;
}
.solucoes .solucao .btn-consultor{
border-radius: 40px;
background: #005AC9;
color: #fff;
height: 46px;
font-size: 16px;
}
.solucoes .solucao .btn-consultor:hover{
color:#fff;
background: #064397;
}
#seguranca{
background:url(../imagens/bg_seguranca.jpg);
background-position: center;
background-size: cover;
padding:100px 0;
}
#seguranca h2{
color:#fff;
text-align: center;
font: normal normal normal 60px/62px SF Pro Display;
letter-spacing: 0px;
max-width: 600px;
margin: 0 auto 50px;
}
#seguranca p{
color:#fff;
text-align: center;
font: normal normal normal 25px/36px SF Pro Display;
letter-spacing: 0.31px;
max-width: 850px;
margin: 0 auto 40px;
}
#seguranca .icone-down{
color: #fff;
border-radius: 50%;
border: 2px solid #fff;
width: 30px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
font-size: 20px;
padding-top: 2px;
margin: 0 auto;
}
#contato{
padding:100px 0;
}
#contato h2{
color:#000;
text-align: center;
font: normal normal bold 48px/60px SF Pro Display;
letter-spacing: 0px;
margin-bottom: 20px;
}
#contato p{
color: #000;
text-align: center;
font: normal normal normal 24px/30px SF Pro Display;
letter-spacing: 0px;
max-width: 620px;
margin: 0 auto 50px;
}
input{
background: #F7F7F7 0% 0% no-repeat padding-box;
border: 1px solid #C3C3C3;
width: 100%;
height: 55px;
padding: 5px 15px;
text-align: left;
font: normal normal 500 18px/22px SF Pro Display !important;
letter-spacing: 0px;
color: #6C6C6C;
margin-bottom: 22px !important;
}
textarea{
background: #F7F7F7 0% 0% no-repeat padding-box;
border: 1px solid #C3C3C3;
width: 100%;
height: 136px;
padding: 10px 15px;
text-align: left;
font: normal normal 500 18px/22px SF Pro Display !important;
letter-spacing: 0px;
color: #6C6C6C;
margin-bottom: 60px !important;
}
input.btn-contato{
border:0 !important;
}
#contato .row{
max-width:1000px;
margin:0 auto 0;
}
footer{
padding:80px 0 60px;
background:#005AC9;
}
footer .content-footer .aba-footer{
width:50%;
}
footer .content-footer .aba-footer .logo-rodape{
max-width: 140px;
margin-bottom: 30px;
}
footer .content-footer .aba-footer p{
text-align: left;
font: normal normal normal 17px/25px SF Pro Display;
letter-spacing: 0.2px;
color: #F7F7F7;
max-width: 450px;
margin:0;
}
ul.links{
margin: 15px 0 30px;
}
ul.links, ul.sociais{
display: flex;
align-items: center;
justify-content: flex-end;
}
ul.links li:not(:last-child){
margin-right:40px;
}
ul.links li a{
text-align: left;
font: normal normal bold 17px/26px SF Pro Display;
letter-spacing: 0.2px;
color: #F2F2F2;
}
ul.links li a:hover{
color:#fff;
}
ul.sociais li:not(:last-child){
margin-right:20px;
}
ul.sociais li a{
display: flex;
align-items: center;
justify-content: center;
width:48px;
height:48px;
border-radius: 50%;
background:#fff;
color:#000;
font-size:22px;
border:1px solid #fff;
transition: all 0.5s ease-in-out;
}
ul.sociais li a:hover{
background:#064397;
color:#fff;
}
.modal-open{
display: flex !important;
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-open.modal-video .close-video{
position: absolute;
top: -45px;
right: 0;
cursor: pointer;
font-size: 30px;
color: #fff;
z-index: 2;
}
.modal-open.modal-video .close-video svg{
width:32px;
height:32px;
}
.modal-open.modal-video .content-modal{
width: 828px;
position: relative;
height: 475px;
max-width: 95%;
background: transparent;
border-radius: 0;
overflow:visible !important;
}
.video-container {
overflow: hidden;
position: relative;
width:100%;
border: 1px solid #1B59C7;
} 
.video-container::after {
padding-top: 56.25%;
display: block;
content: '';
}
.video-container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.modal-open .content-modal{
width: 800px;
background: #fff;
border-radius: 20px;
padding: 50px 30px 30px;
position: relative;
max-width: 95%;
border:1px solid #fff;
max-height: 90%;
overflow: auto;
overflow-x: hidden;
font-size: 16px;
font-family:SF Pro Display;
letter-spacing: 0px;
color: #000;
text-align: left !important;
line-height: 22px;
}
.modal-open .content-modal .close-termos, .modal-open .content-modal .close-politica, .close-recompensa, .close-lgpd{
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, .close-recompensa svg, .close-lgpd svg{
width:32px;
height:32px;
fill:#000;
}
.modal-lgpd .title-modal{
font-size: 27px;
line-height: 31px;
max-width: 600px;
}
.modal-termos, .modal-politica, .modal-recompensa, .modal-lgpd{
height:100vh;
}
.title-modal{
font: normal normal 700 31px/35px SF Pro Display;
color: #005AC9;
margin-bottom: 20px;
}
.topo-novo .content-topo{
display: flex;
align-items: center;
justify-content: space-between;
min-height: 100vh;
background:#1B59C7;
width:100%;
}
.topo-novo .content-topo .text-area{
width:55%;
height:100vh;
display: flex;
align-items: center;
justify-content: center;
padding:30px;
}
.topo-novo .content-topo .text-area .text-topo{
max-width: 570px;
}
.topo-novo .content-topo .text-area .text-topo .bt-branco{
margin-left: 0;
}
.topo-novo .content-topo .text-area .text-topo img{
max-width: 235px;
margin-bottom:85px;
}
.topo-novo .content-topo .text-area .text-topo h2{
text-align: left;
font: normal normal 700 36px/42px SF Pro Display;
letter-spacing: 0px;
color: #FFFFFF;
margin-bottom: 20px;
}
.topo-novo .content-topo .text-area .text-topo h2 strong{
font-weight:700;
}
.topo-novo .content-topo .text-area .text-topo p{
text-align: left;
font: normal normal 300 20px/28px SF Pro Display;
letter-spacing: 0px;
color: #FFFFFF;
margin-bottom: 40px;
}
.topo-novo .content-topo .imagem-topo{
width:45%;
height:100vh;
}
.topo-novo .content-topo .imagem-topo img{
width:100%;
height:100%;
object-fit: cover;
}
.bt-whatsapp{
display: flex;
align-items: center;
justify-content: center;
position: relative;
background: #32BA46;
border-radius: 25px;
height: 48px;
font-size: 18px;
color: #fff;
font-weight: 700;
min-width: 330px;
margin-top: 35px;
}
.bt-whatsapp:hover{
background: #1d922f;
color:#fff;
}
.bt-whatsapp i{
font-size: 32px;
margin-right: 10px;
margin-top: -3px;
margin-left:-10px;
}

@media(max-width:1600px){
header{
padding:30px 0 20px;
}
.logo{
max-width:136px;
}
#topo .text-topo h1 {
font: 45px/48px SF Pro Display;
max-width: 405px;
margin: 0 0 20px;
}
#topo .text-topo p {
font: 400 20px/26px SF Pro Display;
max-width: 470px;
}    
}

@media(max-width:992px){
.navegacao{
display: none;
}
.content-header{
justify-content: center;
}
header{
padding: 30px 0 20px;
}
.logo{
max-width: 130px;
}
#topo .text-topo h1 {
text-align: left;
font: normal normal normal 30px/39px SF Pro Display;
letter-spacing: 0px;
color: #FFFFFF;
max-width: 280px;
margin: 0 auto 25px;
}
#topo .text-topo p {
text-align: left;
font: normal normal 400 18px/26px SF Pro Display;
letter-spacing: 0px;
color: #FFFFFF;
max-width: 280px;
margin: 0 auto 50px;
}
.button-agendar{
display: none;
}
.video-box{
width:300px;
margin:0 auto 30px;
}
#topo{
height:auto;
padding:90px 0 150px;
}
#topo .btn-contato{
background: transparent linear-gradient(262deg, #0A9FEB 0%, #0D4992 100%) 0% 0% no-repeat padding-box;
}
#topo .btn-contato:hover{
background: transparent linear-gradient(-262deg, #0A9FEB 0%, #0D4992 100%) 0% 0% no-repeat padding-box;
}
.btn-contato{
width: 300px;
margin: 0 auto;
font-size: 16px;
height: 46px;
padding-bottom: 2px;
}
#sobre {
padding: 10px 0 50px;
}
#sobre h2 {
text-align: center;
font: normal normal bold 26px/30px SF Pro Display;
letter-spacing: 0px;
color: #070707;
max-width: 260px;
margin: 0 auto 40px;
}
.cards-sobre {
margin-bottom: 30px;
flex-wrap: wrap;
}
.card-sobre {
width: 100%;
padding: 130px 40px 50px 40px;
cursor: pointer;
max-width: 300px;
margin: 0 auto 25px;
}
.card-sobre .content-card p {
text-align: left;
font: normal normal 300 22px/28px SF Pro Display;
}
.card-sobre .content-card .icon {
color: #005AC9;
font-size: 28px;
}
#faturar{
background-image:none;
padding:50px 0;
}
#faturar h2 {
text-align: center;
font: normal normal normal 26px/30px SF Pro Display;
letter-spacing: 0px;
color: #FFFFFF;
max-width: 260px;
margin: 0 auto 30px;
}
.card-faturar {
width: 340px;
max-width: 100%;
border-radius: 3px;
padding: 40px 25px;
background-color: rgba(37, 38, 38, 0.6);
color: #fff;
margin: 0 auto 15px;
opacity: 1;
transition: all 0.5s ease-in-out;
cursor: pointer;
}
.card-faturar h4 {
text-align: left;
font: normal normal 300 20px/25px SF Pro Display;
}
.card-faturar p {
text-align: left;
font: normal normal 300 18px/24px SF Pro Display;
}
#economizar {
padding: 50px 0;
background: #005AC9;
}
#economizar h2 {
text-align: center;
font: normal normal normal 26px/32px SF Pro Display;
letter-spacing: 0px;
color: #FFFFFF;
max-width: 260px;
margin: 0 auto 40px;
}
.boxes-economizar{
margin:0 auto 25px;
flex-wrap:wrap;
}
.box-economizar {
width: 100%;
max-width: 350px;
border-radius: 3px;
padding: 40px;
background-color: rgba(11, 13, 14, 0.75);
color: #fff;
margin: 0 auto 20px;
opacity: 1;
transition: all 0.5s ease-in-out;
cursor: pointer;
}
.box-economizar h4 {
text-align: left;
font: normal normal 300 20px/24px SF Pro Display;
}
.box-economizar p {
text-align: left;
font: normal normal 300 18px/24px SF Pro Display;
}
#beneficios {
padding: 50px 0;
}
#beneficios h2 {
text-align: center;
font: normal normal 400 25px/32px SF Pro Display;
letter-spacing: 0px;
color: #070707;
max-width: 360px;
margin: 0 auto 40px;
}
ul.motivos{
max-width: 360px;
margin:0 auto 40px;
}
ul.motivos li {
padding: 10px 20px 10px 20px;
margin: 0 0 15px;
}
ul.motivos li strong {
text-align: left;
font: normal normal bold 18px/22px SF Pro Display;
letter-spacing: 0px;
color: #005AC9;
margin-right: 20px;
}
ul.motivos li span {
width: calc(100% - 41px);
text-align: left;
font: normal normal normal 17px/22px SF Pro Display;
letter-spacing: 0px;
color: #000000;
}
.mercado {
position: relative;
background-color: #005AC9;
border-radius: 0;
max-width: calc(100% + 24px);
margin-left: -12px;
width: calc(100% + 24px);
}
.mercado:before{
display: none;
}
.mercado .robo {
padding: 50px 20px 50px 20px;
width: 40%;
}
.mercado .robo img {
max-width: 100%;
}
.mercado .text-mercado {
width: 60%;
padding-right: 20px;
}
.mercado .text-mercado h2 {
text-align: left;
font: normal normal normal 22px/24px SF Pro Display;
letter-spacing: 0px;
color: #FFFFFF;
margin: 0px 0 15px;
}
.mercado .text-mercado p {
text-align: left;
font: normal normal normal 16px/22px SF Pro Display;
letter-spacing: 0px;
color: #FFFFFF;
max-width: 190px;
margin: 0 0 0px;
}
#solucoes h2 {
text-align: center;
font: normal normal 400 26px/28px SF Pro Display;
max-width: 300px;
margin: 0 auto 40px;
}
#solucoes {
padding: 0px 0 50px;
}
.solucoes{
width:calc(100% + 24px);
margin-left:-12px;
}
.solucoes .slick-list{
padding: 0 35px !important;
}
.solucoes .solucao{
margin:0 8px;
padding: 50px 20px 40px 20px;
}
.solucoes .solucao h3 {
text-align: center;
font: normal normal bold 24px/26px SF Pro Display;
}
.solucoes .solucao p {
text-align: left;
font: normal normal normal 18px/25px SF Pro Display;
letter-spacing: 0px;
color: #949494;
min-height: 135px;
}
.slick-dots{
display: flex;
align-items: center;
justify-content: center;
width:100%;
margin:30px 0 20px;
}
.slick-dots li button{
width:10px;
height:10px;
background:#005AC9;
border-radius:50%;
margin:0 3px;
font-size: 0;
}
#seguranca{
padding:50px 0;
}
#seguranca h2 {
color: #fff;
text-align: center;
font: normal normal normal 28px/32px SF Pro Display;
max-width: 260px;
margin: 0 auto 20px;
}
#seguranca p {
color: #fff;
text-align: center;
font: normal normal normal 18px/27px SF Pro Display;
letter-spacing: 0.31px;
max-width: 320px;
margin: 0 auto 20px;
}
#seguranca .icone-down {
color: #fff;
border-radius: 50%;
border: 2px solid #fff;
width: 24px;
height: 24px;
display: flex;
align-items: center;
justify-content: center;
font-size: 14px;
padding-top: 2px;
margin: 0 auto;
}
#contato {
padding: 50px 0;
}
#contato h2 {
color: #000;
text-align: center;
font: normal normal bold 28px/34px SF Pro Display;
letter-spacing: 0px;
margin-bottom: 15px;
}
#contato p {
color: #000;
text-align: center;
font: normal normal normal 20px/26px SF Pro Display;
letter-spacing: 0px;
max-width: 320px;
margin: 0 auto 40px;
}
input{
height:50px;
font-size:16px !important;
margin-bottom: 13px !important;
}
textarea{
font-size: 16px !important;
margin-bottom:30px !important;
}
input.btn-contato{
padding:5px 0 7px;
border:0;
}
footer .content-footer .aba-footer {
width: 100%;
}
footer .content-footer .aba-footer .logo-rodape {
max-width: 130px;
margin: 0 auto 25px;
}
footer .content-footer .aba-footer p {
text-align: center;
font: normal normal normal 16px/25px SF Pro Display;
letter-spacing: 0.2px;
color: #F7F7F7;
max-width: 330px;
margin: 0 auto 25px;
}
ul.links, ul.sociais {
flex-wrap: wrap;
}
ul.links li:not(:last-child) {
margin-right: 0;
margin-bottom: 8px;
width: 100%;
text-align: center;
}
ul.links li {
width: 100%;
text-align: center;
}
ul.sociais{
justify-content: center;
}
ul.sociais li a {
width: 40px;
height: 40px;
font-size: 18px;
}
footer {
padding: 50px 0 35px;
background: #005AC9;
}
.modal-open.modal-video .content-modal{
height:225px;
max-width: 400px;
}
.modal-lgpd .title-modal, .title-modal {
font-size: 22px;
line-height: 26px;
max-width: 600px;
}
.topo-novo .content-topo{
justify-content: flex-start;
flex-wrap:wrap;
}
.topo-novo .content-topo .text-area {
width: 100%;
height:auto;
padding:50px 20px 20px;
}
.topo-novo .content-topo .imagem-topo {
width: 100%;
height: auto;
}
.topo-novo .content-topo .text-area .text-topo img {
  max-width: 140px;
  margin-bottom: 30px;
}
.topo-novo .content-topo .text-area .text-topo h2 {
text-align: left;
font: normal normal 700 26px/35px SF Pro Display;
}
.topo-novo .content-topo .text-area .text-topo p {
text-align: left;
font: normal normal 300 16px/24px SF Pro Display;
}
.topo-novo .bt-branco{
background: #fff;
color: #1B59C7;
}
.topo-novo .bt-branco:hover, .btn-comprar:hover{
background:#011E50;
color:#fff;
}
.botao-contato{
display: none;
}



}