/*------------------------------------*\
    $CONTENTS
\*------------------------------------*/
/**
 * $CONTENTS............Table of contents
 * $COMMENTS............Comment formatting

 * $GLOBAL..............Compass support

 * $UTILITIES...........Generic utilities, variables and mixins and other hardly changed files
 *  SPRITES.............Please put a description of the contents of the partial here
 *  MIXINS..............Please put a description of the contents of the partial here
 *  VARIABLES...........Please put a description of the contents of the partial here

 * $BASE................Generic utility styles, variables and mixins, unclassed HTML elements etc.
 *  RESET...............Please put a description of the contents of the partial here
 *  FORMS...............Please put a description of the contents of the partial here
 *  HELPER..............Please put a description of the contents of the partial here
 *  TABLES..............Please put a description of the contents of the partial here
 *  TYPOGRAPHY..........Please put a description of the contents of the partial here

 * $LAYOUT..............Structural elements/areas, grids, columns
 *  GRIDS...............Please put a description of the contents of the partial here
 *  LAYOUT..............Please put a description of the contents of the partial here

 * $VENDOR..............CSS or Sass from other projects - do not change, but overwrite if necessary
 * //COLORPICKER.........Please put a description of the contents of the partial here

 * $COMPONENTS..........Objects and abstractions etc.
 *  BREADCRUMB..........Please put a description of the contents of the partial here
 *  BUTTONS.............Please put a description of the contents of the partial here
 *  MEDIA OBJECT........Please put a description of the contents of the partial here
 *  MODALS..............Please put a description of the contents of the partial here
 *  PAGINATION..........Please put a description of the contents of the partial here
 *  PODS................Please put a description of the contents of the partial here
 *  RESPONSIVE VIDEO....Please put a description of the contents of the partial here
 *  SECONDARY NAV.......Please put a description of the contents of the partial here
 *  SITE MENU...........Please put a description of the contents of the partial here
 *  SITE SEARCH.........Please put a description of the contents of the partial here
 *  TOP NAV.............Please put a description of the contents of the partial here

 * $NON-MODULAR.........Template-specific/temporary fixes/short-expiry pages etc.
 * //T01................Please put a description of the contents of the partial here
 *  TEMP FIXES..........Please put a description of the contents of the partial here

 * $SPRITES.............Sprite styles
 *  SPRITES.............Please put a description of the contents of the partial here

 * $PRINT...............Print styles
 *  PRINT...............Please put a description of the contents of the partial here
 */
/*------------------------------------*\
    $COMMENTS
\*------------------------------------*/
/*------------------------------------*\
    $SECTION HEADING
\*------------------------------------*/
/* ----- single line subheading ----- */
/**
 * multi-line comments that will output
 * in the CSS depending on the mode
 * these comments use DocBlock formatting
 */
/* short comment */
/*ul*/
/*------------------------------------*\
    $GLOBAL
\*------------------------------------*/
/*------------------------------------*\
    $UTILITIES
\*------------------------------------*/
/*------------------------------------*\
    $VARIABLES
\*------------------------------------*/
/*------------------------------------*\
    $BASE
\*------------------------------------*/
/*------------------------------------*\
    $RESET
\*------------------------------------*/
/* line 9, ../../sass/base/_reset.scss */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block; }

/* line 22, ../../sass/base/_reset.scss */
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

/* line 30, ../../sass/base/_reset.scss */
[hidden] {
  display: none; }

/* line 33, ../../sass/base/_reset.scss */
* {
  box-sizing: border-box; }

/* line 39, ../../sass/base/_reset.scss */
*:before,
*:after {
  box-sizing: border-box; }

/* line 46, ../../sass/base/_reset.scss */
html {
  font-size: 62.5%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent; }

/* line 53, ../../sass/base/_reset.scss */
body {
  margin: 0;
  line-height: 1.4;
  font-family: "proxima-nova-n3", "proxima-nova", sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 14px;
  font-size: 1.4rem;
  color: #ffffff; }

/* line 66, ../../sass/base/_reset.scss */
::-moz-selection,
::-moz-selection {
  color: #fff;
  text-shadow: none; }
::-moz-selection,
::selection {
  color: #fff;
  text-shadow: none; }

/* line 73, ../../sass/base/_reset.scss */
a {
  color: #eeeeee;
  text-decoration: none;
  cursor: pointer; }

/* line 82, ../../sass/base/_reset.scss */
a:hover, a:active {
  outline: 0; }

/* line 84, ../../sass/base/_reset.scss */
abbr[title] {
  border-bottom: 1px dotted; }

/* line 86, ../../sass/base/_reset.scss */
b,
strong {
  font-weight: bold; }

/* line 92, ../../sass/base/_reset.scss */
dfn {
  font-style: italic; }

/* line 94, ../../sass/base/_reset.scss */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0; }

/* line 103, ../../sass/base/_reset.scss */
ins {
  background: #ff9;
  color: #000;
  text-decoration: none; }

/* line 109, ../../sass/base/_reset.scss */
mark {
  background: #ff0;
  color: #000;
  font-style: italic;
  font-weight: bold; }

/* line 116, ../../sass/base/_reset.scss */
pre,
code,
kbd,
samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 1em; }

/* line 125, ../../sass/base/_reset.scss */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word; }

/* line 131, ../../sass/base/_reset.scss */
q {
  quotes: none; }

/* line 133, ../../sass/base/_reset.scss */
q:before,
q:after {
  content: "";
  content: none; }

/* line 139, ../../sass/base/_reset.scss */
small {
  font-size: 85%; }

/* line 141, ../../sass/base/_reset.scss */
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

/* line 147, ../../sass/base/_reset.scss */
sup {
  top: -0.5em; }

/* line 148, ../../sass/base/_reset.scss */
sub {
  bottom: -0.25em; }

/* line 150, ../../sass/base/_reset.scss */
img {
  display: block;
  border: 0;
  -ms-interpolation-mode: bicubic;
  vertical-align: middle; }

/* line 157, ../../sass/base/_reset.scss */
svg:not(:root) {
  overflow: hidden; }

/* line 158, ../../sass/base/_reset.scss */
figure {
  margin: 0; }

/* line 160, ../../sass/base/_reset.scss */
textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical; }

/* line 166, ../../sass/base/_reset.scss */
table {
  border-collapse: collapse;
  border-spacing: 0; }

/*------------------------------------*\
    $HELPER
\*------------------------------------*/
/* line 6, ../../sass/base/_helper.scss */
.highlight-blue {
  color: #11a7e2; }

/* line 10, ../../sass/base/_helper.scss */
.initial-page, .about, .game, .end, .share, .instructions {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  display: none; }

/* line 20, ../../sass/base/_helper.scss */
.noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

/* line 31, ../../sass/base/_helper.scss */
.no-interaction {
  pointer-events: none; }

/* line 35, ../../sass/base/_helper.scss */
.no-scroll {
  height: 100%;
  overflow-y: hidden; }

/* line 40, ../../sass/base/_helper.scss */
.debug {
  border: 1px solid #f0f; }

/* line 44, ../../sass/base/_helper.scss */
.clearfix:before,
.clearfix:after {
  content: "";
  display: table; }

/* line 50, ../../sass/base/_helper.scss */
.clearfix:after {
  clear: both; }

/* For IE 6/7 (trigger hasLayout) */
/* line 55, ../../sass/base/_helper.scss */
.clearfix {
  *zoom: 1; }

/* line 59, ../../sass/base/_helper.scss */
.clear {
  clear: both; }

/* line 60, ../../sass/base/_helper.scss */
.clear-left {
  clear: left !important; }

/* line 61, ../../sass/base/_helper.scss */
.clear-right {
  clear: right !important; }

/* line 62, ../../sass/base/_helper.scss */
.clear-none {
  clear: none !important; }

/* line 64, ../../sass/base/_helper.scss */
.float-left {
  float: left; }

/* line 65, ../../sass/base/_helper.scss */
.float-right {
  float: right; }

/* line 66, ../../sass/base/_helper.scss */
.float-none {
  float: none !important; }

/* line 68, ../../sass/base/_helper.scss */
.text-left {
  text-align: left !important; }

/* line 69, ../../sass/base/_helper.scss */
.text-center {
  text-align: center !important; }

/* line 70, ../../sass/base/_helper.scss */
.text-right {
  text-align: right !important; }

/* line 72, ../../sass/base/_helper.scss */
.width-full {
  width: 100% !important; }

/* line 73, ../../sass/base/_helper.scss */
.width-auto {
  width: auto !important; }

@media screen and (min-width: 768px) {
  /* line 78, ../../sass/base/_helper.scss */
  .display-table-wrapper {
    margin: 0 -20px;
    padding: 0; } }

@media screen and (min-width: 768px) {
  /* line 85, ../../sass/base/_helper.scss */
  .display-table {
    width: 100%;
    display: table;
    border-spacing: 20px 0;
    position: relative; } }

/* line 94, ../../sass/base/_helper.scss */
.display-table-cell {
  position: relative;
  vertical-align: top;
  width: 100%;
  display: block;
  overflow: hidden;
  clear: both; }
  @media screen and (min-width: 768px) {
    /* line 94, ../../sass/base/_helper.scss */
    .display-table-cell {
      display: table-cell !important;
      border-collapse: separate; } }

@media screen and (min-width: 768px) {
  /* line 111, ../../sass/base/_helper.scss */
  .display-one-half {
    width: 50% !important; } }

@media screen and (min-width: 768px) {
  /* line 117, ../../sass/base/_helper.scss */
  .display-one-third {
    width: 33.3333% !important; } }

@media screen and (min-width: 768px) {
  /* line 123, ../../sass/base/_helper.scss */
  .display-one-quarter {
    width: 25% !important; } }

@media screen and (min-width: 768px) {
  /* line 129, ../../sass/base/_helper.scss */
  .display-one-fifth {
    width: 20% !important; } }

/* line 136, ../../sass/base/_helper.scss */
.visible-print {
  display: none !important; }

@media print {
  /* line 140, ../../sass/base/_helper.scss */
  .print-visible {
    display: block !important; }

  /* line 143, ../../sass/base/_helper.scss */
  .print-hidden {
    display: none !important; } }
/* line 150, ../../sass/base/_helper.scss */
.img-responsive {
  display: block;
  max-width: 100%;
  height: auto; }

/* line 157, ../../sass/base/_helper.scss */
.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  *text-indent: -9999px;
  /* IE 6/7 fallback */ }

/* line 164, ../../sass/base/_helper.scss */
.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 150%; }

/**
 * for the benefit of screen-readers, hide content off-screen without resorting to `display:none;`,
 * also add breakpoint specific options
 */
/* line 179, ../../sass/base/_helper.scss */
.visually-hidden {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important; }

@media screen and (min-width: 0) and (max-width: 767px) {
  /* line 188, ../../sass/base/_helper.scss */
  .visually-hidden--mobile {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important; } }
@media screen and (min-width: 768px) and (max-width: 991px) {
  /* line 194, ../../sass/base/_helper.scss */
  .visually-hidden--tablet {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important; } }
@media screen and (min-width: 768px) {
  /* line 200, ../../sass/base/_helper.scss */
  .visually-hidden--tablet-plus {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important; } }
@media screen and (min-width: 992px) and (max-width: 1199px) {
  /* line 206, ../../sass/base/_helper.scss */
  .visually-hidden--desktop {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important; } }
@media screen and (min-width: 992px) {
  /* line 212, ../../sass/base/_helper.scss */
  .visually-hidden--desktop-plus {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important; } }
@media screen and (min-width: 1200px) {
  /* line 218, ../../sass/base/_helper.scss */
  .visually-hidden--desktop-wide {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important; } }
/* line 224, ../../sass/base/_helper.scss */
.invisible {
  visibility: hidden; }

/* line 228, ../../sass/base/_helper.scss */
.hidden {
  display: none !important;
  visibility: hidden !important; }

@media screen and (min-width: 0) and (max-width: 767px) {
  /* line 237, ../../sass/base/_helper.scss */
  .hidden--mobile {
    display: none !important;
    visibility: hidden !important; } }
@media screen and (min-width: 768px) and (max-width: 991px) {
  /* line 243, ../../sass/base/_helper.scss */
  .hidden--tablet {
    display: none !important;
    visibility: hidden !important; } }
@media screen and (min-width: 768px) {
  /* line 249, ../../sass/base/_helper.scss */
  .hidden--tablet-plus {
    display: none !important;
    visibility: hidden !important; } }
@media screen and (min-width: 992px) and (max-width: 1199px) {
  /* line 255, ../../sass/base/_helper.scss */
  .hidden--desktop {
    display: none !important;
    visibility: hidden !important; } }
@media screen and (min-width: 992px) {
  /* line 261, ../../sass/base/_helper.scss */
  .hidden--desktop-plus {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important; } }
@media screen and (min-width: 1200px) {
  /* line 267, ../../sass/base/_helper.scss */
  .hidden--desktop-wide {
    display: none !important;
    visibility: hidden !important; } }
/* line 274, ../../sass/base/_helper.scss */
.display-block {
  display: block !important;
  width: 100% !important; }

@media screen and (min-width: 0) and (max-width: 767px) {
  /* line 283, ../../sass/base/_helper.scss */
  .display-block--mobile {
    display: block !important;
    width: 100% !important; } }
@media screen and (min-width: 768px) and (max-width: 991px) {
  /* line 289, ../../sass/base/_helper.scss */
  .display-block--tablet {
    display: block !important;
    width: 100% !important; } }
@media screen and (min-width: 768px) {
  /* line 295, ../../sass/base/_helper.scss */
  .display-block--tablet-plus {
    display: block !important;
    width: 100% !important; } }
@media screen and (min-width: 992px) and (max-width: 1199px) {
  /* line 301, ../../sass/base/_helper.scss */
  .display-block--desktop {
    display: block !important;
    width: 100% !important; } }
@media screen and (min-width: 992px) {
  /* line 307, ../../sass/base/_helper.scss */
  .display-block--desktop-plus {
    display: block !important;
    width: 100% !important; } }
@media screen and (min-width: 1200px) {
  /* line 313, ../../sass/base/_helper.scss */
  .display-block--desktop-wide {
    display: block !important;
    width: 100% !important; } }
/* line 320, ../../sass/base/_helper.scss */
.display-inline {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline; }

@media screen and (min-width: 0) and (max-width: 767px) {
  /* line 329, ../../sass/base/_helper.scss */
  .display-inline--mobile {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline; } }
@media screen and (min-width: 768px) and (max-width: 991px) {
  /* line 335, ../../sass/base/_helper.scss */
  .display-inline--tablet {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline; } }
@media screen and (min-width: 768px) {
  /* line 341, ../../sass/base/_helper.scss */
  .display-inline--tablet-plus {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline; } }
@media screen and (min-width: 992px) and (max-width: 1199px) {
  /* line 347, ../../sass/base/_helper.scss */
  .display-inline--desktop {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline; } }
@media screen and (min-width: 992px) {
  /* line 353, ../../sass/base/_helper.scss */
  .display-inline--desktop-plus {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline; } }
@media screen and (min-width: 1200px) {
  /* line 359, ../../sass/base/_helper.scss */
  .display-inline--desktop-wide {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline; } }
/* line 365, ../../sass/base/_helper.scss */
.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto; }

/*------------------------------------*\
    $TYPOGRAPHY
\*------------------------------------*/
/* line 7, ../../sass/base/_typography.scss */
h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5 {
  padding: 0;
  font-weight: normal;
  text-transform: uppercase; }

/* line 28, ../../sass/base/_typography.scss */
h2, .h2 {
  font-size: 26px;
  font-size: 2.6rem;
  font-family: "proxima-nova-n3", "proxima-nova", sans-serif;
  font-weight: 300;
  font-style: normal;
  color: #ffffff;
  letter-spacing: 0.10em; }

/* line 53, ../../sass/base/_typography.scss */
p {
  font-size: 16px;
  font-size: 1.6rem;
  color: #ffffff;
  letter-spacing: 0.10em;
  text-transform: uppercase; }

/*------------------------------------*\
    $LAYOUT
\*------------------------------------*/
/**
 * structural elements/areas, grids, columns etc.
 */
/*------------------------------------*\
	$LAYOUT
\*------------------------------------*/
/* line 7, ../../sass/layout/_layout.scss */
html, body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0; }

/* line 15, ../../sass/layout/_layout.scss */
body {
  color: #101113; }

/* line 20, ../../sass/layout/_layout.scss */
.background-container {
  position: absolute;
  width: 100%;
  height: 100%; }

/* line 29, ../../sass/layout/_layout.scss */
.background-image, .background-canvas {
  /* Set rules to fill background */
  min-height: 100%;
  min-width: 1800px;
  /* Set up proportionate scaling */
  width: 100%;
  height: auto;
  /* Set up positioning */
  position: fixed;
  top: 0;
  left: 0; }

/* line 49, ../../sass/layout/_layout.scss */
.background-white-nose {
  background-image: url(../images/background/white_noise.png);
  background-repeat: repeat;
  position: absolute;
  width: 100%;
  height: 100%; }

@media screen and (max-width: 1800px) {
  /* Specific to this particular image */
  /* line 61, ../../sass/layout/_layout.scss */
  .background-image, .background-canvas {
    left: 50%;
    margin-left: -900px;
    /* 50% */ } }
/*------------------------------------*\
    $VENDOR
\*------------------------------------*/
/**
 * CSS or Sass from other projects - do not change, but overwrite if necessary.
 */
/* 
 * 	Core Owl Carousel CSS File
 *	v1.3.3
 */
/* clearfix */
/* line 7, ../../sass/vendor/_owl-carousel.scss */
.owl-carousel .owl-wrapper:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0; }

/* display none until init */
/* line 16, ../../sass/vendor/_owl-carousel.scss */
.owl-carousel {
  display: none;
  position: relative;
  width: 100%;
  -ms-touch-action: pan-y; }

/* line 22, ../../sass/vendor/_owl-carousel.scss */
.owl-carousel .owl-wrapper {
  display: none;
  position: relative;
  -webkit-transform: translate3d(0px, 0px, 0px); }

/* line 27, ../../sass/vendor/_owl-carousel.scss */
.owl-carousel .owl-wrapper-outer {
  overflow: hidden;
  position: relative;
  width: 100%; }

/* line 32, ../../sass/vendor/_owl-carousel.scss */
.owl-carousel .owl-wrapper-outer.autoHeight {
  transition: height 500ms ease-in-out; }

/* line 40, ../../sass/vendor/_owl-carousel.scss */
.owl-carousel .owl-item {
  float: left; }

/* line 43, ../../sass/vendor/_owl-carousel.scss */
.owl-controls .owl-page,
.owl-controls .owl-buttons div {
  cursor: pointer; }

/* line 47, ../../sass/vendor/_owl-carousel.scss */
.owl-controls {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent; }

/* mouse grab icon */
/* line 57, ../../sass/vendor/_owl-carousel.scss */
.grabbing {
  cursor: url(grabbing.png) 8 8, move; }

/* fix */
/* line 62, ../../sass/vendor/_owl-carousel.scss */
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0); }

/*------------------------------------*\
    $COMPONENTS
\*------------------------------------*/
/**
 * objects and abstractions etc.
 */
/* line 1, ../../sass/components/_home.scss */
.home {
  height: 100%;
  width: 100%;
  display: none;
  position: relative;
  top: 0; }
  /* line 9, ../../sass/components/_home.scss */
  .home .home-content {
    position: relative;
    margin: 0 auto;
    width: 100%;
    text-align: center;
    padding: 15px; }
    @media screen and (min-width: 768px) {
      /* line 9, ../../sass/components/_home.scss */
      .home .home-content {
        top: 50%;
        width: 400px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%); } }
  /* line 23, ../../sass/components/_home.scss */
  .home .home-content__description {
    position: relative;
    margin: 50px auto;
    width: 100%; }
    @media screen and (min-width: 768px) {
      /* line 23, ../../sass/components/_home.scss */
      .home .home-content__description {
        max-width: 400px; } }
    /* line 31, ../../sass/components/_home.scss */
    .home .home-content__description h2 {
      font-size: 22px;
      font-size: 2.2rem;
      font-family: "anonymous-pro", sans-serif;
      font-weight: 400;
      font-style: normal;
      line-height: 1.3em;
      margin: 0; }
  /* line 39, ../../sass/components/_home.scss */
  .home .center-block {
    width: 50%; }
    @media screen and (min-width: 768px) {
      /* line 39, ../../sass/components/_home.scss */
      .home .center-block {
        width: auto; } }
  /* line 47, ../../sass/components/_home.scss */
  .home .home-content__play-btn {
    width: 100%;
    margin-top: 30px; }
  /* line 56, ../../sass/components/_home.scss */
  .home .home-content__twentysix {
    margin: 20px 0; }
  /* line 60, ../../sass/components/_home.scss */
  .home .home-content__twentysix img {
    width: 263px;
    max-width: 100%; }
  /* line 65, ../../sass/components/_home.scss */
  .home .home-content__twentysix p {
    font-size: 12px;
    font-size: 1.2rem;
    font-family: "proxima-nova-n3", "proxima-nova", sans-serif;
    font-weight: 300;
    font-style: normal;
    color: white;
    color: rgba(255, 255, 255, 0.3);
    text-transform: lowercase; }

@media screen and (max-height: 700px) {
  /* line 79, ../../sass/components/_home.scss */
  .home .home-content {
    width: 100%;
    margin-top: 10px; }
  /* line 85, ../../sass/components/_home.scss */
  .home .home-content__description h2 {
    font-size: 18.5px;
    font-size: 1.85rem; }
  /* line 90, ../../sass/components/_home.scss */
  .home .home-content-left {
    width: 40%;
    margin-left: 10%;
    float: left; }
  /* line 96, ../../sass/components/_home.scss */
  .home .home-content__play-btn {
    margin-top: 80px;
    width: 50%;
    float: right; }
  /* line 102, ../../sass/components/_home.scss */
  .home .home-content__twentysix {
    padding-top: 0;
    clear: both; } }
  @media screen and (max-height: 700px) and (min-width: 768px) {
    /* line 102, ../../sass/components/_home.scss */
    .home .home-content__twentysix {
      padding-top: 30px; } }

@media screen and (max-height: 700px) and (max-width: 640px) {
  /* line 117, ../../sass/components/_home.scss */
  .home .home-content {
    margin-top: 10px;
    width: 100%; } }
  @media screen and (max-height: 700px) and (max-width: 640px) and (min-width: 768px) {
    /* line 117, ../../sass/components/_home.scss */
    .home .home-content {
      margin-top: 30px; } }
@media screen and (max-height: 700px) and (max-width: 640px) {
  /* line 126, ../../sass/components/_home.scss */
  .home .home-content__description {
    margin: 30px auto;
    max-width: 300px; }
  /* line 131, ../../sass/components/_home.scss */
  .home .home-content-left {
    width: auto;
    margin-left: 0;
    float: none; }
  /* line 137, ../../sass/components/_home.scss */
  .home .home-content__play-btn {
    margin-top: 0;
    width: auto;
    float: none; } }
/* line 1, ../../sass/components/_about.scss */
.about {
  text-align: center; }
  /* line 6, ../../sass/components/_about.scss */
  .about .about-content {
    position: relative;
    margin: 0 auto;
    width: 600px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%); }
  /* line 15, ../../sass/components/_about.scss */
  .about .about-content__logo {
    margin: 0 auto 40px; }
  /* line 19, ../../sass/components/_about.scss */
  .about a {
    border-bottom: 1px solid #da0862; }
  /* line 23, ../../sass/components/_about.scss */
  .about p:nth-child(1) {
    font-size: 26px;
    margin-bottom: 40px; }
  /* line 28, ../../sass/components/_about.scss */
  .about p:nth-child(2) {
    font-size: 16px; }

/* line 1, ../../sass/components/_game.scss */
.game {
  overflow: hidden; }
  /* line 6, ../../sass/components/_game.scss */
  .game .sidebar {
    width: 100%;
    height: auto;
    float: left;
    text-align: center;
    text-transform: uppercase; }
    @media screen and (min-width: 992px) {
      /* line 6, ../../sass/components/_game.scss */
      .game .sidebar {
        width: 538px;
        height: 100%; } }
    /* line 18, ../../sass/components/_game.scss */
    .game .sidebar .sidebar-top {
      position: relative;
      margin-top: 86px;
      display: none; }
      @media screen and (min-width: 992px) {
        /* line 18, ../../sass/components/_game.scss */
        .game .sidebar .sidebar-top {
          display: block; } }
      /* line 27, ../../sass/components/_game.scss */
      .game .sidebar .sidebar-top .sidebar-top__logo {
        margin: 0 auto; }
    /* line 32, ../../sass/components/_game.scss */
    .game .sidebar .sidebar-qa-content {
      position: absolute;
      padding: 0 30px;
      color: #fff;
      width: 100%;
      bottom: 0;
      z-index: 10; }
      @media screen and (min-width: 768px) {
        /* line 42, ../../sass/components/_game.scss */
        .game .sidebar .sidebar-qa-content:before {
          content: '';
          display: block;
          width: 100%;
          height: 100%;
          left: 0;
          bottom: 0;
          background: url("../images/background/stadium_bg.jpg") center center no-repeat;
          background-size: cover;
          opacity: 0.8;
          position: absolute; } }
      @media screen and (min-width: 992px) {
        /* line 32, ../../sass/components/_game.scss */
        .game .sidebar .sidebar-qa-content {
          position: relative;
          bottom: auto;
          background-color: inherit;
          margin: 70px auto 0;
          padding: 0; }
          /* line 64, ../../sass/components/_game.scss */
          .game .sidebar .sidebar-qa-content:before {
            content: none; } }
      /* line 69, ../../sass/components/_game.scss */
      .game .sidebar .sidebar-qa-content h3 {
        margin: 0;
        font-family: "anonymous-pro", sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 34px;
        font-size: 3.4rem;
        letter-spacing: 3.4px; }
      /* line 75, ../../sass/components/_game.scss */
      .game .sidebar .sidebar-qa-content .sidebar-qa-content__answers {
        margin: 0 auto; }
        @media screen and (min-width: 992px) {
          /* line 75, ../../sass/components/_game.scss */
          .game .sidebar .sidebar-qa-content .sidebar-qa-content__answers {
            margin: 25px auto 0; } }
        /* line 82, ../../sass/components/_game.scss */
        .game .sidebar .sidebar-qa-content .sidebar-qa-content__answers:first-child {
          margin-left: 0; }
        /* line 86, ../../sass/components/_game.scss */
        .game .sidebar .sidebar-qa-content .sidebar-qa-content__answers:last-child {
          margin-right: 0; }
      /* line 90, ../../sass/components/_game.scss */
      .game .sidebar .sidebar-qa-content .sidebar-qa-content__clue {
        margin: 10px auto; }
        @media screen and (min-width: 992px) {
          /* line 90, ../../sass/components/_game.scss */
          .game .sidebar .sidebar-qa-content .sidebar-qa-content__clue {
            margin: 28px auto; } }
    /* line 99, ../../sass/components/_game.scss */
    .game .sidebar .answer {
      position: relative; }
    /* line 103, ../../sass/components/_game.scss */
    .game .sidebar .sidebar-footer {
      position: absolute;
      bottom: 20px;
      width: 538px;
      display: none; }
      @media screen and (min-width: 992px) {
        /* line 103, ../../sass/components/_game.scss */
        .game .sidebar .sidebar-footer {
          display: block; } }
      /* line 113, ../../sass/components/_game.scss */
      .game .sidebar .sidebar-footer .btn-wrap {
        margin: 0 auto; }
  /* line 120, ../../sass/components/_game.scss */
  .game .main {
    height: 100%; }
  /* line 125, ../../sass/components/_game.scss */
  .game .map-canvas {
    height: 100%;
    display: none; }
    @media screen and (min-width: 768px) {
      /* line 125, ../../sass/components/_game.scss */
      .game .map-canvas {
        display: block; } }
  /* line 134, ../../sass/components/_game.scss */
  .game .game-canvas-mobile {
    position: relative;
    top: 55px;
    padding: 30px 0;
    height: 225px; }
    @media screen and (min-width: 768px) {
      /* line 134, ../../sass/components/_game.scss */
      .game .game-canvas-mobile {
        display: none; } }
    /* line 145, ../../sass/components/_game.scss */
    .game .game-canvas-mobile .club-marker {
      position: absolute;
      left: 50%;
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%);
      width: 160px;
      height: 160px; }
      /* line 153, ../../sass/components/_game.scss */
      .game .game-canvas-mobile .club-marker .club-marker__text {
        text-align: center;
        font-size: 14px;
        font-size: 1.4rem;
        font-family: "proxima-nova-n4", "proxima-nova", sans-serif;
        margin: 19px 0 0;
        letter-spacing: 0; }
        /* line 160, ../../sass/components/_game.scss */
        .game .game-canvas-mobile .club-marker .club-marker__text.double-line {
          margin-top: 10px; }
      /* line 166, ../../sass/components/_game.scss */
      .game .game-canvas-mobile .club-marker img {
        margin: 0 auto;
        position: absolute;
        bottom: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%); }
      @media screen and (min-width: 768px) {
        /* line 145, ../../sass/components/_game.scss */
        .game .game-canvas-mobile .club-marker {
          display: none; } }
  /* line 180, ../../sass/components/_game.scss */
  .game .clue-panel {
    position: relative;
    top: -100%;
    left: 0;
    height: 100%;
    text-align: center;
    background: #13ade5;
    overflow: hidden;
    z-index: 100; }
    /* line 189, ../../sass/components/_game.scss */
    .game .clue-panel .inner {
      position: relative;
      top: 50%;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%); }
    /* line 195, ../../sass/components/_game.scss */
    .game .clue-panel .close-clue-btn {
      margin: 0 auto;
      cursor: pointer; }
    /* line 200, ../../sass/components/_game.scss */
    .game .clue-panel h2 {
      font-size: 20px;
      font-size: 2rem;
      font-weight: bold;
      margin: 50px 0 10px;
      padding: 0 200px;
      line-height: 1.3em; }
      @media screen and (min-width: 768px) {
        /* line 200, ../../sass/components/_game.scss */
        .game .clue-panel h2 {
          font-size: 65px;
          font-size: 6.5rem; } }
    /* line 211, ../../sass/components/_game.scss */
    .game .clue-panel p {
      font-size: 20px;
      font-size: 2rem;
      margin: 0;
      font-family: "proxima-nova-n1", "proxima-nova", sans-serif;
      font-weight: 100; }
      @media screen and (min-width: 768px) {
        /* line 211, ../../sass/components/_game.scss */
        .game .clue-panel p {
          font-size: 60px;
          font-size: 6rem; } }
  /* line 223, ../../sass/components/_game.scss */
  .game .scoreboard {
    position: absolute;
    top: 0;
    text-align: center;
    text-transform: uppercase; }
    @media screen and (min-width: 768px) {
      /* line 223, ../../sass/components/_game.scss */
      .game .scoreboard {
        top: 0;
        right: 0;
        background: url("../images/score-bg.png") no-repeat right top; } }
    @media screen and (min-width: 992px) {
      /* line 223, ../../sass/components/_game.scss */
      .game .scoreboard {
        right: 0;
        width: 237px;
        height: 341px;
        background-size: 237px 341px; } }
    /* line 242, ../../sass/components/_game.scss */
    .game .scoreboard h3 {
      font-size: 20px;
      font-size: 2rem;
      font-family: "ostrich_sansbold";
      color: #17bbee;
      margin: 0;
      position: relative; }
    /* line 249, ../../sass/components/_game.scss */
    .game .scoreboard p {
      font-family: "anonymous-pro", sans-serif;
      font-weight: 700;
      font-style: normal;
      letter-spacing: 0;
      margin: 0; }
    /* line 255, ../../sass/components/_game.scss */
    .game .scoreboard .scoreboard__score {
      position: absolute;
      top: 74px;
      left: 93px;
      width: 174px; }
      @media screen and (min-width: 992px) {
        /* line 255, ../../sass/components/_game.scss */
        .game .scoreboard .scoreboard__score {
          left: 0;
          top: 50px;
          width: 100%; } }
      /* line 267, ../../sass/components/_game.scss */
      .game .scoreboard .scoreboard__score p {
        font-size: 72px;
        font-size: 7.2rem;
        margin-top: -10px; }
        @media screen and (min-width: 768px) {
          /* line 267, ../../sass/components/_game.scss */
          .game .scoreboard .scoreboard__score p {
            font-size: 40px;
            font-size: 4rem; } }
      /* line 275, ../../sass/components/_game.scss */
      .game .scoreboard .scoreboard__score p.yellow {
        color: #ead51c; }
      /* line 278, ../../sass/components/_game.scss */
      .game .scoreboard .scoreboard__score p.red {
        color: #e82c1f; }
      /* line 281, ../../sass/components/_game.scss */
      .game .scoreboard .scoreboard__score p.green {
        color: #17ee6d; }
    /* line 286, ../../sass/components/_game.scss */
    .game .scoreboard .scoreboard__time {
      position: relative;
      width: 100%;
      top: 0;
      left: 0; }
      @media screen and (min-width: 768px) {
        /* line 286, ../../sass/components/_game.scss */
        .game .scoreboard .scoreboard__time {
          width: 174px;
          top: 149px;
          left: 91px; } }
      /* line 299, ../../sass/components/_game.scss */
      .game .scoreboard .scoreboard__time p {
        font-size: 32px;
        font-size: 3.2rem;
        margin-top: -6px; }
      /* line 304, ../../sass/components/_game.scss */
      .game .scoreboard .scoreboard__time h3 {
        display: none; }
        @media screen and (min-width: 768px) {
          /* line 304, ../../sass/components/_game.scss */
          .game .scoreboard .scoreboard__time h3 {
            display: block; } }
      /* line 312, ../../sass/components/_game.scss */
      .game .scoreboard .scoreboard__time:after {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        height: 7px;
        display: block;
        width: 100%;
        background-color: #fff; }
        @media screen and (min-width: 768px) {
          /* line 312, ../../sass/components/_game.scss */
          .game .scoreboard .scoreboard__time:after {
            content: none; } }
      /* line 327, ../../sass/components/_game.scss */
      .game .scoreboard .scoreboard__time .scoreboard__time-left {
        position: absolute;
        left: 0;
        top: 0;
        height: 7px;
        display: block;
        width: 100%;
        background: #128acf;
        z-index: 5; }
        @media screen and (min-width: 768px) {
          /* line 327, ../../sass/components/_game.scss */
          .game .scoreboard .scoreboard__time .scoreboard__time-left {
            display: none; } }
  /* line 348, ../../sass/components/_game.scss */
  .game .wrong-answer1, .game .wrong-answer2, .game .correct-answer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    text-align: center;
    z-index: 100;
    will-change: visibility opacity; }
    /* line 360, ../../sass/components/_game.scss */
    .game .wrong-answer1 .inner, .game .wrong-answer2 .inner, .game .correct-answer .inner {
      position: relative;
      top: 50%;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%); }
      /* line 364, ../../sass/components/_game.scss */
      .game .wrong-answer1 .inner h2, .game .wrong-answer2 .inner h2, .game .correct-answer .inner h2 {
        font-weight: normal;
        font-size: 180px;
        font-size: 18rem;
        line-height: 1em;
        position: relative;
        margin: 30px auto 0; }
      /* line 371, ../../sass/components/_game.scss */
      .game .wrong-answer1 .inner p, .game .wrong-answer2 .inner p, .game .correct-answer .inner p {
        font-size: 40px;
        font-size: 4rem;
        margin-top: 0;
        position: relative; }
        @media screen and (min-width: 768px) {
          /* line 371, ../../sass/components/_game.scss */
          .game .wrong-answer1 .inner p, .game .wrong-answer2 .inner p, .game .correct-answer .inner p {
            font-size: 72px;
            font-size: 7.2rem; } }
  /* line 386, ../../sass/components/_game.scss */
  .game .wrong-answer1 .yellow-card {
    position: relative;
    margin: 0 auto; }
  /* line 393, ../../sass/components/_game.scss */
  .game .wrong-answer2 .red-card {
    position: relative;
    margin: 0 auto; }
  /* line 399, ../../sass/components/_game.scss */
  .game .correct-answer {
    bottom: -30px; }
    @media screen and (min-width: 768px) {
      /* line 399, ../../sass/components/_game.scss */
      .game .correct-answer {
        bottom: auto; } }
    /* line 407, ../../sass/components/_game.scss */
    .game .correct-answer .goal {
      width: 60%;
      position: relative;
      top: 0;
      left: 0;
      margin: 0 auto; }
      @media screen and (min-width: 992px) {
        /* line 407, ../../sass/components/_game.scss */
        .game .correct-answer .goal {
          width: auto;
          left: auto; } }
    /* line 420, ../../sass/components/_game.scss */
    .game .correct-answer h2 {
      position: absolute;
      width: 100%;
      top: 20%; }
      @media screen and (min-width: 768px) {
        /* line 420, ../../sass/components/_game.scss */
        .game .correct-answer h2 {
          position: relative;
          width: auto;
          top: auto; } }

@media screen and (max-width: 1200px) {
  /* line 442, ../../sass/components/_game.scss */
  .game .sidebar {
    width: 100%; } }
  @media screen and (max-width: 1200px) and (min-width: 992px) {
    /* line 442, ../../sass/components/_game.scss */
    .game .sidebar {
      width: 388px; } }
@media screen and (max-width: 1200px) {
    /* line 449, ../../sass/components/_game.scss */
    .game .sidebar .sidebar-top {
      margin-top: 46px; }
      /* line 452, ../../sass/components/_game.scss */
      .game .sidebar .sidebar-top .sidebar-top__logo {
        height: 150px; }
    /* line 458, ../../sass/components/_game.scss */
    .game .sidebar .sidebar-qa-content {
      margin-top: 30px;
      position: absolute; } }
    @media screen and (max-width: 1200px) and (min-width: 992px) {
      /* line 458, ../../sass/components/_game.scss */
      .game .sidebar .sidebar-qa-content {
        position: relative; } }
@media screen and (max-width: 1200px) {
      /* line 466, ../../sass/components/_game.scss */
      .game .sidebar .sidebar-qa-content h3 {
        font-size: 28px;
        font-size: 2.8rem;
        letter-spacing: 2.8px;
        position: relative; } }
      @media screen and (max-width: 1200px) and (min-width: 768px) {
        /* line 466, ../../sass/components/_game.scss */
        .game .sidebar .sidebar-qa-content h3 {
          font-size: 20px;
          font-size: 2rem;
          padding: 20px 0 10px; } }
@media screen and (max-width: 1200px) {
      /* line 476, ../../sass/components/_game.scss */
      .game .sidebar .sidebar-qa-content .sidebar-qa-content__clue {
        margin: 10px auto; } }
      @media screen and (max-width: 1200px) and (min-width: 992px) {
        /* line 476, ../../sass/components/_game.scss */
        .game .sidebar .sidebar-qa-content .sidebar-qa-content__clue {
          margin: 20px auto; } }
@media screen and (max-width: 1200px) {
    /* line 485, ../../sass/components/_game.scss */
    .game .sidebar .sidebar-footer {
      width: 388px; }
  /* line 491, ../../sass/components/_game.scss */
  .game .scoreboard {
    width: 237px;
    height: 341px;
    background-size: 237px 341px; }
    /* line 496, ../../sass/components/_game.scss */
    .game .scoreboard h3 {
      font-size: 40px;
      font-size: 4rem;
      margin: 0;
      display: inline-block;
      padding-right: 20px; } }
    @media screen and (max-width: 1200px) and (min-width: 768px) {
      /* line 496, ../../sass/components/_game.scss */
      .game .scoreboard h3 {
        font-size: 20px;
        font-size: 2rem;
        display: block;
        padding-right: 0; } }
@media screen and (max-width: 1200px) {
    /* line 509, ../../sass/components/_game.scss */
    .game .scoreboard .scoreboard__score {
      top: 50px;
      left: 30px; }
      /* line 512, ../../sass/components/_game.scss */
      .game .scoreboard .scoreboard__score p {
        font-size: 40px;
        font-size: 4rem;
        margin-top: -10px;
        display: inline-block; } }
      @media screen and (max-width: 1200px) and (min-width: 768px) {
        /* line 512, ../../sass/components/_game.scss */
        .game .scoreboard .scoreboard__score p {
          display: block;
          left: 0; } }
@media screen and (max-width: 1200px) {
    /* line 525, ../../sass/components/_game.scss */
    .game .scoreboard .scoreboard__time {
      top: 149px;
      left: 91px; }
      /* line 528, ../../sass/components/_game.scss */
      .game .scoreboard .scoreboard__time p {
        font-size: 32px;
        font-size: 3.2rem;
        margin-top: -6px; }
  /* line 539, ../../sass/components/_game.scss */
  .game .wrong-answer1 .inner h2, .game .wrong-answer2 .inner h2, .game .correct-answer .inner h2 {
    font-size: 50px;
    font-size: 5rem;
    font-weight: bold; } }
  @media screen and (max-width: 1200px) and (min-width: 768px) {
    /* line 539, ../../sass/components/_game.scss */
    .game .wrong-answer1 .inner h2, .game .wrong-answer2 .inner h2, .game .correct-answer .inner h2 {
      font-size: 100px;
      font-size: 10rem; } }
@media screen and (max-width: 1200px) {
  /* line 551, ../../sass/components/_game.scss */
  .game .clue-panel h2 {
    font-size: 45px;
    font-size: 4.5rem; }
  /* line 558, ../../sass/components/_game.scss */
  .game .correct-answer {
    bottom: -30px; } }
  @media screen and (max-width: 1200px) and (min-width: 768px) {
    /* line 558, ../../sass/components/_game.scss */
    .game .correct-answer {
      bottom: auto; } }
  @media screen and (max-width: 1200px) and (min-width: 768px) {
    /* line 566, ../../sass/components/_game.scss */
    .game .correct-answer .goal {
      position: absolute;
      top: -150px;
      left: 50%;
      padding-left: 100px; } }
@media screen and (max-width: 1200px) {
    /* line 576, ../../sass/components/_game.scss */
    .game .correct-answer h2 {
      position: absolute;
      width: 100%;
      top: 20%; } }
    @media screen and (max-width: 1200px) and (min-width: 768px) {
      /* line 576, ../../sass/components/_game.scss */
      .game .correct-answer h2 {
        position: relative;
        width: auto;
        top: auto; } }

@media screen and (max-height: 880px) {
  /* line 596, ../../sass/components/_game.scss */
  .game .sidebar {
    width: 100%; } }
  @media screen and (max-height: 880px) and (min-width: 992px) {
    /* line 596, ../../sass/components/_game.scss */
    .game .sidebar {
      width: 388px; } }
@media screen and (max-height: 880px) {
    /* line 603, ../../sass/components/_game.scss */
    .game .sidebar .sidebar-top {
      margin-top: 46px; }
      /* line 606, ../../sass/components/_game.scss */
      .game .sidebar .sidebar-top .sidebar-top__logo {
        height: 150px; }
    /* line 612, ../../sass/components/_game.scss */
    .game .sidebar .sidebar-qa-content {
      position: absolute;
      margin-top: 30px; } }
    @media screen and (max-height: 880px) and (min-width: 992px) {
      /* line 612, ../../sass/components/_game.scss */
      .game .sidebar .sidebar-qa-content {
        position: relative; } }
@media screen and (max-height: 880px) {
      /* line 619, ../../sass/components/_game.scss */
      .game .sidebar .sidebar-qa-content h3 {
        font-size: 28px;
        font-size: 2.8rem;
        letter-spacing: 2.8px; }
      /* line 623, ../../sass/components/_game.scss */
      .game .sidebar .sidebar-qa-content .sidebar-qa-content__clue {
        margin: 10px auto; } }
      @media screen and (max-height: 880px) and (min-width: 992px) {
        /* line 623, ../../sass/components/_game.scss */
        .game .sidebar .sidebar-qa-content .sidebar-qa-content__clue {
          margin: 20px auto; } }
@media screen and (max-height: 880px) {
    /* line 632, ../../sass/components/_game.scss */
    .game .sidebar .sidebar-footer {
      width: 388px; }
  /* line 638, ../../sass/components/_game.scss */
  .game .scoreboard {
    width: 100%;
    height: auto; } }
  @media screen and (max-height: 880px) and (min-width: 768px) {
    /* line 638, ../../sass/components/_game.scss */
    .game .scoreboard {
      width: 237px;
      height: 341px;
      background-size: 237px 341px; } }
@media screen and (max-height: 880px) {
    /* line 649, ../../sass/components/_game.scss */
    .game .scoreboard h3 {
      font-size: 40px;
      font-size: 4rem;
      margin: 0; } }
    @media screen and (max-height: 880px) and (min-width: 768px) {
      /* line 649, ../../sass/components/_game.scss */
      .game .scoreboard h3 {
        font-size: 20px;
        font-size: 2rem; } }
@media screen and (max-height: 880px) {
    /* line 658, ../../sass/components/_game.scss */
    .game .scoreboard .scoreboard__score {
      top: 20px;
      left: 0;
      width: 100%; } }
    @media screen and (max-height: 880px) and (min-width: 768px) {
      /* line 658, ../../sass/components/_game.scss */
      .game .scoreboard .scoreboard__score {
        top: 50px; } }
@media screen and (max-height: 880px) {
      /* line 669, ../../sass/components/_game.scss */
      .game .scoreboard .scoreboard__score p {
        font-size: 47px;
        font-size: 4.7rem;
        margin-top: -10px; }
    /* line 675, ../../sass/components/_game.scss */
    .game .scoreboard .scoreboard__time {
      top: 0;
      left: 0; } }
    @media screen and (max-height: 880px) and (min-width: 768px) {
      /* line 675, ../../sass/components/_game.scss */
      .game .scoreboard .scoreboard__time {
        top: 149px;
        left: 91px; } }
@media screen and (max-height: 880px) {
      /* line 684, ../../sass/components/_game.scss */
      .game .scoreboard .scoreboard__time h3 {
        display: none; } }
      @media screen and (max-height: 880px) and (min-width: 768px) {
        /* line 684, ../../sass/components/_game.scss */
        .game .scoreboard .scoreboard__time h3 {
          display: block; } }
@media screen and (max-height: 880px) {
      /* line 692, ../../sass/components/_game.scss */
      .game .scoreboard .scoreboard__time p {
        font-size: 32px;
        font-size: 3.2rem;
        margin-top: -6px;
        display: none; } }
      @media screen and (max-height: 880px) and (min-width: 768px) {
        /* line 692, ../../sass/components/_game.scss */
        .game .scoreboard .scoreboard__time p {
          display: block; } }
@media screen and (max-height: 880px) {
  /* line 710, ../../sass/components/_game.scss */
  .game .clue-panel h2 {
    font-size: 20px;
    font-size: 2rem;
    padding: 0 20px; } }
  @media screen and (max-height: 880px) and (min-width: 768px) {
    /* line 710, ../../sass/components/_game.scss */
    .game .clue-panel h2 {
      font-size: 42px;
      font-size: 4.2rem;
      padding: 0 50px; } }

@media screen and (max-height: 600px) {
  /* line 727, ../../sass/components/_game.scss */
  .sidebar-qa-content h3 {
    display: none; }

  /* line 731, ../../sass/components/_game.scss */
  .game .game-canvas-mobile {
    padding: 10px 0; } }
/* line 737, ../../sass/components/_game.scss */
.team-panel {
  display: none; }
  @media screen and (min-width: 768px) {
    /* line 737, ../../sass/components/_game.scss */
    .team-panel {
      display: none;
      position: absolute;
      width: 400px;
      left: 20px;
      top: 20px; } }
  @media screen and (min-width: 992px) {
    /* line 737, ../../sass/components/_game.scss */
    .team-panel {
      left: calc(50% + 269px);
      bottom: 20px;
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%);
      top: auto; } }
@media screen and (max-width: 1200px) and (min-width: 992px) {
  /* line 737, ../../sass/components/_game.scss */
  .team-panel {
    left: calc(50% + 194px); } }

/* line 763, ../../sass/components/_game.scss */
.team-panel__holder {
  background: #1B1B1B;
  color: #fff;
  text-align: center;
  padding: 0 10px;
  min-height: 39px;
  max-height: 39px;
  overflow: hidden;
  border-radius: 3px; }

/* line 777, ../../sass/components/_game.scss */
.team-panel__text {
  margin: 0; }
  /* line 779, ../../sass/components/_game.scss */
  .team-panel__text p {
    margin: 0;
    padding: 10px 0; }

/* line 1, ../../sass/components/_end.scss */
.end {
  position: relative;
  text-align: center; }
  /* line 7, ../../sass/components/_end.scss */
  .end .end-content {
    position: relative;
    margin: 0 auto;
    width: 100%; }
    @media screen and (min-width: 768px) {
      /* line 7, ../../sass/components/_end.scss */
      .end .end-content {
        width: 800px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%); } }
  /* line 19, ../../sass/components/_end.scss */
  .end h2 {
    font-family: "capture_itregular", sans-serif;
    font-size: 80px;
    font-size: 8rem;
    margin: 30px auto 10px; }
    /* line 23, ../../sass/components/_end.scss */
    .end h2 span {
      background-image: url("../images/whistle.png");
      width: 99px;
      height: 106px;
      display: inline-block;
      vertical-align: text-bottom; }
  /* line 32, ../../sass/components/_end.scss */
  .end .end-content_feedback {
    margin: 0 auto; }
    /* line 34, ../../sass/components/_end.scss */
    .end .end-content_feedback p {
      width: 100%;
      font-size: 19px;
      font-size: 1.9rem;
      font-family: "anonymous-pro", sans-serif;
      font-weight: 400;
      font-style: normal;
      color: #17bbee;
      margin: 20px auto; }
      @media screen and (min-width: 768px) {
        /* line 34, ../../sass/components/_end.scss */
        .end .end-content_feedback p {
          width: 740px;
          font-size: 20px;
          font-size: 2rem; } }
    /* line 46, ../../sass/components/_end.scss */
    .end .end-content_feedback p.score {
      font-size: 30px;
      font-size: 3rem;
      font-family: "proxima-nova-n4", "proxima-nova", sans-serif;
      font-weight: 400;
      font-style: normal;
      font-weight: bold;
      margin: 15px auto; }
    /* line 52, ../../sass/components/_end.scss */
    .end .end-content_feedback p.comment {
      color: #fff; }
    /* line 56, ../../sass/components/_end.scss */
    .end .end-content_feedback p.why-not-share {
      margin-top: auto; }
      @media screen and (min-width: 768px) {
        /* line 56, ../../sass/components/_end.scss */
        .end .end-content_feedback p.why-not-share {
          margin-top: 40px; } }
    /* line 64, ../../sass/components/_end.scss */
    .end .end-content_feedback p.end-content__stats {
      color: #fff; }
  /* line 70, ../../sass/components/_end.scss */
  .end .end-content__twentysix {
    margin-top: 20px; }
    /* line 72, ../../sass/components/_end.scss */
    .end .end-content__twentysix p {
      font-size: 12px;
      font-size: 1.2rem;
      font-family: "proxima-nova-n3", "proxima-nova", sans-serif;
      font-weight: 300;
      font-style: normal;
      color: white;
      color: rgba(255, 255, 255, 0.3);
      text-transform: lowercase; }

@media screen and (max-width: 1024px) {
  /* line 90, ../../sass/components/_end.scss */
  .end h2 {
    font-size: 65px;
    font-size: 6.5rem; } }
@media screen and (max-height: 800px) {
  /* line 102, ../../sass/components/_end.scss */
  .end {
    padding: 10px; }
    /* line 106, ../../sass/components/_end.scss */
    .end .end-content__logo {
      display: none; }
    /* line 110, ../../sass/components/_end.scss */
    .end h2 {
      margin-top: 0;
      line-height: 1; }
    /* line 115, ../../sass/components/_end.scss */
    .end h2 span {
      display: none; }
    /* line 119, ../../sass/components/_end.scss */
    .end .end-content__twentysix {
      display: none; } }
@media screen and (max-width: 480px) {
  /* line 131, ../../sass/components/_end.scss */
  .restart {
    display: block;
    margin: 10px auto; } }
/* line 1, ../../sass/components/_share.scss */
.share {
  text-align: center; }
  /* line 6, ../../sass/components/_share.scss */
  .share .share-content {
    position: relative;
    margin: 0 auto;
    padding-bottom: 50px;
    width: 720px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%); }
  /* line 16, ../../sass/components/_share.scss */
  .share .share-content__logo {
    margin: 0 auto 70px; }

/*------------------------------------*\
    $BUTTONS
\*------------------------------------*/
/* line 6, ../../sass/components/_buttons.scss */
.btn {
  display: block;
  background: none;
  color: inherit;
  vertical-align: middle;
  position: relative;
  z-index: 1;
  cursor: pointer; }

/* line 16, ../../sass/components/_buttons.scss */
.btn:focus {
  outline: none; }

/* line 23, ../../sass/components/_buttons.scss */
.btn-disabled {
  cursor: default; }

/* line 27, ../../sass/components/_buttons.scss */
.hex-btn {
  display: inline-block;
  vertical-align: top;
  background: url("../images/hex-btn.png") center center no-repeat;
  width: 160px;
  height: 144px;
  line-height: 144px;
  margin: 0;
  font-size: 39px;
  font-size: 3.9rem;
  font-family: "ostrich_sans_roundedmedium";
  text-transform: uppercase;
  will-change: animation; }
  @media screen and (min-width: 768px) {
    /* line 27, ../../sass/components/_buttons.scss */
    .hex-btn {
      background: url("../images/button-sequence.png") left center no-repeat;
      width: 237px;
      height: 213px;
      line-height: 213px; } }
  /* line 47, ../../sass/components/_buttons.scss */
  .hex-btn img {
    margin-top: 84px; }

@media screen and (min-width: 992px) {
  /* line 52, ../../sass/components/_buttons.scss */
  .hex-btn:hover {
    -webkit-animation: play 0.92s steps(17) forwards;
    animation: play 0.92s steps(17) forwards; } }

@-webkit-keyframes play {
  0% {
    background-position: 0; }
  100% {
    background-position: -4029px; } }

@keyframes play {
  0% {
    background-position: 0; }
  100% {
    background-position: -4029px; } }
/* line 65, ../../sass/components/_buttons.scss */
.hex-btn-sm {
  display: inline-block;
  vertical-align: top;
  height: auto;
  line-height: 85px;
  margin: 0;
  font-size: 28px;
  font-size: 2.8rem;
  font-family: "ostrich_sans_roundedmedium";
  text-transform: uppercase;
  width: 30%;
  background: none;
  color: #fff;
  border: 0;
  cursor: pointer;
  /*
      @include breakpoint(tablet){
          background: url("../images/button-sequence-sm.png") left center no-repeat;
          width: 192px;
          height: 172px;
          line-height: 175px;
      }
      img {
          margin-top: 10px; 
  
          @include breakpoint(tablet){
              margin-top: 66px;
          }
      }
  
      */
  background: url("../images/button-sequence-sm.png") left center no-repeat;
  width: 192px;
  height: 172px;
  line-height: 175px; }
  /* line 99, ../../sass/components/_buttons.scss */
  .hex-btn-sm img {
    margin-top: 66px; }

/* line 105, ../../sass/components/_buttons.scss */
.hex-btn-sm.button {
  line-height: 50px; }

/* line 109, ../../sass/components/_buttons.scss */
.hex-btn-sm:hover {
  -webkit-animation: play-sm 0.62s steps(12) forwards;
  animation: play-sm 0.62s steps(12) forwards; }

@-webkit-keyframes play-sm {
  0% {
    background-position: 0; }
  100% {
    background-position: -2304px; } }

@keyframes play-sm {
  0% {
    background-position: 0; }
  100% {
    background-position: -2304px; } }
/* line 119, ../../sass/components/_buttons.scss */
.btn--blindroll {
  overflow: hidden;
  transition: color 0.2s; }

/* line 125, ../../sass/components/_buttons.scss */
.btn--blindroll::before,
.btn--blindroll::after {
  content: '';
  position: absolute;
  height: 100%;
  width: 100%;
  bottom: 100%;
  left: 0;
  z-index: -1;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
  will-change: transform; }

/* line 141, ../../sass/components/_buttons.scss */
.btn--blindroll::before {
  will-change: transform; }
  @media screen and (min-width: 992px) {
    /* line 141, ../../sass/components/_buttons.scss */
    .btn--blindroll::before {
      background: #6fdcfe; } }

/* line 149, ../../sass/components/_buttons.scss */
.btn--blindroll::after {
  will-change: transform; }
  @media screen and (min-width: 992px) {
    /* line 149, ../../sass/components/_buttons.scss */
    .btn--blindroll::after {
      background: #ffffff; } }

@media screen and (min-width: 992px) {
  /* line 160, ../../sass/components/_buttons.scss */
  .btn--blindroll:hover {
    color: #17bbee;
    cursor: pointer; } }

@media screen and (min-width: 992px) {
  /* line 167, ../../sass/components/_buttons.scss */
  .btn--blindroll:hover::before,
  .btn--blindroll:hover::after {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }

@media screen and (min-width: 992px) {
  /* line 176, ../../sass/components/_buttons.scss */
  .btn--blindroll:hover::after {
    transition-delay: 0.175s; } }

/* line 188, ../../sass/components/_buttons.scss */
.answer-btn, .instructions-btn {
  height: 72px;
  line-height: 72px;
  background: #17bbee;
  border-radius: 3px;
  font-size: 14px;
  font-size: 1.4rem;
  font-family: "proxima-nova-n4", "proxima-nova", sans-serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 2.4px;
  border: 1px solid #17bbee;
  color: #ffffff;
  margin: 10px auto;
  display: block;
  width: 100%; }
  @media screen and (min-width: 768px) {
    /* line 188, ../../sass/components/_buttons.scss */
    .answer-btn, .instructions-btn {
      font-size: 18px;
      font-size: 1.8rem; } }
  @media screen and (min-width: 992px) {
    /* line 188, ../../sass/components/_buttons.scss */
    .answer-btn, .instructions-btn {
      width: 426px; } }
  /* line 210, ../../sass/components/_buttons.scss */
  .answer-btn:nth-first-of-type, .instructions-btn:nth-first-of-type {
    margin-left: 0; }
  /* line 214, ../../sass/components/_buttons.scss */
  .answer-btn:nth-last-of-type, .instructions-btn:nth-last-of-type {
    margin-right: 0; }

/* line 219, ../../sass/components/_buttons.scss */
.answer-btn.wrong, .wrong.instructions-btn {
  pointer-events: none;
  cursor: default;
  opacity: 0.5; }

/* line 226, ../../sass/components/_buttons.scss */
.answer-btn.reset::before, .reset.instructions-btn::before,
.answer-btn.reset::after,
.reset.instructions-btn::after {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

/* line 235, ../../sass/components/_buttons.scss */
.instructions-btn {
  margin: auto;
  cursor: pointer;
  width: 100%;
  padding: initial;
  margin-bottom: 16px; }
  @media screen and (min-width: 992px) {
    /* line 235, ../../sass/components/_buttons.scss */
    .instructions-btn {
      width: 306px;
      height: 72px;
      line-height: 70px;
      font-size: 18px;
      font-size: 1.8rem; } }

/* line 251, ../../sass/components/_buttons.scss */
.instructions-content__easy-btn {
  background: rgba(27, 27, 27, 0.5); }

/* line 257, ../../sass/components/_buttons.scss */
.clue-btn {
  width: 100%;
  height: 56px;
  line-height: 56px;
  font-size: 16px;
  font-size: 1.6rem;
  font-family: "proxima-nova-n4", "proxima-nova", sans-serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 2.4px;
  border: 1px solid #11a7e2;
  border-radius: 3px;
  margin: 0 auto; }
  @media screen and (min-width: 992px) {
    /* line 257, ../../sass/components/_buttons.scss */
    .clue-btn {
      width: 426px; } }

/* line 273, ../../sass/components/_buttons.scss */
.clue-btn.btn--blindroll::before {
  background: #11a7e2; }
  @media screen and (min-width: 992px) {
    /* line 273, ../../sass/components/_buttons.scss */
    .clue-btn.btn--blindroll::before {
      background: #283f47; } }

/* line 281, ../../sass/components/_buttons.scss */
.clue-btn.btn--blindroll::after {
  background: #11a7e2; }
  @media screen and (min-width: 992px) {
    /* line 281, ../../sass/components/_buttons.scss */
    .clue-btn.btn--blindroll::after {
      background: #134c60; } }

/* line 289, ../../sass/components/_buttons.scss */
.clue-btn.btn--blindroll:hover {
  color: #fff; }

/* line 292, ../../sass/components/_buttons.scss */
.clue-btn.btn--blindroll:hover .highlight-blue {
  color: #fff; }

/* line 296, ../../sass/components/_buttons.scss */
.clue-btn.disabled {
  display: none; }

/* line 301, ../../sass/components/_buttons.scss */
.btn-disabled {
  cursor: default;
  opacity: 0.3; }

/* line 309, ../../sass/components/_buttons.scss */
.footer-btn-sidebar {
  display: inline-block;
  width: 209px;
  height: 47px;
  line-height: 47px;
  border: 1px solid #364c57;
  margin: 0;
  font-size: 14px;
  font-size: 1.4rem;
  color: #658b91;
  padding-left: 20px; }
  /* line 319, ../../sass/components/_buttons.scss */
  .footer-btn-sidebar img {
    position: absolute;
    left: 50px; }

/* line 325, ../../sass/components/_buttons.scss */
.footer-btn-sidebar.btn--blindroll::before {
  background-color: transparent; }

/* line 329, ../../sass/components/_buttons.scss */
.footer-btn-sidebar.btn--blindroll::after {
  background-color: #ffffff; }

/* line 333, ../../sass/components/_buttons.scss */
.footer-btn-sidebar:hover {
  border: 1px solid #ffffff;
  color: #658b91; }

/* line 338, ../../sass/components/_buttons.scss */
.close-btn {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%); }

@media screen and (max-width: 1200px) {
  /* line 347, ../../sass/components/_buttons.scss */
  .answer-btn, .instructions-btn {
    letter-spacing: 1.8px; } }
  @media screen and (max-width: 1200px) and (min-width: 992px) {
    /* line 347, ../../sass/components/_buttons.scss */
    .answer-btn, .instructions-btn {
      width: 306px;
      height: 72px;
      line-height: 72px; } }

@media screen and (max-width: 1200px) {
  /* line 359, ../../sass/components/_buttons.scss */
  .clue-btn {
    width: 100%;
    height: 46px;
    line-height: 46px;
    font-size: 14px;
    font-size: 1.4rem;
    letter-spacing: 1.4px; } }
  @media screen and (max-width: 1200px) and (min-width: 992px) {
    /* line 359, ../../sass/components/_buttons.scss */
    .clue-btn {
      width: 306px; } }

@media screen and (max-width: 1200px) {
  /* line 371, ../../sass/components/_buttons.scss */
  .footer-btn-sidebar {
    width: 148px; }
    /* line 373, ../../sass/components/_buttons.scss */
    .footer-btn-sidebar img {
      left: 25px; } }
@media screen and (max-height: 880px) {
  /* line 382, ../../sass/components/_buttons.scss */
  .answer-btn, .instructions-btn {
    height: 72px;
    line-height: 72px;
    font-size: 18px;
    font-size: 1.8rem;
    letter-spacing: 1.8px; } }
  @media screen and (max-height: 880px) and (min-width: 992px) {
    /* line 382, ../../sass/components/_buttons.scss */
    .answer-btn, .instructions-btn {
      width: 306px; } }

@media screen and (max-height: 880px) {
  /* line 395, ../../sass/components/_buttons.scss */
  .clue-btn {
    width: 100%;
    height: 46px;
    line-height: 46px;
    font-size: 14px;
    font-size: 1.4rem;
    letter-spacing: 1.4px; } }
  @media screen and (max-height: 880px) and (min-width: 992px) {
    /* line 395, ../../sass/components/_buttons.scss */
    .clue-btn {
      width: 306px; } }

@media screen and (max-height: 880px) {
  /* line 407, ../../sass/components/_buttons.scss */
  .footer-btn-sidebar {
    width: 148px; }
    /* line 409, ../../sass/components/_buttons.scss */
    .footer-btn-sidebar img {
      left: 25px; } }
@media screen and (max-height: 600px) {
  /* line 418, ../../sass/components/_buttons.scss */
  .answer-btn, .instructions-btn {
    height: 45px;
    line-height: 45px;
    letter-spacing: 0.5px;
    font-size: 15px;
    font-size: 1.5rem; } }
/* line 1, ../../sass/components/_instructions.scss */
.instructions {
  text-align: center;
  overflow: hidden; }
  /* line 8, ../../sass/components/_instructions.scss */
  .instructions .instructions-content {
    position: relative;
    margin: -10px auto 0;
    width: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0 10px; }
    @media screen and (min-width: 992px) {
      /* line 8, ../../sass/components/_instructions.scss */
      .instructions .instructions-content {
        width: 1024px;
        padding: 0 200px; } }
  /* line 23, ../../sass/components/_instructions.scss */
  .instructions h2 {
    font-family: "capture_itregular", sans-serif;
    font-size: 60px;
    font-size: 6rem;
    margin-top: 0;
    margin-bottom: 43px; }
  /* line 32, ../../sass/components/_instructions.scss */
  .instructions .instructions-content__navigation {
    position: relative;
    margin: 0 auto; }
    /* line 35, ../../sass/components/_instructions.scss */
    .instructions .instructions-content__navigation .navigation-item {
      position: relative;
      width: 130px;
      height: 7px;
      display: inline-block;
      margin-left: 3px;
      overflow: hidden;
      background-color: #fff;
      will-change: opacity; }
      /* line 45, ../../sass/components/_instructions.scss */
      .instructions .instructions-content__navigation .navigation-item:first-child {
        margin-left: 0; }
  /* line 51, ../../sass/components/_instructions.scss */
  .instructions .owl-pagination {
    position: absolute;
    top: 0;
    width: 100%; }
    /* line 56, ../../sass/components/_instructions.scss */
    .instructions .owl-pagination .owl-page {
      position: relative;
      width: 30%;
      height: 7px;
      display: inline-block;
      margin-left: 3px;
      overflow: hidden;
      background-color: #fff;
      opacity: 0.8; }
      /* line 65, ../../sass/components/_instructions.scss */
      .instructions .owl-pagination .owl-page:first-child {
        margin-left: 0; }
      /* line 68, ../../sass/components/_instructions.scss */
      .instructions .owl-pagination .owl-page.active {
        opacity: 1; }
  /* line 74, ../../sass/components/_instructions.scss */
  .instructions .instructions-content-mobile__navigation {
    position: relative;
    margin: 0 auto; }
    /* line 77, ../../sass/components/_instructions.scss */
    .instructions .instructions-content-mobile__navigation .navigation-item {
      position: relative;
      width: 30%;
      height: 7px;
      display: inline-block;
      margin-left: 3px;
      overflow: hidden;
      background-color: #fff; }
      /* line 85, ../../sass/components/_instructions.scss */
      .instructions .instructions-content-mobile__navigation .navigation-item:first-child {
        margin-left: 0; }
  /* line 92, ../../sass/components/_instructions.scss */
  .instructions .instructions-image {
    user-drag: none;
    -moz-user-select: none;
    -webkit-user-drag: none;
    position: absolute;
    top: 0;
    will-change: transform; }
  /* line 102, ../../sass/components/_instructions.scss */
  .instructions .instructions-content-sections {
    position: relative;
    display: none; }
    @media screen and (min-width: 992px) {
      /* line 102, ../../sass/components/_instructions.scss */
      .instructions .instructions-content-sections {
        display: block; } }
  /* line 111, ../../sass/components/_instructions.scss */
  .instructions .instructions-content-sections-mobile {
    display: block; }
    @media screen and (min-width: 992px) {
      /* line 111, ../../sass/components/_instructions.scss */
      .instructions .instructions-content-sections-mobile {
        display: none; } }
  /* line 119, ../../sass/components/_instructions.scss */
  .instructions .instructions-swipe {
    cursor: url("../images/cursor.png") 43 23, pointer !important;
    width: 1872px;
    height: 220px;
    margin: 0 auto;
    will-change: transform; }
  /* line 127, ../../sass/components/_instructions.scss */
  .instructions .section {
    position: absolute;
    width: 624px;
    padding-top: 50px; }
    /* line 131, ../../sass/components/_instructions.scss */
    .instructions .section p {
      margin: 0 auto;
      width: 564px;
      font-family: "anonymous-pro", sans-serif;
      font-weight: 400;
      font-style: normal;
      font-size: 22px;
      font-size: 2.2rem; }
  /* line 139, ../../sass/components/_instructions.scss */
  .instructions .section2 {
    left: 624px; }
  /* line 143, ../../sass/components/_instructions.scss */
  .instructions .section3 {
    left: 1248px; }
    /* line 145, ../../sass/components/_instructions.scss */
    .instructions .section3 img {
      position: absolute;
      top: -100px; }
  /* line 152, ../../sass/components/_instructions.scss */
  .instructions .section-mobile {
    padding: 80px 30px;
    display: block; }
  /* line 159, ../../sass/components/_instructions.scss */
  .instructions .left-image {
    left: -290px; }
  /* line 163, ../../sass/components/_instructions.scss */
  .instructions .right-image {
    right: -280px; }

@media screen and (max-width: 1200px) {
  /* line 174, ../../sass/components/_instructions.scss */
  .instructions .left-image {
    width: 160px;
    left: -200px; }
  /* line 178, ../../sass/components/_instructions.scss */
  .instructions .right-image {
    width: 150px;
    right: -200px; } }
@media screen and (max-width: 1024px) {
  /* line 189, ../../sass/components/_instructions.scss */
  .instructions h2 {
    font-size: 40px;
    font-size: 4rem;
    margin-top: 10px;
    margin-bottom: 20px; }
  /* line 195, ../../sass/components/_instructions.scss */
  .instructions .left-image {
    left: -160px; }
  /* line 198, ../../sass/components/_instructions.scss */
  .instructions .right-image {
    right: -160px; }
  /* line 203, ../../sass/components/_instructions.scss */
  .instructions .section {
    padding-top: 60px; }
    /* line 205, ../../sass/components/_instructions.scss */
    .instructions .section p {
      width: 464px;
      font-size: 18px;
      font-size: 1.8rem; }
  /* line 211, ../../sass/components/_instructions.scss */
  .instructions .instructions-btn {
    font-size: 20px;
    font-size: 2rem;
    width: 100%;
    height: 74px;
    line-height: 74px; } }
  @media screen and (max-width: 1024px) and (min-width: 992px) {
    /* line 211, ../../sass/components/_instructions.scss */
    .instructions .instructions-btn {
      width: 366px; } }

/*------------------------------------*\
    $NON-MODULAR
\*------------------------------------*/
/**/
/*------------------------------------*\
    $OSTRICH FONT
\*------------------------------------*/
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on September 17, 2014 */
@font-face {
  font-family: 'ostrich_sans_roundedmedium';
  src: url("../fonts/ostrich-sans/ostrich-rounded-webfont.eot");
  src: url("../fonts/ostrich-sans/ostrich-rounded-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/ostrich-sans/ostrich-rounded-webfont.woff2") format("woff2"), url("../fonts/ostrich-sans/ostrich-rounded-webfont.woff") format("woff"), url("../fonts/ostrich-sans/ostrich-rounded-webfont.ttf") format("truetype"), url("../fonts/ostrich-sans/ostrich-rounded-webfont.svg#ostrich_sans_roundedmedium") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'ostrich_sansbold';
  src: url("../fonts/ostrich-sans/ostrich-bold-webfont.eot");
  src: url("../fonts/ostrich-sans/ostrich-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/ostrich-sans/ostrich-bold-webfont.woff2") format("woff2"), url("../fonts/ostrich-sans/ostrich-bold-webfont.woff") format("woff"), url("../fonts/ostrich-sans/ostrich-bold-webfont.ttf") format("truetype"), url("../fonts/ostrich-sans/ostrich-bold-webfont.svg#ostrich_sansbold") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'capture_itregular';
  src: url("../fonts/captureit_regular_macroman/Capture_it-webfont.eot");
  src: url("../fonts/captureit_regular_macroman/Capture_it-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/captureit_regular_macroman/Capture_it-webfont.woff") format("woff"), url("../fonts/captureit_regular_macroman/Capture_it-webfont.ttf") format("truetype"), url("../fonts/captureit_regular_macroman/Capture_it-webfont.svg#capture_itregular") format("svg");
  font-weight: normal;
  font-style: normal; }
/*------------------------------------*\
    $IE Fixes
\*------------------------------------*/
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on September 17, 2014 */
/* line 11, ../../sass/non-modular/_ie-fixes.scss */
.ie9 .answer-btn:hover, .ie9 .instructions-btn:hover {
  background: white;
  color: #3cd0fe; }

/*------------------------------------*\
    $PRINT
\*------------------------------------*/
/**
 * print style
 */