.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}@font-face {
font-family: "Eina";
src: url(//naval.serferacos.com.br/wp-content/themes/app/dist/fonts/Eina/Eina03-Regular.ttf);
src: url(//naval.serferacos.com.br/wp-content/themes/app/dist/fonts/Eina/Eina03-Regular.ttf),
}
@font-face {
font-family: "Eina";
src: url(//naval.serferacos.com.br/wp-content/themes/app/dist/fonts/Eina/Eina03-RegularItalic.ttf);
src: url(//naval.serferacos.com.br/wp-content/themes/app/dist/fonts/Eina/Eina03-RegularItalic.ttf);
font-weight: normal;
font-style: italic;
}
@font-face {
font-family: "Eina";
src: url(//naval.serferacos.com.br/wp-content/themes/app/dist/fonts/Eina/Eina03-Bold.ttf);
src: url(//naval.serferacos.com.br/wp-content/themes/app/dist/fonts/Eina/Eina03-Bold.ttf);
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: "Eina";
src: url(//naval.serferacos.com.br/wp-content/themes/app/dist/fonts/Eina/Eina01-BoldItalic.ttf);
src: url(//naval.serferacos.com.br/wp-content/themes/app/dist/fonts/Eina/Eina01-BoldItalic.ttf);
font-weight: bold;
font-style: italic;
}
:root{
--laranja: #FF7A59;
--azulEscuro: #243140;
--gradienteX: linear-gradient(45deg, #243140 0%, #1A4475 100%);
--boxShadow: 0px 19px 33px 0px rgba(0, 0, 0, 0.25);
--padding: 100px;
--azulClaro: #305B9A;
}
body, html, div, h1, h2, h3, h4, h5, h6, p, label, span, input, textarea, button, select, a{
font-family: "Eina", sans-serif;
-webkit-tap-highlight-color: transparent;
}
body, html{
overflow-x: hidden;
scroll-behavior: smooth;
scroll-padding-top: 60px;
}
h1{
font-weight: 700;
font-size: 48px;
line-height: 56px;
color: white;
}
h2{
font-weight: 700;
font-size: 32px;
line-height: normal;
color: var(--azulClaro);
}
h3{
font-weight: 700;
font-size: 20px;
line-height: 24px;
color: var(--azulClaro);
}
p{
font-weight: 400;
font-size: 20px;
line-height: normal;
color: #6E6E6E;
}
button{
cursor: pointer;
}
section, footer{
background-size: cover;
background-position: center;
}
.text-center, .center{
width: 100%;
text-align: center;
}
.center{
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.center.column{
align-items: flex-start;
text-align: left;
}
.text-white{
color: white !important;
}
.container-fluid{
width: 1350px;
margin: 0 auto;
padding: 0 10px;
max-width: 100%;
}
.btnDefault {
display: inline-block;
margin: 20px 0;
font-weight: bold;
font-size: 20px;
line-height: 24px;
color: var(--azulClaro);
text-align: center;
padding: 12px 40px;
cursor: pointer;
transition: 0.3s all;
min-width: 200px;
max-width: 100%;
border-radius: 5px;
background: white;
}
.btnDefault.blue{
color: white;
background: var(--azulClaro) ;
}
form .btnDefault{
padding: 10px 20px;
min-width:0;
background:#243140;
border-radius:14px;
}
.btnDefault:hover{
background-color: var(--laranja);
color: white;
}
section.home {
min-height: 100vh;
display: flex;
align-items: center;
padding-top: 300px;
position: relative;
}
section.home::after{
content: '';
display: block;
background-image: url(//naval.serferacos.com.br/wp-content/themes/app/dist/images/curve.png);
background-size: 100%;
background-position: bottom center;
background-repeat: no-repeat;
position: absolute;
bottom: -1px;
left: 0;
width: 100%;
height: 100%;
z-index: 0;
}
section.home *{
position: relative;
z-index: 1;
}
section.home h1{
font-size: 48px;
line-height: normal;
}
section.home p{
margin-bottom: 10px;
color: white;
}
section.home .scrollBottom{
margin: 100px 0;
animation: floating 3s ease-in-out infinite;
cursor: pointer;
}
@keyframes floating {
0% {
transform: translateY(0);
}
50% {
transform: translateY(-10px);
}
100% {
transform: translateY(0);
}
}
section.sobre{
padding: var(--padding) 0;
}
.image-overlay {
position: relative;
display: flex;
justify-content: center;
align-items: center;
padding: 15% 55px 15% 0;
}
.image-overlay img{
width: auto;
height: auto;
border-radius: 10px;
object-fit: cover;
z-index: 1;
transition: 0.3s all;
}
.image-overlay img:hover{
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
transform: scale(1.05);
}
.image-overlay::before{
content: '';
display: block;
background-image: url(//naval.serferacos.com.br/wp-content/themes/app/dist/images/overlay-before.png);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
width: 200px;
height: 200px;
position: absolute;
left: 0;
top: 0;
transition: 0.3s all;
}
.image-overlay::after {
content: '';
display: block;
background-image: url(//naval.serferacos.com.br/wp-content/themes/app/dist/images/overlay-after.png);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
width: 280px;
height: 280px;
position: absolute;
right: 40px;
bottom: 0;
transition: 0.3s all;
}
.mark{
background-color: #F0F0F0;
border-radius: 20px;
position: relative;
overflow: hidden;
padding: 40px;
padding-left: 38px;
margin: 10px 0;
color: #F26522;
font-weight: bold;
}
.mark::before{
content: '';
display: block;
width: 8px;
height: 100%;
background-color: var(--laranja);
position: absolute;
left: 0;
top: 0;
}
section.materiais {
padding: var(--padding) 0;
background: linear-gradient(270deg, #243140 0%, #1A4475 100%);
margin-top: -120px;
padding-top: calc(var(--padding) + 130px);
}
section.materiais img{
border: 2px solid #F26522;
border-radius: 15px;
transition: 250ms all;
height: 450px;
object-fit: cover;
}
section.materiais img:hover{
transform: scale(1.02);
}
section.materiais :is(p, h2) {
color: white;
}
section.materiais video {
width: auto;
height: 550px;
border-radius: 30px;
overflow: hidden;
margin: 0 auto;
display: block;
}
#transform {
margin-top: 30px;
z-index: 1;
}
.line-transform{
margin-top: var(--padding);
}
.box-transform{
border-radius: 30px;
overflow: hidden;
display: flex;
}
.box-transform div{
height: 100%;
}
.box-transform div img{
height: 100%;
object-fit: cover;
}
.box-transform div:first-child{
border-right: 4px solid white;
}
.box-transform div:last-child{
border-left: 4px solid white;
}
.line .box-transform{
height: 312px;
}
section.orcamento{
padding: var(--padding) 0;
}
section.diferenciais {
padding: calc(var(--padding) + 70px) 0;
background-color: transparent;
position: relative;
} .pillars{
position: relative;
margin-top: 30px;
}
.pillars .logo-overlay {
position: absolute;
max-width: 200px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
opacity: 0.3;
transition: 250ms all;
}
.pillars .logo-overlay:hover{
opacity: 1;
}
.pillars div{
display: flex;
align-items: center;
}
.pillars div#pillars-1{
justify-content: center;
}
.pillars div#pillars-2{
justify-content: space-between;
margin-top: -75px;
margin-bottom: 35px;
}
.pillars div#pillars-3{
justify-content: space-evenly;
}
.pillar-block {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
max-width: 200px;
}
.circle{
width: 150px;
height: 150px;
border-radius: 100%;
background-color: rgba(255, 122, 89, 0.20);
display: flex; justify-content: center; align-items: center;
}
.border{
width: 125px;
height: 125px;
border-radius: 100%;
background-color: rgba(255, 122, 89, 0.5);
display: flex; justify-content: center; align-items: center;
}
.icon{
width: 100px;
height: 100px;
border-radius: 100%;
background-color: var(--azulEscuro);
display: flex; justify-content: center; align-items: center;
transition: 0.5s all;
}
.icon:hover{
transform: scale(1.5);
transition: 0.5s all;
}
.icon img{
max-width: 45px;
}
.pillar-block h4{
font-size: 16px;
font-weight: bold;
text-align: center;
margin-top: 10px;
margin-bottom: 5px;
}
.pillar-block p{
font-size: 16px;
font-weight: normal;
margin: 0;
text-align: center;
}
section.partnership{
padding: var(--padding) 0;
}
section.partnership .line{
padding: calc(var(--padding) / 2) 0;
position: relative;
}
section.partnership .line .center{
position: relative;
}
section.partnership #line1 .center::before{
content: '';
display: block;
height: calc( 50% + calc(var(--padding) / 2));
width: 1px;
background-color: #2431403b;
position: absolute;
top: calc(calc(50% + calc(var(--padding) / 2)) - 50px);
z-index: -1;
}
section.partnership #line1::before{
content: '';
display: block;
width: calc(80% - 64px);
height: 1px;
background-color: #2431403b;
position: absolute;
bottom: 0;
left: calc(10% + 32px);
}
section.partnership #line2 .center::after{
content: '';
display: block;
height: calc( 50% + var(--padding));
width: 1px;
background-color: #2431403b;
position: absolute;
bottom: calc(calc(50% + calc(var(--padding) / 2)) + 13px);
z-index: -1;
}
section.partnership #line2 .center::before{
content: '';
display: block;
height: calc( 50% + calc(var(--padding) / 2));
width: 1px;
background-color: #2431403b;
position: absolute;
top: calc(calc(50% + calc(var(--padding) / 2)) - 50px);
z-index: -1;
}
section.partnership #line2::before{
content: '';
display: block;
width: calc(80% - 64px);
height: 1px;
background-color: #2431403b;
position: absolute;
bottom: 0;
left: calc(10% + 32px);
}
section.partnership #line3 .center::after{
content: '';
display: block;
height: calc( 50% + var(--padding));
width: 1px;
background-color: #2431403b;
position: absolute;
bottom: calc(calc(50% + calc(var(--padding) / 2)) + 13px);
z-index: -1;
}
.block-document{
width: 100%;
height: 312px;
border-radius: 30px;
overflow: hidden;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.block-document .info{
width: 100%;
height: 100%;
display: flex;
align-items: flex-end;
background: linear-gradient(180deg, rgba(36, 49, 64, 0.00) 50%, #243140 100%);
}
.block-document .info:hover{
background: linear-gradient(180deg, rgba(36, 49, 64, 0.00) 50%, var(--laranja) 100%);
}
.block-document .info p {
text-align: center;
color: white;
width: 100%;
padding: 0 5px;
}
.apresentation{
background-color: #E8E8E9;
border-radius: 30px;
overflow: hidden;
}
.apresentation img{
transition: 0.3s all;
}
.apresentation img:hover{
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
transform: scale(1.05);
}
.double-padding{
padding-left: 2rem !important;
padding-right: 2rem !important;
}
section.skills {
padding: calc(var(--padding) + 100px) 0;
background-color: #F0F0F0;
position: relative;
}
section.skills .column .btnDefault {
margin: 0;
padding: 12px 25px;
}
section.skills::before{
content: '';
display: block;
width: 100%;
height: 112px;
background-image: url(//naval.serferacos.com.br/wp-content/themes/app/dist/images/wave-top.png);
background-size: 100%;
background-position: top center;
background-repeat: no-repeat;
position: absolute;
top: 0;
left: 0;
transform: rotateX(45deg) translateY(-24px) scaleX(-1);
}
section.skills::after{
content: '';
display: block;
width: 100%;
height: 112px;
background-image: url(//naval.serferacos.com.br/wp-content/themes/app/dist/images/wave-bottom.png);
background-size: 100%;
background-position: bottom center;
background-repeat: no-repeat;
position: absolute;
bottom: 0;
left: 0;
transform: rotateX(45deg) translateY(24px) scaleX(-1);
}
section.skills .slick-slider {
margin: 0 -15px;
margin-left: 50px;
}
section.skills .slick-slide { padding: 15px;
}
.block-skill{
border-radius: 30px;
overflow: hidden;
box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.20);
}
.block-skill .btnDefault{
margin: 0;
}
.block-skill .image{
height: 230px;
}
.block-skill .image img{
width: 100%;
height: 100%;
border-radius: 30px 30px 0px 0px;
object-fit: cover;
}
.block-skill .info{
padding: 20px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
background-color: white;
}
.block-skill:hover .info{
background-color: #f0f0f0;
}
.block-skill .info *{
text-align: center;
}
section.depoimentos{
padding: var(--padding) 0;
}
section.depoimentos #depoimentos-slider{
margin-top: 30px;
}
section.depoimentos .slick-slider {
margin: 0 -10px;
}
section.depoimentos .slick-slide {
margin-right: 10px;
margin-left: 10px;
}
.deposition {
padding: 30px 20px 30px 110px;
border-radius: 30px;
background: #F0F0F0;
position: relative;
}
.deposition::after{
content: '';
display: block;
width: 88px;
height: 88px;
position: absolute;
right: 20px;
bottom: 20px;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
background-image: url(//naval.serferacos.com.br/wp-content/themes/app/dist/images/aspas.png);
}
.deposition p {
margin: 0;
font-size: 18px;
min-height: 145px;
}
.deposition .foot{
display: flex;
align-items: center;
margin-top: 50px;
}
.deposition .foot .photo{
width: 88px;
height: 88px;
background: #F0F0F0;
border: 3px solid var(--laranja);
display: flex;
align-items: center;
justify-content: center;
border-radius: 100%;
}
.deposition .foot .photo img {
width: 80px;
height: 80px;
border-radius: 100%;
object-fit: cover;
border: 5px solid transparent;
transition: 250ms all;
}
.deposition:hover .foot .photo img {
border: 5px solid black;
}
.deposition .foot h4{
font-size: 24px;
margin-left: 15px;
}
section.contato{
padding: var(--padding) 0;
}
.box-contact{
border-radius: 30px;
padding: 30px;
box-shadow: 0px 19px 33px 0px rgba(0, 0, 0, 0.25);
background: linear-gradient(83deg, #305B9A 0%, #1E1E1E 100%);
}
.box-contact h2,
.box-contact h2 ~ p{
color: white;
}
.box-contact h2{
font-size: 30px;
}
.form {
background-color: white;
padding: 25px 20px;
border-radius: 30px;
}
.form label{
font-size: 20px;
color: black;
}
.form input:not(.btnDefault) {
background-color: white;
color: black;
border-radius: 10px;
border: 1px solid rgba(0, 0, 0, 0.30);
margin-bottom: 20px;
padding: 10px;
}
.form input.btnDefault{
margin: 0;
width: auto;
border-color: transparent;
}
footer{
position: relative;
padding-top: calc(var(--padding) + 50px);
} footer *{
position: relative;
z-index: 1;
}
footer .logo{
display: flex;
justify-content: center;
}
footer .logo img {
max-width: 450px;
margin-bottom: 10px;
transition: 250ms all;
}
footer .logo img:hover{
transform: scale(1.02);
}
footer h2 {
font-weight: bold;
margin: 10px 0;
text-align: center;
font-size: 48px;
line-height: normal;
}
footer h3 {
font-weight: 400;
margin: 20px 0;
margin-bottom: 80px;
font-size: 32px;
line-height: normal;
}
footer *{
color: white;
text-align: center;
}
footer .copyright {
padding: 30px 0;
margin-top: 20px;
border-top: 1px solid white;
display: flex;
justify-content: space-around;
}
footer .copyright p {
margin: 0;
font-size: 16px;
display: flex;
align-items: center;
justify-content: center;
gap: 5px;
}
.redesSociais,
.info-contact{
display: flex;
justify-content: center;
align-items: center;
}
.redesSociais{
margin-top: 20px;
}
.redesSociais i{
margin: 0 4px;
color: white;
font-size: 36px;
transition: 250ms all;
}
.redesSociais i:hover{
color: #F9AD19;
}
.info-contact a {
margin: 0 20px;
font-size: 22px;
display: flex;
align-items: center;
gap: 10px;
}
.relative{
position: relative;
}
.arrows{
display: flex;
justify-content: space-between;
z-index: 0;
position: absolute;
top: 50%;
width: calc(100% +  124px);
left: -62px;
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
.arrows button{
background-color: transparent;
border: none;
cursor: pointer;
}
.arrows button i{
color: white;
font-size: 62px;
}
.slick-dots{
display: flex;
justify-content: center;
align-items: center;
margin-top: 30px;
}
.slick-dots li{
list-style: none;
margin: 0 10px;
}
.slick-dots li button{
font-size: 0;
width: 36px;
height: 6px;
border-radius: 20px;
background-color: white;
border: none;
}
.depoimentos .slick-dots li button{
background-color: var(--azulEscuro);
}
.wpcf7-not-valid{
border: 1px solid red !important;
}
.wpcf7-not-valid-tip,
.wpcf7-spinner{
display: none;
}
.wpcf7 form .wpcf7-response-output {
font-size: 14px;
} ::-webkit-scrollbar {
width: 10px;
} ::-webkit-scrollbar-track {
background: #f1f1f1;
} ::-webkit-scrollbar-thumb {
background: #000;
}
.header .logo img:hover{
transform: scale(1.02);
}
.sobre .btnDefault {
padding: 12px 25px;
}
.box-transform div:first-child,
.box-transform div:last-child{
position: relative;
}
.box-transform div:first-child:hover::after {
content: 'Antes';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255, 122, 89, 0.60);
border-radius: 15px 0 0 15px;
display: flex;
align-items: center;
justify-content: center;
font-size: 50px;
font-weight: bold;
color: white;
}
.box-transform div:last-child:hover::after{
content: 'Depois';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255, 122, 89, 0.60);
border-radius: 0 15px 15px 0;
display: flex;
align-items: center;
justify-content: center;
font-size: 50px;
font-weight: bold;
color: white;
}
section.materiais .btnDefault {
padding: 12px 25px;
}
section.partnership .box-transform div:first-child:hover::after {
font-size: 22px;
}
section.partnership .box-transform div:last-child:hover::after{
font-size: 22px;
}
section.partnership #line2 .center::after {
height: calc( 56% + var(--padding));
bottom: calc(calc(50% + calc(var(--padding) / 2)) + 0px);
}
section.partnership #line1::before {
width: calc(80% - 66px);
left: calc(10% + 33px);
}
section.partnership #line3 .center::after {
height: calc( 52% + var(--padding));
bottom: calc(calc(50% + calc(var(--padding) / 2)) + 13px);
}
section.partnership #line2::before {
width: calc(80% - 67px);
left: calc(10% + 33px);
}
.info-contact i{
font-size: 30px;
}
.info-contact a:hover,
.info-contact a:hover i{
color: #F9AD19;
}
.page-template-page-politicas .header{
padding: 10px 0;
transition: all ease .4s;
background: var(--d-9-d-9-d-9, #222);
}
.page-template-page-politicas .header .logo img {
max-width: 220px;
}
section.politicas {
margin-top: 85px;
padding: 100px 0;
}
section.politicas h1{
font-weight: 700;
font-size: 30px;
line-height: normal;
color: var(--azulEscuro);
}
section.politicas h2{
font-weight: 700;
font-size: 28px;
line-height: normal;
color: var(--azulEscuro);
margin-top: 50px;
}
section.politicas h3{
font-weight: 700;
font-size: 26px;
line-height: normal;
color: var(--azulEscuro);
margin-top: 50px;
}
section.politicas h4{
font-weight: 700;
font-size: 24px;
line-height: normal;
color: var(--azulEscuro);
margin-top: 50px;
}
section.politicas h5{
font-weight: 700;
font-size: 22px;
line-height: normal;
color: var(--azulEscuro);
margin-top: 50px;
}
section.politicas h6{
font-weight: 700;
font-size: 20px;
line-height: normal;
color: var(--azulEscuro);
margin-top: 50px;
}
section.politicas li {
font-weight: 400;
font-size: 20px;
line-height: normal;
color: #6E6E6E;
margin-bottom: 10px;
}
section.politicas a {
color: var(--laranja);
font-weight: bold;
}
ul.menu-politicas {
display: flex;
align-items: center;
gap: 10px;
}
ul.menu-politicas li{
list-style: none;
font-size: 16px;
}
footer .copyright p br {
display: none;
}
#transform .slick-slide {
margin: 0 15px;
}
#transform .block-skill .info {
min-height: 480px;
justify-content: space-between;
}
#transform  .block-skill .info * {
color: #243140;
}
#transform  .block-skill .info p {
margin-top: 0;
}
section.materiais #transform .btnDefault{
color: white !important;
}
#transform .slick-dots {
display: flex;
justify-content: center;
align-items: center;
margin-top: 50px;
}
#transform .block-skill .image {
height: 340px;
}
#transform .block-skill .info h3 {
margin-bottom: 15px;
margin-top: 10px;
min-height: 50px;
}
#transform .slick-dots li button {
font-size: 0;
width: 22px;
height: 6px;
border-radius: 20px;
background-color: white;
border: none;
}
#transform .slick-dots li {
list-style: none;
margin: 0 6px;
}
section.skills .slick-slide {
width: 480px !important;
}
.diferenciais {
display: flex;
flex-wrap: wrap;
}
.boxDiferencial {
padding: 30px 20px;
border-radius: 15px;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
margin: 6px;
width: 30%;
background: radial-gradient(50% 50% at 50% 50%, #FF9F25 0%, #F83 100%);
transition: 250ms all;
}
.boxDiferencial:hover{
transform: scale(1.02);
}
.boxDiferencial h4 {
color: #FFF;
text-align: center;
font-size: 20px;
font-weight: bold;
margin-top: 10px;
}
.grecaptcha-badge {
visibility: hidden;
}
@media(max-width: 1600px){
.container-fluid {
width: 1150px;
}
.header .logo img {
max-width: 370px;
}
section.home h1 {
font-size: 40px;
}
p {
font-size: 17px;
}
section.home {
padding-top: 120px;
}
section.home .scrollBottom {
margin: 50px 0;
margin-bottom: 0;
width: 40px;
}
h2 {
font-size: 26px;
}
.image-overlay img {
width: 80%;
}
.btnDefault {
font-size: 18px;
}
.pillar-block {
max-width: 180px;
}
.circle {
width: 130px;
height: 130px;
}
.border {
width: 105px;
height: 105px;
}
.icon {
width: 80px;
height: 80px;
}
.block-document {
height: 272px;
}
.line .box-transform {
height: 272px;
}
.block-skill .image {
height: 200px;
}
.deposition p {
font-size: 15px;
min-height: 120px;
}
.deposition .foot h4 {
font-size: 20px;
}
.deposition::after {
width: 78px;
height: 78px;
}
.deposition {
padding: 30px 20px 30px 90px;
}
.deposition .foot .photo {
width: 71px;
height: 71px;
}
.deposition .foot .photo img {
width: 65px;
height: 65px;
}
footer h2 {
font-size: 40px;
}
footer h3 {
margin-bottom: 70px;
font-size: 28px;
}
footer .logo img {
max-width: 360px;
}
.info-contact a {
font-size: 20px;
}
footer .copyright {
padding: 25px 0;
}
footer .copyright p {
font-size: 15px;
}
section.skills {
padding: calc(var(--padding) + 70px) 0;
}
section.skills .slick-slider {
margin-left: 30px;
}
.icon:hover {
transform: scale(1.6);
}
section.diferenciais {
padding: calc(var(--padding) + 35px) 0;
}
section.politicas li {
font-size: 17px;
}
ul.menu-politicas li {
font-size: 15px;
}
#transform  .block-skill .info p {
font-size: 15px;
line-height: 1.4;
}
#transform .block-skill .info {
min-height: 400px;
}
section.skills .slick-slide {
width: 420px !important;
}
.boxDiferencial img {
max-height: 60px;
width: auto;
}
.boxDiferencial h4 {
font-size: 16px;
margin-top: 10px;
}
section.materiais {
margin-top: -110px;
padding-top: calc(var(--padding) + 110px);
}
.box-contact h2 {
font-size: 26px;
}
.form input:not(.btnDefault) {
margin-bottom: 15px;
}
footer {
padding-top: calc(var(--padding) + 30px);
}
section.materiais img {
height: 380px;
}
}
@media(max-width: 1440px){
:root {
--padding: 80px;
}
.container-fluid {
width: 1050px;
}
section.home h1 {
font-size: 36px;
}
p {
font-size: 16px;
}
.header .logo img {
max-width: 330px;
}
section.home {
padding-top: 100px;
min-height: 100vh;
}
h2 {
font-size: 24px;
}
h3 {
font-size: 18px;
}
.image-overlay::after {
width: 220px;
height: 220px;
}
.image-overlay::before {
width: 160px;
height: 160px;
}
.btnDefault {
font-size: 16px;
}
.circle {
width: 110px;
height: 110px;
}
.border {
width: 90px;
height: 90px;
}
.icon {
width: 75px;
height: 75px;
}
.block-document {
height: 232px;
}
.line .box-transform {
height: 232px;
}
.block-skill .image {
height: 180px;
}
.deposition p {
font-size: 14px;
min-height: 110px;
}
.deposition {
padding: 30px 20px 30px 70px;
}
.deposition .foot .photo img {
width: 60px;
height: 60px;
}
.deposition .foot .photo {
width: 66px;
height: 66px;
}
.deposition::after {
width: 68px;
height: 68px;
}
.form label {
font-size: 15px;
}
footer h2 {
font-size: 36px;
}
footer h3 {
margin-bottom: 60px;
font-size: 24px;
}
.info-contact a {
font-size: 20px;
}
footer .logo img {
max-width: 340px;
}
footer .copyright p {
font-size: 14px;
}
.icon:hover {
transform: scale(1.45);
}
.block-skill .info p {
min-height: 85px;
}
ul.menu-politicas li {
font-size: 14px;
}
section.politicas li {
font-size: 16px;
}
#transform  .block-skill .info p {
font-size: 15px;
line-height: 1.4;
min-height: auto;
}
#transform .block-skill .image {
height: 300px;
}
#transform .block-skill .info {
min-height: 415px;
}
section.skills .slick-slide {
width: 390px !important;
}
.boxDiferencial h4 {
font-size: 16px;
margin-top: 10px;
}
.boxDiferencial {
padding: 30px 15px;
}
section.materiais img {
height: 320px;
}
}
@media(max-width: 1366px){
.container-fluid {
width: 1000px;
}
section.home {
min-height: 100vh;
}
section.home h1 {
font-size: 34px;
}
p {
font-size: 15px;
}
.header .logo img {
max-width: 300px;
}
h2 {
font-size: 22px;
}
.btnDefault {
font-size: 15px;
padding: 12px 30px;
}
.arrows button i {
font-size: 42px;
}
.block-document {
height: 222px;
}
.line .box-transform {
height: 222px;
}
.block-skill .image {
height: 170px;
}
.form label {
font-size: 14px;
}
footer h2 {
font-size: 34px;
}
footer h3 {
font-size: 22px;
}
footer .copyright {
padding: 20px 0;
}
.redesSociais i {
font-size: 36px;
}
section.home {
padding-top: 150px;
}
section.materiais video {
height: 450px;
}
section.partnership #line1::before {
width: calc(80% - 50px);
}
section.partnership #line2 .center::after {
height: calc( 50% + var(--padding) + 25px);
}
section.partnership #line2::before {
width: calc(80% - 50px);
left: calc(10% + 25px);
}
section.partnership #line3 .center::after {
height: calc( 50% + var(--padding) + 25px);
}
section.politicas li {
font-size: 15px;
}
#transform .block-skill .image {
height: 280px;
}
#transform .slick-slide {
margin: 0 10px;
}
#transform  .block-skill .info p {
font-size: 13px;
}
#transform .block-skill .info {
min-height: 370px;
}
.boxDiferencial {
margin: 5px;
}
.boxDiferencial img {
max-height: 50px;
width: auto;
border-radius: 10px;
}
.boxDiferencial h4 {
font-size: 15px;
}
section.materiais {
margin-top: -90px;
padding-top: calc(var(--padding) + 90px);
}
}
@media(max-width: 1280px){
.container-fluid {
width: 950px;
}
section.home h1 {
font-size: 32px;
}
p {
font-size: 14px;
}
.header .logo img {
max-width: 310px;
}
section.home {
padding-top: 150px;
min-height: 95vh;
}
.mark {
padding: 30px;
}
.btnDefault {
font-size: 14px;
}
.image-overlay::after {
width: 200px;
height: 200px;
}
.icon {
width: 65px;
height: 65px;
}
.icon img {
max-width: 30px;
}
.border {
width: 85px;
height: 85px;
}
.circle {
width: 100px;
height: 100px;
}
.pillar-block p {
font-size: 12px;
}
.pillar-block {
max-width: 150px;
}
.pillars .logo-overlay {
max-width: 130px;
}
.block-document {
height: 212px;
}
.line .box-transform {
height: 212px;
}
h3 {
font-size: 16px;
}
.deposition .foot h4 {
font-size: 18px;
}
.deposition {
padding: 30px 20px 30px 60px;
}
.deposition .foot .photo img {
width: 50px;
height: 50px;
}
.deposition .foot .photo {
width: 65px;
height: 65px;
}
.deposition::after {
width: 58px;
height: 68px;
}
.deposition p {
font-size: 13px;
min-height: 100px;
}
.form label {
font-size: 13px;
}   
footer h2 {
font-size: 32px;
}
footer h3 {
font-size: 20px;
}
footer .logo img {
max-width: 300px;
}
footer .copyright p {
font-size: 13px;
}
.icon:hover {
transform: scale(1.55);
}
ul.menu-politicas li {
font-size: 13px;
}
section.politicas li {
font-size: 14px;
}
#transform .block-skill .info {
min-height: 385px;
}
.form {
padding: 20px 20px;
}
.boxDiferencial {
padding: 20px 10px;
}
}
@media(max-width: 1024px){
.container-fluid {
width: 100%;
}
.header .logo img {
max-width: 280px;
}
.block-document {
height: 222px;
}
.line .box-transform {
height: 222px;
}
.block-skill .info {
padding: 15px;
}
.block-skill .image {
height: 150px;
}
footer h2 {
font-size: 30px;
}
section.partnership #line1::before {
width: calc(80% - 51px);
left: calc(10% + 26px);
}
section.partnership #line2::before {
width: calc(80% - 50px);
left: calc(10% + 26px);
}
.info-contact i {
font-size: 24px;
}
#transform .block-skill .info {
min-height: 360px;
}
section.skills .slick-slide {
width: 330px !important;
}
}
@media(min-width:  769px){
.hide-desktop{
display: none !important;
}
}
@media(max-width:  991px){
:is(h1, h2, h3, h4, h5, h6, p){
text-align: center;
}
:is(h1, h2, h3, h4, h5, h6){
width: 100%;
}
.hide-mobile{
display: none !important;
}
h1{
font-size: 36px;
line-height: 42px;
}
.btnDefault{
margin: 20px auto;
width: max-content;
justify-content: center;
align-items: center;
display: flex;
}
section.home{
padding-top: 134px;
}
section.home .scrollBottom {
margin: 50px 0;
}
.image-overlay img{
max-width: 80%;
}
.image-overlay{
margin-bottom: 50px;
}
.image-overlay::before{
width: 120px;
height: 120px;
}
.image-overlay::after{
width: 160px;
height: 160px;
}
section.materiais .row:not(.line-transform){
display: flex;
flex-direction: column-reverse;
}
section.materiais video{
margin-bottom: 80px;
}
.pillars .circle{
width: 90px;
height: 90px;
}
.pillars .border {
width: 80px;
height: 80px;
}
.pillars .icon {
width: 70px;
height: 70px;
}
.pillars .pillar-block{
max-width: 100px;
}
.pillars .pillar-block p{
font-size: 12px;
line-height: 16px;
}
section.partnership .center::before,
section.partnership .center::after,
section.partnership .line::before{
display: none !important;
}
section.partnership .circle{
margin-bottom: 50px;
}
section.partnership h3{
width: 100%;
}
.scroll-mobile{
width: 100%;
display: flex;
flex-direction: row !important;
flex-wrap: nowrap !important;
}
.scroll-mobile > div {
margin-right: 0px;
max-width: 90%;
}
section.skills .row{
flex-direction: column-reverse
}
section.skills {
padding: var(--padding) 0;
}
.deposition .foot h4{
display: flex;
text-align: left;
flex: 1;
}
.deposition{
padding-bottom: 128px
}
.deposition::after{
right: 50%;
-webkit-transform: translateX(50%);
-moz-transform: translateX(50%);
-ms-transform: translateX(50%);
-o-transform: translateX(50%);
transform: translateX(50%);
}
.box-contact{
padding: 60px 10px;
}
.info-contact{
align-items: center;
flex-direction: column;
justify-content: center;
}
p {
font-size: 16px;
}
.pillars .logo-overlay {
max-width: 180px;
}
.pillars .pillar-block {
max-width: 120px;
}
.pillars .icon {
width: 65px;
height: 65px;
}
.block-document {
height: 332px;
}
.line .box-transform {
height: 322px;
}
.block-skill .image {
height: 200px;
}
.deposition {
padding: 20px 20px 20px 20px;
padding-bottom: 98px;
}
.deposition p {
font-size: 14px;
min-height: 150px;
}
.scroll-mobile > div {
max-width: 100%;
}
.scroll-mobile .slick-dots li button {
background-color: #E8E8E9;
}
section.skills .slick-slider {
margin-left: 0px;
}
.line .box-transform {
height: 342px;
}
footer .copyright {
flex-direction: column;
align-items: center;
gap: 20px;
}
.slick-dots li button {
width: 6px;
height: 6px;
}
#transform .block-skill .info {
min-height: 360px;
}
section.skills .slick-slide {
width: 380px !important;
}
section.skills .row {
padding: 0 !important;
}
section.skills .slick-slider {
margin: 0px 0px;
}
.mark {
width: 100%;
}
section.diferenciais {
background-position-x: 90%;
}
.col-lg-5 .diferenciais {
margin-top: 20px;
}
.boxDiferencial {
padding: 50px 25px;
flex-grow: 1;
}
.boxDiferencial h4 {
font-size: 18px;
}
section.materiais img {
width: 65%;
margin: 0 auto 70px;
display: block;
}
}
@media(max-width:  560px){
:root {
--padding: 50px;
}
section.materiais video{
margin-bottom: 20px;
}
section.home {
min-height: 100vh;
}
h2 {
font-size: 28px;
}
.image-overlay {
padding: 15% 0px 15% 0;
}
.image-overlay::after {
width: 140px;
height: 140px;
right: 0px;
bottom: 0;
}
.image-overlay::before {
width: 100px;
height: 100px;
}
.pillars .pillar-block {
max-width: 100px;
}
.pillars .logo-overlay {
max-width: 130px;
}    
.block-document {
height: 302px;
}
.line .box-transform {
height: 302px;
}
.block-skill .image {
height: 190px;
}
.info-contact a {
font-size: 16px;
margin-bottom: 15px;
}
footer h3 {
font-size: 22px;
}
.sobre .btnDefault {
padding: 12px 15px;
}
.box-transform div:first-child:hover::after {
font-size: 30px;
}
.box-transform div:last-child:hover::after {
font-size: 30px;
}
.image-overlay {
margin-bottom: 20px;
}
ul.menu-politicas {
flex-direction: column;
}
footer .copyright p {
display: block;
}
footer .copyright p {
line-height: 2;
}
footer .copyright p br {
display: block;
}
section.politicas {
padding: 50px 0;
}
.slick-dots li {
margin: 0 5px;
}
#transform .block-skill .info {
min-height: 350px;
}
#transform .slick-dots {
display: none !important;
}
section.materiais {
padding-bottom: 150px;
}
section.materiais .arrows {
top: 112%;
width: calc(100% +  -256px);
left: 36%;
}
section.skills .slick-slide {
width: 100% !important;
}
.boxDiferencial {
padding: 35px 10px;
border-radius: 15px;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
margin: 5px;
width: 45%;
background: radial-gradient(50% 50% at 50% 50%, #FF9F25 0%, #F83 100%);
transition: 250ms all;	
}
.boxDiferencial h4 {
font-size: 16px;
}
section.materiais img {
width: 95%;
margin: 0 auto 40px;
display: block;
}
section.materiais {
padding-bottom: 50px;
}
section.diferenciais .col-lg-5{
padding: 0;
}
section.home h1 br,
section.home p br {
display: none;
}
section.materiais img {
height: 240px;
}
}
@media(max-width:  375px){
section.home h1 {
font-size: 24px;
}
p {
font-size: 14px;
}
h2 {
font-size: 26px;
}
.btnDefault {
font-size: 13px;
}
.pillars .logo-overlay {
max-width: 110px;
}
.pillars div#pillars-2 {
margin-bottom: 25px;
}
.block-document {
height: 272px;
}
.line .box-transform {
height: 272px;
}
.block-skill .image {
height: 180px;
}
.box-contact {
padding: 40px 10px;
}
footer .logo img {
max-width: 250px;
}
footer h2 {
font-size: 28px;
}
footer h3 {
font-size: 20px;
}
section.materiais video {
height: 400px;
}
.icon:hover {
transform: scale(1.35);
}
.block-document {
height: 292px;
}
.line .box-transform {
height: 292px;
}
.block-skill .info p {
min-height: 70px;
}
.partnership .icon:hover {
transform: scale(1.55);
}
.mark {
padding: 25px;
}
}
@media(max-width:  330px){
section.home h1 {
font-size: 24px;
}
section.home .scrollBottom {
width: 30px;
}
.mark {
padding: 25px;
}
h2 {
font-size: 24px;
}
.pillars .pillar-block p {
font-size: 11px;
line-height: 14px;
}
.pillars .pillar-block {
max-width: 90px;
}
.pillars .logo-overlay {
max-width: 90px;
}
.block-document {
height: 232px;
}
.line .box-transform {
height: 232px;
}
.block-skill .image {
height: 160px;
}
.form {
padding: 20px 10px;
}
footer h2 {
font-size: 26px;
}
footer h3 {
font-size: 18px;
}
footer .logo img {
max-width: 220px;
}
.info-contact a {
font-size: 16px;
margin-bottom: 15px;
}
section.home h1 {
font-size: 22px;
}
section.home {
padding-top: 104px;
}
.block-document {
height: 252px;
}
.line .box-transform {
height: 252px;
}
.block-skill .info p {
min-height: 80px;
}
ul.menu-politicas li {
font-size: 12px;
}
#transform .block-skill .image {
height: 260px;
}
#transform .block-skill .info {
min-height: 380px;
}
}.no-pad{
padding: 0
} .no-pad-l{
padding-left: 0;
} .no-pad-r{
padding-right: 0;
}
.container-fluid {
margin-right: auto;
margin-left: auto;
}
.row {
box-sizing: border-box;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex: 0 1 auto;
-webkit-box-flex: 0;
flex: 0 1 auto;
-ms-flex-direction: row;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.row.reverse {
-ms-flex-direction: row-reverse;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
flex-direction: row-reverse;
}
.col.reverse {
-ms-flex-direction: column-reverse;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
flex-direction: column-reverse;
}
.col-xs,
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
box-sizing: border-box;
-ms-flex: 0 0 auto;
-webkit-box-flex: 0;
flex: 0 0 auto;
padding-right: 9px;
padding-left: 9px;
}
.col-xs {
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
flex-basis: 0;
max-width: 100%;
}
.col-xs-1 {
-ms-flex-preferred-size: 8.333%;
flex-basis: 8.333%;
max-width: 8.333%;
}
.col-xs-2 {
-ms-flex-preferred-size: 16.666%;
flex-basis: 16.666%;
max-width: 16.666%;
}
.col-xs-3 {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%;
}
.col-xs-4 {
-ms-flex-preferred-size: 33.333%;
flex-basis: 33.333%;
max-width: 33.333%;
}
.col-xs-5 {
-ms-flex-preferred-size: 41.666%;
flex-basis: 41.666%;
max-width: 41.666%;
}
.col-xs-6 {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%;
}
.col-xs-7 {
-ms-flex-preferred-size: 58.333%;
flex-basis: 58.333%;
max-width: 58.333%;
}
.col-xs-8 {
-ms-flex-preferred-size: 66.666%;
flex-basis: 66.666%;
max-width: 66.666%;
}
.col-xs-9 {
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%;
}
.col-xs-10 {
-ms-flex-preferred-size: 83.333%;
flex-basis: 83.333%;
max-width: 83.333%;
}
.col-xs-11 {
-ms-flex-preferred-size: 91.666%;
flex-basis: 91.666%;
max-width: 91.666%;
}
.col-xs-12 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
}
.col-xs-offset-1 {
margin-left: 8.333%;
}
.col-xs-offset-2 {
margin-left: 16.667%;
}
.col-xs-offset-3 {
margin-left: 25%;
}
.col-xs-offset-4 {
margin-left: 33.333%;
}
.col-xs-offset-5 {
margin-left: 41.667%;
}
.col-xs-offset-6 {
margin-left: 50%;
}
.col-xs-offset-7 {
margin-left: 58.333%;
}
.col-xs-offset-8 {
margin-left: 66.667%;
}
.col-xs-offset-9 {
margin-left: 75%;
}
.col-xs-offset-10 {
margin-left: 83.333%;
}
.col-xs-offset-11 {
margin-left: 91.667%;
}
.start-xs {
-ms-flex-pack: start;
-webkit-box-pack: start;
justify-content: flex-start;
text-align: start;
}
.center-xs {
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
text-align: center;
}
.end-xs {
-ms-flex-pack: end;
-webkit-box-pack: end;
justify-content: flex-end;
text-align: end;
}
.top-xs {
-ms-flex-align: start;
-webkit-box-align: start;
align-items: flex-start;
}
.middle-xs {
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
}
.bottom-xs {
-ms-flex-align: end;
-webkit-box-align: end;
align-items: flex-end;
}
.around-xs {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.between-xs {
-ms-flex-pack: justify;
-webkit-box-pack: justify;
justify-content: space-between;
}
.first-xs {
-ms-flex-order: -1;
-webkit-box-ordinal-group: 0;
order: -1;
}
.last-xs {
-ms-flex-order: 1;
-webkit-box-ordinal-group: 2;
order: 1;
}
@media only screen and (min-width: 425px) {
.container {
width: 46rem;
}
.col-sm,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12 {
box-sizing: border-box;
-ms-flex: 0 0 auto;
-webkit-box-flex: 0;
flex: 0 0 auto;
padding-right: 1rem;
padding-left: 1rem;
}
.col-sm {
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
flex-basis: 0;
max-width: 100%;
}
.col-sm-1 {
-ms-flex-preferred-size: 8.333%;
flex-basis: 8.333%;
max-width: 8.333%;
}
.col-sm-2 {
-ms-flex-preferred-size: 16.667%;
flex-basis: 16.667%;
max-width: 16.667%;
}
.col-sm-3 {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%;
}
.col-sm-4 {
-ms-flex-preferred-size: 33.333%;
flex-basis: 33.333%;
max-width: 33.333%;
}
.col-sm-5 {
-ms-flex-preferred-size: 41.667%;
flex-basis: 41.667%;
max-width: 41.667%;
}
.col-sm-6 {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%;
}
.col-sm-7 {
-ms-flex-preferred-size: 58.333%;
flex-basis: 58.333%;
max-width: 58.333%;
}
.col-sm-8 {
-ms-flex-preferred-size: 66.667%;
flex-basis: 66.667%;
max-width: 66.667%;
}
.col-sm-9 {
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%;
}
.col-sm-10 {
-ms-flex-preferred-size: 83.333%;
flex-basis: 83.333%;
max-width: 83.333%;
}
.col-sm-11 {
-ms-flex-preferred-size: 91.667%;
flex-basis: 91.667%;
max-width: 91.667%;
}
.col-sm-12 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
}
.col-sm-offset-1 {
margin-left: 8.333%;
}
.col-sm-offset-2 {
margin-left: 16.667%;
}
.col-sm-offset-3 {
margin-left: 25%;
}
.col-sm-offset-4 {
margin-left: 33.333%;
}
.col-sm-offset-5 {
margin-left: 41.667%;
}
.col-sm-offset-6 {
margin-left: 50%;
}
.col-sm-offset-7 {
margin-left: 58.333%;
}
.col-sm-offset-8 {
margin-left: 66.667%;
}
.col-sm-offset-9 {
margin-left: 75%;
}
.col-sm-offset-10 {
margin-left: 83.333%;
}
.col-sm-offset-11 {
margin-left: 91.667%;
}
.start-sm {
-ms-flex-pack: start;
-webkit-box-pack: start;
justify-content: flex-start;
text-align: start;
}
.center-sm {
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
text-align: center;
}
.end-sm {
-ms-flex-pack: end;
-webkit-box-pack: end;
justify-content: flex-end;
text-align: end;
}
.top-sm {
-ms-flex-align: start;
-webkit-box-align: start;
align-items: flex-start;
}
.middle-sm {
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
}
.bottom-sm {
-ms-flex-align: end;
-webkit-box-align: end;
align-items: flex-end;
}
.around-sm {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.between-sm {
-ms-flex-pack: justify;
-webkit-box-pack: justify;
justify-content: space-between;
}
.first-sm {
-ms-flex-order: -1;
-webkit-box-ordinal-group: 0;
order: -1;
}
.last-sm {
-ms-flex-order: 1;
-webkit-box-ordinal-group: 2;
order: 1;
}
}
@media only screen and (min-width: 768px) {
.container {
width: 61rem;
}
.col-md,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12 {
box-sizing: border-box;
-ms-flex: 0 0 auto;
-webkit-box-flex: 0;
flex: 0 0 auto;
padding-right: 1rem;
padding-left: 1rem;
}
.col-md {
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
flex-basis: 0;
max-width: 100%;
}
.col-md-1 {
-ms-flex-preferred-size: 8.333%;
flex-basis: 8.333%;
max-width: 8.333%;
}
.col-md-2 {
-ms-flex-preferred-size: 16.667%;
flex-basis: 16.667%;
max-width: 16.667%;
}
.col-md-3 {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%;
}
.col-md-4 {
-ms-flex-preferred-size: 33.333%;
flex-basis: 33.333%;
max-width: 33.333%;
}
.col-md-5 {
-ms-flex-preferred-size: 41.667%;
flex-basis: 41.667%;
max-width: 41.667%;
}
.col-md-6 {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%;
}
.col-md-7 {
-ms-flex-preferred-size: 58.333%;
flex-basis: 58.333%;
max-width: 58.333%;
}
.col-md-8 {
-ms-flex-preferred-size: 66.667%;
flex-basis: 66.667%;
max-width: 66.667%;
}
.col-md-9 {
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%;
}
.col-md-10 {
-ms-flex-preferred-size: 83.333%;
flex-basis: 83.333%;
max-width: 83.333%;
}
.col-md-11 {
-ms-flex-preferred-size: 91.667%;
flex-basis: 91.667%;
max-width: 91.667%;
}
.col-md-12 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
}
.col-md-offset-1 {
margin-left: 8.333%;
}
.col-md-offset-2 {
margin-left: 16.667%;
}
.col-md-offset-3 {
margin-left: 25%;
}
.col-md-offset-4 {
margin-left: 33.333%;
}
.col-md-offset-5 {
margin-left: 41.667%;
}
.col-md-offset-6 {
margin-left: 50%;
}
.col-md-offset-7 {
margin-left: 58.333%;
}
.col-md-offset-8 {
margin-left: 66.667%;
}
.col-md-offset-9 {
margin-left: 75%;
}
.col-md-offset-10 {
margin-left: 83.333%;
}
.col-md-offset-11 {
margin-left: 91.667%;
}
.start-md {
-ms-flex-pack: start;
-webkit-box-pack: start;
justify-content: flex-start;
text-align: start;
}
.center-md {
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
text-align: center;
}
.end-md {
-ms-flex-pack: end;
-webkit-box-pack: end;
justify-content: flex-end;
text-align: end;
}
.top-md {
-ms-flex-align: start;
-webkit-box-align: start;
align-items: flex-start;
}
.middle-md {
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
}
.bottom-md {
-ms-flex-align: end;
-webkit-box-align: end;
align-items: flex-end;
}
.around-md {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.between-md {
-ms-flex-pack: justify;
-webkit-box-pack: justify;
justify-content: space-between;
}
.first-md {
-ms-flex-order: -1;
-webkit-box-ordinal-group: 0;
order: -1;
}
.last-md {
-ms-flex-order: 1;
-webkit-box-ordinal-group: 2;
order: 1;
}
}
@media only screen and (min-width: 1024px) {
.container {
width: 71rem;
}
.col-lg,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12 {
box-sizing: border-box;
-ms-flex: 0 0 auto;
-webkit-box-flex: 0;
flex: 0 0 auto;
padding-right: 1rem;
padding-left: 1rem;
}
.col-lg {
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
flex-basis: 0;
max-width: 100%;
}
.col-lg-1 {
-ms-flex-preferred-size: 8.333%;
flex-basis: 8.333%;
max-width: 8.333%;
}
.col-lg-2 {
-ms-flex-preferred-size: 16.667%;
flex-basis: 16.667%;
max-width: 16.667%;
}
.col-lg-3 {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%;
}
.col-lg-4 {
-ms-flex-preferred-size: 33.333%;
flex-basis: 33.333%;
max-width: 33.333%;
}
.col-lg-5 {
-ms-flex-preferred-size: 41.667%;
flex-basis: 41.667%;
max-width: 41.667%;
}
.col-lg-6 {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%;
}
.col-lg-7 {
-ms-flex-preferred-size: 58.333%;
flex-basis: 58.333%;
max-width: 58.333%;
}
.col-lg-8 {
-ms-flex-preferred-size: 66.667%;
flex-basis: 66.667%;
max-width: 66.667%;
}
.col-lg-9 {
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%;
}
.col-lg-10 {
-ms-flex-preferred-size: 83.333%;
flex-basis: 83.333%;
max-width: 83.333%;
}
.col-lg-11 {
-ms-flex-preferred-size: 91.667%;
flex-basis: 91.667%;
max-width: 91.667%;
}
.col-lg-12 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
}
.col-lg-offset-1 {
margin-left: 8.333%;
}
.col-lg-offset-2 {
margin-left: 16.667%;
}
.col-lg-offset-3 {
margin-left: 25%;
}
.col-lg-offset-4 {
margin-left: 33.333%;
}
.col-lg-offset-5 {
margin-left: 41.667%;
}
.col-lg-offset-6 {
margin-left: 50%;
}
.col-lg-offset-7 {
margin-left: 58.333%;
}
.col-lg-offset-8 {
margin-left: 66.667%;
}
.col-lg-offset-9 {
margin-left: 75%;
}
.col-lg-offset-10 {
margin-left: 83.333%;
}
.col-lg-offset-11 {
margin-left: 91.667%;
}
.start-lg {
-ms-flex-pack: start;
-webkit-box-pack: start;
justify-content: flex-start;
text-align: start;
}
.center-lg {
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
text-align: center;
}
.end-lg {
-ms-flex-pack: end;
-webkit-box-pack: end;
justify-content: flex-end;
text-align: end;
}
.top-lg {
-ms-flex-align: start;
-webkit-box-align: start;
align-items: flex-start;
}
.middle-lg {
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
}
.bottom-lg {
-ms-flex-align: end;
-webkit-box-align: end;
align-items: flex-end;
}
.around-lg {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.between-lg {
-ms-flex-pack: justify;
-webkit-box-pack: justify;
justify-content: space-between;
}
.first-lg {
-ms-flex-order: -1;
-webkit-box-ordinal-group: 0;
order: -1;
}
.last-lg {
-ms-flex-order: 1;
-webkit-box-ordinal-group: 2;
order: 1;
}
}.hide{
display: none;
}
.show{
display: block;
}
.header{
position: fixed;
width: 100%;
z-index: 999;
top: 0;
padding: 40px 0;
transition: all ease .4s;
}
.header .logo img{
transition: 0.3s all;
}
.header.header-fixed{
padding: 10px 0;
transition: all ease .4s; background: linear-gradient(271deg, #1E1E1E 49.48%, #305B9A 100%);
}
.header .container-fluid{
display: flex;
justify-content: space-between;
align-items: center;
}
.header.header-fixed .logo img{
max-width: 220px;
transition: 0.3s all;
} .open-menu{
width: 64px;
height: 64px;
border: none;
background: transparent;
}
.open-menu svg{
width: 64px;
margin: 0;
height: auto;
transform: scaleX(-1);
}
.open-menu .line {
fill: none;
stroke: white;
stroke-width: 6;
transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1),
stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
}
.line1 {
stroke-dasharray: 60 207;
stroke-width: 8px;
}
.line2 {
stroke-dasharray: 45 40;
stroke-width: 8px;
}
.line3 {
stroke-dasharray: 25 207;
stroke-width: 8px
}
.opened .line1 {
stroke-dasharray: 90 207;
stroke-dashoffset: -134;
stroke-width: 8px
}
.opened .line2 {
stroke-dasharray: 1 60;
stroke-dashoffset: -30;
stroke-width: 8px
}
.opened .line3 {
stroke-dasharray: 90 207;
stroke-dashoffset: -134;
stroke-width: 8px
}
.menuResponse {
position: fixed;
top: 120px;
left: 0;
width: 100%;
height: calc(100vh - 120px); z-index: 9;
transition: 0.3s all;
-webkit-transform: translateY(100vh);
-moz-transform: translateY(100vh);
-ms-transform: translateY(100vh);
-o-transform: translateY(100vh);
transform: translateY(100vh);
background: linear-gradient(271deg, #1E1E1E 49.48%, #305B9A 100%);
}
.menuResponse.fixed{
top: 84px;
height: calc(100vh - 84px);
}
.menuResponse.active{
transition: 0.3s all;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
header.active{
transition: 0.3s all; background: linear-gradient(271deg, #1E1E1E 49.48%, #305B9A 100%);
}
.menuResponse .content-menu{
display: flex;
align-items: center;
justify-content: space-between;
height: calc(100% - 100px);
}
.menuResponse ul{
display: flex;
flex-direction: column;
align-items: flex-end;
justify-content: space-between;
}
.menuResponse ul li{
list-style: none;
margin: 10px 0;
text-align: right;
}
.menuResponse ul li a{
font-size: 32px;
color: white;
transition: 250ms all;
}
.menuResponse ul li a:hover{
color: #F9AD19;
}
.menuResponse .container-fluid{
height: 100%;
}
.menuResponse .copyright p {
color: white;
font-size: 16px;
display: flex;
align-items: center;
gap: 5px;
}
@media(max-width: 1600px){
.menuResponse ul li a {
font-size: 26px;
}
.menuResponse {
top: 130px;
height: calc(100vh - 130px);
}
.menuResponse ul li {
margin: 6px 0;
}
}
@media(max-width: 1440px){
.menuResponse ul li a {
font-size: 20px;
}
.menuResponse {
top: 127px;
height: calc(100vh - 127px);
}
}
@media(max-width: 1366px){
.menuResponse {
top: 122px;
height: calc(100vh - 122px);
}
}
@media(max-width: 1280px){
.menuResponse {
top: 117px;
height: calc(100vh - 117px);
}
}
@media(max-width: 1024px){
.menuResponse {
top: 109px;
height: calc(100vh - 109px);
}
}
@media(max-width:  768px){
.menuResponse .content-menu{
flex-direction: column-reverse;
align-items: flex-end;
}
.menuResponse .copyright{
display: none;
}
.menuResponse .content-menu{
height: 100%;
padding: 20px 0;
}
.menuResponse.fixed {
top: 84px;
height: calc(100vh - 84px);
}
.menuResponse .redesSociais{
width: 100%
}
.menu-menu-principal-container{
height: 100%;
display: flex;
align-items: center;
}
.menuResponse ul li a {
font-size: 26px;
}
}
@media(max-width:  560px){
.header.header-fixed {
background: transparent;
}
body.scrolled .header.header-fixed {
background: var(--d-9-d-9-d-9, #222);
}
.header.header-fixed.active{
background: var(--d-9-d-9-d-9, #222);
}
.page-template-page-politicas .header.header-fixed {
background: var(--d-9-d-9-d-9, #222);
}
.header.header-fixed .logo img {
max-width: 180px;
}
.menuResponse ul li a {
font-size: 22px;
}
.menuResponse{
z-index: 999999999999;
}
}
@media(max-width:  375px){
.menuResponse ul li a {
font-size: 18px;
}
}
@media(max-width:  330px){
.menuResponse ul li a {
font-size: 16px;
}
}html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0px;
padding: 0px;
border: 0;
font-style: normal;
text-decoration: none;
outline: none;
list-style: none; }
body {
margin: 0;
font-family: sans-serif; }
input,
textarea{
width: 100%;
}
* {
outline: none; }
a, a:active, a:visited, a:hover {
cursor: pointer;
text-decoration: none; } header, nav, section, article, main, aside, footer {
display: block; } *, *:after, *:before {
box-sizing: border-box; } html {
font-size: 62.5%; }  article {
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: optimizeLegibility; } .clear:before, .clear:after {
content: " ";
display: table; }
.clear:after {
clear: both; }
.clear {
*zoom: 1; }
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden; }
.clearfix {
display: block;
height: 1%; }
.clearfix:before, .clearfix:after {
content: " ";
display: table; }
.clearfix:after {
clear: both; }
.clearfix {
*zoom: 1; } img {
max-width: 100%;
width: auto;
vertical-align: bottom;
height: auto; }  .alignnone {
margin: 5px 20px 20px 5px; }
.aligncenter {
margin: 5px auto 5px auto; }
.alignright {
margin: 5px 0px 20px 20px;
float: right; }
.alignleft {
margin: 5px 20px 5px 0px;
float: left; } .wp-caption .size-full {
width: 100%;
height: auto; }
.wp-caption.alignnone {
margin: 5px 0px; }
.wp-caption.alignleft {
margin: 5px 20px 5px 0px; }
.wp-caption.alignright {
margin: 5px 0px 5px 20px; } .gallery-caption, .wp-caption p.wp-caption-text {
font-size: 1.3em;
margin: 0;
color: #67b4b9;
font-weight: bold;
font-style: italic; }     p {
margin: 20px 0; } b, strong {
font-weight: bold; } i, em {
font-style: italic; } ul li {
list-style: inside disc; }
ol li {
list-style: inside decimal; }
.flex{
display: flex;
display: -webkit-flex;
}
.between{
justify-content: space-between;
-webkit-justify-content: space-between;
}