@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 url(/assets/images/bg.png?v2) center -240px no-repeat; margin: 0; padding: 0; }
img { border: 0; }
.wrap { width: 100%; max-width: 1280px; margin: 0 auto; padding: 0 30px; 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: #6bca2b; 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; }
.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; }

/* Scroll to top */
.btn-scroll-to-top { display: none; cursor: pointer; border: 2px solid #163a2b; color: #163a2b; border-radius: 2px; position: fixed; bottom: 20px; right: 110px; z-index: 2200; width: 38px; height: 38px; text-align: center; line-height: 33px; font-family: FontAwesome; font-size: 1em; opacity: 0.75; }
.wp-fixed { box-shadow: 0 0 20px rgba(0,0,0,0.25); border-bottom: 0; border-right: 0; position: fixed; bottom: 0; right: 0; z-index: 9999; width: auto; border-radius: 16px 0 0 0; background: rgba(0, 177, 75, 0.95); vertical-align: middle; text-align: center; padding: 15px 18px; color: #fff;  font: 500 12px/14px 'Lato', Arial, Helvetica, sans-serif; text-decoration: none; text-align: center; }
.wp-fixed i { font-size: 40px; display: block; text-align: center; margin: 0 0 5px; }

/* Structure */
header { height: auto; margin: 0; padding: 0; width: 100%; position: fixed; top: 0; left: 0; z-index: 3001; transition: all 0.35s ease; }
header .wrap { position: relative; }
header .logotipo { display: block; margin: 0 auto; padding: 15px 0; height: 200px; text-decoration: none; text-align: center; position: absolute; top: 0; left: 50%; transform: translate(-50%,0); transition: all 0.25s ease; }
header .logotipo img { display: block; margin: 0 auto; max-height: 170px; }
header .favicon { display: none; float: left; }
header .favicon img { display: block; max-width: 50px; }
header nav { display: flex; align-items: center; justify-content: space-around; background: rgba(0,0,0,0.15); border-radius: 0 0 16px 16px; height: auto; margin: 0; padding: 14px 40px; transition: all 0.5s ease; }
header nav > a { color: #fff; display: inline-block; font: 400 15px/54px 'Rakesly W00', Arial, Helvetica, sans-serif; letter-spacing: 1.5px; margin: 0 10px; padding: 0 2px; text-decoration: none; text-shadow: 2px 2px 1px rgba(0,0,0,.051); transition: all 0.5s ease; position: relative; }
header nav > a:after { content: ''; background: #6bca2b; height: 3px; border-radius: 6px; width: 0; position: absolute; left: 50%; bottom: -15px; transition: all 0.25s ease-out; }
header nav > a.active:after,
header nav > a:hover:after { left: 0; width: 100%; }
header nav > span.spacer { background: none; width: 140px; height: 40px; vertical-align: middle; }
header .header-itens { margin: 0 0 0 25px; padding: 0; display: inline-block; display: none; }
header .header-itens a.btn-topo { background: #f78a1f; border-radius: 50px; box-shadow: 0 5px 20px rgba(0,0,0,0.15); color: #fff; font: 16px/20px 'Lobster', Arial, Helvetica, sans-serif; letter-spacing: 0px; display: inline-block; margin: 0; padding: 12px 20px; text-decoration: none; vertical-align: middle; }
header .nav-ico,
header .close-ico { display: none; }

header.fixed nav { background: rgba(0, 177, 75, 0.925); }
header.fixed .logotipo { height: 125px; overflow: hidden; }

/* Home */
.pub { height: 880px; margin: 0; padding: 0; position: relative; width: 100%; }
.pub ul,
.pub ul li { height: auto; list-style: none; margin: 0; padding: 0; }
.pub h1 { color: #FFCB03; font: 400 88px/90% 'Mr Dafoe', Arial, Helvetica, sans-serif; letter-spacing: 0; margin: 0 0 30px; padding: 0; text-shadow: 3px 5px 8px rgba(0,0,0,0.05); }
.pub h1:first-line { color: #fff; font: 400 42px/90% 'Rakesly W00', Arial, Helvetica, sans-serif; letter-spacing: 1px; }
.pub p { color: #fff; font: 300 19px/160% 'Rakesly W00', Arial, Helvetica, sans-serif; letter-spacing: 1px; }
.pub a.btn { background: #f46f0a; border: 2px solid transparent; color: #fff; border-radius: 30px; display: inline-block; font: 400 16px/20px 'Rakesly W00', Arial, Helvetica, sans-serif; letter-spacing: 1px; margin: 10px 5px; padding: 12px 28px; text-align: center; text-decoration: none; transition: all 0.5s ease; }
.pub .trifolhas { position: absolute; bottom: -120px; left: 10%; z-index: 1200; width: 340px; height: auto; border-radius: 0; box-shadow: none; }
.pub ul li .wrap { position: relative; height: auto; padding: 320px 80px 0; display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; }
.pub .pub-text { flex: 2; padding: 0 0 0 50px; }
.pub .pub-image { flex: 1; padding: 0 0 50px; position: relative; z-index: 1300; }
.pub .bx-controls { height: 20px; position: absolute; bottom: 100px; 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: #fff; 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: #FFCB03; border: 2px solid #FFCB03; width: 30px; }

.pub2 { padding: 290px 0 0; }
.pub2 ul li { border-radius: 16px; background-position: center; background-repeat: no-repeat; background-size: cover; }
.pub2 ul li .slide-wrap { background: rgba(0,0,0,0.45); background: -moz-linear-gradient(90deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.15) 100%); background: -webkit-linear-gradient(90deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.15) 100%); background: linear-gradient(90deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.15) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(0,0,0,0.6)', endColorstr='rgba(0,0,0,0.15)',GradientType=1); border-radius: 16px; padding: 130px 100px 110px; text-align: left; }
.pub2 h1 { color: #FFCB03; font: 400 88px/90% 'Mr Dafoe', Arial, Helvetica, sans-serif; letter-spacing: 0; margin: 0 0 20px; padding: 0; text-shadow: 3px 5px 8px rgba(0,0,0,0.05); }
.pub2 h1:first-line { color: #fff; font: 400 42px/50% 'Rakesly W00', Arial, Helvetica, sans-serif; letter-spacing: 1px; }
.pub2 p { margin: 0 0 20px; }
.pub2 .bx-controls { bottom: 30px; left: 0; }

.cartao-clube { display: block; border-radius: 23px; box-shadow: -8px 20px 32px rgba(0,0,0,0.2); position: absolute; top: 0; left: -60px; transform: rotate(-25deg) translate(0, 35%); margin: 0 auto; width: 115%; }

.mobile-whatsapp { display: block; height: 520px; border-radius: 23px; box-shadow: -8px 20px 32px rgba(0,0,0,0.2); border: 9px solid #222; position: relative; margin: -20px auto 0; }
.mobile-whatsapp:before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 10px; background: red; }

.modulos { height: auto; margin: 0; padding: 250px 0 90px; position: relative; width: 100%; }
.modulos .wrap-flex { display: flex; align-items: flex-start; flex-wrap: wrap; justify-content: space-between; }
.modulo-item { border-radius: 16px; background-position: center; background-repeat: no-repeat; background-size: cover; margin: 15px 0; width: 49%; position: relative;  box-shadow: -8px 20px 32px rgba(0,0,0,0.2); }
.modulo-item img { border-radius: 16px; background: rgba(0,0,0,0.45); background: -moz-linear-gradient(90deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.15) 100%); background: -webkit-linear-gradient(90deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.15) 100%); background: linear-gradient(90deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.15) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(0,0,0,0.6)', endColorstr='rgba(0,0,0,0.15)',GradientType=1); display: block; width: 100%; height: auto; }
.modulo-item .modulo-text { position: absolute; bottom: 0; left: 0; width: 100%; padding: 48px; text-align: left; }
.modulo-item h1 { color: #FFCB03; font: 400 60px/90% 'Mr Dafoe', Arial, Helvetica, sans-serif; letter-spacing: 0; margin: 0 0 5px; padding: 0; text-shadow: 3px 5px 8px rgba(0,0,0,0.05); }
.modulo-item h1:first-line { color: #fff; font: 400 26px/50% 'Rakesly W00', Arial, Helvetica, sans-serif; letter-spacing: 1px; }
.modulo-item p { color: #fff; font: 300 16px/160% 'Rakesly W00', Arial, Helvetica, sans-serif; letter-spacing: 1px; margin: 0 0 30px; }
.modulo-item a.btn { background: #f46f0a; border: 2px solid transparent; color: #fff; border-radius: 30px; display: inline-block; font: 400 16px/20px 'Rakesly W00', Arial, Helvetica, sans-serif; letter-spacing: 1px; margin: 0; padding: 12px 28px; text-align: center; text-decoration: none; transition: all 0.5s ease; }
.modulos .trifolhas { position: absolute; bottom: -80px; left: 12.5%; z-index: 1200; width: 260px; height: auto; border-radius: 0; box-shadow: none; }

.modulo-item.modulo-fw { width: 100%; }
.modulo-item.modulo-fw img { height: 320px; }
.modulo-item.modulo-fw h1,
.modulo-item.modulo-fw h1:first-line { color: #fff; font: 500 32px/110% 'Rakesly W00', Arial, Helvetica, sans-serif; letter-spacing: 1px; text-transform: uppercase; position: relative; }
.modulo-item.modulo-fw a.btn { background: #6fbe43; }

.section { background: none; padding: 150px 0; font-size: 0; position: relative; }
.section h2 { color: #00b14b; font: 500 56px/105% 'Rakesly W00', Arial, Helvetica, sans-serif; letter-spacing: 1.5px; margin: 0 0 20px; padding: 0; }
.section h3 { color: #454545; font: 600 34px/105% 'Rakesly W00', Arial, Helvetica, sans-serif; letter-spacing: 0; margin: 15px 0; padding: 0; }
.section h4 { color: #050505; font: 900 18px/22px 'Rakesly W00', Arial, Helvetica, sans-serif; letter-spacing: 0; margin: 0 0 10px; padding: 0; }
.section p { color: #666; font: 300 18px/28px 'Rakesly W00', Arial, Helvetica, sans-serif; letter-spacing: 1px; text-rendering: optimizelegibility; margin: 0 0 20px; }
.section ul { color: #666; font: 500 16px/20px 'Rakesly W00', Arial, Helvetica, sans-serif; text-rendering: optimizelegibility; font-feature-settings: "liga"; margin: 0 0 30px; padding: 0 25px; }
.section ul li { margin: 8px 0; padding: 0; }
.section a.btn { background: #6bca2b; color: #fff; border-radius: 50px; display: inline-block; font: 500 20px/26px 'Rakesly W00', Arial, Helvetica, sans-serif; margin: 10px 0; padding: 12px 38px; text-align: center; text-decoration: none; transition: all 0.5s ease; }

.section .wrap-flex { display: flex; flex-wrap: wrap; align-items: center; }
.section .flex-item { flex: 1; padding: 20px; }

.section.super-qualibem h2 { display: inline-block; position: relative; }
.section.super-qualibem h2 img { position: absolute; top: 50%; left: 100%; width: 140px; height: auto; max-height: 100%; transform: translate(0,-50%); }
.img-qualibem { position: relative; padding: 0 50px 0 60px; /*background: url(/assets/images/folhas.svg) 10px center no-repeat;*/ background-size: auto 100%; }
.img-qualibem img { display: block; width: 100%; height: auto; border-radius: 100px; box-shadow: 0 20px 50px rgba(0,0,0,0.15); }
.img-qualibem .trifolhas { position: absolute; top: -55px; right: 0; width: 170px; height: auto; border-radius: 0; box-shadow: none; }

.section.unidades { background-color: #f5821f; padding-bottom: 0; position: relative; z-index: 1700; }
.section.unidades .bg { background-image: url(/assets/images/backgrounds/bg1.jpg); background-position: center; background-position: no-repeat; background-size: cover; background-attachment: fixed; mix-blend-mode: soft-light; opacity: 0.35; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.section.unidades h2 { color: #ffcb03; font: 400 88px/90% 'Mr Dafoe', Arial, Helvetica, sans-serif; text-shadow: 3px 5px 8px rgba(0,0,0,0.05); }
.section.unidades p { color: #fff; }
.section.unidades .unidades-wrap { width: 100%; margin: 32px 0 -124px; display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; }
.section.unidades .unidade-item { background: #fff; box-shadow: 0 10px 32px rgba(0,0,0,.125); border-radius: 16px; flex: 0 0 32%; margin: 24px 0 0; text-align: left; text-decoration: none; transition: all 0.45s ease; position: relative; }
.section.unidades .unidade-item-img { background-color: #fff; background-position: center; background-repeat: no-repeat; background-size: cover; border-radius: 15px 15px 0 0; position: relative; }
.section.unidades .unidade-item-img img { display: block; width: 100%; height: auto; border-radius: 15px 15px 0 0; transition: all 0.45s ease; opacity: 0.55; background: -moz-linear-gradient(0deg, #050505 0%, rgba(0,0,0,0.25) 70%); background: -webkit-linear-gradient(0deg, #050505 0%, rgba(0,0,0,0.25) 70%); background: linear-gradient(0deg, #050505 0%, rgba(0,0,0,0.25) 70%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000', endColorstr='rgba(0,0,0,0.25)',GradientType=1 ); }
.section.unidades .unidade-item-img h3 { position: absolute; bottom: 0; left: 0; color: #fff; font: 300 24px/120% 'Rakesly W00', Arial, Helvetica, sans-serif; letter-spacing: 1px; margin: 0; padding: 24px; width: 100%; opacity: 1; transition: all 0.45s ease; }
.section.unidades .unidade-item-img h3 strong { font-weight: 500; display: block; }
.section.unidades .unidade-item .localizacao-horario { display: block; color: #484848; font: 300 15px/140% 'Rakesly W00', Arial, Helvetica, sans-serif; letter-spacing: 1px; margin: 0; padding: 12px 8px; width: 100%; opacity: 1; transition: all 0.45s ease; }
.section.unidades .unidade-item .localizacao-horario span { display: block; margin: 0 0 8px; }
.section.unidades .unidade-item .localizacao-horario span:before { content: attr(data-ico); font-family: 'FontAwesome'; font-size: 26px; width: 50px; height: 40px; color: #f5821f; float: left; text-align: center; line-height: 40px; }
.section.unidades .unidade-item[data-situacao="breve"] .unidade-item-img { filter:grayscale(30%); }
.section.unidades .unidade-item[data-situacao="breve"] .unidade-item-img:after { content: 'Em breve'; color: #fff; font: 400 56px/90% 'Mr Dafoe', Arial, Helvetica, sans-serif; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; opacity: 0.5; }
.section.unidades .unidade-item[data-situacao="breve"] .unidade-item-img img { background: #000; }
.section.unidades .unidade-item[data-situacao="breve"] .unidade-item-img h3 { display: none; }
.section.unidades img.detail { position: absolute; top: 0; left: 0; width: 100%; }

.section.ofertas { margin: 150px 0 0; padding: 150px 0 120px;  }
.section.ofertas h2 { color: #6fbe43; font: 400 88px/90% 'Mr Dafoe', Arial, Helvetica, sans-serif; }
.section.ofertas h4 { color: #f5821f; font: 400 32px/150% 'Rakesly W00', Arial, Helvetica, sans-serif; letter-spacing: 0; margin: 40px 0 10px; padding: 0; }
.section.ofertas p { color: #888; }
.ofertas-list { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; margin: 50px 0 0; }
.ofertas-list .oferta-item { flex: 1; margin: 5px; padding: 25px 10px; border: 3px solid rgba(0,0,0,0.025); border-radius: 16px; }
.ofertas-list .oferta-item h3 { color: #00b14b; font: 500 22px/120% 'Rakesly W00', Arial, Helvetica, sans-serif; letter-spacing: 0.5px; margin: 0 0 3px; }
.ofertas-list .oferta-item h4 { color: #888; font: 400 16px/120% 'Rakesly W00', Arial, Helvetica, sans-serif; letter-spacing: 0.5px; margin: 0; }
.ofertas-list .oferta-item img { display: block; margin: 30px auto 10px; max-height: 110px; max-width: 80%; }
.ofertas-list .oferta-item:nth-child(2) h3,
.ofertas-list .oferta-item:nth-child(5) h3 { color: #70be44; }
.ofertas-list .oferta-item:nth-child(3) h3,
.ofertas-list .oferta-item:nth-child(6) h3 { color: #8ec63e; }
.ofertas-list .oferta-item:nth-child(even) { margin: 25px 5px; }

/* Contato */
.contato { background: #70be44; background: -moz-linear-gradient(65deg, #70be44 0%, #159c51 100%); background: -webkit-linear-gradient(65deg, #70be44 0%, #159c51 100%); background: linear-gradient(65deg, #70be44 0%, #159c51 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#70be44', endColorstr='#159c51',GradientType=1 ); }
.contato .bg { background: url(/assets/images/folhas.svg) -30px center no-repeat; background-size: auto 120%; background-attachment: fixed; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.contato h2 { color: #FFCB03; font: 400 88px/90% 'Mr Dafoe', Arial, Helvetica, sans-serif; letter-spacing: 0; margin: 0 0 20px; padding: 0; text-shadow: 3px 5px 8px rgba(0,0,0,0.05); text-align: center; }
.contato h2:first-line { color: #fff; font: 400 40px/75% 'Rakesly W00', Arial, Helvetica, sans-serif; letter-spacing: 1px; }
.contato p { color: #fff; }
.contato img.detail { position: absolute; top: 0; left: 0; width: 100%; }
.contato-infos { text-align: center; font-size: 0; padding: 15px; margin: 40px 0; border-bottom: 1px solid rgba(0,0,0,0.1); }
.contato-infos p { color: #fff; display: inline-block; font: 300 18px/28px 'Rakesly W00', Arial, Helvetica, sans-serif; width: auto; margin: 0 0.5%; padding: 20px 40px; vertical-align: top; position: relative; text-align: center; }
.contato-infos p strong { font-weight: 400; }
.contato-infos p i { background-color: #f5821f; color: #fff; display: inline block; margin: 0 8px 0 0; text-align: center; font-size: 28px; width: 50px; height: 50px; border-radius: 16px; line-height: 50px; text-align: center; }
.contato-infos p a { text-decoration: none; }

.c-form { font-size: 0; margin: 0 auto; padding: 0 50px; }
.c-form label { display: inline-block; margin: 0 0 10px; padding: 10px; width: 33.333333%; text-align: left; }
.c-form label:nth-child(n+4),
.c-form label:nth-child(5) { width: 100%; }
.c-form label span { display: block; color: #fff; font: 400 12px/18px 'Rakesly W00', Arial, Helvetica, sans-serif; letter-spacing: 2px; padding: 5px; text-transform: uppercase; }
.c-form label .text { background: rgba(0,0,0,0.2); border: 2px solid rgba(0,0,0,0.3); border-radius: 6px; /*box-shadow: 0 7px 12px rgba(0,0,0,0.075);*/ margin: 0; padding: 15px; outline: none; color: #fff; font: 400 16px/20px 'Rakesly W00', Arial, Helvetica, sans-serif; letter-spacing: 1px; width: 100%; transition: all 0.5s ease; text-transform: none; outline: none; }
.c-form label .text:focus { background-color: rgba(0,0,0,0.35); }
.c-form label .text::placeholder { color: #fff; }
.c-form label select { height: 54px; padding: 10px; }
.c-form label textarea { height: 120px; }
.c-form div .btnEnviar { background: #f5821f; border: 0; border-radius: 16px; box-shadow: 0 7px 12px rgba(0,0,0,0.075); cursor: pointer; color: #fff; font: 500 20px 'Rakesly W00', Arial, Helvetica, sans-serif; letter-spacing: 2px; width: auto; margin: 10px 0; padding: 16px 38px; 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 #01b14c !important; background: #01b14c; }

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

.localizacao iframe { display: block; width: 100%; height: 500px; }

/* Clube */
.clube-formulario { font-size: 0; padding: 40px; }
.clube-formulario h1 { color: #01b14c; font: 800 32px/115% Arial, Helvetica, sans-serif; margin: 10px 0; padding: 0; }
.clube-formulario h2 { color: #f6821f; font: 500 24px/115% Arial, Helvetica, sans-serif; margin: 10px 0 24px; padding: 0; }
.clube-formulario h3 { color: #f46f0a; font: 500 24px/115% 'Rakesly W00', Arial, Helvetica, sans-serif; margin: 0 0 16px; padding: 0; }
.clube-formulario p { color: #666; font: 14px/140% Arial, Helvetica, sans-serif; margin: 0 0 15px; padding: 0; }
.clube-formulario label { display: inline-block; margin: 0 0 10px; padding: 0 5px; width: 100%; }
.clube-formulario label:nth-child(n+4) { width: 50%; }
.clube-formulario label:nth-child(9) { width: 100%; }
.clube-formulario label span { display: block; color: #666; font: 13px/18px Arial, Helvetica, sans-serif; padding: 5px; }
.clube-formulario label .text { border: 2px solid rgba(0,0,0,0.25); border-radius: 3px; box-shadow: 0 7px 12px rgba(0,0,0,0.025); background: #fff; margin: 0; padding: 12px 15px; outline: none; color: #555; font: 14px/20px Arial, Helvetica, sans-serif; width: 100%; transition: all 0.5s ease; text-transform: none; opacity: 0.85; }
.clube-formulario label .text:focus { border-color: #01b14c; color: #01b14c; }
.clube-formulario label select { height: 46px; padding: 10px; }
.clube-formulario label textarea { height: 120px; }
.clube-formulario div:not(.message) { text-align: center; padding: 10px 0 0; }
.clube-formulario div .btnEnviar { background: #f6821f; border: 0; border-radius: 50px; cursor: pointer; color: #fff; font: 500 20px 'Rakesly W00', Arial, Helvetica, sans-serif; letter-spacing: 1px; width: auto; padding: 16px 38px; }
.clube-formulario .divider { border-bottom: 1px dashed rgba(0,0,0,.1); margin: 5px 0 15px; }

/* Content */
body.interno { background: #fff; }
.title { background: #00b14b; background: -moz-linear-gradient(65deg, #00b14b 0%, #70be44 100%); background: -webkit-linear-gradient(65deg, #00b14b 0%, #70be44 100%); background: linear-gradient(65deg, #00b14b 0%, #70be44 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b14b', endColorstr='#70be44',GradientType=1 ); padding: 290px 0 100px; overflow: hidden; position: relative; }
.title .bg { background: url(/assets/images/folhas.svg) 30px center no-repeat; background-size: 300px auto; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.title img.detail { position: absolute; bottom: -2px; left: 0; width: 100%; transform: rotate(-180deg); }
.title h1 { color: #FFCB03; font: 400 88px/90% 'Mr Dafoe', Arial, Helvetica, sans-serif; letter-spacing: 0; margin: 0 0 30px; padding: 0; text-shadow: 3px 5px 8px rgba(0,0,0,0.05); text-align: center; }
.title h1:first-line { color: #fff; font: 400 38px/90% 'Rakesly W00', Arial, Helvetica, sans-serif; letter-spacing: 1px; }

.content { padding: 40px 0 60px; }
.content h1 { color: #00b14b; font: 800 44px/110% 'Rakesly W00', Arial, Helvetica, sans-serif; letter-spacing: -2px; margin: 0 0 25px; padding: 0; }
.content h2 { color: #00b14b; font: 800 38px/110% 'Rakesly W00', Arial, Helvetica, sans-serif; letter-spacing: 1px; margin: 0 0 25px; padding: 0; }
.content h3 { color: #70be43; font: 600 30px/40px 'Rakesly W00', Arial, Helvetica, sans-serif; letter-spacing: 1px; margin: 15px 0; padding: 0; }
.content h4 { color: #70be43; font: 500 24px/32px 'Rakesly W00', Arial, Helvetica, sans-serif; letter-spacing: 1px; margin: 15px 0; padding: 0; }
.content p { color: #454545; font: 14px/175% Arial, Helvetica, sans-serif; text-rendering: optimizelegibility; margin: 0 0 24px; }
.content ul,
.content ul li { color: #454545; font: 14px/150% Arial, Helvetica, sans-serif; text-rendering: optimizelegibility; font-feature-settings: "liga"; list-style: disc; margin: 0 0 30px; padding: 0; }
.content ul li { margin: 0 25px; padding: 3px 0; }
.content-text { margin: 0 auto; padding: 20px 0; max-width: 80%; }
.content a.btn { background: #6bca2b; color: #fff; border-radius: 50px; display: inline-block; font: 500 20px/26px 'Rakesly W00', Arial, Helvetica, sans-serif; margin: 10px 0; padding: 12px 38px; text-align: center; text-decoration: none; transition: all 0.5s ease; }

/* Footer */
footer.footer .contato-infos { border: 0; border-top: 1px solid rgba(0,0,0,0.1); }
footer.footer .contato-infos p { color: #666; font-size: 14px; letter-spacing: 1px; }
footer.footer .contato-infos p strong { font-weight: 400; }
footer.footer .contato-infos p i { font-size: 22px; vertical-align: middle; width: 42px; height: 42px; border-radius: 16px; line-height: 42px; text-align: center; }
footer.footer .contato-infos p a { text-decoration: none; }

/* Trabalhe Conosco */
.trabalhe-wrap { font-size: 0; }
.trabalhe-vagas,
.trabalhe-form { display: inline-block; width: 50%; vertical-align: top; }

.trabalhe-vagas { padding: 0 40px 0 0; }
.trabalhe-vagas ul { margin: 0; padding: 0; list-style: none; }
.trabalhe-vagas ul li { list-style: none; border: 1px solid rgba(0,0,0,0.1); border-radius: 6px; font: 400 13px/20px 'Rakesly W00', Arial, Helvetica, sans-serif; letter-spacing: 1px; margin: 5px; padding: 14px 20px; position: relative; }
.trabalhe-vagas ul li strong { display: block; font-size: 16px; }
.trabalhe-vagas ul li:before { content: ''; background: #70be43; border: 3px solid #fff; border-radius: 50%; height: 16px; width: 16px; position: absolute; top: 50%; left: 0; margin: -8px 0 0 -8px; }

.c-form.trabalhe-form label { display: block; width: 100%; margin: 0 0 10px; padding: 0; }
.c-form.trabalhe-form label span { color: #666; font-size: 11px; padding: 4px; }
.c-form.trabalhe-form label .text { background: #fff; border: 2px solid rgba(0,0,0,0.25); color: #666; font-size: 13px; padding: 10px; }
.c-form.trabalhe-form label .text::placeholder { color: #666; }

/* 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; border-radius: 6px !important; box-shadow: -8px 32px 50px rgba(0,0,0,0.35); }
.modal h2 { background: #00b14b; background: -moz-linear-gradient(65deg, #00b14b 0%, #70be44 100%); background: -webkit-linear-gradient(65deg, #00b14b 0%, #70be44 100%); background: linear-gradient(65deg, #00b14b 0%, #70be44 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b14b', endColorstr='#70be44',GradientType=1 ); border-bottom: 1px solid rgba(0,0,0,0.05); color: #fff; font: 500 32px/30px 'Rakesly W00', Arial, Helvetica, sans-serif; letter-spacing: 1px; margin: 0; padding: 30px 45px; position: relative; }
.modal .fancybox-close-small:after { background: none; border: 3px solid #fff; color: #fff; line-height: 24px; top: 30px; right: 25px; outline: none !important; }

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

/* Promoção */
.banner-promocao { display: block; border-radius: 16px; margin: 0 0 20px; position: relative; box-shadow: -8px 20px 32px rgba(0,0,0,0.2); overflow: hidden; }
.banner-promocao img { display: block; max-width: 100%; height: auto; }

.title-promocao { background: #109fdc; background: -moz-linear-gradient(65deg, #109fdc 0%, #4ab7e8 100%); background: -webkit-linear-gradient(65deg, #109fdc 0%, #4ab7e8 100%); background: linear-gradient(65deg, #109fdc 0%, #4ab7e8 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#109fdc', endColorstr='#4ab7e8',GradientType=1 ); padding: 240px 0 90px; overflow: hidden; position: relative; text-align: center; }
.title-promocao img.img-promocao { display: block; margin: 0 auto; max-height: 350px; max-width: 100%; }
.title-promocao h1,
.title-promocao h1:first-line { color: #fff; font: 400 32px/120% 'Rakesly W00', Arial, Helvetica, sans-serif !important; letter-spacing: 1px; margin: 0 0 16px; padding: 0; text-shadow: 3px 5px 8px rgba(0,0,0,0.05); text-align: center; }
.title-promocao p { color: #fff; font: 300 18px/130% 'Rakesly W00', Arial, Helvetica, sans-serif !important; letter-spacing: 1px; margin: 0 auto; padding: 0; text-shadow: 3px 5px 8px rgba(0,0,0,0.05); text-align: center; max-width: 600px; }
.title-promocao a.btnb { border: 2px solid #fff; border-radius: 50px; display: inline-block; color: #fff; font: 300 18px/130% 'Rakesly W00', Arial, Helvetica, sans-serif; margin: 24px 0; padding: 10px 24px; text-decoration: none; }

.title-promocao .modulo-item { margin: 24px auto; text-align: center; }
.title-promocao .modulo-item h1,
.title-promocao .modulo-item p { text-align: center; }
.title-promocao .modulo-item a.btn { display: block; margin: 0 auto; width: 220px; }

.promocao-wrap { font-size: 0; }
.promocao-descricao,
.promocao-form { display: block; padding: 0; max-width: 720px; margin: 0 auto; text-align: center; font-size: 0; }

.promocao-descricao { padding: 0 40px 0 0; }
.promocao-descricao ul { margin: 0; padding: 0; list-style: none; }
.promocao-descricao ul li { list-style: none; border: 1px solid rgba(0,0,0,0.1); border-radius: 6px; font: 400 15px 'Rakesly W00', Arial, Helvetica, sans-serif; letter-spacing: 1px; margin: 5px; padding: 14px 20px; position: relative; }
.promocao-descricao ul li:before { content: ''; background: #70be43; border: 3px solid #fff; border-radius: 50%; height: 16px; width: 16px; position: absolute; top: 50%; left: 0; margin: -8px 0 0 -8px; }

.c-form.promocao-form label { display: block; width: 100%; margin: 0 0 10px; padding: 0 5px; }
.c-form.promocao-form label.lado { display: inline-block; width: 50%; padding: 5px; vertical-align: top; }
.c-form.promocao-form label span { color: #666; font: bold 12px/16px Arial, Helvetica, sans-serif; letter-spacing: 0; padding: 4px; text-transform: none; }
.c-form.promocao-form label .text { background: #fff; border: 1px solid rgba(0,0,0,0.35); color: #454545; font: 13px/16px Arial, Helvetica, sans-serif; letter-spacing: 0; padding: 14px; text-transform: none; }
.c-form.promocao-form label .text::placeholder { color: #666; }


@media screen and (max-width: 1080px){
	header nav { padding: 14px 20px; }

	.pub ul li .wrap { padding: 320px 50px 0; }

	.img-qualibem { padding: 0; }
}

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

	/* Header */
    header { background: #fff; box-shadow: 0 0 25px rgba(0,0,0,0.25); position: fixed; padding: 10px 0; height: 70px; }
    header .nav-ico { cursor: pointer; float: right; display: block; border-top: 3px solid #70be43; width: 28px; height: 19px; margin: 16px 0 0; position: relative; transition: all 0.5s ease; }
    header .nav-ico:before { content: ''; display: block; background: #70be43; height: 3px; width: 100%; position: absolute; top: 5px; left: 0; transition: all 0.5s ease; }
    header .nav-ico:after { content: ''; display: block; background: #70be43; 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: #fff; position: absolute; transform: rotate(45deg); top: 10px; }
    header .close-ico span:after { content: ''; display: block; width: 100%; left: 0; height: 3px; background: #fff; position: absolute; transform: rotate(135deg); bottom: initial; top: 10px; }

    header .logotipo,
    header.fixed .logotipo { margin: 0; padding: 0; height: 90px; overflow: hidden; }
    header .logotipo img { height: 140px; }

    header nav,
    header.fixed nav { background: #00b14b; background: -moz-linear-gradient(65deg, #00b14b 0%, #70be44 100%); background: -webkit-linear-gradient(65deg, #00b14b 0%, #70be44 100%); background: linear-gradient(65deg, #00b14b 0%, #70be44 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b14b', endColorstr='#70be44',GradientType=1 ); box-shadow: 0 0 35px rgba(0,0,0,0.175); border-radius: 0 0 0 60px; display: block; position: fixed; top: 0; right: -410px; width: 320px; height: 100%; overflow: auto; margin: 0; padding: 25px 30px; transition: all 0.45s ease; text-align: right; z-index: 2000; }
    header nav.on { right: 0; }
    header nav a { color: #fff; display: block; line-height: 110%; margin: 5px 0; padding: 10px; text-decoration: none; text-transform: none; transition: all 0.45s ease; }
    header nav a:hover { color: #fff; }
    header nav a:hover:after { display: none; }

    header .header-itens { display: none; }
    header .header-itens a.btn-topo { width: 100%; }

    /* Home */
    .pub { margin: 0; height: auto; }
    .pub ul li .wrap { padding: 170px 40px 40px; text-align: center; }
    .pub .trifolhas { display: none; }

    .pub .pub-text,
	.pub .pub-image { flex: 1; flex-basis: 100%; padding: 25px; position: relative; }

	.cartao-clube { display: block; border-radius: 23px; box-shadow: -8px 20px 32px rgba(0,0,0,0.2); position: relative; top: initial; left: initial; transform: unset; margin: 0 auto; width: auto; max-width: 100%; }

	.mobile-whatsapp { display: block; height: 540px; border-radius: 23px; box-shadow: -8px 20px 32px rgba(0,0,0,0.2); border: 9px solid #222; position: relative; margin: -20px auto 0; }
	.mobile-whatsapp:before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 10px; background: red; }

	.modulos { height: auto; padding: 160px 0 80px; }
	.modulos .trifolhas { display: none; }
	.modulos .wrap-flex { flex-direction: row }
	.modulo-item { width: 100%; margin: 20px 0; }

    .section { padding: 85px 0; }
    .section .wrap-flex { flex-direction: row; }
    .section .flex-item { flex-basis: 100%; margin: 25px 0; padding: 0; }

    .super-qualibem { border-top: 1px solid rgba(0,0,0,0.05); }

    .section.unidades { padding: 85px 0; }
    .section.unidades .unidade-item { flex: 0 0 49%; }
    .section.unidades .unidade-item .localizacao-horario { background: #fff; border-radius: 0 0 16px 16px; padding: 15px; }

    .section.ofertas { margin: 0; padding: 85px 0; }
    .ofertas-list .oferta-item,
    .ofertas-list .oferta-item:nth-child(even) { flex-basis: 30%; margin: 5px; }

    .contato .bg { display: none; }
    .contato-infos p { font-size: 14px; margin: 0; padding: 10px; width: 50%; text-align: left; }
    .c-form { padding: 0; }
    .c-form label { float: none; margin: 0; padding: 3px; width: 100%; }

    /* Internas */
    .title { padding: 160px 0 50px; }
    .title .bg { background-position: -40% center; }
    .title h1 { font: 400 58px/90% 'Mr Dafoe', Arial, Helvetica, sans-serif; }
    .title h1:first-line { font: 400 28px/90% 'Rakesly W00', Arial, Helvetica, sans-serif; }

    .trabalhe-vagas,
    .trabalhe-form { width: 100%; margin: 0 0 30px; }
    .trabalhe-vagas { border-bottom: 1px solid rgba(0,0,0,0.05); padding: 0 0 30px; }

    /* Modal */
    .clube-formulario { padding: 24px; }
    .clube-formulario label,
    .clube-formulario label:nth-child(n+4) { width: 100%; }

    /* Sorteio */
    .c-form.promocao-form label,
	.c-form.promocao-form label.lado { display: block; width: 100%; padding: 5px; }

}

@media screen and (max-width: 600px){
	.wrap { padding: 0 25px; }

	.pub h1 { font: 400 58px/90% 'Mr Dafoe', Arial, Helvetica, sans-serif; }
	.pub h1:first-line { font: 400 28px/90% 'Rakesly W00', Arial, Helvetica, sans-serif; }
	.pub p { font-size: 17px; }
	.pub p br { display: none; }
	.pub a.btn { width: 100%; }

	.modulo-item img { height: 360px; width: 100%; }
	.modulo-item .modulo-text { padding: 30px; text-align: left; }
	.modulo-item p { margin: 0 0 15px; }

	.modulo-item:first-child { background-position: left center; }
	.modulo-item:first-child img { height: 320px; opacity: 0.75; }
	.modulo-item:first-child .modulo-text { padding: 32px !important; text-align: center; }
	.modulo-item:first-child h1:before { display: none; }

	.section h2 { font-size: 38px; }
	.section.unidades h2,
	.section.ofertas h2,
	.contato h2 { font-size: 58px; }

    .section.unidades .unidade-item { flex: 0 0 100%; }

	.contato h2:first-line { font: 400 28px/75% 'Rakesly W00', Arial, Helvetica, sans-serif; }
	.contato p br { display: none; }
	.contato-infos p { width: 100%; }

	.ofertas-list .oferta-item, .ofertas-list .oferta-item:nth-child(even) { width: 48%; flex-basis: 48%; margin: 5px 1%; }

	.wp-fixed { padding: 10px;  }
	.wp-fixed i { font-size: 28px; }
	.btn-scroll-to-top { bottom: 10px; right: 90px; }

	/* Clube */
	.clube-form label,
	.clube-form label:nth-child(n+4),
	.clube-form label:nth-child(9) { width: 100%; }
}

@media screen and (max-width: 450px){
	.pub ul li .wrap { padding: 150px 0 35px; }
	.title h1 { font: 400 48px/90% 'Mr Dafoe', Arial, Helvetica, sans-serif; }
    .title h1:first-line { font: 400 24px/90% 'Rakesly W00', Arial, Helvetica, sans-serif; }
}