/*
	HTML5 Reset :: style.css
	----------------------------------------------------------
	We have learned much from/been inspired by/taken code where offered from:

	Eric Meyer					:: http://meyerweb.com
	HTML5 Doctor				:: http://html5doctor.com
	and the HTML5 Boilerplate	:: http://html5boilerplate.com

-------------------------------------------------------------------------------*/

/* Let's default this puppy out
-------------------------------------------------------------------------------*/

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font-weight: normal;
	vertical-align: baseline;
	background: transparent;
}

article, aside, figure, footer, header, nav, section, details, summary {display: block;}

/* Handle box-sizing while better addressing child elements:
   http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
html {
	box-sizing: border-box;
	line-height:1;
}

*,
*:before,
*:after {
	box-sizing: inherit;
}

/* consider resetting the default cursor: https://gist.github.com/murtaugh/5247154 */

/* Responsive images and other embedded objects */
/* if you don't have full control over `img` tags (if you have to overcome attributes), consider adding height: auto */
img,
object,
embed {max-width: 100%;}

/*
   Note: keeping IMG here will cause problems if you're using foreground images as sprites.
	In fact, it *will* cause problems with Google Maps' controls at small size.
	If this is the case for you, try uncommenting the following:

#map img {
		max-width: none;
}
*/

/* force a vertical scrollbar to prevent a jumpy page */
html {overflow-y: scroll;}

/* we use a lot of ULs that aren't bulleted.
	you'll have to restore the bullets within content,
	which is fine because they're probably customized anyway */
ul {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before,
blockquote:after,
q:before,
q:after {content: ''; content: none;}

a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; text-decoration:none;}

del {text-decoration: line-through;}

abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

/* tables still need cellspacing="0" in the markup */
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

input, select {vertical-align: middle;}

pre {
    white-space: pre; /* CSS2 */
    white-space: pre-wrap; /* CSS 2.1 */
    white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
    word-wrap: break-word; /* IE */
}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom;}
.ie7 input[type="checkbox"] {vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}

select, input, textarea {font: 99% sans-serif;}

table {font-size: inherit; font: 100%;}

small {font-size: 85%;}

strong {font-weight: bold;}

td, td img {vertical-align: top;}

/* Make sure sup and sub don't mess with your line-heights http://gist.github.com/413930 */
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}

/* hand cursor on clickable elements */
.clickable,
label,
input[type=button],
input[type=submit],
input[type=file],
button {cursor: pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE */
button,
input[type=button] {width: auto; overflow: visible;}

/* scale images in IE7 more attractively */
.ie7 img {-ms-interpolation-mode: bicubic;}

/* prevent BG image flicker upon hover
   (commented out as usage is rare, and the filter syntax messes with some pre-processors)
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}
*/

/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

@font-face {
  font-family: 'helvetica';
  src: url('../fonts/Helvetica.eot?#iefix') format('embedded-opentype'),
  	   url('../fonts/Helvetica.woff') format('woff'),
	   url('../fonts/Helvetica.ttf')  format('truetype'),
	   url('../fonts/Helvetica.svg#helvetica') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'helvetical';
  src: url('../fonts/Helvetica-Light.eot?#iefix') format('embedded-opentype'),
  	   url('../fonts/Helvetica-Light.woff') format('woff'),
	   url('../fonts/Helvetica-Light.ttf')  format('truetype'),
	   url('../fonts/Helvetica-Light.svg#helvetical') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'helveticab';
  src: url('../fonts/Helvetica-Bold.eot?#iefix') format('embedded-opentype'),
  	   url('../fonts/Helvetica-Bold.woff') format('woff'),
	   url('../fonts/Helvetica-Bold.ttf')  format('truetype'),
	   url('../fonts/Helvetica-Bold.svg#Helvetica-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}

* {
	outline:none;
}

a,
button {
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.cB {
	clear:both;
}

.inner {
	margin:0 auto;
	position:relative;
	width:1150px;
}

header {
	left:0;
	position:absolute;
	top:0;
	width:100%;
	z-index:9999;
}

header.fixed {
	background:rgba(0,0,0,0.8);
	position:fixed;
}

header .top-header {
	background:rgba(255,255,255,0.1);
	height:45px;
}

header .top-header ul {
	display:block;
	overflow:hidden;
}

header .top-header ul li {
	color:#fff;
	float:left;
	font-family:'helveticab';
	font-size:12px;
	height:45px;
	letter-spacing:2px;
	position:relative;
	text-align:center;
	width:34%;
}

header .top-header ul li:first-child,
header .top-header ul li:nth-child(2) {
	width:18%;
}

header .top-header ul li:last-child {
	width:27%;
}

header .top-header ul li:after {
	background:rgba(255,255,255,0.1);
	content:'';
	display:block;
	height:30px;
	margin-top:-15px;
	position:absolute;
	right:0;
	top:50%;
	width:1px;
}

header .top-header ul li:last-child:after {
	display:none;
}

header .top-header ul li a {
	color:#fff;
}

header .top-header ul li i {
	background-color:rgba(255,255,255,0.1);
	background-position:center center;
	background-repeat:no-repeat;
	border-radius:100%;
	display:inline-block;
	height:29px;
	margin:10px 10px -10px 0;
	width:29px;
}

header .top-header ul li i.ico-phone {
	background-image:url(../images/ico-phone.png);
}
header .top-header ul li i.ico-whats {
	background-image:url(../images/ico-whats.png);
}
header .top-header ul li i.ico-mail {
	background-image:url(../images/ico-mail.png);
}
header .top-header ul li i.ico-facebook {
	background-image:url(../images/ico-facebook.png);
}

header h1 {
	float:left;
	margin:43px 0 0;
}

header.fixed h1 {
	margin:25px 0;
}

header h1 a {
	background:url(../images/logo.png) no-repeat;
	display:block;
	height:38px;
	overflow:hidden;
	text-indent:-9999px;
	width:267px;
}

header.fixed h1 a {
	background:url(../images/logo-white.png) no-repeat;
	height:24px;
	width:168px;
}

header nav {
	float:right;
	margin:39px 0 0;
}

header.fixed nav {
	margin:15px 0 0;
}

header nav > ul {
	float:left;
}

header nav > ul > li {
	float:left;
	margin:0 28px 0 0;
	padding:10px 0 0;
	position:relative;
}

header nav > ul > li:last-child {
	margin:0;
}

header nav > ul > li > a {
	color:#fff;
	font-family:'helveticab';
	font-size:14px;
	position:relative;
	text-transform:uppercase;
	z-index:10;
}

header nav > ul > li:hover > a,
header nav > ul > li > a.active {
	color:#83c51d;
}

header nav > ul > li > a.open-sub:after {
	background:url(../images/arrow.png) no-repeat;
	content:'';
	display:inline-block;
	height:6px;
	margin:0 0 2px 5px;
	width:7px;
}

header nav .sub {
	background:rgba(255,255,255,0.1);
	border:1px solid rgba(131,197,29,0.1);
	display:none;
	left:-28px;
	overflow:hidden;
	padding:50px 0 0;
	position:absolute;
	top:0;
	width:150px;
}

header.fixed nav .sub {
	background:rgba(0,0,0,0.8);
}

header nav li:nth-child(2) .sub {
	left:-16px;
}

header nav li:hover .sub {
	display:block;
}

header nav .sub:before {
	background:rgba(131,197,29,0.1);
	content:'';
	display:block;
	height:1px;
	left:50%;
	margin:0 0 0 -55px;
	position:absolute;
	top:35px;
	width:110px;
}

header nav .sub li {
	margin:0 0 15px;
	text-align:center;
}

header nav .sub li a {
	color:#fff;
	font-family:'helveticab';
	font-size:12px;
}

header nav .sub li a:hover,
header nav .sub li a.active {
	color:#83c51d;
}

.video {
	width:100%;
}

.video .cv {
	overflow:hidden;
	position:relative;
}

.video video {
	position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    transform: translateX(-50%) translateY(-50%);
}

.video .mask {
	background:rgba(0,0,0,0.4);
	height:100%;
	left:0;
	position:absolute;
	text-align:center;
	top:0;
	width:100%;
	z-index:10;
}

.video .mask img {
	position:relative;
	top:63%;
	transform:translateY(-50%);
}

.video .nav-down {
	background:url(../images/down.png) no-repeat;
	bottom:10px;
	display:block;
	height:50px;
	left:50%;
	margin-left:-25px;
	overflow:hidden;
	position:absolute;
	text-indent:-9999px;
	width:50px;
	z-index:20;
	
	-moz-transition: none;
	-webkit-transition: none;
	-o-transition: none;
	transition: none;
}

.video .nav-down:hover {
	background-position:0 bottom;
}

.automatika {
	background:#000 url(../images/Imgs-decor/quem.png) no-repeat center top;
	
}

.automatika #quem-somos {
	padding:60px 0 605px;
	text-align:center;
}

.automatika #quem-somos h2 {
	border-bottom:1px solid #d2d2d2;
	border-top:1px solid #d2d2d2;
	color:#83c51d;
	font-family:'helveticab';
	font-size:20px;
	display:inline-block;
	letter-spacing:2px;
	margin:0 0 30px;
	padding:24px 0;
	text-transform:uppercase;
}

.automatika #quem-somos p {
	color:#141414;
	font-family:'helvetica';
	font-size:15px;
	letter-spacing:1px;
	line-height:20px;
	margin:0 0 22px;
	padding:0 220px;
}

.automatika #etapas {
	padding:0 0 90px;
	text-align:center;
}

.automatika #etapas h2 {
	border-bottom:1px solid #fff;
	border-top:1px solid #fff;
	color:#fff;
	font-family:'helveticab';
	font-size:20px;
	display:inline-block;
	letter-spacing:2px;
	margin:0 0 25px;
	padding:24px 0;
	text-transform:uppercase;
}

.automatika #etapas .slider-nav {
	border-bottom:1px solid rgba(210,210,210,0.2);
	margin:0 0 60px;
}

.automatika #etapas .slider-nav .item {
	color:#464943;
	cursor:pointer;
	font-family:'helveticab';
	font-size:16px;
	padding:0 0 20px;
	text-align:center;
	text-transform:uppercase;
}

.automatika #etapas .slider-nav .item.slick-current {
	border-bottom:6px solid #83c51d;
	color:#fff;
}

.automatika #etapas .slider-for .item {
	text-align:center;
}

.automatika #etapas .slider-for .item img {
	display:inline-block;
	margin:0 0 35px;
}

.automatika #etapas .slider-for .item h3 {
	color:#83c51d;
	font-family:'helvetical';
	font-size:40px;
	margin:0 0 20px;
	text-transform:uppercase;
}

.automatika #etapas .slider-for .item p {
	color:#fff;
	font-family:'helvetica';
	font-size:15px;
	letter-spacing:1px;
	line-height:20px;
	padding:0 220px;
}

.automatika #etapas .slider-for .slick-prev {
	background:url(../images/prev.png) no-repeat;
	border:none;
	display:block;
	height:50px;
	left:0;
	margin:-25px 0 0;
	opacity:0.5;
	overflow:hidden;
	position:absolute;
	text-indent:-9999px;
	top:50%;
	width:50px;
	z-index:10;
}

.automatika #etapas .slider-for .slick-prev:hover {
	opacity:1;
}

.automatika #etapas .slider-for .slick-next {
	background:url(../images/next.png) no-repeat;
	border:none;
	display:block;
	height:50px;
	margin:-25px 0 0;
	opacity:0.5;
	overflow:hidden;
	position:absolute;
	right:0;
	text-indent:-9999px;
	top:50%;
	width:50px;
	z-index:10;
}

.automatika #etapas .slider-for .slick-next:hover {
	opacity:1;
}

.automatika #etapas .slider-for .slick-disabled {
	display:none!important;
}

#parceiros {
	padding:100px 0 50px;
	text-align:center;
}

#parceiros h2 {
	border-bottom:1px solid #d2d2d2;
	border-top:1px solid #d2d2d2;
	color:#83c51d;
	font-family:'helveticab';
	font-size:20px;
	display:inline-block;
	margin:0 0 25px;
	padding:24px 0;
	text-transform:uppercase;
}

#parceiros p {
	color:#131313;
	font-family:'helvetica';
	font-size:15px;
	line-height:20px;
	margin:0 0 22px;
	padding:0 220px;
}

#parceiros ul {
	display:block;
	overflow:hidden;
}

/*#parceiros ul li {
	float:left;
	margin:0 0 30px;
	width:25%;
}*/

#parceiros ul li {
	display:inline-block;
	margin:0 -3px 30px 0;
	width:25%;
}

#parceiros ul li:nth-child(3) {
	margin:0 0 30px;
}

.estilo {
	background-color:#191919;
	overflow:hidden;
	padding:60px 0 0;
	text-align:center;
}

.estilo h2 {
	border-bottom:1px solid #fff;
	border-top:1px solid #fff;
	color:#fff;
	font-family:'helveticab';
	font-size:20px;
	display:inline-block;
	margin:0 0 60px;
	padding:24px 0;
	text-transform:uppercase;
}

.estilo .half {
	background-color:#0a0a0a;
	float:left;
	width:50%;
}

.estilo .half h3 {
	border-top:1px solid #476814;
	color:#fff;
	font-family:'helveticab';
	font-size:18px;
	margin:35px 20px 20px;
}

.estilo .half h3 span {
	background:#0a0a0a;
	display:inline-block;
	padding:0 20px;
	position:relative;
	top:-10px;
}

.estilo .half .item {
	float:left;
	overflow:hidden;
	position:relative;
	width:100%;
}

.estilo .half .item a {
	display:block;
	overflow:hidden;
}

.estilo .half .item img {
	display:block;
}

.estilo .half .item .hover {
	background:rgba(79,118,17,0.7);
	bottom:0;
	height:0;
	left:0;
	overflow:hidden;
	padding:0 0 0 1.5em;
	position:absolute;
	text-align:left;
	width:100%;
	z-index:10;
	
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.estilo .half .item:hover .hover {
	height:100%;
}

.estilo .half .item .hover h4 {
	color:#fff;
	font-size:1.5vw;
	font-family:'helveticab';
	line-height:1.7vw;
	margin:4.0em 0 0;
	padding:0 0 15px;
	position:relative;
}

.estilo .half .item .hover.tl h4 {
	margin:2.5em 0 0;
}

.estilo .half .item .hover h4:after {
	background:#FFF;
	bottom:0;
	content:'';
	display:block;
	height:1px;
	left:0;
	position:absolute;
	width:90px;
}

.estilo .half .item .hover span {
	border:1px solid #fff;
	color:#fff;
	display:inline-block;
	font-size:1vw;
	font-family:'helveticab';
	margin:15px 0 0;
	padding:0.7em 2em;
	text-transform:uppercase;
}

.projetos {
	background-color:#f8f8f8;
	border-bottom:1px solid #d2d2d2;
	overflow:hidden;
	padding:60px 0 0;
	text-align:center;
}

.projetos h2 {
	border-bottom:1px solid #d2d2d2;
	border-top:1px solid #d2d2d2;
	color:#83c51d;
	font-family:'helveticab';
	font-size:20px;
	display:inline-block;
	margin:0 0 25px;
	padding:24px 0;
	text-transform:uppercase;
}

.projetos p {
	color:#131313;
	font-family:'helvetica';
	font-size:15px;
	line-height:20px;
	margin:0 0 22px;
	padding:0 220px;
}

.projetos ul {
	display:block;
	overflow:hidden;
}

.projetos ul li {
	float:left;
	margin:0 0 50px;
	text-align:center;
	width:25%;
}

.projetos ul li a {
	display:block;
	overflow:hidden;
}

.projetos ul li a span {
	color:#5c5c5c;
	display:block;
	font-family:'helveticab';
	font-size:14px;
	text-transform:uppercase;
	
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.projetos ul li a:hover span {
	color:#83c51d;
}

#seu-projeto {
	overflow:hidden;
	padding:100px 0 8px;
	text-align:center;
}

#seu-projeto h2 {
	border-bottom:1px solid #d2d2d2;
	border-top:1px solid #d2d2d2;
	color:#83c51d;
	font-family:'helveticab';
	font-size:20px;
	display:inline-block;
	margin:0 0 25px;
	padding:24px 0;
	text-transform:uppercase;
}

#seu-projeto .send-project {
	height:296px;
	position:relative;
}

#seu-projeto .send-project .step {
	display:none;
	height:100%;
	left:0;
	position:absolute;
	top:0;
	width:100%;
}

#seu-projeto .send-project .step01 {
	display:block;
}

#seu-projeto .send-project .step p {
	color:#131313;
	font-size:15px;
	font-family:'helvetical';
	margin:0 0 25px;
	text-align:center;
}

#seu-projeto .send-project .step .init-buttons {
	display:block;
	margin:0 auto;
	overflow:hidden;
	width:227px;
}

#seu-projeto .send-project .step .init-buttons li {
	margin:0 0 20px;
}

#seu-projeto .send-project .step .init-buttons li a {
	border:1px solid #c1e28e;
	color:#5c5c5c;
	display:block;
	font-family:'helveticab';
	font-size:14px;
	height:49px;
	line-height:49px;
	overflow:hidden;
	text-align:center;
	text-transform:uppercase;
}

#seu-projeto .send-project .step .up {
	display:none;
	height:100%;
	left:0;
	position:absolute;
	top:0;
	width:100%;
}

#seu-projeto .send-project .step .up1 {
	display:block;
}

#seu-projeto .send-project .step .nav-file {
	border:1px solid #c1e28e;
	display:block;
	height:49px;
	margin:0 auto 30px;
	overflow:hidden;
	width:456px;
}

#seu-projeto .send-project .step .nav-file.erro {
	border-color:#F00;
}

#seu-projeto .send-project .step .nav-file span {
	color:#5c5c5c;
	float:left;
	height:47px;
	line-height:47px;
}

#seu-projeto .send-project .step .nav-file span.btn {
	border-right:1px solid #c1e28e;
	font-family:'helveticab';
	font-size:12px;
	text-transform:uppercase;
	width:219px;
}

#seu-projeto .send-project .step .nav-file.erro span.btn {
	border-color:#F00;
}

#seu-projeto .send-project .step .nav-file span.btn:before {
	background:url(../images/ico-send.png) no-repeat;
	content:'';
	display:inline-block;
	height:21px;
	margin:0 8px -5px 0;
	width:20px;
}

#seu-projeto .send-project .step .nav-file span.text {
	font-family:'helvetica';
	font-size:12px;
	width:235px;
}

#seu-projeto .send-project .step input[type="file"] {
	display:none;
}

#seu-projeto .send-project .step .nav-back {
	background-color:#83c51d;
	border:none;
	color:#fff;
	display:inline-block;
	font-family:'helveticab';
	font-size:14px;
	height:49px;
	line-height:49px;
	margin:0 20px 0 0;
	text-align:center;
	text-transform:uppercase;
	width:180px;
}

#seu-projeto .send-project .step .btn-form {
	background-color:#83c51d;
	border:none;
	color:#fff;
	display:inline-block;
	font-family:'helveticab';
	font-size:14px;
	height:49px;
	line-height:49px;
	text-align:center;
	text-transform:uppercase;
	width:180px;
}

#seu-projeto .send-project .step .form {
	display:block;
	margin:0 auto;
	overflow:hidden;
	width:866px;
}

#seu-projeto .send-project .step .form li {
	margin:0 0 19px;
}

#seu-projeto .send-project .step .form li.fL {
	float:left;
	margin:0 19px 19px 0;
	width:276px;
}

#seu-projeto .send-project .step .form li.nm {
	margin:0 0 19px;
}

#seu-projeto .send-project .step .form li label.error {
	display:none!important;
}

#seu-projeto .send-project .step .form li input[type="text"] {
	border:1px solid #c1e28e;
	color:#131313;
	font-family:'helvetica';
	font-size:12px;
	height:49px;
	padding:0 20px;
	width:100%;
}

#seu-projeto .send-project .step .form li input[type="text"].error {
	border-color:#F00;
}

#seu-projeto .send-project .step .form li textarea {
	border:1px solid #c1e28e;
	color:#131313;
	font-family:'helvetica';
	font-size:12px;
	height:110px;
	overflow:hidden;
	padding:20px;
	resize:none;
	width:100%;
}

#seu-projeto .send-project .step .form li textarea.error {
	border-color:#F00;
}

#seu-projeto .send-project .resposta {
	background-color:#fff;
	display:none;
	height:100%;
	left:0;
	position:absolute;
	top:0;
	width:100%;
}

#seu-projeto .send-project .resposta h3 {
	color:#5c5c5c;
	font-family:'helvetica';
	font-size:18px;
	margin:0 0 18px;
	text-transform:uppercase;	
}

#seu-projeto .send-project .resposta p {
	color:#131313;
	font-family:'helvetica';
	font-size:15px;
	margin:0 0 18px;
}

#seu-projeto .send-project .resposta .btn-form {
	background-color:#83c51d;
	border:none;
	color:#fff;
	display:inline-block;
	font-family:'helveticab';
	font-size:14px;
	height:49px;
	line-height:49px;
	text-align:center;
	text-transform:uppercase;
	width:180px;
}

.showroom {
	background:url(../images/bg-showroom.jpg) no-repeat center top;
	color:#fff;
	height:481px;
	padding:210px 0 0;
}

.showroom h1 {
	font-family:'helveticab';
	font-size:30px;
	margin:0 0 10px;
	text-transform:uppercase;
}

.showroom h2 {
	font-family:'helveticab';
	font-size:20px;
	margin:0 0 10px;
	text-transform:uppercase;
}

.showroom p {
	font-family:'helvetical';
	font-size:15px;
	line-height:20px;
}

footer {
	background-color:#191919;
	padding:40px 0;
	text-align:center;
}

footer ul {
	border-bottom:1px solid #292728;
	display:block;
	margin:0 0 48px;
	overflow:hidden;
	padding:0 0 40px;
}

footer ul li {
	color:#fff;
	float:left;
	font-family:'helveticab';
	font-size:12px;
	letter-spacing:2px;
	height:45px;
	position:relative;
	text-align:center;
	width:34%;
}

footer ul li:first-child,
footer ul li:nth-child(2) {
	width:18%;
}

footer ul li:last-child {
	width:25%;
}

footer ul li a {
	color:#fff;
}

footer ul li i {
	background-color:rgba(255,255,255,0.1);
	background-position:center center;
	background-repeat:no-repeat;
	border-radius:100%;
	display:inline-block;
	height:29px;
	margin:10px 10px -10px 0;
	width:29px;
}

footer ul li i.ico-phone {
	background-image:url(../images/ico-phone.png);
}
footer ul li i.ico-whats {
	background-image:url(../images/ico-whats.png);
}
footer ul li i.ico-mail {
	background-image:url(../images/ico-mail.png);
}
footer ul li i.ico-facebook {
	background-image:url(../images/ico-facebook.png);
}

.curtain {
	background:rgba(0,0,0,0.8);
	display:none;
	height:100%;
	left:0;
	position:fixed;
	text-align:center;
	top:0;
	width:100%;
	z-index:9998;
}

.curtain2 {
	background:rgba(0,0,0,0.8);
	display:none;
	height:100%;
	left:0;
	position:fixed;
	text-align:center;
	top:0;
	width:100%;
	z-index:9998;
}

.modal {
	background:#fff;
	display:none;
	left:0;
	overflow:hidden;
	position:absolute;
	top:20px;
	width:100%;
	z-index:9999;
}

.modal .nav-close {
	background:url(../images/nav-close.png) no-repeat;
	display:block;
	height:50px;
	overflow:hidden;
	position:absolute;
	right:30px;
	text-indent:-9999px;
	top:30px;
	width:50px;
	z-index:10;
	
	-moz-transition:none;
	-webkit-transition:none;
	-o-transition:none;
	transition:none;
}

.modal .nav-close:hover {
	background-position:0 bottom;
}

.modal .item {
	overflow:hidden;
	position:relative;
}

.modal .box-img {
	float:left;
	width:50%;
}

.modal.md-project .box-img {
	width:40%;
}

.modal .box-img img {
	display:block;
}

.modal .content {
	float:left;
	padding:100px 0 0 80px;
	position:relative;
	width:50%;
}

.modal.md-project .content {
	height:100%;
	padding:100px 0 0 40px;
	position:absolute;
	right:0;
	top:0;
	width:60%;
}

.modal .content h2 {
	border-bottom:1px solid #d2d2d2;
	color:#939598;
	font-family:'helveticab';
	font-size:18px;
	margin:0 0 35px;
	padding:0 0 15px;
}

.modal .content h3 {
	color:#83c51d;
	font-family:'helveticab';
	font-size:20px;
	margin:0 0 25px;
}

.modal .content .client {
	height:101px;
	padding:34px 0 0 80px;
	position:relative;
}

.modal .content .client img {
	left:0;
	position:absolute;
	top:0;
}

.modal .content .client h2 {
	border-bottom:none;
	color:#83c51d;
	font-size:14px;
	letter-spacing:2px;
	margin:0 0 15px;
	padding:0 0 0 50px;
}

.modal .content .client h3 {
	border-bottom:1px solid #d2d2d2;
	color:#58595b;
	font-size:12px;
	letter-spacing:2px;
	padding:0 0 15px 50px;
}

.modal .content h4 {
	color:#939598;
	font-family:'helveticab';
	font-size:20px;
	font-weight:normal;
	letter-spacing:2px;
	margin:30px 0 5px;
	text-align:center;
	width:600px;
}

.modal .content h5 {
	color:#5c5c5c;
	font-family:'helveticab';
	font-size:13px;
	font-weight:normal;
	letter-spacing:2px;
	margin:0 0 30px;
	text-align:center;
	width:600px;
}

.modal .content p {
	color:#131313;
	font-family:'helvetical';
	font-size:15px;
	line-height:20px;
	width:500px;
}

.modal.md-project .content p {
	background:#000;
	bottom:0;
	color:#fff;
	font-size:13px;
	line-height:16px;
	left:0;
	padding:25px 60px;
	position:absolute;
	width:100%;
}

.modal .content ul {
	display:block;
	overflow:hidden;
}

.modal .content ul li {
	float:left;
	margin:0 60px 0 0;
	text-align:center;
}

.modal .content ul li span {
	color:#131313;
	display:block;
	font-family:'helvetical';
	font-size:12px;
	line-height:14px;
	margin:15px 0 0;
}

.modal .slick-prev {
	background:url(../images/prev-modal.png) no-repeat;
	border:none;
	display:block;
	height:50px;
	overflow:hidden;
	position:absolute;
	right:830px;
	text-indent:-9999px;
	top:30px;
	width:50px;
	z-index:10;
	
	-moz-transition:none;
	-webkit-transition:none;
	-o-transition:none;
	transition:none;
}

.modal.md-project .slick-prev {
	right:1060px;
}

.modal .box-img .slick-prev {
	left:10px;
	margin-top:-25px;
	right:auto!important;
	top:50%!important;
}

.modal .slick-prev:hover {
	background-position:0 bottom;
}

.modal .slick-next {
	background:url(../images/next-modal.png) no-repeat;
	border:none;
	display:block;
	height:50px;
	overflow:hidden;
	position:absolute;
	right:770px;
	text-indent:-9999px;
	top:30px;
	width:50px;
	z-index:10;
	
	-moz-transition:none;
	-webkit-transition:none;
	-o-transition:none;
	transition:none;
}

.modal.md-project .slick-next {
	right:990px;
}

.modal .box-img .slick-next {
	margin-top:-25px;
	right:10px!important;
	top:50%!important;
}

.modal .slick-next:hover {
	background-position:0 bottom;
}

.logo-mobi {
	display:none;
}

.menu-mobi {
	display:none;
}

.open-menu {
	display:none;
}

.video .nav-down.ndm {
	display:none;
}

@media screen and (max-width: 1680px) {
	.modal .slick-prev {
		right:715px;
		top:15px;
	}
	
	.modal .slick-next {
		right:650px;
		top:15px;
	}
	
	.modal.md-project .content {
		padding:80px 0 0 40px;
	}
	
	.modal.md-project .slick-prev {
		right:915px;
		top:15px;
	}
	
	.modal.md-project .slick-next {
		right:840px;
		top:15px;
	}
	
	.modal .nav-close {
		top:15px;
	}
}

@media screen and (max-width: 1366px) {
	.modal .slick-prev {
		right:585px;
		top:10px;
	}
	
	.modal .slick-next {
		right:510px;
		top:10px;
	}
	
	.modal .content {
		padding:80px 0 0 40px;
	}
	
	.modal.md-project .content {
		padding:60px 0 0 40px;
	}
	
	.modal .content h4 {
		margin:10px 0 5px;
	}
	
	.modal .content h5 {
		margin:0 0 10px;
	}
	
	.modal .content ul li img {
		display:inline-block;
		width:50px;
	}
	
	.modal .content ul li span {
		margin:5px 0 0;
	}
	
	.modal.md-project .slick-prev {
		right:730px;
		top:10px;
	}
	
	.modal.md-project .slick-next {
		right:660px;
		top:10px;
	}
	
	.modal .nav-close {
		top:10px;
	}
	
	.modal .content p {
		padding:0 20px 0 0;
		width:auto;
	}
	
	.modal.md-project .content p {
		padding:15px 60px;
	}
}

@media screen and (max-width: 1280px) {
	.modal .slick-prev {
		background-size:100%;
		height:35px;
		right:568px;
		width:35px;
	}
	
	.modal .slick-next {
		background-size:100%;
		height:35px;
		right:520px;
		width:35px;
	}
	
	.modal .nav-close {
		background-size:100%;
		height:35px;
		width:35px;
	}
	
	.modal .content {
		padding:80px 0 0 40px;
	}
	
	.modal .content h3 {
		padding:0 20px 0 0;
	}
	
	.modal .content p {
		padding:0 20px 0 0;
		width:auto;
	}
	
	.modal.md-project .slick-prev {
		background-size:100%;
		height:35px;
		right:695px;
		width:35px;
	}
	
	.modal.md-project .slick-next {
		background-size:100%;
		height:35px;
		right:640px;
		width:35px;
	}
	
	.modal.md-project .nav-close {
		background-size:100%;
		height:35px;
		width:35px;
	}
	
	.modal .content .client {
		height:80px;
		padding:20px 0 0 70px;
	}
	
	.modal .content .client img {
		height:80px;
	}
	
	.modal .content .client h2 {
		margin:0 0 5px;
	}
	
	.modal.md-project .content p {
		padding:15px 30px;
	}
}

@media screen and (max-width: 1024px) {
	input, select, textarea {
		border-radius:0;
		-webkit-appearance:none;
	}
	
	header .top-header ul li {
		width:37%;
	}
	
	header .top-header ul li:first-child, header .top-header ul li:nth-child(2) {
		width:17%;
	}
	
	header .top-header ul li:last-child {
		width:29%;
	}
	
	footer ul li {
		width:35%;
	}
	
	footer ul li:last-child {
		width:29%;
	}
	
	.modal .nav-close {
		right:10px;
		top:10px;
	}
	
	.modal .content {
		padding:70px 0 0 20px;
	}
	
	.modal .slick-prev {
		right:455px;
		top:10px;
	}
	
	.modal .slick-next {
		right:400px;
		top:10px;
	}
	
	.modal .content h2 {
		margin:0 0 10px;
	}
	
	.modal .content h3 {
		margin:0 0 10px;
	}
	
	.modal .content p {
		font-size:13px;
		line-height:16px;
	}
	
	.modal.md-project .content {
		padding:50px 0 0 40px;
	}
	
	.modal .content .client {
		height:70px;
		padding:10px 0 0 60px;
	}
	
	.modal .content .client img {
		height:70px;
	}
	
	.modal .content h4 {
		font-size:16px;
		width:500px;
	}
	
	.modal .content h5 {
		width:500px;
	}
	
	.modal .content ul li {
		margin:0 50px 0 0;
	}
	
	.modal .content ul li img {
		width:30px;
	}
	
	.modal .content ul li span {
		font-size:11px;
		margin:0;
	}
	
	.modal.md-project .content p {
		font-size:11px;
		line-height:14px;
		padding:10px 20px;
	}
	
	.modal.md-project .slick-prev {
		right:540px;
	}
	
	.modal.md-project .slick-next {
		right:490px;
	}
	
	.inner {
		width:980px;
	}
	
	.video .mask {
		background:none;
	}
	
	.video .mask img {
		top:50%;
	}
	
	.automatika #quem-somos p {
		padding:0 150px;
	}
	
	.automatika #etapas .slider-for .item p {
		padding:0 150px;
	}
	
	.estilo .half .item .hover h4 {
		margin:2em 0 0;
	}
	
	.showroom {
		background-size:1640px;
		height:410px;
		padding:180px 0 0;
	}
	
	.video .cv {
		background:url(../images/bg-mobile.jpg) no-repeat;
		background-size:cover;
	}
	
	.video video {
		display:none;
	}
}

@media screen and (max-width: 800px) {
	.logo-mobi {
		display:block;
		left:10px;
		position:absolute;
		top:10px;
		width:30%;
		z-index:999;
	}
	
	.logo-mobi img {
		width:100%;
	}
	
	.open-menu {
		background:url(../images/open-menu.png) no-repeat;
		background-size:100%;
		display:block;
		height:39px;
		overflow:hidden;
		position:fixed;
		right:10px;
		text-indent:-9999px;
		top:10px;
		width:40px;
		z-index:9999;
	}
	
	.open-menu.open {
		background-position:0 bottom;
	}
	
	.menu-mobi {
		background-color:#83c51d;
		display:none;
		height:100%;
		padding:80px 0 0;
		position:fixed;
		right:0;
		top:0;
		width:50%;
		z-index:9998;
	}
	
	.menu-mobi ul {
		display:block;
	}
	
	.menu-mobi ul li {
		margin:0 0 20px;
		position:relative;
	}
	
	.menu-mobi ul li:last-child {
		margin:0;
	}
	
	.menu-mobi ul li a {
		color:#fff;
		display:block;
		font-family:'helvetical';
		font-size:15px;
		padding:0 0 0 20px;
		position:relative;
		text-transform:uppercase;
	}
	
	.menu-mobi ul li a.open-sub:before {
		background:url(../images/arrow-mobi.png) no-repeat;
		background-size:100%;
		content:'';
		display:block;
		left:10px;
		height:6px;
		margin:-3px 0 0;
		position:absolute;
		top:50%;
		width:5px;
	}
	
	.menu-mobi ul.sub {
		background-color:#75b21a;
		display:none;
		left:-100%;
		padding:20px 0;
		position:absolute;
		height:auto;
		top:0;
		width:100%;
	}
	
	.menu-mobi ul.sub li a {
		font-size:13px;
	}
	
	.inner {
		width:96%;
	}
	
	header {
		display:none!important;
	}
	
	.video .mask img {
		top: 50%;
		width: 60%;
	}
	
	.automatika {
		background-size:1280px;
	}
	
	.automatika #quem-somos {
		padding:30px 0 385px;
	}
	
	.automatika #quem-somos h2 {
		font-size:13px;
		padding:18px 0;
	}
	
	.automatika #quem-somos p {
		font-size:12px;
		line-height:16px;
		padding:0 20px;
	}
	
	.automatika #etapas {
		padding:0 0 30px;
	}
	
	.automatika #etapas h2 {
		font-size:13px;
		padding:18px 0;
	}
	
	.automatika #etapas .slider-nav .item {
		font-size:13px;
	}
	
	.automatika #etapas .slider-for .item img {
		margin:0 0 20px;
		width:60px;
	}
	
	.automatika #etapas .slider-for .item h3 {
		font-size:20px;
	}
	
	.automatika #etapas .slider-for .item p {
		font-size:12px;
		line-height:16px;
		padding:0 20px;
	}
	
	#parceiros {
		padding:30px 0;
	}
	
	#parceiros h2 {
		font-size:13px;
		padding:18px 0;
	}
	
	#parceiros p {
		font-size:12px;
		line-height:16px;
		padding:0 20px;
	}
	
	#parceiros ul li,
	#parceiros ul li:nth-child(3) {
		display: inline-block;
		float: none;
		margin: 0 -4px 0 0;
		padding: 0 20px;
		width: 33.3333%;
	}
	
	.estilo h2 {
		font-size:13px;
		padding:18px 0;
	}
	
	.projetos {
		padding:30px 0 0;
	}
	
	.projetos h2 {
		font-size:13px;
		padding:18px 0;
	}
	
	.projetos p {
		font-size:13px;
		line-height:16px;
		padding:0 20px;
	}
	
	#seu-projeto {
		padding:30px 0 8px;
	}
	
	#seu-projeto h2 {
		font-size:13px;
		padding:18px 0;
	}
	
	#seu-projeto .send-project {
		height:356px;
	}
	
	#seu-projeto .send-project .step .form {
		width:100%;
	}
	
	#seu-projeto .send-project .step .form li.fL {
		margin:0 0 19px;
		width:47%;
	}
	
	#seu-projeto .send-project .step .form li.fL:nth-child(2) {
		float:right;
	}
	
	#seu-projeto .send-project .step .form li.nm {
		clear:both;
		width:100%;
	}
	
	#seu-projeto .send-project .step p {
		font-size:12px;
	}
	
	#seu-projeto .send-project .resposta h3 {
		font-size:13px;
	}
	
	#seu-projeto .send-project .resposta p {
		font-size:12px;
		line-height:16px;
	}
	
	.showroom {
	  background-size: 1260px auto;
	  height: 315px;
	  padding: 120px 0 0;
	}
	
	footer ul li {
		width:100%!important;
	}
	
	.modal .box-img {
		width:100%;
	}
	
	.modal .content {
		padding:30px 20px;
		text-align:center;
		width:100%;
	}
	
	.modal .slick-prev {
	  bottom: 160px;
	  right: 70px;
	  top: auto;
	}
	
	.modal .slick-next {
	  bottom: 160px;
	  right: 20px;
	  top: auto;
	}
	
	.modal.md-project {
		background:none;
	}
	
	.modal.md-project .box-img {
		width:100%;
	}
	
	.modal.md-project .content {
		background:#fff;
		padding:30px 0 0;
		position:relative;
		right:auto;
		top:auto;
		width:100%;
	}
	
	.modal .content .client {
		margin:0 20px;
	}
	
	.modal .content .client h2 {
		padding:0 0 0 25px;
		text-align:left;
	}
	
	.modal.md-project .content h3 {
		padding:0 0 15px 25px;
		text-align:left;
	}
	
	.modal .content h4 {
		margin:10px 20px 5px;
		width:auto;
	}
	
	.modal .content h5 {
		margin:0 20px 30px;
		width:auto;
	}
	
	.modal .content ul {
		margin:0 20px 20px;
	}
	
	.modal .content ul li {
		margin:0;
		width:20%;
	}
	
	.modal.md-project .content p {
		position:relative;
	}
	
	.modal.md-project .slick-prev {
	  bottom: 240px;
	  right: 70px;
	  top: auto;
	}
	
	.modal.md-project .slick-next {
	  bottom: 240px;
	  right: 20px;
	  top: auto;
	}
	
	.video .nav-down.ndd {
		display:none;
	}
	
	.video .nav-down.ndm {
		display:block;
	}
}

@media screen and (max-width: 640px) {
	#parceiros ul li {
		width:50%;
	}
	
	.estilo .half {
		width:100%;
	}
	
	.estilo .half .item .hover h4 {
		font-size:13px;
		line-height:16px;
		margin:20px 0 0;
	}
	
	.estilo .half .item .hover span {
		font-size:10px;
		padding:6px 15px;
	}
	
	.projetos ul li {
		width:33.3333%;
	}
	
	.showroom h2 {
		font-size:13px;
	}
	
	.showroom p {
		font-size:12px;
	}
	
	.modal .slick-next {
		bottom:192px;
	}
	
	.modal .slick-prev {
		bottom:192px;
	}
}

@media screen and (max-width: 568px) {
	.automatika #etapas .slider-nav .item {
		font-size:11px;
	}
	
	.showroom {
		background-position:0 top;
		text-align:center;
	}
	
	.modal.md-project .slick-prev {
		bottom:255px;
	}
	
	.modal.md-project .slick-next {
		bottom:255px;
	}
}

@media screen and (max-width: 480px) {
	.automatika #etapas .slider-nav .item {
		font-size:10px;
	}
	
	.projetos ul li {
		width:50%;
	}
	
	.modal .slick-next {
		bottom:225px;
	}
	
	.modal .slick-prev {
		bottom:225px;
	}
	
	.modal.md-project .slick-prev {
		bottom:270px;
	}
	
	.modal.md-project .slick-next {
		bottom:270px;
	}
}

@media screen and (max-width: 414px) {
	.automatika #etapas .slider-nav .item {
		font-size:9px;
	}
	
	#seu-projeto .send-project .step .nav-file {
		width:100%;
	}
	
	#seu-projeto .send-project .step .nav-file span.btn {
		width:50%;
	}
	
	#seu-projeto .send-project .step .nav-file span.text {
		width:50%;
	}
	
	.modal .content {
		padding:50px 20px 30px;
	}
	
	.modal .slick-prev {
		bottom:292px;
	}
	
	.modal .slick-next {
		bottom:292px;
	}
	
	.modal.md-project .slick-prev {
		bottom:282px;
	}
	
	.modal.md-project .slick-next {
		bottom:282px;
	}
	
	#seu-projeto .send-project .step.step01 p {
		margin:0 0 90px;
	}
	
	#seu-projeto .send-project .step .nav-back {
		font-size:12px;
		width:120px;
	}
	
	#seu-projeto .send-project .step .btn-form {
		font-size:12px;
		width:120px;
	}
}

@media screen and (max-width: 375px) {
	.automatika #etapas .slider-nav .item {
		font-size:10px;
	}
	
	#parceiros ul li {
		width:50%;
	}
	
	.modal .content ul {
		text-align:center;
	}
	
	.modal .content ul li {
		display:inline-block;
		float:none;
		margin:0 -4px 10px 0;
		width:33.3333%;
	}
	
	.modal.md-project .content {
		padding:50px 0 0;
	}
	
	.modal.md-project .slick-prev {
		bottom:410px;
	}
	
	.modal.md-project .slick-next {
		bottom:410px;
	}
	
	.modal .slick-prev {
		bottom:325px;
	}
	
	.modal .slick-next {
		bottom:325px;
	}
	
	.automatika #etapas .slider-for .slick-next {
		top:30%;
	}
	
	.automatika #etapas .slider-for .slick-prev {
		top:30%;
	}
	
	.automatika #quem-somos h2 {
		font-size:12px;
		letter-spacing:0;
	}
	
	.automatika #quem-somos p {
		font-size:11px;
		letter-spacing:0;
		line-height:14px;
		margin:0 0 10px;
		padding:0;
	}
	
	.automatika #etapas .slider-for .item p {
		font-size: 11px;
		letter-spacing:0;
		line-height: 14px;
		padding: 0;
	}
	
	.estilo .half .item .hover h4 {
		font-size:10px;
	}
	
	.showroom p {
		font-size:11px;
	}
	
	footer ul li {
		font-size:11px;
		letter-spacing:1px;
	}
	
	.modal .content .client h2 {
		letter-spacing:0;
	}
	
	.modal .content .client h3 {
		letter-spacing:0;
	}
	
	.modal .content h4 {
		letter-spacing:0;
	}
	
	.modal .content h5 {
		letter-spacing:0;
	}
}

@media screen and (max-width: 320px) {
	.estilo .half .item .hover h4 {
		font-size:12px;
		margin:10px 0 0;
	}
	
	.projetos ul li a span {
		font-size:12px;
	}
	
	.modal .content h3 {
		font-size:16px;
	}
	
	.modal .slick-prev {
		bottom:330px;
	}
	
	.modal .slick-next {
		bottom:330px;
	}
	
	.modal.md-project .slick-prev {
		bottom:440px;
	}
	
	.modal.md-project .slick-next {
		bottom:440px;
	}
}