/**
 * Game
 */
body.game #siteNavBar {
  display: none !important;
}
body.game #content-wrapper {
  background-color: #a9f4f9;
}
body.beingafriend #content-wrapper {
  background-color: #a9f4f9;
}
#html5game {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  display: block;
  margin: 0 auto;
}
#canvas {
  display: block;
  margin: 5% auto;
  background-color: #629d9d;
  width: 90%;
  border: 0px 0px 1px 0px;
  border-bottom-style: solid;
  border-bottom-color: #003366;
}
img#splash {
  position: absolute;
  top: 0;
  width: 100%;
}
#content .game-content-wrapper {
  margin: 80px auto 0;
  position: relative;
  width: 90%;
  max-height: 605px;
  padding-top: 50.59%;
  border: 2px solid #000;
  background-color: #000;
}
#content .game-content-wrapper #game-container {
  display: block;
}
#content .game-content-wrapper #flashcontent, #content .game-content-wrapper .play-flash {
  display: none;
}
#game-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 12;
  width: 100%;
  height: 100%;
  background-color: #000;
}
.controls {
  position: absolute;
  right: 0;
  top: -70px;
  z-index: 999;
  list-style-type: none;
}
.controls li {
  margin-left: 15px;
  float: right;
}
.controls span, .controls a {
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}
.controls a:before, .controls a:after, .controls span:before, .controls span:after {
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.no-touchevents .controls span:hover:after, .touchevents .controls span:active:after, .controls .muted span:after, .no-touchevents .controls a:hover:after, .touchevents .controls a:active:after, .controls .muted a:after {
  opacity: 1;
}
.controls .audio span {
  position: relative;
  display: inline-block;
  width: 72px;
  height: 54px;
}
.controls .audio span:after {
  background-image: url(../static/sound-btn.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% auto;
}
.controls .audio.muted span:after {
  background-position: 0 -54px;
}
.controls .close a {
  position: relative;
  display: inline-block;
  width: 72px;
  height: 54px;
}
.controls .close a:after {
  background: url(../static/close-game.png) no-repeat left bottom;
  background-size: 100% auto;
}
.controls .cc span {
  position: relative;
  display: inline-block;
  width: 72px;
  height: 54px;
}
.controls .cc span:after {
  background-image: url(../static/captions-btn.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% auto;
}
.controls .cc.muted span:after {
  background-position: 0 -54px;
}