/* ================================================================================================================== */
/* corpo */
/* ================================================================================================================== */

div#company { display: block; position: relative; width: auto; padding: 150px 0 0 0; margin: 0 50px; }
	div#company div.content { display: inline-block; position: relative; width: 80%; padding: 50px 0; vertical-align: top; margin: 0 0 0 5%; }
	div#company div.details { display: block; position: relative; width: auto; margin: 0 75px; }
	div#company div.details.middle { margin: 25px 75px; }
		div#company div.details div.col { display: inline-block; position: relative; width: 50%; vertical-align: top; }

@media all and (max-width: 1199px) {
	div#company div.red { padding: 25px 0; }
		div#company div.red div.container { width: auto; margin: 0 auto; text-align: center; }
}

/* ================================================================================================================== */
/* texto */
/* ================================================================================================================== */

div#company p.text { margin: 20px 0; }
div#company h2 { font-size: 30px; line-height: 35px; }
	div#company div.col h2 { width: 60%; }

/* ================================================================================================================== */
/* slogan */
/* ================================================================================================================== */

div#company div.video { display: block; position: relative; width: 70%; height: 320px; }
	div#company div.video iframe { display: block; position: relative; width: 100%; height: 100%; }

/* ================================================================================================================== */
/* slogan */
/* ================================================================================================================== */

div#company div.slogan { display: block; position: relative; width: auto; margin: 20px 0; height: 580px; }
	div#company div.slogan span.photo { display: block; position: absolute; top: 0; left: 0; width: 70%; height: 100%; background: transparent url(../images/office.jpg) no-repeat center center; background-size: cover; opacity: 0.5; }
	div#company div.slogan h1 { display: block; position: absolute; top: 0; left: 40%; width: 50%; height: auto; margin: 20px 0; font-size: 40px; line-height: 45px; }

/* ================================================================================================================== */
/* fotos */
/* ================================================================================================================== */

div#company div.photos { display: block; position: relative; width: auto; margin: 0 0 0 100px; height: 450px; }
	div#company div.photos a { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
	div#company div.photos a:first-child { display: block; }

/* ================================================================================================================== */
/* blocos */
/* ================================================================================================================== */

div#company div.block { display: inline-block; position: relative; width: 45%; background-color: #009de2; margin: 0 0 125px 0; }
div#company div.block:nth-child(2n) { margin: 0 0 125px 5%; top: 35px; }
	div#company div.block div.inside { display: block; position: relative; width: 100%; height: auto; background-color: #f5f5f5; padding: 35px; }
	div#company div.block div.inside { top: 20px; left: -35px; }
	div#company div.block:nth-child(2n) div.inside { top: 15px; left: -55px; }
	div#company div.block:nth-child(3n) div.inside { top: -25px; left: 100px; width: 80%; }