*,
*::before,
*::after {
box-sizing: border-box;
} :root {
-moz-tab-size: 4;
tab-size: 4;
} html {
line-height: 1.15; -webkit-text-size-adjust: 100%; }  body {
margin: 0;
} body {
font-family:
system-ui,
-apple-system, 'Segoe UI',
Roboto,
Helvetica,
Arial,
sans-serif,
'Apple Color Emoji',
'Segoe UI Emoji';
}  hr {
height: 0; color: inherit; }  abbr[title] {
text-decoration: underline dotted;
} b,
strong {
font-weight: bolder;
} code,
kbd,
samp,
pre {
font-family:
ui-monospace,
SFMono-Regular,
Consolas,
'Liberation Mono',
Menlo,
monospace; font-size: 1em; } small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}  table {
text-indent: 0; border-color: inherit; }  button,
input,
optgroup,
select,
textarea {
font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button,
select { text-transform: none;
} button,
[type='button'] {
-webkit-appearance: button;
}    legend {
padding: 0;
} progress {
vertical-align: baseline;
}  [type='search'] {
-webkit-appearance: textfield; outline-offset: -2px; }    summary {
display: list-item;
}  blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
margin: 0;
}
button {
background-color: transparent;
background-image: none;
} button:focus {
outline: 1px dotted;
outline: 5px auto -webkit-focus-ring-color;
}
fieldset {
margin: 0;
padding: 0;
}
ol,
ul {
list-style: none;
margin: 0;
padding: 0;
}  html {
font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; line-height: 1.5; } body {
font-family: inherit;
line-height: inherit;
} *,
::before,
::after {
box-sizing: border-box; border-width: 0; border-style: solid; border-color: currentColor; } hr {
border-top-width: 1px;
} img {
border-style: solid;
}
textarea {
resize: vertical;
}
input::placeholder,
textarea::placeholder {
opacity: 1;
color: #a1a1aa;
}
button,
[role="button"] {
cursor: pointer;
}
table {
border-collapse: collapse;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: inherit;
font-weight: inherit;
} a {
color: inherit;
text-decoration: inherit;
} button,
input,
optgroup,
select,
textarea {
padding: 0;
line-height: inherit;
color: inherit;
} pre,
code,
kbd,
samp {
font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
} img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
display: block;
vertical-align: middle;
} img,
video {
max-width: 100%;
height: auto;
}
.container {
width: 100%;
}
@media (min-width: 768px) {
.container {
max-width: 768px;
}
}
@media (min-width: 1024px) {
.container {
max-width: 1024px;
}
}
@media (min-width: 1365px) {
.container {
max-width: 1365px;
}
}
@media (min-width: 1440px) {
.container {
max-width: 1440px;
}
}
.bg-blue-dark {
--tw-bg-opacity: 1;
background-color: rgba(0, 40, 86, var(--tw-bg-opacity));
}
.bg-blue-dark-extra {
--tw-bg-opacity: 1;
background-color: rgb(0, 31, 66);
}
.bg-blue-light {
--tw-bg-opacity: 1;
background-color: rgba(81, 165, 196, var(--tw-bg-opacity));
}
.bg-gray-lighter {
--tw-bg-opacity: 1;
background-color: rgba(224, 225, 226, var(--tw-bg-opacity));
}
.bg-gray-light {
--tw-bg-opacity: 1;
background-color: rgba(231, 232, 232, var(--tw-bg-opacity));
}
.bg-orange{
--tw-bg-opacity: 1;
background-color: rgb(240, 126, 42, var(--tw-bg-opacity));
color: #fff;
}
.block {
display: block;
}
.flex {
display: flex;
}
.table {
display: table;
}
.hidden {
display: none;
}
.flex-col {
flex-direction: column;
}
.items-center {
align-items: center;
}
.justify-center {
justify-content: center;
}
.order-1 {
order: 1;
}
.order-2 {
order: 2;
}
.font-sans-white {
font-family: HelveticaNowText-Light, Arial, sans-serif;
}
.font-sans-light {
font-family: HelveticaNowText-Light, Arial, sans-serif;
}
.font-sans-bold {
font-family: HelveticaNowText-Bold, Arial, sans-serif;
}
.h-60 {
height: 60px;
}
.h-auto {
height: auto;
}
.h-full {
height: 100%;
}
.text-14px {
font-size: 14px;
}
.text-18px {
font-size: 18px;
}
.leading-1\.2em {
line-height: 1.2em;
}
.leading-1\.33em {
line-height: 1.33em;
}
.mx-auto {
margin-left: auto;
margin-right: auto;
}
.mt-20 {
margin-top: 20px;
}
.mb-20 {
margin-bottom: 20px;
}
.mt-30 {
margin-top: 30px;
}
.mt-40 {
margin-top: 40px;
}
.mt-50 {
margin-top: 50px;
}
.mt-80 {
margin-top: 80px;
}
.last\:mb-0:last-child {
margin-bottom: 0;
}
.max-w-full {
max-width: 100%;
}
.w-200{
width: 200px;
}
.max-w-65\% {
max-width: 65%;
}
.min-h-screen {
min-height: 100vh;
}
.overflow-hidden {
overflow: hidden;
}
.py-6vh {
padding-top: 6vh;
padding-bottom: 6vh;
}
.py-9vh {
padding-top: 9vh;
padding-bottom: 9vh;
}
.pr-40 {
padding-right: 40px;
}
.pl-40 {
padding-left: 40px;
}
.fixed {
position: fixed;
}
.absolute {
position: absolute;
}
.relative {
position: relative;
}
.top-0 {
top: 0;
}
.left-0 {
left: 0;
}
.top-50\% {
top: 50%;
}
.left-50\% {
left: 50%;
}
* {
--tw-shadow: 0 0 #0000;
}
* {
--tw-ring-inset: var(--tw-empty,  );
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgba(59, 130, 246, 0.5);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
}
.text-center {
text-align: center;
}
.text-black {
--tw-text-opacity: 1;
color: rgba(0, 0, 0, var(--tw-text-opacity));
}
.text-white {
--tw-text-opacity: 1;
color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.text-blue-dark {
--tw-text-opacity: 1;
color: rgba(0, 40, 86, var(--tw-text-opacity));
}
.text-gray-med {
--tw-text-opacity: 1;
color: rgba(158, 158, 158, var(--tw-text-opacity));
}
.uppercase {
text-transform: uppercase;
}
.underline {
text-decoration: underline;
}
.w-1\/2 {
width: 50%;
}
.w-3\/4 {
width: 75%;
}
.w-full {
width: 100%;
}
.z-10 {
z-index: 10;
}
.z-20 {
z-index: 20;
}
.z-900 {
z-index: 900;
}
.transform {
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-x-50 {
--tw-translate-x: -50px;
}
.-translate-x-50\% {
--tw-translate-x: -50%;
}
.-translate-y-50 {
--tw-translate-y: -50px;
}
.-translate-y-50\% {
--tw-translate-y: -50%;
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes ping {
0% {
transform: scale(1);
opacity: 1;
}
75%, 100% {
transform: scale(2);
opacity: 0;
}
}
@keyframes pulse {
0%, 100% {
opacity: 1;
}
50% {
opacity: .5;
}
}
@keyframes bounce {
0%, 100% {
transform: translateY(-25%);
animation-timing-function: cubic-bezier(0.8,0,1,1);
}
50% {
transform: translateY(0);
animation-timing-function: cubic-bezier(0,0,0.2,1);
}
}
.hide {
position: absolute;
left: -9999px;
}
:root {
--site-header-h: 81px;
--site-body-h: 100vh;
}
html {
font-size: 0.6515vw;
}
@media screen and (max-width: 1023px) {
html {
font-size: 2.67vw
}
}
html, body {
scroll-behavior: smooth;
}
html.hidescroll, body.hidescroll {
overflow: hidden;
}
html.menu-open, body.menu-open {
overflow: hidden;
}
#top {
position: absolute;
top: 0;
left: 0;
}
a.anchor-point {
position: absolute;
top: -90px;
}
.container {
max-width: 100%;
}
@media (min-width: 1024px) {
.container {
padding-right: 40px;
padding-left: 40px
}
}
@media (max-width: 1023px) {
.container {
padding-right: 20px;
padding-left: 20px
}
}
.editor-content strong {
font-family: HelveticaNowText-Bold, Arial, sans-serif;
}
.editor-content a {
text-decoration: underline;
}
.editor-content p + p {
margin-top: 40px;
}
@media (max-width: 1023px) {
.editor-content p + p {
margin-top: 20px
}
}
.editor-content ul li, .editor-content ol li {
position: relative;
padding-left: 20px;
margin-bottom: 40px;
}
@media (max-width: 1023px) {
.editor-content ul li, .editor-content ol li {
margin-top: 20px
}
}
.editor-content ul li:before, .editor-content ol li:before {
content: '';
position: absolute;
top: 12px;
left: 0;
display: block;
width: 6px;
height: 6px;
background-color: #002856;
border-radius: 50%;
}
.image-responsive {
height: auto;
max-width: 100%;
}
.button-reset {
box-shadow: none;
background-color: transparent;
border-radius: 0;
padding: 0;
border: none;
-webkit-appearance: none;
text-indent: 0;
text-decoration: none !important;
}
.btn-link {
display: block;
font-family: HelveticaNowText-Bold, Arial, sans-serif;
font-size: 14px;
--tw-text-opacity: 1;
color: rgba(158, 158, 158, var(--tw-text-opacity));
text-transform: uppercase;
text-decoration: underline;
}
.btn-link.btn-link-arrow {
display: flex;
align-items: center;
height: 34px;
padding-right: 50px;
background: url(//protext.com.br/site/wp-content/themes/protext/public/images/global/arrow-right.svg) no-repeat right center;
background-size: auto 100%;
}
.btn-download {
display: flex;
align-items: center;
justify-content: flex-start;
}
.btn-download:before {
content: '';
width: 70px;
height: 100%;
border: 1px solid white;
transform: rotate(180deg);
background: url(//protext.com.br/site/wp-content/themes/protext/public/images/global/arrow-down-white.svg) no-repeat center center;
background-size: auto 60%;
}
.btn-download .text {
display: flex;
height: 100%;
align-items: center;
padding-left: 22px;
padding-right: 22px;
border: 1px solid white;
border-left: none;
}
.product-section-10 .btn-download {
position: absolute;
left: 40px;
bottom: 40px;
z-index: 12;
}
.product-section-10 .btn-download .text{
display: flex;
height: 100%;
align-items: center;
padding-left: 22px;
padding-right: 22px;
border: 1px solid white;
color: #fff;
border-left: none;
background-color: rgba(0, 40, 86, 1);
}
.product-section-10 .btn-download:before{
background-color:  rgba(0, 40, 86, 1);
}
@media (min-width: 1024px) {
.btn-download {
height: 70px
}
.btn-download:before {
width: 70px;
}
}
@media (max-width: 1023px) {
.btn-download {
height: 50px
}
.btn-download:before {
width: 50px;
}
}
.btn-top {
display: inline-block;
height: 40px;
margin-left: 10px;
padding-left: 50px;
vertical-align: bottom;
}
@media (min-width: 1024px) {
.btn-top {
font-size: 1.55vw;
}
}
@media (max-width: 1023px) {
.btn-top {
font-size: 7.1vw;
}
}
.btn-top {
line-height: 40px;
background: url(//protext.com.br/site/wp-content/themes/protext/public/images/global/arrow-down-white.svg) left center no-repeat;
}
#site-navigation{
margin: 0 0 0 auto;
display: flex;
align-items: center;
}
#site-navigation .menu-item a {
--tw-text-opacity: 1;
color: rgba(0, 0, 0, var(--tw-text-opacity));
padding: 10px;
}
@media (min-width: 1024px) {
#site-navigation .menu-item {
padding-right: 40px;
width: auto;
}
}
.btn-toggle-menu {
display: flex;
flex-direction: column;
z-index: 100;
width: 50px;
height: 50px;
position: relative;
margin: 0 0 0 auto;
}
body.menu-open .btn-toggle-menu {
right: 40px;
top: 20px;
position: absolute;
}
.btn-toggle-menu:before,
.btn-toggle-menu:after {
content: '';
}
.btn-toggle-menu:before,
.btn-toggle-menu:after,
.btn-toggle-menu span {
position: absolute;
left: 10px;
width: calc(100% - 20px);
height: 2px;
background-color: #000;
transition: all .25s;
}
body.menu-open .btn-toggle-menu:before, body.menu-open .btn-toggle-menu:after, body.menu-open .btn-toggle-menu span {
background-color: #fff;
}
.btn-toggle-menu:before {
top: 14px;
transition-delay: .25s, 0s;
transition-duration: .25s, .25s;
transition-property: top, transform;
}
body.menu-open .btn-toggle-menu:before {
top: 24px;
transition-delay: 0s, .25s;
transform: rotate(45deg);
}
.btn-toggle-menu span {
top: 24px;
transition-delay: .25s, 0s;
transition-duration: .25s, .25s;
transition-property: top, transform;
}
body.menu-open .btn-toggle-menu span {
top: 24px;
transition-delay: 0s, .25s;
transform: rotate(45deg);
}
.btn-toggle-menu:after {
bottom: 14px;
transition-delay: .25s, 0s;
transition-duration: .25s, .25s;
transition-property: bottom, transform;
}
body.menu-open .btn-toggle-menu:after {
bottom: 24px;
transition-delay: 0s, .25s;
transform: rotate(-45deg);
}
.site-header {
transition: background .2s;
background-color: transparent;
height: 90px;
}
.site-header .site-logo-link {
display: block;
width: 127px;
height: 18px;
text-indent: -9999px;
background: url(//protext.com.br/site/wp-content/themes/protext/public/images/global/logo.svg) no-repeat;
background-size: 99% auto;
}
.site-header .site-menu-language .wpml-ls,
.site-header .site-menu-language .wpml-ls-link {
padding: 0;
}
.site-header .site-menu-language .wpml-ls-item.wpml-ls-item {
display: block;
line-height: 1.2em;
padding-bottom: 5px;
margin-bottom: 5px;
}
.site-header .site-menu-language .wpml-ls-native {
position: relative;
vertical-align: baseline;
}
.site-header .site-menu-language .wpml-ls-native:after {
content: '';
position: absolute;
bottom: 15%;
left: 0;
display: block;
width: 100%;
border-bottom: 2px solid #fff;
}
.site-header .wpml-ls-display {
position: absolute;
left: -9999px;
}
@media (min-width: 1024px) {
.btn-toggle-menu{
margin: 0;
}
.site-header {
height: 90px
}
.site-header,
.site-header > .container,
.site-header .btn-toggle-menu {
transition: all .2s ease-in-out;
}
}
body.fixed-nav .site-header {
position: fixed;
background-color: rgba(255,255,255,.9);
}
@media (min-width: 1024px) {
body.fixed-nav .site-header {
height: 60px
}
}
body.menu-open .site-header {
--tw-bg-opacity: 1;
background-color: rgba(0, 40, 86, var(--tw-bg-opacity));
height: 100vh;
z-index: 900;
}
body.menu-open .site-header .container:after {
content: '';
position: absolute;
left: 40px;
bottom: 40px;
display: block;
width: 64px;
height: 38px;
background: url(//protext.com.br/site/wp-content/themes/protext/public/images/global/logo-symbol-white.svg) no-repeat;
background-size: 100% auto;
}
body.menu-open .site-menu {
left: 0;
}
body.menu-open .site-header > .container {
flex-direction: column;
}
body.menu-open .site-header .site-logo {
position: absolute;
left: -9999px;
}
body.menu-open #site-navigation {
padding: 40px;
width: 100%;
}
body.menu-open #site-navigation .site-nav-items {
flex-direction: column;
justify-content: center;
height: 100%;
}
body.menu-open #site-navigation .site-nav-items .menu-item {
font-family: HelveticaNowText-Bold, Arial, sans-serif;
padding: 0;
text-decoration: underline;
line-height: 1.2em;
}
body.menu-open #site-navigation .site-nav-items a {
--tw-text-opacity: 1;
color: rgba(255, 255, 255, var(--tw-text-opacity));
}
body.menu-open .site-header-bottom {
padding: 40px;
width: 100%;
padding-bottom: 14vh;
position: static;
left: auto;
}
@media (min-width: 1024px) {
body.menu-open #site-navigation {
height: 50vh;
}
body.menu-open #site-navigation .site-nav-items .menu-item {
font-size: 3.7vw;
}
body.menu-open .site-header-bottom {
height: 50vh;
padding: 40px;
padding-bottom: 14vh;
}
}
@media (max-width: 1023px) {
body.menu-open .site-header {
height: var(--site-body-h);
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
}
body.menu-open .site-header .container {
display: block;
height: auto;
padding-bottom: 100px;
}
body.menu-open .site-header .container:after {
left: 40px;
bottom: 40px;
}
body.menu-open .site-header .btn-toggle-menu {
position: fixed;
top: 20px;
right: 20px;
}
body.menu-open .site-header #site-navigation {
height: auto;
min-height: 50%;
padding: 20px;
position: static;
left: auto;
}
body.menu-open .site-header #site-navigation .menu-item {
font-size: 14vw;
}
body.menu-open .site-header #site-navigation .site-nav-items {
height: auto;
}
body.menu-open .site-header .site-header-bottom {
flex-direction: column;
justify-content: center;
height: auto;
min-height: 50%;
padding: 20px;
}
}
@media (min-width: 1024px) {
.home-section,
.home-section-10,
.home-section-20{
min-height: 100vh;
min-height: clamp(600px,100vh,800px)
}
.home-section-10 .home-section-figure, .home-section-20 .home-section-figure, .home-section .home-section-figure{
position: relative;
overflow: hidden;
min-height: 100vh;
min-height: clamp(600px,100vh,800px);
}
.home-section-10 .home-section-image, .home-section-20 .home-section-image, .home-section .home-section-image {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
height: auto;
transform: translate3d(-50%,-50%,0) scale(1.3) !important;
transition: all 950ms ease-in-out !important;
opacity: 0 !important;
}
.home-section-10 .home-section-image.aos-animate, .home-section-20 .home-section-image.aos-animate, .home-section .home-section-image.aos-animate {
transform: translate3d(-50%,-50%,0) scale(1) !important;
opacity: 1 !important;
}
}
@media (min-width: 1024px) {
.page-company-section-10 .page-company-section-title {
transform: translate3d(-50%,10vh,0) scale(1) !important;
transition: all 950ms ease-in-out !important;
opacity: 0 !important;
}
.page-company-section-10 .page-company-section-title.aos-animate {
transform: translate3d(-50%,-50%,0) scale(1) !important;
opacity: 1 !important;
}
}
@media (min-width: 1024px) {
.home-section-10 .home-section-title {
position: relative
}
.home-section-10 .home-section-title:after {
content: '';
position: absolute;
bottom: 20px;
left: 40px;
display: block;
width: 27px;
height: 29px;
background: url(//protext.com.br/site/wp-content/themes/protext/public/images/global/arrow-down.svg) no-repeat;
}
}
@media (min-width: 1024px) {
.home-section-products .section-products-item:nth-child(odd) .section-products-item-figure {
margin-right: 40px;
}
.home-section-products .section-products-item:nth-child(odd) .section-products-item-text {
margin-left: 40px;
}
.home-section-products .section-products-item:nth-child(even) .section-products-item-figure {
margin-left: 40px;
order: 2;
}
.home-section-products .section-products-item:nth-child(even) .section-products-item-text {
margin-right: 40px;
}
}
@media (max-width: 1023px) {
.home-section-products .image-responsive,
.home-section-products h2,
.home-section-products div,
.home-section-products a {
opacity: 1 !important;
transform: none !important;
}
}
.product-gallery .thickbox {
position: relative;
overflow: hidden;
}
.product-gallery .thickbox:after {
content: '';
position: absolute;
z-index: 10;
right: 10px;
bottom: 10px;
display: block;
width: 32px;
height: 32px;
background: url(//protext.com.br/site/wp-content/themes/protext/public/images/global/btn-plus.svg) no-repeat center center;
background-size: 99% auto;
}
.product-gallery .thickbox .image-over {
position: absolute;
z-index: 2;
top: 50%;
left: 50%;
transform: translate3d(-50%,-50%,0);
transition: all .25s ease-in-out;
}
@media screen and (hover: hover) {
.product-gallery .thickbox:hover .image-over {
transform: translate3d(-50%,-50%,0) scale(1.15);
}
}
@media (max-width: 1023px) {
.product-gallery .thickbox:after {
right: 10px;
}
}
body:not(.home):not(.fixed-nav):not(.error404) .site-header .site-logo-link  {
background-image: url(//protext.com.br/site/wp-content/themes/protext/public/images/global/logo-white.svg);
}
body:not(.home):not(.fixed-nav):not(.error404) .site-header .btn-toggle-menu:before,
body:not(.home):not(.fixed-nav):not(.error404) .site-header .btn-toggle-menu:after,
body:not(.home):not(.fixed-nav):not(.error404) .site-header .btn-toggle-menu span {
background-color: #fff;
}
body:not(.home):not(.fixed-nav):not(.error404) #site-navigation .menu-item a {
color: #fff;
}
.form-wrapper label {
position: absolute;
left: -9999px;
}
.form-wrapper .wpcf7-form-control-wrap {
display: block;
}
.form-wrapper .wpcf7 .wpcf7-response-output.wpcf7-response-output {
--tw-border-opacity: 1;
border-color: rgba(0, 40, 86, var(--tw-border-opacity));
font-family: HelveticaNowText-Bold, Arial, sans-serif;
font-size: 20px;
margin: 0;
}
.form-wrapper [type="text"], .form-wrapper [type="email"], .form-wrapper textarea {
font-family: HelveticaNowText-Bold, Arial, sans-serif;
font-size: 20px;
}
.form-wrapper [type="text"],
.form-wrapper [type="email"],
.form-wrapper textarea {
width: 100%;
padding: 18px;
border: 1px solid #000;
}
.form-wrapper [type="text"].wpcf7-not-valid, .form-wrapper [type="email"].wpcf7-not-valid, .form-wrapper textarea.wpcf7-not-valid {
border-color: red;
}
.form-wrapper [type="text"]::-webkit-input-placeholder, .form-wrapper [type="email"]::-webkit-input-placeholder, .form-wrapper textarea::-webkit-input-placeholder {
font-family: HelveticaNowText-Bold, Arial, sans-serif;
font-size: 20px;
color: #000;
}
.form-wrapper [type="text"]::-moz-placeholder, .form-wrapper [type="email"]::-moz-placeholder, .form-wrapper textarea::-moz-placeholder {
font-family: HelveticaNowText-Bold, Arial, sans-serif;
font-size: 20px;
color: #000;
}
.form-wrapper [type="text"]:-ms-input-placeholder, .form-wrapper [type="email"]:-ms-input-placeholder, .form-wrapper textarea:-ms-input-placeholder {
font-family: HelveticaNowText-Bold, Arial, sans-serif;
font-size: 20px;
color: #000;
}
.form-wrapper [type="text"]:-moz-placeholder, .form-wrapper [type="email"]:-moz-placeholder, .form-wrapper textarea:-moz-placeholder {
font-family: HelveticaNowText-Bold, Arial, sans-serif;
font-size: 20px;
color: #000;
}
.form-wrapper .wpcf7-not-valid-tip {
font-family: HelveticaNowText-Bold, Arial, sans-serif;
font-size: 20px;
padding-top: 10px;
padding-bottom: 10px;
}
.form-wrapper br {
display: none;
}
.form-wrapper .row-field,
.form-wrapper .row-submit {
margin-bottom: 15px;
}
.form-wrapper [type="submit"] {
font-family: HelveticaNowText-Bold, Arial, sans-serif;
font-size: 20px;
box-shadow: none;
background-color: transparent;
border-radius: 0;
padding: 0;
border: none;
-webkit-appearance: none;
text-indent: 0;
text-decoration: none;
width: 50%;
padding: 18px;
color: #fff;
text-align: left;
background: #51a5c4;
}
@media (max-width: 1023px) {
.form-wrapper [type="submit"] {
width: 100%;
text-align: center
}
}
.product-section-10 .swiper-button-prev,
.product-section-10 .swiper-button-next {
color: #fff;
}
.product-table-wrapper table {
width: 100%;
background-color: #fff;
font-size: 1vw;
}
.product-table-wrapper th {
font-family: HelveticaNowText-Bold, Arial, sans-serif;
}
.product-table-wrapper th, .product-table-wrapper td {
padding-top: 1.5vh;
padding-bottom: 1.5vh;
padding-left: 3vw;
text-align: left;
}
.product-table-wrapper thead th, .product-table-wrapper tbody tr:not(:last-child) {
--tw-border-opacity: 1;
border-color: rgba(224, 225, 226, var(--tw-border-opacity));
border-style: solid;
border-bottom-width: 1px;
}
.product-table-wrapper tr th:last-child,
.product-table-wrapper tr td:last-child {
padding-right: 10px;
}
.product-table-wrapper.prdct_cntt_tbl th:nth-child(1),
.product-table-wrapper.prdct_cntt_tbl td:nth-child(1) {
width: 15%;
}
.product-table-wrapper.prdct_cntt_tbl th:nth-child(2),
.product-table-wrapper.prdct_cntt_tbl td:nth-child(2) {
width: 40%;
}
.product-table-wrapper.prdct_cntt_tbl th:nth-child(3),
.product-table-wrapper.prdct_cntt_tbl td:nth-child(3) {
width: 15%;
}
.product-table-wrapper.prdct_cntt_tbl th:nth-child(4),
.product-table-wrapper.prdct_cntt_tbl td:nth-child(4) {
width: 30%;
}
.product-table-wrapper.prdct_cntt_tbl_5col th:nth-child(1),
.product-table-wrapper.prdct_cntt_tbl_5col td:nth-child(1) {
width: 25%;
}
.product-table-wrapper.prdct_cntt_tbl_5col th:nth-child(2),
.product-table-wrapper.prdct_cntt_tbl_5col td:nth-child(2) {
width: 28%;
}
.product-table-wrapper.prdct_cntt_tbl_5col th:nth-child(3),
.product-table-wrapper.prdct_cntt_tbl_5col td:nth-child(3) {
width: 15%;
}
.product-table-wrapper.prdct_cntt_tbl_5col th:nth-child(4),
.product-table-wrapper.prdct_cntt_tbl_5col td:nth-child(4) {
width: 15%;
}
.product-table-wrapper.prdct_cntt_tbl_5col th:nth-child(5),
.product-table-wrapper.prdct_cntt_tbl_5col td:nth-child(5) {
width: 17%;
}
body #TB_window .screen-reader-text {
position: absolute;
left: -9999px;
}
body #TB_window #TB_closeWindow {
position: absolute;
right: 20px;
top: 10px;
float: none;
}
body #TB_window img#TB_Image {
border: none;
}
body #TB_window #TB_caption {
width: 100%;
float: none;
height: auto;
}
body #TB_window #TB_caption #TB_secondLine {
position: relative;
text-indent: -9999px;
font-size: 16px;
}
body #TB_window #TB_caption #TB_prev {
position: absolute;
left: 0;
text-indent: 0;
}
body #TB_window #TB_caption #TB_next {
position: absolute;
right: 0;
text-indent: 0;
}
.site-footer .wpml-ls {
padding: 0;
}
.site-footer .wpml-ls .wpml-ls,
.site-footer .wpml-ls .wpml-ls-link {
padding: 0;
}
.site-footer .wpml-ls ul {
display: inline-block;
}
.site-footer .wpml-ls .wpml-ls-link {
position: relative;
display: inline-block;
}
.site-footer .wpml-ls .wpml-ls-native:after {
content: '';
position: absolute;
bottom: -1px;
left: 0;
display: block;
width: 100%;
border-bottom: 1px solid #fff;
}
.site-footer .wpml-ls .wpml-ls-item:not(:last-child) { margin-right: 10px;
}
.site-footer .wpml-ls .wpml-ls-display {
position: absolute;
left: -9999px;
}
body.error404 {
background-color: #e7e8e8;
}
.special-products-graphics .graphic {
position: relative;
width: 65%;
min-width: 320px;
height: 12vh;
border-radius: 6vh;
overflow: hidden;
background-color: #bbbdbe;
}
.special-products-graphics .graphic.aos-animate .text {
opacity: 1;
}
.special-products-graphics .text {
position: absolute;
z-index: 10;
top: 50%;
right: 2.5vw;
color: #fff;
transform: translateY(-50%);
opacity: 0;
transition: opacity 200ms;
transition-delay: 1000ms;
}
.special-products-graphics .fill {
position: relative;
display: block;
width: 0;
height: 100%;
border-radius: 5.5vh;
transition: width 1.2s ease-in-out;
will-change: width;
}
.special-products-graphics .graphic10 .fill {
background-color: #58595b;
}
.special-products-graphics .graphic10 .graphic.aos-animate .fill {
width: 40%;
}
.special-products-graphics .graphic20 .fill {
background-color: #5183c3;
}
.special-products-graphics .graphic20 .graphic.aos-animate .fill {
width: 80%;
}
.special-products-graphics .graphic-text {
font-family: HelveticaNowText-Light, Arial, sans-serif;
margin-top: 20px;
}
.special-products-graphics .text {
font-size: 3.5vh;
font-size: clamp(18px,3.5vh,36px);
}
.special-products-graphics .graphic-text {
font-size: 2.5vh;
font-size: clamp(16px,2.5vh,28px);
}
@media (max-width: 1023px) {
.special-products-graphics .graphic10 .graphic .fill {
width: 40%;
}
.special-products-graphics .graphic20 .graphic .fill {
width: 80%;
}
.special-products-graphics .graphic .text {
right: 5vw;
opacity: 1;
font-size: 18px;
font-size: clamp(18px,2.8vh,22px);
}
}
body .grecaptcha-badge {
position: absolute;
left: -9999px;
}
@media (min-width: 768px) {
}
@media (min-width: 1024px) {
.lg\:border-black {
--tw-border-opacity: 1;
border-color: rgba(0, 0, 0, var(--tw-border-opacity));
}
.lg\:border-solid {
border-style: solid;
}
.lg\:border-t-1 {
border-top-width: 1px;
}
.lg\:border-b-1 {
border-bottom-width: 1px;
}
.lg\:flex {
display: flex;
}
.lg\:hidden {
display: none;
}
.lg\:flex-col {
flex-direction: column;
}
.lg\:flex-wrap {
flex-wrap: wrap;
}
.lg\:items-end {
align-items: flex-end;
}
.lg\:items-center {
align-items: center;
}
.lg\:justify-end {
justify-content: flex-end;
}
.lg\:justify-center {
justify-content: center;
}
.lg\:font-sans-bold {
font-family: HelveticaNowText-Bold, Arial, sans-serif;
}
.lg\:h-auto {
height: auto;
}
.lg\:text-18px {
font-size: 18px;
}
.lg\:text-1\.2vw {
font-size: 1.2vw;
}
.lg\:text-1\.55vw {
font-size: 1.55vw;
}
.lg\:text-2\.6vw {
font-size: 2.6vw;
}
.lg\:text-3\.7vw {
font-size: 3.7vw;
}
.lg\:text-4vw {
font-size: 4vw;
}
.lg\:leading-1\.2em {
line-height: 1.2em;
}
.lg\:leading-1\.33em {
line-height: 1.33em;
}
.lg\:mx-auto {
margin-left: auto;
margin-right: auto;
}
.lg\:my-13vh {
margin-top: 13vh;
margin-bottom: 13vh;
}
.lg\:my-16vh {
margin-top: 16vh;
margin-bottom: 16vh;
}
.lg\:-mx-40 {
margin-left: -40px;
margin-right: -40px;
}
.lg\:mt-20 {
margin-top: 20px;
}
.lg\:mb-20 {
margin-bottom: 20px;
}
.lg\:mt-40 {
margin-top: 40px;
}
.lg\:mr-40 {
margin-right: 40px;
}
.lg\:mb-40 {
margin-bottom: 40px;
}
.lg\:ml-40 {
margin-left: 40px;
}
.lg\:mt-60 {
margin-top: 60px;
}
.lg\:mt-80 {
margin-top: 80px;
}
.lg\:mt-6vh {
margin-top: 6vh;
}
.lg\:mb-6vh {
margin-bottom: 6vh;
}
.lg\:mt-6\.4vh {
margin-top: 6.4vh;
}
.lg\:mb-7\.4vh {
margin-bottom: 7.4vh;
}
.lg\:mt-9vh {
margin-top: 9vh;
}
.lg\:mt-10vh {
margin-top: 10vh;
}
.lg\:mt-12vh {
margin-top: 12vh;
}
.lg\:mb-13vh {
margin-bottom: 13vh;
}
.lg\:mt-14vh {
margin-top: 14vh;
}
.lg\:mt-16vh {
margin-top: 16vh;
}
.lg\:mt-20\.8vh {
margin-top: 20.8vh;
}
.lg\:mb-20\.8vh {
margin-bottom: 20.8vh;
}
.lg\:mb-23vh {
margin-bottom: 23vh;
}
.lg\:mt-31\.4vh {
margin-top: 31.4vh;
}
.lg\:mt-45vh {
margin-top: 45vh;
}
.lg\:-mr-20 {
margin-right: -20px;
}
.lg\:max-w-none {
max-width: none;
}
.lg\:max-w-full {
max-width: 100%;
}
.lg\:px-40 {
padding-left: 40px;
padding-right: 40px;
}
.lg\:py-13vh {
padding-top: 13vh;
padding-bottom: 13vh;
}
.lg\:py-14vh {
padding-top: 14vh;
padding-bottom: 14vh;
}
.lg\:py-18\.5vh {
padding-top: 18.5vh;
padding-bottom: 18.5vh;
}
.lg\:py-60 {
padding-top: 60px;
padding-bottom: 60px;
}
.lg\:pr-10 {
padding-right: 10px;
}
.lg\:pr-25 {
padding-right: 25px;
}
.lg\:pt-30 {
padding-top: 30px;
}
.lg\:pt-40 {
padding-top: 40px;
}
.lg\:pt-80 {
padding-top: 80px;
}
.lg\:pr-40 {
padding-right: 40px;
}
.lg\:pl-40 {
padding-left: 40px;
}
.lg\:pr-50 {
padding-right: 50px;
}
.lg\:pb-60 {
padding-bottom: 60px;
}
.lg\:pr-80 {
padding-right: 80px;
}
.lg\:pr-7\% {
padding-right: 7%;
}
.lg\:pr-10\% {
padding-right: 10%;
}
.lg\:pr-25\% {
padding-right: 25%;
}
.lg\:pr-50\% {
padding-right: 50%;
}
.lg\:pt-13vh {
padding-top: 13vh;
}
.lg\:pb-16vh {
padding-bottom: 16vh;
}
.lg\:absolute {
position: absolute;
}
.lg\:relative {
position: relative;
}
.lg\:right-30 {
right: 30px;
}
.lg\:top-40 {
top: 40px;
}
.lg\:bottom-40 {
bottom: 40px;
}
.lg\:left-50\% {
left: 50%;
}
.lg\:text-center {
text-align: center;
}
.lg\:w-1\/2 {
width: 50%;
}
.lg\:w-1\/3 {
width: 33.333333%;
}
.lg\:w-1\/4 {
width: 25%;
}
.lg\:w-2\/4 {
width: 50%;
}
.lg\:w-3\/4 {
width: 75%;
}
.lg\:hide {
position: absolute;
left: -9999px;
}
}
@media (min-width: 1440px) {
}
@media (min-width: 1365px) {
}
@media (max-width: 639px) {
}
@media (max-width: 767px) {
}
@media (max-width: 1023px) {
.mxlg\:border-solid {
border-style: solid;
}
.mxlg\:border-t-1 {
border-top-width: 1px;
}
.mxlg\:last\:border-b-1:last-child {
border-bottom-width: 1px;
}
.mxlg\:hidden {
display: none;
}
.mxlg\:flex-col {
flex-direction: column;
}
.mxlg\:order-1 {
order: 1;
}
.mxlg\:order-2 {
order: 2;
}
.mxlg\:order-3 {
order: 3;
}
.mxlg\:h-auto {
height: auto;
}
.mxlg\:h-full {
height: 100%;
}
.mxlg\:h-screen {
height: 100vh;
}
.mxlg\:text-14px {
font-size: 14px;
}
.mxlg\:text-18px {
font-size: 18px;
}
.mxlg\:text-20px {
font-size: 20px;
}
.mxlg\:text-4vw {
font-size: 4vw;
}
.mxlg\:text-5vw {
font-size: 5vw;
}
.mxlg\:text-5\.5vw {
font-size: 5.5vw;
}
.mxlg\:text-7\.5vw {
font-size: 7.5vw;
}
.mxlg\:text-8vw {
font-size: 8vw;
}
.mxlg\:text-8\.5vw {
font-size: 8.5vw;
}
.mxlg\:text-9\.5vw {
font-size: 9.5vw;
}
.mxlg\:text-15vw {
font-size: 15vw;
}
.mxlg\:leading-1em {
line-height: 1em;
}
.mxlg\:leading-1\.2em {
line-height: 1.2em;
}
.mxlg\:my-70 {
margin-top: 70px;
margin-bottom: 70px;
}
.mxlg\:-mx-20 {
margin-left: -20px;
margin-right: -20px;
}
.mxlg\:mt-20 {
margin-top: 20px;
}
.mxlg\:mb-20 {
margin-bottom: 20px;
}
.mxlg\:mt-25 {
margin-top: 25px;
}
.mxlg\:mb-25 {
margin-bottom: 25px;
}
.mxlg\:mt-30 {
margin-top: 30px;
}
.mxlg\:mb-30 {
margin-bottom: 30px;
}
.mxlg\:mt-35 {
margin-top: 35px;
}
.mxlg\:mt-40 {
margin-top: 40px;
}
.mxlg\:mb-40 {
margin-bottom: 40px;
}
.mxlg\:mt-50 {
margin-top: 50px;
}
.mxlg\:mt-70 {
margin-top: 70px;
}
.mxlg\:mt-80 {
margin-top: 80px;
}
.mxlg\:mt-14vh {
margin-top: 14vh;
}
.mxlg\:max-w-inherit {
max-width: inherit;
}
.mxlg\:min-h-full {
min-height: 100%;
}
.mxlg\:min-h-600px {
min-height: 600px;
}
.mxlg\:min-w-full {
min-width: 100%;
}
.mxlg\:overflow-hidden {
overflow: hidden;
}
.mxlg\:px-20 {
padding-left: 20px;
padding-right: 20px;
}
.mxlg\:py-30 {
padding-top: 30px;
padding-bottom: 30px;
}
.mxlg\:py-60 {
padding-top: 60px;
padding-bottom: 60px;
}
.mxlg\:py-70 {
padding-top: 70px;
padding-bottom: 70px;
}
.mxlg\:py-6vh {
padding-top: 6vh;
padding-bottom: 6vh;
}
.mxlg\:pt-20 {
padding-top: 20px;
}
.mxlg\:pr-20 {
padding-right: 20px;
}
.mxlg\:pl-20 {
padding-left: 20px;
}
.mxlg\:pt-25 {
padding-top: 25px;
}
.mxlg\:pb-30 {
padding-bottom: 30px;
}
.mxlg\:pt-80 {
padding-top: 80px;
}
.mxlg\:pb-80 {
padding-bottom: 80px;
}
.mxlg\:pb-6vh {
padding-bottom: 6vh;
}
.mxlg\:absolute {
position: absolute;
}
.mxlg\:relative {
position: relative;
}
.mxlg\:top-0 {
top: 0;
}
.mxlg\:left-0 {
left: 0;
}
.mxlg\:top-10 {
top: 10px;
}
.mxlg\:right-10 {
right: 10px;
}
.mxlg\:bottom-10 {
bottom: 10px;
}
.mxlg\:top-50\% {
top: 50%;
}
.mxlg\:left-50\% {
left: 50%;
}
.mxlg\:text-white {
--tw-text-opacity: 1;
color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.mxlg\:uppercase {
text-transform: uppercase;
}
.mxlg\:underline {
text-decoration: underline;
}
.mxlg\:w-auto {
width: auto;
}
.mxlg\:w-1\/2 {
width: 50%;
}
.mxlg\:w-2\/3 {
width: 66.666667%;
}
.mxlg\:w-full {
width: 100%;
}
.mxlg\:z-10 {
z-index: 10;
}
.mxlg\:z-20 {
z-index: 20;
}
.mxlg\:transform {
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.mxlg\:-translate-x-50 {
--tw-translate-x: -50px;
}
.mxlg\:-translate-x-50\% {
--tw-translate-x: -50%;
}
.mxlg\:-translate-y-50 {
--tw-translate-y: -50px;
}
.mxlg\:-translate-y-50\% {
--tw-translate-y: -50%;
}
.mxlg\:hide {
position: absolute;
left: -9999px;
}
}
@media (max-width: 1364px) {
} .site-header .site-logo-link{
margin-left: 110px;
position: relative;
}
.site-header .site-logo-link:after{
content: "";
width: 90px;
height: 90px;
display: block;
display: block;
text-indent: -9999px;
background: url(//protext.com.br/site/wp-content/themes/protext/public/images/50/protext-50-years.svg) no-repeat;
background-size: 100% auto;
position: absolute;
top: -36px;
left: -110px;
}
.home-section-100 .home-section-figure  {
width: 100%;
min-height: 0;
height: 0;
padding-bottom: 51vw;
}
.home-section-100 {
height: auto;
min-height: auto;
}