* {margin:0;padding:0;border:0;-webkit-user-select:text}
a,img {-webkit-touch-callout:none;}
body,p {margin: 0;}
img{border: none;}
body,html {height: 100%;overflow: hidden;position: relative;}


.wrap {height: 100%;position: relative;overflow: hidden;-webkit-perspective: 300px;perspective: 300px;}
.load,.logo{position: absolute;top: 32%;width: 100%;text-align: center;color: #c70805;}
.load img{width: 30%;}
.logo{top: 45%;}
.logo img{-webkit-animation: 2s rotateY linear infinite;animation: 2s rotateY linear infinite;width: 160px;}

.bomb,.icons,.flag,.main,.cylinder,.mainBox{position: absolute;top: 50%;left: 50%;-webkit-transform-style: preserve-3d;transform-style: preserve-3d;}
.icons{-webkit-animation: 2s rotateY linear infinite;animation: 2s rotateY linear infinite;}
.icons span{position: absolute;left: 50%;top: 50%;margin: -15px 0 0 -15px;width: 30px;height: 30px;background: center center no-repeat;background-size: contain;}
.title{position: absolute;left: 50%;top: 50%;margin: -35px 0 0 -98.5px;width: 210px;height: 51px;}

.cylinder span{position: absolute;left: 0;top: 0;margin: -585px 0 0 65px;width: 130px;height: 1170px;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.flag span {position: absolute;left: 50%;top: 50%;margin: -50px 0 0 -100px;width: 200px;height: 100px;}

#pageBg{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(../images/bg.jpg) no-repeat;
	background-size: 100% 100%;
	
}

@keyframes rotateY {
	0%{
		transform: rotateY(0deg);
	}
	100% {
		transform: rotateY(-360deg);
	}
}
@-webkit-keyframes rotateY {
	0%{
		-webkit-transform: rotateY(0deg);
	}
	100% {
		-webkit-transform: rotateY(-360deg);
	}
}