/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
 html { line-height: 1.15; -webkit-text-size-adjust: 100%; }
body { margin: 0; font-family: Arial, Helvetica, sans-serif; }
main { display: block; }
h1 { font-size: 2em; margin: 0.67em 0; }
hr { box-sizing: content-box; height: 0; overflow: visible; }
pre { font-family: monospace, monospace; font-size: 1em; }
a { background-color: transparent; text-decoration: none; }
abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; }
b, strong { font-weight: bolder; }
code, kbd, samp { font-family: monospace, monospace; font-size: 1em; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sub { bottom: -0.25em; }
sup { top: -0.5em; }
img { border-style: none; max-width: 100%; }

button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; }
button, input { overflow: visible; }
button, select { text-transform: none; }
button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; }
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; }
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; }
fieldset { padding: 0.35em 0.75em 0.625em; }
legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; }
progress { vertical-align: baseline; }
textarea { overflow: auto; }
[type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0; }
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }
[type="search"] { -webkit-appearance: textfield; outline-offset: -2px; }
[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; }

details { display: block; }
summary { display: list-item; }
template { display: none; }
[hidden] { display: none; }

ol, ul { list-style: none; }
html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, a, em, img, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, article, footer, header, nav, section, main {
	margin: 0; padding: 0; border: 0; vertical-align: baseline;
}
h1, h2, h3, h4, h5, h6, p, a, ul { font-size: 1em; font-weight: normal; }
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.container { width: 1200px; margin: 0 auto; padding: 0px; position: relative; }
.container:after, .container:before { content: " "; display: table; }
.container:after { clear: both; }

.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12, .grid-13, .grid-14, .grid-15, .grid-16, .grid-1-3 {
	float: left; margin-left: 10px; margin-right: 10px;
}
.grid-1 {width: 55px;} .grid-2 {width: 130px;} .grid-3 {width: 205px;} .grid-4 {width: 280px;} .grid-5 {width: 355px;} .grid-6 {width: 430px;} .grid-7 {width: 505px;} .grid-8 {width: 580px;} .grid-9 {width: 655px;} .grid-10 {width: 730px;} .grid-11 {width: 805px;} .grid-12 {width: 880px;} .grid-13 {width: 955px;} .grid-14 {width: 1030px;} .grid-15 {width: 1105px;} .grid-16 {width: 1180px;} .grid-1-3 {width: 375px;}

@media only screen and (min-width: 828px) and (max-width: 1259px) {
	.container { width: 768px; }
	.grid-1 {width: 28px;} .grid-2 {width: 76px;} .grid-3 {width: 124px;} .grid-4 {width: 172px;} .grid-5 {width: 220px;} .grid-6 {width: 268px;} .grid-7 {width: 316px;} .grid-8 {width: 364px;} .grid-9 {width: 412px;} .grid-10 {width: 460px;} .grid-11 {width: 508px;} .grid-12 {width: 556px;} .grid-13 {width: 604px;} .grid-14 {width: 652px;} .grid-15 {width: 700px;} .grid-16 {width: 748px;} .grid-1-3 {width: 236px;}
}
@media only screen and (max-width: 827px) {
	.container { width: 300px; }
	.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12, .grid-13, .grid-14, .grid-15, .grid-16, .grid-1-3 {
		width: 300px; margin: 0 0 20px 0; float: none;
	}
}

p { font-size: 16px; line-height: 20px; font-family: Georgia, "Times New Roman", Times, serif; color: #32212e; }

.subtitulo { font-weight: bold; font-size: 36px; line-height: 30px; color: #32212e; text-align: center; text-transform: uppercase; padding: 60px 0; }
.subtitulo:after { content: ""; display: block; width: 80px; height: 4px; background: #32212e; margin: 15px auto; }

.header1 { top: 0; width: 100%; background: #00adef; padding: 5px 0; text-align: right; position: fixed; z-index: 1000; }
.header1 ul li { display: inline-block; }
.header1 ul li h1 { font-weight: bold; color: #fff; font-size: 12px; line-height: 5px; padding: 10px 0; }
.header1 ul li p { color: #fff; font-size: 12px; line-height: 5px; padding: 10px 0; font-family: Arial, Helvetica, sans-serif; }

.header { position: fixed; top: 35px; width: 100%; background: #fff; padding: 15px 0; box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.25); z-index: 1000; }
.header_menu { text-align: right; float: right; }
.header_menu ul li { display: inline-block; margin-left: 20px; margin-top: 10px; }
.header_menu ul li a { color: #32212e; font-weight: bold; text-transform: uppercase; letter-spacing: 0.1em; font-size: 14px; line-height: 20px; padding: 10px 0; }
.js .header_menu ul li a.active { color: #00adef; }
.header_menu ul li a:hover { color: #00adef; }

.introducao { width: 100%; background: url("img/bg2.jpg") no-repeat center; background-size: cover; height: 630px; text-align: right; padding-top: 340px; }
.introducao h2 { font-size: 24px; color: #32212e; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; letter-spacing: 0.1em; font-weight: bold; }
.introducao h1 { font-size: 48px; color: #32212e; font-weight: bold; text-transform: uppercase; max-width: 380px; margin-left: auto; }
.margem { border: 3px solid #32212e; padding: 45px; max-width: 480px; margin-left: auto; }

.icone1 { position: fixed; z-index: 1000; background: #00adef; width: 50px; height: 50px; bottom: 100px; right: 40px; border-radius: 25px; text-align: center; box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.25); }
.icone1 img { margin-top: 8px; }
.icone2 { position: fixed; z-index: 1000; background: #06D755; width: 50px; height: 50px; bottom: 40px; right: 40px; border-radius: 25px; text-align: center; box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.25); }
.icone2 img { margin-top: 7px; }

.servicos { padding: 0 0 60px 0; }
.servicos_lista { margin-top: -30px; }
.servicos_lista li { background: #eaeff3; padding: 20px; text-align: center; margin-top: 20px; width: 375px; height: 277px; box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.25); }
.servicos_lista li h3 { font-weight: bold; font-size: 18px; line-height: 25px; text-transform: uppercase; padding: 15px 0; color: #32212e; }
.servicos_lista li h3:after { content: ""; display: block; width: 40px; height: 2px; background: #32212e; margin: 10px auto 0 auto; }
.servicos_lista li p { padding: 0 15px; }
.linha h3 { margin: 12px 0; }

.sobre { width: 100%; background: #eaeff3; padding: 0 0 60px 0; }
.sobre h3 { font-weight: bold; font-size: 58px; line-height: 75px; text-transform: uppercase; margin-top: 100px; color: #32212e; }
.sobre p { font-size: 18px; line-height: 25px; margin-bottom: 15px; }

.portfolio { padding: 0px 0 40px 0; }
.portfolio_lista h3 { background-color: #fff; opacity: 80%; padding: 10px 0; font-size: 18px; line-height: 25px; text-transform: uppercase; text-align: center; position: relative; top: -40px; margin-bottom: -20px; color: #32212e; font-weight: bold; }

.separador { width: 100%; background: #00adef; padding: 40px; }
.separador h3 { color: #fff; font-size: 36px; font-weight: bold; line-height: 42px; text-align: center; }
.separador p { color: #fff; font-size: 24px; line-height: 28px; text-align: center; font-family: Arial, Helvetica, sans-serif; }

.clientes { padding: 0 0 60px 0; }
.clientes_lista { text-align: center; }
.clientes_lista li { display: inline-block; margin-left: 5px; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.25); }

.contato { width: 100%; background: #eaeff3; padding: 0 0 60px 0; }
.form { padding-right: 150px; }
.form label { display: block; font-size: 18px; font-weight: bold; color: #32212e; line-height: 25px; }
.form input { display: block; width: 100%; border: 1px solid #ccd5d9; background: none; margin-bottom: 15px; margin-top: 5px; padding: 7px 10px; outline: none; font-size: 14px; font-family: Georgia, "Times New Roman", Times, serif; }
.form textarea { display: block; width: 100%; height: 150px; border: 1px solid #ccd5d9; background: none; margin-bottom: 20px; margin-top: 5px; padding: 7px 10px; outline: none; font-size: 14px; font-family: Georgia, "Times New Roman", Times, serif; }
.form button { background: #00adef; border: none; padding: 15px 40px; text-transform: uppercase; color: #fff; font-weight: bold; margin-top: 5px; }

/* Estilo para o Dropdown (Select) */
.form select {
  display: block; width: 100%; border: 1px solid #ccd5d9; background: #fff; margin-bottom: 15px; margin-top: 5px; padding: 7px 10px; outline: none; font-size: 14px; font-family: Georgia, "Times New Roman", Times, serif; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2332212e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
  background-repeat: no-repeat; background-position: right 10px center; background-size: 16px;
}
.form select:focus { border-color: #00adef; }

.dados h3 { font-size: 18px; font-weight: bold; line-height: 25px; }
.dados p { font-size: 18px; line-height: 25px; }
.dados a img { padding: 15px 0; }
.dados_email { margin-top: 15px; }
.copy { padding: 30px 0; }
.logo_copy { margin: 15px 15px 0 0; text-align: right; }
.nao-aparece { visibility: hidden; position: absolute; height: 0; }
#form-sucesso { color: #31aa39; }
#form-erro { color: #f64540; }

.js [data-slide] { position: relative; }
.js [data-slide] > * { position: absolute; top: 0px; opacity: 0; }
.js [data-slide] > .active { position: relative; opacity: 1; transition: opacity 500ms; }
.js [data-slide-nav] { display: block; text-align: center; margin-top: 15px; }
.js [data-slide-nav] button { display: inline-block; width: 12px; height: 12px; margin: 4px; border: none; padding: 0; border-radius: 6px; text-indent: -99px; overflow: hidden; background: #ccd5d9; }
.js [data-slide-nav] button.active { background: #00adef; }
.js [data-anime] { opacity: 0; }
.js .FadeInDown { transform: translate3d(0, -20px, 0); }
.js .anime { opacity: 1; transform: none; transition: opacity 800ms, transform 800ms; }

@media only screen and (min-width: 828px) and (max-width: 1259px) {
  p { font-size: 12px; line-height: 18px; }
  .subtitulo { font-size: 32px; line-height: 32px; padding: 40px 0; }
  .introducao { height: 600px; background: url("img/bg.jpg") no-repeat center; padding-top: 340px; }
  .servicos { padding: 0 0 40px 0; }
  .servicos_lista { margin: -30px auto; }
  .servicos_lista li { padding: 15px; width: 236px; height: 265px; }
  .servicos_lista li h3 { font-size: 14px; line-height: 21px; padding: 10px 0; }
  .servicos_lista li img { width: 70px; height: 70px; }
  .linha h3 { margin: 13px 0; }
  .sobre p:first-child { margin-top: -20px; }
  .portfolio_lista { margin-top: -20px; }
  .portfolio_lista h3 { font-size: 10px; }
  .separador h3 { font-size: 24px; line-height: 36px; }
  .separador p { font-size: 18px; line-height: 27px; }
  .clientes_lista img { width: 180px; height: 180px; }
  .form { padding-right: 30px; }
}

@media only screen and (max-width: 827px) {
  p { font-size: 12px; line-height: 18px; }
  .subtitulo { font-size: 24px; padding: 0; }
  .subtitulo:after { width: 60px; height: 4px; margin: 5px auto; }
  .header1 { text-align: center; }
  .header1 ul li h1 { font-size: 11px; padding: 5px 0; }
  .header1 ul li p { font-size: 11px; padding: 5px 0; }
  .header { width: 100%; margin-top: 11px; }
  .mobile-btn { display: block; color: #32212e; width: 36px; height: 36px; border-top: 4px solid; margin: 15px 5px 0 0; float: right; position: relative; cursor: pointer; -webkit-backface-visibility: hidden; }
  .mobile-btn::after, .mobile-btn::before { content: ""; display: block; height: 4px; margin-top: 4px; background: currentColor; position: relative; transition: transforme 0.2s ease; }
  .mobile-btn.active { border-top-color: transparent; }
  .mobile-btn.active::after { margin-top: 0px; top: 2px; transform: rotate(45deg); }
  .mobile-btn.active::before { margin-top: 0px; top: 6px; transform: rotate(135deg); }
  .header_menu.mobile-menu { position: fixed; background: #fff; padding: 10px; opacity: 0; visibility: hidden; transform: translate3d(300px, 0, 0); transition: .3s; }
  .header_menu.mobile-menu.active { opacity: 1; visibility: visible; transform: translate3d(0, 0, 0); }
  .header_menu.mobile-menu li { display: block; text-align: center; width: 100%; border-top: 1px solid; padding-top: 10px; }
  .header_menu.mobile-menu li:last-child { border-bottom: 1px solid; padding-bottom: 10px; }
  .js .header_menu ul li a.active { color: none; }
  .introducao { height: 520px; background: url("img/bg.jpg") no-repeat center; padding-top: 360px; }
  .introducao h2 { font-size: 12px; }
  .introducao h1 { font-size: 24px; max-width: 200px; }
  .margem { padding: 25px; max-width: 250px; }
  .servicos { padding: 40px 0; }
  .servicos_lista { margin: 30px 0; }
  .servicos_lista li { padding: 15px; width: 300px; height: 249px; }
  .servicos_lista li h3 { font-size: 16px; line-height: 24px; padding: 10px 0; }
  .linha h3 { margin: 5px 0; }
  .sobre { padding: 40px 0; }
  .sobre h3 { font-size: 36px; line-height: 54px; margin-top: 40px; text-align: center; }
  .sobre p { font-size: 14px; line-height: 21px; text-align: center; }
  .portfolio { padding: 40px 0; }
  .portfolio_lista { margin-top: 40px; }
  .portfolio_lista h3 { font-size: 14px; }
  .clientes { padding: 40px 0; }
  .clientes_lista { margin-top: 40px; }
  .clientes_lista img { width: 120px; height: 120px; padding-top: 15px; }
  .contato { padding: 40px 0; }
  .form { margin-top: 30px; padding-right: 0; }
  .dados { margin-top: 40px; }
  .copy { padding: 15px 0 0 0; text-align: center; }
  .logo_copy { display: none; }
}