/* Apr 2017 | Developed by Artenergy.com */

/*
Brand Colors:

[1] Light-Blue:#2ac1d9;
[2] Red:#e63a4d;
[3] Purple:#7865be;

*/

@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,400i,600,700,700i);
/*	===================================================================
	General
	===================================================================	*/
html,body	{min-height:100%;width:100%;margin:0;padding:0;}
body		{background:#fff;font-family:Open Sans,sans-serif;}
hr			{border-color:#ddd;border-style:dotted;}
a,a:active,a:focus {color:#5d8000;outline:none;}
a:hover		{color:#314300;text-decoration:none;}
section		{text-align:center;}
p			{color:#555;}

/*	===================================================================
	H tags
	===================================================================	*/
h1,.h1,h2.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6 {
	color:#2f3846;
	font-family:Open Sans;
	line-height: 1.3em;
}
h1,.h1 {font-size:44px;}
h2,.h2 {font-size:30px;font-weight:600;letter-spacing:-.5px;}
h3,.h3 {font-size:24px;letter-spacing:-.5px;}
h4,.h4 {font-size:22px;letter-spacing:-.5px;}
h5,.h5 {font-size:16px;}
h6,.h6 {font-size:14px;}
/*  Queries */
@media (max-width:992px) {
	h2,.h2 {font-size:34px;}
	h3,.h3 {font-size:24px;}
	h4,.h4 {font-size:22px;}
}
@media (max-width:767px) {
	h1,.h1 {font-size:32px;}
	h2,.h2 {font-size:32px;}
	h3,.h3 {font-size:22px;}
	h4,.h4 {font-size:20px;}
}
@media (max-width:400px) {
	h2,.h2 {font-size:28px;}
	h3,.h3 {font-size:18px;}
	h4,.h4 {font-size:16px;}
}
/*	===================================================================
	Margins
	===================================================================	*/
.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}
.mt80 {margin-top:80px;}
.mt100 {margin-top:100px;}
.mt-10 {margin-top:-10px;}
.mt-20 {margin-top:-20px;}
.mt-40 {margin-top:-40px;}
.mt-80 {margin-top:-80px;}
.mb20 {margin-bottom:20px;}
.mb40 {margin-bottom:40px;}
.mb60 {margin-bottom:60px;}
.mb80 {margin-bottom:80px;}
.mb-20 {margin-bottom:-20px;}
/*	===================================================================
	Header logos
	===================================================================	*/
.header {
	padding-top:27px;
	height:110px;
	width:100%;
	text-align:center;
}
.header ul {
	margin-top: 10px;
}
.header li {
	height:50px;
	background-repeat:no-repeat;
	background-position:center center;
	vertical-align: middle;
	height: 60px;
}
.header .logo {
	width:200px;
	background-size:100% auto;
	margin-top: -30px;
}
.header .icon-join {
	width:71px;
	background-size:33px 22px;
	background-position:19px 10px;
}
.header .logo-gf {
	background-position: center 5px;
	width:200px;
	background-size: 100% auto;
}

@media (max-width:600px) {	
	.header {
	padding-top:5px;
	}
	.header .list-inline {
	-ms-transform:scale(.7);
	    transform:scale(.7);
	}
	.header .logo {
		width:205px;
		display:block;
		margin: -25px auto 5px;
	}
	.header .icon-join {
		width:58px;
		background-size:33px 22px;
		background-position:10px 10px;
	}
}
/*	===================================================================
	Landing
	===================================================================	*/
.display {
	width:100%;
	height:68vh;
	overflow:hidden;
	position:relative;
	background-size:cover;
	background-repeat:no-repeat;
	transition:all .5s ease-out;
	min-height: 510px;
	background-position: center -60px;
}
.display .intro {
	z-index:2;
	width:auto;
	top:9%;
	right:11%;
	bottom:350px;
	position:absolute;
	transition:all .5s ease-out;
}
.display h2 {
	color:#fff;
	letter-spacing:normal;
	font-weight:700;
	line-height: 1.3em;
	margin: 20px 0 40px;
}
.display h2 small {
	color:#fff;
	display:block;
	font-weight:400;
	letter-spacing:-.2px;
	line-height: 1.3em;
	font-size: 24px;
	padding-bottom: 14px;
}
.display h2 large {
	font-size: 32px;
}
.display h3 {
	color:#fff;
	margin:20px 0;
	font-weight:400;
	letter-spacing:-.2px;
	font-size: 24px;
	line-height: 1.3em;
}
/* Queries */
@media (max-width:1600px) and (max-height:750px) {
	.display .intro {
	top:5%;
	bottom:240px;
	}
	.display h3 {
	margin:30px 0 20px;
	}
}
@media (max-width:1200px) {
	.display .intro {
	right:10%;
	bottom:240px;
	}
}
@media (max-width:992px) {
	.display {
		height:68vh;
		min-height:600px;
		background-position: center 0;
	}
	.display .intro {
	right:8%;
	margin-left:15px;
	bottom:250px;
	}
}
@media (max-width:768px) {
	.display h2 {
	color:#fff;
	}
}
@media (max-width:480px) {
	.display {
	width:100%;
	height:68vh;
	min-height:600px;
	overflow:hidden;
	position:relative;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:-40px 0;
	}
	.display .intro {
	left:0;
	top:40px;
	}
	.display h2 {
	color:#fff;
	line-height:1em;
	text-shadow:0 0 10px rgba(0,0,0,1);
	}
	.display h3 {
	margin:15px 0;
	line-height:1.2em;
	text-shadow:0 0 10px rgba(0,0,0,1);
	}
}
/*	===================================================================
	Display 404
	===================================================================	*/
.display-color {
	width:100%;
	height:100vh;
	position:relative;
	padding:30px 0 0;
	border-top:1px solid #d0d9dc;
	transition:all .5s ease-out;
	background: #f9faf5;
}
.display-color h1 {
	margin-bottom:-10px;
}
.display-color h2 {
	line-height: 1.3em;
}
.display-color h2 small {
	display:block;
	color:#2f3846;
	font-weight:400;
	letter-spacing:-.2px;
	padding-bottom:10px;
	font-size: 24px;
}
.display-color h3 {
	line-height: 1.3em;
}
.display-color .hanging img {
	margin:60px auto 0;
	width:375px;
	float:right;
}
.display-color .text-left {
	-ms-transform:scale(.8);
	   transform:scale(.8);
}
@media (max-width:992px) {
	.display-color .hanging img {
	float:none;
	}
}
@media (max-width:480px) {
	.display-color .text-left {
	margin-top:-30px
	}	
	.display-color .hanging img {
	margin:30px auto 0;
	width:375px;
	}
}
/* List A */
.list-group.bullets-a-style {
	padding-top:20px;
}
.list-group.bullets-a-style li:before {
	left:0;
	top:17px;
	color:#888;
	font-size:5px;
	display:block;
	content:'\f111';
	position:absolute;
	font-family:'FontAwesome';
}
.list-group.bullets-a-style .list-group-item {
	border:0;
	font-size:18px;
	background:transparent;
	padding:5px 0 0 15px;
}
.list-group.bullets-a-style .list-group-item a {
	border-bottom:1px solid #5d8000;
}
/*	===================================================================
	Media Logos
	===================================================================	*/
.media-logos {
	bottom:0;
	width:100%;
	height:118px;
	z-index:2;
	position:absolute;
	text-align:center;
	background-color:rgba(255,255,255,.98);
	border-bottom:1px solid #d7d7d7;
}
.media-logos a img {
	opacity:0.4;
	width:auto;
	height:27px;
	margin:5px 30px;
	transition:all 0.4s ease-out;
}
.media-logos .list-inline li:first-child a {
	width:252px;
	height:34px;
	margin-right:-6px;
	margin-bottom:-6px;
}
.media-logos .list-inline li:last-child a {
	height:32px;
}
.media-logos a:hover img {
	-ms-transform:scale(1.1);
	   transform:scale(1.1);
}
/* Queries */
@media (max-width:992px) {
	.media-logos a img {
	margin:5px 15px;
	}
}
@media (max-width:480px) {
	.media-logos {
	height:158px;
	}
}
/*	===================================================================
	Banner
	===================================================================	*/
.content.banner {
	padding:40px 0 55px 0;	
	border-bottom:1px solid #d6d5d6;
	background:linear-gradient(to bottom,rgb(255,255,255)0%,rgb(248,245,243)100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6e0e0e0',endColorstr='#00000000',GradientType=0);
}
.content.banner .row {
	margin-bottom:60px;
}
.content.banner .text-small {
	font-size: 12px;
	color: #8f949d;
}
.keypoints .kp-point {
	height: 40px;
	margin: 10px auto;
}
.keypoints .col-md-3 a {
	font-weight: bold;
}
.keypoints .kp-point a {
	font-weight: normal;
}
.footer-points.content.banner-white .row {
	padding-bottom: 0;
}
.footer-points .col-md-4 {
	margin: 0 0 40px;
}
.footer-points .fp-icon {
	background-size: 60px auto;
	float: left;
	width: 60px;
	height: 60px;
	background-repeat: no-repeat;
}
.footer-points .fp-text {
	text-align: left;
	margin-left: 80px;
}
.footer-points .fp-text a {
	font-weight: bold;
}
/* Query */
@media (max-width:1199px) {
	.keypoints .kp-point  {
		height: 60px;
	}
}
@media (max-width:991px) {
	.keypoints .kp-point  {
		height: auto;
	}
	.keypoints .col-md-3 {
		margin-bottom: 40px;
	}
}
@media (max-width:480px) {
	.content.banner .row {
	margin-bottom:20px;
	}
}
/*	===================================================================
	Banner White
	===================================================================	*/
.content.banner-white {
	padding:43px 0 0 0;
}
.content.banner-white.banner-white-top {
	padding-bottom: 43px;
	background: rgba(255,255,255,.98);
}
.content.banner-white .row {
	padding-bottom:70px;
}
.content.banner-white.banner-white-top .row {
	padding-bottom: 0px;
}
.content.banner-white .btn-lg {
	padding-right: 60px;
	padding-left: 60px;
}
/*	===================================================================
	Fundraising Projects
	===================================================================	*/
.fund-projects {
	padding:42px 0 31px 0;
	border-bottom:1px solid #d6d5d6;
	background:linear-gradient(to bottom,rgb(255,255,255)0%,rgb(248,245,243)100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6e0e0e0',endColorstr='#00000000',GradientType=0);
}
.fund-projects h3 {
	font-weight:600;
	padding:0px 0 0 0;
	margin:-4px 0 0 0;
}
.fund-projects .row {
	font-weight:600;
	padding-top:30px;
	padding-bottom:20px;
	margin-top:30px;
	background-size:960px 1px;
	background-position:center 0;
	background-repeat:no-repeat;
	background-image:url(../img/line-funds.png);
}
.fund-projects h4 {
	font-weight:700;
	padding:20px 0 0 0;
	margin:-4px 0 15px 0;
}
.fund-projects h4 a {
	color:#2f3846;
	transition:all 0.4s ease-out;
}
.fund-projects h4 a:hover {
	color:#07A7C0;
}
.fund-projects h5 {
	color:#777;
	font-weight:400;
	margin:4px 0 18px 0;
}
.fund-projects h5 a {
	color:#777;
	font-weight:400;
	border-bottom:1px solid #888;
	transition:all 0.4s ease-out;
}
.fund-projects h5 a:hover {
	color:#2AC1D9;
	border-bottom:1px solid #2AC1D9;
}
.fund-projects .list-inline {
	margin:-8px 0 15px 0;
}
.fund-projects .list-inline li {
	color:#777;
	font-weight:400;
	font-size:16px;
	padding-right:20px;
	background-size:1px 23px;
	background-position:1px 11px;
	background-repeat:no-repeat;
	background-image:url(../img/border-vert.png);
}
.fund-projects .list-inline li span {
	color:#e63a4d;
	padding-left:15px;
	font-weight:600;
	font-size:30px;
}
.fund-projects .list-inline li:first-child {
	padding-left:0;
	background-image:none;
}
.fund-projects .list-inline li:first-child span {
	padding-left:2px;
	color:#2ac1d9;
}
.fund-projects .list-inline li:last-child span {
	color: #5d8000;
	font-size: 24px;
}
.fund-projects .list-inline li:first-child span:before {
	font-weight:300;
	content:'\f155';
	position:relative;
	font-family:'FontAwesome';
	top: -2px;
	margin-right: 1px;
	font-size: 20px;
}
.fund-projects .lead {
	color:#2f3846;
	font-weight:400;
	font-size: 18px;
	line-height: 1.6em;
}
.fund-projects .lead i {
	font-weight:400;
}
.fund-projects .see-more {
	font-weight:400;
	font-size:20px;
	letter-spacing:-.5px;
}
.fund-projects .see-more:after {
	right:-10px;
	top:-1px;
	font-size:16px;
	content:'\f061';
	font-weight:300;
	position:relative;
	font-family:'FontAwesome';
	transition:all 0.4s ease-out;
}
.fund-projects .see-more:hover:after {
	right:-15px;
}
/* Photo */
.fund-projects .fundraiser-photo {
	display:block;
	margin:30px auto 0 auto;
	background:#fff;
	border-radius:50%;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center center;
	transition:all 0.4s ease-out;
	width: 200px;
	height: 200px;
	border:4px solid #9eb366;
}
.fund-projects .fundraiser-photo:hover {
	border-color: #5d8000;
}
@media (max-width:992px) {
	.fund-projects .fundraiser-photo {
	width:230px;
	height:230px;
	}
}
@media (max-width:768px) {
	.fund-projects .fundraiser-photo {
	width:200px;
	height:200px;
	margin:10px auto 0 auto;
	}
}
@media (max-width:480px) {
	.fund-projects .pull-right {
	float:none !important;
	}
	.fund-projects .list-inline li {
	display:block;
	padding-right:20px;
	background-image:none;
	}
	.fund-projects .list-inline li span {
	padding-left:0;
	}
	.fund-projects .lead {
	font-size:17px;
	}	
	.fund-projects .see-more {
	font-size:16px;
	}
}
/*	==========================================================================
	Footer 'Sticky'
	==========================================================================	*/
html {position:relative;}
.sticky {min-height:101px;}/* Cancel height above footer */
#footer {min-height:100px; /* Set height of the footer */
	bottom:0;
	z-index:1;
	width:100%;
	position:absolute;
}
/*	===================================================================
	Footer
	===================================================================	*/
#footer {
	padding-top:10px;
	background:#fff;
	text-align:left;
	/* See 'Header & Footer paddings section' for left & right padding */
	transition:all 1s ease-out;
}
#footer .row {
	margin:0 auto;
	padding-top:10px;
	border-top:1px solid #e7e8ea;
}
#footer .copyright {
	color:#8f949d;
	font-size:10px;
	margin-left:-15px;
	letter-spacing:.2px;
}
#footer .copyright:before {
	content:'\00a9';
	padding-right:3px
}
/* Socials */
#footer .socials-icons {
	text-align:right;
	margin-right:-35px;
}
#footer .socials-icons a {
	color:#afb3b9;
	font-size:14px;
	padding:0 20px 0 0;
	transition:all 0.2s ease-out;
}
#footer .socials-icons a:hover {
	color:#2ac1d9;
}
/* Queries */
@media (max-width:768px) {
	#footer {
	text-align:center;
	}
	#footer .socials-icons {
	padding-top:10px;
	text-align:center;
	margin-right:0;
	}
}
/*	===================================================================
	List Styles
	===================================================================	*/
/* Bullets, List C */
.list-group.bullets-c-style li:before {
	left:0;
	top:-4px;
	display:block;
	font-size:30px;
	content:'\f00c';
	position:absolute;
	font-family:'FontAwesome';
}
.list-group.bullets-c-style .list-group-item {
	border:0;
	margin-top:0;
	color:#2ac1d9;
	font-size:24px;
	text-align:left;
	margin-bottom:15px;
	background:transparent;
	padding:2px 0 3px 40px;
}
.list-group.bullets-c-style .list-group-item a {
	font-weight:700;
	border-bottom:2px solid #2ac1d9;
	transition:all .2s ease-out;
}
.list-group.bullets-c-style .list-group-item a:hover {
	border-color:#07A7C0;
}
/* Queries */
@media (max-width:992px) {
	.list-group.bullets-c-style li:before {
	font-size:28px;
	}
	.list-group.bullets-c-style .list-group-item {
	font-size:22px;
	padding:0 0 3px 30px;
	}
}
@media (max-width:400px) {
	.list-group.bullets-c-style li:before {
	font-size:20px;
	}
	.list-group.bullets-c-style .list-group-item {
	font-size:18px;
	padding:0 0 3px 30px;
	}
}
/*	===================================================================
	Button Primary
	===================================================================	*/
.btn-primary {
	color:#fff;
	border-radius:7px;
	border-width:1px;
	background-color:#e63a4d;
	transition:all .2s ease-out;
	background-color: #f7b231;
	border-color: #f7b231;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 18px;
}
.btn-primary:focus,
.btn-primary:hover {
	color:#fff;
	border-color:#d38d08;
	background-color:#d38d08;
}
.btn-lg {
	padding-right: 60px;
	padding-left: 60px;
	min-width: 250px;
}
/* Queries */
@media (max-width:480px) {
	.btn-primary {
	font-size:20px;
	padding-top:12px;
	padding-bottom:12px;
	}
}
/*	===================================================================
	Button Secondary
	===================================================================	*/
.btn-secondary {
	border: 1px solid #9eb366;
    color: #5d8000;
    padding-right: 60px;
	padding-left: 60px;
	color: #5d8000;
}
.btn-secondary:focus, .btn-secondary:hover {
	border-color: #4a6700;
    color: #4a6700;
}
/*	===================================================================
	Button Symbol
	===================================================================	*/
.btn-primary.btn-symbol {
	color:#fff;
	width:364px;
	font-weight:600;
	font-size:28px;
	border-radius:7px;
	border-width:1px;
	padding:6px 27px 6px 6px;
	background-color:#2ac1d9;
	border-color:#2ac1d9;
	letter-spacing:.5px;
	transition:all .2s ease-out;
	overflow:hidden;
}
.btn-primary.btn-symbol:focus,
.btn-primary.btn-symbol:hover {
	color:#fff;
	border-color:#07A7C0;
	background-color:#07A7C0;
}
.btn-primary.btn-symbol:before {
	background-color:#fff;
	height:73px;
	width:87px;
	float:left;
	color:#2ac1d9;
	display:block;
	content:'';
	margin-right:27px;
	border-radius:4px;
	background-size:58px 49px;
	background-position:14px 14px;
	background-repeat:no-repeat;
	background-image:url(../img/heart-symbol.png);
}
.btn-primary.btn-symbol small {
	display:block;
	font-size:18px;
	font-weight:400;
	margin-top:10px;
	margin-bottom:-5px;
	text-transform:uppercase;
}
/* Queries */
@media (max-width:480px) {
	.btn-primary.btn-symbol {
	color:#fff;
	width:285px;
	font-size:20px;
}
.btn-primary.btn-symbol:before {
	margin-right:17px;
}
.btn-primary.btn-symbol small {
	font-size:16px;
	}
}
/*	===================================================================
	Back to Top
	===================================================================	*/
.back-to-top {
	opacity:0;
	color:#fff;
	height:40px;
	width:40px;
	right:20px; /* right position */
	bottom:-50px;
	z-index:2;
	position:fixed;
	cursor:pointer;
	text-align:center;
	border-radius:50%;
	-webkit-border-radius:50%;
	background-color:rgba(0,0,0,.25);
	transition:all .4s ease-out;
}
.back-to-top:hover {
	background-color:rgba(42,193,217,1);
}
.back-to-top:hover {
	background-color: #9eb366;
}
.back-to-top:before	{
	opacity:.5;
	font-size:30px;
	content:'\f106';
	line-height:36px;
	font-family:FontAwesome;
}
.back-to-top:hover:before {
	opacity:0.8;
}
.show-to-top {
	opacity:1;
	bottom:23px; /* bottom position */
	transition:all .4s ease-out;
}
/*	===================================================================
	Form
	===================================================================	*/
form,input,textarea,select {
	font-weight:normal;
}
/* Query */
@media (max-width:767px) {
	form .input-lg,
	form textarea.form-control {
	font-size:16px;
	}
}
form .input-lg,
form label.select:before {
	height:36px; /* Height for Input & Select */
}
/*	===================================================================
	Effects
	===================================================================	*/
/* Fadin In */
.fade-in {
	animation:fadeIn;
	animation-duration:2s;
}
@keyframes fadeIn {0% {opacity:0;} 100% {opacity:1;} }
/* Sliding to Right */
.sliding {
	animation:fadeIn,slideInRight;
	animation-duration:.5s;
}
/* Sliding To Right */
@keyframes slideInRight {
	from {
		transform:translate3d(100%, 0, 0);
		visibility:visible;
	}
	to {
		transform:translate3d(0, 0, 0);
	}
}
/*	===================================================================
	Extra
	===================================================================	*/
.text-muted {
	color:#999;
}
/* Centered & Middle */
.vertical-middle {
	display:table;
}
.vertical-middle .vertical-block {
	display:table-cell;
	vertical-align:middle;
}
/*	===================================================================
	Media Queries
	Min - greater or equal. Order - low to hi.
	Max - less or equal. Order - hi to low.
	===================================================================	*/