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

div#services { display: block; position: relative; width: auto; padding: 150px 0 0 0; margin: 0 50px; }
	div#services div.content { display: inline-block; position: relative; width: 80%; padding: 50px 0; vertical-align: top; margin: 0 0 0 5%; }
	div#services div.details { display: block; position: relative; width: auto; margin: 0 75px; }
	div#services div.details.just_left { margin: 0 0 0 75px; }
		div#services div.details div.col { display: inline-block; position: relative; width: 50%; vertical-align: top; }
		div#services div.details div.col.front { z-index: 2; }
		div#services div.details div.col.back { z-index: 1; }
			div#services div.details div.col div.inner { padding: 75px 0; }

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

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

div#services h2 { font-size: 40px; line-height: 45px; margin: 0 0 25px 0; }

/* ================================================================================================================== */
/* foto fundo */
/* ================================================================================================================== */

div#services div.bg_photo { display: block; position: relative; width: 100%; height: 545px; }
	div#services div.bg_photo span { display: block; position: absolute; top: 0; right: 0; opacity: 0.2; width: 120%; height: 100%; background: transparent url(../images/services_bg.jpg) no-repeat center center; background-size: cover; }

/* ================================================================================================================== */
/* primeiro bloco */
/* ================================================================================================================== */

div#services div.first { display: block; position: relative; width: 100%; margin: 25px 0 0 0; }
	div#services div.first div.text { display: inline-block; position: relative; width: 45%; vertical-align: top; margin: 0; }
	div#services div.first div.photos { display: inline-block; position: relative; width: 50%; height: 250px; vertical-align: top; margin: 0 0 0 5%; }
		div#services div.first div.photos a { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
		div#services div.first div.photos a:first-child { display: block; }

/* ================================================================================================================== */
/* ultimo bloco */
/* ================================================================================================================== */

div#services div.last { display: block; position: relative; width: 100%; margin: 0; background-color: #f5f5f5; padding: 50px 0; }
	div#services div.last .inside { display: none; position: relative; width: 30%; margin: 0 1.5%; vertical-align: top; min-height: 175px; }
	div#services div.last .inside:nth-child(1) { display: inline-block; }
	div#services div.last .inside:nth-child(2) { display: inline-block; }
	div#services div.last .inside:nth-child(3) { display: inline-block; }

/* ================================================================================================================== */
/* blocos do meio */
/* ================================================================================================================== */

div#services div.middle { display: inline-block; position: relative; vertical-align: top; margin: 20px 0; width: 58%; background-color: #009de2; padding: 25px 25px 25px 75px; }
div#services div.middle:nth-child(2n) { margin: 20px 0 20px 2%; width: 40%; background-color: #ffffff; padding: 25px 0 25px 0; }
div#services div.middle:nth-child(2n) h2 { color: #404041; }
div#services div.middle:nth-child(2n) p { color: #404041; }
	div#services div.middle div.text { display: inline-block; position: relative; width: 45%; vertical-align: top; margin: 0; }
	div#services div.middle h2 { color: #ffffff; }
	div#services div.middle p { color: #ffffff; }
	div#services div.middle div.photos { display: inline-block; position: relative; width: 50%; height: 250px; vertical-align: top; margin: 0 0 0 5%; }
		div#services div.middle div.photos a { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
		div#services div.middle div.photos a:first-child { display: block; }

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

div#services div.slogan { display: block; position: relative; width: auto; margin: 20px 0; height: 580px; }
	div#services 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#services div.slogan h1 { display: block; position: absolute; top: 0; left: 40%; width: 50%; height: auto; margin: 20px 0; font-size: 40px; line-height: 45px; }