/*!
 * Start Bootstrap - Agency Bootstrap Theme (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */
@font-face
{
	font-family: "Helvetica Neue W23 for SKY Reg";
	src: url('../fonts/HelveticaNeueW23forSKY-Reg.ttf');
}

body {
    font-family: "Helvetica Neue W23 for SKY Reg" !important;
	font-size:12pt;
	background-color:#FFF !important;
	background-image:url(../img/body_bg.png);
	/*border-top:2px solid #3d6952;*/
	direction:rtl;
	line-height:28px !important;
}



ul, ol {
	outline: 0 none !important;
	padding:0;	margin:0;
	list-style:none;
	font-family:inherit;
}




a:hover,
a:focus,
a:active,
a:visited
 {
	text-decoration:none !important;
		-webkit-transition-duration:.35s;
}





#popup,
#popup2
{
	background-color:rgba(200,200,200,1);
	position:fixed;
	top:0;
	right:0;
	width:100%;
	height:100%;
	z-index:99999;
	display:none;
	
	border-top:7px solid rgba(160,160,160,1);
	border-bottom:7px solid rgba(160,160,160,1);

	border-right:7px solid rgba(140,140,140,1);	
	border-left:7px solid rgba(140,140,140,1);
}





.pop-up .close-btn
{
	padding:10px 20px;
	background-color:#3d6952;
	color:#FFF;
	font-size:12pt;
	border-radius:5px;
	box-shadow:2px 2px 4px 0px rgba(100,100,100,0.8);
}
.pop-up .close-btn i
{
	font-size:18pt;
	margin-left:15px;
}

.pop-up .close-btn:hover
{
	background-color:#b18f6e;
	color:#fff;
}

.pop-up h3
{
	font-size:16pt;
	border-bottom:3px solid #b18f6e;
	color:#b18f6e;
	padding-bottom:5px;
	margin-bottom:15px;
}

.pop-up
{
	max-width:500px;
	margin:0 auto;
	background-color:rgba(255,255,255,0.2);
	padding:15px;
	margin:40px auto;
	border-radius:10px;
}



/**************** ... Header ... **************************/
.top-header
{
	border-top: 4px solid #3d6952;
	padding:10px 0;
}
.logo
{
	padding:0;
	text-align:right;
	vertical-align:middle;
	max-height:150px;
}
.logo img
{
	padding:0;
	max-height:150px;
	max-width:100%;
}
.leave-msg-btn
{
	padding:10px 20px;
	background-color:#3d6952;
	color:#FFF;
	font-size:12pt;
	position:absolute;
	top:26px;
	left:15px;
	border-radius:5px;
	box-shadow:2px 2px 4px 0px rgba(100,100,100,0.8);
}
.leave-msg-btn img
{
	font-size:18pt;
	margin-left:15px;
}

.leave-msg-btn:hover
{
	background-color:#b18f6e;
	color:#fff;
}




.header-srch
{
	text-align:left;
	height:100px;
	max-width:250px;
	margin-top:40px;
}
#search_fld
{
	display:none
}

.header-srch .form
{
	background-color:rgba(235,235,235,0.4);
	border-radius:5px;
	padding:5px;
	height:48px;
	width:auto !important;
	float:left
}
.header-srch .advanced a
{
	color:#737373;
	padding:5px;
}

.header-srch input[type=text],
.header-srch button
{
	background-color:transparent;
	border:0;
	padding:5px;
	font-size:12pt;
	color:#737373;
	text-align:right
}

.header-srch input[type=text]
{
	width:85%;
	outline:0;
	background-color:rgba(255,255,255,0.8);
	font-size:10pt;
}
.header-srch button
{
	width:15%;
	color:#737373;
	text-align:center;
	font-size:100%;
	outline:0;
	padding-right:10px;
	padding-left:10px;
}
.header-srch .advanced
{
	margin-top:50px;	
}

/**************** ... Menu ... **************************/
.menu
{
	background-color:#3d6952;
	display:block;
	border-top: 3px solid #d98e1e !important;
}

.menu2
{
	background-color:#3d6952;
	display:none
}


/**************** ... slider ... **************************/
.slider
{
	background-color:#fff;
	overflow:hidden
}


/**************** ... main-marquee ... **************************/
.main-marquee
{
	background-color:#ececec;
}


/**************** ... News & Vote Boxes ... **************************/
.news-vote
{
	/*background-color:#f0ff00;*/
	padding:0 8px;
	margin-top:60px;
}


	.news-box
	{
		/*background-color:#f0f0f0;*/
	}
		.news-box .intro-title,
		.progs-event .intro-title
		{
				height: 40px;
	background-color: #3d6952 !important;
	border-color: #3d6952 !important;
	color: #ffffff !important;
	padding-right: 8px;
	padding-left: 8px;
	position: relative;
	font-size: 11px;
	line-height: 10px;
	z-index: 10;
	border-bottom: 3px solid #d98e1e !important;

		}
		.progs-event .intro-title
		{
			margin-right:5px;
			margin-left:30px;
		}
		
			.news-box .intro-title h3 a,
			.progs-event .intro-title h3 a,
			.more a
			{
				font-size:14pt;
				color:#3d6952;
				float:left;
				padding-top:3px;
				color: #fff !important;
				line-height: 1.5 !important;
			}
			.news-box .intro-title h3 a i,
			.progs-event .intro-title h3 a i,
			.more a i
			{
				opacity:1;
			}
			.progs-event .intro-title h3 a:hover,
			.news-box .intro-title h3 a:hover,
			.progs-event .intro-title h3 a:hover i,
			.news-box .intro-title h3 a:hover i,
			.more a:hover i,
			.more a:hover
			{
				opacity:1;
				color:#b18f6e;
			}
			.more a
			{
				margin-top:8px;
			}


			.inner-indx-box-head a
			{
				font-size:14pt;
				color:#ecf0f1;
				float:left;
				padding-top:3px;
-moz-transition: all .51s;
-o-transition: all .51s;
-webkit-transition: all .51s;
transition: all .51s;	
			}
			.inner-indx-box-head a i
			{
				border-radius:50%;
				padding:3px;
				/*background-color:rgba(255,255,255,0.02);*/
			}
			.inner-indx-box-head a:hover i
			{
				/*background-color:#fff;*/
				color:#b18f6e;
-moz-transition: all .51s;
-o-transition: all .51s;
-webkit-transition: all .51s;
transition: all .51s;	
			}








			
			
			
	.vote-box
	{
		/*background-color:#fcfcfc;*/
		padding:0 15px 0 0;
		margin-top:60px;
	}
		.inner-vote-box
		{
			background-color:#FFF;
			padding:0 15px;
			border-right:5px solid #3d6952;
			height:438px;
		}
		.intro-title p
		{
			font-size:12pt !important;
			text-align:justify;
			color:#999
		}
		.vote-box h3
		{
			padding: 15px 0;
    padding-right: 0px;
    padding-left: 0px;
  height: 40px;
  background-color: #3d6952 !important;
  border-color: #3d6952 !important;
    border-bottom-color: rgb(61, 105, 82);
  border-bottom-color: rgb(61, 105, 82);
  color: #ffffff !important;
  padding-right: 8px;
  padding-left: 8px;
  position: relative;
  font-size: 11px;
  line-height: 10px;
  z-index: 10;
  border-bottom: 3px solid #d98e1e !important;
  font-size: 20px;
		}
		.vote-box .question
		{
			font-size:14pt;
			margin:15px 0 15px 0
		}
		.vote-box .answers
		{
			font-size:12pt;
			margin:5px 0
		}
		.vote-box .vote-btns
		{
			margin-top:15px;
		}
		.vote-box .btn-primary,
		.vote-box .btn-default
		{
			padding:12px 25px!important;
			text-align:center !important;
			border-radius:5px;
		}

		.vote-box .btn-primary
		{
			background-color:#b18f6e !important;
		}

		.vote-box .btn-primary:hover
		{
			background-color:#3d6952 !important;
		}
		.vote-box .btn-default:hover
		{
			background-color:#cdc9c9 !important;
		}
		
		.vote-rslt-box
		{
			border-right:4px solid rgba(200,200,200,0.8);
			border-left:4px solid rgba(200,200,200,0.8);
			
			border-top:4px solid rgba(180,180,180,0.8);
			border-bottom:4px solid rgba(180,180,180,0.8);
			background-color:rgba(255,255,255,0.8);
			padding:10px;
			max-width:300px;
			margin:0 auto 40px auto;
		}
		.vote-rslt-box h3
		{
			font-size:13pt;
			color:#3d6952;
			margin:5px 0;
		}
		.vote-rslt-box small
		{
			font-size:10pt;
			color:#666;
		}
		


/**************** ... sectors-marquee ... **************************/
.sectors-marquee
{
	background-color:#ececec;
	margin-top:60px;
}


/**************** ... indx Boxes ... **************************/
.indx-box
{
	padding:0 10px;
	margin-top:60px;
}
	.inner-indx-box
	{
		width:100%;
		border:1px solid #d6d6d6;
		height:300px !important
	}
	.inner-indx-box-head
	{
		background-color:#3d6952;
		width:100%;
		padding:8px;
		color:#FFF;
		font-size:13pt;
	}
		.inner-indx-box-head small a
		{
			color:rgba(255,255,255,0.8);
			font-size:10pt;
			float:left;
		}
		.inner-indx-box-head small a i
		{
			opacity:0;
		}
		.inner-indx-box-head small a:hover,
		.inner-indx-box-head small a:hover i
		{
			color:#FFF;
			opacity:1;
		}


/**************** ... Donation Boxes && progs Doxex && events Box ... **************************/
.donn,
.progs-event
{
	background-color:#ebebeb;
	margin-top:60px;
}
.progs-event
{
	padding:30px 0
}

.donn
{
	background-color:transparent;
}

.donn-box,
.progs-event-box
{
	padding:0 10px;
}
	.inner-donn-box,.inner-donn-box-title,
	.inner-progs-event-box,.inner-progs-event-box-title
	{
		background-color:#3d6952;
		width:100%;
		border:0;		
	}
	.inner-donn-box-title,
	.inner-progs-event-box-title
	{
		background-color:transparent;
	}
		.inner-progs-event-box-title
		{
			max-width:260px;
		}
		
	.inner-donn-box-title
	{
		font-size:13pt;
		padding:60px 0;
		text-align:justify
	}
	.inner-donn-box-title div
	{
		font-size:13pt;
		font-weight:700;
		margin-bottom:20px;
	}
	.inner-donn-box-title i
	{
		color:#999;
	}
	


	.inner-donn-box
	{
		color:#FFF;
		border:4px solid #3d6952;
		background-color:#3d6952;
		height:320px !important;


-moz-transition: all .51s;
-o-transition: all .51s;
-webkit-transition: all .51s;
transition: all .51s;	
	}


	.inner-donn-box:hover
	{
		color:#cdc9c9;
		border:4px solid #cdc9c9;
		background-color:#b18f6e;
		border-radius:20px;
			box-shadow:4px 4px 8px 0px rgba(100,100,100,0.8);


-moz-transition: all .51s;
-o-transition: all .51s;
-webkit-transition: all .51s;
transition: all .51s;	
	}
	.inner-donn-box:hover .inner-donn-box-head
	{
		color:#cdc9c9;
		background-color:#b18f6e;
		border-radius:20px;

-moz-transition: all .51s;
-o-transition: all .51s;
-webkit-transition: all .51s;
transition: all .51s;

	
		}







	.inner-donn-box-head,
	.inner-donn-box-footer
	{
		background-color:#3d6952;
		width:100%;
		padding:0 0 10px 0;
		z-index:9999
	}



	.inner-donn-box-head
	{
		height:50px !important;
		padding-top:10px;
		padding-bottom:10px;
		text-align:center;
		font-size:16pt;
-moz-transition: all .51s;
-o-transition: all .51s;
-webkit-transition: all .51s;
transition: all .51s;
	}
	.inner-donn-box-footer
	{
		bottom:5px;
		height:100px !important;
		display:none
	}



		.inner-donn-box a img{
		width:100%;
		max-width:261px;
		max-height:100%;
		}

	.inner-progs-event-box,.events
	{
		color:#000;
		/*max-width:260px;*/
		margin:0 auto;
		padding:5px 15px;
		background-color:#FFF !important
	}
	.events-h2
	{
		font-size:16pt;
		line-height:32px;
		text-align:center;
		min-height:110px;
		padding:0;
	}
	.events-h3
	{
		font-size:13pt;
		text-align:right;
		padding:0
	}
	.inner-progs-event-box
	{
		height:387px !important;
		text-align:center
	}
	.events
	{
		height:320px !important;
		max-width:260px;
		margin:0 auto !important
	}
	#programms-div
	{
		max-width:1000px !important;
	}
	
	
	.inner-progs-event-box .title
	{
		text-align:right;
		font-size:16pt;
		color:#222;
		
	}
	.inner-progs-event-box:hover .title
	{
		color:#309ff0;
	}
	.inner-progs-event-box img
	{
		max-width:100% !important;
		padding:5px;
		max-height:200px !important;
		background-color:#fff !important
		
	}
	.inner-progs-event-box:hover img
	{
		background-color:#309ff0 !important
		
	}
	.inner-progs-event-box p
	{
		text-align:justify;
		padding:10px 0;
		line-height:25px;
		color:#999;
	}
	.inner-progs-event-box:hover p
	{
		color:#fff;
	}








/**************** ... services ... **************************/
.services
{
	background-color:#fbfbfb;
	margin-top:60px;
}


/**************** ... footer ... **************************/
.shorturl
{
	background-color:rgba(220,220,220,0.1);
	margin-top:120px !important;
	color:rgba(255,255,255,0.7);
	padding-top:20px;
}
.shorturl input[type="text"]
{
	background-color:rgba(220,220,220,0.2);
	border:0;
	outline:none;
}


.footer
{
	background-color:#000;
	margin-top:0 !important;
	color:rgba(255,255,255,0.7);
	background-image:url(../img/footer_bg.png);
	padding-top:20px;
}
	.footer-box
	{
		padding:20px 0;
	}
	.footer-box .footer-h2
	{
		padding:5px 0px;
		margin:10px auto 8px auto;
		font-size:14pt;
		color:rgba(255,255,255,0.92);
		max-width:300px;
	}
		.inner-footer-box
		{
			/*background-color:#f0f0f0;*/
			width:100%;
			max-width:350px !important;
			margin:0 auto;
		}
			.footer-link,
			.footer-link a
			{
				color:rgba(255,255,255,0.7);
				font-size:12pt;
				border-right:4px solid rgba(0,0,0,0);
					-webkit-transition-duration:.35s;
			}
			.footer-link a:hover
			{
				color:#b18f6e;
				border-right-color:#b18f6e;
				padding-right:5px;
			}
			
			.footer-form h2
			{
				font-size:16pt;
				margin:10px 0 0 0;
				color:rgba(255,255,255,0.88);
			}
			.footer-form h3
			{
				font-size:13pt;
				color:#666;
				margin:10px 0 0 0;
				color:rgba(255,255,255,0.7);
			}
			.footer-form .input
			{
				margin:10px;
				border:1px solid rgba(255,255,255,0.7);
;
				height:36px;
				padding:2px;
				color:#000;
			}

			.footer-form .input input[type="text"]
			{
				border:0;
				width:75%;
				float:right;
				height:30px !important;
				padding:5px;
				outline:0 !important;
				background-color:transparent;
				color:#FFF;
			}
			.footer-form .input .btn
			{
				width:24%;
				float:left;
				height:30px !important;
				border-radius:0
			}
			.footer-form .check
			{
				font-size:10pt;
				color:rgba(255,255,255,0.7);
				margin:10px;
			}
			.footer-form .check input
			{
				margin-left:8px;
			}

.footer-copyright
{
	border-top:2px solid rgba(0,0,0,0.3);
	color:#777;
	text-align:center;
	padding:10px 0
}


/**************** ... slider ... **************************/
.interior-page
{
	margin-top:40px;
}
.interior-page-title
{
	font-size:18pt;
	color:#b18f6e;
	text-align:right;
	border-bottom:3px solid #b18f6e;
	padding:8px;
	float:right;
	margin-bottom:20px;
	line-height:32px;
}
.interior-page-title small a
{
	font-size:12pt;
	color:#3d6952 !important
}

/*-- .. blog.archive2 .. --*/
/******************** .. News - Archive CSS .. ************************/

ul#results
{
	padding:0
}
ul#results li{
	margin-bottom: 10px;
	border: 2px solid;
	background: rgba(241,241,241,0.2);
	border-color: rgba(241,241,241,0.4);
	padding: 0;
	list-style: none;
}

ul#results li.class2
{
	height:100px;width:48%; margin-right:0.5%; margin-left:0.5%;float:right;
	padding:8px;
}


ul#results li.class3
{
	min-height:104px !important;
	height:auto;
	width:100%;
	margin:0;
	float:none;
	padding:0px;
	margin-bottom:10px;
}
ul#results li.class3 h3
{
	padding:8px !important;
}

ul#results li.class2:hover i
{
	color:#000 !important;
}
ul#results a:hover
{
	text-decoration:none;
}
ul#results li img{
	float:left;
	height:100px;
	opacity:0.8;
}

ul#results li h3{
	font-size:12pt;
	color:#3d6952;
	padding:0;
	font-weight:normal;
	margin:0 !important;
	line-height:25px;
}
ul#results a:hover h3{
	color:#FFF;
}

ul#results li h3 small{
	color:#bbb;
	padding:0;
	margin:0
}
ul#results a:hover small{
	color:#fefefe;
}



ul#results li:hover{
	background: rgba(255,255,255,1);
	border-color: #b18f6e;
}
ul#results li:hover img{
	opacity:0.9;
}


ul#results li p{
	font-size:12pt;
	color:#bbb;
	padding:0 8px !important;
}
ul#results li:hover p{
	color:#eee;
	opacity:0
}


.li-class
{
	font-size:12pt;
	height:90px !important;
	float:right;
	width:32%;
	margin-left:1%;
}

.li-class h3
{
	margin:0 !important;
	padding:0 !important;
	padding:10px !important;
}
.li-class i
{
	color:#b18f6e !important;
	font-size:18pt !important;
	font-weight:normal !important
}
.li-class:hover
{
	border-color:#b18f6e !important;
	background-color:#ecf0f1 !important;
	color:#3d6952 !important;
}.li-class:hover i
{
	color:#000 !important;
}

/* Sweep To Bottom */
.hvr-sweep-to-bottom {

  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;

  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-bottom:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;

  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-bottom:hover,
.hvr-sweep-to-bottom:focus,
.hvr-sweep-to-bottom:active {
  color: white;
}
.hvr-sweep-to-bottom:hover:before,
.hvr-sweep-to-bottom:focus:before,
.hvr-sweep-to-bottom:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}


.hvr-sweep-to-bottom{


	-webkit-transform:perspective(1px) translateZ(0);
	transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;
	
	
	-webkit-transition-property:color;
	transition-property:color;
	-webkit-transition-duration:.3s;
	transition-duration:.3s
}

.hvr-sweep-to-bottom:before{
	content:"";
	
	
	z-index:-1;

	background:#3d6952;
	-webkit-transform:scaleY(0);
	transform:scaleY(0);
	-webkit-transform-origin:50% 0;
	transform-origin:50% 0;
	-webkit-transition-property:transform;
	transition-property:transform;
	-webkit-transition-duration:.3s;
	transition-duration:.3s;
	-webkit-transition-timing-function:ease-out;
	transition-timing-function:ease-out
}

.hvr-sweep-to-bottom:active,
.hvr-sweep-to-bottom:focus,
.hvr-sweep-to-bottom:hover
{
	color:#fff
}

.hvr-sweep-to-bottom:active:before,
.hvr-sweep-to-bottom:focus:before,
.hvr-sweep-to-bottom:hover:before{
	-webkit-transform:scaleY(1);
	transform:scaleY(1)
}


.loading-info{text-align:center;}


/******************** .. Public CSS .. ************************/



.pad-0-8
{
	padding:0 8px;
}

.pad-0-15
{
	padding:0 15px;
}

.margin-t-40
{
	margin-top:40px;
}
.margin-b-20
{
	margin-bottom:20px;
}

.no-borders
{
	border:0;
}

.don1-hint
{
	border:4px solid #F0f0f0;
	background-color:rgba(255,255,255,0.8);
	padding:10px;
	line-height:33px;
	font-size:13pt;
	text-align:justify;
	color:#777;
}
.don1-hint i
{
	background-color:#F0f0f0;
	color:#FFF;
	border-radius:5px;
	width:30px;
	height:30px;
	padding-top:6px;
	font-size:15pt;
	text-align:center;
	float:right;
	margin-left:10px;
}
.form-group
{
	margin-bottom:5px;
}
.form-group input[type=text],
.form-group input[type=email],
.form-group input[type=number],
.form-group select,
.form-group textarea
{
	margin-bottom:0px !important;
	border-radius:0;
}
.form-group textarea
{
	height:150px !important;
	resize:none !important
}
.form-group label
{
	font-weight:normal !important;
	margin-bottom:0px;
	color:#999;
	display:none
}
.form-group .small
{
	text-align:left;
	width:100%;
	color:#f00;
}

.form-join
{
	border:1px solid #f0f0f0;
	padding:5px;
}


.btn-primary
{
	background-color:#3d6952 !important;
	border:0 !important;
}
.btn-default
{
	background-color:#ecf0f1 !important;
	border:0 !important;
}

.btn-primary:hover
{
	background-color:#b18f6e !important;
}
.btn-default:hover
{
	background-color:#cdc9c9 !important;
}

.right-news-list
{
	max-width:250px;
	margin:0 auto
}
.right-news-list2
{
	max-width:100%;
	margin:0 auto
}

.right-news-item
{
	margin-bottom:2px;
	border-right:3px solid rgba(200,200,200,0.1) !important;
	padding:5px;
	background-color:rgba(200,200,200,0.1) !important;
}

.right-news-list2 li
{
	float:right;
	width:48%;
	margin-left:1%
}
a .right-news-item
{
	color:#999 !important;
	
-moz-transition: all .51s;
-o-transition: all .51s;
-webkit-transition: all .51s;
transition: all .51s;	
}
a .right-news-item:hover
{
	color:#3d6952 !important;
	background-color:rgba(255,255,255,0.4) !important;
	
-moz-transition: all .51s;
-o-transition: all .51s;
-webkit-transition: all .51s;
transition: all .51s;	
}
.right-news-item:hover
{
	border-color:#3d6952 !important;

-moz-transition: all .51s;
-o-transition: all .51s;
-webkit-transition: all .51s;
transition: all .51s;	
}

.right-last-news h3
{
	color:#3d6952;
	font-size:16pt;
	padding-right:13px;
}
.right-last-news .more-link
{
	color:#3d6952;
	margin-left:13px;
	float:left
}
.right-last-news more-link:hover
{
	color:#b18f6e;
}

.contacts-details .link
{
	font-size:10pt;
	color:#3d6952;
	margin-bottom:20px;
}
.contacts-details .link i
{
	font-size:14pt;
	width:30px;
	height:30px;
	background-color:#ecf0f1;
	color:#3d6952;
	padding:5px;
	border-radius:5px;
}
.contacts-details .link span
{
	color:#b18f6e;
	font-size:14pt;
}
/******************************************/
/******************************************/
/******************************************/
/******************************************/
/******************************************/