@font-face {
font-family: 'SonnyVol2';
src: url(//www.neofase.com.br/assets/fonts/SonnyVol2-Bold.woff) format('woff');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'SonnyVol2';
src: url(//www.neofase.com.br/assets/fonts/SonnyVol2-Light.woff) format('woff');
font-weight: normal;
font-style: normal;
}
html, body {
overflow-x: hidden;
}
.servicos{
padding:80px 0;
margin-top:50px;
}
.custom-padding {
padding: 0 125px;
}
.custom-padding20 {
padding: 20px;
}
.white-box-services {
padding: 20px 50px;
border-radius: 5px;
}
.padding-top {
padding: 40px 0;
}
html {
font-size: 87.5%;
padding: 0;
}
body {
padding: 0;
margin: 0;
font-size: 1.1rem;
line-height: 1.5;
font-family: 'SonnyVol2-Light', sans-serif;
font-weight: 300;
font-style: normal;
}
h1 {
font-size: 2.2857rem;
font-family: 'SonnyVol2-Light', sans-serif;
font-weight: 100;
font-style: normal;
}
h2 {
font-size: 1.5rem;
font-family: 'SonnyVol2-Light', sans-serif;
font-weight: 500;
font-style: normal;
line-height: 110%;
}
h3 {
font-size: 1.2857rem;
font-family: 'SonnyVol2-Light', sans-serif;
font-weight: 300;
font-style: normal;
}
p {
font-size: 1rem;
}
h1,
h2,
h3,
p {
margin-bottom: 1rem;
}
.hightlight-box h2.wp-block-heading{
margin-bottom:-5px!important;
}
@media (max-width: 768px) {
html {
font-size: 81.25%;
}
h1 {
font-size: 2.4615rem;
}
h2 {
font-size: 1.615rem;
}
h3 {
font-size: 1.3846rem;
}
.solucao-card {
width: 100% !Important;
}
.container {
padding: 0 15px !important;
}
img {
height: auto !important;
;
}
.gt_float_switcher img {
vertical-align: middle;
display: inline-block;
width: 21px;
height: auto;
margin: 0 5px 0 0;
border-radius: 3px;
}
.gt_float_switcher .gt-selected .gt-current-lang {
padding: 10px 15px;
color: #333;
font-weight: bold;
font-size: 16px;
}
.gt_float_switcher .gt-selected .gt-current-lang {
padding: 5px;
color: #333;
font-weight: bold;
font-size: 16px;
}
.case-box {
width: calc(50% - 10px) !important; border: 1px solid #0093C5; border-radius: 10px;
color: #fff;
text-align: center;
padding: 20px;
box-sizing: border-box;
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.blog-box {
width: calc(100% - 20px) !important;
}
}
.border-radius5{
border-radius:5px;
}
.border-radius20{
border-radius:20px;
}
.wp-block-video video {
vertical-align: middle;
width: 100%; height: auto; max-width: 800px; display: block;
margin: 0 auto; }
.top-bar {
text-align:right;
top:5px;
position: relative;
}
.container {
max-width: 1200px;
margin: 0 auto;
} .container-fullwidth {
width: 100%;
margin-left: -20px; margin-right: -20px;
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw; margin-right: -50vw;
}
.fullwidth-content {
background-color: #f4f4f4;
padding: 20px;
box-sizing: border-box;
}
li {
padding-bottom:20px;
}
.padding20{
padding:20px;
}
.site-header {
padding: 0px 0 10px 0;
background-color: #fff;
}
.header-inner {
display: flex;
padding:10px 0;
align-items: center;
justify-content: space-between;
}
.custom-arrow-list {
list-style: none; padding: 0;
margin: 0;
}
.custom-arrow-list li {
position: relative;
padding-left: 30px; }
.custom-arrow-list li:before {
content: '';
position: absolute;
left: 5px;
top: 8px;
width: 14px; height: 22px; background-image: url(//www.neofase.com.br/wp-content/themes/neofase/assets/images/arrow.png); background-size: contain;
background-repeat: no-repeat;
}
.logo img {
max-height: 40px;
width: auto;
}
.header-button {
font-size: 14px;
color: #227BDD;
margin-left: auto;
line-height: 1.2;
}
.header-divider {
margin: 10px 0;
border: 0;
background: #E0E6EB;
height: 0.5px;
}
.wp-block-separator {
margin: 10px 0;
border: 0 !important;
background: #E0E6EB;
height: 0.5px;
}  .menu-container {
text-align: center;
color:#132833
}
.current-menu-item > a {
font-weight: bold;
color:#132833
}
.main-navigation ul {
list-style: none;
padding: 0;
margin: 0;
display: flex;
justify-content: space-between;
position: relative; 
z-index: 10; 
}
.main-navigation a{
color:#132833;
}
.main-navigation a:hover{
color:#0044cc;
}
.main-navigation ul ul {
display: none;
text-align: left;
}
.main-navigation ul li:hover > ul {
display: block;
padding:15px;
font-size: 14px;
}
.main-navigation ul ul {
display: none;
position: absolute;
left: 0;
z-index: 99999;
width: 250px;
background: #fff;
box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
color: #132833;
transition-delay: 300ms;
height: auto;
}
.main-navigation li {
position: relative;
} .main-navigation ul li ul li{
margin-bottom:10px;
}
.hightlight-box {
padding: 100px 0;
}
.highlight {
border-bottom: 2px solid #0093C5;
}
.highlight .has-large-font-size {
margin-bottom: -20px;
} .solucoes-lista {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 20px;
}
.solucao-card {
background-size: cover;
background-position: center;
border-radius: 10px;
width: 49%;
color: #fff;
position: relative;
height: 293px;
overflow: hidden;
display: flex;
flex-direction: column;
justify-content: flex-end; }
.solucao-titulo {
font-size: 1.5rem;
margin: 0 20px 10px 40px; position: relative;
z-index: 2;
text-align: left;
width: 165px;
line-height: 125%;
}
.solucao-titulo::first-line {
color: fff;
font-size: 1.5rem;
font-family: 'SonnyVol2-Light', sans-serif;
font-weight: 100;
font-style: normal;
}
.solucao-base {
width: 100%;
background: rgba(255, 255, 255, 0.056); backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
border-top: 1px solid rgba(255, 255, 255, 0.2); padding: 10px 20px; box-sizing: border-box;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
display: flex;
align-items: center; justify-content: flex-start; min-height: 60px;
transition: background-color 0.3s ease;
}
.solucao-base:hover {
background: rgba(255, 255, 255, 0.2);
}
.solucao-link {
display: flex;
align-items: left;
padding: 10px 35px;
color: #fff;
border-radius: 5px;
text-decoration: none;
font-weight: bold;
transition: background-color 0.3s ease;
}
.solucao-link .solucao-icon {
margin-right: 5px;
font-size: 1.2rem;
position: relative;
top: -2px;
} .page-noticias .blog-lista {
padding:30px 0 60px 0;
} .page-cases .case-icon{
filter: invert();
}
.page-cases .case-titulo{
color:#132833
}
.page-cases .cases-lista{
padding:20px 0 60px 0;
}
.cases{
padding:40px 0;
}
.content-area .cases {
padding: 0 0 80px 0;
}
.single-cases .cases {
padding: 0 0 40px 0;
}
.case-space {
padding: 40px 0 50px 0 !important;
}   
.border-line{
border-bottom:1px solid #0093C5;
}
.cases-lista {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: 10px;
margin-top: 20px;
padding:0px 0;
}
.floating-seal {
position: fixed;
bottom: 20px;
right: 20px;
z-index: 9999;
cursor: pointer;
width: 100px; }
.case-box {
width: calc(25% - 20px); border: 1px solid #0093C5; border-radius: 10px;
color: #fff;
text-align: center;
padding: 30px;
box-sizing: border-box;
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.case-box:hover {
transform: translateY(-5px); }
.case-icon {
max-width: 50px;
}
.case-titulo {
font-size: 1.1rem;
color: #fff;
margin: 0px 0 0;
font-family: 'SonnyVol2-Light', sans-serif;
font-weight: 300;
font-style: normal;
}
a {
text-decoration: none;
} footer {
background: #132833;
color: #fff;
padding: 50px 0;
}
.footer-items{
display:flex;
}
footer .main-navigation a{
color:#fff!important;
}
footer .main-navigation a:hover{
color:#0093C5!important;
}
footer .main-navigation ul{
display:block;
text-align: left;
max-width: 250px;
}
footer .main-navigation ul li{
padding-bottom:20px
}
footer a {
color: #fff;
}
img.logo-negative {
max-width: 187px!important;
height: auto;
} #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link
{
text-align:center!important;
}
.clientes-carousel {
display: flex;
flex-wrap: nowrap;
overflow-x: scroll;
gap: 20px;
padding: 20px 0;
}
.cliente-box img {
max-width: 180px;
text-align: center;
box-sizing: border-box;
}
.cliente-logo {
max-width: 18ing0px;
margin-bottom: 10px;
}
.cliente-titulo {
font-size: 1rem;
color: #333;
margin: 10px 0 0;
}
.cliente-box {
text-align: center;
padding: 10px;
}
.cliente-box img {
max-width: 100%;
height: auto;
}
.slick-prev, .slick-next {
display: block;
}
.slick-custom-arrows {
position: absolute;
top: -19px;
right: 5px;
z-index: 10;
display: flex;
flex-direction: row; align-items: center;
}
.slick-prev:before, .slick-next:before{
display:none;
}
.slick-custom-arrows button {
background-color: #132833; border: none;
width: 40px;
height: 40px;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-size: 20%; }
.slick-custom-arrows button:focus,
.slick-custom-arrows button:active,
.slick-custom-arrows button:hover {
background-color: #0044cc; background-size: 20% !important; background-repeat: no-repeat;
background-position: center;
background-image: inherit; }
.slick-custom-arrows .slick-prev {
background-image: url(//www.neofase.com.br/wp-content/themes/neofase/assets/images/seta-esquerda.png)!important;
left:-60px;
}
.clientes-atendidos {
margin-bottom:-1px;
}
.slick-custom-arrows .slick-next {
background-image: url(//www.neofase.com.br/wp-content/themes/neofase/assets/images/seta-direita.png)!important;
} .slick-custom-arrows button:hover {
background-size: contain; background-repeat: no-repeat;
background-position: center;
}
.clientes-list {
display: flex;
flex-wrap: wrap;
gap: 20px;
margin: 20px 0 40px 0;
}
.cliente-item {
flex: 1 1 calc(25% - 20px); max-width: calc(25% - 20px); box-sizing: border-box;
border: 1px solid #ddd;
border-radius: 10px;
overflow: hidden;
transition: transform 0.3s ease;
background-color: #fff;
}
.cliente-box {
box-sizing: border-box;
border: 1px solid #ddd;
border-radius: 10px;
overflow: hidden;
transition: transform 0.3s ease;
background-color: #fff;
}
.cliente-item:hover {
transform: translateY(-5px); }
.slick-slide {
margin: 0 10px; } .slick-list {
margin: 0 -10px; }
.cliente-thumbnail img {
width: 100%;
height: auto;
display: block;
}
.cliente-title {
font-size: 18px;
margin: 15px;
text-align: center;
}
.cliente-excerpt {
padding: 0 15px 15px;
font-size: 14px;
color: #555;
text-align: center;
} @media (max-width: 1024px) {
.cliente-item {
flex: 1 1 calc(33.33% - 20px); }
}
@media (max-width: 768px) {
.top-bar {
text-align: right;
}
.header-button {
position: relative;
top: -8px;
line-height:0.9!important;
}
.cliente-item {
flex: 1 1 calc(50% - 20px); }
.footer-items{
display:block;
}
footer .footer-items .main-navigation {
padding:0!important;
margin:0!important;
}
h1 {
font-size: 1.5em;
}
}
@media (max-width: 480px) {
.cliente-item {
flex: 1 1 100%; }
} .blog-lista {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: 20px;
margin-top: 20px;
}
.blog-box {
width: calc(33.333% - 20px); border-radius: 10px;
height: 380px;
overflow: hidden;
background-color: #fff;
border: 0.5px solid #132833;
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.blog-box:hover {
transform: translateY(-5px); }
.blog-image {
width: 100%;
height: 60%; background-size: cover;
background-position: center;
}
.blog-content {
padding: 20px;
text-align: left;
}
.blog-titulo {
font-size: 1.2rem;
color: #333;
margin: 0 0 10px;
line-height: 120%;
font-weight: bold;
}
.blog-divisoria {
width: 100%;
height: 0.5px;
background-color: #132833;
margin: 20px 0;
}
.blog-link {
display: inline-block;
padding: 10px 0;
color: #201600;
border-radius: 5px;
text-decoration: none;
transition: background-color 0.3s ease;
} .page-header {
background-size: cover;
background-position: center;
padding: 40px 0;
color: #fff; position: relative;
margin-bottom: 50px;
z-index: -1;
}
.page-header.dark {
color: #fff; }
.page-header::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5); z-index: 1;
display: none; }
.page-header.dark::before {
display: block; }
.container {
position: relative;
max-width: 1300px;
margin: 0 auto;
padding: 0 20px;
}
.page-title {
font-size: 1.5rem;
margin-bottom: 5px;
text-align: left;
text-transform: uppercase;
}
.breadcrumb {
text-align: left;
}
.breadcrumb a {
color: #fff;
font-size: 12px;
}
.breadcrumb p {
margin: 0;
font-size: 12px;
color: inherit; }  .schema-faq-section {
font-family: Arial;
background: white;
margin: 1rem 0;
border: 1px solid rgba(0, 0, 0, 0.13);
border-radius: 4px; }
.schema-faq-question {
cursor: pointer;
font-size:14px!important;
display: flex;
align-items: center;
transition: opacity ease 0.25s;
padding: 1rem;
}
.schema-faq-question:hover {
color: var(--wp--preset--color--secondary);
}
.schema-faq-question:after {
width: 16px;
height: 20px;
display: inline-block;
margin-left: auto;
margin-right: 5px;
vertical-align: top;
color: inherit;
content: "+";
}
.schema-faq-question.expanded:after {
content: "-";
}
.schema-faq-question:hover {
opacity: 0.75;
}
.schema-faq-answer {
padding: 0 1rem 1rem 1rem;
display: none;
}
.schema-faq-answer.default {
display: block;
} .editor-styles-wrapper .schema-faq-question {
cursor: text;
}
.editor-styles-wrapper .schema-faq-answer {
display: block;
}  .wpcf7-form input[type="tel"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="text"],
.wpcf7-form select,
.wpcf7-form textarea{
width: 100%;
padding: 10px;
margin: 5px 0;
border: 1px solid #132833;
border-radius: 5px;
box-sizing: border-box;
color:#333;
font-family: 'SonnyVol2-Light', sans-serif;
box-sizing: border-box;
}
.sib-email-area input {
border:0;
max-width: 100%;
border-radius: 5px;
width: 400px;
margin: 0!important;
padding:15px 10px;
box-sizing: border-box;
}
.sib-default-btn{
background-color: #165090;
padding: 15px 20px;
border-radius: 5px;
border:0;
font-size:14px;
color:#fff;
}
.sib-default-btn:hover{
background-color: #4599b3;
} .wpcf7-form input[type="submit"] {
background-color: #132833;
color: white;
border: none;
padding: 10px 20px;
border-radius: 5px;
cursor: pointer;
transition: background-color 0.3s;
}
.wpcf7-form input[type="submit"]:hover {
background-color: #4599b3;
} @media (max-width: 600px) {
.form-row {
flex-direction: column;
}
} .form-row input {
flex: 1;
min-width: 0;
} @media (max-width: 600px) {
.header-inner {
justify-content: start!important;
}
.header-button {
font-size: 14px;
color: #227BDD;
margin-left: 15px;
}
.wpcf7-form div {
flex-direction: column;
}
}
.selo-flutuante {
position: relative;
top: 45px;
}
.floating-seal {
position: absolute;
bottom: 8%;
right: 5%;
z-index: 9999;
cursor: pointer;
width: 100px;
}
@media only screen and (max-width: 600px) {
.selo-flutuante {
position: relative;
top: 35px;
}
.floating-seal {
position: absolute;
bottom: 8%;
right: 7%;
z-index: 9999;
cursor: pointer;
width: 78px;
}
}