html, body{
margin:0;
padding:0;
}
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;
}
header{
background:#fff;
position:fixed;
width:100%;
box-shadow: 0px 2px 0px #00000029;
z-index:1000;
}
.content-header{
display:flex;
align-items: center;
justify-content: space-between;
padding:15px 0 7px;
}
.content-header .logo{
max-width:163px;
}
.bt-consultor a{
display: flex;
align-items: center;
justify-content: center;
background: #DF2176 0% 0% no-repeat padding-box;
border: 1px solid #DF2176;
border-radius: 5px;
color:#fff;
font: normal normal normal 14px/34px Roboto;
letter-spacing: -0.21px;
width:195px;
height:40px;
transition: all .6s ease-in-out;
-webkit-transition: all .6s ease-in-out;
}
.bt-consultor a:hover{
display: flex;
align-items: center;
justify-content: center;
background: #ffffff 0% 0% no-repeat padding-box;
border: 1px solid #DF2176;
border-radius: 5px;
color:#DF2176;
}
.topo{
width:100%;
height:700px;
max-height: 100vh;
display: flex;
align-items: center;
background:url(imagens/banner.jpg);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
padding-top:79px;
}
.text-topo h2{
text-align: left;
font: normal normal 700 50px/50px Roboto;
letter-spacing: -0.75px;
color: #DF2176;
max-width: 456px;
margin-bottom: 30px;
}
.text-topo p{
text-align: left;
font: normal normal normal 20px/26px Roboto;
letter-spacing: -0.3px;
color: #5A5A5A;
max-width: 553px;
margin-bottom: 30px;
}
.bt-rosa, .bt-vazio:hover{
display: flex;
align-items: center;
justify-content: center;
background: #DF2176 0% 0% no-repeat padding-box;
border: 1px solid #DF2176;
border-radius: 5px;
color:#fff;
font: normal normal normal 16px/34px Roboto;
letter-spacing: -0.21px;
width:236px;
height:40px;
transition: all .6s ease-in-out;
-webkit-transition: all .6s ease-in-out;
}
.bt-vazio, .bt-rosa:hover{
display: flex;
align-items: center;
justify-content: center;
background: #ffffff 0% 0% no-repeat padding-box;
border: 1px solid #DF2176;
border-radius: 5px;
color:#DF2176;
font: normal normal normal 16px/34px Roboto;
letter-spacing: -0.21px;
width:236px;
height:40px;
transition: all .6s ease-in-out;
-webkit-transition: all .6s ease-in-out;
}
.botoes{
display: flex;
align-items: center;
margin-bottom: 40px;
}
.botoes a:first-child{
margin-right:15px;
}
.icon-down{
width: 487px;
max-width: 100%;
text-align: center;
}
.icon-down span{
display: flex;
align-items: center;
justify-content: center;
width: 30px;
height: 30px;
border: 2px solid #DF2176;
border-radius: 50%;
margin: auto;
padding-top: 2px;
cursor: pointer;
position: relative;
}
.icon-down span a{
position: absolute;
width: 100%;
height: 100%;
z-index: 2;
}
.icon-down span svg{
fill: #DF2176;
width: 30px;
height: 30px;
}
.setores{
background: #F2F2F2;
padding: 60px 0;
}
.title-section{
text-align: center;
font: normal normal 700 30px/45px Roboto;
letter-spacing: -0.45px;
color: #DF2176;
margin-bottom: 40px;;
}
.setor .imagem{
width: 210px;
border-radius: 5px;
overflow: hidden;
background: #fff;
padding: 3px;
margin: auto;
}
.setor .icon{
width: 68px;
margin: 0 auto -70px;
text-align: center;
background: #fff;
position: relative;
z-index: 2;
padding-right: 3px;
font: normal normal bold 14px/35px Roboto;
letter-spacing: -0.23px;
color: #DF2176;
}
.boxes .slick-list{
padding-right:140px;
}
.global-container{
position: relative;
}
.arrow{
width: 55px;
height: 55px;
background: #fff;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: 50%;
transform: translatey(-50%);
cursor: pointer;
}
.arrow svg{
fill: #DF2176;
width: 40px;
height: 40px;
}
.arrow:hover{
background:#DF2176;
}
.arrow:hover svg{
fill:#fff;
}
.arrow.next-box{
right: -30px;
padding-left: 3px;
}
.arrow.prev-box{
left:-15px;
}
.solucoes{
padding:60px 0 0;
}
.card-solucao{
max-width: 100%;
width: 372px;
border: 0.5px solid #CBCBCB;
border-radius: 5px;
background: #fff;
padding: 30px;
border-top: 6px solid #DF2176;
}
.card-solucao span{
display: block;
text-align: left;
font: normal normal 300 18px/25px Roboto;
letter-spacing: -0.27px;
color: #B7B7B7;
text-transform: capitalize;
margin-bottom: 45px;
}
.card-solucao h3{
text-align: left;
font: normal normal bold 30px/35px Roboto;
letter-spacing: -0.45px;
color: #DF2176;
margin-bottom: 45px;
}
.card-solucao p{
text-align: left;
font: normal normal normal 16px/22px Roboto;
letter-spacing: -0.24px;
color: #5A5A5A;
margin-bottom: 65px;
min-height: 110px;
}
.bt-smais{
width:235px;
margin:auto;
transition: all .6s ease-in-out;
-webkit-transition: all .6s ease-in-out;
}
.bt-smais svg{
margin-left: 10px;
width: 22px;
height: 22px;
fill: #fff;
transition: all .6s ease-in-out;
-webkit-transition: all .6s ease-in-out;
}
.cards{
max-width:770px;
display: flex;
justify-content: space-between;
margin:0 auto -125px;
}
.bt-smais:hover{
width:235px;
}
.bt-smais:hover svg{
fill:#DF2176;
margin-left:15px;
}
.numeros{
background:#F2F2F2;
padding:175px 0 50px;
}
.numeros .title-section{
margin-bottom: 10px;
}
.numeros p.sub-title{
text-align: center;
font: normal normal normal 20px/26px Roboto;
letter-spacing: -0.3px;
color: #5A5A5A;
max-width: 594px;
margin: 0 auto 60px;
}
.counters{
background: #fff;
display: flex;
align-items: center;
justify-content: space-between;
border: 0.5px solid #CBCBCB;
border-radius: 5px;
padding: 45px 100px;
border-top: 7px solid #DF2176;
max-width: 1200px;
margin:0 auto 50px;
}
.counters .counter{
text-align: center;
}
.counters .counter strong{
display: block;
font: normal normal bold 45px/45px Roboto;
letter-spacing: -0.75px;
color: #DF2176;
}
.counters .counter .counter__text{
font: normal normal 500 13px/26px Roboto;
letter-spacing: -0.21px;
color: #5A5A5A;
text-transform: uppercase;
}
.numeros .bt-consultor a{
font-size: 16px;
width: 236px;
margin: 0 auto 50px;
}
.numeros .title-section.t2{
max-width: 490px;
margin: 0 auto 50px;
font: normal normal 700 30px/40px Roboto;
}
.diferencial{
display: flex;
align-items: center;
background: #fff;
border: 0.5px solid #CBCBCB;
border-radius: 5px;
padding: 20px 25px;
max-width: 950px;
margin: 0 auto 15px;
}
.diferencial .icon{
width: 65px;
margin-right: 20px;
}
.diferencial h4{
text-align: left;
font: normal normal normal 22px/22px Roboto;
letter-spacing: -0.38px;
color: #DF2176;
margin-bottom: 5px;
}
.diferencial p{
text-align: left;
font: normal normal normal 17px/22px Roboto;
letter-spacing: -0.27px;
color: #5A5A5A;
margin-bottom: 0;
}
.diferenciais{
margin-bottom: 60px;
}
.pre-footer{
background:#515151;
}
.pre-footer .content-pre {
padding: 27px 0 22px;
display: flex;
align-items: center;
justify-content: flex-end;
border-bottom: 2px solid #fff;
}
.pre-footer .content-pre .open-guia {
font: normal normal 500 22px/33px Roboto;
letter-spacing: -0.66px;
color: #ADAFB9;
padding-right: 25px;
margin-right: 30px;
position: relative;
cursor: pointer;
}
.pre-footer .content-pre .open-guia::after {
content: "";
width: 20px;
height: 20px;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
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' fill='rgba(173,175,185,1)'/%3E%3C/svg%3E");
background-size: 100%;
background-position: center;
background-repeat: no-repeat;
}
.pre-footer .content-pre .sociais-footer {
display: flex;
align-items: center;
}
.pre-footer .content-pre .sociais-footer li a {
padding: 0 10px;
}
.pre-footer .content-pre .sociais-footer li a img {
height: 22px;
width: auto;
}
.pre-footer .guia-rapido h3 {
text-align: left;
font: normal normal 500 18px/23px Roboto;
letter-spacing: -0.54px;
color: #646777;
margin-bottom: 0;
}
.pre-footer .guia-rapido ul li a {
text-align: left;
font: normal normal 500 14px/21px Roboto;
letter-spacing: -0.42px;
color: #646777;
line-height: 1.5;
}
.pre-footer .guia-rapido ul li a:hover{
color:#DF2176;
}
.guia-rapido .row .col-md-4{
display: flex;
flex-direction: column;
justify-content: flex-end;
}
.pre-footer .guia-rapido {
max-height: 0;
overflow: hidden;
-webkit-transition: .3s ease-in-out;
-o-transition: ease-in-out .3s;
transition: .3s ease-in-out;
opacity: 0;
-webkit-transform: scaleY(.6);
-ms-transform: scaleY(.6);
transform: scaleY(.6);
-webkit-transform-origin: top;
-ms-transform-origin: top;
transform-origin: top;
background: #fff;
}
.pre-footer .guia-rapido.guia-rapido-open {
padding: 35px 0;
max-height: 750px;
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.guia-rapido .row{
max-width: 950px;
margin: auto;
}
footer{
background:#515151;
padding:30px 0;
}
.content-footer{
display:flex;
justify-content: space-between;
}
.content-footer .sobre{
display: flex;
align-items: flex-start;
}
.content-footer .sobre .logo{
margin-right:15px;
max-width: 150px;
padding-top:10px;
}
.content-footer .sobre .text h4{
text-align: left;
font: normal normal 500 22px/25px Roboto;
letter-spacing: -0.66px;
color: #ADAFB9;
max-width:300px;
margin-bottom: 15px;
}
.content-footer .bt-rodape{
display: flex;
align-items: center;
justify-content: center;
background: #DF2176 0% 0% no-repeat padding-box;
border: 1px solid #DF2176;
border-radius: 5px;
color: #fff;
font: normal normal normal 16px/34px Roboto;
letter-spacing: -0.21px;
width: 220px;
height: 40px;
transition: all .6s ease-in-out;
-webkit-transition: all .6s ease-in-out;
}
.bt-rodape:hover{
background: #ffffff 0% 0% no-repeat padding-box;
border: 1px solid #DF2176;
border-radius: 5px;
color:#DF2176;
}
.termos ul li a{
text-align: left;
font: normal normal normal 16px/32px Roboto;
letter-spacing: -0.42px;
color: #ADAFB9;
}
.termos ul li a:hover{
color:#fff;
}
.modal-open{
display: flex;
align-items: center;
justify-content: center;
background: rgba(0, 0, 0, 0.65);
opacity: 1;
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 .popup{
width: 500px;
background: #000;
border-radius: 20px;
padding: 50px 30px 30px;
position: relative;
max-width: 95%;
border:1px solid #fff;
}
.modal-open .popup .close-cadastro{
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 .popup .close-cadastro svg{
width:32px;
height:32px;
}
.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:Roboto;
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{
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{
width:32px;
height:32px;
fill:#000;
}
.modal-termos, .modal-politica, .modal-recompensa{
height:100vh;
}
.title-modal{
font: normal normal 700 31px/35px Roboto;
letter-spacing: -2.3px;
color: #FB5889;
margin-bottom: 20px;
}
#contato{
background:#303030;
padding:60px 0;
}
.contato h2{
text-align: center;
font: normal normal 700 40px/35px Roboto;
letter-spacing: -0.6px;
color: #FFFFFF;
margin-bottom:20px;
}
.contato .sub-title{
text-align: center;
font: normal normal normal 20px/26px Roboto;
letter-spacing: -0.3px;
color: #FFFFFF;
margin-bottom: 50px;
}
.llformCustom {
background-color: transparent !important;
padding: 30px 20px !important;
max-width: 1050px;
margin: auto;
}
.llformCustom > div {
padding: 8px 0 !important;
}
.llformCustom .hidden {
display: none;
}
.llformCustom .field-error {
color: red;
display: none;
font-family: 'Inter', sans-serif;
font-size: 12px;
font-weight: 400;
padding: 5px 0 0 2px;
}
.llformCustom .field-error.show {
display: block !important;
}
.llformCustom .button-bar {
text-align: left;
}
.llformCustom .error-box {
background-color: transparent;
color: red;
display: none;
font-family: 'Roboto', sans-serif;
font-size: 22px;
font-weight: 400;
margin: -30px -20px !important;
padding: 50px 0 !important;
text-align: center;
}
.llformCustom .error-box.show {
display: block !important;
}
.llformCustom .error-box > img {
width: 100px;
}
.llformCustom .error-box > div {
 padding: 15px 0;
}
.llformCustom .loading-box {
background-color: transparent;
color: #ffffff;
display: none;
font-family: 'Roboto', sans-serif;
font-size: 22px;
font-weight: 400;
margin: -30px -20px !important;
padding: 50px 0 !important;
text-align: center;
}
.llformCustom .loading-box.show {
display: block !important;
}
.llformCustom .loading-box > img {
width: 100px;
}
.llformCustom .loading-box > div {
padding: 15px 0;
}
.llformCustom .error-box.loading,
.llformCustom .loading-box.loading {
display: block !important;
}
form label{
text-align: left;
font: normal normal normal 23px/30px Roboto;
letter-spacing: -0.45px;
color: #FFFFFF;
display: flex;
align-items: center;
margin-bottom: 20px;
}
form label small{
font-size: 70%;
font-weight: 400;
margin-right: 15px;
}
form label small svg{
fill: #fff;
width: 18px;
height: 18px;
margin-bottom: 3px;
}
select, input{
width: calc(100% - 52px);
text-align: left;
font: normal normal 300 24px/25px Roboto;
letter-spacing: -0.6px;
color: #FFFFFF;
opacity: 0.45;
background: transparent;
border-bottom: 2px solid #fff !important;
height: 50px;
margin-left: 52px;
appearance: none;
border:0;
text-decoration: none !important;
outline: none !important;
margin-bottom: 30px;
}
textarea{
width: calc(100% - 52px);
text-align: left;
font: normal normal 300 24px/25px Roboto;
letter-spacing: -0.6px;
color: #FFFFFF;
opacity: 0.45;
background: transparent;
border-bottom: 2px solid #fff !important;
height: 110px;
margin-left: 52px;
appearance: none;
border:0;
text-decoration: none !important;
outline: none !important;
margin-bottom: 30px;
}
input:focus, select:focus, textarea:focus{
opacity: 1;
border:0;
}
#llCaptureForm .step:not(:first-of-type) {
display: none;
}
.bt-ok{
padding-left: 52px;
display: flex;
align-items: center;
}
.bt-ok input{
margin: 0;
background: #DF2176;
opacity: 1;
border-radius: 5px;
border: 0 !important;
height: 45px;
font-size: 20px;
text-transform: uppercase;
font-weight: 500;
padding: 0 40px 0 15px;
width: auto;
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='M10 15.172l9.192-9.193 1.415 1.414L10 18l-6.364-6.364 1.414-1.414z' fill='rgba(255,255,255,1)'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center right 10px;
background-size: 26px;
}
.bt-ok small{
font: normal normal normal 16px/26px Roboto;
letter-spacing: -0.24px;
color: #FFFFFF;
margin-left: 10px;
}
.bts-nav{
display: flex;
align-items: center;
justify-content: flex-end;
}
.bts-nav .previous{
margin: 0;
width: 37px;
height: 33px;
background: #DF2176;
opacity: 1;
font-size: 0;
border: 0 !important;
border-radius: 5px 0 0 5px;
border-right: 1px solid #fff !important;
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 10.828l-4.95 4.95-1.414-1.414L12 8l6.364 6.364-1.414 1.414z' fill='rgba(255,255,255,1)'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
background-size: 26px;
}
.bts-nav .next{
margin: 0;
width: 37px;
height: 33px;
background: #DF2176;
opacity: 1;
font-size: 0;
border: 0 !important;
border-radius: 0px 5px 5px 0px;
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' fill='rgba(255,255,255,1)'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
background-size: 26px;
}
.bts-nav .previous:hover, .bts-nav .next:hover, .bt-ok input:hover{
opacity:0.6;
}
select{
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' fill='rgba(255,255,255,1)'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center right 15px;
background-size: 28px;
}
button.submit{
margin-left: 52px;
height: 45px;
padding: 0 25px;
background: #DF2176 0% 0% no-repeat padding-box;
border: 1px solid #DF2176;
border-radius: 5px;
font: normal normal 500 16px/45px Roboto;
letter-spacing: -0.24px;
color: #FFFFFF;
}
button.submit:hover{
opacity:0.6;
}
#msgemail{position: relative;
display: block;
margin-top: -25px;
margin-bottom: 15px;
margin-left:52px;
}
#msgemail small{
position: relative;
top: 0;
left: 0;
color: red;
display: block;
padding-left: 0;
font-family: Roboto;
font-weight: 500;
font-size: 16px;
}
select{
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.s-hidden {
visibility:hidden;
padding-right:10px;
}
.select {
cursor: pointer;
display: inline-block;
position: relative;
height: 48px;
border-radius: 0;
background: #303030;
border: 0;
appearance: none;
width: 100%;
font-size: 16px;
color: #fff;
letter-spacing: -0.42px;
padding: 0;
margin-bottom: 30px;
}
.styledSelect {
position:absolute;
top:45%;
right:0;
bottom:0;
left:0;
background-color:transparent;
padding:0 15px;
font-weight: 400;
transform: translateY(-45%);
font-size: 0;
height: calc(100% + 5px);
}
select#uf{
border:0 !important;
background:transparent;
}
.styledSelect:active, .styledSelect.active {
background-color:transparent;
}
.options {
display:none;
position:absolute;
top:100%;
right:0;
left:52px;
z-index:999;
margin:0 0;
padding:0 0;
list-style:none;
border:1px solid #ccc;
background-color:#303030;
-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.2);
-moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.2);
box-shadow:0 1px 2px rgba(0, 0, 0, 0.2);
max-height: 200px;
overflow-y: auto;
width:calc(100% - 52px);
}
.options li {
padding:0 6px;
margin:0 0;
padding:0 10px;
height: 40px;
line-height: 40px;
font-size: 18px;
}
.options li:hover {
background-color:#DF2176;
color:white;
}
.progress-wrapper{
 width:100%;
 display:flex;
 align-items:center;
margin-bottom: 15px;
}
.progress-wrapper h4{
text-align: right;
font: normal normal normal 16px/22px Roboto;
letter-spacing: -0.27px;
color: #5A5A5A;
margin-right:10px;
min-width:114px;
margin-bottom: 0;
}
.progress{
width:160px;
margin-bottom:0;
background: #F9F9F9 0% 0% no-repeat padding-box;
box-shadow: inset 0px 2px 2px #00000029;
border: 1px solid #DBDBDB;
height: 28px;
}
.progress-wrapper .title{
 text-align: left;
font: normal normal normal 16px/22px Roboto;
letter-spacing: -0.27px;
color: #5A5A5A;
 margin-left:10px;
}
.progress-bar{
transition: width 2s ease;
}
.classeAB .progress-bar{
 background:#E5D2FF;
}
.classeC .progress-bar{
 background:#A8BBFB;
}
.classeDE .progress-bar{
 background:#7A66FC;
}
#skills{
margin-bottom: 90px;
}
.d18a20 .progress-bar{
 background:#FFD2D2;
}
.d20a35 .progress-bar{
 background:#A8EDFB;
}
.d36a50 .progress-bar{
 background:#FFAFF2;
}
.mais50 .progress-bar{
 background:#BBD9AA;
}
#faixa{
margin-bottom: 35px;
}
.barras small{
font: normal normal 300 15px/26px Roboto;
letter-spacing: -0.23px;
color: #5A5A5A;
}
.nossos-numeros{
padding: 10px 0 70px;
display: flex;
align-items: center;
justify-content: space-between;
max-width: 1100px;
margin: auto;
}
.sexo{
display: flex;
align-items: flex-end;
}
.sexo .icon{
width: 48px;
margin-right: 10px;
}
.sexo .valor strong{
display: block;
text-align: left;
font: normal normal bold 25px/29px Roboto;
letter-spacing: -0.45px;
color: #DF2176;
}
.sexo .valor small{
text-align: left;
font: normal normal normal 15px/15px Roboto;
letter-spacing: -0.27px;
color: #5A5A5A;
margin-bottom: 5px;
display: block;
}
.homens .icon{
width:57px;
margin-left:-4px;
}
.sexo{
margin-bottom: 65px;
}
.mapa{
position: relative;
max-width: 430px;
margin-bottom:20px;
}
.mapa .regiao{
position: absolute;
text-align:center;
}
.mapa .regiao strong{
display: block;
font: normal normal 700 22px/15px Roboto;
letter-spacing: -0.36px;
color: #FFFFFF;
}
.mapa .regiao strong span{
font: normal normal 700 22px/15px Roboto;
letter-spacing: -0.36px;
color: #FFFFFF;
}
.mapa .regiao span{
font: normal normal 400 14px/17px Roboto;
letter-spacing: -0.21px;
color: #FFFFFF;
}
.r-norte{
top: 89px;
left: 157px;
}
.r-noroeste{
top: 110px;
right: 54px;
}
.r-centro{
top: 207px;
left: 184px;
}
.r-sudeste{
top: 230px;
right: 68px;
}
.r-sul{
bottom: 65px;
right: 161px;
}
.page-obrigado .topo{
height:100vh;
}

.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;
}





@media(max-width:1400px){
.content-header .logo {
max-width: 138px;
}
.text-topo h2 {
text-align: left;
font: normal normal 700 45px/45px Roboto;
}
.text-topo p {
text-align: left;
font: normal normal normal 17px/23px Roboto;
max-width:480px;
}
.bt-rosa, .bt-vazio, .bt-rosa:hover, .bt-vazio:hover{
width:215px;
font-size:15px;
}
.icon-down{
max-width:445px;
}
.title-section {
text-align: center;
font: normal normal 700 25px/45px Roboto;
}

}

@media(min-width:1280px){
    .container{
        min-width: 1220px;
        }
}

@media(max-width:992px){
.content-header .logo {
max-width: 120px;
}
.content-header .bt-consultor a{
height:35px;
}
.text-topo h2 {
text-align: left;
font: normal normal 700 35px/38px Roboto;
}
.text-topo p {
text-align: left;
font: normal normal normal 16px/22px Roboto;
}
.botoes, .cards, .nossos-numeros{
flex-wrap:wrap;
}
.botoes a:first-child {
 margin-right: 0;
 margin-bottom: 15px;
}
.bt-rosa, .bt-vazio, .bt-rosa:hover, .bt-vazio:hover {
width: 100%;
font-size: 15px;
}
.icon-down {
max-width: 100%;
}
.topo {
background: url(imagens/banner-mobile.jpg);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
.title-section {
text-align: center;
font: normal normal 700 23px/26px Roboto;
}
.boxes .slick-list {
padding:0 65px !important;
}
.arrow.prev-box {
left: 0;
}
.arrow.next-box {
right: 0;
padding-left: 3px;
}
.card-solucao{
margin:0 auto 25px;
}
.card-solucao p{
height:auto;
min-height: auto;
}
.numeros p.sub-title {
text-align: center;
font: normal normal normal 18px/24px Roboto;
}
.nossos-numeros{
justify-content: center;
}
#skills {
margin-bottom: 50px;
}
.sexos{
padding-top: 50px;
display: flex;
justify-content: space-between;
width: 290px;
}
.mapa {
position: relative;
max-width: 370px;
}
.r-norte {
top: 18%;
left: 35%;
}
.r-noroeste {
top: 24%;
right: 10%;
}
.r-centro {
top: 45%;
left: 42%;
}
.r-sudeste {
top: 50%;
right: 14%;
}
.mapa .regiao strong span, .mapa .regiao strong {
font: normal normal 700 20px/15px Roboto;
letter-spacing: -0.36px;
}
.mapa .regiao span {
font: normal normal 400 13px/13px Roboto;
}
.r-sul {
bottom: 15%;
right: 37%;
}
.counters{
padding:35px 25px 15px;
flex-wrap:wrap;
}
.counters .counter{
width:100%;
margin-bottom: 20px;
}
.counters .counter strong {
display: block;
font: normal normal bold 35px/35px Roboto;
}
.numeros .title-section.t2 {
font: normal normal 700 25px/32px Roboto;
}
.diferencial{
padding:15px;
}
.diferencial .icon{
width:60px;
}
.diferencial .text{
width:calc(100% - 80px);
}
.diferencial h4 {
text-align: left;
font: normal normal normal 19px/19px Roboto;
}
.diferencial p {
text-align: left;
font: normal normal normal 15px/18px Roboto;
}
.contato h2 {
text-align: center;
font: normal normal 700 30px/30px Roboto;
}
.contato .sub-title {
text-align: center;
font: normal normal normal 16px/22px Roboto;
margin-bottom:20px;
}
.llformCustom {
background-color: transparent !important;
padding: 20px 0px !important;
}
form label small{
width:40px;
}
form label {
text-align: left;
font: normal normal normal 18px/25px Roboto;
}
select, input, textarea{
width:100%;
font: normal normal 300 17px/25px Roboto;
margin-left:0;
}
.bt-ok {
padding-left: 0;
}
.bt-ok input{
height:40px;
}
.bt-ok small{
display:none;
}
.options{
width:100%;
left:0;
}
.options li {
height: 30px;
line-height: 30px;
font-size: 16px;
}
button.submit {
margin-left: 0;
height: 40px;
font: normal normal 500 16px/40px Roboto;
}
.pre-footer .content-pre {
flex-wrap: wrap;
justify-content: center;
}
.pre-footer .content-pre .sociais-footer {
width: 100%;
justify-content: center;
}
.pre-footer .content-pre .open-guia {
font-size: 19px;
margin-right: 0;
order: 2;
margin-top: 15px;
}
.content-footer{
flex-wrap:wrap;
}
.content-footer .sobre {
flex-wrap: wrap;
justify-content: center;
}
.content-footer .sobre .logo {
margin-right: 0;
max-width: 150px;
padding-top: 0;
margin-bottom: 20px;
}
.content-footer .sobre .text h4 {
text-align: center;
font: normal normal 500 18px/22px Roboto;
}
.content-footer .bt-rodape{
height:35px;
margin:0 auto 30px;
}
.termos{
width:100%;
}
.termos ul li{
text-align:center;
}
.termos ul li a {
text-align: center;
font: normal normal normal 16px/32px Roboto;
}










}