body{
	padding:0px;
	margin:0px;
}
img{
	width:100%;
}
/* !DESKTOP MEDIA QUERY */

.container {
	position: relative;
}
.section{
	float:left;
	
	
}
.top-section{
	width: 100%;
	float: left;
	box-shadow: 1px 1px 10px 1px #999999;
	background-color:#FFF;
		z-index:99;
	
}

.topsection{
	width: 90%;
	float: left;
	padding-top: 1%;
	padding-right: 5%;
	padding-bottom: 1%;
	padding-left: 5%;
	
}
#logo-col{
	width: 90%;
	float: left;
	padding-left: 5%;
	padding-right: 5%;
	background-color: #FFF;
	padding-top: 1%;
	position: fixed;
	


}
#logo{
	width: 20%;
	float: left;
	text-align: center;
	margin-left: 10%;
	margin-right: 5%;

	}
	.top-stiff{
	width: 40%;
    float: left;
    padding-left: 60%;
    position: fixed;
    z-index: 10;
	z-index:9999999999;
	
}
.serch1 {
	width: 60%;
	background: rgba(255,255,255,0.2);
	background-clip: padding-box;
	text-align: center;

}
.search {
	width: 26%;
	float: left;
	font-family: Arial,sans-serif;
	margin-top: 10px;
	margin-right: 1%;
	margin-bottom: 1%;
}
.search a{
	font-size: 14px;
	color: #4E5B31;
	text-decoration: none;
	font-weight: 400;
}
.search a:hover{
	font-size: 14px;
	color: #DE7C00;
	text-decoration: none;
	font-weight: 400;
}
.menubar{
	width: 65%;
	float: left;
	padding-left: 35%;
	margin-top:30px;
}
.menu-line{
	 border-right: 1px solid #D9D9D9;
	  border-left: 1px solid #D9D9D9;
	  float:left;
}
.middle{
	width: 80%;
	padding-top: 1%;
	padding-right: 10%;
	padding-bottom: 5%;
	padding-left: 10%;
}
.middle-col{
	width: 50%;
	margin-left: 5%;
}
.middle-col h1{
	font-size: 30px;
	font-weight: bold;
	color: #DE7C00;
	margin-bottom: 5px;
	text-transform: uppercase;
	font-family: Arial,sans-serif;
}
.middle-col-1{
	width: 20%;
	padding: 5%;
	margin-left: 10%;
}
.middle-col-1 a{
	font-family: Arial,sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	background-color: #C30;
	padding: 5%;
}
.middle-col-1 a:hover{
	font-family: Arial,sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	background-color: #4E5B31;
	padding: 5%;
}
.middle-col-2{
	font-size: 14px;
	color: #000000;
	padding-right: 5%;
	padding-bottom: 2%;
	padding-left: 5%;
	line-height:1.6em;
	font-family:Arial,sans-serif;
}

#slider{
	float: left;
	margin: 0px;
	padding: 0px;
	width: 100%;
	display: block;
}
#slider-col{
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	height: 500px;
	background-image: url(../imges/1.jpg);
	background-repeat: no-repeat;
	background-position: center;	
}
#slider-col1{
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	height: 500px;
	background-image: url(../imges/2.jpg);
	background-repeat: no-repeat;
	background-position: center;	
}
#life-col{
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	font-family: "Century Gothic";
	font-size: 18px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #FFF;
	text-decoration: none;
	background: rgb(0,0,0,0.7);
	height: 400px;
	padding-top: 10px;
}
#life-col1{
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	font-family: "Century Gothic";
	font-size: 18px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #FFF;
	text-decoration: none;
	
}
#life-col2{
	
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	font-family: "Century Gothic";
	font-size: 36px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #FFF;
	text-decoration: none;
	margin-top: 20px;	
	
}

.middle2{
	width: 80%;
	background-color: #ECECEC;
	float: left;
	padding-top: 5%;
	padding-right: 10%;
	padding-bottom: 5%;
	padding-left: 10%;
	margin-top: 10px;
}
.middle2-col{
	width: 40%;
	float: left;
}
.middle2-col-1{
	width: 50%;
	float: left;
	padding-right: 5%;
	padding-left: 5%;
}
.middle2-col-1 h1{
	font-size: 30px;
	font-weight: bold;
	color: #000000;
	margin-bottom: 5px;
	font-family: Arial,sans-serif;
}

.middle2-col-1 p{
	font-size: 14px;
	color: #000000;
	margin-bottom: 5px;
	text-transform: none;
	font-family: Arial,sans-serif;
	line-height: 1.6em;
	padding-top: 2%;
	padding-bottom: 2%;
}
.middle2-col-1 a{
	font-family: Arial,sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #DE7C00;
	text-decoration: none;
}
.middle2-col-1 a:hover{
	font-family: Arial,sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #000;
	text-decoration: none;
}

.middle3{
	width: 90%;
	padding: 5%;
	background-image: url(../imges/bg.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	float: left;
	margin-top: 10px;
}
.middle3-col{
	padding: 5%;
	width: 40%;
	background: rgb(0,0,0,0.6);
	margin-left: 5%;
}

.middle3-col h1{
	font-size: 25px;
	font-weight: bold;
	color: #FFFFFF;
	margin-bottom: 5px;
	font-family: Arial,sans-serif;
}

.middle3-col p{
	font-size: 14px;
	color: #FFFFFF;
	margin-bottom: 5px;
	text-transform: none;
	font-family: Arial,sans-serif;
	line-height: 1.6em;
	padding-top: 2%;
	padding-bottom: 2%;
}
.middle3-col a{
	font-family: Arial,sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #DE7C00;
	text-decoration: none;
}
.middle3-col a:hover{
	font-family: Arial,sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #FFF;
	text-decoration: none;
}
.middle4{
	width: 90%;
	padding: 5%;
	background-image: url(../imges/oranges_foodbank.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	float: left;
	margin-top: 10px;
}
.middle4-col{
	width:100%;
		float: left;
}

.middle4-col-1{
	font-size: 30px;
	font-weight: bold;
	color: #FFFFFF;
	margin-bottom: 5px;
	font-family: Arial,sans-serif;
	text-align:center;
}
.middle4-col-2{
	width:90%;
	padding:5%;
}
.middle4-a{
	width: 18%;
	background-color: #fff;
	padding: 1.5%;
	text-align: center;
	float: left;
	margin: 1.5%;
}
.middle4-a-img{
	padding:5%;
	width:50%;
	padding-left:20%;
}
.middle4-a-img img{
	width:100%;
	}


.middle4-a-hed{
	padding: 5%;
	font-family: Arial,sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: bold;
	color: #4E5B31;
	text-decoration: none;
}
.middle4-a-run{
	padding: 5%;
	font-family: Arial,sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	color: #4E5B31;
	text-decoration: none;
}
.middle4-a-lin{
	padding:5%;
}
.middle4-a-lin a{
	font-family: Arial,sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #DE7C00;
	text-decoration: none;
	padding: 5%;
}
.middle4-a-lin a:hover{
	font-family: Arial,sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #0C3;
	text-decoration: none;
	padding: 5%;
}
.middle5{
	width: 100%;
	float: left;
	margin-top: 0px;
	background-color: #EDEDED;
	margin-bottom: 0px;
}
.middle5-col{
	width: 39.6%;
	float: left;
	border: 1px;
	border-style: solid;
	border-color: #CCC;
	padding-top: 4%;
	padding-bottom: 0px;
	padding-left:7%;
	min-height:350px;
}

.middle5-a{
	font-family: Arial,sans-serif;
	font-size: 30px;
	font-weight: bold;
	color: #333333;
	float: left;
	width: 50%;
	padding-bottom: 5%;
	text-align: left;
	line-height:1em;
	padding-top: 50px;
}
.middle5-a a{
	font-family: Arial,sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #DE7C00;
	text-decoration: none;

}
.middle5-a a:hover{
	font-family: Arial,sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #0C3;
	text-decoration: none;
	
}
.middle5-b{
	width:100%;
	float:left;
}
.middle5-b-1{
	width: 100%;
	float: left;
	font-family: Arial,sans-serif;
	font-size: 12px;
	line-height: 1.6em;
	color: #333;
}
.middle5-b-2{
	width: 100%;
	float: left;
	font-family: Arial,sans-serif;
	font-size: 14px;
	line-height: 1.6em;
	color: #333;
	padding-bottom: 5%;
	font-weight: normal;
}
.middle5-b-2 a{
	font-family: Arial,sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #DE7C00;
	text-decoration: none;
	padding-top: 5%;
}
.middle5-b-2 a:hover{
	font-family: Arial,sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #4E5B31;
	text-decoration: none;
	padding-top: 5%;
}
.middle5-b-3{
	width: 45%;
	float: left;
	padding-left: 5%;
}
.middle5-b-3 img{
	width:70%;
}
.volunter{
	width: 90%;
	padding: 5%;
	background-image: url(../imges/5.jpg);
	background-position: center center;
	background-size: cover;
	float: left;
	background-repeat: no-repeat;
	min-height:300px;
}
.volunter-p{
	width: 90%;
	padding: 5%;
	background-image: url(../imges/service.jpg);
	background-position: center center;
	background-size: cover;
	float: left;
	background-repeat: no-repeat;
	min-height: 300px;
}
.volunter-q{
	width: 90%;
	padding: 5%;
	background-image: url(../imges/2.jpg);
	background-position: center center;
	background-size: cover;
	float: left;
	background-repeat: no-repeat;
	min-height: 300px;
}
.volunter-r{
	width: 90%;
	padding: 5%;
	background-image: url(../imges/bg.jpg);
	background-position: center center;
	background-size: cover;
	float: left;
	background-repeat: no-repeat;
	min-height: 300px;
}


.volunter-1{
	width: 40%;
	padding: 2%;
	background: rgb(0,0,0,0.6);
	margin-left: 35%;
	margin-top: 0px;
}
.volunter-1-form{
	width: 40%;
	padding: 2%;
	background: rgb(0,0,0,0.6);
	margin-left: 35%;
}
.volunter-z{
	width: 46%;
	padding: 2%;
	background: rgb(0,0,0,0.6);
	margin-left: 50%;
	margin-top:8%;
}
.volunter-x{
	width: 40%;
	padding: 2%;
	background: rgb(0,0,0,0.6);
	margin-right: 20%;
	margin-left:40%;
	margin-top:4%;
}

.volunter-20{
	width: 36%;
	padding: 4%;
	background: rgb(0,0,0,0.6);
	margin-left: 35%;
	background: #4E5B31;
	margin-left: 35%;
	padding-bottom: 2%;
	z-index: 0;
	padding-top: 2%;
	padding-right: 4%;
	padding-left: 4%;
}


.volunter-1-a{
	font-family: Arial,sans-serif;
	font-size: 25px;
	font-weight: normal;
	color: #FFF;
	padding-bottom: 20px;
}
.volunter-1-b{
	font-family: Arial,sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	line-height: 1.6em;
}
.volunter-1-b a{
	font-family: Arial,sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #DE7C00;
	line-height: 1.6em;
	text-decoration: none;
	
	
}
.volunter-2{
	width: 80%;
	float: left;
	padding-top:1%;
	padding-right: 10%;
	padding-left: 10%;
	padding-bottom:2%;
}
.volunter-2-1{
	width: 65%;
	float: left;
	padding-top: 3%;
	padding-left: 5%;
}
.volunter-2m{
	width:100%;
	float: left;
	padding-top:0px;
	padding-right:0px;
	padding-bottom:0px;
	padding-left:0px;
	z-index:0;
	margin-top:20px;
	padding-bottom:40px;
}
.volunter-2-1-23{
	width: 95%;
	float: left;
	padding-left: 5%;
	text-align: justify;
	margin-top:10px;
}
.volunter-2-a{
	font-family: Arial,sans-serif;
	font-size: 30px;
	font-weight: bold;
	 color: #4E5B31;
	text-align:left;
}
.volunter-2-b{
	font-family: Arial,sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #333333;
	line-height: 1.6em;
}
.volunter-2-b li{
	padding-bottom:10px;
}
.volunter-2-2{
	width: 27%;
	float: left;
	padding-top: 2%;
	padding-bottom: 2%;
	padding-left: 3%;
}
.volunter-2-2-a{
	font-family: Arial,sans-serif;
	font-size:60px;
	font-weight: bold;
	color: #4E5B31;
}
.volunter-2-2-b{
	font-family: Arial,sans-serif;
	font-size: 1rem;
	font-weight: normal;
	color: #DE7C00;
	font-weight: 300;
	padding-left: 10px;
}
.volunter-2-2-c{
	font-family: Arial,sans-serif;
	font-size: 26px;
	font-weight: normal;
	color: #4E5B31;
	padding-bottom: 10px;
	font-weight: 300;
}
.volunter-2-1-23 a{
	font-size: 14px;
	color: #DE7C00;
	text-decoration: none;
	font-weight: 400;
}
.volunter-2-1-23 a:hover{
font-size: 14px;
	color: #4E5B31;
	text-decoration: none;
	font-weight: 400;
}

.volunter-2  a{
	font-size: 14px;
	color: #DE7C00;
	text-decoration: none;
	font-weight: 400;
}
.volunter-2  a:hover{
	font-size: 14px;
	color: #4E5B31;
	text-decoration: none;
	font-weight: 400;
}
.volunter-con1 li{
	float:left;
	margin:0px;
	padding-left:15px;
}
.leadership{
	float: left;
	width: 98%;
	padding: 2%;
	background-color: #fafafa;
	border: 1px solid #D9D9D9;
	margin-bottom: 40px;
	margin-top: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
}
.leadership p{
	padding-left:20px;
	padding-top:0px; 
}
.leadershipa{
	border-bottom: 1px solid #D9D9D9;
	float: left;
	width: 48%;
	padding-bottom: 20px;
	padding-top: 20px;
	margin: 1%;		
}
.leadership img{
	width:100%;
}
.leadership-1{
	float: left;
	width: 25%;
}
.leadership-2{
	float: left;
	width: 70%;
	padding-left: 5%;
	min-height:80px;
}
.leadership-2 p{
	margin:0px;
	padding:0px;
	padding-bottom:0px;
}
.leadership-2 span{
	margin: 0px;
	padding: 0px;
	font-size: 14px;
	color: #666666;
	font-family: Arial,sans-serif;
	font-weight: normal;
	
}
.leadership-2  a{
	font-size: 14px;
	color: #DE7C00;
	text-decoration: none;
	font-weight: bold;
}
.leadership-2  a:hover{
	font-size: 14px;
	color: #4E5B31;
	text-decoration: none;
	font-weight: bold;
}
.leadership-3{
	float: left;
	width: 90%;
	padding: 5%;
	background-color: #fafafa;
	border: 1px solid #D9D9D9;
	margin-bottom: 40px;
}
.volunter-2-2 li{
	list-style-type:none;
	list-style:none;
	border-bottom: 2px solid #FFFFFF;
	}
.leadership-3-a{
	background-color: #DE7C00;
}
.leadership-3-b{
	background-color: #EDEDED;

}
.volunter-2-2 a{
		border-top: none;
	display: block;
	text-align: left;
	color: #333333;
	vertical-align: middle;
	transition: all .2s linear;
	font-family: Arial,sans-serif;
	text-transform: uppercase;
	font-size: 14px;
	padding-top: 15px;
	padding-right: 5px;
	padding-bottom: 15px;
	padding-left: 10px;
}
.volunter-2-2 a:hover{
	
	border-top: none;
	display: block;
	text-align: left;
	color: #DE7C00;
	vertical-align: middle;
	transition: all .2s linear;
	font-family: Arial,sans-serif;
	text-transform: uppercase;
	font-size: 14px;
	background-color: #FFF;
	padding-top: 15px;
	padding-right: 5px;
	padding-bottom: 15px;
	padding-left: 10px;
}
.leadership-3 active{
	color: #b06300;
	background-color: #fff;
	font-size: 16px;
}
.volunter-img{
	width: 22%;
	float: right;
	padding-right: 1.5%;
	padding-bottom: 1.5%;
	padding-left: 1.5%;
	margin-top: 30px;
}
.volunter-con{
	width: 75%;
	float: left;
	font-family: Arial,sans-serif;
	font-size: 14px;
	line-height: 1.8em;
	font-weight: normal;
	color: #333;
	text-decoration: none;
	text-align: left;
}
.volunter-con1{
	width: 100%;
	float: left;
	font-family: Arial,sans-serif;
	font-size: 14px;
	line-height: 1.6em;
	font-weight: normal;
	color: #333;
	text-decoration: none;
	text-align: left;
}
.inspiration{
	width:50%;
	margin:auto;
	margin-top:30px;
}
.inspiration1{
	width: 70%;
	margin: auto;
	margin-top: 30px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #DE7C00;
}
.inspiration-col{
	width: 38%;
	float: left;
	border: 1px solid #CCC;
	padding: 5%;
	height:180px;
}
.inspiration-cil-1{
	width: 100%;
	font-family: Arial,sans-serif;
	font-size: 22px;
	font-weight: bolder;
	line-height:1.2em;
	color: #333;
	padding-bottom: 10px;
}
.inspiration-cil-2{
	width: 100%;
	font-family: Arial,sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #333;
	padding-bottom: 10px;
	line-height: 1.6em;
}
.donor{
}
.donor ol{

	float:left;
}
.donor ol li{
	padding-left:20px;
	line-height:1.6em;
	margin-bottom:10px;
	
	
}

.footer{
	width: 80%;
	background-size: cover;
	float: left;
		background-color: #333333;
	padding-top: 3%;
	padding-right: 10%;
	padding-bottom: 5%;
	padding-left: 10%;
}

.footer img{
	width: 100%;
}

.foot{
	width: 100%;
	border-bottom: 1px solid #D9D9D9;
	float: left;
	padding-bottom: 3%;
	margin-bottom: 20px;
}
.footer-col{
	float: left;
}
.footer-col-ac{
	float: left;
	width:90%;
}
.footer-col-ac1{
	float: left;
	width:26%;
}

.footer-col-1{
	width:100%;
	padding:5%;
	float:left;
}
.footer-col-2 {
		width:90%;
	padding:5%;
	float:left;
	margin-top:20px;
	text-align:center;
}
.footer-col-2 a{
	border: 5px solid #FFF;
	border-radius: 20px 0px 20px 0px;
	color: #fff;
	margin: 5px;
	padding: 5px;
	font-size:40px;
}
.footer-col-3{
	width:90%;
	padding:1%;
	float:left;
}
footer-col-3-a{
	width:45%;
	padding:1.55;
	float:left;
	
}
.footer-col-3 img{
	border-radius:10px;
	height:50px;
	margin:1%;
	width:40%;
	float:left;
}
.footer-col-4{
	width: 90%;
	padding: 5%;
	font-family: Arial,sans-serif;
	font-size: 12px;
	color: #FFF;
	float:left;
	line-height:1.6em;
	text-align:center;

}
.footer-col-b{
	width: 21%;
	float: left;
	margin-left: 1%;
}
.footer-col-1 a{
	font-family: Arial,sans-serif;
	font-size: 14px;
	line-height: 1.6em;
	font-weight: 500;
	color: #FFF;
	text-decoration: none;
}
.footer-col-1 a:hover{
	font-family: Arial,sans-serif;
	font-size: 14px;
	line-height: 1.6em;
	font-weight: 500;
	color: #DE7C00;
	text-decoration: none;
}
.footer-col-b li{
	list-style: none;
	margin-bottom: 10px;
}
.footer-col-5 li{
	list-style: none;
	margin-bottom: 15px;
	padding-left: 5%;
}
.footer-col-5 a{
	font-family: Arial,sans-serif;
	font-size: 12px;
	line-height: 1em;
	font-weight: normal;
	color: #FFF;
	text-decoration: none;
}
.footer-col-5 a:hover{
	font-family: Arial,sans-serif;
	font-size: 12px;
	line-height: 1em;
	font-weight: normal;
	color: #DE7C00;
	text-decoration: none;
}
.foot1{
	width: 100%;
	float: left;
	text-align: center;
	padding-top: 1%;
	padding-bottom: 1%;
	font-family: Arial,sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFF;
	text-decoration: none;
	line-height: 1.6em;
}
.foot1 a{
	font-family: Arial,sans-serif;
	font-size: 12px;
	line-height: 1em;
	font-weight: normal;
	color: #FFF;
	text-decoration: none;
	padding-right: 10px;
	padding-left: 10px;
}
.foot1 a:hover{
	font-family: Arial,sans-serif;
	font-size: 12px;
	line-height: 1em;
	font-weight: normal;
	color: #DE7C00;
	text-decoration: none;
	padding-right: 10px;
	padding-left: 10px;
}
.float-left{
	float:left;
}
.float-right{
	float:right;
}
.popup {
	padding: 10px;
	background: #ebebeb;
	border-radius: 5px;
	width: 25%;
	position: relative;
	box-shadow: 1px 1px 10px 1px #999999;
	margin-left: 55%;
	margin-top: 40px;
	margin-right: auto;
	margin-bottom: 45px;
}
.popup1 {
	padding: 10px;
	background:  #ebebeb;
	border-radius: 5px;
	width: 25%;
	position: relative;
	box-shadow: 1px 1px 10px 1px #999999;
	margin-left:65%;
	margin-top: 40px;
	margin-right: auto;
	margin-bottom: 45px;
}

.video-gallery{
	width:45%;
	margin:1.5%;
	float:left;
	min-height:250px;
}
.video-gallery1{
	font-family: Arial,sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
	padding-bottom: 10px;
}
.video-gallery2{
	border:2px solid  #CCC;
}
.app{
	float:right;
	margin-right:100px;
}
.app a{
	padding: 10px;
	font-family: Arial,sans-serif;
	font-weight: bold;
	background: #F60;
	color: #FFF;
	font-size: 14px;
	text-decoration: blink;
}
.app a:hover{
	padding:14px;
	font-family:Arial,sans-serif;
	font-weight:bold;
	background:#CCC;
	color:#333333;
	font-size:14px;
}
.club{
	width: 100%;
	float: left;
}
.club img{
	width:30%;
	float:left;
}
.cf:before,
.cf:after {
  content: " ";
  display: table;
  

}

.cf:after {
  clear: both;
}

.cf {
  *zoom:0;



}


header {
	width: 100%;
	position: fixed;
	box-shadow: 0 5px 5px 0 rgb(6 6 6 / 10%);
background-color:#FFF;


	}

.small {

	background: #FFF;
	width: 100%;
	padding-right: 80%;
		z-index:9;
		height:80px;
		
		

}
.small img {
width:221px; min-height:100px; object-fit: contain;

}

.small .logo {
	margin-top:0px;
	width: 70%;
	
}
.small, .logo img{
	width:50%;

	
}

nav {
	width: 90%;
	padding-left:10%;
	
	
	
	
}

.logo {
	font-family: 'Lobster', cursive;
	font-size: 1em;
	font-weight: 400;
	float: left;
}



header, .logo{
	-webkit-transition: all 1s;
      transition: all 1s;
	  

		  
}
.contc{
	width: 93%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000;
	text-decoration: none;
	border: 1px solid #CCC;
	border-radius: 5px;
	float: left;
	margin-right: 1.5%;
	margin-left: 1.5%;
	padding-top: 1.5%;
	padding-right: 1%;
	padding-bottom: 1.5%;
	padding-left: 1%;
}

.cont{
	width: 92%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000;
	text-decoration: none;
	border: 1px solid #CCC;
	border-radius: 5px;
	float: left;
	padding-top: 3%;
	padding-right: 2%;
	padding-bottom: 3%;
	padding-left: 2%;
	margin-right: 1.5%;
	margin-left: 1.5%;
}
.conta{
	width: 92%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #333333;
	text-decoration: none;
	border: 1px solid #CCC;
	border-radius: 5px;
	margin: 1.5%;
	float: left;
	padding-top: 1%;
	padding-right: 3%;
	padding-bottom: 1%;
	padding-left: 3%;
}
.cont1{
	width: 96%;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #F60;
	border: 1px solid #CCC;
	border-radius: 5px;
	color: #FFF;
	padding-top: 2.5%;
	padding-right: 1.5%;
	padding-bottom: 2.5%;
	padding-left: 1.5%;
	margin-top: 5%;
	margin-right: 1.5%;
	margin-bottom: 1.5%;
	margin-left: 1.5%;
}
.cont1:hover{
	width: 96%;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #F60;
	border: 1px solid #000;
	border-radius: 5px;
	color: #000;
	padding-top: 2.5%;
	padding-right: 1.5%;
	padding-bottom: 2.5%;
	padding-left: 1.5%;
	margin-top: 5%;
	margin-right: 1.5%;
	margin-bottom: 1.5%;
	margin-left: 1.5%;

}
.form-group{
	width:48%;
	float:left;
	margin:1%;
}
.form-group1{
	width:48%;
	float:left;
	margin:1%;
}
.form-group p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFF;
	text-decoration: none;
	font-weight: normal;
}
.foot-col-l{
	width:30%;
	float:left;
}
.foot-col-r{
	width:70%;
	float:left;
}

.serch1 {
	width: 60%;
    background: rgba(255,255,255,0.2);
    background-clip: padding-box;
    text-align: center;
    margin-left: 50%;


}

.button {
  font-size: 1em;
   color: #fff;
   text-decoration: none;
  cursor: pointer;

}
.button:hover {
	color: #F60;
}

.overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  visibility: hidden;
  opacity: 0;
  
}
.overlay:target {
  visibility: visible;
  opacity: 1;
}


.popup .close {
  position: absolute;
  top: 0px;
  right: 8px;
  font-size: 20px;
    font-weight: bold;
    text-decoration: none;
    color:#aaa;
  
}
.popup .close:hover {
	color: #FF6600;
	top: 0px;
	right: 8px;
	font-size: 20px;
	font-weight: bold;
	text-decoration: none;	
}
.popup .content {
  max-height: 30%;
  overflow: auto;

}


.popup1 .close {
  position: absolute;
    top: 0px;
    right: 5px;
   font-size: 20px;
    font-weight: bold;
    text-decoration: none;
    color: #aaa;
	
  
}
.popup1 .close:hover {
	color: #FF6600;
	top: 0px;
	right: 5px;
	font-size: 20px;
	font-weight: bold;
	text-decoration: none;
}
.popup1 .content {
  max-height: 30%;
  overflow: auto;

}

.ourpartnerss{
	float: left;
	width: 95%;
	margin-bottom: 40px;
	margin-top: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	overflow: scroll;
	height: 500px;
	padding-top: 2%;
	padding-right: 2%;
	padding-bottom: 2%;
	margin-right: 2%;
}
.form-group p{
	padding-left: 10px;
	padding-top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: rgb(22, 22, 22);
	text-decoration: none;
	padding-bottom: 0px;
}

/* MOBILE HORIZONTAL MEDIA QUERY */

@media all and (max-width: 844px) {
	img{
	width:100%;
}
.container {
	position: relative;
}
.section{
	float:left;
	
	
}
.top-section{
	width: 100%;
	float: left;
	box-shadow: 1px 1px 10px 1px #999999;
	background-color:#FFF;
		z-index:99;
	
}

.topsection{
	width: 90%;
	float: left;
	padding-top: 1%;
	padding-right: 5%;
	padding-bottom: 1%;
	padding-left: 5%;
	
}
#logo-col{
	width: 90%;
	float: left;
	padding-left: 5%;
	padding-right: 5%;
	background-color: #FFF;
	padding-top: 1%;
	position: fixed;
	


}
#logo{
	width: 20%;
	float: left;
	text-align: center;
	margin-left: 10%;
	margin-right: 5%;

	}
	.top-stiff{
	width: 70%;
    float: left;
    padding-left: 50%;
    position: fixed;
    z-index: 10;
	
}
.serch1 {
	width: 60%;
	background: rgba(255,255,255,0.2);
	background-clip: padding-box;
	text-align: center;

}
.search {
	width: 26%;
	float: left;
	font-family: Arial,sans-serif;
	margin-top: 10px;
	margin-right: 1%;
	margin-bottom: 1%;
}
.search a{
	font-size: 14px;
	color: #4E5B31;
	text-decoration: none;
	font-weight: 400;
}
.search a:hover{
	font-size: 14px;
	color: #DE7C00;
	text-decoration: none;
	font-weight: 400;
}
.menubar{
	width: 100%;
	float: left;
	margin-left:0px;
	margin-top:110px;
	padding-left:0px;
	position: relative;
	z-index:9999;

}
.menu-line{
	 border-right: 1px solid #D9D9D9;
	  border-left: 1px solid #D9D9D9;
	  float:left;
}
.inspiration-col{
	width: 38%;
	float: left;
	border: 1px solid #CCC;
	padding: 5%;
	height:230px;
}
header {
	width: 100%;
	position: fixed;
	box-shadow: 0 5px 5px 0 rgb(6 6 6 / 10%);
background-color:#FFF;


	}

.small {

	background: #FFF;
	width: 100%;
	padding-right: 80%;
		z-index:9;
		height:80px;
		
		

}
.small img {
width:221px; min-height:100px; object-fit: contain;

}

.small .logo {
	margin-top:0px;
	width: 70%;
	
}
.small, .logo img{
	width:60%;

	
}

nav {
	width: 90%;
	padding-left:10%;
	
	
	
	
}

.logo {
	font-family: 'Lobster', cursive;
	font-size: 1em;
	font-weight: 400;
	float: left;
}



header, .logo{
	-webkit-transition: all 1s;
      transition: all 1s;
	  

		  
}
.video-gallery{
	width:45%;
	margin:1.5%;
	float:left;
	min-height:270px;
}
.footer-col-2 a{
	border: 5px solid #FFF;
	border-radius: 20px 0px 20px 0px;
	color: #fff;
	margin: 5px;
	padding: 5px;
	font-size:20px;
}
.middle5{
	width: 100%;
	float: left;
	margin-top: 0px;
	background-color: #EDEDED;
	margin-bottom: 0px;
}
.middle5-col{
	width: 39.6%;
	float: left;
	border: 1px;
	border-style: solid;
	border-color: #CCC;
	padding-top: 4%;
	padding-bottom: 0px;
	padding-left: 5%;
	min-height:300px;
}

.middle5-a{
	font-family: Arial,sans-serif;
	font-size: 30px;
	font-weight: bold;
	color: #333333;
	float: left;
	width: 50%;
	padding-bottom: 5%;
	text-align: left;
	line-height:1em;
	padding-top: 0px;
}
.middle5-a a{
	font-family: Arial,sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #DE7C00;
	text-decoration: none;

}
.middle5-a a:hover{
	font-family: Arial,sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #0C3;
	text-decoration: none;
	
}
.middle5-b{
	width:100%;
	float:left;
}
.middle5-b-1{
	width:100%;
	float: left;
	font-family: Arial,sans-serif;
	font-size: 12px;
	line-height: 1.6em;
	color: #333;
}
.middle5-b-2{
	width: 100%;
	float: left;
	font-family: Arial,sans-serif;
	font-size: 14px;
	line-height: 1.6em;
	color: #333;
	padding-bottom: 5%;
}
.middle5-b-2 a{
	font-family: Arial,sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #DE7C00;
	text-decoration: none;
	padding-top: 5%;
}
.middle5-b-2 a:hover{
	font-family: Arial,sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #4E5B31;
	text-decoration: none;
	padding-top: 5%;
}
.middle5-b-3{
	width: 45%;
	float: left;
	padding-left: 5%;
}
.middle5-b-3 img{
	width:70%;
}
.volunter{
	width: 90%;
	padding: 5%;
	background-image: url(../imges/5.jpg);
	background-position: center center;
	background-size:contain;
	float: left;
	background-repeat: no-repeat;
	min-height: 0px;
}
.volunter-p{
	width: 90%;
	padding: 5%;
	background-image: url(../imges/service.jpg);
	background-position: center center;
	background-size:contain;
	float: left;
	background-repeat: no-repeat;
	min-height: 0px;
}
.volunter-q{
	width: 90%;
	padding: 5%;
	background-image: url(../imges/2.jpg);
	background-position: center center;
	background-size:contain;
	float: left;
	background-repeat: no-repeat;
	min-height: 0px;
}
.volunter-r{
	width: 90%;
	padding: 5%;
	background-image: url(../imges/bg.jpg);
	background-position: center center;
	background-size:contain;
	float: left;
	background-repeat: no-repeat;
	min-height: 0px;
}
.volunter-1{
	width:70%;
	padding: 2%;
	background: rgb(0,0,0,0.6);
	margin-left: 20%;
	margin-top: 5%;
}
.volunter-1-form{
	width: 40%;
	padding: 2%;
	background: rgb(0,0,0,0.6);
	margin-left: 35%;
}
.volunter-z{
	width: 46%;
	padding: 2%;
	background: rgb(0,0,0,0.6);
	margin-left: 50%;
	margin-top:8%;
}
.volunter-x{
	width: 40%;
	padding: 2%;
	background: rgb(0,0,0,0.6);
	margin-right: 20%;
	margin-left:40%;
	margin-top:4%;
}

.volunter-20{
	width: 36%;
	padding: 4%;
	background: rgb(0,0,0,0.6);
	margin-left: 35%;
	background: #4E5B31;
	margin-left: 35%;
	padding-bottom: 2%;
	z-index: 0;
	padding-top: 2%;
	padding-right: 4%;
	padding-left: 4%;
}

.volunter-1-a{
	font-family: Arial,sans-serif;
	font-size: 20px;
	font-weight: normal;
	color: #FFF;
	padding-bottom: 20px;
}
.volunter-1-b{
	font-family: Arial,sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	line-height: 1.6em;
}
.volunter-1-b a{
	font-family: Arial,sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #DE7C00;
	line-height: 1.6em;
	text-decoration: none;
	
	
}
	
}

/* MOBILE VERTICAL MEDIA QUERY */

@media only screen and (max-width: 460px) {
	
	#logo-col{
	width: 80%;
	float: left;
	background-color: #FFF;
	padding-top: 1%;
	padding-bottom: 1%;
	margin-right:10%;
}
#logo{
	width:100%;
	float: left;
	text-align: center;
	margin-left: 0px;
	margin-right:0px;
	}
#menubar{
	width: 100%;
	float: left;
	position: fixed;	
	
}
.menu-line{
	 border-right: 1px solid #D9D9D9;
	  border-left: 1px solid #D9D9D9;
	  float:left;
}
.container {
	position: relative;
	margin-top: 0px;
}
.section{
	float:left;
}

#logo-col{
	width: 90%;
	float: left;
	padding-left: 5%;
	padding-right: 5%;
	background-color: #FFF;
	padding-top: 1%;
	padding-bottom: 1%;
}
#logo{
	width: 20%;
	float: left;
	text-align: center;
	margin-left: 10%;
	margin-right: 5%;
	}
.menubar{
	width: 100%;
	float: left;
	margin-left:0px;
	margin-top:110px;
	padding-left:0px;
	position:fixed;
}
.middle{
	width: 80%;
	padding-top: 1%;
	padding-right: 10%;
	padding-bottom: 5%;
	padding-left: 10%;
}
.middle-col{
	width: 90%;
	margin-left: 5%;
}
.middle-col h1{
	font-size: 20px;
	font-weight: bold;
	color: #DE7C00;
	margin-bottom: 5px;
	text-transform: uppercase;
	font-family: Arial,sans-serif;
}
.middle-col-1{
	width: 80%;
	padding: px;
	margin-left: 10%;
	visibility:hidden;
		display:none;
}
.middle-col-1 a{
	font-family: Arial,sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	background-color: #C30;
	padding: 5%;
}
.middle-col-1 a:hover{
	font-family: Arial,sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	background-color: #4E5B31;
	padding: 5%;
}
.middle-col-2{
	font-family: Arial,sans-serif;
	font-size: 14px;
	color: #333;
	padding-right: 5%;
	padding-bottom: 2%;
	padding-left: 5%;
}
.middle2{
	width: 80%;
	background-color: #ECECEC;
	float: left;
	padding-top: 5%;
	padding-right: 10%;
	padding-bottom: 5%;
	padding-left: 10%;
	margin-top: 10px;
}
.middle2-col{
	width: 100%;
	float: left;
}
.middle2-col-1{
	width: 90%;
	float: left;
	padding-right: 5%;
	padding-left: 5%;

}
.middle2-col-1 h1{
	font-size: 30px;
	font-weight: bold;
	color: #333333;
	margin-bottom: 5px;
	font-family: Arial,sans-serif;
}

.middle2-col-1 p{
	font-size: 14px;
	color: #333333;
	margin-bottom: 5px;
	text-transform: none;
	font-family: Arial,sans-serif;
	line-height: 1.6em;
	padding-top: 2%;
	padding-bottom: 2%;
}
.middle2-col-1 a{
	font-family: Arial,sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #DE7C00;
	text-decoration: none;
}
.middle2-col-1 a:hover{
	font-family: Arial,sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #000;
	text-decoration: none;
}

.middle3{
	width: 90%;
	padding: 5%;
	background-image: url(../imges/bg.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	float: left;
	margin-top: 10px;
}
.middle3-col{
	padding: 5%;
	width: 90%;
	background: rgb(0,0,0,0.6);
	margin-left: 5%;
}

.middle3-col h1{
	font-size: 20px;
	font-weight: bold;
	color: #FFFFFF;
	margin-bottom: 5px;
	font-family: Arial,sans-serif;
}

.middle3-col p{
	font-size: 14px;
	color: #FFFFFF;
	margin-bottom: 5px;
	text-transform: none;
	font-family: Arial,sans-serif;
	line-height: 1.6em;
	padding-top: 2%;
	padding-bottom: 2%;
}
.middle3-col a{
	font-family: Arial,sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #DE7C00;
	text-decoration: none;
}
.middle3-col a:hover{
	font-family: Arial,sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #FFF;
	text-decoration: none;
}
.middle4{
	width: 90%;
	padding: 5%;
	background-image: url(../imges/oranges_foodbank.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	float: left;
	margin-top: 10px;
}
.middle4-col{
	width:100%;
		float: left;
}

.middle4-col-1{
	font-size: 30px;
	font-weight: bold;
	color: #FFFFFF;
	margin-bottom: 5px;
	font-family: Arial,sans-serif;
	text-align:center;
}
.middle4-col-2{
	width:90%;
	padding:5%;
}
.middle4-a{
	width: 96%;
	background-color: #fff;
	padding: 1.5%;
	text-align: center;
	float: left;
	margin: 1.5%;
}
.middle4-a-img{
	padding:5%;
}
..middle4-a img{
	width:100%;
	}

.middle4-a-hed{
	padding: 5%;
	font-family: Arial,sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: bold;
	color: #4E5B31;
	text-decoration: none;
}
.middle4-a-run{
	padding: 5%;
	font-family: Arial,sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	color: #4E5B31;
	text-decoration: none;
}
.middle4-a-lin{
	padding:5%;
}
.middle4-a-lin a{
	font-family: Arial,sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #DE7C00;
	text-decoration: none;
	padding: 5%;
}
.middle4-a-lin a:hover{
	font-family: Arial,sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #0C3;
	text-decoration: none;
	padding: 5%;
}
.middle5{
	width: 100%;
	float: left;
	margin-top: 30px;
	background-color: #EDEDED;
	margin-bottom:0px;
}
.middle5-col{
	width: 90%;
	float: left;
	border: 1px;
	border-style: solid;
	border-color: #CCC;
	padding-top: 5%;
	padding-bottom: 5%;
	padding-left: 5%;
	border-right:none;
}

.middle5-a{
	font-family: Arial,sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #333333;
	float: left;
	width: 100%;
	padding-bottom:2%;
	text-align:left;
	padding-bottom: 20px;
}
.middle5-a a{
	font-family: Arial,sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #DE7C00;
	text-decoration: none;

}
.middle5-a a:hover{
	font-family: Arial,sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #0C3;
	text-decoration: none;
	
}
.middle5-b{
	width:100%;
	float:left;
}
.middle5-b-1{
	width: 100%;
	float: left;
	font-family: Arial,sans-serif;
	font-size: 12px;
	line-height: 1.6em;
	color: #333;
}
.middle5-b-2{
	width: 100%;
	float: left;
	font-family: Arial,sans-serif;
	font-size: 14px;
	line-height: 1.6em;
	color: #333;
	padding-bottom: 5%;
	font-weight: normal;
}
.middle5-b-2 a{
	font-family: Arial,sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #DE7C00;
	text-decoration: none;
	padding:0px;
}
.middle5-b-2 a:hover{
	font-family: Arial,sans-serif;
	font-size: 14px;
	font-weight: normal;
	color:#4E5B31;
	text-decoration: none;
	padding:0px;
}
.middle5-b-3{
width: 90%;
    float: left;
    padding-left: 5%;
    text-align: center;
}
.middle5-b-3 img{
	width:70%;
}
.club{
	width:100%;
	float:left;
}
.club img{
	width:100%;
	margin:1.5%;
}
.volunter{
	width:90%;
	padding:5%;
	background-image:url(../imges/5.jpg);
	background-position:center center;
	background-size: cover;
	float:left;
	background-repeat:no-repeat;
}
.volunter-z{
	width: 90%;
	padding: 5%;
	background-color: #333333;
	margin-left:0px;
	margin-top:140px;
	position: absolute;
	font-size: 30px;
    line-height: 34px;
    margin-bottom: 20px;
	margin-right:0px;
	z-index:-9;
	min-height:170px;
}
.volunter-x{
	width:90%;
	padding:5%;
	background:#333333;
	margin-right:0px;
	margin-left:0px;
	margin-top:0px;
	margin-top:140px;
	position:absolute;
	z-index:-99;
	min-height:150px;
	
}


{
	width: 80%;
	padding: 4%;
	background: rgb(0,0,0,0.6);
	margin-left: 10%;
}
.volunter-1-a{
	font-family: Arial,sans-serif;
	font-size: 15px;
	font-weight: normal;
	color: #FFF;
	padding-bottom: 20px;
}
.volunter-1-b{
	font-family: Arial,sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	line-height: 1.6em;
}
.volunter-2{
	width: 80%;
	float: left;
	padding-top: 5%;
	padding-right: 10%;
	padding-bottom: 5%;
	padding-left: 10%;
	z-index:0;
}
.volunter-2-1{
	width: 90%;
	float: left;
	padding-top: 2%;
	padding-bottom: 2%;
	padding-left: 5%;
	
}
.volunter-2-a{
	font-family: Arial,sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #333;
	padding-bottom: 20px;
}
.volunter-2-b{
	font-family: Arial,sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #333333;
	line-height: 1.6em;
}
.volunter-2-b li{
	padding-bottom:10px;
}
.volunter-2-2{
	width: 90%;
	float: left;
	padding-top: 2%;
	padding-right: 0px;
	padding-bottom: 2%;
	padding-left: 0px;
	text-align: center;
}
.volunter-2-2-a{
	font-family: Arial,sans-serif;
	font-size: 100px;
	font-weight: bold;
	color: #4E5B31;
	padding-bottom:0px;
}
.volunter-2-2-b{
	font-family: Arial,sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #DE7C00;
	padding-bottom:10px;
}
.volunter-2-2-c{
	font-family: Arial,sans-serif;
	font-size: 26px;
	font-weight: normal;
	color: #4E5B31;
	padding-bottom: 20px;
}



.footer{
	width: 80%;
	background-size: cover;
	float: left;
	background-color: #333333;
	padding-top: 5%;
	padding-right: 10%;
	padding-bottom: 5%;
	padding-left: 10%;
}
.footer img{
	width: 100%;
}

.footer-col-ac{
	float: left;
	width:100%;
}
.footer-col-ac1{
	float: left;
	width:100%;
}
.foot{
	width:100%;
	border-bottom:1px solid #D9D9D9;
	float:left;
}
.footer-col{
	width: 100%;
	float: left;
}
.footer-col-1{
	width: 90%;
	float: left;
	padding-top: 1%;
	padding-right: 1%;
	padding-bottom: 1%;
	margin-bottom: 20px;
}
.footer-col-2 {
		width:90%;
	padding:5%;
	float:left;
}
.footer-col-2 a{
	border: 5px solid #FFF;
	border-radius: 20px 0px 20px 0px;
	color: #fff;
	margin: 5px;
	padding: 5px;
	font-size:20px;
}
.footer-col-3{
	width:90%;
	padding:5%;
	float:left;
}
footer-col-3-a{
	width: 96%;
	padding: 1.55;
	float: left;	
}
.footer-col-3 img{
	border-radius:10px;
	height:50px;
	margin:1%;
	width:40%;
	float:left;
}
.footer-col-4{
	width: 90%;
	padding: 5%;
	font-family: Arial,sans-serif;
	font-size: 14px;
	color: #FFF;
	float:left;
}
.footer-col-b{
	width: 98%;
	float: left;
	margin-left: 2%;
}
.footer-col-1 a{
	font-family: Arial,sans-serif;
	font-size:14px;
	line-height: 1.6em;
	font-weight: 500;
	color: #FFF;
	text-decoration: none;
}
.footer-col-1 a:hover{
	font-family: Arial,sans-serif;
	font-size: 14px;
	line-height: 1.6em;
	font-weight: 500;
	color: #DE7C00;
	text-decoration: none;
}
.footer-col-b li{
	list-style:none;
	margin-bottom:5px;
}
.footer-col-5{
	display:none;
}
.footer-col-5 li{
		list-style:none;
		margin-bottom:5px;
		visibility:hidden;
		margin:0px;
		padding:0px;
}
.footer-col-5 a{
	font-family: Arial,sans-serif;
	font-size: 12px;
	line-height: 1em;
	font-weight: normal;
	color: #FFF;
	text-decoration: none;
}
.footer-col-5 a:hover{
	font-family: Arial,sans-serif;
	font-size: 12px;
	line-height: 1em;
	font-weight: normal;
	color: #DE7C00;
	text-decoration: none;
}
.foot1{
	width: 100%;
	float: left;
	text-align: center;
	padding-top: 5%;
	padding-bottom: 5%;
	font-family: Arial,sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFF;
	text-decoration: none;
}
.foot1 a{
	font-family: Arial,sans-serif;
	font-size: 12px;
	line-height: 1em;
	font-weight: normal;
	color: #FFF;
	text-decoration: none;
	padding-right: 10px;
	padding-left: 10px;
}
.foot1 a:hover{
	font-family: Arial,sans-serif;
	font-size: 12px;
	line-height: 1em;
	font-weight: normal;
	color: #DE7C00;
	text-decoration: none;
	padding-right: 10px;
	padding-left: 10px;
}
.float-left{
	float:left;
	
}
.float-right{
	float:right;
}
.top-stiff{
	width:90%;
    float: left;
	padding-left:40%;

}

.popup {
	padding: 10px;
	background:  #ebebeb;
	border-radius: 5px;
	width: 80%;
	position: relative;
	box-shadow: 1px 1px 10px 1px #999999;
	margin-left: 5%;
	margin-top: 50px;
	margin-right: auto;
	margin-bottom: 45px;
}
.popup1 {
	padding: 10px;
	background:  #ebebeb;
	border-radius: 5px;
	width: 80%;
	position: relative;
		box-shadow: 1px 1px 10px 1px #999999;
	margin-left: 5%;
	margin-top: 50px;
	margin-right: auto;
	margin-bottom: 45px;
}
.search {

	float: left;
	font-family: Arial,sans-serif;
	margin-top: 10px;
	margin-right: 1%;
	margin-bottom: 1%;
}
.search a{
		font-size: 14px;
	color: #4E5B31;
	text-decoration: none;
	font-weight: 400;
}
.search a:hover{
	font-size: 14px;
	color: #DE7C00;
	text-decoration: none;
	font-weight: 400;
}
.leadership{
	float: left;
	width: 90%;
	padding: 5%;
	background-color: #fafafa;
	border: 1px solid #D9D9D9;
	margin-bottom: 40px;
}
.leadershipa{
	  border-bottom: 1px solid #D9D9D9;
	  	float: left;
		width:100%;
		padding-bottom:20px;
		padding-top:20px;
		
}
.leadership img{
	width:100%;
}
.leadership-1{
	float: left;
	width:100%;
}
.leadership-2{
	float: left;
	width: 77%;
	padding-left: 5%;
}
.leadership-2 p{
	margin:0px;
	padding:0px;
	padding-top:10px;
}
.leadership-2 span{
	margin: 0px;
	padding: 0px;
	font-size: 14px;
	color: #666666;
	font-family: Arial,sans-serif;
	font-weight: normal;
	
}
.leadership-2  a{
	font-size: 16px;
	color: #DE7C00;
	text-decoration: none;
	font-weight: bold;
}
.leadership-2  a:hover{
	font-size: 16px;
	color: #4E5B31;
	text-decoration: none;
	font-weight: bold;
}
.volunter-2-2 li a{
	font-size:12px;
	color: #000000;
	text-decoration: none;
	font-weight:500;
	padding-right:15px 20px;
	
}
.volunter-2-2 li a:hover{
	font-size: 12px;
	color: #b06300;
	text-decoration: none;
	font-weight: normal;
}
.leadership-3{
	float: left;
	width: 90%;
	padding: 5%;
	background-color: #fafafa;
	border: 1px solid #D9D9D9;
	margin-bottom: 40px;
}
.volunter-2-2 li{
	list-style-type:none;
	list-style:none;
	padding:5px;
	margin:0px;
	border:none;
	border-bottom: 2px solid #FFFFFF;
	}
.leadership-3-a{
	background-color: #DE7C00;

}
.leadership-3-b{
	background-color: #EDEDED;

}
.volunter-2-2 a{
	
	border-top: none;
	display: block;
		text-align: left;
	color: #333333;
	vertical-align: middle;
	padding: 15px 5px 15px 26px;
	transition: all .2s linear;
	font-family: Arial,sans-serif;
	text-transform: uppercase;
	font-size: 14px;
}
.volunter-2-2 a:hover{
	border-top: none;
	display: block;
	width: 100%;
	text-align: left;
	color: #DE7C00;
	vertical-align: middle;
	padding: 15px 5px 15px 26px;
	transition: all .2s linear;
	font-family: Arial,sans-serif;
	text-transform: uppercase;
	font-size: 14px;
	background-color: #FFF;
}
.leadership-3 active{
	color: #b06300;
	background-color: #fff;
	font-size: 16px;
}
.volunter{
	width:100%;
	background-image: url(../imges/5.jpg);
	background-position: center center;
	background-size: contain;
	float: left;
	background-repeat: no-repeat;
	margin-left: 0px;
	padding-top: 0px;
	padding:0px;
	margin:0px;
	min-height:150px;
	margin-top:140px;
}
.volunter-20{
	width:92%;
	padding: 4%;
	background: rgb(0,0,0,0.6);
	margin-left:0px;
	background: #4E5B31;
    padding-bottom: 5%;
	margin-top: 199px;
}

.volunter-1{
	width:90%;
	padding:5%;
	margin:0px;
	background: #333333;
	margin-top:140px;
	position:absolute;
	z-index:0;
	min-height:180px;

}
.volunter-1-form{
	width:90%;
	padding:5%;
	margin:0px;
	background: #333333;
	margin-top:0px;
	position:absolute;
	z-index:0;
	min-height:150px;
	margin-top:10px;

}
.volunter-1-a{
	font-family: Arial,sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #FFF;
	padding-bottom: 20px;
}
.volunter-1-b{
	font-family: Arial,sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	line-height: 1.6em;
}
.volunter-1-b a{
	font-family: Arial,sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #de7c00;
	line-height: 1.6em;
	text-decoration: none;
	padding-left: 0px;
	
}
.volunter-2-1-23{
	width: 95%;
	float: left;
	padding-left: 5%;
	text-align: justify;
	margin-top:110px;
	z-index: -99;
}
.volunter-2-1-23-1{
	width: 95%;
	float: left;
	padding-left: 5%;
	text-align: justify;
	margin-top:0px;
}

.volunter-2{
	width:100%;
	float: left;
	padding-top:0px;
	padding-right:0px;
	padding-bottom:0px;
	padding-left:0px;
	z-index:0;
	margin-top:160px;
}
.volunter-2m{
	width:100%;
	float: left;
	padding-top:0px;
	padding-right:0px;
	padding-bottom:0px;
	padding-left:0px;
	z-index:0;
	margin-top:20px;
}
.volunter-2-1{
	width: 90%;
	float: left;
	padding-top: 2%;
	padding-bottom: 2%;
	padding-left: 5%;
}
.volunter-2-a{
	font-family: Arial,sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #4E5B31;
	padding-bottom:0px;
}
.volunter-2-b{
	font-family: Arial,sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #333333;
	line-height: 1.6em;
	margin-top:0px;
}
.volunter-2-b li{
	padding-bottom:10px;
}
.volunter-2-2{
	width:100%;
	float: left;
	padding-top: 0px;
	padding-bottom:0px;
	padding-left: 0px;


}
.volunter-2-2-a{
	font-family: Arial,sans-serif;
	font-size: 100px;
	font-weight: bold;
	color: #4E5B31;
}
.volunter-2-2-b{
	font-family: Arial,sans-serif;
	font-size: 1rem;
	font-weight: normal;
	color: #DE7C00;
	font-weight: 300;
	padding-left: 10px;
}
.volunter-2-2-c{
	font-family: Arial,sans-serif;
	font-size: 2rem;
	font-weight: normal;
	color: #4E5B31;
	padding-bottom: 10px;
	font-weight: 300;
	
}

.volunter-2  a{
	font-size: 14px;
	color: #DE7C00;
	text-decoration: none;
	font-weight:400px;
}
.volunter-2  a:hover{
	font-size: 14px;
	color:#000;
	text-decoration: none;
	font-weight: 400;
}
.volunter-img{
	width: 95%;
	float:right;
	padding-right: 1.5%;
	padding-bottom: 1.5%;
	padding-left: 1.5%;
}
.volunter-con{
	width: 100%;
	float: left;
	font-family: Arial,sans-serif;
	font-size: 14px;
	line-height: 1.8em;
	font-weight: normal;
	color: #333;
	text-decoration: none;
	text-align: left;
}
.volunter-p{
	width:100%;
	padding: 0px;
	background-image: url(../imges/service.jpg);
	background-position: center center;
	background-size: contain;
	float: left;
	background-repeat: no-repeat;
	min-height:130px;
	margin-top:150px;
}
.volunter-q{
	width: 100%;
	padding:0px;
	background-image: url(../imges/2.jpg);
	background-position: center center;
	background-size: contain;
	float: left;
	background-repeat: no-repeat;
	min-height: 130px;
	margin-top:150px;
}
.volunter-r{
	width:100%;
	background-image: url(../imges/bg.jpg);
	background-position: center center;
	background-size: contain;
	float: left;
	background-repeat: no-repeat;
	min-height: 130px;
	margin-top:150px;
	margin-left:0px;
	padding:0px
}

.volunter-con1{
	width: 100%;
	float: right;
	font-family: Arial,sans-serif;
	font-size: 14px;
	line-height: 1.6em;
	font-weight: normal;
	color: #666;
	text-decoration: none;
	text-align: left;
}
.inspiration{
	width:50%;
	margin:auto;
	margin-top:30px;
}
.inspiration1{
	width: 70%;
	margin: auto;
	margin-top: 30px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #DE7C00;
}
.inspiration-col{
	width: 80%;
    float: left;
    border:none;
    padding: 5%;
    margin-bottom: 0px;
    height:auto;
}
.inspiration-cil-1{
	width: 100%;
	font-family: Arial,sans-serif;
	font-size: 22px;
	font-weight: bolder;
		line-height:1.2em;
	color: #333;
	padding-bottom: 10px;
}
.inspiration-cil-2{
	width: 100%;
	font-family: Arial,sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #333;
	padding-bottom: 10px;
	line-height: 1.6em;
}
.cf:before,
.cf:after {
  content: " ";
  display: table;

}

.cf:after {
  clear: both;
}

.cf {
  *zoom:0;


}


header {
	width: 100%;
	position: fixed;
	padding-bottom:0px;
	z-index: 9;

	}

.small {
	height:110px;
	margin-top: 0px;
	background: #FFF;
	width: 100%;
	padding-right: 80%;
	box-shadow:none;
}
.small img {
width:20%;
padding-bottom:10px;
}

.small .logo {
	margin-top:0px;
	width: 100%;
	
}
.small, .logo img{
	width:80%;
}

nav {
	width: 90%;
	padding-left:10%;
	
	
}

.logo {
	font-family: 'Lobster', cursive;
	font-size: 1em;
	font-weight: 400;
	float: left;
	padding: 5px;
}



header, .logo{
	-webkit-transition: all 1s;
          transition: all 1s;
		  
}

.cont{
	width: 92%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #333333;
	text-decoration: none;
	border: 1px solid #CCC;
	border-radius: 5px;
	float: left;
	margin-right: 1.5%;
	margin-left: 1.5%;
	padding: 2%;
}
.contc{
	width: 93%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000;
	text-decoration: none;
	border: 1px solid #CCC;
	border-radius: 5px;
	float: left;
	margin-right: 1.5%;
	margin-left: 1.5%;
	padding-top: 1.5%;
	padding-right: 1%;
	padding-bottom: 1.5%;
	padding-left: 1%;
}

.conta{
	width:92%;
	padding: 2%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #333333;
	text-decoration: none;
	border: 1px solid #CCC;
	border-radius: 5px;
	margin: 1.5%;
	float:left;
}
.cont1{
	width: 94%;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #F60;
	border: 1px solid #CCC;
	border-radius: 5px;
	color: #FFF;
	padding-top: 2.5%;
	padding-right: 1.5%;
	padding-bottom: 2.5%;
	padding-left: 1.5%;
	margin-top: 5%;
	margin-right: 1.5%;
	margin-bottom: 1.5%;
	margin-left: 1.5%;
}
.cont1:hover{
	width: 94%;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #F60;
	border: 1px solid #000;
	border-radius: 5px;
	color: #000;
	padding-top: 2.5%;
	padding-right: 1.5%;
	padding-bottom: 2.5%;
	padding-left: 1.5%;
	margin-top: 5%;
	margin-right: 1.5%;
	margin-bottom: 1.5%;
	margin-left: 1.5%;

}
.form-group{
	width:98%;
	float:left;
	margin:1%;
}
.form-group1{
	width:98%;
	float:left;
	margin:1%;
}
.form-group p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFF;
	text-decoration: none;
	font-weight: normal;
}
.foot-col-l{
	width:52%;
	float:left;
}
.foot-col-r{
	width:48%;
	float:left;
	text-align:right;
}
 
 .serch1 {
	width: 60%;
    background: rgba(255,255,255,0.2);
    background-clip: padding-box;
    text-align: center;
    margin-left: 50%;


}

 
 .serch1 {
	 width: 80%;
	background: rgba(255,255,255,0.2);
    background-clip: padding-box;
    text-align: center;
    margin-left: 40%;
}
.ourpartnerss{
	float: left;
	width: 98%;
	margin-bottom: 40px;
	margin-top: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	overflow: scroll;
	height: 500px;
	padding-top: 2%;
	padding-right: 2%;
	padding-bottom: 2%;
		margin-right: 2%;
}
.form-group p{
	padding-left: 10px;
	padding-top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: rgb(22, 22, 22);
	text-decoration: none;
	padding-bottom: 0px;
}
.app a{
	padding: 10px;
	font-family: Arial,sans-serif;
	font-weight: bold;
	background: #F60;
	color: #FFF;
	font-size: 14px;
	text-decoration: blink;
}
.app a:hover{
	padding:14px;
	font-family:Arial,sans-serif;
	font-weight:bold;
	background:#CCC;
	color:#333333;
	font-size:14px;
}
.video-gallery{
	width:97%;
	margin:1.5%;
	float:left;
	min-height:250px;
	margin-top:20px;
}
.video-gallery1{
	font-family: Arial,sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
	padding-bottom: 10px;
	border-top:15px;
}
.video-gallery2{
	border:2px solid  #CCC;
}


}


.button {
  font-size: 1em;
   color: #fff;
   text-decoration: none;
  cursor: pointer;

}
.button:hover {
	color: #F60;
}

.overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  visibility: hidden;
  opacity: 0;
  
}
.overlay:target {
  visibility: visible;
  opacity: 1;
}


.popup .close {
  position: absolute;
  top: 0px;
  right: 8px;
  font-size: 20px;
    font-weight: bold;
    text-decoration: none;
    color:#aaa;
  
}
.popup .close:hover {
	color: #FF6600;
	top: 0px;
	right: 8px;
	font-size: 20px;
	font-weight: bold;
	text-decoration: none;	
}
.popup .content {
  max-height: 30%;
  overflow: auto;

}


.popup1 .close {
  position: absolute;
    top: 0px;
    right: 5px;
   font-size: 20px;
    font-weight: bold;
    text-decoration: none;
    color: #aaa;
	
  
}
.popup1 .close:hover {
	color: #FF6600;
	top: 0px;
	right: 5px;
	font-size: 20px;
	font-weight: bold;
	text-decoration: none;
}
.popup1 .content {
  max-height: 30%;
  overflow: auto;

}
.active1{
	background-color:#FFF;
	color:#F60;
}



.ser{
	width: 70%;
	border: 1px solid #FFF;
	background-image: url(../imges/search.jpg);
	background-repeat: no-repeat;
	background-position: left;
	padding-top: 2%;
	padding-right: 2%;
	padding-bottom: 2%;
	padding-left: 9%;
}
.sera{
	width: 55%;
	border: 1px solid #FFF;
	background-image: url(../imges/emailicon.jpg);
	background-repeat: no-repeat;
	background-position: left;
	padding-top: 2%;
	padding-right: 2%;
	padding-bottom: 2%;
	padding-left: 7%;
}

.ser1{
	width: 28%;
	padding: 2%;
	border: 1px solid #CCC;
	font-size: 12px;
	color: #FFF;
	background-color: #4E5B31;
}

.ser2{
	width: 10%;
	padding: 2%;
	background-color:#4E5B31;
		color: #FFF;

}
.arrow_box:before {
    border-color: rgba(153,153,153,0);
    border-bottom-color: #999999;
    border-width: 13px;
    margin-left: -13px;
}
.arrow_box:before {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.arrow_box:after {
    border-color: rgba(235,235,235,0);
    border-bottom-color: #ebebeb;
    border-width: 12px;
    margin-left: -12px;
}
.arrow_box:after, .arrow_box:before {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}