/* ------------------------------------------------------------------------------------------------------------------ */
/* corpo */

div#index { display: block; position: relative; width: 100%; min-height: 100%; padding: 0 0 50px 0; margin: 0 auto; }
	div#index div.container { display: block; position: relative; width: 1200px; margin: 0 auto; height: auto; }

@media all and ( max-width: 1199px ) {
	div#index { padding: 0; }
		div#index div.container { width: auto; }
}

/* ------------------------------------------------------------------------------------------------------------------ */
/* empresa */

div#index div.company { display: block; position: relative; width: 100%; margin: 0; padding: 75px 0; font-size: 0; overflow: hidden; text-align: center; background: transparent url(../src/img/index_company_bg.jpg) no-repeat center center; backgronud-size: cover; }
	div#index div.company div.content { display: block; position: relative; width: 1200px; margin: 0 auto; font-size: 0; overflow: hidden; text-align: center; }
	div#index div.company h1 { display: block; position: relative; width: 100%; font-size: 28px; line-height: 35px; margin: 0 auto 0 auto; text-align: center; font-weight: bold; }
	div#index div.company p { display: block; position: relative; width: 100%; font-size: 16px; line-height: 25px; margin: 35px auto 0 auto; text-align: center; overflow: hidden; max-height: 125px; }
	div#index div.company a { display: inline-block; position: relative; border: 1px solid #231f20; font-size: 16px; line-height: 35px; padding: 0 35px; margin: 35px 0 0 0; text-decoration: none; }
	div#index div.company a:hover { background-color: #231f20; color: #ffffff; }

@media all and ( max-width: 1199px ) {
	div#index div.company div.content { width: auto; margin: 0 10px; }
}

/* ------------------------------------------------------------------------------------------------------------------ */
/* produtos */

div#index div.products { display: block; position: relative; width: 100%; margin: 0; font-size: 0; overflow: hidden; text-align: center; }
	div#index div.products a { display: inline-block; position: relative; margin: 0; cursor: pointer; width: 20%; height: 260px; text-decoration: none; }
		div#index div.products a div.hover { display: block; position: absolute; top: 30px; left: 10%; width: 70%; height: 160px; background-color: #231f20; padding: 20px 5%; text-align: center; overflow: hidden; opacity: 0; }
		div#index div.products a:hover div.hover { opacity: 1; }
			div#index div.products a div.hover h1 { display: block; position: relative; font-weight: bold; line-height: 20px; color: #ffffff; height: 60px; overflow: hidden; }
			div#index div.products a div.hover span { display: inline-block; position: relative; background-color: #ffffff; font-size: 16px; line-height: 35px; padding: 0 35px; margin: 45px 0 0 0; text-decoration: none; }

@media all and ( max-width: 1199px ) {
	div#index div.products a { width: 100%; max-width: 250px; margin: 10px; }
}


/* ------------------------------------------------------------------------------------------------------------------ */
/* producao */

div#index div.production { display: block; position: relative; width: 100%; padding: 135px 0; font-size: 0; background: transparent url(../src/img/index_production_bg.jpg) no-repeat center center; background-size: cover; }
	div#index div.production div.content { display: block; position: relative; width: 1200px; margin: 0 auto; font-size: 0; text-align: center; }
		div#index div.production div.content span.arrow { display: inline-block; position: relative; width: 100px; height: 5px; background-color: #231f20; vertical-align: middle; }
		div#index div.production div.content span.icon { display: inline-block; position: relative; width: 165px; height: 72px; background-size: contain; vertical-align: middle; background: transparent url(../src/img/production.png) no-repeat; }
		div#index div.production div.content span.icon._1 { background-position: 0 -72px; }
		div#index div.production div.content span.icon._2 { background-position: -165px -72px; }
		div#index div.production div.content span.icon._3 { background-position: -330px -72px; }
		div#index div.production div.content span.icon._4 { background-position: -495px -72px; }
		div#index div.production div.content div.col { display: inline-block; position: relative; width: 240px; vertical-align: top; margin: 30px 13px 0 13px; }
			div#index div.production div.content div.col h1 { display: block; position: relative; font-weight: bold; font-size: 30px; line-height: 35px; }
			div#index div.production div.content div.col p { display: block; position: relative; font-size: 14px; line-height: 20px; margin: 35px 0 0 0; max-height: 100px; overflow: hidden; }
			div#index div.production div.content div.col a { display: inline-block; position: relative; border: 1px solid #231f20; font-size: 16px; line-height: 35px; padding: 0 35px; margin: 20px 0 0 0; text-decoration: none; }
			div#index div.production div.content div.col a:hover { background-color: #231f20; color: #ffffff; }

@media all and ( max-width: 1199px ) {
	div#index div.production { padding: 35px 0; }
		div#index div.production div.content { width: auto; }
		div#index div.production div.content span.arrow { display: none; }
		div#index div.production div.content span.icon { display: none; }
		div#index div.production div.content div.col { margin: 10px 10px 35px 10px; }
			div#index div.production div.content div.col p { margin: 10px 0 0 0; }
}

/* ------------------------------------------------------------------------------------------------------------------ */
/* slogan */

div#index div.slogan { display: block; position: relative; width: 100%; margin: 150px 0 0 0; padding: 50px 0; height: 140px; background: transparent url(../src/img/index_slogan.jpg) no-repeat center center fixed; background-size: cover; }
	div#index div.slogan h1 { display: block; position: relative; width: 800px; font-size: 30px; line-height: 35px; color: #ffffff; margin: 0 auto 0 auto; text-align: center; font-weight: bold; overflow: hidden; }


/* ------------------------------------------------------------------------------------------------------------------ */
/* certificacoes */

div#index div.brands { display: block; position: relative; width: 100%; margin: 150px auto 150px auto; padding: 0; font-size: 0; text-align: center; }
	div#index div.brands h1 { display: block; position: relative; width: 100%; font-size: 30px; line-height: 35px; margin: 0 auto 25px auto; text-align: center; font-weight: bold; background-color: #ffffff; }
	div#index div.brands span,
	div#index div.brands a { display: inline-block; position: relative; width: 200px; height: 200px; margin: 0 25px; vertical-align: top; }
	div#index div.brands span:nth-child(4n),
	div#index div.brands a:nth-child(4n) { margin: 0 0 66px 0; }