@import url('https://fonts.cdnfonts.com/css/omnes-2');
:root{
 --cor-primaria: #660099;
 --cor-secundaria: #262626;
 --cor-alt: #3a0057;
}
html, body{
margin:0 !important;
padding:0 !important;
font-family: "Omnes", sans-serif !important;
width: 100%;
max-width: 100%;
height: 100%;
min-height: 100vh;
background:#FFFFFF;
color:var(--cor-secundaria);
}
a{
text-decoration: none !important;
transition:all 0.2s linear;
}
ul{
margin:0 !important;
padding:0 !important;
}
ul li{
padding:0;
margin:0;
list-style: none;
}
img{
max-width: 100%;
height:auto;
border:0;
outline: 0;
}
button, input, a, select, textarea{
outline: 0 !important;
border:0;
text-decoration: none;
transition:all 0.2s linear;
}
.container{
max-width:1200px !important;
width:100% !important;
position:relative;
z-index:3;
}
.loading {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10000;
visibility: hidden;
opacity: 0;
transition: all .2s ease-out;
background: #fdfcfd;
}
.loading.active{
opacity:1;
visibility:visible;
transition: all .2s ease-out;	
}
.loading img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
width: 80px;
animation: loading 1s linear infinite;
}
@keyframes loading {
    0% {
        transform: translate(-50%, -50%) rotate(0);
    }
    50% {
        transform: translate(-50%, -50%) rotate(180deg);
    }
    100% {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}
#loading-form{
position:fixed;
width:100%;
height:100vh;
display:none;
align-items:center;
justify-content:center;
z-index:99;
background:rgb(255,255,255,.5);
top:0;
left:0;
}
header{
position:sticky;
width:100%;
top:0;
left:0;
background-color:#fff;
z-index:99;
box-shadow:0 3px 10px rgb(13,13,13,.2);
}
.content-header{
padding:20px 0;
}
.content-header .logo{
max-width:50px;
}
.content-header .menu-nav ul li a{
color:var(--cor-secundaria);
font: normal normal 500 17px/20px Omnes;
letter-spacing: 0px;
}
.content-header .menu-nav ul li a:hover{
color:var(--cor-primaria);
}
.content-header .menu-nav ul li:not(:last-child) a{
margin-right:40px;
}
#inicio{
width:100%;
position:relative;
}
#inicio img{
width:100%;
}
#inicio .text-inicio{
position:absolute;
width:530px;
max-width:100%;
bottom:90px;
left:50%;
transform:translatex(-50%);
}
#inicio .text-inicio h2{
position: relative;
z-index: 3;
color: #fff;
text-align: center;
font: normal normal 700 44px/52px Omnes;
letter-spacing: 1px;
margin: 0 auto 30px;
}
#tarja-solucao{
background: var(--cor-primaria);
padding: 50px 0 55px;
}
#tarja-solucao h3{
color: #fff;
text-align: center;
font: italic normal normal 28px/30px Omnes;
letter-spacing: 1.4px;
max-width: 760px;
margin: 0 auto;
}
#tarja-solucao h3 strong{
display:block;
font-weight:700;
font-style:normal;
}
a.btn-acao{
background:var(--cor-primaria);
height:54px;
border-radius:32px;
color:#fff;
text-align: center;
font: normal normal 500 22px/28px Omnes;
letter-spacing: 1.1px;
width:310px;
margin:0 auto;
padding:0 0 4px;
}
a.btn-acao:hover{
background:var(--cor-alt);
}
#video{
padding:60px 0;
background:#fff;
}
.video-container {
overflow: hidden;
position: relative;
width:100%;
} 
.video-container::after {
padding-top: 56.25%;
display: block;
content: '';
}
.video-container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#tarja-meio{
background:var(--cor-primaria);
padding:50px 0 55px;
}
#tarja-meio h3{
color:#fff;
text-align: center;
font: italic normal normal 28px/30px Omnes;
letter-spacing: 1.4px;
max-width:760px;
margin:0 auto;
}
#numeros{
padding:60px 0;
background:#fff;
}
#numeros .numero{
background:#F1F1F1;
margin:0 auto 20px;
max-width:1000px;
}
#numeros .numero .content-numero{
display:flex;
align-items:center;
justify-content:space-between;
flex-wrap:wrap;
padding:30px 50px;
}
#numeros .numero .content-numero .number h2{
text-align: left;
font: normal normal 500 80px/80px Omnes;
letter-spacing: 0px;
color: #660099;
}
#numeros .numero .content-numero .number{
width:210px;
display:flex;
align-items:center;
justify-content:center;
}
#numeros .numero .content-numero .text{
width:calc(100% - 260px);
}
#numeros .numero .content-numero .text h3{
text-align: left;
font: normal normal 500 26px/33px Omnes;
letter-spacing: 0px;
color: #262626;
}
#numeros .numero .content-numero .text p{
text-align: left;
font: normal normal normal 20px/24px Omnes;
letter-spacing: 0px;
color: #3B3B3B;
max-width:570px;
}
#beneficios{
background:#F1F1F1;
position:relative;
padding:60px 0;
}
#beneficios h2{
text-align: left;
font: normal normal 500 44px/50px Omnes;
letter-spacing: 0px;
color: #660099;
}
#beneficios h3{
text-align: left;
font: normal normal 500 30px/42px Omnes;
letter-spacing: 0px;
color: #262626;
margin:0 0 40px;
max-width:860px;
}
.slide-beneficios{
overflow:hidden;
margin:0 -10px;
}
.beneficio{
padding:10px;
}
.beneficio .content-beneficio{
background:#fff;
padding:30px;
}
.beneficio .content-beneficio .icone{
width:100%;
height:80px;
display:flex;
align-items:center;
justify-content:center;
margin:0 0 10px;
}
#beneficios .beneficio .content-beneficio .icone img{
width:auto;
height:100%;
}
#beneficios .beneficio .content-beneficio h3{
text-align: center;
font: normal normal 500 28px/32px Omnes;
letter-spacing: 0px;
min-height:64px;
color: #262626;
display:flex;
align-items:center;
justify-content:center;
flex-wrap:wrap;
margin:0;
}
#beneficios .beneficio .content-beneficio h3 small{
display:block;
font-size:20px;
width:100%;
}
.swiper-pagination-bullets{
display: flex;
align-items: center;
justify-content: center;
margin:30px auto 0;
}
.swiper-pagination-bullets .swiper-pagination-bullet{
opacity:1;
border-radius: 50%;
font-size: 0;
background: #C2C1C1;
width: 10px;
height: 10px;
margin: 0 4px;
transition: all 0.5s ease-in-out;
}
.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{
background:#660099;
}
#clientes{
padding:60px 0;
position:relative;
background:#fff;
}
#clientes h2{
text-align: center;
font: normal normal 500 44px/50px Omnes;
letter-spacing: 0px;
color: #660099;
}
#clientes h3{
text-align: center;
font: normal normal 500 30px/42px Omnes;
letter-spacing: 0px;
color: #262626;
margin:0 auto 15px;
}
#clientes p{
text-align: center;
font: normal normal normal 20px/23px Omnes;
letter-spacing: 0px;
color: #3B3B3B;
margin:0 auto 40px;
}
.slide-clientes{
overflow:hidden;
}
.cliente{
padding:10px 10px;
}
.cliente .content img{
width:auto;
max-height:140px;
}
.cliente .content{
border:1px solid #E5E5E5;
background:#fff;
display:flex;
align-items:center;
justify-content:center;
}
.slide-clientes .slick-dots {
position: relative;
bottom: 0;
padding: 25px 0 25px;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
}
.slide-clientes .slick-dots li button {
border-radius: 50%;
font-size: 0;
background: #C2C1C1;
width: 10px;
height: 10px;
margin: 0 4px;
transition: all 0.5s ease-in-out;
}
.slide-clientes .slick-dots li.slick-active button {
background: #660099;
}
#cases{
background:#F1F1F1;
padding:60px 0;
}
#cases h2{
text-align: center;
font: normal normal 500 44px/46px Omnes;
letter-spacing: 0px;
color: #660099;
margin: 0 0 15px;
}
#cases h3{
text-align: center;
font: normal normal 500 30px/36px Omnes;
letter-spacing: 0px;
color: #262626;
max-width: 800px;
margin: 0 auto 40px;
}
#cases p{
text-align: center;
font: normal normal normal 20px/23px Omnes;
letter-spacing: 0px;
color: #3B3B3B;
margin:0 auto 50px;
max-width: 900px;
}
.videos-depo {
width:900px;
margin: 0 auto;
}
.videos-depo .video-container{
max-width:100%;
}
.videos-depo .player {
width: 100%;
padding: 0 22px;
}
.videos-depo .thumbnails {
margin-bottom:35px;
}
.videos-depo .thumbnails{
padding:3px 20px;
}
.videos-depo .slick-next{
position:absolute;
right:0px;
border-radius:50%;
width:40px;
background:#660099;
padding:0;
font-size:0;
height:40px;
top:50%;
transform:translatey(-50%);
z-index:5;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M13.1714 12.0007L8.22168 7.05093L9.63589 5.63672L15.9999 12.0007L9.63589 18.3646L8.22168 16.9504L13.1714 12.0007Z' fill='rgba(255,255,255,1)'%3E%3C/path%3E%3C/svg%3E");
background-size:30px;
background-repeat:no-repeat;
background-position:center left 6px;
}
.videos-depo .slick-prev{
position:absolute;
left:0px;
border-radius:50%;
width:40px;
background:#660099;
padding:0;
font-size:0;
height:40px;
top:50%;
transform:translatey(-50%);
z-index:5;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10.8284 12.0007L15.7782 16.9504L14.364 18.3646L8 12.0007L14.364 5.63672L15.7782 7.05093L10.8284 12.0007Z' fill='rgba(255,255,255,1)'%3E%3C/path%3E%3C/svg%3E");
background-size:30px;
background-repeat:no-repeat;
background-position:center left 4px;
}
.videos-depo .thumbnail {
cursor: pointer;
margin:0;
padding: 4px 3px;
height: 156px;
display: flex;
align-items: center;
justify-content: center;
}
.videos-depo .thumbnail.active{
display:none;
}
#resultados{
padding:60px 0;
background:#fff;
}
#resultados h2{
text-align: left;
font: normal normal 500 44px/46px Omnes;
letter-spacing: 0px;
color: #660099;
margin:0 0 15px;
}
#resultados h3{
text-align: left;
font: normal normal 500 30px/36px Omnes;
letter-spacing: 0px;
color: #262626;
max-width:800px;
margin:0 0 40px;
}
.case{
display:flex !important;
align-items:stretch;
background:#F1F1F1;
}
.case .image-case{
width:460px;
height:280px;
}
.case .image-case img{
width:100%;
height:100%;
object-fit:cover;
}
.case .content{
width:calc(100% - 460px);
padding:30px 50px 30px 70px;
}
#resultados .case .content h2{
text-align: left;
font: normal normal 500 32px/45px Omnes;
letter-spacing: 0px;
color: #660099;
}
#resultados .case .content p{
text-align: left;
font: normal normal normal 20px/28px Omnes;
letter-spacing: 0px;
color: #3B3B3B;
}
#resultados .case .content .btn-saiba-mais{
padding:0;
}
.btn-saiba-mais{
display:flex;
align-items:center;
text-align: left;
text-decoration: underline;
font: normal normal 500 22px/31px Omnes;
letter-spacing: 0px;
color: #660099;
transition:all 0.5s ease-in-out;
padding:0 20px
}
.btn-saiba-mais i{
line-height:1;
margin-left:5px;
font-size:20px;
padding-top:5px;
transition:all 0.5s ease-in-out;
}	
.btn-saiba-mais:hover i{
margin-left:10px;
}	
.beneficios, .depoimentos-view{
position:relative;
}
.beneficios .arrow, .depoimentos-view  .arrow{
display: flex;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
border-radius: 50%;
background: var(--cor-primaria);
color: #fff;
position: absolute;
top: 50%;
transform: translatey(-50%);
transition: all .2s linear;
z-index: 5;
}
.beneficios .arrow:hover, .depoimentos-view  .arrow:hover{
opacity: 0.8;
}
.beneficios .arrow-beneficio-prev{
left: -17px;
margin-top: -15px;
}
.beneficios .arrow-beneficio-next{
right: -17px;
margin-top: -15px;
}
.depoimentos-view{
max-width: 900px;
margin: 0 auto;
}
.depoimentos-view .arrow-depoimento-prev{
left: 0px;
margin-top: -20px;
}
.depoimentos-view .arrow-depoimento-next{
right: 0px;
margin-top: -20px;
}

#depoimentos{
background:#F1F1F1;
position:relative;
padding:60px 0;
}
#depoimentos h2{
text-align: center;
font: normal normal 500 44px/55px Omnes;
letter-spacing: 0px;
color: var(--cor-primaria);	
}
#depoimentos h3{
text-align: center;
font: normal normal 500 30px/42px Omnes;
letter-spacing: 0px;
color: #262626;	
margin:0 auto 30px;
}
#depoimentos p {
text-align: center;
font: normal normal normal 20px/23px Omnes;
letter-spacing: 0px;
color: #3B3B3B;
margin: 0 auto 50px;
max-width: 900px;
}
.slide-depoimentos .depoimento{
background: #FFFFFF 0% 0% no-repeat padding-box;
box-shadow: 0px 3px 6px #00000029;
padding:130px 70px 70px 70px;
margin:0px;
}
.slide-depoimentos{
max-width:850px;
margin:0 auto;
}
.slide-depoimentos .depoimento p{
text-align: left;
font: normal normal normal 22px/32px Omnes;
letter-spacing: 0px;
color: #3B3B3B;
}
.slide-depoimentos .depoimento .profissao {
display: flex;
align-items: flex-end;
justify-content: space-between;
}
#depoimentos .slide-depoimentos .depoimento .profissao span{
text-align: left;
font: normal normal normal 22px/24px Omnes;
letter-spacing: 0px;
color: #262626;
}
#depoimentos .slide-depoimentos .depoimento .content h3{
text-align: left;
font: normal normal 500 24px/24px Omnes;
letter-spacing: 0px;
color: #660099;
margin:0 0 10px;
}
.slide-depoimentos .depoimento .depo{
position:relative;
}
.slide-depoimentos .depoimento .depo::before {
content: "";
width: 56px;
height: 50px;
position: absolute;
top: -66px;
left: 0;
background: url(../images/citar.png);
background-size: 100%;
background-repeat: no-repeat;
background-position: center;
}
#como-trabalha{
background:#fff;
padding:60px 0 40px;
}
#como-trabalha h2{
text-align: left;
font: normal normal 500 44px/55px Omnes;
letter-spacing: 0px;
color: #660099;
}
#como-trabalha h3{
text-align: left;
font: normal normal 500 30px/42px Omnes;
letter-spacing: 0px;
color: #262626;
max-width:840px;
}
#como-trabalha .comos{
margin-left:-10px;
margin-right:-10px;
margin-top:40px
}
#como-trabalha .comos .como{
width:33.3333%;
padding:0 10px;
}
#como-trabalha .comos .como h2{
text-align: left;
font: normal normal 500 32px/32px Omnes;
letter-spacing: 0px;
color: #660099;
margin:15px 0 12px;
}
#como-trabalha .comos .como h3{
text-align: left;
font: normal normal 500 28px/35px Omnes;
letter-spacing: 0px;
color: #3B3B3B;
}
#como-trabalha .comos .como p{
text-align: left;
font: normal normal normal 20px/28px Omnes;
letter-spacing: 0px;
color: #3B3B3B;
}
#certificacoes{
background:#F1F1F1;
position:relative;
padding:60px 0;
}
#certificacoes h2{
text-align: center;
font: normal normal 500 44px/55px Omnes;
letter-spacing: 0px;
color: var(--cor-primaria);
}
#certificacoes h3{
text-align:center;
font: normal normal 500 30px/42px Omnes;
letter-spacing: 0px;
color: #262626;
max-width: 1020px;	
margin:0 auto 40px;
}
#certificacoes .selos{
max-width:800px;
margin:0 auto;
}
#certificacoes .selos .selo{
width:33.3333%;
display:flex;
align-items:center;
justify-content:center;
}
#o-que-faz{
position:relative;
background:#FFF;
padding:60px 0;
}
.content-fazemos{
display:flex;
}
.content-fazemos .texto{
width:400px;
padding:50px 0 0;
}
.content-fazemos .texto h2{
text-align: left;
font: normal normal 500 44px/55px Omnes;
letter-spacing: 0px;
color: #660099;
}
.content-fazemos .texto h3{
text-align: left;
font: normal normal 500 30px/36px Omnes;
letter-spacing: 0px;
color: #262626;
max-width:320px;
margin-bottom:20px;
}
.content-fazemos .texto p{
text-align: left;
font: normal normal normal 20px/28px Omnes;
letter-spacing: 0px;
color: #3B3B3B;
}
.content-fazemos .lampada{
width:calc(100% - 400px);
display:flex;
align-items:center;
justify-content:center;
position:relative;
}
.content-fazemos .lampada .area-item{
position:absolute;
cursor:pointer;
}
.content-fazemos .lampada .area-item.area-governance{
top:151px;
left:268px;
}
.content-fazemos .lampada .area-item.area-governance .box-texto{
background:#26C6DACC;
box-shadow: 0px 3px 6px #0000000D;
border-radius: 20px;
backdrop-filter: blur(50px);
-webkit-backdrop-filter: blur(50px);
width:294px;
padding:30px;
z-index:4;
right:35px;
bottom:0;
}
.content-fazemos .lampada .area-item.area-business{
top:151px;
left:405px;
}
.content-fazemos .lampada .area-item.area-business .box-texto{
background:rgb(63, 81, 182,.8);
box-shadow: 0px 3px 6px #0000000D;
border-radius: 20px;
backdrop-filter: blur(50px);
-webkit-backdrop-filter: blur(50px);
width:294px;
padding:30px;
z-index:4;
left:45px;
bottom:0;
}
.content-fazemos .lampada .area-item.area-maquinas{
top:300px;
left:268px;
}
.content-fazemos .lampada .area-item.area-maquinas .box-texto{
background:rgb(186, 104, 200,.8);
box-shadow: 0px 3px 6px #0000000D;
border-radius: 20px;
backdrop-filter: blur(50px);
-webkit-backdrop-filter: blur(50px);
width:294px;
padding:30px;
z-index:4;
right:35px;
top:-10px;
}
.content-fazemos .lampada .area-item.area-crm{
top:307px;
left:405px;
}
.content-fazemos .lampada .area-item.area-crm .box-texto{
background:rgb(125, 87, 193,.8);
box-shadow: 0px 3px 6px #0000000D;
border-radius: 20px;
backdrop-filter: blur(50px);
-webkit-backdrop-filter: blur(50px);
width:294px;
padding:30px;
z-index:4;
left:45px;
top:-10px;
}
.content-fazemos .lampada .area-item h2{
text-align: center;
font: normal normal 500 17px/21px Omnes;
letter-spacing: 0px;
color: #FFFFFF;
width:105px;
}
.content-fazemos .lampada .selo{
max-width:148px;
position:absolute;
left:90px;
top:360px;
border-radius: 50%;
box-shadow: 0 0 5px rgb(13,13,13,.2);
background: #fff;
}
.content-fazemos .lampada .area-item .box-texto{
opacity:0;
visibility:hidden;
position:absolute;
transition:all .3s linear;
}
.content-fazemos .lampada .area-item:hover .box-texto{
opacity:1;
visibility:visible;
}
.content-fazemos .lampada .area-item .box-texto h3{
text-align: left;
font: normal normal 500 21px/26px Omnes;
letter-spacing: 0px;
color: #FFFFFF;
}
.content-fazemos .lampada .area-item .box-texto p{
text-align: left;
font: normal normal normal 18px/26px Omnes;
letter-spacing: 0px;
color: #FFFFFF;
margin:0 0 0;
}
.content-fazemos .lampada:before{
content:"Resultados";
text-align: left;
font: normal normal 500 15px/18px Omnes;
letter-spacing: 0px;
color: #660099;
position:absolute;
left:50%;
transform:translatex(-50%);
top:239px;
margin-left:-1px
}
#parceiros{
background:#F1F1F1;
padding:60px 0;
}
#parceiros h2{
text-align: center;
font: normal normal 500 44px/55px Omnes;
letter-spacing: 0px;
color: var(--cor-primaria);	
}
#parceiros h3{
text-align:center;
font: normal normal 500 30px/42px Omnes;
letter-spacing: 0px;
color: #262626;	
margin:0 auto 40px;
}
.parceiros .parceiro{
width:25%;
padding:10px 15px;
}
.content-parceiro{
width:100%;
}
.content-parceiro a{
display:flex;
justify-content:center;
width:100%;
}
#porque{
background:var(--cor-primaria);
padding:70px 0 80px;
}
#porque h2{
font: normal normal 500 44px/44px Omnes;
letter-spacing: 0px;
color: #FFFFFF;
text-align:center;
margin:0 auto 20px;
}
#porque h3{
text-align: center;
font: normal normal 500 30px/42px Omnes;
letter-spacing: 0px;
color: #FFFFFFCC;
max-width:900px;
margin:0 auto;
}
#contato {
background: #fff;
padding: 50px 0 20px;
position:relative;
}
#contato::before {
content: "";
width: 50%;
height: 100%;
position: absolute;
right: 0;
top: 0;
background: #66009999;
background-image: url(../images/bg_contato.webp);
background-position: center right;
background-size: cover;
background-repeat: no-repeat;
background-blend-mode: multiply;
}
#contato h2{
text-align: left;
font: normal normal 500 44px/46px Omnes;
letter-spacing: 0px;
color: var(--cor-primaria);
max-width:490px;
margin:0 0 15px;
}
#contato h3{
text-align:left;
font: normal normal 500 30px/36px Omnes;
letter-spacing: 0px;
color: #262626;	
margin:0 0 15px;
}
.input-form-sharp{
max-width: 515px;
}
.input-form-sharp.check-item label{
top: 0 !important;
transform: none;
color: rgba(0, 0, 0, 0.6);
opacity: 1 !important;
font: normal normal 500 16px/20px Omnes;
margin: 12px 0 !important;
display: block;
position:relative;
}
#obrigado {
width: 100%;
height: 100vh;
display: flex;
align-items: center;
justify-content: center;
padding: 50px 0;
background-image: url(../images/bg_obrigado.jpg);
background-size: cover;
background-position: center;
position: relative;
background-color: rgba(102, 0, 153, 0.7);
background-blend-mode: multiply;
}
#obrigado h2 {
text-align:left;
font:normal normal 600 52px/40px Omnes;
letter-spacing:0px;
color:#FFFFFF;
margin-bottom:20px
}
#obrigado h5 {
text-align:left;
font:normal normal normal 32px/45px Omnes;
letter-spacing:0px;
color:#FFFFFF;
margin-bottom:50px
}
footer{
background:#660099;
padding:50px 0 40px;
}
.content-footer .logo-rodape{
max-width:150px;
}
.content-footer .menu-rodape ul li a{
padding:5px 10px;
font: normal normal 500 14px/20px Omnes;
letter-spacing: 0px;
color: #FFFFFF;
}
.sociais-rodape li:not(:last-child) a {
margin-right: 15px;
}
.sociais-rodape li a {
color: #fff;
font-size: 20px;
transition: all 0.5s ease-in-out;
}
.sociais-rodape li:first-child a{
font-size:21px;
}
.sociais-rodape li:last-child a{
font-size:18px;
}
footer .content-footer:not(:last-child){
padding-bottom:25px;
margin-bottom:25px;
border-bottom:1px solid rgb(255,255,255,.4);
}
footer .content-footer .copyright span{
text-align: left;
letter-spacing: 0.06px;
color: #FFFFFF99;
font-weight:500;
font-size:15px;
}
footer .content-footer .endereco{
font: normal normal 500 15px/20px Omnes;
letter-spacing: 0px;
color: #FFFFFF;
text-align:center;
}
footer .content-footer .politica a{
font: normal normal 500 15px/20px Omnes;
letter-spacing: 0px;
color: #FFFFFF;
}
footer .content-footer a:hover{
opacity:0.7;
color:#fff;
}
#contato .col-md-6, #contato .form-contato{
min-height: auto !important;
}
#contato iframe{
height: 755px !important;
}

@media(max-width:992px){
.content-header {
padding: 10px 0;
}
.content-header a.btn-header {
background: #660099;
border-radius: 32px;
height: 36px;
width: 150px;
text-align: center;
font: normal normal 500 14px/17px Omnes;
letter-spacing: 0.7px;
color: #FFFFFF;
padding: 0 0 3px;
}
#inicio .text-inicio {
position: absolute;
width: 350px;
max-width: 100%;
bottom: 20px;
left: 50%;
transform: translatex(-50%);
}
#inicio .text-inicio h2 {
position: relative;
z-index: 3;
color: #fff;
text-align: center;
font: normal normal 700 28px/32px Omnes;
letter-spacing: 1px;
margin: 0 auto 30px;
}
#tarja-solucao, #tarja-meio {
background: var(--cor-primaria);
padding: 30px 0 35px;
}
#tarja-solucao h3 {
text-align: center;
font: italic normal normal 24px/28px Omnes;
max-width: 330px;
margin: 0 auto;
}
#video {
padding: 40px 0;
}
#tarja-meio h3 {
text-align: center;
font: italic normal normal 22px/26px Omnes;
}
.loading img{
width:54px;
}
#numeros{
padding:40px 0;
}
#numeros .numero .content-numero {
padding: 30px 30px;
}
#numeros .numero .content-numero .number {
width: 100%;
margin: 0 auto 15px;
}
#numeros .numero .content-numero .number h2 {
text-align: center;
font: normal normal 500 48px/48px Omnes;
letter-spacing: 0px;
color: #660099;
}
#numeros .numero .content-numero .text {
width: 100%;
}
#numeros .numero .content-numero .text h3 {
text-align: center;
font: normal normal 500 24px/30px Omnes;
letter-spacing: 0px;
}
#numeros .numero .content-numero .text p {
text-align: center;
font: normal normal normal 18px/22px Omnes;
}
#beneficios{
padding:40px 0;
}
#beneficios h2 {
text-align: left;
font: normal normal 500 30px/33px Omnes;
max-width: 220px;
}
#beneficios h3 {
text-align: left;
font: normal normal 500 24px/30px Omnes;
}
.beneficios .slide-beneficios {
padding-right: 60px !important;
}
.beneficio {
padding: 10px 5px;
}
.beneficio .content-beneficio {
background: #fff;
padding: 25px 5px;
}
.beneficio .content-beneficio .icone {
width: 100%;
height: 52px;
}
#beneficios .beneficio .content-beneficio h3 {
text-align: center;
font: normal normal 500 22px/24px Omnes;
letter-spacing: 0px;
min-height: 49px;
}
#beneficios .beneficio .content-beneficio h3 small {
font-size: 12px;
}
#clientes h2 {
text-align: left;
font: normal normal 500 30px/34px Omnes;
}
#clientes h3 {
text-align: left;
font: normal normal 500 24px/28px Omnes;
max-width: 300px;
margin: 0 0 15px;
}
#clientes p {
text-align: left;
font: normal normal normal 18px/23px Omnes;
}
.cliente {
padding: 5px 5px;
}
#cases h2 {
text-align: left;
font: normal normal 500 30px/34px Omnes;
}
#depoimentos p, #cases p {
text-align: left;
font: normal normal normal 18px/24px Omnes;
}
.videos-depo {
width: 96%;
margin: 0 auto;
}
.videos-depo .player {
padding: 0;
}
.videos-depo .thumbnails {
padding: 3px 0px;
}
.videos-depo .slick-prev {
left: -12px;
width: 30px;
height: 30px;
background-size: 22px;
background-position: center left 3px;
}
.videos-depo .slick-next {
right: -12px;
width: 30px;
height: 30px;
background-size: 22px;
background-position: center left 5px;
}
.videos-depo .thumbnail {
cursor: pointer;
margin: 0;
padding: 4px 2px;
height: 98px;
display: flex;
align-items: center;
justify-content: center;
}
#cases {
padding: 40px 0 20px;
}
#resultados h2 {
text-align: left;
font: normal normal 500 30px/34px Omnes;
}
#resultados h3 {
text-align: left;
font: normal normal 500 24px/30px Omnes;
}
.case {
padding: 0 7px 25px;
margin-bottom: 0px;
border-bottom: 1px solid rgb(59, 59, 59,.2);
display: block !important;
background: #fff;
}
.case .content {
width: 100%;
padding: 0;
justify-content: center;
}
#resultados .case .content h2 {
text-align: left;
font: normal normal 500 24px/36px Omnes;
}
#resultados .case .content p {
text-align: left;
font: normal normal normal 18px/26px Omnes;
}
.btn-saiba-mais {
padding: 15px 0 0;
}
#resultados .swiper-pagination-bullets{
margin-top:15px;
}
#resultados {
padding: 40px 0 30px;
}
#resultados .case .content a{
width:100%;
display: block;
}
#resultados .case .content a img{
width: 100%;
}
#depoimentos h2 {
text-align: left;
font: normal normal 500 30px/34px Omnes;
}
#depoimentos h3 {
text-align: left;
font: normal normal 500 24px/32px Omnes;
}
.slide-depoimentos .depoimento {
padding: 60px 30px 40px 30px;
}
.slide-depoimentos .depoimento .depo::before {
width: 36px;
height: 30px;
top: -36px;
}
#depoimentos .slide-depoimentos .depoimento .content h3 {
text-align: left;
font: normal normal 500 20px/22px Omnes;
}
#depoimentos .slide-depoimentos .depoimento .profissao span {
text-align: left;
font: normal normal normal 16px/20px Omnes;
}
#depoimentos .slide-depoimentos .depoimento .profissao img {
max-width: 90px;
}
#depoimentos{
padding:40px 0;
}
#como-trabalha h2 {
text-align: left;
font: normal normal 500 30px/34px Omnes;
}
#como-trabalha h3 {
text-align: left;
font: normal normal 500 22px/28px Omnes;
}
#como-trabalha .comos .como {
width: 100%;
padding: 0 10px;
max-width: 352px;
margin: 0 auto 25px;
}
#como-trabalha .comos .como h2 {
text-align: left;
font: normal normal 500 26px/26px Omnes;
}
#como-trabalha .comos .como h3 {
text-align: left;
font: normal normal 500 22px/28px Omnes;
}
#como-trabalha .comos .como p {
text-align: left;
font: normal normal normal 18px/26px Omnes;
}
#como-trabalha {
padding: 40px 0 20px;
}
#certificacoes h2 {
text-align: left;
font: normal normal 500 30px/34px Omnes;
}
#certificacoes h3 {
text-align: left;
font: normal normal 500 22px/28px Omnes;
}
#certificacoes{
padding:40px 0;
}
.content-fazemos .texto h2 {
text-align: left;
font: normal normal 500 30px/34px Omnes;
}
.content-fazemos .texto h3 {
text-align: left;
font: normal normal 500 22px/28px Omnes;
max-width: 240px !important;
}
.content-fazemos .texto p {
text-align: left;
font: normal normal normal 18px/22px Omnes;
}
.content-fazemos .lampada {
width: 100%;
max-width: 350px;
margin: 40px auto 0;
}
.content-fazemos .lampada::before {
font: normal normal 500 13px/16px Omnes;
top: 162px;
}
.content-fazemos .lampada .area-item.area-governance {
top: 102px;
left: 78px;
}	
.content-fazemos .lampada .area-item.area-business {
top: 102px;
left: 178px;
}	
.content-fazemos .lampada .area-item.area-maquinas {
top: 207px;
left: 78px;
}	
.content-fazemos .lampada .area-item.area-crm {
top: 207px;
left: 178px;
}	
.content-fazemos .lampada .area-item .box-texto{
display:none !important;
}	
.content-fazemos {
flex-wrap: wrap;
}
.content-fazemos .lampada .area-item h2 {
text-align: center;
font: normal normal 500 14px/16px Omnes;
width: 94px;
}
.content-fazemos .lampada .selo {
max-width: 91px;
position: absolute;
left: 0px;
top: 280px;
}
.content-fazemos .texto {
width: 100%;
padding: 0;
max-width: 360px;
}
#o-que-faz{
padding:40px 0 50px;
}
#parceiros h2 {
text-align: left;
font: normal normal 500 30px/34px Omnes;
}
#parceiros h3 {
text-align: left;
font: normal normal 500 24px/33px Omnes;
margin-bottom: 10px;
}
.parceiros .parceiro {
width: 50%;
padding: 10px 15px;
}
#parceiros{
padding:40px 0;
}
#porque h2 {
font: normal normal 500 32px/32px Omnes;
}
#porque h3 {
font: normal normal 500 22px/34px Omnes;
}
#porque {
padding: 40px 0 45px;
}
#contato::before{
display: none;
}
#contato h2 {
text-align: left;
font: normal normal 500 30px/34px Omnes;
max-width: 300px;
}
#contato h3 {
text-align: left;
font: normal normal 500 22px/28px Omnes;
max-width: 300px;
margin-bottom: 10px;
}
.input-form input, .input-form select {
font-size: 18px;
}
footer {
background: #660099;
padding: 35px 0 30px;
}
.content-footer {
flex-wrap: wrap;
}
.content-footer .copyright {
width: 100%;
display: flex;
justify-content: center;
margin: 0 0 15px;
}
.content-footer .endereco {
width: 100%;
display: flex;
justify-content: center;
margin: 0 0 15px;
}
.content-footer .politica {
width: 100%;
}
.content-footer .politica a {
display: flex;
justify-content: center;
}
#contato iframe {
height: 780px !important;
}
.beneficios .arrow-beneficio-prev {
left: 0;
margin-top: 0;
top: auto;
bottom: -25px;
}
.beneficios .arrow-beneficio-next {
right: 0;
margin-top: 0;
top: auto;
bottom: -25px;
}
.depoimentos-view .arrow-depoimento-next {
right: -10px;
margin-top: -20px;
}
.depoimentos-view .arrow-depoimento-prev {
left: -10px;
margin-top: -20px;
}


}