body{
	position:;
	background:url('15.jpg');
	background-size:100%;
	background-repeat:repeat-y;
}
#mus{
	position:absolute;
	width:5%;
	height:10%;
}
#logo{
	position:absolute;
	top:8%;
	right:45%;
	width:50%;
	heigth:20%;
	animation:logo 4s 1;
	overflow:hidden;
}
@keyframes logo{
	0%{right:-30%;}
	100%{right:45%;}
}
a{
	text-decoration:none;
}
#a a{color:#00b4ff;
	font-family:Hobo Std;
}
#y a{color:#00b4ff;
font-family:Hobo Std;}
#x a{color:#00b4ff;
font-family:Hobo Std;}
#z a{color:#00b4ff;
font-family:Hobo Std;}
#b a{
	color:#00b4ff;
font-family:Hobo Std;}
#c a{
	color:#00b4ff;font-family:Hobo Std;
}
#d a{
color:#00b4ff;
font-family:Hobo Std;
}
/*#pg_bnr{
	position:absolute;
	top:0%;
	left:0%;
	width:101%;
	height:40%;
}*/
#nav{
	position:absolute;
	top:78%;
	left:-0%;
	width:101%;
	height:7%;
	background-color:#333;

	border-top:3px solid #00b4ff;
	border-bottom:3px solid #00b4ff;
}

ul,li{
		list-style:none;
}
#a{
	position:absolute;
	top:78%;
	left:42%;
	width:10%;
	height:7%;
	display:block;
	font-family:verdana;
	font-size:17px;
	text-align:center;
}
#a2{
	width:200%;
	height:450%;
	position:absolute;
	top:100%;
	left:-50%;
	text-decoration:none;
	padding:5px;
	font-family:verdana;
	font-size:17px;
	background-color:#131313;
	text-align:left;
	visibility:hidden;
}
#a11{
	position:absolute;
	left:5%;
	top:5%;
	text-decoration:none;
	font-family:arial;
	font-size:17px;
	color:#00b4ff;
}
#a12{
	position:absolute;
	left:35%;
	top:5%;
	text-decoration:none;
	font-family:arial;
	font-size:17px;
	color:#00b4ff;
}
#a13{
	text-decoration:none;
	font-family:arial;
	font-size:17px;
	color:#00b4ff;
	position:absolute;
	left:65%;
	top:5%;
} 
#a:hover #a2{
	visibility:visible;
}
#a:hover ,#a:hover a{
	color:white;
	border-top:3px solid white;
	border-bottom:3px solid white;
}
#b{
	position:absolute;
	top:78%;
	left:52%;
	width:10%;
	height:7%;
	display:block;
	font-family:verdana;
	font-size:17px;
	text-align:center;
}
#b2{
	width:200%;
	height:450%;
	position:absolute;
	top:100%;
	left:-50%;
	
	text-decoration:none;
	padding:5px;
	font-family:verdana;
	font-size:17px;
	background-color:#131313;
	/*background-color:#131313;*/
	text-align:left;
	visibility:hidden;
}
#b11{
	position:absolute;
	left:5%;
	top:5%;
	text-decoration:none;
	font-family:arial;
	font-size:17px;
	color:#00b4ff;
}
#b12{
	position:absolute;
	left:35%;
	top:5%;
	text-decoration:none;
	font-family:arial;
	font-size:17px;
	color:#00b4ff;
}
#b13{
	text-decoration:none;
	font-family:arial;
	font-size:17px;
	color:#00b4ff;
	position:absolute;
	left:65%;
	top:5%;
} 
#b:hover #b2{
	visibility:visible;
}
#b:hover ,#b:hover a{
	color:white;
	border-top:3px solid white;
	border-bottom:3px solid white;
}

#c{
	position:absolute;
	top:78%;
	left:62%;
	width:10%;
	height:7%;
	display:block;
	font-family:verdana;
	font-size:17px;
	text-align:center;
}
#c2{
	width:200%;
	height:450%;
	position:absolute;
	top:100%;
	left:-50%;
	text-decoration:none;
	padding:5px;
	font-family:verdana;
	font-size:17px;
	background-color:#131313;
	text-align:left;
	visibility:hidden;
}
#c11{
	position:absolute;
	left:5%;
	top:5%;
	text-decoration:none;
	font-family:arial;
	font-size:17px;
	color:#00b4ff;
}
#c12{
	position:absolute;
	left:35%;
	top:5%;
	text-decoration:none;
	font-family:arial;
	font-size:17px;
	color:#00b4ff;
}
#c13{
	text-decoration:none;
	font-family:arial;
	font-size:17px;
	color:#00b4ff;
	position:absolute;
	left:65%;
	top:5%;
} 
#c:hover #c2{
	visibility:visible;
}
#c:hover ,#c:hover a{
	color:white;
	border-top:3px solid white;
	border-bottom:3px solid white;
}

#d{
	position:absolute;
	top:78%;
	left:72%;
	width:10%;
	height:7%;
	display:block;
	font-family:verdana;
	font-size:17px;
	text-align:center;
}
#d2{
	width:200%;
	height:450%;
	position:absolute;
	top:100%;
	left:-50%;
	text-decoration:none;
	padding:5px;
	font-family:verdana;
	font-size:17px;
	background-color:#131313;
	text-align:left;
	visibility:hidden;
}
#d11{
	position:absolute;
	left:5%;
	top:5%;
	text-decoration:none;
	font-family:arial;
	font-size:17px;
	color:#00b4ff;
}
#d12{
	position:absolute;
	left:35%;
	top:5%;
	text-decoration:none;
	font-family:arial;
	font-size:17px;
	color:#00b4ff;
}
#d13{
	text-decoration:none;
	font-family:arial;
	font-size:17px;
	color:#00b4ff;
	position:absolute;
	left:65%;
	top:5%;
} 
#d:hover #d2{
	visibility:visible;
}
#d:hover ,#d:hover a{
	color:white;
	border-top:3px solid white;
	border-bottom:3px solid white;
}
#x{
	position:absolute;
	top:78%;
	left:12%;
	width:10%;
	height:7%;
	display:block;
	font-family:verdana;
	font-size:17px;
	text-align:center;
}
#x2{
	width:600%;
	height:450%;
	position:absolute;
	top:100%;
	left:-12%;
	text-decoration:none;
	padding:5px;
	font-family:verdana;
	font-size:17px;
	background-color:#131313;
	text-align:left;
	visibility:hidden;
}
#x2 a{
	font-family:arial;
	font-size:17px;
	color:#00b4ff;
	border:none
}
#x11{
	position:absolute;
	left:5%;
	top:5%;
	text-decoration:none;
	font-family:arial;
	font-size:17px;
	color:#00b4ff;
}
#x12{
	position:absolute;
	left:35%;
	top:5%;
	text-decoration:none;
	font-family:arial;
	font-size:17px;
	color:#00b4ff;
}
#x13{
	text-decoration:none;
	font-family:arial;
	font-size:17px;
	color:#00b4ff;
	position:absolute;
	left:65%;
	top:5%;
} 
#x:hover #x2{
	visibility:visible;
}
#x:hover ,#xa:hover a{
	color:white;
	border-top:3px solid white;
	border-bottom:3px solid white;
}
#y{
	position:absolute;
	top:78%;
	left:22%;
	width:10%;
	height:7%;
	display:block;
	font-family:verdana;
	font-size:17px;
	text-align:center;	
}
#y2{
	width:420%;
	height:500%;
	position:absolute;
	top:100%;
	left:-150%;
	text-decoration:none;
	padding:5px;
	font-family:verdana;
	font-size:17px;
	background-color:#131313;
	text-align:left;
	visibility:hidden;
}
#y:hover #y2{
	visibility:visible;
}
#y11{
	position:absolute;
	left:5%;
	top:5%;
	color:#00b4ff;
}
#y12{
	position:absolute;
	left:45%;
	top:5%;
	color:#00b4ff;
}
#y13{
	position:absolute;
	left:80%;
	top:5%;
	color:#00b4ff;
} 
#y:hover {
	color:white;
	border-top:3px solid white;
border-bottom:3px solid white;
}
#yx a{
	font-family:arial;
	font-size:17px;
	color:#00b4ff;
	border:none
}
#z{
	position:absolute;
	top:78%;
	left:32%;
	width:10%;
	height:7%;
	display:block;
	font-family:verdana;
	font-size:17px;
	text-align:center;
}
#z2{
	width:200%;
	height:500%;
	position:absolute;
	top:100%;
	left:-50%;
	text-decoration:none;
	padding:5px;
	font-family:verdana;
	font-size:17px;
	background-color:#131313;
	text-align:left;
	visibility:hidden;
}
#z11{
	position:absolute;
	left:5%;
	top:5%;
	text-decoration:none;
	font-family:arial;
	font-size:17px;
	color:#00b4ff;
}
#z12{
	position:absolute;
	left:35%;
	top:5%;
	text-decoration:none;
	font-family:arial;
	font-size:17px;
	color:#00b4ff;
}
#z13{
	text-decoration:none;
	font-family:arial;
	font-size:17px;
	color:#00b4ff;
	position:absolute;
	left:65%;
	top:5%;
} 
#z:hover #z2{
	visibility:visible;
}
#z:hover ,#z:hover a{
	color:white;
	border-top:3px solid white;
	border-bottom:3px solid white;
}
#bnr{
	overflow:hidden;
	position:absolute;
	top:38%;
	left:-1%;
	width:101%;
	height:40%;
	border-top:2px solid #00b4ff;
	border-bottom:3px solid #00b4ff;
}
#about_cod{
	width:25%;
	height:100%;
	top:0%;
	left:20%;
	position:absolute;
	background-color:#00b4ff;
	transform:skew(-20deg);
	animation:cod 10s ;
	transition:3s all;
}
@keyframes cod{
	0%{left:110%;}
	100%{left:20%;}
}
#about_cod:hover{
	transform:skew(0deg);
	background:white;
	border-left:4px solid dodgerblue;
	border-right:4px solid dodgerblue;
}
#about_cod h1{
	text-align:center;
	font-family:arial;
	color:#181b18;
}
#about_cod p{
	text-align:center;
	font-family:arial;
	color:black;
	font-size:17px;
	padding:10px;
}
/*---------------------------------- Main Menu CSS-------------------------*/
#nav2{
	position:fixed;
	top:30%;
	right:-0%;
	width:10%;
	height:46%;
	background-color:#333;
	border-top:3px solid #00b4ff;
	border-bottom:3px solid #00b4ff;
	border-left:3px solid #00b4ff;
	animation:tmenu 4s 1;
}
@keyframes tmenu{
	0%{top:-30%;}
	100%{top:30%;}
	
}
#top_menu{
	position:absolute;
	left:0%;
	top:0%;
	width:100%;
	height:100%;	
}
#home:hover{
	width:100%;
	background-color:#0263c7;
	color:white;
}
#gam:hover{
	width:100%;
	background-color:#0263c7;
	color:white;
}
#about:hover{
	width:100%;
	background-color:#0263c7;
	color:white;
}
#cont:hover{
	width:100%;
	background-color:#0263c7;
	color:white;
}
#login:hover{
	width:100%;
	background-color:#00fe72;
	color:black;
}
#register:hover{
	width:100%;
	background-color:dodgerblue;
	color:black;
}
#top_menu a{
	position:relative;
	padding:15px;
	float:right;
	display:block;
	color:#00b4ff;
	font-family:Hobo Std;
	font-size:17;
	transition:1s all;
}
/*----------------------------- Action  Home-----------------------------*/
#a_head{
	position:absolute;
	top:88.7%;
	left:-1%;
	width:101%;
	height:10%;
	background:linear-gradient(60deg,dodgerblue,#333,#333,dodgerblue);
	border-bottom:4px solid dodgerblue;
	border-top:4px solid dodgerblue;
}
#a_head p{
	text-align:center;
	font-family:hobo std;
	font-size:25px;
	color:white;
	text-shadow: 2px 5px 5px dodgerblue;
}
#action_home{
	position:absolute;
	width:101%;
	height:40%;
	top:100%;
	left:-1%;
	overflow:hidden;
}
#ah1{
	position:absolute;
	width:12%;
	height:80%;
	top:14%;
	left:45%;
	background:gray;
	transition:3s all;
	animation:ah1 3s 1;
}
@keyframes ah1{
	0%{left:-30%;}
	100%{left:45%;}
	
}
#ah1:hover{
	transform:rotate(360deg);
	border:2px solid gray;
}
#ah2_left{
	position:absolute;
	width:12%;
	height:80%;
	top:14%;
	left:30%;
	background:gray;
	transition:3s all;
	animation:ah2l 3s 1;
}
@keyframes ah2l{
	0%{left:-30%;}
	100%{left:30%;}
	
}
#ah2_left:hover{
	transform:rotate(-360deg);
	border:2px solid Orange;
}
#ah2_right{
	position:absolute;
	width:12%;
	height:80%;
	top:14%;
	left:60%;
	background:gray;
	transition:3s all;
	animation:ah2r 3s 1;
}
@keyframes ah2r{
	0%{left:-30%;}
	100%{left:60%;}
	
}
#ah2_right:hover{
	transform:rotate(360deg);
	border:2px solid Orange;
}
#ah3_left{
	position:absolute;
	width:12%;
	height:80%;
	top:14%;
	left:15%;
	background:gray;
	transition:3s all;
	animation:ah3l 3s 1;
}
@keyframes ah3l{
	0%{left:-30%;}
	100%{left:15%;}
	
}
#ah3_left:hover{
	transform:rotate(-360deg);
	border:2px solid pink;
}
#ah3_right{
	position:absolute;
	width:12%;
	height:80%;
	top:14%;
	left:75%;
	background:gray;
	transition:3s all;
	animation:ah3r 3s 1;
}
@keyframes ah3r{
	0%{left:-30%;}
	100%{left:75%;}
}
#ah3_right:hover{
	transform:rotate(360deg);
	border:2px solid Orange;
}
/*----------------------------- Assassin Home-----------------------------*/
#as_head{
	position:absolute;
	top:143.7%;
	left:-1%;
	width:101%;
	height:10%;
	background:linear-gradient(60deg,dodgerblue,#333,#333,dodgerblue);
	border-bottom:4px solid dodgerblue;
	border-top:4px solid dodgerblue;
}
#as_head p{
	text-align:center;
	font-family:hobo std;
	font-size:25px;
	color:white;
	text-shadow: 2px 5px 5px dodgerblue;
}
#assin_home{
	position:absolute;
	width:101%;
	height:40%;
	top:155%;
	left:-1%;
}
#as1{
	position:absolute;
	width:12%;
	height:80%;
	top:14%;
	left:45%;
	background:gray;
	transition:3s all;
}
#as1:hover{
	transform:rotateX(360deg);
	border:2px solid Orange;
}
#as2_left{
	position:absolute;
	width:12%;
	height:80%;
	top:14%;
	left:30%;
	background:gray;
	transition:3s all;
}
#as2_left:hover{
	transform:rotateY(360deg);
	border:2px solid Orange;
}
#as2_right{
	position:absolute;
	width:12%;
	height:80%;
	top:14%;
	left:60%;
	background:gray;
	transition:3s all;
}
#as2_right:hover{
	transform:rotateY(-360deg);
	border:2px solid Orange;
}
#as3_left{
	position:absolute;
	width:12%;
	height:80%;
	top:14%;
	left:15%;
	background:gray;
	transition:2s all;
}
#as3_left:hover{
	transform:rotateY(360deg);
	border:2px solid Orange;
}
#as3_right{
	position:absolute;
	width:12%;
	height:80%;
	top:14%;
	left:75%;
	background:gray;
	transition:2s all;
}
#as3_right:hover{
	transform:rotateY(-360deg);
	border:2px solid Orange;
}
#midle{
	position:absolute;
	top:200%;
	left:-1%;
	width:101%;
	height:80%;
}
#midle p{
	text-align:center;
	font-family:hobo std;
	font-size:25px;
	color:white;
	text-shadow: 2px 5px 5px dodgerblue;
}
#vdo1{
	position:absolute;
	width:25%;
	height:28%;
	top:5%;
	left:7%;
	background-color:gray;
}
#vdo2{
	position:absolute;
	width:25%;
	height:28%;
	top:5%;
	right:11%;
	background-color:gray;
}
#vdo3{
	position:absolute;
	width:25%;
	height:28%;
	bottom:5%;
	right:11%;
	background-color:gray;
}
#vdo4{
	position:absolute;
	width:25%;
	height:28%;
	bottom:5%;
	left:7%;
	background-color:gray;
}
#vdo5{
	position:absolute;
	width:25%;
	height:28%;
	top:18%;
	left:35.5%;
	background-color:gray;
}
#vdo6{
	position:absolute;
	width:25%;
	height:28%;
	top:58%;
	left:35.5%;
	background-color:gray;
}
#search{
	position:fixed;
	top:10%;
	left:60%;
	height:4%;
	border:2px solid dodgerblue;
}
#srch{
	position:fixed;
	top:10.1%;
	left:76.3%;
	padding-left:5px;
	padding-right:5px;
	padding-top:5px;
	padding-bottomt:5px;
	border:2px solid dodgerblue;
	background:dodgerblue;
	color:white;
	font-family:arial;
	font-size:19px;
}
#mylog{
	position:fixed;
	top:0%;
	left:0%;
	width:100%;
	height:100%;
	opacity:0.8;
	background-color:black;
}
#logchart{
	position:fixed;
	top:10%;
	left:30%;
	width:35%;
	height:80%;
	background:url('loginbg.png');
	background-size:110%;
	border-radius:10px;
}
#ct{
	position:absolute;
	right:5%;
	top:2%;
	width:2%;
	height:2%;
}
#ct a{
	font-family:verdana;
	font-size:20px;
	color:#333;
}
#logchart p{
	font-family:verdana;
	font-size:17px;
	padding-left:10.5%;
	color:#373737;
}
input{
	border-bottom:2px solid #005aff;
	border-top:none;
	border-left:none;
	border-right:none;
}
#regstr{
	position:absolute;
	bottom:5%;
	left:15%;
	width:70%;
	height:8%;
	font-family:arial;
	background-color:#ff4d4d;
	font-size:17px;
	color:white;
	border:1px solid #d80000;
	border-radius:5px;
}
#rg{
	position:absolute;
	top:0%;
	left:0%;
	width:50%;
	height:8%;
	border-bottom:2px solid #005aff;
	border-right:2px solid #005aff;
}
#rg p{
	text-align:center;
	color:#06183b;
}
#regstr:hover{
	background-color:#d80000;
}
#upp p{
	position:absolute;
	top:-0.3%;
	right:0%;
	width:40%;
	height:5%;
	border-top-right-radius:5px;
	border-bottom:2px solid #005aff;
	color:#06183b;
}
#ln{
	position:absolute;
	top:8.2%;
	left:0%;
	background:url('loginbg.png');
	background-size:100%;
	width:100%;
	height:92%;
	border-radius:5px;
	border-bottom:2px solid #005aff;
}
#fad{
	position:fixed;
	width:100%;
	top:0%;
	left:0%;
	height:100%;
	background:black;
	opacity:0.9;
}