@font-face{
	font-family: koodak;
	src: url(../fonts/BKoodkBd.ttf);
	}
@-webkit-font-face{
	font-family: koodak;
	src: url(../fonts/BKoodkBd.ttf);
	}
@font-face{
	font-family: yekan;
	src: url(../fonts/BYekan.ttf);
	}
@-webkit-font-face{
	font-family: yekan;
	src: url(../fonts/BYekan.ttf);
	}
@font-face{
	font-family: cordoba;
	src: url(../fonts/Mj_Cordoba.TTF);
	}
@-webkit-font-face{
	font-family: cordoba;
	src: url(../fonts/Mj_Cordoba.TTF);
	}
@keyframes anim_height{
	0%{height: 0px}
	40%{height: 500px;}
	65%{height: 250px;}
	100%{height: 100%;}
	}
@-webkit-keyframes anim_height{
	 0%{height: 0px}
 	40%{height: 500px;}
	65%{height: 250px;}
	100%{height: 100%;}
	}
@-moz-keyframes anim_height{
	 0%{height: 0px}
 	40%{height: 500px;}
	65%{height: 250px;}
	100%{height: 100%;}
	}
@keyframes anim_op{
	0%{opacity: 0.0}
	35%{opacity: 0.0}
	100%{opacity: 1.0}
	}
@-webkit-keyframes anim_op{
	0%{opacity: 0.0}
	35%{opacity: 0.0}
	100%{opacity: 1.0}
	}
@-moz-keyframes anim_op{
	0%{opacity: 0.0}
	35%{opacity: 0.0}
	100%{opacity: 1.0}
	}
@keyframes container{
	0%{right: 0px;}
	50%{right:15px;top:105px;}
	100%{right: 0px;top: 85px;}
	}
@-webkit-keyframes container{
	0%{right: 0px;}
	50%{right:15px;top:105px;}
	100%{right: 0px;top: 85px;}
	}
@-moz-keyframes container{
	0%{right: 0px;}
	50%{right:15px;top:105px;}
	100%{right: 0px;top: 85px;}
	}
body{padding: 0;margin: 0;direction: rtl;font: 14px tahoma;}
#wrapper{
	width: 100%;
	height: 1700px;
	margin: 0px;
	padding: 0px;
	background: url(../images/bg.png);
	position: absolute;
	animation: anim_height 2.5s ease-in-out;
	-webkit-animation: anim_height 2.5s ease-in-out;
	-moz-animation: anim_height 2.5s ease-in-out;
	}
#main{
	height: 850px;
	animation: anim_op 6s;
	-webkit-animation: anim_op 6s;
	-moz-animation: anim_op 6s;
	}
#menu{
	width: 95%;
	height: 75px;
	background: #e6e6e6;
	margin: 55px auto 0 auto;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	}
ul{position: relative;left: 85px;}
li{
display: inline-block;
	list-style-type: none;
	text-align: center;
	background-color: #2a2a2a;
	box-shadow: 8px 7px 20px #3b3b3b;
	-webkit-box-shadow: 8px 7px 20px #3b3b3b;
	-moz-box-shadow: 8px 7px 20px #3b3b3b;
	padding-top: 0px;
	margin: 12px 0 0 45px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	position: relative;
	right: 120px;
	transition: background-color 0.7s ease 0s;
	-webkit-transition: background-color 0.7s ease 0s;
	-moz-transition: background-color 0.7s ease 0s;
	transition: box-shadow 0.7s ease 0s;
	-webkit-transition: box-shadow 0.7s ease 0s;
	-moz-transition: box-shadow 0.7s ease 0s;
	}
li:hover{
	background-color: #ff0;
	box-shadow: 8px 7px 20px #aaa;
	-webkit-box-shadow: 8px 7px 20px #aaa;
	-moz-box-shadow: 8px 7px 20px #aaa;
	}
.ma{
	text-decoration: none;
	width: 160px;
	height: 35px;
	display: inline-block;
	padding-top: 10px;
	font: 17px koodak;
	color: #ff0;
	transition: color 0.7s ease 0s;
	-webkit-transition: color 0.7s ease 0s;
	-moz-transition: color 0.7s ease 0s;
	}
.ma:hover{
	color: #000;
	}
#container{
	width: 950px;
	height: 538px;
	padding: 0;
	margin: 0 auto;
	background: #e2e2e2;
	position: relative;
	top: 85px;
	border: 2px solid #2e2e2e;
	border-radius: 120px;
	-webkit-border-radius: 120px;
	-moz-border-radius: 120px;
	overflow:auto;
	}
#container:hover{
	animation: container 0.6s ease-in-out;
	-webkit-animation: container 0.6s ease-in-out;
	-moz-animation: container 0.6s ease-in-out;
	}
/*#name{
	font: 75px cordoba;
	color: #00f;
	margin-right: 65px;
	}
#desc{
	font: 28px yekan;
	color: #070;
	margin-right: 65px;
	}
#browser{
	font: 17px yekan;
	color: #070;
	margin-right: 65px;
}
#edesc{
	font: 25px times;
	color: #070;
	margin-right: 254px;
	}
.text{
	width: 235px;
	height: 35px;
	border: 1px solid black;
	background: #8e8eff;
	font: 16px yekan;
	direction: rtl;
	margin-bottom: 15px;
	}
.text2{
	width: 235px;
	height: 85px;
	border: 1px solid black;
	background: #8e8eff;
	font: 16px yekan;
	direction: rtl;
	margin-bottom: 15px;
	}
.send{
	width: 200px;
	height: 45px;
	background-color: #1199ff;
	border: 0;
	cursor: pointer;
	font: 16px yekan;
	}
#success{
	color: #0c0;
	}
#failed{
	color: #f00;
	}
.image{
width: 410px;
height: 310px;
border-radius: 15px;
position: relative;
}
#pic{
float: left;
margin: 39px 29px 10px 60px;
}*/
#name{
	font: 70px cordoba;
	color: #00f;
	margin-right: 65px;
	}
#desc{
	font: 37px yekan;
	color: #070;
	margin-right: 65px;
	}
#browser{
	font: 15px yekan;
	color: #070;
	margin-right: 65px;
}
#edesc{
	font: 30px times;
	color: #070;
	margin-right: 254px;
	}
.text{
	width: 235px;
	height: 35px;
	border: 1px solid black;
	background: #ffdd2e;
	font: 16px yekan;
	direction: rtl;
	margin-bottom: 15px;
	}
.text2{
	width: 235px;
	height: 85px;
	border: 1px solid black;
	background: #ffdd2e;
	font: 16px yekan;
	direction: rtl;
	margin-bottom: 15px;
	}
.security{
	width: 235px;
	height: 35px;
	border: 1px solid black;
	background: #040404;
	font: 20px cursive;
	direction: rtl;
	margin-bottom: 15px;
	text-align: center;
	color: #fafafa;
}
.send{
	width: 200px;
	height: 45px;
	background-color: #ff7711;
	border: 0;
	cursor: pointer;
	font: 16px yekan;
	}
#success{
	color: #0c0;
	}
#failed{
	color: #f00;
	}
.image{
width: 410px;
height: 310px;
border-radius: 15px;
position: relative;
}
#pic{
float: left;
margin: 39px 29px 10px 60px;
}