


<style>



@media only screen and (max-width: 760px), (min-width: 768px) and (max-width: 1024px) {

.playsura_kb{right:5px !important;}	
#recitator2_kb{float:none !important;width:100% !important;}
.setting_kb{display:none;}
.download_kb{display:none;}
#recitator_download_kb{display:none;}
#bloc_name_sura{width:100% !important;}
#autoplay_quran{display:none;}
#pause_quran{display:none;position:absolute;right: 0 !important;left: auto !important;width: 20px !important;cursor:pointer;margin-top:auto !important;}
#play_quran{display:none;position:absolute;right: 0 !important;left: auto !important;width: 20px !important;cursor:pointer;margin-top:auto !important;}

#PrevSourate{width:25px !important;}
#NextSourate{width:25px !important;}
    .aya1 {
        width: 100% !important;
		margin-bottom:10px;
		background:#F2F3F3;
		font-size:14px !important;
    }
 #play_select_quran{display:none !important;}
	#change_sura_msdd{width:100% !important;margin-top:0 !important;}
	#change_sura_child ul{ margin:0 !important;}
	#select_language_msdd{width:100% !important;}
	#kb_select_quran{width:100% !important;margin-top:40px;}
	#kb_select_language{width:100% !important;}
	#select_languages{
	z-index: 1000;
	margin-top:0 !important;
	margin-bottom:20px !important;
	float:none !important;
	font-size:14px !important;
	width:100% !important;
	}
	#result{margin-top:5px;}
	.h-g_template {display:none;}
	.h-d_template {display:none;}
	.top_template {display:none;}
	.left_template {display:none;}
	.right_template {display:none;}
	.bottom_template {display:none;}
	.b-g_template {display:none;}
	.b-d_template{display:none;}
#quran_main{width:99% !important;margin-top:-50px !important;}
#sourateName{font-size:18px !important;}
#NextSourate{width:35px !important;margin:margin:5px !important;}
#PrevSourate{width:35px !important;}
.lcs_label{display:none;}
.lcs_cursor{height:14px !important;}
#audio_sura audio{width:96% !important;margin-bottom: 1rem !important;}
#dl_sura{
display:none;
}
#recitator_quran{margin-top:-35px !important;}
.lcs_switch.lcs_on .lcs_cursor {
    left: 24px !important;
}
#.quranbadge{display:none;}
.params1_kb{height:80px !important;}
#playeraya2 audio{margin-top:6px !important;}
#playeraya audio{margin-top:42px !important;}
#select_aya {width: 67% !important;position: absolute;margin-left: 116px;}

#change_sura_title img{
width:20px !important;
}
#recitator_kb {position: absolute;width:27% !important;}
/*FIN CSS MOBILE */
}
.kb-speaker{
	width:15px;
	position:absolute;
	right: 8px;
}
#pause_quran{display:none;position:absolute;margin-left: auto;margin-right: auto;left: 0;right: 0;width: 30px;margin-top: 25px;cursor:pointer;}
#play_quran{display:none;position:absolute;margin-left: auto;margin-right: auto;left: 0;right: 0;width: 30px;margin-top: 25px;cursor:pointer;}

#bloc_top_quran{width: 100%;}
#li_quran{
	list-style-type: none;
}

#select_name_recitator{
color:#000 !important;
width:70%;
}

@font-face {
    font-family: "noorehira";
    src: url('https://idcuk.org/demo/wp-content/plugins/quran-text-multilanguage/inc//font/noorehira.ttf');
}
@font-face {
    font-family: "uthmanic";
    src: url('https://idcuk.org/demo/wp-content/plugins/quran-text-multilanguage/inc//font/uthmanic.otf');
}
@font-face {
    font-family: "goldenlotus";
    src: url('https://idcuk.org/demo/wp-content/plugins/quran-text-multilanguage/inc//font/goldenlotus.ttf');
}
@font-face {
    font-family: "swer_quran";
    src: url('https://idcuk.org/demo/wp-content/plugins/quran-text-multilanguage/inc//font/swer_quran.ttf');
}
@font-face {
    font-family: 'quran';
    src: url('https://idcuk.org/demo/wp-content/plugins/quran-text-multilanguage/inc//font/quran.woff2') format('woff2');
    font-display: swap;
  }

.quran {font-family:noorehira !important;word-spacing:px;}


#change_sura_child ul{ margin:0 !important;}
#select_language_child ul{ margin:0 !important;}
	.suraName {
		border-bottom: 1px solid #EFF0F0;text-align: center; font-size: 20px; padding: 10px 0px; background-color: #EFF0F0; margin-top: 7px;color:#000000;}


#li_quran {
    display:none;
}
	.aya {margin:auto;background-color: #fff;border: 1px solid #EFF0F0; border-top: 0px;}



	.aya2 {font-size:16px;color:#797979;}



	.aya1 {margin-top:20px;font-size:1.27em;}	

	#change_sura_msdd{width:100% !important;}

	#select_language_msdd{width:100% !important;}
    

	.quran {line-height: 1.7em; padding: 10px;color:#000000;border-right: 1px solid #EFF0F0;border-left: 1px solid #EFF0F0; font-size: 28px; direction: rtl;background-color:#EFF0F0}



	.trans { padding:10px;font-family: Calibri;text-align:justify;border-right: 1px solid #FFFFFF;border-left: 1px solid #FFFFFF;border-bottom: 1px solid #FFFFFF;border-top: 1px solid #FFFFFF; color:#000000;font-size: 16px; background-color: #FFFFFF;}



	.tabSura{position:relative;width:auto;}



	.ayaNum{color:#FFFFFF;background-color:#337AB7}



	#template_quran{


border-radius: 5px;

		position:relative;

		padding:5px;

		width :90%;

		margin: 0 auto;
		margin-bottom:50px;

		}



	.top_template{


		position:absolute;top:0;left:0;width:100%;height:50px;



		margin-top:-50px;



		background:url(https://idcuk.org/demo/wp-content/plugins/quran-text-multilanguage/inc/templates/template-1/top.png) repeat-x center top;



		background-size: 50px 50px;



	}	



	.bottom_template{



		position:absolute;bottom:0;left:0;width:100%;height:50px;



		margin-bottom:-50px;



		background:url(https://idcuk.org/demo/wp-content/plugins/quran-text-multilanguage/inc/templates/template-1/bottom.png) repeat-x center top;



		background-size: 50px 50px;



	}



	.h-g_template{position:absolute;top:0;left:0;width:50px;height:50px;


				margin-top:-50px;

				margin-left:-50px;

				background:url(https://idcuk.org/demo/wp-content/plugins/quran-text-multilanguage/inc/templates/template-1/h-g.png) repeat-x left top;

				background-size: 50px 50px;


				}



	.h-d_template{position:absolute;top:0;right:0;width:50px;height:50px;



				margin-top:-50px;



				margin-right:-50px;



				background:url(https://idcuk.org/demo/wp-content/plugins/quran-text-multilanguage/inc/templates/template-1/h-d.png) repeat-x right top;



				background-size: 50px 50px;



				}	



	.b-g_template{position:absolute;bottom:0;left:0;width:50px;height:50px;



				margin-bottom:-50px;



				margin-left:-50px;



				background:url(https://idcuk.org/demo/wp-content/plugins/quran-text-multilanguage/inc/templates/template-1/b-g.png) repeat-x left top;



				background-size: 50px 50px;



				}



	.b-d_template{position:absolute;bottom:0;right:0;width:50px;height:50px;



				margin-bottom:-50px;



				margin-right:-50px;



				background:url(https://idcuk.org/demo/wp-content/plugins/quran-text-multilanguage/inc/templates/template-1/b-d.png) repeat-x right top;



				background-size: 50px 50px;



				}	



		



	.left_template{position:absolute;top:0;left:0;width:50px;height:100%;margin-left:-50px;


					background:url(https://idcuk.org/demo/wp-content/plugins/quran-text-multilanguage/inc/templates/template-1/left.png) repeat-y left top;

					background-size: 50px 50px;



	}



	.right_template{position:absolute;top:0;right:0;width:50px;height:100%;margin-right:-50px;
					background:url(https://idcuk.org/demo/wp-content/plugins/quran-text-multilanguage/inc/templates/template-1/right.png) repeat-y right top;
					background-size: 50px 50px;

	}



	#quran_main{width:80%;position:relative;margin : 0 auto;padding:5px;}



	#select_languages{font-size:1.27em;margin-top: 20px;color:#797979;float:right;width:100%;}


	#audio_sura { width: 100%;margin-top:10px;margin:5px auto;}

	#audio_sura #kb-idaudio{
		width: 80%;
		margin-top: 15px;
		-webkit-transition:all 0.5s linear;
		-moz-transition:all 0.5s linear;
		-o-transition:all 0.5s linear;
		transition:all 0.5s linear;
		-moz-box-shadow: 2px 2px 4px 0px #006773;
		-webkit-box-shadow:  2px 2px 4px 0px #006773;
		background: rgb(0, 156, 255) none repeat scroll 0% 0%;
		-moz-border-radius:7px 7px 7px 7px ;
		-webkit-border-radius:7px 7px 7px 7px ;
		border-radius:7px 7px 7px 7px ;	
		
	}
	#audio_sura #kb-idaudio2{
		width: 80%;
		-webkit-transition:all 0.5s linear;
		-moz-transition:all 0.5s linear;
		-o-transition:all 0.5s linear;
		transition:all 0.5s linear;
		-moz-box-shadow: 2px 2px 4px 0px #006773;
		-webkit-box-shadow:  2px 2px 4px 0px #006773;
		background: rgb(0, 156, 255) none repeat scroll 0% 0%;
		-moz-border-radius:7px 7px 7px 7px ;
		-webkit-border-radius:7px 7px 7px 7px ;
		border-radius:7px 7px 7px 7px ;	
		
	}


	.quranbadge{font-family: Arial, Helvetica, sans-serif;float: right;margin-left:5px;padding:1px 8px 1px;font-size:20px;font-weight:bold;white-space:nowrap;color:#ffffff;background-color:#999999;-webkit-border-radius:9px;-moz-border-radius:9px;border-radius:9px;}



	.quranbadge-info{background-color:#337AB7;color:#FFFFFF}


#kb_select_quran {
    display: inline-block;
    float: left;
    width: 50%;
}
 

 
#kb_select_language {
    display: inline-block;
    width: 50%;
}
 .dd .ddArrow{width:16px;height:16px; margin-top:-8px; background:url(https://idcuk.org/demo/wp-content/plugins/quran-text-multilanguage/inc/skin1/dd_arrow.gif) no-repeat;}


#autoplay_quran{width: 25%;float:left;}
/*fixed width: 30%;*/
#bloc_name_sura{width:55%;margin:0 auto;}
/*fixed width: 30%;*/
#dl_sura{cursor:pointer;}
.dl_sourate{width:20%;float:left;}
.ddlabel{font-size:18px}

.download_kb{
padding: 2px;
border: 1px solid #3A87AD;
border-radius: 5px;
width: 38px;
background: rgb(255, 255, 255) none repeat scroll 0% 0%;
position: absolute;
right: 99px;
cursor:pointer;	
}
.setting_kb{
padding: 2px;
border: 1px solid #3A87AD;
border-radius: 5px;
width: 38px;
background: rgb(255, 255, 255) none repeat scroll 0% 0%;
position: absolute;
right: 10px;
cursor:pointer;
}
.playsura_kb{
padding: 2px;
border: 1px solid #3A87AD;
border-radius: 5px;
width: 38px;
background: rgb(255, 255, 255) none repeat scroll 0% 0%;
right: 55px;
cursor: pointer;
position: absolute;
}
.params_kb{
display:none;
width: 95%;
margin: 15px auto;
background: #fff;
border-radius: 5px !important;
border: 1px solid #3A87AD;
padding: 10px;
height:72px;
}
.params1_kb{
display:none;
width: 90%;
margin: 15px auto;
background: #fff;
border-radius: 5px !important;
border: 1px solid #3A87AD;
padding: 10px;
height:50px;
}
#recitator_kb{float:left;width:35%;}
#recitator2_kb{float:left;width:50%;}
#play_select_quran{
	cursor:pointer;
}
#play_select_quran{display:none;}
#quran_player_sura{width:90%;margin: 0 auto;}
#playeraya{display:block;}
#suraplayer{display:none !important;}
#select_aya{width: 63%;float: left;}
#saveposition_kb{
color: #fff;
background-color: #337ab7;
border-color: #2e6da4;
padding: 4px 12px;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
}
#savemail_kb{width:37%;}
#savemail_kb input[type="text"]{width:63%;}
#formsave_kb{margin-bottom: 10px;}
#kb-idaudio2{width:40% !important;}
.params_download_kb{
display:none;
width: 90%;
margin: 15px auto;
background: #fff;
border-radius: 5px !important;
border: 1px solid #3A87AD;
padding: 10px;
height: 50px;
}
#dl_count_kb{display:none;}
#kb-select_debut, #kb-select_fin, #kb-select_text, #select_name_recitator{height:30px !important;display:inline;font-size:16px !important;padding:2px;}
#kb-select_debut{width:24%;}
#kb-select_fin{width:18%;}
#kb-select_text{width:40%;}
#click_download_kb{width:38px;}
#click_playsura_kb{width:38px;}
#click_params_kb{width:38px;}
.sm2_link{line-height: 1em;}
#select_name_recitatorkb{width:155px;height:30px;}
#select_name_recitator2{
	height:30px;
}
</style>



<div id="template_quran">

<div id="quran_main">
<style>
#template_quran{
margin-top:80px;
}
</style>
	<div class="h-g_template"></div>

	<div class="h-d_template"></div>

	<div class="top_template"></div>

	<div class="left_template"></div>

	<div class="right_template"></div>

	<div class="bottom_template"></div>

	<div class="b-g_template"></div>

	<div class="b-d_template"></div>
<div id="kb_select_quran">
<form  class="aya1">

<select name="sourate" id="change_sura" method="post" class="aya2">

<option data-image="https://idcuk.org/demo/wp-content/plugins/quran-text-multilanguage/inc//icon_quran.png" disabled="disabled" selected="selected">Choose Surah</option>				


</select>

</form>
</div>
<div id="kb_select_language">
		<form  id="select_languages" method="get">

		<select name="select_language" id="select_language" claa="icon_lang_quran">

			<option data-image="https://idcuk.org/demo/wp-content/plugins/quran-text-multilanguage/inc/icon_world.png" disabled="disabled" selected="selected">Choose Language</option>				

			<option data-image="https://idcuk.org/demo/wp-content/plugins/quran-text-multilanguage/inc/images/country/us.png" value="english" >English</option>			

			<option  data-image="https://idcuk.org/demo/wp-content/plugins/quran-text-multilanguage/inc/images/country/fr.png"  value="francais" >Français</option>

			<option data-image="https://idcuk.org/demo/wp-content/plugins/quran-text-multilanguage/inc/images/country/de.png" value="german" >German</option>

			<option data-image="https://idcuk.org/demo/wp-content/plugins/quran-text-multilanguage/inc/images/country/nl.png" value="dutch" >Dutch</option>

			<option data-image="https://idcuk.org/demo/wp-content/plugins/quran-text-multilanguage/inc/images/country/ru.png" value="russian" >Russian</option>	

			<option data-image="https://idcuk.org/demo/wp-content/plugins/quran-text-multilanguage/inc/images/country/al.png" value="albanian" >Albanian</option>

			<option data-image="https://idcuk.org/demo/wp-content/plugins/quran-text-multilanguage/inc/images/country/az.png" value="azerbaijani" >Azerbaijani</option>

			<option data-image="https://idcuk.org/demo/wp-content/plugins/quran-text-multilanguage/inc/images/country/bd.png" value="bengali" >Bengali</option>			

			<option data-image="https://idcuk.org/demo/wp-content/plugins/quran-text-multilanguage/inc/images/country/bg.png" value="bulgarian" >Bulgarian</option>	

			<option data-image="https://idcuk.org/demo/wp-content/plugins/quran-text-multilanguage/inc/images/country/ba.png" value="bosnian" >Bosnian</option>				

			<option data-image="https://idcuk.org/demo/wp-content/plugins/quran-text-multilanguage/inc/images/country/cn.png" value="chinese" >Chinese</option>

			<option data-image="https://idcuk.org/demo/wp-content/plugins/quran-text-multilanguage/inc/images/country/cz.png" value="czech" >Czech</option>

			<option data-image="https://idcuk.org/demo/wp-content/plugins/quran-text-multilanguage/inc/images/country/id.png" value="indonesian" >Indonesian</option>

			<option data-image="https://idcuk.org/demo/wp-content/plugins/quran-text-multilanguage/inc/images/country/it.png" value="italian" >Italian</option>

			<option data-image="https://idcuk.org/demo/wp-content/plugins/quran-text-multilanguage/inc/images/country/iq.png" value="kurdish" >Kurdish</option>

			<option data-image="https://idcuk.org/demo/wp-content/plugins/quran-text-multilanguage/inc/images/country/my.png" value="malay" >Malay</option>

			<option data-image="https://idcuk.org/demo/wp-content/plugins/quran-text-multilanguage/inc/images/country/no.png" value="norwegian" >Norwegian</option>

			<option data-image="https://idcuk.org/demo/wp-content/plugins/quran-text-multilanguage/inc/images/country/pt.png" value="portuguese" >Portuguese</option>

			<option data-image="https://idcuk.org/demo/wp-content/plugins/quran-text-multilanguage/inc/images/country/ro.png" value="romanian" >Romanian</option>

			<option data-image="https://idcuk.org/demo/wp-content/plugins/quran-text-multilanguage/inc/images/country/so.png" value="somali" >Somali</option>

			<option data-image="https://idcuk.org/demo/wp-content/plugins/quran-text-multilanguage/inc/images/country/es.png" value="spanish" >Spanish</option>	

			<option data-image="https://idcuk.org/demo/wp-content/plugins/quran-text-multilanguage/inc/images/country/se.png" value="swedish" >Swedish</option>	

			<option data-image="https://idcuk.org/demo/wp-content/plugins/quran-text-multilanguage/inc/images/country/tr.png" value="turkish" >Turkish</option>	

			<option data-image="https://idcuk.org/demo/wp-content/plugins/quran-text-multilanguage/inc/images/country/pk.png" value="urdu" >Urdu</option>	

			<option data-image="https://idcuk.org/demo/wp-content/plugins/quran-text-multilanguage/inc/images/country/in.png" value="hindi" >Hindi</option>			
			
			<option data-image="https://idcuk.org/demo/wp-content/plugins/quran-text-multilanguage/inc/images/country/ir.png" value="persian" >Persian</option>			

			<option data-image="https://idcuk.org/demo/wp-content/plugins/quran-text-multilanguage/inc/images/country/in.png" value="tamil" >Tamil</option>			

			<option data-image="https://idcuk.org/demo/wp-content/plugins/quran-text-multilanguage/inc/images/country/th.png" value="thai" >Thai</option>		

			<option data-image="https://idcuk.org/demo/wp-content/plugins/quran-text-multilanguage/inc/images/country/uz.png" value="uzbek" >Uzbek</option>			
	
			<option data-image="https://idcuk.org/demo/wp-content/plugins/quran-text-multilanguage/inc/images/country/am.png" value="amharic" >Amharic</option>			

		</select>

		</form>

</div>


			<script>
			var UrlPrevSourate = "?sourate=al-fatiha-1"	;
			history.pushState({ path: this.path }, '', ''+UrlPrevSourate+'&lang=english');
			</script>
			<div id="result">
		<script type="text/javascript">
jQuery(function($) {


	$('span.ayaNum, .sm2_link').replaceWith(function(){

		return "<a class='sm2_link' href='https://quran.s3.fr-par.scw.cloud/verset/Alafasy/1/"+jQuery(this).html().match(/[0-9]+/)+".mp3'><img src='https://idcuk.org/demo/wp-content/plugins/quran-text-multilanguage/inc//images/speaker.svg' alt='play' class='kb-speaker'><span class='quranbadge quranbadge-info' id='kv"+jQuery(this).html().match(/[0-9]+/)+"'>  "+jQuery(this).html().match(/[0-9]+/)+" </span></a>";

	});	
 });
</script>
<style>.suraName {border-radius: 5px 5px 0 0;border-bottom: 1px solid #EFF0F0;text-align: center; font-size: 20px; padding: 10px 0px; background-color: #EFF0F0; margin-top: 7px;color:#000000;}</style>

<div class=suraName>

<div id="bloc_top_quran">
<div class='download_kb'>
<img id='click_download_kb' src='https://idcuk.org/demo/wp-content/plugins/quran-text-multilanguage/inc//images/download.png'>
</div>
<div class='playsura_kb'>
<img id='click_playsura_kb' src='https://idcuk.org/demo/wp-content/plugins/quran-text-multilanguage/inc//images/Play-icon.png'>
</div>
<div class='setting_kb'>
<img id='click_params_kb' src='https://idcuk.org/demo/wp-content/plugins/quran-text-multilanguage/inc//images/setting_kb.png'>
</div>
<div id="bloc_name_sura" class="bloc_name_sura">
<div id='block_prev' style='display: inline;'>
<img class="PrevSourate" src="https://idcuk.org/demo/wp-content/plugins/quran-text-multilanguage/inc/arrow_left.png" id="PrevSourate" style="cursor:pointer;vertical-align:middle"></div>
<span id="sourateName" data-sourate="al-faatiha">Al-Faatiha </span>
<div id='block_next' style='display: inline;'>
<img class="NextSourate" src="https://idcuk.org/demo/wp-content/plugins/quran-text-multilanguage/inc/arrow_right.png" id="NextSourate" style="cursor:pointer;vertical-align:middle"></div>
</div>
</div>
<div id="audio_sura">
<div id='suraplayer'>

</div>
<div id='quran_player_sura'>

</div>

<div class='params_download_kb'><script type="text/javascript">
	jQuery(function($) {
$('#select_name_recitator').change(function(){

 var quran_download = $(this).val();

  	$('#name_recitator').hide();
  	$('#dl_count_kb').show();
        var settimmer = 0;
        $(function(){
              var refreshIntervalId =  window.setInterval(function() {
                    var timeCounter = $("b[id=left_time_download]").html();
                    var updateTime = eval(timeCounter)- eval(1);
                    $("b[id=left_time_download]").html(updateTime);

                    if(updateTime == 0){
                        window.location = ("https://krimdev.com/zipquran/"+quran_download+".zip");
                       clearInterval(refreshIntervalId);
                       $('#dl_count_kb').hide();
                       $('.params_download_kb').hide();
                       $("b[id=left_time_download]").html('10');
                    }

                }, 1000);

        });


});	});	
</script>

<div id="recitator_download_kb">
<div style="color:#337AB7;font-size:16px" id="dl_count_kb">
the download will begin in <b id="left_time_download" style="color:rgb(101, 101, 101)">10</b> seconds  <b style="font-size:12px;color:rgb(101, 101, 101)">(limit : 500ko/s)</b>      
</div>

<form id="name_recitator">
<span style="font-size:14px;color:rgb(101, 101, 101)">All zip Quran</span>
<select name="select_name_recitator" id="select_name_recitator">
<option disabled=\"disabled\"  selected=\"selected\">Choose récitator</option>
	<option value="shaikh_abubakr_as-shatery"> Abu Bakr Al Shatri</option>
	<option value="abdul_baset_abdul_samad">Abdelbasset Abdessamad</option>
	<option value="abdul_bin_awaz_althubyty">Abdulbari Athobaity</option>
	<option value="abdullah_bin_awad_aljuhany">Abdullah Al Juhany</option>
	<option value="abdullah_bin_mohammad_almatrood_mourattal">Abdullah Al Matrod</option>
	<option value="abdullah_bin_ali_basfar">Abdullah Basfar</option>
	<option value="abul_mohsen_bin_mohammad_alqasim">AbdulMohsin Al Qasim</option>
	<option value="abdul_rahman_alsudais">Abdulrahman Al Sudais</option>
	<option value="adel_bin_salem_alkalbaany">Adel Al Kalbany</option>
	<option value="adel_rayyan">Adel Rayan</option>
	<option value="ahmad_bin_ali_al-ajmy">Ahmed Al Ajmy</option>
	<option value="ali_bin_jaber">Ali Jabber</option>
	<option value="basel_al_rawy">Basal Al Rawy</option>
	<option value="fahd_al-kundury_mourrattal">Fahd Al Kandari</option>
	<option value="faris_abbad">Fares Abbad</option>
	<option value="hani_ar-refai_mourattal">Hani Ar Rifa'i</option>
	<option value="khalid_al-qahtani">Khalid Al Qahtani</option>
	<option value="mahir_hamad_al-meiqili">Maher Al M'aqli</option>
	<option value="mahmoud_khalil_husary">Mahmoud Khalil Al Hussary</option>
	<option value="mishary_rashed_alafasy">Mishary Al 'Afasi</option>
	<option value="mohammed_almohaisny">Mohammed Al Muhasny</option>
	<option value="mohammad_ayyoob_bin_mohammad_yousuf">Mohammed Ayyub</option>
	<option value="mohammed_hassan">Mohammed Hassan</option>
	<option value="muhammad_jibreel">Mohammed Jibreel</option>
	<option value="muhammad_sedeeq_al-menshawy_murrattal">Mohammed Siddiq Al Minshawi</option>
	<option value="muhammad_al-tablawy">Mohammed Tablawi</option>
	<option value="nabil_arrifai">Nabil Ar Rifa'i</option>
	<option value="saad_bin_said_alghamdy">Saad Al Ghamidi</option>
	<option value="salah_al-budair">Salah Al Budair</option>
	<option value="saud_al-shuraim">Saud Al Shuraim</option>
	<option value="tawfeeq_as-saaigh">Tawfeeq As Sayegh</option>
	<option value="Yasser_Al_Dosari">Yasser Al Dosry</option>
</select>
</form>
</div>
</div>
<div class='params1_kb'><script type="text/javascript">
jQuery(function($) {
$('#select_name_recitator2').change(function(){

    var sourate  = $.urlParam('sourate');
    var sura = sourate.match( /\d+/ );
    $('#playeraya2').html('<audio id="kb-idaudio2" controls></audio>');

    var quran_home = $(this).val();

    var current_sura = sura;

    $.ajax({
    type: "GET",
    url: "https://krimdev.com/seek_xml_quran.php?quran_xml="+quran_home+"",
	dataType: 'xml',
    success: function(xmlquran) {

    $(xmlquran).find('item').each(function(){


    var checksura = $(this).find("title").text()

    if(checksura == current_sura){

    var urlmp3 = $(this).find("description").text()
    var res = urlmp3.replace(" ", "_");
     //alert(urlmp3);	
	 https://quran.s3.fr-par.scw.cloud/
    url_mp3_quran = 'https://quran.s3.fr-par.scw.cloud/'+res+'';

    $('#playeraya2').html('<audio id="kb-idaudio2" src="'+url_mp3_quran+'" controls autoplay></audio>');

    $('#kb-idaudio2').load(url_mp3_quran);
    $('#kb-idaudio2')[0].play();

    }

    });

    }
    });

    $('.sm2_link').css('pointer-events', 'none');
    $('.sm2_link').css('cursor', 'default');

});
});	
</script>

<div id="recitator2_kb">
<form id="name_recitator">
<select name="select_name_recitator" id="select_name_recitator2">
<option disabled=\"disabled\"  selected=\"selected\">Choose récitator</option>
	<option value="shaikh_abubakr_as-shatery"> Abu Bakr Al Shatri</option>
	<option value="abdul_baset_abdul_samad">Abdelbasset Abdessamad</option>
	<option value="abdul_bin_awaz_althubyty">Abdulbari Athobaity</option>
	<option value="abdullah_bin_awad_aljuhany">Abdullah Al Juhany</option>
	<option value="abdullah_bin_mohammad_almatrood_mourattal">Abdullah Al Matrod</option>
	<option value="abdullah_bin_ali_basfar">Abdullah Basfar</option>
	<option value="abul_mohsen_bin_mohammad_alqasim">AbdulMohsin Al Qasim</option>
	<option value="abdul_rahman_alsudais">Abdulrahman Al Sudais</option>
	<option value="adel_bin_salem_alkalbaany">Adel Al Kalbany</option>
	<option value="adel_rayyan">Adel Rayan</option>
	<option value="ahmad_bin_ali_al-ajmy">Ahmed Al Ajmy</option>
	<option value="ali_bin_jaber">Ali Jabber</option>
	<option value="basel_al_rawy">Basal Al Rawy</option>
	<option value="fahd_al-kundury_mourrattal">Fahd Al Kandari</option>
	<option value="faris_abbad">Fares Abbad</option>
	<option value="hani_ar-refai_mourattal">Hani Ar Rifa'i</option>
	<option value="khalid_al-qahtani">Khalid Al Qahtani</option>
	<option value="mahir_hamad_al-meiqili">Maher Al M'aqli</option>
	<option value="mahmoud_khalil_husary">Mahmoud Khalil Al Hussary</option>
	<option value="mishary_rashed_alafasy">Mishary Al 'Afasi</option>
	<option value="mohammed_almohaisny">Mohammed Al Muhasny</option>
	<option value="mohammad_ayyoob_bin_mohammad_yousuf">Mohammed Ayyub</option>
	<option value="mohammed_hassan">Mohammed Hassan</option>
	<option value="muhammad_jibreel">Mohammed Jibreel</option>
	<option value="muhammad_sedeeq_al-menshawy_murrattal">Mohammed Siddiq Al Minshawi</option>
	<option value="muhammad_al-tablawy">Mohammed Tablawi</option>
	<option value="nabil_arrifai">Nabil Ar Rifa'i</option>
	<option value="saad_bin_said_alghamdy">Saad Al Ghamidi</option>
	<option value="salah_al-budair">Salah Al Budair</option>
	<option value="saud_al-shuraim">Saud Al Shuraim</option>
	<option value="tawfeeq_as-saaigh">Tawfeeq As Sayegh</option>
	<option value="Yasser_Al_Dosari">Yasser Al Dosry</option>
</select>
</form>
</div>
<p id="playeraya2"></p>
</div><script type="text/javascript">
var valeur_debut = 1;
var valeur_fin;
var format_text_kb;


/*************************************************/

jQuery(function($) {

$('#kb-select_text').change( function(){
format_text_kb= $(this).val();
if(format_text_kb == 'arabic-translate_kb'){$('.quran').css('display', 'block', 'important');$('.trans').css('display', 'block', 'important');}
if(format_text_kb == 'arabic_kb'){$('.quran').css('background-color', '#FFFFFF');$('.quran:first').css('background-color', 'rgb(87, 87, 87)');$('.quran').css('display', 'block', 'important');$('.trans').css('display', 'none', 'important');}
if(format_text_kb == 'translate_kb'){$('.quran').css('display', 'none', 'important');$('.trans').css('display', 'block', 'important');}
});

$('#select_name_recitatorkb').change(function(){

  	$('#kb-select_debut').prop( "disabled", false );
  		var recitator_quran = $(this).val();

  		if(recitator_quran == "Maheralmeaqly"){var nbr_quran = "001";}
  		if(recitator_quran == "ElGhamidi"){var nbr_quran = ""}
  		if(recitator_quran == "Soudais"){var nbr_quran = "001"}
  		if(recitator_quran == "Abdelbasset"){var nbr_quran = "001"}
  		if(recitator_quran == "alafasy"){var nbr_quran = "001"}
  		if(recitator_quran == "Al-Ajmy"){var nbr_quran = "001"}
  		if(recitator_quran == "Al-Hussary"){var nbr_quran = "001"}
  		if(recitator_quran == "Basfar"){var nbr_quran = "001"}
  		var src_quran = "https://quran.s3.fr-par.scw.cloud//recitateur/"+recitator_quran+"/"+nbr_quran+".mp3";
		
		jQuery('span.ayaNum, .sm2_link').replaceWith(function(){
		var sura = '1';
		return "<a class='sm2_link azk"+jQuery(this).html().match(/[0-9]+/)+"' data-src='https://quran.s3.fr-par.scw.cloud/verset/"+recitator_quran+"/" +sura+ "/"+jQuery(this).html().match(/[0-9]+/)+".mp3' href='https://quran.s3.fr-par.scw.cloud/verset/"+recitator_quran+"/" +sura+ "/"+jQuery(this).html().match(/[0-9]+/)+".mp3'><span class='quranbadge quranbadge-info' id='kv"+jQuery(this).html().match(/[0-9]+/)+"'>  "+jQuery(this).html().match(/[0-9]+/)+" </span></a>";

	});

  		changeRecitateur(src_quran);
});});
function changeRecitateur(sourceUrl) {
    var audio = jQuery("#audio_quran");      
    jQuery("#url_sourate").attr("src", sourceUrl);
    jQuery("#dl_sourate").attr("href", sourceUrl);
}    
/*******************************************************/


jQuery(document).ready(function($){
$('#kb-select_debut').change(function(){
   $('playeraya').html("");  
   $('ol#li_quran').empty();
   valeur_debut = $(this).val();
   $('#kb-select_fin option').show();      
  $('#kb-select_fin option').filter(function() { 
   return +this.value <= valeur_debut;  
  }).hide();
 $('.aya').show();

  $('.aya').filter(function(){
  	return $(this).data('aya') < valeur_debut;
  }).hide();

$('#kb-select_fin').prop( "disabled", false );
});


$('#kb-select_fin').change(function(){
$('#kb-select_text').prop( "disabled", false );	
 $('playeraya').html(""); 
  //$('#kb-select_fin option').show();
  valeur_fin = $(this).val();
  $('.aya').filter(function(){
  	return $(this).data('aya') > valeur_fin;
  }).hide();

 	

$.each($('audio'), function () {
    $(this).stop();
});	

$('.params_kb').css('height', '150px');
$('#suraplayer').html("");

			$('.quran').removeAttr("style");	
			$('.trans').removeAttr("style"); 


    var i = valeur_debut - 1;
    function next_ol() {
        i++;
        if (i <= valeur_fin) {
var srcquran = $(".azk"+i+"").data('src');
$('ol#li_quran').append("<li class='verset"+i+"' ><a href='#' verset-data='"+i+"' data-src='"+srcquran+"'></a></li>");
$(this).css('display', 'none', 'important'); 
 next_ol();
        } 
    }
    next_ol();




$('.verset'+valeur_debut+'').css('background-color', 'rgb(87, 87, 87)');
$('.verset'+valeur_debut+'').css('color', '#FFF');
$('.verset'+valeur_debut+'').css('font-size', '37px')
$('.trans'+valeur_debut+'').css('background-color', 'rgb(58, 135, 173)');
$('.trans'+valeur_debut+'').css('color', '#FFF');
$('.trans'+valeur_debut+'').css('font-size', '20px');
$('.aya').css('cursor', 'pointer');

/*****************************************************************************************************

*/

var audioquran;
var playlist;
var tracks;
var current;
var trackfirst;
var srcfirst;

init();
function init(){
$('#playeraya').html('<audio id="kb-idaudio" preload="none" tabindex="0" controls="" type="audio/mpeg"><source type="audio/mp3" src="'+$('#li_quran li a').first().attr('data-src')+'"></audio>');	
	$('#kb-idaudio').show();
    current = 0;
    audioquran = $('#kb-idaudio');

    playlist = $('#li_quran');
    tracks = playlist.find('li a');
    trackfirst = $('#li_quran li a').first().attr('data-src');
    audiofirst = $('#kb-idaudio').attr('src', trackfirst);
    //alert(trackfirst);
    len = tracks.length;
    audioquran[0].volume = .50;
    //audioquran[0].play();
    playlist.find('a').click(function(e){
        e.preventDefault();
        link = $(this);
        current = link.parent().index();
        run(link, audio[0]);
    });
    
    audioquran[0].addEventListener('ended',function(e){
    	
    	//alert('terminer');
        current++;


        if(current == len){
            current = 0;
            link = playlist.find('a')[0];
        }else{
            link = playlist.find('a')[current];  
        }
        run($(link),audioquran[0]);

			var qurandata = $('ol li.active a').attr('verset-data');	
			var verset = $('.verset'+qurandata+'');
			var reset_quran = qurandata - 1;
			reset_quran = $('.verset'+reset_quran+'');
			var ayabloc = $('#ayabloc'+qurandata+'');
			var trans = $('.trans'+qurandata+'');
			var reset_trans = qurandata - 1;
			reset_trans = $('.trans'+reset_trans+'');

			$('html,body').animate({scrollTop: $(".vaya"+qurandata).offset().top  -250}, 'fast');

			verset.css('background-color', 'rgb(87, 87, 87)');
			verset.css('color', '#fff');
			trans.css('background-color', 'rgb(58, 135, 173)');
			trans.css('color', '#FFF');	
			verset.css('font-size', '37px');
			trans.css('font-size', '20px');	        
    });
}
function run(link, player){
        player.src = link.attr('data-src');
        par = link.parent();
        par.addClass('active').siblings().removeClass('active');

        audioquran[0].load();
        audioquran[0].play();
        $('.quran').removeAttr("style");	
		$('.trans').removeAttr("style"); 

if(format_text_kb == 'arabic-translate_kb'){$('.quran').css('display', 'block', 'important');$('.trans').css('display', 'block', 'important');}
if(format_text_kb == 'arabic_kb'){$('.quran').css('background-color', 'white');$('.quran').css('display', 'block', 'important');$('.trans').css('display', 'none', 'important');}
if(format_text_kb == 'translate_kb'){$('.quran').css('display', 'none', 'important');$('.trans').css('display', 'block', 'important');}		
}


$('.aya').on( "click",function(){

  var audioElem = document.getElementById('kb-idaudio');
  if (audioElem.paused)
    audioElem.play();
  else
    audioElem.pause();
});	
});	
});	
	
</script>

<div class='params_kb'>
<div id='recitator_kb'>
<span class='quranbadge quranbadge-info' style='float:left !important'>1</span>
<form id="name_recitator">
<select name="select_name_recitatorkb" id="select_name_recitatorkb">
<option disabled="disabled"  selected="selected">Choose récitator</option>
<option value="ElGhamidi">Saad El Galmidi</option>
<option value="Soudais">Abderrahman Al Soudais</option>
<option value="Alafasy">Mishary Rashid Al-Afassy</option>
<option value="Al-Ajmy">Ahmad Al-Ajmy</option>
<option value="Al-Hussary">Al-Hussary</option>
<option value="Basfar">Abdallah Ali Basfar</option>
</select>
</form>
</div>
<div id='select_aya'>
<span class='quranbadge quranbadge-info' style='float:left !important'>2</span>
<select id='kb-select_debut'>
<option disabled="disabled"  selected="selected">FROM</option><option>1</option><option>2</option><option>3</option><option>4</option><option>5</option><option>6</option><option>7</option>
</select>
<select id='kb-select_fin'>
<option disabled="disabled" selected="selected">TO</option><option>1</option><option>2</option><option>3</option><option>4</option><option>5</option><option>6</option><option>7</option>
</select>
<select id='kb-select_text'>
<option disabled="disabled" selected="selected">Text Format</option>
<option value='arabic-translate_kb'>Arabic with Translation</option>
<option value='arabic_kb'>Arabic only</option>
<option value='translate_kb'>Translation only</option>
</select>
<img src='https://idcuk.org/demo/wp-content/plugins/quran-text-multilanguage/inc//images/play.png' style='width:25px;margin-left:5px;' id='play_select_quran'>
</div>
<p id='playeraya'></p>
</div>
</div>
</div><ol id='li_quran'></ol><div class='aya vaya1' data-aya= '1'><div class='quran reset_quran verset1'><span class=ayaNum>1. </span>بِسْمِ اللَّهِ الرَّحْمَنِ الرَّحِيمِ</div><div class='trans reset_trans trans1'>﻿1|1|In the name of God, the Gracious, the Merciful. </div></div><div class='aya vaya2' data-aya= '2'><div class='quran reset_quran verset2'><span class=ayaNum>2. </span>الْحَمْدُ لِلَّهِ رَبِّ الْعَالَمِينَ</div><div class='trans reset_trans trans2'>1|2|Praise be to God, Lord of the Worlds. </div></div><div class='aya vaya3' data-aya= '3'><div class='quran reset_quran verset3'><span class=ayaNum>3. </span>الرَّحْمَنِ الرَّحِيمِ</div><div class='trans reset_trans trans3'>1|3|The Most Gracious, the Most Merciful. </div></div><div class='aya vaya4' data-aya= '4'><div class='quran reset_quran verset4'><span class=ayaNum>4. </span>مَالِكِ يَوْمِ الدِّينِ</div><div class='trans reset_trans trans4'>1|4|Master of the Day of Judgment. </div></div><div class='aya vaya5' data-aya= '5'><div class='quran reset_quran verset5'><span class=ayaNum>5. </span>إِيَّاكَ نَعْبُدُ وَإِيَّاكَ نَسْتَعِينُ</div><div class='trans reset_trans trans5'>1|5|It is You we worship, and upon You we call for help. </div></div><div class='aya vaya6' data-aya= '6'><div class='quran reset_quran verset6'><span class=ayaNum>6. </span>اهْدِنَا الصِّرَاطَ الْمُسْتَقِيمَ</div><div class='trans reset_trans trans6'>1|6|Guide us to the straight path. </div></div><div class='aya vaya7' data-aya= '7'><div class='quran reset_quran verset7'><span class=ayaNum>7. </span>صِرَاطَ الَّذِينَ أَنْعَمْتَ عَلَيْهِمْ غَيْرِ الْمَغْضُوبِ عَلَيْهِمْ وَلَا الضَّالِّينَ</div><div class='trans reset_trans trans7'>1|7|The path of those You have blessed, not of those against whom there is anger, nor of those who are misguided. </div></div>
</div>	

</div>
</div>



  <script language="javascript">
jQuery(document).ready(function(e) {

try {
jQuery("#select_language,#change_sura").msDropDown();
} catch(e) {
alert(e.message);
}
});
</script>


{"id":44,"date":"2022-01-05T11:06:22","date_gmt":"2022-01-05T11:06:22","guid":{"rendered":"https:\/\/idcuk.org\/demo\/?page_id=44"},"modified":"2022-01-09T00:41:17","modified_gmt":"2022-01-09T00:41:17","slug":"al-quran","status":"publish","type":"page","link":"https:\/\/idcuk.org\/demo\/al-quran\/","title":{"rendered":"Al Qur&#8217;an"},"content":{"rendered":"\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"templates\/template-full-width.php","meta":[],"_links":{"self":[{"href":"https:\/\/idcuk.org\/demo\/wp-json\/wp\/v2\/pages\/44"}],"collection":[{"href":"https:\/\/idcuk.org\/demo\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/idcuk.org\/demo\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/idcuk.org\/demo\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/idcuk.org\/demo\/wp-json\/wp\/v2\/comments?post=44"}],"version-history":[{"count":9,"href":"https:\/\/idcuk.org\/demo\/wp-json\/wp\/v2\/pages\/44\/revisions"}],"predecessor-version":[{"id":415,"href":"https:\/\/idcuk.org\/demo\/wp-json\/wp\/v2\/pages\/44\/revisions\/415"}],"wp:attachment":[{"href":"https:\/\/idcuk.org\/demo\/wp-json\/wp\/v2\/media?parent=44"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}