body {
	width: 300px;
	height: 250px;
	overflow: hidden;
	cursor: pointer;
}

.container {
	position: absolute;
	width: 300px;
	height: 250px;
	z-index: 20;
	background: #000;
}

a {
	color: inherit;
	text-decoration: inherit;
}

.one, .two, .three, .caption1 , .caption2 , .caption3 , .caption4, .caption5, .caption6, .contents {
	width: 300px;
	height: 250px;
	position: absolute;
}
.caption1 , .caption2 , .caption3 , .caption4, .caption5, .caption6 {
	opacity: 0;
}

.one {
	background-image: url('frame1.jpg');
}
.two {
	opacity: 0;
	background-image: url('frame2.jpg');
	animation: .4s linear 0s infinite flicker;
}
.three {
	opacity: 0;
	background-image: url('frame3.jpg');
	animation: 1.3s linear 0s infinite flicker2;
}
.caption1 {
	background-image: url('caption1.png');
	animation: 1.5s linear 3s forwards fadeInOut;
}
.caption2 {
	background-image: url('caption2.png');
	animation: 1.5s linear 4.5s forwards fadeInOut;
}
.caption3 {
	background-image: url('caption3.png');
	animation: 1.5s linear 6s forwards fadeInOut;
	}
.caption4 {
	background-image: url('caption4.png');
	animation: 1.5s linear 7.5s forwards fadeInOut;
}
.caption5 {
	animation: 0.33s linear 9s forwards fadeInDown;
}
.caption5 > .contents {
	background-image: url('header.png');
	transition: all 0.33s ease-in-out;
}
.caption6 {
	background-image: url('logos.png');
	animation: 1s linear 0s forwards fadeIn;
}



.container:hover .contents {
	transform: scale(0.95);
}

@keyframes flicker {
	0% {
		opacity: 0;
	}
	29% {
		opacity: 0;
	}
	37% {
		opacity: 0.6;
	}
	40.5% {
		opacity: 0.6;
	}
	50% {
		opacity: 0;
	}
	100% {
		
	}
}

@keyframes flicker2 {
	0% {
		opacity: 0;
	}
	90.5% {
		opacity: 0;
	}
	91% {
		opacity: 0.9;
	}
	93.5% {
		opacity: 0.9;
	}
	100% {
		opacity: 0;
	}
}

@keyframes fadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@keyframes fadeInDown {
	0% {
		opacity: 0;
		transform: translateY(-40px);
	}
	100% {
		opacity: 1;
		transform: translateY(0px);
	}
}
@keyframes fadeInOut {
	0% {
		opacity: 0;
	}
	20% {
		opacity: 1;
	}
	80% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}
@keyframes displayIn {
	0% {
		visibility: hidden;
	}
	100% {
		visibility: visible;
	}
}