body, html, img {
	padding: 0px;
	margin: 0px;
}
body {
	overflow: hidden;
	background: #000000;
	cursor: none;
}


.slider1, .slider2 {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100vh;
	width: 100wv;
	display: block;
}
.slider1 img, .slider2 img {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100vh;
	width: auto;
	display: block;
}
.slider1 img.move1, .slider2 img.move1 {
	left: -18867;
	transition:left 450s linear;
}

.explosion {
	position: absolute;
	top: 15vh;
	right: 45vw;
	width: 22vh;
	height: 22vh;
	z-index: 51;
	opacity: 1;
}
.explosion.show {
	background: url("explosion.gif") no-repeat top left;
	background-size: contain;
}
.explosion.show.hide {
	opacity: 0;
	transition: opacity 1.5s linear;
	-webkit-transition-delay: 0.5s; /* Safari */
    transition-delay: 0.5s;
}
.explosioncover {
	position: absolute;
	top: 15vh;
	right: 45vw;
	width: 22vh;
	height: 22vh;
	z-index: 49;
	opacity: 1;
}
.explosioncover.show {
	background: #000000;
}
.target {
	position: absolute;
	top: 20vh;
	right: 50vw;
	width: 12vh;
	height: 12vh;
	z-index: 50;
	opacity: 0;
	background: url("target.png") no-repeat top left;
	background-size: contain;
}
.target.show {
	opacity: 1;
	transition: opacity 1.5s linear;
}
.target.show.hide {
	opacity: 0;
	transition: opacity 0.5s linear;
}

.slider1 {
	opacity: 0;
	z-index: 1;
}
.slider1.show {
	opacity: 1;
	transition: opacity 1.5s linear;
}
.slider1.hide {
	opacity: 0;
	transition: opacity 0.5s linear;
}
.slider2 {
	opacity: 0;
	z-index: 5;
}
.slider2.show {
	opacity: 1;
	transition: opacity 1.5s linear;
}
.slider2.hide {
	opacity: 0;
	transition: opacity 0.5s linear;
}