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

div#company { display: block; position: relative; width: 100%; padding: 0; overflow: hidden; margin: 0 auto; font-size: 0; }
	div#company div.container { display: block; position: relative; width: 1200px; margin: 0 auto; font-size: 0; }

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

/* ------------------------------------------------------------------------------------------------------------------ */
/* titulos */

div#company h1 { display: block; position: relative; width: 100%; font-weight: bold; font-size: 30px; line-height: 35px; margin: 0; text-align: center; }
div#company h2 { display: block; position: relative; width: 100%; font-size: 18px; line-height: 25px; margin: 0 0 35px 0; text-align: center; }

/* ------------------------------------------------------------------------------------------------------------------ */
/* primeiros detalhes */

div#company div.details1 { display: block; position: relative; width: 100%; padding: 120px 0; font-size: 0; vertical-align: top; background: transparent url(../src/img/company_bg.jpg) no-repeat center center; background-size: cover; }
	div#company div.details1 div.photos { display: inline-block; position: relative; width: 600px; height: 350px; vertical-align: top; }
		div#company div.details1 div.photos a { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; vertical-align: top; }
		div#company div.details1 div.photos a:first-child { display: block; }
	div#company div.details1 p { display: inline-block; position: relative; width: 550px; margin: 0 0 0 50px; vertical-align: bottom; font-size: 16px; line-height: 22px; }

@media all and ( max-width: 1199px ) {
	div#company div.details1 { padding: 35px 0; }
		div#company div.details1 div.photos { width: 100%; height: 250px; }
		div#company div.details1 p { width: 100%; margin: 10px; }
}

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

div#company div.production { display: block; position: relative; width: 100%; padding: 135px 0; font-size: 0; text-align: center; }
	div#company div.production span.arrow { display: inline-block; position: relative; width: 100px; height: 5px; background-color: #cdcfd0; vertical-align: middle; }
	div#company div.production a.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; cursor: pointer; }
	div#company div.production a.icon
	{
		transition-property: none;
		-webkit-transition-property: none;
		-moz-transition-property: none;
	}
	div#company div.production a.icon[data-status="closed"] { background-position-y: 0; }
	div#company div.production a.icon[data-status="open"] { background-position-y: -72px; }
	div#company div.production a.icon._1 { background-position-x: 0; }
	div#company div.production a.icon._2 { background-position-x: -165px; }
	div#company div.production a.icon._3 { background-position-x: -330px; }
	div#company div.production a.icon._4 { background-position-x: -495px; }
		div#company div.production a.icon span { display: block; position: absolute; left: 50%; width: 0; height: 0; border: 10px solid transparent; border-bottom: 10px solid #eeeeef; margin: 0 0 0 -10px }
		div#company div.production a.icon[data-status="closed"] span { top: 142px }
		div#company div.production a.icon[data-status="open"] span { top: 132px }
		div#company div.production a.icon h1 { display: block; position: absolute; top: 72px; left: 0; text-align: center; font-weight: bold; font-size: 18px; line-height: 25px; padding: 20px 0 0 0; }
		div#company div.production a.icon[data-status="closed"] h1 { color: #cdcfd0; }
		div#company div.production a.icon[data-status="open"]:hover h1,
		div#company div.production a.icon:hover h1 { color: #292023; }

	div#company div.production div.text { position: relative; width: 100%; background-color: #eeeeef; padding: 30px 0; margin: 80px 0 0 0; }
	div#company div.production div.text[data-status="closed"] { display: none; }
	div#company div.production div.text[data-status="open"] { display: block; }
		div#company div.production div.text div.content { display: block; position: relative; width: 1000px; margin: 0 auto; font-size: 0; text-align: center; }
		div#company div.production div.text p { display: block; position: relative; font-size: 14px; line-height: 25px; text-align: left; width: 100%; margin: 0 auto; }

@media all and ( max-width: 1199px ) {
	div#company div.production { display: none; }
}

/* ------------------------------------------------------------------------------------------------------------------ */
/* primeiros detalhes */

div#company div.videos { display: block; position: relative; width: 1200px; margin: 0 auto; padding: 0 0 120px 0; font-size: 0; vertical-align: top; background-color: #ffffff; }
	div#company div.videos div.slide { position: relative; width: 100%; height: auto; vertical-align: top; }
	div#company div.videos div.slide[data-status="true"] { display: block; }
	div#company div.videos div.slide[data-status="false"] { display: none; }
		div#company div.videos div.slide iframe { display: inline-block; position: relative; width: 700px; height: 350px; vertical-align: top; }
		div#company div.videos div.slide div.text { display: inline-block; position: relative; width: 475px; vertical-align: bottom; margin: 0 0 0 25px; text-align: left; }
			div#company div.videos div.slide div.text h1 { display: block; position: relative; width: 100%; margin: 0; font-weight: bold; font-size: 30px; line-height: 35px; margin: 0; text-align: left; }
			div#company div.videos div.slide div.text p { display: inline-block; position: relative; margin: 25px 0 0 0; font-size: 16px; line-height: 22px; }
	div#company div.videos div.control { display: block; position: relative; width: 100%; margin: 15px 0 0 0; height: auto; vertical-align: top; font-size: 0; text-align: center; }
		div#company div.videos div.control span { display: inline-block; position: relative; width: 14px; height: 14px; margin: 0 3px; cursor: pointer; vertical-align: top; background: transparent url(../src/img/slide_icons.png) no-repeat; }
		div#company div.videos div.control span[data-status="true"] { background-position: 0 -14px; }
		div#company div.videos div.control span[data-status="false"] { background-position: 0 0; }

@media all and ( max-width: 1199px ) {
	div#company div.videos { display: none; }
}