@charset "utf-8";
/* CSS BY AbdalQader Mohammed */
@font-face {
  font-family: 'mbc';
  font-style: normal;
  src: url(../fonts/mbc.eot);
  src: url(../fonts/mbc?#iefix) format('embedded-opentype'),
   url(../fonts/mbc.woff) format('woff'),
   url(../fonts/mbc.ttf) format('truetype');
}
body ,html {
	margin:0 !important;
	border:0 !important;
	height:100%;
	direction:rtl !important;
	font-family: 'mbc' !important;
}
p {
	font-size:16px;
	color:#777777;
}
h1 ,h2 ,h3 {
	color:#000000;
}
h4 ,h5 {
	color:#777777;
}
.heedar {
	background: url(../images/bg.jpg) no-repeat #E7E7E7;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center;
	background-size: cover;
	padding-bottom: 2em;
	padding: 10px 0;
	left: 0;
	right: 0;
	top: 0;
	z-index: 9999;
}
.loginwindo {
	margin-top:2px;
}
.loginwindo:hover {
	opacity:0.8;
}
.heedar p {
	color:#FFFFFF;
}
#top-nav {
	padding: 10px 0px 0px 0px;
	background: rgba(0, 0, 0, 0.36);
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	z-index: 9999;
}

.top-nav{
	float:right;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.top-nav ul li{
	display:inline-block;
}
.top-nav ul li a{
	text-shadow:#000000 0px 0px 3px;
	color: #FFF;
	font-size:24px;
	padding: 20px;
	display: block;
	text-decoration:none;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.top-nav ul li a:hover{
	color:#02adea;
}
.top-nav li.active> a, .top-nav li> a:hover {
	color: #02adea;
}
.introduction {
	padding-top:140px;
}
.introduction h1, h3 {
	color:#FFFFFF;
}
.introduction h3 {
	color:#FFFFFF;
}
#information-more {
	background: url(../images/sub-bg.png);
	padding-top:10px;
	padding-bottom:20px;
}
.information-more h3 {
	color:#FFFFFF;
	text-align:right;
}
.information-more a {
	text-align:center;
	color:#FFFFFF;
	font-size:24px;
	background:#125a7a;
	padding:5px;
	padding-bottom:7px;
	display:block;
	line-height:40px;
	margin-top:12px;
	text-decoration:none;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.information-more a:hover {
	color:#FFFFFF;
	background:#a81818;
	text-shadow:#000000 1px 2px 6px;
	text-decoration:none;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.mobail {
	background:url(../images/sub-bg.png) repeat;
	margin:20px 0px 10px 0px;
}
.mobail h2{
	color:#FFFFFF;
	text-align:center;
	padding:5px 0px 5px 0px;
}
.mobail h3 {
	color:#FFFFFF;
}
.mobail a {
	text-align:center;
	color:#FFFFFF;
	font-size:24px;
	background:#125a7a;
	padding-bottom:7px;
	display:block;
	margin-top:12px;
	text-decoration:none;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.mobail a:hover {
	color:#FFFFFF;
	background:#a81818;
	text-shadow:#000000 1px 2px 6px;
	text-decoration:none;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.Special img {
	border:#125a7a solid 10px;
}
.Special {
}
.Special h1, h4 {
	text-align:center;
}
special p{
	text-align:center;
}
.footer {
	background:#171717;
	border-top:#ffd700 solid 8px;
	padding:5px 0px 5px 0px;
}
.footer-list ul {
	width:auto;
}
.footer-list ul li {
	display:block;
}
.footer-list ul li a {
	padding:2px;
	color:#777777;
	text-decoration:none;
	font-size:20px;
}
.footer-list ul li a:hover {
	color:#2a516e;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.bottom {
	background:#1e1c1c;
}
.contact-social {
	margin-top:15px;
	float:left;
}
.contact-social ul li{
	display:inline-block;
}
.contact-social ul li a{
	display:block;
}
.contact-social ul li img{
	display:block;
}
.contact-social ul li a{
	padding:15px;
	display: block;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.contact-social ul li a:hover{
	background:#000;
}
.copyright h4 {
	text-align:right;
	line-height:55px;
}