/*
	Theme Name: International Anti-Poaching Foundation
	Description:
	Version: 1.0
	Author: Steven Dean
	Author URI: http://www.stevendean.com.au
*/


@font-face {
	font-family: 'helvetica';
	src: url('fonts/helvetica.ttf');
}

@font-face {
	font-family: 'helvetica-reg';
	src: url('fonts/helvetica-reg.ttf');
}


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}
*, *:before, *:after {
	box-sizing: inherit;
	z-index: 1;
}
a {
	text-decoration: none;
	color: #cc3538;
	text-decoration: none;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
a:hover {
	color: #DD6567;
	cursor: pointer;
}
/* Stop border color on images in IE */
a img{
    border: 0px;
}
.clear {
	clear: both;
}
html {
	box-sizing: border-box;
	height: 100%;
}
.give-submit-button-wrap input, .gform_footer input, .login-submit input {
    -webkit-appearance: none;
}


body {
	font-size: 100%; /* Resets 1em to 10px */
	overflow-x: hidden;
	height: 100%;
	position: relative;
	background: #f5f5f5;
	letter-spacing: .5px;
	float: left;	
	width: 100%;
}

p{
	font-size: 12px;
	font-family: 'helvetica',sans-serif;
	margin: 0 0 5px;
}

strong{
	font-family: 'helvetica-reg', sans-serif;
}


h1,h2,h3,h4,h5,h6{
	font-family: 'museo-sans',sans-serif;
	text-transform: uppercase;

}

h4 .word1, h1 .word1, .home .content .sub-wrap h4 .word1, .home .content .sub-wrap h4 .word2,  .home .content .sub-wrap h4 .word3{
	font-family: 'museo-sans',sans-serif;
	font-weight: 900;
}


.home .content .sub-wrap h4{
	font-size: 1.5rem;
}

.content h1, .content h2, .content h3, .content h4, .content h5{
	margin: 10px 0 15px;
}



h1 {
	font-size: 2.7em;
	font-weight: 500;
}
h2 {
	font-size: 2.4em;
}
h3 {
	font-size: 2em;
}
h4 {
	font-size: 21px;
	font-weight: 300;
}
h5 {
	font-size: 1em;
	color:#D7241D;
}
h6 {
	font-size: .8em;
	line-height: 1.7;
	
}
p {
	font-size: .8em;
	margin: 0 0 18px;
	line-height: 1.7;
}


.wrap {
	width: 1100px;
	margin: 0 auto;
	position: relative;
}

.banner-wrap{
	width:1200px;
	left: 50%;
	margin-left:-600px;
	position: absolute;
	bottom:30px;
}


.wrap:after {
	content: "";
	display: table;
	clear: both;
}

.content ul{
	margin: 10px 0 30px;
}

.content ul li{
	padding: 9px 0 0 7px;
	margin: 10px 0 0 20px;
	list-style: none;
	position: relative;
	font-family: "Helvetica", sans-serif;
	font-size: .8em;
}
.content ul li:before{
	content: '\f0da';
	position: absolute;
	font-family: Fontawesome;
	color:#D7241D;
	left:-10px;
	top:8px;
	font-size: 15px;
}

.content ol li{
	    padding: 9px 0 0 7px;
    margin: 0 0 0 30px;
    position: relative;
    font-family: "Helvetica", sans-serif;
    font-size: .8em;
}

.contact ul li:before{
	display:none;
}


.error404 .content {
    margin: 100px 0 50px;
    text-align: center;
}


/* Iphone inputs zoom cancel  */

input[type="color"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],
select:focus,
textarea {
  font-size: 16px;
}


/* /////////////////////////////////////////////////////////////////////////////////////// HEADER */


.home.scrolled header, .page-template-default header, .single-post header , .page-template header,  .home.page-template-donate header{
	top:0;
	-webkit-transition: top .5s ease-in-out;
	-moz-transition: top .5s ease-in-out;
	-o-transition: top .5s ease-in-out;
	transition: top .5s ease-in-out;
}

header, .home header {
	top: -100px;
	left:0;
	position: fixed;
	background: #1f1d1d;
	width:100%;
	padding: 0px 20px;
	z-index: 10000;
	height:59px;
	-webkit-transition: top .3s ease-in-out;
	-moz-transition: top .3s ease-in-out;
	-o-transition: top .3s ease-in-out;
	transition: top .3s ease-in-out;
}

.us{
	display:none;
}

.page-template-donate .us{
	display:block;
}

.page-template-donate .au{
	display:none;
}


.fa-bars{
	color:#6A6A6A;
}


.logo {
	background-image: url(images/logo.png);
    background-repeat: no-repeat;
    background-size: 313px;
    display: block;
    width: 395px;
    height: 110px;
    text-indent: -9999em;
    z-index: 999;
    position: absolute;
    background-color: #1f1d1d;
    background-position: 61px 7px;
    border-radius: 2px;
    top: 70px;
}

.slide h3{
	color: #fff;
	font-weight:100;
	text-transform: none;
}









/* /////////////////////////////////////////////////////////////////////////////////////// NAVIGATION */

.nav-logo{
	background: url(images/rhino.png);
	width:65px;
	height:35px;
	background-size: cover;
	background-position: center;
	position: relative;
	display: block;
	float: left;
	margin: 10px 0 0 10px;
}

.donate-top{
	float: right;
	color:#fff;
	background: #D7241D;
	padding: 7px 30px;
	font-family: 'museo-sans',sans-serif;
	position: relative;
	margin: 7px 30px;
	border-radius: 2px;
	cursor: pointer;
	margin: 13px 35px 10px 0;
	-webkit-transition: background .3s ease-in-out, color .3s ease-in-out;
-moz-transition:  background .3s ease-in-out, color .3s ease-in-out;
-ms-transition: background .3s ease-in-out, color .3s ease-in-out;
-o-transition:  background .3s ease-in-out, color .3s ease-in-out;
transition: background .3s ease-in-out, color .3s ease-in-out;

}

.donate-top:hover{
	background: #f61f16;
	color:#fff;
	-webkit-transition: background .3s ease-in-out, color .3s ease-in-out;
-moz-transition:  background .3s ease-in-out, color .3s ease-in-out;
-ms-transition: background .3s ease-in-out, color .3s ease-in-out;
-o-transition:  background .3s ease-in-out, color .3s ease-in-out;
transition: background .3s ease-in-out, color .3s ease-in-out;
}


.sub-men-text{
	color:#888;
	font-size: .7rem;
	margin: 5px 0 0;
	display:block;
}

.off-canvas .sub-men-text{
	display:none;
}



.header-nav{
	float: right;
	margin: 0 20px 0 0;
}

.header-nav ul {
	padding: none;
}

.header-nav li{
	list-style:none;
	display:inline-block;
	font-family: "museo-sans",sans-serif;
	position: relative;
}



.header-nav li a{
    color: #fff;
    font-size: 14px;
    font-weight: 100;
    padding:20px 25px 17px;
    cursor: pointer;
    position: relative;
    display: block;

}

.header-nav li:hover{
	color: #fff;
	background: rgba(255,255,255,.1);

}


.header-nav li {
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}


/* Level 2 */
.header-nav ul > li > ul {
	text-align: left;
	width: auto;
	opacity: 0;
	visibility: hidden;
	background: #292929;
	position: absolute;
	z-index: 9999999;
	top: 58px;
	left:0;
	-webkit-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
	-moz-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
	-ms-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
	-o-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
	transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
}

.header-nav ul li ul li {
	display: block;
	position: relative;
	min-width: 270px;
}

.header-nav ul > li:hover > ul {
	opacity: 1;
	visibility: visible;

}
.header-nav ul ul li a, .header-nav ul ul ul li a {
	color: #efefef;
	padding: 20px 28px;
	font-size: .9rem;
	border-bottom: 1px solid rgba(255,255,255,.06);
}



/* Level 3 */
.header-nav ul > li > ul > li > ul {
	text-align: left;
	opacity: 0;
	visibility: hidden;
	background: #2C3946;
	position: absolute;
	top:0;
	left: 230px;
	z-index: 9999999;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.header-nav ul > li > ul > li:hover > ul {
	opacity: 1;
	visibility: visible;
}



/* /////////////////////////////////////////////////////////////////////////////////////// OFF CANVAS */


#top-ham {
 width: 30px;
 height: 30px;
 position: absolute;;
 -webkit-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 transform: rotate(0deg);
 -webkit-transition: .5s ease-in-out;
 -moz-transition: .5s ease-in-out;
 -o-transition: .5s ease-in-out;
 transition: .5s ease-in-out;
 cursor: pointer;
 z-index: 999;
 top: 28px;
 padding: 10px;
 right: 30px;
 display:none;
}

#top-ham span {
 display: block;
 position: absolute;
 height: 3.5px;
 width: 100%;
 background: #fff;
 border-radius: 3px;
 opacity: 1;
 right: 0;
 -webkit-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 transform: rotate(0deg);
 -webkit-transition: .25s ease-in-out;
 -moz-transition: .25s ease-in-out;
 -o-transition: .25s ease-in-out;
 transition: .25s ease-in-out;
}


#top-ham span:nth-child(1) {
 top: 0px;
 -webkit-transform-origin: left center;
 -moz-transform-origin: left center;
 -o-transform-origin: left center;
 transform-origin: left center;
}

#top-ham span:nth-child(2) {
 top: 9px;
 -webkit-transform-origin: left center;
 -moz-transform-origin: left center;
 -o-transform-origin: left center;
 transform-origin: left center;
}

#top-ham span:nth-child(3) {
 top: 18px;
 -webkit-transform-origin: left center;
 -moz-transform-origin: left center;
 -o-transform-origin: left center;
 transform-origin: left center;
}

#top-ham.open span:nth-child(1) {
 -webkit-transform: translate(8px,-1px) rotate(45deg);
 -moz-transform: translate(8px,-1px) rotate(45deg);
 -o-transform: translate(8px,-1px) rotate(45deg);
 transform: translate(8px,-1px) rotate(45deg);
}

#top-ham.open span:nth-child(2) {
 width: 0%;
 opacity: 0;
}

#top-ham.open span:nth-child(3) {
 -webkit-transform: translate(8px,2px) rotate(-45deg);
 -moz-transform: translate(8px,2px) rotate(-45deg);
 -o-transform: translate(8px,2px) rotate(-45deg);
 transform: translate(8px,2px) rotate(-45deg);

}

.off-canvas-wrap{
    overflow: hidden;
	z-index: 9999;
}

.off-canvas {
    position: fixed;
    width: 100%;
	height: 100%;
    top: -100%;
    left: 0;
    padding:10px 20px 200px;
    display: block;
    background: #292929;
    z-index: 9999;
	overflow: scroll;
-webkit-overflow-scrolling: touch;
	-webkit-transition: top .3s ease-in-out ;
	-moz-transition: top .3s ease-in-out ;
	-o-transition: top .3s ease-in-out ;
	transition: top .3s ease-in-out ;
}

.mob-menu {
    border-bottom: rgba(255,255,255,.1) 1px solid;
    padding: 0 0 30px;
}



.mob-clicked .off-canvas{
	top:-100%;
	-webkit-transition: top .3s ease-in-out ;
-moz-transition: top .3s ease-in-out ;
-o-transition: top .3s ease-in-out ;
transition: top .3s ease-in-out ;
}



.off-canvas li{
	list-style:none;
	font-family: "Museo-sans",sans-serif;
	min-height: 50px;
	position: relative;
}

.off-canvas li li{
	min-height:30px;
	position: relative;
}

.off-canvas ul ul{
	margin: 30px 0 0;
}

.off-canvas li li:before{
	content:'\f105';
	font-family: "Fontawesome";
	position: absolute;
	left: 20px;
	top:0;
	color:#D7241D;
	font-size: 1rem;

}

.off-canvas li a{
		color:#efefef;
		padding: 22px 0 0 50px;
		display: block;
		font-weight: 100;
		text-transform: uppercase;
		font-size: .8rem;
		height: 45px
}

.off-canvas li li a{
	padding: 0 0 0 40px;
	display: block;
	margin: 0;
	color:#fff;
}



.off-canvas .menu-item-has-children span {
    position: absolute;
    left: 0;
    top: 12px;
    border:1px solid #D7241D;
    width: 35px;
    height: 35px;
    cursor: pointer;
    padding: 5px 9px;
    color: #fff;
    font-size: 19px;
    text-align: center;
	background:none;
}



.off-canvas .menu-item-has-children{
	max-height: 40px;
	overflow: hidden;
	position: relative;
	-webkit-transition: max-height .3s ease-in-out, border-bottom .3s ease-in-out;
	-moz-transition: max-height .3s ease-in-out, border-bottom .3s ease-in-out;
	-ms-transition: max-height .3s ease-in-out, border-bottom .3s ease-in-out;
	-o-transition: max-height .3s ease-in-out, border-bottom .3s ease-in-out;
	transition: max-height .3s ease-in-out, border-bottom .3s ease-in-out;
}


.off-canvas .menu-item-has-children.active{
	max-height: 4000px;
	border-bottom: none;
	-webkit-transition: max-height .3s ease-in-out, border-bottom .3s ease-in-out;
	-moz-transition: max-height .3s ease-in-out, border-bottom .3s ease-in-out;
	-ms-transition: max-height .3s ease-in-out, border-bottom .3s ease-in-out;
	-o-transition: max-height .3s ease-in-out, border-bottom .3s ease-in-out;
	transition: max-height .3s ease-in-out, border-bottom .3s ease-in-out;
}

.off-canvas .menu-item-has-children.active:before{
	color:#D7241D;
}

.off-canvas .d-mob{
	background: #D7241D;
color: #fff;
font-family: "Museo-sans",sans-serif;
text-align: center;
margin: 30px 0 0;
padding: 10px 50px;
display: block;
float: right;
width: 100%;
}







/* /////////////////////////////////////////////////////////////////////////////////////// HERO	SLIDER */


/* MOB BG  ////////// */

.mob-bg{
	background-size: cover;
    background-position: top 80px left 0px;
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;

}

.mob-bg .hero-text{
	width: 90%;
	display:block;
	margin-left:auto;
	left: 5%;

}

.mob-bg .hero-but{
	width: 100%;
	text-align: center;
	left: 5%;
}


.slider-wrap {
	top: 0;
    width: 100%;
    height: 100%;
	z-index: 0;
    background: #fff;
}

.slider{
	width: 100%;
	height: 100%;
	z-index: 9;
	position: relative;
	float: left;
}
.slide{
	    width: 100%;
    background-size: cover;
    background-position: center;
    height: 100%;
}

.hero-text{
	width:1100px;
	position: absolute;	
	left: 50%;
	margin: -200px 0 0 -550px;
	bottom:15%;
	z-index: 4;
	
}

.slide span, .hero-text span{
	margin:0 0 10px;
	font-size: 2.6rem;
	font-weight: 200;
	text-transform: uppercase;
	color: #fff;
	font-family: 'museo-sans',sans-serif;
	display: block;
}

.slide span strong{
font-weight: 900;
}

.home-grad{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.56+44,1+100 */
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.56) 44%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.56) 44%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.56) 44%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    height: 42%;
    width: 100%;
    opacity: .8;
}


.slider-wrap .fa-angle-down {
    position: absolute;
    bottom: 20px;
    z-index: 99;
    background: rgba(255,255,255,.1);
    left: 50%;
    color: #fff;
    width: 50px;
    height: 50px;
    text-align: center;
    padding: 6px 0 7px;
    font-size: 2.8rem;
    border-radius: 25px;
	cursor: pointer;
	margin: 0 0 0 -25px;
	-webkit-transition: bottom .3s ease-in-out, background .3s ease-in-out;
-moz-transition: bottom .3s ease-in-out, background .3s ease-in-out;
-ms-transition: bottom .3s ease-in-out, background .3s ease-in-out;
-o-transition: bottom .3s ease-in-out, background .3s ease-in-out;
transition: bottom .3s ease-in-out, background .3s ease-in-out;
}

.slider-wrap .fa-angle-down:hover{
	bottom:16px;
	background: rgba(255,255,255,.2);
-webkit-transition: bottom .3s ease-in-out, background .3s ease-in-out;
-moz-transition: bottom .3s ease-in-out, background .3s ease-in-out;
-ms-transition: bottom .3s ease-in-out, background .3s ease-in-out;
-o-transition: bottom .3s ease-in-out, background .3s ease-in-out;
transition: bottom .3s ease-in-out, background .3s ease-in-out;
}

.hero-but, .hero-but-us{
	background: #D7241D;
	padding: 15px 60px;
	color:#fff;
	font-family: 'museo-sans',sans-serif;
	font-size: 1rem;
	font-weight: 700;
	display:inline-block;
	cursor: pointer;
	-webkit-transition: background .3s ease-in-out, color .3s ease-in-out;
-moz-transition:  background .3s ease-in-out, color .3s ease-in-out;
-ms-transition: background .3s ease-in-out, color .3s ease-in-out;
-o-transition:  background .3s ease-in-out, color .3s ease-in-out;
transition: background .3s ease-in-out, color .3s ease-in-out;
}

.hero-but:hover, .hero-but-us:hover{
	background: #f61f16;
    color: #fff;

-webkit-transition: background .3s ease-in-out, color .3s ease-in-out;
-moz-transition:  background .3s ease-in-out, color .3s ease-in-out;
-ms-transition: background .3s ease-in-out, color .3s ease-in-out;
-o-transition:  background .3s ease-in-out, color .3s ease-in-out;
transition: background .3s ease-in-out, color .3s ease-in-out;
}


/* /////////////////////////////////////////////////////////////////////////////////////// DONATE HOME */

.donate-home{
	position: fixed;
background: #fff;
color: #464646;
width: 900px;
padding: 40px ;
z-index: 1000;
left: 50%;
overflow: scroll;
-webkit-overflow-scrolling: touch;
opacity: 0;
top: 10%;
height: 790px;
box-shadow: 0px 20px 30px rgba(1,1,1,.2);
-webkit-transform: translate(-50%);
-moz-transform: translate(-50%);
-ms-transform: translate(-50%);
-o-transform: translate(-50%);
transform: translate(-50%);
visibility: hidden;
-webkit-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
-moz-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
-o-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
transition: opacity .3s ease-in-out, visibility .3s ease-in-out;

}

/* ///////// US DONATION */

.donate-us{
	opacity: 1;
	visibility:visible;
	position: relative;
	top:auto;
	left:auto;
	width: auto;
	height:auto;
	transform:none;
}

.page-template-donate .content .donate-home ul li{
        display: inline-block;
        padding:0;
    list-style: none;
    width: auto;
    margin: 8px 6px 8px 0;
    list-style: none;
    font-size: .8em;
}
.page-template-donate .content .donate-home li:before{
	display:none;
}
.page-template-donate .give-form-title{
	display:none;
}

.page-template-donate .news-signup{
	display:none;
}




.donate-home .guidestar p{
    font-size: .7em;
    margin: 23px 25px 0 0;
    line-height: 1.7;
    color: #000;
    font-family: "helvetica",sans-serif;
    float: right;
    width: 390px;
	
}
.donate-home .guidestar{
	position: relative;
	width: 70%;
	float: right;
	text-align: right;
	bottom:0;
	right:0;
	margin:-80px 0 0;
}


.donate-home .guidestar a{
    background: url(images/guidestar.jpg);
    background-repeat: no-repeat;
    width: 100px;
    height: 100px;
    display: block;
    background-size: 100%;
    float: right;
}

.donate-home .fa-times {
    right: 20px;
    position: absolute;
    top: 20px;
	cursor: pointer;
}

.donate-home .fa-times:hover:before{
	color:#D7241D
}
.donate-home .give-form-wrap{
	float: left;
	width: 100%;
	overflow:hidden;
}


.donate-ol{
	width:100%;
	height:100%;
	position: fixed;
	background: rgba(255,255,255,.8);
	z-index: 999;
	opacity: 0;
	visibility:hidden;
	-webkit-transition: opacity .3s ease-in-out, visibility .3s ease-in-out ;
		-moz-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
		-o-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
		transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
}

.give-success .donate-ol, .give-success .donate-home{
	display:none;
}

.au-d-clicked .donate-au, .d-clicked .donate-ol, .us-d-clicked .donate-us{
	opacity: 1;
	visibility:visible;
	-webkit-transition: opacity .3s ease-in-out, visibility .3s ease-in-out ;
		-moz-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
		-o-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
		transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
}



.donate-home .give_warning{
	display:none;
}

.donate-home .give-form-title{
	font-size: 22px;
	font-family: "museo-sans",sans-serif;
	font-weight: 100;
	border-bottom: 4px dotted #464646;
	padding:0 0 5px;
	    float: left;
    width: 100%;
}


.donate-home .give-donation-level-btn{
    color:#464646;
	border: 1px solid #999;
    width: 88px;
    font-size: 15px;
    padding: 12px 0;
    font-weight: 100;
    border: none;
	cursor: pointer;
	background:none;
		-webkit-transition: background .3s ease-in-out, color .3s ease-in-out;
-moz-transition:  background .3s ease-in-out, color .3s ease-in-out;
-ms-transition: background .3s ease-in-out, color .3s ease-in-out;
-o-transition:  background .3s ease-in-out, color .3s ease-in-out;
transition: background .3s ease-in-out, color .3s ease-in-out;
}

.donate-home #give-donation-level-button-wrap li{
    border: 1px #464646 solid;
    color: #464646;
}



.donate-home .give-donation-level-btn:hover{
		background: #f61f16;
	color:#fff;
	-webkit-transition: background .3s ease-in-out, color .3s ease-in-out;
-moz-transition:  background .3s ease-in-out, color .3s ease-in-out;
-ms-transition: background .3s ease-in-out, color .3s ease-in-out;
-o-transition:  background .3s ease-in-out, color .3s ease-in-out;
transition: background .3s ease-in-out, color .3s ease-in-out;
}

.donate-home .active .give-donation-level-btn{
	 background: #D7241D;
}


.donate-home li{
	display:inline-block;
	list-style: none;
	width:auto;
	margin: 8px 6px 8px 0;
}
.donate-home li:nth-child(7) .give-donation-level-btn {
	width:auto;
    padding: 12px;
    color: #464646;
}



.donate-home .give-total-wrap{
	width:100%;
	margin: 15px 0 0px;
	float: left;
}



.donate-home .give-loading-text{
	opacity:0;
	visibility:hidden;
	display:none;
	-webkit-transition: opacity .3s ease-in-out, visibility .3s ease-in-out, display  .3s ease-in-out .3s;
		-moz-transition: opacity .3s ease-in-out, visibility .3s ease-in-out, display  .3s ease-in-out .3s;
		-o-transition: opacity .3s ease-in-out, visibility .3s ease-in-out, display  .3s ease-in-out .3s;
		transition: opacity .3s ease-in-out, visibility .3s ease-in-out, display  .3s ease-in-out .3s;
}

.donate-home form[id*=give-form] .give-donation-amount .give-currency-symbol, .donate-home .give-hidden{
	font-family: "helvetica",sans-serif;
	text-transform: uppercase;
	font-size: 14px;
}


.donate-home .give-recurring-donors-choice label{
	    display: block;
    color: #fff;
    font-weight: 500;
    font-family: "helvetica",sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    background: #D7241F;
    padding: 15px 20px 15px 60px!important;

}
.give-recurring-donors-choice{
	position: relative;
}

.give-recurring-donors-choice label{
	font-size: 14px;
}

.give-recurring-donors-choice input[type="checkbox"]{
	position: absolute!important;
	    left: 25px!important;
    top: 19px!important;
}


.donate-home .give-amount-top {
    width: 181px;
    margin: 0 0 6px 4px;
		padding: 12px;
		border:1px solid #333;
}


.donate-home .give-btn-reveal, .donate-home .give-submit {
	background: #D7241D;
	color: #fff;
	border: none;
	padding: 12px 40px;
	font-size: 16px;
	font-weight: 100;
	height: 44px;
	margin: 12px 0;
	cursor: pointer;
}

.donate-home .give_error {
    color: #D7241D;
    font-family: "helvetica",sans-serif;
    font-size: 20px;
		display: block;
		float: left;
		width: 100%;
}



.donate-home #give-email-wrap{
	width:48%;
}

#give_secure_site_wrapper {
    float: left;
    width: 100%;
    margin: 0 0 10px;
}

#give_secure_site_wrapper span {
    color: green;
    font-family: "Helvetica";
    float: left;
    width: 90%;
    padding: 0 0 0 25px;
}

.padlock{
    background-image: url(images/lock.svg);
    width: 20px;
    height: 20px;
    position: absolute;
    display: block;
    background-repeat: no-repeat;
    float: left;
}






.donate-home .give-payment-mode-label, .donate-home #give-gateway-radio-list {
	font-family: "helvetica",sans-serif;
}
.donate-home #give-gateway-radio-list{
	margin: 0 0 15px;
}

.donate-home .form-row-first{
	width:48%;
	float: left;
	clear: right;
}

.donate-home #give-register-account-fields-58 .form-row-first, .donate-home #give-register-account-fields-351 .form-row-first{
	width: 100%;
}

.donate-home input[type=password]{
	margin: 10px 0 0;
}

#give_cc_fields legend {
    float: left;
}
#give-register-account-fields-58 .word1{
	font-weight: 700;
}

#give-register-account-fields-58 label, #give_checkout_user_info label, #give_cc_fields label, #give_cc_address label, #give-register-account-fields-351 label {
    display: none;
}

.donate-home .form-row-wide, .donate-home .d-amount{
	width:auto;
	float:left;
}

.donate-home .d-amount{
display:none;
}

.donate-home .give-input{
	background: none;
	border: 1px #464646 solid;
	padding: 13px;
	color:#464646;
	font-size: 13px;
	font-family: "helvetica",sans-serif;
}

.donate-form .give-label {
    text-transform: uppercase;
    font-weight: 900;
    font-family: "museo-sans";
}

.donate-home .form-row-last{
	float: right;
	width:48%;
}

.donate-home  .give-input {
    width: 100%;
}

/* cc section */

.donate-home  legend{
	text-transform: uppercase;
font-weight: 100;
font-family: "museo-sans", sans-serif;
padding: 0 0 4px;
border-bottom: 3px dotted #464646;
margin: 20px 0 16px;
display: block;
width: 29%;
}

.donate-home legend .word1, .give-form-title .word1{
	font-weight: 700;
}

.donate-home #billing_country, .donate-home .card_state {
    background: none;
    color: #464646;
    width: 100%;
		float: left;
	}


.donate-home #billing_country label, .donate-home #card_state label{
	display:block;
}



/* Donation Modal */

.donate-home #give-card-cvc-wrap{
	width: 33%;
	float: right;
}

.donate-home #give-card-number-wrap{
	float:left;
	width:60%;
	clear: right;

}

.donate-home .card-expiration {
	float:right;
	width:20%;
}

.donate-home #give-card-name-wrap{
	width:75%;
	float: left;
}

.donate-home #give-card-address-wrap{
	width:48%;
	float: left;
}

.donate-home #give-card-address-2-wrap{
	float:right;
	width:48%;
}

.donate-home #give-card-city-wrap{
	width:66%;
	float: left;
}
.donate-home #give-card-zip-wrap{
	width:29%;
	float:right;
}

.donate-home #give-final-total-wrap{
	font-family: 'museo-sans',sans-serif;
	font-weight: 300;
	font-size: 18px;
	text-transform: uppercase;
}



.donate-home ::-webkit-input-placeholder {
   color: #464646;
}

.donate-home :-moz-placeholder { /* Firefox 18- */
   color: #464646;
}

.donate-home ::-moz-placeholder {  /* Firefox 19+ */
    color: #464646;
}

.donate-home :-ms-input-placeholder {
    color: #464646;
}

.donate-home .give-final-total-amount {
    color: #D7241D;
}



.donate-home #billing_country, .donate-home #card_state{
	-webkit-appearance: button;
   -webkit-border-radius: 2px;
   -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
   -webkit-padding-end: 20px;
   -webkit-padding-start: 2px;
   -webkit-user-select: none;
   background-image: url(images/15xvbd5.png) ;
   background-position: 97% center;
   background-repeat: no-repeat;
   color: #464646;
   font-size: 12px;
   margin: 10px 0;
   overflow: hidden;
   padding: 5px 10px;
   text-overflow: ellipsis;
   white-space: nowrap;
   width: 100%;
	 font-weight: 100;
}






/* Donation page form au */



#give-form-87-wrap .give-recurring-donors-choice{
	background: none;
	border:none;
	font-family: "helvetica",sans-serif;
	padding: 3px 8px 3px 0;
}

#give-form-87-wrap .give-donation-level-btn, #give-form-87-wrap .give-amount-top {
    background: none;
    color: #464646;
    border: 1px #464646 solid;
		width:88px;
    font-size: 15px;
		padding: 12px 0;
    font-weight: 100;
}


#give-form-87-wrap li{
	display:inline-block;
	list-style: none;
	width:auto;
	margin: 8px 6px 8px 0;
}
#give-form-87-wrap li:nth-child(7) .give-donation-level-btn {
	width:190px;
}

#give-form-87-wrap li:nth-child(7){
	width:181px;
	margin: 0 18px 0 0;
}

#give-form-87-wrap .give-total-wrap{
	width:100%;
	margin: 15px 0 0px;
}


#give-form-87-wrap .give-loading-text, #give-form-87-wrap #give-payment-mode-wrap{
	opacity:0;
	visibility:hidden;
	display:none;
	-webkit-transition: opacity .3s ease-in-out, visibility .3s ease-in-out, display  .3s ease-in-out .3s;
		-moz-transition: opacity .3s ease-in-out, visibility .3s ease-in-out, display  .3s ease-in-out .3s;
		-o-transition: opacity .3s ease-in-out, visibility .3s ease-in-out, display  .3s ease-in-out .3s;
		transition: opacity .3s ease-in-out, visibility .3s ease-in-out, display  .3s ease-in-out .3s;
}

#give-form-87-wrap form[id*=give-form] .give-donation-amount .give-currency-symbol, #give-form-87-wrap .give-hidden{
	font-family: "helvetica",sans-serif;
	text-transform: uppercase;
	font-size: 14px;
}
#give-form-87-wrap .give-recurring-donors-choice label{
	font-family: "helvetica",sans-serif;
	text-transform: uppercase;
	font-size: 14px!important;
}


#give-form-87-wrap .give-amount-top {
    width: 181px;
    margin: 0 0 6px 4px;
		padding: 12px;
}


  .give-submit {
	background: #D7241D;
	color: #fff;
	border: none;
	padding: 12px 40px;
	font-size: 16px;
	font-weight: 100;
	height: 44px;
	margin: 12px 0;
	-webkit-transition: background .3s ease-in-out, color .3s ease-in-out;
-moz-transition:  background .3s ease-in-out, color .3s ease-in-out;
-ms-transition: background .3s ease-in-out, color .3s ease-in-out;
-o-transition:  background .3s ease-in-out, color .3s ease-in-out;
transition: background .3s ease-in-out, color .3s ease-in-out;
}

  .give-submit:hover{
	background: #f61f16;
	color:#fff;
	-webkit-transition: background .3s ease-in-out, color .3s ease-in-out;
-moz-transition:  background .3s ease-in-out, color .3s ease-in-out;
-ms-transition: background .3s ease-in-out, color .3s ease-in-out;
-o-transition:  background .3s ease-in-out, color .3s ease-in-out;
transition: background .3s ease-in-out, color .3s ease-in-out;
}

#give-form-87-wrap .give_error {
    color: #D7241D;
    font-family: "helvetica",sans-serif;
    font-size: 13px;
}

#give-form-87-wrap #give-email-wrap{
	width:48%;
}



#give-form-87-wrap .give-payment-mode-label, #give-form-87-wrap #give-gateway-radio-list {
	font-family: "helvetica",sans-serif;
}

#give-form-87-wrap .form-row-first{
	width:48%;
	float: left;
	clear: right;
}

#give-form-87-wrap .form-row-wide, #give-form-87-wrap .d-amount{
	width:auto;
	float:left;
}

#give-form-87-wrap .d-amount{
	font-family: "helvetica",sans-serif;
text-transform: uppercase;
font-size: 14px!important;
margin: 13px 10px 0 0;
}

#give-form-87-wrap .give-input{
	background: none;
	border: 1px #464646 solid;
	padding: 13px;
	color:#464646;
	font-size: 13px;
	font-family: "helvetica",sans-serif;
}

.donate-form .give-label {
    text-transform: uppercase;
    font-weight: 900;
    font-family: "museo-sans";
}

#give-form-87-wrap .form-row-last{
	float: right;
	width:48%;
}

#give-form-87-wrap  .give-input {
    width: 100%;
}



#give-form-87-wrap .give-donation-level-button-wrap li{
 display: inline-block;
 vertical-align: middle;
 -webkit-transform: translateZ(0);
 transform: translateZ(0);
 box-shadow: 0 0 1px rgba(0, 0, 0, 0);
 -webkit-backface-visibility: hidden;
 backface-visibility: hidden;
 -moz-osx-font-smoothing: grayscale;
 position: relative;
 -webkit-transition-property: color;
 transition-property: color;
 -webkit-transition-duration: 0.3s;
 transition-duration: 0.3s;
}

/* cc section */

#give-form-87-wrap  legend{
	text-transform: uppercase;
font-weight: 100;
font-family: "museo-sans", sans-serif;
padding: 0 0 4px;
border-bottom: 3px dotted #464646;
margin: 20px 0 16px;
display: block;
width: 29%;
}

#give-form-87-wrap legend .word1, .give-form-title .word1{
	font-weight: 700;
}

#give-form-87-wrap #billing_country, #give-form-87-wrap .card_state {
    background: none;
    color: #464646;
    width: 100%;
		float: left;
	}


#give-form-87-wrap .give-recurring-donors-choice label{
	display:block;
	float: right;
	margin: 2px 0 0 5px;
}
#give-form-87-wrap #billing_country label, #give-form-87-wrap #card_state label{
	display:block;
}





#give-form-87-wrap :-moz-placeholder { /* Firefox 18- */
   color: #464646;
}

#give-form-87-wrap ::-moz-placeholder {  /* Firefox 19+ */
    color: #464646;
}

#give-form-87-wrap :-ms-input-placeholder {
    color: #464646;
}

#give-form-87-wrap .give-final-total-amount {
    color: #D7241D;
}


#give-form-87-wrap #billing_country, #give-form-87-wrap #card_state{
	-webkit-appearance: button;
   -webkit-border-radius: 2px;
   -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
   -webkit-padding-end: 20px;
   -webkit-padding-start: 2px;
   -webkit-user-select: none;
   background-image: url(images/15xvbd5.png) ;
   background-position: 97% center;
   background-repeat: no-repeat;
   color: #464646;
   font-size: 12px;
   margin: 10px 0;
   overflow: hidden;
   padding: 5px 10px;
   text-overflow: ellipsis;
   white-space: nowrap;
   width: 100%;
	 font-weight: 100;
}


/* Donation Confirmation   */

.give-success .post > p {
    font-size: 29px;
}

.page-template-default.give-success .page-banner{
	height: 530px;
}

#give_donation_receipt.give-table {
    font-size: 14px;
    font-family: 'helvetica',sans-serif;
    margin: 0 0 5px;
}

.give_error.give_success{
	position: relative;
	display: inline-block;
}

.give_error.give_success:after{
    content: "\f058";
    font-family: "Fontawesome";
    color: #44CB2E;
    right: -40px;
    font-size: 30px;
    top: -14px;
    position: absolute;
}

.give-success  h3{
	width: 100%;
	float: left;
}

#give_donation_receipt.give-table tr{
	    margin: 3px 0;
    float: left;
    width: 100%;
}

.give-table .row{
	font-weight: 600;
}

#give_donation_receipt {
    font-size: 15px;
    font-family: 'helvetica',sans-serif;
    margin: 0 0 5px;
    background: #fff;
    float: left;
    padding: 30px 30px 50px;
}

.give-receipt-thead-text {
    font-size: 26px;
    font-family: 'helvetica',sans-serif;
    font-weight: 500;
    text-align: left;
    float: left;
    margin: 0 0 20px;
    border-bottom: 4px dotted rgba(4,4,4,.3);
    padding: 0 0 6px;
}


    #give_subscription_receipt.give-table thead th:first-child {
      text-align: left; }
  #give_subscription_receipt.give-table th {
  	font-size: 14px;
    font-family: 'helvetica',sans-serif;
    padding: 21px 25px;
    font-weight: 500;
    border-top: 1px solid #E8E8E8;
    border-bottom: 1px solid #e0e0e0;
    border-left: 1px solid #e0e0e0;
    border-right: none;
    background: #F6F6F6;
    text-align: center;
    font-weight: bold; }
  #give_subscription_receipt.give-table tbody tr {
    text-align: center; }
    #give_subscription_receipt.give-table tbody tr td {
    	font-size: 14px;
    font-family: 'helvetica',sans-serif;
      padding: 18px;
      border: none;
      border-top: 1px solid #ffffff;
      border-bottom: 1px solid #e0e0e0;
      border-left: 1px solid #e0e0e0;
      background: #FFF;
      text-align: center; }
    #give_subscription_receipt.give-table tbody tr td:first-child {
      text-align: left;
      border-left: 0; }
  #give_subscription_receipt.give-table tbody tr:nth-child(even) td {
    background: #fcfcfc; }



/* DONATE FEAT /////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////// HOW YOU CAN HELP;*/


.donate-feat {
	width:100%;
	float:left;
	padding: 150px 0 ;
	    z-index: 0;
    background: #fff;
}


.donate-feat ul li{
	width: 33%;
	float: left;
	list-style: none;
	text-align: center;
	position: relative;
	height: 380px;
	cursor: pointer;
}



.donate-feat .feat-image{
	width: 100%;
	height: 300px;
	background-size:80%;
	 background-position: center;
	background-repeat: no-repeat;

}

	.donate-feat ul li:nth-child(5) .feat-image, .donate-feat ul a:nth-child(5) .feat-image {
    background-size: 150px;
}




.donate-feat ul li button{
	border: 1px rgba(3,3,3, .3) solid;
	background: none;
	padding: 10px 20px;
	font-size: 14px;
	text-transform: uppercase;
}




.donate-feat .give_warning{
	display:none;
}

.donate-feat .give-form-title{
	display:none;
}

.donate-feat .give-recurring-donors-choice{
	background: none;
	border:none;
	font-family: "helvetica",sans-serif;
	padding: 3px 8px 30px 0px;
}


.donate-feat .give-total-wrap{
	width:100%;
	margin: 15px 0 0px;
}



.donate-feat .give-loading-text, .donate-feat #give-payment-mode-wrap{
	opacity:0;
	visibility:hidden;
	display:none;
	-webkit-transition: opacity .3s ease-in-out, visibility .3s ease-in-out, display  .3s ease-in-out .3s;
		-moz-transition: opacity .3s ease-in-out, visibility .3s ease-in-out, display  .3s ease-in-out .3s;
		-o-transition: opacity .3s ease-in-out, visibility .3s ease-in-out, display  .3s ease-in-out .3s;
		transition: opacity .3s ease-in-out, visibility .3s ease-in-out, display  .3s ease-in-out .3s;
}

.donate-feat form[id*=give-form] .give-donation-amount .give-currency-symbol{
	font-family: "helvetica",sans-serif;
	text-transform: uppercase;
	font-size: 14px;
}
.donate-feat .give-recurring-donors-choice label{
	font-family: "helvetica",sans-serif;
	text-transform: uppercase;
	font-size: 14px!important;
}

 .donate-feat .give-hidden{
	display:none;
}


.donate-feat .give-amount-top {
    width: 181px;
    margin: 0 0 6px 4px;
		padding: 12px;
}


.donate-feat .give-btn-reveal, .donate-feat .give-submit {
	background: #D7241D;
	color: #fff;
	border: none;
	padding: 12px 40px;
	font-size: 16px;
	font-weight: 100;
	height: 44px;
	margin: 12px 0;
}

.donate-feat .give_error {
    color: #D7241D;
    font-family: "helvetica",sans-serif;
    font-size: 13px;
}



.donate-feat #give-email-wrap{
	width:48%;
}





.donate-feat .give-payment-mode-label, .donate-feat #give-gateway-radio-list {
	font-family: "helvetica",sans-serif;
}

.donate-feat .form-row-first{
	width:48%;
	float: left;
	clear: right;
}

.donate-feat .form-row-wide, .donate-feat .d-amount{
	width:auto;
	float:left;
}

.donate-feat .d-amount{
	font-family: "helvetica",sans-serif;
text-transform: uppercase;
font-size: 14px!important;
margin: 13px 10px 0 0;
}

.donate-feat .give-input{
	background: none;
	border: 1px #464646 solid;
	padding: 13px;
	color:#464646;
	font-size: 13px;
	font-family: "helvetica",sans-serif;
}

.donate-form .give-label {
    text-transform: uppercase;
    font-weight: 900;
    font-family: "museo-sans";
}

.donate-feat .form-row-last{
	float: right;
	width:48%;
}

.donate-feat  .give-input {
    width: 100%;
}



.donate-feat #give-card-cvc-wrap{
	width: 33%;
	float: right;
}

.donate-feat #give-card-number-wrap{
	float:left;
	width:60%;
	clear: right;

}

.donate-feat .card-expiration {
	float:right;
	width:20%;
}

.donate-feat #give-card-name-wrap{
	width:75%;
	float: left;
}

.donate-feat #give-card-address-wrap{
	width:48%;
	float: left;
}

.donate-feat #give-card-address-2-wrap{
	float:right;
	width:48%;
}

.donate-feat #give-card-city-wrap{
	width:66%;
	float: left;
}
.donate-feat #give-card-zip-wrap{
	width:29%;
	float:right;
}

.donate-feat #give-final-total-wrap{
	font-family: 'museo-sans',sans-serif;
	font-weight: 300;
	font-size: 18px;
	text-transform: uppercase;
}

.donate-feat #give_purchase_form_wrap fieldset {
    margin: 0px 0 40px ;
}

.donate-feat ::-webkit-input-placeholder {
   color: #464646;
}

.donate-feat :-moz-placeholder { /* Firefox 18- */
   color: #464646;
}

.donate-feat ::-moz-placeholder {  /* Firefox 19+ */
    color: #464646;
}

.donate-feat :-ms-input-placeholder {
    color: #464646;
}

.donate-feat .give-final-total-amount {
    color: #D7241D;
}



.donate-feat #billing_country, .donate-feat #card_state{
	-webkit-appearance: button;
   -webkit-border-radius: 2px;
   -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
   -webkit-padding-end: 20px;
   -webkit-padding-start: 2px;
   -webkit-user-select: none;
   background-image: url(images/15xvbd5.png) ;
   background-position: 97% center;
   background-repeat: no-repeat;
   color: #464646;
   font-size: 12px;
   margin: 10px 0;
   overflow: hidden;
   padding: 5px 10px;
   text-overflow: ellipsis;
   white-space: nowrap;
   width: 100%;
	 font-weight: 100;
}


.donate-feat #give_checkout_user_info p, .donate-feat #give_checkout_user_info legend, .donate-feat #give_cc_fields, .donate-feat #give_cc_address, .donate-feat #give_purchase_submit{
	display:none;
}
.feat-d .donate-feat #give_checkout_user_info p, .feat-d .donate-feat #give_checkout_user_info legend, .feat-d .donate-feat #give_cc_fields, .feat-d .donate-feat #give_cc_address,.feat-d  .donate-feat #give_purchase_submit{
	display:block;
}

.donate-feat .give_purchase_submit{
	margin: 20px 0 50px;;
}


/* /////////////////////////////////////////////////////////////////////////////////////// INFOGRAPHICS */
.info-wrap {
    padding: 70px 0;
}

.sub-wrap {
    position: relative;
    display: block;
    float: left;
		margin: 0 0 30px;
	}



.dotted-hr{
	width:2000%;
	position: absolute;
	right:0;
	border:none;
  border-top:4px dotted rgba(4,4,4,.2);
  color:#fff;
  height:4px;
}

.center-hr{
	right:0;
	border:none;
  border-top:4px dotted rgba(4,4,4,.2);
  color:#fff;
  height:4px;
	width:400px;
	margin: 0 auto 30px;
}

.feat-hr{
	border:none;
  border-top:4px dotted rgba(255,255,255,.5);
  color:#fff;
  height:4px;
	margin: 10px auto 10px;
	right:0;
	width:300px;

}

.donate-hr{
	border:none;
  border-top:4px dotted rgba(255,255,255,.4);
  color:#fff;
  height:4px;
	margin: 10px 0 20px;

}

.blog-hr{
	left:0;
	border:none;
  border-top:3px dotted rgba(255,255,255,1);
  color:#fff;
  height:3px;
	width:150px;
	margin: 10px 0;
}
#chart-mob{
	background: url(images/chart.jpg) no-repeat;
	background-position: center;
	background-size: contain;
	width:100%;
	height: 450px;
	display:none;
}

#chart{
  position:relative;
  margin-top:40px;
  width:500px;
  height:390px;
	border-bottom: 2px #222 solid;
}
@-webkit-keyframes bargrowth{
  0%   {max-height: 0%;}
  100%  {max-height: 100%;}
}
@keyframes bargrowth{
  0%   {max-height: 0%;}
  100%  {max-height: 100%;}
}
.scrolled .bar{
  -webkit-animation: bargrowth 2s ease-in-out;
  animation: bargrowth 2s ease-in-out;
  position:absolute;
  bottom:0;
  display:inline-block;
}


.bar:before{
	position: absolute;
top: -17px;
color: #222;
left: 50%;
margin: -5px 0 0 -16px;
font-family: "museo-sans",sans-serif;
font-weight: 700;
font-size: 16px;

}

.bar:after{
	bottom: -25px;
	position: absolute;
	font-size: 14px;
	left:50%;
	margin: 0 0 0 -17px;
	font-family: 'helvetica-reg',sans-serif;
}


#year-1{
	background: rgba(204, 53, 56, 0.28);
}
#year-2{
	background: rgba(204, 53, 56, 0.37);
}
#year-3{
	background: rgba(204, 53, 56, 0.49);
}
#year-4{
	background: rgba(204, 53, 56, 0.58);
}
#year-5{
	background: rgba(204, 53, 56, 0.68);
}
#year-6{
	background: rgba(204, 53, 56, 0.95);
}
#year-7{
	background: rgba(204, 53, 56, 0.84);
}

#year-1:before{
	content:'122';
}
#year-2:before{
	content:'333';
}
#year-3:before{
	content:'448';
}
#year-4:before{
	content:'668';
}
#year-5:before{
	content:'1004';
	margin: -5px 0 0 -19px;
}
#year-6:before{
	content:'1215';
	margin: -5px 0 0 -19px;
}
#year-7:before{
	content:'1175';
	margin: -5px 0 0 -19px;
}




#year-1:after{
	content: "2009";
}
#year-2:after{
	content: "2010";
}
#year-3:after{
	content: "2011";
}
#year-4:after{
	content: "2012";
}
#year-5:after{
	content: "2013";
}
#year-6:after{
	content: "2014";
}
#year-7:after{
	content: "2015";
}




.graph{
	float: left;
  margin-top:30px;
  width:500px;
	height:550px;
  font-size:12px;
	margin: 80px 0 0 100px;
}

.graph h5{
	color: #333;
}

.right-fact{
	float: left;
	width:30%;
	text-align: center;
	margin: 40px 0 0 100px;
}

.right-fact:first-child{
	margin: 0 0 0 100px;;
}

.right-fact h5{
	font-size: 27px;
	text-transform: none;
	color:#111
}
.fact-img{
	width:200px;
	height:100px;
	background-position: center;
	display:block;
	background-repeat: no-repeat;
	margin: 0 auto;
}

.fact-one .fact-img{
	background-image: url(images/info/rhino.png);
}

.fact-two .fact-img{
	background-image: url(images/info/rifle.png);
}

.fact-three .fact-img{
	background-image: url(images/info/rhino.png);
}

.right-fact p{
	width:250px;
	margin: 0 auto;
}




/* Clock Counter */

.fact-one .wrapper:before{
	content:'18';
	position: absolute;
	top:50%;
	left:50%;
	font-family: 'museo-sans',sans-serif;
	z-index: 999;
	font-weight: 700;
	font-size: 50px;
	margin: -29px 0 0 -26px;

}
.fact-one p{
	z-index: 9;
}

.wrapper {
  width: 150px;
  height: 150px;
  margin: 20px auto;
  position: relative;
	z-index: 1;
}
.left {
  width: 75px;
  height: 150px;
  position: absolute;
  top: 0;
  left: 0;
	border-top:25px solid #D7251E;
	border-left:25px solid #D7251E;
	border-bottom:25px solid #D7251E;
  border-radius: 100px 0 0 100px;
  z-index: 10;
  opacity: 0;
  animation: fill 5s steps(1, end) 1;
  animation-fill-mode: forwards;
}
.right {
  width: 75px;
  height: 150px;
  position: absolute;
  top: 0;
  right: 0;
  border-top:25px solid #D7251E;
	border-right:25px solid #D7251E;
	border-bottom:25px solid #D7251E;
  border-radius: 0 100px 100px 0;
  z-index: 10;
  opacity: 1;
  animation: mask 5s steps(1, end) 1;
  animation-fill-mode: forwards;
}
.rotate {
  /*
  The mask is slightly larger than the two halfs
  to prevent a trailing outline
  */
  width: 76px;
  height: 152px;
  position: absolute;
  top: -1px;
  right: -1px;
  background: #F5F5F5;
  z-index: 20;
  transform-origin: 0 50%;
  animation: rota 5s linear 1;
  animation-fill-mode: forwards;
}
@keyframes rota {
  0%   { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes fill {
  0%        { opacity: 0; }
  50%, 100% { opacity: 1; }
}
@keyframes mask {
  0%        { z-index: 10; }
  50%, 100% { z-index: 30; }
}


/* ///////////////////////////////////////////////////////////////////////////////////////  WE ARE IAPF */

.we-wrap {
    position: relative;
    display: block;
    float: left;

    width: 100%;
	text-align: center;
	color:#fff;
	overflow:hidden;
	z-index: -1;
}
.we-wrap .vid {
    position: fixed;
top: 50%;
left: 50%;
width: auto;
height: auto;
min-width: 100%;
min-height: 100%;
-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	 -ms-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%);
 z-index: 0;
}

.we-wrap:after{
	content: '';
	background:rgba(5,5,5,.5);
	width: 100%;
	position: absolute;
	height:100%;
	z-index: 0;
	top:0;
	left:0;
}

.we-wrap .wrap{
	padding: 200px 0 230px;
}

.we-wrap h5{
	color:#D7241D;
	font-size: 1.5rem;
	font-weight: 100;
}

.we-wrap h3{
	font-size: 2rem;
}

.we-wrap p{
	width: 100%;
    margin: 0 auto;
    text-align: center;
    font-size: .9rem;
}

/* /////////////////////////////////////////////////////////////////////////////////////// WHAT WE DO */

.what-wrap{
	padding: 70px 0;
	z-index: 0;
    background: #fff;
}
.we-grid{
	position: relative;
width: 65%;
height: 100%;
float: right;
clear: none;
margin: 70px 0 0;
}


.we-grid div{
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
	float: left;
	clear: none;
	border: 2px #F5F5F5 solid;
}
.we-one {
    width: 60%;
    height: 315px;
	background-position: center;
}
.we-two{
	width:40%;
	height:215px;
	background-position: center;
}
.we-three{
	width:60%;
	height:150px;
	background-position: top left;
}

.we-four {
    width: 40%;
    height: 250px;
    margin: -100px 0 0 0;
	background-position: top -40px left;
}


/* /////////////////////////////////////////////////////////////////////////////////////// FROM THE FRONTLINES*/

.center-head{
	text-align: center;
	font-size: 30px;
	margin: 0;
}

.blog{
	float: left;
	width: 100%;
	display:block;
	height:auto;
	padding: 120px 0 0;
	z-index: 0;
    background: #fff;
}

.blog-stories{
	float: left;
	width:100%;
}


.blog-ol{
	background: rgba(1,1,1, .6);
	width:100%;
	height:100%;
	visibility: hidden;
	opacity:0;
	-webkit-transition: opacity 500ms ease-in-out, visibility 500ms ease-in-out ;
		-moz-transition: opacity 500ms ease-in-out, visibility 500ms ease-in-out;
		-o-transition: opacity 500ms ease-in-out, visibility 500ms ease-in-out;
		transition: opacity 500ms ease-in-out, visibility 500ms ease-in-out;
}

.blogpost{
	float:left;
	cursor: pointer;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	position: relative;

}

.blogpost:hover .blog-ol{
	opacity: 1;
	visibility: visible;
	-webkit-transition: opacity 500ms ease-in-out, visibility 500ms ease-in-out ;
    -moz-transition: opacity 500ms ease-in-out, visibility 500ms ease-in-out;
    -o-transition: opacity 500ms ease-in-out, visibility 500ms ease-in-out;
    transition: opacity 500ms ease-in-out, visibility 500ms ease-in-out;
}

.blog-item1{
	width:50%;
	height:400px;
	border-right:2px #fff solid;

}
.blog-item2{
	width:20%;
	height:400px;
	border-left: 2px #F5F5F5 solid;
	border-right: 2px #F5F5F5 solid;
}
.blog-item3, .blog-item4{
width:30%;
height:200px;
}

.blog-item3{
	border-left: 2px #F5F5F5 solid;
	border-bottom:2px #F5F5F5 solid;
}

.blog-item4{
	border-top: 2px #F5F5F5 solid;
	border-left: 2px #F5F5F5 solid;
}

.blog-title{
	color:#fff;
	font-size: 19px;
	position: relative;

}


.blog-title .word2, .blog-title .word1{
	font-weight: 700;
}

.blog-intro p:before{
	content:"\f0c1";
	position: absolute;
	font-family: Fontawesome;
	color: #D7241D;
	left:0;
	top:-3px;
	font-size: 19px;
}
.blog-intro{
	position: absolute;

}

.blog-intro p{
	color:#fff;
	position: relative;
	padding: 0 0 0 26px;
}

.blog-item1 .blog-intro{
		bottom: 22px;
		left:60px;
		right:60px;
}

.blog-item2 .blog-intro{
	bottom:42px;
	left:40px;
	right:40px;
}

.blog-item3 .blog-intro, .blog-item4 .blog-intro{
	bottom:32px;
	left:40px;
	right:40px;
	padding: 0 20px 0 0
}

.blog .center-hr{
	margin: 0 auto 40px;
}



/* /////////////////////////////////////////////////////////////////////////////////////// HOME CONTENT HOME */

.content .sub-wrap h4{
	font-size:30px;
}

.home .sub-wrap h1{
	font-size:1.7rem;
}

.content .sub-wrap, .content .post {
	clear:both;
}

.content .sub-wrap h1{
	margin: 0;
}

.sub-mob{
	margin:130px 0 0;
	display:block;
}

.home .content{
	width:33%;
	float: left;
}

.more{
	font-family: "museo-sans",sans-serif;
	border:1px solid #D7241D;
	padding: 7px 35px;
	font-size: 12px;
	letter-spacing: 0;

}

 .more{
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.more:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #D7241D;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.more:hover, .more:focus, .more:active {
  color: white;
}
.more:hover:before, .more:focus:before, .more:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}

.back{
    clear: both;
    float: none;
    margin: 0 auto;
    display: block;
    width: 164px;
    text-align: center;
    top:20px;

}



.blog .more{
	margin: 30px auto 0;
	display: block;
	width:135px;

}



/* /////////////////////////////////////////////////////////////////////////////////////// HOME & PAGE CONTENT */

 .single-post .content, .page-template .content{
	width:80%;
	padding: 70px 0;
	margin-left: 10%;
	float:left;

}

.page-template-donate .content{
	width: 100%;
	padding: 0;
	margin-left: auto;
}

.page-template-default .content{
	width: 50%;
	float: left;
}


.home .content .post{
	margin: 0;
	float: none;
}


.page-template-private-school .content{
	width:100%;
	left:auto
}

.page-template-home .content{
	margin: auto;
	padding: auto;
	width:33%;
	float: left;
}


.content h1, .content h2, .content h3, .content h4{
	margin: 5px 0 20px;
}

.content h5{
	color:#D7241D;
	margin: 0 0 10px;
}

.drop-wrap h5{
	margin: 0 0 25px;
}


.sub-wrap h4{
	margin: 0;
}


.home .main {
	width: 100%;
	padding: 100px;
	position: relative;
	color:#f5f5f5;
}

.page-template-donate .main{
	padding: 50px 0;
}
.page-template-default .main {
	width: 100%;
	background: #f5f5f5;
}

.page-template-private-school .sidebar{
	padding: 80px 0;
}



/* /////////////////////////////////////////////////////////////////////////////////////// Gallery-styles; */


.img-caption{
	display:none;
}

.gallery-item{
	float:left;
	margin: 5px;
}

/* /////////////////////////////////////////////////////////////////////////////////////// INNER PAGE; */

.page-template-default .main{
	padding: 150px;
}

.page-template-default .page-banner {
 width: 40%;
    height: 700px;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    margin: 90px 0 0;
    float: right;
	background-position: center;
}

.page-template-default .page-banner:after{
	display:none;
}

.page-template .page-banner, .single .page-banner{
	height:520px;
	background-position: center;
	position: relative;
	background-repeat:no-repeat;
	background-size: cover
}

.page-template-home .page-banner{
	height:auto;
	background-position:auto;
}

.page-template-green .page-banner:after{
	background: none;
}
.page-banner:after{
	position: absolute;
	content:" ";
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:0;
	background: rgba(3,3,3,.3);

}


.page-banner .dotted-hr{
	border-top: 4px dotted rgba(255,255,255,.2);
	margin: 4px 0 0 ;
}

.page-banner h1{
	color:#fff;
	font-size: 29px;
}



/* ///////////////////////////////////////////////////////////////////////////////////////  Advisory Committee Inner */

.comm-img {
    width: 20%;
    height: 240px;
    background-position: center;
    background-size: 100%;
    float: left;
		background-repeat: no-repeat;
}

.comm-content{
	width: 75%;
float: right;
margin: 60px 0 0;
}
.comm-members {
    width: 100%;
    float: left;

}


/* /////////////////////////////////////////////////////////////////////////////////////// Green Army Inner */

.page-template-green .post {
    margin: 0 0 80px;
}
.faq {
    float: left;
		margin: 0 1% 0 1% ;
		height:150px;
		width: 46%;
}

.faq-wrap{
	margin: 40px 0;


}

.faq h5{
	margin: 20px 0 5px;
	font-size: 14px;
}

/* Gallery */

.gallery-wrap{
	clear: both;
	width: 100%;
	float: left;
	margin: 30px 0 100px;
}


.green-gallery{
	margin: 40px 0;
}

.story-img {
    width: 33.3%;
    float: left;
    border: 2px solid #F5F5F5;
	}

.story-img img{
	width:100%;
	height:auto;
}

.page-template-green .center-hr{
	clear: both;

}
.gallery-wrap.center-hr{
		margin: 0 auto 30px;
		display: block;
}



.page-template-green .center-head{
	clear: both;
	margin: 70px 0 0;
	width:100%;
	float: left;
}


.page-template-green .contact{
	float: left;
	width:100%;
}


.gform_validation_container{
	display:none;
}

.contact-form input{
	width:100%;
	float: left;
}

.contact-form input[type="text"]{
	width:100%;
}
/* /////////////////////////////////////////////////////////////////////////////////////// FAQ Inner */

.faq-content {
    margin: 15px 0;
    float: left;
}


/* /////////////////////////////////////////////////////////////////////////////////////// Contact Inner */


.contact-akubo{
	float: left;
	width:100%;
	background: #fff;
    padding: 50px;
    margin: 50px auto;
}

.contact-akubo .center-hr{
	margin: 0 auto; 
}

.contact-akubo h3{
	text-align: center;
	margin: 0;
	font-size: 1.3rem;
}
.contact-akubo .form-fields .con-half{
	width: 50%;
	float: left;
}
.contact-akubo .form-fields .con-thirds{
	width: 33%;
	float: left;
}
.contact-akubo .form-fields li:before{
	display:none;
}
.page-template-contact .content ul li{
	margin: 0;
}

.contact-akubo input[type="text"] {
	height: 33px;
    border: 1px rgba(3,3,3, .1) solid;
	float:left;
}

.contact-akubo label{
	text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    font-family: "Museo-sans";
    letter-spacing: .1px;
    margin: 3px 0 7px;
    float: left;
}

.con-select select {
   background: transparent;
   height: 34px; 
    border: 1px rgba(3,3,3, .1) solid;
	border-radius: 0px;
	width: 100%;
} 



.contact-akubo input[type="submit"]{
	    display: inline-block;
    background: #D7241D;
    color: #fff;
    border: none;
    padding: 12px 40px;
    font-size: 16px;
    font-weight: 100;
    height: 44px;
    margin: 12px 0 0 8px;
	width: auto;
}




/* ///////////////////////////////////////////////////////// GALLERY */

.file-list-wrap{
	    clear: both;
    float: left;
    width: 100%;
}

.file-list-wrap a{
float: left;
height: 200px;
margin: 5px;
width: 23%;
background-position: center;
background-repeat: no-repeat;
position: relative;
background-size: cover;
}
.file-list-wrap a:before{
	content:'';
	opacity: 0;
	visibility: hidden;
	background: rgba(5,5,5,.5);
	position: absolute;
	width: 100%;
	height:100%;
	display: block;
	-webkit-transition: visibility .3s ease-in-out, opacity .3s ease-in-out;
-moz-transition: visibility .3s ease-in-out, opacity .3s ease-in-out;
-ms-transition: visibility .3s ease-in-out, opacity .3s ease-in-out;
-o-transition: visibility .3s ease-in-out, opacity .3s ease-in-out;
transition: visibility .3s ease-in-out, opacity .3s ease-in-out;
}

.file-list-wrap a:after{
	opacity: 0;
	visibility: hidden;
	content:"\f0c1";
	font-family: "Fontawesome";
	position: absolute;
	bottom:20px;
	left: 20px;
	display:block;
	width: 30px;
	height:30px;
	font-size: 20px;
	color:#DB241D;
	-webkit-transition: visibility .3s ease-in-out, opacity .3s ease-in-out;
-moz-transition: visibility .3s ease-in-out, opacity .3s ease-in-out;
-ms-transition: visibility .3s ease-in-out, opacity .3s ease-in-out;
-o-transition: visibility .3s ease-in-out, opacity .3s ease-in-out;
transition: visibility .3s ease-in-out, opacity .3s ease-in-out;
}
.file-list-wrap a:hover:before, .file-list-wrap a:hover:after{
	visibility: visible;
	opacity: 1;
	color:#DB241D;
}


/* /////////////////////////////////////////////////////////////////////////////////////// News Inner */


.date {
	position: relative;
	margin: 0 0 20px 20px;
}
.date:before{
	content:"\f073";
	font-family: "Fontawesome";
	position: absolute;
	left: -20px;
	top:0;
	color: #D7241D;
}

.page-template-news .center-hr{
	margin: 0 auto 20px;
}
.flags{
position: absolute;
top:-300px;
color:#fff;
font-size: 12px;
font-family: "museo-sans",sans-serif;
text-transform: uppercase;
padding: 5px 0 0 40px;
left:30px;
	-webkit-transition: top .4s ease;
-moz-transition: top .4s ease ;
-o-transition: top .4s ease;
transition: top .4s ease ;
}

.region-story:hover .flags{
	top:30px;
	-webkit-transition: top .4s ease .2s;
    -moz-transition: top .4s ease .2s;
    -o-transition: top .4s ease .2s;
    transition: top .4s ease .2s;

}
.flags:before{
	content: '';
width:27px;
height: 27px;
	position: absolute;
	left:10px;
	top:-3px;
	background-size: 80%;
	background-position: center;
	background-repeat: no-repeat;

}

#moz:before{
	background-image:url(images/moz.png);
}
#zim:before{
	background-image:url(images/zim.png);
}
#sa:before{
	background-image:url(images/sa.png);
}
#ken:before{
	background-image:url(images/ken.png);
}

.region-story{
	float: left;
	position: relative;
	background-position: center;
	background-size: cover;
	padding: 50px;
	overflow:hidden;
	border: 2px #F5F5F5 solid;
	width:100%;
	height:300px;
}

.region-story-text{
	width:700px;
	float: right;
}
.country-wrap{
	float: left;
	width:100%;
	margin: 20px 0 0;

}
.region-story-head:before{
	content:"\f0c1";
	font-family: Fontawesome;
	color: #D7241D;
	left:-5px;
	top:0px;
	font-size: 19px;
	position: absolute;
	-webkit-transition: visibility .5s ease-in-out, opacity .5s ease-in-out;
	-moz-transition: visibility .5s ease-in-out, opacity .5s ease-in-out;
	-o-transition: visibility .5s ease-in-out, opacity .5s ease-in-out;
	transition: visibility .5s ease-in-out, opacity .5s ease-in-out;
}
.region-story .blog-ol{
	background: rgba(4,4,4,.5);
		margin: -50px;
	width:100%;
	height:100%;
	position: absolute;
	opacity: 0;
	visibility: hidden;
	cursor: pointer;
	-webkit-transition: visibility .5s ease-in-out, opacity .5s ease-in-out;
	-moz-transition: visibility .5s ease-in-out, opacity .5s ease-in-out;
	-o-transition: visibility .5s ease-in-out, opacity .5s ease-in-out;
	transition: visibility .5s ease-in-out, opacity .5s ease-in-out;

}



.region-story:hover .blog-ol{
	opacity: 1;
	visibility: visible;
	-webkit-transition: visibility .5s ease-in-out, opacity .5s ease-in-out;
	-moz-transition: visibility .5s ease-in-out, opacity .5s ease-in-out;
	-o-transition: visibility .5s ease-in-out, opacity .5s ease-in-out;
	transition: visibility .5s ease-in-out, opacity .5s ease-in-out;

}

.region-story-head{
	color:#fff;
	position: absolute;
	font-size: 17px;
	font-family: "museo-sans",sans-serif;
	text-transform: uppercase;
	letter-spacing: 0;
	padding: 0 0 0 20px;
	width:75%;
	bottom:-150px;
	-webkit-transition: bottom .2s ease ;
	-moz-transition: bottom .2s ease ;
	-o-transition: bottom .2s ease ;
	transition: bottom .2s ease ;

}
.region-story:hover .region-story-head{
	bottom:35px;
	-webkit-transition: bottom .2s ease-in-out .1s;
	-moz-transition: bottom .2s ease-in-out .1s;
	-o-transition: bottom .2s ease-in-out .1s;
	transition: bottom .2s ease-in-out .1s;
}


.page-template-media .story-1 {
    width: 50%;
    float: left;
    height: 150px;
}
.page-template-media .story-2{
	float: right;
	width: 50%;
	height: 300px;

}
.page-template-media .story-3{
	float: left;
	width: 50%;
	height: 150px;
}

.page-template-media  .story-4{
	float: left;
	width: 70%;
}
.page-template-media .story-5{
	float: right;
	width: 30%;
}

/* /////////////////////////////////////////////////////////////////////////////////////// PROJECTS PAGE*/

.project-wrap {
    float: left;
    width: 100%;
	position: relative;
	min-height: 0;
}

.projects .project-wrap{
	min-height: 300px;
}

.map{
	width: 500px;
    display: block;
    height: auto;
    margin: 0 auto 60px;
	-webkit-transition: width .3s ease-in-out .1s;
	-moz-transition: width .3s ease-in-out .1s;
	-o-transition: width .3s ease-in-out .1s;
	transition: width .3s ease-in-out .1s;
}

.projects .map{
	width: 300px;
		-webkit-transition: width .2s ease-in-out .1s;
	-moz-transition: width .2s ease-in-out .1s;
	-o-transition: width .2s ease-in-out .1s;
	transition: width .2s ease-in-out .1s;
}

.page-template-projects .content h3, .page-template-prev-projects .content h3{
	text-align: center;
	margin: 0;
	position: relative;
	display: inline-block;
	padding: 0 0 0 20px;
	

}

.page-template-projects .content h3:before, .page-template-prev-projects .content h3:before{
	    content: "";
    width: 27px;
    height: 27px;
    position: absolute;
    left: -15px;
    top: 5px;
    background-size: 80%;
    background-position: center;
    background-repeat: no-repeat;
}


.moz h3:before{
	background-image:url(images/moz.png);
}

.ken h3:before{
	background-image:url(images/ken.png);
}
.zim h3:before{
	background-image:url(images/zim.png);
}
.sa h3:before{
	background-image:url(images/sa.png);
}


.page-template-projects .main, .page-template-prev-projects .main{
	padding: 100px 0;
}
.page-template-projects .content, .page-template-prev-projects .content{
	padding: 0;
}


.project-list{
	opacity:0;
	visibility:hidden;
	text-align: center;
	max-height: 0px;
	position: relative;
	width: 100%;
	overflow: hidden;
	-webkit-transition: visibility .2s ease-in-out, opacity .2s ease-in-out;
-moz-transition:visibility .2s ease-in-out, opacity .2s ease-in-out;
-ms-transition: visibility .2s ease-in-out, opacity .2s ease-in-out;
-o-transition: visibility .2s ease-in-out, opacity .2s ease-in-out;
transition: visibility .2s ease-in-out, opacity .2s ease-in-out;
}
.project-list.active{
	opacity:1;
	visibility:visible;
	max-height: 4000px;
	-webkit-transition: visibility .3s ease-in-out, opacity .3s ease-in-out;
-moz-transition: visibility .3s ease-in-out, opacity .3s ease-in-out;
-ms-transition: visibility .3s ease-in-out, opacity .3s ease-in-out;
-o-transition: visibility .3s ease-in-out, opacity .3s ease-in-out;
transition: visibility .3s ease-in-out, opacity .3s ease-in-out;
}
.project-list a{
	opacity: 0;
	visibility: hidden;
}

.project-list.active a{
	text-align: left;
		opacity: 1;
	visibility: visible;
			-webkit-transition: .5s visibility .5s ease-in-out, .3s opacity .3s ease-in-out;
-moz-transition: .5s visibility .3s ease-in-out, .5s opacity .3s ease-in-out;
-ms-transition: .5s visibility .3s ease-in-out, .5s opacity .3s ease-in-out;
-o-transition: .5s visibility .3s ease-in-out, .5s opacity .3s ease-in-out;
transition: .5s visibility .3s ease-in-out, .3s opacity .3s ease-in-out;
}

.page-template-projects .region-story, .page-template-prev-projects .region-story{
	width: 33%;
	padding: 20px;
	
}

.page-template-projects .region-story:after, .page-template-prev-projects .region-story:after{
	content:'';
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height:100%;
	background:rgba(3,3,3,.5);
	z-index: 0;
	-webkit-transition: background .2s ease-in-out;
-moz-transition: background .2s ease-in-out;
-ms-transition: background .2s ease-in-out;
-o-transition: background .2s ease-in-out;
transition: background .2s ease-in-out;
}

.page-template-projects .region-story:hover:after, .page-template-prev-projects .region-story:hover:after{
	background:rgba(3,3,3,.2);
	-webkit-transition: background .3s ease-in-out;
-moz-transition: background .3s ease-in-out;
-ms-transition: background .3s ease-in-out;
-o-transition: background .3s ease-in-out;
transition: background .3s ease-in-out;
}

.page-template-projects .region-story .region-story-head, .page-template-prev-projects .region-story .region-story-hea{
    bottom: 35px;
	font-size: 14px;
}




/* /////////////////////////////////////////////////////////////////////////////////////// School Education Page (PRIVATE)*/

.res-dl{
	width: 20%;
  float: left;
	height:300px;
	text-align: center;
}

.res-dl:hover .res-title{
	background: #D7241D;
	border:1px #fff solid;
    color: #fff;
    -webkit-transition: color .2s ease-in-out, background .2s ease-in-out, border .2s ease-in-out;
    -moz-transition: color .2s ease-in-out, background .2s ease-in-out, border .2s ease-in-out;
    -o-transition: color .2s ease-in-out, background .2s ease-in-out, border .2s ease-in-out;
    transition: color .2s ease-in-out, background .2s ease-in-out, border .2s ease-in-out;
}

.res-title{
	border: 1px rgba(3,3,3, .3) solid;
color: rgba(3,3,3, .5);
background: none;
    padding: 10px 8px;
    font-size: 0.7rem;
text-transform: uppercase;
font-family: 'helvetica-reg',sans-serif;
-webkit-transition: color .2s ease-in-out, background .2s ease-in-out, border .2s ease-in-out;
-moz-transition: color .2s ease-in-out, background .2s ease-in-out, border .2s ease-in-out;
-o-transition: color .2s ease-in-out, background .2s ease-in-out, border .2s ease-in-out;
transition: color .2s ease-in-out, background .2s ease-in-out, border .2s ease-in-out;
}


.res-thumb{
	width: 100%;
	margin: 0 0 20px 0;
background-size: 70%;
  height: 230px;
  background-repeat: no-repeat;
  background-position: center;
	float: left;
}


.login-form a:first-child, .login-form:nth-child(2){
	font-family: "helvetica",sans-serif;
	color:#333;
}
.resource-link{
	font-family: "helvetica",sans-serif;
background: #D7241D;
color: #fff;
border: none;
padding: 12px 20px;
font-size: 16px;
font-weight: 100;
height: 44px;
margin: 12px 0;
color:#fff;
width:60%;
display:block;
text-align: center;
}



.page-template-resource .sub-wrap {
    position: relative;
    display: block;
    float: left;
		clear: both;
	}

.page-template-resource .content h4{
		text-align: left;
		position: relative;
	}

.page-template-resource .content h4:after{
		content: '\f107';
    font-family: Fontawesome;
    font-size: 25px;
    width: 15px;
    height: 15px;
    position: absolute;
    right: 40px;
    color: #2C3946;
	}

 .dropdown{
		max-height: 0;
		opacity: 0;
		visibility: hidden;
		overflow: hidden;
		-webkit-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
		-moz-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
		-ms-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
		-o-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
		transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
	}

	.active .dropdown{
			max-height: 4000px;
			opacity: 1;
			visibility: visible;
			-webkit-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
			-moz-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
			-ms-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
			-o-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
			transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
		}

	.drop-wrap{
		cursor: pointer;
		float: left;
		width: 100%;
		border-bottom: 2px rgba(3,3,3, .1) solid;
		padding: 15px 0 10px;


	}



/* /////////////////////////////////////////////////////////////////////////////////////// School Education Page (PUBLIC)*/

.page-template-resource .contact{
	padding:50px 50px 20px;
	float: left;
}




/* /////////////////////////////////////////////////////////////////////////////////////// Green Army + Guidestar Home page */
.ga-wrap{
	position: relative;
	padding: 130px 0;
	background-position: center;
	background-size: cover;
	float: left;
	width: 100%;
}

.ga-mob{
	display:none;
	position: relative;
	width: 100%;
	float: left;
}

.ga-wrap .center-head{
	text-align: left;
}



.green-bg, .guide-bg{
    width: 50%;
    height: 100%;
    background-size: cover; 
    position: absolute;
    top: 0;
    text-align: center;
    background-repeat: no-repeat;
    background-position: top 70% center;
}

.guide-bg{
	right: 0;
	border-left:2px #fff solid;
}

.green-bg{
border-right:2px #fff solid;
}

.green-left{
	width: 43%;
	float: left;
	color:#fff;

}

.guide-right{
	width: 43%;
	float: right;
	color:#fff;

}

.guide-right .ga-logo{
	background-size: contain;
	background-repeat:no-repeat;
}

.guide-right .center-hr, .green-left .center-hr{
	border-top:4px dotted rgba(255,255,255,.5);
}
.ga-wrap .center-hr{
	margin: 5px auto 30px;
	width: 100%;
}


.green-bg:before,.guide-bg:before{
  position: absolute;
  content:" ";
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index:0;
	background: rgba(4,4,4,.4);
}

.ga-wrap p{
   text-align: left;
    width: 290px;
    float: right;
    margin: 5px 0 0;
}

.ga-logo {
    width: 150px;
    height: 120px;
   float: left;
   background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.ga-more{
	padding: 8px 30px;
	background: #2fa406;
	color:#fff;
	font-family: "helvetica",sans-serif;
	font-size: 13px;
	margin: 20px auto 0;
	display:block;
	width:135px;
	text-align: center;
	float: left;
}

.ga-more:hover{
	color:#fff;
	background: #3ad603;
}


/* /////////////////////////////////////////////////////////////////////////////////////// As seen on */

.media-wrap{
	width: 100%;
	background: #fff;
	float: left;
	text-align: center;
	padding: 100px 0 80px;
}

.media-image{
	display:inline-block;
	width:180px;
	height: 180px;
	background-size: 80%;
	background-position: center;
	background-repeat: no-repeat;
	opacity:1;
	-webkit-filter: grayscale(0);
  	filter: grayscale(0);
	
}
.media-image:hover{
	
	  -webkit-filter: grayscale(30%);
  filter: grayscale(30%);
  opacity: .5;
	  -webkit-transition: filter .3s ease-in-out, opacity .3s ease-in-out;
-moz-transition: filter .3s ease-in-out, opacity .3s ease-in-out;
-ms-transition: filter .3s ease-in-out, opacity .3s ease-in-out;
-o-transition: filter .3s ease-in-out, opacity .3s ease-in-out;
transition: filter .3s ease-in-out, opacity .3s ease-in-out;

}





/* /////////////////////////////////////////////////////////////////////////////////////// Generic Contact Inner */
.contact .gform_title {
    text-align: center;
		font-size: 22px;
}

.contact{
	background: #fff;
	padding: 50px;
	width:900px;
	margin: 50px auto;
}



.contact .gform_wrapper .top_label .gfield_label {
	font-family: "helvetica",sans-serif;
	text-transform: uppercase;
	font-size: 14px;
}



.contact .gform_wrapper .top_label input.medium{
	width:100%;
	padding: 10px 20px;
}

.contact .gform_wrapper ul li{
	list-style:none;
	margin: 10px 0 5px;
}

.contact .gform_wrapper ul li.gfield{
	clear: none;
}

.contact .text-left{
	width: 47%;
	float: left;
	margin: 0 1.5% 0 0;
}

.contact .text-right{
	width: 47%;
	float: right;
	margin: 0 0 0 1.5%;

}

.contact .text-full{
	width:100%;
	float: left;
	position: relative;
}

.contact .gform_wrapper textarea.medium, .contact .gform_wrapper .top_label input.medium{
	width:100%;
	border:1px rgba(3,3,3, .1) solid;
}

.contact .gform_wrapper .top_label .gfield_label {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    font-family: "Museo-sans";
    letter-spacing: .1px;
    margin: 3px 0 7px;
		float: left;
}

.contact  .gform_wrapper label.gfield_label+div.ginput_container{
	margin: 0;
}


.contact .gform_wrapper .gform_footer input[type=submit] {
    display: -moz-inline-stack;
    display: inline-block;
    background: #D7241D;
    color: #fff;
    border: none;
    padding: 12px 40px;
    font-size: 16px;
    font-weight: 100;
    height: 44px;
    margin: 12px 9px;
}

.page-template-school .contact .gform_wrapper .gform_footer input[type=submit] {
	margin: 12px 0;
}

.contact .gform_wrapper .gform_footer{
	margin: 0;
	padding: 0;
	position: relative;
	float: left;
}

.contact .gform_ajax_spinner {
    top: 20px;
    position: absolute;
    right: -40px;
}

.validation_error{
	display:none;
}

 .validation_message{
	color:#fff;
	background: #EC5B1F;
	padding: 9px 18px;
	font-family: "Museo-sans";
	letter-spacing: 1px;
	font-size: 12px;
	float: left;
	clear: both;
}

.validation_message{
	margin: 5px 0 0;
}

/* /////////////////////////////////////////////////////////////////////////////////////// Newsletter signup */

.news-signup{
	width: 100%;
	float: left;	

}

.news-signup .gform_wrapper {
    position: relative;
    display: block;
    width: 600px;
     margin: 10px auto 60px;
}



.news-signup .center-head{
	font-size: 20px;
}
.news-signup .center-hr{
	width: 200px;
}
.news-signup .gform_heading{
	display:none;
}

.news-signup .gform_wrapper .top_label .gfield_label{
	display:none;
}

.news-signup .gform_wrapper ul li{
	list-style:none;
	float: left;
	width: 28%;
	padding: 0 3px;
}

.news-signup .gform_wrapper .top_label input.medium{
	width:100%;
	border:1px rgba(3,3,3, .1) solid;
    padding: 13px 20px;
    font-size: 12px;
    height:45px;
}

.news-signup .gform_wrapper .gform_footer input[type=submit] {
	    text-indent: -9999px;
    color: #fff;
    border: none;
    padding: 12px 27px;
    font-size: 13px;
    font-weight: 100;
    cursor: pointer;
    height: 45px;
    margin: 0 0 0 3px;
    background-image: url(images/arrow.svg);
    background-color: #D7241D;
    background-repeat: no-repeat;
    background-position: 22px 16px;
    background-size: 8px;
        -webkit-transition: background-position .3s ease-in-out;
-moz-transition: background-position .3s ease-in-out;
-ms-transition: background-position .3s ease-in-out;
-o-transition: background-position .3s ease-in-out;
transition: background-position .3s ease-in-out;
}

.news-signup .gform_footer{
	position: relative;
	float: left;
}

.news-signup .gform_ajax_spinner{
	position: absolute;
	right: -43px;
    top: 10px;
}

.news-signup .gform_wrapper .gform_footer input[type=submit]:hover{
    background: #f61f16;
    color: #fff;
    background-image: url(images/arrow.svg);
    background-position: 26px 16px;
    background-repeat: no-repeat;
     background-size: 8px;
     -webkit-transition: background-position .3s ease-in-out;
-moz-transition: background-position .3s ease-in-out;
-ms-transition: background-position .3s ease-in-out;
-o-transition: background-position .3s ease-in-out;
transition: background-position .3s ease-in-out;


}

.news-signup .validation_message {

    padding: 9px 13px;
}




/* /////////////////////////////////////////////////////////////////////////////////////// FOOTER */


footer {
	position: relative;
	float: left;
	width: 100%;
	color: #000;
	padding:70px 0 20px;
	background:#fff;

}

.footer-nav {
  border-top:3px dotted rgba(4,4,4,.1);
	border-bottom:3px dotted rgba(4,4,4,.1);
	width:500px;
	margin: 0 auto;
}

.footer-nav li{
	display:inline-block;
	list-style:none;
	padding:5px 15px;

}

.footer-nav li a{
	color:#333;
	font-family: "helvetica",sans-serif;
	font-size: 13px;
	l
}

.foot-logo{
	background-image: url(images/logo-reverse.png);
    background-repeat: no-repeat;
    width: 100%;
    height: 70px;
    background-position: center;
    background-size: 240px;
    margin: 40px auto 20px;
    float: left;
}

footer .wrap{
	text-align: center;
}

.social a{
	position: relative;
width:35px;
height:35px;
display: inline-block;
color:#333;
font-size:21px;
}


.social a:before{
	position: absolute;
	width:30px;
	top: 3px;
	left:0;
}




.copyright{
	color:#333;
	font-size: 11px;
	font-weight: 100;
	font-family: "helvetica",sans-serif;
	margin: 10px 0 0;
}




/* MEDIA QUERIES /////////////////////////////////////////////////// */

@media(max-width:1250px){
		.wrap{
		float: none;
		margin: 0 auro;
		width:90%;
	}
	.banner-wrap {
    width: 90%;
    left: 5%;
    margin-left: 0;
	}
	.hero-text{
	width: 90%;
    margin: 0 0 0 -45%;
	}
	.slider-wrap{
		height:70%;
	}
	.right-fact{
		margin: 40px 0 0 0;
		float: right;
	}

	.page-template-default .content{
		width: 100%;
	}
	.page-template-default .page-banner{
		width: 100%;
		height: 400px;
		margin: 0 0 30px;
		background-position: top 0px left 0px;
	}
	.page-template-default .main{
		padding: 100px 0;
	}
	.slider-wrap .fa-angle-down{
		display:none;
	}

}


@media(max-width:1200px){
	.blogpost{
		width:50%;
		height:250px;
		border: 2px #fff solid;
	}
	.gallery-item {
	    display: inline-block;
			float: none;
	}

	.gallery{
		text-align: center;
	}
	.contact{
		width:100%;
		padding: 35px;

	}
	.res-dl{
		width: 220px;
		display:inline-block;
		float: none;
	}
	.dropdown iframe{
		width: 100%;
	}
	.dropdown{
		text-align: center;
	}

	.donate-home{
		width:90%;
	}
	
}

@media(max-width:1150px){
	.ga-logo{
		width: 100%;
		margin: 20px auto;
	}
	.ga-wrap p{
		width:100%;
	}
	.ga-wrap .center-head{
		text-align: center;
	}
}



@media(max-width:1024px){
	header, .home header{
		top:0;
		height:80px;
	}
	.logo{
		display:none;
	}
	.header-nav li a{
		font-size: 12px;
		padding: 20px 0;
	}
	.header-nav li{
		padding: 18px 15px 22px;
	}
	.header-nav ul li ul li{
		width:220px;
	}

		.bar{
	  -webkit-animation: bargrowth 2s ease-in-out;
	  animation: bargrowth 2s ease-in-out;
	  position:absolute;
	  bottom:0;
	  display:inline-block;
	}
	.graph{
		float: none;
		margin: 80px auto 0;
	}
	.fact-img{
		height:150px;
	}

	.right-fact{
		float: none;
		width: 100%;
	}
	.center-hr{
		width:80%;
}



	.nav-logo{
	    background-image: url(images/logo.png);
		width: 150px;
		background-size: cover;
		margin: 22px 0 0;
		height: 35px;
	}
	.header-nav{
		display:none;
	}

	.page-template-donate .header-nav{
		display:block;
	}

	.page-template-donate  .header-nav li {
    padding: 12px 15px 12px;
}
.page-template-donate .header-nav li a{
	padding: 22px 25px 15px 25px;
}
	.donate-top{
		margin: 23px 75px 10px 0;
	}
	#top-ham{
		display:block;
	}
	.mob-clicked .off-canvas{
		top:80px;
	}

		.donate-home{
		width:100%;
	}

	.donate-home legend{
		width:100%;
	}
	.donate-home .form-row-wide, .donate-home .d-amount{
		width:100%;
	}
	.donate-home .give-amount-top{
		width:100%;
		float: left;
		margin: 10px 0 6px 0;
	}
	.donate-home li:nth-child(7){
		margin: 8px 0 0;
	}

	.give-donation-amount .form-row-wide{
		position: relative;
	}
	

	 .donate-feat .give-list-inline li:nth-child(2):before, .donate-feat .give-list-inline li:nth-child(3):before{
		background-size: 70%;
	}


	
	.donate-feat #give-donation-level-button-wrap li button{
		padding: 10px 0;
		width:90%;
		font-size: 11px;
	}

		.we-wrap {
		background-attachment: scroll;
	}

	.left, .right{
	display:none;

	}

	.fact-one .wrapper:before {

	    margin: -90px 0 0 -76px;
	    border: 25px #D7241D solid;
	    border-radius: 85px;
	    padding: 20px;
	}

	.blog-ol{
		opacity: 1;
		visibility: visible;
	}
	.blogpost:hover .blog-ol{
		opacity: 0;
		visibility: hidden;
	}
	.center-head{
		font-size: 22px;
		width:90%;
		margin-left: 5%;
	}
	.blog-title{
		font-size: 15px;
	}

	 .page-template-committee .content{
		width:100%;
		margin: 0;
	}
	.faq{
		width:100%;
		height:auto;
	}
		.ga-wrap p{
		width:100%;
		text-align: center;
	}
			.page-template-school .sidebar{
			padding:15px 25px;
			}

.region-story .blog-ol{
opacity: 1;
visibility: visible;
}
.region-story .region-story-head{
	bottom:35px;
}

.region-story .flags{
	top:30px;
}
}


@media(max-width:850px){
	.guidestar{
		display:none;
	}
}



@media(max-width:768px){
	

h1 {
font-size: 2em;
}
h2 {
	font-size: 1.7em;
}
h3 {
	font-size: 1.6em;
}
h4 {
	font-size: 1.2rem;

}
h5 {
	font-size: 1em;

}
p {
	font-size: .8em;

}

.page-template-school .contact{
	padding: 30px 20px;
	float: left;
}

 .contact .text-right, .contact .text-left{
	width: 100%;
	float: left;
}


#give_purchase_form_wrap p,.donate-home  #give-card-address-wrap,.donate-home #give-card-address-2-wrap, .donate-home #give-card-zip-wrap, .donate-home #give-card-city-wrap , .donate-home #give-card-name-wrap{
    width: 100%;
    float: left;
}

 .give-recurring-donors-choice{
 	    margin: 10px 0!important;
 	    float: left!important;
 	    width: 100%!important;
 }

.green-left, .guide-right{
	width: 100%;

}

.ga-mob{
	display:block;
	background-color:#fff;
}
.ga-mob{
	padding: 60px auto;
}
.green-bg, .guide-bg{
	position: relative;
	border-right: none;
	width: 100%;
	float: left;
	display:block;
	padding: 50px 10px;
	cursor: pointer;
}


.guide-bg{
	border-left:none;
	border-top: 2px #fff solid;
}
.green-bg{
	border-right:none;
	border-bottom: 2px #fff solid;

}


.ga-logo{
	margin:-10px auto 20px;
}
.ga-wrap{
	display:none;
}

.slide span, .hero-text span{
font-size: 2rem;
}

.page-template-projects .region-story, .page-template-prev-projects .region-story{
width: 100%;
}

.map{
	width:100%;
}
.region-story {
	width: 100%;
	float: left;
	height: 200px;
}

	.hero-text{
		left: 50%;
    margin-left: -40%;
		margin-top:50%;
	}
	.slider-wrap{
		margin-top: 70px;
	}
	.donate-feat{
		text-align: center;
		padding: 90px 0;
	}
	.donate-feat ul li{
		float:none;
		display:inline-block;
		width: 380px;
	}

	.donate-top{
		font-size: .7rem;
		padding: 9px 30px;
		height: 32px;
	}
	 
	 	.we-wrap p{
		width:100%;
		text-align: center;
	}
	.we-wrap .wrap{
		padding: 120px 0;
	}
	.what-we{
		width:100%;
		height:200px;
	}
	.we-four{
		margin: 0;
	}
	.we-grid{
		width:55%;
	}
	.what-wrap{
		padding: 0 0 70px;
	}
	.page-template-default .content, .single-post .content, .page-template .content{
		width:100%;
		margin: 0;
	}
	.page-template-committee .content{
	 width:100%;
	 margin: 0;
 }
	.page-template-home .content{
		width:42%;
	}
		.footer-nav{
		width:80%;
	}
	.foot-logo{
		background-size: 170px;
		margin: 0 auto 10px;
		background-position: center;

	}
	.blog{
		padding:  0;
	}
	.blog .more{
		margin: 30px auto 0
	}
	.media-image{
		height: 130px;
	}

	.page-template-school .sidebar{
			padding:20px 40px;
			width:400px;
			float: none;
			margin: 0 auto;
		}

		.page-template-school .content, .page-template-school .content .post{
			float: none;
		}
		.donate-home{
			height:100%;
			top:80px;
			padding: 40px 20px 120px 20px;
		}
		.donate-us{
			top:0;
		}

		.page-template-media .region-story {
    float: left;
    width: 100%;
    height: 250px;
}

.page-template-media .content{
	padding: 20px 0;
}

header, .mob-clicked header.nav-up, .d-clicked header.nav-up,
.home header, .home.mob-clicked header.nav-up, .home.d-clicked header.nav-up{
		top:0;
  		transition: top 0.2s ease-in-out;
	}
	header.nav-up ,.home header.nav-up{
  top: -80px; 
}

.page-template-donate header.nav-up{
	top:0;
}

.donate-home .fa-times{
	right: 20px;
    position: absolute;
    top: 20px;
    cursor: pointer;
    font-size: 22px;
}






}



@media(max-width:650px){
	.slide h3{
		font-weight: 300;
	}

	.give-recurring-donors-choice{
 	    text-align: center;
 	}
		#chart-mob{
		display:block;
	}
	#chart{
		display:none;
	}
	.graph{
		width:100%;
		margin: 30px auto -100px;
	}
	.we-wrap h5{
		font-weight: 300;
	}
		.comm-img{
		width:100%;
		float: none;
		margin: 0 auto;
	}
	.comm-content{
		width:100%;
	}
	.we-four{
		background-position: center;
	}
	.page-template-default .page-banner{
		display:none;
	}

	.news-signup .gform_wrapper ul li, .news-signup .gform_footer {
		width: 80%;
		float: none;
		margin: 5px auto;
		display: block;
		padding: 0;
	}

	.news-signup .gform_wrapper{
		width: 100%;
	}
	 .news-signup .gform_wrapper .gform_footer input[type=submit]{
	 	width: 100%;
	 	margin: 0;
	 	text-indent: inherit;
	background-image: none;
	 }


	 #give_donation_receipt.give-table{
	 	margin: 0 0 30px;
	 }
	 .donate-home li, .donate-home .give-donation-level-btn, .donate-home li:nth-child(7) .give-donation-level-btn, .donate-home li:nth-child(7), .page-template-donate .content .donate-home ul li{
	 	width: 100%;
	 }
	 .donate-home .give-recurring-donors-choice label{
	 	width: 100%;
	 	float: left;
	 	margin: 10px 0;
	 }



	 .donate-home .give-amount-top{
	 	background: none;
    border: 1px #464646 solid;
    padding: 13px;
    color: #464646;
    font-size:20px;
	 }
	 .donate-home .active .give-donation-level-btn{
	 	color:#fff;
	 }
	 .file-list-wrap a{
	 	width: 100%;
	 }

}




@media(max-width:600px){
	
	.donate-home #give_checkout_user_info p, .donate-home #give-email-wrap{
		width:100%;
	}
	.donate-home .give-input{
		font-size: 14px;
	}

	.donate-home  legend{
		width:100%;
	}
	.we-grid{
		width:100%;
		margin: 0;
	}
	.we-one{
		width:65%;
	}
	.we-two{
		width:35%;
	}
	.we-three{
		width:40%;
		height:300px
	}
	.we-four{
		width:60%;
		height:300px;
	}
		.blogpost{
		width:100%;
	}
	.page-template-home .content{
		width:100%;
	}
	.footer-nav{
		width:100%;
	}
	.ga-logo{
		width:100%;
	}
	.page-template-school .sidebar{
		width: 100%;
		padding: 25px 20px;
	}
	.contact-akubo .form-fields .con-half,	
.contact-akubo .form-fields .con-thirds{
	width: 100%;
	padding: 20px 0 0;
}


.donate-feat ul li{
	width: 100%;
}
.donate-home .give-submit{
	width:100%;
}
}

@media(max-width:450px){
	.donate-top, .donate-top-us{
		display:none;
	}
	.donate-feat ul li{
		height: 300px;
	}
	.donate-feat .feat-image{
		background-size: 90%;
	}
	.donate-feat ul li:nth-child(5) .feat-image, .donate-feat ul a:nth-child(5) .feat-image{
		background-size:140px;
	}
	.page-template-donate .header-nav{
		margin: auto;
	}
	.page-template-donate .header-nav li a{
		padding: 22px 5px 15px 5px;
	}
}



/* ////////////////////////////////////// Height specific Media Queries  */

@media(max-height:768px){
	.donate-home{
		height: 100%;
		padding: 40px 20px 120px 20px;
	}
	.page-template-default .page-banner, .page-template .page-banner,  .single .page-banner{
		height: 65%;
	}
	.home
}

@media(max-height:830px){
	.donate-home{
		height: 90%;

	}
}