@charset "utf-8";
/* CSS Document */

@media only screen and (max-width: 1599px) {
	.footer .footerright .footerwidgets .footerwidget {
		width: auto;
		float: left;
		margin-right: 100px;
	}
}








@media only screen and (max-width: 1399px) {
	.wrapper {
		width: 1200px;
	}

	.navigation > div:first-child {
		padding: 0px 15px;
		border-bottom: 1px solid #636363;
	}

	.navigation > div:first-child > ul > li > a {
		padding: 0px 20px;
	}

	.navigation > div:last-child > ul > li > a {
		padding: 0px 35px;
	}

	.footer {
		padding-left: 420px;
	}

	.footer .footerleft {
		width: 420px;
	}

	.footer .footerright:before {
		left: 420px;
	}

	.footer .footerright .footerwidgets {
		padding: 60px 30px;
	}

	.footer .footerdetails {
		padding: 25px 30px;
	}



}










@media only screen and (max-width: 1199px) {
	body {
		padding-top: 81px;
	}

	h1 {
		font-size: 2.8em;
	}

	.showcase .wrapper {
		padding: 0px;
	}

	.showcase .txt {
		padding: 15px 30px;
	}








	.wrapper {
		width: 960px;
		padding: 0px 10px;
	}

	.header {
		background: #ffffff;
	}

	.header .wrapper {
		width: 100%;
		padding: 0px;
	}

	.headerleft {
		width: 100%;
		padding-right: 80px;
	}

	.header .logo {
		height: 80px;
		padding: 5px;
	}

	.header .logo img {
		height: 70px;
	}

	.header .logo p {
		font-size: 0.7em;
	}

	.header .btns {
		float: right;
	}

	.header .btns > span {
		width: 100px;
		height: 80px;
	}

	.header .btns a {
		font-size: 0.7em;
		padding: 15px 5px;
	}

	.header .btns a i {
		font-size: 25px;
	}

	.header .btns a span {
		margin-top: 6px;
	}

	.header .headerright {
		width: 80px;
		height: 80px;
		padding: 0px;
	}

	.header .headerright .mobilenavbtn {
		display: inline-block;
	}

	.navigation {
		width: 300px;
		position: fixed;
		top: 80px;
		right: -300px;
		bottom: 0px;
		background: #ffffff;
		border-left: 1px solid #d3d8dd;
		transition: 1s all ease;
		z-index: 10;
	}

	.navigation.open {
		right: 0px;
	}

	.navigation > div {
		padding: 0px !important;
	}

	.navigation > div > ul > li > a {
		line-height: 49px !important;
		padding: 0px 15px !important;
	}

	.navigation div > ul > li {
		width: 100%;
		height: auto;
		text-align: left;
		padding: 0px;
		border-bottom: 1px solid #d3d8dd;
		margin: 0px;
	}

	.navigation div > ul > li.mobilelink {
		display: inline-block;
	}

	.navigation div > ul > li > a {
		width: 100%;
		color: #ffffff !important;
		padding: 20px 15px;
		line-height: normal;
		border: 0px;
	}

	.navigation div > ul > li > a br {
		display: none;
	}

	.navigation div > ul > li > ul {
		width: 100%;
		position: static;
		display: none;
		border: 0px;
		border-top: 1px solid #c8c8c8;
	}

	.navigation div > ul > li.open > ul {
		display: inline-block;
	}

	.navigation div > ul > li > ul > li {
		font-size: 0.9em;
		border-top: 1px solid #c8c8c8;
	}

	.navigation div > ul > li > ul > li > a {
		color: #ffffff !important;
	}

	.navigation .headdesigner.desktop {
		display: none;
	}

	.navigation .headdesigner.mobile {
		width: 100%;
		display: inline-block;
		text-align: left;
	}

	.footer {
		padding-left: 0px;
	}

	.footer .footerleft {
		width: 100%;
		position: static;
		padding: 40px 15px;
	}

	.footer .footerright {
		position: relative;
		border: 0px;
	}

	.footer .footerright:before {
		width: 100%;
		height: 10px;
		left: 0px;
		top: 0px;
	}

	.footer .footerright .footerwidgets {
		display: none;
	}

	.footer .footerdetails {
		text-align: center;
		padding: 25px 15px 15px;
	}

	.footer .footerdetails p {
		font-size: 0.7em;
		margin: 0px 0px 5px;
	}

	.homebanner {
		height: 780px;
		padding-top: 175px;
	}

	.hometeam .wrapper {
		padding: 0px;
	}

	.hometeam .txt {
		padding: 15px 30px;
	}

	.homeposts .post {
		padding: 70px 10px 0px;
	}

	.homeposts .post h3,
	.homeposts .post p {
		width: 100%;
		display: inline-block;
		padding: 0px 15px;
	}

	.homeposts .post p.date {
		padding: 0px;
	}

	.homeposts .post h3 {
		font-size: 1.4em;
	}

	.innerbanner {
		padding-top: 0px;
	}

	.postlistbox h2 {
		font-size: 1.6em;
	}

	.aboutpolicies .wrapper > div {
		width: 25%;
	}

	.funrdaisebtns .wrapper > div {
		padding: 15px;
	}

	.donationvideo .wrapper {
		padding: 0px;
	}

	.donationvideo .video {
		padding: 65px 15px 60px;
	}

	.donationvideo .txt,
	.donationposts .donationbox .txt {
		padding: 15px 30px;
	}

	.fundingbox .wrapper {
		padding: 30px;
	}

	.donationposts .wrapper {
		padding: 0px;
	}

	.waystofinraise .wrapper {
		padding: 30px;
	}


}










@media only screen and (max-width: 959px) {
	h2 {
		font-size: 1.8em;
	}

	p, li, table {
		font-size: 0.9em;
		line-height: 1.6em;
	}

	.contentspace {
		padding: 75px 0px;
	}

	.contentspacetop {
		padding-top: 75px;
	}

	.contentspacebot {
		padding-bottom: 75px;
	}

	.contentmargin {
		margin: 75px 0px;
	}

	.contentmargintop {
		margin-top: 75px;
	}

	.contentmarginbot {
		margin-bottom: 75px;
	}

	.showcase .txt p {
		margin: 15px 0px 0px;
	}









	.wrapper {
		width: 768px;
	}

	.showcase .txt {
		padding: 25px;
	}

	.blogcontainer {
		padding: 0px;
	}

	.blogcontainer .blog-list {
		width: 62%;
	}

	.postlistbox {
		padding: 15px;
		margin-bottom: 15px;
	}

	.postlistbox .excerpt {
		font-size: 1em;
		margin: 15px 0px;
	}

	.postlistbox .postimg {
		height: 250px;
	}

	.blogcontainer .blogsidebar {
		width: 36%;
	}

	.homebanner {
		height: auto;
		position: relative;
		text-align: center;
		padding: 100px 0px;
		margin-bottom: 70px;
	}

	.homebanner:after {
		width: 100%;
		height: 10px;
		position: absolute;
		bottom: 0px;
		left: 0px;
		content: '';
		z-index: 1;
	}

	.hometeam {
		padding: 80px 0px 325px;
	}

	.hometeam .txt p {
		margin: 15px 0px 0px;
	}

	.homeevents {
		margin-top: -250px;
	}

	.homeposts .post .img {
		height: 290px;
		margin-bottom: 25px;
	}

	.homeposts .post h3 {
		min-height: 56px;
		margin: 0px 0px 25px;
	}

	.homeposts .post p {
		min-height: 96px;
		margin: 0px 0px 25px;
	}







}











@media only screen and (max-width: 767px) {
	body {
		padding: 61px 0px 0px;
	}

	h1 {
		font-size: 1.4em;
	}

	h2 {
		font-size: 1.8em;
	}

	h3 {
		font-size: 1.6em;
	}

	p, li, table {
		font-size: 0.9em;
	}

	a.linkbtn {
		font-size: 16px;
		line-height: 45px;
		padding: 0px 25px;
	}

	a.linkbtn:after {
		line-height: 45px;
		margin-left: 20px;
	}

	.showcase .img, .showcase .txt {
		width: 100%;
		margin: 0px;
	}

	.showcase .txt {
		padding: 25px 15px;
	}

	.mobileonly {
		display: inline-block !important;
	}

	.nomobile {
		display: none !important;
	}

	.contentspace {
		padding: 50px 0px;
	}

	.contentspacetop {
		padding-top: 50px;
	}

	.contentspacebot {
		padding-bottom: 50px;
	}

	.contentmargin {
		margin: 50px 0px;
	}

	.contentmargintop {
		margin-top: 50px;
	}

	.contentmarginbot {
		margin-bottom: 50px;
	}







	.wrapper {
		width: 480px;
	}

	.showcase .txt.righttxt,
	.showcase .txt.righttxt * {
		text-align: center;
	}

	.blogcontainer .blog-list {
		width: 100%;
	}

	.blogcontainer .blogsidebar {
		width: 100%;
	}

	.postlistbox .postimg {
		height: 200px;
	}

	.blogcontainer .blogsidebar ul li {
		font-size: 0.8em;
	}

	.blogbanner {
		height: 150px;
	}

	.blogintro {
		padding: 30px 0px;
	}

	.blogintro p {
		font-size: 1em;
	}

	.blog-post {
		padding: 20px 0px;
	}

	.blog-post .alignleft {
		max-width: 100%;
		margin: 0px 0px 15px;
	}

	.blog-post .alignright {
		max-width: 100%;
		margin: 0px 0px 15px ;
	}

	.cookiebar {
		text-align: center;
		padding: 10px 0px;
		border-top: 3px solid #1681c0;
	}

	.cookiebar p {
		font-size: 0.7em;
	}

	.cookiebar p br {
		display: none;
	}

	.cookiebar .links {
		width: 100%;
		margin-top: 5px;
	}

	.cookiebar .links a.cookieaccept {
		font-size: 13px;
		padding: 10px 15px 10px 27px;
	}

	.contacttop {
		background: none;
	}

	.contacttop .contactdetails,
	.contacttop .contactform {
		width: 100%;
	}

	.contacttop .contactdetails {
		text-align: center;
		padding: 0px 25px;
		margin-bottom: 50px;
	}

	.contacttop .contactdetails .socialbox {
		margin: 0px 5px;
	}

	.contacttop .contactform {
		background: #fafafa;
		padding: 50px 25px;
	}

	.contactmap iframe {
		height: 250px !important;
	}

	.ngg-galleryoverview .ngg-gallery-thumbnail-box {
		width: 50%;
	}

	a.linkbtn,
	.homeproducts a,
	.submitbox input {
		line-height: 40px;
	}

	.header {
		border-bottom: 1px solid #d7d7d7;
	}

	.headerleft {
		padding-right: 60px;
	}

	.header .logo {
		height: 60px;
	}

	.header .logo img {
		height: 50px;
	}

	.header .logo p {
		bottom: -25px;
		font-size: 0.6em;
		line-height: 25px;
	}

	.header .btns > span {
		width: 60px;
		height: 60px;
	}

	.header .btns a {
		padding: 0px;
		border: 0px;
	}

	.header .btns a i {
		line-height: 60px;
	}

	.header .btns a span {
		display: none;
	}

	.header .btns > span:last-child {
		display: none;
	}

	.header .headerright {
		width: 60px;
		height: 60px;
	}

	.header .headerright .mobilenavbtn {
		width: 60px;
		height: 60px;
		line-height: 60px;
		border-bottom: 0px;
	}

	.navigation {
		top: 60px;
	}

	.navigation div > ul > li.mobilelink {
		display: inline-block;
	}

	.footer .footerdetails p .contag {
		width: 100%;
		padding: 0px;
		border: 0px;
		margin: 5px 0px 0px;
	}

	.footer .footerleft {
		padding: 25px 15px;
	}

	.footer .footerleft > div > div {
		padding: 10px 0px;
		margin-bottom: 20px;
	}

	.footer .footerleft > div > div p {
		font-size: 0.8em;
		margin: 0px 0px 5px;
	}

	.footer .footerleft > div > div p:last-child {
		margin: 0px;
	}

	.footer .footerleft a.linkbtn {
		font-size: 23px;
		line-height: 50px;
	}

	.homebanner {
		padding: 60px 0px;
		margin-bottom: 50px;
	}

	.homebanner h1 {
		margin: 0px 0px 40px;
	}

	.homebanner .links {
		width: 100%;
		margin-bottom: 40px;
	}

	.homebanner .links a.linkbtn {
		font-size: 23px;
		line-height: 50px;
		margin: 0px;
	}

	.homebanner .links a.help {
		display: none;
	}

	.homeintro {
		margin-bottom: 50px;
	}

	.homeintro h2 {
		font-size: 1.2em;
		margin: 0px 0px 25px;
	}

	.homeintro p {
		width: 100%;
		margin: 0px 0px 10px;
	}

	.hometeam {
		padding: 50px 0px;
	}

	.hometeam .img,
	.hometeam .txt {
		width: 100%;
		margin: 0px;
	}

	.hometeam .txt {
		text-align: center;
		padding: 25px 15px;
	}

	.homeevents {
		padding-bottom: 50px;
		margin-top: 60px;
	}

	.homeevents h2 {
		margin: 0px;
	}

	.homeposts .post {
		width: 100%;
		padding: 50px 0px 0px;
	}

	.homeposts .post .img,
	.homeposts .post h3,
	.homeposts .post p {
		min-height: 1px;
		margin: 0px 0px 15px;
	}

	.homeposts .post .img {
		height: 200px;
	}

	.homeposts .post p {
		font-size: 0.8em;
	}

	.homeposts .post p.date {
		text-align: center;
		margin: 0px 0px 10px;
	}

	.homenews {
		padding: 50px 0px;
	}

	.homenews h2 {
		margin: 0px;
	}

	.innerbanner .wrapper {
		padding: 50px 0px;
	}

	.innerbanner h1 {
		font-size: 1.8em;
	}

	.innerbanner p {
		font-size: 0.9em;
		margin: 15px 0px 0px;
	}

	.aboutintro h2 {
		font-size: 1.4em;
		margin: 0px;
	}

	.blogcontainer .activitynote {
		font-size: 0.8em;
		margin: 15px 0px;
	}

	.blogcontainer .blogsidebar {
		margin-top: 50px;
	}

	.postlistbox h2 {
		font-size: 1.4em;
	}

	.postlistbox p {
		font-size: 0.8em;
	}

	.postlistbox p.by {
		font-size: 0.7em;
	}

	.postlistbox .postimg {
		margin-top: 15px;
	}

	.blogcontainer .blogpagination .prev-page,
	.blogcontainer .blogpagination .next-page {
		font-size: 0.8em;
	}

	.newsletterdownload .txt {
		text-align: center;
		border-top: 10px solid #ffffff;
	}

	.aboutpolicies .wrapper > div {
		width: 50%;
	}

	.contactdetails p {
		font-size: 0.8em;
	}

	.funrdaisebtns .wrapper > div {
		width: 100%;
	}

	.donationvideo .video {
		width: 100%;
		margin: 0px;
	}

	.donationvideo .video {
		padding: 25px 15px;
	}

	.donationvideo .txt,
	.donationposts .donationbox .txt {
		width: 100%;
		padding: 25px 15px;
	}

	.fundingbox .wrapper {
		padding: 25px 15px;
	}

	.donationposts .donationbox .img {
		width: 100%;
		height: 250px;
		position: static;
		border: 0px;
	}

	.giveysponsor .wrapper {
		padding: 25px 15px;
	}

	.waystofinraise .wrapper {
		padding: 25px 15px;
	}








}











@media only screen and (max-width: 479px) {
	.wrapper {
		width: 320px;
	}

	.aboutpolicies .wrapper > div {
		width: 100%;
	}


}