@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');


.timeline ul{
	list-style-type:none;
	border-left:2px solid #094a68;
	padding:10px 5px;
}
.timeline ul li{
	padding:20px 20px;
	position:relative;
	cursor:pointer;
	transition:.5s;
}

.timeline ul li .content h3{
	color:#5c3e26;
	font-size:17px;
	padding-top:5px;
}
.timeline ul li .content p{
	padding:5px 0px 15px 0px;
	font-size:15px;
}
.timeline ul li:before{
	position:absolute;
	content:'';
	width:10px;
	height:10px;
	background-color:#5c3e26;
	border-radius:50%;
	left:-11px;
	top:28px;
	transition:.5s;
}

.timeline ul li:hover:before{
	background-color:#0F0;
	box-shadow:0px 0px 10px 2px #0F0;
}
@media (max-width:300px){
	.timeline{
		width:100%;
		padding:30px 5px 30px 10px;
	}
	.timeline ul li .content h3{
		color:#34ace0;
		font-size:21px;
	}

}
* {
	margin: 0;
	padding:0;
	font-family: 'Droid Arabic Kufi', Tahoma, Arial;
	font-size:15px;
	font-weight:normal;
	color:#363636;
	text-decoration:none;
}
h1{font-size:20px; color:#0c5f94;}
h2{font-size:17px; color:#0c5f94;}
h3{font-size:15px; color:#965406; display:inline-block;}
/* إستدعاء خط Hacen Liner Screen */
a{text-decoration:underline;color:#1164df}
a:hover{text-decoration:none;}

/*
@font-face {
  font-family: "Hacen Tunisia";
  src: url("fonts/Hacen_Tunisia_Lt.eot"); 
  src: url("fonts/Hacen_Tunisia_Lt.eot?") format("eot"),
 url("fonts/hacen_tunisia_lt.otf") format("opentype"), 
 url("fonts/Hacen_Tunisia_Lt.ttf") format("truetype"); 
}
*/


html, body {
	height: 100%;
	min-height:650px;
	direction:rtl;
}

img{border:0;}

body {
	background:#dfd2c0 url(images/body_bg.jpg) center 433px;
   overflow-y:scroll;
	bottom:0;
}

#cms{
	background:url(images/bg.jpg) top center repeat-x;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	width:100%;
	position:relative;
}
#wrapper{
	overflow:hidden;
	z-index:1;
	min-height: 650px;
	height: auto !important;
	height: 100%;
	position:relative;
	width:1200px;
	margin:0 auto;
}

#wrapper div{text-align:justify;}

.menu{
	width:1200px;
	height:85px;
	z-index:9999;
}
.menu a{
	height:85px;
	cursor:pointer;
	display:block;
	overflow:hidden;
	float:right;
	background:url(images/menu.jpg);
}
.menu a span.hover{
	height:0px;
	width:100%;
	cursor:pointer;
	display:block;
	background:url(images/menu.jpg);
}

.menu a.link_1{width:72px; background-position:-1124px top;}
.menu a.link_1 span.hover{background-position:-1124px 85px;}

.menu a.link_2{width:152px; background-position:-975px top;}
.menu a.link_2 span.hover{background-position:-975px  85px;}

.menu a.link_3{width:88px; background-position:-887px top;}
.menu a.link_3 span.hover{background-position:-887px  85px;}

.menu a.link_4{width:107px; background-position:-780px top;}
.menu a.link_4 span.hover{background-position:-780px  85px;}

.menu a.link_5{width:154px; background-position:-626px top;}
.menu a.link_5 span.hover{background-position:-626px  85px;}

.menu a.link_6{width:115px; background-position:-511px top;}
.menu a.link_6 span.hover{background-position:-511px  85px;}

.menu a.link_7{width:83px; background-position:-428px top;}
.menu a.link_7 span.hover{background-position:-428px  85px;}

.menu a.link_8{width:232px; background-position:-196px top;}
.menu a.link_8 span.hover{background-position:-196px  85px;}

.menu a.link_9{width:93px; background-position:-103px top;}
.menu a.link_9 span.hover{background-position:-103px 85px;}

.menu a.link_10{width:104px; background-position:-4px top;}
.menu a.link_10 span.hover{background-position:-4px 85px;}




.logo{
	background:url(images/logo.png) no-repeat top right;
	display:block;
	width:186px;
	position:absolute;
	height:272px;
	z-index:9999;
/*	top:190px;*/
	top:113px;
	right: 509px;
/*	top:125px;
	right:110px*/
/*	top: 221px;
	right: 350px;*/
/*	top: 185px;
	right: 245px;	*/
}

.page_1{
	position:absolute;
	right:180px;
	top:30px;
	background:url(images/home_bg.png) no-repeat;
	text-align:center !important;
	width:837px;
	padding-top:40px;
	height:614px;
	font-size:16px;
}

.page_2,.page_3,.page_5,.page_6,.page_7,.page_8{
	padding-top:40px;
}

.page_2 .Pthumb img{margin:83px 35px 0 0;}


.Pthumb{
	width:220px;
	height:205px;
	margin-top:215px;
	margin-right:110px;
	float:right;
}
.Ptxt{
	padding:0 20px 0 0;
	float:right;
	width:720px;
	background:url(images/border.jpg) repeat-y right;
	height:1170px;
}
.Ptxte{
	padding:0 20px 0 0;
	float:right;
	width:2720px;
	background:url(images/border.jpg) repeat-y right;
	height:1170px;
}

.page_3 .Ptxt div{height:95px;}
.page_3 .Ptxt div img{margin-left:15px;}
.page_5 .Ptxt div{width:250px; float:right;}
.page_5 .Ptxt P{float:right; width:470px; border-bottom:1px dashed #777; margin:10px 0 10px 0;padding-bottom:13px }
.page_6 .Ptxt div{
	display:block;
	width:100%;
	height:58px;
	padding-top:7px;
	border-bottom:1px dashed #777;
}
.page_6 .Ptxt div img{
	margin-left:5px;
}
.page_7 .Ptxt ul{margin:10px 35px 10px 10px;}
.page_7 .Ptxt ul li{
	list-style-image:url(images/li_bult.png);
	line-height:32px;
}

.page_8 .Ptxte ul{margin:10px 35px 10px 10px;}
.page_8 .Ptxte ul li{
	list-style-image:url(images/li_bult.png);
	line-height:32px;
}


img.light{
	padding:2px;
	border:1px solid #b6ab9c;
	margin-top:10px;
}

.page_9{
	width:550px;
	height:275px;
	padding-right:270px;
	text-align:right !important;
	margin:0 auto 0;
	padding-top:110px;
}
.page_9 .Ptxt{
	height:250px;
}
.page_9 .Ptxt h1{
	font-size:27px;
}


#footer{
	background:#e5b673;
	width:100%;
	margin:0 auto;
	height:46px;
	position:absolute;
	bottom:0;
	z-index:3;
}
#footer .centring{
	background:#da9440;
	position:relative;
	width:1200px;
	height:46px;
	margin:0 auto;
}
#footer .contrib{
	background:url(images/footer_header.jpg) no-repeat bottom right;
	line-height:45px;
	padding-right:20px;
	padding-top:28px;
	font-size:17px;
	color:#4e2b0b;
	width:1015px;
	height:46px;
	position:absolute;
	bottom:0;
	right:0;
}
#footer .social{
	background:url(images/social_header.jpg) no-repeat bottom right;
	line-height:45px;
	padding-right:5px;
	width:155px;
	height:46px;
	position:absolute;
	bottom:0;
	left:0;
}
.social a{
	width:32px;
	height:32px;
	float:right;
	display:block;
	background:url(images/social_btns.jpg) no-repeat;
	margin:7px 9px 0 9px;
}
.social a.facebook		 {background-position:right top;}
.social a.facebook:hover{background-position:right bottom;}

.social a.twitter		{background-position:center top;}
.social a.twitter:hover{background-position:center bottom;}

.social a.google		  {background-position:left top;}
.social a.google:hover{background-position:left bottom;}

#slider{
	top:0 !important;
	z-index:999;
	direction:ltr;
}
#slider ul li{
	list-style:none;
}
.page_container{
	direction:rtl;
	top:0;
	width:1200px;
	height:3550px;
	position:relative;
	background:url(images/page_container_bg.jpg) no-repeat;
}
.page_containere{
	direction:rtl;
	top:0;
	width:1200px;
	height:3550px;
	position:relative;
	background:url(images/page_container_bg.jpg) no-repeat;
}
.blog{
	background:#f2e9dd;
	text-align:center;
	padding:28px 0 0 0;
}