@charset "UTF-8";
/*! normalize.css v2.1.2 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
/* line 22, ../../../files/sass/_normalize.scss */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
/* line 32, ../../../files/sass/_normalize.scss */
audio,
canvas,
video {
  display: inline-block;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
/* line 41, ../../../files/sass/_normalize.scss */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address styling not present in IE 8/9.
 */
/* line 50, ../../../files/sass/_normalize.scss */
[hidden] {
  display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
/* line 64, ../../../files/sass/_normalize.scss */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/**
 * Remove default margin.
 */
/* line 74, ../../../files/sass/_normalize.scss */
body {
  margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
/* line 86, ../../../files/sass/_normalize.scss */
a:focus {
  outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
/* line 95, ../../../files/sass/_normalize.scss */
a:active,
a:hover {
  outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */
/* line 108, ../../../files/sass/_normalize.scss */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */
/* line 117, ../../../files/sass/_normalize.scss */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
/* line 126, ../../../files/sass/_normalize.scss */
b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */
/* line 134, ../../../files/sass/_normalize.scss */
dfn {
  font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 */
/* line 142, ../../../files/sass/_normalize.scss */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Address styling not present in IE 8/9.
 */
/* line 152, ../../../files/sass/_normalize.scss */
mark {
  background: #ff0;
  color: #000;
}

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
/* line 164, ../../../files/sass/_normalize.scss */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */
/* line 173, ../../../files/sass/_normalize.scss */
pre {
  white-space: pre-wrap;
}

/**
 * Set consistent quote types.
 */
/* line 181, ../../../files/sass/_normalize.scss */
q {
  quotes: "\201C" "\201D" "\2018" "\2019";
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
/* line 189, ../../../files/sass/_normalize.scss */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
/* line 198, ../../../files/sass/_normalize.scss */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

/* line 205, ../../../files/sass/_normalize.scss */
sup {
  top: -0.5em;
}

/* line 209, ../../../files/sass/_normalize.scss */
sub {
  bottom: -0.25em;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9.
 */
/* line 221, ../../../files/sass/_normalize.scss */
img {
  border: 0;
}

/**
 * Correct overflow displayed oddly in IE 9.
 */
/* line 229, ../../../files/sass/_normalize.scss */
svg:not(:root) {
  overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
/* line 241, ../../../files/sass/_normalize.scss */
figure {
  margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Define consistent border, margin, and padding.
 */
/* line 253, ../../../files/sass/_normalize.scss */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
/* line 264, ../../../files/sass/_normalize.scss */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
/* line 278, ../../../files/sass/_normalize.scss */
button,
input,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 2 */
  margin: 0;
  /* 3 */
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
/* line 290, ../../../files/sass/_normalize.scss */
button,
input {
  line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
/* line 302, ../../../files/sass/_normalize.scss */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
/* line 317, ../../../files/sass/_normalize.scss */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
/* line 327, ../../../files/sass/_normalize.scss */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * 1. Address box sizing set to `content-box` in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 */
/* line 337, ../../../files/sass/_normalize.scss */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
/* line 348, ../../../files/sass/_normalize.scss */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
/* line 361, ../../../files/sass/_normalize.scss */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
/* line 370, ../../../files/sass/_normalize.scss */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
/* line 380, ../../../files/sass/_normalize.scss */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
/* line 393, ../../../files/sass/_normalize.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

@font-face {
  font-family: 'TungstenBold';
  src: url("fonts/tungsten-bold.eot");
  src: url("fonts/tungsten-bold.eot") format("embedded-opentype"), url("fonts/tungsten-bold.woff") format("woff"), url("fonts/tungsten-bold.ttf") format("truetype"), url("fonts/tungsten-bold.svg#TungstenBold") format("svg");
}

@font-face {
  font-family: 'TungstenMedium';
  src: url("fonts/tungsten-medium.eot");
  src: url("fonts/tungsten-medium.eot") format("embedded-opentype"), url("fonts/tungsten-medium.woff") format("woff"), url("fonts/tungsten-medium.ttf") format("truetype"), url("fonts/tungsten-medium.svg#TungstenMedium") format("svg");
}

@keyframes btn-init-anim {
  /* line 59, ../../../files/sass/_global.scss */
  from {
    background-position: 0px 0px;
  }

  /* line 60, ../../../files/sass/_global.scss */
  to {
    background-position: 0px -976px;
  }
}

@-webkit-keyframes btn-init-anim {
  /* line 64, ../../../files/sass/_global.scss */
  from {
    background-position: 0px 0px;
  }

  /* line 65, ../../../files/sass/_global.scss */
  to {
    background-position: 0px -976px;
  }
}

@keyframes short-btn-init-anim {
  /* line 69, ../../../files/sass/_global.scss */
  from {
    background-position: 0px 0px;
  }

  /* line 70, ../../../files/sass/_global.scss */
  to {
    background-position: 0px -1008px;
  }
}

@-webkit-keyframes short-btn-init-anim {
  /* line 74, ../../../files/sass/_global.scss */
  from {
    background-position: 0px 0px;
  }

  /* line 75, ../../../files/sass/_global.scss */
  to {
    background-position: 0px -1008px;
  }
}

@keyframes btn-label-init-anim {
  /* line 79, ../../../files/sass/_global.scss */
  0% {
    opacity: 0;
    -webkit-opacity: 0;
    -ms-opacity: 0;
    -moz-opacity: 0;
    -o-opacity: 0;
  }

  /* line 80, ../../../files/sass/_global.scss */
  80% {
    opacity: 0;
    -webkit-opacity: 0;
    -ms-opacity: 0;
    -moz-opacity: 0;
    -o-opacity: 0;
  }

  /* line 81, ../../../files/sass/_global.scss */
  100% {
    opacity: 1;
    -webkit-opacity: 1;
    -ms-opacity: 1;
    -moz-opacity: 1;
    -o-opacity: 1;
  }
}

@-webkit-keyframes btn-label-init-anim {
  /* line 84, ../../../files/sass/_global.scss */
  0% {
    opacity: 0;
    -webkit-opacity: 0;
    -ms-opacity: 0;
    -moz-opacity: 0;
    -o-opacity: 0;
  }

  /* line 85, ../../../files/sass/_global.scss */
  80% {
    opacity: 0;
    -webkit-opacity: 0;
    -ms-opacity: 0;
    -moz-opacity: 0;
    -o-opacity: 0;
  }

  /* line 86, ../../../files/sass/_global.scss */
  100% {
    opacity: 1;
    -webkit-opacity: 1;
    -ms-opacity: 1;
    -moz-opacity: 1;
    -o-opacity: 1;
  }
}

/* line 90, ../../../files/sass/_global.scss */
.btn {
  cursor: pointer;
}
/* line 93, ../../../files/sass/_global.scss */
.btn.disabled {
  cursor: default;
  opacity: 0.6;
  -webkit-opacity: 0.6;
  -ms-opacity: 0.6;
  -moz-opacity: 0.6;
  -o-opacity: 0.6;
}

/* line 99, ../../../files/sass/_global.scss */
.btn-label {
  position: absolute;
  text-align: center;
}

/* line 105, ../../../files/sass/_global.scss */
.large-button {
  width: 166px;
  height: 61px;
  padding: 0 5px 0 0;
  background: url(../images/shared/button_large_sprite.png) 0 0 no-repeat;
  color: white;
}
/* line 112, ../../../files/sass/_global.scss */
.large-button .btn-label {
  width: 155px;
}
/* line 116, ../../../files/sass/_global.scss */
.large-button.init-anim {
  background: url(../images/shared/btn_large_animate.png) 0 0 no-repeat;
  animation: btn-init-anim 0.9s steps(16) normal;
  -webkit-animation: btn-init-anim 0.9s steps(16) normal;
}
/* line 121, ../../../files/sass/_global.scss */
.large-button.init-anim .btn-label {
  animation: btn-label-init-anim .9s ease-out forwards;
  -webkit-animation: btn-label-init-anim .9s ease-out forwards;
}
/* line 127, ../../../files/sass/_global.scss */
.no-touch .large-button:hover {
  background-position: 0 -65px;
}
/* line 130, ../../../files/sass/_global.scss */
.no-touch .large-button:hover .btn-label {
  color: #d13726;
}

/* line 136, ../../../files/sass/_global.scss */
.short-button {
  width: 90px;
  height: 61px;
  padding: 0 5px 0 0;
  background: url(../images/shared/button_short_sprite.png) 0 0 no-repeat;
  color: white;
}
/* line 143, ../../../files/sass/_global.scss */
.short-button .btn-label {
  width: 95px;
}
/* line 147, ../../../files/sass/_global.scss */
.short-button.init-anim {
  background: url(../images/shared/btn_short_animate.png) 0 0 no-repeat;
  animation: short-btn-init-anim 0.9s steps(16) normal;
  -webkit-animation: short-btn-init-anim 0.9s steps(16) normal;
}
/* line 152, ../../../files/sass/_global.scss */
.short-button.init-anim .btn-label, .short-button.init-anim .btn-icon {
  animation: btn-label-init-anim .9s ease-out forwards;
  -webkit-animation: btn-label-init-anim .9s ease-out forwards;
}
/* line 158, ../../../files/sass/_global.scss */
.no-touch .short-button:hover {
  background-position: 0 -63px;
}
/* line 161, ../../../files/sass/_global.scss */
.no-touch .short-button:hover .btn-label {
  color: #d13726;
}

/* line 167, ../../../files/sass/_global.scss */
.font-tungsten-medium {
  font-family: 'TungstenMedium', Arial, sans-serif;
  letter-spacing: 1px;
  line-height: 1em;
}

/* line 173, ../../../files/sass/_global.scss */
.font-tungsten-bold {
  font-family: 'Tungstenbold', Arial, sans-serif;
  letter-spacing: 2px;
  line-height: 1em;
}

/* line 179, ../../../files/sass/_global.scss */
html, body {
  background: #000000;
  color: #ffffff;
  width: 100%;
  height: 100%;
  min-height: 650px;
  user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  font-family: 'TungstenMedium', Arial, sans-serif;
  letter-spacing: 1px;
  line-height: 1em;
}

/* line 191, ../../../files/sass/_global.scss */
#wrapper {
  position: relative;
  min-width: 1260px;
  /*max-width: $content-max-width;*/
  min-height: 650px;
  /*max-height: $content-max-height;*/
  width: 100%;
  height: 100%;
  overflow: hidden;
  /*top: 50%;
  margin: -450px auto 0 auto;*/
  margin: 0 auto;
}

/* line 205, ../../../files/sass/_global.scss */
#content {
  position: relative;
  /*width: $content-min-width;
  min-height: $content-min-height;
  max-height: $content-max-height;*/
  width: 100%;
  height: 100%;
  margin: 0 auto;
  min-height: 650px;
}

/* line 216, ../../../files/sass/_global.scss */
#contentContainer {
  /*min-width: $content-min-width;
  max-width: $content-max-width;*/
  width: 100%;
  height: 100%;
  /*max-height: 900px;
  min-height: $content-min-height;*/
  position: relative;
  overflow: hidden;
  /*margin: 0 auto;*/
}

@keyframes site-background-slide-out-up {
  /* line 229, ../../../files/sass/_global.scss */
  from {
    margin-top: 0;
  }

  /*to { margin-top: -$content-max-height; }*/
  /* line 231, ../../../files/sass/_global.scss */
  to {
    margin-top: -100%;
  }
}

@-webkit-keyframes site-background-slide-out-up {
  /* line 234, ../../../files/sass/_global.scss */
  from {
    margin-top: 0;
  }

  /*to { margin-top: -$content-max-height; }*/
  /* line 236, ../../../files/sass/_global.scss */
  to {
    margin-top: -100%;
  }
}

@keyframes site-background-slide-in-up {
  /*from { margin-top: $content-max-height; }*/
  /* line 241, ../../../files/sass/_global.scss */
  from {
    margin-top: 100%;
  }

  /* line 242, ../../../files/sass/_global.scss */
  to {
    margin-top: 0;
  }
}

@-webkit-keyframes site-background-slide-in-up {
  /*from { margin-top: $content-max-height; }*/
  /* line 246, ../../../files/sass/_global.scss */
  from {
    margin-top: 100%;
  }

  /* line 247, ../../../files/sass/_global.scss */
  to {
    margin-top: 0;
  }
}

@keyframes site-background-slide-out-down {
  /* line 251, ../../../files/sass/_global.scss */
  from {
    margin-top: 0;
  }

  /*to { margin-top: $content-max-height; }*/
  /* line 253, ../../../files/sass/_global.scss */
  to {
    margin-top: 100%;
  }
}

@-webkit-keyframes site-background-slide-out-down {
  /* line 256, ../../../files/sass/_global.scss */
  from {
    margin-top: 0;
  }

  /*to { margin-top: $content-max-height; }*/
  /* line 258, ../../../files/sass/_global.scss */
  to {
    margin-top: 100%;
  }
}

@keyframes site-background-slide-in-down {
  /*from { margin-top: -$content-max-height; }*/
  /* line 263, ../../../files/sass/_global.scss */
  from {
    margin-top: -100%;
  }

  /* line 264, ../../../files/sass/_global.scss */
  to {
    margin-top: 0;
  }
}

@-webkit-keyframes site-background-slide-in-down {
  /*from { margin-top: -$content-max-height; }*/
  /* line 268, ../../../files/sass/_global.scss */
  from {
    margin-top: -100%;
  }

  /* line 269, ../../../files/sass/_global.scss */
  to {
    margin-top: 0;
  }
}

@keyframes site-background-slide-out-left {
  /* line 273, ../../../files/sass/_global.scss */
  from {
    margin-left: 0;
  }

  /*to { margin-left: -$content-max-width; }*/
  /* line 275, ../../../files/sass/_global.scss */
  to {
    margin-left: -100%;
  }
}

@-webkit-keyframes site-background-slide-out-left {
  /* line 278, ../../../files/sass/_global.scss */
  from {
    margin-left: 0;
  }

  /*to { margin-left: -$content-max-width; }*/
  /* line 280, ../../../files/sass/_global.scss */
  to {
    margin-left: -100%;
  }
}

@keyframes site-background-slide-in-left {
  /*from { margin-left: $content-max-width; }*/
  /* line 285, ../../../files/sass/_global.scss */
  from {
    margin-left: 100%;
  }

  /* line 286, ../../../files/sass/_global.scss */
  to {
    margin-left: 0;
  }
}

@-webkit-keyframes site-background-slide-in-left {
  /*from { margin-left: $content-max-width; }*/
  /* line 290, ../../../files/sass/_global.scss */
  from {
    margin-left: 100%;
  }

  /* line 291, ../../../files/sass/_global.scss */
  to {
    margin-left: 0;
  }
}

@keyframes site-background-slide-out-right {
  /* line 295, ../../../files/sass/_global.scss */
  from {
    margin-left: 0;
  }

  /*to { margin-left: $content-max-width; }*/
  /* line 297, ../../../files/sass/_global.scss */
  to {
    margin-left: 100%;
  }
}

@-webkit-keyframes site-background-slide-out-right {
  /* line 300, ../../../files/sass/_global.scss */
  from {
    margin-left: 0;
  }

  /*to { margin-left: $content-max-width; }*/
  /* line 302, ../../../files/sass/_global.scss */
  to {
    margin-left: 100%;
  }
}

@keyframes site-background-slide-in-right {
  /*from { margin-left: -$content-max-width; }*/
  /* line 307, ../../../files/sass/_global.scss */
  from {
    margin-left: -100%;
  }

  /* line 308, ../../../files/sass/_global.scss */
  to {
    margin-left: 0;
  }
}

@-webkit-keyframes site-background-slide-in-right {
  /*from { margin-left: -$content-max-width; }*/
  /* line 312, ../../../files/sass/_global.scss */
  from {
    margin-left: -100%;
  }

  /* line 313, ../../../files/sass/_global.scss */
  to {
    margin-left: 0;
  }
}

@keyframes clouds-animation {
  /* line 317, ../../../files/sass/_global.scss */
  from {
    margin-left: 0%;
  }

  /* line 318, ../../../files/sass/_global.scss */
  to {
    margin-left: 200%;
  }
}

@-webkit-keyframes clouds-animation {
  /* line 321, ../../../files/sass/_global.scss */
  from {
    margin-left: 0%;
  }

  /* line 322, ../../../files/sass/_global.scss */
  to {
    margin-left: 200%;
  }
}

/* line 326, ../../../files/sass/_global.scss */
.slide-out-up {
  animation: site-background-slide-out-up 0.5s ease-out 0s forwards;
  -webkit-animation: site-background-slide-out-up 0.5s ease-out 0s forwards;
}

/* line 330, ../../../files/sass/_global.scss */
.slide-in-up {
  animation: site-background-slide-in-up 0.5s ease-out 0s forwards;
  -webkit-animation: site-background-slide-in-up 0.5s ease-out 0s forwards;
}

/* line 335, ../../../files/sass/_global.scss */
.slide-out-down {
  animation: site-background-slide-out-down 0.5s ease-out 0s forwards;
  -webkit-animation: site-background-slide-out-down 0.5s ease-out 0s forwards;
}

/* line 339, ../../../files/sass/_global.scss */
.slide-in-down {
  animation: site-background-slide-in-down 0.5s ease-out 0s forwards;
  -webkit-animation: site-background-slide-in-down 0.5s ease-out 0s forwards;
}

/* line 344, ../../../files/sass/_global.scss */
.slide-out-left {
  animation: site-background-slide-out-left 0.5s ease-out 0s forwards;
  -webkit-animation: site-background-slide-out-left 0.5s ease-out 0s forwards;
}

/* line 348, ../../../files/sass/_global.scss */
.slide-in-left {
  animation: site-background-slide-in-left 0.5s ease-out 0s forwards;
  -webkit-animation: site-background-slide-in-left 0.5s ease-out 0s forwards;
}

/* line 353, ../../../files/sass/_global.scss */
.slide-out-right {
  animation: site-background-slide-out-right 0.5s ease-out 0s forwards;
  -webkit-animation: site-background-slide-out-right 0.5s ease-out 0s forwards;
}

/* line 357, ../../../files/sass/_global.scss */
.slide-in-right {
  animation: site-background-slide-in-right 0.5s ease-out 0s forwards;
  -webkit-animation: site-background-slide-in-right 0.5s ease-out 0s forwards;
}

/* line 362, ../../../files/sass/_global.scss */
#siteBackgrounds {
  position: absolute;
  top: 0;
  /*left: $content-left;*/
  left: 0;
  width: 1600px;
  height: 900px;
  overflow: hidden;
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -o-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000;
}
/* line 374, ../../../files/sass/_global.scss */
#siteBackgrounds .site-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* line 383, ../../../files/sass/_global.scss */
#siteBackgrounds .start {
  /*background: url(../images/landing/landing_bg_image_v2.jpg) 0 0 no-repeat;*/
}
/* line 387, ../../../files/sass/_global.scss */
#siteBackgrounds .game {
  /*background: url(../images/map/map.jpg) 0 0 no-repeat;*/
}
/* line 391, ../../../files/sass/_global.scss */
#siteBackgrounds .game-cloud {
  position: absolute;
  top: 0;
  left: -3200px;
  width: 6400px;
  height: 900px;
  /* @include vendor-prefix(transition, "left 10s"); */
}
/* line 400, ../../../files/sass/_global.scss */
#siteBackgrounds .game-cloud.animate {
  animation: clouds-animation 64s linear 0s infinite;
  -webkit-animation: clouds-animation 64s linear 0s infinite;
}
/* line 405, ../../../files/sass/_global.scss */
#siteBackgrounds .game-cloud .cloud {
  position: relative;
  width: 3200px;
  height: 900px;
  float: left;
}

/* line 468, ../../../files/sass/_global.scss */
#overlayBackground {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9;
}
/* line 478, ../../../files/sass/_global.scss */
#overlayBackground .background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000000;
  opacity: 0.7;
  -webkit-opacity: 0.7;
  -ms-opacity: 0.7;
  -moz-opacity: 0.7;
  -o-opacity: 0.7;
}
/* line 488, ../../../files/sass/_global.scss */
#overlayBackground .background-texture {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -800px;
  width: 1600px;
  height: 900px;
  background: url(../images/shared/overlay_bg.png) 0 0 no-repeat;
  display: none;
}

/* line 500, ../../../files/sass/_global.scss */
.content-view {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* line 511, ../../../files/sass/_global.scss */
.hidden-text {
  position: relative;
}
/* line 514, ../../../files/sass/_global.scss */
.hidden-text .pop-up-six {
  max-width: 325px;
}

/* line 520, ../../../files/sass/_global.scss */
.lt-ie9 .content-view, .lt-ie9 #preloadContainer, .lt-ie9 .hidden-text {
  display: none !important;
}
/* line 523, ../../../files/sass/_global.scss */
.lt-ie9 #notSupportedView {
  display: block !important;
  z-index: 5;
}

/* line 529, ../../../files/sass/_global.scss */
#notSupportedView {
  display: none;
}
/* line 531, ../../../files/sass/_global.scss */
#notSupportedView .content-mask {
  position: absolute;
  top: 110px;
  left: 367px;
  width: 865px;
  height: 484px;
  overflow: hidden;
}
/* line 539, ../../../files/sass/_global.scss */
#notSupportedView .content {
  position: absolute;
  top: 0;
  left: 0;
  width: 865px;
  height: 484px;
  background: url(../images/landing/landing_bg_info.png) 0 0 no-repeat;
  text-align: center;
}
/* line 547, ../../../files/sass/_global.scss */
#notSupportedView .content .header {
  color: #e1301f;
  padding: 40px;
  margin-top: 45px;
}
/* line 552, ../../../files/sass/_global.scss */
#notSupportedView .content .upgrade-text {
  color: white;
  line-height: 1.4em;
  margin-top: 45px;
}

/* line 561, ../../../files/sass/_global.scss */
#warningLandscape {
  position: absolute;
  top: 57px;
  left: 50%;
  max-width: 500px;
  margin: 0 auto;
  padding: 10px;
  background: rgba(0, 0, 0, 0.6);
  z-index: 25;
  display: none;
}

@keyframes resource-white-icon-animate-in {
  /* line 2, ../../../files/sass/_resource.scss */
  from {
    transform: scale3d(1.2, 1.2, 1.2);
    -webkit-transform: scale3d(1.2, 1.2, 1.2);
    -ms-transform: scale3d(1.2, 1.2, 1.2);
    -moz-transform: scale3d(1.2, 1.2, 1.2);
    -o-transform: scale3d(1.2, 1.2, 1.2);
    opacity: 0.5;
    -webkit-opacity: 0.5;
    -ms-opacity: 0.5;
    -moz-opacity: 0.5;
    -o-opacity: 0.5;
  }

  /* line 3, ../../../files/sass/_resource.scss */
  to {
    transform: scale3d(1, 1, 1);
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    -o-transform: scale3d(1, 1, 1);
    opacity: 0;
    -webkit-opacity: 0;
    -ms-opacity: 0;
    -moz-opacity: 0;
    -o-opacity: 0;
  }
}

@-webkit-keyframes resource-white-icon-animate-in {
  /* line 6, ../../../files/sass/_resource.scss */
  from {
    transform: scale3d(1.2, 1.2, 1.2);
    -webkit-transform: scale3d(1.2, 1.2, 1.2);
    -ms-transform: scale3d(1.2, 1.2, 1.2);
    -moz-transform: scale3d(1.2, 1.2, 1.2);
    -o-transform: scale3d(1.2, 1.2, 1.2);
    opacity: 0.5;
    -webkit-opacity: 0.5;
    -ms-opacity: 0.5;
    -moz-opacity: 0.5;
    -o-opacity: 0.5;
  }

  /* line 7, ../../../files/sass/_resource.scss */
  to {
    transform: scale3d(1, 1, 1);
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    -o-transform: scale3d(1, 1, 1);
    opacity: 0;
    -webkit-opacity: 0;
    -ms-opacity: 0;
    -moz-opacity: 0;
    -o-opacity: 0;
  }
}

@keyframes resource-icon-animate-in {
  /* line 11, ../../../files/sass/_resource.scss */
  from {
    transform: scale3d(1.2, 1.2, 1.2);
    -webkit-transform: scale3d(1.2, 1.2, 1.2);
    -ms-transform: scale3d(1.2, 1.2, 1.2);
    -moz-transform: scale3d(1.2, 1.2, 1.2);
    -o-transform: scale3d(1.2, 1.2, 1.2);
    opacity: 1;
    -webkit-opacity: 1;
    -ms-opacity: 1;
    -moz-opacity: 1;
    -o-opacity: 1;
  }

  /* line 12, ../../../files/sass/_resource.scss */
  to {
    transform: scale3d(1, 1, 1);
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    -o-transform: scale3d(1, 1, 1);
    opacity: 1;
    -webkit-opacity: 1;
    -ms-opacity: 1;
    -moz-opacity: 1;
    -o-opacity: 1;
  }
}

@-webkit-keyframes resource-icon-animate-in {
  /* line 15, ../../../files/sass/_resource.scss */
  from {
    transform: scale3d(1.2, 1.2, 1.2);
    -webkit-transform: scale3d(1.2, 1.2, 1.2);
    -ms-transform: scale3d(1.2, 1.2, 1.2);
    -moz-transform: scale3d(1.2, 1.2, 1.2);
    -o-transform: scale3d(1.2, 1.2, 1.2);
    opacity: 1;
    -webkit-opacity: 1;
    -ms-opacity: 1;
    -moz-opacity: 1;
    -o-opacity: 1;
  }

  /* line 16, ../../../files/sass/_resource.scss */
  to {
    transform: scale3d(1, 1, 1);
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    -o-transform: scale3d(1, 1, 1);
    opacity: 1;
    -webkit-opacity: 1;
    -ms-opacity: 1;
    -moz-opacity: 1;
    -o-opacity: 1;
  }
}

@keyframes resource-icon-bg {
  /* line 20, ../../../files/sass/_resource.scss */
  from {
    height: 0;
  }

  /* line 21, ../../../files/sass/_resource.scss */
  to {
    height: 65px;
  }
}

@-webkit-keyframes resource-icon-bg {
  /* line 24, ../../../files/sass/_resource.scss */
  from {
    height: 0;
  }

  /* line 25, ../../../files/sass/_resource.scss */
  to {
    height: 65px;
  }
}

/* line 28, ../../../files/sass/_resource.scss */
.resource-icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 30px;
}
/* line 35, ../../../files/sass/_resource.scss */
.resource-icon.resource-ground-force {
  background: #3e9045;
}
/* line 39, ../../../files/sass/_resource.scss */
.resource-icon.resource-armored-vehicle {
  background: #aea83c;
}
/* line 43, ../../../files/sass/_resource.scss */
.resource-icon.resource-trauma-unit {
  background: #2f9da9;
}
/* line 47, ../../../files/sass/_resource.scss */
.resource-icon.resource-city-engineer {
  background: #bf6927;
}

/* line 53, ../../../files/sass/_resource.scss */
.resource-number.available {
  color: white;
}
/* line 57, ../../../files/sass/_resource.scss */
.resource-number.in-transit {
  color: gray;
}
/* line 61, ../../../files/sass/_resource.scss */
.resource-number.deployed {
  color: #d23627;
}

/* line 66, ../../../files/sass/_resource.scss */
.resources-tracker {
  position: absolute;
  /*top: 520px;*/
  right: 0px;
  width: 295px;
  min-height: 121px;
}
/* line 73, ../../../files/sass/_resource.scss */
.resources-tracker .header {
  position: absolute;
  top: -40px;
  right: 0;
  width: 385px;
  height: 24px;
  background: url(../images/shared/resource_header_bg.png) 0 0 no-repeat;
}
/* line 81, ../../../files/sass/_resource.scss */
.resources-tracker .header .header-text {
  position: relative;
  width: 375px;
  padding: 3px 0px 0 0;
  text-align: right;
  color: white;
}
/* line 90, ../../../files/sass/_resource.scss */
.resources-tracker .header .header-text-info {
  position: absolute;
  width: 375px;
  top: 0;
  right: 10px;
  text-align: right;
}
/* line 97, ../../../files/sass/_resource.scss */
.resources-tracker .header .header-text-info.ground-force {
  color: #3e9045;
}
/* line 101, ../../../files/sass/_resource.scss */
.resources-tracker .header .header-text-info.armored-vehicle {
  color: #aea83c;
}
/* line 105, ../../../files/sass/_resource.scss */
.resources-tracker .header .header-text-info.trauma-unit {
  color: #2f9da9;
}
/* line 109, ../../../files/sass/_resource.scss */
.resources-tracker .header .header-text-info.city-engineer {
  color: #bf6927;
}
/* line 115, ../../../files/sass/_resource.scss */
.resources-tracker .resource-info-container {
  position: absolute;
  top: -110px;
  right: 10px;
  width: 147px;
  height: 60px;
}
/* line 122, ../../../files/sass/_resource.scss */
.resources-tracker .resource-info-container .resource-info {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../images/landing/landing_sprite.png) -300px -65px no-repeat;
}
/* line 130, ../../../files/sass/_resource.scss */
.resources-tracker .resource-info-container .resource-info.armored-vehicle {
  background-position: -2px -65px;
}
/* line 134, ../../../files/sass/_resource.scss */
.resources-tracker .resource-info-container .resource-info.trauma-unit {
  background-position: -151px -65px;
}
/* line 138, ../../../files/sass/_resource.scss */
.resources-tracker .resource-info-container .resource-info.city-engineer {
  background-position: -317px -2px;
}
/* line 144, ../../../files/sass/_resource.scss */
.resources-tracker .background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* line 151, ../../../files/sass/_resource.scss */
.resources-tracker .background .column-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 49px;
  height: 65px;
  background: #000000;
  opacity: 0.5;
  -webkit-opacity: 0.5;
  -ms-opacity: 0.5;
  -moz-opacity: 0.5;
  -o-opacity: 0.5;
}
/* line 161, ../../../files/sass/_resource.scss */
.resources-tracker .background .column-bg.column-one {
  top: 50px;
  left: 46px;
}
/* line 165, ../../../files/sass/_resource.scss */
.resources-tracker .background .column-bg.column-two {
  top: 50px;
  left: 108px;
}
/* line 169, ../../../files/sass/_resource.scss */
.resources-tracker .background .column-bg.column-three {
  top: 50px;
  left: 170px;
}
/* line 173, ../../../files/sass/_resource.scss */
.resources-tracker .background .column-bg.column-four {
  top: 50px;
  left: 232px;
}
/* line 178, ../../../files/sass/_resource.scss */
.resources-tracker .background .column-bg.animate-in {
  animation: resource-icon-bg 0.3s linear 0.1s forwards;
  -webkit-animation: resource-icon-bg 0.3s linear 0.1s forwards;
}
/* line 205, ../../../files/sass/_resource.scss */
.resources-tracker .label-icons {
  position: relative;
  top: 0;
  left: 40px;
  height: 66px;
  margin-bottom: 3px;
}
/* line 212, ../../../files/sass/_resource.scss */
.resources-tracker .label-icons .resource-icon {
  width: 61px;
  height: 66px;
}
/* line 216, ../../../files/sass/_resource.scss */
.resources-tracker .label-icons .resource-icon.out {
  opacity: 0;
  -webkit-opacity: 0;
  -ms-opacity: 0;
  -moz-opacity: 0;
  -o-opacity: 0;
}
/* line 220, ../../../files/sass/_resource.scss */
.resources-tracker .label-icons .resource-icon.animate-in {
  animation: resource-icon-animate-in 0.2s linear 0s forwards;
  -webkit-animation: resource-icon-animate-in 0.2s linear 0s forwards;
}
/* line 225, ../../../files/sass/_resource.scss */
.resources-tracker .label-icons .resource-icon.resource-ground-force {
  left: 0;
  background: url(../images/shared/sprite1.png) -307px -137px no-repeat;
}
/* line 231, ../../../files/sass/_resource.scss */
.resources-tracker .label-icons .resource-icon.resource-armored-vehicle {
  left: 62px;
  background: url(../images/shared/sprite1.png) -429px -137px no-repeat;
}
/* line 237, ../../../files/sass/_resource.scss */
.resources-tracker .label-icons .resource-icon.resource-trauma-unit {
  left: 124px;
  background: url(../images/shared/sprite1.png) -246px -137px no-repeat;
}
/* line 243, ../../../files/sass/_resource.scss */
.resources-tracker .label-icons .resource-icon.resource-city-engineer {
  left: 186px;
  background: url(../images/shared/sprite1.png) -368px -137px no-repeat;
}
/* line 249, ../../../files/sass/_resource.scss */
.resources-tracker .label-icons .resource-icon.icon-animate-in {
  background: url(../images/map/map_score_icon_animate_in.png) 0 0 no-repeat;
  opacity: 0.5;
  -webkit-opacity: 0.5;
  -ms-opacity: 0.5;
  -moz-opacity: 0.5;
  -o-opacity: 0.5;
}
/* line 253, ../../../files/sass/_resource.scss */
.resources-tracker .label-icons .resource-icon.icon-animate-in.animate-in {
  animation: resource-white-icon-animate-in 0.2s linear 0s forwards;
  -webkit-animation: resource-white-icon-animate-in 0.2s linear 0s forwards;
}
/* line 263, ../../../files/sass/_resource.scss */
.resources-tracker .resource-number {
  position: relative;
  float: left;
  height: 31px;
  width: 62px;
  /*margin-right: 10px;*/
  font-size: 25px;
}
/* line 271, ../../../files/sass/_resource.scss */
.resources-tracker .resource-number.icon {
  width: 40px;
}
/* line 276, ../../../files/sass/_resource.scss */
.resources-tracker .resource-available {
  position: relative;
  font-size: 18px;
  /*background: #333333;*/
  clear: both;
  height: 22px;
  padding: 2px 0 2px 0;
  margin-bottom: 5px;
  text-align: center;
}
/* line 286, ../../../files/sass/_resource.scss */
.resources-tracker .resource-available .resource-number {
  font-size: 35px;
}
/* line 289, ../../../files/sass/_resource.scss */
.resources-tracker .resource-available .resource-number.out {
  opacity: 0;
  -webkit-opacity: 0;
  -ms-opacity: 0;
  -moz-opacity: 0;
  -o-opacity: 0;
}
/* line 293, ../../../files/sass/_resource.scss */
.resources-tracker .resource-available .resource-number.animate-in {
  animation: fade-in 0.2s linear 0.2s forwards;
  -webkit-animation: fade-in 0.2s linear 0.2s forwards;
}
/* line 301, ../../../files/sass/_resource.scss */
.resources-tracker .resource-in-transit {
  position: relative;
  font-size: 14px;
  /*background: #333333;*/
  clear: both;
  height: 18px;
  padding: 2px 0 2px 0;
  margin-bottom: 5px;
  text-align: center;
}
/* line 311, ../../../files/sass/_resource.scss */
.resources-tracker .resource-in-transit .resource-number.icon {
  width: 15px;
  height: 12px;
  background: url(../images/shared/sprite1.png) -218px 0 no-repeat;
  margin: 0 12px 0 13px;
}
/* line 320, ../../../files/sass/_resource.scss */
.resources-tracker .resource-deployed {
  position: relative;
  font-size: 16px;
  /*background: #333333;*/
  clear: both;
  height: 20px;
  padding: 2px 0 2px 0;
  margin-bottom: 5px;
  text-align: center;
}
/* line 330, ../../../files/sass/_resource.scss */
.resources-tracker .resource-deployed .resource-number.icon {
  width: 14px;
  height: 14px;
  background: url(../images/shared/sprite1.png) -233px 0 no-repeat;
  margin: 0 13px 0 13px;
}
/* line 339, ../../../files/sass/_resource.scss */
.resources-tracker .resource-number-animation-container {
  position: absolute;
  top: -130px;
  left: 40px;
  font-size: 60px;
}
/* line 346, ../../../files/sass/_resource.scss */
.resources-tracker .resource-number-animation {
  position: absolute;
  top: 0;
  left: 0;
  width: 62px;
  text-align: center;
}
/* line 353, ../../../files/sass/_resource.scss */
.resources-tracker .resource-number-animation.plus {
  animation: resource-number-animation-plus 1s ease-out 0s forwards;
  -webkit-animation: resource-number-animation-plus 1s ease-out 0s forwards;
}
/* line 358, ../../../files/sass/_resource.scss */
.resources-tracker .resource-number-animation.ground-force {
  color: #3db248;
  left: 0;
}
/* line 363, ../../../files/sass/_resource.scss */
.resources-tracker .resource-number-animation.armored-vehicle {
  color: #ada931;
  left: 62px;
}
/* line 368, ../../../files/sass/_resource.scss */
.resources-tracker .resource-number-animation.trauma-unit {
  color: #2ca7b4;
  left: 124px;
}
/* line 373, ../../../files/sass/_resource.scss */
.resources-tracker .resource-number-animation.city-engineer {
  color: #cd701c;
  left: 186px;
}

@keyframes resource-number-animation-plus {
  /* line 381, ../../../files/sass/_resource.scss */
  0% {
    top: 0;
    opacity: 0;
    -webkit-opacity: 0;
    -ms-opacity: 0;
    -moz-opacity: 0;
    -o-opacity: 0;
    transform: scale3d(0, 0, 0);
    -webkit-transform: scale3d(0, 0, 0);
    -ms-transform: scale3d(0, 0, 0);
    -moz-transform: scale3d(0, 0, 0);
    -o-transform: scale3d(0, 0, 0);
  }

  /* line 386, ../../../files/sass/_resource.scss */
  20% {
    top: 0;
    opacity: 1;
    -webkit-opacity: 1;
    -ms-opacity: 1;
    -moz-opacity: 1;
    -o-opacity: 1;
    transform: scale3d(1.5, 1.5, 1.5);
    -webkit-transform: scale3d(1.5, 1.5, 1.5);
    -ms-transform: scale3d(1.5, 1.5, 1.5);
    -moz-transform: scale3d(1.5, 1.5, 1.5);
    -o-transform: scale3d(1.5, 1.5, 1.5);
  }

  /* line 391, ../../../files/sass/_resource.scss */
  40% {
    top: 0;
    opacity: 1;
    -webkit-opacity: 1;
    -ms-opacity: 1;
    -moz-opacity: 1;
    -o-opacity: 1;
    transform: scale3d(1, 1, 1);
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    -o-transform: scale3d(1, 1, 1);
  }

  /* line 396, ../../../files/sass/_resource.scss */
  60% {
    top: 0;
    opacity: 1;
    -webkit-opacity: 1;
    -ms-opacity: 1;
    -moz-opacity: 1;
    -o-opacity: 1;
  }

  /* line 400, ../../../files/sass/_resource.scss */
  80% {
    top: -15px;
    opacity: 1;
    -webkit-opacity: 1;
    -ms-opacity: 1;
    -moz-opacity: 1;
    -o-opacity: 1;
  }

  /* line 404, ../../../files/sass/_resource.scss */
  100% {
    top: 40px;
    opacity: 0;
    -webkit-opacity: 0;
    -ms-opacity: 0;
    -moz-opacity: 0;
    -o-opacity: 0;
  }
}

@-webkit-keyframes resource-number-animation-plus {
  /* line 410, ../../../files/sass/_resource.scss */
  0% {
    top: 0;
    opacity: 0;
    -webkit-opacity: 0;
    -ms-opacity: 0;
    -moz-opacity: 0;
    -o-opacity: 0;
    transform: scale3d(0, 0, 0);
    -webkit-transform: scale3d(0, 0, 0);
    -ms-transform: scale3d(0, 0, 0);
    -moz-transform: scale3d(0, 0, 0);
    -o-transform: scale3d(0, 0, 0);
  }

  /* line 415, ../../../files/sass/_resource.scss */
  20% {
    top: 0;
    opacity: 1;
    -webkit-opacity: 1;
    -ms-opacity: 1;
    -moz-opacity: 1;
    -o-opacity: 1;
    transform: scale3d(1.5, 1.5, 1.5);
    -webkit-transform: scale3d(1.5, 1.5, 1.5);
    -ms-transform: scale3d(1.5, 1.5, 1.5);
    -moz-transform: scale3d(1.5, 1.5, 1.5);
    -o-transform: scale3d(1.5, 1.5, 1.5);
  }

  /* line 420, ../../../files/sass/_resource.scss */
  40% {
    top: 0;
    opacity: 1;
    -webkit-opacity: 1;
    -ms-opacity: 1;
    -moz-opacity: 1;
    -o-opacity: 1;
    transform: scale3d(1, 1, 1);
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    -o-transform: scale3d(1, 1, 1);
  }

  /* line 425, ../../../files/sass/_resource.scss */
  60% {
    top: 0;
    opacity: 1;
    -webkit-opacity: 1;
    -ms-opacity: 1;
    -moz-opacity: 1;
    -o-opacity: 1;
  }

  /* line 429, ../../../files/sass/_resource.scss */
  80% {
    top: -15px;
    opacity: 1;
    -webkit-opacity: 1;
    -ms-opacity: 1;
    -moz-opacity: 1;
    -o-opacity: 1;
  }

  /* line 433, ../../../files/sass/_resource.scss */
  100% {
    top: 40px;
    opacity: 0;
    -webkit-opacity: 0;
    -ms-opacity: 0;
    -moz-opacity: 0;
    -o-opacity: 0;
  }
}

/* line 439, ../../../files/sass/_resource.scss */
#resourceViewContainer {
  position: absolute;
  bottom: 45px;
  right: 0px;
  z-index: 5;
}

/* line 1, ../../../files/sass/_header.scss */
#header {
  position: absolute;
  top: -56px;
  left: 0;
  width: 100%;
  height: 56px;
  background: url(../images/shared/header_menubar.png) 0 0 repeat-x;
  z-index: 11;
  transition: top 0.5s;
  -webkit-transition: top 0.5s;
  -ms-transition: top 0.5s;
  -moz-transition: top 0.5s;
  -o-transition: top 0.5s;
}
/* line 11, ../../../files/sass/_header.scss */
#header.out {
  top: -56px;
}
/* line 15, ../../../files/sass/_header.scss */
#header.animate-in {
  top: 0;
}
/* line 19, ../../../files/sass/_header.scss */
#header .content {
  position: relative;
  max-width: 1600px;
}
/* line 24, ../../../files/sass/_header.scss */
#header .left-aligned {
  position: absolute;
  top: 0;
  left: 0;
  /*width: 200px;*/
  height: 100%;
}
/* line 32, ../../../files/sass/_header.scss */
#header .right-aligned {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
}
/* line 39, ../../../files/sass/_header.scss */
#header .title-symbol {
  position: relative;
  float: left;
  width: 16px;
  height: 41px;
  margin: 7px 0 0 15px;
  /*background: url(../images/shared/header_goji_symbol.png) 0 0 no-repeat;*/
}
/* line 48, ../../../files/sass/_header.scss */
#header .title {
  position: relative;
  float: left;
  /*width: 200px;
  height: 100%;*/
  margin: 12px 0 0 15px;
}
/* line 56, ../../../files/sass/_header.scss */
#header .score {
  position: absolute;
  top: 0;
  left: 800px;
  width: 100px;
  height: 100%;
}
/* line 63, ../../../files/sass/_header.scss */
#header .score .score-label {
  position: absolute;
  top: 5px;
  left: 0;
  width: 100%;
}
/* line 70, ../../../files/sass/_header.scss */
#header .score .score-meter {
  position: absolute;
  top: 20px;
  height: 20px;
  width: 100%;
}
/* line 78, ../../../files/sass/_header.scss */
#header .help-button {
  position: relative;
  float: right;
  margin: 10px 10px 0 0;
  /*top: 10px;
  right: 10px;*/
  width: 47px;
  height: 37px;
  background: url(../images/shared/button_small_sprite.png) 0 0 no-repeat;
}
/* line 88, ../../../files/sass/_header.scss */
#header .help-button.hidden {
  top: -999px;
}
/* line 92, ../../../files/sass/_header.scss */
#header .help-button .btn-label {
  position: absolute;
  top: 13px;
  left: 14px;
  width: 16px;
  height: 10px;
  background: url(../images/shared/sprite1.png) -265px -46px no-repeat;
}
/* line 102, ../../../files/sass/_header.scss */
#header .help-button .btn-label.close {
  top: 11px;
  height: 14px;
  background: url(../images/shared/sprite1.png) -416px -71px no-repeat;
}
/* line 109, ../../../files/sass/_header.scss */
.no-touch #header .help-button:hover {
  background-position: 0 -43px;
}
/* line 112, ../../../files/sass/_header.scss */
.no-touch #header .help-button:hover .btn-label {
  background-position: -265px -61px;
}
/* line 117, ../../../files/sass/_header.scss */
.no-touch #header .help-button:hover .btn-label.close {
  background-position: -416px -86px;
}
/* line 124, ../../../files/sass/_header.scss */
#header .divider:nth-child(1) {
  margin-right: 20px;
}
/* line 128, ../../../files/sass/_header.scss */
#header .divider:nth-child(2) {
  margin-right: 10px;
}
/* line 133, ../../../files/sass/_header.scss */
#header .destruction {
  float: right;
  margin: 16px 20px 0 0;
}

/* line 143, ../../../files/sass/_header.scss */
.divider {
  position: relative;
  float: right;
  /*top: 0;
  right: 0;*/
  width: 1px;
  height: 55px;
  background: url(../images/shared/divider.png) 0 0 no-repeat;
}
/* line 152, ../../../files/sass/_header.scss */
.divider.divider-one {
  margin-right: 20px;
}
/* line 156, ../../../files/sass/_header.scss */
.divider.divider-two {
  margin-right: 10px;
}

/* line 161, ../../../files/sass/_header.scss */
.destruction {
  position: relative;
  /*top: 0px;*/
  /*width: 335px;*/
  height: 22px;
}
/* line 167, ../../../files/sass/_header.scss */
.destruction .destruction-label {
  position: relative;
  /*top: 0px;
  right: 243px;*/
  text-align: right;
  /*width: 100%;*/
  float: right;
  color: #7a7a7a;
  margin: 0 -8px 0 0;
}
/* line 178, ../../../files/sass/_header.scss */
.destruction .destruction-icon {
  position: relative;
  /*top: 0;
  right: 205px;*/
  margin: 0 0 0 0;
  width: 40px;
  height: 22px;
  background: url(../images/shared/sprite1.png) -312px 0 no-repeat;
  float: right;
}
/* line 190, ../../../files/sass/_header.scss */
.destruction .destruction-meter-container {
  position: relative;
  /*top: 0;
  right: 0;*/
  height: 15px;
  width: 200px;
  border: 1px solid rgba(209, 55, 38, 0.1);
  background: #2e2e2e;
  float: right;
  margin: 3px 0 0 0;
}
/* line 202, ../../../files/sass/_header.scss */
.destruction .destruction-meter {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /*background: #990000;*/
}

/* line 1, ../../../files/sass/_footer.scss */
#footer {
  position: absolute;
  /*top: 861px;*/
  bottom: 0px;
  left: 0;
  width: 100%;
  height: 39px;
  z-index: 11;
}
/* line 10, ../../../files/sass/_footer.scss */
#footer .content {
  position: absolute;
  /*top: 39px;*/
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../images/shared/footer_menubar.png) 0 0 repeat-x;
  transition: top 0.5s;
  -webkit-transition: top 0.5s;
  -ms-transition: top 0.5s;
  -moz-transition: top 0.5s;
  -o-transition: top 0.5s;
}
/* line 21, ../../../files/sass/_footer.scss */
#footer .content.animate-in {
  top: 0px;
}
/* line 27, ../../../files/sass/_footer.scss */
#footer .left-aligned {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}
/* line 34, ../../../files/sass/_footer.scss */
#footer .right-aligned {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
}
/* line 41, ../../../files/sass/_footer.scss */
#footer .tt-small {
  position: relative;
  float: left;
  width: 92px;
  height: 28px;
  margin: 5px 0 0 20px;
  /*background: url(../images/shared/footer_tt_small.png) 0 0 no-repeat;*/
}
/* line 50, ../../../files/sass/_footer.scss */
#footer .in-theaters {
  position: relative;
  float: left;
  margin: 13px 0 0 20px;
  color: #bebdba;
}
/* line 56, ../../../files/sass/_footer.scss */
#footer .in-theaters .in-theaters-red {
  color: #d13726;
}
/* line 61, ../../../files/sass/_footer.scss */
#footer .divider {
  height: 39px;
}
/* line 65, ../../../files/sass/_footer.scss */
#footer .footer-label {
  color: #7a7a7a;
}
/* line 68, ../../../files/sass/_footer.scss */
.no-touch #footer .footer-label:hover {
  color: #bebdba;
}
/* line 73, ../../../files/sass/_footer.scss */
#footer .footer-label-link {
  text-decoration: none;
  color: #7a7a7a;
}
/* line 77, ../../../files/sass/_footer.scss */
.no-touch #footer .footer-label-link:hover {
  color: #bebdba;
}
/* line 82, ../../../files/sass/_footer.scss */
#footer .footer-menu-arrow {
  position: relative;
  width: 5px;
  height: 3px;
  margin: 7px auto 3px auto;
  background: url(../images/shared/sprite1.png) 0 0 no-repeat;
}
/* line 91, ../../../files/sass/_footer.scss */
#footer .legal {
  position: relative;
  float: right;
  margin: 0 30px 0 30px;
}
/* line 96, ../../../files/sass/_footer.scss */
#footer .legal.active .footer-label {
  color: #bebdba;
}
/* line 102, ../../../files/sass/_footer.scss */
#footer .legal-info {
  position: absolute;
  width: 100%;
  height: 220px;
  background: url(../images/shared/legal_bg.png) 0 0 repeat;
  left: 0px;
  top: 40px;
  color: #000;
}
/* line 113, ../../../files/sass/_footer.scss */
#footer .legal-info .credits {
  width: 920px;
  height: 148px;
  margin: 10px auto 0px;
}
/* line 120, ../../../files/sass/_footer.scss */
#footer .legal-info .legal-close {
  width: 47px;
  height: 37px;
  background: url(../images/shared/button_small_sprite.png) 0 0 no-repeat;
  position: absolute;
  top: 18px;
  right: 22px;
}
/* line 127, ../../../files/sass/_footer.scss */
#footer .legal-info .legal-close .close {
  top: 11px;
  left: 14px;
  position: absolute;
  width: 14px;
  height: 14px;
  background: url(../images/shared/menu_close_icon_sprite.png) 0 0 no-repeat;
}
/* line 135, ../../../files/sass/_footer.scss */
#footer .legal-info .legal-close:hover {
  background-position: 0 -43px;
}
/* line 137, ../../../files/sass/_footer.scss */
#footer .legal-info .legal-close:hover .close {
  background-position: 0 -15px;
}
/* line 144, ../../../files/sass/_footer.scss */
#footer .legal-links {
  position: relative;
  margin: 10px auto 0 auto;
  min-height: 18px;
}
/* line 149, ../../../files/sass/_footer.scss */
#footer .legal-links .legal-link {
  position: relative;
  float: left;
  text-decoration: none;
  color: #7a7a7a;
  margin: 0 30px 0 0;
}
/* line 156, ../../../files/sass/_footer.scss */
#footer .legal-links .legal-link.last {
  margin: 0;
}
/* line 160, ../../../files/sass/_footer.scss */
#footer .legal-links .legal-link:hover {
  color: #fefefe;
}
/* line 167, ../../../files/sass/_footer.scss */
#footer .copyright {
  position: relative;
  margin: 10px auto 0 auto;
  clear: both;
  text-align: center;
  color: #7a7a7a;
}
/* line 175, ../../../files/sass/_footer.scss */
#footer .share {
  position: relative;
  float: right;
  margin: 0 30px 0 30px;
}
/* line 180, ../../../files/sass/_footer.scss */
#footer .share.active .footer-label {
  color: #bebdba;
}
/* line 186, ../../../files/sass/_footer.scss */
#footer .share-links {
  display: none;
  position: absolute;
  width: 90px;
  height: 289px;
  background: url(../images/shared/footer_share_bg.png) 0 0 no-repeat;
  left: 241px;
  top: 0px;
}
/* line 196, ../../../files/sass/_footer.scss */
#footer .share-links .share-icons {
  background: url(../images/shared/share_icons.png) 0 0 no-repeat;
  width: 90px;
  height: 70px;
  position: absolute;
  top: 70px;
  left: 0px;
}
/* line 203, ../../../files/sass/_footer.scss */
#footer .share-links .share-icons:hover, #footer .share-links .share-icons.active {
  background-position: -89px 0;
}
/* line 220, ../../../files/sass/_footer.scss */
#footer .share-links .share-close {
  width: 47px;
  height: 37px;
  background: url(../images/shared/button_small_sprite.png) 0 0 no-repeat;
  position: absolute;
  top: 18px;
  left: 22px;
}
/* line 227, ../../../files/sass/_footer.scss */
#footer .share-links .share-close .close {
  top: 11px;
  left: 14px;
  position: absolute;
  width: 14px;
  height: 14px;
  background: url(../images/shared/menu_close_icon_sprite.png) 0 0 no-repeat;
}
/* line 235, ../../../files/sass/_footer.scss */
#footer .share-links .share-close:hover {
  background-position: 0 -43px;
}
/* line 237, ../../../files/sass/_footer.scss */
#footer .share-links .share-close:hover .close {
  background-position: 0 -15px;
}
/* line 243, ../../../files/sass/_footer.scss */
#footer .share-links .share-gp {
  background-position: 0 0;
}
/* line 248, ../../../files/sass/_footer.scss */
#footer .share-links .share-fb {
  background-position: 0 -70px;
}
/* line 251, ../../../files/sass/_footer.scss */
#footer .share-links .share-fb:hover {
  background-position: -89px -70px;
}
/* line 256, ../../../files/sass/_footer.scss */
#footer .share-links .share-tw {
  background-position: 0 -140px;
}
/* line 259, ../../../files/sass/_footer.scss */
#footer .share-links .share-tw:hover {
  background-position: -89px -140px;
}
/* line 265, ../../../files/sass/_footer.scss */
#footer .visit-site {
  position: relative;
  float: right;
  margin: 12px 30px 0 30px;
}
/* line 271, ../../../files/sass/_footer.scss */
#footer .audio-button {
  position: relative;
  float: right;
  margin: 10px 30px 0 30px;
  background: url(../images/shared/footer_mute.png) 0 0 no-repeat;
  width: 14px;
  height: 18px;
}
/* line 278, ../../../files/sass/_footer.scss */
#footer .audio-button.mute {
  background-position: 0 -17px;
  margin: 8px 30px 0 30px;
}
/* line 282, ../../../files/sass/_footer.scss */
#footer .audio-button:hover {
  background-position: -16px 0px;
}
/* line 284, ../../../files/sass/_footer.scss */
#footer .audio-button:hover.mute {
  background-position: -16px -17px;
}

@keyframes quick-nav-buttons-animate-in {
  /* line 11, ../../../files/sass/_quickNav.scss */
  from {
    left: -1000px;
  }

  /* line 12, ../../../files/sass/_quickNav.scss */
  to {
    left: 0;
  }
}

@-webkit-keyframes quick-nav-buttons-animate-in {
  /* line 15, ../../../files/sass/_quickNav.scss */
  from {
    left: -1000px;
  }

  /* line 16, ../../../files/sass/_quickNav.scss */
  to {
    left: 0;
  }
}

@keyframes minimap-icon-animation {
  /* line 20, ../../../files/sass/_quickNav.scss */
  from {
    background-position: 0 0;
  }

  /* line 21, ../../../files/sass/_quickNav.scss */
  to {
    background-position: -920px 0;
  }
}

@-webkit-keyframes minimap-icon-animation {
  /* line 24, ../../../files/sass/_quickNav.scss */
  from {
    background-position: 0 0;
  }

  /* line 25, ../../../files/sass/_quickNav.scss */
  to {
    background-position: -920px 0;
  }
}

/* line 28, ../../../files/sass/_quickNav.scss */
.quick-nav {
  position: absolute;
  width: 170px;
  height: 105px;
}
/* line 53, ../../../files/sass/_quickNav.scss */
.quick-nav .buttons-container {
  position: relative;
  margin: 14px 0 0 0px;
}
/* line 57, ../../../files/sass/_quickNav.scss */
.quick-nav .buttons-container.out {
  left: -1000px;
}
/* line 61, ../../../files/sass/_quickNav.scss */
.quick-nav .buttons-container.animate-in {
  animation: quick-nav-buttons-animate-in 0.5s ease-out 0.7s forwards;
  -webkit-animation: quick-nav-buttons-animate-in 0.5s ease-out 0.7s forwards;
}
/* line 67, ../../../files/sass/_quickNav.scss */
.quick-nav .chevron-up-down {
  top: -48px;
  left: 53px;
}
/* line 72, ../../../files/sass/_quickNav.scss */
.quick-nav .back-to-map {
  position: absolute;
  top: 0px;
  left: 20px;
  background: #990000;
  /*margin: 0 20px 0 0;*/
  width: 128px;
  height: 85px;
  background: url(../images/location/minimap.png) 0 0 no-repeat;
}
/* line 83, ../../../files/sass/_quickNav.scss */
.quick-nav .back-to-map.disabled {
  opacity: 1;
  -webkit-opacity: 1;
  -ms-opacity: 1;
  -moz-opacity: 1;
  -o-opacity: 1;
}
/* line 86, ../../../files/sass/_quickNav.scss */
.quick-nav .back-to-map.disabled:hover {
  color: white;
  background-position: 0 0px;
}
/* line 92, ../../../files/sass/_quickNav.scss */
.quick-nav .back-to-map:hover {
  color: #d13726;
  background-position: 0 -90px;
}
/* line 113, ../../../files/sass/_quickNav.scss */
.quick-nav .minimap-icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  background: url(../images/location/minimap_dot_sprite.png) 0 0 no-repeat;
}
/* line 121, ../../../files/sass/_quickNav.scss */
.quick-nav .minimap-icon.animate {
  animation: minimap-icon-animation 1.2s steps(23) infinite;
  -webkit-animation: minimap-icon-animation 1.2s steps(23) infinite;
}

/* line 232, ../../../files/sass/_quickNav.scss */
#quickNavContainer {
  bottom: 45px;
  left: 10px;
  z-index: 5;
}

@keyframes resource-background-animate-in {
  /* line 2, ../../../files/sass/_locationView.scss */
  from {
    top: -5px;
    opacity: 0;
    -webkit-opacity: 0;
    -ms-opacity: 0;
    -moz-opacity: 0;
    -o-opacity: 0;
  }

  /* line 6, ../../../files/sass/_locationView.scss */
  to {
    top: 0px;
    opacity: 1;
    -webkit-opacity: 1;
    -ms-opacity: 1;
    -moz-opacity: 1;
    -o-opacity: 1;
  }
}

@-webkit-keyframes resource-background-animate-in {
  /* line 12, ../../../files/sass/_locationView.scss */
  from {
    top: -5px;
    opacity: 0;
    -webkit-opacity: 0;
    -ms-opacity: 0;
    -moz-opacity: 0;
    -o-opacity: 0;
  }

  /* line 16, ../../../files/sass/_locationView.scss */
  to {
    top: 0px;
    opacity: 1;
    -webkit-opacity: 1;
    -ms-opacity: 1;
    -moz-opacity: 1;
    -o-opacity: 1;
  }
}

@keyframes fade-in {
  /* line 53, ../../../files/sass/_locationView.scss */
  from {
    opacity: 0;
    -webkit-opacity: 0;
    -ms-opacity: 0;
    -moz-opacity: 0;
    -o-opacity: 0;
  }

  /* line 54, ../../../files/sass/_locationView.scss */
  to {
    opacity: 1;
    -webkit-opacity: 1;
    -ms-opacity: 1;
    -moz-opacity: 1;
    -o-opacity: 1;
  }
}

@-webkit-keyframes fade-in {
  /* line 57, ../../../files/sass/_locationView.scss */
  from {
    opacity: 0;
    -webkit-opacity: 0;
    -ms-opacity: 0;
    -moz-opacity: 0;
    -o-opacity: 0;
  }

  /* line 58, ../../../files/sass/_locationView.scss */
  to {
    opacity: 1;
    -webkit-opacity: 1;
    -ms-opacity: 1;
    -moz-opacity: 1;
    -o-opacity: 1;
  }
}

@keyframes meter-box-mask-animate-in {
  /* line 89, ../../../files/sass/_locationView.scss */
  from {
    left: 242px;
  }

  /* line 90, ../../../files/sass/_locationView.scss */
  to {
    left: 0px;
  }
}

@-webkit-keyframes meter-box-mask-animate-in {
  /* line 93, ../../../files/sass/_locationView.scss */
  from {
    left: 242px;
  }

  /* line 94, ../../../files/sass/_locationView.scss */
  to {
    left: 0px;
  }
}

@keyframes meter-box-animate-in {
  /* line 97, ../../../files/sass/_locationView.scss */
  from {
    left: -242px;
  }

  /* line 98, ../../../files/sass/_locationView.scss */
  to {
    left: 0px;
  }
}

@-webkit-keyframes meter-box-animate-in {
  /* line 101, ../../../files/sass/_locationView.scss */
  from {
    left: -242px;
  }

  /* line 102, ../../../files/sass/_locationView.scss */
  to {
    left: 0px;
  }
}

@keyframes disaster-name-label-mask-animate-in {
  /* line 123, ../../../files/sass/_locationView.scss */
  from {
    right: -190px;
  }

  /* line 124, ../../../files/sass/_locationView.scss */
  to {
    right: 10px;
  }
}

@-webkit-keyframes disaster-name-label-mask-animate-in {
  /* line 127, ../../../files/sass/_locationView.scss */
  from {
    right: -190px;
  }

  /* line 128, ../../../files/sass/_locationView.scss */
  to {
    right: 10px;
  }
}

@keyframes disaster-name-label-animate-in {
  /* line 132, ../../../files/sass/_locationView.scss */
  from {
    right: 200px;
  }

  /* line 133, ../../../files/sass/_locationView.scss */
  to {
    right: 0px;
  }
}

@-webkit-keyframes disaster-name-label-animate-in {
  /* line 136, ../../../files/sass/_locationView.scss */
  from {
    right: 200px;
  }

  /* line 137, ../../../files/sass/_locationView.scss */
  to {
    right: 0px;
  }
}

@keyframes background-layer-animate-in {
  /* line 141, ../../../files/sass/_locationView.scss */
  from {
    left: 1600px;
  }

  /* line 142, ../../../files/sass/_locationView.scss */
  to {
    left: 0;
  }
}

@-webkit-keyframes background-layer-animate-in {
  /* line 145, ../../../files/sass/_locationView.scss */
  from {
    left: 1600px;
  }

  /* line 146, ../../../files/sass/_locationView.scss */
  to {
    left: 0;
  }
}

@keyframes background-layer-animate-out {
  /* line 149, ../../../files/sass/_locationView.scss */
  from {
    left: 0;
  }

  /* line 150, ../../../files/sass/_locationView.scss */
  to {
    left: 1600px;
  }
}

@-webkit-keyframes background-layer-animate-out {
  /* line 153, ../../../files/sass/_locationView.scss */
  from {
    left: 0;
  }

  /* line 154, ../../../files/sass/_locationView.scss */
  to {
    left: 1600px;
  }
}

@keyframes resource-column-bg-animate-in {
  /* line 158, ../../../files/sass/_locationView.scss */
  from {
    height: 0;
  }

  /* line 159, ../../../files/sass/_locationView.scss */
  to {
    height: 115px;
  }
}

@-webkit-keyframes resource-column-bg-animate-in {
  /* line 162, ../../../files/sass/_locationView.scss */
  from {
    height: 0;
  }

  /* line 163, ../../../files/sass/_locationView.scss */
  to {
    height: 115px;
  }
}

@keyframes resource-column-icon-animate-in {
  /* line 167, ../../../files/sass/_locationView.scss */
  from {
    transform: scale3d(1.2, 1.2, 1.2);
    -webkit-transform: scale3d(1.2, 1.2, 1.2);
    -ms-transform: scale3d(1.2, 1.2, 1.2);
    -moz-transform: scale3d(1.2, 1.2, 1.2);
    -o-transform: scale3d(1.2, 1.2, 1.2);
    opacity: 1;
    -webkit-opacity: 1;
    -ms-opacity: 1;
    -moz-opacity: 1;
    -o-opacity: 1;
  }

  /* line 168, ../../../files/sass/_locationView.scss */
  to {
    transform: scale3d(1, 1, 1);
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    -o-transform: scale3d(1, 1, 1);
    opacity: 1;
    -webkit-opacity: 1;
    -ms-opacity: 1;
    -moz-opacity: 1;
    -o-opacity: 1;
  }
}

@-webkit-keyframes resource-column-icon-animate-in {
  /* line 171, ../../../files/sass/_locationView.scss */
  from {
    transform: scale3d(1.2, 1.2, 1.2);
    -webkit-transform: scale3d(1.2, 1.2, 1.2);
    -ms-transform: scale3d(1.2, 1.2, 1.2);
    -moz-transform: scale3d(1.2, 1.2, 1.2);
    -o-transform: scale3d(1.2, 1.2, 1.2);
    opacity: 1;
    -webkit-opacity: 1;
    -ms-opacity: 1;
    -moz-opacity: 1;
    -o-opacity: 1;
  }

  /* line 172, ../../../files/sass/_locationView.scss */
  to {
    transform: scale3d(1, 1, 1);
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    -o-transform: scale3d(1, 1, 1);
    opacity: 1;
    -webkit-opacity: 1;
    -ms-opacity: 1;
    -moz-opacity: 1;
    -o-opacity: 1;
  }
}

@keyframes resource-column-white-icon-animate-in {
  /* line 176, ../../../files/sass/_locationView.scss */
  from {
    transform: scale3d(1.2, 1.2, 1.2);
    -webkit-transform: scale3d(1.2, 1.2, 1.2);
    -ms-transform: scale3d(1.2, 1.2, 1.2);
    -moz-transform: scale3d(1.2, 1.2, 1.2);
    -o-transform: scale3d(1.2, 1.2, 1.2);
    opacity: 0.5;
  }

  /* line 177, ../../../files/sass/_locationView.scss */
  to {
    transform: scale3d(1, 1, 1);
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    -o-transform: scale3d(1, 1, 1);
    opacity: 0;
  }
}

@-webkit-keyframes resource-column-white-icon-animate-in {
  /* line 180, ../../../files/sass/_locationView.scss */
  from {
    transform: scale3d(1.2, 1.2, 1.2);
    -webkit-transform: scale3d(1.2, 1.2, 1.2);
    -ms-transform: scale3d(1.2, 1.2, 1.2);
    -moz-transform: scale3d(1.2, 1.2, 1.2);
    -o-transform: scale3d(1.2, 1.2, 1.2);
    opacity: 0.5;
  }

  /* line 181, ../../../files/sass/_locationView.scss */
  to {
    transform: scale3d(1, 1, 1);
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    -o-transform: scale3d(1, 1, 1);
    opacity: 0;
  }
}

/* line 205, ../../../files/sass/_locationView.scss */
.disaster-view {
  position: absolute;
  top: 0;
  left: 0;
  width: 271px;
  min-height: 333px;
  /*@include vendor-prefix(transform, "translate3d(0,0,0)");*/
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -o-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000;
}
/* line 216, ../../../files/sass/_locationView.scss */
.disaster-view .secondary-disaster-animation {
  position: absolute;
  top: -86px;
  left: -65px;
  width: 400px;
  height: 400px;
  overflow: hidden;
}
/* line 225, ../../../files/sass/_locationView.scss */
.disaster-view .background {
  position: absolute;
  top: -12px;
  left: -13px;
  width: 298px;
  height: 276px;
  /*background: url(../images/location/disaster_frame.png) 0 0 no-repeat;*/
  /*opacity: 0.7;*/
  overflow: hidden;
}
/* line 237, ../../../files/sass/_locationView.scss */
.disaster-view .disaster-name-mask {
  position: absolute;
  top: 10px;
  right: 10px;
  overflow: hidden;
}
/* line 243, ../../../files/sass/_locationView.scss */
.disaster-view .disaster-name-mask.out {
  right: -190px;
}
/* line 247, ../../../files/sass/_locationView.scss */
.disaster-view .disaster-name-mask.animate-in {
  animation: disaster-name-label-mask-animate-in 0.5s linear 0.3s forwards;
  -webkit-animation: disaster-name-label-mask-animate-in 0.5s linear 0.3s forwards;
}
/* line 253, ../../../files/sass/_locationView.scss */
.disaster-view .disaster-name {
  position: relative;
  right: 0px;
  text-align: right;
  color: white;
}
/* line 259, ../../../files/sass/_locationView.scss */
.disaster-view .disaster-name.out {
  right: 200px;
}
/* line 263, ../../../files/sass/_locationView.scss */
.disaster-view .disaster-name.animate-in {
  animation: disaster-name-label-animate-in 0.5s linear 0.3s forwards;
  -webkit-animation: disaster-name-label-animate-in 0.5s linear 0.3s forwards;
}
/* line 269, ../../../files/sass/_locationView.scss */
.disaster-view .disaster-icon {
  position: absolute;
  /*top: 45px;
  left: 67px;
  width: 135px;
  height: 135px;*/
  top: 9px;
  left: 29px;
  width: 211px;
  height: 208px;
  overflow: hidden;
}
/* line 282, ../../../files/sass/_locationView.scss */
.disaster-view .disaster-icon-static {
  position: absolute;
  top: 56px;
  left: 79px;
  width: 113px;
  height: 104px;
}
/* line 289, ../../../files/sass/_locationView.scss */
.disaster-view .disaster-icon-static.biohazard {
  background: url(../images/shared/sprite1.png) -270px -337px no-repeat;
}
/* line 294, ../../../files/sass/_locationView.scss */
.disaster-view .disaster-icon-static.electrical {
  background: url(../images/shared/sprite1.png) -383px -337px no-repeat;
}
/* line 299, ../../../files/sass/_locationView.scss */
.disaster-view .disaster-icon-static.evacuation {
  background: url(../images/shared/sprite1.png) -113px -441px no-repeat;
}
/* line 304, ../../../files/sass/_locationView.scss */
.disaster-view .disaster-icon-static.explosion {
  background: url(../images/shared/sprite1.png) -339px -441px no-repeat;
}
/* line 309, ../../../files/sass/_locationView.scss */
.disaster-view .disaster-icon-static.fire {
  background: url(../images/shared/sprite1.png) 0 -545px no-repeat;
}
/* line 314, ../../../files/sass/_locationView.scss */
.disaster-view .disaster-icon-static.nuclear {
  background: url(../images/shared/sprite1.png) 0 -441px no-repeat;
}
/* line 319, ../../../files/sass/_locationView.scss */
.disaster-view .disaster-icon-static.structural {
  background: url(../images/shared/sprite1.png) -226px -441px no-repeat;
}
/* line 326, ../../../files/sass/_locationView.scss */
.disaster-view .meter-container {
  position: absolute;
  top: 200px;
  left: 20px;
  height: 35px;
  width: 242px;
  /*background: url(../images/location/disaster_meter_danger.png) 0 0 no-repeat;*/
}
/* line 425, ../../../files/sass/_locationView.scss */
.disaster-view .meter-container .meter-box-mask {
  position: relative;
  width: 242px;
  height: 22px;
  text-align: right;
  overflow: hidden;
  left: 0;
}
/* line 433, ../../../files/sass/_locationView.scss */
.disaster-view .meter-container .meter-box-mask.out {
  left: 242px;
}
/* line 437, ../../../files/sass/_locationView.scss */
.disaster-view .meter-container .meter-box-mask.animate-in {
  animation: meter-box-mask-animate-in 0.2s linear 0.1s forwards;
  -webkit-animation: meter-box-mask-animate-in 0.2s linear 0.1s forwards;
}
/* line 452, ../../../files/sass/_locationView.scss */
.disaster-view .meter-container .meter-box {
  position: relative;
  width: 240px;
  height: 20px;
  border: 1px solid #555555;
  background: #131313;
  left: 0;
}
/* line 460, ../../../files/sass/_locationView.scss */
.disaster-view .meter-container .meter-box.out {
  left: -242px;
}
/* line 464, ../../../files/sass/_locationView.scss */
.disaster-view .meter-container .meter-box.animate-in {
  animation: meter-box-animate-in 0.2s linear 0.1s forwards;
  -webkit-animation: meter-box-animate-in 0.2s linear 0.1s forwards;
}
/* line 470, ../../../files/sass/_locationView.scss */
.disaster-view .meter-container .meter {
  position: absolute;
  top: 0;
  left: 0;
  width: 240px;
  height: 100%;
  background: #ccca00;
}
/* line 478, ../../../files/sass/_locationView.scss */
.disaster-view .meter-container .meter.warning {
  background: #c9721c;
}
/* line 482, ../../../files/sass/_locationView.scss */
.disaster-view .meter-container .meter.severe {
  background: #e1301f;
}
/* line 486, ../../../files/sass/_locationView.scss */
.disaster-view .meter-container .meter.fix {
  background: #16ab31;
}
/* line 515, ../../../files/sass/_locationView.scss */
.disaster-view .resource-container {
  position: absolute;
  top: 256px;
  left: 2px;
  width: 100%;
  height: 117px;
  /*
  .resource-label {
  	position: relative;
  	width: 100%;
  	height: 15px;
  	margin: 5px 0 0 38px;
  	
  	&.out {
  		top: -5px;
  		@include vendor-prefix(opacity, 0);
  	}
  	
  	&.animate-in {
  		animation: resource-background-animate-in 0.2s ease-out ($resource-label-delay-time) forwards;
  		-webkit-animation: resource-background-animate-in 0.2s ease-out ($resource-label-delay-time) forwards;
  	}
  	
  	.required-icon {
  		position: relative;
  		float: left;
  		width: 10px;
  		height: 7px;
  		// background: url(../images/location/column_downarrow.png) 0 0 no-repeat;
  		background: url(../images/shared/sprite1.png) -103px 0 no-repeat;
  		margin: 4px 0 0 0;
  	}
  	
  	.in-transit-icon {
  		position: relative;
  		float: left;
  		width: 15px;
  		height: 12px;
  		// background: url(../images/map/map_arrows.png) 0 0 no-repeat;
  		background: url(../images/shared/sprite1.png) -218px 0 no-repeat;
  		margin: 1px 0 0 29px;
  	}
  	
  	.deployed-icon {
  		position: relative;
  		float: left;
  		width: 14px;
  		height: 14px;
  		// background: url(../images/map/map_flag.png) 0 0 no-repeat;
  		background: url(../images/shared/sprite1.png) -233px 0 no-repeat;
  		margin: 0 0 0 28px;
  	}
  }
  */
  /*
  .resource-row {
  	position: relative;
  	width: 300px;
  	height: 40px;
  	margin: 0 0 0 -17px;
  	
  	.background-mask {
  		position: absolute;
  		top: 5px;
  		left: 30px;
  		width: 268px;
  		height: 36px;
  		overflow: hidden;
  	}
  	
  	.background {
  		position: absolute;
  		top: 0;
  		left: 0;
  		width: 100%;
  		height: 100%;
  		// background: url(../images/location/resource_bg.png) 0 0 no-repeat;
  		background: url(../images/shared/sprite1.png) -166px -101px no-repeat;
  		
  		&.out {
  			// left: -268px;
  			// @include vendor-prefix(opacity, 1);
  		}
  		
  		&.animate-in {
  			// animation: resource-row-background-animate-in 0.8s ease-out ($resource-row-background-delay-time) forwards;
  			// -webkit-animation: resource-row-background-animate-in 0.8s ease-out ($resource-row-background-delay-time) forwards;
  		}
  		
  		&.animate-in-delay {
  			// animation-delay: ($animation-in-delay-time+$resource-row-background-delay-time);
  			// -webkit-animation-delay: ($animation-in-delay-time+$resource-row-background-delay-time);
  		}
  	}
  	
  	.icon {
  		position: absolute;
  		top: 5px;
  		left: 1px;
  		height: 36px;
  		width: 36px;
  		// background: url(../images/location/resource_icons.png) 0 0 no-repeat;
  		background: url(../images/shared/sprite1.png) 0 -137px no-repeat;
  		
  		&.out {
  			top: -5px;
  			opacity: 0;
  		}
  		
  		&.animate-in {
  			animation: resource-row-icon-animate-in 0.2s ease-out ($resource-row-icon-delay-time) forwards;
  			-webkit-animation: resource-row-icon-animate-in 0.2s ease-out ($resource-row-icon-delay-time) forwards;
  		}
  		
  		&.animate-in-delay {
  			animation-delay: ($animation-in-delay-time+$resource-row-icon-delay-time);
  			-webkit-animation-delay: ($animation-in-delay-time+$resource-row-icon-delay-time);
  		}
  	}
  	
  	&.resource-armored-vehicle {
  		.icon {
  			// background-position: -37px 0;
  			background-position: -37px -137px;
  		}
  	}
  	
  	&.resource-trauma-unit {
  		.icon {
  			// background-position: -74px 0;
  			background-position: -74px -137px;
  		}
  	}
  	
  	&.resource-city-engineer {
  		.icon {
  			// background-position: -111px 0;
  			background-position: -111px -137px;
  		}
  	}
  	
  	.add-button {
  		position: absolute;
  		top: 6px;
  		left: 167px;
  		width: 65px;
  		height: 34px;
  		
  		.add-button-label {
  			position: absolute;
  			top: 7px;
  			left: 23px;
  			width: 19px;
  			height: 19px;
  			// background: url(../images/location/resource_plus_sprite.png) -23px 0 no-repeat;
  			background: url(../images/shared/sprite1.png) -294px 0 no-repeat;
  		}
  		
  		.no-touch &:hover .add-button-label {
  			// background-position: 0px 0;
  			background-position: -271px 0;
  		}
  		.no-touch &.disabled:hover .add-button-label {
  			// background-position: 0px 0;
  			background-position: -248px 0;
  		}
  		
  		&.disabled .add-button-label {
  			background-position: -248px 0;
  		}
  		
  		&.disabled {
  			@include vendor-prefix(opacity, 1);
  		}
  		
  		&.out {
  			@include vendor-prefix(opacity, 0);
  		}
  		
  		&.animate-in {
  			display: block;
  			animation: fade-in 0.1s ease-out ($add-button-delay-time) forwards;
  			-webkit-animation: fade-in 0.1s ease-out ($add-button-delay-time) forwards;
  		}
  		&.animate-in-delay {
  			animation-delay: ($animation-in-delay-time+$add-button-delay-time);
  			-webkit-animation-delay: ($animation-in-delay-time+$add-button-delay-time);
  		}
  	}
  	
  	.remove-button {
  		position: absolute;
  		top: 6px;
  		left: 231px;
  		width: 65px;
  		height: 34px;
  		
  		.remove-button-label {
  			position: absolute;
  			top: 14px;
  			left: 23px;
  			width: 19px;
  			height: 5px;
  			// background: url(../images/location/resource_minus_sprite.png) -22px 0 no-repeat;
  			background: url(../images/shared/sprite1.png) -49px 0 no-repeat;
  		}
  		
  		.no-touch &:hover .remove-button-label {
  			// background-position: 0 0;
  			background-position: -27px 0;
  		}
  		
  		.no-touch &.disabled:hover .remove-button-label {
  			// background-position: 0 0;
  			background-position: -5px 0;
  		}
  		
  		&.disabled .remove-button-label {
  			background-position: -5px 0;
  		}
  		
  		&.disabled {
  			@include vendor-prefix(opacity, 1);
  		}
  		
  		&.out {
  			@include vendor-prefix(opacity, 0);
  		}
  		
  		&.animate-in {
  			display: block;
  			animation: fade-in 0.1s ease-out ($remove-button-delay-time) forwards;
  			-webkit-animation: fade-in 0.1s ease-out ($remove-button-delay-time) forwards;
  		}
  		&.animate-in-delay {
  			animation-delay: ($animation-in-delay-time+$remove-button-delay-time);
  			-webkit-animation-delay: ($animation-in-delay-time+$remove-button-delay-time);
  		}
  	}
  	
  	.resource-number-container {
  		position: absolute;
  		top: 11px;
  		left: 40px;
  		font-size: 26px;
  		
  		.resource-number {
  			position: relative;
  			float: left;
  			margin: 0;
  			text-align: center;
  			width: 42px;
  			
  			&.out {
  				@include vendor-prefix(opacity, 0);
  			}
  			
  			&.ready.animate-in {
  				display: block;
  				animation: fade-in 0.1s ease-out ($ready-number-delay-time) forwards;
  				-webkit-animation: fade-in 0.1s ease-out ($ready-number-delay-time) forwards;
  			}
  			&.ready.animate-in-delay {
  				animation-delay: ($animation-in-delay-time+$ready-number-delay-time);
  				-webkit-animation-delay: ($animation-in-delay-time+$ready-number-delay-time);
  			}
  			
  			&.in-transit.animate-in {
  				display: block;
  				animation: fade-in 0.1s ease-out ($in-transit-number-delay-time) forwards;
  				-webkit-animation: fade-in 0.1s ease-out ($in-transit-number-delay-time) forwards;
  			}
  			&.in-transit.animate-in-delay {
  				animation-delay: ($animation-in-delay-time+$in-transit-number-delay-time);
  				-webkit-animation-delay: ($animation-in-delay-time+$in-transit-number-delay-time);
  			}
  			
  			&.deployed.animate-in {
  				display: block;
  				animation: fade-in 0.1s ease-out ($deployed-number-delay-time) forwards;
  				-webkit-animation: fade-in 0.1s ease-out ($deployed-number-delay-time) forwards;
  			}
  			&.deployed.animate-in-delay {
  				animation-delay: ($animation-in-delay-time+$deployed-number-delay-time);
  				-webkit-animation-delay: ($animation-in-delay-time+$deployed-number-delay-time);
  			}
  		}
  	}
  }
  */
}
/* line 532, ../../../files/sass/_locationView.scss */
.disaster-view .resource-container .background {
  position: absolute;
  top: 0;
  left: 0;
  width: 270px;
  height: 117px;
  background: url(../images/shared/sprite1.png) -113px -545px no-repeat;
}
/* line 541, ../../../files/sass/_locationView.scss */
.disaster-view .resource-container .background.out {
  top: -5px;
  opacity: 0;
  -webkit-opacity: 0;
  -ms-opacity: 0;
  -moz-opacity: 0;
  -o-opacity: 0;
}
/* line 546, ../../../files/sass/_locationView.scss */
.disaster-view .resource-container .background.animate-in {
  animation: resource-background-animate-in 0.2s ease-out 0s forwards;
  -webkit-animation: resource-background-animate-in 0.2s ease-out 0s forwards;
}
/* line 600, ../../../files/sass/_locationView.scss */
.disaster-view .resource-container .resource-column {
  position: absolute;
  top: 1px;
  left: 0;
  width: 49px;
  height: 115px;
}
/* line 607, ../../../files/sass/_locationView.scss */
.disaster-view .resource-container .resource-column .background, .disaster-view .resource-container .resource-column .disabled {
  position: absolute;
  top: 0;
  left: 0;
  width: 49px;
  height: 115px;
  background: #000000;
  opacity: 0.5;
  -webkit-opacity: 0.5;
  -ms-opacity: 0.5;
  -moz-opacity: 0.5;
  -o-opacity: 0.5;
}
/* line 616, ../../../files/sass/_locationView.scss */
.disaster-view .resource-container .resource-column .background.out, .disaster-view .resource-container .resource-column .disabled.out {
  height: 0;
}
/* line 620, ../../../files/sass/_locationView.scss */
.disaster-view .resource-container .resource-column .background.animate-in, .disaster-view .resource-container .resource-column .disabled.animate-in {
  animation: resource-column-bg-animate-in 0.3s linear 0.1s forwards;
  -webkit-animation: resource-column-bg-animate-in 0.3s linear 0.1s forwards;
}
/* line 627, ../../../files/sass/_locationView.scss */
.disaster-view .resource-container .resource-column .disabled {
  display: none;
}
/* line 632, ../../../files/sass/_locationView.scss */
.disaster-view .resource-container .resource-column .icon, .disaster-view .resource-container .resource-column .icon-animate-in {
  position: absolute;
  top: -20px;
  left: 3px;
  width: 41px;
  height: 44px;
  background: url(../images/location/location_resource_icon_ground_forces.png) 0 0 no-repeat;
}
/* line 640, ../../../files/sass/_locationView.scss */
.disaster-view .resource-container .resource-column .icon.out, .disaster-view .resource-container .resource-column .icon-animate-in.out {
  opacity: 0;
  -webkit-opacity: 0;
  -ms-opacity: 0;
  -moz-opacity: 0;
  -o-opacity: 0;
}
/* line 644, ../../../files/sass/_locationView.scss */
.disaster-view .resource-container .resource-column .icon.scale, .disaster-view .resource-container .resource-column .icon-animate-in.scale {
  transform: scale3d(1.2, 1.2, 1.2);
  -webkit-transform: scale3d(1.2, 1.2, 1.2);
  -ms-transform: scale3d(1.2, 1.2, 1.2);
  -moz-transform: scale3d(1.2, 1.2, 1.2);
  -o-transform: scale3d(1.2, 1.2, 1.2);
}
/* line 648, ../../../files/sass/_locationView.scss */
.disaster-view .resource-container .resource-column .icon.animate-in, .disaster-view .resource-container .resource-column .icon-animate-in.animate-in {
  animation: resource-column-icon-animate-in 0.2s linear 0s forwards;
  -webkit-animation: resource-column-icon-animate-in 0.2s linear 0s forwards;
}
/* line 654, ../../../files/sass/_locationView.scss */
.disaster-view .resource-container .resource-column .icon-animate-in {
  background: url(../images/location/location_resource_icon_animate_in.png) 0 0 no-repeat;
  opacity: 0.5;
  -webkit-opacity: 0.5;
  -ms-opacity: 0.5;
  -moz-opacity: 0.5;
  -o-opacity: 0.5;
}
/* line 658, ../../../files/sass/_locationView.scss */
.disaster-view .resource-container .resource-column .icon-animate-in.animate-in {
  animation: resource-column-white-icon-animate-in 0.2s linear 0s forwards;
  -webkit-animation: resource-column-white-icon-animate-in 0.2s linear 0s forwards;
}
/* line 664, ../../../files/sass/_locationView.scss */
.disaster-view .resource-container .resource-column .add-button {
  position: relative;
  width: 39px;
  height: 25px;
  background: url(../images/location/location_add_resource_button_sprite.png) 0 0 no-repeat;
  margin: 5px 0 0 5px;
}
/* line 671, ../../../files/sass/_locationView.scss */
.no-touch .disaster-view .resource-container .resource-column .add-button:hover {
  background-position: 0 -26px;
}
/* line 675, ../../../files/sass/_locationView.scss */
.disaster-view .resource-container .resource-column .add-button.disabled-add, .disaster-view .resource-container .resource-column .add-button.disabled-add:hover {
  background-position: 0 -52px;
  cursor: default;
}
/* line 680, ../../../files/sass/_locationView.scss */
.disaster-view .resource-container .resource-column .add-button.out {
  opacity: 0;
  -webkit-opacity: 0;
  -ms-opacity: 0;
  -moz-opacity: 0;
  -o-opacity: 0;
}
/* line 684, ../../../files/sass/_locationView.scss */
.disaster-view .resource-container .resource-column .add-button.animate-in {
  animation: fade-in 0.2s linear 0.5s forwards;
  -webkit-animation: fade-in 0.2s linear 0.5s forwards;
}
/* line 690, ../../../files/sass/_locationView.scss */
.disaster-view .resource-container .resource-column .resource-number {
  position: relative;
  font-size: 26px;
  width: 49px;
  text-align: center;
}
/* line 696, ../../../files/sass/_locationView.scss */
.disaster-view .resource-container .resource-column .resource-number.out {
  opacity: 0;
  -webkit-opacity: 0;
  -ms-opacity: 0;
  -moz-opacity: 0;
  -o-opacity: 0;
}
/* line 700, ../../../files/sass/_locationView.scss */
.disaster-view .resource-container .resource-column .resource-number.required {
  color: #d13726;
  margin: 25px 0 0 0;
}
/* line 704, ../../../files/sass/_locationView.scss */
.disaster-view .resource-container .resource-column .resource-number.required.animate-in {
  animation: fade-in 0.2s linear 0.1s forwards;
  -webkit-animation: fade-in 0.2s linear 0.1s forwards;
}
/* line 710, ../../../files/sass/_locationView.scss */
.disaster-view .resource-container .resource-column .resource-number.deployed {
  color: white;
  margin: 0;
}
/* line 714, ../../../files/sass/_locationView.scss */
.disaster-view .resource-container .resource-column .resource-number.deployed.animate-in {
  animation: fade-in 0.2s linear 0.3s forwards;
  -webkit-animation: fade-in 0.2s linear 0.3s forwards;
}
/* line 721, ../../../files/sass/_locationView.scss */
.disaster-view .resource-container .resource-column.ground-force {
  left: 15px;
}
/* line 728, ../../../files/sass/_locationView.scss */
.disaster-view .resource-container .resource-column.armored-vehicle {
  left: 78px;
}
/* line 731, ../../../files/sass/_locationView.scss */
.disaster-view .resource-container .resource-column.armored-vehicle .icon {
  background: url(../images/location/location_resource_icon_armored_vehicles.png) 0 0 no-repeat;
}
/* line 736, ../../../files/sass/_locationView.scss */
.disaster-view .resource-container .resource-column.trauma-unit {
  left: 141px;
}
/* line 739, ../../../files/sass/_locationView.scss */
.disaster-view .resource-container .resource-column.trauma-unit .icon {
  background: url(../images/location/location_resource_icon_trauma_units.png) 0 0 no-repeat;
}
/* line 744, ../../../files/sass/_locationView.scss */
.disaster-view .resource-container .resource-column.city-engineer {
  left: 204px;
}
/* line 747, ../../../files/sass/_locationView.scss */
.disaster-view .resource-container .resource-column.city-engineer .icon {
  background: url(../images/location/location_resource_icon_city_engineers.png) 0 0 no-repeat;
}
/* line 754, ../../../files/sass/_locationView.scss */
.disaster-view .resource-container .fixed-disaster-msg {
  position: absolute;
  top: 83px;
  left: 0;
  color: #16ab31;
  width: 100%;
  text-align: center;
}

/* line 1002, ../../../files/sass/_locationView.scss */
#locationViewsContainer {
  /*left: -$content-left;
  width: $content-min-width;
  min-height: $content-min-height;
  max-height: $content-max-height;*/
  /*background: #aaa;*/
  z-index: 3;
}
/* line 1016, ../../../files/sass/_locationView.scss */
#locationViewsContainer .location-view .location-layer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* line 1024, ../../../files/sass/_locationView.scss */
#locationViewsContainer .location-view .background-layer {
  top: 0;
  /*left: $content-left;
  width: $content-max-width;
  height: $content-max-height;*/
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
/* line 1036, ../../../files/sass/_locationView.scss */
#locationViewsContainer .location-view .background-layer .video-player-container {
  position: absolute;
  top: 0px;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000000;
}
/* line 1044, ../../../files/sass/_locationView.scss */
#locationViewsContainer .location-view .background-layer .video-player-container.out {
  left: 0;
}
/* line 1048, ../../../files/sass/_locationView.scss */
#locationViewsContainer .location-view .background-layer .video-player-container.animate-in {
  animation: background-layer-animate-in 0.5s ease-in-out 0s forwards;
  -webkit-animation: background-layer-animate-in 0.5s ease-in-out 0s forwards;
}
/* line 1053, ../../../files/sass/_locationView.scss */
#locationViewsContainer .location-view .background-layer .video-player-container.animate-out {
  animation: background-layer-animate-out 0.5s ease-out 0s forwards;
  -webkit-animation: background-layer-animate-out 0.5s ease-out 0s forwards;
}
/* line 1065, ../../../files/sass/_locationView.scss */
#locationViewsContainer .location-view .front-layer {
  /*.location-label {
  	position: absolute;
  	top: 75px;
  	right: 10px;
  	text-align: right;
  	z-index: 6;
  }*/
}

/* line 1078, ../../../files/sass/_locationView.scss */
#locationLabelContainer {
  position: absolute;
  top: 75px;
  right: 20px;
  width: 800px;
  min-height: 40px;
  z-index: 6;
}
/* line 1086, ../../../files/sass/_locationView.scss */
#locationLabelContainer .location-label {
  position: absolute;
  top: 0;
  right: 0;
  text-align: right;
}

@keyframes arrow-indicator-animate-in {
  /* line 2, ../../../files/sass/_mapView.scss */
  from {
    top: 95px;
  }

  /* line 3, ../../../files/sass/_mapView.scss */
  to {
    top: 85px;
  }
}

@-webkit-keyframes arrow-indicator-animate-in {
  /* line 6, ../../../files/sass/_mapView.scss */
  from {
    top: 95px;
  }

  /* line 7, ../../../files/sass/_mapView.scss */
  to {
    top: 85px;
  }
}

@keyframes icon-container-animate-in {
  /* line 10, ../../../files/sass/_mapView.scss */
  from {
    opacity: 0;
  }

  /* line 11, ../../../files/sass/_mapView.scss */
  to {
    opacity: 1;
  }
}

@-webkit-keyframes icon-container-animate-in {
  /* line 14, ../../../files/sass/_mapView.scss */
  from {
    opacity: 0;
  }

  /* line 15, ../../../files/sass/_mapView.scss */
  to {
    opacity: 1;
  }
}

@keyframes icon-container-hover {
  /* line 18, ../../../files/sass/_mapView.scss */
  from {
    top: 0px;
  }

  /* line 19, ../../../files/sass/_mapView.scss */
  to {
    top: -10px;
  }
}

@-webkit-keyframes icon-container-hover {
  /* line 22, ../../../files/sass/_mapView.scss */
  from {
    top: 0px;
  }

  /* line 23, ../../../files/sass/_mapView.scss */
  to {
    top: -10px;
  }
}

@keyframes icon-container-out {
  /* line 26, ../../../files/sass/_mapView.scss */
  from {
    top: -10px;
  }

  /* line 27, ../../../files/sass/_mapView.scss */
  to {
    top: 0px;
  }
}

@-webkit-keyframes icon-container-out {
  /* line 30, ../../../files/sass/_mapView.scss */
  from {
    top: -10px;
  }

  /* line 31, ../../../files/sass/_mapView.scss */
  to {
    top: 0px;
  }
}

@keyframes icon-animation-in {
  /* line 34, ../../../files/sass/_mapView.scss */
  from {
    background-position: 0px 0px;
  }

  /* line 35, ../../../files/sass/_mapView.scss */
  to {
    background-position: 0px -1044px;
  }
}

@-webkit-keyframes icon-animation-in {
  /* line 38, ../../../files/sass/_mapView.scss */
  from {
    background-position: 0px 0px;
  }

  /* line 39, ../../../files/sass/_mapView.scss */
  to {
    background-position: 0px -1044px;
  }
}

@keyframes icon-animation-loop {
  /* line 43, ../../../files/sass/_mapView.scss */
  from {
    background-position: 0px 0px;
  }

  /* line 44, ../../../files/sass/_mapView.scss */
  to {
    background-position: 0px -1932px;
  }
}

@-webkit-keyframes icon-animation-loop {
  /* line 47, ../../../files/sass/_mapView.scss */
  from {
    background-position: 0px 0px;
  }

  /* line 48, ../../../files/sass/_mapView.scss */
  to {
    background-position: 0px -1932px;
  }
}

@keyframes undiscovered-icon-container-hover {
  /* line 51, ../../../files/sass/_mapView.scss */
  from {
    top: 0px;
  }

  /* line 52, ../../../files/sass/_mapView.scss */
  to {
    top: -10px;
  }
}

@-webkit-keyframes undiscovered-icon-container-hover {
  /* line 55, ../../../files/sass/_mapView.scss */
  from {
    top: 0px;
  }

  /* line 56, ../../../files/sass/_mapView.scss */
  to {
    top: -10px;
  }
}

@keyframes map-location-red-corner-animation {
  /* line 60, ../../../files/sass/_mapView.scss */
  from {
    background-position: 0px 0px;
  }

  /* line 61, ../../../files/sass/_mapView.scss */
  to {
    background-position: 0px -1104px;
  }
}

@-webkit-keyframes map-location-red-corner-animation {
  /* line 64, ../../../files/sass/_mapView.scss */
  from {
    background-position: 0px 0px;
  }

  /* line 65, ../../../files/sass/_mapView.scss */
  to {
    background-position: 0px -1104px;
  }
}

@keyframes map-location-meter-animation {
  /* line 69, ../../../files/sass/_mapView.scss */
  from {
    background-position: 0px 0px;
  }

  /* line 70, ../../../files/sass/_mapView.scss */
  to {
    background-position: 0px -184px;
  }
}

@-webkit-keyframes map-location-meter-animation {
  /* line 73, ../../../files/sass/_mapView.scss */
  from {
    background-position: 0px 0px;
  }

  /* line 74, ../../../files/sass/_mapView.scss */
  to {
    background-position: 0px -184px;
  }
}

@keyframes map-location-chevron-animation {
  /* line 78, ../../../files/sass/_mapView.scss */
  from {
    background-position: 0px 0px;
  }

  /* line 79, ../../../files/sass/_mapView.scss */
  to {
    background-position: -1426px 0px;
  }
}

@-webkit-keyframes map-location-chevron-animation {
  /* line 82, ../../../files/sass/_mapView.scss */
  from {
    background-position: 0px 0px;
  }

  /* line 83, ../../../files/sass/_mapView.scss */
  to {
    background-position: -1426px 0px;
  }
}

/* line 86, ../../../files/sass/_mapView.scss */
.damage-icon {
  position: relative;
  float: left;
  width: 7px;
  height: 15px;
  margin: 0 1px 0 0;
  background: #e1301f;
}

/* line 95, ../../../files/sass/_mapView.scss */
.destruction-icon {
  position: absolute;
  top: 1px;
  left: 0;
  width: 118px;
  height: 22px;
  background: url(../images/shared/sprite1.png) -362px 0 no-repeat;
}

/* line 105, ../../../files/sass/_mapView.scss */
.chevron-up-down {
  position: absolute;
  top: -48px;
  left: 30px;
  width: 62px;
  height: 44px;
  background: url(../images/map/animation/chevronUpDown_sprite.png) 0 0 no-repeat;
}
/* line 113, ../../../files/sass/_mapView.scss */
.chevron-up-down.animate {
  animation: map-location-chevron-animation 1.2s steps(23) infinite;
  -webkit-animation: map-location-chevron-animation 1.2s steps(23) infinite;
}

/* line 120, ../../../files/sass/_mapView.scss */
.active-view {
  position: absolute;
  top: 0;
  left: 0;
  width: 128px;
  height: 85px;
}
/* line 127, ../../../files/sass/_mapView.scss */
.active-view .icon-animation-in {
  position: absolute;
  top: 80px;
  left: 0;
  width: 130px;
  height: 85px;
  background: url(../images/map/map_icon_animate_in.png) 0 0 no-repeat;
  animation: icon-animation-in 0.6s steps(12) forwards;
  -webkit-animation: icon-animation-in 0.6s steps(12) forwards;
}
/* line 138, ../../../files/sass/_mapView.scss */
.active-view .red-corner {
  position: absolute;
  top: -13px;
  left: -8px;
  width: 143px;
  height: 48px;
  background: url(../images/map/animation/redCorner_sprite.png) 0 0 no-repeat;
}
/* line 146, ../../../files/sass/_mapView.scss */
.active-view .red-corner.animate {
  animation: map-location-red-corner-animation 1.2s steps(23) infinite;
  -webkit-animation: map-location-red-corner-animation 1.2s steps(23) infinite;
}
/* line 152, ../../../files/sass/_mapView.scss */
.active-view .meter-animation {
  position: absolute;
  top: 0;
  left: 0;
  width: 101px;
  height: 8px;
  background: url(../images/map/animation/crawlingChevs_sprite.png) 0 0 no-repeat;
}
/* line 160, ../../../files/sass/_mapView.scss */
.active-view .meter-animation.animate {
  animation: map-location-meter-animation 1.2s steps(23) infinite;
  -webkit-animation: map-location-meter-animation 1.2s steps(23) infinite;
}
/* line 165, ../../../files/sass/_mapView.scss */
.active-view .meter-animation.fix {
  transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
}
/* line 170, ../../../files/sass/_mapView.scss */
.active-view .icon-animation {
  display: none;
}
/* line 174, ../../../files/sass/_mapView.scss */
.active-view.one {
  top: -150px;
  left: 20px;
}
/* line 194, ../../../files/sass/_mapView.scss */
.active-view.two {
  top: -135px;
  left: 38px;
}
/* line 214, ../../../files/sass/_mapView.scss */
.active-view.three {
  top: -159px;
  left: 22px;
}
/* line 219, ../../../files/sass/_mapView.scss */
.active-view.four {
  top: -145px;
  left: 30px;
}
/* line 224, ../../../files/sass/_mapView.scss */
.active-view.five {
  top: -127px;
  left: 46px;
}
/* line 229, ../../../files/sass/_mapView.scss */
.active-view.six {
  top: -162px;
  left: 14px;
}
/* line 234, ../../../files/sass/_mapView.scss */
.active-view.seven {
  top: -150px;
  left: 32px;
}
/* line 239, ../../../files/sass/_mapView.scss */
.active-view .active-view-btn {
  position: absolute;
  top: -14px;
  left: 0;
  width: 128px;
  height: 180px;
  z-index: 1;
}
/* line 248, ../../../files/sass/_mapView.scss */
.active-view .glow {
  position: absolute;
  top: -65px;
  left: -55px;
  width: 238px;
  height: 238px;
  background: url(../images/map/map_icon_glow.png) 0 0 no-repeat;
}
/* line 257, ../../../files/sass/_mapView.scss */
.active-view .arrow-glow {
  position: absolute;
  top: 170px;
  left: -20px;
  width: 167px;
  height: 61px;
  background: url(../images/map/map_arrow_glow.png) 0 0 no-repeat;
}
/* line 266, ../../../files/sass/_mapView.scss */
.active-view .arrow-indicator {
  position: absolute;
  top: 85px;
  left: 47px;
  width: 34px;
  height: 33px;
  background: url(../images/shared/sprite1.png) -132px -101px no-repeat;
}
/* line 277, ../../../files/sass/_mapView.scss */
.active-view .icon-container {
  position: absolute;
  top: 31px;
  left: 0px;
  width: 128px;
  height: 85px;
}
/* line 292, ../../../files/sass/_mapView.scss */
.active-view .undiscovered-icon {
  position: absolute;
  top: 1px;
  left: 2px;
  width: 123px;
  height: 82px;
  background: url(../images/map/mapLocation_thumb_zilla.png) 0 0 no-repeat;
}
/* line 302, ../../../files/sass/_mapView.scss */
.active-view.animate-in .arrow-indicator {
  animation: arrow-indicator-animate-in 0.2s ease-out 0s forwards;
  -webkit-animation: arrow-indicator-animate-in 0.2s ease-out 0s forwards;
}
/* line 306, ../../../files/sass/_mapView.scss */
.active-view.animate-in .icon-container {
  animation: icon-container-animate-in 0.3s ease-out 0s forwards;
  -webkit-animation: icon-container-animate-in 0.3s ease-out 0s forwards;
}
/* line 313, ../../../files/sass/_mapView.scss */
.active-view.in .arrow-indicator {
  top: 165px;
}
/* line 316, ../../../files/sass/_mapView.scss */
.active-view.in .icon-container {
  top: 0px;
}
/* line 322, ../../../files/sass/_mapView.scss */
.active-view.undiscovered .icon-animation {
  position: absolute;
  top: 80px;
}
/* line 327, ../../../files/sass/_mapView.scss */
.active-view.undiscovered .glow {
  top: 15px;
}
/* line 335, ../../../files/sass/_mapView.scss */
.active-view.undiscovered .icon-container {
  top: 0px;
}
/* line 339, ../../../files/sass/_mapView.scss */
.active-view.undiscovered .active-view-btn {
  top: 80px;
  height: 90px;
}
/* line 345, ../../../files/sass/_mapView.scss */
.active-view.undiscovered:hover .icon-container {
  animation: undiscovered-icon-container-hover 0.3s ease-out 0s forwards;
  -webkit-animation: undiscovered-icon-container-hover 0.3s ease-out 0s forwards;
}
/* line 350, ../../../files/sass/_mapView.scss */
.active-view.undiscovered:hover .frame {
  background-position: 0 -90px;
}
/* line 358, ../../../files/sass/_mapView.scss */
.active-view.out .icon-container {
  animation: icon-container-out 0.3s ease-out 0s forwards;
  -webkit-animation: icon-container-out 0.3s ease-out 0s forwards;
}
/* line 364, ../../../files/sass/_mapView.scss */
.active-view .icon {
  position: absolute;
  top: 1px;
  left: 2px;
  width: 123px;
  height: 82px;
  /*background: #666666;*/
}
/* line 373, ../../../files/sass/_mapView.scss */
.active-view .danger-indicator {
  position: absolute;
  top: 0;
  left: 3px;
  width: 100%;
  height: 100%;
  background: url(../images/map/map_hotspot_redGlow.png) 0 0 no-repeat;
  opacity: 0.5;
}
/* line 383, ../../../files/sass/_mapView.scss */
.active-view.danger .icon {
  /*background: #ff0000;*/
}
/* line 387, ../../../files/sass/_mapView.scss */
.active-view .frame {
  position: absolute;
  top: 0;
  left: 0;
  width: 128px;
  height: 85px;
  background: url(../images/map/map_icon_frame.png) 0 0 no-repeat;
}
/* line 396, ../../../files/sass/_mapView.scss */
.active-view .emergency-icon-container {
  width: 100%;
  height: 36px;
  position: absolute;
  left: 0px;
  top: -15px;
}
/* line 402, ../../../files/sass/_mapView.scss */
.active-view .emergency-icon-container .emergency-icon {
  background: url(../images/map/emergency_icons.png) 0 0 no-repeat;
  width: 34px;
  height: 34px;
  position: relative;
  float: right;
}
/* line 408, ../../../files/sass/_mapView.scss */
.active-view .emergency-icon-container .emergency-icon.disasterBioHazard {
  background-position: 0 0;
}
/* line 411, ../../../files/sass/_mapView.scss */
.active-view .emergency-icon-container .emergency-icon.disasterElectrical {
  background-position: -36px 0;
}
/* line 414, ../../../files/sass/_mapView.scss */
.active-view .emergency-icon-container .emergency-icon.disasterEvacuation {
  background-position: -72px 0;
}
/* line 417, ../../../files/sass/_mapView.scss */
.active-view .emergency-icon-container .emergency-icon.disasterExplosive {
  background-position: -108px 0;
}
/* line 420, ../../../files/sass/_mapView.scss */
.active-view .emergency-icon-container .emergency-icon.disasterFire {
  background-position: -144px;
}
/* line 423, ../../../files/sass/_mapView.scss */
.active-view .emergency-icon-container .emergency-icon.disasterNuclear {
  background-position: -180px 0;
}
/* line 426, ../../../files/sass/_mapView.scss */
.active-view .emergency-icon-container .emergency-icon.disasterStructural {
  background-position: -216px 0;
}
/* line 432, ../../../files/sass/_mapView.scss */
.active-view .damage-icon-container {
  position: absolute;
  top: 56px;
  left: 3px;
  width: 118px;
  height: 26px;
}
/* line 439, ../../../files/sass/_mapView.scss */
.active-view .damage-icon-container .damage-icons {
  position: absolute;
  top: 5px;
  left: 6px;
  width: 80px;
  height: 15px;
}
/* line 447, ../../../files/sass/_mapView.scss */
.active-view .damage-icon-container .background {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #000000;
  opacity: 0.6;
  -webkit-opacity: 0.6;
  -ms-opacity: 0.6;
  -moz-opacity: 0.6;
  -o-opacity: 0.6;
}
/* line 470, ../../../files/sass/_mapView.scss */
.active-view .meter-container {
  position: absolute;
  top: 65px;
  left: 10px;
  width: 99px;
}
/* line 477, ../../../files/sass/_mapView.scss */
.active-view .meter-background {
  background: #000000;
  opacity: 0.7;
  -webkit-opacity: 0.7;
  -ms-opacity: 0.7;
  -moz-opacity: 0.7;
  -o-opacity: 0.7;
  width: 100%;
}
/* line 483, ../../../files/sass/_mapView.scss */
.active-view .meter-label {
  position: relative;
  margin: 2px 0 3px 0;
  width: 100%;
  min-height: 12px;
}
/* line 489, ../../../files/sass/_mapView.scss */
.active-view .meter-label .severity-label {
  position: relative;
  float: left;
  text-align: left;
  color: white;
}
/* line 496, ../../../files/sass/_mapView.scss */
.active-view .meter-label .danger-label {
  position: relative;
  float: right;
  text-align: right;
  color: #ec7a0c;
}
/* line 504, ../../../files/sass/_mapView.scss */
.active-view .meter-box {
  position: relative;
  width: 97px;
  height: 8px;
  background: #1a1a1a;
  border: 1px solid #555555;
  clear: both;
}
/* line 514, ../../../files/sass/_mapView.scss */
.active-view .danger-icon {
  position: absolute;
  top: 0;
  right: 0;
  width: 35px;
  height: 8px;
  background: url(../images/shared/sprite1.png) -113px 0 no-repeat;
}
/* line 524, ../../../files/sass/_mapView.scss */
.active-view .meter {
  position: absolute;
  top: 0;
  left: 0;
  width: 78px;
  height: 100%;
  background: #ccca00;
}
/* line 532, ../../../files/sass/_mapView.scss */
.active-view .meter.warning {
  background: #c9721c;
}
/* line 536, ../../../files/sass/_mapView.scss */
.active-view .meter.severe {
  background: #e1301f;
}
/* line 541, ../../../files/sass/_mapView.scss */
.active-view .meter.fix {
  background: #16ab31;
}
/* line 546, ../../../files/sass/_mapView.scss */
.active-view .meter-danger {
  position: absolute;
  top: 0;
  left: 78px;
  width: 34px;
  height: 100%;
  background: #e1301f;
}

/* line 562, ../../../files/sass/_mapView.scss */
.active-view.in:hover .icon-container {
  animation: icon-container-hover 0.3s ease-out 0s forwards;
  -webkit-animation: icon-container-hover 0.3s ease-out 0s forwards;
}
/* line 567, ../../../files/sass/_mapView.scss */
.active-view.in:hover .frame {
  background-position: 0 -90px;
}
/* line 572, ../../../files/sass/_mapView.scss */
.active-view.in:hover.disabled .frame {
  background-position: 0 0;
}

/* line 578, ../../../files/sass/_mapView.scss */
.map-location-view {
  position: absolute;
  top: 0;
  left: 0;
  width: 128px;
  height: 100px;
}
/* line 585, ../../../files/sass/_mapView.scss */
.map-location-view .finished-view {
  position: absolute;
  top: 0;
  left: 0;
  /*background: url(../images/map/map_hotspots.png) 0 0 no-repeat;*/
  /*
  &.fixed {
  	background: #00ff00;
  }
  
  &.destroyed {
  	background: #ffff00;
  }*/
}
/* line 591, ../../../files/sass/_mapView.scss */
.map-location-view .finished-view .hotspot-icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* line 599, ../../../files/sass/_mapView.scss */
.map-location-view .finished-view .smoke {
  position: absolute;
  width: 300px;
  height: 300px;
  overflow: hidden;
}
/* line 605, ../../../files/sass/_mapView.scss */
.map-location-view .finished-view .smoke .smoke-fade {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  -webkit-opacity: 0.6;
  -ms-opacity: 0.6;
  -moz-opacity: 0.6;
  -o-opacity: 0.6;
}
/* line 614, ../../../files/sass/_mapView.scss */
.map-location-view .finished-view .smoke .smoke-animation-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* line 623, ../../../files/sass/_mapView.scss */
.map-location-view .finished-view.one {
  width: 183px;
  height: 101px;
}
/* line 627, ../../../files/sass/_mapView.scss */
.map-location-view .finished-view.one .smoke {
  top: -215px;
  left: 38px;
}
/* line 632, ../../../files/sass/_mapView.scss */
.map-location-view .finished-view.one.success {
  background-position: 0 -101px;
}
/* line 637, ../../../files/sass/_mapView.scss */
.map-location-view .finished-view.two {
  width: 214px;
  height: 126px;
}
/* line 641, ../../../files/sass/_mapView.scss */
.map-location-view .finished-view.two .smoke {
  top: -207px;
  left: 46px;
}
/* line 646, ../../../files/sass/_mapView.scss */
.map-location-view .finished-view.two.success {
  background-position: 0 -328px;
}
/* line 650, ../../../files/sass/_mapView.scss */
.map-location-view .finished-view.two.failure {
  background-position: 0 -202px;
}
/* line 655, ../../../files/sass/_mapView.scss */
.map-location-view .finished-view.three {
  width: 172px;
  height: 109px;
}
/* line 659, ../../../files/sass/_mapView.scss */
.map-location-view .finished-view.three .smoke {
  top: -217px;
  left: 35px;
}
/* line 664, ../../../files/sass/_mapView.scss */
.map-location-view .finished-view.three.success {
  background-position: 0 -563px;
}
/* line 668, ../../../files/sass/_mapView.scss */
.map-location-view .finished-view.three.failure {
  background-position: 0 -454px;
}
/* line 673, ../../../files/sass/_mapView.scss */
.map-location-view .finished-view.four {
  width: 194px;
  height: 132px;
}
/* line 677, ../../../files/sass/_mapView.scss */
.map-location-view .finished-view.four .smoke {
  top: -205px;
  left: 35px;
}
/* line 682, ../../../files/sass/_mapView.scss */
.map-location-view .finished-view.four.success {
  background-position: 0 -804px;
}
/* line 686, ../../../files/sass/_mapView.scss */
.map-location-view .finished-view.four.failure {
  background-position: 0 -672px;
}
/* line 691, ../../../files/sass/_mapView.scss */
.map-location-view .finished-view.five {
  width: 215px;
  height: 145px;
}
/* line 695, ../../../files/sass/_mapView.scss */
.map-location-view .finished-view.five .smoke {
  top: -195px;
  left: 60px;
}
/* line 700, ../../../files/sass/_mapView.scss */
.map-location-view .finished-view.five.success {
  background-position: 0 -1081px;
}
/* line 704, ../../../files/sass/_mapView.scss */
.map-location-view .finished-view.five.failure {
  background-position: 0 -936px;
}
/* line 709, ../../../files/sass/_mapView.scss */
.map-location-view .finished-view.six {
  width: 160px;
  height: 98px;
}
/* line 713, ../../../files/sass/_mapView.scss */
.map-location-view .finished-view.six .smoke {
  top: -214px;
  left: 31px;
}
/* line 718, ../../../files/sass/_mapView.scss */
.map-location-view .finished-view.six.success {
  background-position: 0 -1324px;
}
/* line 722, ../../../files/sass/_mapView.scss */
.map-location-view .finished-view.six.failure {
  background-position: 0 -1226px;
}
/* line 727, ../../../files/sass/_mapView.scss */
.map-location-view .finished-view.seven {
  width: 197px;
  height: 122px;
}
/* line 731, ../../../files/sass/_mapView.scss */
.map-location-view .finished-view.seven .smoke {
  top: -209px;
  left: 41px;
}
/* line 736, ../../../files/sass/_mapView.scss */
.map-location-view .finished-view.seven.success {
  background-position: 0 -1544px;
}
/* line 740, ../../../files/sass/_mapView.scss */
.map-location-view .finished-view.seven.failure {
  background-position: 0 -1422px;
}
/* line 754, ../../../files/sass/_mapView.scss */
.map-location-view .resource-background {
  position: absolute;
  top: 60px;
  left: 3px;
  width: 120px;
  height: 105px;
  background: #000000;
  opacity: 0.7;
  -webkit-opacity: 0.7;
  -ms-opacity: 0.7;
  -moz-opacity: 0.7;
  -o-opacity: 0.7;
}
/* line 763, ../../../files/sass/_mapView.scss */
.map-location-view .resource-icon-container {
  position: absolute;
  top: 60px;
  left: 3px;
  width: 120px;
  height: 105px;
}
/* line 770, ../../../files/sass/_mapView.scss */
.map-location-view .resources {
  top: 30px;
  width: 27px;
  height: 100%;
  position: absolute;
}
/* line 776, ../../../files/sass/_mapView.scss */
.map-location-view .resources .resource-icon {
  left: 2px;
  width: 27px;
  height: 27px;
  background: url(../images/map/map_resource_icons_small.png) 0 0 no-repeat;
}
/* line 784, ../../../files/sass/_mapView.scss */
.map-location-view .resources .resource-number {
  width: 100%;
  height: 24px;
  position: absolute;
  text-align: center;
  font-size: 20px;
  letter-spacing: 1px;
}
/* line 792, ../../../files/sass/_mapView.scss */
.map-location-view .resources .resource-number.ready {
  top: 30px;
}
/* line 795, ../../../files/sass/_mapView.scss */
.map-location-view .resources .resource-number.deployed {
  top: 50px;
  color: #d23627;
}
/* line 801, ../../../files/sass/_mapView.scss */
.map-location-view .resources .resource-disabled {
  position: absolute;
  top: 28px;
  left: 0;
  width: 27px;
  height: 45px;
  opacity: 0.6;
  -webkit-opacity: 0.6;
  -ms-opacity: 0.6;
  -moz-opacity: 0.6;
  -o-opacity: 0.6;
  background: #000;
}
/* line 811, ../../../files/sass/_mapView.scss */
.map-location-view .resources.resource-ground-force {
  left: 3px;
}
/* line 815, ../../../files/sass/_mapView.scss */
.map-location-view .resources.resource-armored-vehicle {
  left: 32px;
}
/* line 816, ../../../files/sass/_mapView.scss */
.map-location-view .resources.resource-armored-vehicle .resource-icon {
  background-position: -29px 0;
}
/* line 823, ../../../files/sass/_mapView.scss */
.map-location-view .resources.resource-city-engineer {
  left: 90px;
}
/* line 824, ../../../files/sass/_mapView.scss */
.map-location-view .resources.resource-city-engineer .resource-icon {
  background-position: -86px 0;
}
/* line 831, ../../../files/sass/_mapView.scss */
.map-location-view .resources.resource-trauma-unit {
  left: 61px;
}
/* line 832, ../../../files/sass/_mapView.scss */
.map-location-view .resources.resource-trauma-unit .resource-icon {
  background-position: -58px 0;
}

/* line 841, ../../../files/sass/_mapView.scss */
#mapView {
  /*background: #999999;*/
  /*left: -$content-left;
  width: $content-min-width;
  min-height: $content-min-height;
  max-height: $content-max-height;*/
}

/* line 1, ../../../files/sass/_helpView.scss */
.tutorial-left-button {
  width: 136px;
  height: 29px;
  background: url(../images/shared/button_tutorial_left.png) 0 0 no-repeat;
}
/* line 6, ../../../files/sass/_helpView.scss */
.tutorial-left-button .btn-label {
  width: 136px;
}

/* line 11, ../../../files/sass/_helpView.scss */
.tutorial-right-button {
  width: 136px;
  height: 29px;
  background: url(../images/shared/button_tutorial_right.png) 0 0 no-repeat;
}
/* line 16, ../../../files/sass/_helpView.scss */
.tutorial-right-button .btn-label {
  width: 136px;
}

/* line 21, ../../../files/sass/_helpView.scss */
.help-view {
  z-index: 10;
  /*.first-time-buttons {
  	position: absolute;
  	top: 460px;
  	left: 315px;
  }*/
  /*.continue-button {
  	position: relative;
  }*/
}
/* line 24, ../../../files/sass/_helpView.scss */
.help-view .content {
  position: absolute;
  top: 0px;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000000;
}
/* line 37, ../../../files/sass/_helpView.scss */
.help-view .note-left {
  width: 17px;
}
/* line 40, ../../../files/sass/_helpView.scss */
.help-view .note-left .note-label {
  position: absolute;
  right: 25px;
  text-align: left;
}
/* line 47, ../../../files/sass/_helpView.scss */
.help-view .note-left .note-arrow {
  position: absolute;
  background-position: -218px -137px;
}
/* line 55, ../../../files/sass/_helpView.scss */
.help-view .note-right .note-label {
  position: absolute;
  left: 25px;
  /*padding: 0 0 0 5px;*/
}
/* line 61, ../../../files/sass/_helpView.scss */
.help-view .note-right .note-arrow {
  /*float: left;*/
  position: absolute;
}
/* line 67, ../../../files/sass/_helpView.scss */
.help-view .note-top {
  height: 15px;
}
/* line 70, ../../../files/sass/_helpView.scss */
.help-view .note-top .note-arrow-vertical {
  background-position: -223px -162px;
}
/* line 74, ../../../files/sass/_helpView.scss */
.help-view .note-top .note-label {
  position: absolute;
  bottom: 20px;
  width: 100%;
  text-align: center;
}
/* line 82, ../../../files/sass/_helpView.scss */
.help-view .note-bottom {
  height: 15px;
}
/* line 85, ../../../files/sass/_helpView.scss */
.help-view .note-bottom .note-arrow-vertical {
  top: 0;
  background-position: -201px -162px;
}
/* line 91, ../../../files/sass/_helpView.scss */
.help-view .note-bottom .note-label {
  position: absolute;
  top: 18px;
  width: 100%;
  text-align: center;
}
/* line 99, ../../../files/sass/_helpView.scss */
.help-view .note-label {
  position: relative;
  letter-spacing: 2px;
}
/* line 105, ../../../files/sass/_helpView.scss */
.help-view .note-arrow {
  position: relative;
  width: 17px;
  height: 20px;
  background: url(../images/shared/sprite1.png) -201px -137px no-repeat;
}
/* line 113, ../../../files/sass/_helpView.scss */
.help-view .note-arrow-vertical {
  position: absolute;
  bottom: 0;
  width: 20px;
  height: 15px;
  background: url(../images/shared/sprite1.png) -223px -162px no-repeat;
  left: 50%;
  margin: 0 0 0 -10px;
}
/* line 124, ../../../files/sass/_helpView.scss */
.help-view .note-action {
  letter-spacing: 3px;
}
/* line 127, ../../../files/sass/_helpView.scss */
.help-view .note-action .note-label {
  color: white;
}
/* line 131, ../../../files/sass/_helpView.scss */
.help-view .note-action .note-label-bg {
  position: absolute;
  width: 0;
  height: 0;
  top: 0;
  left: 0;
  background: #990000;
  opacity: 0.4;
  -webkit-opacity: 0.4;
  -ms-opacity: 0.4;
  -moz-opacity: 0.4;
  -o-opacity: 0.4;
}
/* line 141, ../../../files/sass/_helpView.scss */
.help-view .note-action .note-left .note-label {
  right: 35px;
}
/* line 146, ../../../files/sass/_helpView.scss */
.help-view .instruction-prev-button {
  position: absolute;
  top: 45%;
  left: 20px;
  width: 25px;
  height: 40px;
  background: url(../images/shared/sprite1.png) -149px -137px no-repeat;
}
/* line 156, ../../../files/sass/_helpView.scss */
.help-view .instruction-next-button {
  position: absolute;
  top: 45%;
  right: 20px;
  width: 25px;
  height: 40px;
  background: url(../images/shared/sprite1.png) -176px -137px no-repeat;
}
/* line 166, ../../../files/sass/_helpView.scss */
.help-view .instruction-headers {
  position: absolute;
  top: 80px;
  left: 20px;
  width: 100%;
}
/* line 172, ../../../files/sass/_helpView.scss */
.help-view .instruction-headers .header {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  text-align: left;
  color: white;
}
/* line 181, ../../../files/sass/_helpView.scss */
.help-view .instruction-headers .subheader {
  color: #7a7a7a;
  float: left;
  margin-right: 10px;
}
/* line 187, ../../../files/sass/_helpView.scss */
.help-view .instruction-headers .card-header {
  float: left;
  overflow: hidden;
  position: relative;
  width: 980px;
  height: 50px;
}
/* line 194, ../../../files/sass/_helpView.scss */
.help-view .instruction-headers .card-header-slide {
  position: absolute;
  left: 0px;
}
/* line 200, ../../../files/sass/_helpView.scss */
.help-view .instruction-site-backgrounds {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.3;
}
/* line 209, ../../../files/sass/_helpView.scss */
.help-view .instruction-site-backgrounds .bg-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* line 217, ../../../files/sass/_helpView.scss */
.help-view .instruction-site-backgrounds .bg-02 {
  display: none;
}
/* line 222, ../../../files/sass/_helpView.scss */
.help-view .instruction-page-indicator {
  position: absolute;
  top: 140px;
  left: 20px;
}
/* line 227, ../../../files/sass/_helpView.scss */
.help-view .instruction-page-indicator .page {
  position: relative;
  float: left;
  margin: 0 5px 0 0;
  width: 15px;
  height: 5px;
  background: url(../images/shared/sprite1.png) -68px 0 no-repeat;
}
/* line 236, ../../../files/sass/_helpView.scss */
.help-view .instruction-page-indicator .page.disabled {
  background-position: -88px 0;
  opacity: 1;
  -webkit-opacity: 1;
  -ms-opacity: 1;
  -moz-opacity: 1;
  -o-opacity: 1;
}
/* line 250, ../../../files/sass/_helpView.scss */
.help-view .first-time-buttons, .help-view .subsequent-time-buttons {
  position: absolute;
  bottom: 135px;
  left: 200px;
}
/* line 257, ../../../files/sass/_helpView.scss */
.help-view .restart-button, .help-view .skip-button {
  position: absolute;
  top: 0px;
  left: 0;
}
/* line 267, ../../../files/sass/_helpView.scss */
.help-view .continue-button, .help-view .back-button {
  position: absolute;
  top: 0px;
  left: 200px;
}
/* line 273, ../../../files/sass/_helpView.scss */
.help-view .start-button {
  position: absolute;
  top: 0px;
  left: 100px;
}
/* line 279, ../../../files/sass/_helpView.scss */
.help-view .close-button {
  position: absolute;
  top: -10px;
  right: -10px;
  width: 20px;
  height: 20px;
  background: #009900;
}

/* line 290, ../../../files/sass/_helpView.scss */
.instruction-cards-container {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
/* line 307, ../../../files/sass/_helpView.scss */
.instruction-cards-container .instruction-card {
  position: absolute;
  width: 200px;
  height: 200px;
  opacity: 0;
  -webkit-opacity: 0;
  -ms-opacity: 0;
  -moz-opacity: 0;
  -o-opacity: 0;
}
/* line 317, ../../../files/sass/_helpView.scss */
.instruction-cards-container .card-one {
  width: 128px;
  height: 100px;
  top: 25%;
  left: 0;
}
/* line 323, ../../../files/sass/_helpView.scss */
.instruction-cards-container .card-one .map-location-view {
  position: absolute;
  top: 0px;
  left: 0px;
  background: url(../images/shared/help_emergency_icon_btn.png) 0 0 no-repeat;
  width: 130px;
  height: 151px;
}
/* line 330, ../../../files/sass/_helpView.scss */
.instruction-cards-container .card-one .map-location-view.two {
  top: 180px;
  left: 300px;
  opacity: 0.6;
  -webkit-opacity: 0.6;
  -ms-opacity: 0.6;
  -moz-opacity: 0.6;
  -o-opacity: 0.6;
}
/* line 336, ../../../files/sass/_helpView.scss */
.instruction-cards-container .card-one .map-location-view.three {
  top: 250px;
  left: -250px;
  opacity: 0.6;
  -webkit-opacity: 0.6;
  -ms-opacity: 0.6;
  -moz-opacity: 0.6;
  -o-opacity: 0.6;
}
/* line 343, ../../../files/sass/_helpView.scss */
.instruction-cards-container .card-one .note-one {
  position: absolute;
  top: 20px;
  left: -40px;
}
/* line 348, ../../../files/sass/_helpView.scss */
.instruction-cards-container .card-one .note-one .note-label {
  width: 260px;
}
/* line 352, ../../../files/sass/_helpView.scss */
.instruction-cards-container .card-one .note-one .note-arrow {
  right: -15px;
  top: 17px;
}
/* line 357, ../../../files/sass/_helpView.scss */
.instruction-cards-container .card-one .note-one .card-number {
  position: absolute;
  right: 300px;
  text-align: right;
  top: 0px;
  font-size: 48px;
}
/* line 367, ../../../files/sass/_helpView.scss */
.instruction-cards-container .card-one .note-two {
  position: absolute;
  top: 64px;
  left: 140px;
}
/* line 372, ../../../files/sass/_helpView.scss */
.instruction-cards-container .card-one .note-two .note-label {
  width: 280px;
}
/* line 388, ../../../files/sass/_helpView.scss */
.instruction-cards-container .card-two {
  width: 288px;
  height: 400px;
  top: 20%;
  left: 0;
}
/* line 393, ../../../files/sass/_helpView.scss */
.instruction-cards-container .card-two .tutorial-disaster-view {
  background: url(../images/shared/help_location_view.png) 0 0 no-repeat;
  width: 280px;
  height: 381px;
  left: -70px;
  position: absolute;
}
/* line 400, ../../../files/sass/_helpView.scss */
.instruction-cards-container .card-two .tutorial-disaster-name {
  font-size: 24px;
  top: 15px;
  right: 15px;
  position: absolute;
}
/* line 406, ../../../files/sass/_helpView.scss */
.instruction-cards-container .card-two .destruction {
  position: relative;
  float: right;
  margin: 178px 267px 0 0;
}
/* line 412, ../../../files/sass/_helpView.scss */
.instruction-cards-container .card-two .note-one {
  position: absolute;
  top: 217px;
  right: -89px;
  width: 180px;
}
/* line 417, ../../../files/sass/_helpView.scss */
.instruction-cards-container .card-two .note-one .note-arrow {
  left: 16px;
  top: 0px;
}
/* line 421, ../../../files/sass/_helpView.scss */
.instruction-cards-container .card-two .note-one .note-label {
  left: 41px;
}
/* line 426, ../../../files/sass/_helpView.scss */
.instruction-cards-container .card-two .note-two {
  position: absolute;
  top: 251px;
  left: 253px;
  width: 100px;
}
/* line 432, ../../../files/sass/_helpView.scss */
.instruction-cards-container .card-two .note-two .note-arrow {
  background-position: -201px -137px;
  left: -40px;
  top: 0px;
}
/* line 438, ../../../files/sass/_helpView.scss */
.instruction-cards-container .card-two .note-two .note-label {
  width: 300px;
  left: -14px;
  text-align: left;
}
/* line 444, ../../../files/sass/_helpView.scss */
.instruction-cards-container .card-two .note-two .title-two {
  position: absolute;
  top: 33px;
}
/* line 449, ../../../files/sass/_helpView.scss */
.instruction-cards-container .card-two .note-two .title-three {
  position: absolute;
  top: 65px;
}
/* line 456, ../../../files/sass/_helpView.scss */
.instruction-cards-container .card-two .note-three {
  position: absolute;
  top: 255px;
  left: -111px;
}
/* line 461, ../../../files/sass/_helpView.scss */
.instruction-cards-container .card-two .note-three img {
  margin: -7px -7px;
}
/* line 465, ../../../files/sass/_helpView.scss */
.instruction-cards-container .card-two .note-three .note-label {
  width: 330px;
}
/* line 469, ../../../files/sass/_helpView.scss */
.instruction-cards-container .card-two .note-three .note-arrow {
  right: -15px;
  top: 40px;
}
/* line 474, ../../../files/sass/_helpView.scss */
.instruction-cards-container .card-two .note-three .card-number {
  position: absolute;
  right: 365px;
  text-align: right;
  top: 0px;
  font-size: 48px;
}
/* line 486, ../../../files/sass/_helpView.scss */
.instruction-cards-container .card-three.available-resources {
  position: absolute;
  bottom: 44px;
  right: 0px;
  height: 120px;
}
/* line 494, ../../../files/sass/_helpView.scss */
.instruction-cards-container .card-three .resources-tracker .note-label {
  top: -20px;
  right: 10px;
  text-align: right;
}
/* line 501, ../../../files/sass/_helpView.scss */
.instruction-cards-container .card-three .note-one {
  position: absolute;
  right: 80px;
  top: -215px;
  width: 350px;
}
/* line 506, ../../../files/sass/_helpView.scss */
.instruction-cards-container .card-three .note-one .note-label {
  text-align: left;
  top: 20px;
  right: 0px;
  width: 375px;
}
/* line 515, ../../../files/sass/_helpView.scss */
.instruction-cards-container .card-three .card-number {
  position: absolute;
  right: 410px;
  text-align: right;
  top: 0px;
  font-size: 48px;
}
/* line 524, ../../../files/sass/_helpView.scss */
.instruction-cards-container .card-three .note-arrow {
  position: absolute;
  background-position: -222px -160px;
  width: 20px;
  bottom: -50px;
  right: 40px;
}
/* line 535, ../../../files/sass/_helpView.scss */
.instruction-cards-container .card-four.quick-nav {
  bottom: 0px;
  height: 140px;
}
/* line 539, ../../../files/sass/_helpView.scss */
.instruction-cards-container .card-four .quick-nav .back-to-map {
  position: absolute;
  top: 0px;
  left: 20px;
  width: 140px;
  height: 97px;
  background: url(../images/shared/help_minimap.png) 0 0 no-repeat;
}
/* line 547, ../../../files/sass/_helpView.scss */
.instruction-cards-container .card-four .tutorial-disaster-view {
  position: absolute;
  top: 45px;
  left: 275px;
  width: 239px;
  height: 265px;
  background: url(../images/pause/tutorial_emergency_panel.png) 0 0 no-repeat;
}
/* line 555, ../../../files/sass/_helpView.scss */
.instruction-cards-container .card-four .tutorial-disaster-view .tutorial-disaster-name {
  position: absolute;
  top: 10px;
  right: 20px;
  text-align: right;
  color: white;
}
/* line 563, ../../../files/sass/_helpView.scss */
.instruction-cards-container .card-four .tutorial-disaster-view .tutorial-danger {
  position: absolute;
  top: 150px;
  right: 20px;
  text-align: right;
  color: #ec7a0c;
}
/* line 572, ../../../files/sass/_helpView.scss */
.instruction-cards-container .card-four .note-label {
  width: 300px;
  right: -65px;
}
/* line 577, ../../../files/sass/_helpView.scss */
.instruction-cards-container .card-four .note-one {
  position: absolute;
  top: -160px;
  left: 300px;
}
/* line 583, ../../../files/sass/_helpView.scss */
.instruction-cards-container .card-four .card-number {
  position: absolute;
  right: 334px;
  top: 0px;
  text-align: right;
  font-size: 48px;
}
/* line 592, ../../../files/sass/_helpView.scss */
.instruction-cards-container .card-four .note-arrow {
  position: absolute;
  background-position: -222px -160px;
  width: 20px;
  bottom: -50px;
  left: 0px;
}
/* line 601, ../../../files/sass/_helpView.scss */
.instruction-cards-container .card-five {
  width: 128px;
  height: 100px;
  top: 25%;
  left: 0;
}
/* line 607, ../../../files/sass/_helpView.scss */
.instruction-cards-container .card-five .map-location-view {
  position: absolute;
  top: 0px;
  left: 0px;
  background: url(../images/shared/help_emergency_icon_2_btn.png) 0 0 no-repeat;
  width: 162px;
  height: 238px;
}
/* line 614, ../../../files/sass/_helpView.scss */
.instruction-cards-container .card-five .map-location-view.two {
  top: 500px;
  left: 300px;
  opacity: 0.4;
  -webkit-opacity: 0.4;
  -ms-opacity: 0.4;
  -moz-opacity: 0.4;
  -o-opacity: 0.4;
}
/* line 620, ../../../files/sass/_helpView.scss */
.instruction-cards-container .card-five .map-location-view.three {
  top: 300px;
  left: -600px;
  opacity: 0.4;
  -webkit-opacity: 0.4;
  -ms-opacity: 0.4;
  -moz-opacity: 0.4;
  -o-opacity: 0.4;
}
/* line 627, ../../../files/sass/_helpView.scss */
.instruction-cards-container .card-five .note-one {
  position: absolute;
  top: 40px;
  left: -40px;
}
/* line 632, ../../../files/sass/_helpView.scss */
.instruction-cards-container .card-five .note-one .note-label {
  width: 270px;
}
/* line 636, ../../../files/sass/_helpView.scss */
.instruction-cards-container .card-five .note-one .note-arrow {
  right: -20px;
  top: 27px;
}
/* line 641, ../../../files/sass/_helpView.scss */
.instruction-cards-container .card-five .note-one .card-number {
  position: absolute;
  right: 300px;
  top: 0px;
  text-align: right;
  font-size: 48px;
}
/* line 651, ../../../files/sass/_helpView.scss */
.instruction-cards-container .card-five .note-two {
  position: absolute;
  top: 10px;
  left: 170px;
}
/* line 656, ../../../files/sass/_helpView.scss */
.instruction-cards-container .card-five .note-two .note-label {
  width: 280px;
}
/* line 672, ../../../files/sass/_helpView.scss */
.instruction-cards-container .card-six {
  right: 0px;
  top: 17px;
  position: absolute;
  width: 440px;
}
/* line 678, ../../../files/sass/_helpView.scss */
.instruction-cards-container .card-six .destruction {
  display: none;
}
/* line 682, ../../../files/sass/_helpView.scss */
.instruction-cards-container .card-six .note-one {
  position: absolute;
  top: 65px;
  width: 310px;
  left: 30px;
}
/* line 689, ../../../files/sass/_helpView.scss */
.instruction-cards-container .card-six .note-arrow-vertical {
  background-position: -200px -162px;
  top: -14px;
  bottom: auto;
}
/* line 695, ../../../files/sass/_helpView.scss */
.instruction-cards-container .card-six .note-label {
  top: 30px;
  width: 350px;
  text-align: left;
}
/* line 701, ../../../files/sass/_helpView.scss */
.instruction-cards-container .card-six .card-number {
  position: absolute;
  top: 0px;
  right: 390px;
  text-align: right;
  font-size: 48px;
}

/*
#firstTimeHelpView {
	width: 0;
	height: 0;
	
	.instruction-cards-container {
		background: none;
	}
}

.tutorial-pop-up {
	position: absolute;
	padding: 10px 0 10px 0;
	color: $font-color-white;
	
	.note-left {
		opacity: 1;
		
	}
	
	.note-label {
		top: -5px;
		padding: 15px 20px 15px 20px !important;
		background: rgba(0, 0, 0, 0.7);
		color: $font-color-white;
	}
	
	&.note-left .note-arrow, &.note-right .note-arrow {
		top: 10px;
	}
	
	&.pop-up-one {
		top: 160px;
		left: 910px;
		// width: 275px !important;
		
		.note-label {
			width: 185px !important;
		}
	}
	
	&.pop-up-two {
		top: 210px;
		left: 1080px;
		// width: 200px !important;
		
		.note-label {
			width: 100px !important;
		}
	}
	
	&.pop-up-three {
		top: 518px;
		left: 490px;
		// width: 240px !important;
		
		.note-label {
			width: 215px !important;
		}
	}
	
	&.pop-up-four {
		top: 750px;
		left: 0px;
		// width: 200px !important;
		
		.note-label {
			width: 230px !important;
		}
	}
	
	&.pop-up-five {
		top: 750px;
		left: 320px;
		// width: 200px !important;
		width: 20px;
		
		.note-label {
			top: 0px;
			left: 25px;
			width: 600px;
		}
	}
	
	&.pop-up-six {
		top: 750px;
		left: 320px;
		
		.note-label {
			width: 400px;
		}
	}
}
*/
@keyframes instruction-card-bg-animation-in {
  /* line 811, ../../../files/sass/_helpView.scss */
  from {
    background-position: 0px 0px;
  }

  /* line 812, ../../../files/sass/_helpView.scss */
  to {
    background-position: 0px -3546px;
  }
}

@-webkit-keyframes instruction-card-bg-animation-in {
  /* line 815, ../../../files/sass/_helpView.scss */
  from {
    background-position: 0px 0px;
  }

  /* line 816, ../../../files/sass/_helpView.scss */
  to {
    background-position: 0px -3546px;
  }
}

/* line 1, ../../../files/sass/_preload.scss */
#preloadContainer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  min-width: 1260px;
  min-height: 650px;
  z-index: 30;
  background: #000000;
}
/* line 12, ../../../files/sass/_preload.scss */
#preloadContainer .content {
  position: relative;
  top: 50%;
  width: 211px;
  text-align: center;
  margin: -124px auto 0 auto;
}
/* line 26, ../../../files/sass/_preload.scss */
#preloadContainer .preload-icon {
  position: relative;
  width: 211px;
  height: 208px;
}
/* line 31, ../../../files/sass/_preload.scss */
#preloadContainer .preload-icon .static-icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* line 39, ../../../files/sass/_preload.scss */
#preloadContainer .preload-icon .animation-icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
}
/* line 47, ../../../files/sass/_preload.scss */
#preloadContainer .preload-icon .animation-icon .animation-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* line 55, ../../../files/sass/_preload.scss */
#preloadContainer .preload-icon .animation-icon .animation-static-icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* line 63, ../../../files/sass/_preload.scss */
#preloadContainer .preload-icon .animation-icon .animation-pulse-container, #preloadContainer .preload-icon .animation-icon .animation-flip-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 211px;
  height: 208px;
}
/* line 73, ../../../files/sass/_preload.scss */
#preloadContainer .percentage-text {
  position: relative;
  font-size: 40px;
  color: #e1301f;
}

/* line 3, ../../../files/sass/_resultView.scss */
#resultView .content-mask {
  position: absolute;
  top: 120px;
  left: 367px;
  width: 865px;
  height: 484px;
  overflow: hidden;
}
/* line 11, ../../../files/sass/_resultView.scss */
#resultView .content-mask.out {
  opacity: 0;
  -webkit-opacity: 0;
  -ms-opacity: 0;
  -moz-opacity: 0;
  -o-opacity: 0;
  width: 0;
}
/* line 16, ../../../files/sass/_resultView.scss */
#resultView .content-mask.animate-in {
  animation: start-view-content-animate-in 0.8s ease-in 0s forwards;
  -webkit-animation: start-view-content-animate-in 0.8s ease-in 0s forwards;
}
/* line 22, ../../../files/sass/_resultView.scss */
#resultView .content {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 865px;
  height: 484px;
  background: url(../images/landing/landing_bg_info.png) 0 0 no-repeat;
}
/* line 31, ../../../files/sass/_resultView.scss */
#resultView .line {
  position: absolute;
  top: 0;
  left: 0;
  width: 768px;
  height: 1px;
  border-top: 1px solid #7a7a7a;
  opacity: 0.5;
  -webkit-opacity: 0.5;
  -ms-opacity: 0.5;
  -moz-opacity: 0.5;
  -o-opacity: 0.5;
}
/* line 42, ../../../files/sass/_resultView.scss */
#resultView .result-screen {
  position: absolute;
  top: 0;
  left: 48px;
  width: 768px;
  height: 100%;
}
/* line 49, ../../../files/sass/_resultView.scss */
#resultView .result-screen .top-line {
  top: 110px;
}
/* line 53, ../../../files/sass/_resultView.scss */
#resultView .result-screen .bottom-line {
  top: 360px;
}
/* line 58, ../../../files/sass/_resultView.scss */
#resultView .header {
  position: absolute;
  top: 50px;
  width: 100%;
  text-align: center;
  color: #e1301f;
}
/* line 66, ../../../files/sass/_resultView.scss */
#resultView .damage {
  position: absolute;
  top: 170px;
  width: 100%;
  text-align: center;
}
/* line 72, ../../../files/sass/_resultView.scss */
#resultView .damage.no-tip {
  top: 150px;
}
/* line 76, ../../../files/sass/_resultView.scss */
#resultView .damage .damage-line-one {
  position: relative;
  color: #e1301f;
}
/* line 82, ../../../files/sass/_resultView.scss */
#resultView .damage .damage-line-two {
  color: #e1301f;
}
/* line 86, ../../../files/sass/_resultView.scss */
#resultView .damage .percentage {
  color: white;
}
/* line 91, ../../../files/sass/_resultView.scss */
#resultView .tip {
  position: absolute;
  top: 300px;
  left: 50px;
  width: 668px;
  text-align: center;
  color: white;
}
/* line 100, ../../../files/sass/_resultView.scss */
#resultView .play-again-button {
  position: absolute;
  top: 380px;
  left: 135px;
}
/* line 106, ../../../files/sass/_resultView.scss */
#resultView .share-buttons {
  position: absolute;
  top: 380px;
  left: 312px;
}
/* line 110, ../../../files/sass/_resultView.scss */
#resultView .share-buttons .share-button {
  float: left;
  position: relative;
  margin-right: 10px;
}
/* line 114, ../../../files/sass/_resultView.scss */
#resultView .share-buttons .share-button .btn-icon {
  background: url(../images/shared/results_share_icons.png) 0 0 no-repeat;
  width: 90px;
  height: 61px;
  position: absolute;
  top: -10px;
  left: 0px;
}
/* line 121, ../../../files/sass/_resultView.scss */
#resultView .share-buttons .share-button .btn-icon:hover, #resultView .share-buttons .share-button .btn-icon.active {
  background-position: -89px 0;
}
/* line 125, ../../../files/sass/_resultView.scss */
#resultView .share-buttons .share-button.googleplus .btn-icon {
  background-position: 0 0;
}
/* line 129, ../../../files/sass/_resultView.scss */
#resultView .share-buttons .share-button.facebook .btn-icon {
  background-position: 0 -70px;
}
/* line 133, ../../../files/sass/_resultView.scss */
#resultView .share-buttons .share-button.twitter .btn-icon {
  background-position: 0 -140px;
}
/* line 138, ../../../files/sass/_resultView.scss */
#resultView .share-buttons .share-button:hover.googleplus .btn-icon {
  background-position: -89px 0;
}
/* line 142, ../../../files/sass/_resultView.scss */
#resultView .share-buttons .share-button:hover.facebook .btn-icon {
  background-position: -89px -70px;
}
/* line 146, ../../../files/sass/_resultView.scss */
#resultView .share-buttons .share-button:hover.twitter .btn-icon {
  background-position: -89px -140px;
}
/* line 156, ../../../files/sass/_resultView.scss */
#resultView .failure-screen .play-again-button {
  left: 295px;
}
/* line 160, ../../../files/sass/_resultView.scss */
#resultView .failure-screen .damage {
  top: 180px;
}

@keyframes start-view-content-animate-in {
  /* line 2, ../../../files/sass/_startView.scss */
  from {
    width: 0px;
    opacity: 0;
    -webkit-opacity: 0;
    -ms-opacity: 0;
    -moz-opacity: 0;
    -o-opacity: 0;
  }

  /* line 3, ../../../files/sass/_startView.scss */
  to {
    width: 865px;
    opacity: 1;
    -webkit-opacity: 1;
    -ms-opacity: 1;
    -moz-opacity: 1;
    -o-opacity: 1;
  }
}

@-webkit-keyframes start-view-content-animate-in {
  /* line 6, ../../../files/sass/_startView.scss */
  from {
    width: 0px;
    opacity: 0;
    -webkit-opacity: 0;
    -ms-opacity: 0;
    -moz-opacity: 0;
    -o-opacity: 0;
  }

  /* line 7, ../../../files/sass/_startView.scss */
  to {
    width: 865px;
    opacity: 1;
    -webkit-opacity: 1;
    -ms-opacity: 1;
    -moz-opacity: 1;
    -o-opacity: 1;
  }
}

@keyframes start-view-left-content-animate-in {
  /* line 11, ../../../files/sass/_startView.scss */
  from {
    left: -50px;
    opacity: 0;
    -webkit-opacity: 0;
    -ms-opacity: 0;
    -moz-opacity: 0;
    -o-opacity: 0;
  }

  /* line 12, ../../../files/sass/_startView.scss */
  to {
    left: 0;
    opacity: 1;
    -webkit-opacity: 1;
    -ms-opacity: 1;
    -moz-opacity: 1;
    -o-opacity: 1;
  }
}

@-webkit-keyframes start-view-left-content-animate-in {
  /* line 15, ../../../files/sass/_startView.scss */
  from {
    left: -50px;
    opacity: 0;
    -webkit-opacity: 0;
    -ms-opacity: 0;
    -moz-opacity: 0;
    -o-opacity: 0;
  }

  /* line 16, ../../../files/sass/_startView.scss */
  to {
    left: 0;
    opacity: 1;
    -webkit-opacity: 1;
    -ms-opacity: 1;
    -moz-opacity: 1;
    -o-opacity: 1;
  }
}

@keyframes start-view-right-content-animate-in {
  /* line 20, ../../../files/sass/_startView.scss */
  from {
    left: 350px;
    opacity: 0;
    -webkit-opacity: 0;
    -ms-opacity: 0;
    -moz-opacity: 0;
    -o-opacity: 0;
  }

  /* line 21, ../../../files/sass/_startView.scss */
  to {
    left: 400px;
    opacity: 1;
    -webkit-opacity: 1;
    -ms-opacity: 1;
    -moz-opacity: 1;
    -o-opacity: 1;
  }
}

@-webkit-keyframes start-view-right-content-animate-in {
  /* line 24, ../../../files/sass/_startView.scss */
  from {
    left: 350px;
    opacity: 0;
    -webkit-opacity: 0;
    -ms-opacity: 0;
    -moz-opacity: 0;
    -o-opacity: 0;
  }

  /* line 25, ../../../files/sass/_startView.scss */
  to {
    left: 400px;
    opacity: 1;
    -webkit-opacity: 1;
    -ms-opacity: 1;
    -moz-opacity: 1;
    -o-opacity: 1;
  }
}

@keyframes start-view-white-icon-animate-in {
  /* line 29, ../../../files/sass/_startView.scss */
  from {
    transform: scale3d(1.2, 1.2, 1.2);
    -webkit-transform: scale3d(1.2, 1.2, 1.2);
    -ms-transform: scale3d(1.2, 1.2, 1.2);
    -moz-transform: scale3d(1.2, 1.2, 1.2);
    -o-transform: scale3d(1.2, 1.2, 1.2);
    opacity: 0.5;
    -webkit-opacity: 0.5;
    -ms-opacity: 0.5;
    -moz-opacity: 0.5;
    -o-opacity: 0.5;
  }

  /* line 30, ../../../files/sass/_startView.scss */
  to {
    transform: scale3d(1, 1, 1);
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    -o-transform: scale3d(1, 1, 1);
    opacity: 0;
    -webkit-opacity: 0;
    -ms-opacity: 0;
    -moz-opacity: 0;
    -o-opacity: 0;
  }
}

@-webkit-keyframes start-view-white-icon-animate-in {
  /* line 33, ../../../files/sass/_startView.scss */
  from {
    transform: scale3d(1.2, 1.2, 1.2);
    -webkit-transform: scale3d(1.2, 1.2, 1.2);
    -ms-transform: scale3d(1.2, 1.2, 1.2);
    -moz-transform: scale3d(1.2, 1.2, 1.2);
    -o-transform: scale3d(1.2, 1.2, 1.2);
    opacity: 0.5;
    -webkit-opacity: 0.5;
    -ms-opacity: 0.5;
    -moz-opacity: 0.5;
    -o-opacity: 0.5;
  }

  /* line 34, ../../../files/sass/_startView.scss */
  to {
    transform: scale3d(1, 1, 1);
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    -o-transform: scale3d(1, 1, 1);
    opacity: 0;
    -webkit-opacity: 0;
    -ms-opacity: 0;
    -moz-opacity: 0;
    -o-opacity: 0;
  }
}

@keyframes start-view-icon-animate-in {
  /* line 38, ../../../files/sass/_startView.scss */
  from {
    transform: scale3d(1.2, 1.2, 1.2) rotateZ(-90deg);
    -webkit-transform: scale3d(1.2, 1.2, 1.2) rotateZ(-90deg);
    -ms-transform: scale3d(1.2, 1.2, 1.2) rotateZ(-90deg);
    -moz-transform: scale3d(1.2, 1.2, 1.2) rotateZ(-90deg);
    -o-transform: scale3d(1.2, 1.2, 1.2) rotateZ(-90deg);
    opacity: 1;
    -webkit-opacity: 1;
    -ms-opacity: 1;
    -moz-opacity: 1;
    -o-opacity: 1;
  }

  /* line 39, ../../../files/sass/_startView.scss */
  to {
    transform: scale3d(1, 1, 1) rotateZ(0deg);
    -webkit-transform: scale3d(1, 1, 1) rotateZ(0deg);
    -ms-transform: scale3d(1, 1, 1) rotateZ(0deg);
    -moz-transform: scale3d(1, 1, 1) rotateZ(0deg);
    -o-transform: scale3d(1, 1, 1) rotateZ(0deg);
    opacity: 1;
    -webkit-opacity: 1;
    -ms-opacity: 1;
    -moz-opacity: 1;
    -o-opacity: 1;
  }
}

@-webkit-keyframes start-view-icon-animate-in {
  /* line 42, ../../../files/sass/_startView.scss */
  from {
    transform: scale3d(1.2, 1.2, 1.2) rotateZ(-90deg);
    -webkit-transform: scale3d(1.2, 1.2, 1.2) rotateZ(-90deg);
    -ms-transform: scale3d(1.2, 1.2, 1.2) rotateZ(-90deg);
    -moz-transform: scale3d(1.2, 1.2, 1.2) rotateZ(-90deg);
    -o-transform: scale3d(1.2, 1.2, 1.2) rotateZ(-90deg);
    opacity: 1;
    -webkit-opacity: 1;
    -ms-opacity: 1;
    -moz-opacity: 1;
    -o-opacity: 1;
  }

  /* line 43, ../../../files/sass/_startView.scss */
  to {
    transform: scale3d(1, 1, 1) rotateZ(0deg);
    -webkit-transform: scale3d(1, 1, 1) rotateZ(0deg);
    -ms-transform: scale3d(1, 1, 1) rotateZ(0deg);
    -moz-transform: scale3d(1, 1, 1) rotateZ(0deg);
    -o-transform: scale3d(1, 1, 1) rotateZ(0deg);
    opacity: 1;
    -webkit-opacity: 1;
    -ms-opacity: 1;
    -moz-opacity: 1;
    -o-opacity: 1;
  }
}

@keyframes start-view-picture-animate-in {
  /* line 47, ../../../files/sass/_startView.scss */
  from {
    width: 0;
  }

  /* line 48, ../../../files/sass/_startView.scss */
  to {
    width: 147px;
  }
}

@-webkit-keyframes start-view-picture-animate-in {
  /* line 51, ../../../files/sass/_startView.scss */
  from {
    width: 0;
  }

  /* line 52, ../../../files/sass/_startView.scss */
  to {
    width: 147px;
  }
}

@keyframes start-view-label-animate-in {
  /* line 56, ../../../files/sass/_startView.scss */
  from {
    width: 0;
  }

  /* line 57, ../../../files/sass/_startView.scss */
  to {
    width: 179px;
  }
}

@-webkit-keyframes start-view-label-animate-in {
  /* line 60, ../../../files/sass/_startView.scss */
  from {
    width: 0;
  }

  /* line 61, ../../../files/sass/_startView.scss */
  to {
    width: 179px;
  }
}

/* line 67, ../../../files/sass/_startView.scss */
#startView {
  /*background: #999900;*/
  /*&.animate-out {
  	animation: site-background-slide-out-up 0.5s ease-out 0s forwards;
  	-webkit-animation: site-background-slide-out-up 0.5s ease-out 0s forwards;
  }*/
}
/* line 75, ../../../files/sass/_startView.scss */
#startView .content-mask {
  position: absolute;
  top: 120px;
  left: 367px;
  width: 865px;
  height: 484px;
  overflow: hidden;
}
/* line 83, ../../../files/sass/_startView.scss */
#startView .content-mask.out {
  opacity: 0;
  -webkit-opacity: 0;
  -ms-opacity: 0;
  -moz-opacity: 0;
  -o-opacity: 0;
  width: 0;
}
/* line 88, ../../../files/sass/_startView.scss */
#startView .content-mask.animate-in {
  animation: start-view-content-animate-in 0.8s ease-in 0s forwards;
  -webkit-animation: start-view-content-animate-in 0.8s ease-in 0s forwards;
}
/* line 94, ../../../files/sass/_startView.scss */
#startView .content {
  position: absolute;
  top: 0;
  left: 0;
  width: 865px;
  height: 484px;
  background: url(../images/landing/landing_bg_info.png) 0 0 no-repeat;
}
/* line 103, ../../../files/sass/_startView.scss */
#startView .left-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 400px;
  height: 100%;
}
/* line 110, ../../../files/sass/_startView.scss */
#startView .left-content.out {
  left: -50px;
  opacity: 0;
  -webkit-opacity: 0;
  -ms-opacity: 0;
  -moz-opacity: 0;
  -o-opacity: 0;
}
/* line 115, ../../../files/sass/_startView.scss */
#startView .left-content.animate-in {
  animation: start-view-left-content-animate-in 0.3s ease-out 0.4s forwards;
  -webkit-animation: start-view-left-content-animate-in 0.3s ease-out 0.4s forwards;
}
/* line 120, ../../../files/sass/_startView.scss */
#startView .left-content .title {
  position: absolute;
  top: 50px;
  left: 50px;
  width: 296px;
  height: 239px;
  /*background: url(../images/shared/tt_medium.png) 0 0 no-repeat;*/
}
/* line 129, ../../../files/sass/_startView.scss */
#startView .left-content .game-title {
  position: absolute;
  top: 110px;
  left: 50px;
  width: 300px;
  font-size: 110px;
}
/* line 139, ../../../files/sass/_startView.scss */
#startView .landing-divider {
  position: absolute;
  top: 45px;
  left: 395px;
  height: 393px;
  width: 1px;
  background: url(../images/landing/landing_line_divider.png) 0 0 no-repeat;
}
/* line 148, ../../../files/sass/_startView.scss */
#startView .right-content {
  position: absolute;
  top: 0;
  left: 400px;
  height: 100%;
  width: 465px;
}
/* line 155, ../../../files/sass/_startView.scss */
#startView .right-content.out {
  left: 350px;
  opacity: 0;
  -webkit-opacity: 0;
  -ms-opacity: 0;
  -moz-opacity: 0;
  -o-opacity: 0;
}
/* line 160, ../../../files/sass/_startView.scss */
#startView .right-content.animate-in {
  animation: start-view-right-content-animate-in 0.3s ease-out 0.7s forwards;
  -webkit-animation: start-view-right-content-animate-in 0.3s ease-out 0.7s forwards;
}
/* line 165, ../../../files/sass/_startView.scss */
#startView .right-content .header {
  position: relative;
  width: 400px;
  color: #e1301f;
  margin: 40px 0 20px 40px;
}
/* line 172, ../../../files/sass/_startView.scss */
#startView .right-content .subheader {
  position: relative;
  width: 400px;
  color: white;
  margin: 0 0 30px 40px;
}
/* line 179, ../../../files/sass/_startView.scss */
#startView .right-content .subheader-grey {
  color: #7a7a7a;
}
/* line 183, ../../../files/sass/_startView.scss */
#startView .right-content .resource-description-container {
  position: relative;
  width: 400px;
  margin: 0 0 0 40px;
}
/* line 188, ../../../files/sass/_startView.scss */
#startView .right-content .resource-description-container .resource-description {
  position: absolute;
  top: 0;
  left: 0;
  width: 179px;
  min-height: 80px;
}
/* line 195, ../../../files/sass/_startView.scss */
#startView .right-content .resource-description-container .resource-description.ground-forces {
  top: 0;
  left: 0;
}
/* line 199, ../../../files/sass/_startView.scss */
#startView .right-content .resource-description-container .resource-description.ground-forces .resource {
  background: url(../images/landing/landing_sprite.png) -128px -2px no-repeat;
}
/* line 203, ../../../files/sass/_startView.scss */
#startView .right-content .resource-description-container .resource-description.ground-forces .resource.animate-in {
  animation: start-view-icon-animate-in 0.4s linear 1.2s forwards;
  -webkit-animation: start-view-icon-animate-in 0.4s linear 1.2s forwards;
}
/* line 210, ../../../files/sass/_startView.scss */
#startView .right-content .resource-description-container .resource-description.ground-forces .resource-animate-in.animate-in {
  animation: start-view-white-icon-animate-in 0.4s linear 1.2s forwards;
  -webkit-animation: start-view-white-icon-animate-in 0.4s linear 1.2s forwards;
}
/* line 216, ../../../files/sass/_startView.scss */
#startView .right-content .resource-description-container .resource-description.ground-forces .person-picture {
  background: url(../images/landing/landing_sprite.png) -300px -65px no-repeat;
}
/* line 219, ../../../files/sass/_startView.scss */
#startView .right-content .resource-description-container .resource-description.ground-forces .person-picture.animate-in {
  width: 0;
  animation: start-view-picture-animate-in 0.5s linear 1.2s forwards;
  -webkit-animation: start-view-picture-animate-in 0.5s linear 1.2s forwards;
}
/* line 227, ../../../files/sass/_startView.scss */
#startView .right-content .resource-description-container .resource-description.ground-forces .label-mask.animate-in {
  width: 0;
  animation: start-view-label-animate-in 0.4s linear 1.4s forwards;
  -webkit-animation: start-view-label-animate-in 0.4s linear 1.4s forwards;
}
/* line 240, ../../../files/sass/_startView.scss */
#startView .right-content .resource-description-container .resource-description.armored-vehicles {
  top: 0;
  left: 200px;
}
/* line 244, ../../../files/sass/_startView.scss */
#startView .right-content .resource-description-container .resource-description.armored-vehicles .resource {
  background: url(../images/landing/landing_sprite.png) -254px -2px no-repeat;
}
/* line 248, ../../../files/sass/_startView.scss */
#startView .right-content .resource-description-container .resource-description.armored-vehicles .resource.animate-in {
  animation: start-view-icon-animate-in 0.4s linear 1.45s forwards;
  -webkit-animation: start-view-icon-animate-in 0.4s linear 1.45s forwards;
}
/* line 255, ../../../files/sass/_startView.scss */
#startView .right-content .resource-description-container .resource-description.armored-vehicles .resource-animate-in.animate-in {
  animation: start-view-white-icon-animate-in 0.4s linear 1.45s forwards;
  -webkit-animation: start-view-white-icon-animate-in 0.4s linear 1.45s forwards;
}
/* line 261, ../../../files/sass/_startView.scss */
#startView .right-content .resource-description-container .resource-description.armored-vehicles .person-picture {
  background: url(../images/landing/landing_sprite.png) -2px -65px no-repeat;
}
/* line 264, ../../../files/sass/_startView.scss */
#startView .right-content .resource-description-container .resource-description.armored-vehicles .person-picture.animate-in {
  width: 0;
  animation: start-view-picture-animate-in 0.5s linear 1.45s forwards;
  -webkit-animation: start-view-picture-animate-in 0.5s linear 1.45s forwards;
}
/* line 272, ../../../files/sass/_startView.scss */
#startView .right-content .resource-description-container .resource-description.armored-vehicles .label-mask.animate-in {
  width: 0;
  animation: start-view-label-animate-in 0.4s linear 1.65s forwards;
  -webkit-animation: start-view-label-animate-in 0.4s linear 1.65s forwards;
}
/* line 285, ../../../files/sass/_startView.scss */
#startView .right-content .resource-description-container .resource-description.trauma-units {
  top: 100px;
  left: 0;
}
/* line 289, ../../../files/sass/_startView.scss */
#startView .right-content .resource-description-container .resource-description.trauma-units .resource {
  background: url(../images/landing/landing_sprite.png) -2px -2px no-repeat;
}
/* line 292, ../../../files/sass/_startView.scss */
#startView .right-content .resource-description-container .resource-description.trauma-units .resource.animate-in {
  animation: start-view-icon-animate-in 0.4s linear 1.7s forwards;
  -webkit-animation: start-view-icon-animate-in 0.4s linear 1.7s forwards;
}
/* line 299, ../../../files/sass/_startView.scss */
#startView .right-content .resource-description-container .resource-description.trauma-units .resource-animate-in.animate-in {
  animation: start-view-white-icon-animate-in 0.4s linear 1.7s forwards;
  -webkit-animation: start-view-white-icon-animate-in 0.4s linear 1.7s forwards;
}
/* line 305, ../../../files/sass/_startView.scss */
#startView .right-content .resource-description-container .resource-description.trauma-units .person-picture {
  background: url(../images/landing/landing_sprite.png) -151px -65px no-repeat;
}
/* line 308, ../../../files/sass/_startView.scss */
#startView .right-content .resource-description-container .resource-description.trauma-units .person-picture.animate-in {
  width: 0;
  animation: start-view-picture-animate-in 0.5s linear 1.7s forwards;
  -webkit-animation: start-view-picture-animate-in 0.5s linear 1.7s forwards;
}
/* line 316, ../../../files/sass/_startView.scss */
#startView .right-content .resource-description-container .resource-description.trauma-units .label-mask.animate-in {
  width: 0;
  animation: start-view-label-animate-in 0.4s linear 1.9s forwards;
  -webkit-animation: start-view-label-animate-in 0.4s linear 1.9s forwards;
}
/* line 329, ../../../files/sass/_startView.scss */
#startView .right-content .resource-description-container .resource-description.city-engineers {
  top: 100px;
  left: 200px;
}
/* line 333, ../../../files/sass/_startView.scss */
#startView .right-content .resource-description-container .resource-description.city-engineers .resource {
  background: url(../images/landing/landing_sprite.png) -191px -2px no-repeat;
}
/* line 336, ../../../files/sass/_startView.scss */
#startView .right-content .resource-description-container .resource-description.city-engineers .resource.animate-in {
  animation: start-view-icon-animate-in 0.4s linear 1.95s forwards;
  -webkit-animation: start-view-icon-animate-in 0.4s linear 1.95s forwards;
}
/* line 343, ../../../files/sass/_startView.scss */
#startView .right-content .resource-description-container .resource-description.city-engineers .resource-animate-in.animate-in {
  animation: start-view-white-icon-animate-in 0.4s linear 1.95s forwards;
  -webkit-animation: start-view-white-icon-animate-in 0.4s linear 1.95s forwards;
}
/* line 349, ../../../files/sass/_startView.scss */
#startView .right-content .resource-description-container .resource-description.city-engineers .person-picture {
  background: url(../images/landing/landing_sprite.png) -317px -2px no-repeat;
}
/* line 352, ../../../files/sass/_startView.scss */
#startView .right-content .resource-description-container .resource-description.city-engineers .person-picture.animate-in {
  width: 0;
  animation: start-view-picture-animate-in 0.5s linear 1.95s forwards;
  -webkit-animation: start-view-picture-animate-in 0.5s linear 1.95s forwards;
}
/* line 360, ../../../files/sass/_startView.scss */
#startView .right-content .resource-description-container .resource-description.city-engineers .label-mask.animate-in {
  width: 0;
  animation: start-view-label-animate-in 0.4s linear 2.15s forwards;
  -webkit-animation: start-view-label-animate-in 0.4s linear 2.15s forwards;
}
/* line 374, ../../../files/sass/_startView.scss */
#startView .right-content .resource-description-container .icon {
  position: relative;
  width: 179px;
  height: 67px;
}
/* line 379, ../../../files/sass/_startView.scss */
#startView .right-content .resource-description-container .icon .resource, #startView .right-content .resource-description-container .icon .resource-animate-in {
  position: absolute;
  top: 0;
  left: 0;
  width: 61px;
  height: 61px;
  opacity: 0;
  -webkit-opacity: 0;
  -ms-opacity: 0;
  -moz-opacity: 0;
  -o-opacity: 0;
}
/* line 388, ../../../files/sass/_startView.scss */
#startView .right-content .resource-description-container .icon .resource-animate-in {
  background: url(../images/landing/landing_sprite.png) -65px -2px no-repeat;
}
/* line 394, ../../../files/sass/_startView.scss */
#startView .right-content .resource-description-container .icon .person-picture {
  position: absolute;
  top: 0;
  left: 30px;
  width: 147px;
  height: 60px;
  width: 0;
}
/* line 405, ../../../files/sass/_startView.scss */
#startView .right-content .resource-description-container .label {
  position: relative;
  width: 179px;
  color: #d13726;
  word-wrap: break-word;
}
/* line 413, ../../../files/sass/_startView.scss */
#startView .right-content .resource-description-container .label-mask {
  position: relative;
  margin: 5px 0 0 10px;
  width: 179px;
  overflow: hidden;
}
/* line 423, ../../../files/sass/_startView.scss */
#startView .play-button {
  position: absolute;
  top: 390px;
  left: 50px;
  font-size: 40px;
}

@keyframes transition-player-animate-in {
  /* line 3, ../../../files/sass/_gameView.scss */
  from {
    margin-top: 0;
    margin-left: 100%;
  }

  /* line 4, ../../../files/sass/_gameView.scss */
  to {
    margin-top: 0;
    left: 0;
  }
}

@-webkit-keyframes transition-player-animate-in {
  /* line 7, ../../../files/sass/_gameView.scss */
  from {
    margin-top: 0;
    margin-left: 100%;
  }

  /* line 8, ../../../files/sass/_gameView.scss */
  to {
    margin-top: 0;
    margin-left: 0;
  }
}

@keyframes transition-player-animate-in-slide-right {
  /* line 12, ../../../files/sass/_gameView.scss */
  from {
    margin-top: 0;
    margin-left: -100%;
  }

  /* line 13, ../../../files/sass/_gameView.scss */
  to {
    margin-top: 0;
    margin-left: 0;
  }
}

@-webkit-keyframes transition-player-animate-in-slide-right {
  /* line 16, ../../../files/sass/_gameView.scss */
  from {
    margin-top: 0;
    margin-left: -100%;
  }

  /* line 17, ../../../files/sass/_gameView.scss */
  to {
    margin-top: 0;
    margin-left: 0;
  }
}

@keyframes transition-player-animate-out {
  /* line 21, ../../../files/sass/_gameView.scss */
  from {
    margin-top: 0;
    margin-left: 0;
  }

  /* line 22, ../../../files/sass/_gameView.scss */
  to {
    margin-top: 0;
    margin-left: 100%;
  }
}

@-webkit-keyframes transition-player-animate-out {
  /* line 25, ../../../files/sass/_gameView.scss */
  from {
    margin-top: 0;
    margin-left: 0;
  }

  /* line 26, ../../../files/sass/_gameView.scss */
  to {
    margin-top: 0;
    margin-left: 100%;
  }
}

/* line 29, ../../../files/sass/_gameView.scss */
#gameView {
  /*
  &.slide-out-down {
  	animation: site-background-slide-out-down 0.5s ease-out 0s forwards;
  	-webkit-animation: site-background-slide-out-down 0.5s ease-out 0s forwards;
  }
  
  &.slide-out-left {
  	animation: site-background-slide-out-left 0.5s ease-out 0s forwards;
  	-webkit-animation: site-background-slide-out-left 0.5s ease-out 0s forwards;
  }
  
  &.slide-in-left {
  	animation: site-background-slide-in-left 0.5s ease-out 0s forwards;
  	-webkit-animation: site-background-slide-in-left 0.5s ease-out 0s forwards;
  }
  
  &.slide-in-right {
  	animation: site-background-slide-in-right 0.5s ease-out 0s forwards;
  	-webkit-animation: site-background-slide-in-right 0.5s ease-out 0s forwards;
  }
  */
}
/* line 31, ../../../files/sass/_gameView.scss */
#gameView #gameViewFadeLeft {
  position: absolute;
  top: 0;
  left: -170px;
  width: 135px;
  height: 100%;
  z-index: 4;
}
/* line 40, ../../../files/sass/_gameView.scss */
#gameView #gameViewFadeRight {
  position: absolute;
  top: 0;
  right: -170px;
  width: 123px;
  height: 100%;
  z-index: 4;
}
/* line 48, ../../../files/sass/_gameView.scss */
#gameView #gameViewFadeTop {
  position: absolute;
  top: -30px;
  left: -145px;
  width: 1550px;
  height: 133px;
  z-index: 4;
}
/* line 56, ../../../files/sass/_gameView.scss */
#gameView #gameViewFadeBottom {
  position: absolute;
  bottom: -10px;
  left: -145px;
  width: 1550px;
  height: 133px;
  z-index: 4;
}
/* line 86, ../../../files/sass/_gameView.scss */
#gameView #transitionVideoPlayerContainer {
  top: 0;
  /*left: $content-left;
  width: $content-max-width;
  height: $content-max-height;*/
  left: 0;
  width: 1600px;
  height: 900px;
  background: #000000;
}
/* line 96, ../../../files/sass/_gameView.scss */
#gameView #transitionVideoPlayerContainer.animate-in {
  animation: transition-player-animate-in 0.5s ease-out 0s forwards;
  -webkit-animation: transition-player-animate-in 0.5s ease-out 0s forwards;
}
/* line 101, ../../../files/sass/_gameView.scss */
#gameView #transitionVideoPlayerContainer.animate-in-slide-right {
  animation: transition-player-animate-in-slide-right 0.5s ease-out 0s forwards;
  -webkit-animation: transition-player-animate-in-slide-right 0.5s ease-out 0s forwards;
}
/* line 106, ../../../files/sass/_gameView.scss */
#gameView #transitionVideoPlayerContainer.animate-out {
  animation: transition-player-animate-out 0.5s ease-out 0s forwards;
  -webkit-animation: transition-player-animate-out 0.5s ease-out 0s forwards;
}
/* line 111, ../../../files/sass/_gameView.scss */
#gameView #transitionVideoPlayerContainer .video-player-container {
  width: 100%;
  height: 100%;
}