/* line 1, ../sass/style.scss */
* {
  margin: 0px;
  padding: 0px;
}

/* line 6, ../sass/style.scss */
.clear {
  clear: both;
  display: block;
  height: 1px;
}

/* line 8, ../sass/style.scss */
body {
  font-size: 100%;
  font-family: 'gt_walsheimmedium';
  padding: 0px 0 0 0;
  margin: 0;
  color: #7d7d7b;
  font-style: normal;
  background-color: #c5ebfe;
}

/* line 18, ../sass/style.scss */
html, body {
  width: 100%;
  height: 100%;
}

@font-face {
  font-family: 'gt_walsheimmedium';
  src: url("../fonts/gt-walsheim-medium-web.eot");
  src: url("../fonts/gt-walsheim-medium-web.eot?#iefix") format("embedded-opentype"), url("../fonts/gt-walsheim-medium-web.woff") format("woff"), url("../fonts/gt-walsheim-medium-web.ttf") format("truetype"), url("../fonts/gt-walsheim-medium-web.svg#gt_walsheimmedium") format("svg");
  font-weight: normal;
  font-style: normal;
}

/* line 36, ../sass/style.scss */
.button {
  display: block;
  width: 100%;
  height: 30px;
  padding-top: 10px;
  position: absolute;
  bottom: 0px;
  background-color: #00A0E7;
  color: white;
  text-align: center;
  font-size: 14px;
  z-index: 2;
}

/* line 50, ../sass/style.scss */
.button img {
  padding-right: 20px;
}

/* line 54, ../sass/style.scss */
.button:hover {
  background-color: #0080ba;
  cursor: pointer;
}

/* line 58, ../sass/style.scss */
.button.btnTop {
  bottom: 0px;
}

/* line 65, ../sass/style.scss */
.clear {
  clear: both;
}

/* typography */
/* line 69, ../sass/style.scss */
h1 {
  text-align: center;
}

/* line 70, ../sass/style.scss */
h2 {
  font-size: 36px;
  color: #00A0E7;
  padding: 0px 0px 10px 0px;
  margin-bottom: 10px;
}

/* line 71, ../sass/style.scss */
h3 {
  font-weight: normal;
}

/* line 72, ../sass/style.scss */
p {
  color: #555;
  padding-bottom: 20px;
}

/* General */
/* line 76, ../sass/style.scss */
section {
  min-height: 1300px;
}

/* line 77, ../sass/style.scss */
article {
  width: 700px;
  margin: auto;
  padding-top: 30px;
  display: block;
  position: relative;
  z-index: 2;
}

/* line 78, ../sass/style.scss */
footer {
  background-color: #222222;
}

/* line 79, ../sass/style.scss */
nav {
  width: 980px;
  margin: auto;
  height: 40px;
  display: block;
}

/* Header */
/* line 83, ../sass/style.scss */
a.btnTwitter {
  margin: auto;
  display: none !important;
  width: 22px;
  height: 27px;
  text-indent: -9000px;
  background: url("../images/btnLogos.png");
  background-position: -73px 0px;
  margin-top: 22px;
}

/* line 84, ../sass/style.scss */
a.btnTwitter:hover {
  background-position: -73px -33px;
}

/* line 86, ../sass/style.scss */
.slogan {
  font-size: 24px;
  text-align: center;
  padding: 10px 0px 30px 0px;
  color: #002069;
  line-height: 1.4em;
  width: 510px;
  margin: auto;
}

/* line 87, ../sass/style.scss */
.slogan span {
  font-size: 14px;
  color: #555;
}

/* line 88, ../sass/style.scss */
.linkBar {
  height: 100px;
  width: 100%;
  display: block;
  background-color: #00A0E7;
  text-align: center;
  color: white;
  margin-top: 40px;
}

/* Home */
/* line 94, ../sass/style.scss */
hgroup {
  text-align: center;
  margin: 0px 0px 0px 0px;
  width: 100%;
  position: relative;
  z-index: 3;
}

/* line 95, ../sass/style.scss */
a img {
  border: none;
}

/* Form */
/* line 100, ../sass/style.scss */
.form, #results, #worldResults {
  background-color: white;
  width: 482px;
  padding: 22px;
  display: block;
  margin: auto;
  z-index: 3;
  position: relative;
}

/* line 101, ../sass/style.scss */
#results, #worldResults {
  display: none;
  margin-top: 30px;
}

/* line 102, ../sass/style.scss */
.form .parent {
  width: 230px;
  float: left;
  margin-bottom: 22px;
  height: 80px;
  position: relative;
}

/* line 103, ../sass/style.scss */
.form .dad, .form .mum {
  height: 62px;
}

/* line 104, ../sass/style.scss */
.form .parent input {
  padding-left: 11px;
  width: 219px;
  padding-right: 0px;
  position: absolute;
  bottom: 0px;
}

/* line 105, ../sass/style.scss */
.form .mum label {
  padding-bottom: 20px;
  display: block;
}

/* line 106, ../sass/style.scss */
.form .dad, .form .often {
  float: right;
}

/* line 107, ../sass/style.scss */
.form label {
  color: #666666;
  font-size: 15px;
}

/* line 108, ../sass/style.scss */
.form input {
  background-color: #dcdcdc;
  border: 1px solid #dcdcdc;
  padding: 8px 3% 8px 3%;
  width: 94%;
  margin-top: 10px;
  border: none;
  color: #666;
  font-weight: bold;
  font-size: 16px;
}

/* line 111, ../sass/style.scss */
.buttons {
  width: 100%;
  text-align: center;
}

/* line 112, ../sass/style.scss */
.form .btnSubmit, #results #btnNext, #worldResults #btnStart {
  color: white;
  width: 150px;
  background-color: #00A0E7;
  font-family: 'gt_walsheimmedium';
  padding: 10px;
  margin: auto;
  border: none;
  display: block;
  font-size: 16px;
  cursor: pointer;
}

/* line 113, ../sass/style.scss */
.form .btnSubmit:hover, #results #btnNext:hover, #worldResults #btnStart:hover {
  background-color: #0080ba;
}

/* line 117, ../sass/style.scss */
select.styled {
  margin-top: 26px;
}

/* line 121, ../sass/style.scss */
span.customSelect {
  font-size: 15px;
  background-color: #00A0E7;
  color: #fff;
  padding: 7px 7px 8px 7px;
  width: 216px;
  z-index: 3;
  margin-top: 26px;
}

/* line 132, ../sass/style.scss */
span.customSelect.changed {
  background-color: #f0dea4;
}

/* line 135, ../sass/style.scss */
.customSelectInner {
  background: url(../images/arrowSelect.png) no-repeat center right;
  padding-right: 35px;
  margin-left: 5px;
}

/* === HTML5 validation styles === */
/* line 144, ../sass/style.scss */
.form input:focus {
  border: 1px solid #379de6;
}

/* line 147, ../sass/style.scss */
.form input:required:valid {
  border: 1px solid #379de6;
}

/* line 150, ../sass/style.scss */
.form input:focus:invalid {
  border: 1px solid #ff9a23;
}

/* line 154, ../sass/style.scss */
.form input:focus + .form_hint {
  display: inline;
}

/* line 155, ../sass/style.scss */
.form input:required:valid + .form_hint {
  background: #28921f;
}

/* line 156, ../sass/style.scss */
.form input:required:valid + .form_hint::before {
  color: #28921f;
}

/* line 159, ../sass/style.scss */
#results {
  text-align: center;
}

/* line 160, ../sass/style.scss */
#results p {
  font-size: 22px;
}

/* line 161, ../sass/style.scss */
#results p span {
  font-size: 60px;
  clear: both;
  color: #00A0E7;
}

/* line 162, ../sass/style.scss */
#results #demo {
  padding: 10px 0px 15px 0px !important;
}

/* line 164, ../sass/style.scss */
#results span.dataInfo {
  font-size: 12px !important;
  color: #00A0E7;
  margin: auto;
  text-align: center;
  display: block;
  margin-bottom: 20px;
}

/* line 166, ../sass/style.scss */
#shareResults {
  border-top: 1px solid #ccc;
  padding-top: 15px;
  margin-top: 15px;
}

/* line 167, ../sass/style.scss */
#shareResults h3 {
  font-size: 16px;
  padding-bottom: 10px;
}

/* line 168, ../sass/style.scss */
#shareResults a {
  display: block;
  width: 33px;
  height: 33px;
  text-indent: -9000px;
  background: url("../images/btnLogos.png");
  background-position: 0px 0px;
  display: inline-block;
  margin: 0px 3px;
}

/* line 169, ../sass/style.scss */
#shareResults a:hover {
  background-position: 0px -33px;
}

/* line 170, ../sass/style.scss */
#shareResults a.btnShareTwitter {
  background-position: -34px 0px;
}

/* line 171, ../sass/style.scss */
#shareResults a.btnShareTwitter:hover {
  background-position: -34px -33px;
}

/* line 172, ../sass/style.scss */
#shareResults a.btnShareEmail {
  background-position: -104px 0px;
}

/* line 173, ../sass/style.scss */
#shareResults a.btnShareEmail:hover {
  background-position: -104px -33px;
}

/* line 175, ../sass/style.scss */
#worldResults h2 {
  float: left;
  width: 200px;
}

/* line 176, ../sass/style.scss */
#worldResults h2 span {
  font-size: 20px;
}

/* line 177, ../sass/style.scss */
#worldResults p {
  width: 210px;
  float: right;
  color: #888;
}

/* line 178, ../sass/style.scss */
#worldResults p span {
  color: #00A0E7;
}

/* line 179, ../sass/style.scss */
#worldResults .borderTop {
  border-bottom: 1px solid #ddd;
  margin-bottom: 15px;
}

/* line 181, ../sass/style.scss */
.slide {
  background-attachment: fixed;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 0;
}

/* line 191, ../sass/style.scss */
#slide1 .bg {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  padding-top: 200px;
  z-index: 1;
}

/* line 201, ../sass/style.scss */
#slide2 {
  background-color: #00A0E7;
  padding: 0px 0px 0px 0px;
  height: 100%;
  min-height: 900px;
}

/* line 208, ../sass/style.scss */
#slide2 #why {
  width: 482px;
  margin: 0px auto;
}

/* line 214, ../sass/style.scss */
#slide2 article {
  padding-top: 0px;
  margin-bottom: 0px;
  padding-bottom: 0px;
}

/* line 215, ../sass/style.scss */
#slide2 hgroup {
  display: none;
}

/* line 216, ../sass/style.scss */
#slide2 h3 {
  color: #fff;
  font-size: 16px;
  border-bottom: 1px solid white;
  padding: 30px 0px 15px 0px;
  margin-bottom: 15px;
}

/* line 217, ../sass/style.scss */
#slide2 p {
  color: #fff;
  font-size: 16px;
}

/* line 218, ../sass/style.scss */
#slide2 span {
  color: #fff;
  font-size: 16px;
  width: 48%;
  display: block;
  float: left;
  padding-bottom: 15px;
}

/* line 219, ../sass/style.scss */
#slide2 span a, #slide2 p a {
  text-decoration: none;
  color: #002069;
}

/* line 220, ../sass/style.scss */
#slide2 span a:hover, #slide2 p a:hover {
  text-decoration: underline;
}

/* line 224, ../sass/style.scss */
footer #footerInner {
  display: block;
  height: 300px;
  width: 980px;
  margin: auto;
}

/* line 225, ../sass/style.scss */
footer #subFooter {
  background-color: #181818;
  display: block;
  height: 60px;
}

/* line 226, ../sass/style.scss */
footer #subFooter #subFooterInner {
  width: 980px;
  margin: auto;
  padding-top: 20px;
}

/* line 227, ../sass/style.scss */
footer #subFooter #subFooterInner .copyright {
  font-size: 11px;
  color: #555;
}