/*
Theme Name: Al Jalal Foundation
Description: theme
Author: Future-Internet
*/

@charset "utf-8";
/*= GENERAL STYLING
--------------------------------------------------------*/
*, *:before, *:after { box-sizing: border-box; }
-ms-box-sizing:{ box-sizing: border-box; }
-webkit-box-sizing:{ box-sizing: border-box; }

html, body, main{width: 100%;height:100%;font-family:'Droid Arabic Kufi', sans-serif;background-color:#fff;}

.cf:before,.cf:after{content:" ";display:table;}
.cf:after{clear:both;}
.clear { clear: both; }
/* For IE 6/7 (trigger hasLayout) */
.clearfix {zoom:1;}

body{
	margin:0 auto;
	padding:0px;
	width: 100%;
	height:auto;
	clear:both;
	max-width:1280px;
	min-width:1270px;
	position:relative;
	overflow-x:hidden!important;
	direction:rtl;
	text-align:right;
	margin:0 auto!important;
	font-size:16px;
}

.aawenbutton {
	width:100px;
	height:35px;
	
}

.aawenbutton {
	width: 130px;
    height: auto;
    display: block;
    position: absolute;
    right:274px;
    top: -20px;
    z-index: 15;
}

.aawenbutton a{
	background: url(images/aawen-ar.jpg) center center;
    height: 30px;
    font-size: 0px;
    display: block;
    background-size: cover;
    background-repeat: no-repeat;
    width: 155px;
}

.body-wrapper{position:relative;}
/*common elements*/
h1, h1>a{ 
    font-family: 'Droid Arabic Kufi', sans-serif;
	font-weight:bold;
	font-size: 1.625em;
	text-align: right;
	color: #fff;
	margin: 0;
	padding: 0;
}

h2, h2>a{
	font-family: 'Droid Arabic Kufi', sans-serif;
	font-weight:bold;
	font-size: 1.5em;
	text-align: right;
	color: #fff;
	margin: 0;
	padding: 0;
}

h3, h3>a{
	font-family: 'Droid Arabic Kufi', sans-serif;
	font-weight:bold;
	font-size: 1.375em;
	text-align: right;
	color: #fff;
	margin: 0;
	padding: 0;
}

h4, h4>a{
	font-family: 'Droid Arabic Kufi', sans-serif;
	font-weight:bold;
	font-size: 1em;
	text-align: right;
	color: #fff;
	margin: 0;
	padding: 0;
}

h5, h5>a{
	font-family: 'Droid Arabic Kufi', sans-serif;
	font-weight:bold;
	font-size: 0.875em;
	text-align: right;
	color: #fff;
	margin: 0;
	padding: 0;
}

h6, h6>a{
	font-family: 'Droid Arabic Kufi', sans-serif;
	font-weight:bold;
	font-size: 0.75em;
	text-align: right;
	color: #fff;
	margin: 0;
	padding: 0;
}

.entry-title {
	font-size: 1em;
    line-height: 1.6em;
}

.center { margin: 0 auto; }
.content{ margin: 0 auto; width: 85%; 	height:100%; position:relative; }

a{font-family:'Droid Arabic Kufi', sans-serif;font-size:1em;line-height:18px;color:#000;text-decoration:none;}
a:hover{color:#8dc043;text-decoration: none;}
a:visited{}
a:visited:hover{}
a:active {}

input{border:none;}
input:hover{border:none;}
input:focus{};
input:focus:hover{border:none;};
input:selected{border:none;};


input:focus:invalid:focus,
textarea:focus:invalid:focus,
select:focus:invalid:focus:hover{
	
}

p{font-family:'Droid Arabic Kufi', sans-serif;font-size:0.875em;line-height:18px;color:#2e2d2d;}

textarea:focus,
input:focus
{ 
	border-color: #88c13a!important;
}

ol, ul {
list-style: none;
}

hr{position:relative;width:100%;border:1px dotted #b5a392;border-style:none none dotted;color:#fff;background-color:#fff;margin: 25px 0px;}

::selection {background: #efffcd;} 
::-moz-selection {background: #efffcd;}


.button{padding:8px 25px;color:#fff;font-family:'Droid Arabic Kufi', sans-serif;font-size:0.875em;font-weight:bold;border:none;margin-top:20px;cursor:pointer;border-radius:3px;margin: 0 auto;}
.button:hover{border:none;color:#fff;}
.green-button{background-color:#649423; color: #fff;}
.green-button:hover{background-color:#75a62e;}
.gray-button{background-color:#949494;}
.gray-button:hover{background-color:#8b8b8b;}
.blue-button{background-color:#6395ab;}
.blue-button:hover{background-color:#3d768f;}
.white-button{
	color:#8bc43d;
	padding:8px;
	padding-left:25px;
	border-radius: 3px;	
	
	background:url("images/green-arrow-for-button.png") no-repeat scroll 92% center / 10px auto #fff;
	}
.white-button:hover{background-color:#d5d6d6;}

.donation-btn{
	font-family:'Droid Arabic Kufi', sans-serif;
	font-size:1.125em;
	font-weight: bold;
	display:inline-block;
	color:#649423;
	padding:16px 0px;
	padding-left:25px;
	border-radius: 3px;
	width:245px;
	background:url("images/donation-btn-ar.png") no-repeat scroll 0px center #fff;
	background-size:100%;
	vertical-align:top;
	text-align:center;
	vertical-align:top;
	
}
.donation-btn:hover{cursor:pointer;}

.other-ways-donation{width:24%;padding:12px 15px;margin-top:40px;font-weight:bold;border-radius:3px;display:block;margin-top:20px;margin-right:35%;background-color:#649423;color:#fff;}
.other-ways-donation:hover{background-color:#222222;color:#fff3f3;}

.no-border{border:none!important;}

.article-date{ 
    color: #535353;
    display: block;
    font-family:'Droid Arabic Kufi', sans-serif;
    font-size: 10px;
    font-weight: bold;
    margin:10px 0px;
    width: 100%;
	}
	.article-date::before{
	content:"";
	background: url("images/rollover.png") no-repeat scroll -193px -63px;
	width:20px;
	height:20px;
	display:inline-block;
	vertical-align:middle;
	margin-left:5px;
	}
	.article-date::before{clear:both;}

#scrollwrapperdiv{width:4px;background-color:#fff;}

/*read more button*/
.read-more-arrow{position:relative;margin-right:20px;
    -webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.read-more-arrow:after{
	content: '';
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-right: 8px solid #8dc043;
    position: absolute;
    top: 9px;
    left: -17px;

    -webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.read-more-arrow:hover{color:#765f52;}	
.read-more-arrow:hover:after{	
	left:-20px; 	    
	border-right: 8px solid #765f52;
}
 


.donation-section-footer{width:100%;background:url("https://www.aljalilafoundation.ae/wp-content/uploads/2024/03/Child-Fund-Screen-Display-v2.png") no-repeat scroll 0 0;position:relative;background-size: cover; height: 288px;}
/*.donation-section-footer{width:100%;background:url("https://www.aljalilafoundation.ae/wp-content/uploads/2020/08/Bassmat-Rashid-Bin-Saeed-Pop_up-Ara.png") no-repeat scroll 0 0;position:relative;background-size: cover; height: 288px;}*/
.donation-section-footer .content{padding:60px 0px 80px 0px;position:relative;}
.donation-section-footer h4{margin-bottom:15px;font-size:32px;color:#fff;}
.donation-section-footer p{float:right;width:70%;font-size:18px;line-height:25px;color:#fff;}
.donation-section-footer .donation-button{font-family:'Droid Arabic Kufi', sans-serif;font-weight:bold;font-size:1.25em;float:left;border:6px solid #fff;color:#fff;padding:15px 15px 15px 100px;background-color:#618e04;
	position:relative;
}
.donation-section-footer .donation-button::before{
	background: url("images/beating-heart.png") no-repeat scroll 16px -2px transparent;
	height: 50px;
	position: absolute;
	left: 0;
	top: 0;
	width: 60px;		
	-webkit-animation:	play .6s steps(1) infinite;
	-moz-animation: 	play .6s steps(1) infinite;
	-ms-animation: 		play .6s steps(1) infinite;
	-o-animation: 		play .6s steps(1) infinite;
	animation: 			play .6s steps(1) infinite;
}
	
/*= HEADER & NAVIGATION
--------------------------------------------------------*/

/* Desktops and laptops ----------- */
@media only screen and (min-width : 1025px){
.header { 		
	width: 100%; 
	height:80px;
	background: transparent;
	margin-top: 0px;
	z-index:96;
	display:table;
	padding:20px 0px;
	margin:0 auto;
}

.logo_primary{width:20%;position:relative;display:inline-block;}
.logo_secondary{width:20%;position:relative;display:inline-block;margin-top:10px;}
.logo img{width:100%;}
	.main_navigation{margin:0 auto;margin-top:47px;text-align:center;display:inline-block;width:58%;vertical-align:top; direction:rtl;}
	.mobile-nav-close{display:none;}

.header_wrap{
	width:100%; 
	margin:0 auto;
	direction:initial;
}
.header_wrap .content{width:95%;text-align:center;max-width:1280px;}

.fixed_header_wrap{
	width: 100%;
	position: fixed;
	background-color: #fff;
	top: 0px;
	left:0px;
	box-shadow: rgb(210, 210, 210) 0px 1px 2px;
	margin-top:-85px;
	padding:10px 0px;
	z-index:96;
}	
.fixed_header_wrap_show{
	margin-top:0px;
}

.header-bottom{position:relative;}

.main_navigation .menu-listing{position:relative;}
.main_navigation .menu-listing > li{position:relative;display:inline-block;margin:0px 0.75em 0px 0.75em;}

.main_navigation .menu-listing > li:hover > a{color:#8dc043;}
.main_navigation .menu-listing > li > a{font-family:'Droid Arabic Kufi', sans-serif;font-size:0.875em;padding:0px 0px 0.3125em 0px;font-weight:bold;display:block;white-space:nowrap;color:#000;}
.main_navigation .menu-listing > li > a{display:block;white-space:nowrap;text-align:center;}
.main_navigation .menu-listing > li > a.donate_head { background: #00829a; color: #fff; padding: 0.25em 0.625em;}
/*.main_navigation .menu-listing > li > a:after{width:0px;margin:0 auto;margin-top:10px;transition: width linear .2s;}
.main_navigation .menu-listing > li > a:hover:after{border-bottom:2px solid #8dc043;width:100%;}*/
.selected-section{color:#8dc043;}

.sub-menu{
	position: absolute;
	visibility: hidden;
	opacity:0;
	width:260px;
	background-color:#fff;
	border:1px solid #d8d8d8;
	border-radius:3px;
	top:35px;
	left:-80px;
	height:auto;
	z-index:9999;

	-moz-box-shadow: rgb(210, 210, 210) 0px 0px 2px;
	-webkit-box-shadow: rgb(210, 210, 210) 0px 0px 2px;
	box-shadow: rgb(210, 210, 210) 0px 0px 2px;
    
    transition: opacity 1s, visibility 1s, top 1s;
    -moz-transition: opacity 1s, visibility 1s, top 1s;
    -webkit-transition: opacity 1s, visibility 1s, top 1s;
	}	
	.sub-menu::before{
		width: 23px;
		height: 20px;
		content: ' ';
		position: absolute;
		top: -10px;
		left: 43%;
		background: url("images/rollover.png") -225px -68px transparent;
		}
	.main_navigation .menu-listing > li:hover .sub-menu{
		visibility: visible;
		opacity: 1;
    	top:35px;
    	transition: opacity 0.2s, visibility 0.3s, top 0.1s;
	}
	.sub-menu li{	
		position: relative;	
		padding: 0 0.625em 0em 0.75em;
		}
		.sub-menu li:last-child > a{border:none;}
		.sub-menu li a{border-bottom:1px dotted #d4d4d4;padding:0.625em 0px;display:block;width:100%;font-size:0.8125em;text-align:right;}
		.sub-menu li a:hover{color:#8dc043;}

		/*3rd level*/
		.sub-menu-3-wrapp:hover .sub-menu-3{display:block;}
		.sub-menu li:hover.sub-menu-3-wrapp:after{left:0px!important;}
		.sub-menu-3-wrapp:after{
			content: '';
			position: absolute;
			top: 4px;
			left: 10px;
			width: 50px;
			height: 30px;
			background: url("images/rollover.png") no-repeat scroll -57px -527px;
			z-index:98;
			background-color:#f6f6f6;
			cursor:pointer;

			-webkit-transition: all .2s linear;
			-moz-transition: all .2s linear;
			-o-transition: all .2s linear;
			transition: all .2s inear;
		}		
		.sub-menu-3{			
			position:absolute;
			top:0px;
			left:-259px;
			background-color:#fff;
			border:1px solid #e1e1e1;
			width:100%;
			display:none;			

			-moz-box-shadow: rgb(210, 210, 210) 0px 0px 2px;
			-webkit-box-shadow: rgb(210, 210, 210) 0px 0px 2px;
			box-shadow: rgb(210, 210, 210) 0px 0px 2px;
			transition: opacity 1s, visibility 1s;
			-moz-transition: opacity 1s, visibility 1s;
			border-radius: 5px;

		}
		.sub-menu-3 li{border-bottom: 1px solid #f1f1f1;}
		.sub-menu-3 li a{border-bottom: none;padding-right:20px;}
		/*.sub-menu-3-wrapp:hover .sub-menu-3{display:block;}*/
		.sub-menu-3-wrapp.active .sub-menu-3{display:block;}
		/*.sub-menu-3-wrapp:hover:after{background: url("images/rollover.png") no-repeat scroll -66px -570px;}*/
 		.sub-menu-3-wrapp.active:after{background: url("images/rollover.png") no-repeat scroll -51px -562px;
 		z-index:98;
 		background-color:#f6f6f6;
 		}
 
	/*=HEADER SEARCH BOX
	---------------------------*/
	.fixed_header_wrap .search-box{display:none;}
	.search-box{position:absolute;width:45px;height:30px;right:16%;top:-20px;}
.mobile-search-box{display:none;}
.top-search-form{position:absolute;top:0px;right:0px;z-index:98;}
.icon-search{
	background: url("images/rollover.png") no-repeat scroll -154px -7px #88c13a;
    border:medium none;    
    position:absolute;
    right:0px;
    top:0px;
    width:45px;
    height:30px;
    cursor:pointer;
	}
.search-text{background-color:#fff; padding:0px 8px 0px 30px; border:2px solid #88c13a; color:#828282; font-family:'Droid Arabic Kufi', sans-serif;width:0px;height:30px;z-index:101; direction:ltr;}	
.search-text:hover{border:2px solid #88c13a;}

.search-button-close{
	color: #8b8b8b;
	position: absolute;
	top: 30%;
	left: -75px;
	margin-top:0px;
	opacity: 0;
	width: 60px;
	font-size: 12px;
	text-align: right;
	cursor:pointer;
	text-transform:uppercase;
	font-family:'Droid Arabic Kufi', sans-serif;
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s inear;
	}
	.search-button-close-active{
		opacity: 1;
		margin-left: 0px;	
	}

	/*qtranslate*/   
	#qtranslate-chooser .lang-en a{position:absolute;top:-21px;right:10.3%;width:60px;height:30px;background:url(images/rollover.png) -334px -134px rgb(153,132,120);     z-index: 150;}
	#qtranslate-chooser .lang-en a span{display:none;}
	#qtranslate-chooser .active{display:none!important;}
	

	/*=ANIMATE SECTIONS
	-----------------------------------------*/
	.animateblock {
		opacity: 0;
		-webkit-transition: all 0.55s linear;
		-moz-transition: all 0.55s linear;
		transition: all 0.55s linear;
	}
	.animateblock.animated {
	  opacity: 1;
	}

	/* animation transition styles */
	.animateblock.left {
	  margin-left: -2%;
	}
	.animateblock.left.animated {
	  margin-left: 12%;
	}
	.animateblock.right {
	  display: block;
	  margin-left: 100%;
	}
	.animateblock.right.animated {
	  margin-left: 70%;
	}
	.animateblock.top {
	  display: block;
	  width: auto;
	  text-align: center;
	  margin-top: -25px;
	}
	.animateblock.top.animated {
	  margin-top: 0px;
	}
	 
	.animateblock.btm {
		margin-top: 150px;
	}
	.animateblock.btm.animated {
		margin-top: 0;
	}

	.animateblock.centerleft {
	  margin-left: -10%;
	}
	.animateblock.centerleft.animated {
	  margin-left: 0;
	} 
	.animateblock.centerright {
	  display: block;
	  width: auto;
	  text-align: center;
	  margin-right: -10%;
	}
	.animateblock.centerright.animated {
	  margin-right: 0;
	}
	.animateblock.center {
	  margin-left: 2%;
	}
	.animateblock.center.animated {
	  margin-left: 42%;
	}
	.animateblock.size {
	  display: block;
	  width: 10%;
	  text-align: center;
	}
	.animateblock.size.animated {
	  width: 100%;
	  height: 100%;
	}
	.animateblock.size img {
	  max-width: 100%;
	  height: auto;
	}
	.title-details.animateblock.btm.animated{
		margin-top:18px;
		margin-bottom:50px;
	}
	.slide3 aside.animateblock.btm.animated{margin-top:20px;}
	/*----------end animation-------------------------------*/
/*end desktop resolution*/
}

/*=MOBILE MENU
---------------------------*/
.mobile-menu{display:none;}
.display-menu{display:block!important;}

/*-----stickey social media bar-----*/
.social-stickey{position:fixed;top:126px;left:-40px;width:40px;height:auto;background-color:#353030;z-index:96;overflow:hidden;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3 inear;
}
.show-social-stickey{left:0px;}
.social-stickey li{}
.social-stickey li a{display:block;width:40px;height:40px;text-indent:-9999px;overflow:hidden;border-bottom:1px solid #686565;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.social-stickey li .fb{background: url("images/rollover.png") no-repeat scroll -7px -6px;}
.social-stickey li .fb:hover{background: url("images/rollover.png") no-repeat scroll -50px -6px;}
.social-stickey li .twitter{background: url("images/rollover.png") no-repeat scroll -7px -48px;}
.social-stickey li .twitter:hover{background: url("images/rollover.png") no-repeat scroll -50px -48px;}
.social-stickey li .this{background: url("images/rollover.png") no-repeat scroll -7px -90px;}
.social-stickey li .this:hover{background: url("images/rollover.png") no-repeat scroll -50px -90px;}
.social-stickey li .email{background: url("images/rollover.png") no-repeat scroll -7px -131px;}
.social-stickey li .email:hover{background: url("images/rollover.png") no-repeat scroll -50px -131px;}
.social-stickey li .print{background: url("images/rollover.png") no-repeat scroll -7px -175px;}
.social-stickey li .print:hover{background: url("images/rollover.png") no-repeat scroll -50px -175px;}
/*-----stickey social media bar-----*/


/*= WIDGETS 
--------------------------------------------------------*/

/*START SIDE BAR PAGES NAVIGATION*/
.sidebar-pages-navigation{width:100%;position:relative;padding-top:20px;padding-bottom:20px;background-color:#595859;}
.sidebar-pages-navigation li{width:auto;}
.sidebar-pages-navigation li a{color:#fff;font-family:'Droid Arabic Kufi', sans-serif;font-size:1em;font-weight:bold;padding-top:13px;padding-bottom:13px;padding-left:20px;margin-left:30px;margin-right:30px;display:block;border-bottom: 1px solid #7a797a;background:url("images/more-details-arrow-right.png") no-repeat scroll 5px center;}
.sidebar-pages-navigation li:hover{background-color:#8dc043;}
.sidebar-pages-navigation li:hover a{color:#fff;border-bottom: 1px solid #8dc043;background:url("images/more-details-arrow-right-dark.png") no-repeat scroll 5px center;}
/*END SIDE BAR PAGES NAVIGATION*/

/*START SECTION TAB WIDGET*/
.section-tabs{}
.section-tabs li{margin: 15px 0px;}
.section-tabs li h4{font-size:18px;color:#fff;padding:13px 60px 13px 13px;background-color:#595859;text-align:right;
background:url("images/section-tab-inactive.png") no-repeat scroll right center #595859;
cursor:pointer;
-webkit-transition: all 1s ease-out;
-moz-transition: all 1s ease-out;
-o-transition: all 1s ease-out;
transition: all 1s ease-out;	
}
.section-tabs li h4:hover{opacity:0.8;}
.section-tabs li .tab-content{padding:10px;display:none;}

.section-tabs .nested-content{padding:20px 0px;border-top:1px solid #dedede;}
.section-tabs .nested-content h5{color:#8dc043;font-size:1em;line-height:22px;margin-bottom:15px;display:inline-flex;}
.section-tabs .nested-content h5::before{
	background: url("images/rollover.png") no-repeat scroll -56px -471px rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    height: 20px;    
    position: relative;    
    width: 25px;
}
.section-tabs .nested-content p{margin:0px;padding:0px 30px;}
	
.section-tabs .active-tab{background:url("images/section-tab-active.png") no-repeat scroll right center #8dc043;}
.section-tabs .inactive-tab{background:url("images/section-tab-inactive.png") no-repeat scroll right center #595859;}



/*INNER PAGES BREADCRUM*/
.news-ticker-utilities{
	width: 100%;
	background-color:#8dc043;
	position:relative;	
	height:60px;	
	}
	 .news-ticker-utilities .content{height: 100%;}
	 .news-ticker-utilities .breadcrum-home-page{font-family:'Droid Arabic Kufi', sans-serif;font-size:0.75em;}
	 .news-ticker{ float:left; padding:11px;}
	 .news-ticker li{display:inline-block;padding:5px;}	     
	 .news-ticker li p{color:#fff; font-size:0.75em;}
	 .news-ticker li a:hover{color:#6c6c6c;}
	 .utilities{float:right; padding: 20px;}
	 .utilities li{display:inline-block;overflow:hidden;padding:5px;margin-left:8px;}
	 .utilities li a{text-indent:-99999px; text-indent: -999999px; width:20px; height:15px; display:inline-block; cursor:pointer;}
	 
	
/*------------------END SECTION TAB WIDGET-------------------------*/


/*= COMMON STYLES
--------------------------------------------------------*/
.page-wrap{width:80%;background-color:transparent;margin:0 auto;margin-top:20px;margin-bottom:60px;min-height:400px}

.side-bar-column{width: 28%;float:left;}
.side-bar-column .content{width: 100%;}

.content-area-column{width: 70%;float:right;background:transparent;}
.content-area-column .content{width: 100%;}

.bottom-border{border-bottom:1px solid #f99d1c;}
.no-border{border:none!important;}

.content-area-column h2{border-bottom: 1px dotted #6c6c6c;
    color: #7a797a;
    font-size: 24px;
    padding-bottom: 10px;}


#at15s {
	position:fixed !important;
}	
.active-button{background:url("images/data-loader.gif") transparent no-repeat;background-position: right center;margin-left:20px;}


/*popup print icon*/   
.popup-print-ico{
	position:absolute;
	top:19px;
	left:80px;
	width: 15px;
	height: 15px;
	display: block;
	background: url("images/rollover.png") transparent no-repeat;
	margin-left: 5px;
	background-position: -47px -447px;
	}
	.d-print-ico:hover{
		background-position: -47px -615px;
	}

/*= SLIDES STYLING
--------------------------------------------------------*/

.slide1, .slide2, .slide3, .slide4, .slide5, .slide6 { width: 100%; position:relative; }

.slide1{
	background-color:#f6f6f6;
	color: #fff;
	width:100%;
	height:auto;
	position: relative;	
	overflow: hidden;
	z-index:90;
}
.slide1 .content{
	width:100%;
	height:auto;
	}
	.slide1 .content .main-slider{
		margin: 0 auto;
		width:100%;
		position:relative;
		height: 100%;
	}
	.slide1 .bx-wrapper .bx-viewport{direction:rtl;}
	.main-slider .banner-text{
		position:absolute;
		bottom:18%;
		margin-right:80px;
		width:50%;
		height:65%;		
		border-radius:12px;
	}
	.main-slider .banner-text h2{font-size:45px;line-height:65px;position:absolute;top:0px;right:0px;margin-top:0px;}
	.main-slider .banner-text p{width:70%;font-size:1.25em;line-height:28px;color:#fff;position:absolute;top:0px;right:0px;margin-top:160px;}
	.main-slider .banner-text .donate-bitton{padding: 10px 14px;padding-left:40px;border:6px solid #6b7a51;color:#fff;
		font-family:'Droid Arabic Kufi',sans-serif;font-size:18px;border-radius:3px;background:url('images/white-arrow-for-button-ar.png') no-repeat 7% #88c13a;
		position:absolute;bottom:0px;right:0px;margin-bottom:0px; display:none;
	}
	.main-slider .banner-text .donate-bitton:hover{background-color:#75a62e;} 

	.main-slider img{width:100%;}
	#main-slider-pager{position:absolute;width:100%;height:auto;bottom:8%;text-align:center;z-index:95;}
	#main-slider-pager li{width:20px;height:40px;display:inline-block;}
	#main-slider-pager li a{width:20px;height:20px;display:inline-block;background:url("images/rollover.png") no-repeat scroll -54px -9px;}
	#main-slider-pager li .active{background:url("images/rollover.png") no-repeat scroll -31px -9px;}


.slide2{
	background-color: #f6f6f6;
	color: #000;
	width:100%;
	height: auto;
	margin: 0 auto;
	overflow: hidden;
	padding:60px 0px;
	}
	.slide2 .content{width:100%;}
	.slide2 .article-box{text-align:center;margin-top:50px;}
	.slide2 h2{color:#765f52;font-size:1.625em;text-align:center;}
	.slide2 .title-details{color:#2e2d2d;font-size:1em;text-align:center;margin-top:18px;line-height:18px;}
	.slide2 ul{}
	.slide2 ul li{display:inline-block;width:255px;text-align:center;padding:25px 15px;margin:0px 8px;vertical-align:top; overflow:hidden; transition:all ease 400ms;}
	.slide2 ul li a{
                position: relative;
    bottom: -60px;
	transition:all ease 400ms;
        }
		
	.slide2 ul li:hover{background-color:#fff;}
	.slide2 ul li:hover a {
                bottom: 0px;
            }
	 .slide2 ul li h3 {
                    text-align: center;
    color: #717171;
    font-size: 0.9375em;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 30px;
    font-weight: 600;
    font-family: 'Lato', sans-serif;
            }
			.slide2 ul li:nth-child(1) .box-details{
                    color: #6FB1C8;
            }
			.slide2 ul li:nth-child(2) .box-details {
                  color: #80BC00;  
            }
			.slide2 ul li:nth-child(3) .box-details {
                   color: #00829B; 
            }
			.slide2 ul li:nth-child(4) .box-details {
                   color: #939598; 
            }


            .slide2 ul li .box-details {
             margin-top: 20px;
    height: 45px;
    font-size: 28px;
    font-weight: 900;
    font-family: 'Montserrat', sans-serif;
            }

	

.slide3{
	bbackground: url(images/blue-slide-bg.png);
	background-color:#6597ad;
	color: #fff;
	width:100%;
	height: auto;
	padding:0px;
	padding:60px 0px;
	text-align:center;
	}
	.slide3 .content{
		width:100%;
	}
	.slide3 .content .blockquote{
		    width: 68%;
		margin:0 auto;
		position:relative;
		border-bottom: 1px solid rgb(255, 255, 255);
    padding-bottom: 20px;
	}
	.slide3 .content .blockquote strong{margin-top:20px;display:block;}
	.slide3 .content .blockquote p{    
	color: #fff;
    line-height: 24px;
    font-size: 1em;
    font-weight: 800;
	}
	
	.blockquote-next{position:absolute;top:30%;right:-100px;z-index:95;}
	.blockquote-next a{background:url('images/rollover.png') no-repeat -60px -247px transparent;display:inline-block;width:40px;height:68px;}
	.blockquote-next a:hover{}
	
	.blockquote-prev{position:absolute;top:30%;left:-100px;z-index:95;}
	.blockquote-prev a{background:url('images/rollover.png') no-repeat -7px -247px transparent;display:inline-block;width:40px;height:68px;}
	.blockquote-prev a:hover{}
	.blockquote .disabled{opacity:0.5!important;}


.slide3 .testimonials-slider {
	text-align:right;
}

.slide3 blockquote {
	color:#fff;
	font-weight:bold;
}

	.slide3 h2{
		font-size: 1.3125em;
		line-height: 36px;
		margin-bottom: 20px;
		color: #fff;
	}
	
	.slide3 h2:after {
	content:"";
	width:37px;
	height:30px;
	 background: url('images/qoute-ar.png') no-repeat ;
	 display:inline-block;
	 vertical-align:bottom;
	 margin-right:5px;
}
	.slide3 .quote-by{font-weight:bold;margin-top:20px;color:#fff;}	
	.slide3 aside{margin-top:20px;}
	.slide3 aside h3{display:inline-block;vertical-align:top;margin-top:12px;}
	.donation-dropdown{
		position: relative;		
		display:inline-block;		
		text-align: right;
		width: 30%;
		margin: 0 auto;
		margin:0px 30px;
		font-family: 'Droid Arabic Kufi', sans-serif;
		font-size: 1em;
		line-height: 28px;
		cursor:pointer;
	}
	.selected-item-dropdown{padding:8px 8px;border:3px solid #fff;width:100%;border-radius:3px;}
	.selected-item-dropdown:after{
		content:'';
		position:absolute;
		left:10px;
		top:62%;
		width:14px;
		height:10px;
		background:url(images/select-ico.png);
	}

	.donation-dropdown .iteam-list{border:3px solid #fff;width:100%;border-radius:3px;		
		background: url(images/green-slide-bg.png);
		background-color:#8dc043;

		position:absolute;
		top:0px;
		right:0px;
		z-index:95;

		visibility:hidden;
		margin-top:-45px;
		opacity:0;
		-webkit-transition: all 0.2s linear;
		-moz-transition: all 0.2s linear;
		-o-transition: all 0.2s linear;
		transition: all 0.2s linear;
	}
	.donation-dropdown .iteam-list-show{margin-top:0px;opacity:1;visibility:visible;}	

	.iteam-list li{padding:8px 8px;}
	.iteam-list li:hover{color:#8dc043;background-color:#fff;cursor:pointer;}
	.iteam-list .selected{color:#8dc043;background-color:#fff;}

.slide4{
	background: url(images/gray-slide-bg.png);
	color: #fff;
	width:100%;
	height: auto;
	padding:0px;
	padding:60px 0px;
	text-align:center;
	display:none !important;
	}
	.slide4 h2{
		color: #765f52;
		font-size:28px;
		text-align:center;
	}
	.slide4 .title-details{color:#2e2d2d;font-size:1em;margin-top:20px;}
	.slide4 .time-line-wrap{margin:0 auto;margin-top:40px;padding-top:90px;width:100%;max-width:915px;overflow:hidden;position:relative;}
	.slide4 .time-line-wrap .time-line-length{width:4px;height:80%;background-color:#fff;position:absolute;top:113px;left:49.90%;}
	.slide4 .time-line-wrap .time-line{overflow:hidden;position:relative;}
	.slide4 .time-line-wrap .time-line li{width:200px;height:180px;}
	.slide4 .time-line-wrap .time-line .right-side img{float:left;} 
	.slide4 .time-line-wrap .time-line .left-side img{float:right;} 

	.next-timeline a{width:50px;height:50px;background-color:red;position:absolute;top:0px;left:45%;margin-left:40px;
	background:url('images/rollover.png') no-repeat -107px -180px; 
	}
	.next-timeline a:hover{background:url('images/rollover.png') no-repeat 1px -180px; }
	.next-timeline .disabled{opacity:0.5!important;}

	.prev-timeline a{width:50px;height:50px;background-color:red;position:absolute;top:0px;left:44%;
	background:url('images/rollover.png') no-repeat -158px -180px; 	
	}
	.prev-timeline a:hover{background:url('images/rollover.png') no-repeat -49px -180px ; }
	.prev-timeline .disabled{opacity:0.5!important;}


.slide5{
	background-color:#f6f6f6;
	width:100%;
	height: auto;
	margin: 0 auto;
	padding: 0px;
	color: #fff;	
	}
	.slide5 .content{
	padding: 50px 0px;
	}

	.latest-news-wrap{float:right;width:48%;position:relative;}
	.latest-news-pager{position:absolute;top:0px;left:0px;z-index:95;}

	.slide5 .latest-news{float:left;width:100%;display:block;}
	.slide5 .latest-news img{float:right;margin-left:20px;max-width:214px;max-height:141px;}
	.slide5 .latest-news h2 { font-size:0.875em;}
	.slide5 .latest-news h2 a{font-family:'Droid Arabic Kufi', sans-serif;font-size:0.875em;font-weight:normal;color:#4e4e4e;line-height:20px;}
	.slide5 .latest-news h2 a:hover{color:#88c13a;cursor:pointer;}
	.slide5 .latest-news .green-button{
		display:inline-block;
		float:none;
		border-radius:0px;
		color: #405b1b;
		font-size: 1.125em;
		padding: 8px 0 8px 0px;
		background:none;
	}
	
	.slide5 .latest-news .green-button:hover{color:#405b1b;background-color:none;}
	
	.latest-news-pager li{display:inline-block;float:left;margin-right:5px;}	
	.latest-news-pager .latest-news-next a{background:url('images/rollover.png') no-repeat -180px -268px #88c13a;display:inline-block;width:25px;height:25px;}
	.latest-news-pager .latest-news-next a:hover{background-color:#75a62e;}
	.latest-news-pager .latest-news-prev a{background:url('images/rollover.png') no-repeat -162px -268px #88c13a;display:inline-block;width:25px;height:25px;}
	.latest-news-pager .latest-news-prev a:hover{background-color:#75a62e;}
	.latest-news-pager .disabled{opacity:0.5!important;}


	.latest-event-wrap{float:left;width:48%;position:relative;}
	.latest-event-pager{position:absolute;top:0px;left:0px;z-index:95;}

	.slide5 .latest-event{float:left;width:100%;display:block;}
	.slide5 .latest-event img{float:right;margin-left:20px;max-width:214px;max-height:141px;}
	.slide5 .latest-event h2 {font-size:0.875em;}
	.slide5 .latest-event h2 a{font-family:'Droid Arabic Kufi', sans-serif;font-size:0.875em;font-weight:normal;color:#4e4e4e;line-height:20px;}
	.slide5 .latest-event h2 a:hover{color:#88c13a;cursor:pointer;}
	.slide5 .latest-event .blue-button{display:inline-block;float:none;border-radius:0px;
	    color: #3a5764;
		padding: 8px 0;
		font-size: 1.125em;
		background:none;
	}
	.slide5 .latest-event .blue-button:hover{color:#3a5764;}
	
	.latest-event-pager li{display:inline-block;float: left;margin-right: 5px;}	
	.latest-event-pager .latest-event-next a{background:url('images/rollover.png') no-repeat -180px -266px #6395ab;display:inline-block;width:25px;height:29px;}
	.latest-event-pager .latest-event-next a:hover{background-color:#3d768f;}
	.latest-event-pager .latest-event-prev a{background:url('images/rollover.png') no-repeat -162px -266px #6395ab;display:inline-block;width:25px;height:29px;}
	.latest-event-pager .latest-event-prev a:hover{background-color:#3d768f;}
	.latest-event-pager .disabled{opacity:0.5!important;}


	/*
	.slide5 .latest-event{float:right;width:48%;}
	.slide5 .latest-event img{float:left;margin-right:20px;}
	.slide5 .latest-event h1{font-family:'Droid Arabic Kufi', sans-serif;font-size:1em;font-weight:normal;color:#4e4e4e;line-height:20px;}
	.slide5 .latest-event h1:hover{color:#88c13a;cursor:pointer;}
	.slide5 .latest-event .blue-button:hover{color:#fff;}
	.slide5 .latest-event ul{display:inline-block;float:right;}
	.slide5 .latest-event ul li{display:inline-block;cursor:position;}
	.slide5 .latest-event .latest-event-next{background:url('images/rollover.png') no-repeat -162px -268px #6395ab;width:25px;height:25px;}
	.slide5 .latest-event .latest-event-next:hover{background-color:#3d768f;}
	.slide5 .latest-event .latest-event-prev{background:url('images/rollover.png') no-repeat -180px -268px #6395ab;width:25px;height:25px;}
	.slide5 .latest-event .latest-event-prev:hover{background-color:#3d768f;}

	.slide5 .latest-news .button,
	.slide5 .latest-event .button {border-radius:0px;padding:6px 12px;}
	.slide5 .latest-news img,
	.slide5 .latest-event img{width:214px;height:141px;}
	*/



.slide6{
	background: url(images/blue-slide-bg.png);
	width:100%;
	height: auto;
	margin: 0 auto;
	padding: 60px 0px;	
	color: #fff;	
	overflow:hidden;
	}
	.slide6 h2{text-align:center;color:#fff;font-size:1.6875em;margin-bottom:20px;}
	.slide6 .address{font-family:'Droid Arabic Kufi', sans-serif;text-align:center;color:#fff;font-size:0.875em;line-height:20px;}
	.slide6 a{color:#fff;}
	.slide6 a:hover{color:#88c13a;}

	/*FORM
	-----------------*/
	.form{width:100%;height:auto;position:relative;}
	.form input{border:3px solid #fff;padding:10px 8px;width:100%;background:transparent;color:#fff;font-family:'Droid Arabic Kufi', sans-serif;}
	.form select{border:3px solid #fff;padding:15px 8px;width:100%;background:transparent;color:#fff;font-family:'Droid Arabic Kufi', sans-serif;}
	.form select option{background-color:#765f52;line-height:26px;}
	.form .contact-message{height:190px;width:100%;background:transparent;padding:8px;border:3px solid #fff;color:#fff;font-family:'Droid Arabic Kufi', sans-serif;position:relative;} 
	.form .form-group{width:100%;margin:20px 0px;display:inline-block;}
	.form .small-group{width:47%;}
	.form .left{float:right;}
	.form .right{float:left;}
	.form .control-label{font-family:'Droid Arabic Kufi', sans-serif;font-size:0.875em;display:block;margin:10px 0px;}
	
	.slide6 .form .control-label{text-transform: uppercase;}
	.form .form_error{border:3px solid red!important;}
	.form .submit-button-form{border:3px solid #fff;padding:15px 10px;width:200px;float:left;background:transparent;color:#fff;font-family:'Droid Arabic Kufi', sans-serif;font-weight:bold;font-size:0.875em;}
	.form .submit-button-form:hover{background-color:#5b8ca2;}


	.form-message-bar{width:100%;padding:16px 20px;
		position: absolute;
		top: 0px;
		left: 0px;
		text-align: center;
		font-weight: bold;
		margin-top: -36px;

		-webkit-transition: all 1s linear;
		-moz-transition: all 1s linear;
		-o-transition: all 1s linear;
		transition: all 1s linear;
	}
	.form-error-message-bar{
		margin-top:0px;
		background-color:red;
		}
		.cntus-error-message{display:none;color:#fff;}
		
	.form-success-message-bar{
		margin-top:0px;
		background-color:#8dc043;
		}
		.cntus-success-message{display:none;color:#fff;}



.fi-forms{position:relative;}
.fi-forms .form input{border:2px solid #765f52;padding:10px 8px;color:#616161;z-index:1;}
.fi-forms .form .control-label{color:#765f52;font-family:'Droid Arabic Kufi', sans-serif;font-weight:bold;font-size:1em;text-transform:uppercase;}
.fi-forms .form .mandatory:after{content:'*';color:red;position:relative;margin-left:10px;vertical-align:middle;}
.fi-forms .form .contact-message{border:2px solid #765f52;color:#616161;}
.fi-forms .form .small-group{width:48%;}
.fi-forms .form .form-group{margin:10px 0px;position:relative;}

.input-message{position:absolute;top:5px;left:0px;font-size:0.625em;font-weight:bold;opacity:0;margin-top:35px;
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s inear;	
}
.input-message-error{opacity:1;color:red;margin-top:5px;}


.fi-forms .green-button{margin-top:20px;}

.cf-get-directions{
	position: relative;
  	width: 154px;  	
  	margin: 0 auto;  	  	
  	text-align: center;
}
.cf-get-directions a{
	font-family:'Droid Arabic Kufi', sans-serif;	
	text-transform: uppercase;	
  	font-size: 0.75em;
  	font-weight: bold;
  	text-align:center;
  	padding: 6px 0px;
  	border-top: 1px solid #a3c1ce;
  	border-bottom: 1px solid #a3c1ce;
  	display:block;
  	margin-top:50px;
  	margin-bottom:20px;
}
.cf-get-directions:before{
	content:' ';
	background: url('images/rollover.png') no-repeat -148px -664px;
	position: absolute;
	top: 0px;
	left: -40px;
	width: 30px;
	height: 30px;	
}


.form .donation-dropdown{width:100%;margin:0px;}
.form .selected-item-dropdown{font-size:0.875em;}
.form .donation-dropdown .iteam-list{background:url(images/blue-slide-bg.png);}



/*aawen + zakat form english arabic column float*/
#aaawen-form .col-lg-12 .ar-right-column{float:right;}
#aaawen-form .col-lg-12 .ar-left-column{float:left;}

/*= FOOTER 
--------------------------------------------------------*/
footer{width:100%;position:relative;background-color:#fff;padding: 40px 0px;}
footer .footer-top{width:100%;visibility:hidden;}

.footer-top{
	padding: 20px 0;
    margin-top: 25px !important;
}
.footer-top h2{margin-top:38px;display:inline-block; font-size:1.5em;}
.footer-top h2 a{color:#222222;}
.partners-slider-wrap{width:80%;height:120px;float:left;position:relative;margin-left:15px;direction:ltr;}
.partners-slider li{display:inline-block; text-align:center;}
.partners-slider li a{display:block;}
.partners-slider-wrap .next-partner{position:absolute;right:-10px;position:absolute;top:30%;}
.partners-slider-wrap .next-partner a{background: url("images/rollover.png") no-repeat scroll -130px -265px;
    height: 30px;
    position: absolute;
    width: 30px;}
.partners-slider-wrap .prev-partner{position:absolute;left:-15px;position:absolute;top:30%;}
.partners-slider-wrap .prev-partner a{background: url("images/rollover.png") no-repeat scroll -106px -265px;
    height: 30px;
    position: absolute;
    width: 30px;}


.footer-middle{width:100%;padding:30px 0px;border-bottom: 2px dotted #b1b1b1;border-top: 2px dotted #b1b1b1;}
.footer-middle .pages-list-wrap{float:right;width:66%;text-align:right; display:flex;}
.footer-middle .pages-list{width:19%;float:right;display:inline-block;vertical-align:top;margin: 0 1px 24px 0;}
.footer-middle .pages-list li:first-child a{color:#515151;margin-bottom:10px;}
.footer-middle .pages-list li a{display:inline-block;color:#585858;font-size:0.625em;font-weight:bold;line-height:1.4375em;}
.footer-middle .pages-list li a:hover{color:#88c13a;}

.footer-middle-right{float:left;}
.footer-middle-right .subscription-module{position:relative;}
.footer-middle-right .subscription-module li{display:inline-block;vertical-align:middle;position:relative;}
.footer-middle-right .subscription-module h4{
    color: #FFF;
    font-size: 14px;
    line-height: 16px;
    text-transform: uppercase;
    background: #00829a;
    width: auto;
    padding: 10px;
}
.footer-middle-right .newsletter-subscribe-input{padding:6px;width:200px;background:transparent;border:2px solid #d3d3d3;font-family:'Droid Arabic Kufi', sans-serif;font-size:0.625em;}
.footer-middle-right .subscribe-input-active{background:url("images/data-loader.gif") transparent no-repeat;background-position: left center;}
.footer-middle-right .subscribe-newsletter-btn{font-family:'Droid Arabic Kufi', sans-serif;font-size:0.75em;padding:6px 8px; width:90px;background:#8dc043;color:#fff;border:none;font-weight:bold;}
.footer-middle-right .subscribe-newsletter-btn:hover{background:#75a62e;}


.newsletter-message{position:absolute;top:0px;right:0px;font-size:0.75em;color:#000;font-weight:bold;
	opacity:0;
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s inear;	
	}
	.newsletter-message-error{opacity:1;color:red;margin-top:-20px;}
	.newsletter-message-success{opacity:1;color:#8dc043;margin-top:-20px;}

.social-widgets-wrap{float:right;margin-top:30px;}
.social-widgets-wrap h4{font-size:0.875em;color:#7f7f7f;display:inline-block;vertical-align:top;margin-top:7px;text-transform:uppercase;}
.social-widgets-wrap h4::after{content:'|'; color:#7f7f7f;margin-right:15px;}

.social-widgets-wrap .social-widgets{display:inline-block;}
.social-widgets-wrap .social-widgets li{display:inline-block;}
.social-widgets-wrap .social-widgets li a{display:block;width:30px;height:30px;margin-right:10px;
	/*background:url("images/social-icons.png") #fff no-repeat;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;*/
}
.social-widgets-wrap .social-widgets li a:hover h4{color:#8dc043;}

.social-widgets-wrap .social-widgets .sw-fb {
	background: url("https://www.aljalilafoundation.ae/wp-content/uploads/2023/08/Facebook-Brn.png") #fff no-repeat;
	background-size: contain;
}

.social-widgets .sw-fb:hover {
	background: url("https://www.aljalilafoundation.ae/wp-content/uploads/2023/08/Facebook-Grn.png") #fff no-repeat;
	background-size: contain;
}

.social-widgets-wrap .social-widgets .sw-tw {
    background: url("https://www.aljalilafoundation.ae/wp-content/uploads/2023/08/Twitter-Brn.png") #fff no-repeat;
	background-size: contain;
}

.social-widgets .sw-tw:hover {
   background: url("https://www.aljalilafoundation.ae/wp-content/uploads/2023/08/Twitter-Grn.png") #fff no-repeat;
	background-size: contain;
}

.social-widgets-wrap .social-widgets .sw-utube {
    background: url("https://www.aljalilafoundation.ae/wp-content/uploads/2023/08/YouTube-Brn.png") #fff no-repeat;
	background-size: contain;
}

.social-widgets .sw-utube:hover {
    background: url("https://www.aljalilafoundation.ae/wp-content/uploads/2023/08/YouTube-Grn.png") #fff no-repeat;
	background-size: contain;
}

.social-widgets-wrap .social-widgets .sw-insta {
    background: url("https://www.aljalilafoundation.ae/wp-content/uploads/2023/08/iNstagram-Brn.png") #fff no-repeat;
	background-size: contain;
}

.social-widgets .sw-insta:hover {
    background: url("https://www.aljalilafoundation.ae/wp-content/uploads/2023/08/iNstagram-Grn.png") #fff no-repeat;
	background-size: contain;
}

.social-widgets-wrap .social-widgets .sw-lnkdin {
    background: url("https://www.aljalilafoundation.ae/wp-content/uploads/2023/08/LinkediN-Brn.png") #fff no-repeat;
	background-size: contain;
}

.social-widgets .sw-lnkdin:hover {
    background: url("https://www.aljalilafoundation.ae/wp-content/uploads/2023/08/LinkediN-Grn.png") #fff no-repeat;
	background-size: contain;
}

.footer-bottom{margin:15px 0px;}
.bottom-pages-list{float:right;margin-top:0;}
.bottom-pages-list li{display:inline-block;margin-left:5px;vertical-align:middle;float:left;}
.bottom-pages-list li a{display:inline-block;font-family:'Droid Arabic Kufi', sans-serif;font-size:0.875em;color:#685449;border-right:1px solid #a0a0a0;padding-right:7px;vertical-align:middle;line-height:10px; font-weight:bold;}
.bottom-pages-list li a:hover{color:#8dc043;}
.copy-rights{float:left;font-family:'Droid Arabic Kufi', sans-serif;font-size:0.75em;color:#685449;font-weight:bold;}


/*=Preloader 
----------------------------------------------*/
.preloader {
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:#fff; /* change if the mask should have another color then white */
    z-index:99; /* makes sure it stays on top */
}
.status {
    width:276px;
    height:80px;
    position:absolute;
    left:45%; /* centers the loading animation horizontally one the screen */
    top:50%; /* centers the loading animation vertically one the screen */
    background-image:url(images/green-loading.gif); /* path to your loading animation */
    background-repeat:no-repeat;
    background-position:left bottom;
    margin:-100px 0 0 -100px; /* is width and height divided by two */
    background-size:85% 5px;

    -webkit-transition: all 2s linear;
	-moz-transition: all 2s linear;
	-o-transition: all 2s linear;
	transition: all 2s linear;
}


/*=Form Elements
----------------------------------------------*/
.input-text{font-family:'Droid Arabic Kufi', sans-serif;font-size:1em;background-color:#fff;color:#bcbcbc;padding:10px;border-radius:2px;}
.input-text:focus{
	-moz-box-shadow:     0 0 5px #8dc043;
	-webkit-box-shadow:  0 0 5px #8dc043;
		box-shadow:      0 0 5px #8dc043;
	}
	.input-selected{
		-moz-box-shadow:    0 0 5px #8dc043;
		-webkit-box-shadow: 0 0 5px #8dc043;
		box-shadow:         0 0 5px #8dc043;
	}

/*wordpress default pagination*/
.page-wrapp.paging-navigation{}
.paging-navigation .screen-reader-text{display:none;}

/*press release + all pages*/
.pagination {text-align:center;margin-bottom:40px;direction:ltr;}
.pagination li{display:inline-block;width:auto;color:#9b9b9b;}
.pagination li a{color:#9b9b9b;font-size:1em;padding:0px;font-family:'Droid Arabic Kufi', sans-serif; }
.pagination li a:hover{color:#8dc043;}
.page-wrapp .pagination > a{color:#9b9b9b;font-size:1em;padding:0px;font-family:'Droid Arabic Kufi', sans-serif; }
.page-wrapp .pagination > a:hover{color:#8dc043;}
.pagination .current-page, .current{color:#8dc043; font-weight:bold; }

.pagination span.current:after{
	content:'|';
	padding: 0 10px;
	font-size: 16px;
	color:#9b9b9b;
}

.pagination a.prev{
	margin:0 10px 0 0;	
}

.pagination a.prev:after{
	content:'';
	padding:0;
}
.pagination a:after{
	content:'|';
	padding: 0 10px;
	font-size: 16px;
	color:#9b9b9b;
	}
.pagination li:last-child a:after{
	content: '';
}

.pagination a.next:after{
		content: '';
	}




.page-blinder{width:100%;height:100%;background-color:#000;opacity:0.5;position:absolute;top:0px;left:0px;z-index:995;display:none;}

.donation-details-popup.donationhome{
	width: 572px !important;
	background:none;
}
.donation-details-popup{
	    position: fixed;
    top: 50%;
    left: 0;
    right: 0;
    margin: auto;
    width: 571px;
    width: 55%;
    max-width: 700px;
    background-color: #f6f6f6;
    z-index: 996;
    padding: 5px;
    /*border: 1px solid #f6f6f6;*/
    border-radius: 6px;
    display:none;
    /*-webkit-box-shadow: 0 0 5px 1px #fff;*/
    /*box-shadow: 0 0 5px 1px #fff;*/
    transform: translateY(-50%);
	max-height: 80vh;
    overflow: auto;
}

.donation-details-popup a.donation-button { width:100%; font-size:0px;}

.donation-details-popup .title{width:100%;position:relative;background-color:#9ac532;color:#fff;padding:10px;}
.donation-details-popup .details{padding:10px;}
.donation-details-popup ul{padding:5px 25px;background-color:#fff; margin-bottom:20px;direction:rtl;}
.donation-details-popup ul strong{color:#000;display:inline-block;margin-right:10px;min-width:130px;font-family:'Droid Arabic Kufi', sans-serif;float:right;}
.donation-details-popup ul li{display:block;padding:14px 0px;border-bottom:1px dashed #d5d5d5;width:100%;text-align:right;height:auto; direction: rtl;}
.donation-details-popup ul li:last-child{border:none;}
.donationhome .donation-details-popup-close{
	color: #fff !important;
    background: #024a56;
    padding: 10px 10px;
    display: block;
    height: auto;
	border-radius: 6px;
}

.donation-details-popup-close{
	position: absolute;
	top: 20px;
	left: 20px;
	width: auto;
	height: 18px;
	cursor:pointer;
	z-index: 997;
	color: #fff;
	/*color: #88c13a;*/
	font-size: 12px;
	font-weight:bold;
}

.donation-details-popup p{margin:10px 0px;text-align:right; direction: rtl; line-height: 30px; width:100%;}
.donation-details-popup a{color:#8dc043; display: inline-block; direction: rtl;}
.donation-details-popup .donation-button {float: right;}


/*=FOOTER BACK TO TOP BUTTON
----------------------------------------------*/
.back-to-top{
	width: 73px;
	height: 49px;
	content: ' ';
	position: absolute;
	top:-25px;
	left: 50%;
	margin-left:-36px;
	cursor:pointer;
	background: url("images/rollover.png") -16px -341px transparent;
	}
	.back-to-top:hover{top:-35px;
	-webkit-transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	-o-transition: all 0.1s linear;
	transition: all 0.1s linear;	
}


/*=MOBILE BACK TO TOP
-------------------*/
.mob-back-to-top{position:fixed;top:0px;left:50%;background-color:#fff; padding:10px 0px;cursor:pointer;
color:#8dc043;
font-weight:bold;
-moz-box-shadow:    0 0 5px #8dc043;
-webkit-box-shadow: 0 0 5px #8dc043;
box-shadow:      	0 0 5px #8dc043;
z-index:200;
display:none;
width:130px;
height:auto;
margin-left:-65px;
text-align:center;	
}


/*=SWICTH TO SCREENS MOBILE/DESKTOP
-------------------*/
.sitch-view{width:100%;display:block;padding:15px 0px;text-align:center;background-color:red;color:#fff;font-weight:bold;cursor:pointer;display:none;}
.sitch-view-mobile{
	width: 55px;
	height: 103px;
	position: fixed;
	top: 40%;
	right: 0px;
	z-index: 200;
	background: url('images/rollover.png') no-repeat -334px -10px;
}


/*=SOCIAL MEDIA HUB WIDGET
----------------------------------------------*/
.social-media-widget{position:fixed;left:2.5%;bottom:8%;width:120px;height:75px;z-index:105;background:url(images/social-media-hub-widget.png) 50% no-repeat;cursor:pointer; 
	margin-bottom:-150px; display:none;
}
.social-media-widget-img{width:120px;height:75px;display:block;}

.social-media-widget .sh-title{background-color:#fff;padding:8px 14px;color:#8dc043;font-size:0.75em;position:absolute;top:0px;left:50%;margin-left:-50px;
	border-radius: 2px;
	opacity:0;	
	margin-top:-20px;
	text-align: center;
	line-height: 12px;
	font-size: 10px;

	-moz-box-shadow: 0 0 5px #888;
	-webkit-box-shadow: 0 0 5px#888;
	box-shadow: 0 0 5px #888;

	-webkit-transition: 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
	-moz-transition: 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
	-o-transition: 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
	transition: 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.social-media-widget .sh-title:after{position:absolute;bottom:-14px;left:50%;margin-left:-9px;width:20px;height:15px;
background:url(images/rollover.png) no-repeat -134px -15px;
content:' ';
}
.sh-close{position:absolute;top:8px;right:18px;width:30px;height:25px;z-index:105;background:url(images/rollover.png) -227px -667px;}
.social-media-widget:hover .sh-title{margin-top:-45px;opacity:1;};


/*=PAGE NOT FOUND
----------------------------------------------*/
.not-found{}
.main-content.not-found{min-height:300px!important;}
.page-wrapp.not-found .content-wrapper{text-align:center;}
.not-found .search-field{  
	background-color: #fff;
	padding: 0px 8px 0px 30px;
	border: 2px solid #88c13a;
	color: #828282;
	font-family: 'Lato', sans-serif;
	width: 50%;
	height: 40px;
	z-index: 101;
}
.not-found .screen-reader-text{margin-right:10px;}
.not-found .search-submit{background-color:#88c13a;color:#fff;height:40px;width:120px;text-align:center;font-family: 'Montserrat', sans-serif;}

/*=File uploading
------------------*/
.form-upload-file-btn{
	width:125px;
	height: 46px;
	background-color: #fff;
	position:absolute;
	top: 37px;
	left: 3px;
	text-align: center;
	cursor:pointer;
	background:url(images/file-uploading-32.png) #fff no-repeat;
	background-position:50%;
}

/*=CAPTCHA
------------------------------*/
.captcha-div{width:200px;text-align:center;float:right;}
#fi_captcha_user_value{display:block;}
.cap-input-reload{position:relative;}
.refresh-captcha{font-size:8px;text-align:center;display:block;margin-top:10px;}

/*=BOOTSTRAP FORMS CUSTOM CSS
------------------------------
*/
.fi-forms h4{padding:17px; margin-bottom:20px;}
.checkBox-group{margin-bottom:40px!important;}

.fi-forms hr{
	border-top:2px dashed #aaaaaa;
	color:#fff;
	background-color:#fff;
	height:2px;
	width:96%;
	margin:0 auto;
}
.fi-forms .button{float:right;margin:0px;margin-left:10px;padding:8px 50px;}
.fi-forms .full-width-textArea{width:96%;margin:0 auto;}

.fi-forms input{border:1px solid #ccc;}
.fi-forms input:hover{border:1px solid #ccc;}
.fi-forms input:focus{};
.fi-forms input:focus:hover{border:1px solid #ccc;};
.fi-forms input:selected{border:1px solid #ccc;};


.AawenFormErrorMessage{display:none;}
.fi-forms .alert{
	padding: 7px;
	border-radius: 0px;
	width: 90%;
	margin: 0 auto;
	margin-bottom: 30px;
}
.fi-forms .AawenFormErrorMessageClose.close-btn{right:0px;}
.fi-forms input.has-input-error{border-color:#a94442;}
.fi-forms select.has-input-error{border-color:#a94442;}
.fi-forms textarea.has-input-error{border-color:#a94442;}
.fi-forms .error-label{color:#a94442;}
.upload-btn{cursor:pointer;}


.aawen-form-doc-popup{display:none;left: 0;width: 60%;}

.aawen-form-files-popup{}
.aawen-form-files-popup input{color:#000!important;}
.aawen-form-files-popup .form_error{color:#a94442!important;}
.cursor-pointer{cursor:pointer!important;}

#DonationFor{display:none;width:40%;}

.required-files-list{text-align:right;}

/*=SITE MESSAGE MODULE
---------------------------------------------------*/
.mandatory{font-size:1.25em;color:#a94442;}
.site-messages-wrap{position:fixed;bottom:0px;left:0px;width:30%;min-height:0px;color:#fff;z-index:999;padding:10px;display:none;}
.site-messages-wrap p{width:100%;min-height:40px;position:relative;padding:5px;font-weight:bold;margin-bottom:10px;
}
.site-message-close{
  position:absolute;
  top:-9px;
  left:-13px;
  width: 30px;
  height: 25px;
  z-index: 105;
  cursor:pointer;
  background: url(images/rollover.png) -227px -667px;
}
.site-messages-wrap p.info{background-color:#dff0d8;color:#3c763d;border:1px solid #d6e9c6;
-webkit-box-shadow: 0 0 5px 1px #dff0d8;
box-shadow: 0 0 5px 1px #dff0d8;
}
.site-messages-wrap p.error{background-color:#f2dede;color:#a94442;border:1px solid #ebccd1;
-webkit-box-shadow: 0 0 5px 1px #f2dede;
box-shadow: 0 0 5px 1px #f2dede;
}

/*phpto gallery*/
.innercontent .gallerylink{font-family:'Droid Arabic Kufi', sans-serif;}
.gallerytime{font-family:'Droid Arabic Kufi', sans-serif;}
.innercontent .videolink{font-family:'Droid Arabic Kufi', sans-serif;}


/*=DONATION FORM RECEIPT
-------------------------------------------------------------*/
.receipt-img{margin:0 auto;margin-bottom:20px;display:block;}
.transection-receipt .trasection-message{width:80%;margin:0 auto;text-align:center;margin-bottom:40px;}
.transection-receipt .trasection-message.error{color:red;}
.transection-receipt-details{width:80%;margin:0 auto;}
.transection-receipt .panel{border-radius:0px;}
.transection-receipt .panel-default > .panel-heading{background-color:#e9e9e9;font-weight:bold;font-size:1.25em;}
.transection-receipt .info_{float:left;}
.transection-receipt .panel-body li{border-bottom:1px dotted #e9e9e9;margin-bottom:8px;font-weight:bold;}
.transection-receipt{ font-family:'Droid Arabic Kufi', sans-serif;}


/*=Gallery Modules - photo gallery - video gallery => list 
---------------------------------------------------------*/
.fi-gallery-list{width:100%;height:auto;position:relative;}
.fi-gallery-list .gl-list-box{width:31%;text-align:center;display:inline-block;margin:1%;position:relative;overflow:hidden; float:right;}
.gl-list-box a{display:block;}
.gl-list-box:before{position:absolute;bottom:7px;right:15px;width:32px;height:24px;background:url(images/camera.png) no-repeat center;z-index:1}
.gl-title{position:absolute;width:100%;left:0px;right:0px;bottom:0px;background-color:rgba(0,0,0,0.6);color:#fff;display:block;text-align:right;line-height:40px;padding-right:60px;height:40px;overflow:hidden;}
.gl-feature-image{width:100%;
transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
}
.fi-gallery-list .gl-list-box:hover .gl-feature-image{width:110%;}

.gl-add-this-widget{display:none;}
.gl-list-box:hover .gl-add-this-widget{display:block;}


.fi-gallery-details{width:100%;height:auto;text-align:center;background-color:none;margin-top:20px;}
.fi-gallery-details .gallery-images{width:144px;height:100%;display:inline-block;margin:0px;border:7px solid transparent;position:relative;}
.fi-gallery-details .gallery-images:hover{border:7px solid #8dc043;} 
.fi-gallery-details .gallery-images:before{position:absolute;top:-7px;left:40%;opacity:0;

	border-left: 15px solid transparent;
    border-right: 16px solid transparent;
    border-bottom: 14px solid #8dc043;

	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s inear;
}
.fi-gallery-details .gallery-images:hover:before{opacity:1;top:-20px;}

.fi-gallery-details .gallery-images.active_{border:7px solid #8dc043;}
.fi-gallery-details .gallery-images.active_:before{opacity:1;top:-20px;}

.fi-gallery-details .gallery-images img{width:100%;height:100px;}
.fi-gallery-detail-img{width:100%;text-align:center;height:533px;overflow:hidden;
background:url(images/loading.GIF) no-repeat center;
}

.gallery-prev-nav{
	position: absolute;
	left: 15%;
	top: 35%;
    width: 30px;
	height: 70px;
}

.gallery-prev-nav a{
	background: url("images/rollover.png") no-repeat scroll -13px -246px;
    width: 30px;
	height: 70px;
	text-indent:-99999em;
	display: block;
	cursor:pointer;
	opacity:0.7;
}

.gallery-prev-nav a:hover{
	opacity:1;
}

.gallery-next-nav{
	position: absolute;
	right: 15%;
	top: 35%;
	width: 30px;
	height: 70px;
}

.gallery-next-nav a{
	background: url("images/rollover.png") no-repeat scroll -64px -246px;
    height: 70px;
    position: absolute;
    width: 30px;
	text-indent:-99999em;
	display: block;
	cursor:pointer;
	opacity:0.7;
}

.gallery-next-nav a:hover{
	opacity:1;
}


.fi-gallery-details-title{text-align:center;margin-bottom:20px;}
.fi-g-img-large{
	-webkit-transition: all .4s linear;
	-moz-transition: all .4s linear;
	-o-transition: all .4s linear;
	transition: all .4s inear;
}


/*video gallery*/
.fi-g-img-large:hover{transform:scale(1);}
.video-gallery-list .gl-list-box:before{bottom:3px;height:35px;background:url(images/video.png) no-repeat center;}

.fi-gallery-video-detail-section{width:80%;text-align:center;height:533px;overflow:hidden;margin:0 auto;}

.date-block{
    display: block;
    text-align: center;
    margin-bottom: 40px;
    color: #a2a2a2;
    font-size: 14px;
    font-style: italic;
}

/* ADD BY SABEEL */
.newsletter-section {
    max-width: 890px;
    margin: auto;
}

    .newsletter-section .inline-links {
        color: #007b96;
    }

        .newsletter-section .inline-links:hover {
            color: #81bc27;
        }

    .newsletter-section p {
        text-align: justify;
        line-height: 22px;
            margin: 1.5em 0;
    }

    .newsletter-section .border-bottom {
        padding: 1% 0 0;
        border-bottom: 2px solid #e2e2e2;
        margin-bottom: 1%;
    }

    .newsletter-section h1,
    .newsletter-section h2,
    .newsletter-section h3,
    .newsletter-section h4 {
        color: #007b96;
        margin: 25px 0 0 0;
    }

    .newsletter-section h2 {
        font-weight: 500;
        font-size: 22px;
    }

    .newsletter-section img {
        width: 100%;
    }

    .newsletter-section .newsletter-logo-area .con {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }

        .newsletter-section .newsletter-logo-area .con img {
            max-width: 240px;
            max-height: 100px;
        }

    .newsletter-section .main-article-banner {
        max-height: 420px;
        overflow: hidden;
    }

    .newsletter-section .newsletter-head {
        background: #007b96;
        padding: 8px 30px;
    }

        .newsletter-section .newsletter-head .con {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            align-items: center;
        }

            .newsletter-section .newsletter-head .con h1 {
                font-weight: 500;
                text-transform: uppercase;
                color: #FFF;
                margin: 0;
            }
 .newsletter-section .newsletter-head .con p {
                    margin: 0;
            }
            .newsletter-section .newsletter-head .con a {
                width: 130px;
				    display: inline-block;
            }

    .newsletter-section .content-area .main-article {
        padding: 1% 0 2%;
        border-bottom: 2px solid #e2e2e2;
        margin-bottom: 4%;
    }

        .newsletter-section .content-area .main-article h2 {
            font-weight: 500;
            font-size: 22px;
        }

    .newsletter-section .content-area .image-side p {
        position: relative;
    }

    .newsletter-section .content-area .image-side .image-side-sm {
        float: left;
        margin: 0 5% 5% 0;
        width: 48%;
    }

    .newsletter-section .content-area .image-side .image-side-xs {
        float: right;
        margin: 0 0 5% 5%;
        width: 30%;
    }

    .newsletter-section .content-area .orchestra-ad {
        padding: 0 0 2%;
        border-bottom: 2px solid #e2e2e2;
        margin-bottom: 4%;
    }

    .newsletter-section .content-area .two-col-article {
        padding-bottom: 20px;
        float: right;
    }

        .newsletter-section .content-area .two-col-article .article-col {
            width: 47%;
            margin-left: 5%;
            display: inline-block;
            vertical-align: top;
        }

            .newsletter-section .content-area .two-col-article .article-col .article-img {
                max-height: 298px;
                overflow: hidden;
            }

            .newsletter-section .content-area .two-col-article .article-col.no-m-r {
                margin-left: 0;
            }

            .newsletter-section .content-area .two-col-article .article-col .article-content h2 {
                margin-top: 10px;
            }

            .newsletter-section .content-area .two-col-article .article-col .article-content strong {
                font-size: 17px;
            }

    .newsletter-section .content-area .aritcle-full-width {
        float: right;
    }

    .newsletter-section .content-area .two-col-article .community-flash-col {
        position: relative;
        max-height: 298px;
        overflow: hidden;
    }

        .newsletter-section .content-area .two-col-article .community-flash-col .title-area {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            background: url(../images/arrow_ar.jpg) 0% 50% #71b2c8 no-repeat;
            color: #FFF;
            padding: 10px 10px 10px 15px;
            font-weight: 500;
        }

    .newsletter-section .content-area .community-flash {
        padding-bottom: 4%;
        margin-bottom: 4%;
    }

        .newsletter-section .content-area .community-flash h2 {
            margin: 15px 0 25px;
        }

    .newsletter-section .content-area .support-content {
        padding: 2% 4%;
        background: #007b96;
        color: #FFF;
        float: right;
        margin-bottom: 4%;
    }

        .newsletter-section .content-area .support-content p {
            color: #FFF;
            font-size: 16px;
            font-weight: 600;
        }

        .newsletter-section .content-area .support-content .inline-links {
            color: #1ee1ed;
        }

    .newsletter-section .content-area .copyright {
        padding: 3% 0 0;
        border-top: 2px solid #e2e2e2;
        margin-bottom: 1%;
        float: right;
        width: 100%;
        text-align: center;
    }

        .newsletter-section .content-area .copyright span {
            display: block;
            margin-bottom: 30px;
        }

    .newsletter-section .content-area .socail-media-links {
        display: flex;
        justify-content: space-between;
        width: 40%;
        margin: 40px auto;
    }

        .newsletter-section .content-area .socail-media-links a img {
            width: 40px;
        }

@media screen and (max-width: 480px) {
    .newsletter-section {
        max-width: 100%;
    }


        .newsletter-section .newsletter-logo-area .con {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
        }

            .newsletter-section .newsletter-logo-area .con img {
                max-width: 240px;
                max-height: 100px;
            }

        .newsletter-section .main-article-banner {
            max-height: 516px;
            overflow: hidden;
        }


        .newsletter-section .newsletter-head .con {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            align-items: center;
        }

            .newsletter-section .newsletter-head .con h1 {
                font-weight: 500;
                text-transform: uppercase;
                color: #FFF;
            }

            .newsletter-section .newsletter-head .con a {
                width: 130px;
            }


        .newsletter-section .content-area .image-side .image-side-sm {
            margin: 0 0 5% 0;
            width: 100%;
        }

        .newsletter-section .content-area .image-side .image-side-xs {
            margin: 0 0 5% 0;
            width: 100%;
        }


        .newsletter-section .content-area .two-col-article .article-col {
            width: 100%;
            margin-right: 0;
        }



        .newsletter-section .content-area .socail-media-links {
            width: 100%;
            margin: 3% auto;
        }

            .newsletter-section .content-area .socail-media-links a img {
                width: 32px;
            }
}

.direct-rtl{ 
    float: right !important;
    font-family: 'Droid Arabic Kufi', sans-serif;
    
}
.direct-rtl #MobileNumberCode{ float:right !important; margin-right:0 !important; margin-left:6px;}