/* ----------------------------------------------------------------------------
/* ----------------------------------------------------------------------------
/* ---------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------
/* ----------------------------------------------------------------------------
/* ---------------------------------------------------------------------------- */
/* line 69, sass/_mixins_globals.scss */
h1 {
  margin: 0;
  padding: 0;
  font-weight: 300;
  font-size: 3.125em;
  margin-bottom: 25px;
}

/* line 77, sass/_mixins_globals.scss */
h2 {
  margin: 0;
  padding: 0;
}

/* line 82, sass/_mixins_globals.scss */
p {
  margin: 0;
  padding: 0;
}

/* line 87, sass/_mixins_globals.scss */
html, body {
  width: 100%;
  height: 100%;
  font-family: "Open Sans", sans-serif;
  -webkit-font-smoothing: antialiased;
  background-color: #6691b8;
  overflow-x: hidden;
  overflow-y: hidden;
}

/* line 97, sass/_mixins_globals.scss */
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* line 103, sass/_mixins_globals.scss */
li {
  margin: 0;
  padding: 0;
  display: inline;
}

/* line 109, sass/_mixins_globals.scss */
a {
  text-decoration: none;
}

/* line 115, sass/_mixins_globals.scss */
.movie-logo, .landing-movie-logo, .choose-movie-logo, .game-movie-logo {
  position: absolute;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 246px;
  height: 129px;
  background-image: url("../imgs/general/landing-movie-logo.png");
  background-repeat: no-repeat;
  left: 50%;
  margin-left: -123px;
  text-align: center;
  padding-top: 128px;
  font-weight: 700;
  font-size: 1.25em;
}

/* line 1, sass/_general.scss */
.content-wrapper {
  position: relative;
  width: 1020px;
  height: 720px;
  margin: 0 auto;
}

/* line 8, sass/_general.scss */
.footer {
  position: absolute;
  width: 100%;
  height: 35px;
  bottom: 0px;
  background-color: #000;
  background-image: url("../imgs/general/footer-bg.png");
  background-repeat: no-repeat;
}

/* line 17, sass/_general.scss */
.section {
  position: absolute;
  width: 1020px;
  height: 720px;
  left: 0px;
  top: 0px;
}

/* line 25, sass/_general.scss */
.rd {
  display: none;
}

/* line 29, sass/_general.scss */
.legal {
  position: absolute;
  color: #fff;
  font-weight: 700;
  font-size: 0.625em;
  width: 100%;
  top: 6px;
  left: 63px;
}
/* line 38, sass/_general.scss */
.legal ul {
  position: absolute;
  left: 367px;
  top: 0px;
}
/* line 43, sass/_general.scss */
.legal ul li {
  margin-right: 10px;
}
/* line 47, sass/_general.scss */
.legal ul a {
  color: #ffcc00;
}
/* line 50, sass/_general.scss */
.legal ul a:hover {
  color: #b50000;
}

/* line 57, sass/_general.scss */
#soundBtn {
  position: absolute;
  left: 780px;
  top: 7px;
  width: 24px;
  height: 24px;
  background-image: url("../imgs/general/soundBtn.png");
  background-repeat: no-repeat;
  background-position: 0px 0px;
  cursor: pointer;
}

/* line 1, sass/_landing.scss */
.landing {
  background-image: url("../imgs/general/landing-bg.jpg");
  background-repeat: no-repeat;
}

/* line 6, sass/_landing.scss */
.landing-logo {
  position: absolute;
  top: 170px;
  left: 50%;
  margin-left: -239.5px;
  width: 479px;
  height: 246px;
  background-image: url("../imgs/general/landing-logo.png");
  background-repeat: no-repeat;
}

/* line 14, sass/_landing.scss */
.landing-movie-logo {
  top: 500px;
  color: #b50000;
}

/* line 20, sass/_landing.scss */
.landing-btn {
  position: relative;
  display: inline-block;
  background-color: #b50000;
  color: white;
  text-align: center;
  text-decoration: none;
  width: 248px;
  height: 73px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  padding-top: 13px;
  font-size: 2.125em;
  border-radius: 10px;
  cursor: pointer;
  position: absolute;
  top: 420px;
  left: 50%;
  margin-left: -124px;
}
/* line 50, sass/_mixins_globals.scss */
.landing-btn:hover {
  color: #ea7c00;
}

/* line 1, sass/_choose.scss */
.choose {
  display: none;
  background-image: url("../imgs/general/choose-bg.jpg");
  background-repeat: no-repeat;
}

/* line 6, sass/_choose.scss */
.choose-movie-logo {
  top: 10px;
  color: #fff;
}

/* line 12, sass/_choose.scss */
.choose-your {
  color: #fff;
  font-size: 1.875em;
  text-align: center;
  position: absolute;
  width: 100%;
  top: 175px;
}

/* line 21, sass/_choose.scss */
.choose-labels {
  position: absolute;
  width: 100%;
  top: 232px;
}

/* line 27, sass/_choose.scss */
.choose-labels span {
  position: absolute;
  width: 200px;
  font-size: 2em;
  text-align: center;
}

/* line 34, sass/_choose.scss */
.choose-labels span:nth-of-type(1) {
  left: 0px;
}

/* line 38, sass/_choose.scss */
.choose-labels span:nth-of-type(2) {
  right: 0px;
}

/* line 42, sass/_choose.scss */
.choose-cards {
  position: absolute;
  left: 27px;
  top: 297px;
}
/* line 47, sass/_choose.scss */
.choose-cards li {
  margin-right: 5px;
}
/* line 51, sass/_choose.scss */
.choose-cards li:nth-of-type(1) a {
  background-image: url("../imgs/general/choose-card-1.png");
  background-repeat: no-repeat;
}
/* line 55, sass/_choose.scss */
.choose-cards li:nth-of-type(2) a {
  background-image: url("../imgs/general/choose-card-2.png");
  background-repeat: no-repeat;
}
/* line 59, sass/_choose.scss */
.choose-cards li:nth-of-type(3) a {
  background-image: url("../imgs/general/choose-card-3.png");
  background-repeat: no-repeat;
}
/* line 63, sass/_choose.scss */
.choose-cards li:nth-of-type(4) a {
  background-image: url("../imgs/general/choose-card-4.png");
  background-repeat: no-repeat;
}
/* line 67, sass/_choose.scss */
.choose-cards li:nth-of-type(5) a {
  background-image: url("../imgs/general/choose-card-5.png");
  background-repeat: no-repeat;
}

/* line 72, sass/_choose.scss */
.choose-card {
  display: inline-block;
  position: relative;
  cursor: pointer;
  width: 185px;
  height: 185px;
  background-position: 0px 0px;
}
/* line 80, sass/_choose.scss */
.choose-card:hover {
  background-position: 0px -185px;
}

/* line 1, sass/_game.scss */
.game {
  display: none;
}

/* line 5, sass/_game.scss */
.game-bg {
  position: absolute;
}

/* line 9, sass/_game.scss */
.game-movie-logo {
  color: #fff;
  margin: 0;
  left: 46px;
  top: 10px;
  background-size: 200px 104px;
  width: 200px;
  height: 104px;
  padding-top: 110px;
  font-size: 1em;
}

/* line 22, sass/_game.scss */
.timer {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  position: absolute;
  left: 46px;
  top: 152px;
  width: 198px;
  height: 82px;
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 12px;
  color: #fff;
  font-weight: 700;
  text-align: center;
  padding-top: 7px;
}
/* line 36, sass/_game.scss */
.timer .label {
  font-size: 1.125em;
}
/* line 40, sass/_game.scss */
.timer .time {
  position: relative;
  top: -15px;
  font-size: 3.125em;
}
/* line 46, sass/_game.scss */
.timer .btn-back {
  position: relative;
  display: inline-block;
  background-color: #b50000;
  color: white;
  text-align: center;
  text-decoration: none;
  width: 123px;
  height: 51px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  padding-top: 13px;
  font-size: 2.125em;
  border-radius: 10px;
  cursor: pointer;
  position: absolute;
  left: 36px;
  top: 93px;
  background-color: #890e08;
  padding-top: 11px;
  font-size: 1.5em;
  padding-top: 6px;
  font-weight: 400;
}
/* line 50, sass/_mixins_globals.scss */
.timer .btn-back:hover {
  color: #ea7c00;
}
/* line 57, sass/_game.scss */
.timer .btn-back span {
  font-size: 1.125em;
  margin-right: 3px;
  position: relative;
  top: 0px;
}

/* line 66, sass/_game.scss */
.game-options {
  position: absolute;
  z-index: 1100;
  visibility: hidden;
}
/* line 71, sass/_game.scss */
.game-options .play-again {
  position: relative;
  display: inline-block;
  background-color: #b50000;
  color: white;
  text-align: center;
  text-decoration: none;
  width: 203px;
  height: 63px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  padding-top: 13px;
  font-size: 2.125em;
  border-radius: 10px;
  cursor: pointer;
  position: absolute;
  left: 0px;
  top: 21px;
  background-color: #890e08;
  padding-top: 11px;
  font-size: 1.5em;
  padding-top: 15px;
}
/* line 50, sass/_mixins_globals.scss */
.game-options .play-again:hover {
  color: #ea7c00;
}
/* line 82, sass/_game.scss */
.game-options .try-another {
  position: relative;
  display: inline-block;
  background-color: #b50000;
  color: white;
  text-align: center;
  text-decoration: none;
  width: 203px;
  height: 63px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  padding-top: 13px;
  font-size: 2.125em;
  border-radius: 10px;
  cursor: pointer;
  position: absolute;
  left: 379px;
  top: 21px;
  background-color: #890e08;
  padding-top: 11px;
  font-size: 1.5em;
  padding-top: 15px;
}
/* line 50, sass/_mixins_globals.scss */
.game-options .try-another:hover {
  color: #ea7c00;
}
/* line 93, sass/_game.scss */
.game-options .game-icon {
  position: absolute;
}

/* line 98, sass/_game.scss */
.excellent-work {
  position: absolute;
  visibility: hidden;
  color: #000;
  font-size: 3.3em;
  font-weight: 700;
}

/* line 107, sass/_game.scss */
.game-payoff {
  position: absolute;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  background-color: #1f2020;
  border: 15px solid #1f2020;
  border-radius: 15px;
  left: 324px;
  top: 74px;
}

/* line 117, sass/_game.scss */
.game-download {
  position: absolute;
  width: 570px;
  height: 148px;
  background-color: #202020;
  border-radius: 10px;
  z-index: 1100;
  visibility: hidden;
}
/* line 126, sass/_game.scss */
.game-download p {
  position: absolute;
  width: 100%;
  top: 20px;
  color: #fff;
  font-weight: bold;
  text-align: center;
  font-size: 1.125em;
}
/* line 136, sass/_game.scss */
.game-download .download {
  position: relative;
  display: inline-block;
  background-color: #b50000;
  color: white;
  text-align: center;
  text-decoration: none;
  width: 203px;
  height: 63px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  padding-top: 13px;
  font-size: 2.125em;
  border-radius: 10px;
  cursor: pointer;
  position: absolute;
  left: 50%;
  top: 60px;
  margin-left: -101px;
  background-color: #890e08;
  padding-top: 11px;
  font-size: 1.5em;
  padding-top: 15px;
}
/* line 50, sass/_mixins_globals.scss */
.game-download .download:hover {
  color: #ea7c00;
}
/* line 148, sass/_game.scss */
.game-download .download-x {
  font-size: 1.25em;
  color: #fff;
  position: absolute;
  right: 8px;
  top: 0px;
  cursor: pointer;
}
/* line 156, sass/_game.scss */
.game-download .download-x:hover {
  color: #ffcc00;
}

/* line 162, sass/_game.scss */
.cards li {
  display: block;
  float: left;
  overflow: hidden;
  position: relative;
  margin-right: 2px;
  margin-bottom: 2px;
}

/* line 171, sass/_game.scss */
.cards img {
  position: relative;
  width: 100%;
}

/* line 176, sass/_game.scss */
.card {
  position: absolute;
  cursor: pointer;
}

/* line 181, sass/_game.scss */
.card-back {
  z-index: 900;
  -webkit-transform: rotateY(0deg);
  transform: rotateY(0deg);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
}

/* line 193, sass/_game.scss */
.cards li.flip .card-back {
  -webkit-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
}

/* line 198, sass/_game.scss */
.card-front {
  z-index: 800;
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
}

/* line 210, sass/_game.scss */
.cards li.flip .card-front {
  z-index: 1000;
  -webkit-transform: rotateY(0deg);
  transform: rotateY(0deg);
}

/* line 217, sass/_game.scss */
.easy .cards li {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 158px;
  height: 158px;
}
/* line 223, sass/_game.scss */
.easy .cards div {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 158px;
  height: 158px;
  padding: 8px;
  background-color: #c81313;
  border-radius: 5px;
}
/* line 232, sass/_game.scss */
.easy .game-bg {
  width: 1020px;
  height: 720px;
  background-image: url("../imgs/level1/bg.jpg");
  background-repeat: no-repeat;
}
/* line 236, sass/_game.scss */
.easy .game-payoff {
  width: 670px;
  height: 508px;
  background-image: url("../imgs/level1/payoff.jpg");
  background-repeat: no-repeat;
}
/* line 240, sass/_game.scss */
.easy .game-options {
  left: 366px;
  top: 538px;
}
/* line 245, sass/_game.scss */
.easy .game-icon {
  background-image: url("../imgs/level1/icon.png");
  background-repeat: no-repeat;
  left: 237px;
  top: 0px;
  width: 107px;
  height: 107px;
}
/* line 253, sass/_game.scss */
.easy .excellent-work {
  left: 372px;
  top: 1px;
}
/* line 258, sass/_game.scss */
.easy .game-download {
  left: 374px;
  top: 255px;
}

/* line 265, sass/_game.scss */
.easymed .cards li {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 124px;
  height: 124px;
}
/* line 271, sass/_game.scss */
.easymed .cards div {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 124px;
  height: 124px;
  padding: 6px;
  background-color: #17066d;
}
/* line 279, sass/_game.scss */
.easymed .game-bg {
  width: 1020px;
  height: 720px;
  background-image: url("../imgs/level2/bg.jpg");
  background-repeat: no-repeat;
}
/* line 283, sass/_game.scss */
.easymed .game-payoff {
  width: 658px;
  height: 532px;
  background-image: url("../imgs/level2/payoff.jpg");
  background-repeat: no-repeat;
}
/* line 287, sass/_game.scss */
.easymed .cards li:nth-child(5n+0) {
  margin-right: 0px;
}
/* line 291, sass/_game.scss */
.easymed .game-options {
  left: 366px;
  top: 564px;
}
/* line 296, sass/_game.scss */
.easymed .game-icon {
  background-image: url("../imgs/level2/icon.png");
  background-repeat: no-repeat;
  left: 237px;
  top: 0px;
  width: 107px;
  height: 107px;
}
/* line 304, sass/_game.scss */
.easymed .excellent-work {
  left: 372px;
  top: -7px;
}
/* line 309, sass/_game.scss */
.easymed .game-download {
  left: 374px;
  top: 265px;
}

/* line 316, sass/_game.scss */
.med .cards li {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 115px;
  height: 115px;
}
/* line 322, sass/_game.scss */
.med .cards div {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 115px;
  height: 115px;
  padding: 6px;
  background-color: #c86813;
}
/* line 330, sass/_game.scss */
.med .game-bg {
  width: 1020px;
  height: 720px;
  background-image: url("../imgs/level3/bg.jpg");
  background-repeat: no-repeat;
}
/* line 334, sass/_game.scss */
.med .game-payoff {
  width: 730px;
  height: 499px;
  background-image: url("../imgs/level3/payoff.jpg");
  background-repeat: no-repeat;
  left: 269px;
}
/* line 339, sass/_game.scss */
.med .cards li:nth-child(6n+0) {
  margin-right: 0px;
}
/* line 343, sass/_game.scss */
.med .game-options {
  left: 345px;
  top: 528px;
}
/* line 348, sass/_game.scss */
.med .game-icon {
  background-image: url("../imgs/level3/icon.png");
  background-repeat: no-repeat;
  left: 237px;
  top: 0px;
  width: 107px;
  height: 107px;
}
/* line 356, sass/_game.scss */
.med .excellent-work {
  left: 350px;
  top: -7px;
}
/* line 361, sass/_game.scss */
.med .game-download {
  left: 374px;
  top: 248px;
}

/* line 368, sass/_game.scss */
.medhard .cards li {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 100px;
  height: 100px;
}
/* line 374, sass/_game.scss */
.medhard .cards div {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 100px;
  height: 100px;
  padding: 5px;
  background-color: #007871;
}
/* line 382, sass/_game.scss */
.medhard .game-bg {
  width: 1020px;
  height: 720px;
  background-image: url("../imgs/level4/bg.jpg");
  background-repeat: no-repeat;
}
/* line 386, sass/_game.scss */
.medhard .game-payoff {
  width: 640px;
  height: 538px;
  background-image: url("../imgs/level4/payoff.jpg");
  background-repeat: no-repeat;
}
/* line 390, sass/_game.scss */
.medhard .cards li:nth-child(6n+0) {
  margin-right: 0px;
}
/* line 394, sass/_game.scss */
.medhard .game-options {
  left: 353px;
  top: 572px;
}
/* line 399, sass/_game.scss */
.medhard .game-icon {
  background-image: url("../imgs/level4/icon.png");
  background-repeat: no-repeat;
  left: 237px;
  top: 0px;
  width: 107px;
  height: 107px;
}
/* line 407, sass/_game.scss */
.medhard .excellent-work {
  left: 361px;
  top: -7px;
}
/* line 412, sass/_game.scss */
.medhard .game-download {
  left: 374px;
  top: 269px;
}

/* line 419, sass/_game.scss */
.hard .cards li {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 100px;
  height: 100px;
}
/* line 425, sass/_game.scss */
.hard .cards div {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 100px;
  height: 100px;
  padding: 5px;
  background-color: #6d6d6d;
}
/* line 433, sass/_game.scss */
.hard .game-bg {
  width: 1020px;
  height: 720px;
  background-image: url("../imgs/level5/bg.jpg");
  background-repeat: no-repeat;
}
/* line 437, sass/_game.scss */
.hard .game-payoff {
  width: 642px;
  height: 640px;
  background-image: url("../imgs/level5/payoff.jpg");
  background-repeat: no-repeat;
  left: 348px;
  top: 7px;
}
/* line 443, sass/_game.scss */
.hard .game-options {
  left: 377px;
  top: 579px;
}
/* line 448, sass/_game.scss */
.hard .game-icon {
  left: 237px;
  top: 0px;
  width: 102px;
  height: 102px;
  background-image: url("../imgs/level5/icon.png");
  background-repeat: no-repeat;
}
/* line 456, sass/_game.scss */
.hard .excellent-work {
  left: 383px;
  top: 13px;
}
/* line 461, sass/_game.scss */
.hard .game-download {
  left: 374px;
  top: 255px;
}