/* transition ------------------------------------------------------------ */

.stage{
	-webkit-perspective: 50px;
	-moz-perspective: 50px;
	-ms-perspective: 50px;
	perspective: 50px;


	-webkit-transition-timing-function:ease-in;
	-moz-transition-timing-function:ease-in;
	-ms-transition-timing-function:ease-in;
	-o-transition-timing-function: ease-in;
	transition-timing-function:ease-in;

}
	.stage:nth-child(1){
		opacity: 1;
	}
	.stage0_on .stage:nth-child(1){
		opacity: 1;
	}
	.stage1_on .stage:nth-child(2){
		opacity: 1;
	}
	.stage2_on .stage:nth-child(3){
		opacity: 1;
	}


#container{

}
 #CD_tracklist {
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	transform-origin: 50% 50%;

	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-ms-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	transition-duration: 0.5s;

	-webkit-perspective: 10;
	-moz-perspective: 10;
	-ms-perspective: 10;
	perspective: 10;

	-webkit-transform: skew(1deg) translateZ(-100px) translateY(-50px);
	-moz-transform: skew(1deg) translateZ(-100px) translateY(-50px);
	-ms-transform: skew(1deg) translateZ(-100px) translateY(-50px);
	-o-transform: skew(1deg) translateZ(-100px) translateY(-50px);
	transform: skew(1deg) translateZ(-100px) translateY(-50px);
 }
 #CD_tracklist li{
	-webkit-transition-duration: 0.1s;
	-moz-transition-duration: 0.1s;
	-ms-transition-duration: 0.1s;
	-o-transition-duration: 0.1s;
	transition-duration: 0.1s;

	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}
	#CD_tracklist:hover li{
		opacity: 0.05;
		/*text-shadow: 0 0 10px #000;*/
	}
	#CD_tracklist li:hover{
		-webkit-transform: scale(1.5);
		-moz-transform: scale(1.5);
		-ms-transform: scale(1.5);
		-o-transform: scale(1.5);
		transform: scale(1.5);

		text-shadow: -20px 40px 0px rgba(245, 246, 247, 1.05);
		opacity: 1;
	}


/* animation ------------------------------------------------------------ */
.bind_profiles:hover{
	-webkit-animation-name: 'blink';
	-webkit-animation-duration : 0.1s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	
	-moz-animation-name: blink;
	-moz-animation-duration : 0.1s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: linear;
	
	-ms-animation-name: 'blink';
	-ms-animation-duration : 0.1s;
	-ms-animation-iteration-count: infinite;
	-ms-animation-timing-function: linear;

	-o-animation-name: 'blink';
	-o-animation-duration : 0.1s;
	-o-animation-iteration-count: infinite;
	-o-animation-timing-function: linear;

	animation-name: 'blink';
	animation-duration : 0.1s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}
/* animation ------------------------------------------------------------ */
a.blink{
	text-decoration: none;
}
a.blink:hover{
	-webkit-animation-name: 'blink';
	-webkit-animation-duration : 0.1s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	
	-moz-animation-name: blink;
	-moz-animation-duration : 0.1s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: linear;
	
	-ms-animation-name: 'blink';
	-ms-animation-duration : 0.1s;
	-ms-animation-iteration-count: infinite;
	-ms-animation-timing-function: linear;

	-o-animation-name: 'blink';
	-o-animation-duration : 0.1s;
	-o-animation-iteration-count: infinite;
	-o-animation-timing-function: linear;

	animation-name: 'blink';
	animation-duration : 0.1s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}
	@-webkit-keyframes 'blink' {
		0% 	{ background: rgb(245, 246, 247); color: rgb(0, 0, 0);  }
		49% { background: rgb(245, 246, 247); color: rgb(0, 0, 0);  }
		50% { background: rgb(0, 0, 0); color: rgb(245, 246, 247);  }
		99% { background: rgb(0, 0, 0); color: rgb(245, 246, 247);  }
	}
	@-moz-keyframes blink {
		0% 	{ background: rgb(245, 246, 247); color: rgb(0, 0, 0);  }
		49% { background: rgb(245, 246, 247); color: rgb(0, 0, 0);  }
		50% { background: rgb(0, 0, 0); color: rgb(245, 246, 247);  }
		99% { background: rgb(0, 0, 0); color: rgb(245, 246, 247);  }
	}
	@-ms-keyframes 'blink' {
		0% 	{ background: rgb(245, 246, 247); color: rgb(0, 0, 0);  }
		49% { background: rgb(245, 246, 247); color: rgb(0, 0, 0);  }
		50% { background: rgb(0, 0, 0); color: rgb(245, 246, 247);  }
		99% { background: rgb(0, 0, 0); color: rgb(245, 246, 247);  }
	}
	@-o-keyframes 'blink' {
		0% 	{ background: rgb(245, 246, 247); color: rgb(0, 0, 0);  }
		49% { background: rgb(245, 246, 247); color: rgb(0, 0, 0);  }
		50% { background: rgb(0, 0, 0); color: rgb(245, 246, 247);  }
		99% { background: rgb(0, 0, 0); color: rgb(245, 246, 247);  }
	}
	@keyframes 'blink' {
		0% 	{ background: rgb(245, 246, 247); color: rgb(0, 0, 0);  }
		49% { background: rgb(245, 246, 247); color: rgb(0, 0, 0);  }
		50% { background: rgb(0, 0, 0); color: rgb(245, 246, 247);  }
		99% { background: rgb(0, 0, 0); color: rgb(245, 246, 247);  }
	}
/* animation ------------------------------------------------------------ */
.banner a:hover{
	-webkit-animation-name: 'blink_a';
	-webkit-animation-duration : 0.1s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;

	-moz-animation-name: blink_a;
	-moz-animation-duration : 0.1s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: linear;

	-ms-animation-name: 'blink_a';
	-ms-animation-duration : 0.1s;
	-ms-animation-iteration-count: infinite;
	-ms-animation-timing-function: linear;

	-o-animation-name: 'blink_a';
	-o-animation-duration : 0.1s;
	-o-animation-iteration-count: infinite;
	-o-animation-timing-function: linear;

	animation-name: 'blink_a';
	animation-duration : 0.1s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}
	@-webkit-keyframes 'blink_a' {
		0% 	{ opacity: 0;  }
		49% { opacity: 0;  }
		50% { opacity: 1;  }
		99% { opacity: 1;  }
	}

	@-moz-keyframes blink_a {
		0% 	{ opacity: 0;  }
		49% { opacity: 0;  }
		50% { opacity: 1;  }
		99% { opacity: 1;  }
	}

	@-ms-keyframes 'blink_a' {
		0% 	{ opacity: 0;  }
		49% { opacity: 0;  }
		50% { opacity: 1;  }
		99% { opacity: 1;  }
	}

	@-o-keyframes 'blink_a' {
		0% 	{ opacity: 0;  }
		49% { opacity: 0;  }
		50% { opacity: 1;  }
		99% { opacity: 1;  }
	}

	@keyframes 'blink_a' {
		0% 	{ opacity: 0;  }
		49% { opacity: 0;  }
		50% { opacity: 1;  }
		99% { opacity: 1;  }
	}

#stage_VINYL_tracklist .wrapper {
	height: 100%;
	width: 100%;
	position: absolute;
	background: rgba(255, 0 , 0, 0.5)
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	transform-origin: 50% 50%;

	-webkit-animation-name: 'guruguru';
	-webkit-animation-duration : 10.75s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;

	-moz-animation-name: guruguru;
	-moz-animation-duration : 10.75s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: linear;

	-ms-animation-name: 'guruguru';
	-ms-animation-duration : 10.75s;
	-ms-animation-iteration-count: infinite;
	-ms-animation-timing-function: linear;

	-o-animation-name: 'guruguru';
	-o-animation-duration : 10.75s;
	-o-animation-iteration-count: infinite;
	-o-animation-timing-function: linear;

	animation-name: 'guruguru';
	animation-duration : 10.75s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}
	@-webkit-keyframes 'guruguru' {
		0% 		{ -webkit-transform: rotate(0deg)  }
		100% 	{ -webkit-transform: rotate(360deg)  }
	}
	@-moz-keyframes guruguru {
		0% 		{ -moz-transform: rotate(0deg)  }
		100% 	{ -moz-transform: rotate(360deg)  }
	}
	@-ms-keyframes 'guruguru' {
		0% 		{ -ms-transform: rotate(0deg)  }
		100% 	{ -ms-transform: rotate(360deg)  }
	}
	@-o-keyframes 'guruguru' {
		0% 		{ -o-transform: rotate(0deg)  }
		100% 	{ -o-transform: rotate(360deg)  }
	}
	@keyframes 'guruguru' {
		0% 		{ transform: rotate(0deg)  }
		100% 	{ transform: rotate(360deg)  }
	}