/*MAIN*/
/*FONTS HERE*/
@font-face {
  font-family: "exoblack";
  font-style: normal;
  font-weight: normal;
  src: url("../../assets/fonts/exo/Exo-Black-webfont.eot?#iefix") format("embedded-opentype"), url("../../assets/fonts/exo/Exo-Black-webfont.woff2") format("woff2"), url("../../assets/fonts/exo/Exo-Black-webfont.woff") format("woff"), url("../../assets/fonts/exo/Exo-Black-webfont.ttf") format("truetype"), url("../../assets/fonts/exo/Exo-Black-webfont.svg#exoblack") format("svg"); }

@font-face {
  font-family: "exoblackitalic";
  font-style: normal;
  font-weight: normal;
  src: url("../../assets/fonts/exo/Exo-BlackItalic-webfont.eot?#iefix") format("embedded-opentype"), url("../../assets/fonts/exo/Exo-BlackItalic-webfont.woff2") format("woff2"), url("../../assets/fonts/exo/Exo-BlackItalic-webfont.woff") format("woff"), url("../../assets/fonts/exo/Exo-BlackItalic-webfont.ttf") format("truetype"), url("../../assets/fonts/exo/Exo-BlackItalic-webfont.svg#exoblackitalic") format("svg"); }

@font-face {
  font-family: "exobold";
  font-style: normal;
  font-weight: normal;
  src: url("../../assets/fonts/exo/Exo-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("../../assets/fonts/exo/Exo-Bold-webfont.woff2") format("woff2"), url("../../assets/fonts/exo/Exo-Bold-webfont.woff") format("woff"), url("../../assets/fonts/exo/Exo-Bold-webfont.ttf") format("truetype"), url("../../assets/fonts/exo/Exo-Bold-webfont.svg#exobold") format("svg"); }

@font-face {
  font-family: "exobolditalic";
  font-style: normal;
  font-weight: normal;
  src: url("../../assets/fonts/exo/Exo-BoldItalic-webfont.eot?#iefix") format("embedded-opentype"), url("../../assets/fonts/exo/Exo-BoldItalic-webfont.woff2") format("woff2"), url("../../assets/fonts/exo/Exo-BoldItalic-webfont.woff") format("woff"), url("../../assets/fonts/exo/Exo-BoldItalic-webfont.ttf") format("truetype"), url("../../assets/fonts/exo/Exo-BoldItalic-webfont.svg#exobolditalic") format("svg"); }

@font-face {
  font-family: "exoextrabold";
  font-style: normal;
  font-weight: normal;
  src: url("../../assets/fonts/exo/Exo-ExtraBold-webfont.eot?#iefix") format("embedded-opentype"), url("../../assets/fonts/exo/Exo-ExtraBold-webfont.woff2") format("woff2"), url("../../assets/fonts/exo/Exo-ExtraBold-webfont.woff") format("woff"), url("../../assets/fonts/exo/Exo-ExtraBold-webfont.ttf") format("truetype"), url("../../assets/fonts/exo/Exo-ExtraBold-webfont.svg#exoextrabold") format("svg"); }

@font-face {
  font-family: "exoextrabolditalic";
  font-style: normal;
  font-weight: normal;
  src: url("../../assets/fonts/exo/Exo-ExtraBoldItalic-webfont.eot?#iefix") format("embedded-opentype"), url("../../assets/fonts/exo/Exo-ExtraBoldItalic-webfont.woff2") format("woff2"), url("../../assets/fonts/exo/Exo-ExtraBoldItalic-webfont.woff") format("woff"), url("../../assets/fonts/exo/Exo-ExtraBoldItalic-webfont.ttf") format("truetype"), url("../../assets/fonts/exo/Exo-ExtraBoldItalic-webfont.svg#exoextrabolditalic") format("svg"); }

@font-face {
  font-family: "exoextralight";
  font-style: normal;
  font-weight: normal;
  src: url("../../assets/fonts/exo/Exo-ExtraLight-webfont.eot?#iefix") format("embedded-opentype"), url("../../assets/fonts/exo/Exo-ExtraLight-webfont.woff2") format("woff2"), url("../../assets/fonts/exo/Exo-ExtraLight-webfont.woff") format("woff"), url("../../assets/fonts/exo/Exo-ExtraLight-webfont.ttf") format("truetype"), url("../../assets/fonts/exo/Exo-ExtraLight-webfont.svg#exoextralight") format("svg"); }

@font-face {
  font-family: "exoextralightitalic";
  font-style: normal;
  font-weight: normal;
  src: url("../../assets/fonts/exo/Exo-ExtraLightItalic-webfont.eot?#iefix") format("embedded-opentype"), url("../../assets/fonts/exo/Exo-ExtraLightItalic-webfont.woff2") format("woff2"), url("../../assets/fonts/exo/Exo-ExtraLightItalic-webfont.woff") format("woff"), url("../../assets/fonts/exo/Exo-ExtraLightItalic-webfont.ttf") format("truetype"), url("../../assets/fonts/exo/Exo-ExtraLightItalic-webfont.svg#exoextralightitalic") format("svg"); }

@font-face {
  font-family: "exoitalic";
  font-style: normal;
  font-weight: normal;
  src: url("../../assets/fonts/exo/Exo-Italic-webfont.eot?#iefix") format("embedded-opentype"), url("../../assets/fonts/exo/Exo-Italic-webfont.woff2") format("woff2"), url("../../assets/fonts/exo/Exo-Italic-webfont.woff") format("woff"), url("../../assets/fonts/exo/Exo-Italic-webfont.ttf") format("truetype"), url("../../assets/fonts/exo/Exo-Italic-webfont.svg#exoitalic") format("svg"); }

@font-face {
  font-family: "exolight";
  font-style: normal;
  font-weight: normal;
  src: url("../../assets/fonts/exo/Exo-Light-webfont.eot?#iefix") format("embedded-opentype"), url("../../assets/fonts/exo/Exo-Light-webfont.woff2") format("woff2"), url("../../assets/fonts/exo/Exo-Light-webfont.woff") format("woff"), url("../../assets/fonts/exo/Exo-Light-webfont.ttf") format("truetype"), url("../../assets/fonts/exo/Exo-Light-webfont.svg#exolight") format("svg"); }

@font-face {
  font-family: "exolightitalic";
  font-style: normal;
  font-weight: normal;
  src: url("../../assets/fonts/exo/Exo-LightItalic-webfont.eot?#iefix") format("embedded-opentype"), url("../../assets/fonts/exo/Exo-LightItalic-webfont.woff2") format("woff2"), url("../../assets/fonts/exo/Exo-LightItalic-webfont.woff") format("woff"), url("../../assets/fonts/exo/Exo-LightItalic-webfont.ttf") format("truetype"), url("../../assets/fonts/exo/Exo-LightItalic-webfont.svg#exolightitalic") format("svg"); }

@font-face {
  font-family: "exomedium";
  font-style: normal;
  font-weight: normal;
  src: url("../../assets/fonts/exo/Exo-Medium-webfont.eot?#iefix") format("embedded-opentype"), url("../../assets/fonts/exo/Exo-Medium-webfont.woff2") format("woff2"), url("../../assets/fonts/exo/Exo-Medium-webfont.woff") format("woff"), url("../../assets/fonts/exo/Exo-Medium-webfont.ttf") format("truetype"), url("../../assets/fonts/exo/Exo-Medium-webfont.svg#exomedium") format("svg"); }

@font-face {
  font-family: "exomediumitalic";
  font-style: normal;
  font-weight: normal;
  src: url("../../assets/fonts/exo/Exo-MediumItalic-webfont.eot?#iefix") format("embedded-opentype"), url("../../assets/fonts/exo/Exo-MediumItalic-webfont.woff2") format("woff2"), url("../../assets/fonts/exo/Exo-MediumItalic-webfont.woff") format("woff"), url("../../assets/fonts/exo/Exo-MediumItalic-webfont.ttf") format("truetype"), url("../../assets/fonts/exo/Exo-MediumItalic-webfont.svg#exomediumitalic") format("svg"); }

@font-face {
  font-family: "exoregular";
  font-style: normal;
  font-weight: normal;
  src: url("../../assets/fonts/exo/Exo-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("../../assets/fonts/exo/Exo-Regular-webfont.woff2") format("woff2"), url("../../assets/fonts/exo/Exo-Regular-webfont.woff") format("woff"), url("../../assets/fonts/exo/Exo-Regular-webfont.ttf") format("truetype"), url("../../assets/fonts/exo/Exo-Regular-webfont.svg#exoregular") format("svg"); }

@font-face {
  font-family: "exosemibold";
  font-style: normal;
  font-weight: normal;
  src: url("../../assets/fonts/exo/Exo-SemiBold-webfont.eot?#iefix") format("embedded-opentype"), url("../../assets/fonts/exo/Exo-SemiBold-webfont.woff2") format("woff2"), url("../../assets/fonts/exo/Exo-SemiBold-webfont.woff") format("woff"), url("../../assets/fonts/exo/Exo-SemiBold-webfont.ttf") format("truetype"), url("../../assets/fonts/exo/Exo-SemiBold-webfont.svg#exosemibold") format("svg"); }

@font-face {
  font-family: "exosemibolditalic";
  font-style: normal;
  font-weight: normal;
  src: url("../../assets/fonts/exo/Exo-SemiBoldItalic-webfont.eot?#iefix") format("embedded-opentype"), url("../../assets/fonts/exo/Exo-SemiBoldItalic-webfont.woff2") format("woff2"), url("../../assets/fonts/exo/Exo-SemiBoldItalic-webfont.woff") format("woff"), url("../../assets/fonts/exo/Exo-SemiBoldItalic-webfont.ttf") format("truetype"), url("../../assets/fonts/exo/Exo-SemiBoldItalic-webfont.svg#exosemibolditalic") format("svg"); }

@font-face {
  font-family: "exothin";
  font-style: normal;
  font-weight: normal;
  src: url("../../assets/fonts/exo/Exo-Thin-webfont.eot?#iefix") format("embedded-opentype"), url("../../assets/fonts/exo/Exo-Thin-webfont.woff2") format("woff2"), url("../../assets/fonts/exo/Exo-Thin-webfont.woff") format("woff"), url("../../assets/fonts/exo/Exo-Thin-webfont.ttf") format("truetype"), url("../../assets/fonts/exo/Exo-Thin-webfont.svg#exothin") format("svg"); }

@font-face {
  font-family: "exothinitalic";
  font-style: normal;
  font-weight: normal;
  src: url("../../assets/fonts/exo/Exo-ThinItalic-webfont.eot?#iefix") format("embedded-opentype"), url("../../assets/fonts/exo/Exo-ThinItalic-webfont.woff2") format("woff2"), url("../../assets/fonts/exo/Exo-ThinItalic-webfont.woff") format("woff"), url("../../assets/fonts/exo/Exo-ThinItalic-webfont.ttf") format("truetype"), url("../../assets/fonts/exo/Exo-ThinItalic-webfont.svg#exothinitalic") format("svg"); }

@font-face {
  font-family: "robotothin";
  font-style: normal;
  font-weight: normal;
  src: url("../../assets/fonts/roboto/roboto-thin-webfont.eot?#iefix") format("embedded-opentype"), url("../../assets/fonts/roboto/roboto-thin-webfont.woff2") format("woff2"), url("../../assets/fonts/roboto/roboto-thin-webfont.woff") format("woff"), url("../../assets/fonts/roboto/roboto-thin-webfont.ttf") format("truetype"), url("../../assets/fonts/roboto/roboto-thin-webfont.svg#robotothin") format("svg"); }

@font-face {
  font-family: "robotolight";
  font-style: normal;
  font-weight: normal;
  src: url("../../assets/fonts/roboto/Roboto-Light-webfont.eot?#iefix") format("embedded-opentype"), url("../../assets/fonts/roboto/Roboto-Light-webfont.woff2") format("woff2"), url("../../assets/fonts/roboto/Roboto-Light-webfont.woff") format("woff"), url("../../assets/fonts/roboto/Roboto-Light-webfont.ttf") format("truetype"), url("../../assets/fonts/roboto/Roboto-Light-webfont.svg#robotolight") format("svg"); }

@font-face {
  font-family: "robotoregular";
  font-style: normal;
  font-weight: normal;
  src: url("../../assets/fonts/roboto/Roboto-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("../../assets/fonts/roboto/Roboto-Regular-webfont.woff2") format("woff2"), url("../../assets/fonts/roboto/Roboto-Regular-webfont.woff") format("woff"), url("../../assets/fonts/roboto/Roboto-Regular-webfont.ttf") format("truetype"), url("../../assets/fonts/roboto/Roboto-Regular-webfont.svg#robotoregular") format("svg"); }

@font-face {
  font-family: "robotomedium";
  font-style: normal;
  font-weight: normal;
  src: url("../../assets/fonts/roboto/Roboto-Medium-webfont.eot?#iefix") format("embedded-opentype"), url("../../assets/fonts/roboto/Roboto-Medium-webfont.woff2") format("woff2"), url("../../assets/fonts/roboto/Roboto-Medium-webfont.woff") format("woff"), url("../../assets/fonts/roboto/Roboto-Medium-webfont.ttf") format("truetype"), url("../../assets/fonts/roboto/Roboto-Medium-webfont.svg#robotomedium") format("svg"); }

@font-face {
  font-family: "robotobold";
  font-style: normal;
  font-weight: normal;
  src: url("../../assets/fonts/roboto/Roboto-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("../../assets/fonts/roboto/Roboto-Bold-webfont.woff2") format("woff2"), url("../../assets/fonts/roboto/Roboto-Bold-webfont.woff") format("woff"), url("../../assets/fonts/roboto/Roboto-Bold-webfont.ttf") format("truetype"), url("../../assets/fonts/roboto/Roboto-Bold-webfont.svg#robotobold") format("svg"); }

@font-face {
  font-family: "ds-digi";
  font-style: normal;
  font-weight: normal;
  src: url("../../assets/fonts/ds-digi/ds-digi-webfont.eot?#iefix") format("embedded-opentype"), url("../../assets/fonts/ds-digi/ds-digi-webfont.woff2") format("woff2"), url("../../assets/fonts/ds-digi/ds-digi-webfont.woff") format("woff"), url("../../assets/fonts/ds-digi/ds-digi-webfont.ttf") format("truetype"), url("../../assets/fonts/ds-digi/ds-digi-webfont.svg#ds-digi") format("svg"); }

@font-face {
  font-family: "ds-digibold";
  font-style: normal;
  font-weight: normal;
  src: url("../../assets/fonts/ds-digi/ds-digib-webfont.eot?#iefix") format("embedded-opentype"), url("../../assets/fonts/ds-digi/ds-digib-webfont.woff2") format("woff2"), url("../../assets/fonts/ds-digi/ds-digib-webfont.woff") format("woff"), url("../../assets/fonts/ds-digi/ds-digib-webfont.ttf") format("truetype"), url("../../assets/fonts/ds-digi/ds-digib-webfont.svg#ds-digibold") format("svg"); }

@font-face {
  font-family: "ds-digiitalic";
  font-style: normal;
  font-weight: normal;
  src: url("../../assets/fonts/ds-digi/ds-digii-webfont.eot?#iefix") format("embedded-opentype"), url("../../assets/fonts/ds-digi/ds-digii-webfont.woff2") format("woff2"), url("../../assets/fonts/ds-digi/ds-digii-webfont.woff") format("woff"), url("../../assets/fonts/ds-digi/ds-digii-webfont.ttf") format("truetype"), url("../../assets/fonts/ds-digi/ds-digii-webfont.svg#ds-digiitalic") format("svg"); }

@font-face {
  font-family: "ds-digithin";
  font-style: normal;
  font-weight: normal;
  src: url("../../assets/fonts/ds-digi/ds-digit-webfont.eot?#iefix") format("embedded-opentype"), url("../../assets/fonts/ds-digi/ds-digit-webfont.woff2") format("woff2"), url("../../assets/fonts/ds-digi/ds-digit-webfont.woff") format("woff"), url("../../assets/fonts/ds-digi/ds-digit-webfont.ttf") format("truetype"), url("../../assets/fonts/ds-digi/ds-digit-webfont.svg#ds-digithin") format("svg"); }

/*VARIABLES HERE*/
/*MIXINS HERE*/
/*BASE LEVEL STYLING HERE*/
body {
  overflow: hidden; }

html, body, .pageWrapper, .appView {
  height: 100%; }

.unselectable {
  -webkit-touch-callout: none !important;
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none; }

.appView {
  width: 1280px;
  height: 720px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  z-index: 1; }

.appViewBackground {
  position: absolute;
  top: 50.2%;
  left: 49.8%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  width: 1380px;
  height: 832px;
  margin: 0 auto;
  background: url("../../assets/shared/ice_edge.png"); }

.pageWrapper {
  /*background-color: black;*/
  background: url("../../assets/shared/ice.jpg"); }

.menu {
  list-style: none;
  border-bottom: 0.1em solid black;
  margin-bottom: 0;
  padding-left: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  /*z-index:100;*/
  background: white;
  position: relative;
  z-index: 99999;
  width: 100%;
  top: 0; }

.menu:before {
  content: "["; }

.menu:after {
  content: "]"; }

.menu > li {
  display: inline; }

.menu > li:before {
  content: "|";
  padding-right: 0.3em; }

.menu > li:nth-child(1):before {
  content: "";
  padding: 0; }

.debugText {
  font-size: 100px;
  text-align: center; }

.transitionOverlayWrapper {
  position: absolute;
  top: 46px;
  width: 100%;
  max-width: 1600px;
  height: 100%;
  max-height: 1050px;
  left: 50%;
  pointer-events: none; }

.transitionOverlay {
  position: absolute;
  background: black;
  width: 100%;
  height: 100%;
  opacity: 0.0;
  z-index: 9999;
  left: -50%; }

.fontPreload, .imgPreload {
  position: absolute;
  opacity: 0;
  left: 9999px; }

.display-none {
  display: none; }

.modal-backdrop.in {
  opacity: 0.0;
  pointer-events: none; }

.modal-footer {
  border: none;
  background-color: #353B4A; }

.modal-content {
  border-radius: 0;
  overflow: visible;
  border: none;
  background-color: rgba(53, 59, 74, 0.85); }

.questionModalDescription {
  color: white;
  margin: 0;
  font-family: robotothin;
  font-size: 20px;
  line-height: 36px;
  padding: 24px; }

.questionModalLabel, .questionModalUnits {
  color: white;
  font-family: robotoregular;
  font-size: 20px; }

#questionModalSubmit {
  border-radius: 0;
  color: #000;
  font-family: "exolight";
  font-size: 15px;
  padding: 6px 40px;
  margin-right: 5px;
  background-color: #00C0FB; }

#questionModalWarning {
  color: #FF3434;
  padding: 0;
  margin-top: 25px;
  margin-bottom: -20px;
  font-family: robotoregular;
  font-size: 20px;
  padding-bottom: 10px; }

.questionModalSubmission {
  font-size: 20px;
  border-color: #01ADF9;
  background: #FFF;
  width: 100px;
  float: left;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: exoregular;
  text-align: right;
  border-radius: 0;
  color: black;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  margin-top: -2px;
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms; }
  .questionModalSubmission:focus {
    -webkit-box-shadow: inset 1px 1px 14px 0px #00C0FB;
    -o-box-shadow: inset 1px 1px 14px 0px #00C0FB;
    box-shadow: inset 1px 1px 14px 0px #00C0FB; }

.labelBlock {
  float: left;
  padding-right: 10px; }

.questionModalUnits {
  padding-left: 10px; }

.popover-title {
  font-family: robotomedium;
  font-size: 20px;
  background-color: rgba(0, 0, 0, 0);
  border: none;
  padding: 25px 20px 0px; }

.popover-content {
  color: #353B4A;
  font-family: robotoregular;
  font-size: 15px;
  background-color: rgba(0, 0, 0, 0);
  border: none;
  padding: 15px 20px 30px 20px; }

.popover {
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0; }

.questionModalInputBlock {
  padding: 0 0 24px 24px; }

.sWrong, .sWrong:focus {
  -webkit-box-shadow: inset 1px 1px 14px 0px #FF3434;
  -o-box-shadow: inset 1px 1px 14px 0px #FF3434;
  box-shadow: inset 1px 1px 14px 0px #FF3434;
  border-color: #FF3434;
  background-image: url("../../assets/games/shared/images/XRed.png");
  background-repeat: no-repeat;
  background-position: 8px;
  background-size: 20px; }

.gameHomeButton {
  position: absolute;
  top: 20px;
  left: 20px;
  width: 50px;
  opacity: 1;
  z-index: 1; }
  .gameHomeButton:hover {
    cursor: pointer; }
  .gameHomeButton:active {
    opacity: 0.5; }

.gameSoundButton {
  position: absolute;
  top: 90px;
  left: 35px;
  width: 30px;
  opacity: 1;
  z-index: 1; }
  .gameSoundButton:hover {
    cursor: pointer; }
  .gameSoundButton:active {
    opacity: 0.5; }

.gameTimerWrapper {
  position: absolute;
  top: -230px;
  left: 50%;
  pointer-events: none;
  z-index: 1; }
  .gameTimerWrapper .gameTimerBack {
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%); }
  .gameTimerWrapper .gameTimerText {
    position: absolute;
    color: white;
    font-family: ds-digi;
    font-size: 120px;
    width: 120px;
    text-align: center;
    -webkit-transform: translate(-50%, 24%);
    transform: translate(-50%, 24%); }

#gameContainer {
  pointer-events: all; }

.gameResultsWrapper {
  width: 1280px;
  height: 720px;
  position: absolute;
  z-index: 2000;
  background: url("../../assets/shared/scoreboard.png"); }
  .gameResultsWrapper .gameResultsText {
    position: absolute;
    z-index: 2001;
    top: 40%;
    left: 50%;
    color: white;
    font-family: robotolight;
    text-align: center;
    width: 670px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    font-size: 40px;
    text-transform: capitalize; }
  .gameResultsWrapper .gameResultsScore {
    position: absolute;
    color: white;
    font-family: robotolight;
    font-size: 40px;
    top: 52%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%); }
  .gameResultsWrapper .gameResultsButton {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 76.3%; }

.faceoff .gameTimerBack {
  -webkit-transform: scale(0.75) translate(-215%, 113%);
  transform: scale(0.75) translate(-215%, 113%); }

.faceoff .gameTimerText {
  -webkit-transform: scale(0.75) translate(-427%, 186%);
  transform: scale(0.75) translate(-427%, 186%); }

.thepass .gameTimerBack {
  -webkit-transform: scale(0.75) translate(178%, 113%);
  transform: scale(0.75) translate(178%, 113%); }

.thepass .gameTimerText {
  -webkit-transform: scale(0.75) translate(525%, 186%);
  transform: scale(0.75) translate(525%, 186%); }

.theskate .gameTimerBack {
  -webkit-transform: scale(0.8) translate(-131%, 112%);
  transform: scale(0.8) translate(-131%, 112%); }

.theskate .gameTimerText {
  -webkit-transform: scale(0.8) translate(-230%, 182%);
  transform: scale(0.8) translate(-230%, 182%); }

.endurance .gameTimerBack {
  -webkit-transform: scale(0.7) translate(-210%, 119%);
  transform: scale(0.7) translate(-210%, 119%); }

.endurance .gameTimerText {
  -webkit-transform: scale(0.7) translate(-409%, 196%);
  transform: scale(0.7) translate(-409%, 196%); }

.painttheice .gameTimerBack {
  -webkit-transform: scale(0.8) translate(37%, 108%);
  transform: scale(0.8) translate(37%, 108%); }

.painttheice .gameTimerText {
  -webkit-transform: scale(0.8) translate(177%, 178%);
  transform: scale(0.8) translate(177%, 178%); }

.uncovertheice .gameTimerBack {
  -webkit-transform: scale(0.85) translate(37%, 370%);
  transform: scale(0.85) translate(37%, 370%); }

.uncovertheice .gameTimerText {
  -webkit-transform: scale(0.85) translate(171%, 535%);
  transform: scale(0.85) translate(171%, 535%); }

.theshot .gameTimerBack {
  -webkit-transform: scale(0.85) translate(-172%, 118%);
  transform: scale(0.85) translate(-172%, 118%); }

.theshot .gameTimerText {
  -webkit-transform: scale(0.85) translate(-335%, 190%);
  transform: scale(0.85) translate(-335%, 190%); }

.speed .gameTimerBack {
  -webkit-transform: scale(0.8) translate(-253%, 158%);
  transform: scale(0.8) translate(-253%, 158%); }

.speed .gameTimerText {
  -webkit-transform: scale(0.8) translate(-525%, 247%);
  transform: scale(0.8) translate(-525%, 247%); }

.mainMenuWrapper {
  height: 100%;
  background: grey; }

.mainMenuBackground {
  width: 100%;
  height: 100%;
  top: 0;
  background: black;
  background-size: 100% 100%;
  /*transition: background 0.2s;*/
  position: absolute;
  overflow: hidden;
  z-index: 1; }

.mainMenuBackgroundCover {
  width: 100%;
  height: 100%;
  top: 0;
  background: rgba(0, 0, 0, 0);
  position: absolute;
  overflow: hidden;
  z-index: 2; }

.mainMenuGameInfoBlock {
  position: absolute;
  color: white;
  top: 100px;
  left: 60px;
  max-width: 570px;
  z-index: 3;
  /*text-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);*/ }
  .mainMenuGameInfoBlock li {
    /*width:1000px;*/ }
  .mainMenuGameInfoBlock .mainMenuGameTitle {
    font-family: 'exomedium';
    font-size: 40px; }
  .mainMenuGameInfoBlock .mainMenuGameType {
    font-family: 'exomedium';
    font-size: 25px; }
  .mainMenuGameInfoBlock .mainMenuGameDescription {
    font-family: 'robotolight';
    font-size: 14px;
    line-height: 24px;
    margin-top: 20px; }
  .mainMenuGameInfoBlock .mainMenuGameHighlights {
    font-family: 'robotolight';
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 14px; }

.mainMenuGameButton {
  font-family: 'exomedium';
  font-size: 20px;
  width: 172px;
  height: 60px;
  background: #02C3FE;
  border: none;
  border-radius: 2px;
  /*box-shadow: 7px 10px 5px 0px rgba(0, 0, 0, 0.25);*/
  position: absolute;
  z-index: 5;
  bottom: 146px;
  left: 60px; }

.mainMenuGameButton:active {
  background: #888888;
  /*box-shadow: none;
  left: 65px;
  bottom: 141px;*/ }

.mainMenuGameButton:focus {
  outline: none; }

.mainMenuBadgeBackground {
  position: absolute;
  width: 100%;
  height: 160px;
  bottom: 0;
  opacity: 0;
  z-index: 4;
  background: #191919;
  -webkit-box-shadow: inset 0 8px 8px -8px #000000, inset 0 -8px 8px -9px #000000;
  box-shadow: inset 0 8px 8px -8px #000000, inset 0 -8px 8px -9px #000000; }

.mainMenuBadgeWrapper {
  position: absolute;
  width: 93%;
  bottom: 15px;
  z-index: 5;
  pointer-events: none;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto; }
  .mainMenuBadgeWrapper .mainMenuGameBadge {
    -webkit-box-shadow: 7px 10px 5px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 7px 10px 5px 0px rgba(0, 0, 0, 0.25);
    width: 100%;
    /*border-radius: 10px;*/
    pointer-events: all; }
  .mainMenuBadgeWrapper .mainMenuGameBadge:hover {
    cursor: pointer; }
  .mainMenuBadgeWrapper .item {
    margin: 10px; }
  .mainMenuBadgeWrapper .gameSelected {
    outline: 3px solid #02A6E6;
    /*border-radius: 3px;*/ }

.mainMenuButtonWrapper {
  position: absolute;
  width: 100%;
  bottom: 26px;
  z-index: 6;
  height: 100px;
  pointer-events: none; }
  .mainMenuButtonWrapper .buttonRight {
    right: 0; }
    .mainMenuButtonWrapper .buttonRight span {
      margin-left: -6px; }
  .mainMenuButtonWrapper .buttonLeft {
    left: 0; }
    .mainMenuButtonWrapper .buttonLeft span {
      margin-left: -10px; }
  .mainMenuButtonWrapper .mainMenuButton {
    height: 100%;
    color: white;
    font-size: 40px;
    border: none;
    position: absolute;
    width: 35px;
    background: rgba(0, 0, 0, 0.75);
    pointer-events: all;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s; }
  .mainMenuButtonWrapper .mainMenuButton:focus {
    outline: none; }
  .mainMenuButtonWrapper .mainMenuButton:hover {
    background: rgba(100, 100, 100, 0.75); }
  .mainMenuButtonWrapper .mainMenuButton:active {
    background: #646464; }
  .mainMenuButtonWrapper .buttonNotVisible {
    opacity: 0;
    pointer-events: none; }

.mobileVideoButton {
  top: 350px !important; }

.mainMenuLogoContainer {
  position: absolute;
  width: 100%;
  top: 30px;
  z-index: 3; }
  .mainMenuLogoContainer .mainMenuFutureGoalsLogo {
    position: absolute;
    left: 60px;
    height: 45px; }
  .mainMenuLogoContainer .mainMenuNHLLogo {
    position: absolute;
    right: 60px;
    height: 45px; }

.owl-theme .owl-controls {
  margin-top: 0; }

.owl-theme .owl-wrapper {
  overflow: hidden; }

.videoTitle {
  font-family: 'exolight';
  font-size: 40px;
  color: white;
  position: absolute;
  bottom: 20px;
  text-align: center;
  width: 100%; }

.returnButton {
  width: 184px !important;
  top: 736px; }

@media only screen and (max-device-width: 1024px) {
  html {
    width: 1024px;
    overflow: hidden; }
  body {
    background-color: black; }
  .appViewBackground {
    background: none; }
  .pageWrapper {
    transform: scale(0.8);
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -o-transform: scale(0.8);
    -ms-transform: scale(0.8);
    background: none; }
  #gameContainer {
    transform: scale(1.25);
    -webkit-transform: scale(1.25);
    -moz-transform: scale(1.25);
    -o-transform: scale(1.25);
    -ms-transform: scale(1.25); }
    #gameContainer canvas {
      position: absolute;
      transform: translate(12.5%, 0%);
      -webkit-transform: translate(12.5%, 0%);
      -moz-transform: translate(12.5%, 0%);
      -o-transform: translate(12.5%, 0%);
      -ms-transform: translate(12.5%, 0%); }
  .mainMenuButtonWrapper .mainMenuButton {
    font-size: 20px;
    width: 20px; }
  .mainMenuGameButton {
    width: 132px;
    height: 44px;
    padding: 0; }
  .gameResultsButton {
    top: 75.8% !important; } }