@import url(https://fonts.googleapis.com/earlyaccess/droidarabickufi.css);


@font-face {
    font-family: 'droid_sansregular';
    src: url('../fonts/DroidSans-webfont.eot');
    src: url('../fonts/DroidSans-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/DroidSans-webfont.woff') format('woff'),
         url('../fonts/DroidSans-webfont.ttf') format('truetype'),
         url('../fonts/DroidSans-webfont.svg#droid_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'droid_sansbold';
    src: url('../fonts/DroidSans-Bold-webfont.eot');
    src: url('../fonts/DroidSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/DroidSans-Bold-webfont.woff') format('woff'),
         url('../fonts/DroidSans-Bold-webfont.ttf') format('truetype'),
         url('../fonts/DroidSans-Bold-webfont.svg#droid_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;

}



* {padding: 0px;margin: 0px;font-family: "droid_sansregular";}
li {list-style: none;}

h3 {margin-bottom: 15px;}
p {margin-bottom: 10px;}

body {background: #fff;}

.topmenu h2, #main .links, .owl-buttons, .statistics_counter, .jcarousel-next-horizontal, .jcarousel-prev-horizontal, #footer h2 {
	display: none !important;
}

#header {
	height: 125px;
	width: 100%;
	z-index: 100;
	background:rgba(255,255,255,0.9);
	position: fixed;
}
.page-what-we-do #header, .page-what-we-do- #header {
	position: relative;
}
#header .container {
}

.page-what-we-do #header .container, .page-what-we-do- #header .container {
}

.logo {
	display: block;
    float: left;
   /* text-align: center; */
   text-align:left;
    width: 20%;
}

.logo img {
	display: inline-block;
	margin: 20px auto 0 60px;
	width: 200px;
}

.topmenu {
    float: right;
    margin-right: 44px;
    margin-top: 58px;
    width: 75%;
}
.topmenu li {
	display: block;
	float: none;
	display: inline-block;
	padding: 0 16px;
	margin: 0px !important;
}
.topmenu li.last {
	border-right: 0px;
}
.topmenu li a, .topmenu li span {
	color: #00833b;
    display: block;
    font-size: 18px;
    height:68px;
	font-weight: bold;
    text-decoration: none;
	cursor: pointer;
}

@media (min-width: 701px) {
	.topmenu li a:hover {
		color: #000 !important;
	}
}

.topmenu li a.active-trail , .topmenu li a.active {
	color: #000 !important;
	text-decoration: underline !important;
}

.topmenu li.expanded a:hover, .topmenu li.collapsed a:hover, .topmenu li.expanded.opened, .topmenu li.collapsed.opened {
	background: url(../images/menu_arrow.png) bottom center no-repeat;
}

.home_page_item_container {
	width: 100%;
	height: 100%;
	position:relative;
	overflow: hidden;
}
.focus_area_bg {
	width: 76%;
	position: absolute;
	bottom: 0;
	left: 3%;
	opacity: 0.6;
	filter: alpha(opacity=60);
}
#focus_area_id_5 {
	width: 67%;
}

.focus_area_bg img {
	width: 60%;
	float: left;
}
.home_banner_text {
	text-shadow:none;
	position: absolute;
	top: 0;
	z-index: 100;
	color: #fff;
	left: 5%;
	margin-top: 140px;
	width: 90%;
	right: 5%;
}
#block-system-main-menu ul.menu{text-align: right;}
.home_title, .home_title a {	
	font-size: 45px;
	font-family: 'droid_sansbold';
	line-height: 52px;
	margin-bottom: 10px;
	text-decoration:none;
	color: #fff !important;
}
.home_page_body {
	font-size: 15px;
	line-height: 17px;
}

.view-id-home_page {
	width: 100%;
	height: 100%;
}

.front #content-area .view-home-page .views-row {
	width: 100%;
	height: 500px;
}
.caroussel_cover {
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.caroussel_cover img {
	width: 100%;
	height: 100%;
}

.owl-controls {
	position: absolute;
	width: 100%;
	bottom: 50px;
}
.content_wrapper_with_image {
	width: 100%;
	background-size: cover;
}

.content_wrapper_with_image .field-name-field-sub-title {
	width: 80%;
	margin-top: 15%;
	font-size: 45px;
	color: #fff;
	margin-bottom: 5px;
	line-height: 57px;
	margin-left: 18%;
	float: left;
}
.content_wrapper_with_image .field-name-field-sub-title .field-item {
	font-family: 'droid_sansbold';
	width: 420px;
	text-shadow:none;
}
.content_wrapper_with_image .field-name-body {
	width: 80%;
	font-size: 15px;
	line-height: 17px;
	color: #fff;
	float: left;
	margin-left: 18%;
	text-shadow:none;
	margin-top: 0;
}
.content_wrapper_with_image .field-name-body .field-item {
	width: 420px;
	height: 170px;

}

#block-views-annual_letter-block {
	background: url(../images/alwaleed_english.jpg) no-repeat center center fixed; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;
	width: 100%;
}

#block-views-annual_letter-block .block-inner {
	color: #fff;
	width: 418px;
	margin-left: 18%;
	/*margin-top: 15%;*/
	margin-top: 225px;
	float: left;
}
#block-views-annual_letter-block h2 {
	margin-bottom: 5px;
	line-height: 52px;
	font-size: 45px;
	font-family: 'droid_sansbold';
	width:400px;
	text-shadow:none;
}
#block-views-annual_letter-block .content {
	font-size: 15px;
	line-height: 17px;
	text-shadow:none;
}
#block-views-alwaleed_philanthropies-block {
	width: 100%;
}
.alwaleed_philans_header {
	width: 100%;
	float: left;
	margin-bottom: 10px;
	
}
.alwaleed_philans_header img {
	width: 100%;
}
#block-views-alwaleed_philanthropies-block .block-inner {
	color: #fff;
	width: 100%;
	float: left;
	color: #000;
}
#block-views-alwaleed_philanthropies-block .views-row {
	float: left;
	text-align: left;
	width: 30%;
}

#block-views-alwaleed_philanthropies-block .views-row.views-row-odd {
	margin-left: 18%;
	margin-right: 4%;
}

#block-views-alwaleed_philanthropies-block .views-row.views-row-even {
	margin-right: 18%;
}

.view-alwaleed-philanthropies .view-content {
	margin-top: 50px;
	margin-bottom: 50px;
	float: left;
	width: 100%;
}

#block-views-alwaleed_philanthropies-block .views-row .views-field-title {
	font-family: 'droid_sansbold';
	font-size: 20px;
	margin-bottom: 10px;
}
#block-views-alwaleed_philanthropies-block .views-row .views-field-body-1 {
	font-size: 14px;
}

#block-views-alwaleed_philanthropies-block .views-row .views-field-body {
	font-size: 14px;
	height: 170px;
	display: none;	
}
#block-views-history-block {
	width: 100%; display:inline-block;
}
#block-views-history-block .view-history, #block-views-history-block .view-history .view-header{display:inline-block; width:100%;}
#block-views-history-block {height: auto !important;}
#block-views-history-block .view-history .views-row{}
#block-views-history-block h2.block-title {
	display: none;
}
.history_block_image {
	width: 100%;
	float: left;
	margin-bottom: 10px;
}
.history_block_image img {
	width: 100%;
}
#block-views-history-block .view-content {
	float: left;
	width: 100%;
}
#block-views-history-block .views-field-title {
	margin-left: 18%;
	font-family: 'droid_sansbold';
	font-size: 20px;
	margin-bottom: 10px;
}

#block-views-history-block .views-field-body-1 {
	float: left;
	margin-left: 18%;
	text-align: left;
	width: 30%;
	font-size: 14px;	
}

#block-views-history-block .views-field-body {
	float: left;
	margin-left: 18%;
	text-align: left;
	width: 30%;
	font-size: 14px;
	height: 170px;
}

.view-what-we-do .views-row {
	display: inline-block;
	width: 50%;
	float: left;
}

.view-what-we-do .views-row .views-field-field-listing-image img {
	width: 100%;
	height: auto;
	float: left;
}

.view-what-we-do {
	float: left;
	width: 100%;
}

.view-what-we-do .views-field-name {
	color: #fff;
    float: left;
	font-size: 33px;
	line-height: 35px;
    margin-left: 10%;
	margin-top: -41%;
    text-align: left;
    width: 80%;
	text-shadow:none;
	font-weight: bold;
}

.view-history .view-content {
	margin-top: 50px;
	margin-bottom: 50px;
}

.view-what-we-do .views-field-name .field-content {
	font-family: 'droid_sansbold';
}

.view-what-we-do .views-field-tid {
	float: left;
    margin-left: 10%;
    margin-top: -25%;
    text-align: left;
    width: 80%;
}

.view-what-we-do .views-field-tid .inner_cat_color {
	display: inline-block;
	background: #fff;
	padding: 10px 20px;
}

.view-what-we-do .views-field-tid a {
	display: inline-block;
	font-size: 17px;
	text-decoration: none;
	color: #fff;
	text-transform: uppercase;
}
#category_button_3, #category_button_7 {
	background: #3F98CC;
}
#category_button_6, #category_button_10 {
	background: #38BEAC;
}
#category_button_5, #category_button_9 {
	background: #FDD771;
}
#category_button_4, #category_button_8 {
	background: #985FA7;
}
.taxonomy_cover {
	width: 100%;
}
.taxonomy_cover img {
	width: 100%;
	height: auto;
}
.term_header ,  #block-webform-client-block-518, #block-webform-client-block-586 {
	border-bottom: 1px solid #000;
    margin-bottom: 30px;
    margin-left: 18%;
    margin-top: 50px;
    padding-bottom: 30px;
    width: 64%;
}
.page-node-61 .term_header{padding-bottom: 0;}
.term_header h1 {
	font-size: 35px;
	margin-bottom: 10px;
	font-family: 'droid_sansbold';
}
.term_header .term_description {
	font-size: 15px;
	line-height: 17px;
}

.page-taxonomy-term .view-content {
	width: 64%;
	margin-left: 18%;
}

.page-taxonomy-term .views-field-field-image {
	float: left;
    margin-right: 4%;
    width: 32%;
	position: relative;
}
.page-taxonomy-term .views-field-field-image img {
	width: 100%;
	height: auto;
	float:left;
}
.page-taxonomy-term .project_title {
    color: #fff;
    display: inline-block;
    float: left;
    font-family: "droid_sansbold";
    font-size: 18px;
    margin-bottom:0;
    text-align: left;
    text-decoration: none;
    width: auto;
}
.page-taxonomy-term .project_title a {

}

.view-taxonomy-term .views-field-field-date, .view-taxonomy-term .views-field-title  {
	float: left;
    width: 64%;
    font-size: 15px;
    margin-bottom: 5px;
}
.view-taxonomy-term .views-field-field-date {
	display: none;
}
.view-taxonomy-term .views-field-field-date * , .view-news-media .views-field-field-date *, .view-blog .views-field-field-date * {
	font-weight: bold !important;
}

.page-taxonomy-term .project_link {
    background: none repeat scroll 0 0 #fff;
    color: #fff;
    display: inline-block;
    float: right;
    font-size: 15px;
    margin-top: 33px;
    padding: 1% 2%;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
}

.page-taxonomy-term .project_link a
{
}

.page-taxonomy-term .views-field-body {
	float: left;
	width: 64%;
	font-size: 15px;
	line-height: 17px;
}

.page-taxonomy-term .views-row {
	border-bottom: 1px solid #000;
    float: left;
    margin-bottom: 30px;
    padding-bottom: 30px;
    width: 100%;
}
.page-taxonomy-term .views-row a, .view-news-media .views-row a, .view-blog .views-row a {text-decoration:none;}
#block-block-2 {
	width: 64%;
	margin-left: 18%;
	height: 40px;
	background: #7D7D7D;
	text-align: right;
}

#block-block-2 a {
	text-decoration: none;
	line-height: 40px;
	color: #fff;
	margin-right: 1%;
}

.content_wrapper_with_image .title {
	width: 78%;
	margin-top: 15%;
	font-size: 43px;
	color: #fff;
	margin-bottom: 5px;
	line-height: 47px;
	margin-left: 18%;
	float: left;
	text-shadow:none;
}

.content_wrapper_with_image .title h1 {
	font-family: 'droid_sansbold';
	width: 230px;
	line-height: 52px;
	font-size: 45px;
}

.center_container {
	width: 64%;
	margin-left: 18%;
	margin-top: 50px;
	margin-bottom: 50px;
}

.who_can_apply {
	margin-bottom: 40px;
	font-size: 15px;
	margin-top: 175px;
}

.grant_categories {
	background: #F9F9F9;
}
.grant_category_titles {
	background: #E5E5E5;
	font-size: 22px;
	font-family: 'droid_sansbold';
	padding: 10px 20px;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	line-height: 28px;
	cursor: pointer;
}
.grant_category_titles:hover {
	color: #008345;
}
.grant_category_body {
	margin-top: 30px;
	font-size: 15px;
	padding: 10px 20px 30px;
	display: none;
}

.grant_application_process {
	background: url(../images/grants_process.jpg) no-repeat center center fixed; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;
	width: 100%;
}

.grant_application_process_body h3 {
	line-height: 52px;
	font-size: 45px;
	font-family: 'droid_sansbold';
	margin-bottom: 20px;
	text-shadow:none;
}

.grant_application_process_body {
	width: 45%;
	margin-top: 15%;
	color: #fff;
	margin-bottom: 5px;
	margin-left: 18%;
	float: left;
	font-size: 15px;
	line-height: 17px;
	text-shadow:none;
}

#block-locale-language{
	display: inline-block;
    float: right;
    height: auto;
    margin-bottom: 8px;
    margin-top: 25px;
    position: absolute;
    right: 44px;
    text-align: right;
    top: 0;
    vertical-align: top;
    width: 75%;
    z-index: 11111 !important;
}
#block-locale-language li{}
#block-locale-language li a{ color: #00833b;height: auto !important;font-weight: normal;font-size: 15px;}
#block-locale-language li.ar{float: right;}
#block-locale-language li.ar a {
	font-family: "Droid Arabic Kufi",serif !important;
	font-size: 14px;
	line-height: 22px;
}
#block-locale-language li.active{}
#block-locale-language li.active a{color: #666 !important;text-decoration: none !important;}
#block-locale-language li.en{padding: 0;}
.language-switcher-locale-url{
	 display: inline-block;
    text-align: right;
}


.grant_review_process {
	width: 64%;
	margin-left: 18%;
	margin-top: 50px;
	border-bottom: 1px solid #000;
	padding-bottom: 50px;
	margin-bottom: 50px;
}

.grant_review_process_body {
	font-size: 15px;
	line-height: 17px;
}

.webform-client-form {
	width: 64%;
	margin-left: 18%;
}

.webform-component-textfield, .webform-component-email, .webform-component-select {
	width: 47%;
	display: inline-block;
	float: left;
}
.webform-component--name, .webform-component--project-area {
	margin-right: 6%;
}

.webform-component-textfield input, .webform-component-email input, .webform-component-select select , .captcha input{
	width: 100%;
	border: 1px solid #8F8F8F;
	height: 30px;
	color: #8F8F8F;
	background: #fff;
  	text-indent: 10px;
  	border-radius: 2px;
}
#user-login input {
	width: 45% !important;
}

#user-login .form-item, #user-login .captcha {
	width: 100% !important;
	margin-left: 0;
}
#user-login #edit-actions {
	text-align: left; margin-left: 0;
}
#user-login #edit-actions input {
	width: auto !important;
}

.webform-client-form label {
	font-size: 15px;
	margin-bottom: 5px;
}

.webform-component-textarea {
	width: 100%;
}
.webform-component-textarea textarea {
	border: 1px solid #8F8F8F;
	height: 100px;
	color: #8F8F8F;
	padding: 1%;
	border-radius: 2px;
}
.captcha {
	display: inline-block;
	width: 45%;
	margin-right: 5%;
}
.captcha img {
	display: block;
}
.captcha .form-item {
	width: 100% !important;
	margin-right: 0 !important;
}

.menu_icon{display:none;}

.form-submit {
	background: #008345;
	color: #fff;
	text-transform: uppercase;
	padding: 10px 30px;
	border: 0px;
	font-size: 15px;
	border-radius: 2px;
	cursor:pointer;
	-webkit-appearance: none;
}
input[type="text"],input[type="submit"], textarea, select{-webkit-appearance: none;border-radius:0;}

.form-actions {
	text-align: right;
	width: 100%;
}

#block-views-latest_vacancies-block_1 {
	width: 60%;
	margin-left: 18%;
	background: #F2F2F2;
	padding: 20px 2%;
	margin-top: 50px;
}

#block-views-latest_vacancies-block_1 .jcarousel-skin-default .jcarousel-container-horizontal {
width: 100%;
height: 480px;
padding: 0px;
margin: auto;
margin: 0px;
margin-top: 20px;
}

#block-views-latest_vacancies-block_1 .jcarousel-skin-default .jcarousel-item {
	padding: 0;
	width: 278px;
	height: 410px;
	overflow: hidden;
	border: none;
	list-style: none;
	background: none;
}

#block-views-latest_vacancies-block_1 .jcarousel-skin-default .jcarousel-clip-horizontal {
	width: 100%;
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #000;
}

#block-views-latest_vacancies-block_1 .views-field-title {
	text-align: left;
	margin-bottom: 5px;
}
#block-views-latest_vacancies-block_1 .views-field-field-image {
	margin-bottom: 10px;
}
#block-views-latest_vacancies-block_1 .views-field-field-image img{
	width:100%;
}
.view-latest-vacancies  .view-content .owl-item .views-row{padding-right:10px;text-align:center;}
.view-latest-vacancies .owl-controls {bottom: auto;position: relative;width: 100%;}
.view-latest-vacancies .owl-theme .owl-controls .owl-page span {background: none repeat scroll 0 0 #000;}

#block-views-latest_vacancies-block_1 .views-field-body {
	font-size: 14px;
	line-height: 17px;
}
#block-views-latest_vacancies-block_1 .views-field-nid {
	color: #fff;
	margin-top: 20px;
}

#block-views-latest_vacancies-block_1 .views-field-nid span {
	background: #008345;
	display: inline-block;
	text-transform: uppercase;
	padding: 10px 20px;
}
#block-views-latest_vacancies-block_1 .jcarousel-navigation li {
	margin: 0px 10px;
}
#block-views-latest_vacancies-block_1 .jcarousel-navigation li span {
	background: none repeat scroll 0 0 #000;
	border-radius: 15px;
	display: inline-block;
	height: 20px;
	margin: 0;
	overflow: hidden;
	text-indent: -3000px;
	width: 20px;
}
#block-views-latest_vacancies-block_1 .jcarousel-navigation li.active span {
	background: #aaa;
}

#block-views-employee_case_study-block {
	width: 64%;
	margin-left: 18%;
	margin-top: 50px;
}
#block-views-employee_case_study-block h2 {
	margin-bottom:20px;
}
#block-views-employee_case_study-block .views-row {
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #000;
}

#block-views-employee_case_study-block .views-field-title {
	font-size: 17px;
	margin-bottom: 5px;
}

#block-views-employee_case_study-block .views-field-body {
	font-size: 15px;
	line-height: 17px;
}

#block-views-employee_case_study-block .views-field-nid {
	height: 37px;
    margin-top: 20px;
    text-align: right;
}
#block-views-employee_case_study-block .views-field-nid span {
	background: #008345;
	color: #fff;
	text-transform: uppercase;
	padding: 8px 20px;
	border: 0px;
	font-size: 15px;
	border-radius: 2px;
	float: right;
}
.pager li {
	padding: 0px !important;
	margin: 5px 10px !important;
	color: #008345;
}
.pager li a {
	color: #000;
	text-decoration: none;
}
#socialmedia {
	background: #008345;
	padding: 5px 0px;
	margin-top: 30px;
}
#socialmedia .content {
	width: 65%;
	margin-left: 18%;
}
.socia_links .channel {
	display: block;
	width: 20%;
	float: left;
	text-align: center;
}
.socia_links .channel a, .socia_links .channel {
	color: #fff;
	text-decoration: none;
}

.socia_links .channel a img, .socia_links .channel img {
	float: left;
	margin-top: 6px;
}

.socia_links .channel a span, .socia_links .channel span {
	line-height: 38px;
	float: left;
	display: block;
	margin-left: 7px;
	font-size: 12px;
	color: #fff;
}
#footer {
	background: #000;
	color: #fff;
	height: 30px;
	font-size: 11px;
}
#footer a {
	color: #fff;
	text-decoration: none;
	font-size: 11px;
}
#block-menu-menu-footer-menu {
	float: left;
	margin-left: 55px;
	margin-top: 3px;
}
#block-menu-menu-footer-menu li {
	display: inline-block;
}
#block-block-4 {
	margin-right: 60px;
	float: right;
	margin-top: 7px;
}

.page-what-we-do- #socialmedia, .page-what-we-do #socialmedia {
	margin-top: 0px;
}

h2.block-title, .view-history .views-field-title span, .who_can_apply h3, .grant_review_process h4 {
	font-size: 23px;
	margin-bottom: 10px;
	font-family: 'droid_sansbold';
	font-weight: normal;
}

.view-alwaleed-philanthropies .views-field-title span {
	font-size: 23px;
	margin-bottom: 10px;
	font-family: 'droid_sansbold';
}

.topmenu ul.menu ul.menu {
	display: none;
}

.submenu h2 {
	display: none;
}
.submenu {
	background: none repeat scroll 0 0 #000;
	height: 50px;
	text-align:right;
	position: fixed;
	top:0;
	width: 100%;
	display: none;
	z-index: 1000000;
	margin-top: 125px;
}
.submenu_container {
    margin-right:310px;
	display: none;
}
.submenu a {
	color: #fff;
    font-size: 15px;
    text-decoration: none;
}
.submenu a:hover {
	text-decoration: underline;
}
.submenu_item {
	display:inline-block;
    margin-top: 12px;
    padding: 0 1%;
}

#submenu_499 {
	margin-right: 275px !important;
}

#submenu_498 {
	margin-right: 260px !important;
}

.contact_us_container {
	width: 64%;
	margin-left: 18%;
	margin-top: 50px;
}
. page-node-61 .contact_us_container, .page-node-77 .contact_us_container{margin-top:0px;}

.contact_us_header {
	margin-bottom: 30px;
}

.contact_us_header_item {
    display: inline-block;
    font-size:19px;
    margin-right: 0.1%;
    text-align: center;
    width: 19.9%;
}
.contact_item_text {
	background: none repeat scroll 0 0 #a9a9a9;
    color: #fff;
	cursor: pointer;
	letter-spacing: -1px;
	padding: 20px 5px;
}

.contact_us_header_item.active .contact_item_text, .contact_us_header_item:hover .contact_item_text {
	background: #231F1F;
}

.contact_us_header_item.active .bottom_arrow {
	width: 100%;
	float: left;
	height: 20px;
	background: url(../images/active_contact_arrow.gif) top center no-repeat;
}

.contact_us_body_holder {
	display: none;
	margin-bottom: 40px;
}
.contact_us_body_holder.active {
	display: block;
}

.contact_us_body_holder .body_information {
	width: 45%;
	margin-right: 2%;
	float: left;
}

.contact_us_body_holder .google_maps {
	width: 53%;
	float: right;
}

.map-canvas {
	height: 355px;
    width: 100%;
}

.contact_us_body_holder .body_information .contact_intro {
	margin-bottom: 20px;
}

.contact_us_body_holder .body_information .contact_email, .contact_us_body_holder .body_information .contact_phone, 
.contact_us_body_holder .body_information .contact_fax {
	margin-bottom: 5px;
}

.contact_us_body_holder .body_information .contact_email label, 
.contact_us_body_holder .body_information .contact_phone label, 
.contact_us_body_holder .body_information .contact_fax label {
	display: inline-block;
	font-weight: bold;
	margin-right: 10px;
}

.grant_category_body ul {
	margin: 20px 0px;
}
.grant_category_body ul li {
	list-style: disc inside;
	margin-left: 20px;
	margin-bottom: 5px;
}

.grant_application_process_body li {
	/*margin-left: 20px;*/
	margin-bottom: 5px;
}

.category_text {
	float: left;
}

.grant_arrow {
	float: right;
}
.closedholder .active.arrowholder {
	display: none;
}

.activeholder .closed.arrowholder {
	display: none;
}
.arrowholder {
	cursor: pointer;
}

.arrowholder img {
	width: 30px;
}

.activeholder {
	color: #008345;
}

.actualtext {
	display: none;
}

.text_read_more, .text_read_more_view {
	font-weight: bold;
	text-decoration: underline;
	cursor: pointer;
}

/* Tiny Scrollbar */

.field-name-body { width: 520px; margin: 20px 0 10px; }
.front .field-name-body { width:100%; margin:0; }
.front p{ margin-bottom:0; }
.field-name-body .viewport, .views-field-body .viewport {width:96%; height: 170px; overflow: hidden; position: relative; }
.field-name-body .overview, .views-field-body .overview {list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
.field-name-body .scrollbar, .views-field-body .scrollbar {background: url(../images/cursor_bg.png) top left repeat-y; position: relative; background-position: 0 0; float: right; width: 11px; height: 170px;}
.field-name-body .track, .views-field-body .track {background: transparent; height: 100%; width:13px; position: relative; padding: 0 1px; }
.field-name-body .thumb, .views-field-body .thumb {background: #fff; height: 10px; width: 10px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: 0px;border-radius: 10px; }
.field-name-body .thumb .end, .views-field-body .thumb . {background: #fff; overflow: hidden; height: 5px; width: 25px; }
.field-name-body .disable, .views-field-body .disable {display: none; }
.noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }


#block-views-alwaleed_philanthropies-block .scrollbar, #block-views-history-block .scrollbar {
	background: url(../images/cursor_bg_black.png) top left repeat-y !important;
}
#block-views-alwaleed_philanthropies-block .thumb, #block-views-history-block .thumb {
	background: #000 !important;
}

.clearfix:before, .clearfix:after {content: " ";display: table;}
.clearfix:after {clear: both;}

.views-field-body a, .field-name-body a, .views-field-body-1 a {
	color: #000;
}


.page-node-66 .content_wrapper_with_image, .page-node-67 .content_wrapper_with_image, 
.page-node-163 .content_wrapper_with_image, .page-node-164 .content_wrapper_with_image {
    background-attachment: scroll !important;
    background-position: center top !important;
    background-size: 100% 350px !important;
    display: inline-block;
    height: auto !important;
    width: 100%;
}
.page-node-66  .labeltext, .page-node-67  .labeltext,
.page-node-163  .labeltext, .page-node-164  .labeltext {display: none !important;}

.page-node-66  .content_wrapper_with_image .field-name-body , .page-node-67  .content_wrapper_with_image .field-name-body,
.page-node-163  .content_wrapper_with_image .field-name-body , .page-node-164  .content_wrapper_with_image .field-name-body {
	color: #000 !important;
    display: inline-block;
    float: none;
    font-size: 15px;
    line-height: 17px;
	text-shadow:0 0 0;
    margin-left:18%;
    width:64%;
}
.page-node-66  .content_wrapper_with_image .field-name-body .field-item, .page-node-67  .content_wrapper_with_image .field-name-body .field-item,
.page-node-163  .content_wrapper_with_image .field-name-body .field-item, .page-node-164  .content_wrapper_with_image .field-name-body .field-item {
    display: block;
    height: auto;
    overflow-y: auto;
    width: 100%;
}
.page-node-66 .field-name-body .viewport, .page-node-66  .views-field-body .viewport,
.page-node-67 .field-name-body .viewport, .page-node-67  .views-field-body .viewport,
.page-node-163 .field-name-body .viewport, .page-node-67  .views-field-body .viewport,
.page-node-164 .field-name-body .viewport, .page-node-67  .views-field-body .viewport {
    height: auto;
    overflow:hidden;
    position: relative;
    width: auto;
}
.page-node-66 .field-name-body .scrollbar, .page-node-66 .views-field-body .scrollbar,
.page-node-67 .field-name-body .scrollbar, .page-node-67 .views-field-body .scrollbar,
.page-node-163 .field-name-body .scrollbar, .page-node-163 .views-field-body .scrollbar,
.page-node-164 .field-name-body .scrollbar, .page-node-164 .views-field-body .scrollbar 
{display:none;}

.page-node-66  .field-name-body .overview, .page-node-66  .views-field-body .overview,
.page-node-67  .field-name-body .overview, .page-node-67  .views-field-body .overview,
.page-node-163  .field-name-body .overview, .page-node-163  .views-field-body .overview,
.page-node-164  .field-name-body .overview, .page-node-164  .views-field-body .overview {
    position: relative;
	 -webkit-column-count:2;
    -moz-column-count:2;
    column-count: 2;
}


.node-type-project #header, .node-type-article  #header, .node-type-blog  #header{border-bottom: 1px solid #ccc !important;}
.node-type-project #block-system-main, .node-type-article #block-system-main, .node-type-blog #block-system-main {position:relative;margin-left: 18%;padding-top: 175px;width: 64%;min-height: 395px;}
.node-type-project #block-system-main .content, .node-type-article #block-system-main .content, .node-type-blog #block-system-main .content{position:relative; display:inline-block;width:100%;}
.node-type-project #block-system-main .content .content, .node-type-article #block-system-main .content .content, .node-type-blog #block-system-main .content .content{position:initial;}
.node-type-project h1{ display: inline-block;font-family: "droid_sansbold";font-size: 29px;line-height: 31px;margin-bottom: 11px;width:58%;}
.node-type-project .field-name-field-image { display: inline-block;float: right;top:0;position: absolute;right: 0;width: 40%;}
.node-type-project .field-name-field-image img, .node-type-article .field-name-field-image img, .node-type-blog .field-name-field-image img{ height:auto;min-height: 300px;width: 100%;}
.node-type-project .field-name-field-date, .node-type-article .field-name-field-date {border-bottom: 1px solid;display: inline-block;font-size: 14px;padding-bottom: 10px;width: 57%;display: none;}
.node-type-blog .field-name-field-date {display: inline-block;font-size: 14px;padding-bottom: 10px;width: 57%;}
.node-type-project .field-name-body{font-size: 14px;width: 56%;padding-bottom:100px;margin-bottom:15px;}
.node-type-article .field-name-body, .node-type-blog .field-name-body{width: 100%;}
.node-type-blog .field-name-field-blogger {margin-top: 20px;}
.node-type-blog .field-name-field-blogger .field-label {font-size: 14px;}
.node-type-blog .field-name-field-blogger .field-items, .node-type-blog .field-name-field-date .field-item  {color: #00833b;}

.node-type-article .field-name-field-image, .node-type-blog .field-name-field-image {width: 100%;}
.node-type-article .field-name-field-image .field-item, .node-type-blog .field-name-field-image .field-item {margin-bottom: 10px;}
.views-exposed-widgets{margin:0;}
.view-filters{background-color: #e5e5e5;display: inline-block;margin-bottom: 30px;margin-left: 18%;margin-top: 50px;padding-bottom:10px;padding-top: 10px;width: 64%;}
.view-filters .views-exposed-widget{ display: inline-block;float: none;margin-left: 15px;margin-right: 20px;padding: 0;vertical-align: top;}
.view-filters .views-exposed-widget label{color: #000;display: inline-block;font-size: 13px;font-weight: normal;margin-right: 10px;vertical-align: middle;}
.view-filters .views-exposed-widget .views-widget{display: inline-block;vertical-align: middle;}
.view-filters .views-exposed-widget .views-widget select{border: 1px solid #ccc;font-size: 13px;padding-left: 10px;}
.view-filters .form-submit{font-size: 14px;margin: 0 !important;padding: 1px 19px;background-color: #00833b;}
.view-news-media  .view-content, .view-blog .view-content {margin-bottom: 30px;margin-left: 18%;margin-top: 50px;padding-bottom: 30px;width: 64%;}


.view-news-media .views-row, .view-blog .views-row {
    border-bottom: 1px solid #666;
    float: left;
    margin-bottom: 30px;
    padding-bottom: 30px;
    width: 100%;
}
.view-news-media .views-field-field-image, .view-blog .views-field-field-image {
    float: left;
    margin-right: 4%;
    position: relative;
    width: 32%;
}
.view-news-media .views-field-field-image img, .view-blog .views-field-field-image img {
    float: left;
    height: auto;
    width: 100%;
}
.view-news-media .views-field-title, .view-news-media .views-field-title a, .view-blog .views-field-title, .view-blog .views-field-title a {
    color:#00833b;
    display: inline-block;
    float: left;
    font-family: "droid_sansbold";
    font-size: 18px;
    margin-bottom: 0;
    text-align: left;
    text-decoration: none;
    width: 64%;
	text-decoration:none;
	margin-bottom: 5px;
}
.view-news-media .views-field-field-date, .view-blog .views-field-field-date {
    float: left;
    font-size: 15px;
    margin-bottom: 5px;
    width: 64%;
	display: none;
}
.view-news-media  .views-field-body, .view-blog  .views-field-body {
    float: left;
    font-size: 15px;
    line-height: 17px;
    width: 64%;
}
.view-news-media  .project_link, .view-blog  .project_link {
    background-color:#00833b;
    color: #fff;
    display: inline-block;
    float: right;
    font-size: 15px;
    margin-top:24px;
    padding: 1% 2%;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
}
.view-news-media .item-list, .view-blog .item-list {display: inline-block;margin-left: 18%;width: 64%;}

.webform-component-select select {text-indent:5px;}

.node-type-gallery #header, .page-gallery #header {
	border-bottom: 1px solid #000;
}

.node-gallery .caroussel_wrapper {
	margin-left: 10%;
	margin-top: 150px;
	width: 80%;
}
/*
.caroussel_wrapper .owl-buttons {
	display: block !important;
}
*/

#block-menu-menu-gallery-menu h2 {
	display: none;
}

#block-menu-menu-gallery-menu {
	text-align: center;
	margin-top: 20px;
}

#block-menu-menu-gallery-menu li {
	display: inline-block;
    margin-left: 5%;
    text-align: center;
    width: 90%;
}

#block-menu-menu-gallery-menu li a {
	background: #008345;
	color: #fff;
	padding: 8px 15px;
	text-decoration: none;
}

.view-id-gallery.view-display-id-page {
	width: 80%;
	margin-left: 10%;
	margin-top: 150px;
}

.view-id-gallery.view-display-id-page .views-row {
	display: inline-block;
	margin: 0 1% 40px;
	width: 31%;
}

.view-id-gallery.view-display-id-page .views-row img {
	width: 100%;
	height: auto;
}

.media_kit_content {
	width: 80%;
	margin-left: 10%;
	margin-top: 150px;
	font-size: 14px;
}

.media_kit_content h2 {
	font-size: 23px;
	font-family: "droid_sansbold";
	margin-bottom: 10px;
	font-weight: normal;
}

.mission_vision {
	border-bottom: 1px solid #b7b7b7;
    margin-bottom: 30px;
    padding-bottom: 30px;
}

.mission {
	display: inline-block;
    margin-right: 5%;
    width: 47%;
	float: left;
}

.vision {
	display: inline-block;
	width: 47%;	
	float: left;
}

.goal {
	border-bottom: 1px solid #b7b7b7;
    margin-bottom: 30px;
    padding-bottom: 30px;
}

.media_download_link {
	background: none repeat scroll 0 0 #fff;
    border-radius: 2px;
    color: #000;
    display: inline-block;
    margin-top: 10px;
    padding: 7px 15px;
    text-decoration: none;
    text-shadow: none;
}

#block-views-what_we_do-block_1 {
	width: 80%;
	margin-left: 10%;
}
.view-what-we-do.view-display-id-block_1 .views-field-name {
	width: 73%;
	font-size: 34px;
	line-height: 40px;
}

.view-what-we-do.view-display-id-block_1 .views-row {
	width: 49%;
	margin-bottom: 20px;
}

.view-what-we-do.view-display-id-block_1 .views-row.views-row-odd {
	margin-right: 2%;
}

.view-partners{margin-left: 18%;padding: 20px 0%;width: 64%;}
.view-partners .views-row{display: inline-block;margin-bottom: 30px;margin-left: 0%;margin-right: 2%;vertical-align: bottom;width: 18%;float: left;min-height: 235px;}
.view-partners .views-field-php{height: auto;padding-top: 10px;text-align: left;}
.view-partners .views-field-php span a, .view-partners .views-field-php {color: #666;display: block;font-size: 11px;line-height: 14px;text-decoration: none;}
.view-partners .views-field-php-1{border: 1px solid #ccc;}
.view-partners .views-field-php-1 span{}
.view-partners .views-field-php-1 a{}
.view-partners .views-field-php-1 a img{height: auto;width: 100%;}

.page-user-login #header {
	position: relative;
}

.page-user-login #content-area {
	width: 60%;
	margin-left: 20%;
}

.page-user-login #content-area .form-text {
	border: 1px solid #ccc;
	height: 30px;
}

.banner_container_248 .focus_area_bg, .banner_container_249 .focus_area_bg, .banner_container_399 .focus_area_bg, .banner_container_401 .focus_area_bg {display: none;}
.banner_container_248 .home_title, .banner_container_249 .home_title, .banner_container_399 .home_title, .banner_container_401 .home_title {display: none;}

.home_banner_text .home_title, .owl-item .focus_area_bg {display: none;}

.banner_container_248 .home_banner_text, 
.banner_container_249 .home_banner_text,
.banner_container_399 .home_banner_text, 
.banner_container_401 .home_banner_text, .owl-item .home_banner_text {
	color: #fff;
	left: 5%;
	margin-top: 140px;
	position: absolute;
	text-shadow: none;
	width: 90%;
	z-index: 100;
	right: 5%;
}

/*
.banner_container_399 .custom_banner_content .custom_title, .banner_container_401 .custom_banner_content .custom_title {
	font-size: 30px;
}
*/
.custom_banner_map {
	width: 50%;
	display: inline-block;
	margin-right: 5%;
	float: left;
}
.custom_banner_map img {
	width: 100%;
}

.custom_banner_content {
	display: inline-block;
	width: 80%;
	float: left;
	color: #02813A;
	text-align: center;
}
.custom_banner_content .custom_title {
    color: #fff;
    font-family: "droid_sansbold";
    font-size: 40px;
    line-height: 45px;
    margin-bottom: 20px;
    margin-top: 5%;
    text-align: left;
}

.custom_banner_content .custom_slogan {
    color: #fff;
    font-size: 15px;
    line-height: 22px;
    margin-bottom: 30px;
    text-align: left;
}

.custom_banner_content .action_link {
	text-align: left;
}

.custom_campaign_slogan {
	font-family: "droid_sansbold";
    font-size: 15px;
    line-height: 15px;
    margin-bottom: 20px;
    text-align: center;
}

.take_pledge {
	background: transparent none repeat scroll 0 0;
    border: 2px solid #fff;
    color: #fff !important;
    display: inline-block;
    font-size: 15px;
    padding: 7px 20px;
    text-decoration: none;
}

.take_pledge:hover {
	background: #fff none repeat scroll 0 0;
    color: #000 !important;
}

#block-views-what_we_do-block_1 h2 {
	display: none;
}

.contact_email a {
	color: #000;
}

#newsletter_form .input_field {
	background: #fff none repeat scroll 0 0;
    border: 1px solid #fff;
    color: #000;
    height: 20px;
    margin-right: 10px;
    margin-top: 11px;
    padding: 3px;
    width: 200px;
}

#newsletter_form .button {
	background: #fff none repeat scroll 0 0;
    border: 1px solid #fff;
    color: #000;
    cursor: pointer;
    height: 28px;
    margin-top: 5px;
    padding: 3px;
}

#submenu_newsletter {
	padding-right: 70px;
	margin-right: 0px;
}

#newsletter_form {
	
}

.newsletter_message {
	display: none;
	font-size: 13px;
	margin-top: 15px;
	color: #fff;
}
.node-media-kit .content_wrapper_with_image .field-name-body .field-item {
	width: 480px;
}

.node-type-media-kit #socialmedia {
	margin-top: -20px;
}

.view-partners .views-row .views-field-php-1 img {
	max-width: 100%;
}

.view-partners h3 {
	width: 100%;
	margin-top: 40px;
	float: left;
}

.view-partners h3:first-child {
	margin-top: 0px;
}

.view-partners .views-row .views-field-php .arabic {
	text-align: right;
	font-family: "Droid Arabic Kufi",serif !important;
	font-size: 10px;
	line-height: 15px;
	font-weight: bold;
	direction: rtl !important;
}


.view-team {
	width: 64%;
	margin-left: 18%;
}

.view-team .views-row {
	display: inline-block;
	width: 48%;
	border-bottom: 1px solid #666;
	margin-bottom: 20px;
	padding-bottom: 5px;
}

.view-team .views-row.views-row-odd {
	margin-right: 3%;
}

.view-team .views-field-field-position {
	color: #00833B;
	font-size: 14px;
}

.view-team .views-field-title {
	font-size: 20px;
	font-weight: bold;
}

.front #socialmedia {
	margin-top: 0px;
	margin-bottom: 0px;
}

.node-type-article .field-name-body li, .node-type-blog .field-name-body li {
	list-style: disc inside;
}

.categories {
	margin-top: 60px;
	float: left;
	margin-left: 5%;
	width: 90%;
}

.category {
	margin-bottom: 25px;
}

.more_title {
	font-family: "droid_sansbold";
	font-size: 30px;
	color: #fff;
	margin-bottom: 10px;
	line-height: 40px;
}
.read_more {
	display: inline-block;
}
.read_more  a {
	text-decoration: none;
}

.read_more a div {
	padding: 5px 10px;
	color: #fff;
	text-decoration: none;
}

.categories .read_more {
	display: inline-block;
}

.view-what-we-do a .inner_cat_color {
	background: transparent !important;
	border: 1px solid #fff;
	font-size: 15px;
	padding: 6px 15px;
}

.view-what-we-do a:hover .inner_cat_color {
	background: #fff !important;
	border: 0px solid #fff;
	color: #000;
}


.cars_icon {
	width: 100%;
    text-align: left;
	margin-top: 75px;
}


/*------------------------------------------------- NEW HOME PAGE -------------------------------------------------*/
.focus_areas_container, .news_container {
    display: inline-block;
    margin: 25px 5%;
    width: 90%;
}
.title_block{
    display: block;
    margin-bottom: 35px;
    position: relative;
    text-align: center;
}
.title_block  .title {
    background-color: #fff;
    color: #000000;
    display: inline-block;
    font-family: droid_sansbold;
	text-transform:uppercase;
    font-size: 30px;
    padding: 0 10px;
	font-weight:bold;
}
.title_block .dash {
    border-top: 2px solid #cacaca;
    height: 1px;
    left: 0;
    position: absolute;
    top: 50%;
    width: 100%;
    z-index: -1;
}
.focus_area_holder {
    display: inline-block;
    float: left;
    margin-right: 1%;
	text-align: center;
    vertical-align: top;
    width: 24%;
}
.focus_area_holder a {
    display: block; text-decoration: none;
}
.term_image {
    width: 100%;display: table;
}
.category_name {
    background-color: #4795d3;
    color: #fff;
    font-family: droid_sansbold;
    font-size: 17px;
    margin-bottom: 15px;
    padding: 10px 0;
	font-weight: bold;
}
.category_name  span {font-family: droid_sansbold;}
.circle_percentage {
    display: inline-block;
    height: 51px;
    position: relative;
    text-align: center;
}

.total_projects {
    color: #4795d3;
    font-family: droid_sansbold;
    font-size: 20px;
}

.news_container .news_inner_container {
	background-color:#f2f2f2;padding: 100px 70px;
}
.news_container .news_inner_container  .news_listing{
    background: #f2f2f2 url("../images/newsbg.jpg") repeat-y scroll center center; background-size: 10px auto;
	display:inline-block;width: 100%;
}
.news_holder.odd {
    float: left;
    margin-right: 11%;
    text-align: right;
}
.news_holder.odd.visible{animation-name: fadeInLeft;}
 .news_holder.even.visible{animation-name: fadeInRight;}

.news_holder {
    margin-bottom: 50px;
    position: relative;
    width: 50%;
	transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;
	animation-duration: 1s; -moz-animation-duration: 1s;-ms-animation-duration: 1s;-o-animation-duration: 1s;-webkit-animation-duration: 1s;
    animation-fill-mode: both;
	animation-delay:50ms; -moz-animation-delay:50ms;-ms-animation-delay:50ms;-o-animation-delay:50ms;-webkit-animation-delay:50ms;
	visibility: hidden;
}
.news_holder.visible {
    visibility: visible;
}
.news_holder.even {
    float: right;
    text-align: left;
}
.news_holder::after {
    background: #00833b none repeat scroll 0 0;
    border-radius: 100px;
    content: "";
    display: block;
    height: 25px;
    position: absolute;
    right: -14px;
    top: 0;
    width: 25px;
    z-index: 20;
}

.news_detail {
    width: 90%;
}

.odd.news_holder .news_date::after, .even.news_holder .news_date::before {
    border-top: 1px solid #ccc;
    content: "";
    display: inline-block;
    height: 1px;
    margin-right: -10%;
    vertical-align: middle;
    width: 10%;
}
.news_date {
    font-size: 16px;
    margin-bottom: 20px;
}

.news_title {
    display: inline-block;
    width: 100%;
}
.news_title > a {
    display: block;
    float: right;
    font-family: droid_sansbold;
    font-size: 22px;
    margin-bottom: 20px;
    text-decoration: none;
    width: 80%;
	font-weight: bold;
}
.news_body {
    font-size: 16px;
}
.news_holder.even::after {
    left: -14px;
    right: auto;
}
.even.news_holder .news_detail {
    float: right;
}
.even.news_holder .news_date::before {
	margin-left: -10%;
	margin-right:auto;
}
.even.news_holder .news_title > a {
    float: left;
}

.percircle.animate::after, .percircle.animate > span {
  transition: transform 0.2s ease-in-out 0s; -ms-transition: transform 0.2s ease-in-out 0s; -moz-transition: transform 0.2s ease-in-out 0s; -o-transition: transform 0.2s ease-in-out 0s;-webkit-transition: transform 0.2s ease-in-out 0s;
}
.percircle::after {
  background-color: #f5f5f5;
  border-radius: 50%;
  content: " ";
  display: block;
  height: 0.84em;
  left: 0.08em;
  position: absolute;
  top: 0.08em;
  width: 0.84em;
}
.percircle {
  background-color: #ccc;
  border-radius: 50%;
  float: left;
  font-size:50px;
  height: 1em;
  position: relative;
  width: 1em;
}
.percircle .slice {
  clip: rect(0px, 1em, 1em, 0.5em);
  height: 1em;
  position: absolute;
  width: 1em;
  top:0;
}
.percircle.animate::after, .percircle.animate > span {
  transition: transform 0.2s ease-in-out 0s; -ms-transition: transform 0.2s ease-in-out 0s;-moz-transition: transform 0.2s ease-in-out 0s;-o-transition: transform 0.2s ease-in-out 0s;-webkit-transition: transform 0.2s ease-in-out 0s;
}
.percircle.animate .bar {
  transition: transform 0.6s ease-in-out 0s; -ms-transition: transform 0.6s ease-in-out 0s;-moz-transition: transform 0.6s ease-in-out 0s;-o-transition: transform 0.6s ease-in-out 0s;-webkit-transition: transform 0.6s ease-in-out 0s;
}
.gt50 .fill, .percircle .bar, .pie {
  border: 0.08em solid #307bbb;
  border-radius: 50%;
  clip: rect(0px, 0.5em, 1em, 0px);
  height: 0.84em;
  position: absolute;
  transform: rotate(0deg); -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg);
  width: 0.84em;
}

#toolbar{display:none;}
body{padding-top:0 !important;}

.front #header{height:80px !important;}
.front .logo img{margin-top: 10px !important;width: 140px !important;}
.front .topmenu{margin-top: 40px !important;}
.front  #block-locale-language{margin-top: 14px !important;}

/*
.video_container > iframe {
    height: 100%;
    position: absolute;
    width: 100%;
}
*/
.project_deatil_container {
    background-color: #fff;
    height: 100%;
    position: fixed;
    right: 0;
    top: 0;
    width: 50%;
    z-index: 111;
	overflow-y: auto;
	transform: translateX(100%); -ms-transform: translateX(100%);-moz-transform: translateX(100%);-o-transform: translateX(100%);-webkit-transform: translateX(100%);
    transition: all 1s ease 0s; -ms-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s;
}
.project_deatil_container.active {transform:translateX(0%);-ms-transform:translateX(0%);-moz-transform:translateX(0%);-o-transform:translateX(0%);-webkit-transform:translateX(0%);}
.close_project_detail {
    color: #00833b;
    cursor: pointer;
    font-family: droid_sansbold;
    font-size: 30px;
    position: absolute;
    right: 20px;
    top: 15px;
}
.inner_project_detail {
    padding: 80px 0 0;
}
.project_video_container {
    background-color: #000;
    display: block;
    height: 220px;
    margin: 0 25px;
    position: relative;
}
.project_video_container  iframe {
    height: 100%;
    width: 100%;
}
.project_title {
    color: #00833b;
    font-family: droid_sansbold;
    font-size: 22px;
    margin-bottom: 10px;
    margin-top: 15px;
    padding: 0 25px;
    text-transform: uppercase;
}
.project_description {
    font-size: 15px;
    margin-bottom: 10px;
    padding: 0 25px;
}
.project_category {
    margin-bottom: 25px;
    padding: 0 25px;
}
.project_category  span{background:url("../images/project_detail_category_bg.png") no-repeat 0 center;background-size:auto 100%;display: inline-block;}
.project_category  a {background-color: #231f20;color: #fff;display: inline-block;margin-left: 25px;padding: 5px 10px 5px 0;text-decoration: none;}

.similar_projects {
    background-color: #efefef;
	box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-webkit-box-sizing:border-box;
    display: inline-block;
    padding: 0 25px;
	border-top: 1px solid #797979;
	width: 100%;
}
.similar_projects_title {
    color: #000;
    font-family: droid_sansbold;
    font-size: 18px;
    margin-bottom: 10px;
    padding-top: 10px;
}

.similar_project , .load_more{
    float: left;
    margin-bottom: 15px;
    margin-right: 2%;
    width: 23.5%;
	display:none;
}
.similar_0.similar_project , .similar_1.similar_project , .similar_2.similar_project{display: inline-block;}
.similar_project > a {
    text-decoration: none;
}

.similar_project_image > img {
    width: 100%;height:100px;
}

.similar_project_title {
    color: #4ebc9f;
    font-family: droid_sansbold;
    font-size: 12px;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.video_container {
    height: 100%;
    position: relative;
    width: 100%;
}
.watch_story {
    height: 100%;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
	display:none;
}
.watch_story .story_id {
    display: table;
    height: 100%;
    vertical-align: middle;
    width: 100%;
}
.watch_story  span  {
    display: table-cell;
    height: 100%;
    vertical-align: middle;
    width: 100%;
}
.story_id a {
    background-color: #00833b;
    color: #fff;
    cursor: pointer;
    font-family: droid_sansbold;
    font-size: 25px;
    padding: 10px 30px;
    text-decoration: none;
}
.front .topmenu li.expanded a:hover, .front .topmenu li.collapsed a:hover, .front .topmenu li.expanded.opened, .front .topmenu li.collapsed.opened{ height: 40px !important;}
.front .submenu{margin-top: 80px !important;}

.c985FA7 .category_name , #c985FA7 .load_more a{background-color: #985fa7;}
.c985FA7 .gt50 .fill, .c985FA7 .percircle .bar, .c985FA7 .pie ,    #c985FA7 .gt50 .fill, #c985FA7 .percircle .bar, #c985FA7 .pie {border: 0.08em solid #985fa7;}
.c985FA7 .total_projects, #c985FA7 .similar_project_title{color: #985fa7;}

.c38BEAC .category_name  , #c38BEAC .load_more a{background-color: #38BEAC ;}
.c38BEAC .gt50 .fill, .c38BEAC .percircle .bar, .c38BEAC .pie,  #c38BEAC .gt50 .fill, #c38BEAC .percircle .bar, #c38BEAC .pie {border: 0.08em solid #38BEAC ;}
.c38BEAC .total_projects, #c38BEAC  .similar_project_title{color: #38BEAC ;}

.cFDD771 .category_name  , #cFDD771 .load_more a{background-color: #FDD771  ;}
.cFDD771 .gt50 .fill, .cFDD771 .percircle .bar, .cFDD771 .pie, #cFDD771 .gt50 .fill, #cFDD771 .percircle .bar, #cFDD771 .pie {border: 0.08em solid #FDD771  ;}
.cFDD771 .total_projects, #cFDD771 .similar_project_title{color: #FDD771;}

#c3F98CC .load_more a{background-color: #3F98CC  ;}
#c3F98CC .gt50 .fill, #c3F98CC .percircle .bar, #c3F98CC .pie {border: 0.08em solid #3F98CC  ;}
#c3F98CC .similar_project_title{color: #3F98CC;}

.load_more {display: inline-block;margin-right: 0;}
.load_more .load_image {display: block;height: 100px;width: 100%;text-align: center;}
.load_more  .circle_percentage{margin-top:22px;}
.load_more  .percircle{font-size:60px;}
.load_more a {background-color: #4ebc9f;color: #fff;font-weight:bold;display: block;font-family: droid_sansbold;font-size: 12px;padding: 5px 0;text-align: center;text-decoration: none;}

.video_message {
    font-family: droid_sansbold;
    left: 60px;
    position: absolute;
    top: 40%;
    z-index: 11;
}
.video_message > span {
    background-color: #00833b;
    color: #fff;
    display:table;
    font-family: droid_sansbold;
    font-size: 43px;
    margin-bottom: 9px;
    padding: 0 20px;
	font-weight:bold;
}

.focus_areas_container.about_container {text-align: center;}
.focus_areas_container.about_container .text_description {display: inline-block;width: 80%;}


.more_news {display: inline-block;margin-top: -5px;text-align: center;vertical-align: top;width: 100%;}
.more_news span {background-color:#00833b;border-radius: 50%;display: inline-block;height: 50px;width: 50px;}
.more_news a {font-weight:bold;color:#00833b;display: block;font-family: droid_sansbold;font-size: 14px;text-decoration: none;text-transform: uppercase;}

/*
.video_teaser_headline {background-color: #fff;height: 60%;padding: 30px 0 15px;position: absolute;top: 95px;z-index: 11;}
.video_teaser_headline  .arrow.closed {position: absolute;top: 0;}
.video_teaser_headline  .listing {height: 100%;overflow: auto;width: 100%;}
.video_teaser_headline .video_entry {margin-bottom: 10px;text-align: center;}
.video_teaser_headline .video_entry img {height: auto;width: 85%;}
*/



/*
.video_teaser_headline {display: table;height: 100%;overflow: hidden;position: absolute;bottom:41px;width: 240px;z-index: 11;}
.video_teaser_headline .video_teaser_container {display: table-cell;height: 100%;overflow: hidden;vertical-align: middle;width: 100%;}
.video_teaser_headline .videos_listing {
	background:rgba(255, 255, 255, 0.9) none repeat scroll 0 0;padding-bottom: 15px;display: block;width: 100%;
	transform: translateX(-100%);-ms-transform: translateX(-100%);-moz-transform: translateX(-100%);-o-transform: translateX(-100%);-webkit-transform: translateX(-100%);
    transition: all 0.5s ease 0s;-ms-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;
}
.close .videos_listing {
	transform: translateX(0%);-ms-transform: translateX(0%);-moz-transform: translateX(0%);-o-transform: translateX(0%);-webkit-transform: translateX(0%);
}
.video_teaser_headline .listing { height: 380px;display: block;overflow: auto;width: 100%;}
.video_teaser_headline .video_entry {
	margin-bottom: 10px;text-align: center;visibility: hidden;
	
	animation-delay: 50ms; -ms-animation-delay: 50ms;-moz-animation-delay: 50ms;-o-animation-delay: 50ms;-webkit-animation-delay: 50ms;
    animation-duration: 1s;-ms-animation-duration: 1s;-moz-animation-duration: 1s;-o-animation-duration: 1s;-webkit-animation-duration: 1s;
    animation-fill-mode: both;-ms-animation-fill-mode: both;-moz-animation-fill-mode: both;-o-animation-fill-mode: both;-webkit-animation-fill-mode: both;
	transition: all 0.5s ease 0s;-ms-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;
	
}
.video_teaser_headline .video_entry.visible {
	visibility: visible;
	animation-name: fadeInLeft;-ms-animation-name: fadeInLeft;-moz-animation-name: fadeInLeft;-o-animation-name: fadeInLeft;-webkit-animation-name: fadeInLeft;
}
.video_teaser_headline .video_entry > img:hover , .video_teaser_headline .video_entry.active img {
    transform: scale(0.95);-ms-transform: scale(0.95);-moz-transform: scale(0.95);-o-transform: scale(0.95);-webkit-transform: scale(0.95);
}
.video_teaser_headline .video_entry.active img {border: 3px solid #00833b;}
.video_teaser_headline .video_entry img {
	display: table;height: auto;margin-left: 7%;margin-right: 7%;width: 86%;cursor:pointer;
	transition: all 0.5s ease 0s;-ms-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;
}



.video_teaser_headline .arrow {
	background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0;
    direction: rtl;display: block;padding-bottom:5px;padding-right: 12px;padding-top: 10px;text-align: right; margin-top: 90px;
	
	 margin-left: 50px;
	transform:translateX(-100%);-ms-transform:translateX(-100%);-moz-transform:translateX(-100%);-o-transform:translateX(-100%);-webkit-transform:translateX(-100%);
	transition: all 0.5s ease 0s;-ms-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;
}
.close.video_teaser_headline .arrow {
	 margin-left: 0px;
	transform:translateX(0%);-ms-transform:translateX(0%);-moz-transform:translateX(0%);-o-transform:translateX(0%);-webkit-transform:translateX(0%);
	transition: all 0.5s ease 0s;-ms-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;
}

 .arrow  a {
    cursor: pointer;display: inline-block;height: 30px;width: 25px;
	transition: all 0.5s ease 0s;-ms-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;
}

.arrow a:hover {
    transform: scale(0.9);-ms-transform: scale(0.9);-moz-transform: scale(0.9);-o-transform: scale(0.9);-webkit-transform: scale(0.9);
}
.menu_video {
    background-color: #000;height: 3px;width: 21px;
	transition:all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;-ms-transition:all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;-moz-transition:all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;-o-transition:all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;-webkit-transition:all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
}
 .menu_video.menu_1 {
    transform: rotate(30deg);-ms-transform: rotate(30deg);-moz-transform: rotate(30deg);-o-transform: rotate(30deg);-webkit-transform: rotate(30deg);
	margin-top: 10px;
}
 .menu_video.menu_2 {
    margin-top: 6px;
    transform: rotate(-25deg);-ms-transform: rotate(-25deg);-moz-transform: rotate(-25deg);-o-transform: rotate(-25deg);-webkit-transform: rotate(-25deg);
}

.close .menu_video.menu_1 {
    transform: rotate(-30deg);-ms-transform: rotate(-30deg);-moz-transform: rotate(-30deg);-o-transform: rotate(-30deg);-webkit-transform: rotate(-30deg);
}

.close .menu_video.menu_2 {
    transform: rotate(25deg);-ms-transform: rotate(25deg);-moz-transform: rotate(25deg);-o-transform: rotate(25deg);-webkit-transform: rotate(25deg);
}
*/
.video_teaser_headline {
    bottom: 38px;
    display: inline-block;
    margin: 0;
    position: absolute;
    width: 100%;
}
.video_teaser_headline  .owl-controls.clickable .owl-pagination {display: none !important;}
.video_teaser_headline .video_teaser_sub_container {
     display: inline-block;
    position: relative;
    width: 100%;
}
.video_teaser_headline  .owl-controls.clickable {
    height: 100%;
    left: -2.5%;
    margin: 0;
    top: 0;
    width: 2.5%;
}


.video_teaser_headline .video_entry img {
     cursor: pointer;
    display: table;
    height: 95px;
    opacity: 0.5;
    width: 100%;
	box-sizing: border-box;-ms-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-webkit-box-sizing: border-box;
	transition: all 0.5s ease 0s;-ms-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;
}
.video_teaser_headline .video_entry > img:hover , .video_teaser_headline .video_entry.active img {
	opacity:1; 
}
.video_teaser_headline .video_entry.active img {border: 3px solid #00833b;}

.video_teaser_headline .arrow.closed {
   display: table;
    float: left;
    height:95px;
    left: 0;
    position: absolute;
    width: 10%;
	z-index:11;
}
.video_teaser_headline .arrow.closed  a {
    background-color: #000;
    color: #fff;
    display: table-cell;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
	cursor:pointer;
	
}

.video_teaser_headline .videos_listing {
    float: right;
    width: 88%;
	display: table;
}

.video_teaser_headline  .listing {
    display: table;
    width: 100%;
	 transform: translateX(-103%);-ms-transform: translateX(-103%);-moz-transform: translateX(-103%);-o-transform: translateX(-103%);-webkit-transform: translateX(-103%);
    transition: all 1s ease 0s;-ms-transition: all 1s ease 0s;-moz-transition: all 1s ease 0s;-o-transition: all 1s ease 0s;-webkit-transition: all 1s ease 0s;
}
.close .listing {
	transform: translateX(0%);-ms-transform: translateX(0%);-moz-transform: translateX(0%);-o-transform: translateX(0%);-webkit-transform: translateX(0%);
}
.video_teaser_headline .video_entry {
   float: left;
    height: auto;
    width: 10%;
}
.video_teaser_headline  .owl-buttons{display:block !important;margin-top: 31px;}
.video_teaser_headline .owl-theme .owl-controls .owl-buttons div {
    border-radius: 0;
    height: 33px;
    margin: 0;
    opacity: 1;
    overflow: hidden;
    padding: 0;
    text-indent: 100px;
    width: 100% !important;
}
.video_teaser_headline  .owl-prev {
    background: rgba(0, 0, 0, 0) url("../images/prev1.png") no-repeat center center !important;
}
.video_teaser_headline  .owl-next {
    background: rgba(0, 0, 0, 0) url("../images/next1.png") no-repeat center center !important;
}
 










.video_teaser_headline_mobile {
    margin-top: 25px;
    padding: 0 5%;
    width: 90%;
	display:none;
}

.video_teaser_headline_mobile .video_entry {
    text-align: center;
}
.video_teaser_headline_mobile .video_entry img {
	cursor: pointer;
   height: auto;
    width: 90%;
}
.video_teaser_headline_mobile .owl-carousel .owl-wrapper-outer {
    position: relative;
    z-index:11;
}
.video_teaser_headline_mobile .owl-controls {
    bottom: auto;
    margin-top: 0;
    position: absolute;
    top: 45%;
    width: 100%;
}

.video_teaser_headline_mobile  .owl-pagination {
    display: none;
}
.video_teaser_headline_mobile  .owl-buttons{display: block !important;}

.video_teaser_headline_mobile .owl-theme .owl-controls {
   height: 100%;
    left: 0;
    margin-top: 0 !important;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 1;
}
.video_teaser_headline_mobile   .owl-theme .owl-controls .owl-buttons div {
    margin: 0;
    opacity: 1;
    overflow: hidden;
    padding: 0;
    text-indent: 100px;
}
.video_teaser_headline_mobile  .owl-prev {
    background: rgba(0, 0, 0, 0) url("../images/prev.png") no-repeat scroll 0 center / 100% auto !important;
	cursor: pointer;
    height: 100%;
    left: -30px;
    opacity: 1;
    position: absolute;
    width: 20px;
}
.video_teaser_headline_mobile  .owl-next {
    background: rgba(0, 0, 0, 0) url("../images/next.png") no-repeat scroll 0 center / 100% auto !important;
	cursor: pointer;
    height: 100%;
    right: -30px;
    opacity: 1;
    position: absolute;
    width: 20px;
}



.video_block {
    display: block;
    height: 631px;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.video_container {
    bottom: 0;
    height: 0;
    max-width: 100%;
    overflow: hidden;
    padding-bottom: 56.8%;
    position: absolute;
    width: 100%;
}
 
.video_container  iframe,.video_container obj, .video_container embed {
    background:#000000 none repeat scroll 0 0 !important;
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}

.arrow_listing {
    background:url("../images/next1.png") no-repeat center center;background-size:12px auto;
    height: 100%;left: 10%;position: absolute;text-align: center;top: 0;width: 2%;cursor: pointer;
}

.projects_percentage{display:none;}




.video_mobile {
	display:none;
    background:url("../images/ap_cover_mobile.jpg") no-repeat center center; background-size:cover ;
    height: 100%;left: 0;position: absolute;top: 0;width: 100%;
}
.video_button {
    background:url("../images/play.png") no-repeat 0 0; background-size:100% 100%;
    height: 100px;left: 48%;position: absolute;top: 50%;width: 100px;
}


/*----------------------- Volunteers-----------------------*/
#block-webform-client-block-518 .form-item.form-type-item, #block-webform-client-block-586 .form-item.form-type-item {display: none;}
#block-webform-client-block-518 .node-webform header, #block-webform-client-block-586 .node-webform header{display:none;}
#block-webform-client-block-518 .webform-client-form, #block-webform-client-block-586 .webform-client-form {width:100%;margin:0;}
#block-webform-client-block-518 form .form-item, #block-webform-client-block-586 form .form-item {
    float: left;
    margin-right: 5%;
    width: 45%;
}
#block-webform-client-block-518 form .form-item input , #block-webform-client-block-518 form .form-item select,
#block-webform-client-block-586 form .form-item input , #block-webform-client-block-586 form .form-item select, .captcha input {
    width: 100%;
}
#block-webform-client-block-518 form .form-item select, #block-webform-client-block-586 form .form-item select {height:32px;}
#block-webform-client-block-518 form .form-item .form-item, #block-webform-client-block-586 form .form-item .form-item {
    width: auto;
}
#block-webform-client-block-518 form .form-item input.webform-calendar, #block-webform-client-block-586 form .form-item input.webform-calendar {
    width: auto;
}
#block-webform-client-block-518 form .form-item .form-item.form-type-radio, #block-webform-client-block-586 form .form-item .form-item.form-type-radio {
    width: 100%;
}
#block-webform-client-block-518 form .form-item.form-type-radio input, #block-webform-client-block-586 form .form-item.form-type-radio input {
    width: auto;
}
#block-webform-client-block-518 form .form-item.webform-component--date-of-birth .form-item {
    margin: 0;
}
#block-webform-client-block-518 form .form-item.webform-component--date-of-birth {
    position: relative;
}
#block-webform-client-block-518 form .form-item.webform-component--date-of-birth .form-item {
    margin: 0;
    width: 33.33%;
}
#block-webform-client-block-518 form .form-item.webform-component--date-of-birth .form-item select {
    border: 1px solid #8f8f8f;
    height: 32px;
    width: 99%;
}
#block-webform-client-block-518 form .form-item input.webform-calendar {
   bottom: 0;height: auto;padding: 0;position: absolute;right: -23px;width: 20px;
}

#block-webform-client-block-518 form .form-actions, #block-webform-client-block-586 form .form-actions {float: left;width: 95%;}

.i18n-ar #block-webform-client-block-518, .i18n-ar #block-webform-client-block-586 {text-align:right; direction:rtl;}
.i18n-ar #block-webform-client-block-518 form .form-item, .i18n-ar #block-webform-client-block-586 form .form-item {float: right;margin-left: 5%;margin-right: 0;width: 45%;}
.i18n-ar  #block-webform-client-block-518 form .form-item input.webform-calendar {left: -23px;right: auto;}
.i18n-ar #block-webform-client-block-518 form .form-actions, .i18n-ar #block-webform-client-block-586 form .form-actions {float: right;text-align: left;}


.view-ongoing-projects .views-row {
  display: inline-block;
  float: left;
  text-align: center;
  width: 49%;
  margin-bottom: 20px;
}
.view-ongoing-projects .views-row.views-row-odd {
  margin-right: 2%;
}
.ongoing_project_image img {
  display: table;
  height: auto;
  width: 100%;
}
.ongoing_project_title {
  background-color: #4795d3;
}
.ongoing_project_title a {
  color: #fff;
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  padding: 13px 0;
  text-decoration: none;
  width: 100%;
}