/* 
				Created on : Jan 31, 2016, 2:42:23 PM
				Author	 : Ayham Hazzouri | Qavel Team
*/


@font-face{
	font-family:Droid Arabic Kufi;
	src:url('../fonts/DroidKufi-Regular_0.eot');
	src:local(Droid Arabic Kufi),
		url("../fonts/DroidKufi-Regular_0.otf") format("otf"),
		url("../fonts/DroidKufi-Regular_0.ttf") format("truetype"),
		url("../fonts/DroidKufi-Regular_0.svg#Droid Arabic Kufi") format("svg");
	font-weight:normal;
	font-style:normal
}

body{
	font-family: 'Droid Arabic Kufi', Tahoma,"Open Sans", Helvetica;
}

img{
	max-width: 100%;
}

a {
	color: #34495E;
	-webkit-transition: all 200ms;
	-moz-transition: all 200ms;
	-ms-transition: all 200ms;
	-o-transition: all 200ms;
	transition: all 200ms;
}

a:hover, a:focus {
	color: #036F35;
}

.h2, h2 {
	font-size: 30px;
}

h3, .h3{
	font-size: 24px;
}

.h4, h4 {
	font-size: 18px;
}

.h5, h5 {
	font-size: 14px;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	line-height: 1.7;
	-webkit-transition: all .4s ease 0s;
	-moz-transition: all .4s ease 0s;
	-o-transition: all .4s ease 0s;
	transition: all .4s ease 0s;
}

p ,.p{
	font-size: 1.4rem;
	color: #52505b;
}

.parallax {
	position: relative;
	height: auto;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
}

.no-padding{
	padding: 0;
}

section{
	position: relative;
	padding:40px 0;
}

.form-control{
	background-color: #f1f1f5;
	border-color: #f1f1f5;
}

.form-group.focus .form-control, 
.form-control:focus, 
.form-group.focus .select2-search input[type=text], 
.select2-search input[type=text]:focus {
	border-color: #036F35;
}

.border-shadow{
	box-shadow: 0px 4px 0px 0px #DCDCDC;
	-webkit-transition: all 200ms;
	-moz-transition: all 200ms;
	-ms-transition: all 200ms;
	-o-transition: all 200ms;
	transition: all 200ms;
}

.border-shadow:hover{
	box-shadow: 0px 4px 0px 0px #036F35;
}

.sec-head{
	text-align: center;
	position: relative;
	margin-bottom: 40px;
}

.sec-head:before,
.sec-head:after{
	content: '';
	position: absolute;
	bottom: 15px;
	margin-left: 20px;
	width: 60px;
	height: 0;
	border: 2px solid #036F35;
	border-radius: 5px;
}

.sec-head:after{
	margin-left: -90px;
}

.highlight{
	color:#FED754;
}

.sec-head h3{
	color:#036F35;
	margin-top: 0;
}

.ly-black{
	background: rgba(0, 0, 0, 0.48); /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.85) , rgba(166, 255, 207, 0)); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(right, rgba(0, 0, 0, 0.85) , rgba(166, 255, 207, 0)); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(right, rgba(0, 0, 0, 0.85) , rgba(166, 255, 207, 0)); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to right, rgba(0, 0, 0, 0.85) , rgba(166, 255, 207, 0)); /* Standard syntax */
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	width: 100%;
	z-index: 0;
}

.ly-green{
	background: rgba(166, 255, 207, 0.37); /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(left, rgba(121, 255, 157, 0.5) ,  rgba(166, 255, 207, 0.2)); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(right, rgba(121, 255, 157, 0.5) ,  rgba(166, 255, 207, 0.2)); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(right, rgba(121, 255, 157, 0.5) ,  rgba(166, 255, 207, 0.2)); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to right, rgba(121, 255, 157, 0.5) ,  rgba(166, 255, 207, 0.2)); /* Standard syntax */
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	width: 100%;
	z-index: 0;
}

.ly-yallow{
	background: rgba(246, 209, 83, 0.39); /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(left, rgba(246, 209, 83, 0.58) , rgba(254, 215, 84, 0.12)); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(right, rgba(246, 209, 83, 0.58) , rgba(254, 215, 84, 0.12)); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(right, rgba(246, 209, 83, 0.58) , rgba(254, 215, 84, 0.12)); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to right, rgba(246, 209, 83, 0.58) , rgba(254, 215, 84, 0.12)); /* Standard syntax */
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	width: 100%;
	z-index: 0;
}

header{
}

.topheader .dropdown-menu li{
	display: block;
}

.topheader{
	padding: 6px 0;
	background-color: #fff;
	border-bottom: 4px solid #EFF0F2;
}

.topheader ul {
	padding: 0;
}

.topheader ul li{
	display: inline-block;
}

.topheader .cd-dropdown-wrapper ul li{
	display: block;
}

.topheader ul li a{
	color: #6f6f6f;
	font-size: 16px;
}

.topheader ul li a span{
	padding:0 10px;
	color: #FED754;
}

header .navbar-default{
	margin: 0;
	border-radius: 0;
	background-color: transparent;
}

header .navbar-default .navbar-nav>li>a{
	padding-left: 0;
	color: #909090;
	font-weight: 100;
}

header .navbar-default .navbar-nav>li>a:hover,
header .navbar-default .navbar-nav>li>a:focus {
	color: #0EB35B;
}

header .dropdown-large {
	position: static !important;
}
header .dropdown-menu-large {
	margin-right: 16px;
	margin-left: 16px;
	padding: 20px 0px 30px;
}
header .dropdown-menu-large > li > ul {
	padding: 0;
	margin: 0;
}
header .dropdown-menu-large > li > ul > li {
	list-style: none;
}
header .dropdown-menu-large > li > ul > li > a {
	display: block;
	padding: 3px 20px;
	clear: both;
	font-weight: normal;
	line-height: 1.428571429;
	color: #6f6f6f;
	white-space: normal;
}
header .dropdown-menu-large > li ul > li > a:hover,
header .dropdown-menu-large > li ul > li > a:focus {
	text-decoration: none;
	color: #55606c;
	background-color: rgba(202,206,209,.5);
}
header .dropdown-menu-large .disabled > a,
header .dropdown-menu-large .disabled > a:hover,
header .dropdown-menu-large .disabled > a:focus {
	color: #999999;
}
header .dropdown-menu-large .disabled > a:hover,
header .dropdown-menu-large .disabled > a:focus {
	text-decoration: none;
	background-color: transparent;
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
	cursor: not-allowed;
}
header .dropdown-menu-large .dropdown-header {
	color: #036F35;
	font-size: 18px;
}

.donbtn {
	height: auto;
	margin: 7px 0 0;
	padding: 8px 45px !important;
	background-color: #FED754 !important;
	box-shadow: 0 0 0;
	color: #fff !important;
}

.donbtn:hover {
	background-color: #F7C726 !important;
}

.donate .modal-content{
	padding: 24px 0;
}

.donate .modal-header,
.donate .modal-footer{
	border:0;
}

.banks-content{
	padding: 5px 8px;
	border-radius: 4px;
	margin: 10px 0 30px;
	height: 238px;
	overflow: hidden;
}

.banks-content h4{
	color: #73070F;
	text-align: center;
}

.banks-content p{
	margin: 0;
	text-align: right;
	color: #DE0111;
}


.banks-content p strong{
	font-weight: 600;
	font-family: arial;
}

.paypal-content{
	background-color: #009CDE;
	padding: 5px 8px;
	border-radius: 4px;
	margin: 10px 0 30px;
	height: 238px;
	overflow: hidden;
}

.paypal-content h4{
	color: #002F86;
	text-align: center;
}

.paypal-content a{
	background-color: #002F86;
	padding: 15px 80px;
	position: relative;
	top: 80px;
	border-radius: 4px;
	color: #009CDE; 
}

.paypal-content a:hover{
	background-color: #fff;
}
/* HOME SECTION */

.home{
}

.scene
{
	margin: 0;
}

.scene .layer
{
	left: 0 !important;
	right: auto !important;
}

.scene .layer img
{
	max-width: 38%;
}

/* Animation Keyframes*/
@keyframes ramadanFanous {
	0% { transform: rotate(15deg); }
	25% { transform: rotate(0deg); }
	50% { transform: rotate(-15deg); }
	75% { transform: rotate(0deg); }
	100% { transform: rotate(15deg); }
}

@-moz-keyframes ramadanFanous {
	0% { transform: rotate(15deg); }
	25% { transform: rotate(0deg); }
	50% { transform: rotate(-15deg); }
	75% { transform: rotate(0deg); }
	100% { transform: rotate(15deg); }
}

@-webkit-keyframes ramadanFanous {
	0% { transform: rotate(15deg); }
	25% { transform: rotate(0deg); }
	50% { transform: rotate(-15deg); }
	75% { transform: rotate(0deg); }
	100% { transform: rotate(15deg); }
}

@-o-keyframes ramadanFanous {
	0% { transform: rotate(15deg); }
	25% { transform: rotate(0deg); }
	50% { transform: rotate(-15deg); }
	75% { transform: rotate(0deg); }
	100% { transform: rotate(15deg); }
}

.scene .layer1 img
{
	float: right;
	margin-right: 20px;
	margin-top: 0;
}

.scene .layer1 img.shake
{
	float: right;
	margin-right: 20px;
	margin-top: 0;
	transform-origin: 116.5px 10px;
	-webkit-animation: ramadanFanous 2s infinite linear;
	animation: ramadanFanous 2s infinite linear;
}

.scene .layer2 img
{
	margin: 10% auto 0;
	max-width: 50%;
}

.scene .layer2 h3,
.scene .layer2 h4
{
	color: #fff;
}

.scene .layer2 h3.hash
{
	color: #fff;
	border-radius: 4px;
	background-color: #0d7a3e;
}

0% { transform: rotate(15deg); }
	25% { transform: rotate(0deg); }
	50% { transform: rotate(-15deg); }
	75% { transform: rotate(0deg); }
	100% { transform: rotate(15deg); }
#snow{
	font-family: Androgyne;

	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;

	width: 100%;
	height: 100%;

	-webkit-animation: snow 10s linear infinite;
	-moz-animation: snow 10s linear infinite;
	-ms-animation: snow 10s linear infinite;
	animation: snow 10s linear infinite;

	background: none;
	background-image: url('/images/snow/1.png'), url('/images/snow/2.png'), url('/images/snow/3.png');
}



svg
{
	display: block;
	overflow: visible;
}



/* INTRO */

.intro {
	padding: 0;
}

.intro .intro-inner{
	min-height: 265px;
	overflow: hidden;
	padding: 15px;
	position: relative;
	margin-top: -118px;
	z-index: 9;
}

.intro .intro-inner .intro-left,
.intro .intro-inner .intro-right{
	min-height: 250px;
}

.intro .intro-inner .intro-right{
	background-color: #EFF0F2;
	border-radius:4px 0 0 4px;
}

.intro .intro-inner .intro-right h3{
	color: #0D7A3E;
}

.intro .intro-inner .intro-left{
	background-color: #036F35;
	border-radius: 0 4px 4px 0;
	background-image: url(../images/backgrounds/header-pat.png);
}

.intro .intro-inner .intro-left .home-title{
	border: 3px solid #046330;
}

.intro .intro-inner .intro-left .home-title h4{
	color: #fff;
	font-weight: 200;
	font-size: 17px;
	padding: 7px;
}

.intro .intro-inner .intro-left .home-title h4 span{
	font-size: 28px;
}

.intro .intro-inner .intro-left .num1 h4,
.intro .intro-inner .intro-left .num2 h4,
.intro .intro-inner .intro-left .num3 h4,
.intro .intro-inner .intro-left .num4 h4,
.intro .intro-inner .intro-left .num5 h4,
.intro .intro-inner .intro-left .num6 h4,
.intro .intro-inner .intro-left .num7 h4,
.intro .intro-inner .intro-left .num8 h4{
	color: #fff;
	font-weight: 200;
	font-size: 17px;
	padding: 7px;
}

.intro .intro-inner .intro-left .num1 h4 span,
.intro .intro-inner .intro-left .num2 h4 span,
.intro .intro-inner .intro-left .num3 h4 span,
.intro .intro-inner .intro-left .num4 h4 span,
.intro .intro-inner .intro-left .num5 h4 span,
.intro .intro-inner .intro-left .num6 h4 span,
.intro .intro-inner .intro-left .num7 h4 span,
.intro .intro-inner .intro-left .num8 h4 span{
	font-size: 28px;
}

.intro .intro-inner .intro-left .num1,
.intro .intro-inner .intro-left .num2,
.intro .intro-inner .intro-left .num3,
.intro .intro-inner .intro-left .num5,
.intro .intro-inner .intro-left .num6,
.intro .intro-inner .intro-left .num7{
	border-right: 3px solid #046330;
}

.intro .intro-inner .intro-left .num1,
.intro .intro-inner .intro-left .num2,
.intro .intro-inner .intro-left .num3,
.intro .intro-inner .intro-left .num4{
	border-bottom: 3px solid #046330;
}

.intro .intro-inner .col-xs-6, .intro .intro-inner .col-md-3{
	padding-left: 0;
	padding-right: 0;
}


/* ABOUT */


.about
{
	background-color: #fff;
}

.about-item
{
	height: 210px;
	padding: 10px;
}

.about-item img
{
	height: 44px;
}

.about-item p
{
	font-size: 13px;

	color: #a5a5a5;
}


/* WORKS */

.works
{
	background-color: #2e4033;
	background-image: url("../images/backgrounds/b-works.jpg");
}

.works .section-title h3,
.works .section-title p
{
	color: #fff;
}

.works .section-title hr
{
	background-color: #fff;
}

.work-item-div{
	float: left;
	padding: 5px;
}

@media screen and (min-width: 768px){
	.work-item-div-sm {
		width: 100%;
	}
}

@media screen and (min-width: 992px){
	.work-item-div-md {
		width: 25%;
	}
}

@media screen and (min-width: 1200px){
	.work-item-div-lg {
		width: 20%;
	}
}

.work-item
{
	height: 280px; 
	margin-bottom: 30px;
	padding: 20px 5px 10px;

	-webkit-transition: all .4s ease 0s;
	-moz-transition: all .4s ease 0s;
	-o-transition: all .4s ease 0s;
	transition: all .4s ease 0s;

	border: 1px solid #f3f3f3;
	border-bottom: 3px solid #ccc;
	border-radius: 4px;
	background-color: #fff;
}

.work-item:hover
{
	border-bottom: 3px solid #036F35;
}

.work-item .work-item-img
{
	width: 80px;
	height: 80px;
	margin: 0 auto;
	margin-bottom: 10px;
	padding-top: 19px;

	text-align: center;

	border: 2px solid #FED754;
	border-radius: 50%;
	-webkit-transition: all .4s ease 0s;
	-moz-transition: all .4s ease 0s;
	-o-transition: all .4s ease 0s;
	transition: all .4s ease 0s;
}

.work-item:hover .work-item-img{
	margin-top: -6px;
}

.work-item .work-item-img img
{
	height: 40px;
}

.work-item h4
{
	color: #FED754;
	-webkit-transition: all .4s ease 0s;
	-moz-transition: all .4s ease 0s;
	-o-transition: all .4s ease 0s;
	transition: all .4s ease 0s;
}

.work-item:hover h4
{
	color: #036F35;
}


.work-item p
{
	font-size: 12px;

	color: #b1b1b1;
}

/* NEWS & EVENTS */

.news-events .sec-head{
	text-align: left;
	margin: 0;
}

.news-events .sec-head:before{
	bottom: -15px;
	margin-left: 0;
	width: 70px;
}
.news-events .sec-head:after{
	display: none;
}

.news-events .news .news-slides{
	padding: 40px 0 30px;
	position: relative;
}

.news-events .news .news-slides .swiper-slide h4{
	margin: 0;
	color: #27262c;
}

.news-events .news .news-slides .swiper-slide h4:hover{
	color: #036F35;
}

.news-events .news .news-slides .swiper-slide .slide-img{
	border-radius: 3px;
	overflow: hidden;
}

.news-events .news .news-slides .swiper-slide .history{
	background-color: #036F35;
	color: #fff;
	text-align: center;
	padding: 2px;
	font-size: 13px;
}

.news-events .news .news-slides .swiper-slide .history span{
	position: relative;
	top: 2px;
}

.news-events .news .news-slides .swiper-slide .slide-content{
	padding-right: 0;
	overflow: hidden;
}

.news .swiper-button-next, .news .swiper-button-prev {
	position: absolute;
	top: -10px;
	right: 100px;
	left: auto;
	background-image: none;
}

.news .swiper-button-next {
	right: 30px;
}

.news .swiper-button-next span, .news .swiper-button-prev span {
	padding: 5px 19px;
	color: #999;
	border-radius: 3px;
	background-color: #ccc;
}

.news-events .news .other-news .other-news-item{
	margin-top: 30px;
}

.news-events .news .other-news .other-news-item .other-news-img{
	border-radius: 3px;
	height: 72px;
	overflow: hidden;
}

.news-events .news .other-news .other-news-item .other-news-img img{
	overflow: hidden;
}

.news-events .news .other-news .other-news-item .other-news-content .history{
	font-size: 11px;
}

.news-events .news .other-news .other-news-item .other-news-content{
	padding-right: 0;
}

.news-events .news .other-news .other-news-item .other-news-content h5{
	margin:0;
}

.news-events .event {
	padding-top: 40px;
	margin-bottom: 40px;
}

.news-events .event .event-img{
	height: 270px;
	border-radius: 3px;
	overflow: hidden;
}

.news-events .event .event-img img{
	position: relative;
	top: -20%;
}

.news-events .event .event-content h3{
	margin: 10px 0;
}
/* Projects */

.projects
{
	background-color: #2e4033;
	background-image: url(../images/backgrounds/b-projects.jpg);
}

.projects .section-title h3,
.projects .section-title p
{
	color: #fff;
}

.projects .section-title hr
{
	background-color: #fff;
}

.projects .project
{
	margin-bottom: 30px;
	padding: 10px 20px;

	-webkit-transition: all .4s ease 0s;
	-moz-transition: all .4s ease 0s;
	-o-transition: all .4s ease 0s;
	transition: all .4s ease 0s;

	border: 1px solid #f3f3f3;
	border-bottom: 4px solid #ccc;
	border-radius: 3px;
	background-color: #fff;
}

.projects .project:hover
{
	border-bottom: 4px solid #10a037;
}

.projects .project img
{
	width: 130px;
	height: 130px;
	margin: 0px auto;
	border-radius: 50%;
}

.projects .project h4
{
	margin-top: 10px;

	color: #10a037;
}

.projects .project p
{
	font-size: 13px;
	margin: 0;
	color: #8d8e8d;
	text-overflow: ellipsis;
	overflow: hidden;
	width: 100%;
	height: 1.5em;
	white-space: nowrap;
}

.projects .project p span
{
	font-size: 16px;

	margin-right: 20px;

	color: #10a037;
}


/* GALLERY */

.gallery
{
	background-color: #fafafa;
}

.gallery .sec-head span {
	background-color: #FDD654;
}

.gallery ul
{
	padding: 0;
}

.gallery .gallery-item a
{
	position: relative;

	display: block;
	overflow: hidden;

	height: 200px;
	margin-bottom: 30px;

	border-radius: 3px;
}

.gallery .gallery-item a img
{
	width: 100%;
	min-height: 100%;
}

.gallery .gallery-item a h5
{
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 7px 0;
	-webkit-transition: all 200ms;
	-moz-transition: all 200ms;
	-ms-transition: all 200ms;
	-o-transition: all 200ms;
	transition: all 200ms;
	color: #fff;
	background-color: rgba(0,0,0,.30);
}

.gallery .gallery-item a h5 span
{
	padding: 8px;
	background-color: #FDD654;
	border-radius: 0 0 0 4px;
}

.gallery .gallery-item a:hover h5
{
	opacity: 0;
}

#lg-action a
{
	padding: 40px 10px 0;
}

#lg-action #lg-next
{
	float: left;
}

#lg-action #lg-prev
{
	float: right;
}

/* humanstatus */

.humanstatus
{
	background-color: #f4f4f4;
}

.humanstatus .swiper-container
{
	z-index: 99;

	width: 100%;
	height: 100%;
}

.humanstatus .swiper-wrapper
{
	padding-bottom: 50px;
}

.humanstatus .swiper-slide
{
	overflow: hidden;

	padding-bottom: 10px;

	-webkit-transition: all 200ms;
	-moz-transition: all 200ms;
	-ms-transition: all 200ms;
	-o-transition: all 200ms;
	transition: all 200ms;
	text-align: center;

	border: 1px solid #f3f3f3;
	border-bottom: 3px solid #ccc;
	border-radius: 3px;
	background: #fff;
}

.humanstatus .swiper-container-horizontal > .swiper-pagination .swiper-pagination-bullet
{
	padding: 6px;
}

.humanstatus .swiper-pagination-bullet-active
{
	background: #FED754;
}

.humanstatus .swiper-slide .humanstatus-img
{
	overflow: hidden;

	height: 200px;
	margin-bottom: 10px;
	padding: 0;
}

.humanstatus .swiper-slide .humanstatus-img img
{
	-webkit-transition: all 200ms;
	-moz-transition: all 200ms;
	-ms-transition: all 200ms;
	-o-transition: all 200ms;
	transition: all 200ms;
}

.humanstatus .swiper-slide:hover .humanstatus-img img
{
	-webkit-transform: scale(1.25);
	-moz-transform: scale(1.25);
	-ms-transform: scale(1.25);
	-o-transform: scale(1.25);
	transform: scale(1.25);
}

.humanstatus .swiper-slide .humanstatus-img:before
{
	position: absolute;
	z-index: 1;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(3, 111, 53, 0.46);
	content: '';
	opacity: 0;
	-webkit-transition: all 200ms;
	-moz-transition: all 200ms;
	-ms-transition: all 200ms;
	-o-transition: all 200ms;
	transition: all 200ms;
}

.humanstatus .swiper-slide:hover .humanstatus-img:before
{
	opacity: 1;
}

.humanstatus .swiper-slide .humanstatus-content h3{
	margin: 6px 0;
}

.humanstatus .swiper-button-next,
.humanstatus .swiper-button-prev
{

	background-image: none;
}

.humanstatus .swiper-button-next span,
.humanstatus .swiper-button-prev span
{
	padding: 30px 6px;
	color: #999;
	border-radius: 3px;
	background-color: #ccc;
	position: relative;
	top: 30px;
}

.humanstatus .swiper-button-prev
{
}


/* testmonial */

.testmonial{
	padding: 0;
}

.testmonial .row{
	margin:0;
}

.testmonial p{
	color: #fff;
}

.testmonial .testmonial-right,
.testmonial .testmonial-left,
.testmonial .testmonial-center{
	color: #fff;
	padding: 20px;
}

.testmonial .testmonial-right{
	background-color: #036F35;
}

.testmonial .testmonial-left{
	background-color: #FED754;
}

.testmonial{
	padding: 20px 0 20px;
	text-align: center;
	background-image: url(../images/backgrounds/blogThumb.jpg);
	background-size: 100% auto;
}

.testmonial .testmonial-center:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}

.testmonial .testmonial-center h3{
	margin-top: 10px;
	color: #fff;
}

.testmonial .swiper-container{
	padding-bottom: 26px;
}

.testmonial .swiper-button-next,
.testmonial .swiper-button-prev
{

	background-image: none;
}

.testmonial .swiper-button-next span,
.testmonial .swiper-button-prev span
{
	padding: 30px 6px;
	color: #999;
	border-radius: 3px;
	background-color: #ccc;
	position: relative;
	top: 30px;
}

.testmonial .swiper-container-horizontal>.swiper-pagination{
	bottom: 0px;
}

.testmonial .swiper-pagination-bullet {
	background: #FFF;
	opacity: .4;
}

.testmonial .swiper-container-horizontal > .swiper-pagination .swiper-pagination-bullet
{
	padding: 6px;
}

.testmonial .swiper-pagination-bullet-active
{
	background: #FED754;
	opacity: 1;
}



/* contact */


.contact .form-control{
	height: 50px;
}

.contact textarea.form-control{
	height: 100px;
}

.btn-info{
	background-color: #036F35;
}

.btn-info:hover{
	background-color: #0A8E47;
	border-color: #0A8E47;
}

/* PARTNARS */


.partners{
	background-color: #F4F4F4;
}

.partners .partners-content{
	text-align: center;
}

.partners .partners-content img{
	height: 60px;
}

.partners .partners-content p{
	margin: 0;
}

/* MAP */

.map{
	text-align: center;
	background-color: #FED754;
	background-image: url(../images/backgrounds/map-pattern.png);
	padding: 0;
	cursor: pointer;
}

.map h4{
	color: #9B7D1B;
	margin: 0;
	padding: 12px 0 0;
}


/* FOOTER */

footer{
	background-image: url(../images/backgrounds/b-works.jpg);
	background-position: 50%;
	color: #fff;
	position: relative;
}

footer .container{
	position: relative;
}

footer:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: rgba(3, 111, 53, 0.91);
}

footer span{
	font-size: 20px;
	color: #036F35;
	padding: 0 0 0 7px;
	position: relative;
	top: 2px;
}

footer h4{
	font-size: 21px;
	margin-bottom: 15px;
}

footer p{
	font-size: 13px;
	color: #fff;
}

footer .btn-info {
	background-color: #024C25;
}

footer .center-footer span,
footer .center-footer h4{
	display: inline-block;
}

footer .center-footer .info{
	border-right: 2px solid #035529;
	height: 150px;
}

footer .center-footer .info span{
	color: #fff;
}

footer .center-footer .info:last-child{
	border-right: none;
}

footer .center-footer,
footer .top-footer{
	padding: 15px 0;
	border-bottom: 2px solid #035529;
}

footer .top-footer .subscribe .form-control{
	background-color: #FFF;
}

footer .top-footer .footer-about{
	border-left: 2px solid #035529;
}

footer .top-footer .footer-about p {
	font-size: 14px;
	line-height: 1.8;
	color: #fff;
}

footer .bottom-footer{
	padding: 15px;
}

footer .bottom-footer .qavel a{
	font-weight: 100;
	font-size: 13px;
	color: #fff;
}

footer .bottom-footer .qavel img{
	padding: 0 0 0 10px;
	position: relative;
	top: 2px;
}

/* Sub Pages */

.subhead {
	background-image: url('../images/backgrounds/header.jpg');
	padding: 0;
	background-position: 50%;
}

.subhead .container{
	position: relative;
}

.subhead h2{
	color: #fff;
}

.breadcrumb {
	background-color: transparent;
	color:#fff;
}

.breadcrumb a,
.breadcrumb>.active{
	color:#fff;
}

.breadcrumb > li + li:before {
	color: #FFF;
	content: "\e606";
	font-family: 'Flat-UI-Icons';
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	speak: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 18px;
	padding-right: 0.5em;
	float: left;
}

.sub-page {
	background-color: #eee;
}

.sub-page .main-side{
	background-color: #fff;
	border-radius: 4px;
	padding:15px;
}

.block{
	background-color: #fff;
	padding: 0 15px 15px;
	overflow: hidden;
	border-radius: 4px;
	margin-bottom: 30px;
}

.block .block-header{
	background-color: #036F35;
	padding: 6px 8px;
	margin: 0 -15px;
}

.block .block-header span {
	padding: 0 0 0 10px;
	color: #fff;
}

.facebook-block .block-header {
	background-color: #3A5795;
}

.twitter-block .block-header {
	background-color: #53A7E8;
}

.block .block-header h4{
	color: #fff;
	margin: 0;
}

/* News Page */


.sub-page.news-page .main-side.news-div{
	background-color: transparent;
	padding: 0;
}

.news-item{
	background-color: #FFFFFF;
	overflow: hidden;
	border-radius: 4px;
	margin-bottom: 30px;
}

.news-item .news-item-img{
	min-height: 190px;
	background-size: cover;
	background-position: center;
}

.news-item .news-item-img img{
	width: 100%;
}

.news-item .news-item-img .share{
	content: '';
	color: #fff;
	background-color: rgba(3, 111, 53, 0.59);
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	width: 100%;
	text-align: center;
	padding-top: 22%;
	padding-left: 15px;
	border-radius: 0;
	opacity: 0;
	-webkit-transition: all 200ms;
	-moz-transition: all 200ms;
	-ms-transition: all 200ms;
	-o-transition: all 200ms;
	transition: all 200ms;
	z-index: 2;
}

.news-item .news-item-img .share a{
	color: #fff;
	padding: 0 10px;
	font-size: 30px;
	position: relative;
	bottom:-100px;
	-webkit-transition: all 800ms;
	-moz-transition: all 800ms;
	-ms-transition: all 800ms;
	-o-transition: all 800ms;
	transition: all 800ms;
}

.news-item .news-item-img:hover .share{
	opacity: 1;
}

.news-item .news-item-img:hover .share a{
	bottom:0px;
}

.subnews-item .news-item-title h3{
	margin-top: 0;
}

.subnews-item .share {
	background-color: transparent;
	color: #036F35;
	border-top: 1px solid #ccc;
	padding-top: 15px;
	border-radius: 0;
}

.subnews-item .share a{
	padding:0 15px;
	color: #036F35;
}

/* Projects Page */

.projects-page.projects{
	background-image: none;
}

.subprojects-page .gallery {
	background-color: #fff;
	border: 1px solid #E8E8E8;
	border-radius: 3px;
}

.subprojects-page .gallery .gallery-item a{
	height: 115px;
}

.subprojects-page .gallery .gallery-item a h5{
	padding: 0;
}



/* keyframes */

@keyframes snow
{
	0
	{
		background-position: 0 0,0 0,0 0;
	}

	50%
	{
		background-position: 500px 500px,100px 200px,-100px 150px;
	}

	100%
	{
		background-position: 500px 1000px,200px 400px,-100px 300px;
	}
}

@-moz-keyframes snow
{
	0
	{
		background-position: 0 0,0 0,0 0;
	}

	50%
	{
		background-position: 500px 500px,100px 200px,-100px 150px;
	}

	100%
	{
		background-position: 400px 1000px,200px 400px,100px 300px;
	}
}

@-webkit-keyframes snow
{
	0
	{
		background-position: 0 0,0 0,0 0;
	}

	50%
	{
		background-position: 500px 500px,100px 200px,-100px 150px;
	}

	100%
	{
		background-position: 500px 1000px,200px 400px,-100px 300px;
	}
}

@-ms-keyframes snow
{
	0
	{
		background-position: 0 0,0 0,0 0;
	}

	50%
	{
		background-position: 500px 500px,100px 200px,-100px 150px;
	}

	100%
	{
		background-position: 500px 1000px,200px 400px,-100px 300px;
	}
}

[class*='entypo-']:before
{
	font-family: 'entypo',sans-serif;
}

#sticky-social
{
	position: fixed;
	z-index: 999;
	top: 35%;
	right: -27px;
	-webkit-transition: all .4s ease 0s;
	-moz-transition: all .4s ease 0s;
	-o-transition: all .4s ease 0s;
	transition: all .4s ease 0s;
}

#sticky-social ul{
	list-style: none;
	padding: 0;
}

#sticky-social:hover
{
	right: 0px;
}

#sticky-social a
{
	font: 16px 'Open Sans',sans-serif;
	line-height: 35px;

	position: relative;

	display: block;

	width: 35px;
	height: 35px;

	text-align: center;

	color: #fff;
	background: #333;
}

#sticky-social a:hover span
{
	right: 100%;
}

#sticky-social a span
{
	line-height: 35px;

	position: absolute;
	right: -120px;

	width: 120px;

	text-align: center;
}

#sticky-social a[class*='facebook'],
#sticky-social a[class*='twitter'],
#sticky-social a[class*='gplus'],
#sticky-social a[class*='linkedin'],
#sticky-social a[class*='instagrem'],
#sticky-social a[class*='stumbleupon'],
#sticky-social a[class*='pinterest'],
#sticky-social a[class*='flickr'],
#sticky-social a[class*='tumblr'],
#sticky-social a[class*='youtube'] 
{
	background-color: #0d7a3e;
}

#sticky-social a[class*='facebook']:hover,
#sticky-social a[class*='facebook'] span
{
	background: #3b5998;
}

#sticky-social a[class*='twitter']:hover,
#sticky-social a[class*='twitter'] span
{
	background: #00aced;
}

#sticky-social a[class*='gplus']:hover,
#sticky-social a[class*='gplus'] span
{
	background: #dd4b39;
}

#sticky-social a[class*='linkedin']:hover,
#sticky-social a[class*='linkedin'] span
{
	background: #007bb6;
}

#sticky-social a[class*='instagrem']:hover,
#sticky-social a[class*='instagrem'] span
{
	background: #517fa4;
}

#sticky-social a[class*='stumbleupon']:hover,
#sticky-social a[class*='stumbleupon'] span
{
	background: #eb4924;
}

#sticky-social a[class*='pinterest']:hover,
#sticky-social a[class*='pinterest'] span
{
	background: #cc2127;
}

#sticky-social a[class*='flickr']:hover,
#sticky-social a[class*='flickr'] span
{
	background: #ff0084;
}

#sticky-social a[class*='tumblr']:hover,
#sticky-social a[class*='tumblr'] span
{
	background: #32506d;
}

#sticky-social a:after
{
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
}

#sticky-social a[class*='youtube']:after
{
	content: "\f167";
}

#sticky-social a[class*='facebook']:after
{
	content: "\f230";
}

#sticky-social a[class*='twitter']:after
{
	content: "\f099";
}

#sticky-social a[class*='instagrem']:after
{
	content: "\f16d";
}

#sticky-social a[class*='plus']:after
{
	content: "\f05d";
}

#sticky-social a[class*='linkedin']:after
{
	content: "\f0e1";
}

#sticky-social a[class*='stumbleupon']:after
{
	content: "\f1a4";
}

#sticky-social a[class*='pinterest']:after
{
	content: "\f0d2";
}

#sticky-social a[class*='flickr']:after
{
	content: "\f16e";
}

#sticky-social a[class*='tumblr']:after
{
	content: "\f173";
}

#sticky-social a[class*='youtube']:hover,
#sticky-social a[class*='youtube'] span
{
	background: #D73D32;
}

@media (max-width: 768px) {
	header .dropdown-menu-large {
		margin-right: 0 ;
		margin-left: 0 ;
	}
	header .dropdown-menu-large > li {
		margin-bottom: 30px;
	}
	header .dropdown-menu-large > li:last-child {
		margin-bottom: 0;
	}
	header .dropdown-menu-large .dropdown-header {
		padding: 3px 15px !important;
	}

	.topheader {
		text-align: center;
	}

	.topheader .nav li{
		display: block;
	}

	.navbar-default .navbar-collapse, .navbar-default .navbar-form {
		overflow: hidden;
	}

	.navbar-nav>li>.dropdown-menu {
		text-align: center;
	}
}

@media (min-width: 768px)
.topheader .container {
	width: 100%;
}
.partner-div{
	position: relative;
	height: 160px;
	overflow: hidden;
	margin-top: 15px;
}
.partner-div:after{
	position: absolute;
	bottom: -20px;
	left: 0;
	width: 100%;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	text-align: center;
	background-color: rgba(0,0,0,0.4);
	content: attr(title);
	color: white;
	padding: 2px 0;
	opacity: 0;
}
.partner-div:hover:after{
	bottom: 0;
	opacity: 1;
	background-color: rgba(0,0,0,0.8);
	padding: 5px 0;
}
.partner-div:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	background-color: rgba(0,0,0,0.3);
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.partner-div:hover:before{
	opacity: 1;
	background-color: rgba(0,0,0,0.5);
}
.partner-div .img-responsive{
	height: 160px;
	margin: 0 auto;
}

.sheeps{
	height: 130px;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.sheeps:hover{
	height: 160px;
}
.layer.layer2{
	background: rgba(0, 0, 0, 0.3);
	padding: 0 20px;
	border-radius: 10px;
}

.humanitarian .progress{
	height: 30px;
	border-radius: 0px;
	margin: -10px -15px 0;
}

.humanitarian .progress .progress-bar{
	line-height: 30px;
	font-size: 20px;
	background: #036F35;
	box-shadow: none;
	min-width: 10%;
	text-align: center;
	color: #fff;
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.7);
	transition: 1s;
}
.news-item .news-item-img .progress{
	position: absolute;
	bottom: 0;
	left: 15px;
	width: calc(100% - 15px);
	margin: 0 0 0 0;
	z-index: 1;
}

.donate-progress{
	width: 90%;
	background-color: #f0f0f0;
	overflow: hidden;
	text-align: left;
	border-radius: 4px;
}
.donate-progress .inner-progress{
	background-color: #036F35;
	display: inline-block;
	text-align: center;
	color: #fff;
	border-radius: 4px;
	text-shadow: 0 0 3px #000;
}

.bghome-slider{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.bghome-slider .slide{
	width: 100%;
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.news-item-text{
	height: auto!important;
}