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

div#index { display: block; position: relative; width: 100%; padding: 0; margin: -105px auto 0 auto; }

@media all and ( max-width: 1265px ) {
	div#index { margin: 0 auto; }
}

/* ================================================================================================================== */
/* slide */
/* ================================================================================================================== */

div#slide { display: block; position: relative; width: 100%; z-index: 1; }
div#slide {
	height: 100vh;
	height: -webkit-calc(100vh - 20px - 20px);
	height:    -moz-calc(100vh - 20px - 20px);
	height:         calc(100vh - 20px - 20px);
}
div#slide *
{
	transition-duration: 1000ms;
	-webkit-transition-duration: 1000ms;
	-moz-transition-duration: 1000ms;
}
	div#slide .bg { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--color1); z-index: 8; }
	div#slide[data-status="normal"] .bg { opacity: 0.3; }
	div#slide[data-status="scroll"] .bg { opacity: 0; }
	div#slide .logo { display: block; position: absolute; top: 50%; left: 50%; width: 534px; height: 310px; margin: -155px 0 0 -267px; background: transparent url(../images/logo_banner.png) no-repeat center center; background-size: contain; z-index: 9; }
	div#slide[data-status="normal"] .logo { opacity: 1; }
	div#slide[data-status="scroll"] .logo { opacity: 0; }
	div#slide .banner { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; font-size: 0; text-align: left; text-decoration: none; box-sizing: border-box; }
	div#slide .banner[data-status="true"] { opacity: 1; z-index: 2; }
	div#slide .banner[data-status="false"] { opacity: 0; z-index: 1; }
		div#slide .banner .text { display: inline-block; position: relative; width: auto; height: auto; text-align: left; vertical-align: bottom; }
			div#slide .banner .text h1 { display: inline-block; position: relative; color: #ffffff; background: transparent url(../images/banner_bg.png) repeat; }
	div#slide a.banner:hover .text h1 { background-color: #ffffff; }

@media all and ( max-width: 1265px )
{
	div#slide { height: 350px; }

		div#slide .banner div.text { height: auto; margin-bottom: 10px; }
			div#slide .banner div.text h1 { font-size: 22px; line-height: 25px; margin: 0 10px; }
		div#slide .banner a,
		div#slide .banner span { height: 200px; margin: 25px 0 0 0; }

	div#slide .logo { display: none; }

	div#slide div.icons { top: 100px; }
		div#slide div.icons span { margin: 0 5px; }
}

/* ================================================================================================================== */
/* estatisticas */
/* ================================================================================================================== */

div#index div.statistics { display: block; position: relative; text-align: center; padding: 25px; background-color: var(--color5); margin-top: 25px; }
	div#index div.statistics div.block { display: inline-block; position: relative; vertical-align: middle; margin: 0 25px; }
	div#index div.statistics div.block span.icon { display: inline-block; position: relative; width: 87px; height: 87px; vertical-align: middle; background: transparent no-repeat center center; background-size: contain; }
	div#index div.statistics div.block span.icon._1 { background-image: url(../images/statistics1.png); }
	div#index div.statistics div.block span.icon._2 { background-image: url(../images/statistics2.png); }
	div#index div.statistics div.block span.icon._3 { background-image: url(../images/statistics3.png); }
	div#index div.statistics div.block div.text { display: inline-block; position: relative; width: auto; height: auto; vertical-align: middle; margin-left: 15px; text-align: left; }
		div#index div.statistics div.block div.text h1 { display: block; position: relative; color: var(--color3); font-size: 1.5em; }
		div#index div.statistics div.block div.text h2 { display: block; position: relative; color: var(--color3); margin-top: 10px; }

@media all and ( max-width: 1000px )
{
	div#index div.statistics { padding: 10px; }
		div#index div.statistics div.block { display: inline-block; margin: 10px; white-space: nowrap; }
}

/* ================================================================================================================== */
/* textos */
/* ================================================================================================================== */

div#index p.welcome { color: var(--color4); margin: 25px 200px; }

@media all and ( max-width: 1265px ) {
	div#index p.welcome { margin: 25px 10px; }
}