body{
	background-color:#1c1c1c;
}
#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;
}
#logo{
	position:fixed;
	top:0%;
	left:-1%;
	width:101%;
	height:15%;
	background:url('1.jpg');
	background-size:100%;
}
#logo img{
	position:absolute;
	top:10%;
	left:10%;
	width:20%;
	height:70%;
}
a{
	text-decoration:none;
}
#a a{color:#fb1b1b;
	font-family:Hobo Std;
}
#y a{color:#fb1b1b;
font-family:Hobo Std;}
#x a{color:#fb1b1b;
font-family:Hobo Std;}
#z a{color:#fb1b1b;
font-family:Hobo Std;}
#b a{
	color:#fb1b1b;
font-family:Hobo Std;}
#c a{
	color:#fb1b1b;font-family:Hobo Std;
}
#d a{
color:#fb1b1b;
font-family:Hobo Std;
}
/*#pg_bnr{
	position:absolute;
	top:0%;
	left:0%;
	width:101%;
	height:40%;
}*/
#nav{
	position:fixed;
	top:13%;
	left:-0%;
	width:101%;
	height:7%;
	background-color:#333;
	border-top:3px solid #fb1b1b;
	border-bottom:3px solid #fb1b1b;
}

ul,li{
		list-style:none;
}
#a{
	position:fixed;
	top:13%;
	left:42%;
	width:10%;
	height:7%;
	display:block;
	font-family:verdana;
	font-size:17px;
	text-align:center;
	animation:akf 3s 1;
	overflow:hidden;
} 
@keyframes akf{
	0%{left:110%;}
	100%{left:42%;}
}
#a2{
	width:200%;
	height:450%;
	position:absolute;
	top:115%;
	left:-50%;
	text-decoration:none;
	padding:5px;
	font-family:verdana;
	font-size:17px;
	background-color:#131313;
	text-align:left;
	visibility:hidden;
}
#a:hover #a2{
	visibility:visible;
}
#a:hover ,#a:hover a{
	color:white;
	border-top:3px solid white;
	border-bottom:3px solid white;
	
}

#b{
	position:fixed;
	top:13%;
	left:52%;
	width:10%;
	height:7%;
	display:block;
	font-family:verdana;
	font-size:17px;
	text-align:center;
	animation:bkf 3s 1;
	overflow:hidden;
} 
@keyframes bkf{
	0%{left:110%;}
	100%{left:52%;}
}
#b2{
	width:200%;
	height:450%;
	position:absolute;
	top:115%;
	left:-50%;	
	text-decoration:none;
	padding:5px;
	font-family:verdana;
	font-size:17px;
	background-color:#131313;
	/*background-color:#131313;*/
	text-align:left;
	visibility:hidden;
}
#b:hover #b2{
	visibility:visible;
}
#b:hover ,#b:hover a{
	color:white;
	border-top:3px solid white;
	border-bottom:3px solid white;
}

#c{
	position:fixed;
	top:13%;
	left:62%;
	width:10%;
	height:7%;
	display:block;
	font-family:verdana;
	font-size:17px;
	text-align:center;
	animation:ckf 3s 1;
	overflow:hidden;
} 
@keyframes ckf{
	0%{left:110%;}
	100%{left:62%;}
}
#c2{
	width:200%;
	height:450%;
	position:absolute;
	top:115%;
	left:-50%;
	text-decoration:none;
	padding:5px;
	font-family:verdana;
	font-size:17px;
	background-color:#131313;
	/*background-color:#131313;*/
	text-align:left;
	visibility:hidden;
}
#c:hover #c2{
	visibility:visible;
}
#c:hover ,#c:hover a{
	color:white;
	border-top:3px solid white;
	border-bottom:3px solid white;
}
#x{
	position:fixed;
	top:13%;
	left:12%;
	width:10%;
	height:7%;
	display:block;
	font-family:verdana;
	font-size:17px;
	text-align:center;
	animation:xkf 3s 1;
	overflow:hidden;
} 
@keyframes xkf{
	0%{left:-10%;}
	100%{left:12%;}
}
#x2{
	width:600%;
	height:450%;
	position:absolute;
	top:115%;
	left:-12%;
	text-decoration:none;
	padding:5px;
	font-family:verdana;
	font-size:17px;
	background-color:#131313;
	text-align:left;
	visibility:hidden;
}
#x:hover #x2{
	visibility:visible;
}
#x:hover ,#x:hover a{
	color:white;
	border-top:3px solid white;
	border-bottom:3px solid white;
}
#y{
	position:fixed;
	top:13%;
	left:22%;
	width:10%;
	height:7%;
	display:block;
	font-family:verdana;
	font-size:17px;
	text-align:center;
	animation:ykf 3s 1;
	overflow:hidden;
} 
@keyframes ykf{
	0%{left:-10%;}
	100%{left:22%;}
}
#y2{
	width:420%;
	height:500%;
	position:absolute;
	top:115%;
	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;
}
#y:hover ,#y:hover a{
	color:white;
	border-top:3px solid white;
border-bottom:3px solid white;}

#z{
	position:fixed;
	top:13%;
	left:32%;
	width:10%;
	height:7%;
	display:block;
	font-family:verdana;
	font-size:17px;
	text-align:center;
	animation:zkf 3s 1;
	overflow:hidden;
} 
@keyframes zkf{
	0%{left:-10%;}
	100%{left:32%;}
}
#z2{
	width:200%;
	height:500%;
	position:absolute;
	top:115%;
	left:-50%;
	
	text-decoration:none;
	padding:5px;
	font-family:verdana;
	font-size:17px;
	background-color:#131313;
	text-align:left;
	visibility:hidden;
}
#z:hover #z2{
	visibility:visible;
}
#z:hover ,#z:hover a{
	color:white;
	border-top:3px solid white;
	border-bottom:3px solid white;
}

#footer{
	position:absolute;
	top:220%;
	width:101%;
	height:50%;
	left:-1%;
	background:url('1.jpg');
	background-size:100%;
}
#fs1{
	position:absolute;
	top:2%;
	left:5%;
	width:25%;
	height:86%;
}
#fp{position:absolute;
	top:40%;
	font-family:verdana;
	color:white;
	font-size:20px;
	text-align:center;
}
#bottomlogo{
	position:absolute;
	top:8%;
	left:20%;
}
#fs2{
	position:absolute;
	top:15%;
	left:35%;
	width:20%;
	height:86%;
}
#fs2 a{
	text-align:center;
	color:#ffd97d;
	font-size:15px;
	font-family:arial;
	padding-bottom:15px;
}
#fs3{
	position:absolute;
	top:8%;
	left:52%;
	width:40%;
	height:80%;
}
#footerlast{
	position:absolute;
	top:270%;
	left:-1%;
	width:101%;
	height:10%;
	background:#171717;
}
#footerlast p{
	text-align:center;
	font-family:Arial;
	font-size:25px;
	color:#757575;
}
#footerlast em{
	color:#ff2e2e;
	font-family:hobo std;
}
#leftmenu{
	position:absolute;
	top:20%;
	left:0%;
	width:19%;
	height:200%;
	background-color:#303030;
	border-right:3px solid #ff3d3d;
	animation:lmenu 2s 1;
	overflow:hidden;
}
@keyframes lmenu{
	0%{left:-30%;}
	100%{left:0%;}
	
}
#fm1{
	position:absolute;
	left:10%;
	
}
#fm1 p{
	font-family:hobo std;
	font-size:20px;
	color:#50ff4c;
	padding-left:30px;
	padding-top:8px;
}
#leftmenu a{
	position:relative;
	font-family:verdana;
	color:#50ff4c;
	left:10%;
	display:block;
	text-align:left;
	
}
#leftmenu a:hover{
	position:relative;
	left:10%;
	font-family:verdana;
	background-color:#1c1c1c;
	width:65%;
	color:#0096ff;
	padding:7px;
	border-radius:5px;
}
.pro{
	position:absolute;
	background-color:#2f2f2f;
	width:20%;
	height:60%;
	border-radius:10px;
	border:1px solid #50ff4c;
}

.pro img{
	position:absolute;
	top:5%;
	left:4%;
	height:70%;
	width:90%;
	border-radius:10px;
	border:3px solid #50ff4c;
}
.pro button{
	top:80%;
	left:10%;
	position:absolute;
	width:80%;
	border:none;
	background-color:#ff0244;
	text-align:center;
	text-decoration:none;
	display:inline-block;
	font-size:25px;
	padding:5px 15px;
	border-radius:5px; 
	color:white;
	transition:1s all;
	animation:bb 1s infinite;	
}
@keyframes bb{
	0%{background:#ff0244;}
	10%{background:#ff02c1;}
	20%{background:#bb02ff;}
	30%{background:#2002ff;}
	40%{background:#027fff;}
	50%{background:#02f0ff;}
	60%{background:#02ffa3;}
	70%{background:#0eff02;}
	80%{background:#e4ff02;}
	90%{background:#ffaf02;}
	100%{background:#ff0202;}
}
#pro1{
	position:absolute;
	left:25%;
	top:25%;
	overflow:hidden;
}
#pro2{
	position:absolute;
	left:47%;
	top:25%;
}
#pro3{
	position:absolute;
	left:69%;
	top:25%;
}
#pro4{
	position:absolute;
	left:25%;
	top:90%;
}
#pro5{
	position:absolute;
	left:47%;
	top:90%;
}
#pro6{
	position:absolute;
	left:69%;
	top:90%;
}
#pro7{
	position:absolute;
	left:25%;
	top:155%;
}
#pro8{
	position:absolute;
	left:47%;
	top:155%;
}
#pro9{
	position:absolute;
	left:69%;
	top:155%;
}
.fad{
	position:absolute;
	top:6%;
	left:5%;
	height:70%;
	width:90.2%;
	background:#020202;
	opacity:0.8;
	transition:2s all;
	border-radius:10px;
}
.fad:hover{
	opacity:0.3;
}