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

div#travels { display: block; position: relative; width: 100%; padding: 0 0 100px 0; margin: 0 auto; font-size: 0; }
	div#travels div.container { display: block; position: relative; width: 1200px; margin: 0 auto; padding: 0; font-size: 0; }
	div#travels div.container.small { width: 1000px; }
	div#travels div.container.extra_small { width: 700px; }

@media all and ( max-width: 1199px )
{
	div#travels { padding: 0 0 50px 0; }
		div#travels div.container,
		div#travels div.container.small,
		div#travels div.container.extra_small { width: auto; margin: 0 10px; }
}

/* ================================================================================================================== */
/* geral */
/* ================================================================================================================== */

div#travels div.general { display: block; position: relative; width: 100%; padding: 275px 0 100px 0; margin: 0 auto; font-size: 0; text-align: left; background: transparent url(../images/bg_travels.jpg) no-repeat bottom center fixed; background-size: cover; }
	div#travels div.general .col { display: inline-block; position: relative; vertical-align: top; margin: 0; padding: 0; }
	div#travels div.general .col.left { width: 450px; }
	div#travels div.general .col.right { color: #ffffff; width: 400px; margin: 120px 0 0 150px; }
	div#travels div.general h1 { color: #ffffff; font-size: 100px; line-height: 120px; }
	div#travels div.general h2 { color: #d0d3d3; font-size: 50px; line-height: 50px; margin: 0; }

@media all and ( max-width: 1199px )
{
	div#travels div.general { padding: 150px 0; }
		div#travels div.general .col,
		div#travels div.general .col.left,
		div#travels div.general .col.right { display: block; width: auto; margin: 0 10px; }
		div#travels div.general h1 { font-size: 35px; line-height: 45px; }
		div#travels div.general h2 { font-size: 28px; line-height: 35px; margin: 0 0 35px 0; }
}

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

div#travels div.items { margin: -50px auto 0 auto; }
div#travels a { display: inline-block; position: relative; width: 285px; height: auto; margin: 0 20px 20px 0; text-decoration: none; vertical-align: top; }
div#travels a:nth-child(4n) { margin-right: 0; }
	div#travels a span.photo { display: block; position: relative; width: 100%; height: 200px; }
	div#travels a div.text { display: block; position: relative; width: 100%; height: 240px; background-color: #010101; padding: 10px; box-sizing: border-box; }
	div#travels a div.text span { display: block; position: absolute; top: 50%; left: 50%; width: 0; height: 0; background-color: #eb2328; }
	div#travels a:hover div.text span { top: 0; left: 0; width: 100%; height: 100%; }
		div#travels a div.text div.border-text { display: block; position: relative; width: 100%; height: 100%; padding: 25px 10px; border: 1px solid #5e5f5f; box-sizing: border-box; }
			div#travels a div.text div.border-text div.inner-text { display: block; position: relative; width: 100%; height: 100%; overflow: hidden; text-align: center; }
		div#travels a div.text h1 { display: block; position: relative; text-align: center; font-size: 20px; line-height: 25px; color: #ffffff; }
		div#travels a div.text p { margin: 25px 0 0 0; line-height: 20px; color: #ffffff; }

div#travels a:hover *,
div#travels a:hover { transition-property: width, height, top, left, background-color; -webkit-transition-property: width, height, top, left, background-color; -moz-transition-property: width, height, top, left, background-color; transition-duration: 400ms; -webkit-transition-duration: 400ms; -moz-transition-duration: 400ms; }
div#travels a *,
div#travels a { transition-property: all; -webkit-transition-property: all; -moz-transition-property: all; transition-duration: 400ms; -webkit-transition-duration: 400ms; -moz-transition-duration: 400ms; }

@media all and ( max-width: 1199px )
{
	div#travels div.items { text-align: center; }
		div#travels a,
		div#travels a:nth-child(4n) { margin: 10px; }
}