@charset "utf-8";

/* FONTS */
/****
font-family: 'Open Sans', Arial, Helvetica, sans-serif; 400,600,700
****/

@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.woff2') format('woff2'),
	 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');
}

html, body {
margin: 0; padding: 0; height: 100%;
font-family: 'Open Sans', Arial, Helvetica, sans-serif;
font-size: 16px; color: #161718; }

a { color: #ed1c24; text-decoration: none; transition: all 0.15s ease-in-out; }
a:hover { color: #999; }
p { margin: 0; padding: 10px 0; line-height: 28px; text-align: justify; }
#content li { padding: 5px 0; line-height: 28px; }
div { margin: 0; padding: 0; height: auto; }
img { max-width: 100%; height: auto; vertical-align: middle; line-height: normal; }
hr { border: 0; margin: 0 0 25px 0; padding: 25px 0 0 0; }

.wrap {	position: relative; margin: 0 auto; }
.clearit { clear: both; }
.redactor span { display: inline-block !important; }
html.c5-edit-mode .inner-content { z-index: auto !important; }

.fields input, .fields select, .fields textarea { background: rgba(255,255,255,0.25);  }
.form-actions input[type="submit"] { background: #009548; }
.form-actions input[type="submit"]:hover { background: #7a8893; }

#pagewrap,#headwrap,#navwrap,#slidewrap,#basewrap,#cntwrap,#footwrap,#credwrap 
{ position: relative; width: 100%; z-index:1; }

#pagewrap h1, #pagewrap h2, #pagewrap h3, #pagewrap h4, #pagewrap h5 { 
font-family: 'bebas_neueregular'; font-weight: normal; margin: 5px 0; text-transform: uppercase; }
#pagewrap h1 { font-size: 48px; padding-bottom: 20px; font-weight: 300; }
#pagewrap h2 { font-size: 80px; }
#pagewrap h3 { font-size: 32px; }
#pagewrap h4 { font-size: 28px; }
#pagewrap h5 { font-size: 28px; display: inline-block; }
#pagewrap h5 a {
padding: 10px 35px; margin: 0 5px; display: inline-block;
background: #ed1c24; color: #fff; text-shadow: 1px 1px 1px #000;
-moz-border-radius: 50px; border-radius: 50px; text-align: center;
box-shadow: 1px 1px 2px rgba(0,0,0,0.75); }
#pagewrap h5 a:hover, .login-page button.btn:hover { box-shadow: 1px 1px 10px rgba(0,0,0,0.75); background: #ff5057; }

body { background: #efefef; }

#pagewrap { background: #fff; }

#headwrap { background: #fff; padding: 10px 0; z-index: 2; }
#header { }

	#logo { max-width: 300px; }

#cntwrap { z-index: 1; }

	.split { display: inline-block; vertical-align: middle; }
	
/* VIDEO */

	.video { background: #353636; color: #fff; }
	.video .iframe-container { 
	overflow: hidden; -moz-border-radius: 15px; border-radius: 15px; padding-top: 56.25%; 
	position: relative; box-shadow: 0 0 75px rgba(0,0,0,0.5); }
	.video .iframe-container iframe { border: 0; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }

/* WHY */
	
	.why { 
	background: #0f0f10 url(../images/why-support-back.jpg) center right no-repeat;
	background-size: cover; background-attachment: fixed; 
	color: #fff; }
	.why .split { }

/* ABOUT */
	
	.about { 
	background: #efefef url(../images/about-back.jpg) center center no-repeat; 
	background-size: cover; background-attachment: fixed; z-index: 2 !important; }
	.about .split { }

/* HISTORY */
		
	.history { 
	background: #0f0f10 url(../images/history-back.jpg) left center no-repeat; 
	background-size: cover; color: #fff; text-align: right; z-index: 1;
	text-shadow: 1px 1px 3px #000; }
	.history:before { 
	content:''; background: rgba(0,0,0,0.35); position: absolute;
	width: 100%; height: 100%; z-index: -1; top: 0; left: 0; }
	.history .split { text-align: left; }

#credwrap { background: #353636; color: #bbb; }
#credits { padding: 25px 0; text-align: center; }

	#credits, #credits a { color: #bbb; font-size: 11px; }
	#credits a:hover { color: #999; }

/* ///////////////////////////////////////////////////////////// */
/* //////////////MAKE/IT/RESPONSIVE/THEY/SAID/////////////////// */
/* ////////////////////////////.../SO/I/DID///////////////////// */
/* ///////////////////////////////////////////////////////////// */

@media screen and (min-width: 250px)
{
.wrap { width: 90%; }

#logo, #headtxt { display: block; text-align: center; }
#logo { margin: -40px auto 10px auto; } 

#content { padding: 50px 0; }
.split { display: block; width: 100%; margin: 0 auto; padding: 40px 0; } 
.split2 { max-width: 200px; }
}
@media screen and (min-width: 550px)
{ 
}
@media screen and (min-width: 800px)
{  
#logo, #headtxt { display: inline-block; vertical-align: top; }
#logo { margin-top: -35px; margin-bottom: -170px; width: 30%; }
#headtxt { width: 69%; text-align: right; }

#content { padding: 100px 0; }
.split { display: inline-block; }

.video #content { padding: 100px 0 75px 0 !important; }

.why .split,
.about .split { width: 57%; margin-left: 0; }
.about .split2 { max-width: none; width: 36%; margin: 0 3% -20% 3%; }
.history .split { width: 60%; margin-right: 0; }
}
@media screen and (min-width: 1140px)
{ 
.wrap { width: 1140px; }
#logo { margin-top: -35px; margin-bottom: -170px; width: 20%; }
#headtxt { width: 79%; text-align: right; }
} 
 

/* ///////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////// */