@charset "utf-8";
/* CSS Document */
@font-face {
  font-family: 'DroidArabicNaskh';
  font-style: normal;
  font-weight: 400;
  src: url(fonts/DroidNaskh-Regular.eot);
  src: url(fonts/DroidNaskh-Regular.eot?#iefix) format('embedded-opentype'),
       url(fonts/DroidNaskh-Regular.woff2) format('woff2'),
       url(fonts/DroidNaskh-Regular.woff) format('woff'),
       url(fonts/DroidNaskh-Regular.ttf) format('truetype');
}
*{
	margin:0;
	padding:0;
}
html,body{
	height:100%;	
}
body{
	margin:0;
	padding:0;
	font-family:'DroidArabicNaskh',tahoma,arial;
	font-size:14px;
	line-height:32px;
	color:#292929;
	background:#f3f4f6;
	direction:rtl;
}
img{
	border:0;
}
a{
	text-decoration:none;
}
#header{
	background:#fff;
	width:100%;
	right:0;
	box-shadow:0 1px 4px rgba(0,0,0,0.3);
	-moz-box-shadow:0 1px 4px rgba(0,0,0,0.3);
	-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.3);
	-o-box-shadow:0 1px 4px rgba(0,0,0,0.3);
	min-height:100%;
	position:relative;
	top:0;
	right:0;
	z-index:10;
}
#header #logo{
	width:100%;
	height:450px;
	background:url(imgs/full-logo.png) no-repeat center;
	background-size:auto 100%;
	position:absolute;
	top:50%;
	margin-top:-225px;
	right:0;
	opacity:0;
}
#header .anime{
	opacity:1 !important;	
	animation:logo 1s ease;
	-moz-animation:logo 1s ease;
	-webkit-animation:logo 1s ease;
	-o-animation:logo 1s ease;
}
@keyframes logo{
	0%{
		filter:grayscale(100%);
		-moz-filter:grayscale(100%);
		-webkit-filter:grayscale(100%);
		-o-filter:grayscale(100%);
		opacity:0.1;
		transform:scale(0.9,0.9);
		-moz-transform:scale(0.9,0.9);
		-webkit-transform:scale(0.9,0.9);
		-o-transform:scale(0.9,0.9);
	}
	100%{
		filter:grayscale(0);
		-moz-filter:grayscale(0);
		-webkit-filter:grayscale(0);
		-o-filter:grayscale(0);
		opacity:1;
		transform:none;
		-moz-transform:none;
		-webkit-transform:none;
		-o-transform:none;
	}
}
@-moz-keyframes logo{
	0%{
		filter:grayscale(100%);
		-moz-filter:grayscale(100%);
		-webkit-filter:grayscale(100%);
		-o-filter:grayscale(100%);
		opacity:0.1;
		transform:scale(0.9,0.9);
		-moz-transform:scale(0.9,0.9);
		-webkit-transform:scale(0.9,0.9);
		-o-transform:scale(0.9,0.9);
	}
	100%{
		filter:grayscale(0);
		-moz-filter:grayscale(0);
		-webkit-filter:grayscale(0);
		-o-filter:grayscale(0);
		opacity:1;
		transform:none;
		-moz-transform:none;
		-webkit-transform:none;
		-o-transform:none;
	}
}
@-webkit-keyframes logo{
	0%{
		filter:grayscale(100%);
		-moz-filter:grayscale(100%);
		-webkit-filter:grayscale(100%);
		-o-filter:grayscale(100%);
		opacity:0.1;
		transform:scale(0.9,0.9);
		-moz-transform:scale(0.9,0.9);
		-webkit-transform:scale(0.9,0.9);
		-o-transform:scale(0.9,0.9);
	}
	100%{
		filter:grayscale(0);
		-moz-filter:grayscale(0);
		-webkit-filter:grayscale(0);
		-o-filter:grayscale(0);
		opacity:1;
		transform:none;
		-moz-transform:none;
		-webkit-transform:none;
		-o-transform:none;
	}
}
@-o-keyframes logo{
	0%{
		filter:grayscale(100%);
		-moz-filter:grayscale(100%);
		-webkit-filter:grayscale(100%);
		-o-filter:grayscale(100%);
		opacity:0.1;
		transform:scale(0.9,0.9);
		-moz-transform:scale(0.9,0.9);
		-webkit-transform:scale(0.9,0.9);
		-o-transform:scale(0.9,0.9);
	}
	100%{
		filter:grayscale(0);
		-moz-filter:grayscale(0);
		-webkit-filter:grayscale(0);
		-o-filter:grayscale(0);
		opacity:1;
		transform:none;
		-moz-transform:none;
		-webkit-transform:none;
		-o-transform:none;
	}
}
#header2{
	position:fixed;
	width:100%;
	right:0;
	top:-80px;
	height:80px;
	background:#fff;
	box-shadow:0 1px 4px rgba(0,0,0,0.3);
	-moz-box-shadow:0 1px 4px rgba(0,0,0,0.3);
	-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.3);
	-o-box-shadow:0 1px 4px rgba(0,0,0,0.3);
	transition:all ease 0.2s;
	-moz-transition:all ease 0.2s;
	-webkit-transition:all ease 0.2s;
	-o-transition:all ease 0.2s;
	z-index:2;
}
.header2-active{
	top:0 !important;
}
#header2 .logo{
	width:116px;
	height:70px;
	float:right;
	background:url(imgs/logo.png) no-repeat center;
}
.container{
	width:750px;
	margin:0 auto;
	padding:15px;
}
.no-padding{
	padding:0;
}
h1,h2{
	font-weight:normal;	
}
h1{
	color:#151515;
	font-size:29px;
	line-height:45px;
}
h2{
	color:#656565;
	font-size:17px;
	line-height:45px;
}
p{
	margin-top:30px;	
}
li{
	list-style:none;
	position:relative;
	padding-right:20px;
}
li::before{
	content:"";
	width:8px;
	height:8px;
	border-radius:100%;
	background:#8DC63F;
	position:absolute;
	top:50%;
	margin-top:-4px;
	right:4px;	
}