@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: #f8f9fd; font-size: 16px; margin: 0; padding: 0; }
img { border: 0; }
.wrap { width: 100%; max-width: 1600px; margin: 0 auto; padding: 0 40px; 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: #181818; text-decoration: underline; }
a:hover { text-decoration: none; }

/* Alignment */
.text-left { text-align: left !important; }
.text-center { text-align: center !important; }
.text-right { text-align: right !important; }
.margin-auto { margin-right: auto; margin-left: auto; }

.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; border: 2px solid #282828; color: #282828; 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 { box-shadow: 0 5px 10px rgba(0,0,0,0.15); position: fixed;bottom: 20px; right: 70px; z-index: 9999; width: auto; border-radius: 50px; background: #25d366; vertical-align: middle; text-align: center; padding: 7.5px 15px; color: #fff;  font: 600 13px 'Roboto Condensed', Arial, Helvetica, sans-serif; text-decoration: none; }
.wp-fixed i { font-size: 26px; vertical-align: middle; margin: 0 5px 0 0; }

/* Structure */
header { background: none; border-bottom: 1px solid rgba(0,0,0,0.035); height: auto; margin: 0; padding: 25px 0; width: 100%; position: absolute; top: 0; left: 0; z-index: 3001; transition: all 0.35s ease; }
header .wrap { position: relative; }
header .logotipo { color: #fff; font: 700 32px/45px 'Roboto Condensed', Arial, Helvetica, sans-serif; letter-spacing: -0.5px; float: left; margin: 0 60px 0 0; padding: 0; text-decoration: none; }
header .logotipo img { display: block; max-width: 250px; max-height: 45px; }
header .favicon { display: none; float: left; }
header .favicon img { display: block; max-width: 45px; }
header nav { display: block; height: 100%; overflow: auto; margin: 0 0; padding: 0; text-align: left; }
header nav a { color: #fff; display: inline-block; font: 500 16px/45px 'Roboto Condensed', Arial, Helvetica, sans-serif; letter-spacing: 0; margin: 0 0 0 20px; padding: 0 15px; text-decoration: none; text-transform: none; transition: all 0.5s ease; }
header nav a:hover { color: #fff; }
header .nav-ico,
header .close-btn { display: none; }
header nav a.btn-demo { background: #000000; border: 0; border-radius: 50px; cursor: pointer; color: #fff; font: 500 16px/39px 'Roboto Condensed', Arial, Helvetica, sans-serif; height: 40px; width: auto; padding: 0 25px; position: absolute; top: 2.5px; right: 40px; }
header.fixed { position: fixed; background: #fff; border-bottom: 1px solid rgba(255,255,255,0.1); box-shadow: 0 0 105px rgba(0,0,0,0.15); padding: 20px 0; }
header.fixed .logotipo { background: url(/assets/images/SEM-IMAGEM-DEFINIR.png) center no-repeat; background-size: contain; }
header.fixed .logotipo img { visibility: hidden; }
header.fixed nav { margin: 0; }
header.fixed nav a:not(.btn-demo) { color: #282828; }

footer { background: #fff; font-size: 0; margin: 0; padding: 50px 0; position: relative; width: 100%; }
footer h4 { color: #000000; font: 500 18px/110% 'Roboto Condensed', Arial, Helvetica, sans-serif; margin: 0; padding: 0; }
footer h4 span { color: #f97a2f; }
footer h4:first-line { font-weight: 900; font-size: 42px; line-height: 110%; letter-spacing: -2px; }
footer h4:after { content: ''; height: 4px; width: 80px; border-radius: 30px; display: block; margin: 20px 0; background: #FDCB6E; }
footer h5 { color: #000000; font: 700 18px/110% 'Roboto Condensed', Arial, Helvetica, sans-serif;  margin: 0; padding: 0; text-transform: none; }
footer h5:first-line { font-weight: 500; }
footer h5:after { content: ''; height: 4px; width: 10px; border-radius: 30px; display: block; margin: 20px 0; background: #FDCB6E; }
footer p { color: #282828; font: 500 16px/170% 'Roboto Condensed', Arial, Helvetica, sans-serif; margin: 0; padding: 0; }
footer a { text-decoration: none; }

/* Home */
.pub { background: #FDCB6E; background: -moz-linear-gradient(65deg, #FDCB6E 0%, #CDDC39 100%); background: -webkit-linear-gradient(65deg, #FDCB6E 0%, #CDDC39 100%); background: linear-gradient(65deg, #FDCB6E 0%, #CDDC39 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FDCB6E', endColorstr='#CDDC39',GradientType=1 ); background-size: 100% 100%; height: 85%; min-height: 620px; max-height: 850px; margin: 0; padding: 0; position: relative; width: 100%; }
.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 { background: #324b68; background-position: center; background-repeat: no-repeat; mix-blend-mode: screen; filter: grayscale(100%) contrast(1); background-size: cover; position: relative; }
.pub ul li .wrap { position: relative; height: 100%; }
.pub ul li:after { content: ''; position: absolute; top: 0; left: 0; z-index: 1000; width: 100%; height: 100%; background: #96207c; mix-blend-mode: multiply; opacity: 0.85; }
.pub .text-wrap { position: absolute; z-index: 1200; bottom: 0; left: 0; padding: 0 0 150px; width: 100%; }
.pub .text-wrap h1 { color: #fff; font: 700 47px/105% 'Roboto Condensed', Arial, Helvetica, sans-serif; letter-spacing: -1px; margin: 0 0 50px; padding: 0; text-shadow: 0 8px 8px rgba(0,0,0,0.5); width: 50%; }
.pub .text-wrap h1:first-line { font-weight: 700; }
.pub .text-wrap a.btn { display: inline-block; border: 3px solid #fff; background: #fff; border-radius: 50px; color: #324b68; font: 600 22px 'Roboto Condensed', Arial, Helvetica, sans-serif; padding: 10px 25px 11px; text-decoration: none; }
.website-mockup { background: #fff url(https://www.tmpstore.com.br/uploads/imagens/telas/ps_.jpeg) center no-repeat; width: 50%; position: absolute; bottom: -25px; right: 20px; height: 70%; border-radius: 6px; box-shadow: -15px 10px 35px rgba(0,0,0,0.35); z-index: 1200; }
.website-mockup:before { content: ' • • • '; display: block; color: #fff; font-size: 20px; line-height: 32px; background: #324b68; border-radius: 6px 6px 0 0; height: 30px; padding: 0 10px; overflow: hidden; }

.dashboard { border-radius: 6px; box-shadow: 0 10px 25px 0 rgba(0,0,0,0.125); }
.dashboard img { display: block; width: 100%; height: auto; border-radius: 0 0 6px 6px; }
.dashboard:before { content: ' • • • '; display: block; color: #fff; font-size: 20px; line-height: 32px; background: #324b68; border-radius: 6px 6px 0 0; height: 30px; padding: 0 10px; overflow: hidden; }

.section { border-bottom: 1px solid rgba(0,0,0,0.025); padding: 40px 0; font-size: 0; position: relative; overflow: hidden; }
.section h2 { color: #000000; font: 200 32px/100% 'Roboto Condensed', Arial, Helvetica, sans-serif; letter-spacing: -0.5px; margin: 0; padding: 0; }
.section h2:after { content: ''; border-radius: 6px; display: block; height: 3px; margin: 25px 0; width: 80px; background: #FDCB6E; background: -moz-linear-gradient(65deg, #FDCB6E 0%, #cddc39 100%); background: -webkit-linear-gradient(65deg, #FDCB6E 0%, #cddc39 100%); background: linear-gradient(65deg, #FDCB6E 0%, #cddc39 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FDCB6E', endColorstr='#cddc39',GradientType=1 ); background-size: 100% 100%; }
.section h2.text-center:after { margin: 25px auto; }
.section h3 { color: #282828; font: 100 30px/40px 'Roboto Condensed', Arial, Helvetica, sans-serif; letter-spacing: 0; margin: 15px 0; padding: 0; }
.section h4 { color: #050505; font: 900 18px/22px 'Roboto Condensed', Arial, Helvetica, sans-serif; letter-spacing: 0; margin: 0 0 10px; padding: 0; }
.section p { color: #000000; font: 500 18px/28px 'Roboto Condensed', Arial, Helvetica, sans-serif; text-rendering: optimizelegibility; margin: 0 0 15px; }
.section ul { color: #666; font: 500 16px/20px 'Roboto Condensed', 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: #fff; border-radius: 50px; display: inline-block; font: 500 20px 'Roboto Condensed', 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; }
.section .w-50 { display: inline-block; vertical-align: middle; width: 50%; padding: 0 50px; position: relative; }
.section .w-50 img { display: block; width: 100%; height: auto; }

.funcionalidades .funcionalidades-slider { text-align: center; }
.funcionalidades h2 { color: #000000; font: 300 42px/100% 'Roboto Condensed', Arial, Helvetica, sans-serif; letter-spacing: -0.5px; text-transform: none; position: relative; }
.funcionalidades ul { list-style: none; margin: 0; padding: 0; }
.funcionalidades ul li { float: left; width: 20%; overflow: visible !important; }
.funcionalidade { background: #fff; border-radius: 16px; box-shadow: 0 10px 18px 0 rgba(0,0,0,.03); display: block; margin: 40px 15px; padding: 0; width: auto; vertical-align: top; transition: all 0.4s ease; position: relative; z-index: 1200;}
.funcionalidade:hover { box-shadow: 0 10px 25px 0 rgba(0,0,0,0.125); margin: 30px 15px 50px; z-index: 1200; }
.funcionalidade .image { background-color: #282828; background-position: center; background-repeat: no-repeat; background-size: cover; border-radius: 16px 16px 0 0; display: block; height: auto; transition: all 0.5s ease;}
.funcionalidade .image img { display: block; width: 100%; height: auto; }
.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: 600 20px/105% 'Roboto Condensed', Arial, Helvetica, sans-serif; margin: 0 0 10px; padding: 0; }
.funcionalidade .info p { color: #282828; font: 500 16px/135% 'Roboto Condensed', Arial, Helvetica, sans-serif; margin: 0; padding: 0; }
.funcionalidades .funcionalidades-slider .arrow { display: inline-block; border: 2px solid #324b68; border-radius: 3px; cursor: pointer; margin: 3px; width: 40px; height: 40px; }
.funcionalidades .funcionalidades-slider .arrow i { color: #324b68; display: block; text-align: center; font-size: 16px; line-height: 36px; }

.dashboard { border-radius: 6px; box-shadow: 0 10px 25px 0 rgba(0,0,0,0.125); }
.dashboard img { display: block; width: 100%; height: auto; border-radius: 0 0 6px 6px; }
.dashboard:before { content: ' • • • '; display: block; color: #fff; font-size: 20px; line-height: 32px; background: #324b68; border-radius: 6px 6px 0 0; height: 30px; padding: 0 10px; overflow: hidden; }

.planos { text-align: center; }
.planos-interno { padding: 0; }
.planos h2 { color: #000000; font: 300 42px/100% 'Roboto Condensed', Arial, Helvetica, sans-serif; letter-spacing: -0.5px; text-transform: none; position: relative; }
.planos ul { list-style: none; font-size: 0; margin: 0; padding: 0; }
.planos ul li { display: inline-block; width: 25%; overflow: visible !important; vertical-align: top; }
.plano { background: #fff; border-radius: 16px; box-shadow: 0 10px 18px 0 rgba(0,0,0,.03); display: block; margin: 0px 10px; padding: 0; width: auto; vertical-align: top; transition: all 0.4s ease; position: relative; z-index: 1200;}
.plano img { display: block; width: 100%; height: auto; margin: 15px; max-height: 100px; }
.plano .info { min-height: auto; padding: 50px 30px; text-align: center; position: relative; left: 0; bottom: 0; width: 100%; }
.plano .info h3 { color: #000000; font: 600 32px/105% 'Roboto Condensed', Arial, Helvetica, sans-serif; margin: 30px 0 0; padding: 0; }
.plano .info h4 { color: #282828; font: 600 24px/105% 'Roboto Condensed', Arial, Helvetica, sans-serif; margin: 0 0 20px; padding: 0; }
.plano .info p { color: #282828; font: 500 16px/135% 'Roboto Condensed', Arial, Helvetica, sans-serif; margin: 0; padding: 0; }
.plano .info ul { display: block; margin: 0; padding: 0; text-align: center; }
.plano .info ul li { display: block; float: none; width: 100%; color: #555; font: 500 17px/135% 'Roboto Condensed', Arial, Helvetica, sans-serif; margin: 10px 0; padding: 0; }
.plano .info ul li s { opacity: 0.5; }
.plano .info:after { content: ''; height: 4px; width: 50%; border-radius: 30px; position: absolute; bottom: -2px; left: 25%; background: #FDCB6E; background: -moz-linear-gradient(65deg, #FDCB6E 0%, #cddc39 100%); background: -webkit-linear-gradient(65deg, #FDCB6E 0%, #cddc39 100%); background: linear-gradient(65deg, #FDCB6E 0%, #cddc39 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FDCB6E', endColorstr='#cddc39',GradientType=1 ); background-size: 100% 100%; }
.plano .plano-action { display: block; background: #FDCB6E; border: 0; border-radius: 50px; cursor: pointer; color: #fff; font: 500 15px/44px 'Roboto Condensed', Arial, Helvetica, sans-serif; height: 44px; width: 70%; margin: 30px auto 0; padding: 0 25px; text-decoration: none; }

.cadastro { background: #000000; height: auto; margin: 50px 0 0; text-align: center; overflow: hidden; position: relative; }
.cadastro h2 { color: #fff; font: 300 42px/115% 'Roboto Condensed', Arial, Helvetica, sans-serif; letter-spacing: -1px; margin: 50px 0 30px; padding: 0; }
.cadastro h2:first-line { font-weight: 400; }
.cadastro img { position: absolute; right: 10%; top: 50%; height: 250%; transform: translate(0,-50%);  mix-blend-mode: overlay; opacity: 0.5; }
.cadastro .cadastro-form { background: none; border: 0; border-radius: 50px; height: 54px; margin: 30px auto 50px; position: relative; max-width: 500px; z-index: 2000; }
.cadastro .cadastro-form input[type="text"],
.cadastro .cadastro-form input[type="email"] { background: none; border: 0; font: 500 16px/56px 'Roboto Condensed', Arial, Helvetica, sans-serif; height: 54px; padding: 0 30px; width: 100%; outline: none; }
.cadastro .cadastro-form input[type="submit"] { background: #FDCB6E; border: 0; border-radius: 0 50px 50px 0; cursor: pointer; color: #fff; font: 800 16px/56px 'Roboto Condensed', Arial, Helvetica, sans-serif; height: 54px; width: auto; padding: 0 27.5px 0 25px; position: absolute; top: 0; right: -2px; }
.cadastro .cadastro-form a.btn-cadastro { display: inline-block; background: #FDCB6E; border: 0; border-radius: 50px; cursor: pointer; color: #fff; font: 800 16px/20px 'Roboto Condensed', Arial, Helvetica, sans-serif; height: 54px; width: auto; padding: 16px 38px; text-decoration: none; }

.depoimentos ul { list-style: none; margin: 0; padding: 0; }
.depoimentos ul li { float: left; width: 33.333333%; overflow: visible !important; }
.depoimento { background: #fff; border-radius: 16px; box-shadow: 0 10px 18px 0 rgba(0,0,0,.03); display: block; margin: 40px 15px; padding: 0; width: auto; vertical-align: top; transition: all 0.4s ease; position: relative; z-index: 1200;}
.depoimento .image { background-color: #282828; background-position: center; background-repeat: no-repeat; background-size: cover; border-radius: 16px 16px 0 0; display: block; height: auto; opacity: 0.85; filter: grayscale(50%); transition: all 0.5s ease;}
.depoimento .image img { display: block; width: 100%; height: auto; }
.depoimento .info { min-height: auto; padding: 25px 50px; text-align: center; position: relative; left: 0; bottom: 0; width: 100%; }
.depoimento .info h4 { color: #282828; font: 600 20px/105% 'Roboto Condensed', Arial, Helvetica, sans-serif; margin: 0 0 10px; padding: 0; }
.depoimento .info p { color: #282828; font: 500 16px/135% 'Roboto Condensed', Arial, Helvetica, sans-serif; margin: 0; padding: 0; }

.c-form { margin: 0 auto; padding: 30px 0 50px; max-width: 800px; }
.c-form label { display: block; margin: 0 0 20px; padding: 0 5px; width: 100%; }
.c-form label span { display: block; color: rgba(0,0,0,0.5); font: 600 13px/20px 'Roboto Condensed', Arial, Helvetica, sans-serif; padding: 5px; }
.c-form label .text { border: 2px solid #fff; border-radius: 2px; box-shadow: 0 7px 12px rgba(0,0,0,0.1); background: #fff; margin: 0; padding: 15px; outline: none; color: rgba(0,0,0,0.85); font: 500 15px/20px 'Roboto Condensed', Arial, Helvetica, sans-serif; width: 100%; transition: all 0.5s ease; text-transform: none; opacity: 0.85; }
.c-form label select { height: 54px; padding: 10px; }
.c-form label textarea { height: 120px; }
.c-form div:not(.message) { text-align: center; padding: 10px 0 0; }
.c-form div .btnEnviar { background: #324b68; border: 0; border-bottom: 2px solid rgba(0,0,0,0.15); border-radius: 50px; cursor: pointer; color: #fff; font: 600 18px/56px 'Roboto Condensed', Arial, Helvetica, sans-serif; letter-spacing: 1px; height: 56px; width: auto; padding: 0 45px; }

.infos { padding: 50px 0; text-align: left; font-size: 0; }
.infos .c-infos { display: inline-block; width: 24%; margin: 0 0.5%; padding: 0 20px; vertical-align: top; position: relative; }

/* Content */
.title { background: #FDCB6E; background: -moz-linear-gradient(65deg, #FDCB6E 0%, #cddc39 100%); background: -webkit-linear-gradient(65deg, #FDCB6E 0%, #cddc39 100%); background: linear-gradient(65deg, #FDCB6E 0%, #cddc39 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FDCB6E', endColorstr='#cddc39',GradientType=1 ); background-size: 100% 100%; height: auto; margin: 0; padding: 180px 0 100px; position: relative; width: 100%; overflow: hidden; }
.title img { position: absolute; right: 0%; top: 50%; height: 250%; transform: translate(0,-50%);  mix-blend-mode: multiply; opacity: 0.075; }
.title h1 { color: #fff; font: 500 52px/105% 'Roboto Condensed', Arial, Helvetica, sans-serif; letter-spacing: -1px; margin: 0; padding: 0; text-align: center; }
.title h1:after { content: ''; border-radius: 30px; height: 4px; width: 160px; display: block; margin: 17px auto; background: #324b68; }
.title h2 { color: #000000; font: 400 27px/105% 'Roboto Condensed', Arial, Helvetica, sans-serif; letter-spacing: 2px; margin: 0; padding: 0; text-align: center; }

.content { padding: 60px 0; }
.content .wrap { max-width: 1280px; }
.content h1 { color: #272a2d; font: 700 40px/100% 'Roboto Condensed', Arial, Helvetica, sans-serif; letter-spacing: 0; margin: 0 0 25px; padding: 0; }
.content h2 { color: #666; font: 400 28px/100% 'Roboto Condensed', Arial, Helvetica, sans-serif; letter-spacing: 0; margin: 25px 0; padding: 0; }
.content h3 { color: #444; font: 600 24px/40px 'Roboto Condensed', Arial, Helvetica, sans-serif; letter-spacing: 0; margin: 15px 0; padding: 0; }
.content h4 { color: #666; font: 600 18px/22px 'Roboto Condensed', Arial, Helvetica, sans-serif; letter-spacing: 0; margin: 15px 0; padding: 0; }
.content p { color: #555; font: 500 16px/165% 'Roboto Condensed', Arial, Helvetica, sans-serif; letter-spacing: 0; text-rendering: optimizelegibility; margin: 0 auto 24px; }
.content ul,
.content ol { color: #666; font: 500 16px/150% 'Roboto Condensed', Arial, Helvetica, sans-serif; text-rendering: optimizelegibility; font-feature-settings: "liga"; margin: 0 auto 24px; padding: 0 25px; }
.content ul li,
.content ol li { margin: 5px 0; padding: 0; }
.content-text { margin: 0 auto; padding: 20px 0; }

/* Empresa */
.img-empresa { float: right; max-width: 45%; margin: 0 0 30px 50px; position: relative; }
.img-empresa:after { content: ''; height: 4px; width: 50%; border-radius: 30px; position: absolute; bottom: 35px; right: -20px; background: #324b68; background: -moz-linear-gradient(65deg, #324b68 0%, rgb(195,0,100) 100%); background: -webkit-linear-gradient(65deg, #324b68 0%, rgb(195,0,100) 100%); background: linear-gradient(65deg, #324b68 0%, rgb(195,0,100) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#324b68', endColorstr='rgb(195,0,100)',GradientType=1 ); background-size: 100% 100%; }
.img-empresa img { display: block; width: 100%; height: auto; border-radius: 6px 6px 6px 60px; box-shadow: 0 25px 65px rgb(0,0,0,0.35); position: relative; }

/* Serviços */
.title-funcionalidades h1 { text-align: left; padding: 200px 0 150px; }
.title-funcionalidades h1:after { left: 0%; transform: translate(0,0); }
.img-funcionalidades { float: right; width: 550px; max-width: 55%; margin: -350px 0 140px 50px; position: relative; z-index: 1200; }
.img-funcionalidades:after { content: ''; height: 4px; width: 50%; border-radius: 30px; position: absolute; bottom: 35px; right: -20px; background: #324b68; background: -moz-linear-gradient(65deg, #324b68 0%, rgb(195,0,100) 100%); background: -webkit-linear-gradient(65deg, #324b68 0%, rgb(195,0,100) 100%); background: linear-gradient(65deg, #324b68 0%, rgb(195,0,100) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#324b68', endColorstr='rgb(195,0,100)',GradientType=1 ); background-size: 100% 100%; }
.img-funcionalidades img { display: block; width: 100%; height: auto; border-radius: 6px 6px 6px 60px; box-shadow: 0 25px 65px rgb(0,0,0,0.35); position: relative; }
.img-funcionalidades a { position: absolute; float: left; background: #282828; border: 2px solid #282828; color: #fff; border-radius: 50px; width: 100%; font: 800 15px 'Roboto Condensed', 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; }

.funcionalidades-images { border-top: 1px solid rgba(0,0,0,0.1); margin: 60px 0 0; padding: 60px 0 0; font-size: 0; }
.funcionalidades-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; }
.funcionalidades-images a img { border-radius: 3px; width: 100%; height: auto; }

/* Funcionalidades */
.funcionalidades-itens { font-size: 0; text-align: center; }
.funcionalidade-item { display: inline-block; margin: 20px 0.5%; width: 32.333333%; }
.funcionalidade-item img { display: block; margin: 0 auto 15px; max-width: 100%; max-height: 130px; }
.funcionalidade-item p { font-size: 16px; }

/* Contato */
.captchaFix { margin: 0 auto 20px; max-width: 302px; width: 100%; }

/* 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 'Roboto Condensed', 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; }

/* Components */
.fr { float: right; }
.fl { float: left; }

.show { display: block; }
.hide,
.hidden { display: none; }

.btn { border-radius: 50px; display: inline-block; font: 500 16px/40px 'Roboto Condensed', Arial, Helvetica, sans-serif; letter-spacing: 1px; margin: 2.5px; padding: 2px 28px 4px; text-decoration: none; text-transform: lowercase; }

.btn-primary { background: #FDCB6E; border: 2px solid #FDCB6E; color: #fff; }
.btn-primary:hover { color: #fff; }

.btn-default { background: #fafafa; border: 2px solid rgba(0,0,0,0.075); color: #484848; }
.btn-default:hover { color: #484848; }

label { color: rgba(0,0,0,0.65); display: block; font: 600 14px/20px 'Roboto Condensed', Arial, Helvetica, sans-serif; margin: 0 0 20px; padding: 0 5px; }
label span { display: block; padding: 5px 3px; }
label.lb-nm { margin: 0; }
label.display-inlineblock { display: inline-block; vertical-align: top; }

.lbl-1-2 { width: 50%; }
.lbl-1-3 { width: 33.333333%; }
.lbl-2-3 { width: 66.666666%; }
.lbl-1-4 { width: 25%; }
.lbl-3-4 { width: 75%; }

.fields { background: #fff; border: 2px solid #ccc; box-sizing: border-box; border-radius: 3px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.035); color: #333; display: block; font: 500 15px/16px 'Roboto Condensed', Arial, Helvetica, sans-serif; outline: none; }
.fields:focus { border: 2px solid #888; box-shadow: 0 0 8px rgba(0,0,0,0.1); }

.text { height: 58px; margin: 0; padding: 0 15px; width: 100%; max-width: 100%; }
.textarea { height: 120px; margin: 0; padding: 15px; width: 100%; max-width: 100%; }
.select { height: 58px; margin: 0; padding: 10px; width: 100%; max-width: 100%; }
.select-multiple { height: 120px; margin: 0; padding: 6px; width: 100%; max-width: 100%; }
.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 }
.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 #FDCB6E !important; background: #FDCB6E; }

.input-group { border-collapse: separate; display: table; position: relative; color: #888; font: 600 14px 'Roboto Condensed', Helvetica, Arial, sans-serif; margin: 0 0 15px; }
td .input-group { margin: 0; }
.input-group span:not(.validation-alert) { background: #f0f0f0; border: 2px solid #ccc; border-right: 0; border-radius: 3px 0 0 3px; padding: 10px; text-align: center; display: table-cell; vertical-align: middle; white-space: nowrap; width: 1%; }
.input-group .fields { display: table-cell; border-radius: 0 3px 3px 0; }
.ig-right span:not(.validation-alert) { border: 2px solid #ccc; border-left: 0; border-radius: 0 3px 3px 0; }
.ig-right .fields { border-radius: 3px 0 0 3px; }

.divider { border-bottom: 1px solid #eee; height: 0; margin: 20px 0; overflow: hidden; }

/* Modals */
.modal { max-width: 80%; min-width: 500px; }
.modal-dialog { border-radius: 3px; background: #fff; overflow: hidden; position: relative }
.modal-heading { background-color: #FDCB6E; border-bottom: 1px solid rgba(0,0,0,0.075); border-radius: 3px 3px 0 0; padding: 10px 25px; position: absolute; top: 0; left: 0; width: 100%; }
.modal-heading h5 { color: #fff; font: 500 18px/30px 'Roboto Condensed', Arial, Helvetica, sans-serif; margin: 0; padding: 15px 0; text-transform: lowercase; }
.modal-body { padding: 95px 25px 20px; }
.modal-body p { color: rgba(0,0,0,0.75); font: 500 15px/24px 'Roboto Condensed', Arial, Helvetica, sans-serif; margin: 5px; }
.close-btn { color: #fff; outline: none; }
.close-btn:hover { color: #fff; }

/* Modal */
.modal { display: none; max-width: 700px; padding: 45px !important; }
.modal h2 { color: #2f2f2f; font: 700 36px/38px 'Roboto Condensed', Arial, Helvetica, sans-serif; letter-spacing: 0; margin: 0 0 20px; padding: 0; }
.modal p { color: #2f2f2f; font: 400 18px/28px 'Roboto Condensed', 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: 5px; }
.modal label span { color: #666; display: block; font: 500 13px 'Roboto Condensed', Tahoma, Geneva, sans-serif; padding: 5px 8px; text-transform: 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 13px/30px 'Roboto Condensed', 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 div:not(.message) { text-align: center; padding: 25px; position: relative; }
.modal .c-form div .btnEnviar { cursor: pointer; border: 0; border-radius: 3px; background: #3ccbb5; margin: 0; height: auto; color: #fff; font: 700 16px 'Roboto Condensed', Arial, Helvetica, sans-serif; letter-spacing: 2px; width: auto; padding: 20px 40px; transition: all 0.5s ease; text-transform: uppercase; }
label.cv-field { display: none; }

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

/* Blog */
.blog-categorias { border-bottom: 1px solid rgba(0,0,0,0.05); font-size: 0; height: 28px; margin: 0 0 60px; position: relative; }
.blog-categorias a { display: inline-block; box-shadow: 0 5px 15px rgba(0,0,0,0.075); color: #324b68; font: 500 16px/26px 'Roboto Condensed', Arial, Helvetica, sans-serif; margin: 0 5px; padding: 10px 30px; text-decoration: none; background: #fff; border-radius: 50px; border: 5px solid #fafafa; }
.blog-categorias a:hover { color: #fff; background: #324b68; }

.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: 0 0.5% 20px; padding: 0; width: 32.333333%; 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; height: 140px; padding: 20px 30px; }
.blog-post-item .blog-post-info h3 { font: 500 18px/22px 'Roboto Condensed', 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: 500 14px/20px 'Roboto Condensed', Arial, Helvetica, sans-serif; margin: 0; padding: 0; text-align: ; }

.blog-post { max-width: 1140px; margin: 0 auto; padding: 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 ul,
.content .blog-post ol { max-width: 800px; margin-left: auto; margin-right: auto; }


@media screen and (max-width: 1280px){
    /* Header */
    header .logotipo { margin: 0 20px 0 0; }
    header nav a { font-size: 15px; margin: 0 0 0 5px; }

}

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

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

    /* Footer */
    .infos .c-infos:first-child { display: none; }
    .infos .c-infos { width: 32.333333%; }

    /* Planos */
        .planos ul li { width: 25%; }

}

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

    /* Header */
    header,
    header.fixed { background: #fff; border: 0; position: fixed; padding: 20px 0; }
    header .nav-ico { cursor: pointer; float: right; display: block; border-top: 3px solid #324b68; width: 35px; height: 23px; margin: 8.5px 0 0; position: relative; transition: all 0.5s ease; }
    header .nav-ico:before { content: ''; display: block; background: #324b68; height: 3px; width: 100%; position: absolute; top: 7px; left: 0; transition: all 0.5s ease; }
    header .nav-ico:after { content: ''; display: block; background: #324b68; height: 3px; width: 100%; position: absolute; bottom: 0; left: 0; transition: all 0.5s ease; }

    header .close-ico { display: block; text-align: right; padding: ; }
    header .close-ico span { cursor: pointer; display: inline-block; border-top: 0; width: 35px; height: 23px; 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: #324b68; position: absolute; transform: rotate(45deg); top: 10px; }
    header .close-ico span:after { content: ''; display: block; width: 100%; left: 0; height: 3px; background: #324b68; position: absolute; transform: rotate(135deg); bottom: initial; top: 10px; }

    header .logotipo { color: #324b68; }
    header nav { background: #fff; box-shadow: 0 0 50px rgba(0,0,0,0.15); position: fixed; top: 0; right: -360px; width: 360px; height: 100%; overflow: auto; margin: 0; padding: 25px 20px; transition: all 0.45s ease; text-align: center; z-index: 2000; }
    header nav.on { right: 0; }
    header nav a,
    header.fixed nav a:not(.btn-demo) { color: #484848; display: block; font: 600 18px/30px 'Roboto Condensed', Arial, Helvetica, sans-serif; letter-spacing: 0; margin: 5px 25px; padding: 10px; text-decoration: none; text-transform: none; transition: all 0.45s ease; }
    header nav a.btn-demo { background: #324b68; border: 0; border-radius: 50px; cursor: pointer; color: #fff; font: 500 16px/50px 'Roboto Condensed', Arial, Helvetica, sans-serif; height: auto; width: auto; margin: 30px 25px 0; padding: 0 25px; position: relative; top: initial; right: initial; }

    /* Footer */
    .infos { padding: 0; }
    .wp-fixed { bottom: 20px; right: initial; left: 20px; }

    /* Home */
        /* PUB */
        .pub { height: 75%; min-height: 620px; max-height: 750px; margin: 0 0 200px; }
        .pub .text-wrap { padding: 0 0 250px; width: 100%; text-align: center; }
        .pub .text-wrap h1 { font: 700 48px/105% 'Roboto Condensed', Arial, Helvetica, sans-serif; margin: 0 0 30px; width: 100%; }
        .pub .text-wrap a.btn { display: inline-block; border: 3px solid #fff; background: #fff; border-radius: 50px; color: #324b68; font: 600 22px 'Roboto Condensed', Arial, Helvetica, sans-serif; padding: 10px 25px 11px; text-decoration: none; }
        .website-mockup { width: 70%; bottom: -180px; right: 15%; height: 380px; }



    /* Content */
    .section { padding: 40px 0; }
    .section .w-50 { padding: 0 15px; }

    .funcionalidade,
    .plano { margin: 25px 10px; }

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

}

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

    /* General */

    /* Footer */
    footer { padding: 25px 0; }
    footer h5:after { margin: 20px auto; }
    .infos .c-infos { padding: 20px; width: 99%; text-align: center; }

    /* Home */
        /* PUB */
        .pub { height: 100%; min-height: 580px; max-height: 600px; }

    /* Content */
    .section {  }
    .section .w-50 { padding: 10px 25px; width: 100%; }

    .planos ul li { width: 100%; }
    .plano { margin: 5px 0; }

    .title { padding: 150px 0 75px; }
    .title h1 { font: 700 42px/105% 'Roboto Condensed', Arial, Helvetica, sans-serif; }
    .content { padding: 35px 0; }

    .lbl-1-3 { width: 45%; }

    /* Funcionalidades */
    .funcionalidade-item { width: 49%; }
}

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

    /* General */
    .wrap { padding: 0 20px; }

    /* Footer */
    .cadastro h2 { color: #fff; font: 700 28px/125% 'Roboto Condensed', Arial, Helvetica, sans-serif; margin: 30px 0 10px; }
    .cadastro h2 br { display: none; }
    .cadastro img { opacity: 0.25; }
    .cadastro .cadastro-form { margin: 25px auto 35px; position: relative; }
    .cadastro .cadastro-form input[type="text"],
    .cadastro .cadastro-form input[type="email"] { font: 500 14px/56px 'Roboto Condensed', Arial, Helvetica, sans-serif; padding: 0 20px; }
    .cadastro .cadastro-form input[type="submit"] { font: 500 14px/56px 'Roboto Condensed', Arial, Helvetica, sans-serif; padding: 0 20px 0 12.5px; }

    /* Home */
        /* PUB */
        .pub h1 { font: 700 42px/105% 'Roboto Condensed', Arial, Helvetica, sans-serif; margin: 0 0 40px; }
        .pub .btns-cta { width: 100%; padding: 0 30px 80px; }
        .pub .btns-cta .pub-form { margin: 0 auto 20px; }
        .pub .btns-cta ul li,
        .pub .btns-cta ol li { font: 500 14px/26px 'Roboto Condensed', Arial, Helvetica, sans-serif; margin: 0; padding: 0; }


        .disclaimer .disclaimer-bg { padding: 25px; }
        .disclaimer h2 { font: 300 36px/105% 'Roboto Condensed', Arial, Helvetica, sans-serif; }
        .disclaimer h2 br { display: none; }

    /* Blog */
    .blog-post { padding: 0; }
    .blog-post-item { width: 100%; margin: 15px 0; }
    .blog-mais .blog-post-item:nth-child(3) { display: inline-block; }

    .lbl-1-2,
    .lbl-1-3 { width: 100%; }

}

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

    /* Header */
    header { padding: 15px 0 12.5px; }

    /* Home */
        /* PUB */
        .pub .text-wrap { padding: 0 0 235px; }
        .pub .text-wrap h1 { font: 700 38px/105% 'Roboto Condensed', Arial, Helvetica, sans-serif; margin: 0 0 30px; width: 100%; }
        .pub .text-wrap a.btn { display: inline-block; border: 3px solid #fff; background: #fff; border-radius: 50px; color: #324b68; font: 600 22px 'Roboto Condensed', Arial, Helvetica, sans-serif; padding: 10px 25px 11px; text-decoration: none; }
        .website-mockup { width: 85%; bottom: -180px; right: 7.5%; height: 380px; }

    /* Content */
    .section {  }
    .section .w-50 { padding: 10px; width: 100%; }

    /* Blog */
    .blog-categorias { display: none; }

    /* Funcionalidades */
    .funcionalidade-item { margin: 20px 0; width: 100%; }
}