body{
	background: url(img/bg.jpg);
	padding: 0px;
	margin: 0px;
	font-family: 'BahijMyriadArabicRegular';
	font-size: 13pt;
}
html, body {
	height: 100%;
}
#body{	
	min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -30px;
}
#header{
	padding: 10px 0px;
	width: 100%;  
	background: url(img/hbg.jpg);  
	background-position: center;
	
 }
#header .logo{
	height: 70px;
	
}
#header .header_left{
	float: left;
	color: #fff;
	margin-top: 20px;
}
#header .header_left a{
	text-decoration: none;
	background: url(img/bg.jpg);
	color: #000;
	padding: 2px 10px;
	border-radius: 5px;
	margin: 6px;
	 transition: all 0.2s ease-in-out;
}

#header .header_left a:hover{
	color: #2a75b9;
	
}
#header .header_left a span{
	vertical-align: middle;
	font-size: 15pt;
}
#lay{
	text-align: right;
	width: 80%; 
}

	
#header2{ 
	width: 100%;  
	padding: 15px 0px;
	background: #2c5982;
}

.header_item{    
    display: flex;
    flex-wrap: wrap;
	justify-content:space-between;
}
.header_item a{
	display: inline-block;
	text-decoration: none;
	color: #fff; 
	min-width: 90px; 
	padding: 3px 5px;
	background:url(img/b1.jpg);  
	text-align: center;  
	width: calc(100% / 9);
	margin-top: -2px; 
	border-radius: 5px;
	text-align: right;
	transition: all 0.3s ease-in-out;
	
}
.header_item a:hover{
	background:url(img/b4.jpg); 
}

.header_item a b{
	vertical-align: middle;
	font-weight: normal; 
	
}
.header_item a img{
	display: inline-block;
	vertical-align: middle;
	height: 30px; 
}

.header_item a span{
	vertical-align: middle;
	margin-left: 5px;
}
#articles{
	display: inline-block;
	width: 57%;
	background: #fff;
	box-shadow: 0px 0px 9px #bbaccc;
}
#articles .title{
	font-size:17pt;
 	background: url(img/b8.jpg);
	color: #fff;
	padding:5px 8px; 
}
#articles .title span{
	vertical-align: middle;
}
#articles .body a{
	text-decoration: none;
	display: block;
	color: #000; 
	border-bottom: 1px solid #f7f7f7;
	padding: 8px;
}
#articles .body a:hover{
	background: #f1f1f1;
}
#articles .body a:last-child{
	border-bottom: 0px;
}
#articles .body a span{
	vertical-align: middle;
	color: #ab86a6;
}
 
#ask_last{
	vertical-align: top;
	display: inline-block;
	width: 41%;
	margin-right: 1%;
	background: #fff; 
	box-shadow: 0px 0px 9px #e4cac7;
}
#ask_last .title{
	font-size:17pt;
	background: url(img/b4.jpg);
	color: #fff;
	padding:5px 8px; 
}
#ask_last .title span{
	 vertical-align: middle;
}

#ask_last .item{
	text-decoration: none;
	display: block; 
	color: #000;
	border-bottom: 1px solid #f7f7f7;
	padding: 8px;
}

#ask_last .item:hover{
	background: #f1f1f1;
}

#ask_last .item:last-child{
	border-bottom: 0;
}

#ask_last .item span{
	vertical-align: middle; 
	color: #a0595c;
}

#block_1{ 
	margin-top: 50px;
}
#article_right{ 
	width: 73%; 
	display: inline-block;
	padding-left: 2%;
	text-align: justify;
}
#article_right .item_qala{
	padding-top: 30px;
	padding-bottom: 50px;
	border-bottom: 1px solid #efefef;
	font-size: 16pt;
}
#article_right .item_qala:nth-last-child(4){
	border-bottom: 0px;
}


#article_right .item_qala_note{ 
	font-size: 12pt;
	color: #6f8aab;
	margin-top: 20px;
}

.tools{
	margin-top: 20px;
	margin-bottom: 20px;
}
.tools span{
	display: inline-block;
	background: #d9ebff;
	margin: 1px 10px;
	border-radius: 5px;
	padding: 1px 10px;
}
#qala_right{ 
	width: 73%; 
	display: inline-block;
	padding-left: 2%;
	text-align: justify;
}

#qala_left{ 
	width: 24%;
	vertical-align: top;
	padding-left: 2%;
	padding-right: 2%;
	border-right: 1px solid #efefef;
	display: inline-block;
	float: left;
}


#article_left{ 
	width: 24%;
	vertical-align: top;
	padding-left: 2%;
	padding-right: 2%;
	border-right: 1px solid #efefef;
	display: inline-block;
	float: left;
}
#article_left #articles_cat{
	margin-top: 20px;
}
#article_left #articles_cat .item{
	text-decoration: none;
	color: #000;
	display: block;
	font-size: 14pt;
	margin-bottom: 7px;
	background: #d9ebff;
    border-radius: 5px;
    padding: 5px;
	
    transition: all 0.3s ease-in-out;
}
 
#article_left #articles_cat .item span{
	vertical-align: middle;
	font-size: 13pt;
	color: #699cca; 
}
#article_left #articles_cat .item:hover{
	background: #dcffd9;
	
}

#article_left #articles_cat .item:hover span{
	color: #3e9138;
}
 
#article_left #articles_more{
	margin-top: 30px;
}
#article_left #articles_more .item{
	text-decoration: none;
	color: #000;
	display: flex;
	font-size: 14pt;
	margin-bottom: 7px;
	padding:  5px 0px;
	
	border-bottom: 1px solid #f4f4f4;
}

#article_left #articles_more .item:last-child{
	border-bottom: 0px;
}
 
#article_left #articles_more .item span{
	vertical-align: middle;
	font-size: 15pt;
	color: #699cca; 
}

#article_left #articles_more .item:hover{
 
	color: #4381ff;
	font-weight: bold;
}

#article_left #articles_more .item:hover span{ 
	color: #4381ff; 
} 

#article_left .title{
	font-size: 18pt;
	margin-bottom: 8px;
    background: #fbd4bd;
    padding: 5px;
    text-align: center;
}

#article_left #books_cat{
	margin-top: 20px;
}
#article_left #books_cat .item{
	text-decoration: none;
	color: #000;
	display: block;
	font-size: 14pt;
	margin-bottom: 7px;
	background: #fde7d5;
    border-radius: 5px;
    padding: 5px;
	
    transition: all 0.3s ease-in-out;
}
 
#article_left #books_cat .item span{
	vertical-align: middle;
	font-size: 13pt;
	color: #d0a57a; 
}
#article_left #books_cat .item:hover{
	background: #f1b98b;
	
}

#article_left #books_cat .item:hover span{
	color: #d28546;
}

.a2a_kit{
	margin-left: 20px;
	margin-bottom: 20px;
	margin-top: 20px;
	display: block; 
}
#players {
	background: #edf0f3;
	width: 96%;
	margin: 0px 2%;
	margin-top: 30px;
	margin-bottom: 50px;
}

#players .rows:last-child {
	border-bottom: 0px;
}

#players .rows {
	height: 50px;
	line-height: 50px;
	border-bottom: 1px solid #cdcfd2;
}

#players .rows span strong {
	font-weight: normal;
	font-size: 10pt;
}

#players .rows span {
	display: inline-block;
	margin-right: 10px;
}

#players .rows .download {
	float: left;
	margin-left: 10px;
	font-size: 23pt;
	line-height: 30px;
	height: 30px;
	margin-top: 11px;

}

#players .rows span:last-child {
	float: left;
	margin-left: 10px;
	font-size: 10pt;
}
.pl{
	width: 100%;
}
.pl span{
	vertical-align: middle;
	float: left;
	color: #2d5b7b;
}
.pl b{
	vertical-align: -webkit-baseline-middle;
	color: #2d5b7b;
	float: left;
}

.downloadaudio{  
	
}
.downloadaudio:hover{
	text-decoration: none; 
	background: #7d6184;
}
 
 
#reklam{
	display: inline-block;
	width: 22%;
	margin-right: 2%;
 }
#reklam img{
	width: 100%;
	border-radius: 5px;
    transition: all 0.3s ease-in-out;
}
#reklam img:hover{	 
    -webkit-transform: scale(1.02, 1.02);
    transform:  scale(1.02, 1.02);
}	
#tafsir{ 
	vertical-align: top;
	display: inline-block;
	width: 75%;
	background: #fff; 
	box-shadow: 0px 0px 9px #d2e8e0;
	padding-bottom: 10px;
}
#tafsir .title{
	font-size:17pt;
 	background: url(img/b3.jpg);
	color: #fff;
	padding:5px 8px; 
}
.title span{
	 vertical-align: middle;
}
#tafsir .body{
}

#tafsir .quran{
	margin: 5px;
	font-weight: normal;
	color: #3a564c;
	font-size: 14pt;
	font-family: 'me_quran';
	
}
#tafsir .tafsir{
	margin: 5px;
	font-weight: normal;
	color: #000;
	line-height: 27px;
	font-size: 13pt; 
	margin-top: 15px;
}
#tafsir .nav{
	border:1px solid #86ab9d;
	display: inline-block;
	margin:5px 10px;
	color: #2d4c40;
	border-radius: 5px;
	float: right;
}
#tafsir .nav span{ 
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	border-left:1px solid #86ab9d;
	padding: 0px 10px;
}
#tafsir .nav strong{ 
	font-weight: normal;
	padding: 0px 10px;
	font-weight: bold;
}
#tafsir .more{
	border:1px solid #86ab9d;
	border-radius: 5px;
	color: #2d4c40;
	margin:5px 10px;
	text-decoration: none;
	float: left; 
	padding: 0px 10px;
}

#tafsir .more:hover{
	background: #86ab9d;
	color: #fff;
}
#bang{
	
	width:88%;	
	background: rgb(3,90,94);
	background: linear-gradient(322deg, rgb(44 89 130) 0%, rgb(92 129 162) 100%);
	color: #fff; 
	margin-top: 20px;
	margin-bottom: 10px;  

}
#bang .location{
	background: rgb(44 89 130);
	text-align: right;
	
}
#bang td b{
	font-weight: normal;
	font-size: 17pt;
}
#bang td{
	padding: 10px;
	border-bottom: 1px solid rgb(44 89 130);
}
#bang tr:last-child td{
	border-bottom: 0;
}	


#block_2{
	margin-top: 50px;
}
#block_3{
	margin-top: 50px;
}
#block_4{
	margin-top: 50px;
}

#block_6{
	margin-top: 50px;
}

#audio_list{
    display: flex;
    flex-wrap: wrap;
	justify-content:space-between;

}
#audio_list a{  
	text-decoration: none;
	color: #000;
	width: calc(90% / 4);
	height: 80px;
	margin-bottom: 1%;
	background: #fff; 
	font-size: 15pt;
	text-align: center;
	display: table; 

	
	border: double 2px transparent;
	border-radius: 10px;
	background-image: linear-gradient(white,white), 
				linear-gradient(to right, rgba(110, 165, 209,1), rgba(179, 120, 69,1));
	background-origin: border-box;
	background-clip: content-box, border-box; 
	 
	box-shadow: -6px 0px 10px -9px #6fa5d0, 6px 0px 10px -9px #b37846;
	 
	cursor: pointer;
    transition: all 0.3s ease-in-out;
}

#audio_list a span{  
	display: table-cell;
	vertical-align: middle;
}
 

#audio_list a:hover{	 
    -webkit-transform: scale(1.05, 1.05);
    transform:  scale(1.05, 1.05);
}	


#block_5{
	margin-top: 50px; 
	vertical-align: top;
	display: inline-block;
	width: 100%;
	background: #fff;
	box-shadow: 0px 0px 9px #c7b29c; 
}
#block_5 .owl-carousel{ 
	margin:1%;
	width: 98%
}
#block_5 .owl-carousel .item{
	border: 1px solid #cc9e6e; 
	margin: 1%;
    transition: all 0.3s ease-in-out;
}

#block_5 .owl-carousel .item:hover{
	border: 1px solid #cc9e6e; 
	box-shadow: 0px 0px 5px #e17f18;
}

#book_slider .title{
	font-size:17pt;
 	background: url(img/b2.jpg);
	color: #fff;
	padding:5px 8px; 
}
 
#finder{
	background: #fff;
	height: 400px;
	margin-bottom: 50px;    
	padding-bottom:40px;
	box-shadow: 0px 0px 10px #b1bec7;
}
#finder .title{
	font-size:17pt;
	background: url(img/b1.jpg);
    background-position: bottom;

	color: #fff;
	padding:5px 8px; 
}
 
#finder #mamosta{
	display: inline-block; 
	width: 24%;
	height: 400px;
}
#finder #mamosta .item{
	cursor: pointer;
	padding:10px 5px;
	border-bottom: 1px solid #f1f5f9;
}

#finder #mamosta .item:hover{
	background: #d9eaf7;
}

#finder #mamosta .item span{
	vertical-align: middle;
	color: #568ab3;
}
#finder #audios{
	display: inline-block; 
	width: 35%;
	height: 400px;
}
#finder #audios .item{
	cursor: pointer;
	padding:10px 5px;
	border-bottom: 1px solid #f1f5f9;
}

#finder #audios .item:hover{
	background: #d9eaf7;
}

#finder #audios .item span{
	vertical-align: middle;
	color: #568ab3;
}
#finder #audios .link{
		cursor: pointer;
		text-decoration: none;
		color: #000;
		display: block;
		padding:10px 5px;
		border-bottom: 1px solid #dfdfec;
		font-size: 11pt;
	}
	#finder #audios .link:hover{
		background: #eaf7ff;
	}

	#finder #audios .link span{
		vertical-align: middle;
		color: #2e6b91;
	}
	 #finder #audios .link:last-child{
		border-bottom: 0px;
	}
 
#finder #items{
	display: inline-block; 
	width: 40%;
	height: 400px;
}
 #finder #items .item{
	cursor: pointer;
	padding:10px 5px;
	border-bottom: 1px solid #f7f3f3;
}

#finder #items .item:hover{
	background: #d9eaf7;
}

#finder #items .item span{
	vertical-align: middle;
	color: #568ab3;
}
#finder .audio_title{
	margin-top:10px;
	margin-bottom:10px;
     font-size: 17pt;
    text-align: right;
	text-decoration: none;
	color: #000;
}
#finder .audio_mamosta{
	margin:5px 0px; 
    text-align: right;
}

#finder .audio_title span{
	vertical-align: middle;
	color: #568ab3;
	font-size: 20pt;
} 
#finder .audio_mamosta span{
	color: #568ab3;
	vertical-align: middle;
	font-size: 16pt;
}
#finder .audio_count{
	margin:5px 10px;  
	border: 1px solid #568ab3;
	color: #568ab3;
	font-size: 12pt;
    border-radius: 10px;
    display: inline-block;
    padding: 0px 10px;
	float: left;
}
#finder .audio_count span{
	color: #568ab3;
	font-size: 11pt;
	vertical-align: middle;
}
#finder .aduio_header{
	padding: 10px; 
}

.audio_book_title{
	background: #d6e5f7;
	border-radius: 3px;
	padding: 2px 10px;
	display: inline-block;
	margin-top: 40px;
	margin-bottom: 10px;
}
#footer{
	background: url(img/b9.jpg); 
	width: 100%;
	margin-top: 80px; 
	height: 162px;
}
 
#footer #right {
    display: inline-block;
    width: 23%;
    vertical-align: middle;
    margin-top: 20px;
    text-align: right;
}
#footer #center {
    display: inline-block;
    width: 50%;
    vertical-align: middle;
	padding: 1%;
} 
#footer #center a{
    display: inline-block;
	text-decoration: none;
	color: #fff;
	width: 30%;
	margin: 0.5%;
}
#footer #center a:hover{
	color: #fffb82;
}


#footer .logo { 
    text-align: right;
    height: 60px;
    -moz-transition: all .1s ease-in;
    -o-transition: all .1s ease-in;
    -webkit-transition: all .1s ease-in;
    transition: all .1s ease-in;
}
#footer .logo:hover {
    opacity: 0.9;
    -webkit-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05);
}
#footer #left {
	padding-top: 10px;
    display: inline-block;
    width: 23%;
	text-align: left;
    vertical-align: middle;   
 } 
#footer #left div{ 
    display: block;
	text-decoration: none;
	color: #fff;
 	margin: 4px;
	background: #1d1d1d;
	padding: 2px 10px;
	text-align: right;
	border-radius: 5px;
	width: 130px;
}
#footer #left div b{
	font-size: 15pt;
}

.body_social {
    display: block;
}
.body_social img {
    -moz-transition: all .1s ease-in;
    -o-transition: all .1s ease-in;
    -webkit-transition: all .1s ease-in;
    transition: all .1s ease-in;
    width: 28px;
    margin: 0px 5px;
    border-radius: 5px; 
}
.body_social img:hover {
    -webkit-transform: scale(1.10, 1.10);
    transform: scale(1.10, 1.10);
 }

#article_block{ 
	width: 98%;
	padding: 1%;
	background: #fff; 
	box-shadow: 0px 0px 9px #b3c4d4;
	display: flex;
	height:auto;

}
#article_block #article_right .title{
	font-size:23pt; 
	margin-bottom: 10px;
 	padding: 2px 10px;
	border-radius: 5px;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffe4b2+99&0+0,1+99 */
background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,228,178,1) 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,228,178,1) 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,228,178,1) 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffe4b2',GradientType=1 ); /* IE6-9 */

}
#article_block #article_right .title span{
	vertical-align: middle;
} 
#article_block #article_right .body{
	font-size: 15pt; 
	line-height: 35px;
}
#article_block #article_right .ask_item{
	text-decoration: none;
	display: block;
	color: #000;
	font-size: 15pt;
	border-bottom: 1px solid #f3f3f3;
	padding: 5px;
}

#article_block #article_right .ask_item:last-child{
	border-bottom:0px;
}

#article_block #article_right .ask_item span{
	vertical-align: middle;
}
	
#article_block #article_right .ask_item:hover{
	color: #ba2727;
	font-weight: bold;
}
	
.walamakan_link{
	background: url(img/b4.jpg);
	display: block;
	margin:  20px auto;
	width: 400px;
	color: #fff;
	padding: 5px;
	text-align: center;
	text-decoration: none;
	letter-spacing: 5px;
	font-size: 20pt;
	font-family: sans-serif;
	border-radius: 5px;
}

.cats .item_sub{ 
	padding: 5px 10px;
	text-decoration: none; 
	color: #000; 
	margin:0px 1%;
	width: 98%;
	font-size: 15pt; 
	display: inline-block;
	background: #eaf4ff;
	border-bottom: 1px solid #cfe3f9;
}
.cats .item_sub:nth-last-child(2){
	border-bottom: 0px;
}

.cats .item_sub:hover{
	background: #c2d8f1;
}
.cats .item_sub span{ 
	vertical-align: middle;
	margin-left: 5px;
}

.cats .item{
	text-decoration: none;
	display: block;
	color: #000;
	font-size: 15pt;
	border-bottom: 1px solid #f3f3f3;
	padding: 5px;
}
.cats .item:hover{
	color: #358ede;
	font-weight: bold;
}

.cats .item:nth-last-child(2){
	border-bottom: 0px;
}


.pagenation{ 
	margin-top: 20px;  
}

.pagenation a , .pagenation strong{
    text-decoration:none;
    display: inline-block; 
    background:#74a3ce;  
    border:none; 
    font-size:18pt; 
	width: 35px;
	height: 35px;
    text-align: center;  
    color:#fff;  
	margin: 4px;
}
 

.pagenation a:hover{
    background:#295277;  
}
.pagenation strong{
    color:#fff;
    background:#295277 ;
}


#left_audio{
	display: inline-block;
	width: 23%;
	margin-right: 1%;
	vertical-align: top;
}

#left_audio #audio_lists{
	width: 100%;
	display: block;
	margin-right:0%;
}


#audio_lists{ 
	margin-right: 1%;
	margin-bottom: 20px;
	vertical-align: top;
	width: 23%;
	display: inline-block;
	background: #fff; 
	box-shadow: 0px 0px 9px #b3c4d4;
}
#audio_lists .title{
	font-size:17pt;
	background: url(img/b1.jpg);
    background-position: bottom;
	color: #fff;
	padding:5px 8px; 
}
#audio_lists .title span{
	vertical-align: middle;
}
#audio_lists .body a{
	text-decoration: none;
	display: block;
	color: #000;
	margin: 5px;
	border-bottom: 1px solid #f7f7f7;
	padding: 5px;
}
#audio_lists .body a:last-child{
	border-bottom: 0px;
}
#audio_lists .body a span{
	vertical-align: middle;
	color: #6ea5cc;
	font-size: 14pt;
}


#audio_view_block{
	display: inline-block;
	width: 75%;
	background: #fff;
	box-shadow: 0px 0px 9px #b3c4d4;
}
#audio_view_block .title{
	font-size:17pt;
	background: url(img/b1.jpg);
    background-position: bottom;
	color: #fff;
	padding:5px 8px; 
}
#audio_view_block .title span{
	vertical-align: middle;
} 
#audio_view_block .body{
	font-size: 15pt;
	padding: 5px;
	line-height: 35px;
}
#audio_view_block .item{
	padding: 15px;
	border-bottom: 1px solid #f5f5f5;
}
#audio_view_block .material-icons{
	vertical-align: middle;
}


#audio_view_block .item:last-child{
 	border-bottom: 0px;

}


#audio_left{ 
	margin-bottom: 20px;
	float: left;
	width: 250px;
}

#audio_left a{     
	margin:0px 1% 10px 1%;
	background: #fff; 
	font-size: 15pt;
	text-align: center;
	display: block; 
 
	border: double 2px transparent;
	border-radius: 10px;
	background-image: linear-gradient(white,white), 
				linear-gradient(to right, rgba(110, 165, 209,1), rgba(179, 120, 69,1));
	background-origin: border-box;
	background-clip: content-box, border-box; 
	box-shadow: -6px 0px 10px -9px #6fa5d0, 6px 0px 10px -9px #b37846;
	cursor: pointer;
    transition: all 0.3s ease-in-out;
}
 
#audio_left span{
	margin: 5px;
}

#audio_left a:hover{	 
    -webkit-transform: scale(1.05, 1.05);
    transform:  scale(1.05, 1.05);
}	


.large_btn{
	background: #285276;
	color: #fff;
	display: block;
	border-radius: 10px;
	text-align: center;
	text-decoration: none;
	height: 50px;
	line-height: 50px;
	font-size: 15pt;
	margin-bottom: 20px;
}
.large_btn:hover{
	background: #4f81af;
}
.large_btn_img img{
	margin-top: 10px;
	border-radius: 5px;
	width: 100%;
    transition: all 0.3s ease-in-out;
}
.large_btn_img:nth-child(2){ 
	margin-top: 30px;
	display: block;
}
.large_btn_img img:hover{	 
    -webkit-transform: scale(1.05, 1.05);
    transform:  scale(1.05, 1.05);
}	
 

.top{
	margin-top: 20px;
}
 
#audio_block{ 
	width: 100%;
	background: #fff;
	box-shadow: 0px 0px 9px #b3c4d4;
}
#audio_block .title{
	font-size:17pt;
	background: url(img/b1.jpg);
    background-position: bottom;
	color: #fff;
	padding:5px 8px; 
}
#audio_block .title span{
	vertical-align: middle;
} 
#audio_block .body{
	font-size: 15pt;
	padding: 5px;
	line-height: 35px;
}

#audio_block .item{
	text-decoration: none;
	color: #000;
	display: inline-block;
	width: 31%; 
	padding: 5px 0px;
	box-shadow: 0px 0px 5px #cacaca;
	margin: 1%; 
    transition: all 0.3s ease-in-out;
}

#audio_block .item:hover{
	color: #34a3e3;
    -webkit-transform: scale(1.05, 1.05);
    transform:  scale(1.05, 1.05);
	box-shadow: 0px 0px 10px #89b0c7;
}
#audio_block .item b{
	font-weight: normal;
	margin: 0px 10px;
}
#audio_block .item span{
	vertical-align: middle;
}
#audio_block .item2{
	text-decoration: none;
	color: #000;
	display: block;   
	padding: 10px;
	border-bottom: 1px solid #eaeaea;
}
#audio_block .item2 span{
	vertical-align: middle;
	color: #6ea5cc;
}
#audio_block .item2:hover{
	background: #daebf7;
}

#book_block{ 
	width: 100%;
	background: #fff;
	box-shadow: 0px 0px 9px #b3c4d4;
}
#book_block .title{
	font-size:17pt;
	background: url(img/b2.jpg);
    background-position: bottom;
	color: #fff;
	padding:5px 8px; 
}
#book_block .title span{
	vertical-align: middle;
} 
#book_block .body{
	font-size: 15pt;
	padding: 5px;
	line-height: 35px;
}

#book_block .item{
	text-decoration: none;
	color: #000;
	display: inline-block;
	width: 31%; 
	padding: 5px 0px;
	box-shadow: 0px 0px 5px #cacaca;
	margin: 1%; 
    transition: all 0.3s ease-in-out;
}

#book_block .item:hover{
	color: #936223;
    -webkit-transform: scale(1.05, 1.05);
    transform:  scale(1.05, 1.05);
	box-shadow: 0px 0px 10px #eeddc6;
}
#book_block .item b{
	font-weight: normal;
	margin: 0px 10px;
}
#book_block .item span{
	vertical-align: middle;
}
#book_block .item2{
	text-decoration: none;
	color: #000;
	display: block;   
	padding: 10px;
	border-bottom: 1px solid #eaeaea;
}
#book_block .item2 span{
	vertical-align: middle;
	color: #cc9c6e;
}
#book_block .item2:hover{
	background: #f9f1e9;
}

#book_block .item_avatar{
	text-decoration: none;
	color: #000;
	display: inline-block;
	width: 29%;  
	margin: 2%;  
    transition: all 0.3s ease-in-out;
	vertical-align: top;
}

#book_block .item_avatar img{	
	width: 100%;
	box-shadow: 0px 0px 5px #cacaca;
}




 
#qala_block{ 
	width: 100%;
	background: #fff;
	box-shadow: 0px 0px 9px #b3c4d4;
}
#qala_block .title{
	font-size:17pt;
	background: url(img/b7.jpg);
    background-position: bottom;
	color: #fff;
	padding:5px 8px; 
}
#qala_block .title span{
	vertical-align: middle;
}  

#qala_block .item{
	text-decoration: none;
	color: #000;
	display: inline-block;
	font-size: 15pt;  
	padding: 5px; 
	vertical-align: top;
    transition: all 0.3s ease-in-out;
}

#qala_block .item:hover{
	color: #8a51d0; 
} 

#qala_block .item2{ 
	margin: 10px;
}
#qala_block .item_nwezh{
	width:25%;
	margin: 4%;
	display: inline-block;
	text-align: center;
	text-decoration: none;
	font-size: 15pt;
}
#qala_block .item_nwezh b {
	display: block;
	color: #000;
}
#qala_block .item_nwezh img{
	width: 100%;	
	max-width: 240px;
}
#qala_block .img_nwezh{
	height: 150px;
	display: block;
	text-align: center;
	margin: 20px;
}

#qala_block ul {
	clear: both;
	-moz-column-count: 2;
	-moz-column-gap: 10px;
	-webkit-column-count: 2;
	-webkit-column-gap: 10px;
	column-count: 3;
	position: relative; 
	z-index: 9;
}

#qala_block ul li { 
	text-align: right;
	display: block;
	list-style: none;
	margin-bottom: 10px;
	padding: 0px; 
}

.nwezh_left a{  
	width: 46%;
	text-decoration: none;
	text-align: center;
	margin: 2%;
	display: inline-block;
}
.nwezh_left a img{
	width: 100%;
}
.nwezh_left a b{
	color: #000;
	font-weight: normal;
}


#tafsir_header{ 
	width: 100%;
	text-align: center;
	display: block;
}
/* 
.tafsir_tools{
	max-width: 1200px;
	min-width: 100%;
	padding: 10px 0px; 
	font-size: 15pt;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
	align-content: flex-start;  
	flex-direction: row;

}

.tafsir_tools label{  
	flex: 1;
	text-align: center; 
}
.tafsir_tools label select{
	display: block;
	width: 90%;
} */
  
.sticky {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	width: 100%;
	background: #fff;
	box-shadow: 0px 1px 5px -4px #000;
}


 
#hegbe_block{ 
	width: 100%;
	background: #fff;
	box-shadow: 0px 0px 9px #b3c4d4;
}
#hegbe_block .title{
	font-size:17pt;
	background: url(img/b3.jpg);
    background-position: bottom;
	color: #fff;
	padding:5px 8px; 
}
#hegbe_block .title span{
	vertical-align: middle;
} 
#hegbe_block .body{
	font-size: 15pt;
	padding: 5px;
	line-height: 35px;
}
#hegbe_block .item{
	text-decoration: none;
	color: #000;
	display: inline-block;
	width: 29%;
	margin: 1%;
	background: #f3fff8;
	vertical-align: top;
	font-size:15pt;
	padding: 1%;
	border: 1px solid #c4f1d7; 
	
}
#hegbe_block .item b{
	font-size: 20pt;
	color: #2c7d4f;
}
#hegbe_block .item p{
	text-align: justify;
}
#hegbe_block .item2{
	text-decoration: none;
	color: #000;
	display: block;   
	padding: 10px;
	border-bottom: 1px solid #eaeaea;
}
#hegbe_block .item2 span{
	vertical-align: middle;
	color: #3ca166;
}
#hegbe_block .item2:hover{
	background: #f5fff9;
}
#search{
	margin: 2%;
}
#search .text{
	font-size: 15pt;
	font-family: 'BahijMyriadArabicRegular';
	border:1px solid #ccc;
	width: 500px;
	padding: 6px;
	border-radius: 5px;
}
#search .select{
	font-size: 15pt;
	font-family: 'BahijMyriadArabicRegular';
	border:1px solid #ccc;
	width: 150px;
	padding: 5px;
	border-radius: 5px;
	margin-right: 10px;
}
#search .button{
	font-size: 15pt;
	margin-right: 10px;
	padding: 5px 20px;
	border: none;
	color: #fff;
	border-radius: 5px;
	background: #2f5f87;
	cursor: pointer;
	font-family: 'BahijMyriadArabicRegular';
}
.search_item{
	text-decoration: none;
	display: block;
	font-size: 14pt; 
	color: #000;
	border-bottom: 1px solid #f7f7f7;
	padding: 8px;
}
.book_img{
	text-align: center;
	width: 300px;
}
.book_download{
	background: url(img/b1.jpg);
	padding: 2px 10px;
	color: #fff;
	border-radius: 5px;
	text-decoration: none;
	display: block;
	width: 100px;
	margin-top: 30px;
}

#navg{
	margin-top: 40px;
	background: #fff;
	width: 98%; 
	box-shadow: 0px 0px 4px #ccc; 
	padding: 1%;
}
#navg a{
	text-decoration: none;
	color: #000;
	vertical-align: middle;
}
#navg a:hover{
	color: blueviolet;
}
#navg span{
	color: #679aca;
	font-size: 20pt;
	vertical-align: middle;
	margin-right: 5px;
}
.downloadaudio{
	display: inline-block;
	margin-left: 20px;
	margin-right: 20px;
	cursor: pointer;
	background: url(../style/img/b1.jpg);
	padding: 0px 10px;
	border-radius: 5px;
	color: #fff; 
}
.downloadaudio span{
	font-size: 14pt;
}

.taf_app{
	text-align: center;
	display: block;
	text-decoration: none;
	border: 1px solid #305f89;
	border-radius: 5px;
	color: #ffffff;
	height: 32px;
	background: #4175a3;
	line-height: 32px; 
}
.search_input{
	border: 1px solid #c5c5c5;
	border-radius: 5px;
	padding: 0px 5px;
	width: auto;
}

.search_input .input{
	font-size: 15pt;
	width: calc(100% - 40px);
	border:none;
	font-family: 'BahijMyriadArabicRegular';
	height: 31px; 
}

.search_button {
	width: 30px;
	height: 30px;
	margin-right: 5px;
	background: #fff url('img/search.png') no-repeat;
	background-size: 15px 15px;
	background-position: center;
	border: none;
	cursor: pointer;
	vertical-align: text-bottom; 
}


.tafsir_tools{
	width: 100%;
	font-size: 15pt;
}
.tafsir_tools label{
	display: inline-block;
	width: 17%;
	margin: 0% 1%; 
}
.tafsir_tools label select{
	width: 100%;
}

@media screen and (max-width: 820px) {

	.tafsir_tools label{
		font-size: 12pt;
		width: 30%;
		margin: 1% 1%; 
	}

	.tafsir_tools label:nth-child(4){
		width: 40%;
	}
	.tafsir_tools label:nth-child(5){
		width: 40%;
	}
	.search_input .input{
		font-size: 13pt;
	}
/* 
	.search_input{
		padding: 0px 3px;
		margin: 0px auto;
	} */
	/* .tafsir_tools{
		gap: 10px;
		font-size: 12pt;
		flex-wrap: wrap;
    justify-content: space-evenly;
    align-items: flex-start;
    align-content: center;
	}
	.tafsir_tools .input{
		font-size: 12pt;
	}
		.tafsir_tools label{
			flex: auto;
		}
		.tafsir_tools label select{
				width: 100%;
		} */
		/* .taf_app{
			margin: auto;
				width: 90%;
		}	 */
	
	}