#banner {
-ms-flex-align: center;
-ms-flex-pack: center;
-webkit-box-align: center;
-webkit-box-pack: center;
align-items: center;
background-attachment: fixed;
background-color: #181818;
background-image: url(//zixbe.com/wp-content/themes/gestao-de-processos/transformacao-digital/nossa_solucao/consultoria-de-processos_nossa_solucao_banner.webp);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 98vh;
justify-content: center;
position: relative;
}
#banner::after {
content: '';
width: 1px;
height: 58px;
background-color: var(--azul-claro);
position: absolute;
bottom: 3.95vw;
}
.banner_content {
-ms-flex-align: start;
-ms-flex-direction: row;
-webkit-box-align: start;
-webkit-box-direction: normal;
-webkit-box-orient: horizontal;
align-items: flex-start;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-direction: row;
margin: auto;
min-width: 1000px;
padding: 4.1145vw 3.229vw 0px;
width: 67.3%;
position: relative;
}
#banner .banner_esq::before {
background-image: url(//zixbe.com/wp-content/themes/gestao-de-processos/transformacao-digital/nossa_solucao/consultoria-de-processos_quadro_azul.webp);
background-position: center;
background-repeat: no-repeat;
background-size: 100%;
content: ' ';
height: 28.54vw;
left: -3.3vw;
position: absolute;
top: -4vw;
transform: scaleY(-1);
width: 18.55vw;
}
#banner .banner_titulo {
color: var(--branco);
font-size: 2.4vw;
font-weight: 700;
line-height: 3.2vw;
margin-bottom: 1.6vw;
letter-spacing: 0.5px;
width: 55%;
}
#banner .banner_texto {
color: var(--branco);
font-size: 0.9375vw;
letter-spacing: 0.5px;
line-height: 1.6666vw;
margin-bottom: 1.5vw;
width: 50%;
}
#banner .banner_esq {
position: relative;
width: calc(100% - 20px);
}
#banner .banner_dir {
-ms-flex-align: center;
-ms-flex-direction: column;
-webkit-box-align: center;
-webkit-box-direction: normal;
-webkit-box-orient: vertical;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-direction: column;
gap: 17px;
padding-top: 4.4vw;
width: 20px;
}
#banner .banner_dir .facebook {
margin-top: 4px;
}
#banner .banner_dir svg,
#banner .banner_dir g {
-o-transition: .2s ease all;
-webkit-transition: .2s ease all;
fill: var(--branco);
transition: .2s ease all;
}
#banner .banner_dir svg:hover,
#banner .banner_dir g:hover {
fill: var(--azul-claro);
} #solucoes {
padding: 6vw 0px;
position: relative;
background-color: #f9f9f9;
}
#solucoes .content {
-ms-flex-direction: row;
-webkit-box-direction: normal;
-webkit-box-orient: horizontal;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-direction: row;
margin: auto;
min-width: 1000px;
position: relative;
width: 67.3%;
}
#solucoes .box_esq {
-ms-flex-direction: column;
-ms-flex-pack: center;
-webkit-box-direction: normal;
-webkit-box-orient: vertical;
-webkit-box-pack: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-direction: column;
justify-content: center;
padding: 0 4.9%;
width: 50%;
}
#solucoes .box_dir {
padding: 0 4.9% 0 0;
width: 50%;
position: relative;
display: flex;
justify-content: flex-end;
}
#solucoes .solucoes_icone {
position: absolute;
left: 0;
top: 12%;
}
#solucoes .box_dir .img_principal {
width: 90%;
}
.solucoes_subtitulo {
color: var(--azul-zixbe);
font-size: 0.93vw;
letter-spacing: 0.3px;
margin-bottom: 2.5vw;
}
.solucoes_titulo {
color: var(--chumbo);
font-size: 1.875vw;
font-weight: 700;
letter-spacing: 0.6px;
line-height: 2.9vw;
margin-bottom: 2.5vw;
}
.solucoes_texto {
color: var(--chumbo);
font-size: 0.9375vw;
letter-spacing: 0.6px;
line-height: 1.5625vw;
margin-bottom: 1.5vw;
}
.solucoes_texto:last-child {
margin-bottom: 0;
}
.solucoes_texto b,
.solucoes_subtitulo b {
font-weight: 700;
}
.solucoes_texto span {
color: var(--azul-zixbe);
} #resultados {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
padding: 4.45vw 0px;
background-color: var(--azul-zixbe);
position: relative;
overflow: hidden;
}
#resultados::after {
content: url(//zixbe.com/wp-content/themes/gestao-de-processos/transformacao-digital/home/consultoria-de-processos_resultado_esquerda.png);
position: absolute;
bottom: 0;
left: 0;
}
#resultados::before {
content: url(//zixbe.com/wp-content/themes/gestao-de-processos/transformacao-digital/home/consultoria-de-processos_resultado_direita.png);
position: absolute;
bottom: 0;
right: 0;
}
#resultados .content {
-ms-flex-direction: row;
-ms-flex-pack: center;
-webkit-box-direction: normal;
-webkit-box-orient: horizontal;
-webkit-box-pack: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-direction: row;
gap: 6.66vw;
justify-content: center;
margin: auto;
min-width: 1000px;
width: 67.3%;
}
.organiza_resultado .titulo {
color: var(--branco);
font-size: 2.708vw;
}
.organiza_resultado .titulo .count,
.organiza_resultado .titulo .count_letra {
font-weight: 800;
}
.organiza_resultado .descricao {
color: var(--branco);
font-size: 0.833vw;
margin-top: -5px;
}
.organiza_resultado {
-ms-flex-align: center;
-ms-flex-direction: row;
-webkit-box-align: center;
-webkit-box-direction: normal;
-webkit-box-orient: horizontal;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-direction: row;
gap: 1.82vw;
}
.organiza_resultado img {
height: auto;
width: 2.083vw;
} #carrossel_clientes {
background-color: var(--branco);
border-bottom: 2px solid #ebebeb;
padding: 4.3vw 0 3.5vw;
position: relative;
}
#carrossel_clientes .clientes_titulo {
color: var(--preto);
font-size: 1.875vw;
font-weight: 700;
letter-spacing: 0.5px;
margin-bottom: 8vw;
text-align: center;
}
#carrossel_clientes .swiper_clientes {
width: 100%;
}
.swiper_clientes .swiper-slide {
-ms-flex-align: center;
-ms-flex-pack: center;
-webkit-box-align: center;
-webkit-box-pack: center;
align-items: center;
background: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
justify-content: center;
text-align: center;
}
#carrossel_clientes .slide_clientes {
padding: 0 1.3%;
}
.swiper_clientes .swiper-wrapper {
align-items: center;
}
.swiper_clientes .swiper-slide img {
-o-transition: .2s ease all;
-webkit-filter: grayscale(100%);
-webkit-transition: .2s ease all;
cursor: pointer;
filter: grayscale(100%);
opacity: 0.4;
transition: .2s ease all;
max-height: 120px;
width: auto!important;
}
.swiper_clientes .swiper-slide img:hover {
-o-transition: .2s ease all;
-webkit-filter: grayscale(0%);
-webkit-transition: .2s ease all;
filter: grayscale(0%);
opacity: 1;
transition: .2s ease all;
}
#carrossel_clientes .setas_navegacao {
height: 38px;
position: absolute;
right: 15.3vw;
top: 4.8vw;
width: 78px;
}
.setas_navegacao .swiper-button-next:after,
.setas_navegacao .swiper-rtl .swiper-button-prev:after,
.setas_navegacao .swiper-button-prev:after,
.setas_navegacao .swiper-rtl .swiper-button-next:after {
color: var(--azul-claro);
font-size: 26px !important;
}
.setas_navegacao .swiper-button-next.swiper-button-disabled:after,
.setas_navegacao .swiper-rtl .swiper-button-next.swiper-button-disabled:after,
.setas_navegacao .swiper-button-prev.swiper-button-disabled:after,
.setas_navegacao .swiper-rtl .swiper-button-prev.swiper-button-disabled:after {
color: #c3c3c3 !important;
}
.setas_navegacao .swiper-button-next.swiper-button-disabled,
.setas_navegacao .swiper-button-prev.swiper-button-disabled {
opacity: 1 !important;
}
.setas_navegacao .swiper-button-next {
content: url(//zixbe.com/wp-content/themes/gestao-de-processos/transformacao-digital/home/setas/direita_azul.svg) !important;
}
.setas_navegacao .swiper-button-prev.swiper-button-disabled {
content: url(//zixbe.com/wp-content/themes/gestao-de-processos/transformacao-digital/home/setas/esquerda_cinza.svg) !important;
}
.setas_navegacao .swiper-button-prev {
content: url(//zixbe.com/wp-content/themes/gestao-de-processos/transformacao-digital/home/setas/esquerda_azul.svg) !important;
}
.setas_navegacao .swiper-button-next.swiper-button-disabled {
content: url(//zixbe.com/wp-content/themes/gestao-de-processos/transformacao-digital/home/setas/direita_cinza.svg) !important;
} #vantagens {
background-color: #e8e8e8;
padding: 4.5vw 0;
}
#vantagens .content {
margin: auto;
min-width: 1000px;
padding: 0 3.3%;
width: 67.3%;
}
.vantagens_subtitulo {
color: var(--azul-zixbe);
font-size: 0.9375vw;
font-weight: 500;
letter-spacing: 0.5px;
margin-bottom: 1.5vw;
}
.vantagens_titulo {
color: var(--preto);
font-size: 1.875vw;
font-weight: 800;
letter-spacing: 0.7px;
line-height: 2.5vw;
}
.organiza_vantagem {
-ms-flex-align: stretch;
-ms-flex-direction: row;
-ms-flex-pack: justify;
-webkit-box-align: stretch;
-webkit-box-direction: normal;
-webkit-box-orient: horizontal;
-webkit-box-pack: justify;
align-items: stretch;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-direction: row;
justify-content: space-between;
margin-top: 3vw;
flex-wrap: wrap;
gap: 20px;
}
.organiza_vantagem .vantagem_box {
background-color: var(--branco);
border: 1px solid #ebebeb;
padding: 2.9vw;
width: calc(50% - 10px);
transition: all .2s ease all;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.organiza_vantagem .vantagem_box:hover {
background-color: var(--azul-zixbe);
}
.organiza_vantagem .vantagem_box:hover .vantagem_titulo,
.organiza_vantagem .vantagem_box:hover .vantagem_texto {
color: var(--branco);
}
.vantagem_box:hover .vantagem_botao {
background-color: var(--branco);
}
.vantagem_box:hover img {
filter: brightness(0) grayscale(0) invert(5);
}
.organiza_vantagem .vantagem_titulo {
color: #4b4a4a;
font-size: 1.25vw;
font-weight: 700;
margin-bottom: 0.5vw;
width: 80%;
margin-left: 20%;
}
.organiza_vantagem .vantagem_texto {
color: #4b4a4a;
font-size: 0.85vw;
font-weight: 500;
line-height: 1.45vw;
width: 80%;
margin-left: 20%;
}
.vantagem_box img {
float: left;
position: absolute;
}
.vantagem_botao {
height: 2px;
margin-top: 2.5vw;
width: 61px;
margin-left: 20%;
cursor: default;
}
.vantagem_botao.btn_animacao span {
display: none;
}
.vantagem_botao.btn_animacao:before,
.vantagem_botao.btn_animacao:after {
color: var(--azul-zixbe) !important;
background: var(--azul-zixbe) !important;
} #form_contato {
background-color: #e9e9e9;
height: auto;
}
#footer {
margin-top: -7.5vw;
}
.site-footer .content {
padding: 13vw 0px 4.9vw 0px;
}
.form_content {
-ms-flex-align: stretch;
-ms-flex-direction: row;
-webkit-box-align: stretch;
-webkit-box-direction: normal;
-webkit-box-orient: horizontal;
-webkit-box-shadow: rgba(149, 157, 165, 0.2) 15px 0px 15px -15px, rgba(149, 157, 165, 0.2) -15px 0px 15px -15px, rgba(149, 157, 165, 0.2) 0px 15px 15px -15px, rgba(149, 157, 165, 0.2) 0px -15px 15px -15px;
align-items: stretch;
background-color: var(--azul-zixbe);
box-shadow: rgba(149, 157, 165, 0.2) 15px 0px 15px -15px, rgba(149, 157, 165, 0.2) -15px 0px 15px -15px, rgba(149, 157, 165, 0.2) 0px 15px 15px -15px, rgba(149, 157, 165, 0.2) 0px -15px 15px -15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-direction: row;
margin: auto;
min-width: 1000px;
padding: 4vw 4vw 2.4vw 5.7vw;
position: relative;
width: 67.3%;
}
.form_content .form_dir {
-ms-flex-direction: column;
-ms-flex-pack: center;
-webkit-box-direction: normal;
-webkit-box-orient: vertical;
-webkit-box-pack: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-direction: column;
justify-content: center;
padding-right: 6vw;
width: 49.2%;
}
.form_content .form_esq {
width: 50.8%;
}
.form_content .form_subtitulo {
color: var(--branco);
font-size: 0.9375vw;
font-weight: 500;
letter-spacing: 0.4px;
margin-bottom: 0.9vw;
}
.form_content .form_titulo {
color: var(--branco);
font-size: 2.70vw;
font-weight: 700;
letter-spacing: 1.5px;
line-height: 3.22vw;
margin-bottom: 1.8vw;
}
.form_content .form_texto1 {
color: var(--branco);
font-size: 0.9375vw;
font-weight: 600;
letter-spacing: 0.4px;
line-height: 1.40vw;
margin-bottom: 1.5vw;
}
.form_content .form_texto2 {
color: var(--branco);
font-size: 0.83vw;
letter-spacing: 0.4px;
line-height: 1.40vw;
margin-bottom: 1.5vw;
}
.form_content .form_texto2 strong {
font-weight: 700;
}
.form_content .form_texto2 .email_azul {
color: var(--branco);
font-weight: 600;
}
.form_content .control {
-o-transition: .2s ease all;
-webkit-transition: .2s ease all;
background-color: transparent !important;
border: none !important;
border-bottom: 1px solid #d1d1d1 !important;
color: var(--branco);
font-family: Montserrat;
font-size: 14px !important;
margin: 0 0 20px;
padding: 10px 0px;
transition: .2s ease all;
width: 100%;
}
.form_content .form_ativo,
.form_content .control:focus,
.form_content .control:hover {
border-bottom: 2px solid var(--branco) !important;
}
.form_content .control::-webkit-input-placeholder {
-webkit-transition: .2s ease all;
color: var(--branco);
transition: .2s ease all;
}
.form_content .control::-moz-placeholder {
-moz-transition: .2s ease all;
color: var(--branco);
transition: .2s ease all;
}
.form_content .control:-ms-input-placeholder {
-ms-transition: .2s ease all;
color: var(--branco);
transition: .2s ease all;
}
.form_content .control::-ms-input-placeholder {
-ms-transition: .2s ease all;
color: var(--branco);
transition: .2s ease all;
}
.form_content .control::placeholder {
-o-transition: .2s ease all;
-webkit-transition: .2s ease all;
color: var(--branco);
transition: .2s ease all;
}
.form_content .control.form_ativo::-webkit-input-placeholder,
.form_content .control:hover::-webkit-input-placeholder {
color: var(--preto) !important;
font-weight: 500;
}
.form_content .control.form_ativo::-moz-placeholder,
.form_content .control:hover::-moz-placeholder {
color: var(--branco) !important;
font-weight: 500;
}
.form_content .control.form_ativo:-ms-input-placeholder,
.form_content .control:hover:-ms-input-placeholder {
color: var(--branco) !important;
font-weight: 500;
}
.form_content .control.form_ativo::-ms-input-placeholder,
.form_content .control:hover::-ms-input-placeholder {
color: var(--branco) !important;
font-weight: 500;
}
.form_content .control.form_ativo::placeholder,
.form_content .control:hover::placeholder {
color: var(--branco) !important;
font-weight: 500;
}
.form_content .error.control::-webkit-input-placeholder {
color: #ff98a7 !important;
}
.form_content .error.control::-moz-placeholder {
color: #ff98a7 !important;
}
.form_content .error.control:-ms-input-placeholder {
color: #ff98a7 !important;
}
.form_content .error.control::-ms-input-placeholder {
color: #ff98a7 !important;
}
.form_content .error.control::placeholder {
color: #ff98a7 !important;
}
#contato-status {
color: #ff98a7;
float: left;
font-size: 13px;
line-height: 15px;
margin: 0 0 10px;
position: relative;
width: 100%;
}
.form_content .enviar_btn {
-o-transition: .2s ease-in-out;
-webkit-transition: .2s ease-in-out;
background-color: var(--chumbo);
border: none !important;
color: var(--branco);
cursor: pointer;
font-size: 0.85vw;
font-weight: 600;
height: 2.7vw;
letter-spacing: 2px;
padding: 0px;
text-transform: uppercase;
transition: .2s ease-in-out;
width: 100% !important;
}
.form_content .enviar_btn span {
-ms-flex-align: center;
-ms-flex-pack: center;
-webkit-box-align: center;
-webkit-box-pack: center;
align-items: center;
display: block;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100%;
justify-content: center;
position: relative;
width: 100%;
}
.enviar_btn.btn_animacao:hover {
background-color: var(--branco);
}
.enviar_btn.btn_animacao span:hover {
color: var(--chumbo);
}
.enviar_btn.btn_animacao span:before,
.enviar_btn.btn_animacao span:after,
.enviar_btn.btn_animacao:before,
.enviar_btn.btn_animacao:after {
background: var(--chumbo);
}
.form_content .aviso {
color: var(--branco);
font-family: 'Poppins', sans-serif;
font-size: 10px;
margin-top: 10px;
}
.form_content .texto_termos {
color: var(--branco);
font-family: 'Poppins', sans-serif;
font-size: 10px;
text-align: left;
}
.form_content input {
accent-color: #b4cde3;
cursor: pointer;
line-height: 0;
margin: 0 5px 0 0;
width: 9px;
}
.form_content .check {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 15px;
width: 100%;
} .animated {
-webkit-animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-duration: 1s;
animation-fill-mode: both
}
.shake {
-webkit-animation-name: shake;
animation-name: shake
}
@-webkit-keyframes shake {
0%,
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
10%,
30%,
50%,
70%,
90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0)
}
20%,
40%,
60%,
80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0)
}
}
@keyframes shake {
0%,
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
10%,
30%,
50%,
70%,
90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0)
}
20%,
40%,
60%,
80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0)
}
}