@font-face {
    font-family: 'Tajawal-Medium';
    src: url('../fonts/Tajawal-Medium.eot');
    src: url('../fonts/Tajawal-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Tajawal-Medium.woff2') format('woff2'),
        url('../fonts/Tajawal-Medium.woff') format('woff'),
        url('../fonts/Tajawal-Medium.ttf') format('truetype'),
        url('../fonts/Tajawal-Medium.svg#Tajawal-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
}

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

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

.projects-masonry__title {
    font-size: 25px;
}

.promo-pannel__anchor span {
    font-size: 13px;
}

.slick-dots {
    /*display: none!important;*/
}

.mapboxgl-ctrl-attrib-inner {
    display: none;
}

div#map {
    width: 100%;
    height: 500px;
    border: 1px solid rgba(0,0,0,.1);
    text-align: center;
    font-size: 35px;
}

div#map i.fa.fa-spinner {
    position: absolute;
    top: 50%;
}

.mapboxgl-popup-content strong {
    font-size: 15px;
	font-weight: 500;
	color: #f99d22
}

.mapboxgl-popup-content {
	min-width: 120px;
    min-height: 50px;
}

button.mapboxgl-popup-close-button {
    font-size: 20px;
}

a.instagram-slider__item span {
    color: #fff;
    font-weight: 700;
    text-align: center;
}

.donor-img:hover {
    filter: grayscale(0%);
    opacity: 1;
}

.careers-icons {
    width: 20px;
}

/*.gallery-masonry {
  min-height: 500px;
}

.gallery-masonry div{
	display: none;
}*/

a {
    text-decoration: none;
}

h3.heading__title.story__title {
    font-size: 30px;
    margin-bottom: 30px;
}

.donor-img{
	filter: grayscale(100%);
	opacity: .4;
}

ul.pagination a {
    margin: 0 4px;
    border: 2px solid #c3c3c3;
    border-radius: 50px;
    height: 50px;
    min-width: 50px;
    text-align: center;
    cursor: pointer;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    color: #333;
    display: inline-table;
    font-size: 14px;
    line-height: 47px;
    font-weight: 700;
}

ul.pagination a.active, ul.pagination a:hover {    
	background: #f99d22;
	border: 2px solid #f99d22;
}


.icon-item__link {
    float: left;
}

.arabic-font{
	font-family: Tajawal;
}

.header-logo__img{
	width: 100%
}

/* orange color */
.main-menu__item .main-menu__link::before,
.subscribe-form__submit:hover,
.pagination__item--active, 
.pagination__item:hover,
.footer-menu__link::after,
.tags__item,
.lang-select__sub-list li a::after,
.filter-panel__item::after,
.form__radio-mask::after{
    background: #f99d22;
}

.upcoming-item__details .icon {
    stroke: #f99d22;
}

.button:hover,
.button--squared,
.slider__next:hover, 
.slider__prev:hover,
.upcoming-item__date,
.promo-primary__title::before,
.button--filled,
.text-filled,
.main-menu__sub-list li a::after,
.form__submit:hover,
.testimonials--style-2 .testimonials-slider__author::before,
.form__checkbox-mask::after, 
.form__checkbox-mask::before,
.slick-dots li button:hover, 
.slick-dots li.slick-active button{
    background-color: #f99d22;
}

.promo-slider__item--style-1 .promo-slider__title span:nth-of-type(2),
.team-item--horizontal .team-item__socials li a:hover,
.about-us__text-aside,
.text-section__heading,
.icon--orange,
.testimonials--style-2 .heading__pre-title,
.testimonials--style-2 .testimonials-slider__icon,
.error__title,
.aside-socials__link:hover{
	color: #f99d22;
}

.slider__next, 
.slider__prev,
.pagination__item--active, .pagination__item:hover,
.button--primary,
.form__submit,
.subscribe-form__submit:hover,
.slick-dots li.slick-active{
    border: 2px solid #f99d22;
}

.blog-item--style-1 .blog-item__badge {
    right: 13px;
	left: unset;
}

.title-style {
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s, visibility 0.3s;
}

.title-style.visible {
    visibility: visible;
    opacity: 1;
    transition: opacity 0.3s, visibility 0.3s;
}

.heading.heading--center {
    max-width: 610px;
}

.donate-img{
	width: 400px;
}

.subscribe-form__submit{
	border: 2px solid #fff;
}

.horizontal-tabs .horizontal-tabs__header .r-tabs-state-active a, 
.horizontal-tabs__header a:hover {
    border-bottom: 3px solid #f99d22;
}

.vertical-tabs .vertical-tabs__header .r-tabs-state-active a, .vertical-tabs__header a:hover{
	border-left: 3px solid #f99d22;
}

/* blue color */
.lang-select__sub-list,
.tags__item:hover,
.form__input-radio:checked+.form__radio-mask,
.form__input-checkbox:checked+.form__checkbox-mask{
    background: #36749d;
}

.main-menu__sub-list,
.subscribe{
	background-color: #36749d;
}

.main-menu__sub-list::before,
.lang-select__sub-list::before{
    border-top: 20px solid #36749d;
}

h1, h2, h3, h4, h5, h6,
.aside-inner__link,
.aside-inner__link:hover,
.aside-socials__link,
.promo-pannel__link,
.promo-pannel__link:hover,
.promo-pannel .video-trigger i,
.upcoming-item__title a:hover,
.blog-item--style-1 .blog-item__title a:hover,
.blog-item--style-1 .blog-item__title a,
.horizontal-tabs .horizontal-tabs__header .r-tabs-state-active a, 
.horizontal-tabs__header a:hover,
.tabs__title,
.team-item--horizontal .team-item__socials li a,
.vertical-tabs .vertical-tabs__header .r-tabs-state-active a, 
.vertical-tabs__header a:hover,
.promo-primary__description span,
.video-frame__icon,
.icon--blue,
.event-item__title a,
.event-item__title a:hover,
.filter-panel__item--active{
	color: #36749d;
}

.subscribe-form__input {
    border-bottom: 2px solid #fff;
	opacity: .79
}

.promo-pannel__video::before,
.instagram-slider__item:hover{
    background-color: rgba(54,116,157,.79);
}

.blog-item--style-2,
.video-frame::before{
    background-color: rgba(72,72,72,.79);
}



/*----------------------------------------------------*/

.main-menu__item--active .main-menu__link {
    opacity: 1;
    font-weight: 700;
}

.main-menu__link{
	opacity: 1;
}

.header--front.header--fixed .main-menu__item .main-menu__link--highlighted, 
.header--front.header--fixed .main-menu__item--active .main-menu__link, 
.header--front.header--fixed .main-menu__item:hover .main-menu__link, 
.header--front_2 .main-menu__item .main-menu__link--highlighted, 
.header--front_2 .main-menu__item--active .main-menu__link, 
.header--front_2 .main-menu__item:hover .main-menu__link, 
.header--front_3 .main-menu__item .main-menu__link--highlighted, 
.header--front_3 .main-menu__item--active .main-menu__link, 
.header--front_3 .main-menu__item:hover .main-menu__link,
.promo-slider__item--style-1 .promo-slider__button:hover,
.slider__next:hover, 
.slider__prev:hover,
.causes-slider__nav .slider__next, 
.causes-slider__nav .slider__prev,
.team-item .team-item__name,
.instagram-slider__nav .slider__next, 
.instagram-slider__nav .slider__prev,
.filter-panel__item:hover{
    color: #282828;
}

.filter-panel__item:hover{
	opacity: .7;
}

.upcoming-item__date{
    color: #fff;
}

.text-filled,
.tags__item,
.blog-post__category a,
.recent-posts__item-link,
.recent-posts__item-link:hover,
.icon-item__img span,
.icon-item__text p{
	color: #40403f
}
.projects-masonry__title a:hover{
	color: #e5e5e5
}

.counter-item--style-3 .counter-item__lower{
	color: #595a59
}

.promo-pannel__phones {
    max-width: 200px;
}

footer.footer {
    color: #e5e5e5;
    background-color: #282828;
}

.donors::before {
    background-color: #fff;
}

.causes-item--primary .causes-item__details-item {
    width: 100%;
}

.row.align-items-end {
    margin-top: 20px;
}

.donation-item__details-holder {
    margin-top: -43px;
}

.black-color{
	color: #333;
}

.news-details{
	padding: 90px 0 !important;
}

.lang-select__item--active::before {
    left: -17px;
}

.pricing-item--style-3:hover {
    background-color: #f3f0ee;
}

.careers-section{
	padding: 90px 0 !important;
}

.color-overley{
	position: absolute; 
	width: 100%; 
	height: 100%; 
	background: #36749d; 
	opacity: .7;
	top: 0;
	left: 0;
	z-index: -1;
}

.color-overley-blue{
	position: absolute; 
	width: 100%; 
	height: 100%; 
	background: #000; 
	opacity: .7;
	top: 0;
	left: 0;
	z-index: -1;
}

.color-overley-mor{
	position: absolute; 
	width: 100%; 
	height: 100%; 
	background: #56a4bf; 
	opacity: .79;
	top: 0;
	left: 0;
	z-index: -1;
}

.h5-color-overlay, .p-color-overlay{
	position: relative;
	z-index: 20;
}

.a-color-overlay{
	background-color: #f99d22;
	text-decoration: none;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    padding: 6px 13px;
    margin-bottom: 22px;
    border-radius: 4px;
	z-index: 20;
	cursor: pointer !important
}

.faq-aside__link::after{
	background: none
}

.icon--green{
	color: #269d48;
}

.img--about {
    border-radius: 15px;
}

.no-underline{
	text-decoration: none;
	cursor: pointer
}

.projects{
    padding: 100px 0 !important;
}

.footer-socials-icons {
    position: relative;
    left: 21%;
}

.footer-menu__item {
    width: 30%;
}

.footer-logo__img {
    max-height: 37px;
}

.footer-logo {
    left: 0px;
    position: relative;
    margin-bottom: 24px;
}

.footer-copyright{
	margin-top: 30px;
}

/*.form__fieldset.filter-form {
    margin-bottom: 60px;
}*/

.form__fieldset {
    box-shadow: none;
}

section.section.gallery {
    padding: 90px 0;
}

.storie-details, 
.event-details-section, 
section.elements{
	padding: 90px 0 !important;
}

section.contacts{
	padding: 70px 0 !important;
}

.no-hover:hover{
	background: none !important;
}

.article-information__item {
    min-height: 162px;
}

.image-upload > input
{
    display: none;
}

.image-upload img
{
    width: 40px;
    cursor: pointer;
}

.image-upload{
	float: left;
	padding-right: 5px 
}

.click-here{
    padding-top: 3px;
}

.contacts-wrapper__map {
    width: 100%;
}

.form__title {
    font-size: 20px;
}

.contact-icons{
	color: #36749d;
	float: left;
    margin-right: 20px;
	width: 10px;
}

.contact-map {
	height: 400px;
	overflow: hidden
}

.contact--item {
    margin: 12px 0 12px;
}

.contact--item::after {
	content: " ";
	background-color: #ccc;
	height: 1px;
	width: 100%;
}

.contact-organization-name{
	font-weight: 700;
	padding-top: 25px;
}

.filter-button{
    height: 42px;
    padding: 10px 20px;
    min-width: 120px;
	background: none;
}

.blog-post__date {
    margin-right: 0px;
    margin-left: 30px;
}

.normal-weight{
	font-weight: normal !important;
}

.filter-button:hover {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
}

.filters .nice-select {
    width: 315px;
}

button.language {
    background: none;
    color: #fff;
    border: none;
    padding-left: 0px;
}

.phone-number{
	direction: ltr;
	text-align: left;
	float: left
}

.english-font{
	font-family: Quicksand,sans-serif;
}

.causes-item__details-item span:nth-of-type(1) {
	padding-right: 5px;
}

.causes-item__details-item span:nth-of-type(1):after{
	content: ":";
}

.donate{
	font-size: 14px !important;
}

.form__label-text, .form__radio-label {
    padding-right: 30px;
	font-weight: 500;
}

header.header--front_2 {
    max-width: 1680px;
}

label {
     display:inline-table;
}

label img{
	width: 35px;
}

.form input[type="file"] {
    border: 1px solid #eee;
    background-color: #f9f7f6;
    border-radius: 3px;
}

@media only screen and (min-width: 1367px){
	.promo-pannel {
		max-width: 830px;
	}
}

@media only screen and (max-width: 768px){
    .icon-item__img span{
		font-size: 30px;
	}
	.subscribe-form {
		align-items: center;
	}
	.slick-dots li:not(:last-of-type) {
		margin-right: 0px;
	}
	h4 {
		font-size: 20px;
	}
	.col-sm-12.d-flex.justify-content-sm-end {
		margin-left: 30px;
		margin-right: 0px;
	}
	.footer-socials-icons {
		left: 15%;
	}
	.donation-item__details-holder {
		margin-top: -10px;
	}
	.header-logo {
		width: 245px;
	}
	.header-logo {
		margin-left: 0;
	}
	
	.info-box {
		padding: 317px 0 62px 0;
	}
	.blog::after {
		right: 37px;
	}
	.upcoming-item__details p {
		font-size: 13px;
	}
	.col-lg-2.text-lg-right {
		padding-top: 20px;
	}
	section.contacts {
		padding-bottom: 0 !important;
	}
	.contact-map{
		padding-top: 0 !important;
	}
	.filter-button {
		flex: 1;
		margin: 0 120px;
	}
	.promo-pannel, .promo-pannel__video{
		max-width: 100% !important;
	}
	.image {
		left: 58% !important;
	}
	.donate-img{
		width: 300px;
	}
	.subscribe-form__input {
		max-width: 300px;
	}
	.subscribe__title {
		text-align: center;
	}
	.form__title {
		text-align: center;
	}
	.nice-select {
		margin: 0 13px 13px;
	}
	.vertical-tabs .r-tabs-state-active a {
		border-bottom: 2px solid #f99d22;
	}
	.r-tabs-anchor {
		border-bottom: 1px solid rgba(204,204,204,.2);
	}
	.heading__title {
		font-size: 22px;
	}
}

@media only screen and (max-width: 568px){
	.header-logo {
		width: 190px;
	}
}

@media only screen and (min-width: 1200px){
	.additional-event__text span:last-of-type {
		font-size: 20px;
	}
	section.section.blog-post {
		padding: 40px 0;
	}
	.header-logo {
		margin-left: -40px;
	}
	.annual-report {
		padding-bottom: 30px;
	}
}

@media only screen and (min-width: 576px){
	.form__fieldset {
		padding: 10px 40px 30px 40px;
	}
}

::selection {
    color: #fff;
    background-color: #f99d22;
}

#contact-message {
	display: none;
	border-radius: 3px;
	margin-bottom: 20px;
	font-size: 18px;
	color: #f99d22;
	padding: 15px;
	text-align: left;
}

#contact-message.success {
	color: #f99d22;
}

#contact-message.error {
	color: #b04337;
}

#send_message[disabled] {
	background-color: #ddd;
	color: #eee;
}

.ld_sf_response{
	color: #fff;
	background-color: rgba(255,225,255,.2);
}

.page404{
	object-position: center;
}

.preloader { 
	position:fixed; 
	left:0px; 
	top:0px; 
	width:100%; 
	height:100%; 
	z-index:999999; 
	background-color:#ffffff; 
	background-position:center center; 
	background-repeat:no-repeat; 
}

.image {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 64px;
    height: 64px;
    margin:-60px 0 0 -60px;
    -webkit-animation:spin 1s linear infinite;
    -moz-animation:spin 1s linear infinite;
    animation:spin 1s linear infinite;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); }