.row, section {
  max-width: 67.5rem;
  margin: auto;
  position: relative;
}

@font-face {
  font-family: "NiewCroMagnon";
  src: url('../fonts/NiewCroMagnon.eot?1431960187');
  src: url('../fonts/NiewCroMagnon.eot?&1431960187#iefix') format('embedded-opentype'), url('../fonts/NiewCroMagnon.woff?1431960187') format('woff'), url('../fonts/NiewCroMagnon.ttf?1431960187') format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "NiewCroMagnonCallig";
  src: url('../fonts/NiewCroMagnonCallig.eot?1431960187');
  src: url('../fonts/NiewCroMagnonCallig.eot?&1431960187#iefix') format('embedded-opentype'), url('../fonts/NiewCroMagnonCallig.woff?1431960187') format('woff'), url('../fonts/NiewCroMagnonCallig.ttf?1431960187') format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "NiewCroMagnonNarrow";
  src: url('../fonts/NiewCroMagnonNarrow.eot?1431960187');
  src: url('../fonts/NiewCroMagnonNarrow.eot?&1431960187#iefix') format('embedded-opentype'), url('../fonts/NiewCroMagnonNarrow.woff?1431960187') format('woff'), url('../fonts/NiewCroMagnonNarrow.ttf?1431960187') format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "NiewCroMagnonWide";
  src: url('../fonts/NiewCroMagnonWide.eot?1431960187');
  src: url('../fonts/NiewCroMagnonWide.eot?&1431960187#iefix') format('embedded-opentype'), url('../fonts/NiewCroMagnonWide.woff?1431960187') format('woff'), url('../fonts/NiewCroMagnonWide.ttf?1431960187') format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Cooper";
  src: url('../fonts/CooperBlackStd.eot?1431960187');
  src: url('../fonts/CooperBlackStd.eot?&1431960187#iefix') format('embedded-opentype'), url('../fonts/CooperBlackStd.woff?1431960187') format('woff'), url('../fonts/CooperBlackStd.ttf?1431960187') format('truetype');
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "social";
  src: url('../fonts/social.eot?1431960187');
  src: url('../fonts/social.eot?&1431960187#iefix') format('embedded-opentype'), url('../fonts/social.woff?1431960187') format('woff'), url('../fonts/social.ttf?1431960187') format('truetype');
  font-weight: normal;
  font-style: normal;
}
.icon, section.thanks .share-container .button.share:before {
  font-family: "social";
  text-transform: none;
  font-style: normal;
  font-weight: normal;
}

* {
  -webkit-appearance: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  outline: none;
  border-box: border-box;
}

.bg {
  background-repeat: no-repeat;
  background-position: center center;
}

p {
  font-size: 1rem;
  line-height: 1.375rem;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  margin: 0;
}

form h2 {
  font-family: "Cooper", serif;
  color: #ffffff;
  font-size: 1.125rem;
  color: #ffffff;
  font-weight: normal;
  text-align: center;
  margin: 0;
}
form .first_row_input {
  overflow: hidden;
  *zoom: 1;
}
form .first_row_input .input_name {
  width: 58%;
  float: left;
}
form .first_row_input .input_prefix {
  width: 40%;
  float: right;
}
form input {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  border: none;
  background: #ffffff;
  padding: 5px 3%;
  width: 94%;
}
form label {
  display: block;
  font-size: 0.625rem;
  font-family: "Cooper", serif;
  text-align: left;
  margin: 5px;
  color: #ffffff;
  text-transform: uppercase;
}
form label a {
  color: #ffffff;
}
form input[type=checkbox] {
  display: none;
}
form input[type=checkbox] + label {
  width: 105%;
  text-align: left;
  margin-left: 0;
}
@media only screen and (max-device-width: 480px) {
  form input[type=checkbox] + label {
    font-size: 0.5rem;
  }
}
form input[type=checkbox] + label:before {
  content: "\2713";
  font-size: .9rem;
  color: #ffffff;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  border: none;
  background: #ffffff;
  width: 1rem;
  height: 1rem;
  text-align: center;
  display: inline-block;
  margin-right: 10px;
}
@media only screen and (max-device-width: 480px) {
  form input[type=checkbox] + label:before {
    font-size: .8rem;
  }
}
form input[type=checkbox]:checked + label:before {
  color: #151514;
}

@-webkit-keyframes comedown {
  0% {
    height: 0%;
  }
  100% {
    height: 100%;
  }
}
@-moz-keyframes comedown {
  0% {
    height: 0%;
  }
  100% {
    height: 100%;
  }
}
@-ms-keyframes comedown {
  0% {
    height: 0%;
  }
  100% {
    height: 100%;
  }
}
@keyframes comedown {
  0% {
    height: 0%;
  }
  100% {
    height: 100%;
  }
}
@-webkit-keyframes startButton {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -312px;
  }
}
@-moz-keyframes startButton {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -312px;
  }
}
@-ms-keyframes startButton {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -312px;
  }
}
@keyframes startButton {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -312px;
  }
}
@-webkit-keyframes slidedown {
  0% {
    margin-top: -100%;
  }
  100% {
    margin-top: 0%;
  }
}
@-moz-keyframes slidedown {
  0% {
    margin-top: -100%;
  }
  100% {
    margin-top: 0%;
  }
}
@-ms-keyframes slidedown {
  0% {
    margin-top: -100%;
  }
  100% {
    margin-top: 0%;
  }
}
@keyframes slidedown {
  0% {
    margin-top: -100%;
  }
  100% {
    margin-top: 0%;
  }
}
@-webkit-keyframes scalein {
  0% {
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  100% {
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-moz-keyframes scalein {
  0% {
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  100% {
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-ms-keyframes scalein {
  0% {
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  100% {
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes scalein {
  0% {
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  100% {
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes scalehover {
  0% {
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }
  100% {
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-moz-keyframes scalehover {
  0% {
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }
  100% {
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-ms-keyframes scalehover {
  0% {
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }
  100% {
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes scalehover {
  0% {
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }
  100% {
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.smallgold, .toeter span, footer .row .bottom ul li a, footer section .bottom ul li a {
  color: #d8c693;
  text-decoration: none;
  font-family: "Verdana", sans-serif;
  font-size: 0.625rem;
}

body, html {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

body {
  overflow-x: hidden;
  background-color: #151514;
  min-height: 1000px;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (device-aspect-ratio: 40 / 71), (min-device-width: 320px) and (max-device-width: 568px) and (device-aspect-ratio: 2 / 3) {
  body {
    min-height: 600px;
  }
}

ul, li {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

a.cashfestival {
  background-image: url(../images/crazycash_emblem.png);
  -moz-background-size: contain;
  -o-background-size: contain;
  -webkit-background-size: contain;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  display: block;
  width: 220px;
  top: -30px;
  left: 110px;
  height: 240px;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  z-index: 1010;
  text-indent: -9999px;
}
@media only screen and (max-device-width: 480px) {
  a.cashfestival {
    left: 0px;
    width: 120px;
    height: 170px;
    -moz-transform: none;
    -ms-transform: none;
    -webkit-transform: none;
    transform: none;
  }
}
.welcome a.cashfestival {
  position: fixed;
  left: 50%;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  top: 80px;
  width: 320px;
  height: 320px;
  -moz-animation: slidedown 1s 1;
  -webkit-animation: slidedown 1s 1;
  animation: slidedown 1s 1;
}
@media only screen and (max-device-width: 480px) {
  .welcome a.cashfestival {
    top: 10px;
    width: 230px;
    height: 230px;
    z-index: 1010;
  }
}
@media only screen and (min-device-width: 768px) and (max-device-height: 1024px) {
  .welcome a.cashfestival {
    height: 200px;
    top: 120px;
  }
}

.toeter {
  background-image: url(../images/toeter.png);
  -moz-background-size: auto;
  -o-background-size: auto;
  -webkit-background-size: auto;
  background-size: auto;
  background-position: center center;
  background-repeat: no-repeat;
  display: block;
  width: 90px;
  height: 85px;
  position: absolute;
  right: 0px;
  top: 0px;
  -moz-transition: 0.3s 2s;
  -o-transition: 0.3s 2s;
  -webkit-transition: 0.3s 2s;
  transition: 0.3s 2s;
  z-index: 1010;
  text-align: center;
}
.toeter span {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  text-shadow: 2px 2px #151514;
  display: none;
}
.toeter span.off {
  display: block;
}
.toeter.inactive span.on {
  display: block;
}
.toeter.inactive span.off {
  display: none;
}
.welcome .toeter {
  top: -100px;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.overlay {
  position: fixed;
  height: 100%;
  height: 100%;
  z-index: 9999;
  background-image: url(../images/curtain.png);
  -moz-background-size: 150%;
  -o-background-size: 150%;
  -webkit-background-size: 150%;
  background-size: 150%;
  background-position: center center;
  background-repeat: no-repeat;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  display: none;
}
.overlay .modal {
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 95%;
}
.overlay .modal .modal-content {
  text-align: center;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  width: 100%;
  position: relative;
}
.overlay .modal .modal-content .modal-image {
  display: inline-block;
  width: 150px;
  height: 150px;
  background-image: url(../images/turn.svg);
  -moz-background-size: 100%;
  -o-background-size: 100%;
  -webkit-background-size: 100%;
  background-size: 100%;
  background-position: center center;
  background-repeat: no-repeat;
}
.overlay .modal .modal-content h2 {
  margin: 0;
  color: white;
  font-size: 2rem !important;
  width: 100%;
  padding: 0;
}
@media only screen and (max-width: 50em) and (orientation: landscape) {
  .overlay {
    display: block !important;
  }
}

header {
  position: absolute;
  height: 130px;
  top: 0px;
  background-image: url(../images/curtain.png);
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: bottom center;
  background-repeat: no-repeat;
  width: 100%;
  text-align: center;
  z-index: 2;
  -moz-transition: 1s 1s;
  -o-transition: 1s 1s;
  -webkit-transition: 1s;
  -webkit-transition-delay: 1s;
  transition: 1s 1s;
}
@media only screen and (max-device-width: 480px) {
  header {
    height: 100px;
  }
}
header a.logo {
  background-image: url(../images/jacks_logo.png);
  -moz-background-size: auto;
  -o-background-size: auto;
  -webkit-background-size: auto;
  background-size: auto;
  background-position: center center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 139px;
  height: 127px;
  position: absolute;
  top: -10px;
  left: -24px;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  text-indent: -9999px;
}
@media only screen and (max-device-width: 480px) {
  header a.logo {
    display: none;
  }
}
header a.start {
  background-image: url(../images/start_anim.png);
  -moz-background-size: auto;
  -o-background-size: auto;
  -webkit-background-size: auto;
  background-size: auto;
  background-position: center center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 300px;
  height: 156px;
  text-indent: -999em;
  left: 50%;
  position: absolute;
  bottom: 130px;
  -moz-transform: scale(0) translateX(-50%);
  -ms-transform: scale(0) translateX(-50%);
  -webkit-transform: scale(0) translateX(-50%);
  transform: scale(0) translateX(-50%);
  -moz-animation: startButton 0.7s steps(2) infinite;
  -webkit-animation: startButton 0.7s steps(2) infinite;
  animation: startButton 0.7s steps(2) infinite;
}
header a.start:hover {
  background-position: 0 0;
  background-image: url(../images/start_anim.png);
  -moz-background-size: auto;
  -o-background-size: auto;
  -webkit-background-size: auto;
  background-size: auto;
  background-position: 0 -312px;
  background-repeat: no-repeat;
  -moz-animation: none;
  -webkit-animation: none;
  animation: none;
}
@media only screen and (max-device-width: 480px) {
  header a.start {
    bottom: 110px;
  }
}
header .mid {
  position: absolute;
  top: 0%;
}
header .mid p {
  display: inline-block;
  color: #ffffff;
  width: 100%;
  bottom: 400px;
  left: 0px;
  font-size: 1rem;
  line-height: 1.375rem;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
@media only screen and (max-device-width: 480px) {
  header .mid p {
    width: 80%;
    left: 10%;
    font-size: .8rem;
  }
  header .mid p br {
    display: none;
  }
}
header a {
  max-width: 100%;
  cursor: pointer;
}
header .controls {
  position: relative;
  height: 120px;
  width: 100%;
  font-size: 0rem;
  margin-top: 20px;
}
header .controls div {
  display: inline-block;
  font-size: 1rem;
  height: 100%;
}
header .controls .left, header .controls .right {
  width: -moz-calc(50% - 40px);
  width: -webkit-calc(50% - 40px);
  width: calc(50% - 40px);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
header .controls .left:hover, header .controls .right:hover {
  -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
header .controls .left {
  background-image: url(../images/arrow_left.png);
  -moz-background-size: auto;
  -o-background-size: auto;
  -webkit-background-size: auto;
  background-size: auto;
  background-position: center right;
  background-repeat: no-repeat;
}
header .controls .bucket {
  width: 80px;
  background-image: url(../images/bucket.png);
  -moz-background-size: auto;
  -o-background-size: auto;
  -webkit-background-size: auto;
  background-size: auto;
  background-position: center center;
  background-repeat: no-repeat;
}
header .controls .right {
  background-image: url(../images/arrow_right.png);
  -moz-background-size: auto;
  -o-background-size: auto;
  -webkit-background-size: auto;
  background-size: auto;
  background-position: center left;
  background-repeat: no-repeat;
}
header #loading_msg {
  opacity: 0;
  -moz-transition: opacity 1s 1.3s;
  -o-transition: opacity 1s 1.3s;
  -webkit-transition: opacity 1s;
  -webkit-transition-delay: 1.3s;
  transition: opacity 1s 1.3s;
  position: absolute;
  left: 50%;
  width: 320px;
  margin-left: -160px;
  top: 40%;
}
header #loading_msg h3 {
  color: #ffffff;
  font-size: 28px;
  font-family: "NiewCroMagnonNarrow";
  text-shadow: 2px 2px #151514;
}
header.welcome {
  position: fixed;
  z-index: 1000;
  height: 110%;
  -moz-animation: comedown 1s 1;
  -webkit-animation: comedown 1s 1;
  animation: comedown 1s 1;
}
@media only screen and (max-device-width: 480px) {
  header.welcome {
    height: 110vh;
  }
}
header.welcome .toeter {
  top: -400px;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
header.welcome .mid {
  top: 375px;
}
header.welcome .row, header.welcome section {
  position: relative;
  bottom: 0px;
  width: 440px;
  height: 100%;
  max-width: 100%;
}
header.welcome .start {
  -moz-transform: scale(1) translateX(-50%);
  -ms-transform: scale(1) translateX(-50%);
  -webkit-transform: scale(1) translateX(-50%);
  transform: scale(1) translateX(-50%);
}
header.welcome a.logo {
  width: 100%;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  left: 0px;
  top: 10px;
}
@media only screen and (max-device-width: 480px) {
  header.welcome .controls {
    top: 100px;
  }
}
@media only screen and (min-device-width: 768px) and (max-device-height: 1024px) {
  header.welcome {
    min-height: 900px;
  }
  header.welcome .start {
    height: 140px;
    top: 580px;
  }
}
@media only screen and (max-device-width: 480px) {
  header.welcome .mid {
    top: 215px;
  }
  header.welcome .start {
    left: 40%;
    bottom: auto;
    top: 350px;
    -moz-transform: scale(0.8) translateX(-50%);
    -ms-transform: scale(0.8) translateX(-50%);
    -webkit-transform: scale(0.8) translateX(-50%);
    transform: scale(0.8) translateX(-50%);
  }
}
header.loading {
  position: fixed;
  z-index: 1000;
  height: 110%;
  /*@include animation(comedown 1s 1);*/
}
header.loading #loading_msg {
  opacity: 1;
}

.home .bg {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  left: 0px;
  background: rgba(0, 0, 0, 0.8);
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

div.content {
  background-image: url(../images/bg_clouds.png);
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
  overflow: hidden;
  height: 1000px;
  width: 100%;
}
@media only screen and (max-device-width: 480px) {
  .home div.content {
    height: 500px;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (device-aspect-ratio: 40 / 71), (min-device-width: 320px) and (max-device-width: 568px) and (device-aspect-ratio: 2 / 3) {
  .home div.content {
    height: 500px;
    max-height: 500px;
  }
  .register div.content {
    height: 800px;
    max-height: 800px;
  }
}

.uglyredthing, div.error_container ul, section.register form {
  background: #eb5d4a;
  padding: 2.5rem;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  -ms-border-radius: 20px;
  border-radius: 20px;
  -moz-box-shadow: 0 0 0 4px #eb5d4a inset, 0 0 0px 5px #ffffff inset, 0 0 10px 0px #151514;
  -webkit-box-shadow: 0 0 0 4px #eb5d4a inset, 0 0 0px 5px #ffffff inset, 0 0 10px 0px #151514;
  box-shadow: 0 0 0 4px #eb5d4a inset, 0 0 0px 5px #ffffff inset, 0 0 10px 0px #151514;
}

div.error_container {
  width: 100%;
  height: 100%;
  background: rgba(21, 21, 20, 0.5);
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 2000;
}
div.error_container ul {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 320px;
}
div.error_container ul li {
  color: white;
}
div.error_container ul li + li {
  margin-top: 5px;
}

section {
  width: 100%;
}
section#content {
  padding-top: 0px;
}
section.register {
  background-image: url(../images/bg_register.png);
  -moz-background-size: auto;
  -o-background-size: auto;
  -webkit-background-size: auto;
  background-size: auto;
  background-position: top center;
  background-repeat: no-repeat;
  height: 100%;
  position: relative;
  -moz-animation: slidedown 2s;
  -webkit-animation: slidedown 2s;
  animation: slidedown 2s;
}
section.register h1, section.register h2, section.register h3 {
  font-family: "Cooper", serif;
  font-size: 1rem;
  margin: 0;
  color: #ffffff;
  margin-bottom: 5px !important;
  text-align: center;
}
section.register h1 {
  font-size: 1.5rem;
}
section.register h2 {
  font-size: 1.25rem;
}
section.register h3 {
  font-size: 1rem;
}
section.register .of {
  display: block;
  width: 100%;
  height: 30px;
  background-image: url(../images/of.png);
  -moz-background-size: auto;
  -o-background-size: auto;
  -webkit-background-size: auto;
  background-size: auto;
  background-position: center center;
  background-repeat: no-repeat;
  margin: 0 0 5px 0;
  text-indent: -999em;
  text-align: left;
}
@media only screen and (max-device-width: 480px) {
  section.register {
    background-image: none;
  }
}
section.register span.vouchers {
  display: block;
  width: 100px;
  height: 100px;
  top: 300px;
  left: 50%;
  font-size: 3rem;
  color: #ffffff;
  font-family: "NiewCroMagnon", serif;
  font-style: 'callig';
  line-height: 100px;
  text-align: center;
  position: absolute;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  text-shadow: 2px 2px 5px rgba(21, 21, 20, 0.5);
}
@media only screen and (max-device-width: 480px) {
  section.register span.vouchers {
    display: inline-block;
    position: relative;
    height: auto;
    width: auto;
    color: white;
    top: 6px;
    left: 12px;
    line-height: 30px;
  }
}
section.register .button.facebook {
  background-image: url(../images/login_facebook.png);
  -moz-background-size: auto;
  -o-background-size: auto;
  -webkit-background-size: auto;
  background-size: auto;
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  width: 234px;
  height: 53px;
  top: 470px;
  left: 50%;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  text-indent: -999em;
}
@media only screen and (max-device-width: 480px) {
  section.register .button.facebook {
    top: 0;
    position: relative;
    display: inline-block;
  }
}
section.register form {
  width: 320px;
  position: absolute;
  top: 555px;
  left: 50%;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  padding: 1.25rem;
}
@media only screen and (max-device-width: 480px) {
  section.register form {
    width: 280px;
    top: 110px;
  }
  section.register form input {
    margin-bottom: 10px;
  }
}
section.register form input[type=checkbox] {
  content: "dingen";
}
section.register .login {
  background-image: url(../images/button_login.png);
  -moz-background-size: auto;
  -o-background-size: auto;
  -webkit-background-size: auto;
  background-size: auto;
  background-position: center center;
  background-repeat: no-repeat;
  width: 217px;
  height: 115px;
  display: block;
  position: absolute;
  bottom: -90px;
  text-indent: -999em;
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
section.register .login:hover {
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media only screen and (max-device-width: 480px) {
  section.register .login {
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
  }
  section.register .login:hover {
    -moz-transform: scale(1.1) translateX(-50%);
    -ms-transform: scale(1.1) translateX(-50%);
    -webkit-transform: scale(1.1) translateX(-50%);
    transform: scale(1.1) translateX(-50%);
  }
}
section.verify {
  background-image: url(../images/bg_email.png);
  -moz-background-size: auto;
  -o-background-size: auto;
  -webkit-background-size: auto;
  background-size: auto;
  background-position: top center;
  background-repeat: no-repeat;
  height: 100%;
  position: relative;
  -moz-animation: slidedown 2s;
  -webkit-animation: slidedown 2s;
  animation: slidedown 2s;
}
section.verify form {
  width: 260px;
  position: absolute;
  top: 640px;
  left: 50%;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
section.verify h3 {
  font-family: "Cooper", serif;
  font-size: 1rem;
  font-style: italic;
  margin: 0;
  color: #ffffff;
  margin-bottom: 10px;
  text-align: center;
}
section.verify .signup {
  background-image: url(../images/button_signup.png);
  -moz-background-size: auto;
  -o-background-size: auto;
  -webkit-background-size: auto;
  background-size: auto;
  background-position: center center;
  background-repeat: no-repeat;
  width: 240px;
  height: 131px;
  display: block;
  position: relative;
  top: 0px;
  text-indent: -999em;
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  left: 30px;
}
section.verify .signup:hover {
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
section.toobad {
  background-image: url(../images/bg_helaas.png);
  -moz-background-size: auto;
  -o-background-size: auto;
  -webkit-background-size: auto;
  background-size: auto;
  background-position: top center;
  background-repeat: no-repeat;
  height: 100%;
  position: relative;
  -moz-animation: slidedown 2s;
  -webkit-animation: slidedown 2s;
  animation: slidedown 2s;
}
section.toobad a.start {
  background-image: url(../images/start_anim.png);
  -moz-background-size: auto;
  -o-background-size: auto;
  -webkit-background-size: auto;
  background-size: auto;
  background-position: center center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 300px;
  height: 156px;
  text-indent: -999em;
  left: 55%;
  position: absolute;
  top: 610px;
  -moz-transform: scale(1) translateX(-50%);
  -ms-transform: scale(1) translateX(-50%);
  -webkit-transform: scale(1) translateX(-50%);
  transform: scale(1) translateX(-50%);
  -moz-animation: startButton 0.7s steps(2) infinite;
  -webkit-animation: startButton 0.7s steps(2) infinite;
  animation: startButton 0.7s steps(2) infinite;
}
section.toobad a.start:hover {
  background-position: 0 0;
  background-image: url(../images/start_anim.png);
  -moz-background-size: auto;
  -o-background-size: auto;
  -webkit-background-size: auto;
  background-size: auto;
  background-position: 0 -312px;
  background-repeat: no-repeat;
  -moz-animation: none;
  -webkit-animation: none;
  animation: none;
}
@media only screen and (max-device-width: 480px) {
  section.toobad a.start {
    top: 410px;
    -moz-transform: scale(0.8) translateX(-50%);
    -ms-transform: scale(0.8) translateX(-50%);
    -webkit-transform: scale(0.8) translateX(-50%);
    transform: scale(0.8) translateX(-50%);
  }
}
@media only screen and (max-device-width: 480px) {
  section.toobad {
    background-size: 700px auto;
    top: -100px;
  }
}
section.thanks {
  background-image: url(../images/bg_thanks.png);
  -moz-background-size: auto;
  -o-background-size: auto;
  -webkit-background-size: auto;
  background-size: auto;
  background-position: top center;
  background-repeat: no-repeat;
  height: 100%;
  position: relative;
  -moz-animation: slidedown 2s;
  -webkit-animation: slidedown 2s;
  animation: slidedown 2s;
}
@media only screen and (max-device-width: 480px) {
  section.thanks {
    top: 0px;
  }
}
section.thanks .share-container {
  width: 500px;
  height: 41px;
  position: absolute;
  top: 685px;
  left: 50%;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  text-align: center;
  font-size: 0rem;
}
@media only screen and (max-device-width: 480px) {
  section.thanks .share-container {
    width: 100%;
    height: auto;
    top: 400px;
  }
}
section.thanks .share-container .button.share {
  display: inline-block;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  color: #ffffff;
  text-decoration: none;
  line-height: 40px;
  font-size: 1rem;
  margin: 0 .5rem;
  padding-right: 1rem;
  font-family: sans-serif;
  position: relative;
  padding-left: 56px;
  -moz-box-shadow: 1px 2px 5px 0px rgba(21, 21, 20, 0.3), 1px 1px 1px 0 rgba(255, 255, 255, 0.5) inset, -1px -1px 1px 0 rgba(21, 21, 20, 0.3) inset;
  -webkit-box-shadow: 1px 2px 5px 0px rgba(21, 21, 20, 0.3), 1px 1px 1px 0 rgba(255, 255, 255, 0.5) inset, -1px -1px 1px 0 rgba(21, 21, 20, 0.3) inset;
  box-shadow: 1px 2px 5px 0px rgba(21, 21, 20, 0.3), 1px 1px 1px 0 rgba(255, 255, 255, 0.5) inset, -1px -1px 1px 0 rgba(21, 21, 20, 0.3) inset;
  font-size: 0.9rem;
  text-shadow: rgba(21, 21, 20, 0.3) 1px 1px;
}
section.thanks .share-container .button.share:before {
  display: block;
  border-right: 1px solid rgba(21, 21, 20, 0.3);
  margin-right: 1rem;
  line-height: 1.1rem;
  position: absolute;
  left: 0px;
  height: 100%;
  line-height: 2.5rem;
  width: 40px;
  text-align: center;
}
section.thanks .share-container .button.share.whatsapp {
  background: #4dc247;
  display: none;
}
section.thanks .share-container .button.share.whatsapp:before {
  content: "(";
  font-size: 1.5rem;
}
section.thanks .share-container .button.share.whatsapp:hover {
  background: #3ba135;
}
@media only screen and (max-device-width: 480px) {
  section.thanks .share-container .button.share.whatsapp {
    display: inline-block;
    margin-top: 5px;
  }
}
section.thanks .share-container .button.share.facebook {
  background: #3b5998;
}
section.thanks .share-container .button.share.facebook:before {
  content: "7";
}
section.thanks .share-container .button.share.facebook:hover {
  background: #2d4373;
}
section.thanks .share-container .button.share.twitter {
  background: #00aced;
}
section.thanks .share-container .button.share.twitter:before {
  content: "'";
}
section.thanks .share-container .button.share.twitter:hover {
  background: #0087ba;
}

#game_board {
  position: absolute;
  width: 600px;
  height: 1000px;
  margin: 0 auto;
  top: 0;
  left: 50%;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 100;
}
@media screen and (max-height: 660px) {
  #game_board {
    -moz-transform: translateX(-50%) scale(0.8);
    -ms-transform: translateX(-50%) scale(0.8);
    -webkit-transform: translateX(-50%) scale(0.8);
    transform: translateX(-50%) scale(0.8);
    top: -100px;
  }
}
@media only screen and (max-device-width: 480px) {
  #game_board {
    -moz-transform: translateX(-50%) scale(0.5);
    -ms-transform: translateX(-50%) scale(0.5);
    -webkit-transform: translateX(-50%) scale(0.5);
    transform: translateX(-50%) scale(0.5);
    top: -250px;
  }
}

.hanging_rope {
  z-index: 10;
  position: absolute;
  top: 0;
  width: 49px;
  height: 218px;
  background-image: url(../images/hanging_rope.png);
  -moz-background-size: auto;
  -o-background-size: auto;
  -webkit-background-size: auto;
  background-size: auto;
  background-position: center center;
  background-repeat: no-repeat;
}

.hanging_rope_left {
  left: 40px;
}

.hanging_rope_right {
  right: 40px;
}

.game_background {
  position: absolute;
  bottom: 0;
  width: 600px;
  height: 782px;
  background-image: url(../images/game/background.png);
  -moz-background-size: auto;
  -o-background-size: auto;
  -webkit-background-size: auto;
  background-size: auto;
  background-position: center center;
  background-repeat: no-repeat;
}

#game_level {
  position: absolute;
  top: 208px;
  left: -20px;
  width: 177px;
  height: 112px;
}

.badgeLevel1 {
  background-image: url(../images/badgeLevel1.png);
  -moz-background-size: auto;
  -o-background-size: auto;
  -webkit-background-size: auto;
  background-size: auto;
  background-position: center center;
  background-repeat: no-repeat;
}

.badgeLevel2 {
  background-image: url(../images/badgeLevel2.png);
  -moz-background-size: auto;
  -o-background-size: auto;
  -webkit-background-size: auto;
  background-size: auto;
  background-position: center center;
  background-repeat: no-repeat;
}

.badgeLevel3 {
  background-image: url(../images/badgeLevel3.png);
  -moz-background-size: auto;
  -o-background-size: auto;
  -webkit-background-size: auto;
  background-size: auto;
  background-position: center center;
  background-repeat: no-repeat;
}

.arrow {
  position: absolute;
  bottom: 170px;
  display: none;
  width: 74px;
  height: 75px;
  z-index: 9;
}
.mobile .arrow {
  display: block;
}

#arrow_left {
  left: 20px;
  background-image: url(../images/arrow_left.png);
  -moz-background-size: auto;
  -o-background-size: auto;
  -webkit-background-size: auto;
  background-size: auto;
  background-position: center center;
  background-repeat: no-repeat;
}

#arrow_right {
  right: 20px;
  background-image: url(../images/arrow_right.png);
  -moz-background-size: auto;
  -o-background-size: auto;
  -webkit-background-size: auto;
  background-size: auto;
  background-position: center center;
  background-repeat: no-repeat;
}

#character {
  position: absolute;
  top: 0;
  left: 300px;
}

.char-ringmaster {
  width: 292px;
  height: 281px;
  background-image: url(../images/game/ringmaster.png);
  -moz-background-size: auto;
  -o-background-size: auto;
  -webkit-background-size: auto;
  background-size: auto;
  background-position: center center;
  background-repeat: no-repeat;
  z-index: 5;
}

.char-olifant {
  width: 292px;
  height: 432px;
  background-image: url(../images/game/olifant.png);
  -moz-background-size: auto;
  -o-background-size: auto;
  -webkit-background-size: auto;
  background-size: auto;
  background-position: center center;
  background-repeat: no-repeat;
  z-index: 100;
}

.char-monkey {
  width: 292px;
  height: 281px;
  background-image: url(../images/game/monkey.png);
  -moz-background-size: auto;
  -o-background-size: auto;
  -webkit-background-size: auto;
  background-size: auto;
  background-position: center center;
  background-repeat: no-repeat;
  z-index: 5;
}

#scoreboard {
  position: absolute;
  bottom: 99px;
  left: 224px;
  width: 164px;
  height: 23px;
}

.score0 {
  background-image: url(../images/game/score0.png);
  -moz-background-size: auto;
  -o-background-size: auto;
  -webkit-background-size: auto;
  background-size: auto;
  background-position: center center;
  background-repeat: no-repeat;
}

.score1 {
  background-image: url(../images/game/score1.png);
  -moz-background-size: auto;
  -o-background-size: auto;
  -webkit-background-size: auto;
  background-size: auto;
  background-position: center center;
  background-repeat: no-repeat;
}

.score2 {
  background-image: url(../images/game/score2.png);
  -moz-background-size: auto;
  -o-background-size: auto;
  -webkit-background-size: auto;
  background-size: auto;
  background-position: center center;
  background-repeat: no-repeat;
}

.score3 {
  background-image: url(../images/game/score3.png);
  -moz-background-size: auto;
  -o-background-size: auto;
  -webkit-background-size: auto;
  background-size: auto;
  background-position: center center;
  background-repeat: no-repeat;
}

.score4 {
  background-image: url(../images/game/score4.png);
  -moz-background-size: auto;
  -o-background-size: auto;
  -webkit-background-size: auto;
  background-size: auto;
  background-position: center center;
  background-repeat: no-repeat;
}

.score5 {
  background-image: url(../images/game/score5.png);
  -moz-background-size: auto;
  -o-background-size: auto;
  -webkit-background-size: auto;
  background-size: auto;
  background-position: center center;
  background-repeat: no-repeat;
}

.score6 {
  background-image: url(../images/game/score6.png);
  -moz-background-size: auto;
  -o-background-size: auto;
  -webkit-background-size: auto;
  background-size: auto;
  background-position: center center;
  background-repeat: no-repeat;
}

.rope {
  position: absolute;
  bottom: 230px;
  left: 0px;
  z-index: 2;
}

.candy {
  position: absolute;
  bottom: 75px;
  left: -100px;
}

.cards {
  position: absolute;
  bottom: 0;
  left: -200px;
}

.popcorn {
  position: absolute;
  bottom: 0;
  right: -423px;
}

@media only screen and (max-device-width: 480px) {
  .candy, .cards, .popcorn {
    display: none;
  }
}
footer {
  background: #151514;
  position: relative;
  width: 100%;
}
footer .row, footer section {
  text-align: right;
}
footer .row .bottom, footer section .bottom {
  width: 350px;
  display: inline-block;
  position: relative;
}
@media only screen and (max-device-width: 480px) {
  footer .row .bottom, footer section .bottom {
    width: 100%;
  }
}
footer .row .bottom a.yourewelcome, footer section .bottom a.yourewelcome {
  display: block;
  width: 100%;
  height: 100px;
  background-image: url(../images/yourewelcome.svg);
  -moz-background-size: contain;
  -o-background-size: contain;
  -webkit-background-size: contain;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  text-indent: -999em;
  text-align: left;
}
footer .row .bottom ul, footer section .bottom ul {
  width: 100%;
  position: absolute;
  bottom: 10px;
}
footer .row .bottom ul li, footer section .bottom ul li {
  display: inline-block;
}
footer .row .bottom ul li a:after, footer section .bottom ul li a:after {
  content: " - ";
}
footer .row .bottom ul li:last-child a:after, footer section .bottom ul li:last-child a:after {
  content: none;
}

@media only screen and (max-device-width: 480px) {
  .hide-for-mobile,
  .show-for-desktop {
    display: none;
  }
}
@media only screen and (min-device-width: 480px) {
  .show-for-mobile,
  .hide-for-desktop {
    display: none;
  }
}