.site-header {
background-color: #181818;
position: relative;
} .site-main {
padding: 86px 0;
}
.content_padrao {
-ms-flex-align: start;
-ms-flex-direction: row;
-ms-flex-pack: justify;
-webkit-box-align: start;
-webkit-box-direction: normal;
-webkit-box-orient: horizontal;
-webkit-box-pack: justify;
align-items: flex-start;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-direction: row;
justify-content: space-between;
margin: auto;
min-width: 1030px;
padding: 0 3.229vw;
width: 67.3%;
}
.content_padrao .pagina_content h1 {
color: var(--chumbo);
font-size: 28px;
font-weight: 700;
letter-spacing: 0.5px;
margin: 0 0 55px 0;
}
.content_padrao .pagina_content p {
color: var(--chumbo);
font-size: 15px;
letter-spacing: 0.3px;
line-height: 24px;
margin-bottom: 16px;
}
.content_padrao .pagina_content h2 {
color: var(--chumbo);
font-size: 24px;
font-weight: 700;
letter-spacing: 0.5px;
margin: 27px 0;
}
.content_padrao .pagina_content h3 {
color: var(--chumbo);
font-size: 22px;
font-weight: 600;
letter-spacing: 0.5px;
margin: 27px 0;
}
.content_padrao .pagina_content h4 {
color: var(--chumbo);
font-size: 20px;
font-weight: 600;
letter-spacing: 0.5px;
margin: 27px 0;
}
.content_padrao .pagina_content h5 {
color: var(--chumbo);
font-size: 18px;
font-weight: 600;
letter-spacing: 0.5px;
margin: 27px 0;
}
.content_padrao .pagina_content h6 {
color: var(--chumbo);
font-size: 16px;
font-weight: 700;
letter-spacing: 0.5px;
margin: 27px 0;
}
.content_padrao .pagina_content span {
color: var(--azul-zixbe);
font-weight: 700;
}
.content_padrao .pagina_content b,
.content_padrao .pagina_content strong {
font-weight: 700;
}
.content_padrao .pagina_content a {
color: var(--azul-zixbe);
text-decoration: underline;
}
.content_padrao .pagina_content mark {
background: #3a91f2;
}
.content_padrao .pagina_content ul,
.content_padrao .pagina_content ol {
margin-bottom: 65px;
padding-left: 33px;
}
.content_padrao .pagina_content ul li::before {
color: var(--azul-claro);
content: '●';
font-size: 10px;
margin-right: 5px;
}
.content_padrao .pagina_content ul li {
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 15px;
letter-spacing: 0.3px;
margin-bottom: 5px;
}
.content_padrao .pagina_content ol {
counter-reset: item;
}
.content_padrao .pagina_content ol li:before {
color: var(--azul-zixbe);
content: counter(item) ". ";
counter-increment: item;
font-weight: 700;
}
.content_padrao .pagina_content ol li {
font-size: 15px;
letter-spacing: 0.3px;
margin-bottom: 5px;
} .content_padrao .pagina_content .botao_azul-zixbe {
background-color: var(--azul-zixbe);
border: 1px solid var(--azul-zixbe);
color: var(--branco);
display: inline-block;
font-size: 14px;
margin-top: 25px;
padding: 14px 49px;
text-decoration: none;
transition: .3s all ease-in-out;
}
.content_padrao .pagina_content .botao_azul-zixbe:hover {
background-color: var(--branco);
color: var(--azul-zixbe);
}
.content_padrao .pagina_content .botao_azul-claro {
background-color: var(--azul-claro);
border: 1px solid var(--azul-claro);
color: var(--branco);
display: inline-block;
font-size: 14px;
font-weight: 700;
margin-top: 25px;
padding: 14px 49px;
text-decoration: none;
transition: .3s all ease-in-out;
}
.content_padrao .pagina_content .botao_azul-claro:hover {
background-color: var(--branco);
color: var(--azul-claro);
}
.content_padrao .pagina_content .botao_branco {
background-color: var(--branco);
border: 1px solid var(--azul-claro);
color: var(--azul-zixbe);
display: inline-block;
font-size: 14px;
font-weight: 700;
margin-top: 25px;
padding: 14px 49px;
text-decoration: none;
transition: .3s all ease-in-out;
}
.content_padrao .pagina_content .botao_branco:hover {
background-color: var(--azul-claro);
color: var(--branco);
}
.content_padrao .pagina_content .botao_chumbo {
background-color: var(--chumbo);
border: 1px solid var(--chumbo);
color: var(--branco);
display: inline-block;
font-size: 14px;
font-weight: 700;
margin-top: 25px;
padding: 15px 50px;
text-decoration: none;
transition: .3s all ease-in-out;
}
.content_padrao .pagina_content .botao_chumbo:hover {
background-color: var(--branco);
color: var(--chumbo);
}
.content_padrao .pagina_content .botao_chumbo_branco {
background-color: var(--brancoo);
border: 1px solid var(--chumbo);
color: var(--chumbo);
display: inline-block;
font-size: 14px;
font-weight: 700;
margin-top: 25px;
padding: 15px 50px;
text-decoration: none;
transition: .3s all ease-in-out;
}
.content_padrao .pagina_content .botao_chumbo_branco:hover {
background-color: var(--chumbo);
color: var(--branco);
} #sidebar-page {
background-color: var(--branco);
margin-left: 5.8%;
width: 33.2%;
}
.pagina_content {
flex: 1;
position: relative;
}
#sidebar-page .consultoria_processo .consultoria_titulo {
border-bottom: 2px solid #dadada;
font-size: 20px;
font-weight: 700;
margin-bottom: 30px;
padding-bottom: 15px;
}
.consultoria_processo .menu li a {
background-color: #f4f4f4;
color: var(--chumbo);
display: block;
font-size: 14px;
font-weight: 600;
letter-spacing: 0.2px;
margin-bottom: 2px;
padding: 26px 26px;
position: relative;
transition: .2s ease all;
width: 100%;
}
.consultoria_processo .menu li a:hover {
background-color: var(--azul-zixbe);
color: var(--branco);
}
.consultoria_processo .menu li a:hover::after {
content: url(//zixbe.com/wp-content/themes/gestao-de-processos/transformacao-digital/home/setas/direita_branca_menor.svg);
position: absolute;
right: 21px;
top: 24px;
}
#sidebar-page .veja_tambem .veja_titulo {
border-bottom: 2px solid #dadada;
color: var(--azul-zixbe);
font-size: 20px;
font-weight: 700;
margin-bottom: 30px;
padding-bottom: 15px;
}
.veja_tambem .menu li a {
-ms-flex-align: center;
-ms-flex-direction: row;
-ms-flex-pack: justify;
-o-transition: .2s ease all;
-webkit-box-align: center;
-webkit-box-direction: normal;
-webkit-box-orient: horizontal;
-webkit-box-pack: justify;
-webkit-transition: .2s ease all;
align-items: center;
background-color: var(--chumbo);
color: var(--branco);
display: block;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-direction: row;
font-size: 14px;
font-weight: 600;
justify-content: space-between;
letter-spacing: 0.2px;
margin-bottom: 10px;
padding: 22px 26px;
position: relative;
transition: .2s ease all;
width: 100%;
}
.veja_tambem .menu li a:hover {
color: var(--azul-claro);
}
.veja_tambem .menu li a svg g {
-o-transition: .2s ease all;
-webkit-transition: .2s ease all;
transition: .2s ease all;
}
.veja_tambem .menu li a:hover svg g {
fill: var(--azul-claro);
}
.form_contato {
background-color: var(--azul-zixbe);
color: var(--branco);
margin: 0 0 60px;
padding: 30px 30px;
}
.form_contato .form_subtitulo {
font-size: 16px;
margin-bottom: 15px;
}
.form_contato .form_titulo {
font-size: 32px;
font-weight: 700;
margin-bottom: 30px;
}
.form_contato .control {
background-color: transparent !important;
border: none !important;
border-bottom: 2px 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%;
cursor: text;
}
.form_contato .form_ativo {
border-bottom: 2px solid var(--branco) !important;
}
.form_contato input::placeholder,
.form_contato textarea::placeholder {
color: var(--branco);
}
.form_contato .texto_termos,
.form_contato .aviso {
font-family: Poppins;
font-size: 11.5px;
}
.form_contato input {
accent-color: #b4cde2;
cursor: pointer;
line-height: 0;
margin: 0 5px 0 0;
width: 11px;
}
.form_contato .enviar_btn {
background-color: var(--branco);
border: none;
border: 1px solid var(--branco);
color: var(--azul-zixbe);
cursor: pointer;
display: block;
font-size: 16px;
font-weight: 600;
letter-spacing: 2px;
margin: 10px 0px 10px 0px;
padding: 15px 20px;
text-transform: uppercase;
transition: .2s ease all;
width: 100%;
}
.form_contato .enviar_btn:hover {
background-color: var(--azul-zixbe);
color: var(--branco);
}
.form_contato .check {
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
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)
}
}
.error.control::placeholder {
color: #ff98a7 !important;
}
#contato-status {
color: #ff98a7;
font-size: 13px;
line-height: 15px;
margin: 0 0 10px;
position: relative;
width: 100%;
}
.content_padrao .pagina_content .alignright {
margin: 0 0 0 30px;
}
@media only screen and (max-width: 1440px) {
.header_page p {
font-size: 24px;
}
.form_contato .form_titulo {
font-size: 24px;
}
.form_contato .form_subtitulo {
font-size: 14px;
}
.consultoria_processo .menu li a {
font-size: 13px;
padding: 26px 20px;
}
.consultoria_processo .menu li a:hover::after {
right: 10px;
}
}
@media only screen and (max-width: 1080px) {
.content_padrao {
min-width: 1000px;
}
}
@media only screen and (max-width: 1024px) {
#sidebar-page {
margin-left: 0%;
width: 100%;
}
.content_padrao {
-ms-flex-direction: column;
-webkit-box-direction: normal;
-webkit-box-orient: vertical;
flex-direction: column;
min-width: 90%;
padding: 0px 40px;
width: 100%;
}
#sidebar-page {
border-top: 2px solid #dadada;
padding-top: 90px;
}
.consultoria_processo .menu li a {
font-size: 14px;
padding: 26px 26px;
}
.form_contato .form_subtitulo {
font-size: 16px;
margin-bottom: 20px;
}
.form_contato .form_titulo {
font-size: 32px;
}
.content_padrao .pagina_content .alignright {
display: none;
}
}
@media only screen and (max-width: 600px) {
.content_padrao {
padding: 0px 18px;
}
.site-main {
padding: 50px 0;
}
}