@charset "UTF-8";

#heavensdoor{
	position: fixed;
	z-index: 9999;
	top: 0;
	left: 0;
	width: 100%;
	height: 0;
	
	transform: scale(1.5);
	opacity: 0;
	transition: transform 1.5s cubic-bezier(0,.94,0,1) 0.0s, opacity 1.5s ease-out 0.0s;
}
	#heavensdoor div{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
	}
	#heavensdoor .animateContaier{
		overflow: hidden;
	}
		#heavensdoor .animateContaier div{
			transform: scale(1);
			opacity: 1;
		}
			#heavensdoor .animateContaier .attack1{
				background-image: url('../img/attack1.jpg');
				transition: transform 0.5s cubic-bezier(.03,.52,.44,.99) 2.0s, opacity 0.5s ease-out 2.0s;
			}
			#heavensdoor .animateContaier .attack2{
				background-image: url('../img/attack2.jpg');
				transition: transform 0.5s cubic-bezier(.03,.52,.44,.99) 2.5s, opacity 0.5s ease-out 2.5s;
			}
			#heavensdoor .animateContaier .attack3{
				background-image: url('../img/attack3.jpg');
				transition: transform 0.5s cubic-bezier(.03,.52,.44,.99) 3.0s, opacity 0.5s ease-out 3.0s;
			}
			#heavensdoor .animateContaier .attack4{
				background-image: url('../img/attack4.jpg');
				transition: transform 1.5s cubic-bezier(.03,.52,.44,.99) 3.5s, opacity 1.5s ease-out 3.5s;
			}
		
	#heavensdoor.show{
		transform: scale(1.0);
		opacity: 1;
		height: 100%;
	}
		#heavensdoor.show .animateContaier div{
			transform: scale(1.5);
			opacity: 0;
		}