/*************************************************************************************************/
/* Casa Blanca / CSS     *****************************************************************************/
/*************************************************************************************************/
/****************************************/
/***** RESETS ***************************/
/****************************************/
	* 	 { margin: 0; padding:0 }
	A 	 { outline:none }
	HTML { overflow:auto; overflow-x:hidden; font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100% }
	BODY { font-size:1em; line-height:1 }
	BODY, DIV, DL, DT, DD, UL, OL, LI, H1, H2, H3, H4, H5, H6, PRE, FORM, FIELDSET, INPUT, TEXTAREA, P, BLOCKQUOTE, TH, TD, ARTICLE, ASIDE, DETAILS, FIGCAPTION, FIGURE, FOOTER, HEADER, HGROUP, NAV, SECTION, AUDIO, CANVAS, VIDEO, BUTTON, A, SPAN, SMALL, I { margin:0; padding:0;  box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box }
	NAV UL, NAV OL { list-style:none; list-style-image:none; margin:0; padding:0 }
	TABLE { border-collapse:collapse; border-spacing:0 }
	TD { vertical-align: top }
	FIELDSET, IMG { border:0 }
	ADDRESS, CAPTION, CITE, CODE, DFN, EM, STRONG, TH, VAR { font-style:normal; font-weight:normal }
	OL, UL { list-style:none }
	CAPTION, TH { text-align:left }
	H1, H2, H3, H4, H5, H6 { font-size:100%; font-weight:normal }
	BLOCKQOUTE, Q { quotes:none }
	BLOCKQOUTE:before, BLOCKQOUTE:after, Q:before, Q:after { content:''; content:none }
	ABBR, ACRONYM { border:0 }
	:focus { outline:0 }
	INS { text-decoration:none }
	DEL { text-decoration:line-through }
	PRE { white-space: pre; white-space: pre-wrap; word-wrap: break-word }
	LABEL { cursor: pointer }
	LEGEND { border: 0; margin:0; padding:0; white-space:normal }
	IMG { border:0; -ms-interpolation-mode:bicubic; vertical-align:middle }
	svg:not(:root) { overflow: hidden }
	BUTTON::-moz-focus-inner, INPUT::-moz-focus-inner { border: 0; padding: 0 }
	INPUT[type="search"]::-webkit-search-decoration, INPUT[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none }
	BUTTON[disabled], INPUT[disabled] { cursor: default }
	BUTTON, INPUT, SELECT, TEXTAREA { font-size: 100%; vertical-align: baseline; *vertical-align: middle }
	BUTTON, INPUT { line-height: normal }
	BUTTON, INPUT[type="button"], INPUT[type="reset"], INPUT[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible }
	INPUT[type="checkbox"], INPUT[type="radio"] { cursor: pointer; box-sizing: border-box; padding: 0; *width: 13px; *height: 13px }
	INPUT[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box }
	TEXTAREA { overflow:auto; vertical-align:top; resize:vertical }
	INPUT:valid, TEXTAREA:valid {  }
	INPUT:invalid, TEXTAREA:invalid {  }
	.chromeframe { margin:0; padding:0; background:#ccc; color:black }
	ARTICLE, ASIDE, DETAILS, FIGCAPTION, FIGURE, FOOTER, HEADER, HGROUP, NAV, SECTION { display: block }
	AUDIO, CANVAS, VIDEO { display: inline-block; *display: inline; *zoom: 1 }
	AUDIO:not([controls]) { display: none }
	[hidden] { display: none }
	
	
/****************************************/
/***** GLOBAL          ******************/
/****************************************/
	BODY						{ height:100%; font-size:100%; line-height:1.4; font-family:"Open Sans", sans-serif; text-rendering:optimizelegibility; text-align:center; background-color:#005fae; background-color:rgba(0,95,174,1); background-image:url("assets/bkg.jpg"); background-repeat:no-repeat; background-position: center center; background-attachment:fixed; background-size:cover; color:#FFF }
	.splash						{ min-height:100%; display:flex; align-items:center; justify-content:center; }
	/*.shader						{ position:absolute; top:0; left:0; right:0; bottom:0; z-index:-1; background: -moz-linear-gradient(top, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.2) 1%, rgba(0,0,0,0.4) 52%, rgba(0,0,0,0.2) 100%);
background: -webkit-linear-gradient(top, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.2) 1%,rgba(0,0,0,0.4) 52%,rgba(0,0,0,0.2) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.2) 1%,rgba(0,0,0,0.4) 52%,rgba(0,0,0,0.2) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33000000', endColorstr='#33000000',GradientType=0 ); }*/
	.shader							{ position:absolute; top:0; left:0; right:0; bottom:0; z-index:-1; background: linear-gradient(-45deg, rgba(35,1,171, 0.2), rgba(35,166,213, 0.5),rgba(35,1,171, 0.8) );
	background-size: 400% 400%; -webkit-animation: Gradient 15s ease infinite;
	-moz-animation: Gradient 15s ease infinite;
	animation: Gradient 15s ease infinite; }
	.box						{ position:absolute; top:10%; padding:20px }
	.logo						{ max-width:300px; margin-bottom:20px }
	.tagline					{ margin-top:10px; font-size:1.5em; font-weight:300; text-transform:uppercase; letter-spacing:6px; line-height:1.2 }
	.tagline__invert			{ display:inline-block; padding:6px 20px; letter-spacing:8px; background-color:#005fae; color:#FFF }
	.copy						{ position: absolute; bottom:20px; font-size:0.875em }
	.falert						{ overflow:hidden; position:relative; display:inline-block; margin-top:60px; background-color:#FFF; border-radius:30px; border:2px solid #FFF }
	.falert__input				{ display:inline-block; max-width:196px; padding:12px 24px; background:transparent; border:none }
	.falert__field,
	.falert__actions			{ display:inline-block }
	.btn						{ padding:10px; font-size:0.875em; text-transform:uppercase; border:none; background-color:#005fae; color:#FFF; transition: background-color 0.2s ease-in-out }
	.btn:hover					{ background-color:#01c4e1 }
	.btn--submit				{ padding:13px; border-radius:30px; background-color:#d11d36 }
	.link						{ display:inline-block; margin-top:40px; padding:14px 0 0 0; font-size:1em; font-weight:600; text-transform:uppercase; text-decoration:none; color:#FFF }
	.link:hover					{ }
	.link-ico					{ display:inline-block; padding-right:10px; width:60px }
	

@-webkit-keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

@-moz-keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

@keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

@media only screen and (min-width:480px){
	.box				{ top:25% }
	.falert__input	 	{ min-width:280px; max-width:none }
}