@import url(media.css);
@import url(circle.css);
@import url(component.css);
@import url(slide.css);
@import url(image.css);

@font-face {
font-family: 'bebas_neueregular';
src: url('../fonts/bebasneue_0-webfont.eot');
src: url('../fonts/bebasneue_0-webfont.eot?#iefix') format('embedded-opentype'),
	 url('../fonts/bebasneue_0-webfont.woff') format('woff'),
	 url('../fonts/bebasneue_0-webfont.ttf') format('truetype'),
	 url('../fonts/bebasneue_0-webfont.svg#bebas_neueregular') format('svg');
font-weight: normal;
font-style: normal;
}
*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
body,html{font-size:100%;background-image:url(../img/bg1.png), url(../img/bg3.png);background-repeat:repeat-x, repeat;background-position:top left, top left;margin:0;padding:0}
.clearfix:before,.clearfix:after{content:" ";display:table}
.clearfix:after{clear:both}
body{font-family:bebas_neueregular;color:#333}
a{color:#ccc;text-decoration:none;outline:none}
a:hover{color:#000}
.container > header{width:100%;max-width:1230px;margin:0 auto;padding:2.875em 1.875em 0}
.container > header h1{font-size:2.125em;line-height:1.3;float:left;font-weight:400;margin:0 0 .6em}
.container > header > span{display:block;position:relative;z-index:9999;font-weight:700;text-transform:uppercase;letter-spacing:.5em;padding:0 0 .6em .1em}
.container > header > span span:after{width:30px;height:30px;left:-12px;top:-8px;font-size:75%;position:relative}
.container > header > span span:hover:before{content:attr(data-content);text-transform:none;text-indent:0;letter-spacing:0;font-weight:300;font-size:110%;line-height:1.2;text-align:left;left:auto;margin-left:4px;position:absolute;color:#fff;background:#47a3da;padding:.8em 1em}
.container > header nav{float:right;text-align:center}
.container > header nav a{display:inline-block;position:relative;text-align:left;width:2.5em;height:2.5em;background:#fff;border-radius:50%;border:4px solid #47a3da;margin:0 .1em}
.container > header nav a > span{display:none}
.container > header nav a:hover:before{content:attr(data-info);color:#47a3da;position:absolute;width:600%;top:120%;text-align:right;right:0;pointer-events:none}
.container > header nav a:hover{background:#47a3da}
.bp-icon:after{font-family:bpicons;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;text-align:center;color:#47a3da;-webkit-font-smoothing:antialiased}
.container > header nav .bp-icon:after{position:absolute;top:0;left:0;width:100%;height:100%;line-height:2;text-indent:0}
.container > header nav a:hover:after{color:#fff}
.bp-icon-next:after{content:"\e000"}
.bp-icon-drop:after{content:"\e001"}
.bp-icon-archive:after{content:"\e002"}
.bp-icon-about:after{content:"\e003"}
.bp-icon-prev:after{content:"\e004"}
p.info{text-align:center;padding:20px}
nav{height:150px;background:url(../img/bg2.png) repeat-x top left}
.content,.clearfix{background:url(../img/bg1.png) repeat top left}
.content{font-family:Georgia, "Times New Roman", Times, serif;text-align:center}
h3{font-size:1em;text-transform:uppercase}
.logo,.border{padding-bottom:30px;transition:all .4s ease;margin:0 auto}
.logo{padding-top:20px}
.logo:hover{opacity:0.3;transition:all .4s ease}
#img-res{display:block;margin:0 auto}
.img-responsive{display:block;max-width:100%;height:auto}
.quote{text-align:center;font-size:1.3em;color:#ddd;letter-spacing:1.8px;margin:0 auto 30px}
.donations h3{font-family:bebas_neueregular;font-size:1.8em;font-weight:400;letter-spacing:1px;margin:0}
.social{background:url(../img/social.png) no-repeat;width:116px;margin:0 auto 30px}
.fb{width:32px;height:32px;float:left;background-position:0 0;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-ms-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease}
.fb:hover{background-position:0 -32px;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-ms-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease}
.cu{width:32px;height:32px;float:left;background-position:-32px 0;margin-left:10px;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-ms-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease}
.cu:hover{background-position:-32px -32px;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-ms-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease}
.pf{width:32px;height:32px;float:left;background-position:-64px 0;margin-left:10px;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-ms-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease}
.pf:hover{background-position:-64px -32px;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-ms-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease}
html{overflow-y:scroll;overflow-x:hidden}
.subscribe{text-align:center;color:#ddd;letter-spacing:1.8px;float:left;width:290px;margin:30px auto}
#mc_embed_signup{width:290px;height:45px;margin:0 auto}
.mc-field-group{float:left}
.email{color:#333;font-family:bebas_neueregular;width:200px;height:40px;border-top:#ddd solid 1px;border-left:#ddd solid 1px;border-bottom:#ddd solid 1px;border-right:none;-moz-border-radius:2px 0 0 2px;-webkit-border-radius:2px 0 0 2px;border-radius:2px 0 0 2px;-khtml-border-radius:2px 0 0 2px;letter-spacing:1px;padding:10px}
.email:focus{outline:none;border:1px solid #5591A0}
.button{font-family:bebas_neueregular;background:url(../img/bg1.png);height:40px;border:none;color:#fff;letter-spacing:1px;-moz-border-radius:0 2px 2px 0;-webkit-border-radius:0 2px 2px 0;border-radius:0 2px 2px 0;-khtml-border-radius:0 2px 2px 0;float:left;padding:0 15px}
.button:hover{content:"Thank You";cursor:pointer}
#section-0{font-size:2em;font-family:bebas_neueregular;text-transform:uppercase;color:rgba(0,0,0,0.5);letter-spacing:1px}
#section-1,#section-2,#section-3{padding-bottom:1.5em;-webkit-animation:slideIn 1s both ease;-moz-animation:slideIn 1s both ease;animation:slideIn 1s both ease}
.bottom{width:290px;margin:0 auto}
.border-b{padding-bottom:30px;transition:all .4s ease;width:290px;float:left;margin:0 auto}
@media screen and max-width 55em {
.container > header h1,.container > header nav{float:none}
.container > header > span,.container > header h1{text-align:center}
.container > header nav{margin:0 auto}
.container > header > span{text-indent:30px}
}