body{
	background-color:;
}
*{
	padding:0px;
	margin:0%;
}
.container{
	width:1227px;
	height:1240px;
	background-color:white;
	margin:0 auto;
}
.one h4{
	color:white;
	height:30px;
	font-family:verdana;

	font-size:16px;opacity:0.8;
	
	margin-left:5%;
	opacity:0.9;
	margin-top:5%;
}
.one img{
	margin-top:1%;
	margin-left:4%;
	opacity:0.7;
}
.one a{
	text-decoration:none;
	color:white;
	opacity:0.7;
	font-size:12px;

		margin-left:2%;
}.container{
	width:1227px;
	height:1240px;
	background-color:white;
	margin:0 auto;
}
.one img:hover{
	opacity:1;
}
.one p{
	color:white;
	font-family:verdana;
	font-size:12px;
	opacity:0.7;
	margin-left:6%;
}.chat{
	width:1227px;
	height:400px;
	clear:both;
	background-color:black;
}
.chat{
	width:1227px;
	height:400px;
	clear:both;
	background-color:black;
}.header{
width:1227px;
	height:90px;
	background-color:;
	clear:both;
	float:left;
}
.logo{
	width:500px;
	height:90px;
	background-color:;
	float:left;
}
.search{
	width:727px;
	height:90px;
	background-color:;
	float:left;
}
.input input[type=search]{
	width:300px;
	height:40px;
}
.button input[type=submit]{
	width:100px;
	height:40px;
background-color:#001a33;
	color:white;
	font-family:Palatino Linotype;
	border:0px;
}

.input{
	width:300px;
	height:45px;
	background-color:;
	float:left;
	margin-left:44.5%;
	margin-top:4%;
}

.button{
	width:100px;
	margin-top:4%;
	height:45px;
	float:left;
	background-color:;

}
.navigation{
width:1227px;
	height:50px;
		background-color:#001a33;
	float:left;
	clear:both;
}
.menu{
	width:627px;
	height:50px;
	background-color:#001a33;
	float:left;
}
.social{
	width:600px;
	height:50px;
	background-color:;
	float:left;
}
.slider{
width:1227px;
	height:400px;
	background-color:;
	background-repeat:no-repeat;
	background-size:100vw 70vh;
	background-image:url('1.jpg');
/*	background-attachment:fixed;*/
	float:left;
	animation:kamali 20s 2s linear infinite;

	clear:both;
	webkit-animation:kamali 10s 0s linear infinite;;
}
.slider img{
	opacity:0.7;
}
@keyframes kamali{
	0%{
			background-repeat:no-repeat;
	background-size:100vw 80vh;
	background-image:url('1.jpg');
/*	background-attachment:fixed;*/
	}
	25%{
				background-repeat:no-repeat;
	background-size:100vw 80vh;
	background-image:url('2.jpg');
/*	background-attachment:fixed;*/
	}
	50%
	{
				background-repeat:no-repeat;
	background-size:100vw 80vh;
	background-image:url('3.jpg');
/*	background-attachment:fixed;*/
	}
	75%{
				background-repeat:no-repeat;
	background-size:100vw 80vh;
	background-image:url('3.jpg');
/*	background-attachment:fixed;*/
	}
	100%{
				background-repeat:no-repeat;
	background-size:100vw 80vh;
	background-image:url('1.jpg');
/*	background-attachment:fixed;*/
	}
}
@-webkit-keyframes kamali{
	0%{
			background-repeat:no-repeat;
	background-size:100vw 80vh;
	background-image:url('1.jpg');
/*	background-attachment:fixed;*/
	}
	25%{
				background-repeat:no-repeat;
	background-size:100vw 60vh;
	background-image:url('2.jpg');
/*	background-attachment:fixed;*/
	}
	50%
	{
				background-repeat:no-repeat;
	background-size:100vw 80vh;
	background-image:url('3.jpg');
/*	background-attachment:fixed;*/
	}
	75%{
				background-repeat:no-repeat;
	background-size:100vw 80vh;
	background-image:url('3.jpg');
	/*background-attachment:fixed;*/
	}
	100%{
				background-repeat:no-repeat;
	background-size:100vw 80vh;
	background-image:url('1.jpg');
/*	background-attachment:fixed;*/
	}

}
.infoo{
	width:500px;
	height:250px;
	border-radius:5px;
	margin-left:30%;
	margin-top:6.5%;
	background-color:rgba(255,255,255,0.38);
}
.menu ul{
list-style-type:none;
}
.you{
	width:500px;
	height:200px;
	float:left;
	background-color:;

}
.you h4{
	text-align:center;
	height:34px;
	color:black;
	margin-top:2%;
color:#001a33;
	font-family:Palatino Linotype;
	font-size:20px;

}
.you p{
	font-family:verdana;
	font-size:13.5px;
	word-spacing:3px;

	color:#001a33;
	text-align:center;
}
.i{
	width:500px;
	height:50px;
	float:left;
	background-color:;clear:both;
}
.i input[type=submit]{
	color:#001a33;
	width:100px;
	height:40px;
	margin-left:40%;
	background-color:rgba(255,255,255,0.30);
	border:1px solid #001a33;
	border-radius:2px;

}
.menu ul li{
		float:left;
	width:100px;
	height:50px;
	line-height:50px;
	text-align:center;
	color:white;
	font-family:Palatino Linotype;
	font-size:13px;

}
.menu ul li a{
	color:white;
	text-decoration:none;
}
.menu ul li:hover{
	border-right:1px solid white;
}
.social img{
	margin-left:8%;
	height:20px;
	width:18px;
	margin-top:2.5%;
transition:transform 1s 0s linear;
}
.social img:hover{
	transform:rotateY(360deg);
}

.menu ul ul{
	display:none;
}
.menu ul ul li{
	width:100px;
	height:50px;
	margin-left:3px;
	margin-top:2px;
}
.menu ul li:hover > ul{
	display:visible;
}
.content{
width:1227px;
height:500px;
background-color:white;
clear:both;
float:left;
}
.first{
	width:300px;
	height:500px;
	float:left;
	background-color:;
}
.fo{
	width:300px;
	height:200px;
	background-color:;
	
	float:left;
	margin-top:7%;
}
.pio img{
	margin-left:34%;
	margin-top:35%;
}
.pio{
	width:135px;
	height:130px;
background-color:#001a33;
	border-radius:100%;
	margin-top:20%;
	margin-left:25%;
}
.lo{
	width:300px;
	height:280px;
	background-color:;
	clear:both;
	float:left;
}
.lo input[type=submit]{
	width:120px;
	height:30px;
		background-color:#001a33;
	margin-left:30%;
	margin-top:8%;
	color:white;
	border:1px solid lightgray;
	font-family:Palatino Linotype;
	font-size:14px;
}
.lo h4{
	margin-top:4%;
	text-align:center;
	height:25px;
	margin-bottom:2%;
}
.lo p{
	text-align:center;
	word-spacing:4px;
	font-size:14px;
}
.footer{
width:1227px;
	height:199px;
	background-color:#001a33;
	float:left;
	clear:both;
}
.power{
	width:1227px;
	height:49px;
	background-color:;
	clear:both;
}

.power p{
	float:right;
	line-height:49px;
	height:49px;
	margin-right:2%;
	color:white;
	font-family:Palatino Linotype;
	font-size:12px;
	opacity:0.7;
}
.one{
	width:305px;
	height:150px;
	background-color:;
	float:left;
}
.one h4{
	color:white;
	height:30px;
	font-family:verdana;

	font-size:20px;opacity:0.8;
	height:40px;
	margin-left:5%;
	opacity:0.9;
	margin-top:5%;

}
.one img{
	margin-top:1%;
	margin-left:4%;
	opacity:0.7;
}
.one a{
	text-decoration:none;
	color:white;
	opacity:0.7;
	font-size:13px;

		margin-left:2%;
}
.one img:hover{
	opacity:1;
}
.one p{
	color:white;
	font-family:verdana;
	font-size:13px;
	opacity:0.7;
	margin-left:6%;
}
.power a{
	color:white;
	opacity:0.7;
	text-decoration:none;
}
.power a:hover{
	color:orange;
	opacity:1;