/* ######################################
				 INTRO
   ###################################### */

#background_intro{
	z-index : 50;
	position: fixed;
	top:0px;
	left:0px;
	width: 100%;
	min-width: 1000px;
	height: 100%;
	background-color:#000000; 
	min-height: 100%;
	
	opacity:0.5;
	transition: 
		opacity 1s ease;
}

::-webkit-scrollbar { 
    display: none; 
}

#intro{
	z-index : 200;
	position: fixed;
	top:0px;
	left:0px;
	width: 100%;
	min-width: 900px;
	height: 100%;

	transition: 
		opacity 1s ease;
}

.intro_text{

	z-index : 100;
	list-style: none;
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-200px);
	min-width: 900px;
	text-align:center;

	color: #FFFFFF;
	font-size:120px;

}


.intro_text li{
	text-align:center;
	display: block;
	float:left;
	padding-left:10px;
	
	text-shadow: 0px 0px 20px rgba(0,0,0,1);
	
	opacity: 1;
	transition: 
		transform 3s ease,
		opacity 5s ease;
		
}

.intro_text li:first-child{
	margin-right:-10px;
}

.intro_text.hidden li{
	opacity: 0;
}

.intro_text.hidden li:nth-child(1) { transform: translateX(+100px) translateY(-120px); }
.intro_text.hidden li:nth-child(2) { transform: translateX(+110px) translateY(-140px); }
.intro_text.hidden li:nth-child(3) { transform: translateX(+120px) translateY(-160px); }
.intro_text.hidden li:nth-child(4) { transform: translateX(+130px) translateY(-180px); }                                                         
.intro_text.hidden li:nth-child(6) { transform: translateX(+140px) translateY(-200px); }
.intro_text.hidden li:nth-child(7) { transform: translateX(+150px) translateY(-220px); }
.intro_text.hidden li:nth-child(8) { transform: translateX(+160px) translateY(-240px); }
.intro_text.hidden li:nth-child(9) { transform: translateX(+170px) translateY(-260px); }
.intro_text.hidden li:nth-child(10){ transform: translateX(+180px) translateY(-280px); }
.intro_text.hidden li:nth-child(11){ transform: translateX(+190px) translateY(-300px); }