@import "css/normalize.css";

div,
article,
section,
header,
footer,
nav,
li					{ position:relative; /* For absolutely positioning elements within containers (add more to the list if need be) */ }
.group:after 		{ display:block; height:0; clear:both; content:"."; visibility:hidden; /* For clearing */ }
body 				{ 
	background:#fff;
	font-family: 'Press Start 2P', cursive;
  font-size: 10px;
	color:#0cf238;
	line-height:1.8em;
	font-weight: 100;
  background: #222;
	}
::-moz-selection 	{ background:#ff0; color:#333; }
::selection 		{ background:#ff0; color:#333; }

p,
pre { margin: .5em 0;}
img { border:none; padding:0; margin:0; max-width:100%;height:auto;}
a {text-decoration:none;border:0;color:#1b414e;}
a:hover {text-decoration:underline;}

.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}
* html .clearfix,*:first-child+html .clearfix{zoom:1}
nav ul { padding:0; margin:0;}
nav a {display: block; padding:.25em;}

/* ---------------------------------------------------------------------------------------------------------- 
02 FONTS / TYPE -----------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
h1,
h2,
h3,
h4,
h5,
h6 { font-weight:100; line-height:1.1em; margin:.85em 0 .5em 0; }
h1 { font-size:2.2em; }
h2 { font-size:2em; }
h3 { font-size:1.8em; }
h4 { font-size:1.6em; margin:.5em 0 .5em 0; }
h5 { font-size:1.4em; margin:.5em 0 .5em 0; }
h6 { font-size:1.2em; margin:.5em 0 0em 0;}

code { background-color: #e8e8e8; color:#2f79ba; font-family:"Courier New", Courier, monospace; display: block; padding:1em; border:solid 1px #ccc; margin: .5em 0; }
blockquote { font-size:1.2em; font-style:italic; }

/* ---------------------------------------------------------------------------------------------------------- 
03 FORMS -----------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
form { margin:1em 0;}
label { font-size: .86em; color:#666666; display: inline-block; padding:.5em 0 .25em 0;}
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="date"],
input[type="number"],
input[type="password"] { outline: 0; display: inline-block;background: transparent;border: 0;padding: 5px 0;color: #0cf238;width: 80%;font-family: 'Press Start 2P', cursive;font-size: 10px;}
input[type="submit"] { background-color:#E7203B; color:#ffffff; display: inline-block; border:0; padding:15px 30px;font-weight: 700; -webkit-transition:.5s all; -moz-transition:.5s all; transition:.5s all;border-radius: 3px; }
input[type="submit"]:hover { text-decoration: none; background-color:#56AAA4; }
textarea { width:100%; padding:10px; background-color:#fff; border:solid 1px #666; display: inline-block; border-radius: 3px; margin-bottom: 10px; min-height: 100px}
select {
  display: block;
  font-size: 16px;
  font-family: sans-serif;
  font-weight: 700;
  color: #444;
  padding: 14px;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  margin: 0;
  border: 1px solid #e8e8e8;
  box-shadow: none;
  border-radius: 0;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: #fff;
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
    linear-gradient(to bottom, #ffffff 0%,#ffffff 100%);
  background-repeat: no-repeat, repeat;
  background-position: right .7em top 50%, 0 0;
  background-size: .65em auto, 100%;
}
select::-ms-expand {
  display: none;
}
select:hover {
  border-color: #888;
}
select:focus {
  border-color: #aaa;
  box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
  box-shadow: 0 0 0 3px -moz-mac-focusring;
  color: #222;
  outline: none;
}
select option {
  font-weight:normal;
}


.container{ width: 95%;margin:50px  auto; }



/* ---------------------------------------------------------------------------------------------------------- 
MAIN CSS --------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
.loading3 { margin: 20px 0; }
#question1 { display: none; }
.question { margin-top: 20px; }
.complete { margin-top: 20px; }
/* ---------------------------------------------------------------------------------------------------------- 
MEDIA QUERIES --------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
@media screen and (max-width :650px) {
	
	[class*='grid_']:not(.fixgrid)  { width:100%; margin-right:0; }

}