@charset "utf-8";

::selection{ background: #e6c433; color: #203e49; }
::-moz-selection{ background: #e6c433; color: #203e49; }

::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: #eee; }
::-webkit-scrollbar-thumb { background: #e6c433; border-radius: 1px; width: 6px; }
::-webkit-scrollbar-thumb:hover { background: #203e49; }

/* 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 { height: 100%; }
body { background: #fff; font-size: 16px; margin: 0; padding: 0; }
img { border: 0; }
.wrap { width: 100%; max-width: 1280px; margin: 0 auto; padding: 0 40px; position: relative; }
.wrap-flex { display: flex; flex-flow: row wrap; align-items: center; justify-content: space-between; }
.controle { clear: both; word-spacing: -4px; height: 0; line-height: 0; }
.divider { border-bottom: 1px solid rgba(0,0,0,0.05); height: 0; margin: 24px 0; overflow: hidden; }

a { color: #203e49; 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; }

.hide { display: none !important; }
.sr-only { height: 1px; width: 1px; overflow: hidden; }
.grecaptcha-badge { visibility: 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; }

.bg-gradient { background: #e6c433; background: -moz-linear-gradient(200deg, #e6c433 0%, #ffcc29 100%); background: -webkit-linear-gradient(200deg, #e6c433 0%, #ffcc29 100%); background: linear-gradient(200deg, #e6c433 0%, #ffcc29 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6c433', endColorstr='#ffcc29',GradientType=1 ); }
.bg-gradient-blue { background: #203e49; background: -moz-linear-gradient(33deg, #203e49 0%, #252e54 100%); background: -webkit-linear-gradient(33deg, #203e49 0%, #252e54 100%); background: linear-gradient(33deg, #203e49 0%, #252e54 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#203e49', endColorstr='#252e54',GradientType=1 ); }
.bg-gradient-light { background: linear-gradient(33.11deg, #f2f3fb 33.27%, rgba(247, 247, 249, 0) 94.26%); }

/* Scroll to top */
.btn-scroll-to-top { display: none; cursor: pointer; color: #fff; border-radius: 2px 0 0 0; position: fixed; bottom: 0; right: 0; z-index: 1200; width: 36px; height: 36px; text-align: center; line-height: 33px; font-family: FontAwesome; font-size: 1em; }
.wp-fixed { box-shadow: 0 5px 10px rgba(0,0,0,0.15); position: fixed; bottom: 16px; right: 56px; z-index: 4000; width: 52px; height: 52px; display: flex; align-items: center; justify-content: center; border-radius: 50px; background: #25d366; color: #fff;  font: 600 13px 'DIN Next W01', Arial, Helvetica, sans-serif; text-decoration: none; }
.wp-fixed i { font-size: 36px; vertical-align: middle; }

/* Structure */
header { border-top: 4px solid #e6c433; background: #fff; box-shadow: rgb(32 62 73 / 20%) 0 8px 24px; height: auto; margin: 0; padding: 0; width: 100%; position: fixed; top: 0; left: 0; z-index: 6001; transition: all 0.35s ease; }
header .wrap { display: flex; align-items: center; justify-content: space-between; position: relative; }
header .logotipo { margin: 0 24px 0 0; height: 96px; text-decoration: none; }
header .logotipo img { display: block; height: 132px; padding: 6px; background: #fff; border-radius: 50%; transition: all 0.35s ease; }
header .favicon { display: none; float: left; }
header .favicon img { display: block; max-width: 50px; }
header nav { display: flex; align-items: center; justify-content: flex-end; height: 100%; margin: 0; padding: 0; }
header nav > ul,
header nav > ul > li { display: inline-block; margin: 0; padding: 0; list-style: none; }
header nav > ul > li { margin: 0 16px; position: relative; }
header nav > ul > li > a { color: #203e49; display: inline-block; font: 600 15px/96px 'Univers W01', Arial, Helvetica, sans-serif; letter-spacing: 0px; margin: 0; padding: 0 4px; text-decoration: none; transition: all 0.35s ease; position: relative; }
header nav > ul > li > a:after { content: ''; background: #e6c433; background: -moz-linear-gradient(200deg, #e6c433 0%, #ffcc29 100%); background: -webkit-linear-gradient(200deg, #e6c433 0%, #ffcc29 100%); background: linear-gradient(200deg, #e6c433 0%, #ffcc29 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6c433', endColorstr='#ffcc29',GradientType=1 ); height: 3px; width: 0; position: absolute; left: 50%; bottom: 0; transition: all 0.25s ease-out; }
header nav > ul > li > a.active:after,
header nav > ul > li:hover > a:after { left: 10%; width: 80%; }
header nav > ul > li.sub > a:before { content: ''; background: url(/assets/images/menu-arrow.png) center no-repeat; width: 5px; height: 5px; display: block; width: 7px; height: 4px; position: absolute; top: 33px; right: -12px; }
header .header-itens { display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; margin: 0 0 0 24px; padding: 0; }
header .header-itens a { display: flex; align-items: center; justify-content: center; background: #e6c433; border-radius: 2px; color: #203e49; margin: 0 2px; font-size: 24px; width: 40px; height: 40px; min-width: 40px; text-decoration: none; overflow: hidden; position: relative; transition: all 0.25s ease; }
header .header-itens a * { z-index: 100; }
header .header-itens a:before { content: ''; width: 14px; height: 14px; top: 0; right: 0; position: absolute; z-index: 90; border-top: 8px solid #203e49; border-right: 8px solid #203e49; border-left: 8px solid transparent; border-bottom: 8px solid transparent; transition: all 0.25s ease; }
header .header-itens a:hover { color: #e6c433; }
header .header-itens a:hover:before { width: 40px; height: 35px; border-width: 35px; }
header .nav-ico,
header .close-btn { display: none; }
header.fixed .logotipo  { height: 72px; }
header.fixed .logotipo img { height: 88px; }
header.fixed nav > ul > li > a { font: 600 15px/72px 'Univers W01', Arial, Helvetica, sans-serif; }

/* Footer */
.policies-popup { position: fixed; bottom: 12px; left: 50%; transform: translate(-50%, 0); width: 100%; max-width: 1040px; z-index: 99999; background: rgb(255 255 255 / 97%); box-shadow: 0 8px 24px rgb(50 100 125 / 25%); display: none; border-radius: 4px; }
.policies-popup .wrap { display: flex; align-items: center; justify-content: space-between; padding: 16px 24px; }
.policies-popup p { color: #666; font: 12px/16px Arial, Helvetica, sans-serif; margin: 0; padding: 0; }
.policies-popup p a { color: #203e49; }
.policies-popup span.policies-agree { cursor: pointer; background: #203e49; border-radius: 50px; color: #fff; font: 400 12px 'Univers W01', Arial, Helvetica, sans-serif; margin: 0 0 0 24px; padding: 8px 20px; }

/* Home */
.pub { background: #203e49; height: 100vh; max-height: 720px; margin: 0; padding: 96px 0 0; position: relative; width: 100%; overflow: hidden; }
.pub .bx-wrapper,
.pub .bx-viewport { height: 100% !important; }
.pub ul,
.pub ul li { height: 100%; list-style: none; margin: 0; padding: 0; }
.pub ul li .bg { background-position: center; background-repeat: no-repeat; mix-blend-mode: overlay; filter: grayscale(20%); background-size: cover; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.5; }
.pub ul li .wrap { position: relative; height: 100%; display: flex; align-items: center; justify-content: flex-start; flex-flow: row wrap; padding: 144px 40px 48px; }
.pub ul li .wrap .pub-content { flex: 1 0 100%; }
.pub h1 { color: #fff; font: 300 56px/104% 'Univers W01', Arial, Helvetica, sans-serif; letter-spacing: -1px; margin: 0 0 16px; padding: 0; }
.pub h1 strong { font-weight: 700; }
.pub p { color: rgba(255,255,255,0.95); font: 300 18px/24px 'Univers W01', Arial, Helvetica, sans-serif; letter-spacing: 0; margin: 0 0 8px; padding: 0; }
.pub .btn-action { background: #e6c433; border-radius: 0; color: #203e49; font: 800 14px 'Univers W01', Arial, Helvetica, sans-serif; letter-spacing: 0; margin: 32px 0 0; padding: 16px 28px; text-decoration: none; text-transform: uppercase; transition: all 0.35s ease; }
.pub .btn-action:hover { background: #ec6b31; color: #fff; }
.pub .bx-controls { height: 20px; position: absolute; bottom: 24px; z-index: 2000; width: 100%; }
.pub .bx-pager { height: 20px; text-align: center; }
.pub .bx-pager .bx-pager-item { display: inline-block; vertical-align: middle; }
.pub .bx-pager .bx-pager-item a { background: rgba(255,255,255,0.5); border: 2px solid transparent; border-radius: 8px; display: block; font-size: 1000px; height: 10px; width: 10px; margin: 0 6px;  overflow: hidden; transition: all 0.25s ease; }
.pub .bx-pager .bx-pager-item a.active { background: #fff; border: 2px solid #fff; width: 30px; }
.pub-detail { background: #203e49; height: 56px; width: 100%; display: flex; align-items: flex-end; justify-content: flex-end; flex-flow: column wrap; }
.pub-detail:after { content: ''; height: 56px; width: 56px; border-top: 28px solid #fff; border-right: 28px solid #fff; border-left: 28px solid #ec6b31; border-bottom: 28px solid #ec6b31; }

.section a.btn,
a.btn-action { background: #fdbf2c; color: #fff; border-radius: 50px; display: inline-block; font: 400 14px/170% 'Univia Pro', Arial, Helvetica, sans-serif; letter-spacing: 0.5px; margin: 10px 0; padding: 10px 26px; text-align: center; text-decoration: none; transition: all 0.5s ease; }

.section-home { padding: 40px 0; position: relative; }
.section-home h2 { color: #203e49; font: 300 48px/105% 'Univers W01', Arial, Helvetica, sans-serif; letter-spacing: -1px; margin: 0 0 16px; padding: 0; }
.section-home h2 strong { font-weight: 600; }
.section-home h2 span { background: #e6c433; padding: 0 6px; }
.section-home p { color: #445358; font: 400 15px/160% 'Univers W01', Arial, Helvetica, sans-serif; text-rendering: optimizelegibility; margin: 0 0 24px; }
.section-home .wrap-flex { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; }
.section-home .wrap-flex div.image { flex: 1; padding: 24px; }
.section-home .wrap-flex div.image img { display: block; width: 100%; height: auto; }
.section-home .wrap-flex div.text { flex: 1; padding: 40px; }

/* Quem Somos */
.quem-somos { padding: 64px 0 0; }
.quem-somos .wrap-flex div.image { padding: 0; position: relative; }
.quem-somos .wrap-flex div.text { padding: 64px; position: relative; }
.quem-somos-img { border-radius: 0; aspect-ratio: 1; object-fit: cover; border-right: 24px solid #ec6b31; }

/* Soluções */
.solucoes { background: #203e49; border-radius: 0 120px 0 0; padding: 64px 0; position: relative; z-index: 1400; overflow: hidden; }
.solucoes:after { content: ''; background: url(/assets/images/background.svg) center no-repeat; background-size: cover; filter: grayscale(100%); mix-blend-mode: overlay; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.5; }
.solucoes .wrap { position: relative; z-index: 1400; }
.solucoes h2 { color: #e6c433; }
.solucoes h2 span { color: #fff; }
.solucoes p { color: #fff; font: 400 14px/160% 'Univers W01', Arial, Helvetica, sans-serif; }
.solucoes ul,
.solucoes ol { margin: 0; padding: 0 24px; }
.solucoes ul li,
.solucoes ol li { color: #fff; font: 400 14px/120% 'Univers W01', Arial, Helvetica, sans-serif; margin: 4px 0; padding: 0; }
.solucoes-title { margin: 0 auto; max-width: 720px; text-align: center; }
.solucoes-wrap { display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; padding: 24px 0 0; } 
.solucoes-wrap .solucao { flex: 0 0 30%; border: 2px solid rgba(0,0,0,0.1); border-radius: 4px; padding: 32px; transition: all 0.3s ease; }
.solucoes-wrap .solucao img { display: block; width: 96px; height: 96px; margin: 0 auto 24px;  }
.solucoes-wrap .solucao h3 { color: #e6c433; font: 500 24px/105% 'Univers W01', Arial, Helvetica, sans-serif; text-align: center; margin: 0 0 12px; padding: 0; }
.solucoes-wrap .solucao:hover { background: #e6c433; }
.solucoes-wrap .solucao:hover img { filter: grayscale(100%) invert(1); mix-blend-mode: overlay; }
.solucoes-wrap .solucao:hover h3,
.solucoes-wrap .solucao:hover p,
.solucoes-wrap .solucao:hover ul li { color: #203e49; }

/* Produtos */
.produtos { padding: 64px 0; text-align: center; }
.produtos-wrap { display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; padding: 16px 0; position: relative; } 
.produtos-wrap .bx-wrapper,
.produtos-wrap .bx-viewport { width: 100%; height: auto; }
.produtos-wrap ul { flex: 1 0 100%; margin: 0; padding: 0; list-style: none; }
.produtos-wrap ul li { margin: 0; padding: 0; width: 50%; }
.produtos-wrap .arrow { cursor: pointer; border: 0; height: 20px; width: 20px; position: absolute; top: 50%; transition: all 0.4s ease; z-index: 1200; }
.produtos-wrap .arrow.prev { border-left: 6px solid #203e49; border-bottom: 6px solid #203e49; left: -28px; transform: rotate(45deg); }
.produtos-wrap .arrow.next { border-right: 6px solid #203e49; border-bottom: 6px solid #203e49; right: -28px; transform: rotate(-45deg); }
.produtos-wrap .arrow:hover { border-color: #e6c433; }
.produtos-wrap .produto { display: block; background: #203e49; margin: 12px; position: relative; text-decoration: none; }
.produtos-wrap .produto img { display: block; width: 100%; height: auto; aspect-ratio: 16/9; object-fit: cover; opacity: 0.5; transition: all 0.35s ease;  }
.produtos-wrap .produto h3 { background: #203e49; color: #fff; font: 500 20px/24px 'Univers W01', Arial, Helvetica, sans-serif; height: 56px; letter-spacing: 0; margin: 0; padding: 16px 80px 16px 24px; position: absolute; bottom: 0; right: 0; transition: all 0.35s ease;  }
.produtos-wrap .produto h3 span { height: 56px; width: 56px; position: absolute; top: 0; right: 0; overflow: hidden; }
.produtos-wrap .produto h3 span:before, 
.produtos-wrap .produto h3 span:after { content: ''; height: 56px; width: 56px; position: absolute; right: 0; }
.produtos-wrap .produto:hover img { opacity: 0.95; }
.produtos-wrap .produto:hover h3 { padding: 16px 96px 16px 40px; }
.produtos-wrap li:nth-child(4n + 1) .produto h3 span:before { content: ''; border-bottom: 28px solid #707f54; border-left: 28px solid #707f54; border-right: 28px solid #fff; border-top: 28px solid #fff; top: 0; }
.produtos-wrap li:nth-child(4n + 2) .produto h3 span { background: none; }
.produtos-wrap li:nth-child(4n + 2) .produto h3 span:after { content: ''; background: #ec6b31; border-radius: 50%; width: 200%; height: 200%; left: 0; top: 0; }
.produtos-wrap li:nth-child(4n + 3) .produto h3 span { background: #e6c433; }
.produtos-wrap li:nth-child(4n + 3) .produto h3 span:after { content: ''; border-bottom: 12px solid #fff; bottom: 0; }
.produtos-wrap li:nth-child(4n + 4) .produto h3 span:after { content: ''; border-top: 28px solid #ec6b31; border-right: 28px solid #ec6b31; border-left: 28px solid transparent; border-bottom: 28px solid transparent; bottom: 0; }

.produtos-wrap[data-slider="false"] ul { flex: 1 0 100%; display: flex; align-items: flex-start; justify-content: flex-start; flex-wrap: wrap; margin: 0; padding: 0; list-style: none; }
.produtos-wrap[data-slider="false"] ul li { margin: 0; padding: 0; flex: 0 0 50%; width: 50%; }

/* FAQ */
.faq { background: #ec6b31; padding: 64px 0; position: relative; }
.faq h2 { color: #fff; font: 300 40px/105% 'Univers W01', Arial, Helvetica, sans-serif; }
.faq h2 span { background: #203e49; }
.faq p { color: #fff; font-size: 14px; }
.faq .wrap { display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; }
.faq-titulo { flex: 1; padding: 24px 0; }
.faq-items { flex: 2; padding: 0 0 0 32px; }
.faq-items ul { margin: 0; padding: 0; list-style: none; width: 100%; }
.faq-items ul li { margin: 0 0 12px; padding: 0; }
.faq-items .faq-pergunta { background: #fff; border-radius: 2px; }
.faq-items .faq-pergunta h3 { border-bottom: 1px solid rgba(0,0,0,0.05); color: #203e49; font: 600 16px/20px 'Univers W01', Arial, Helvetica, sans-serif; letter-spacing: -0.5px; margin: 0; padding: 20px; position: relative; cursor: pointer; }
.faq-items .faq-pergunta h3:after { content: '\f078'; font: normal 16px 'FontAwesome'; position: absolute; top: 50%; right: 16px; transform: translate(0,-50%); width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; transition: all 0.35s ease; }
.faq-items .faq-pergunta h3.on:after { transform: translate(0,-50%) rotate(180deg); }
.faq-items .faq-resposta { display: none; padding: 20px; }
.faq-items .faq-pergunta p { color: #484848; font: 400 15px/160% 'Univers W01', Arial, Helvetica, sans-serif; }
.faq-items .faq-pergunta p:last-child { margin: 0; }

/* Parceiros */
.parceiros { padding: 80px 0; text-align: center; }
.parceiros-wrap { position: relative; }
.parceiros ul,
.parceiros ul li { margin: 0; padding: 0; list-style: none; }
.parceiros a { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; height: auto; margin: 16px 0; padding: 16px; text-decoration: none; }
.parceiros a img { display: block; height: 80px; max-width: 100%; object-fit: contain; filter: grayscale(98%); transition: all 0.35s ease; }
.parceiros a:hover img { filter: grayscale(0%); }
.parceiros .arrow { cursor: pointer; border: 0; height: 20px; width: 20px; position: absolute; top: 50%; transition: all 0.4s ease; z-index: 1200; }
.parceiros .arrow.prev { border-left: 6px solid #203e49; border-bottom: 6px solid #203e49; left: -28px; transform: translate(0,-50%) rotate(45deg); }
.parceiros .arrow.next { border-right: 6px solid #203e49; border-bottom: 6px solid #203e49; right: -28px; transform: translate(0,-50%) rotate(-45deg); }
.parceiros .arrow:hover { border-color: #e6c433; }

/* Contato */
footer.contato { background: #203e49; font-size: 0; margin: 0; padding: 80px 0; position: relative; width: 100%; }
footer.contato.has-quiz { padding: 140px 0 80px; }
footer.contato:after { content: ''; background: url(/assets/images/background.svg) center no-repeat; background-size: cover; filter: grayscale(100%); mix-blend-mode: overlay; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.5; }
footer.contato .wrap { z-index: 100; display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; }
footer.contato h2 { color: #e6c433; }
footer.contato p { color: #fff; font-size: 13px; }
.contato-title { flex: 1; }
.contato-infos { display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; border-bottom: 1px solid rgba(0,0,0,0.1); padding: 0; margin: 24px 0 0; }
.contato-infos p { flex: 1 0 100%; display: flex; align-items: center; justify-content: flex-start; color: #fff; font: 500 14px/16px 'Univers W01', Arial, Helvetica, sans-serif !important; margin: 0 0 16px; padding: 0; }
.contato-infos p strong { font-weight: 400; }
.contato-infos p i { display: flex; align-items: center; justify-content: center; background: #e6c433; border-radius: 1px; color: #203e49; margin: 0 12px 0 0; font-size: 28px; width: 40px; height: 40px; min-width: 40px; }
.contato-infos p a { color: #fff; display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; text-decoration: none; }
.contato-form { flex: 2; padding: 0 0 0 32px; }
.contato-form .divider { flex: 1 0 100%; width: 100%; }
.contato-form form { display: flex; align-items: flex-start; justify-content: flex-start; flex-wrap: wrap; }
.contato-form label { margin: 0 0.5% 8px; padding: 0; width: 99%; }
.contato-form label.lbl-1-2 { width: 49%; }
.contato-form label.lbl-1-3 { width: 32.333333%; }
.contato-form label span { display: block; color: #fff; font: 400 13px/18px 'Univers W01', Arial, Helvetica, sans-serif; padding: 4px; opacity: 0.5; }
.contato-form label .text { border: 0; border-radius: 1px; background: #fff; margin: 0; padding: 14px; outline: none; color: #203e49; font: 400 14px 'Univers W01', Arial, Helvetica, sans-serif; width: 100%; transition: all 0.5s ease; text-transform: none; }
.contato-form label .text:focus { border-color: #203e49; }
.contato-form label select { height: 50px; padding: 4px; }
.contato-form label textarea { height: 120px; }
.contato-form div.btn-wrap { padding: 8px 0 0; flex: 1; margin: 0 0.5%; display: flex; align-items: center; justify-content: flex-end; }
.contato-form div.btn-wrap .btn-enviar { background: #e6c433; border: 0; border-radius: 1px; cursor: pointer; color: #203e49; font: 800 14px/20px 'Univers W01', Arial, Helvetica, sans-serif; letter-spacing: 0; padding: 16px 40px; text-transform: uppercase; }

.radio, .checkbox { cursor: pointer; margin: 0 0 5px !important; vertical-align: middle; }
.radio-inline, .checkbox-inline { display: inline-block !important; padding: 0 30px 0 0; width: auto !important; }
.radio input, .checkbox input { float: left; margin: 3px 10px 0 0; }

.custom-radio { padding: 10px; overflow: hidden; }
.custom-radio input { visibility: hidden; position: absolute; text-indent: -9999px; }
.custom-radio span { display: inline-block; padding: 0; }
.custom-radio span:before { content: '\f00c'; color: #fff; font-family: 'FontAwesome'; font-size: 9px; font-weight: normal; display: inline-block; line-height: 12px; width: 18px; height: 18px; background: #fff; border: 3px solid #ccc; border-radius: 50%; margin: -1px 7px 0; vertical-align: middle; text-align: center; }
.custom-radio.radio-on span:before { border: 3px solid #00386b !important; background: #00386b; }

.custom-checkbox { padding: 4px; margin: 0 0 4px; overflow: hidden; }
.custom-checkbox input { visibility: hidden; position: absolute; text-indent: -9999px; }
.custom-checkbox span { display: inline-block; padding: 0; font-size: 14px; }
.custom-checkbox span:before { content: '\f00d'; color: #fff; font-family: 'FontAwesome'; font-size: 12px; font-weight: normal; display: inline-block; line-height: 16px; width: 22px; height: 22px; background: #fff; border: 3px solid #ccc; border-radius: 10%; margin: 0 8px 0 0; vertical-align: middle; text-align: center; }
.custom-checkbox.checkbox-on span { color: #ec6b31 !important; }
.custom-checkbox.checkbox-on span:before { border: 3px solid #ec6b31 !important; background: #ec6b31; }

.localizacao iframe { display: block; width: 100%; height: 500px; border: 0; margin: -80px 0 0; }

.video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; margin: 50px auto; overflow: hidden; }
.video-container iframe,
.video-container object,
.video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 2px; }

/* 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; width: 700px; max-width: 96%; padding: 0 !important; }
.modal h2 { background: #203e49; color: #fff; font: 500 28px/30px 'Univers W01', Arial, Helvetica, sans-serif; letter-spacing: 0; margin: 0; padding: 30px 40px; position: relative; }
.modal .c-form { padding: 40px; }
.modal .c-form p { color: #666; font: 400 16px/160% 'Univers W01', Arial, Helvetica, sans-serif; letter-spacing: 0; margin: 0 0 10px; padding: 0; }
.modal .c-form label { width: 100%; }
.modal .c-form div:not(.message) { text-align: center; padding: 10px 0 0; position: relative; }
.modal .fancybox-close-small:after { background: none; border: 2px solid #fff; color: #fff; line-height: 28px; top: 30px; right: 25px; }

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

/* Quiz */
.quiz { margin: 0 0 -64px; padding: 0; position: relative; z-index: 1200; }
.quiz .wrap { background: #ec6b31; border-radius: 0; position: relative; overflow: hidden; margin: 0 auto; padding: 24px 72px 24px 24px; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; }
.quiz .quiz-text { flex: 1; padding: 24px 48px 24px 24px; }
.quiz .quiz-text p { color: #fff; font: 400 14px/24px 'Univers W01', Arial, Helvetica, sans-serif; text-rendering: optimizelegibility; margin: 0; }
.quiz .quiz-btn { flex: 1; padding: 24px; }
.quiz .quiz-btn form { display: flex; align-items: center; justify-content: space-between; position: relative; flex-wrap: wrap; }
.quiz .quiz-btn input[type="text"] { display: block; flex: 1; background: #f0eff5; border-radius: 1; border: 0; color: #888; font: 400 16px/20px 'Univers W01', Arial, Helvetica, sans-serif; width: 100%; height: 64px; padding: 0 32px; outline: none; }
.quiz .quiz-btn input[type="submit"] { display: block; background: #e6c433; border-radius: 1px; border: 0; color: #203e49; font: 600 16px/20px 'Univers W01', Arial, Helvetica, sans-serif; height: 56px; padding: 0 32px; outline: none; position: absolute; top: 4px; right: 4px; transition: all 0.35s ease; }
.quiz .quiz-btn input[type="submit"]:hover { background: #203e49; color: #fff; padding: 0 40px; }
.quiz .quiz-details { position: absolute; top: 0; right: 0; height: 100%; }
.quiz .quiz-details span { display: block; height: 48px; width: 48px; position: relative; overflow: hidden; }
.quiz .quiz-details span:before,
.quiz .quiz-details span:after { content: ''; width: 100%; height: 100%; top: 0; left: 0; position: absolute; }

.quiz .quiz-details span:nth-child(6n + 1):after { content: ''; border-top: 24px solid #fff; border-right: 24px solid #fff; border-left: 24px solid #ec6b31; border-bottom: 24px solid #ec6b31; top: 0; }
.quiz .quiz-details span:nth-child(6n + 2) { background: #203e49; }
.quiz .quiz-details span:nth-child(6n + 2):after { content: ''; background: #707f54; border-radius: 50%; width: 200%; height: 200%; right: 0; top: 0; left: initial }
.quiz .quiz-details span:nth-child(6n + 3):after { content: ''; border-top: 24px solid #fff; border-left: 24px solid #fff; border-right: 24px solid #e6c433; border-bottom: 24px solid #e6c433; top: 0; }
.quiz .quiz-details span:nth-child(6n + 4):after { content: ''; border-top: 24px solid #ec6b31; border-right: 24px solid #ec6b31; border-left: 24px solid #203e49; border-bottom: 24px solid #203e49; bottom: 0; }
.quiz .quiz-details span:nth-child(6n + 5) { background: #707f54; }
.quiz .quiz-details span:nth-child(6n + 5):after { content: ''; background: #fff; border-radius: 50%; width: 200%; height: 200%; right: 0; top: 0; left: initial }
.quiz .quiz-details span:nth-child(6n + 6):after { content: ''; border-top: 24px solid #203e49; border-left: 24px solid #203e49; border-right: 24px solid #e6c433; border-bottom: 24px solid #e6c433; top: 0; }

.quiz-modal-overlay { background: rgba(255,255,255,0.5); position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9000; }
.quiz-modal { background: #fff; border-left: 32px solid #ec6b31; position: fixed; top: 0; right: 0; width: 100%; max-width: 960px; height: 100%; z-index: 9000; padding: 48px 64px; box-shadow: 0 0 48px rgba(0,0,0,0.15); display: flex; align-items: flex-start; justify-content: flex-start; flex-direction: column; animation: quizModalShow 1s cubic-bezier(.86,0,.07,1) 0.05s forwards; transform: translate(100%,0); }
.quiz-modal .btn-close { cursor: pointer; width: 28px; height: 19px; margin: 0 auto 15px; position: absolute; top: 24px; right: 24px; transition: all 0.5s ease; }
.quiz-modal .btn-close:before { content: ''; display: block; width: 100%; left: 0; height: 3px; background: #203e49; position: absolute; transform: rotate(45deg); top: 10px; transition: all 0.35s ease; }
.quiz-modal .btn-close:after { content: ''; display: block; width: 100%; left: 0; height: 3px; background: #203e49; position: absolute; transform: rotate(135deg); bottom: initial; top: 10px; transition: all 0.35s ease; }
.quiz-modal .btn-close:hover:before,
.quiz-modal .btn-close:hover:after { background: #ec6b31; }
.quiz-modal .quiz-header { flex: 0; padding: 0; width: 100%; }
.quiz-modal .quiz-header-steps { display: flex; align-items: center; justify-content: space-between; position: relative; }
.quiz-modal .quiz-header-steps:before { content: ''; height: 3px; background: #e0e0e0; width: 100%; position: absolute; top: calc(50% - 1.5px); left: 0; }
.quiz-modal .quiz-header-steps .loading-bar { content: ''; height: 3px; background: #203e49; width: 0; position: absolute; top: calc(50% - 1.5px); left: 0; }
.quiz-modal .quiz-header-steps span { background: #e0e0e0; border-radius: 60%; color: #aaa; font: 600 10px/16px 'Univers W01', Arial, Helvetica, sans-serif; width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; position: relative; z-index: 10; }
.quiz-modal .quiz-header-steps span:before { content: attr(data-step); }
.quiz-modal .quiz-header-steps span[data-status="checked"] { background: #203e49; color: #fff }
.quiz-modal .quiz-header-steps span[data-status="checked"]:before { content: '\f00c'; font-family: 'FontAwesome'; }
.quiz-modal .quiz-wrap { flex: 1; width: 100%; overflow: auto; margin: 40px 0; padding: 0 8px 0 0; display: flex; align-items: center; justify-content: center; }
.quiz-modal .quiz-wrap > div { width: 100%; }
.quiz-modal .quiz-footer { flex: 0 0 56px; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; width: 100%; height: 56px; }
.quiz-modal .quiz-footer span[class*="btn"] { background: #fff; border: 1px solid rgba(0,0,0,0.075); border-radius: 2px; display: flex; align-items: center; justify-content: center; color: #484848; font: 600 14px/16px 'Univers W01', Arial, Helvetica, sans-serif; height: 52px; padding: 0 28px; cursor: pointer; }
.quiz-modal .quiz-footer span.btn-next { border: 0; background: #203e49; color: #fff; margin-left: auto; }

.quiz-modal h2 { color: #203e49; font: 600 32px/105% 'Univers W01', Arial, Helvetica, sans-serif; letter-spacing: -1px; margin: 0 0 24px; padding: 0; }
.quiz-modal h2 strong { font-weight: 600; }
.quiz-modal h2 span { background: #e6c433; padding: 0 6px; }
.quiz-modal h3 { color: #203e49; font: 600 24px/115% 'Univers W01', Arial, Helvetica, sans-serif; letter-spacing: -0.5px; margin: 0 0 16px; padding: 0; }
.quiz-modal h3.question { width: 100%; display: flex; align-items: flex-start; justify-content: flex-start; flex-wrap: wrap; }
.quiz-modal h3.question span.number { flex: 0; color: #a9bcc3; font-size: 16px; margin: 0 8px 0 0; }
.quiz-modal h3.question span.question { flex: 1; } 
.quiz-modal p { color: #666; font: 400 16px/170% 'Univers W01', Arial, Helvetica, sans-serif; text-rendering: optimizelegibility; margin: 0 auto 12px; }
.quiz-modal input[type="email"] { display: block; flex: 1; background: #f0eff5; border-radius: 1; border: 0; color: #888; font: 400 16px/20px 'Univers W01', Arial, Helvetica, sans-serif; width: 100%; height: 64px; padding: 0 32px; outline: none; text-align: center; }

.quiz-block { border: 1px solid rgba(0,0,0,0.05); border-radius: 2px; margin: 0 0 40px; padding: 32px; }
.quiz-block .option { background: #fafafa; border-radius: 2px; margin: 4px 0; padding: 16px; color: #323232; font: 600 13px/18px 'Univers W01', Arial, Helvetica, sans-serif; transition: all 0.15s ease; cursor: pointer; }
.quiz-block .option span { display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; transition: all 0.15s ease; }
.quiz-block .option span:before { content: '\f00c'; color: #fff; font-family: 'FontAwesome'; font-size: 12px; font-weight: normal; display: inline-block; line-height: 16px; width: 22px; height: 22px; background: #fff; border: 3px solid #ccc; border-radius: 50%; margin: 0 12px 0 0; vertical-align: middle; text-align: center; transition: all 0.15s ease; }
.quiz-block .option:hover { background: #f0f0f0; }
.quiz-block .option:hover span:before { border-color: #fff; color: #ccc; }
.quiz-block .option.option-on { background-color: #ec6b31; color: #fff; }
.quiz-block .option.option-on span:before { border: 3px solid #fff !important; background: #fff; color: #ec6b31; }

.quiz-final img { height: 128px; margin: 0 0 16px; }
.quiz-final .btn-close-text { cursor: pointer; display: inline-block; border: 2px solid #e6c433; border-radius: 2px; color: #e6c433; margin: 16px 0 0; padding: 12px 28px; font: 600 16px/20px 'Univers W01', Arial, Helvetica, sans-serif; }

@keyframes quizModalShow {
    0%{
        opacity: 0;
        transform: translate(100%,0);
    }
    50%{
        opacity: 1;
        transform: translate(0,0);
    }
    100%{
        opacity: 1;
        transform: translate(0,0);
    }
}


/* Content */
.title { background: #203e49; margin: 0; padding: 200px 0 100px; position: relative; width: 100%; }
.title-bg { background-position: center; background-repeat: no-repeat; mix-blend-mode: multiply; filter: grayscale(100%); background-size: cover; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.2; }
.title h1,
.title p { color: #fff; font: 600 48px/48px 'Univers W01', Arial, Helvetica, sans-serif; letter-spacing: 0; margin: 0; padding: 0; position: relative; }
.title-detail { background: #203e49; height: 56px; width: 100%; display: flex; align-items: flex-end; justify-content: flex-end; flex-flow: column wrap; display: none; }
.title-detail:after { content: ''; height: 56px; width: 56px; border-top: 28px solid #fff; border-right: 28px solid #fff; border-left: 28px solid #ec6b31; border-bottom: 28px solid #ec6b31; z-index: 1200; position: relative; }

.content { padding: 48px 0; }
.content h1 { color: #203e49; font: 600 46px/110% 'Univers W01', Arial, Helvetica, sans-serif; letter-spacing: -1px; margin: 0 0 20px; padding: 0; }
.content h1 strong { font-weight: 600; }
.content h2 { color: #203e49; font: 600 36px/100% 'Univers W01', Arial, Helvetica, sans-serif; letter-spacing: -1px; margin: 0 0 18px; padding: 0; }
.content h2 strong { font-weight: 600; }
.content h3 { color: #203e49; font: 500 28px/120% 'Univers W01', Arial, Helvetica, sans-serif; letter-spacing: 0; margin: 15px 0; padding: 0; }
.content h4 { color: #203e49; font: 600 18px/22px 'Univers W01', Arial, Helvetica, sans-serif; letter-spacing: 0; margin: 15px 0; padding: 0; }
.content h5 { color: #203e49; font: 500 16px/22px 'Univers W01', Arial, Helvetica, sans-serif; letter-spacing: 0; margin: 0 0 10px; padding: 0; }
.content p { color: #666; font: 400 14px/150% 'Univers W01', Arial, Helvetica, sans-serif; text-rendering: optimizelegibility; margin: 0 auto 18px; }
.content p strong,
.content p b { font-weight: 600; }
.content ul,
.content ol { color: #888; font: 400 14px/150% 'Univers W01', Arial, Helvetica, sans-serif; text-rendering: optimizelegibility; font-feature-settings: "liga"; margin: 0 auto 24px; padding: 0 35px; }
.content ul li,
.content ol li { margin: 5px 0; padding: 0; }

.content .wrap-flex { align-items: flex-start; }
.content .wrap-flex div.image { flex: 1; padding: 24px; }
.content .wrap-flex div.image img { display: block; width: 100%; height: auto; }
.content .wrap-flex div.text { flex: 1; padding: 40px; }

.content .wrap .content-title,
.content .wrap .content-text { flex: 1; padding: 24px; }

/* Produtos */
.product-page { display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; }
.product-data { flex: 1 0; padding: 0 56px 0 0; position: sticky; top: 130px; left: 0; }
.product-photos { flex: 2 0; margin: -80px 0 0; position: relative; }
.product-photos img { display: block; margin: 0 auto 8px; height: auto; width: 100%; }
.btn-catalogo { display: block; background: #e6c433; border-left: 3px solid #203e49; border-radius: 2px 24px 2px 2px; color: #203e49; font: 800 16px/22px 'Univers W01', Arial, Helvetica, sans-serif; margin: 8px 0; padding: 16px 24px; text-decoration: none; position: relative; overflow: hidden; transition: all 0.35s ease; }
.btn-catalogo:hover { background: #203e49; border-left: 3px solid #e6c433; color: #fff; }
.btn-catalogo:before { content: '\f1c5'; width: 40px; height: 60px; mix-blend-mode: overlay; opacity: 0.75; color: #203e49; font: normal 48px 'FontAwesome'; position: absolute; top: 50%; left: -8px; transform: translate(0,-50%); display: flex; align-items: center; justify-content: center; display: none; }
.btn-catalogo span { display: block; }
.btn-catalogo span:nth-child(2) { font-size: 12px; font-weight: 500; }

footer.contato.contato-produtos { padding: 40px 0; }
.contato-produtos .contato-title > h2,
.contato-produtos .contato-title > p { display: none; }
.contato-produtos .contato-infos { display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; }
.contato-produtos .contato-infos p { flex: 1; }
.contato-produtos .contato-infos p:last-child { display: none; }
.contato-produtos .contato-form { display: none; }



/*
** RESPONSIVE
*/
@media screen and (max-width: 1380px){
    .quiz-modal { border-left: 24px solid #ec6b31; padding: 24px; }
    .quiz-modal .quiz-header { padding: 0 16px; }
    .quiz-modal .quiz-wrap { align-items: flex-start; }
    .quiz-block { padding: 24px; }
    .quiz-modal h3 { font-size: 20px; }
    .quiz-block .option { font: 600 12px/16px 'Univers W01', Arial, Helvetica, sans-serif; padding: 12px; }
}

@media screen and (max-width: 1024px){
    /* Default */
    .wrap { padding: 0 24px; }

	/* Header */
    header { background: #fff; border: 0; box-shadow: 0 0 25px rgba(0,0,0,0.35); position: fixed; padding: 8px 0; }
    header .wrap:before { content: ''; width: 28px; }
	header .logotipo,
    header.fixed .logotipo { max-width: 50%; height: 48px; margin: 0; }
	header .logotipo img,
    header.fixed .logotipo img { height: 200%; margin-top: -8px; }
	header .phone-ico { cursor: pointer; color: #f9ae0f; width: 28px; height: 28px; margin: 0; display: flex; align-items: center; justify-content: center; text-decoration: none; }
	header .phone-ico i { font-size: 24px; }
	header .phone-ico img { height: 24px; width: auto; }

    header .nav-ico { cursor: pointer; float: right; display: block; border-top: 3px solid #203e49; width: 28px; height: 19px; margin: 0; position: relative; transition: all 0.5s ease; }
    header .nav-ico:before { content: ''; display: block; background: #203e49; height: 3px; width: 100%; position: absolute; top: 5px; left: 0; transition: all 0.5s ease; }
    header .nav-ico:after { content: ''; display: block; background: #203e49; height: 3px; width: 100%; position: absolute; bottom: 0; left: 0; transition: all 0.5s ease; }
	header .close-ico { display: block; text-align: right; }
    header .close-ico span { cursor: pointer; display: inline-block; border-top: 0; width: 28px; height: 19px; margin: 0 auto 15px; position: relative; transition: all 0.5s ease; }
    header .close-ico span:before { content: ''; display: block; width: 100%; left: 0; height: 3px; background: #f9ae0f; position: absolute; transform: rotate(45deg); top: 10px; }
    header .close-ico span:after { content: ''; display: block; width: 100%; left: 0; height: 3px; background: #f9ae0f; position: absolute; transform: rotate(135deg); bottom: initial; top: 10px; }

    header nav { display: block; background: #203e49; box-shadow: 0 0 35px rgba(0,0,0,0.35); position: fixed; top: 0; right: -410px; width: 320px; height: 100%; overflow: auto; margin: 0; padding: 24px; transition: all 0.45s ease; z-index: 9999; }
	header nav.on { right: 0; }
	header nav > ul { width: 100%; margin: 16px 0; text-align: left; }
	header nav > ul > li { display: block; margin: 0; padding: 0; }
    header nav > ul > li > a,
    header.fixed nav > ul > li > a { border-bottom: 1px solid rgba(0,0,0,0.05); color: #fafafa; display: block; font: 400 16px/20px 'Univers W01', Arial, Helvetica, sans-serif; letter-spacing: 0; margin: 4px 0; padding: 12px; text-align: center; text-decoration: none; text-transform: none; transition: all 0.45s ease; }
    header nav > ul > li > a:hover { color: #fff; }
	header nav > ul > li > a:after { display: none; }

    header .header-itens { justify-content: center; margin: 8px 0 0; }
    header .header-itens a { margin: 4px; } 
    header .header-itens a:before { display: none; }

    /* Home */
	.pub { height: 80vh; max-height: unset; margin: 0; padding: 0; }
    .pub ul li .wrap { position: relative; height: 100%; display: flex; align-items: center; justify-content: flex-start; flex-flow: row wrap; padding: 100px 40px 20px; }
    .pub ul li .wrap .pub-content { flex: 1 0 100%; text-align: center; }
    .pub h1 { font: 300 48px/104% 'Univers W01', Arial, Helvetica, sans-serif; margin: 0 0 16px; }
    .pub p { color: rgba(255,255,255,0.95); font: 300 18px/24px 'Univers W01', Arial, Helvetica, sans-serif; letter-spacing: 0; margin: 0 0 8px; padding: 0; }
    .pub .btn-action { border-radius: 2px; font: 800 14px 'Univers W01', Arial, Helvetica, sans-serif; margin: 24px 0 0; padding: 12px 24px; }
    .pub-detail { height: 40px; }
    .pub-detail:after { height: 40px; width: 40px; border-top: 20px solid #fff; border-right: 20px solid #fff; border-left: 20px solid #ec6b31; border-bottom: 20px solid #ec6b31; }

    .quem-somos { padding: 40px 0; }
    .quem-somos .wrap-flex { flex-direction: column-reverse; }
    .quem-somos .wrap-flex div.text { padding: 16px 0; flex: 1 0 100%; }
    .quem-somos .wrap-flex div.image { padding: 0; flex: 1 0 100%; }

    .solucoes { border-radius: 0 60px 0 0; padding: 64px 0; }
    .solucoes .wrap { padding: 0; }
    .solucoes-title { padding: 0 40px; }
    .solucoes-wrap { flex-wrap: nowrap; overflow: auto; }
    .solucoes-wrap:before,
    .solucoes-wrap:after { content: ''; height: 30px; margin: 0 1%;}
    .solucoes-wrap::-webkit-scrollbar { display: none; }
    .solucoes-wrap .solucao { flex: 0 0 38%; margin: 0 1%; padding: 24px; border-color: #e6c433; }
    .solucoes-wrap .solucao *:last-child { margin-bottom: 0; }

    .produtos { padding: 40px 0; }
    .produtos-wrap .arrow { display: none; }
    .produtos-wrap { padding: 0; }
    .produtos-wrap .produto img { aspect-ratio: 1; }

    .faq { padding: 40px 0; }
    .faq-titulo,
    .faq-items { flex: 1 0 100%; padding: 8px; }

    .parceiros { padding: 40px 0; }
    .parceiros a { margin: 0; }
    
    .quiz { margin: 0; }
    .quiz .quiz-text,
    .quiz .quiz-btn { flex: 1 0 100%; padding: 16px; }

    .quiz-modal { border-left: 8px solid #ec6b31; padding: 24px 16px; }
    .quiz-block { padding: 20px; }

    footer.contato { padding: 40px 0 80px; }
    .contato-title,
    .contato-form { flex: 1 0 100%; padding: 16px; }

    .contato-form label
    .contato-form label.lbl-1-2,
    .contato-form label.lbl-1-3 { flex: 1 0 100%; margin: 0 0 8px; }
    .contato-form div.btn-wrap { justify-content: center; }
    

    /* Produtos */
    .title { padding: 160px 0 60px; text-align: center; }
    .title h1, .title p { font-size: 40px; }

    .content { padding: 40px 0; }

    .product-data,
    .product-photos { flex: 1 0 100%; padding: 8px; margin: 8px 0; }
    .product-data { position: static; }

    .contato-produtos .contato-infos p { flex: 1 0 100%; }

}

@media screen and (max-width: 560px){
    /* Home */
    .section-home h2 { font-size: 40px; line-height: 100%; }

    .solucoes-wrap { padding: 0; }
    .solucoes-wrap .solucao { flex: 0 0 65%; margin: 0 2.5%; padding: 16px; }

    .produtos .wrap { padding: 0; }
    .produtos h2,
    .produtos p { padding: 0 16px; }
    .produtos-wrap ul { display: flex; align-items: flex-start; justify-content: flex-start; flex-wrap: nowrap; overflow: auto; }
    .produtos-wrap ul::-webkit-scrollbar { display: none; }
    .produtos-wrap ul:before, 
    .produtos-wrap ul:after { content: ''; margin: 0 1.5%; }
    .produtos-wrap ul li { flex: 0 0 70%; margin: 0 1.5%; width: auto; }
    .produtos-wrap .produto { border-radius: 2px; margin: 0; overflow: hidden; }
    .produtos-wrap .produto h3 { width: 100%; font-size: 14px; }

    .faq-items { padding: 0; }
    .faq-items .faq-pergunta h3 { font-size: 14px; padding: 14px 40px 14px 14px; }
    .faq-items .faq-pergunta h3:after { right: 8px; }
    .faq-items .faq-resposta { padding: 14px; }    

    .quiz .quiz-text, 
    .quiz .quiz-btn { padding: 8px; }
    .quiz .quiz-btn input[type="text"] { flex: 1 0 100%; }
    .quiz .quiz-btn input[type="submit"] { flex: 1 0 100%; position: relative; top: initial; right: initial; }

    .contato-form div.btn-wrap .btn-enviar { width: 100%; }
}