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

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {line-height: 1; overflow-x: hidden;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse;border-spacing: 0;}
/* <------------End CSS reset------------- */

body{position:relative;}
a.back-to-top {display: none; width: 60px; height: 60px; text-indent: -9999px; position: fixed; z-index: 999; right: 20px; bottom: 20px; background: #6db33f url("/i/common/up-arrow.png") no-repeat center 43%; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px;}


/* Add Animation */
@-webkit-keyframes animatetop {
    from {width:1%; height:1%; opacity:0} 
    to {width:60%; height:100%; opacity:1}
}

@keyframes animatetop {
    from {width:1%; opacity:0} 
    to {width:60%; opacity:1}
}

/* The Close Button */
.close {
    color: #fdc33b;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #e01e3c;
    text-decoration: none;
    cursor: pointer;
}

/* ------------ SIDEBAR ------------- */
.header  {background-color:#52376a; width: 20%; float:left; height: 100%; position:fixed; z-index:10; overflow-y:auto;}

/* <------------GKTW top logo------------- */
.logo {width: 96%; padding: 7% 2% 5% 2%; text-align:center;}
.celllogo {display:none;}

/* ----------------------------------------------------- SIDE NAVIGATION -------------------------------------------------- */


nav ul {width: 50%; padding-top:0px; margin:0 auto;}
nav ul li {font-size: 1.2em; line-height: 1.5em; margin-left:15px; list-style-type:none; list-style:none;}
nav ul li a{color:#FFFFFF; text-decoration:none;font-family:  'Roboto Condensed', "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;}
nav ul li a:hover{color:#fba91c;}

/* ------------Event Callout------------- */

.eventlink {
	width: 20%;
	display:block;
	height: 500px;
	background-repeat: none;
	background-position:center;
	bottom:0;
    position:fixed;
    z-index:-1; 
	padding-bottom: 20px;
}
.featurelink {cursor: pointer;}

#fadeshow-background {
	width: 12%; height: 1px; bottom:0; position:fixed; z-index:-1; padding-bottom: 40px; 
	background-position:center;
}

#fadeshow-background ul{margin-left: 32%;}
#fadeshow-background li{float:left; text-align:center; padding-right: 5px;}

#main-nav-social {
	display:none; width: 12%; height: 48px; bottom:450px; position:fixed; z-index:-1; padding-bottom: 40px; 
	background-position:center;
}

#main-nav-social ul{margin-left: 0%;}
#main-nav-social li{float:left; text-align:center; padding-right: 5px;}

/* --------------------------- Social Media Buttons ---------- */
#social-cell {display:none}
a.facebook {display: block; width: 26px; height: 27px; text-decoration: none; background-image:url(../i/common/sidenav-facebook.png);}
a.facebook:hover {background-position: -26px 0;}
a.twitter {display: block; width: 27px; height: 27px; text-decoration: none; background-image:url(../i/common/sidenav-twitter.png);}
a.twitter:hover {background-position: -27px 0;}
a.instagram {display: block; width: 27px; height: 27px; text-decoration: none;background-image:url(../i/common/sidenav-instagram.png);}
a.instagram:hover {background-position: -27px 0;}	
a.youtube {display: block; width: 26px; height: 28px; text-decoration: none; background-image:url(../i/common/sidenav-youtube.png);}
a.youtube:hover {background-position: -26px 0;}
a.blog {display: block; width: 26px; height: 28px; text-decoration: none; background-image:url(../i/common/sidenav-blog.png);}
a.blog:hover {background-position: -26px 0;}
a.cn {display: block;width: 90px;height: 27px;text-decoration: none;background-image:url(../i/common/sidenav-cn.png);}
/* a.cn:hover {background-position: -26px 0;} */
.displace {position: absolute;display:none;}
.cn-nav {width:100%; padding:11px 0 0 0; margin-left:0%; text-align:center; clear:both;} /* Charity Navigator icon */

a.facebook {display: block; width: 26px; height: 27px; text-decoration: none; background-image:url(../i/common/sidenav-facebook.png);}
a.facebook:hover {background-position: -26px 0;}
a.twitter {display: block; width: 27px; height: 27px; text-decoration: none; background-image:url(../i/common/sidenav-twitter.png);}
a.twitter:hover {background-position: -27px 0;}
a.instagram {display: block; width: 27px; height: 27px; text-decoration: none;background-image:url(../i/common/sidenav-instagram.png);}
a.instagram:hover {background-position: -27px 0;}	
a.youtube {display: block; width: 26px; height: 28px; text-decoration: none; background-image:url(../i/common/sidenav-youtube.png);}
a.youtube:hover {background-position: -26px 0;}
a.blog {display: block; width: 26px; height: 28px; text-decoration: none; background-image:url(../i/common/sidenav-blog.png);}
a.blog:hover {background-position: -26px 0;}

/* <----------------------------------------------------------------- RIGHT HAND SIDE ------------------------------------- */

/* <------------DONATE BUTTON------------- */
.donate {
	width: 19%;
	margin-left: 60%;
	float:right;
	top:0;
    position:fixed;
    z-index:150;
	-webkit-animation: bounce 1000ms ease-out;
	-moz-animation: bounce 1000ms ease-out;
	-o-animation: bounce 1000ms ease-out;
	animation: bounce 1000ms ease-out;
}
.donate img a:hover, .donate:focus, .donate:active { -webkit-animation-name: hvr-bob-float, hvr-bob;animation-name: hvr-bob-float, hvr-bob; -webkit-animation-duration: .5s, 1.5s;  animation-duration: .5s, 1.5s;  -webkit-animation-delay: 0s, .5s;  animation-delay: 0s, .5s;  -webkit-animation-timing-function: ease-out, ease-in-out;  animation-timing-function: ease-out, ease-in-out;  -webkit-animation-iteration-count: 1, infinite;  animation-iteration-count: 1, infinite;  -webkit-animation-fill-mode: forwards;  animation-fill-mode: forwards;  -webkit-animation-direction: normal, alternate; animation-direction: normal, alternate;}
.donate-cell {width: 19%; margin-left:2%; float:left; top:-100px;position:absolute;z-index:150; display:none}
.donate-bar-cell {display:none;}

.special-cell {width: 19%; margin-left:2%; float:left; top:-100px;position:absolute;z-index:150;display:none}
.special-bar-cell {display:none;}

/* home slide content */
.content {background-color: rgba(107, 85, 137, 1); width: 80%; padding: 5% 10%; margin-top: 700px;border-top-style:solid;border-top-width:medium;border-top-color:#FFFFFF;}

/* other slides */
.slidecontent {background-color: rgba(107, 85, 137, 0.75); width: 80%; padding: 5% 10%; border-top-style:solid; border-top-width:medium; border-top-color:#FFFFFF;}

/* Tweaks */
.brcell {clear:none;}

/* <------------ HOME SLIDE------------- */

.titlesection {
	float: left;
	width: 80%;
	margin-left: 20%;
	position: relative;
	height: 100%;
	bottom: 0;
	background: url("/i/home/slide-home-2000.jpg") no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	display: block;
}

.slide-space-home {line-height: 0px; clear:left;}
.slide-space-about {line-height: 475px; clear:left;}
.slide-space-fam {line-height: 425px; clear:left;}
.slide-space-help {line-height: 500px; clear:left;}
.slide-space-events {line-height: 650px; clear:left;}
.slide-space-news {line-height: 650px; clear:left;}
.slide-space-contact {line-height: 650px; clear:left;}

.icon {width: 14%; margin-left: 14%; float:left; text-align:center; position:relative; }
.icon p{font-family: 'Roboto', "Arial Black", Impact, sans-serif; font-weight:700; color:#fba91c; font-size: 1em; text-align:center;padding-top: 3%;}
.icon a{text-decoration:none;}
.contenttext {clear:left; padding-top: 2%;}

/*  -------------- SLIDE SUB NAV ------------------- */
.slidenav {text-align:center; margin-top: 10px; font-weight:700; color:#ffc425; font-size: 1em; line-height: 1.3em; font-family: 'Roboto', "Arial Black", Impact, sans-serif;}
.slidenav a{font-weight:700; color:#ffc425; font-size: 1 em; text-align:center; line-height: 1.3em; text-decoration:none; padding: 10px; font-family: 'Roboto', "Arial Black", Impact, sans-serif; }
.slidenav a:hover{text-decoration:underline;}

/*  -------------- ABOUT SLIDE -------------------- */

.aboutsection {
	float:left;
	width: 80%;
	margin-left:20%;
	position:relative;
	height: 100%;
	background:url(/i/home/slide-about-full.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.contenttext h1{
	font-family: 'Roboto', "Arial Black", Impact, sans-serif;
	font-weight: 700;
	color: #FFFFFF;
	font-size: 5em;
	text-shadow: 0px 0px 10px #261143;
	text-align: center;
}

.contenttext h2{
	font-family: 'Roboto', "Arial Black", Impact, sans-serif;
	font-weight:700;
	color:#FFFFFF;
	font-size: 3.5em;
	text-shadow: 0px 0px 10px #261143;
	text-align:center;
	margin-bottom: 22px;
}

.contenttext p{
	font-family: 'Roboto', "Arial Black", Impact, sans-serif;
	font-weight:700;
	color:#FFFFFF;
	font-size: 1em;
	text-align:center;
	line-height: 1.3em;
}

/* <------------FAMILY SLIDE------------- */

.familysection {
	float:left;
	width: 80%;
	margin-left:20%;
	position:relative;
	height: 100%;
	background:url(/i/home/slide-family-full.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

/* <------------HELP SLIDE------------- */

.helpsection {
	float:left;
	width: 80%;
	margin-left:20%;
	position:relative;
	height: 100%;
	background:url(/i/home/slide-help-full.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

/* <------------EVENT SLIDE------------- */

.eventsection {
	float:left;
	width: 80%;
	margin-left:20%;
	position:relative;
	height: 100%;
	background:url(/i/home/slide-events-full.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.eventtext h1{
	font-family: 'Roboto', "Arial Black", Impact, sans-serif;
	font-weight:700;
	color:#FFFFFF;
	font-size: 5em;
	text-shadow: 0px 0px 10px #261143;
	text-align:center;
}

.eventtext h2{
	font-family: 'Roboto', "Arial Black", Impact, sans-serif;
	font-weight:700;
	color:#FFFFFF;
	font-size: 3.5em;
	text-shadow: 0px 0px 10px #261143;
	text-align:center;
	margin-bottom: 22px;
}

.eventtext p{
	font-family: 'Roboto', "Arial Black", Impact, sans-serif;
	font-weight:700;
	color:#FFFFFF;
	font-size: 1 em;
	text-align:center;
	line-height: 1.3em;
}

/* <------------CONTACT SLIDE------------- */

.contactsection {
	float:left;
	width: 80%;
	margin-left:20%;
	position:relative;
	height: 100%;
	background:url(/i/home/slide-contact.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.contacttext h1{
	font-family: 'Roboto', "Arial Black", Impact, sans-serif;
	font-weight:700;
	color:#FFFFFF;
	font-size: 5em;
	text-shadow: 0px 0px 10px #261143;
	text-align:center;
}

.contacttext h2{
	font-family: 'Roboto', "Arial Black", Impact, sans-serif;
	font-weight:700;
	color:#FFFFFF;
	font-size: 4em;
	text-shadow: 0px 0px 10px #261143;
	text-align:center;
	margin-bottom: 22px;
}

.contacttext p{
	font-family: 'Roboto', "Arial Black", Impact, sans-serif;
	font-weight:700;
	color:#FFFFFF;
	font-size: 1 em;
	text-align:center;
	line-height: 1.3em;
}

/* TYPOGRAPHY */
h4 {font-size:1.6em; font-family: 'Roboto Condensed', "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif; line-height:1.4em; padding:5px; color: #fff;}
h4.a {color:#fff; text-decoration:none;}/* 563c78 69a741*/
h4.a:link {color:#fff; text-decoration:none;}
h4.a:hover {color:#fff; text-decoration:underline;}
h4.a:visited {color:#fff; text-decoration:none;}


/* FOOTER */
/* ---------------------------------------- Footer ------------------------------------ */
#footer {width:80%; margin:0% 0% 0% 20%; padding-bottom:3%; float:right; background-color: #52376a;}
#footer-content { width: 100%; margin:0 auto;}
#footer-content-cell { width: 100%; margin:0 auto; display:none}
#footer-divider{width:4%; margin-top:4%; float:left;}

#footer-content .col-about {width:18%; margin:4% 0% 0 5%; float:left;}
#footer-content .col-fam {width:18%; margin:4% 1.5% 0% 0%; float:left;}
#footer-content .col-help {width:18%; margin:4% 1.5% 0% 0%; float:left;}
#footer-content .col-news {width:18%; margin:4% 1.5% 0% 0%; float:left;}
#footer-content .col-contact {width:18%; margin:4% 0% 0% 0%; float:left;}

#footer #footer-content h1 a {text-decoration:none; font-family:  'Roboto Condensed', "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif; font-size:1.1em;}
#footer #footer-content h1 a:link {color:#fff;}
#footer #footer-content h1 a:hover {color:#ffc425; text-decoration:underline;}
#footer #footer-content h1 a:visited {color:#fff;}

#footer #footer-content ul li a {text-decoration:none; font-family:  'Roboto Condensed', "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif; font-size:1.1em;}
#footer #footer-content ul li a:link {color:#999;}
#footer #footer-content ul li a:hover {color:#ffc425; text-decoration:underline;}
#footer #footer-content ul li a:visited {color:#999;}

#footer #footer-content .col-about h1, .col-fam h1, .col-help h1, .col-news h1 , .col-contact h1 {font-size:1.1em; line-height:1.3em; color:#fff; text-align:left; font-family: 'Roboto Condensed', "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif; }
#footer #footer-content ul, #footer #footer-content li  {padding:0; margin:0;}
#footer #footer-content .col-about ul li, .col-fam ul li, .col-help ul li, .col-news ul li, .col-contact ul li {font-size:.9em; line-height:1.4em; color:#999; text-align:left; list-style:none; font-family: 'Roboto Condensed', "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif; }
#footer #footer-boilerplate p {font-size:.8em; line-height:1.5em; font-family: 'Roboto Condensed', "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif; color:#999; text-align:center;}

/* Spacers */
.vspace-section {height:20px; clear:both}
.vspace-section-sm {height:10px; clear:both}

.three_col {
	width: 100%;
	height: auto;
	margin: 0 auto;
	clear: both;
	max-width: 1800px;
}
.three_col1 {margin:0; width: 30%; float: left; margin-left: 5%;}
.three_col2 {margin:0; width:30%; float:left;}
.three_col3 {margin:0; width:30%; float:left;}
.three_col1_img, .three_col2_img, .three_col3_img {width:90%; margin:1% auto; text-align:center;}
.three_col1_content, .three_col2_content, .three_col3_content {width:90%; max-width: 300px; margin:1% auto; text-align:center;}

	@media (max-width: 920px ) {
		.three_col {width:100%; height:auto; clear:both; margin: 0 auto;}
		.three_col1, .three_col2, .three_col3 {margin: 1% auto; width:100%; float:none;}
		.three_col1 .nested, .three_col2 .nested, .three_col3 .nested {margin: 5% auto; width:60%; float:none;}
	}
	@media (max-width: 760px ) {	
		.three_col1, .three_col2, .three_col3 {margin:0 auto;}
	}
.comp-row {width:90%; height:auto; clear:both; margin:2% auto;}
.comp-left-narrow {width:25%; float: left; margin:1% 2% 1% 0%;}
.comp-left-narrow img {max-width:150px}
.text-column-right-wide {width:70%; float:left; margin:2% 0%;}
.comp-img{max-width: 375px;}

@media (max-width: 920px ) {	
		.text-column-right-wide {width:100%; float:none; margin:2% auto;}
          .comp-left-narrow {width:100%; float: none; margin:2% auto; text-align:center;}
          .comp-left-narrow img {max-width:75px}
	}

.center {text-align:center}

/* MEDIA
------------------------------------------------------------*/ 

figure {margin: 0}
img, object, embed, video {
	max-width: 100%;	
	} /* Fluid images */
	
img {
	border: 0;	
	-ms-interpolation-mode: bicubic
	} /* Improve IE's resizing of images */
	
svg:not(:root) {
	overflow: hidden} /* Correct IE9 overflow */
	
	
	/* DONATE BUTTON BOUNCE ANIMATION
------------------------------------------------------------*/ 



@-webkit-keyframes bounce {
  0% {
	-webkit-transform:translateY(-100%);
	transform:translateY(-100%);
    opacity: 0;
  }
  5% {
  	-webkit-transform:translateY(-100%);
	  transform:translateY(-100%);
    opacity: 0;
  }
  15% {
  	-webkit-transform:translateY(0);
	  transform:translateY(0);
    padding-bottom: 5px;
  }
  30% {
  	-webkit-transform:translateY(-50%);
	  transform:translateY(-50%);
  }
  40% {
  	-webkit-transform:translateY(0%);
	  transform:translateY(0%);
    padding-bottom: 6px;
  }
  50% {
  	-webkit-transform:translateY(-30%);
	  transform:translateY(-30%);
  }
  70% {
  	-webkit-transform:translateY(0%);
	  transform:translateY(0%);
    padding-bottom: 7px;
  }
  80% {
  	-webkit-transform:translateY(-15%);
	  transform:translateY(-15%);
  }
  90% {
  	-webkit-transform:translateY(0%);
	  transform:translateY(0%);
  	padding-bottom: 8px;
  }
  95% {
  	-webkit-transform:translateY(-10%);
	  transform:translateY(-10%);
  }
  97% {
  	-webkit-transform:translateY(0%);
	  transform:translateY(0%);
  	padding-bottom: 9px;
  }
  99% {
  	-webkit-transform:translateY(-5%);
	  transform:translateY(-5%);
  }
  100% {
  	-webkit-transform:translateY(0);
	  transform:translateY(0);
  	padding-bottom: 9px;
    opacity: 1;
  }
}

/* Mozilla Firefox 15 below */
@-moz-keyframes bounce {
  0% {
	-moz-transform:translateY(-100%);
	  transform:translateY(-100%);
    opacity: 0;
  }
  5% {
  	-moz-transform:translateY(-100%);
	  transform:translateY(-100%);
    opacity: 0;
  }
  15% {
  	-moz-transform:translateY(0);
	  transform:translateY(0);
    padding-bottom: 5px;
  }
  30% {
  	-moz-transform:translateY(-50%);
	  transform:translateY(-50%);
  }
  40% {
  	-moz-transform:translateY(0%);
	  transform:translateY(0%);
    padding-bottom: 6px;
  }
  50% {
  	-moz-transform:translateY(-30%);
	  transform:translateY(-30%);
  }
  70% {
  	-moz-transform:translateY(0%);
	  transform:translateY(0%);
    padding-bottom: 7px;
  }
  80% {
  	-moz-transform:translateY(-15%);
	  transform:translateY(-15%);
  }
  90% {
  	-moz-transform:translateY(0%);
	  transform:translateY(0%);
  	padding-bottom: 8px;
  }
  95% {
  	-moz-transform:translateY(-10%);
	  transform:translateY(-10%);
  }
  97% {
  	-moz-transform:translateY(0%);
	  transform:translateY(0%);
  	padding-bottom: 9px;
  }
  99% {
  	-moz-transform:translateY(-5%);
	  transform:translateY(-5%);
  }
  100% {
  	-moz-transform:translateY(0);
	  transform:translateY(0);
  	padding-bottom: 9px;
    opacity: 1;
  }
}

/* Opera 12.0 */
@-o-keyframes bounce {
  0% {
	-o-transform:translateY(-100%);
	  transform:translateY(-100%);
    opacity: 0;
  }
  5% {
  	-o-transform:translateY(-100%);
	  transform:translateY(-100%);
    opacity: 0;
  }
  15% {
  	-o-transform:translateY(0);
	  transform:translateY(0);
    padding-bottom: 5px;
  }
  30% {
  	-o-transform:translateY(-50%);
	  transform:translateY(-50%);
  }
  40% {
  	-o-transform:translateY(0%);
	  transform:translateY(0%);
    padding-bottom: 6px;
  }
  50% {
  	-o-transform:translateY(-30%);
	  transform:translateY(-30%);
  }
  70% {
  	-o-transform:translateY(0%);
	  transform:translateY(0%);
    padding-bottom: 7px;
  }
  80% {
  	-o-transform:translateY(-15%);
	  transform:translateY(-15%);
  }
  90% {
  	-o-transform:translateY(0%);
	  transform:translateY(0%);
  	padding-bottom: 8px;
  }
  95% {
  	-o-transform:translateY(-10%);
	  transform:translateY(-10%);
  }
  97% {
  	-o-transform:translateY(0%);
	  transform:translateY(0%);
  	padding-bottom: 9px;
  }
  99% {
  	-o-transform:translateY(-5%);
	  transform:translateY(-5%);
  }
  100% {
  	-o-transform:translateY(0);
	  transform:translateY(0);
  	padding-bottom: 9px;
    opacity: 1;
  }
}

/* W3, Opera 12+, Firefox 16+ */
@keyframes bounce {
  0% {
	transform:translateY(-100%);
    opacity: 0;
  }
  5% {
  	transform:translateY(-100%);
    opacity: 0;
  }
  15% {
  	transform:translateY(0);
    padding-bottom: 5px;
  }
  30% {
  	transform:translateY(-50%);
  }
  40% {
  	transform:translateY(0%);
    padding-bottom: 6px;
  }
  50% {
  	transform:translateY(-30%);
  }
  70% {
  	transform:translateY(0%);
    padding-bottom: 7px;
  }
  80% {
  	transform:translateY(-15%);
  }
  90% {
  	transform:translateY(0%);
  	padding-bottom: 8px;
  }
  95% {
  	transform:translateY(-7%);
  }
  97% {
  	transform:translateY(0%);
  	padding-bottom: 9px;
  }
  99% {
  	transform:translateY(-3%);
  }
  100% {
  	transform:translateY(0);
  	padding-bottom: 9px;
    opacity: 1;
  }
}



/* DONATE BUTTON ROLLOVER ANIMATION
------------------------------------------------------------*/ 
@-webkit-keyframes hvr-bob {
  0% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }

  50% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
  }

  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}

@keyframes hvr-bob {
  0% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }

  50% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
  }

  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}

@-webkit-keyframes hvr-bob-float {
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}

@keyframes hvr-bob-float {
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}

/* MEDIA QUERY
------------------------------------------------------------*/ 


/* HEIGHT QUERY
------------------------------------------------------------*/ 

@media (max-height: 825px ) {
	nav li a{line-height: 1.5em;}
	.eventlink {width: 20%; height: 380px;}
	#fadeshow-background {padding-bottom: 35px; }
	#main-nav-social {padding-bottom: 35px; }
	.cn-nav {padding:10px 0 0 0;} /* Charity Navigator icon */
}
@media (max-height: 725px ) {
	.eventlink {display:none;}
	#fadeshow-background {padding-bottom: 35px; }
	.cn-nav {padding:10px 0 0 0;} /* Charity Navigator icon */
}

@media (max-height: 950px ) {
	.content {margin-top: 650px;}
}



@media (max-height: 900px ) {
.content {
	margin-top: 600px;
}
}



@media (max-height: 850px ) {
	
.nav li a{
	line-height: 1.5em;
}

.content {
	margin-top: 550px;
}
}



@media (max-height: 750px ) {
.content {
	margin-top: 450px;
}	
.eventlink {
	display: none;
}
}

@media (max-height: 700px ) {
.content {
	margin-top: 400px;
}		
}

@media (max-height: 650px ) {
	
.content {
	margin-top: 350px;
}	

	
}
@media (max-height: 600px ) {
.content {
	margin-top: 300px;
}		
}

@media (max-height: 550px ) {

.content {
	margin-top: 250px;
}		


.eventlink {
	display: none;
}


}



/* WIDTH QUERY
------------------------------------------------------------*/ 

@media (max-width: 2600px ) {
	.titlesection {background:url("/i/home/slide-home-2000.jpg") no-repeat top center scroll;}
	.slide-space-about {line-height: 600px; clear:left;}
	.slide-space-fam {line-height: 500px; clear:left;}
	.slide-space-help {line-height: 600px; clear:left;}
	.slide-space-events {line-height: 600px; clear:left;}
	.slide-space-contact {line-height: 460px; clear:left;}
	#fadeshow-background ul{margin-left: 29%;}
	#main-nav-social ul{margin-left: 20%;}
	
}

@media (max-width:2000px ) {
	.titlesection {background:url("/i/home/slide-home-1824.jpg") no-repeat top center scroll;
}
}

@media (max-width: 1440px ) {
	.slide-space-about {line-height: 600px; clear:left;}
	.slide-space-fam {line-height: 600px; clear:left;}
	.slide-space-help {line-height: 600px; clear:left;}
	.slide-space-events {line-height: 800px; clear:left;}
	.slide-space-news {line-height: 600px; clear:left;}
	.slide-space-contact {line-height: 600px; clear:left;}
     
     .titlesection {background:url(/i/home/slide-home-1300.jpg) no-repeat top center scroll;}
	
	nav ul {width: 50%; padding-top:0px; margin:0 auto;}
	nav ul li {font-size: 1.1em; line-height: 1.3em; margin-left:15px; list-style-type:none; list-style:none;}
	nav ul li a{color:#FFFFFF; text-decoration:none;font-family:  'Roboto Condensed', "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;}
	nav ul li a:hover{color:#fba91c;}

}

@media (max-width: 1130px ) {
	.donate {margin-left: 60%;}
	.cn-nav {margin-left:0;}
	#fadeshow-background ul{margin-left: 25%;}
	#main-nav-social ul{margin-left: 25%;}
}

@media (max-width: 1024px ) {
	.donate {margin-left: 55%;}
	.contenttext h1{font-size: 4em;}
	.contenttext h2{font-size: 2.5em;}
	.cn-nav {margin-left:0;}
	#fadeshow-background ul{margin-left: 12%;}
	#main-nav-social ul{margin-left: 12%;}
	
	.slide-space-home {line-height: 0px; clear:left;}
	.slide-space-about {line-height: 400px; clear:left;}
	.slide-space-fam {line-height: 400px; clear:left;}
	.slide-space-help {line-height: 500px; clear:left;}
	.slide-space-events {line-height: 500px; clear:left;}
	.slide-space-contact {line-height: 500px; clear:left;}

	.titlesection {
		max-width:925px;
		 background:url(/i/home/slide-home-930.jpg) no-repeat top center scroll;
	}
	.aboutsection {
		max-width:925px;
	}

	.familysection {
		 max-width:925px;
	}

	.helpsection {
		 max-width:925px;
	}
	.eventsection {
		max-width:925px;
	}
	.contactsection {
		max-width:925px;
	}
	
	#footer #footer-content .col-about h1, .col-fam h1, .col-help h1, .col-news h1 , .col-contact h1 {font-size:1em; line-height:1.3em; color:#fff; text-align:left; font-family: 'Roboto Condensed', "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif; }
	#footer #footer-content .col-about ul li, .col-fam ul li, .col-help ul li, .col-news ul li, .col-contact ul li {font-size:.8em; line-height:1.4em; color:#999; text-align:left; list-style:none; font-family: 'Roboto Condensed', "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif; }
	.cn-nav {margin-left:0;}
	nav ul {width: 70%; padding-top:0px; margin:0 auto;}
	nav ul li {font-size: 1.1em; line-height: 1.6em; margin-left:10px; list-style-type:none; list-style:none;}
}

@media (max-width: 880px ) {
	#fadeshow-background ul{margin-left: 10%;}
	#main-nav-social ul{margin-left: 10%;}
}

@media (max-width: 768px ) {
	.content {width: 90%;padding: 5%;margin-left:0%;}	
	.logo {width: 80%;padding: 10%;text-align:center;}
	.eventlink {display: none;}
	.contenttext h1{font-size: 2em;}
	.contenttext h2{font-family: 'Roboto', "Arial Black", Impact, sans-serif;font-weight:700;color:#FFFFFF;font-size: 1.5em;}
	.contenttext p{font-size: .8em;}
	
	#social-full {display:none}
}

/* TABLET
------------------------------------------------------------*/ 
@media only screen 
  and (min-device-width: 700px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (-webkit-min-device-pixel-ratio: 1) {

	.slide-space-about {line-height: 720px; clear:left;}
	.slide-space-fam {line-height: 720px; clear:left;}
	.slide-space-help {line-height: 720px; clear:left;}
	.slide-space-events {line-height: 720px; clear:left;}
	.slide-space-news {line-height: 720px; clear:left;}
	.slide-space-contact {line-height: 720px; clear:left;}
	  
.titlesection {
	float:left;
	width: 80%;
	margin-left:20%;
	position:relative;
	height: 100%;
	bottom: 0;
	background:url(/i/home/slide-home-930.jpg) no-repeat center center scroll;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;

}

.aboutsection {
	float:left;
	width: 80%;
	margin-left:20%;
	position:relative;
	height: 100%;
	background:url(/i/home/slide-about-912.jpg) no-repeat center center scroll;
	-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
	
}

.familysection {
	float:left;
	width: 80%;
	margin-left:20%;
	position:relative;
	height: 100%;
	background:url(/i/home/slide-family-912.jpg) no-repeat center center scroll;
	-webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
}

.helpsection {
	float:left;
	width: 80%;
	margin-left:20%;
	position:relative;
	height: 100%;
	background:url(/i/home/slide-help-912.jpg) no-repeat center center scroll;
	-webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
}

.eventsection {
float:left;
	width: 80%;
	margin-left:20%;
	position:relative;
	height: 100%;
	background:url(/i/home/slide-events-912.jpg) no-repeat center center scroll;
	-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}


.contactsection {
	float:left;
	width: 80%;
	margin-left:20%;
	position:relative;
	height: 100%;
	background:url(/i/home/slide-contact.jpg) no-repeat center center scroll;
	-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
}


/* CELL PHONE
------------------------------------------------------------*/ 

@media (max-width: 700px ) {
body, html { overflow-x:hidden; }
.modal-content {
    width: 90%;
}
.modal-header {
	font-size: 1.4em; 
}
	  
.header  {background-color:#52376a; width: 100%; float:left; position:relative; z-index:10;overflow-y:hidden;}
.logo {display:none;}
.celllogo {display:block; width: 80%; padding:4% 2%; margin: 2% auto; text-align:center;}
.nav {display:none;}

#fadeshow-background {display: none;}
#main-nav-social ul{display:none;}
.donate {display: none;}
.donate-cell {display: none;}
.weather-cell {display: none;}
.content {width: 90%; padding: 5%; margin-left:0%; margin-top: 225px;}
.icon p{font-family: 'Roboto', "Arial Black", Impact, sans-serif; font-weight:700;color:#fba91c; font-size:.75em;text-align:center;padding-top: 3%;}

.donate-bar-cell {background-color:#e03a3e; width:100%; text-align:center; padding:7px 0; display:block;}
.special-bar-cell {background-color:#9989be; width:100%; text-align:center; padding:2px 0; display:inline;}

.slide-space-home {line-height: 80px; clear:left;}
.slide-space-about {line-height: 250px; clear:left;}
.slide-space-fam {line-height: 250px; clear:left;}
.slide-space-help {line-height: 250px; clear:left;}
.slide-space-events {line-height: 250px; clear:left;}
.slide-space-news {line-height: 250px; clear:left;}
.slide-space-contact {line-height: 250px; clear:left;}
.slidenav, .slidenav a {text-align:center; margin-top: 20px; font-size: 1.2em; line-height: 1.5em;}
.brcell {clear:left;}

.mute {
	top:450px;
}
.titlesection {
	float:left;
	width: 100%;
	max-width:700px;
	margin-left:0%;
	position:relative;
	height: 100%;
	bottom: 0;
	background:url(/i/home/slide-home-730.jpg) no-repeat top center scroll; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.aboutsection {
	float:left;
	width: 100%;
	margin-left:0%;
	position:relative;
	height: 100%;
	 background:url(/i/home/slide-about-778.jpg) no-repeat center center scroll; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	
}

.familysection {
	float:left;
	width: 100%;
	margin-left:0%;
	position:relative;
	height: 100%;
	 background:url(/i/home/slide-family-778.jpg) no-repeat center center scroll; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.helpsection {
float:left;
	width: 100%;
	margin-left:0%;
	position:relative;
	height: 100%;
	 background:url(/i/home/slide-help-778.jpg) no-repeat center center scroll; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.eventsection {
float:left;
	width: 100%;
	margin-left:0%;
	position:relative;
	height: 100%;
	 background:url(/i/home/slide-events-778.jpg) no-repeat center center scroll; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.contactsection {
float:left;
	width: 100%;
	margin-left:0%;
	position:relative;
	height: 100%;
	 background:url(/i/home/slide-contact.jpg) no-repeat center center scroll;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

     h2 {font-size: 1.4em; font-family: 'Boogaloo'; color: #ffffff;}
     h2.special-bar-cell a:link, .special-bar-cell h2 a:link, .special-bar-cell h2 a:visited {color:#fff;}
     
/* FOOTER */
#social-full {display:none}
#social-cell {float:none; display:block; width:100%; margin:20px 0 0 33.5%; clear:both;}
#social-cell ul {width:100%; margin: 0 auto;}
#social-cell ul li{float:left; text-align:center; padding-right: 5px; list-style:none; list-style-type:none; margin-left:0;}


#footer {width:100%;}
#footer-content {display:none}

#footer-content-cell { width: 90%; margin:2%; padding:0 2%; display:block }
#footer-content-cell h1 {font-size:1em; line-height:1.6em; color:#fff; text-align:left; padding-bottom:5px; font-family: 'Roboto Condensed', "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;}
#footer-content-cell p {font-size:.8em; line-height:1.4em; color:#999; text-align:center; font-family: 'Roboto Condensed', "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;}
#footer-content-cell ul li {font-size:.8em; line-height:1.6em;  color:#eee; text-align:left; list-style-type:none; padding-right: 15px; font-family:  'Roboto Condensed', "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;}

#footer #footer-content-cell h1 a {text-decoration:none; font-size:1em; font-weight:500; font-family: 'Roboto Condensed', "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;}
#footer #footer-content-cell h1 a:link {color:#eee;}
#footer #footer-content-cell h1 a:hover {color:#ffc425; text-decoration:underline;}
#footer #footer-content-cell h1 a:visited {color:#eee;}

.footer-cell-nav {width:100%; margin:0 auto;}
#footer #footer-content-cell .footer-cell-nav ul li {font-size:.8em; line-height:1.4em; color:#fff; text-align:left; margin-left:0px; padding-bottom:5px; list-style-position:outside; list-style-type:none; font-family:  'Roboto Condensed', "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;}

#footer #footer-content-cell ul li a {text-decoration:none; font-family: 'Roboto Condensed', "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;}
#footer #footer-content-cell ul li a:link {color:#999;}
#footer #footer-content-cell ul li a:hover {color:#ffc425; text-decoration:underline;}
#footer #footer-content-cell ul li a:visited {color:#999;}

#footer-content-cell .col-about-cell {width:44%; margin:4% 7% 0 5%; float:left;}
#footer-content-cell .col-fam-cell {width:44%; margin:4% 0% 0% 0%; float:left;}
#footer-content-cell .col-help-cell {width:44%; margin:4% 7% 0% 5%; float:left;}
#footer-content-cell .col-news-cell {width:44%; margin:4% 0% 0% 0%; float:left;}

}
@media (max-width: 450px ) {
	#social-cell {margin:20px 0 0 12%; clear:both;}
	#social-cell ul {margin-left:0%}
	.slide-space-home {line-height: 60px; clear:left;}
.slide-space-about {line-height: 300px; clear:left;}
.slide-space-fam {line-height: 250px; clear:left;}
.slide-space-help {line-height: 250px; clear:left;}
.slide-space-events {line-height: 450px; clear:left;}
.slide-space-news {line-height: 250px; clear:left;}
.slide-space-contact {line-height: 325px; clear:left;}
.slidenav, .slidenav a {text-align:center; margin-top: 20px; font-size: 1.2em; line-height: 1.5em;}
.brcell {clear:left;}
	
	
	.titlesection {
	float:left;
	width: 100%;
	max-width:450px;
	margin-left:0%;
	position:relative;
	height: 100%;
	bottom: 0;
	background:url(/i/home/slide-home-730.jpg) no-repeat top center scroll; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.aboutsection {
	float:left;
	max-width:450px;
	width: 100%;
	margin-left:0%;
	position:relative;
	height: 100%;
	 background:url(/i/home/slide-about-778.jpg) no-repeat center center scroll; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	
}

.familysection {
	float:left;
	max-width:450px;
	width: 100%;
	margin-left:0%;
	position:relative;
	height: 100%;
	 background:url(/i/home/slide-family-778.jpg) no-repeat center center scroll; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.helpsection {
	float:left;
	max-width:450px;
	width: 100%;
	margin-left:0%;
	position:relative;
	height: 100%;
	 background:url(/i/home/slide-help-778.jpg) no-repeat center center scroll; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.eventsection {
	float:left;
	max-width:450px;
	width: 100%;
	margin-left:0%;
	position:relative;
	height: 100%;
	 background:url(/i/home/slide-events-778.jpg) no-repeat center center scroll; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.contactsection {
	float:left;
	max-width:450px;
	width: 100%;
	margin-left:0%;
	position:relative;
	height: 100%;
	 background:url(/i/home/slide-contact.jpg) no-repeat center center scroll;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
}

.overlay ul {padding-top:10px; margin-left:20px;}
.overlay ul li {font-size:1em; line-height:1.6em; text-align:left; margin-left:15px; font-family: 'Roboto Condensed', "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;}
.overlay ul li ul {padding-top:5px; margin-left:20px;}

/* RESPONSIVE NAV */
ul {text-decoration:none; list-style:none;}
li {padding:0; margin:0;}
#respnav, respnav {
	text-align:center;
	width:100%;
	position:relative;
	height:auto;
	background:none;
    display: none;
}

/*styling open close button*/
.button {
	display:inline-block;
	position:absolute;
	right:30px;
	top:6px;
	z-index:9999999;
	font-size:30px;
	color:white;
}
.button a {
	text-decoration:none;
}
.btn-open:after {
	color:#ffc425;
	content:"\f0c9";
	font-family:"FontAwesome";
	transition-property:all .2s linear 0s;
	-moz-transition:all .2s linear 0s;
	-webkit-transition:all .2s linear 0s;
	-o-transition:all .2s linear 0s;
}
.btn-open:hover:after {
	color:#ffc425;
}
.btn-close:after {
	color:#ffc425;
	content:"\f00d";
	font-family:"FontAwesome";
	transition-property:all .2s linear 0s;
	-moz-transition:all .2s linear 0s;
	-webkit-transition:all .2s linear 0s;
	-o-transition:all .2s linear 0s;
}
.btn-close:hover:after {
	color: #ffc425;
}
/*overlay*/
.overlay {
	display:none;
	position:fixed;
	top:0;
	height:100%;
	width:100%;
	background:#52376a;
	overflow:auto;
	z-index:9999;
	text-align:left;
}
.wrap {
	color:#e9e9e9;
	text-align:left;
	max-width:90%;
	margin:0 auto;
}
.wrap ul.wrap-nav {
	border-bottom:1px solid #575757;
	padding:0;
	text-align:left;
}
.wrap ul.wrap-nav li {
	font-size:1em;
	display:inline-block;
	vertical-align:top;
	width:20%;
	position:relative;
}
.wrap ul.wrap-nav li a {
	color:#ffc425;
	display:block;
	padding:8px 0;
	text-decoration:none;
	transition-property:all .2s linear 0s;
	-moz-transition:all .2s linear 0s;
	-webkit-transition:all .2s linear 0s;
	-o-transition:all .2s linear 0s;
}
.wrap ul.wrap-nav li a:hover {
	color:#f0f0f0;
}
.wrap ul.wrap-nav ul {
	padding:10px 0;
}
.wrap ul.wrap-nav ul li {
	display:block;
	font-size:.8em;
	width:100%;
	color:#e9e9e9;
}
.wrap ul.wrap-nav ul li a {
	color:#f0f0f0;
}
.wrap ul.wrap-nav ul li a:hover {
	color:#fff;
}
.social {
	font-size:25px;
	padding:20px;
}
.social p {
	margin:0;
	padding:20px 0 5px 0;
	line-height:30px;
	font-size:13px;
}
.social p a {
	color:#34B484;
	text-decoration:none;
	margin:0;
	padding:0;
}
.social-icon {
	width:80px;
	height:50px;
	background:#e9e9e9;
	color:#333;
	display:inline-block;
	text-align:center;
	margin:0 20px;
	transition-property:all .2s linear 0s;
	-moz-transition:all .2s linear 0s;
	-webkit-transition:all .2s linear 0s;
	-o-transition:all .2s linear 0s;
}
.social-icon:hover {
	background:#34B484;
	color:#f0f0f0;
}
.social-icon i {
	margin-top:12px;
}
@media screen and (max-width:48em) {
	.wrap ul.wrap-nav>li {
		width:100%;
		padding:10px 0;
		border-bottom:1px solid #575757;
	}
	.wrap ul.wrap-nav {
		padding:30px 0px 0px;
	}
	respnav ul, #respnav ul {
		/*opacity:0;
		visibility:hidden;*/
		text-align:left;
	}
	.social {
		color:#c1c1c1;
		font-size:25px;
		padding:15px 0;
	}
	.social-icon {
		width:100%;
		height:50px;
		background:#fff;
		color:#333;
		display:block;
		margin:5px 0;
	}
}
@media (max-width: 700px ) {
#respnav { display:block; }
}