/*-- HELPERS --*/

.hidden{display:none;visibility:hidden;opacity:0;}
.mobile-nav-icon {
	position: relative;
	height:32px;
	color:#FFFFFF;
}
.mobile-nav-icon:before {
	content: "";
	position: absolute;
	top: 0;
	left: 6px;
	width: 32px;
	height: 6px;
	border-top: 16px double #999A9A;
	border-bottom: 5px solid #999A9A;
}

/*-- MOBILE NAV --*/

.mobile-nav-toggle{display:none;height:32px;cursor:pointer;color:#FFFFFF;}

/*-- GENERAL --*/
body {
    font-family: 'Open sans', sans-serif;
    font-size: 13px;
}
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
.clear {clear: both;}

.up-menu {
    background: none repeat scroll 0 0 #015147;
}
.top-header {
    background: none repeat scroll 0 0 #0D9648;
    width: 100%;
}

.topmenus {
    float: right;
}
header {
    clear: both;
    display: table;
    margin: 0 auto;
	  max-width: 1300px;
    position: relative;
    width: 100%;
}
.logo {
    float: left;
    padding-top: 7px;
	padding-right: 2%;
}
.logo  a {
    color: #FFFFFF;
    font-size: 19px;
    font-weight: bold;
    text-decoration: none;
}

.home-wrapper {
    margin: 0 auto;
    max-width: 1165px;
    padding: 15px 0;
}
.home-carosol {
    margin: 0 auto;
    max-width: 888px;
}
.flexslider .slides img {
    border: 1px solid #E1E1E1;
}

.caro {
   background: url(images/home_page_bg.png) repeat;
    padding-bottom: 30px;
}
.social-fb { width: 10px;height: 17px; background: url(images/facebook.png) no-repeat; display: block;  }
.social-twitter { width: 22px;height: 17px; background: url(images/twitter.png) no-repeat; display: block; }
.social-s1 { width: 15px;height: 17px; background: url(images/pin.png) no-repeat; display: block;  }
.social-s2 { width: 17px;height: 17px; background: url(images/ins.png) no-repeat; display: block;  }
.social-youtube { width: 24px;height: 18px; background: url(images/youtube.png) no-repeat; display: block;  }

.social-link {
    position: relative;
    top: 15px;
}
a.social-link:hover { background: transparent;}

.tp-caption h3 {
    color: #0D9648;
    font-size: 16px;
	text-transform: uppercase;
    font-weight: 900;
}

.home-wrapper > h2 {
    color: #0D9648;
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 20px;
    text-align: center;
}

.tp-caption p {
    color: #404040;
    font-size: 13px;
	text-align: center;
    font-weight: 600;
}
.tp-caption  h2 {
    color: #0D9648;
    font-size: 31px;
    font-weight: 600;
}


.slick-next {
    background: url("images/next_btn.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    right: -50px;
}
.slick-prev {
    background: url("images/prev_btn.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    left: -50px;
}







.social-icons {
    float: right;
    padding-top: 12px;
}
.social-icons ul { margin: 0; padding: 0;}
.social-icons li { list-style: none; padding: 2px; display: inline-block}

.two-menu {
    float: left;
    font-size: 12px;
    font-weight: 600;
    padding-right: 35px;
}
.two-menu a {
    color: #ffffff;
    float: left;
    padding: 10px 8px;
	font-size: 15px;
    text-decoration: none;
    text-transform: uppercase;
}
.two-menu ul { margin: 0; padding:0;}

.two-menu li {
    float: left;
    list-style: none outside none;
    margin-left: 25px;
}


.home-slider {
    background: url("images/home_bg.jpg") repeat scroll center top rgba(0, 0, 0, 0);
    border-bottom: 1px dashed #12984c;
    height: 580px;
    width: 100%;
}
.right-fixed > img {
    max-width: 310px;
    width: 100%;
}
.right-fixed {
    text-align: right;
}

.wrapper {
    clear: both;
    display: table;
    margin: 0 auto;
    max-width: 1165px;
    position: relative;
    width: 100%;
}

.home-slider-content {
    float: left;
    height: 100%;
    width: 100%;
}
.home-slider-right {
    background: url("images/right_bg.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: right;
    height: 100%;
    height: 579px;
    position: absolute;
    right: 0;
    width: 310px;
    z-index: 10000;
}
.home-slider-wrap {
    margin: 0 auto;
    width: 100%;
}
.tp-bullets.simplebullets.round .bullet {
    background: #cbf5b0;
    cursor: pointer;
    float: left;
    height: 15px;
    margin-left: 3px;
    margin-top: 0;
    position: relative;
    width: 15px;
    border-radius: 40px;
}

.tp-bullets.simplebullets.round .bullet:hover, .tp-bullets.simplebullets.round .bullet.selected, .tp-bullets.simplebullets.navbar .bullet:hover, .tp-bullets.simplebullets.navbar .bullet.selected {
    background: #229f58;
}

	.yellow-btn {
		background: linear-gradient(to bottom, #e4c73e 0%, #f4d12d 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
		border: 1px solid #dddddd;
		border-radius: 4px;
		box-shadow: 0 1px 13px -7px #000000;
		color: #404040;
		font-family: 'Oswald',sans-serif;
		font-size: 21px;
		margin: 10px 8px 0 0;
		padding: 16px 4px;
		text-shadow: 0 2px 2px #ffffff;
		text-transform: uppercase;
		cursor: pointer;
		width: 95%;
	}
	.tp-bullets {
		margin-right: 125px;
		opacity: 1;
		position: absolute;
		transition: opacity 0.2s ease-out 0s;
		z-index: 1000;
	}
	#menu{height:auto;}
	#menu, #menu ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	

	#menu:before,
	#menu:after {
		content: "";
		display: table;
	}
	
	#menu:after {
		clear: both;
	}
	

	#menu {
    float: left;
    padding-right: 3%;
	zoom:1;
}
	
	#menu li {
		float: left;
		position: relative;
	}
	

	#menu a {
		color: #ffffff;
		float: left;
		font-size: 15px;
		font-weight: 600;
		padding: 18px 15px 18px 18px;
		text-decoration: none;
		text-transform: uppercase;
	}
	.link:hover {
		background: #015147;
	}
	*html .link:hover { /* IE6 only */
		background: #015147;
	}
	
	#menu ul {
		background: none repeat scroll 0 0 #015147;
		left: 0;
		margin: 20px 0 0;
		opacity: 0;
		position: absolute;
		top: 56px;
		transition: all 0.2s ease-in-out 0s;
		visibility: hidden;
		z-index: 5000;
		min-width: 170px;
	}
	#menu li:hover > ul {
		opacity: 1;
		visibility: visible;
		margin: 0;
	}
	
	#menu ul ul {
		top: 0;
		left: 150px;
		margin: 0 0 0 20px;
		_margin: 0; /*IE6 only*/
		box-shadow: -1px 0 0 rgba(255,255,255,.3);		
	}
	#menu li ul li a {
		padding: 3px 8px;
	}

	#menu li ul {
		padding: 8px 0;
	}
	#menu ul li {
		float: none;
		display: block;
		border: 0;
		_line-height: 0; /*IE6 only*/

	}
	
	#menu ul li:last-child {   
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;    
	}
	
	#menu ul a {    
		padding: 10px;
		width: 130px;
		_height: 10px; /*IE6 only*/
		display: block;
		white-space: nowrap;
		float: none;
		text-transform: none;
	}
	
	#menu ul a:hover {
		color: #baf09c;
		
	}
	
	#menu ul li:first-child > a {
		border-radius: 3px 3px 0 0;
	}
	
	#menu ul li:first-child > a:after {
		content: '';
		position: absolute;
		left: 40px;
		top: -6px;

	}
	
	#menu ul ul li:first-child a:after {
		left: -6px;
		top: 50%;
		margin-top: -6px;
		border-left: 0;	
	}

	
	#menu ul ul li:first-child a:hover:after {
		
	}
	
	#menu ul li:last-child > a {
		-moz-border-radius: 0 0 3px 3px;
		-webkit-border-radius: 0 0 3px 3px;
		border-radius: 0 0 3px 3px;
	}
	
	/* Mobile */
	#menu-trigger {
		display: none;
	}

.slick-initialized .slick-slide {
    border: 1px solid #e1e1e1;
    display: block;
    margin: 0 7px;
    max-width: 161px;
}
.slick-dots { display: none !important; }


#menu{display:block;height:auto;}
#menu.collapsed{height:0;}

@media only screen and (max-width:1024px),
only screen and (max-device-width:1024px) {

		/* nav-wrap */
		#menu-wrap {
			position: relative;
		}

		#menu-wrap * {
			-moz-box-sizing:border-box;
			-webkit-box-sizing:border-box;
			box-sizing: border-box;
		}

		/* menu icon */
		#menu-trigger {
			display: block; /* show menu icon */
			height: 40px;
			line-height: 40px;
			cursor: pointer;
			padding: 0 0 0 35px;
			color: #fafafa;
			font-weight: bold;
			background-color: #0d9648;
			background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPCAMAAADeWG8gAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE2QjAxNjRDOUNEOTExRTE4RTNFRkI1RDQ2MUYxOTQ3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE2QjAxNjREOUNEOTExRTE4RTNFRkI1RDQ2MUYxOTQ3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTZCMDE2NEE5Q0Q5MTFFMThFM0VGQjVENDYxRjE5NDciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTZCMDE2NEI5Q0Q5MTFFMThFM0VGQjVENDYxRjE5NDciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz42AEtnAAAABlBMVEX///////9VfPVsAAAAAnRSTlP/AOW3MEoAAAAWSURBVHjaYmAgFzBiACKFho6NAAEGAD07AG1pn932AAAAAElFTkSuQmCC) no-repeat 10px center, linear-gradient(#0d9648, #0d9648);
			box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
		}


		#menu {
			background-color: #444444;
			box-shadow: none;
			margin: 0;
			height:auto;
			padding: 10px 10px 30px;
			position: relative;
			width: 100%;
			z-index: 1;
			display:none;
		}

		#menu li ul {
			padding: 0;
		}
		#menu:after {
			content: '';
			position: absolute;
			left: 25px;
			top: -8px;

		}	

		#menu ul {
			position: static;
			visibility: visible;
			opacity: 1;
			margin: 0;
			background: none;
			box-shadow: none;				
		}

		#menu ul ul {
			margin: 0 0 0 20px !important;
			box-shadow: none;		
		}

		#menu li {
			position: static;
			display: block;
			float: none;
			border: 0;
			margin: 5px;
			box-shadow: none;			
		}

		#menu ul li{
			margin-left: 20px;
			box-shadow: none;		
		}

		
		#menu a {
			color: #999999;
			display: block;
			float: none;
			padding: 6px 0 6px 10px;
		}
		#menu li { margin: 0 5px;}
		
		#menu a:hover{
			color: #fafafa;
		}	

		#menu ul a{
			padding: 0;
			width: auto;		
		}

		#menu ul a:hover{
			background: none;	
		}

		#menu ul li:first-child a:after,
		#menu ul ul li:first-child a:after {
			border: 0;
		}		

	}


	/* iPad */
	.no-transition {
		transition: none;
		opacity: 1;
		visibility: visible;
		display: none;  		
	}

	#menu li:hover > .no-transition {
		display: block;
	}
	
	
	
	
	
#menu > li > a:hover .menu-a {
		background: url("images/menu_bottom.png") no-repeat scroll center bottom rgba(0, 0, 0, 0);
		height: 32px;
		left: 0;
		position: absolute;
		top: 36px;
		width: 100%;
		z-index: 1000;
	}	
.active .menu-a {
		background: url("images/menu_bottom.png") no-repeat scroll center bottom rgba(0, 0, 0, 0);
		height: 32px;
		left: 0;
		position: absolute;
		top: 36px;
		width: 100%;
		z-index: 1000;
	}	
	.active  {
		background: #015147!important;
	}
	
	
	
	
	
	
	
	
	
	
/*================ Our Mission page =================*/

.inner-page {
    background: url("images/inner_bg.jpg") no-repeat scroll center top rgba(0, 0, 0, 0);
    height: 100%;
    width: 100%;
}

.inner-wrapper {
    margin: 0 auto;
    max-width: 1165px;
    min-height: 600px;
    padding: 40px 0;
    position: relative;
}
.inner-wrapper h2 {
    color: #2B2F2D;
    font-size: 58px;
    font-weight: 300;
    text-align: center;
}	
.inner-wrapper h2 span { color: #0d9648; font-weight: bold;}

.mission-page {
    clear: both;
    display: table;
    margin-top: 45px;
    width: 100%;
}
.mission-left {
    float: left;
    width: 50%;
}

.mission-right {
    color: #000000;
    float: right;
	font-weight: 300;
    font-size: 22px;
    padding: 0 10px;
    width: 48%;
}
	
/* =============== Impact inner page ===============*/	

.impact-box1, .impact-box2, .impact-box3 {
    background: none repeat scroll 0 0 #ffffff;
    border: 3px solid #0d9648;
    float: left;
    margin-right: 60px;
    padding: 0 10px 30px;
    position: relative;
    text-align: center;
    width: 27%;
}
.impact-box3 {
    margin-right: 0;
}

.impact-in-content {
    color: #404040;
    font-size: 22px;
    line-height: 1.1;
    margin-top: 15px;
    padding: 0 10px;
    text-align: justify;
}
.impact-page {
    clear: both;
    display: table;
    margin-top: 75px;
    width: 100%;
}
.impact-box1 h3, .impact-box2 h3, .impact-box3 h3 {
    color: #404040;
    font-size: 30px;
	text-transform: uppercase;
    font-weight: bold;
}

.small-box-icon {
    margin: -50px auto 25px;
    width: 105px;
}
	
	
	
	
	
	
/*========== Blog Page =====================*/	

.blog-page {
    clear: both;
    display: table;
    margin: 45px 0 0;
    width: 100%;
}
.blog-post-wrap {
    float: left;
    margin-bottom: 60px;
    width: 50%;
}
.blog-feat-img {
    margin-bottom: 20px;
}
.blog-post {
    max-width: 544px;
    width: 100%;
}

.blog-post-title > a {
    color: #2b2f2d;
    font-size: 30px;
    font-weight: 600;
    text-decoration: none;
    text-transform: uppercase;
}

.post-date {
    border-top: 1px solid #dcdddb;
    color: #afafaf;
    font-size: 18px;
    font-weight: normal;
}

.blog-post-content {
    color: #404040;
    font-size: 21px;
    font-weight: normal;
    margin-top: 15px;
    padding-bottom: 20px;
    text-align: justify;
}

.blog-pagination {
    margin: -2px 0 10px;
    text-align: center;
}
.blog-pagination ul { margin: 0; padding: 0;}

.blog-pagination ul li {
    background: linear-gradient(to bottom, #efefef 0%, #eeeeee 47%, #ffffff 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #ababab;
    border-radius: 34px;
    display: inline-block;
    height: 20px;
    list-style: none outside none;
    margin: 0 2px;
    min-width: 20px;
    padding: 5px;
    text-align: center;
}
.blog-feat-img img {
    border: 1px solid #bbbbbb;
}
.blog-pagination .active {
 background: none repeat scroll 0 0 #0d9648 !important; 
 }
 .blog-pagination .active a { color: #fff;}

.blog-pagination li:nth-child(6n) {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    color: #c9c9c9;
    margin: 0 -4px;
}
.blog-pagination ul li a {
    color: #7e7e7e;
    font-size: 14px;
	display: block;
    font-weight: 600;
    position: relative;
    text-align: center;
    text-decoration: none;
    vertical-align: bottom;
}

.blog-post.last {
    max-width: 100%;
}
.last .blog-feat-img { text-align: right;}

.last .blog-post-title {
    padding-left: 40px;
}
.last .blog-post-content {
    padding-left: 40px;
}
.last .post-date {
    margin-left: 40px;
}

.blog-pagination li:first-child {
    border-radius: 35px 4px 6px 35px;
    height: 18px;
    left: 18px;
    position: relative;
    top: 1px;
    width: 34px;margin: 0;
    z-index: -2;
}
.blog-pagination li:last-child {
    border-radius: 7px 32px 36px 5px;
    height: 18px;
    position: relative;
    right: 18px;
    top: 1px;
	
    width: 34px;
    z-index: -2;
}

.blog-pagination li:nth-child(9n) {
    width: 40px;
}








/*=============== Contact Page ==================*/


.contact-info {
    color: #404040;
    font-size: 36px;
    font-weight: 300;
    line-height: 1.3;
    margin-bottom: 27px;
    text-align: center;
}
.c-page {
    font-weight: bold !important;
    margin-bottom: 34px;
    margin-top: 0;
}
.inner-wrapper.con-wrap {
    padding-top: 45px;
}
.contact-info > span {
    color: #0d9648;
    font-weight: bold;
}

.con-input {
    clear: both;
    display: table;
    margin-bottom: 22px;
    width: 100%;
}
.contact-textarea {
    background: none repeat scroll 0 0 #fff;
    border: 2px solid #4db549;
    color: #c5c5c5;
    font-family: open sans;
    font-size: 20px;
    font-weight: 300;border-radius: 3px;
    margin-bottom: 25px;
    min-height: 320px;
    padding-top: 10px;
    text-indent: 12px;
    width: 99.5%;
}

.submit-rin {
    background: linear-gradient(to bottom, #e6c426 0%, #f4d12d 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    border-radius: 4px;
    box-shadow: 1px -1px 4px #ccc;
    color: #404040;
    font-family: oswald;
    font-size: 21px;
    font-weight: 400;
    height: 64px;
    margin-left: 2px;
	cursor: pointer;
    text-align: center;
    text-shadow: 1px 1px 0 #fff;
    text-transform: uppercase;
    width: 49%;
}
.con-rin, .con-lin {
    border: 2px solid #4db549;
    color: #c5c5c5;
    font-family: open sans;
    font-size: 20px;
	border-radius: 3px;
    font-weight: 300;
    height: 60px;
    text-indent: 10px;
}

.con-lin {
    float: left;
    margin-right: 20px;
    width: 48.5%;
}
.con-rin {
    float: right;
    width: 48.5%;
}





/*============ Media Page ===============*/


.in-media {
    display: table;
    margin: 10px 0;
    position: relative;
    width: 100%;
}

.media-feat {
    float: left;
    margin-top: 13px;
    width: 33%;
}
.media-feat img {
    border: 1px solid #e2e5de;
    box-shadow: 0 0 0 1px #e2e5de;
    padding: 4px;
}

.all-media-post {
    clear: both;
    display: table;
    margin-bottom: 45px;
    width: 100%;
}
.media-post-details {
    float: right;
    width: 65%;
}
.m-post-content {
    color: #404040;
    display: block;
    font-size: 22px;
    margin: 10px 0;
    text-align: justify;
}
.m-post-date {
    color: #bdbdbd;
    display: block;
    font-size: 14px;
}

.m-post-title > a {
    color: #0d9646;
    font-size: 30px;
    font-weight: bold;
    text-decoration: none;
}
.m-post-title > a:hover { color: #000; }
.ajax-pagi {
    display: table;
    margin: 62px 0;
    text-align: center;
    width: 100%;
}
.load-more {
    background: linear-gradient(to bottom, #e6c426 0%, #f4d12d 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    border-radius: 4px;
    box-shadow: 1px -1px 4px #ccc;
    color: #404040;
    cursor: pointer;
    font-family: oswald;
    font-size: 21px;
    font-weight: 400;
    height: 65px;
    margin-top: 0;
    text-align: center;
    text-shadow: 1px 1px 0 #fff;
    text-transform: uppercase;
    width: 23%;
}






	
	
	
	
	
	
	
	
/*==================== Sign Up Page ====================*/	


.signup-page {
    clear: both;
    display: table;
    margin-top: 25px;
    padding: 30px 0;
    width: 100%;
}
.sign-left > p {
    color: #6b6c6b;
    font-size: 22px;
    font-weight: 300;
    line-height: 1.3;
}

.sign-left ul {
    margin: 36px 0 0;
    padding: 0;
}

.sign-left li {
    background: url("images/sign_corect.png") no-repeat scroll left center rgba(0, 0, 0, 0);
    color: #0d9648;
    font-size: 22px;
    font-weight: 300;
    list-style: none outside none;
    margin: 20px 0;
    padding-left: 55px;
}
.form-con {
    color: #6b6c6b;
    font-size: 18px;
    font-weight: 300;
}

.sign-right form {
    color: #508911;
    font-size: 22px;
    padding: 60px 60px 45px;
}
.sign-left {
    float: left;
    width: 41%;
}

.sign-right {
    border: 1px solid #e1e1e1;
    box-shadow: 0 1px 1px 1px #e1e1e1;
    float: right;
    width: 55%;
}
.left-sign-in {
    height: 46px;
    margin-right: 20px;
    width: 47%;border-radius: 4px;
	border: 1px solid #d9d7d7;
	 text-indent: 5px;
	color: #508911;
	font-size: 22px;
	float:left;
}
.sign-right select {
    color: #508911;
    font-size: 22px;
    height: 44px;
    margin-right: -6px;
    text-indent: 3px;
}
.sign-right label {
    color: #015147;
    font-size: 22px;
}

.form-con > a {
    color: #6b6c6b;
}

.sign-right p {
    line-height: 1.2;
    margin: 15px 0 12px;
}

.sign-up-btn {
    background: none repeat scroll 0 0 #015147;
    border: medium none;
    border-radius: 5px;
    color: #fff;
    font-size: 22px;
	cursor: pointer;
    font-weight: bold;
    padding: 10px 52px;
    text-align: center;
}
.sign-common {
    border: 1px solid #d9d7d7;
    border-radius: 4px;
    color: #508911;
    font-size: 22px;
    height: 44px;
    margin-bottom: 15px;
    text-indent: 5px;
    width: 99%;
}

.sign-submit {
    margin: 22px 0 0;
    text-align: center;
    width: 100%;
}
.in-1st {
    display: table;
    margin-bottom: 15px;
    width: 100%;
}
.right-sign-in {
    color: #508911;
	font-size: 22px;
	border: 1px solid #d9d7d7;
    float: right;border-radius: 4px;
     text-indent: 5px;
    height: 46px;
    width: 47%;
}



/*=============== Team Page ==================*/


.team-page {
    clear: both;
    display: table;
    margin: 20px 0;
    position: relative;
    width: 100%;
}

.team-peron {
    float: left;
    margin: 0 10px 45px;
    text-align: center;
    width: 31%;
}
.person-name {
    border-top: 1px solid #cdcdcd;
    color: #0d9648;
    display: block;
    font-size: 28px;
    font-weight: bold;
    padding-top: 20px;
}
.person-name a {

    color: #0d9648;
	text-decoration: none;
    display: block;
    font-size: 28px;
    font-weight: bold;
}
.person-rank {
    display: block;
    font-size: 22px;
	color: #404040;
    font-weight: 300;
}

.person-about {
    color: #404040;
    font-size: 22px;
    margin-top: 10px;
}
.mem-photo {
    position: relative;
    top: 4px;
}
.mem-photo img {
    border-left: 1px solid #cdcdcd;
    border-right: 1px solid #cdcdcd;
    border-top: 1px solid #cdcdcd;
}


/*========== Sign up version 2 ===================*/

.form-label {
    clear: both;
    display: table;
    width: 100%;
}

.form-label > p {
    float: left;
    width: 26%;
}

.form-label .sign-common {
    float: right;
    width: 68%;
	color: #000;
 margin-right: 0px;  
}

.dob {
    margin-left: 31px;
}



/*============== FAQ Page =================*/

.faq-page {
    clear: both;
    display: table;
    margin-bottom: 20px;
    margin-top: 52px;
    width: 100%;
}

.faq-page ul {
    margin: 0;
    /*max-height: 600px;*/
    /*overflow: scroll;*/
    padding: 0;
}

.faq-page ul li {
/*    float: left; */
    list-style: none outside none;
    margin-bottom: 26px;
    margin-right: 25px;
/*    width: 45.5%; */
}

.accordion-container {
    clear: both;
    margin: 0;
    width: 100%;
}

.accordion-container a {
	cursor: text;
}

.accordion-container a:hover {
	color: #0d9648;
}

.accordion-toggle {
    color: #0d9648;
    display: block;
    font-size: 28px;
    font-weight: bold;
    padding-left: 45px;
    position: relative;
    text-decoration: none;
}
	.accordion-toggle.open {		
		color: #2b2f2d;
	}
	.accordion-toggle:hover {
		color: #2b2f2d;
	}
	
.accordion-toggle span.toggle-icon {
    left: 0;
	top: 0;
    position: absolute;
}
.accordion-content {
    color: #404040;
/*    display: none; */
	padding-left: 45px;
	padding-right: 20px;
    font-size: 22px;
	text-align: justify;
    overflow: auto;
    padding-top: 5px;
	padding-bottom: 5px;
}
.fa-plus-circle {
    background: url(images/plus.jpg) no-repeat;
    display: block;
    height: 35px;
    width: 35px;
}
.fa-minus-circle  {
    background: url(images/minus.jpg) no-repeat;
    display: block;
    height: 35px;
    width: 35px;
}
	
.nicescroll-rails {
    border: 1px solid #dbdbdb;
	background:#f4f4f4;
}	
	
	/* media query for mobile */
	@media (max-width: 767px) {	
		.accordion-content {
			padding: 10px 0;
			overflow: inherit;
		}
	}


	
	
	
	
	
/*=========== View Order Page ===============*/

.view-des {
    color: #404040;
    font-size: 32px;
    margin-top: 8px;
    text-align: center;
}
.view-des > span {
    color: #0d9648;
}

.view-order {
    clear: both;
    display: table;
    margin-bottom: 30px;
    margin-top: 96px;
    width: 100%;
}
.view-left {
    border: 4px solid #0d9648;
    float: left;
	background: #fff;
    position: relative;
	width: 45.5%;
}
.view-right {
    border: 4px solid #0d9648;
    float: right;
	background: url(images/view_right.jpg);
	position: relative;
    width: 45.5%;
}
.view-center {
	border: 4px solid #0d9648;
	background: #fff;
	position: relative;
	width: 45.5%;
	margin:0 auto;
}

.box-txt {
    background: url("images/gift_bind.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    margin: -67px auto 0;
    min-height: 152px;
    width: 360px;
}

.box-txt h3 {
    color: #0d9648;
    font-size: 40px;
    font-weight: bold;
    max-width: 80%;
    padding-top: 30px;
    text-align: center;
}


.order-details tr:first-child {
    color: #0d9648;
    font-size: 20px;
    font-weight: bold;
}
.order-details tr:first-child td {
    border-bottom: medium none;
    color: #0d9648;
    font-weight: bold;
}

.order-details {
    margin-bottom: 15px;
}
.order-details table {
    margin: 0 auto;
    width: 95%;
}


.order-details td {
    border: 1px solid #c8c8c8;
    color: #404040;
    font-size: 22px;
    font-weight: 300;
    padding: 30px 15px;
    text-align: center;
}
.view-foot {
    color: #404040;
    font-size: 36px;
    font-weight: 300;
    margin-top: 50px;
    text-align: center;
}

.view-track {
    color: #404040;
    font-size: 28px;
    font-weight: bold;
    margin-bottom: 28px;
    margin-top: 45px;
    padding: 0 20px;
    text-align: center;
}
.view-order-page {
    margin-top: 25px;
}

.order-img {
    margin-top: 20px;
    text-align: center;
}
.view-foot > a:hover  { text-decoration: underline; }
.view-foot > a {
    color: #0d9648;
    text-decoration: none;
}
.order-img img {
    border: 1px solid #bfbfbf;
}

.order-details tr:first-child td:last-child {
    text-align: left;
    text-indent: 15px;
}
.btn-order {
    background: none repeat scroll 0 0 #0d9648;
    border-color: #3f7354;
    border-style: none none solid;
    border-width: medium medium 4px;
    color: #fff;
    font-size: 22px;
    font-weight: bold;
	cursor: pointer;
    max-width: 246px;
    padding: 10px 20px;
    text-align: center;
}
.vieew-btn {
    position: relative;
    text-align: center;
    top: 32px;
}



/*============== Order Received Page =======================*/
.or-h2 > span {
    color: #2b2f2d !important;
}
.or-top {
    color: #404040;
    font-size: 36px;
    font-weight: 300;
    line-height: 1;
    margin-top: 40px;
    text-align: center;
}
.or-top > a:hover {color: #404040; }
.or-top > a {
    color: #0d9648;
    font-weight: bold;
    text-decoration: none;
}

.or-up-arrow {
    margin-top: -12px;
    position: relative;
}
.or-arrow-top {
    margin: 0 auto;
    max-width: 865px;
    position: relative;
}
.or-give {
    background: url("images/or_min.png") no-repeat scroll center top rgba(0, 0, 0, 0);
    height: 225px;
    width: 100%;
}

.or-txt {
    color: #404040;
    font-size: 36px;
    font-weight: 300;
    margin-top: 40px;
    text-align: center;
}
.or-txt > a:hover {    border-bottom: none; }
.or-txt > a {
    border-bottom: 5px solid #0d9648;
    color: #0d9648;
    font-weight: bold;
    text-decoration: none;
}
.or-social h4 {
    font-size: 36px;
    font-weight: 300;
    text-align: center;
}

.or_shopping p {
    color: #404040;
    font-size: 36px;
    font-weight: 300;
    text-align: center;
}

.or-social {
    color: #404040;
    margin-top: 25px;
}
.or-social ul {
    margin: 32px 0 25px;
    padding: 0;
    text-align: center;
}
.or-social ul li { list-style: none; display: inline-block; margin: 0 2px;}


.or-left {
    color: #fff;
    float: left;
    padding-top: 73px;
	font-size: 22px;
    font-weight: 300;
    text-align: right;
    width: 40%;
}

.or-right > span , .or-left > span {
    display: block;
    font-size: 30px;
    font-weight: bold;
    line-height: 1;
}
.or-right {
    color: #fff;
    float: right;
    padding-top: 73px;
	font-size: 22px;
    font-weight: 300;
    text-align: left;
    width: 40%;
}
.another-shop-btn {
    background: linear-gradient(to bottom, #e6c426 0%, #f4d12d 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    border-radius: 4px;
    box-shadow: 1px -1px 4px #ccc;
    color: #404040;
    cursor: pointer;
    font-family: oswald;
    font-size: 21px;
    font-weight: 400;
    height: 65px;
    margin-top: 0;
    padding: 0 30px;
    text-align: center;
    text-shadow: 1px 1px 0 #fff;
    text-transform: uppercase;
}
.or_shopping {
    margin-top: 63px;
    position: relative;
    width: 100%;
}
.or_foot_arrow {
    position: absolute;
    right: 17%;
    top: -43px;
}
.or-btn {
    margin-top: 22px;
    text-align: center;
}

.or-page {
    padding-bottom: 70px;
}


/*============= Sign In Page =================*/



.sign-in {
    box-shadow: 0 0 1px 2px #e8e8e8;
    display: table;
    margin: 0 auto;
    max-width: 640px;
    width: 100%;
}

.sign-input {
    border: 1px solid #d9d7d8;
    border-radius: 5px;
    color: #000;
    font-size: 22px;
    height: 45px;
    margin: 0 auto 15px;
    text-indent: 14px;
    width: 75%;
}
.sign-in label {
    color: #6c6c6c;
    font-size: 18px;
    font-weight: 300;
    padding-left: 8px;
}
.sign-in a {
    color: #6c6c6c;
    font-size: 18px;
    padding-left: 25px;font-weight: 300;
    text-decoration: none;
}
.sign-in a:hover { text-decoration: underline; }
.sign-in form {
    padding: 50px;
}

.signin-lev {
    padding-left: 115px;
}
.signins {
    margin-top: 18px;
    text-align: center;
}
.sign-in span {
    color: #508911;
    display: block;
    font-size: 22px;
}
.signin-submit {
    background: none repeat scroll 0 0 #015148;
    border: medium none;
    border-radius: 5px;
    color: #fff;
    font-weight: bold;
    height: 41px;
    margin: 0 auto;
    width: 200px;
}
.signin-page {
    margin-top: 40px;
}






/*=============== Donate Receipt ====================*/

.table-address {

}

.donate-page {
    background: none repeat scroll 0 0 #fff;
    box-shadow: 0 -1px 1px 1px #e2e2e2;
    clear: both;
    display: table;
    margin: 45px 0;
    padding: 50px;
    width: 100%;
}

.don-title {
    color: #0d9648;
    font-size: 52px;
    font-style: italic;
    font-weight: 600;
}

.don-des {
    color: #7c7c7c;
    font-size: 24px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
}

.don-top {
    clear: both;
    display: table;
    margin-bottom: 25px;
    width: 100%;
}

.don-left > a {
    clear: both;
    color: #7c7c7c;
    display: block;
    font-size: 15px;
    text-decoration: none;
}
.don-right {
    float: right;
    text-align: right;
    width: 50%;
}
.don-left {
    float: left;
    width: 40%;
}

.don-left h4 {
    color: #0e9546;
    font-size: 15px;
    margin: -2px 0 0;
    padding: 0;
    text-transform: uppercase;
}
.don-left > p {
    color: #0e9546;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.3;
    margin: 0px;
    padding: 0;
}
.donate-table table tr:first-child td {
    background: none repeat scroll 0 0 #e2e2e2;
    border-right: 1px solid #fff;
    color: #484848;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    vertical-align: top;
}
.donate-table table td:first-child {
    border-left: 1px solid #dcdcdc;
}
.donate-table table td {
    border-bottom: 1px solid #dcdcdc;
    border-right: 1px solid #dcdcdc;
    padding: 10px;
    text-align: center;
    vertical-align: middle;
}
.donate-table div {
    border: 1px solid #e1e1e1;
    color: #7d7d7d;
    font-size: 17px;
    line-height: 2;
    min-height: 75px;
    padding-left: 11px;
    text-align: left;
}
.donate-table span {
    display: block;
}
.donate-table table tr:last-child td {
    background: none repeat scroll 0 0 #e2e2e2;
    border-right: 1px solid #fff;
    color: #484848;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
}
.donate-table table {
    overflow: auto;
    width: 100%;
}

.don-lastpart > p {
    color: #7b7b7b;
    font-size: 25px;
    text-align: center;
}
.don-tahnaks {
    margin: 20px 0;
    text-align: center;
    width: 100%;
}
.don-lastpart h3 {
    color: #7b7b7b;
    font-size: 22px;
    text-align: center;
}

.add-new {
    background: linear-gradient(to bottom, #e4c73e 0%, #f4d12d 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: none;
    border-radius: 4px;
    box-shadow: none;
    color: #404040;
    cursor: pointer;
    float: left;
    font-family: oswald;
    font-size: 18px;
    margin: 25px 8px 0 0;
    padding: 8px 4px;
    text-shadow: 0 2px 2px #ffffff;
    text-transform: uppercase;
    width: 31%;
}


.don-total {
    float: right;
    padding-right: 19px;
    padding-top: 23px;
}

.don-two-btn {
    float: right;
    width: 37%;
    margin: 20px 0px;
}
.first-yellow{ float: left; width: 45%;}
.second-green{ float: right; width: 50%;}
.ad-reception {
    background: linear-gradient(to bottom, #e4c73e 0%, #f4d12d 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #dddddd;
    border-radius: 4px;
    box-shadow: 0 1px 10px -6px #000000;
    color: #404040;
    cursor: pointer;
    float: left;
    font-family: oswald;
    font-size: 21px;

    padding: 16px 4px;
    text-shadow: 0 2px 2px #ffffff;
    text-transform: uppercase;
    width: 100%;
}

.don-pbtn {
    background: none repeat scroll 0 0 #015148;
    border: 1px solid #015148;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    float: left;
    font-family: 'Oswald', sans-serif;
    font-size: 21px;
    font-weight: 400;

    padding: 16px 4px;
    text-transform: uppercase;
    width: 100%;
}

.don-lastpart h3.check {
    color: #7b7b7b;
    font-size: 28px;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
}



.inner-wrapper h2.donate-where-page {
    color: #2b2f2d;
    font-size: 58px;
    font-weight: 300;
    text-align: center;
    margin: 0 0 20px;
}
.view-order-page {
    margin-top: 25px;
}
.view-donate-where{}

.donate-where-left {
    background: none repeat scroll 0 0 #fff;
    border: 3px solid #0d9648;
    float: left;
    position: relative;
    width: 43.5%;
    padding: 32px 28px;
    min-height: 350px;
}
.donate-where-right{
    background: none repeat scroll 0 0 #fff;
    border: 3px solid #0d9648;
    float: right;
    position: relative;
    width: 43.5%;
    padding: 32px 28px;
    min-height: 350px;
}
h4.where{
    color: #404040;
    font-size: 32px;
    text-align: left;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    margin: 0 0 20px;
}
h4.where > span {
    color: #0d9648;
    font-weight: 700;
}
.black-box{background: #015147; padding:20px; margin-bottom: 15px;}
.black-box p {
    color: #ffffff;
    font-size: 15px;
    text-align: left;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
}
.donate-where-left a, .donate-where-right a{
    text-decoration: none; 
    color: #2b2f2d;
    font-size: 18px;
    text-align: left;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
}
input[type="radio"]{
    vertical-align:top;
    margin: 2px 8px 0 0;
}
.margin-bott{margin-bottom: 30px;}

p.left-pad { padding-left: 38px;}




#modal {
    position: relative;
    background: #ffffff;
    border-radius: 8px;
    min-height: 189px;
    left: -15% !important;
    margin-left: -180px !important;
    margin-top: -94px !important;
    padding: 0;
    position: absolute !important;
    top: 20% !important;
    visibility: hidden;
    width: 475px;
    z-index: 101;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.50);
}
#heading {
    border-radius: 4px 4px 0 0;
    box-shadow: 0 -1px 0 #fff inset, 0 1px 3px rgba(0, 0, 0, 0.08);
    color: #444444;
    font-size: 14px;
    font-weight: bold;
    height: 44px;
    line-height: 44px;
    text-align: center !important;
    text-shadow: 0 1px 0 #fff;
    width: 92%;
    padding: 0 20px 10px;
    
}
#content {
    position: relative;
    background: #ffffff;
    border-radius: 0 0 4px 4px;
    
    min-height: 144px;
    width: 91.5%;
    padding: 20px
}
.black-box2{background: #015147; padding:35px; }
.black-box2 p {
    color: #ffffff;
    font-size: 15px;
    text-align: left;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
}
.button {
    float: right;
    position: relative;
    background: none;
    border: none;
    margin: -13px -13px 0 5px;
    padding: 0;
}
.button:hover {
    background: none;
    border: none;
    margin: -13px -13px 0 5px;
}






	
	
	











	
	
/*================= Responsive ================*/	

@media (max-width: 1135px) {	
	.mission-left img {width: 100%;}
	.submit-rin { width: 48%;}	
	.or_foot_arrow { right: 12%;}
	
}	
@media (max-width: 1085px){	
	.blog-feat-img img { width: 92%;}
	.con-rin, .con-lin { width: 47%;}
	.con-rin {   float: left;}	
	.submit-rin { width: 47%;}
	.contact-textarea { width: 97.5%; }
	
	
	
}

@media (max-width: 1075px){	
	
	.impact-box1, .impact-box2, .impact-box3 {
		margin: 0 auto 65px;
		float: none;
		text-align: center;
		width: 92%;
	}
	.left-sign-in { width: 99%; margin-bottom: 15px;}
	.right-sign-in { width: 99%;}
	
	.media-feat img {width: 100%;}
		
}

@media (max-width: 1050px){	
	#menu > li > a:hover .menu-a {	 background: none;}			
	.active .menu-a {background: none;}		
	.up-menu {padding: 0 20px;}
	.or-left, .or-right { width: 35%; }
	
}
	

@media (max-width: 1000px) {	

	.mission-left { width: 100%; text-align: center;  margin-bottom: 20px; float: none;}
	.mission-left img {width: auto;}
	.mission-right {width: 94%; text-align: center; float: none;  margin: 0 auto; margin: 0 auto 20px;}

	.blog-post-wrap { float: none; width: 94%; margin: 0 auto 60px;}	
	.blog-post {max-width: 100%;text-align: center; width: 100%;}	
	.last .blog-feat-img {text-align: center;}	
	.last .blog-post-title { padding-left: 0;}	
	.last .blog-post-content {padding-left: 0;}	
	.last .post-date {margin-left: 0;}
	
	.or_foot_arrow { right: 20px;}
	
	
	.view-left { float: none; margin: 0 auto 80px; width: 95%;}
	.view-right {float: none; width: 95%; margin: 0 auto;}
	
}	

@media (max-width: 890px) {	

	.media-feat { float: none; margin: 0 auto; width: 94%; text-align: center;}	
	.media-feat img { width: auto;}	
	.media-post-details { float: none;  margin: 0 auto; width: 95%;}
	
	.team-peron { float: none; margin: 0 auto 45px; text-align: center; width: 95%;}
	.form-label .sign-right select { float: right;}
	
	.faq-page ul li {
		float: none;
		margin: 0 auto 25px;
		width: 95%;
	}
	
}

@media (max-width: 815px) {	
.dob {margin-left: 0;}
}
@media (max-width: 767px) {	
	.sign-left {padding: 0 10px;width: 98%;	}	
	.or_foot_arrow {display: none;}
	.contact-textarea { width: 96%;}
	.contact-form { text-align: center;}
	.sign-right { width: 100%;}	
	.submit-rin { margin-top: 20px; width: 96%;}
	.con-input {text-align: center;}
	.con-rin, .con-lin { float: none; margin: 10px 0; width: 96%;}
	.or-left {padding-left: 25px;text-align: left;}
	.or-right {padding-right: 25px; text-align: right;}
	
	
	
	
}

@media (max-width: 650px) {	
	.form-label .sign-common {
		float: none;
		width: 100%;
	}
	.form-label .sign-right select { float: left;}
	.form-label > p {
		float: none;
		margin-bottom: 0;
		margin-top: 0;
		width: 100%;
	}
	.dob {
		margin-left: 0;
	}
	.or-give {background: none repeat scroll 0 0 #0d9648;}
}	
@media (max-width: 590px) {	
	.signin-lev {padding-left: 0;}
	.sign-input { width: 100%;}
}
@media (max-width: 510px) {	
	.topmenus { width: 100%;}
	.logo { width: 100%;}
	.load-more { width: 180px; }
	.or-left, .or-right { width: 100%; padding-top: 10px;}
	.or-right {float: left; padding-left: 25px;padding-right: 0; text-align: left;}
	
}

@media (max-width: 420px) { 
	.media-feat img { width: 95%;}	
	.accordion-toggle span.toggle-icon { margin-top: -26px;}
	
	.order-details td { font-size: 15px;}
	.box-txt { width: 320px;}
}





/*=============== Our Story Page ==================*/

.story h1 {
    color: #2B2F2D;
    font-size: 58px;
    font-weight: 300;
    text-align: center;
}	
.story h1 span { color: #2b2f2e; font-weight: bold;}
.story-page {
	margin:35px 0 0 0;
	font-size:22px;
	font-weight:300;
	line-height:1.27;
	padding-bottom:55px;
	border-bottom:1px solid #ccc;
}

.story-page h3 {
	font-size:36px;
	color:#0d9648;
	line-height:1.2;
	margin-bottom:6px;
}
.video-part {
	width:73%;
	max-height:682px;
	height:682px;
	margin:8px 36px 0 0;
	float:left;
}
.sp-footer {
	padding:10px 0 17px;
	font-size:30px;
	font-weight:300;
}
.sp-footer span {
	color:#0d9648;
	font-weight:700;
}

@media (max-width:1000px) {
	.video-part {
		margin:0 auto 20px;
		width:100%;
		height:600px;
	}
	.story-page {
		padding:15px;
	}
	.sp-footer {
		padding:0 15px;
	}
}
@media (max-width:800px) {
	.video-part {
		height:500px;
	}
}
@media (max-width:768px) {
	.video-part {
		height:450px;
	}
}
@media (max-width:360px) {
	.video-part {
		height:280px;
	}
}
@media (max-width:320px) {
	.video-part {
		height:240px;
	}
}



/*=============== How it Work Page ==================*/

.work-page {
	text-align:center;
}
.work-page h3 {
	font-size:36px;
	color:#404040;
	line-height:1.2;
	font-weight:300;
	margin:35px 0 16px;
}
.work-page h3 span {
	font-weight:700;
	color:#0d9648;
}
.work-page p {
	font-size:22px;
	font-weight:300;
	line-height:1.27;
	margin-bottom:27px;
}
.wp-wrap {
	height:auto;
}
.wp-wrap2 {
	padding-bottom:0;
}
.green-part {
	background:url(images/bg_green.jpg) top center;
	padding:85px 0 60px;
}
.open-box, .pack-box, .send-box {
    background:#edf4f8;
    float: left;
    position: relative;
    width: 31%;
	font-weight:700;
	margin-bottom:80px;
}
.open-box, .pack-box {
    margin-right: 30px;
}
.top-box-icon {
	padding-bottom:17px;
    text-align: center;
}
.top-box-icon img {
	margin:-65px auto 7px;
}
.tb-icon1 {
	background:#03622c;
}
.tb-icon2 {
	background:#404040;
}
.tb-icon3 {
	background:#0073c4;
}
.top-box-icon h3 {
    color: #fff;
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 0;
    text-transform: uppercase;
}
.box-content {
	background:url(images/bg_box_c.png);
	padding:32px 0 56px;
	border:1px solid #88bda4;
}
.box-content p {
	font-size:22px;
	color:#404040;
	margin:0 30px 24px;
    text-align: center;
}
.box-content ul {
	list-style-type:none;
	margin:0;
	padding:0;
}
.box-content ul li {
	display:block;
	padding:10px 12px 11px;
	margin:0 12px;
	border-top:1px solid #fff;
	border-bottom:1px solid #c3cfd8;
}
.box-content ul li a {
	color:#4c4c4c;
	font-size:16px;
	text-decoration:none;
	text-shadow:0 1px #fff;
}
.box-content ul li a:hover {
	color:#ccc;
}
.box-content ul li h4 {
	color:#333333;
	font-size:22px;
	text-shadow:0 1px #fff;
}
.box-content ul li:first-child {
	border-top:0;
}
.box-content ul li:last-child {
	border-bottom:0;
}
.print-label {
	text-align:center;
	margin-top:22px;
}

.print-btn-w {
    text-align: center;
}
.yellow-btn2 {
    background: linear-gradient(to bottom, #e4c73e 0%, #f4d12d 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #dddddd;
    border-radius: 4px;
    box-shadow: 0 1px 13px -7px #000000;
    color: #404040;
    cursor: pointer;
    font-family: oswald;
    font-size: 21px;
    margin: 0 auto;
    padding: 16px 4px;
    text-shadow: 0 2px 2px #ffffff;
    text-transform: uppercase;
    width: 300px;
}
@media (max-width:860px) {
	.open-box, .pack-box, .send-box  {
		margin:0 15px 80px;
		width:95%;
	}
}
@media (max-width:768px) {
	.wp-wrap  {
		padding:0 15px;
	}
}
@media (max-width:480px) {
	.open-box, .pack-box, .send-box  {
		width:92%;
	}
}
@media (max-width:360px) {
	.open-box, .pack-box, .send-box  {
		width:91%;
	}
}










/*================ Influencers ====================*/
.inpage {
    font-weight: bold !important;
}
.players-front {
    color: #0d9648;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
}
.players-kohl {
    color: #0d9648;
    font-size: 16px;
    font-weight: medium;
    text-align: center;
}
.players-kohlB {
    color: #0d9648;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
}
.players-kohlBS {
    color: #0d9648;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}
.players {
    color: #0d9648;
    font-size: 38px;
    font-weight: bold;
    text-align: center;
}
.players-des {
    color: #404040;
    font-size: 22px;
    font-weight: 300;
    margin-bottom: 20px;
    text-align: center;
}
.players-des  span {color: #0d9648; font-weight: bold;}
.in-supp {
    color: #0d9648;
    font-size: 36px;
    font-weight: bold;
    margin: 50px 0 30px;
    text-align: center;
}
.main-circle {
    height: auto !important;
    width: auto !important;
}
.circle-img1 , .circle-img2 , .circle-img3 , .circle-img4 {
    height: auto !important;
    width: auto !important;
}

.influencers-page {
    padding-bottom: 100px;
}


.cap-area1 {
    z-index: 50;
}
.cap-area2 {
    z-index: 40;
}
.cap-area3 {
    z-index: 30;
}
.cap-area4 {
    z-index: 20;
}


.circle1-content1 {
    background: none repeat scroll 0 0 #fff;
    box-shadow: 0 0 0 1px #d6d6d6;
    left: 39px;
    padding: 20px;
    position: absolute;
    text-align: left;
    top: 158px;
	z-index: 2000;
	display: none;
}
.circle1-content1 p {
    color: #6a6a6a;
    font-size: 18px;
    font-weight: normal;
    text-align: justify;
    width: 420px;
}
.name-of-post {
    color: #6a6a6a;
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: -16px;
}
.in-re-hover {
    height: 18px !important;
    position: relative;
    top: -38px;
    width: 35px !important;
}


.circle1-content2 {
    background: none repeat scroll 0 0 #fff;
    box-shadow: 0 0 0 1px #d6d6d6;
    left: 39px;
    padding: 20px;
    position: absolute;
    text-align: left;
	z-index: 2000;
    top: 158px;
	display: none;
}
.circle1-content2 p {
    color: #2b2f2d;
    font-size: 18px;
    font-weight: normal;
    text-align: justify;
    width: 420px;
}


.circle1-content3 {
    background: none repeat scroll 0 0 #fff;
    box-shadow: 0 0 0 1px #d6d6d6;
    left: 39px;
    padding: 20px;
    position: absolute;
    text-align: left;
	z-index: 2000;
    top: 70px;
	display: none;
}
.circle1-content3 p {
    color: #2b2f2d;
    font-size: 18px;
    font-weight: normal;
    text-align: justify;
    width: 420px;
}

.circle1-content4 {
    background: none repeat scroll 0 0 #fff;
    box-shadow: 0 0 0 1px #d6d6d6;
    left: 39px;
    padding: 20px;
    position: absolute;
    text-align: left;
    top: 70px;
	z-index: 2000;
	display: none;
}
.circle1-content4 p {
    color: #2b2f2d;
    font-size: 18px;
    font-weight: normal;
    text-align: justify;
    width: 420px;
}

.slider-hold {
    margin: 0 auto;
    max-width: 1113px;
    padding: 25px;
}
.in-slider-up {
    background: none repeat scroll 0 0 #015148;
    border: 2px solid #007332;
    margin: 33px 0;
    position: relative;
}
.in-slider-bottom {
    background: none repeat scroll 0 0 #015148;
    border: 2px solid #007332;
    position: relative;
}
.slider-hold2{
    margin: 0 auto;
    max-width: 1113px;
    padding: 25px;
}




@media (max-width: 1024px) {
	.circle1-content1, .circle1-content2, .circle1-content3, .circle1-content14 { display: none !important;}
}
















/*================= Quotes Page ==============*/

.quites-h2 {
    font-weight: bold !important;
}

.quites-content > p {
    color: #404040;
    font-size: 22px;
    line-height: 1.3;
    text-align: justify;
}

.quites-content {
    background: none repeat scroll 0 0 #fff;
    border: 2px solid #4db549;
    border-radius: 20px;
    padding: 30px 25px;
    position: relative;
}
.quotes-first {
    margin-top: 30px;
    position: absolute;
    right: 65px;
}
.quotes-last {
    margin-top: 30px;
    position: absolute;
    left: 60px;
}
.quites-post {
    max-width: 552px;
    width: 100%;
}

.quite-sender {
    clear: both;
    display: table;
    float: right;
    margin-top: 40px;
    max-width: 59%;
    text-align: right;
    width: 100%;
}
.quites-title {
    float: left;
    margin-right: 20px;
}

.quites-post.last {
    float: right;
}
.quites-title > p {
    color: #404040;
    font-size: 16px;
    font-weight: 300;
    line-height: 1;
    margin: 0;
    padding: 0;
}
.quites-user img {
    border: 2px solid #4db549;
    max-width: 90px;
}
.quites-user {
    float: left;
}
.quites-title > a {
    color: #404040;
    font-size: 22px;
    font-weight: bold;
    line-height: 1;
    text-decoration: none;
}

.quite-sender.last {
    float: left;
}

.quotes-post-wrap {
    float: left;
    margin-bottom: 40px;
    width: 50%;
}
.quite-sender.last .quites-title {
    float: left;
    margin-right: 0px;
	margin-left: 20px;
}
.quites-title > a:hover { color: #4db549;} 
.quite-sender.last .quites-title > p { text-align: left;}

@media (max-width: 1111px) {
	.quites-post { width: 97%;}
	.quite-sender { max-width: 327px;}
}
@media (max-width: 720px) { 
	.quotes-post-wrap { width: 100%;}
}
@media (max-width: 400px) {
	.quite-sender { max-width: 100%; text-align: center;}
	.quites-user { float: none; margin: 15px 0;}
	.quites-title { float: none;margin-right: 0;text-align: center;}
}




/*============= Videos Page ================*/

.video-wrap {
    background: none repeat scroll 0 0 #fff;
    margin-top: 25px;
}
.videos {
    font-weight: bold !important;
}
.video-thumbs {
    margin: 0 auto;
    max-width: 1110px;
    padding: 23px 0;
}
.big-video {
    border: 1px solid #e1e1e1;
    margin-bottom: 30px;
    padding-bottom: 15px;
    padding-top: 20px;
    text-align: center;
}
.video-carosol {
    border: 1px solid #e8e8e8;
    margin: 10px 0;
    padding: 0 20px;
}
.section-comment {
    border: 1px solid #e4e4e4;
    display: table;
    margin: 38px 0;
    padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-top: 10px;
    width: 96.5%;
}
.section-comment > h2 {
    font-size: 22px;
    font-weight: bold;
    margin: 0;
    padding: 0;
    text-align: left;
}

.section-comment h2 span {
    color: #9e9e9e;
    font-weight: 300;
}
.comment-text {
    border: 1px solid #e5e5e5;
    font-size: 16px;
    line-height: 2;
    min-height: 85px;
    text-indent: 11px;
    width: 100%;
}
.comments-textarea {
    display: table;
    margin-bottom: 30px;
    position: relative;
    width: 100%;
}
.comm-angle {
    left: 26px;
    margin-top: -5px;
    position: absolute;
}

.video-comment{
    background: linear-gradient(to bottom, #e4c73e 0%, #f4d12d 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #dddddd;
    border-radius: 4px;
    box-shadow: 0 1px 13px -7px #000000;
    color: #404040;
    cursor: pointer;
    font-family: oswald;
    font-size: 21px;
    margin: 10px 8px 0 0;
    padding: 16px 4px;
    text-transform: uppercase;
    width: 193px;
}

.comment-fetch {
    clear: both;
    display: table;
    margin: 20px 0 0;
    width: 100%;
}
.comment-fetch ul { margin: 0; padding: 0;}

.comment-fetch ul li {
    border-bottom: 1px dotted #e1e1e1;
    display: table;
    list-style: none outside none;
    margin-bottom: 15px;
    padding-bottom: 10px;
    width: 100%;
}
.comm-user {
    float: left;
    margin-right: 10px;
    width: 55px;
}
.comm-user > img {
    border: 1px solid #e2e2e2;
    max-width: 53px;
}

.comment-up {
    display: table;
    width: 100%;
}

.big-video > img {
    width: 97%;
}
.comment-username {
    color: #404040;
    float: left;
    font-size: 18px;
    font-weight: bold;
    text-transform: capitalize;
}
.comment-time {
    color: #adadad;
    float: right;
    text-align: right;
    width: 17%;
}
.comment-details {
    display: table;
    float: left;
    width: 94%;
}
.comment-details p {
    font-size: 13px;
    line-height: 1;
    text-align: justify;
}
.comment-fetch ul li:last-child  { border-bottom: none; margin-bottom: 0;}

@media (max-width: 1145px) {
	.comment-details { width: 92%;}
}
@media (max-width: 850px) {
	.comment-details { width: 89%;}
}

@media (max-width: 650px) {
	.comment-details { width: 84%;}
}

@media (max-width: 480px) {	
	.comment-details {float: none; width: 90%;}
}









/*============== Our Story v2 ==============*/

.video-page-bottom > strong {
    color: #0d9648;
    display: block;
    font-size: 36px;
    margin-top: 10px;
}
.os-last {
    color: #404040;
    font-size: 30px;
    font-weight: 300;
    margin-top: 10px;
}
.os-last > strong {
    color: #0d9648;
    font-weight: bold;
}
.video-page-bottom p {
    border-bottom: 1px solid #d6d6d6;
    color: #404040;
    font-size: 22px;
    font-weight: normal;
    line-height: 1.3;
    margin-top: 3px;
    padding-bottom: 35px;
}
.our-s > span {
    color: #2b2f2d !important;
}
.video-page-bottom {
    margin-top: 25px;
}
.video-top iframe {
    height: 625px;
    width: 100%;
}




/*=========== Pledge Page ==============*/
.pl-img-1 ,.pl-img-2 ,.pl-img-3 ,.pl-img-4 { outline: 0;}
.pledge-top {
    color: #404040;
    display: block;
    font-size: 36px;
    font-weight: 300;
    text-align: center;
}
.pledge-top > a {
    color: #0d9648;
    display: block;
    font-size: 28px;
    font-weight: 300;
    text-align: center;
    text-decoration: none;
}
.pledge-top > a:hover { color: #404040; }


.pledge-box1 {
    text-align: right;
    float: left;
	margin-right: 10px;
    height: 200px;
    width: 46%;
	 margin-bottom: 22px;
}

.pledge-box2 {
   
    float: left;
	margin-left: 10px;
    height: 200px;
	 margin-bottom: 22px;
    width: 46%;
}

.pledge-box3 {
   text-align: right;
    float: left;
	margin-right: 10px;
    height: 200px;
	 margin-bottom: 22px;
    width: 46%;
}

.pledge-box4 {
   
    float: left;
	margin-left: 10px;
	 margin-bottom: 22px;
    height: 200px;
    width: 46%;
}
.pledge-bottom {}
.pledge-bottom ul { 
	margin: 0;
	padding: 0;
}
.pledge-bottom  ul li { list-style: none;}
.star-icon {
    background: url("images/pl_start.png") no-repeat scroll center top rgba(0, 0, 0, 0);
    display: block;
    height: 18px;
    width: 18px;
}
.star-icon3 {
    background: url("images/pl_star3.png") no-repeat scroll center top rgba(0, 0, 0, 0);
    display: block;
    height: 18px;
    width: 64px;
}
.star-icon2 {
    background: url("images/pl_star2.png") no-repeat scroll center top rgba(0, 0, 0, 0);
    display: block;
    height: 18px;
    width: 41px;
}
.star-icon4 {
    background: url("images/pl_star4.png") no-repeat scroll center top rgba(0, 0, 0, 0);
    display: block;
    height: 18px;
    width: 88px;
}
.pledge-box1 ul {
    float: right;
    margin: 0;
    padding: 70px 0 0;
    width: 345px;
}
.pledge-bottom ul li {
    color: #fff;
	vertical-align: middle;
    font-size: 20px;
    font-weight: bold;
	 display: inline-block;
    list-style: none outside none;
}
.pl-dolar {
    font-size: 38px !important;
    font-weight: bold !important;
    margin-left: 65px;
}
.pl-dolar2 {
    font-size: 38px !important;
    font-weight: bold !important;
    margin-right: 65px;
}
.pledge-box4 .pl-dolar2 {
    margin-left: -7px;
    margin-right: 45px;
    padding-top: 2px;
}
.pledge-box3 ul {
    float: right;
    margin: 0;
    padding: 70px 0 0;
    width: 425px;
}
.pledge-box2 ul {
    float: left;
    margin-left: 70px;
    padding: 70px 0 0;
    width: 425px;
}
.pledge-box4 ul {
    float: left;
    margin-left: 70px;
    padding: 70px 0 0;
    width: 425px;
}

.pledge-page {
    clear: both;
    display: table;
    margin-top: 15px;
    width: 100%;
}
.pledge-bottom {
    clear: both;
    display: table;
    margin-top: 31px;
    width: 100%;
}


@media (max-width: 1000px) {
	.pledge-box1, .pledge-box2, .pledge-box3, .pledge-box4 {float: none; margin-right: 0px; margin-left: 0px; width: 100%;}

}

@media (max-width: 479px) {
	
.pl-img-1 ,.pl-img-2 ,.pl-img-3 ,.pl-img-4 { width: 50%; padding: 0 15px;}
.pledge-box1, .pledge-box2, .pledge-box3, .pledge-box4 { height: auto;}
	.pledge-box1 ul , .pledge-box2 ul , .pledge-box3 ul , .pledge-box4 ul {float: none;width: 100%;}
	.pledge-box4 ul , .pledge-box2 ul { float: none; margin-left: 0; }
	.pledge-bottom ul li {padding: 0 10px; }

}








/*=================== In Media Page v2 ==================*/

.media-v2-page {
    margin-top: 25px;
}
.media-v2-feat {
    background: url("images/m_v2_shadow.png") no-repeat scroll center 95% #ebfbe0;
    max-width: 325px;
	position: relative;
}
.media-v2 {
    clear: both;
    display: table;
    width: 100%;
}
.media-v2-feat img {
    border: 1px solid #d7e7cd;
    padding: 5px;
}
.media-p-title > a {
    color: #0d9648;
    font-size: 22px;
    font-weight: bold;
    text-decoration: none;
}

.med-col1, .med-col2, .med-col3 {
    float: left;
	margin-right: 48px;
    width: 348px;
}
 .med-col3 {margin-right: 0px;}

.med-col1 li, .med-col2 li, .med-col3 li {
    display: block;
    list-style: none outside none;
    margin-bottom: 40px;
    max-width: 348px;
    text-align: center;
    width: 100%;
}
.mp-content {
    color: #404040;
    font-size: 22px;
    font-weight: normal;
}
.mp-content span {color: #bdbdbd; font-size: 14px; display: block; }


.v2-time {
    bottom: 15px;
    font-size: 14px;
    position: absolute;
    right: 17px;
	color:#bdbdbd;
}

.media-v2-page .ajax-pagi {
    display: table;
    margin: 20px 0;
    text-align: center;
    width: 100%;
}


@media (max-width: 1150px) {
	.med-col1, .med-col2, .med-col3 { width: 30%;}	
	.media-v2-feat img { width: 100%;}
}

@media (max-width: 980px) {	
	.med-col1, .med-col2, .med-col3 { float: none;  margin: 0 auto;    padding: 0; width: 95%;}
	.med-col1 li, .med-col2 li, .med-col3 li { max-width: 95%; text-align: center; }
	.media-v2-feat { margin: 0 auto; max-width: 325px;}
	
}


/*=========== Video Page Version 2 ============*/


.big-video-holder {
   
}
.big-video2 > img {
    padding: 19px;
	border: 1px solid #d4d4d4;
    width: 96%;
}
.big-video2 {
     background: url("images/v_v2_bg.png") no-repeat scroll center 102% #fff;
    width: 101%;
}
.video-wrap2 {
    clear: both;
    display: table;
    margin-top: 25px;
    width: 100%;
}
.video-container {
    float: left;
    width: 76%;
}
.video-carosol2 {
    background: none repeat scroll 0 0 #fff;
    margin-left: 10px;
    padding: 0 10px;
}
.video-sidebar {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #d4d4d4;
    float: right;
    width: 21%;
}
.video-carosol2 {
    background: none repeat scroll 0 0 #fff;
    height: 1042px;
    margin-left: 10px;
    overflow-x: hidden;
    overflow-y: scroll;
    padding: 0 10px;
}
.comment-details2 {
    display: table;
    float: left;
    width: 89%;
}
.comment-details2 p {
    color: #666666;
	font-size: 14px;
    font-weight: 300;
}
.comment-details2 .comment-username {
    color: #171717;
    float: left;
    font-size: 18px;
    font-weight: bold;
    text-transform: capitalize;
}
.video-thumbs2 > div {
    margin: 10px 0;
}

.section-comment2 {
    border: 1px solid #e4e4e4;
    display: table;
    margin: 16px 0;
    padding: 10px 20px 20px;
    width: 96.5%;
}

.section-comment2 > h2 {
    font-size: 30px;
    font-weight: bold;
	color: #2b2f2d;
    margin: 0;
    padding: 0;
    text-align: left;
}
.section-comment2 span {
    color: #9e9e9e !important;
    font-weight: 300 !important;
}
.comm-angle2 {
    left: 26px;
    margin-top: -3px;
    position: absolute;
}
.comments-textarea2 {
    display: table;
    margin-bottom: 30px;
    margin-top: 10px;
    position: relative;
    width: 100%;
}

@media (max-width: 950px) {
	.big-video2 > img {width: 94%;}	
	.big-video2 { width: 100%;}	
	.section-comment2 { width: 93.5%;}	
	.video-thumbs2 img { width: 100%;}

}

@media (max-width: 767px) {
	.video-container {float: none; margin: 0 auto; width: 98%;}
	.big-video2 > img { border: none;}		
	.video-thumbs2 img { width: auto;}
	.video-sidebar { margin: 0 auto; float: none;    width: 98%;}	
	.video-carosol2 {  height: 400px; margin-left: 0; text-align: center;}
	
}

@media (max-width: 450px) {
.big-video2 > img { width: 95%; padding: 5px;}

}



@media (max-width: 580px){
	.miss-left img { width: 90%}
}




/*============== Benefit Page ==============*/
.ben-green-box {
    background: none repeat scroll 0 0 #0d9648;
    height: 133px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2;
}

.icon-top2 {
    margin-bottom: 0;
    margin-top: -60px;
    position: relative;
    z-index: 10;
}

.ben-box1 h3, .ben-box2 h3, .ben-box3 h3 {
    color: #fff;
    font-size: 28px;
    line-height: 1.2;
    padding-top: 8px;
    position: relative;
    z-index: 11;
}
.ben-in-content {
    height: 273px;
    line-height: 1.2;
    margin-top: 35px;
    padding-bottom: 20px;
}



@media (max-width: 1075px) {	
	.ben-in-content {height: auto; margin-top: 65px;}
}



/*==================== Recycle Page ====================*/	

.recycle-heading {
    font-size: 28px;
}
.recycle-small{
    font-style: italic;
    font-size: 16px !important;
}
.signup-page .small{
    font-style: italic;
    font-size: 16px !important;
}
.hiddenCheck{
    display: none;
    visibility: hidden;
}