@import url(https://fonts.googleapis.com/earlyaccess/droidarabickufi.css);
@import url(https://fonts.googleapis.com/earlyaccess/droidarabicnaskh.css);
@font-face {
    font-family: 'hacen_light';
    src: url('fonts/HacenLinerPrint-outLight.eot');
    src: url('fonts/HacenLinerPrint-outLight.eot?#iefix') format('embedded-opentype'),
         url('fonts/Hacen Liner Print-out Light.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
	font-family: 'hacen_xxl';
    src: url('fonts/Hacen_Liner_XXL.eot');
    src: url('fonts/Hacen_Liner_XXL.eot?#iefix') format('embedded-opentype'),
         url('fonts/Hacen Liner XXL.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
	font-family: 'hacen_screen';
    src: url('fonts/Hacen_Liner_Screen.eot');
    src: url('fonts/Hacen_Liner_Screen.eot?#iefix') format('embedded-opentype'),
         url('fonts/Hacen Liner Screen.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
body{
	margin:0;
	padding:0;
	font-size:13px;
	font-family:Tahoma, Geneva, sans-serif;	
	color:#212224;
}
a{
	text-decoration:none;	
	outline:none;
}
img{
	border:none;
}
.site_width{
	position:relative;
	width:1124px;
	margin:0 auto;
	direction:rtl;
	/*background:#F00;*/
}
header#head{
	font-size:0;
	background:#cbd6c5;
	border-top:8px solid #95a58a;
}
header#head .site_width{
	height:156px;
}
header#head img.markaz_logo{
	margin:19px 0 0 0;
	height:111px;
	
	border-left:1px solid #e3eeeb;
}
header#head div.mag_logo_con{
	display:inline-block;
	vertical-align:top;
}
header#head div.mag_logo_con img.mag_logo{
	margin:19px 0 0 0;
	height:111px;
	
	border-right:1px solid #acbbb6;
}
header#head div.mag_logo_con div.issn_code{
	color:#ada6a9;
	text-align:center;
	font-size:11px;
	padding-right:14px;
}
header#head #head_links{
	font-size:13px;
	float:left;
}
header#head #head_links a{
	display:inline-block;
	width:32px;
	height:23px;
	background:#95a58a;
	text-align:center;
	color:#e3ecde;
	font-size:19px;
	padding:4px 0 0 0;
	vertical-align:top;
}
header#head #head_links a:hover{
    background:#819375;
    color:#d8e1e0;
}
header#head img.abasiya_logo{
	width:83px;
	position:absolute;
	bottom:15px;
	left:0;
}

nav#top_menu{
	background:#65a091;
	height:60px;
}
nav#top_menu ul#menu{
	list-style:none;
	margin:0;
	padding:0;
	font-size:0;
	border-right:1px solid #458c77;
	vertical-align:top;
	white-space:nowrap;
	direction:rtl;
	display:inline-block;
}
nav#top_menu ul#menu li{
	display:inline-block;
	border-left:1px solid #458c77;
}
nav#top_menu ul#menu li a{
	display:block;
	height:60px;
	padding:0 19px;
	color:#e3ecde;
	font-size:15px;
}
nav#top_menu ul#menu li a span.text{
	line-height:60px;
	font-family:"Droid Arabic Kufi";
	font-weight:bold;
	font-size:13px;
	text-indent:13px;
	display:inline-block;
}
nav#top_menu ul#menu li a span.have_drop{
	font-size:17px;
}
nav#top_menu ul#menu li:hover{
	background:#599384;
}
nav#top_menu ul#menu li .drop{
	position:absolute;
	left:0;
	right:0;
	margin:0 -1px 0 0;
	background:#5e5e5e;
	display:none;
	z-index:10000000;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
	overflow:hidden;
}
nav#top_menu ul#menu li:hover .drop{
	display:block;
}
nav#top_menu ul#menu li .drop ul{
	margin:0;
	padding:0;
}
nav#top_menu ul#menu li .drop ul li{
	float:right;
	border:none;
}
nav#top_menu ul#menu li .drop ul li:hover{
	background:none;
}
nav#top_menu ul#menu li .drop ul li a{
	height:auto;
	padding: 0 13px 0 19px;
}
nav#top_menu ul#menu li .drop ul li a .fa{
	color:#bb952a;
}
nav#top_menu ul#menu li .drop ul li a span.text{
	color:#e9e9e9;
	line-height:45px;
	display:inline-block;
	text-indent:0;
	transition:color 350ms;
}
nav#top_menu ul#menu li .drop ul li:hover a span.text{
	color:#2ebdae;
}
header#scrol_head{
	background:#f2f1f1;
	border-bottom:3px solid #5e5e5e;
	position:fixed;
	top:60px;
	left:0;
	right:0;
	display:none;
	height:50px;
	z-index:50000;
	opacity:0.9;
}
header#scrol_head img.s_h_markaz_logo, header#scrol_head img.s_h_mag_logo, header#scrol_head img.s_h_mag_logo_d{
	height:35px;
	margin:8px 0 0 0;
}
header#scrol_head img.s_h_abasiya_logo{
	float:left;
	margin:5px 0 0 0;
	height:40px;
}
#row_one{
	overflow:hidden;
}
#row_one .search_box{
	background:#edf0ef;
	position:absolute;
	top:0;
	left:0;
	width:300px;
	height:48px;
	border-radius:4px;
	overflow:hidden;
}
#row_one .search_box .s_b_keyword{
	border:none;
	width:100%;
	height:46px;
	background:none;
	outline:none;
	padding:0 10px 0 0;
	box-sizing:border-box;
	color:#6c817c;
	font-family:"Droid Arabic Kufi";
	font-size:12px;
}
#row_one .search_box .s_b_submit{
	position:absolute;
	top:0;
	left:-1px;
	padding:15px 7px;
	border:none;
	font-size:19px;
	color:#859c96;
	cursor:pointer;
	background:#edf0ef;
}
#row_one .news_box{
	margin:20px 0 20px 320px;
	border-radius:3px;
	/*overflow:hidden;*/
}

#row_one .inve-box{
	/*background:red;*/
	position:absolute;
	top:58px;
	left:0;
	width:300px;
	height:380px;
	overflow:hidden;
}
#row_one .inve-box .inve_tab{
	border-radius:4px;
	overflow:hidden;
}
#row_one .inve-box .inve_tab h3{
	background:#dfe7e9;
	padding:0;
	margin:0;
	height:45px;
	color:#8d9b8b;
	font-family:"Droid Arabic Kufi";
	font-size:13px;
	line-height:45px;
	text-indent:5px;
	cursor:pointer;
	overflow:hidden;
}
#row_one .inve-box .inve_tab h3 span{
	font-size:18px;
	line-height:45px;
	vertical-align:top;
}
#row_one .inve-box .inve_tab h3 span.tab_du{
	float:left;
	margin:1px 0 0 12px;
}
#row_one .inve-box .inve_tab .con{
	background:#f7f7f7;
	height:227px;
	-webkit-transition-duration:height 350ms;
	transition:height 350ms;
}
#row_one .inve-box .inve_tab .con .i_t_ul_con ul{
	padding:3px 27px 0 16px;
	margin:0;
	list-style:none;
}
#row_one .inve-box .inve_tab .con .i_t_ul_con ul li{
	position:relative;
	margin:10px 0 10px 0;
	font-family:"Droid Arabic Kufi";
	font-size:11px;
	text-align:justify;
}
#row_one .inve-box .inve_tab .con .i_t_ul_con ul li span.fa{
	position:absolute;
	top:6px;
	right:-15px;
	color:#c05757;
}
#row_one .inve-box .inve_tab .con .i_t_ul_con ul li a{
	color:#767676;
}
#row_one .inve-box .inve_tab .con .i_t_ul_con ul li a:hover{
	color:#399;
}

#row_two{
	background:url("img/row_two_title_bg.gif") top center #ece676 no-repeat;
	height:415px;
}
#row_two .row_title{
	text-align:center;
	font-family:"Droid Arabic Kufi";
	font-size:15px;
	line-height:31px;
	color:#906b19;
	margin:0 0 60px 0;
}
#row_two a.last_mag{
	position:absolute;
	right:0;
	background:#fbf1b8;
	border:1px solid #d1c57f;
	padding:1px;
	display:inline-block;
	overflow:hidden;
}
#row_two a.last_mag img{
	/*width:192px;
	height:279px;*/
}
#row_two a.last_mag .title{
	position:absolute;
	bottom:-48px;
	right:-400px;
	background:url("img/last_mag_title_bg.png") no-repeat;
	width:524px;
	height:48px;
	opacity:0.7;
	transition:bottom 1150ms, right 1150ms;
	font-family:"Droid Arabic Kufi";
	font-size:15px;
	line-height:50px;
	color:#FFF;
	font-weight:bold;
	text-indent:20px;
}
#row_two a.last_mag:hover .title{
	bottom:0;
	right:0;
}
#row_two a.last_mag .title span.text{
	position:relative;
	top:50px;
	transition:top 300ms;
}
#row_two a.last_mag:hover .title span.text{
	position:relative;
	top:0px;
}
#row_two .last_mag_inve{
	position:relative;
	background:#dfd85c;
	margin:0 219px 0 0;
	height:281px;
}
#row_two .last_mag_inve .title{
	position:relative;
	background:#f7f4e1;
	width:43px;
	height:281px;
}
#row_two .last_mag_inve .title img{
	position:absolute;
	top:116px;
	left:-21px;
}
#row_two .last_mag_inve .title span{
	transform: rotate(90deg);
	width:281px;
	display:block;
	text-align:center;
	font-family:"Droid Arabic Kufi";
	font-size:17px;
	font-weight:bold;
	position:absolute;
	top:123px;
	left:-118px;
	color:#db6359;
}
#row_two .last_mag_inve .con{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	padding:10px 70px 10px 10px;
	box-sizing:border-box;
}
#row_two .last_mag_inve .con .in{
	height:100%;
	overflow:hidden;	
}
#row_two .last_mag_inve .con .in ul{
	list-style:none;
	padding:0;
	margin:0;
}
#row_two .last_mag_inve .con .in ul li{
	border-radius:3px;
	border:1px solid #dfc45c;
	background:#dfcf5c;
	margin:0 0 8px 0;
}
#row_two .last_mag_inve .con .in ul li:hover{
	background:#ddca5a;
}
#row_two .last_mag_inve .con .in ul li.dark{
	border:1px solid #dbbf54;
	background:#dfc34e;
}
#row_two .last_mag_inve .con .in ul li.dark:hover{
	 background:#dfbf4a;
}
#row_two .last_mag_inve .con .in ul li a{
	color:#894e1c;
	font-family:"Droid Arabic Kufi";
	display:block;
	padding:15px;
}
#row_two .last_mag_inve .con .in ul li a span{
	display:block;
	color:#237a5c;
	padding:7px 20px 0 0;
	font-family:Tahoma, Geneva, sans-serif;
}
#row_two .last_mag_inve .con .in ul li a span b{
	font-size:16px;
	color:#b3362d;
}








#row_three{
	border-top:5px solid #5ac29d;
	/*height:400px;*/
}
#row_three .site_width{
	background:url("img/row_three_title_bg.gif") top center no-repeat;
	margin-top:-5px;
}
#row_three .row_title{
	text-align:center;
	font-family:"Droid Arabic Kufi";
	font-size:15px;
	line-height:41px;
	color:#f7eedb;
	margin:0 0 50px 0;
}
#row_three .row_title a{
	color:#f7eedb;
}
#row_three .row_title a:hover{
	color:#0a5f40;
}
#row_three .last_books{
	font-size:0;
	padding:8px 0 25px 0;
	text-align:center;
}
#row_three .last_books span.book_item{
	display:inline-block;
	font-size:15px;
	box-sizing:border-box;
	padding:10px;
	width:16.66666666666667%;
	
}
#row_three .last_books span.book_item a{
	border:1px solid #cbd4cd;
	display:block;
	position:relative;
	overflow:hidden;
}
#row_three .last_books span.book_item a img{
	width:100%;
	padding:1px;
	box-sizing:border-box;
}
#row_three .last_books span.book_item a .title-bg{
	position:absolute;
	bottom:-255px;
	right:-350px;
	background:url("img/last_book_title_bg.png") no-repeat;
	width:524px;
	height:255px;
	opacity:0.8;
	transition:bottom 1500ms, right 1900ms;
	font-family:"Droid Arabic Kufi";
	font-size:15px;
	line-height:50px;
	color:#FFF;
	font-weight:bold;
	text-indent:20px;
}
#row_three .last_books span.book_item a:hover .title-bg{
	bottom:0;
	right:0;
}
#row_three .last_books span.book_item a .text{
	transition:top 2000ms;
	position:absolute;
	top:300px;
	bottom:0;
	right:0;
	left:0;
	padding:0 5px;
	color:#fff;
	font-family:"Droid Arabic Kufi";
	text-align:center;
	font-size:13px;
	font-weight:bold;
}
#row_three .last_books span.book_item a:hover .text{
	top:20px;
}
@media screen and (max-width:1000px){
	#row_three .last_books span.book_item{
		width:20%;
		
	}
}
@media screen and (max-width:790px){
	#row_three .last_books span.book_item{
		width:25%;
		
	}
}
@media screen and (max-width:630px){
	#row_three .last_books span.book_item{
		padding:2.5% 2.5%;
		width:33.33333333333333%;
		
	}
}
@media screen and (max-width:500px){
	#row_three .last_books{
		padding:15px 5% 35px 5%;
	}
	#row_three .last_books span.book_item{
		padding:5% 5%;
		width:50%;
		
	}
}
@media screen and (max-width:400px){
	#row_three .last_books{
		padding:15px 0 35px 0;
	}
	#row_three .last_books span.book_item{
		padding:2% 2%;
	}
}










#row_four{
	background:url("img/row_par.jpg") no-repeat;
	height:350px;
}
#row_five{
	height:350px;
	background:#eeeeee;
}
#copyright{
	background:#2a2a1b;
	border-top:1px solid #14140a;
	direction:rtl;
	text-align:center;
	color:#dddddd;
	padding:7px 0 10px 0;
	font-size:12px;
}
#copyright a{
	color:#dddddd;
}
#copyright a:hover{
	color:#D6D037;
}


@media screen and (max-width:1165px){
	.site_width{
		width:auto;
		margin:0 20px;
	}
}
@media screen and (max-width:950px){
	.site_width{
		width:auto;
		margin:0 12px;
	}
	header#head .site_width{
		width:auto;
		margin:0 20px;
	}
	#row_one .search_box{
		position:relative;
		width:auto;
		height:48px;
		margin:10px 0 0 0;
	}
	#row_one .news_box{
		margin:10px 0 10px 0;
	}
	#row_one .inve-box{
		position:relative;
		top:0;
		width:auto;
		margin:0 0 10px 0;
	}
}
@media screen and (max-width:824px){
	#row_two{
		text-align:center;
		height:auto;
		padding:0 0 15px 0;
	}
	#row_two a.last_mag{
		position:relative;
		text-align:right;
		margin:0 0 10px 0;
	}
	#row_two .last_mag_inve{
		margin:0;
		text-align:right;
	}
}
@media screen and (max-width:650px){
	header#head .site_width{
		height:133px;
	}
	header#head img.markaz_logo{
		height:90px;
	}
	header#head div.mag_logo_con img.mag_logo{
		height:90px;
	}
	header#head img.abasiya_logo{
		width:75px;
		bottom:9px;
	}	
}
@media screen and (max-width:475px){
	header#head{
		white-space:nowrap;
		text-align:center;	
	}
	header#head img.abasiya_logo{
		display:none;
	}
	header#head #head_links{
		position:absolute;
		top:-8px;
		left:-16px;
	}
}
@media screen and (max-width:437px){
	header#scrol_head img.s_h_mag_logo_d{
		display:none;
	}
}
@media screen and (max-width:380px){
	header#head .site_width{
		height:117px;
	}
	header#head img.markaz_logo{
		height:80px;
	}
	header#head div.mag_logo_con img.mag_logo{
		height:80px;
	}
}
@media screen and (max-width:340px){
	header#head .site_width{
		height:105px;
	}
	header#head img.markaz_logo{
		height:70px;
	}
	header#head div.mag_logo_con img.mag_logo{
		height:70px;
	}
}