/* general */
@keyframes fadeIn {
	0% {
		opacity:0;
	}
}
@keyframes scaleOut {
	0% {
		transform:scale(200%);
		tranform-origin:top left;
	}
}


/* Home - Logo Animation */
@keyframes home_logos_scale {
	0% {
		width:0px;
		height:0px;
	}
}
.logo_container {
	animation-name:home_logos_scale;
	animation-timing-function:ease;
	animation-fill-mode:both;
	animation-duration:2s;
	animation-delay:0s;
}
.home_container .logo_container .vp_logo, .home_container .logo_container .crossmedia_logo, .home_container .logo_container .etc_logo {
	animation-name:fadeIn, scaleOut;
	animation-timing-function:ease;
	animation-fill-mode:both;
	animation-duration:1s;
}
.home_container .logo_container .vp_logo {
	animation-delay:1s;
}
.home_container .logo_container .crossmedia_logo {
	animation-delay:1.2s;
}
.home_container .logo_container .etc_logo {
	animation-delay:1.4s;
}

/* Home Arrow */
@keyframes home_arrow {
	0% {
		bottom:20px;
	}
	100% {
		bottom:40px;
	}
}
.home_container .arrow {
	animation-name:home_arrow, fadeIn;
	animation-fill-mode:both;
	animation-duration:0.5s, 0.5s;
	animation-iteration-count:infinite, 1;
	animation-timing-function:ease;
	animation-direction:alternate, normal;
	animation-delay:0s, 2s;
}

/* About Play Button */
/*
@keyframes about_palybtn {
	0% {
		opacity:0;
		transform:translate(-1000px);
	}
	80% {
		opacity:1;
		transform:translate(30px);
	}
	90% {
		transform:translate(-15px);
	}
	100% {
		transform:translate(0);
	}
}
.about_container .play_btn_start {
	transform:translate(-250px);
	opacity:0;
	transition:transform 1s cubic-bezier(.71,0,.33,1.56) 0ms;
}
.about_container .play_btn_ani {
	transform:translate(0px) rotate(360deg);
	opacity:1;
}
*/