@charset "utf-8";

::selection{ background: #282828; color: white}
::-moz-selection{ background: #282828; color: white}

/* Border-boxing */
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
input, select { -webkit-appearance:none; }
select { -webkit-appearance: menulist; }

/* Clearfix */
.cf { zoom: 1; }
.cf:before,
.cf:after { content: ""; display: table; }
.cf:after { clear: both; }

/* Base */
html,
body,
.wrapper { height: 100%; }
body { background: #fff; font-size: 16px; margin: 0; padding: 0; }
img { border: 0; }
.wrap { width: 100%; max-width: 1680px; margin: 0 auto; padding: 0 60px; position: relative; }
.controle { clear: both; word-spacing: -4px; height: 0; line-height: 0; }
.divider { border-bottom: 1px solid #eee; height: 0; margin: 40px 0; overflow: hidden; }

a { color: #83c120; text-decoration: underline; }
a:hover { text-decoration: none; }

.text-left { text-align: left !important; }
.text-right { text-align: right !important; }
.text-center { text-align: center !important; }

.sr-only { height: 1px; width: 1px; overflow: hidden; }

/* Messages */
.message { border-radius: 2px; color: #fff; font: bold 13px Arial, Helvetica, sans-serif; margin: 10px 0 20px; padding: 20px; text-shadow: 1px 1px 0px rgba(0,0,0,0.15); }

/* Colors */
.white { color: #fff; }
.default { color: #3ccbb5; }

/* UI Colors */
.c-default { background: #fafafa; border: 1px solid #ddd; color: #484848; }
.c-default:hover, .c-default:focus { background: #eee; }
.c-primary { background: #2282F0; }
.c-primary:hover, .c-primary:focus { background: #1771d8; }
.c-success { background: #61b261; }
.c-success:hover, .c-success:focus { background: #58a558; }
.c-info { background: #428bca; }
.c-info:hover, .c-info:focus { background: #3f7fb7; }
.c-alert { background: #f0b94e; }
.c-alert:hover, .c-alert:focus { background: #d9a43c; }
.c-error { background: #d9534f; }
.c-error:hover, .c-error:focus { background: #cf4a46; }
.c-black { background: #353535; }
.c-black:hover, .c-black:focus { background: #252525; }

/* Scroll to top */
.btn-scroll-to-top { display: none; cursor: pointer; background: #282828; border: 2px solid #282828; color: #fff; border-radius: 2px; position: fixed; bottom: 20px; right: 20px; z-index: 1200; width: 38px; height: 38px; text-align: center; line-height: 33px; font-family: FontAwesome; font-size: 1em; }
.wp-fixed { position: fixed; top: 49%; right: 20px; z-index: 9999; width: 50px; border-radius: 50%; height: 50px; background: #1bb143; vertical-align: middle; line-height: 50px; text-align: center; box-shadow: 0 5px 10px rgba(0,0,0,0.15); text-decoration: none; }
.wp-fixed i { font-size: 32px; vertical-align: middle; color: #fff;}
.wp-fixed span { display: none; }
.wp-fixed.wp-fixed-word { top: initial; bottom: 20px; right: 80px; border-radius: 35px; padding: 0 20px; width: auto; }
.wp-fixed.wp-fixed-word span { display: inline-block; color: #fff; font: 700 16px/40px 'Avenir Next W01', Arial, Helvetica, sans-serif; text-decoration: none; margin: 0 0 0 5px; }

.wp-btn { display: block; margin: 30px auto; width: 50px; border-radius: 50%; height: 50px; background: #1bb143; vertical-align: middle; line-height: 50px; text-align: center; box-shadow: 0 5px 10px rgba(0,0,0,0.15); text-decoration: none; }
.wp-btn i { font-size: 32px; vertical-align: middle; color: #fff;}
.wp-btn span { display: none; }
.wp-btn.wp-btn-word { top: initial; bottom: 20px; right: 80px; border-radius: 35px; padding: 0 25px; width: 250px; text-align: left; }
.wp-btn.wp-btn-word span { display: inline-block; color: #fff; font: 700 16px/40px 'Avenir Next W01', Arial, Helvetica, sans-serif !important; text-decoration: none; margin: 0 0 0 5px !important; vertical-align: middle; }

/* Structure */
header { background: none; height: auto; margin: 0; padding: 30px 0 80px; width: 100%; position: absolute; top: 0; left: 0; z-index: 3001; transition: all 0.35s ease; }
header{ background: rgba(0,0,0,0.875); background: -moz-linear-gradient(180deg, rgba(0,0,0,0.875) 0%, rgba(0,0,0,0.0) 100%); background: -webkit-linear-gradient(180deg, rgba(0,0,0,0.875) 0%, rgba(0,0,0,0.0) 100%); background: linear-gradient(180deg, rgba(0,0,0,0.875) 0%, rgba(0,0,0,0.0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(0,0,0,0.875)', endColorstr='rgba(0,0,0,0.0)',GradientType=1 ); }
header .wrap { position: relative; }
header .logotipo { float: left; margin: 10px 0 0 0; padding: 0; text-decoration: none; }
header .logotipo img { display: block; max-height: 109px; }
header .favicon { display: none; float: left; }
header .favicon img { display: block; max-width: 80px; }
header nav { display: block; height: 100%; overflow: auto; margin: 0 0; padding: 0; text-align: right; }
header nav > .nav-menu { text-align: right; }
header nav > .nav-menu > a { color: #fff; display: inline-block; align-items: center; font: 700 16px/40px 'Avenir Next W01', Arial, Helvetica, sans-serif; letter-spacing: 0; margin: 0 0 0 30px; padding: 0 5px; text-decoration: none; text-transform: none; transition: all 0.5s ease; }
header nav > .nav-menu > a:hover { color: #bbd152; }
header .header-itens { border-bottom: 1px solid rgba(0,0,0,0.05); }
header .nav-ico,
header .close-ico { display: none; }
header .tel-ico,
header .social-ico { color: #fff; font: 500 15px/50px 'Avenir Next W01', Arial, Helvetica, sans-serif; letter-spacing: 0px; display: inline-block; margin: 0 24px; padding: 0; text-decoration: none; }
header .tel-ico strong,
header .social-ico strong { display: inline-block; font-weight: 800; }
header .tel-ico:before,
header .social-ico:before { content: attr(data-ico); color: #bbd152; font-family: 'FontAwesome'; font-size: 24px; font-weight: normal; display: inline-block; vertical-align: middle; margin: 0 5px 0 10px; }
header .linguagens { cursor: pointer; float: right; margin: 0; height: 46px; z-index: 2000; font-size: 0; margin: 0 0 0 25px; }
header .linguagens a { display: inline-block; width: 30px; height: 30px; margin: 8px 5px; border: 2px solid #fff; box-shadow: 0 0 5px rgba(0,0,0,0.1); border-radius: 50%; opacity: 0.2; overflow: hidden; }
header .linguagens a:hover,
header .linguagens a.on { opacity: 1; }
header .linguagens a img { display: block; width: 100%; height: 100%; }

footer { background: #fff; border-top: 1px solid rgba(0,0,0,0.1); font-size: 0; margin: 0; padding: 30px 0; position: relative; width: 100%; }
footer .wrap { position: relative; margin: -70px auto 0; }
footer img { display: block; max-height: 80px; }
footer h4 { color: #fff; font: 400 42px/100% 'Avenir Next W01', Arial, Helvetica, sans-serif; letter-spacing: -2px; margin: 0; padding: 0; }
footer h4:first-line { font-weight: 800; }
footer h4:after { content: ''; height: 4px; width: 80px; border-radius: 30px; display: block; margin: 20px 0; background: #bbd152; background: -moz-linear-gradient(65deg, #bbd152 0%, #83c120 100%); background: -webkit-linear-gradient(65deg, #bbd152 0%, #83c120 100%); background: linear-gradient(65deg, #bbd152 0%, #83c120 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bbd152', endColorstr='#83c120',GradientType=1 ); background-size: 100% 100%; }
footer h5 { color: #555; font: 800 32px/90% 'Avenir Next W01', Arial, Helvetica, sans-serif;  letter-spacing: -2px; margin: 0; padding: 0; text-transform: lowercase; }
footer h5:first-line { font-weight: 300; }
footer h5:after { content: ''; height: 2px; width: 80px; border-radius: 30px; display: block; margin: 20px 0; background: #bbd152; background: -moz-linear-gradient(65deg, #bbd152 0%, #83c120 100%); background: -webkit-linear-gradient(65deg, #bbd152 0%, #83c120 100%); background: linear-gradient(65deg, #bbd152 0%, #83c120 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bbd152', endColorstr='#83c120',GradientType=1 ); background-size: 100% 100%; }
footer p { color: #ddd; font: 600 15px/170% 'Avenir Next W01', Arial, Helvetica, sans-serif; margin: 0; padding: 0; }
footer a { text-decoration: none; }
footer .social-ico:before { content: attr(data-ico); border: 2px solid #282828; border-radius: 1px; color: #282828; font-family: 'FontAwesome'; font-size: 24px; font-weight: normal; display: inline-block; vertical-align: middle; margin: 10px; padding: 10px; }

body.home header,
body.home footer { display: none; }

/* Home */
.home-header { background: #282828; padding: 15px 0; position: absolute; top: 0; left:0; width: 100%; z-index: 1200; }
.home-header:after { content: ''; background: url(/assets/images/home-detail.png) center no-repeat; position: absolute; bottom: -13px; left: 0; width: 100%; height: 25px; }
.home-header > img { max-height: 71px; display: block; margin: 0 auto }
.home-header .linguagens { cursor: pointer; display: block; height: auto; z-index: 2000; font-size: 0; margin: 0 0 5px; text-align: center; }
.home-header .linguagens a { display: inline-block; width: 30px; height: 30px; margin: 5px; border: 2px solid #fff; box-shadow: 0 0 5px rgba(0,0,0,0.1); border-radius: 50%; opacity: 0.2; overflow: hidden; }
.home-header .linguagens a:hover,
.home-header .linguagens a.on { opacity: 1; }
.home-header .linguagens a img { display: block; width: 100%; height: 100%; }
.entrada { background: #282828; font-size: 0; height: 100%; border-bottom: 0 solid #fff; }
.entrada .entrada-compra,
.entrada .entrada-venda { display: inline-block; width: 50%; height: 100%; transition: all 0.5s ease; position: relative; box-shadow: 0 0 80px rgba(0,0,0,0.65); z-index: 1000; }
.entrada .entrada-compra { background: #333; background: -moz-linear-gradient(65deg, #333 0%, #202020 100%); background: -webkit-linear-gradient(65deg, #333 0%, #202020 100%); background: linear-gradient(65deg, #333 0%, #202020 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333', endColorstr='#202020',GradientType=1 ); background-size: 100% 100%; }
.entrada .entrada-venda { background: #333; background: -moz-linear-gradient(65deg, #333 0%, #202020 100%); background: -webkit-linear-gradient(65deg, #333 0%, #202020 100%); background: linear-gradient(65deg, #333 0%, #202020 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333', endColorstr='#202020',GradientType=1 ); background-size: 100% 100%; }
.entrada .entrada-compra .bg,
.entrada .entrada-venda .bg { background-position: center; background-repeat: no-repeat; background-size: cover; mix-blend-mode: soft-light; filter: grayscale(35%); height: 100%; opacity: 0.95; }
.entrada a { border: 3px solid #fff; width: 50%; height: auto; top: 55%; left: 50%; transform: translate(-50%,-50%); position: absolute; padding: 100px 30px 30px; color: #fff; font: 800 30px/110% 'Avenir Next W01', Arial, Helvetica, sans-serif; letter-spacing: -1px; text-decoration: none; text-transform: uppercase; transition: all 0.45s ease; }
.entrada a:first-line { font-weight: 300; }
.entrada a span { background-color: #bbd152; background-image: url(/assets/images/arrow-right.png); background-position: center; background-repeat: no-repeat; width: 60px; height: 60px; position: absolute; bottom: 30px; right: -30px; transition: all 0.45s ease; }
.entrada .entrada-venda a span { background-color: #282828; }
.entrada a:hover { background: #fff; color: #282828; }
.entrada a:hover span { right: -45px; }

.pub { background: #151515; height: 97.5%; min-height: 750px; max-height: auto; margin: 0; padding: 0; position: relative; width: 100%; }
.pub .bx-wrapper,
.pub .bx-viewport { height: 100% !important; }
.pub ul,
.pub ul li { background: #282828; height: 100%; list-style: none; margin: 0; padding: 0; }
.pub ul li .bg { background-position: center; background-repeat: no-repeat; background-size: cover; height: 100%; opacity: 0.45; filter: grayscale(60%); }
.pub ul li .wrap { position: absolute; height: 100%; top: 0; left: 50%; transform: translate(-50%,0); }
.pub h1 { color: #fff; font: 800 68px/90% 'Avenir Next W01', Arial, Helvetica, sans-serif; letter-spacing: -2px; margin: 0; padding: 0; position: relative; z-index: 9999; text-shadow: 0 5px 15px rgba(0,0,0,0.1); max-width: 80%; }
.pub .btns-cta { margin: 0; padding: 0 60px 180px; text-align: left; position: absolute; bottom: 0; left: 0; width: 100%;  }
.pub .btns-cta a.btn { background: none; border: 2px solid #bbd152; color: #bbd152; display: inline-block; font: 700 16px 'Avenir Next W01', Arial, Helvetica, sans-serif; margin: 60px 0 0; padding: 15px 35px; text-align: center; text-decoration: none; text-transform: lowercase; transition: all 0.5s ease; position: relative; }
.pub .btns-cta a.btn:after { content: ''; height: 3px; width: 50px; background: #bbd152; background: -moz-linear-gradient(65deg, #bbd152 0%, #83c120 100%); background: -webkit-linear-gradient(65deg, #bbd152 0%, #83c120 100%); background: linear-gradient(65deg, #bbd152 0%, #83c120 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bbd152', endColorstr='#83c120',GradientType=1 ); background-size: 100% 100%; transition: all 0.45s ease; position: absolute; top: 48%; right: -40px; }
.pub .btns-cta a.btn:hover { padding: 15px 50px; }
.pub .arrows { width: 50px; height: auto; position: absolute; bottom: 180px; right: 60px; z-index: 2000; }
.pub .arrows span { cursor: pointer; display: block; width: 50px; height: 50px; border: 2px solid #bbd152; transition: all 0.4s ease; color: #bbd152; }
.pub .arrows span i { display: block; text-align: center; font-size: 20px; line-height: 46px; }
.pub .arrows span:hover { background: #bbd152; }
.pub .arrows span:hover i { color: #fff; }
.pub .arrows span:nth-child(2) { margin: -2px 0 0; }

.section { padding: 120px 0; position: relative; }
.section h2 { color: #282828; font: 800 32px/100% 'Avenir Next W01', Arial, Helvetica, sans-serif; letter-spacing: -0.5px; margin: 0 0 25px; padding: 0; }
.section h3 { color: #282828; font: 100 30px/40px 'Avenir Next W01', Arial, Helvetica, sans-serif; letter-spacing: 0; margin: 15px 0; padding: 0; }
.section h4 { color: #050505; font: 900 18px/22px 'Avenir Next W01', Arial, Helvetica, sans-serif; letter-spacing: 0; margin: 0 0 10px; padding: 0; }
.section p { color: #fff; font: 400 16px/28px 'Avenir Next W01', Arial, Helvetica, sans-serif; text-rendering: optimizelegibility; margin: 0 0 20px; }
.section ul { color: #fff; font: 300 16px/26px 'Avenir Next W01', Arial, Helvetica, sans-serif; text-rendering: optimizelegibility; font-feature-settings: "liga"; list-style: none; margin: 0 0 30px; padding: 0; }
.section ul li { margin: ; padding: 0; }
.section a.btn { background: #fff; border-radius: 50px; display: inline-block; font: 500 20px 'Avenir Next W01', Arial, Helvetica, sans-serif; margin: 10px 0 25px; padding: 15px 45px; text-align: center; text-decoration: none; text-transform: lowercase; transition: all 0.5s ease; }

.qualidade { font-size: 0; margin: 0; padding: 0 ; position: relative; z-index: 3000; }
.qualidade .wrap { margin: -50px auto 0; position: relative; z-index: 1000; font-size: 0; }
.qualidade .qualidade-text { display: inline-block; height: 540px; width: 35%; padding: 60px; vertical-align: top; background: #bbd152; background: -moz-linear-gradient(65deg, #bbd152 0%, #83c120 100%); background: -webkit-linear-gradient(65deg, #bbd152 0%, #83c120 100%); background: linear-gradient(65deg, #bbd152 0%, #83c120 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bbd152', endColorstr='#83c120',GradientType=1 ); background-size: 100% 100%; }
.qualidade .qualidade-text h2 { color: #000; font: 300 52px/90% 'Avenir Next W01', Arial, Helvetica, sans-serif; letter-spacing: -1px; margin: 0 0 30px; padding: 0; mix-blend-mode: overlay; }
.qualidade .qualidade-text h2 strong { color: #000; display: block; font-weight: 900; letter-spacing: -3px; margin: 8px 0 0; }
.qualidade .qualidade-text p { color: #fff; font: 500 18px/145% 'Avenir Next W01', Arial, Helvetica, sans-serif; }
.qualidade .qualidade-text a.btn { background: none; border: 2px solid #282828; color: #282828; display: inline-block; font: 800 16px 'Avenir Next W01', Arial, Helvetica, sans-serif; margin: 25px 0 0; padding: 15px 25px; text-align: center; text-decoration: none; text-transform: lowercase; transition: all 0.5s ease; text-transform: uppercase; }
.qualidade .qualidade-image { display: inline-block; height: 540px; width: 55%; background: #fff url(/assets/images/bg3.jpg) center no-repeat; background-size: cover; box-shadow: 10px 20px 60px rgba(0,0,0,0.5); position: relative; }
.qualidade .qualidade-image:after { content: ''; width: 250px; height: 3px; background: #282828; position: absolute; bottom: 80px; right: -160px; }

.produto-header { font-size: 0; margin: 0; padding: 0 ; position: relative; z-index: 3000; }
.produto-header .wrap { margin: -30px auto 0; position: relative; z-index: 1000; font-size: 0; }
.produto-header .produto-header-text { display: inline-block; height: 540px; width: 35%; padding: 60px; vertical-align: top; background: #fafafa; }
.produto-header .produto-header-text h2 { color: #282828; font: 300 52px/90% 'Avenir Next W01', Arial, Helvetica, sans-serif; letter-spacing: -1px; margin: 0 0 30px; padding: 0; }
.produto-header .produto-header-text h2 strong { color: #282828; display: block; font-weight: 800; letter-spacing: -3px; margin: 8px 0 0; }
.produto-header .produto-header-text p { color: rgba(0,0,0,0.7); font: 500 18px/145% 'Avenir Next W01', Arial, Helvetica, sans-serif; }
.produto-header .produto-header-text ul,
.produto-header .produto-header-text ul li { color: rgba(0,0,0,0.7); font: 500 18px/145% 'Avenir Next W01', Arial, Helvetica, sans-serif; }
.produto-header .produto-header-text a.btn { background: none; border: 0; color: #fff; display: inline-block; font: 800 18px 'Avenir Next W01', Arial, Helvetica, sans-serif; margin: 25px 0 0; padding: 15px 25px; text-align: center; text-decoration: none; text-transform: lowercase; transition: all 0.5s ease; text-transform: uppercase; background: #bbd152; background: -moz-linear-gradient(65deg, #bbd152 0%, #83c120 100%); background: -webkit-linear-gradient(65deg, #bbd152 0%, #83c120 100%); background: linear-gradient(65deg, #bbd152 0%, #83c120 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bbd152', endColorstr='#83c120',GradientType=1 ); background-size: 100% 100%; }
.produto-header .produto-header-image { display: inline-block; height: 540px; width: 55%; background: #fff url(/assets/images/bg-produto.jpg) center no-repeat; background-size: cover; box-shadow: 10px 20px 60px rgba(0,0,0,0.5); position: relative; }
.produto-header .produto-header-image:after { content: ''; width: 250px; height: 3px; background: #282828; position: absolute; bottom: 80px; right: -160px; }

.contador { font-size: 0; margin: -20px 0 0; }
.contador h2 { color: #282828; font: 800 72px 'Avenir Next W01', Arial, Helvetica, sans-serif; letter-spacing: -5px; margin: 0; padding: 0; text-align: center; position: absolute; top: 40px; left: 0; width: 100%; opacity: 0.1 }
.contador-wrap { border: 1px solid rgba(0,0,0,0.05); padding-top: 180px; padding-bottom: 180px; }
.contador-item { display: inline-block; vertical-align: middle; width: 33.333333%; color: #282828; font: 500 16px/100% 'Avenir Next W01', Arial, Helvetica, sans-serif; text-align: center; position: relative; }
.contador-item span { display: block; font: 800 62px 'Avenir Next W01', Arial, Helvetica, sans-serif; letter-spacing: -4px; }
.contador-item:nth-child(1):before { content: ''; height: 20px; width: 1px; position: absolute; bottom: -25px; right: 15%; background: #282828; }
.contador-item:nth-child(1):after { content: ''; height: 10px; width: 10px; position: absolute; top: 0; right: 0; background: #bbd152; background: -moz-linear-gradient(65deg, #bbd152 0%, #83c120 100%); background: -webkit-linear-gradient(65deg, #bbd152 0%, #83c120 100%); background: linear-gradient(65deg, #bbd152 0%, #83c120 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bbd152', endColorstr='#83c120',GradientType=1 ); background-size: 100% 100%; }
.contador-item:nth-child(2):before { content: ''; width: 45px; height: 2px; position: absolute; top: -35px; right: 35%; background: #bbd152; background: -moz-linear-gradient(65deg, #bbd152 0%, #83c120 100%); background: -webkit-linear-gradient(65deg, #bbd152 0%, #83c120 100%); background: linear-gradient(65deg, #bbd152 0%, #83c120 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bbd152', endColorstr='#83c120',GradientType=1 ); background-size: 100% 100%; }
.contador-item:nth-child(2):after { content: ''; height: 15px; width: 15px; position: absolute; bottom: -65px; right: 10%; background: #282828; }
.contador-item:nth-child(3):before { content: ''; height: 50px; width: 1px; position: absolute; bottom: 0; left: 15%; background: #aaa; }
.contador-item:nth-child(3):after { content: ''; height: 25px; width: 25px; position: absolute; top: 0; right: 20%; background: #bbd152; background: -moz-linear-gradient(65deg, #bbd152 0%, #83c120 100%); background: -webkit-linear-gradient(65deg, #bbd152 0%, #83c120 100%); background: linear-gradient(65deg, #bbd152 0%, #83c120 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bbd152', endColorstr='#83c120',GradientType=1 ); background-size: 100% 100%; }

.aplicacoes { font-size: 0; margin: -20px 0 0; }
.aplicacoes h2 { color: #282828; font: 800 72px 'Avenir Next W01', Arial, Helvetica, sans-serif; letter-spacing: -5px; margin: 0; padding: 0; text-align: center; position: absolute; top: 40px; left: 0; width: 100%; opacity: 0.1 }
.aplicacoes-wrap { border: 1px solid rgba(0,0,0,0.05); padding-top: 140px; padding-bottom: 100px; }
.aplicacoes-item { display: inline-block; vertical-align: middle; width: 33.333333%; color: #282828; font: 500 16px/100% 'Avenir Next W01', Arial, Helvetica, sans-serif; text-align: center; position: relative; }
.aplicacoes-item span { display: block; font: 800 42px 'Avenir Next W01', Arial, Helvetica, sans-serif; letter-spacing: -4px; margin: 30px 0; }
.aplicacoes-item:nth-child(1):before { content: ''; height: 20px; width: 1px; position: absolute; bottom: -25px; right: 15%; background: #282828; }
.aplicacoes-item:nth-child(1):after { content: ''; height: 10px; width: 10px; position: absolute; top: 0; right: 0; background: #bbd152; background: -moz-linear-gradient(65deg, #bbd152 0%, #83c120 100%); background: -webkit-linear-gradient(65deg, #bbd152 0%, #83c120 100%); background: linear-gradient(65deg, #bbd152 0%, #83c120 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bbd152', endColorstr='#83c120',GradientType=1 ); background-size: 100% 100%; }
.aplicacoes-item:nth-child(3):before { content: ''; height: 50px; width: 1px; position: absolute; bottom: 0; left: 15%; background: #aaa; }
.aplicacoes-item:nth-child(3):after { content: ''; height: 25px; width: 25px; position: absolute; top: 0; right: 30%; background: #bbd152; background: -moz-linear-gradient(65deg, #bbd152 0%, #83c120 100%); background: -webkit-linear-gradient(65deg, #bbd152 0%, #83c120 100%); background: linear-gradient(65deg, #bbd152 0%, #83c120 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bbd152', endColorstr='#83c120',GradientType=1 ); background-size: 100% 100%; }

.servicos { background: #282828; font-size: 0; padding: 0; }
.servicos-text,
.servicos-wrap { display: inline-block; width: 50%; position: relative; }
.servicos-text { width: 100%; }
.servicos-text img { background: url(/assets/images/bg2.jpg) center no-repeat; background-size: cover; display: block; width: 100%; height: 650px; filter: grayscale(100%); opacity: 0.225; position: relative; }
.servicos-text .servicos-text-wrap { position: absolute; top: 50%; left: 10%; width: 80%; transform: translate(0,-50%); }
.servicos-text .servicos-text-wrap h2 { color: #fff; font: 300 62px/86% 'Avenir Next W01', Arial, Helvetica, sans-serif; letter-spacing: -3px; margin: 0; padding: 0; }
.servicos-text .servicos-text-wrap h2 strong { color: #bbd152; display: block; font-weight: 800; letter-spacing: -1px; margin: 8px 0 0; }
.servicos-text .servicos-text-wrap h2:after { content: ''; border-radius: 2px; height: 4px; width: 100px; border-radius: 3px; display: block; margin: 40px 0; background: #bbd152; background: -moz-linear-gradient(65deg, #bbd152 0%, #83c120 100%); background: -webkit-linear-gradient(65deg, #bbd152 0%, #83c120 100%); background: linear-gradient(65deg, #bbd152 0%, #83c120 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bbd152', endColorstr='#83c120',GradientType=1 ); background-size: 100% 100%; transition: all 0.45s ease; }
.servicos-text .servicos-text-wrap p { color: rgba(255,255,255,0.75); font: 500 16px/190% 'Avenir Next W01', Arial, Helvetica, sans-serif; }
.servicos-text .servicos-text-wrap a.btn { background: none; border: 2px solid #bbd152; color: #bbd152; display: inline-block; font: 700 16px 'Avenir Next W01', Arial, Helvetica, sans-serif; margin: 60px 0 0; padding: 15px 25px; text-align: center; text-decoration: none; text-transform: lowercase; transition: all 0.5s ease; position: relative; }
.servicos-text .servicos-text-wrap a.btn:after { content: ''; height: 3px; width: 50px; background: #bbd152; background: -moz-linear-gradient(65deg, #bbd152 0%, #83c120 100%); background: -webkit-linear-gradient(65deg, #bbd152 0%, #83c120 100%); background: linear-gradient(65deg, #bbd152 0%, #83c120 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bbd152', endColorstr='#83c120',GradientType=1 ); background-size: 100% 100%; transition: all 0.45s ease; position: absolute; top: 49%; right: -40px; }
.servicos-text .servicos-text-wrap a.btn:hover { padding: 15px 40px; }
.servicos-wrap > a { display: inline-block; width: 25%; text-decoration: none; position: relative; overflow: hidden; }
.servicos-wrap > a > img { display: block; width: 100%; height: auto; background-position: center; background-repeat: no-repeat; background-size: cover; filter: grayscale(50%); opacity: 0.5; transition: all 0.45s ease; }
.servicos-wrap > a:hover > img { filter: grayscale(0%); opacity: 1; }
.servicos-wrap > a > span { color: #fff; font: 800 28px/90% 'Avenir Next W01', Arial, Helvetica, sans-serif; position: absolute; bottom: -3px; left: 40px; opacity: 0.7; transition: all 0.45s ease; }
.servicos-wrap > a > span:after { content: ''; border-radius: 2px; height: 3px; width: 80px; border-radius: 30px; display: block; margin: 40px 0 0; background: #bbd152; background: -moz-linear-gradient(65deg, #bbd152 0%, #83c120 100%); background: -webkit-linear-gradient(65deg, #bbd152 0%, #83c120 100%); background: linear-gradient(65deg, #bbd152 0%, #83c120 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bbd152', endColorstr='#83c120',GradientType=1 ); background-size: 100% 100%; transition: all 0.45s ease; }
.servicos-wrap > a:hover > span { opacity: 1; bottom: 40px; }
.servicos-wrap > a:hover > span:after { margin: 20px 0 0; }
.servicos-wrap > a.nao-encontrou > span { color: #fff; font: 800 32px/100% 'Avenir Next W01', Arial, Helvetica, sans-serif; opacity: 0.85; bottom: 40px; }
.servicos-wrap > a.nao-encontrou > span > span { display: block; font-size: 16px; font-weight: 500; margin: 10px 0 0; }
.servicos-wrap > a.nao-encontrou > span:after { margin: 20px 0 0; }

.servicos-full { display: inline-block; width: 100%; position: relative; background: #e5e6e7; /*url(/assets/images/bg-compra2.jpg) center no-repeat; background-blend-mode: color-dodge; background-size: cover;*/ display: block; width: 100%; height: auto; padding: 130px 0; }
.servicos-full img { max-width: 90%; display: block; height: auto; margin: auto; }
.servicos-full h2 { color: #fff; font: 300 62px/86% 'Avenir Next W01', Arial, Helvetica, sans-serif; letter-spacing: -3px; margin: 0; padding: 0; text-align: left; }
.servicos-full h2 strong { color: #bbd152; font-weight: 800; letter-spacing: -1px; }
.servicos-full p { color: rgba(255,255,255,0.75); font: 500 16px/190% 'Avenir Next W01', Arial, Helvetica, sans-serif; }
.servicos-full a.btn { background: none; border: 2px solid #bbd152; color: #bbd152; display: block; font: 700 16px 'Avenir Next W01', Arial, Helvetica, sans-serif; margin: 120px auto 0; padding: 15px 25px; text-align: center; text-decoration: none; text-transform: lowercase; transition: all 0.5s ease; position: relative; max-width: 250px; }
.servicos-full a.btn:after { content: ''; height: 3px; width: 50px; background: #bbd152; background: -moz-linear-gradient(65deg, #bbd152 0%, #83c120 100%); background: -webkit-linear-gradient(65deg, #bbd152 0%, #83c120 100%); background: linear-gradient(65deg, #bbd152 0%, #83c120 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bbd152', endColorstr='#83c120',GradientType=1 ); background-size: 100% 100%; transition: all 0.45s ease; position: absolute; top: 49%; right: -40px; }
.servicos-full a.btn:hover { padding: 15px 40px; }

.passos { margin: 40px 0 0; padding: 50px 0; position: relative; z-index: 1200; }
.passos ul,
.passos ul li { margin: 0; padding: 0; list-style: none; }
.passos ul li { width: 100%; text-align: left; }
.passos ul li h3 { color: #fff; font: 800 64px/95% 'Avenir Next W01', Arial, Helvetica, sans-serif; letter-spacing: -1px; display: inline-block; width: 30%; margin: 0; padding: 0 25px 0 0; text-align: left; }
.passos ul li h3 span { color: #bbd152; display: block; margin: 0 0 10px; }
.passos ul li h3:after { content: ''; border-radius: 2px; height: 6px; width: 60px; border-radius: 3px; display: block; margin: 20px 0; background: #bbd152; background: -moz-linear-gradient(65deg, #bbd152 0%, #83c120 100%); background: -webkit-linear-gradient(65deg, #bbd152 0%, #83c120 100%); background: linear-gradient(65deg, #bbd152 0%, #83c120 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bbd152', endColorstr='#83c120',GradientType=1 ); background-size: 100% 100%; transition: all 0.45s ease; }
.passos ul li p { display: inline-block; width: 70%; font-size: 17px; line-height: 30px; vertical-align: top; margin: 0; }
.passos ul li p span.img { background-position: center; background-repeat: no-repeat; background-size: 75%; float: left; width: 20%; margin: 0; }
.passos ul li p span.img img { display: block; width: 100%; height: auto; position: relative; }
.passos ul li p span.img img:after { content: ''; height: 100px; width: 100px; position: absolute; z-index: 1200; top: 100px; left: -65px; background: #bbd152; background: -moz-linear-gradient(65deg, #bbd152 0%, #83c120 100%); background: -webkit-linear-gradient(65deg, #bbd152 0%, #83c120 100%); background: linear-gradient(65deg, #bbd152 0%, #83c120 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bbd152', endColorstr='#83c120',GradientType=1 ); background-size: 100% 100%; }
.passos ul li p span.info { display: inline-block; padding: 35px; width: 80%; }
.passos .bx-controls { height: 28px; position: absolute; bottom: -30px; left: 20%; z-index: 1000; width: 60%; }
.passos .bx-pager { height: 16px; border-bottom: 2px solid #bbd152; text-align: center; }
.passos .bx-pager .bx-pager-item { display: inline-block; }
.passos .bx-pager .bx-pager-item a { background: #151515; border: 3px solid #bbd152; border-radius: 50%; display: block; font-size: 1000px; height: 28px; margin: 0 40px; width: 28px; overflow: hidden; transition: all 0.5s ease; }
.passos .bx-pager .bx-pager-item a:hover,
.passos .bx-pager .bx-pager-item a.active { background: #bbd152; border: 3px solid #bbd152; }

.sustentabilidade { font-size: 0; padding: 0px 0 0; }
.sustentabilidade-text,
.sustentabilidade-image { display: inline-block; width: 50%; position: relative; vertical-align: middle; }
.sustentabilidade-text { padding: 50px; }
.sustentabilidade-text h2 { color: #282828; font: 300 62px/86% 'Avenir Next W01', Arial, Helvetica, sans-serif; letter-spacing: -3px; margin: 0; padding: 0; }
.sustentabilidade-text h2 strong { color: #282828; display: block; font-weight: 800; letter-spacing: -1px; margin: 8px 0 0; }
.sustentabilidade-text h2:after { content: ''; border-radius: 2px; height: 4px; width: 100px; border-radius: 3px; display: block; margin: 40px 0; background: #bbd152; background: -moz-linear-gradient(65deg, #bbd152 0%, #83c120 100%); background: -webkit-linear-gradient(65deg, #bbd152 0%, #83c120 100%); background: linear-gradient(65deg, #bbd152 0%, #83c120 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bbd152', endColorstr='#83c120',GradientType=1 ); background-size: 100% 100%; transition: all 0.45s ease; }
.sustentabilidade-text h3 { color: #282828; font: 500 28px/140% 'Avenir Next W01', Arial, Helvetica, sans-serif; letter-spacing: -1px; margin: 0 0 15px; padding: 0; max-width: 90%; }
.sustentabilidade-text p { color: #282828; font: 500 16px/190% 'Avenir Next W01', Arial, Helvetica, sans-serif; }
.sustentabilidade-image { background: #282828; box-shadow: 10px 20px 60px rgba(0,0,0,0.5); }
.sustentabilidade-image ul,
.sustentabilidade-image ul li { margin: 0; padding: 0; list-style: none; width: 100%; height: 100%; }
.sustentabilidade-image .bx-wrapper,
.sustentabilidade-image .bx-viewport { width: 100% !important; height: 100% !important; }
.sustentabilidade-image img { background: url(/assets/images/bg4.jpg) center no-repeat; background-size: cover; display: block; width: 100%; height: auto; opacity: 0.85; position: relative; }
.sustentabilidade-image:after { content: ''; height: 100px; width: 100px; position: absolute; z-index: 1200; top: 100px; left: -65px; background: #bbd152; background: -moz-linear-gradient(65deg, #bbd152 0%, #83c120 100%); background: -webkit-linear-gradient(65deg, #bbd152 0%, #83c120 100%); background: linear-gradient(65deg, #bbd152 0%, #83c120 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bbd152', endColorstr='#83c120',GradientType=1 ); background-size: 100% 100%; }
.sustentabilidade-image.si-empresa:after { display: none; }
.sustentabilidade-image.si-empresa img { filter: grayscale(50%); }

.sustentabilidade-image.wrap-video { width: 60%; margin-left: 5%; }
.sustentabilidade-image.wrap-video img { width: 100%; height: 550px; }
.sustentabilidade-image.wrap-video .video-title { cursor: pointer; color: #fff; font: 800 50px/120% 'Avenir Next W01', Arial, Helvetica, sans-serif; letter-spacing: 0.5px; text-shadow: 0 5px 15px rgba(0,0,0,0.5); position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); text-align: center; z-index: 1000; transition: all 0.45s ease; }
.sustentabilidade-image.wrap-video .video-title i { display: block; margin: 20px 0 0; font-size: 70px; }

.funcionalidades { padding: 60px 0; }
.funcionalidades .funcionalidades-slider { text-align: center; font-size: 0; padding: 0; }
.funcionalidades h2 { color: #ddd; font-size: 32px; letter-spacing: 1px; font-weight: 800; text-transform: none; position: relative; }
.funcionalidades h2 span { display: inline-block; position: relative; z-index: 3000; background: #fff; padding: 0 5px; }
.funcionalidade { background: #fff; border-radius: 1px; border: 2px solid #fafafa; display: inline-block; margin: 10px 0.5%; padding: 0; width: auto; vertical-align: top; transition: all 0.4s ease; position: relative; z-index: 1200; width: 32.333333%; vertical-align: top; }
.funcionalidade .image { display: block; height: auto; opacity: 0.85; filter: grayscale(50%); transition: all 0.5s ease;}
.funcionalidade .image img { display: block; width: 100%; height: auto; margin: 25px auto 0; max-height: 100px; }
.funcionalidade .info { min-height: auto; padding: 25px 50px; text-align: center; position: relative; left: 0; bottom: 0; width: 100%; }
.funcionalidade .info h4 { color: #282828; font: 800 16px/105% 'Avenir Next W01', Arial, Helvetica, sans-serif; margin: 0 0 10px; padding: 0; text-transform: uppercase; }
.funcionalidade .info h4:after { content: ''; height: 2px; width: 80px; border-radius: 30px; display: block; margin: 10px auto; background: #bbd152; background: -moz-linear-gradient(65deg, #bbd152 0%, #83c120 100%); background: -webkit-linear-gradient(65deg, #bbd152 0%, #83c120 100%); background: linear-gradient(65deg, #bbd152 0%, #83c120 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bbd152', endColorstr='#83c120',GradientType=1 ); background-size: 100% 100%; }
.funcionalidade .info p { color: #666; font: 500 15px/135% 'Avenir Next W01', Arial, Helvetica, sans-serif; margin: 0; padding: 0; }
.funcionalidade:hover .image { opacity: 1; filter: grayscale(0%); }
.funcionalidades .funcionalidades-slider .arrow { display: inline-block; border: 2px solid #742b64; border-radius: 3px; cursor: pointer; margin: 3px; width: 40px; height: 40px; }
.funcionalidades .funcionalidades-slider .arrow i { color: #742b64; display: block; text-align: center; font-size: 16px; line-height: 36px; }

.clientes { font-size: 0; padding: 100px 0 150px; }
.clientes h4 { color: #000; font: italic 600 20px/24px 'Avenir Next W01', Arial, Helvetica, sans-serif; letter-spacing: -0.5px; margin: 0 0 50px; }
.clientes h4:before { content: ''; background: #fff500; height: 24px; width: 24px; display: inline-block; margin: 0 10px 0 0; vertical-align: top; }
.clientes ul, .clientes ul li { margin: 0; padding: 0; list-style: none; height: auto; width: 100%; }
.clientes ul li { font-size: 0; text-align: center; float: left; width: 20%; }
.clientes ul li a { display: block; width: 100%; margin: 0; vertical-align: middle; text-decoration: none; filter: grayscale(100%); transition: all 0.5s ease; line-height: 80px; opacity: 0.5; }
.clientes ul li a:hover { filter: grayscale(0%); opacity: 1; }
.clientes ul li img { display: inline-block; margin: 0 auto; padding: 0 10px; max-width: 200px; width: auto; max-height: 60px; vertical-align: middle; }
.clientes .prev { left: 60px; background: url(/assets/images/arrow-prev2.png) center no-repeat; }
.clientes .next { right: 60px; background: url(/assets/images/arrow-next2.png) center no-repeat; }

.contato h2 { color: #222; font-size: 68px; font-weight: 900; }
.contato h2:first-line { font-weight: 300; }
.contato h2:after { content: ''; height: 4px; width: 140px; border-radius: 30px; display: block; margin: 25px auto 35px; background: #bbd152; background: -moz-linear-gradient(65deg, #bbd152 0%, #83c120 100%); background: -webkit-linear-gradient(65deg, #bbd152 0%, #83c120 100%); background: linear-gradient(65deg, #bbd152 0%, #83c120 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bbd152', endColorstr='#83c120',GradientType=1 ); background-size: 100% 100%; }
.contato p { color: #555; }

.c-contato { font-size: 0; padding: 0 0 50px; margin: 0 0 50px; border-bottom: 1px solid rgba(0,0,0,0.1); }
.c-contato .c-infos { display: inline-block; width: 33.333333%; padding: 0 30px; vertical-align: top; position: relative; text-align: left; }
.c-form { margin: 0 auto; padding: 30px 0; width: 60%; }
.c-form label { display: block; margin: 0 0 15px; padding: 0 5px; }
.c-form label:nth-child(4) { width: 100%; }
.c-form label span { display: none; }
.c-form label .text { border: 2px solid #ccc; border-radius: 2px; background: #fff; margin: 0; padding: 15px 20px; outline: none; color: rgba(0,0,0,0.7); font: 500 14px/20px 'Avenir Next W01', Arial, Helvetica, sans-serif; width: 100%; transition: all 0.5s ease; opacity: 0.95; }
.c-form label select { height: 54px; padding: 10px; }
.c-form label textarea { height: 120px; }
.c-form div { text-align: center; padding: 10px 0 0; }
.c-form div .btnEnviar { }
.c-form div .btnEnviar { cursor: pointer; border: 0; color: #fff; font: 700 20px/24px 'Avenir Next W01', Arial, Helvetica, sans-serif; padding: 16px 0; max-width: 100%; width: 280px; background: #bbd152; background: -moz-linear-gradient(65deg, #bbd152 0%, #83c120 100%); background: -webkit-linear-gradient(65deg, #bbd152 0%, #83c120 100%); background: linear-gradient(65deg, #bbd152 0%, #83c120 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bbd152', endColorstr='#83c120',GradientType=1 ); }

.infos { background: #282828; padding: 0; text-align: left; font-size: 0; position: relative; }
.infos .c-infos { display: inline-block; width: 25%; padding: 48px; vertical-align: top; position: relative; }
.infos .c-infos img { display: inline-block; margin: 0 0 5px; }
.infos .c-infos:nth-child(1) { position: absolute; height: 100%; background: #bbd152; background: -moz-linear-gradient(65deg, #bbd152 0%, #83c120 100%); background: -webkit-linear-gradient(65deg, #bbd152 0%, #83c120 100%); background: linear-gradient(65deg, #bbd152 0%, #83c120 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bbd152', endColorstr='#83c120',GradientType=1 ); background-size: 100% 100%; }
.infos .c-infos:nth-child(1) h5 { color: #000; font-size: 26px; font-weight: 500; line-height: 110%; mix-blend-mode: overlay; }
.infos .c-infos:nth-child(1) h5:first-line { color: #000; font-size: 44px; font-weight: 800; }
.infos .c-infos:nth-child(1) h5:after { visibility: hidden; }
.infos .c-infos:nth-child(1) p { color: #282828; font-size: 18px; line-height: -1px; }
.infos .c-infos:nth-child(1) p a { color: #282828; }

/* Content */
.title { background: #282828; height: 500px; margin: 0; padding: 0; position: relative; width: 100%; }
.title .bg { background-position: center; background-repeat: no-repeat; background-size: cover; height: 100%; opacity: 0.4; filter: grayscale(90%); }
.title .wrap { position: absolute; top: 0; left: 0; width: 100%; max-width: 100%; height: 100%; text-align: center; margin: 0; padding: 0;  }
.title h1 { color: #fff; font: 62px/100% 'paragonblack', Arial, Helvetica, sans-serif; letter-spacing: -2px; margin: 0; padding: 0; position: absolute; bottom: -3px; left: 50%; transform: translate(-50%,0); z-index: 1000; text-shadow: 0 5px 15px rgba(0,0,0,0.1); text-transform: lowercase; }
.title h1:first-line { font-family: 'paragonmedium'; }
.title h1:after { content: ''; border-radius: 1px; height: 6px; display: block; margin: 100px auto 0; width: 250px; background: #bbd152; background: -moz-linear-gradient(65deg, #bbd152 0%, #83c120 100%); background: -webkit-linear-gradient(65deg, #bbd152 0%, #83c120 100%); background: linear-gradient(65deg, #bbd152 0%, #83c120 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bbd152', endColorstr='#83c120',GradientType=1 ); background-size: 100% 100%; }

.content { padding: 60px 0 100px; }
.content h1 { color: #282828; font: 800 42px/100% 'Avenir Next W01', Arial, Helvetica, sans-serif; letter-spacing: -2px; margin: 0 0 25px; padding: 0; }
.content h2 { color: #bbd152; font: 800 34px/100% 'Avenir Next W01', Arial, Helvetica, sans-serif; letter-spacing: -0.5px; margin: 0 0 25px; padding: 0; }
.content h3 { color: #444; font: 800 26px/40px 'Avenir Next W01', Arial, Helvetica, sans-serif; letter-spacing: 0; margin: 15px 0 10px; padding: 0; }
.content h4 { color: #444; font: 800 18px/22px 'Avenir Next W01', Arial, Helvetica, sans-serif; letter-spacing: 0; margin: 0 0 10px; padding: 0; }
.content p { color: #666; font: 500 16px/200% 'Avenir Next W01', Arial, Helvetica, sans-serif; text-rendering: optimizelegibility; margin: 0 0 24px; }
.content ul { color: #666; font: 500 16px/180% 'Avenir Next W01', Arial, Helvetica, sans-serif; text-rendering: optimizelegibility; font-feature-settings: "liga"; margin: 0 0 30px; padding: 0 25px; }
.content ul li { margin: 3px; padding: 0; }
.content-text { margin: 0 auto; padding: 20px 0; max-width: 80%; }

/* Empresa */
.texto-maior { text-align: left; padding: 15px 80px; }
.texto-maior p { color: #666; font: 400 22px/160% 'Avenir Next W01', Arial, Helvetica, sans-serif; margin: 10px 0; }

/* Serviços */
.title-servicos h1 { text-align: left; padding: 200px 0 150px; }
.title-servicos h1:after { left: 0%; transform: translate(0,0); }
.img-servicos { float: right; width: 550px; max-width: 55%; margin: -350px 0 140px 50px; position: relative; z-index: 1200; }
.img-servicos:after { content: ''; height: 4px; width: 50%; border-radius: 1px; position: absolute; bottom: 35px; right: -20px; background: #bbd152; background: -moz-linear-gradient(65deg, #bbd152 0%, #83c120 100%); background: -webkit-linear-gradient(65deg, #bbd152 0%, #83c120 100%); background: linear-gradient(65deg, #bbd152 0%, #83c120 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bbd152', endColorstr='#83c120',GradientType=1 ); background-size: 100% 100%; }
.img-servicos img { display: block; width: 100%; height: auto; border-radius: 1px; box-shadow: 0 25px 65px rgb(0,0,0,0.35); position: relative; }
.img-servicos a { position: absolute; float: left; background: #282828; border: 2px solid #282828; color: #fff; border-radius: 1px; width: 100%; font: 800 15px 'Avenir Next W01', Arial, Helvetica, sans-serif; letter-spacing: 1px; margin: 25px 0; padding: 25px 45px; text-align: center; text-decoration: none; text-transform: lowercase; transition: all 0.5s ease; text-transform: uppercase; }

.servicos-images { border-top: 1px solid rgba(0,0,0,0.1); margin: 60px 0 0; padding: 60px 0 0; font-size: 0; }
.servicos-images a { display: inline-block; margin: 10px 0.5%; padding: 0; border-radius: 3px; vertical-align: top; width: 19%; background-size: cover; background-position: center; }
.servicos-images a img { border-radius: 3px; width: 100%; height: auto; }

/* Depoimentos */
.depoimento { background: #bbd152; background: -moz-linear-gradient(65deg, #bbd152 0%, #83c120 100%); background: -webkit-linear-gradient(65deg, #bbd152 0%, #83c120 100%); background: linear-gradient(65deg, #bbd152 0%, #83c120 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bbd152', endColorstr='#83c120',GradientType=1 ); background-size: 100% 100%; max-width: 65%; margin: 80px auto; padding: 80px; position: relative; }
.depoimento .img { display: none; background: #282828; position: absolute; width: auto; height: 105%; max-height: 325px; top: -40px; left: -200px; }
.depoimento .img img { background: url(/assets/images/bg3.jpg) center no-repeat; background-size: cover; display: block; width: auto; height: 100%; box-shadow: 0 25px 65px rgb(0,0,0,0.35); }
.depoimento h5 { font: 700 16px/22px 'Avenir Next W01', Arial, Helvetica, sans-serif; margin: 0; padding: 0; }
.depoimento p { color: #fff; }
.depoimento:nth-child(even) { background: #282828; border: 2px solid #282828; }
.depoimento:nth-child(even) .img { background: #282828; position: absolute; width: auto; height: 100%; top: -40px; left: initial; right: -200px; }
.depoimento:nth-child(even) h5 { color: #bbd152; }

/* Blog */
.blog-categorias { border-bottom: 2px solid #282828; font-size: 0; height: 28px; margin: 0 0 60px; position: relative; display: none; }
.blog-categorias a { display: inline-block; color: #282828; font: 800 16px/26px 'Avenir Next W01', Arial, Helvetica, sans-serif; margin: 0 5px; padding: 10px 30px; text-decoration: none; background: #fff; border-radius: 1px; border: 2px solid #282828; }
.blog-categorias a:hover { color: #fff; background: #282828; }

.blog-busca { border-bottom: 1px solid rgba(0,0,0,0.05); margin: 0 0 10px; padding: 0 100px 30px; }
.blog-busca input[type="text"] { display: inline-block; border: 2px solid rgba(0,0,0,0.1); border-right: 0; background: #fff; color: #282828; font: 600 14px/26px 'Avenir Next W01', Arial, Helvetica, sans-serif; padding: 10px 20px; height: 50px; width: 85%; vertical-align: top; outline: none; }
.blog-busca input[type="submit"] { display: inline-block; cursor: pointer; border: 0; color: #fff; font: 700 20px/24px 'Avenir Next W01', Arial, Helvetica, sans-serif; height: 50px; width: 15%; vertical-align: top; background: #bbd152; background: -moz-linear-gradient(65deg, #bbd152 0%, #83c120 100%); background: -webkit-linear-gradient(65deg, #bbd152 0%, #83c120 100%); background: linear-gradient(65deg, #bbd152 0%, #83c120 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bbd152', endColorstr='#83c120',GradientType=1 ); }
.blog-busca h5 { color: #282828; font: 600 18px/26px 'Avenir Next W01', Arial, Helvetica, sans-serif; margin: 20px 0 0; }

.blog-wrap { font-size: 0; }
.blog-post-item { display: inline-block; background: #fff; border-radius: 3px; box-shadow: 0 8px 25px rgba(0,0,0,0.05); margin: 25px 1%; padding: 0; width: 48%; vertical-align: top; }
.blog-post-item .blog-post-img { border-radius: 1px 1px 0 0; display: block; height: 250px; margin: 0 !important; text-decoration: none; background-color: #fafafa !important; }
.blog-post-item .blog-post-info { border-radius: 0 0 1px 1px; min-height: 140px; padding: 25px 30px; }
.blog-post-item .blog-post-info h3 { font: 700 18px/22px 'Avenir Next W01', Arial, Helvetica, sans-serif; margin: 0 0 10px; padding: 0; text-align: ; }
.blog-post-item .blog-post-info h3 a { color: #020202; display: block; text-decoration: none; transition: all 0.5s ease; }
.blog-post-item .blog-post-info h3 a:hover { color: #161616; }
.blog-post-item .blog-post-info p { color: rgba(0,0,0,0.5); font: 600 14px/20px 'Avenir Next W01', Arial, Helvetica, sans-serif; margin: 0; padding: 0; text-align: ; }

.blog-post-list-item { display: inline-block; border-bottom: 1px solid rgba(0,0,0,0.05); margin: 0 1%; padding: 0; width: 98%; vertical-align: top; }
.blog-post-list-item .blog-post-info { padding: 20px 10px; }
.blog-post-list-item .blog-post-info h3 { font: 700 18px/22px 'Avenir Next W01', Arial, Helvetica, sans-serif; margin: 0 0 10px; padding: 0; text-align: ; }
.blog-post-list-item .blog-post-info h3 a { color: #bbd152; display: block; text-decoration: none; transition: all 0.5s ease; }
.blog-post-list-item .blog-post-info h3 a:hover { color: #161616; }
.blog-post-list-item .blog-post-info p { color: rgba(0,0,0,0.5); font: 600 14px/20px 'Avenir Next W01', Arial, Helvetica, sans-serif; margin: 0; padding: 0; text-align: ; }

.blog-post { max-width: 1140px; margin: 0 auto; padding: 0 50px; }
.blog-post img { max-width: 100% !important; height: auto !important; display: block; margin: 35px auto; border-radius: 3px; }
.content .blog-post h1,
.content .blog-post h2,
.content .blog-post h3,
.content .blog-post p,
.content .blog-post table { max-width: 800px; margin-left: auto; margin-right: auto; }

/* Trabalhe conosco */
.trabalhe-vagas { float: left; width: 50%; padding: 0 80px 0 0; }
.trabalhe-vagas ul { list-style: none; margin: 0; padding: 0; }
.trabalhe-vagas ul li { border: 1px solid #eee; border-left: 4px solid #bbd152; color: #282828; font: 600 14px/20px 'Avenir Next W01', Arial, Helvetica, sans-serif; margin: 5px 0; padding: 15px; }
.trabalhe-cadastro { float: right; width: 50%; margin: 0; padding: 0; }

/* Mensagens */
.sucesso { background: #d9edd7 url(/assets/images/painel/sucesso.png) 10px center no-repeat; border: 1px solid #a1d29a; border-radius: 2px; color: #575f56; font: bold 0.688em/2.273em Tahoma, Geneva, sans-serif; margin: 0 0 20px; padding: 10px 10px 10px 50px; }
.alerta { background: #ffefcc url(/assets/images/painel/alerta.png) 10px center no-repeat; border: 1px solid #ffd67f; border-radius: 2px; color: #de8912; font: bold 0.688em/2.273em Tahoma, Geneva, sans-serif; margin: 0 0 20px; padding: 10px 10px 10px 50px; }
.informacao { background: #ccdcff url(/assets/images/painel/informacao.png) 10px center no-repeat; border: 1px solid #7fa6ff; border-radius: 2px; color: #3d4a66; font: bold 0.688em/2.273em Tahoma, Geneva, sans-serif; margin: 0 0 20px; padding: 10px 10px 10px 50px; }
.erro { background: #ffcccc url(/assets/images/painel/erro.png) 10px center no-repeat; border: 1px solid #ff7f7f; border-radius: 2px; color: #ba4747; font: bold 0.688em/2.273em Tahoma, Geneva, sans-serif; margin: 0 0 20px; padding: 10px 10px 10px 50px; }
.msg { background: #000; color: #fff; text-align: center; height: 80px; font: 700 1em/5.000em 'Lato', Tahoma, Arial, Helvetica, sans-serif; text-transform: uppercase; text-align: center; position: fixed; bottom: 0; left: 0; width: 100%; z-index: 9999; opacity: 0.75; }

/* Modal */
.modal { display: none; max-width: 700px; padding: 40px !important; }
.modal h2 { color: #2f2f2f; font: 800 30px/100% 'Avenir Next W01', Arial, Helvetica, sans-serif; letter-spacing: -1px; margin: 0 0 20px; padding: 0; }
.modal h2:after { content: ''; border-radius: 2px; height: 4px; width: 100px; border-radius: 3px; display: block; margin: 20px 0; background: #bbd152; background: -moz-linear-gradient(65deg, #bbd152 0%, #83c120 100%); background: -webkit-linear-gradient(65deg, #bbd152 0%, #83c120 100%); background: linear-gradient(65deg, #bbd152 0%, #83c120 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bbd152', endColorstr='#83c120',GradientType=1 ); background-size: 100% 100%; transition: all 0.45s ease; }
.modal p { color: #2f2f2f; font: 500 16px/28px 'Avenir Next W01', Arial, Helvetica, sans-serif; letter-spacing: 0; margin: 0 0 10px; padding: 0; }
.modal .c-form { width: 100%; }
.modal label { clear: both; display: block; padding: 0; }
.modal label span { color: #666; display: block; font: 500 13px 'Avenir Next W01', Tahoma, Geneva, sans-serif; padding: 5px 8px; text-transform: none; display: none; }
.modal label .text { border: 2px solid #bbb; border-radius: 2px; background: #fff; margin: 0; padding: 10px 15px; outline: none; color: rgba(0,0,0,0.7); font: 500 16px/30px 'Avenir Next W01', Arial, Helvetica, sans-serif; letter-spacing: -0.003em; width: 100%; transition: all 0.5s ease; text-transform: none; }
.modal label select { height: 54px; padding: 10px; }
.modal label textarea { height: 120px; }
.modal .c-form { padding: 10px 0; }
.modal .c-form div { text-align: center; padding: 15px 0 0; position: relative; }
.modal .c-form div .btnEnviar { cursor: pointer; border: 0; color: #fff; font: 700 20px/24px 'Avenir Next W01', Arial, Helvetica, sans-serif; padding: 16px 0; max-width: 100%; width: 280px; background: #bbd152; background: -moz-linear-gradient(65deg, #bbd152 0%, #83c120 100%); background: -webkit-linear-gradient(65deg, #bbd152 0%, #83c120 100%); background: linear-gradient(65deg, #bbd152 0%, #83c120 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bbd152', endColorstr='#83c120',GradientType=1 ); }
.modal .c-form div.message { padding: 20px; }
label.cv-field { display: none; }
.btn-whatsapp { box-shadow: 0 5px 10px rgba(0,0,0,0.15); display: block; margin: 20px auto 0; width: 70%; border-radius: 50px; background: #25d366; vertical-align: middle; text-align: center; padding: 15px; color: #fff;  font: 600 16px 'Avenir Next W01', Arial, Helvetica, sans-serif; text-decoration: none; }
.btn-whatsapp i { display: inline-block; font-size: 30px; vertical-align: middle; margin: 0 15px 0 0; }

*:disabled { border: 2px solid rgba(0,0,0,0.05) !important; opacity: 0.75; cursor: not-allowed; }

@media screen and (max-width: 1440px){
    /* Home */
    .entrada a { width: 65%; }

    /* Header */
    header nav > .nav-menu > a { margin: 0 0 0 15px; }

    /* Inicial */
    .qualidade .qualidade-text { padding: 45px; }
    .qualidade .qualidade-text h2 { font-size: 46px; }
}


@media screen and (max-width: 1280px){
    /* General */
    .wrap { padding: 0 30px; }

    /* Footer */
    .infos .c-infos { padding: 55px; }

    /* Inicial */
    .pub .btns-cta { padding: 0 45px 150px; }
    .pub h1 { font-size: 58px; }

    .qualidade .qualidade-text { width: 38%; height: 500px; }
    .qualidade .qualidade-image { height: 500px; }
    .qualidade .qualidade-image:after { width: 180px; right: -70px; }

    .contador-wrap { padding-top: 130px; padding-bottom: 130px; }
    .contador h2 { font-size: 60px; }

    .servicos-full { padding: 80px 20px; }
    .servicos-text .servicos-text-wrap { width: 90%; left: 5%; }

    .sustentabilidade-text { padding: 40px; }
    .sustentabilidade-text h2 { font-size: 56px; }
    .sustentabilidade-text h2:after { margin: 30px 0; }
    .sustentabilidade-text p { font-size: 15px; line-height: 170%; }

}

@media screen and (max-width: 1080px){
    /* General */
    .wrap { padding: 0 20px; }

    /* Header */
    header nav > .nav-menu > a { font-size: 15px; margin: 0 0 0 10px; }

    /* Inicial */
    .sustentabilidade-image:after { width: 80px; height: 80px; left: -40px; }
    .sustentabilidade-text h2 { font-size: 48px; }
    .sustentabilidade-text h2:after { margin: 20px 0; }

    /* Depoimentos */
    .depoimento { max-width: 80%; }
}

@media screen and (max-width: 1024px){
    /* Footer */
    .infos .c-infos { padding: 50px 40px; }

    /* Inicial */
    .sustentabilidade-image { width: 50% !important; }
    .sustentabilidade-image.wrap-video { width: 90% !important; }
    .sustentabilidade-image.wrap-video img { height: 380px; }
    .contador-wrap { padding-top: 130px; padding-bottom: 110px; }
    .contador h2 { font-size: 52px; }
}

@media screen and (max-width: 960px){
    /* General */
    .wrap { padding: 0 15px; }

    /* Header */
    header { padding: 10px 0 60px; }
    header .logotipo img { max-height: 80px; }
    header nav { background: #282828; box-shadow: 0 0 50px rgba(0,0,0,0.5); position: fixed; top: 0; right: -390px; width: 360px; max-width: 100%; height: 100%; overflow: auto; margin: 0; padding: 15px 15px 60px; transition: all 0.45s ease; text-align: center; z-index: 2000; }
    header nav.on { right: 0; }
    header nav > .nav-menu { display: block; text-align: center; }
    header nav > .nav-menu > a { border-bottom: 1px solid rgba(0,0,0,0.15); color: #fff; display: block; font: 600 15px/22px 'Avenir Next W01', Arial, Helvetica, sans-serif; letter-spacing: 0; margin: 0; padding: 12px 10px; text-decoration: none; text-transform: none; transition: all 0.45s ease; }
    header .header-itens { border: 0; padding: 5px 0; font-size: 0; height: auto; text-align: center; }
    header .tel-ico,
    header .social-ico { background: #25d366; border-radius: 50px; color: #fff; font: 500 13px/38px 'Avenir Next W01', Arial, Helvetica, sans-serif; letter-spacing: 0px; display: inline-block; margin: 5px; padding: 0 8px; text-decoration: none; vertical-align: top; }
    header .tel-ico strong,
    header .social-ico strong { font-weight: 700; }
    header .tel-ico:before,
    header .social-ico:before { color: #fff; margin: 0 5px; vertical-align: middle; }
    header .linguagens { float: none; display: inline-block; margin: 5px; padding: 5px 0; height: auto; z-index: 2000; }
    header .linguagens a { margin: 0 3px; }

    header .nav-ico { cursor: pointer; float: right; display: block; border-top: 3px solid #bbd152; width: 35px; height: 23px; margin: 27.5px 10px; position: relative; transition: all 0.5s ease; }
    header .nav-ico:before { content: ''; display: block; background: #bbd152; height: 3px; width: 100%; position: absolute; top: 7px; left: 0; transition: all 0.5s ease; }
    header .nav-ico:after { content: ''; display: block; background: #bbd152; height: 3px; width: 100%; position: absolute; bottom: 0; left: 0; transition: all 0.5s ease; }

    header .close-ico { display: block; text-align: center; padding: ; }
    header .close-ico span { cursor: pointer; display: inline-block; border-top: 0; width: 35px; height: 23px; margin: 10px auto 15px; position: relative; transition: all 0.5s ease; }
    header .close-ico span:before { content: ''; display: block; width: 100%; left: 0; height: 3px; background: #bbd152; position: absolute; transform: rotate(45deg); top: 10px; }
    header .close-ico span:after { content: ''; display: block; width: 100%; left: 0; height: 3px; background: #bbd152; position: absolute; transform: rotate(135deg); bottom: initial; top: 10px; }

    /* Footer */
    .infos .c-infos { width: 50%; }
    .infos .c-infos:nth-child(1) { position: relative; width: 100%; height: auto; text-align: center; padding: 15px; }
    .infos .c-infos:nth-child(1) h5 { display: none; }
    .infos .c-infos:nth-child(2) { display: none; }

    /* Home */
        /* PUB */
        .pub { height: 75%; min-height: 550px; }
        .pub h1 { font-size: 48px; }
        .pub .btns-cta { padding: 0 30px 110px; }
        .pub .arrows { right: 30px; bottom: 110px; }

        .qualidade .qualidade-text,
        .qualidade .qualidade-image { width: 50%; }
        .qualidade .qualidade-text h2 { font-size: 42px; }
        .qualidade .qualidade-text p { font-size: 16px; }
        .qualidade .qualidade-image:after { width: 180px; right: -15px; }

        .produto-header .produto-header-text,
        .produto-header .produto-header-image { width: 50%; }
        .produto-header .produto-header-text h2 { font-size: 42px; }
        .produto-header .produto-header-text p { font-size: 16px; }
        .produto-header .produto-header-image:after { width: 180px; right: -15px; }

        .servicos-text img { height: 550px; }
        .servicos-text .servicos-text-wrap h2 { font-size: 38px; }
        .servicos-text .servicos-text-wrap h2:after { margin: 25px 0; }
        .servicos-text .servicos-text-wrap p { font-size: 15px; line-height: 170%; }

        .sustentabilidade { margin: 0 !important; }
        .sustentabilidade-text { padding: 30px; }
        .sustentabilidade-text h2 { font-size: 38px; }
        .sustentabilidade-text h3 { font-size: 22px; }
        .sustentabilidade-text p { font-size: 14px; line-height: 150%; }

        .contador-item { font-size: 15px; letter-spacing: -1px; }
        .contador-item span { font-size: 50px; }

    /* Content */
    .title { height: 350px; }
    .title h1 { color: #fff; font-size: 42px; }
    .title h1:after { margin: 75px auto 0; }

    .content { padding: 60px 0; }
    .texto-maior { padding: 0 15px; }

    /* Produtos */
    .servicos-wrap > a { width: 50%; }

    /* Depoimentos */
    .depoimento { margin: 0 auto 30px; max-width: 100%; padding: 50px; }

    /* Blog */
    .blog-post-item { width: 48%; margin: 15px 1%; }
    .blog-mais .blog-post-item:nth-child(3) { display: none; }

    /* Trabalhe */
    .trabalhe-vagas { float: none; border-bottom: 1px solid rgba(0,0,0,0.05); margin: 0; padding: 25px; width: 100%; }

    /* Contato */
    .c-contato,
    .c-form { width: 100%; float: none; padding: 25px; }
    .c-contato { text-align: center; }
    .c-form div { text-align: center; }
}

@media screen and (max-width: 768px){

    /* Content */
    .content h2 { font-size: 28px; }
    .content h3 { font-size: 20px; font-weight: 600; }
    .content p { font-size: 15px; }

    /* Home */
    .home-header { background: #282828; padding: 0; position: initial; top: 0; left: 0; width: 100%; height: 10%; }
    .home-header:after { background: url(/assets/images/home-detail.png) 40% center no-repeat; bottom: initial; top: 10%; margin-top: -8px; height: 20px; z-index: 2000; }
    .home-header > img { height: 75%; position: relative; top: 12.5%; }
    .home-header .linguagens { border-radius: 3px 3px 0 0; margin: 0; padding: 3px; text-align: center; position: absolute; bottom: 0; left: 50%; transform: translate(-50%,0); }
    .home-header .linguagens a { margin: 4px; }
    .entrada { height: 90%; }
    .entrada .entrada-compra,
    .entrada .entrada-venda { width: 100%; height: 50%; }
    .entrada a { width: 65%; top: 50%; height: auto; padding: 40px 15px 15px; font: 800 22px/105% 'Avenir Next W01', Arial, Helvetica, sans-serif; }
    .entrada a span { width: 50px; height: 50px; bottom: 25px; right: -25px; }

    /* Footer */
    .infos .c-infos { display: inline-block; width: 100%; padding: 40px; text-align: center; }
    .infos .c-infos h5:after { margin: 15px auto; }
    .btn-scroll-to-top { bottom: 15px; right: 15px; }

    /* Initial */
        .pub .btns-cta { margin: 0; padding: 0 40px 80px; text-align: center; }
        .pub h1 { max-width: 100%; }
        .pub .arrows { right: 15px; bottom: 100px; }

        .passos ul li h3 { width: 100%; font-size: 38px; }
        .passos ul li h3 span { display: inline-block; }
        .passos ul li p { width: 100%; }
        .passos ul li p span.img { display: inline-block; float: none; width: 32%; margin: 0; vertical-align: middle; }
        .passos ul li p span.info { width: 65%; vertical-align: middle; padding: 0 0 0 20px; }

        .sustentabilidade-image:after { width: 50px; height: 50px; left: -25px; }

    /* Blog */
    .blog-busca { padding: 0 0 30px; }
    .blog-busca input[type="text"] { width: 70%; }
    .blog-busca input[type="submit"] { width: 30% }

    .blog-post { margin: 0 auto; padding: 0 15px; }
}

@media screen and (max-width: 680px){
    /* Initial */
    .qualidade .qualidade-text { width: 70%; height: auto; padding: 40px 100px 40px 40px; }
    .qualidade .qualidade-image { height: 249px; margin: 25px 0 0 -10%; width: 40%; }

    .produto-header .produto-header-text { width: 70%; height: auto; padding: 40px 100px 40px 40px; }
    .produto-header .produto-header-image { height: 249px; margin: 25px 0 0 -10%; width: 40%; }
}

@media screen and (max-width: 550px){
    /* Home */
    .home-header:after { background: url(/assets/images/home-detail.png) 35% center no-repeat; bottom: -10px; height: 18px; }

    /* Content */
    .content { padding: 30px 0; }

    .texto-maior p { font-size: 16px; }

    /* Initial */
    .pub .arrows { display: none; }

    .qualidade .wrap { margin: -35px auto 0; }
    .qualidade .qualidade-text { padding: 30px 80px 30px 30px; }
    .qualidade .qualidade-text h2 { font-size: 36px; }

    .produto-header .wrap { margin: -35px auto 0; }
    .produto-header .produto-header-text { padding: 30px 80px 30px 30px; }
    .produto-header .produto-header-text h2 { font-size: 36px; }

    .contador-wrap { padding: 60px 30px; }
    .contador h2 { font-size: 40px; line-height: 80%; letter-spacing: -3px; top: 20px; }
    .contador-item { padding: 20px 0; width: 100%; }

    .aplicacoes-wrap { padding: 60px 30px; }
    .aplicacoes h2 { font-size: 40px; line-height: 80%; letter-spacing: -3px; top: 20px; }
    .aplicacoes-item { padding: 20px 0; width: 100%; }

    .sustentabilidade-text { padding: 30px 15px; }
    .sustentabilidade-image { margin: 10px 2%; width: 46% !important; }

    /* Blog */
    .blog-post-item { width: 100%; margin: 10px 0; }
    .blog-post-item .blog-post-info { padding: 20px; }

    /* Trabalhe */
    .trabalhe-vagas { padding: 25px 0; }

    /* Contato */
    .c-contato,
    .c-form { padding: 25px 0; }

    .modal { width: 95%; padding: 30px !important; }
    .modal h2 { font-size: 22px; }
    .modal h2:after { margin: 15px 0; }
    .modal p { font-size: 15px; line-height: 150%; }
    .modal label { margin: 0 0 5px; padding: 0; }
    .modal label .text { font-size: 15px; line-height: 22px; padding: 10px; }
    .modal .c-form { padding: 10px 0; }
    .modal .c-form div { padding: 10px 0 0;  }
    .modal .c-form div .btnEnviar { width: 100%; }

}

@media screen and (max-width: 425px){
    /* Home */
        /* PUB*/
        .pub h1 { font-size: 36px; }

        .passos ul li { }
        .passos ul li p span.img,
        .passos ul li p span.info { width: 100%; padding: 15px; text-align: center; }
        .passos .bx-controls { width: 95%; left: 2.5%; }
        .passos .bx-pager .bx-pager-item a { margin: 0 20px; }

        .qualidade .qualidade-text { width: 100%; padding: 30px 30px 40px; }
        .qualidade .qualidade-image { width: 90%; margin: -5% 5% 0; }

        .produto-header .produto-header-text { width: 100%; padding: 30px 30px 40px; }
        .produto-header .produto-header-image { width: 90%; margin: -5% 5% 0; }

        .sustentabilidade-text { padding: 25px 10px; width: 100%; }
        .sustentabilidade-image { width: 100% !important; margin: 10px 0; }

    /* Produtos */
    .servicos-wrap > a { width: auto; display: block; margin: 10px; }
}