@import url(https://fonts.googleapis.com/css?family=Noto+Serif:400,700&subset=greek);
@charset "UTF-8";
/* ---------------- */
/* Custom Variables */
/* ---------------- */
/* Break-points */
/*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */
/* Document
       ========================================================================== */
/**
     * 1. Correct the line height in all browsers.
     * 2. Prevent adjustments of font size after orientation changes in
     *    IE on Windows Phone and in iOS.
     */
html {
  /* Change the default font family in all browsers (opinionated). */
  font-family: "Open Sans", sans-serif;
  line-height: 1.15;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/* Sections
       ========================================================================== */
/**
     * Remove the margin in all browsers (opinionated).
     */
body {
  margin: 0;
}

/**
     * Add the correct display in IE 9-.
     */
article,
aside,
footer,
header,
nav,
section {
  display: block;
}

/**
     * Correct the font size and margin on `h1` elements within `section` and
     * `article` contexts in Chrome, Firefox, and Safari.
     */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
       ========================================================================== */
/**
     * Add the correct display in IE 9-.
     */
figcaption,
figure {
  display: block;
}

/**
     * Add the correct margin in IE 8.
     */
figure {
  margin: 1em 40px;
}

/**
     * 1. Add the correct box sizing in Firefox.
     * 2. Show the overflow in Edge and IE.
     */
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
     * Add the correct display in IE.
     */
main {
  display: block;
}

/**
     * 1. Correct the inheritance and scaling of font size in all browsers.
     * 2. Correct the odd `em` font sizing in all browsers.
     */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Links
       ========================================================================== */
/**
     * 1. Remove the gray background on active links in IE 10.
     * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
     */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */
}

/* Text-level semantics
       ========================================================================== */
/**
     * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
     * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
     */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  /* 2 */
}

/**
     * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
     */
b,
strong {
  font-weight: inherit;
}

/**
     * Add the correct font weight in Chrome, Edge, and Safari.
     */
b,
strong {
  font-weight: bolder;
}

/**
     * 1. Correct the inheritance and scaling of font size in all browsers.
     * 2. Correct the odd `em` font sizing in all browsers.
     */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
     * Add the correct font style in Android 4.3-.
     */
dfn {
  font-style: italic;
}

/**
     * Add the correct background and color in IE 9-.
     */
mark {
  background-color: #ff0;
  color: #000;
}

/**
     * Add the correct font size in all browsers.
     */
small {
  font-size: 80%;
}

/**
     * Prevent `sub` and `sup` elements from affecting the line height in
     * all browsers.
     */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}

/* Embedded content
       ========================================================================== */
/**
     * Add the correct display in IE 9-.
     */
audio,
video {
  display: inline-block;
}

/**
     * Add the correct display in iOS 4-7.
     */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
     * Remove the border on images inside links in IE 10-.
     */
img {
  border-style: none;
}

/**
     * Hide the overflow in IE.
     */
svg:not(:root) {
  overflow: hidden;
}

/* Forms
       ========================================================================== */
/**
     * 1. Change the font styles in all browsers (opinionated).
     * 2. Remove the margin in Firefox and Safari.
     */
button,
input,
optgroup,
select,
textarea {
  font-family: "Open Sans", sans-serif;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
     * Show the overflow in IE.
     */
button {
  overflow: visible;
}

/**
     * Remove the inheritance of text transform in Edge, Firefox, and IE.
     * 1. Remove the inheritance of text transform in Firefox.
     */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
     * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
     *    controls in Android 4.
     * 2. Correct the inability to style clickable types in iOS and Safari.
     */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
}
button,
[type="button"],
[type="reset"],
[type="submit"] {
  /**
       * Remove the inner border and padding in Firefox.
       */
  /**
       * Restore the focus styles unset by the previous rule.
       */
}
button::-moz-focus-inner,
  [type="button"]::-moz-focus-inner,
  [type="reset"]::-moz-focus-inner,
  [type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}
button:-moz-focusring,
  [type="button"]:-moz-focusring,
  [type="reset"]:-moz-focusring,
  [type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
}

/**
     * Show the overflow in Edge.
     */
input {
  overflow: visible;
}

/**
     * 1. Add the correct box sizing in IE 10-.
     * 2. Remove the padding in IE 10-.
     */
[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
     * Correct the cursor style of increment and decrement buttons in Chrome.
     */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
     * 1. Correct the odd appearance in Chrome and Safari.
     * 2. Correct the outline style in Safari.
     */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
  /**
       * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
       */
}
[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
     * 1. Correct the inability to style clickable types in iOS and Safari.
     * 2. Change font properties to `inherit` in Safari.
     */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/**
     * Correct the padding in Firefox.
     */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
     * 1. Correct the text wrapping in Edge and IE.
     * 2. Correct the color inheritance from `fieldset` elements in IE.
     * 3. Remove the padding so developers are not caught out when they zero out
     *    `fieldset` elements in all browsers.
     */
legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  color: inherit;
  /* 2 */
  white-space: normal;
  /* 1 */
}

/**
     * 1. Add the correct display in IE 9-.
     * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
     */
progress {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

/**
     * Remove the default vertical scrollbar in IE.
     */
textarea {
  overflow: auto;
}

/* Interactive
       ========================================================================== */
/*
     * Add the correct display in Edge, IE, and Firefox.
     */
details {
  display: block;
}

/*
     * Add the correct display in all browsers.
     */
summary {
  display: list-item;
}

/*
     * Add the correct display in IE 9-.
     */
menu {
  display: block;
}

/* Scripting
       ========================================================================== */
/**
     * Add the correct display in IE 9-.
     */
canvas {
  display: inline-block;
}

/**
     * Add the correct display in IE.
     */
template {
  display: none;
}

/* Hidden
       ========================================================================== */
/**
     * Add the correct display in IE 10-.
     */
[hidden] {
  display: none;
}
html {
  height: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  min-height: 100%;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  background-color: #333333;
  color: #454b60;
}
::-moz-selection {
  background-color: rgba(254, 196, 36, 0.7);
  color: #454b60;
}
::selection {
  background-color: rgba(254, 196, 36, 0.7);
  color: #454b60;
}
::-moz-selection {
  background-color: rgba(254, 196, 36, 0.7);
  color: #454b60;
}
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-thumb {
  background: rgba(249, 161, 29, 0.7);
  border-radius: 4px;
}
::-webkit-scrollbar-track {
  background: #dadbdf;
  border-radius: 4px;
}
.width-100 {
  width: 100%;
}
.relative {
  position: relative;
}
.block {
  display: block;
}
.inline {
  display: inline;
}
.inline-block {
  display: inline-block;
}
.float-left {
  float: left;
}
.float-right {
  float: right;
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.cursor-pointer {
  cursor: pointer;
}
.margin-right-unit {
  margin-right: 8px;
}
.margin-left-unit {
  margin-left: 8px;
}
.fill-height-or-more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.flex-basis-grow {
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.flex-wrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.flex-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.flex-1 {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.align-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.align-baseline {
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
.justify-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.justify-space-between {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.justify-space-around {
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.justify-flex-end {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.text-underline {
  text-decoration: underline;
}

/* 
 * Old css files
 * To be broken down and replaced within vue components
 */
/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.7.0
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2018 Daniel Eden
 */
@-webkit-keyframes bounce {
from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
}
70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
}
90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
}
}
@keyframes bounce {
from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
}
70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
}
90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
}
}
.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}
@-webkit-keyframes flash {
from,
  50%,
  to {
    opacity: 1;
}
25%,
  75% {
    opacity: 0;
}
}
@keyframes flash {
from,
  50%,
  to {
    opacity: 1;
}
25%,
  75% {
    opacity: 0;
}
}
.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}
50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
}
to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}
}
@keyframes pulse {
from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}
50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
}
to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}
}
.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}
@-webkit-keyframes rubberBand {
from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}
30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
}
40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
}
50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
}
65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
}
75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
}
to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}
}
@keyframes rubberBand {
from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}
30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
}
40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
}
50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
}
65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
}
75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
}
to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}
}
.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}
@-webkit-keyframes shake {
from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
}
20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
}
}
@keyframes shake {
from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
}
20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
}
}
.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}
@-webkit-keyframes headShake {
0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}
6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
}
18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
}
31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
}
43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
}
50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}
}
@keyframes headShake {
0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}
6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
}
18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
}
31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
}
43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
}
50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}
}
.headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake;
}
@-webkit-keyframes swing {
20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
}
40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
}
60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
}
80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
}
to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
}
}
@keyframes swing {
20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
}
40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
}
60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
}
80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
}
to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
}
}
.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}
@-webkit-keyframes tada {
from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}
10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
}
30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}
}
@keyframes tada {
from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}
10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
}
30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}
}
.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
}
@keyframes wobble {
from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
}
.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}
@-webkit-keyframes jello {
from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
    -webkit-transform: skewX(0.39063deg) skewY(0.39063deg);
    transform: skewX(0.39063deg) skewY(0.39063deg);
}
88.8% {
    -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    transform: skewX(-0.19531deg) skewY(-0.19531deg);
}
}
@keyframes jello {
from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
    -webkit-transform: skewX(0.39063deg) skewY(0.39063deg);
    transform: skewX(0.39063deg) skewY(0.39063deg);
}
88.8% {
    -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    transform: skewX(-0.19531deg) skewY(-0.19531deg);
}
}
.jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center;
}
@-webkit-keyframes heartBeat {
0% {
    -webkit-transform: scale(1);
    transform: scale(1);
}
14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}
28% {
    -webkit-transform: scale(1);
    transform: scale(1);
}
42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}
70% {
    -webkit-transform: scale(1);
    transform: scale(1);
}
}
@keyframes heartBeat {
0% {
    -webkit-transform: scale(1);
    transform: scale(1);
}
14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}
28% {
    -webkit-transform: scale(1);
    transform: scale(1);
}
42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}
70% {
    -webkit-transform: scale(1);
    transform: scale(1);
}
}
.heartBeat {
  -webkit-animation-name: heartBeat;
  animation-name: heartBeat;
  -webkit-animation-duration: 1.3s;
  animation-duration: 1.3s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
@-webkit-keyframes bounceIn {
from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
}
20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
}
40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
}
60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
}
80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
}
to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}
}
@keyframes bounceIn {
from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
}
20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
}
40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
}
60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
}
80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
}
to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}
}
.bounceIn {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
}
60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
}
75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
}
90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
}
to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInDown {
from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
}
60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
}
75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
}
90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
}
to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
}
.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
}
60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
}
75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
}
90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
}
to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInLeft {
from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
}
60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
}
75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
}
90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
}
to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
}
.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
}
60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
}
75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
}
90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
}
to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInRight {
from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
}
60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
}
75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
}
90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
}
to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
}
.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
}
60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
}
75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
}
90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
}
to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInUp {
from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
}
60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
}
75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
}
90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
}
to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
}
.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
}
50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
}
to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
}
}
@keyframes bounceOut {
20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
}
50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
}
to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
}
}
.bounceOut {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
}
40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
}
to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
}
}
@keyframes bounceOutDown {
20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
}
40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
}
to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
}
}
.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
}
to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
}
}
@keyframes bounceOutLeft {
20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
}
to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
}
}
.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
}
to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
}
}
@keyframes bounceOutRight {
20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
}
to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
}
}
.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
}
40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
}
to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
}
}
@keyframes bounceOutUp {
20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
}
40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
}
to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
}
}
.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
from {
    opacity: 0;
}
to {
    opacity: 1;
}
}
@keyframes fadeIn {
from {
    opacity: 0;
}
to {
    opacity: 1;
}
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
}
to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInDown {
from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
}
to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
}
to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInDownBig {
from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
}
to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
}
.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
}
to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInLeft {
from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
}
to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
}
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
}
to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInLeftBig {
from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
}
to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
}
.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
}
to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInRight {
from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
}
to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
}
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
}
to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInRightBig {
from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
}
to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
}
.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
}
to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInUp {
from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
}
to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
}
to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInUpBig {
from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
}
to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
}
.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
from {
    opacity: 1;
}
to {
    opacity: 0;
}
}
@keyframes fadeOut {
from {
    opacity: 1;
}
to {
    opacity: 0;
}
}
.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
from {
    opacity: 1;
}
to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
}
}
@keyframes fadeOutDown {
from {
    opacity: 1;
}
to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
}
}
.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
from {
    opacity: 1;
}
to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
}
}
@keyframes fadeOutDownBig {
from {
    opacity: 1;
}
to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
}
}
.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
from {
    opacity: 1;
}
to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
}
}
@keyframes fadeOutLeft {
from {
    opacity: 1;
}
to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
}
}
.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
from {
    opacity: 1;
}
to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
}
}
@keyframes fadeOutLeftBig {
from {
    opacity: 1;
}
to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
}
}
.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
from {
    opacity: 1;
}
to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
}
}
@keyframes fadeOutRight {
from {
    opacity: 1;
}
to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
}
}
.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
from {
    opacity: 1;
}
to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
}
}
@keyframes fadeOutRightBig {
from {
    opacity: 1;
}
to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
}
}
.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
from {
    opacity: 1;
}
to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
}
}
@keyframes fadeOutUp {
from {
    opacity: 1;
}
to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
}
}
.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
from {
    opacity: 1;
}
to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
}
}
@keyframes fadeOutUpBig {
from {
    opacity: 1;
}
to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
}
}
.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}
40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}
50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}
80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}
to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}
}
@keyframes flip {
from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}
40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}
50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}
80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}
to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}
}
.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}
@-webkit-keyframes flipInX {
from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
}
40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}
60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
}
80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
}
}
@keyframes flipInX {
from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
}
40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}
60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
}
80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
}
}
.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}
@-webkit-keyframes flipInY {
from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
}
40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}
60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
}
80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
}
}
@keyframes flipInY {
from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
}
40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}
60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
}
80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
}
}
.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
}
30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
}
to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
}
}
@keyframes flipOutX {
from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
}
30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
}
to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
}
}
.flipOutX {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
}
30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
}
to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
}
}
@keyframes flipOutY {
from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
}
30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
}
to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
}
}
.flipOutY {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
}
60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
}
80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
}
to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
}
@keyframes lightSpeedIn {
from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
}
60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
}
80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
}
to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
}
.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
from {
    opacity: 1;
}
to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
}
}
@keyframes lightSpeedOut {
from {
    opacity: 1;
}
to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
}
}
.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
}
to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
}
}
@keyframes rotateIn {
from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
}
to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
}
}
.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
}
to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
}
}
@keyframes rotateInDownLeft {
from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
}
to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
}
}
.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
}
to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
}
}
@keyframes rotateInDownRight {
from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
}
to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
}
}
.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
}
to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
}
}
@keyframes rotateInUpLeft {
from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
}
to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
}
}
.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
}
to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
}
}
@keyframes rotateInUpRight {
from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
}
to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
}
}
.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
}
to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
}
}
@keyframes rotateOut {
from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
}
to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
}
}
.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
}
to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
}
}
@keyframes rotateOutDownLeft {
from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
}
to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
}
}
.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
}
to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
}
}
@keyframes rotateOutDownRight {
from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
}
to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
}
}
.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
}
to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
}
}
@keyframes rotateOutUpLeft {
from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
}
to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
}
}
.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
}
to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
}
}
@keyframes rotateOutUpRight {
from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
}
to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
}
}
.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}
@-webkit-keyframes hinge {
0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}
20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}
40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
}
to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
}
}
@keyframes hinge {
0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}
20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}
40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
}
to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
}
}
.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-name: hinge;
  animation-name: hinge;
}
@-webkit-keyframes jackInTheBox {
from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
}
50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
}
70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
}
to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
}
@keyframes jackInTheBox {
from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
}
50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
}
70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
}
to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
}
.jackInTheBox {
  -webkit-animation-name: jackInTheBox;
  animation-name: jackInTheBox;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
}
@keyframes rollIn {
from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
}
.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
from {
    opacity: 1;
}
to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
@keyframes rollOut {
from {
    opacity: 1;
}
to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}
@-webkit-keyframes zoomIn {
from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
}
50% {
    opacity: 1;
}
}
@keyframes zoomIn {
from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
}
50% {
    opacity: 1;
}
}
.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInDown {
from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInLeft {
from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInRight {
from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInUp {
from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
from {
    opacity: 1;
}
50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
}
to {
    opacity: 0;
}
}
@keyframes zoomOut {
from {
    opacity: 1;
}
50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
}
to {
    opacity: 0;
}
}
.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomOutDown {
40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}
@-webkit-keyframes zoomOutLeft {
40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
}
to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
}
}
@keyframes zoomOutLeft {
40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
}
to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
}
}
.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}
@-webkit-keyframes zoomOutRight {
40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
}
to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
}
}
@keyframes zoomOutRight {
40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
}
to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
}
}
.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}
@-webkit-keyframes zoomOutUp {
40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomOutUp {
40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}
@-webkit-keyframes slideInDown {
from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
}
to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
}
@keyframes slideInDown {
from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
}
to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
}
.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
}
to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
}
@keyframes slideInLeft {
from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
}
to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
}
.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
}
to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
}
@keyframes slideInRight {
from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
}
to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
}
.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
}
to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
}
@keyframes slideInUp {
from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
}
to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
}
.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
}
}
@keyframes slideOutDown {
from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
}
}
.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
}
}
@keyframes slideOutLeft {
from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
}
}
.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
}
}
@keyframes slideOutRight {
from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
}
}
.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
}
}
@keyframes slideOutUp {
from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
}
}
.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.animated.delay-1s {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}
.animated.delay-2s {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}
.animated.delay-3s {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
}
.animated.delay-4s {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
}
.animated.delay-5s {
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
}
.animated.fast {
  -webkit-animation-duration: 800ms;
  animation-duration: 800ms;
}
.animated.faster {
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
}
.animated.slow {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}
.animated.slower {
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
}
.animated.bounceOut {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}
.animated.delay1 {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
.animated.delay2 {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
}
.animated.delay3 {
  -webkit-animation-delay: 0.9s;
  animation-delay: 0.9s;
}
.animated.delay4 {
  -webkit-animation-delay: 1.2s;
  animation-delay: 1.2s;
}
.animated.delay5 {
  -webkit-animation-delay: 1.5s;
  animation-delay: 1.5s;
}
.animated.delay6 {
  -webkit-animation-delay: 1.8s;
  animation-delay: 1.8s;
}
.animated.delay7 {
  -webkit-animation-delay: 2.1s;
  animation-delay: 2.1s;
}
.animated.delay8 {
  -webkit-animation-delay: 2.4s;
  animation-delay: 2.4s;
}
.animated.delay9 {
  -webkit-animation-delay: 2.7s;
  animation-delay: 2.7s;
}
.animated.delay10 {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
}
.animated.delay11 {
  -webkit-animation-delay: 3.3s;
  animation-delay: 3.3s;
}
.animated.delay12 {
  -webkit-animation-delay: 3.6s;
  animation-delay: 3.6s;
}
.animated.delay13 {
  -webkit-animation-delay: 3.9s;
  animation-delay: 3.9s;
}
.animated.delay14 {
  -webkit-animation-delay: 4.2s;
  animation-delay: 4.2s;
}
.animated.delay15 {
  -webkit-animation-delay: 4.5s;
  animation-delay: 4.5s;
}
.animated.delay16 {
  -webkit-animation-delay: 4.8s;
  animation-delay: 4.8s;
}
.animated.delay17 {
  -webkit-animation-delay: 5.1s;
  animation-delay: 5.1s;
}
.animated.delay18 {
  -webkit-animation-delay: 5.4s;
  animation-delay: 5.4s;
}
.animated.delay19 {
  -webkit-animation-delay: 5.7s;
  animation-delay: 5.7s;
}
.animated.delay20 {
  -webkit-animation-delay: 6s;
  animation-delay: 6s;
}
.animated.delay21 {
  -webkit-animation-delay: 6.3s;
  animation-delay: 6.3s;
}
.animated.delay22 {
  -webkit-animation-delay: 6.6s;
  animation-delay: 6.6s;
}
.animated.delay23 {
  -webkit-animation-delay: 6.9s;
  animation-delay: 6.9s;
}
.animated.delay24 {
  -webkit-animation-delay: 7.2s;
  animation-delay: 7.2s;
}
.animated.delay25 {
  -webkit-animation-delay: 7.5s;
  animation-delay: 7.5s;
}
.animated.delay26 {
  -webkit-animation-delay: 7.8s;
  animation-delay: 7.8s;
}
.animated.delay27 {
  -webkit-animation-delay: 8.1s;
  animation-delay: 8.1s;
}
.animated.delay28 {
  -webkit-animation-delay: 8.4s;
  animation-delay: 8.4s;
}
.animated.delay29 {
  -webkit-animation-delay: 8.7s;
  animation-delay: 8.7s;
}
.animated.delay30 {
  -webkit-animation-delay: 9s;
  animation-delay: 9s;
}
.animated.delay31 {
  -webkit-animation-delay: 9.3s;
  animation-delay: 9.3s;
}
.animated.delay32 {
  -webkit-animation-delay: 9.6s;
  animation-delay: 9.6s;
}
.animated.delay33 {
  -webkit-animation-delay: 9.9s;
  animation-delay: 9.9s;
}
.animated.delay34 {
  -webkit-animation-delay: 10.2s;
  animation-delay: 10.2s;
}
.animated.delay35 {
  -webkit-animation-delay: 10.5s;
  animation-delay: 10.5s;
}
.grayscale {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  -webkit-transition: .4s ease-in-out;
  transition: .4s ease-in-out;
}
.grayscale:hover,
.active > .grayscale,
.grayscale.active {
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -o-filter: grayscale(0%);
  filter: grayscale(0%);
}
.pulse2 {
  animation-name: pulse2;
  -webkit-animation-name: pulse2;
}
.animated.pulse2 {
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
}
@keyframes pulse2 {
0% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
    opacity: 0.7;
}
50% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
}
100% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
    opacity: 0.7;
}
}
@-webkit-keyframes pulse2 {
0% {
    -webkit-transform: scale(0.95);
    opacity: 0.7;
}
50% {
    -webkit-transform: scale(1);
    opacity: 1;
}
100% {
    -webkit-transform: scale(0.95);
    opacity: 0.7;
}
}
.spin {
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
  display: inline-block;
}
@-webkit-keyframes spin {
0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}
100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
}
}
@keyframes spin {
0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}
100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
}
}
.tossing {
  -webkit-animation-name: tossing;
  animation-name: tossing;
}
.tossing.backwards {
  -webkit-animation-name: tossingBackwards;
  animation-name: tossingBackwards;
}
.animated.tossing,
.animated.tossing.backwards {
  -webkit-animation-duration: 2.5s;
  animation-duration: 2.5s;
}
@keyframes tossing {
0% {
    -webkit-transform: rotate(-4deg);
            transform: rotate(-4deg);
}
50% {
    -webkit-transform: rotate(4deg);
            transform: rotate(4deg);
}
100% {
    -webkit-transform: rotate(-4deg);
            transform: rotate(-4deg);
}
}
@-webkit-keyframes tossing {
0% {
    -webkit-transform: rotate(-4deg);
}
50% {
    -webkit-transform: rotate(4deg);
}
100% {
    -webkit-transform: rotate(-4deg);
}
}
@keyframes tossingBackwards {
0% {
    -webkit-transform: rotate(-4deg) rotateY(180deg);
            transform: rotate(-4deg) rotateY(180deg);
}
50% {
    -webkit-transform: rotate(4deg) rotateY(180deg);
            transform: rotate(4deg) rotateY(180deg);
}
100% {
    -webkit-transform: rotate(-4deg) rotateY(180deg);
            transform: rotate(-4deg) rotateY(180deg);
}
}
@-webkit-keyframes tossingBackwards {
0% {
    -webkit-transform: rotate(-4deg) rotateY(180deg);
}
50% {
    -webkit-transform: rotate(4deg) rotateY(180deg);
}
100% {
    -webkit-transform: rotate(-4deg) rotateY(180deg);
}
}
.loader {
  text-align: center;
}
.loader span {
  display: inline-block;
  vertical-align: middle;
  width: 10px;
  height: 10px;
  margin: 150px auto 50px;
  background: #fff;
  border-radius: 50px;
  animation: loader 0.9s infinite alternate;
  -webkit-animation: loader 0.9s infinite alternate;
  -moz-animation: loader 0.9s infinite alternate;
}
.loader span:nth-of-type(2) {
  animation-delay: 0.3s;
  -webkit-animation-delay: 0.3s;
  -moz-animation-delay: 0.3s;
}
.loader span:nth-of-type(3) {
  animation-delay: 0.6s;
  -webkit-animation-delay: 0.6s;
  -moz-animation-delay: 0.6s;
}
.loader .loader_msg {
  color: #fff;
  font-size: 1.2em;
}
@keyframes loader {
0% {
    width: 10px;
    height: 10px;
    opacity: 0.9;
    -webkit-transform: translateY(0);
}
100% {
    width: 24px;
    height: 24px;
    opacity: 0.1;
    -webkit-transform: translateY(-21px);
}
}
@-webkit-keyframes loader {
0% {
    width: 10px;
    height: 10px;
    opacity: 0.9;
    -webkit-transform: translateY(0);
}
100% {
    width: 24px;
    height: 24px;
    opacity: 0.1;
    -webkit-transform: translateY(-21px);
}
}
@font-face {
  font-family: 'Maiandra GD';
  src: url(../fonts/maiandra.65181a84.eot);
  src: url(../fonts/maiandra.65181a84.eot#iefix) format("embedded-opentype"), url(../fonts/maiandra.839e5645.woff2) format("woff2"), url(../fonts/maiandra.614574f8.woff) format("woff"), url(../fonts/maiandra.0141df8c.ttf) format("truetype"), url(../img/maiandra.2d36b4b7.svg) format("svg");
  font-weight: normal;
  font-style: normal;
}

/*------------------------------------------------------------------
  0. RESET
  -------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}
ol, ul {
  list-style: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/*------------------------------------------------------------------
  1. UTILITY
  -------------------------------------------------------------------*/
* {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  /* make transparent link selection, adjust last value opacity 0 to 1.0 */
}
body {
  -webkit-touch-callout: none;
  -webkit-text-size-adjust: none;
  -webkit-user-select: none;
  background-attachment: fixed;
  font-family: 'Maiandra GD', sans-serif;
  font-size: 14px;
  line-height: 1;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
body.overflowed {
  overflow-y: auto;
}
.container {
  position: relative;
  background-color: transparent;
}
.clr {
  clear: both;
}
.left {
  float: left;
}
.right {
  float: right;
}
.no-padding {
  padding: 0 !important;
}
body, button, a, .mCSB_scrollTools .mCSB_dragger, .check-radio {
  cursor: url(data:image/png;base64,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), auto;
}
.img-btn.expandedLeft, .img-btn.expandedLeft:after {
  background: none !important;
  text-indent: 0;
  opacity: 0.8;
  text-align: center;
}
.img-btn i {
  font-size: 3em;
  color: #fff;
  display: inline-block;
}
.flipped {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  -webkit-filter: FlipH;
          filter: FlipH;
  -ms-filter: 'FlipH';
}

/*------------------------------------------------------------------
  2. COLORS
  -------------------------------------------------------------------*/
html {
  background: #333333;
  width: 100%;
}
body, html {
  color: #231f20;
}
.location {
  color: #00bf56;
}
.person {
  color: #0094ff;
}
.narration, .special_item {
  color: #ff8121;
}
#book .location {
  color: #098641;
}
#book .person {
  color: #186398;
}
#book .narration, #book .special_item {
  color: #ff5722;
}

/*------------------------------------------------------------------
  3. TYPOGRAPHY
  -------------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
  font-family: 'Maiandra GD', sans-serif;
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.12);
  line-height: 1.2em;
  margin: 0 0 0.2em;
  color: #231f20;
}
a {
  text-decoration: none;
  outline: none;
  -webkit-transition: all 300ms;
  transition: all 300ms;
}
i {
  color: #727478;
}
h1 {
  font-size: 2em;
}
h2 {
  font-size: 1.7em;
}
h3 {
  font-size: 1.29em;
}
h4 {
  font-size: 1.14em;
}
p {
  line-height: 1.5em;
}

/*------------------------------------------------------------------
  4. BASE ELEMENTS
  -------------------------------------------------------------------*/
img {
  max-width: 100%;
  height: auto;
}
ul {
  margin: 0;
  padding: 0;
  list-style-position: inside;
}
table {
  border-collapse: collapse;
  width: 100%;
}
table td {
  padding: 2px;
}
hr {
  border-top: 1px solid #4d4d4f;
  margin: 8px 0;
}

/*------------------------------------------------------------------
  5. LAYOUT
  -------------------------------------------------------------------*/
.grid {
  padding: 0;
}
.cell {
  padding: 0 8px;
  display: inline-block;
  vertical-align: top;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.cell-1-5-col {
  width: 16.66%;
}
.cell-2-col {
  width: 19%;
}
.cell-3-col {
  width: 25%;
}
.cell-4-col {
  width: 33.33%;
}
.cell-5-col {
  width: 41.66%;
}
.cell-6-col {
  width: 50%;
}
.cell-7-col {
  width: 58.33%;
}
.cell-8-col {
  width: 66.66%;
}
.cell-9-col {
  width: 75%;
}
.cell-10-col {
  width: 81%;
}
.cell-12-col {
  width: 100%;
}

/* 6. Login
  -------------------------------------------------------------------*/
#login {
  background: url(../img/world-map-bg.4c79ff65.jpg) no-repeat scroll;
}
.login_container {
  background: url(../img/login-overlay-bg.eeea1fc5.png) no-repeat scroll;
  padding: 6.4% 0 0;
  width: 665px;
  height: 753px;
  max-width: 34.7%;
  max-height: 59%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0 auto;
}
.login_form {
  height: 100%;
}
#lang_form {
  height: 55%;
}
.lang_wrap {
  background: url(../img/lang-select-bg.e605f4b2.png) no-repeat scroll;
  padding: 1.6% 0 0;
  width: 544px;
  height: 645px;
  max-width: 31%;
  max-height: 80%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0 auto;
  z-index: 99;
  position: relative;
  top: 30%;
  transform: translateY(-30%);
  -webkit-transform: translateY(-30%);
}
.login_form input {
  display: block;
  width: 454px;
  height: 73px;
  max-width: 68.2%;
  max-height: 14.4%;
  font-size: 1.1em;
  line-height: 1em;
  color: #fff;
  background: url(../img/login-input-bg.5c7691cb.png) no-repeat scroll;
  border: none;
  outline: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0 auto 2.2%;
  padding: 0 8%;
}
.login_form input:-webkit-autofill {
  animation-name: loginautofill;
  -webkit-animation-name: loginautofill;
  animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
}
.login_logo {
  height: 140px;
  width: 300px;
  max-width: 45.2%;
  max-height: 27.6%;
  margin: 6px auto 0;
  background: url(../img/logo.594a5c90.png) scroll no-repeat 0 25px transparent;
  padding-top: 25px;
}
.lang_header {
  height: 72px;
  width: 450px;
  max-width: 83%;
  max-height: 11.8%;
  margin: 5.4% auto 7%;
  padding: 0;
  background: url(../img/select-lang-header.6d7f9f80.png) scroll no-repeat transparent;
}
.login_error {
  font-size: 1.25em;
  line-height: 1.3em;
  color: #fff;
  text-align: center;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.75);
  margin-top: -1.2%;
}
@keyframes loginautofill {
to {
    color: #fff;
    background: url(../img/login-input-bg.5c7691cb.png) no-repeat scroll;
    background-size: 100% auto;
}
}
@-webkit-keyframes loginautofill {
to {
    color: #fff;
    background: url(../img/login-input-bg.5c7691cb.png) no-repeat scroll;
    background-size: 100% auto;
}
}
#headphones-loader {
  background: url(../img/headphones-bg.dd6a69a0.jpg) no-repeat scroll;
  text-align: center;
  padding: 7% 0;
}
.headphones {
  z-index: 9;
  position: relative;
  max-width: 23.2%;
}
.headphones-box {
  background: url(../img/headphones-box-bg.bac9580b.png) no-repeat scroll;
  padding: 5% 2% 2% 2.7%;
  width: 855px;
  height: 255px;
  max-width: 45%;
  max-height: 24%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  top: 35%;
  left: 27.5%;
}
.headphones-box, .congratulations-box {
  color: #fff;
  font-size: 1.7em;
  line-height: 1.6em;
}

/*.loaded #headphones-loader {display: none;}*/
/*------------------------------------------------------------------
  8. AVATAR
  -------------------------------------------------------------------*/
.avatar_small {
  text-align: center;
}
.hex_outer:after {
  /* background-image: url(../img/avatar-highlight.png); */
  width: 326px;
  height: 297px;
  display: block;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
}
.avatar_small img {
  border: 4px solid transparent;
  -webkit-transition: border-color 0.2s linear 0s;
  transition: border-color 0.2s linear 0s;
  border-radius: 3px;
}
.avatar_small:hover img, .avatar_small.active img {
  border-color: #f58a52;
}
#avatar_selection {
  background: url(../img/avatar-selection-bg.12ed3e68.jpg) no-repeat scroll;
  height: 100%;
}
.avatars_grid {
  margin-top: 55px;
  position: relative;
  width: 660px;
  max-width: 46.3%;
  float: right;
  padding-right: 10%;
}
.avatars_grid:after {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGCAYAAAD68A/GAAAAYElEQVR42mMAAg4glgdifyBulZFTuRAWW/CfV0Luf1l9938QqKztWMLEAAGMqJgRJgoHCIUIPiNCgBFD4X+QKEIhhoGMYAmYIghmBAEGFMCIMJEViLmBWAyIBWCySBqYAYd/D4/yC0+yAAAAAElFTkSuQmCC) scroll repeat;
  width: 10px;
  height: 100%;
  content: '';
  position: absolute;
  top: 0;
  right: 8%;
  z-index: 1;
}
.avatars_grid h1 {
  text-align: center;
  color: #b4c3c4;
  position: absolute;
  width: 44%;
  min-width: 220px;
  left: 17.2%;
  top: -9.2%;
  padding: 3% 8%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 2.3em;
  text-shadow: -2px 2px 2px rgba(0, 0, 0, 0.75);
}
.avatar_descr {
  width: 393px;
  margin: 10px auto;
  max-width: 100%;
}
.avatar_default_name {
  background: url(../img/avatar-name-bg.632c1bcb.png) no-repeat scroll;
  font-size: 2.7em;
  text-shadow: 1px 1px 2px rgba(20, 20, 20, 0.8);
  padding: 14.5% 0 0;
  text-align: center;
  height: 165px;
  max-height: 10vw;
  width: 393px;
  max-width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #fff;
}
#avatar_descr4 .avatar_default_name {
  font-size: 2.1em;
  padding: 16% 0 0;
}
.avatar_type {
  text-align: center;
  color: #b4c3c4;
  font-size: 2.3em;
  text-shadow: -2px 2px 2px rgba(0, 0, 0, 0.75);
}
.avatar_details {
  background: rgba(0, 0, 0, 0.75);
  border-radius: 8px;
  color: #fff;
  font-size: 1.7em;
  width: 330px;
  max-width: 96%;
  margin: 0 auto;
  padding: 40px 22px;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.avatar_details:before, .avatar_details:after {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASUAAAARCAMAAACsJUpKAAABklBMVEUAAAAAAAAAAAAAAAAAAAAFBQUtLS0AAAABAQEmJiYAAAAoKCguLi4BAQEAAAAAAAAsLCwrKysjIyMgICApKSkbGxsSEhImJiYwMDADAwMxMTEvLy8wMDAvLy8wMDAwMDAvLy8xMTEuLi4sLCwvLy8vLy8vLy8vLy8tLS0jIyMwMDAuLi4vLy8wMDAtLS0aGhoxMTFMTEw5OTk8PDxVVlY2NjZ3hJAzMzM1NTVveoNVWV3a3d91dndVVVVHSEhAQkXu8PDf4uPV2duJiopIS00/QEDr7e5qc315hpFyc3RhYmJUVFRzfolianFhYWF8iJNnb3c7PD7c3+DT1theZmxZX2Xo6eqzur6Ai5VRVVhMT1FGRkZDQ0PJztCGkZrP09bEyc1KSkqosLWOmaCDjpd2gIqGh4eDhYVvcXJpbG1ZXF3k5ueKlZx5g4xueILM0dO8wsa5v8OjrLKXoahsbnDh5OXAxsmstbplbnZmaWo6PD6ep62bpKuTnqVrdX5fX19bYmlTU1Sgqa95ensxMjJJSUkxsYHMAAAAMHRSTlMABQMNCxhuFAhtGXx+EQcWXk1dTTw+LSzhHPDFvqDP0q31kjOyi3mzZyTnWtTRRjlDeaeqAAADSUlEQVRYw+3Y6VcSURgGcJBBjFTANVMMWdyXEURxCcMkXHJNNDCEELVEYwsXFAK1/7v3vcPcaego4On0gfwd/eCXO/d5vMB7kTwpT1UR0kpTLLCkgKiEel6NiEyO2lopQxM1rKEG1FRvdXG1peiuLqpXLdAImihDK9WnVCrlcgXDiAPS3KIaJZRhoLe722TSa7U6na4DdYKhF+gl6GIrVRfG68ecgxi5HbMbdTqtVmsywT9HPVzD96Su3BL+gnaDhCixpAkrMqc2NjbgFzhnKft8ntfr8UyhY7B0eXn5FX0HX9AiNcO5PTo6OgRv/3SIjojbGZFFAteDdXF9eM7SMYDnjo15PF7vPG+Wcm6AFPykUmYrspVaEzlMBpad9UI0tzu7tbWysrKOMi6XKzOJ3oODcd7Cb9aIjyAU2tvbOznZ399PpxOJ66ubeDwYPD/f2dmJRaPRs0Ag4PP5IhG/3/8BzKFpsLnpcDiSyXB4e/sdekPhX9sgnEwmHWgTTRNzAFbx+yMRny8QODuLxmLwpPNgMB6/ubpOJNJp2MjJCWwpFArB7tY4C2i8wAHGm0QZF1i/ANDBVjbrdk9Nebz2O5aV8mdpwux07trxJOSPghttoRV0sQ5cKPMNTBJYHzgFa9gUVxS2dCW0FLuvJbTpANgSrUncUjgcdiBxS4i05CtoKYgtXSfSfEXQ0Ck4OKBdwM5h+1AIwkxQCXSCsm4whTzkNNp3nU6LjZwlPEx9LGszWywWJ/GJ2EV23mc0Wj5vLrfMey0YEzlezVsSWeX8QGOFhLWWObmcd7R8JNdPPuUu4uI7ORaL2Qo1SclLrp8t2YTARlkF5pJZHsNcMqvARk0IWFD6+xLS9LNPHviMq8qPlH0adXV3rV6PA5PRaOzpaAedrwA3MqE7tuKQYYkkHISoQxi6o6enx4jjkl5vqq3uHWhipPzAhHN3fQ3DyOqQgqNSqeRIidryWqiRZkrTSDUInj3s+WMUWbNB0ChopkZaqL42SonkCCIriDokY2A4xwFcuKBIsScoipARdWKK+6lE5GVQlk5eBpWY4l51YjIOQ8CVhVxSJAJyjytykwNMWWT/GFOWmmK3uMJ7nFDV//O9QPGskifl+QVojYasX9gDvgAAAABJRU5ErkJggg==) no-repeat scroll;
  position: absolute;
  left: 20px;
  display: block;
  content: '';
  width: 293px;
  height: 17px;
  max-width: 86%;
  background-size: 100% auto;
}
.avatar_details:before {
  top: 17px;
}
.avatar_details:after {
  bottom: 17px;
}
.avatar_details p {
  margin-bottom: 0.8em;
}
.avatar_details p:last-child {
  margin-bottom: 0.3em;
}
.avatar_large_wrapper {
  position: absolute;
  bottom: 0;
  left: 0;
}
.avatar_large img {
  max-height: 100%;
}
.hexagon {
  overflow: hidden;
  visibility: hidden;
  -webkit-transform: rotate(120deg);
  transform: rotate(120deg);
  width: 255px;
  max-width: 38.7%;
  height: 221px;
  max-height: 11.5vw;
  float: left;
}
.hexagon:nth-child(3n+2) {
  margin-left: -10%;
}
.hexagon:nth-child(2) {
  margin-top: 16.8%;
}
.hexagon:nth-child(3n+3) {
  margin-top: -16.8%;
  margin-left: -9.8%;
}
.hexagon:nth-child(3) {
  margin-top: 0;
}
.hexagon:nth-child(3n+4) {
  margin-top: -16.8%;
  clear: left;
}
.hexagon:last-child {
  margin-top: -16.8%;
  margin-left: 19.4%;
}
.hexagon-in1 {
  overflow: hidden;
  width: 100%;
  height: 100%;
  -webkit-transform: rotate(-60deg);
  transform: rotate(-60deg);
}
.hexagon-in2 {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: 50%;
  visibility: visible;
  -webkit-transform: rotate(-60deg);
  transform: rotate(-60deg);
}
#avatar_large3 img {
  margin-left: -9%;
}
#avatar_large5 img {
  margin-left: -15%;
}
#avatar_large6 img {
  margin-left: -30%;
}
#avatar_large7 img {
  margin-left: 6%;
}
#question_avatar1 img {
  margin-left: 24%;
}
#question_avatar3 img {
  margin-left: 3%;
}
#question_avatar4 img {
  margin-left: 10%;
}
#question_avatar5 img {
  margin-left: 5%;
}
#question_avatar6 {
  max-width: 52%;
}
#question_avatar6 img {
  margin-left: 21%;
}
#question_avatar7 img {
  margin-left: -8%;
}
#question_avatar8 img {
  margin-left: 15%;
}

/*------------------------------------------------------------------
  11. ICONS
  -------------------------------------------------------------------*/
@font-face {
  font-family: 'fontello';
  src: url(../fonts/fontello.c60af0e5.eot);
  src: url(../fonts/fontello.c60af0e5.eot#iefix) format("embedded-opentype"), url(../fonts/fontello.70b3318b.woff2) format("woff2"), url(../fonts/fontello.324710ab.woff) format("woff"), url(../fonts/fontello.302ac204.ttf) format("truetype"), url(../img/fontello.7b56762d.svg#fontello) format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^='icon-']:before, [class*=' icon-']:before {
  font-family: 'fontello';
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: 0.2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: 0.2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-ok:before {
  content: '\E800';
}

/* '' */
.icon-cancel:before {
  content: '\E801';
}

/* '' */
.icon-plus:before {
  content: '\E802';
}

/* '' */
.icon-plus-1:before {
  content: '\E803';
}

/* '' */
.icon-info:before {
  content: '\E804';
}

/* '' */
.icon-to-end:before {
  content: '\E805';
}

/* '' */
.icon-mail:before {
  content: '\E808';
}

/* '' */
.icon-mail-1:before {
  content: '\E809';
}

/* '' */
.icon-instagram:before {
  content: '\E80E';
}

/* '' */
.icon-arrows-cw:before {
  content: '\E80F';
}

/* '' */
.icon-volume-high:before {
  content: '\E810';
}

/* '' */
.icon-volume-off:before {
  content: '\E811';
}

/* '' */
.icon-resize-full:before {
  content: '\E812';
}

/* '' */
.icon-resize-small:before {
  content: '\E813';
}

/* '' */
.icon-adult:before {
  content: '\E814';
}

/* '' */
.icon-spin6:before {
  content: '\E815';
}

/* '' */
.icon-user:before {
  content: '\E816';
}

/* '' */
.icon-trash:before {
  content: '\E817';
}

/* '' */
.icon-floppy:before {
  content: '\E818';
}

/* '' */
/*------------------------------------------------------------------
  12. EXTRAS
  -------------------------------------------------------------------*/
.relative {
  position: relative;
}
.fullwidth {
  padding: 40px 7.5% 30px;
  text-align: justify;
  font-size: 1.43em;
  color: #4b4b4d;
  line-height: 1.4em;
}
html, body, #login, #headphones-loader, .container, main, .page.visible, .question_outer, .question_wrapper, .question_col, .answers_wrapper, .question_main_wrapper, .avatar_large, #world-map-container, .book_container {
  height: 56.3vw;
}
.overflowed .container {
  overflow-y: auto;
  overflow-x: hidden;
  height: 57.8vw;
}
.overflowed .container.no-overflow {
  overflow-y: hidden;
  height: 56.3vw;
}
.map-container, .question_outer, .question_wrapper, .question_main_wrapper, .question_main, .answer_draggables, .answer, .answers, .img-hover-btn {
  position: relative;
}
.piece {
  background: url(../img/piece.5410128e.png) scroll no-repeat transparent;
  width: 82px;
  height: 85px;
  max-width: 5.76%;
  position: absolute;
  left: 0%;
  top: -3%;
  -webkit-transition: all 0.5s linear;
  transition: all 0.5s linear;
  z-index: 8;
}
.dash {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAARCAYAAADDjbwNAAACF0lEQVR42p3Sg64eTxjH8Wdmd499/kZtt0FtRFVUhr2EOihvpFGvoG6c2rZtvsbu9Ju8k3Yyx+eXfNbPDqW7XPlLGlBvrzUWYgNWYxkWYw6mYSJGYhD+tHWd59JfEvDBEKzHdlzHTZzEWcQwXYiRwgc8s3V7MQZa3KT+k7bbf8vBi7a4Czkrj2J3jVsPMUD8HP5djj/852cP88h58q5uvsnBIIWRWry8iOV7kxIhZYgR0R7VCS2cHeKcE0T2A2nEIAyjqL1QeauhDTgHndDG4X4PJb8SIdT2YjJWCrJGWhMjxC/y0smoLL9OC7QdWgv+QXPZSJJI/2Ng4zaktF2LHIooGSNxYmxB/2McduoqiZFAqpXods3QOHMdKBEFJZ1EVXqqA0sDirqoVkmV4tp2uFXZmnmWXlIjA1fWythmLY3DQvnn90Aa/C1lnN4VTGVKFAKEXLyN5WsmkTujI0nVKNn/MZHjytbMxgLUIouE7kQzquS/KVXyf5OSuqjSy5qIs514lTWSvlKUpy9jSfMubNJSTQfrbpXkye2S7NvUKFd2fhPjLtgsLEQdiohhEFvu3LvR3iAVQhRxBFfFJnRmQSOEQQBj+fEb8J8FSKEW4jf0FtfRhmYrhHIQMUi8kSorhW8o4TVeQMGdOglQjVr8iX/QgCqEiJxv8/iI71CIEOIr3qOIDHLoPk7DdahHI5qsBoRwo9BtfgBC6Rfix8fuFQAAAABJRU5ErkJggg==) scroll no-repeat transparent;
  width: 26px;
  height: 17px;
  max-width: 1.36%;
  position: absolute;
  left: 0;
  top: 0;
}
.dash.end {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAkCAMAAAD4m0k4AAABfVBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAATAgAAAAAAAAAHAQAAAAAAAAAAAAA4BwEAAAAAAAAAAADRGgPNGgPMGgMlBAAAAAAAAAAKAQAAAAAAAAAAAADJGQO/GAPMGgOHEQFsDgEWAgAWAgAAAAAAAAAAAAAAAADMGgMAAADVGwOkFQLNGgN4DwLOGgNkDAHMGgPSGgNRCgHMGgPNGgMAAAAAAAAAAADMGgPLGgPMGgMAAADPGgPNGgMAAADMGgPqHgPHGQO7FwO0FwOsFgKdFAKTEgLMGgNxDgLJGQNYCwHMGgPMGgPmHQMvBgHMGgPMGgPMGgMAAADMGgPMGgMAAADMGgMAAADMGgPMGgO8GAPWGwPFGQPMGgN9EALMGgOCEQLaHAPMGgOeFQNnDgFFCQGWEwJjDAIiBADSGwPMGgPMGgMAAACNEgKREgIuBgF6EAJbDAHMGgPLGgPUGwPdHAPPGgPjHQPfHAPaHAPWGwPRGgPlHQPiHAPYGwPhHAM76C0DAAAAcXRSTlMAiH+NioKFBnl6Cn12UaBxMBIM9+OVPSsnHxYN9/DvzLuQiWVZR0Q3N/vd2MS7uLSyq4ZxaV9NSkAtIx4aGhH98u3o4NjSzr+5sqqknZmWjoJsYllWVFQmFe7r4d/Ix8bBwaumppePgnhqaGFbUExAMeDg8H8AAAKFSURBVDjLlZNnX+JAEMY3m2JC6CBFAWmCvfdeznp66tmu9943iYFQ/OwXVjC7IS/k+eXVzPxnNlMArbWpadCRnr7aXe4gfOE9Qmj42jHTfLtt8THCChfbXPOjKHRpsz07SaGmQue0q3iIzd9J28p0GBH6QbiuT1rWU8K6/KKskMSp1baUZX1CEP9eathG+4J0YXS41gx3Rfu/bumILDIeBOB8F9k0jpvVteQRWZgd0m9IYv9ynA5W1PWjIp5S7xXHcoycHaqShC36xljf/wuais1wHMNAfqdacSYUpXy7+cVl/XI8hwnYpzsTFX0jnfEVCGJ1lmMZhpdHau2EopYqfd2QP4sQAOjJC5xJSAcJ1f4aTXvkhdDXvwooBa4EloHu4806oqVuf+Kh27PUBWwKzLml7r5B1fak8pAswXzUBRz0J53Q7fGokkh7or3ASb+Gq6rTAGqfnY9ntGplpwikHTkdjy1tnRr6RNB2PFMpOr5cShoUMUoSwW9hWyP15Fj2Nb0mb1YsoGvilsimqHpiLytCeUQ3SGJ4kSA+lCyiVG6sgTl0Ma1RXQgX74/HM7NXMhT8r3gNeIjXRDwwNJJI3b0q7nGzgjim1RWkGPrWpAClC7+HN1dRECcHy1bliYW7H48I5vHwDZ9a2xhjoDzrd4HefogJb6iEJ1HX3v2+X9O7bJI3VH+bgXxuIIDfWZDNPIx0nKwpilFNfoyBllrZZK+Xh75CT6sREalBiN3Pb2uhkYyUx8tN+jhBcM/FCeuAu0HIme0ds2u+QgDQPpaF+Ri98n4fvlvzMzNhF+njc/62HY6emTVYRrzAmWjFBnpAu5ZyLMs3uvZgxX/ORAKgEwXaCv8Hky08NL22J9UAAAAASUVORK5CYII=);
  width: 48px;
  height: 36px;
  max-width: 2.5%;
}
.cloud {
  background: url(../img/cloud.f3a7484e.png) scroll no-repeat transparent;
  width: 600px;
  height: 337px;
  max-width: 30%;
  position: absolute;
  right: 0;
  top: 0;
}
.cloud1 {
  left: -6%;
  top: -3%;
}
.cloud2 {
  left: -1%;
  top: 0;
}
.cloud3 {
  left: -4%;
  top: 13%;
}
.cloud4 {
  left: 11%;
  top: -2%;
}
.cloud5 {
  left: 10%;
  top: 0%;
}
.cloud6 {
  left: -4%;
  top: 10%;
}
.cloud7 {
  left: 18%;
  top: 16%;
}
.cloud8 {
  left: 38%;
  top: 27%;
}
.cloud9 {
  left: 28%;
  top: 34%;
}
.cloud10 {
  left: 38%;
  top: 42%;
}
.cloud11 {
  left: 26%;
  top: 43%;
}
.cloud12 {
  left: 42%;
  top: 40%;
}
.cloud13 {
  left: 41%;
  top: 28%;
}
.cloud14 {
  left: 35%;
  top: 28%;
}
.cloud15 {
  left: 24%;
  top: -4%;
}
.cloud16 {
  left: 34%;
  top: -6%;
}
.cloud17 {
  left: 25%;
  top: -2%;
}
.cloud18 {
  left: 37%;
  top: 5%;
}
.cloud19 {
  left: 38%;
  top: -5%;
}
.cloud20 {
  left: 27%;
  top: 3%;
}
.cloud21 {
  left: 40%;
  top: -5%;
}
.cloud22 {
  left: 59%;
  top: -3%;
}
.cloud23 {
  left: 73%;
  top: -4%;
}
.cloud24 {
  left: 57%;
  top: 4%;
}
.cloud25 {
  left: 71%;
  top: -3%;
}
.cloud26 {
  left: 68%;
  top: 6%;
}
.cloud27 {
  left: 73%;
  top: 7%;
}
.cloud28 {
  left: 56%;
  top: 7%;
}
.cloud29 {
  left: 58%;
  top: 37%;
}
.cloud30 {
  left: 67%;
  top: 41%;
}
.cloud31 {
  right: -5%;
  top: 40%;
}
.cloud32 {
  right: -4%;
  top: 33%;
}
.cloud33 {
  right: 0;
  top: 38%;
}
.cloud34 {
  right: 10%;
  top: 26%;
}
.cloud35 {
  right: -5%;
  top: 27%;
}
.cloud36 {
  left: 58%;
  top: 62%;
}
.cloud37 {
  left: 67%;
  top: 61%;
}
.cloud38 {
  right: -5%;
  top: 63%;
}
.cloud39 {
  right: -4%;
  top: 72%;
}
.cloud40 {
  right: 0;
  top: 78%;
}
.cloud41 {
  right: 10%;
  top: 76%;
}
.cloud42 {
  right: -5%;
  top: 60%;
}
.cloud43 {
  left: 28%;
  top: 58%;
}
.cloud44 {
  left: 41%;
  top: 60%;
}
.cloud45 {
  left: 24%;
  top: 75%;
}
.cloud46 {
  left: 40%;
  top: 73%;
}
.cloud47 {
  left: 30%;
  top: 59%;
}
.cloud48 {
  left: 26%;
  top: 60%;
}
.cloud49 {
  left: 45%;
  top: 55%;
}
.cloud50 {
  left: -6%;
  top: 60%;
}
.cloud51 {
  left: 7%;
  top: 60%;
}
.cloud52 {
  left: -9%;
  top: 70%;
}
.cloud53 {
  left: 6%;
  top: 73%;
}
.cloud54 {
  left: 9%;
  top: 71%;
}
.cloud55 {
  left: -12%;
  top: 76%;
}
.cloud56 {
  left: 10%;
  top: 59%;
}
.cloud57 {
  left: -6%;
  top: 27%;
}
.cloud58 {
  left: -7%;
  top: 41%;
}
.cloud59 {
  left: -2%;
  top: 41%;
}
.cloud60 {
  left: 6%;
  top: 29%;
}
.cloud61 {
  left: -9%;
  top: 28%;
}
.cloud62 {
  left: 9%;
  top: 27%;
}
.cloud63 {
  left: 13%;
  top: 41%;
}
.cloud64, .cloud65, .cloud66, .cloud67, .cloud68, .cloud69, .cloud70, .cloud71, .cloud72, .cloud73, .cloud74, .cloud75, .cloud76, .cloud77, .cloud78, .cloud79, .cloud80, .cloud81, .cloud82, .cloud83, .cloud84, .cloud85, .cloud86, .cloud87, .cloud88, .cloud89 {
  display: none;
}
.check-radio {
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
  display: block;
  height: 32px;
  color: #eee;
  font-size: 2.2em;
  margin: 1% 0 1.5% 16.8%;
}
.check-radio > input {
  visibility: hidden;
  position: absolute;
}
.check-radio > .img-btn {
  display: inline-block;
  vertical-align: middle;
  width: 32px;
  height: 32px;
  opacity: 0.6;
  margin-right: 1.8%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.check-radio > .img-btn, .check-radio > .img-btn:after {
  background-image: url(data:image/png;base64,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);
}
.check-radio:hover > .img-btn {
  opacity: 1;
}
.check-radio:hover > .img-btn:after {
  opacity: 0;
}
.check-radio > input:checked + .img-btn, .check-radio > input:checked + .img-btn:after {
  opacity: 1;
}
.question_outer {
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: scroll;
  color: #fff;
}
.question_avatar {
  position: absolute;
  bottom: 0;
  left: 0;
  max-width: 30%;
  max-height: 100%;
}
.question_avatar img {
  display: block;
}
.player_name {
  color: #fff;
  font-size: 2.572em;
  position: absolute;
  bottom: 8%;
  left: 1.4%;
  text-shadow: 1px 1px 2px rgba(100, 100, 100, 0.4);
  padding: 1.2% 0 0;
  text-align: center;
  height: 93px;
  width: 425px;
  max-width: 22%;
  max-height: 18%;
  background: transparent url(../img/player-name-bg-v2.90526aa8.png) no-repeat scroll 0 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.leaderboard_position {
  position: absolute;
  bottom: 20%;
  left: 0.4%;
  text-shadow: 1px 1px 2px rgba(100, 100, 100, 0.4);
  padding: 1% 0 0;
  text-align: center;
  height: 93px;
  width: 425px;
  max-width: 22%;
  max-height: 18%;
  background: red;
  border: 5px solid black;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-size: contain;
}
.leaderboard_position h3, .leaderboard_position h2 {
    color: white;
    font-weight: 700;
}
.leaderboard_position h3 {
    font-size: 1.2em;
}
.player_name_4 {
  font-size: 2.1em;
  padding: 4% 0 0;
}
.progress_bar {
  background: url(../img/progress-bar-v2.c6acb791.png) no-repeat scroll top center;
  width: 100%;
  margin: 0;
  height: 100%;
  position: relative;
}
.progress-title {
  top: 17%;
  font-size: 14px;
  text-align: center;
  position: absolute;
  width: 100%;
  left: 0;
  font-size: 14px;
}
.progress_pointer_wrap {
  padding: 0 7.7% 0;
  width: 100%;
  height: 6.5px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 14px;
  top: 66.5%;
  position: absolute;
}
.progress_pointer {
  display: inline-block;
  width: 0;
  height: 100%;
  z-index: 10;
  max-width: 100%;
  -webkit-transition: opacity 1s ease-in;
  transition: opacity 1s ease-in;
  background-color: transparent;
  position: relative;
}
.progress_pointer.passed {
  background-color: #5acb0a;
  -webkit-box-shadow: 0 0 6px rgba(90, 203, 10, 0.6);
          box-shadow: 0 0 6px rgba(90, 203, 10, 0.6);
}
.progress_pointer.current {
  background-color: #6eee12;
  -webkit-box-shadow: 0 0 22px #6eee12;
          box-shadow: 0 0 22px #6eee12;
}
.progress_pointer:before {
  content: attr(data-cnt);
  display: block;
  background: url(data:image/png;base64,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) no-repeat scroll center;
  width: 36px;
  height: 36px;
  left: 35%;
  position: absolute;
  text-align: center;
  padding: 7.8% 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-shadow: -1px 1px 3px rgba(0, 0, 0, 0.8);
  font-weight: 700;
  top: -526%;
  background-size: 100% auto;
  max-width: 1.875vw;
  max-height: 1.875vw;
}
.progress_pointer.passed:before, .progress_pointer.current:before {
  background-image: url(data:image/png;base64,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);
}
.progress_pointer:after {
  content: '';
  display: block;
  background: #fffef8;
  width: 1px;
  height: 400%;
  margin-top: -11px;
}
.progress_pointer:first-child:after {
  display: none;
}
.progress_bar h4 {
  color: #fff;
  font-size: 1.43em;
  margin: -6px 0 0;
  text-align: center;
}
.question_wrapper {
  z-index: 8;
}
.question_main_wrapper {
  width: 809px;
  margin: 0 0 0 33.5%;
  max-width: 64.1%;
}
.progress_bar_outer {
  margin: 10px auto 4.6%;
  height: 126px;
  max-height: 11.7%;
  width: 546px;
  max-width: 67.5%;
}
.question_main {
  width: 100%;
  height: 635px;
  max-height: 58.8%;
  max-width: 100%;
  background: url(../img/question-bg-v2.020b4d11.png) scroll no-repeat;
}
.question_main, .text_container {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.question_main h1 {
  /* background: url(../img/question-header-bg.png) scroll no-repeat; */
  font-weight: 700;
  color: #fff;
  text-align: center;
  padding: 8px 0;
}
#narration_end_arrow {
  background: url(../img/question-after-bg.a9584b12.png) scroll no-repeat;
  max-width: 30.9%;
  max-height: 80.2%;
  width: 226px;
  height: 867px;
  content: '';
  position: absolute;
  top: 9.2%;
  right: -17%;
  z-index: 1;
}
.text_container {
  height: 100%;
}
.question-island {
  text-align: center;
  font-size: 1.8em;
  height: 80px;
  line-height: 80px;
}
.question_text_container {
  height: 360px;
  max-height: 77%;
  overflow: hidden;
  padding: 6.2% 10% 0 10.5%;
}
.question_text {
  color: #fff;
  padding: 0;
  font-size: 1.4em;
}
.question_text p {
  padding: 0 6% 18px 2%;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}
.question_text .narration {
  font-style: italic;
}
.question_text .final_question {
  font-size: 1.3em;
  font-weight: bold;
  padding: 0 4% 0 2%;
  text-align: center;
}
.answers_wrapper {
  padding: 2% 0 0 1.5%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.answer_draggables {
  height: 7.4%;
}
.answers {
  height: 79.6%;
}
.answer_submit_wrapper {
  height: 13%;
}
.answer {
  width: 100%;
  height: 225px;
  max-height: 23.4%;
  font-size: 1.3em;
  line-height: 1.3em;
  padding: 0;
  margin: 2.8% 0 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: url(../img/reply-bg.adc70237.png) scroll no-repeat;
  background-size: auto 100%;
}
.answer .answer_inner {
  height: 76.2%;
  padding: 3.6% 4% 4% 4.2%;
  width: 70.2%;
}
.answer .answer_txt {
  border-radius: 18px;
  height: 100%;
  padding: 1.5% 3%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.answer.hovered .answer_txt {
  -webkit-box-shadow: 0px 0px 28px 10px rgba(239, 137, 5, 0.6) inset;
  box-shadow: 0px 0px 28px 10px rgba(239, 137, 5, 0.6) inset;
}
.answer.selected .answer_txt {
  -webkit-box-shadow: 0 0 28px 10px rgba(112, 245, 18, 0.9) inset;
  box-shadow: 0 0 28px 10px rgba(112, 245, 18, 0.9) inset;
}
.answer.rejected .answer_txt {
  -webkit-box-shadow: 0 0 28px 10px rgba(209, 22, 18, 0.9) inset;
  box-shadow: 0 0 28px 10px rgba(209, 22, 18, 0.9) inset;
}
.answer:before, .answer.rejected:after, .answer.selected:after {
  display: block;
  content: '';
  position: absolute;
  top: 50%;
  right: 5%;
  width: 65px;
  height: 65px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
.answer:before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFEAAABRCAMAAACdUboEAAABs1BMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACAgIAAAAAAAAAAAAAAAAAAADz8/MAAAAAAAAAAAAAAAD19fX29vYAAAD////8/Pz5+fkAAACwsLDy8vI8PDz7+/v+/v4AAABiYmL+/v64uLgAAAAdHR0yMjIuLi4/Pz+EhIQAAABPT0////8BAQHQ0NALCwv////29vYgICAgICATExMAAABGRkZCQkKNjY1zc3PFxcUBAQGIiIjg4OCqqqrX19eQkJDHx8fo6OhfX18AAAABAQHX19dYWFgAAAB+fn4MDAwSEhInJycJCQkNDQ0aGhpWVlZra2tMTEx2dnaTk5Obm5tKSkoBAQG3t7dsbGwBAQEBAQF0dHTAwMB9fX2vr69ubm6jo6P///+ysrIBAQHy8vISEhIcHBwTExM0NDQJCQklJSU1NTVlZWVYWFhlZWUoKCiJiYmkpKRLS0ubm5vDw8N9fX1TU1N0dHTHx8eEhISzs7P6WTbVAAAAkXRSTlNkAGZpbG5+cHaLc5aGn3iSgnKEeoiBnI6aj3uVtn+ZrKaZkXcFqq+hsSYOpBIKAb1BA2McFl1bGhG5c2ViX1ZTPC0tJBgUEQdqZ2JhXE5NRkJAPTk4ODY1NSgdHBwOBYB1cGtnZV5cWldVUVFNS0lIOzcyMjEwIyEcEwiMgnpuZmVXVVVPSkhGREFAOSonGhoY8g4zVgAABc1JREFUWMOt2Vd7okAUBmAURAwgomABVOzd3SSbZHvvvffee++99/aT98wMBjQbFcnZvfDqfb5zZmgTyjegTp08usY/FmMjUZUtBKb2Htvo618DxJP3pl69iJvZctWAKmcbvBC4c2zLiGJ746flfCmbLTVEMZ5MJuOiWDGz1apRCm1fv8W9eHrt8nipJGZ4VDqPK0dcs2qUE2ueuRLBUyslkZeg8nkpn8qjXzqCM8l4PC6WDEPc/syFeDRaqvBSPpFKQIVQoR8pwHVgc4CKjewyc+rUkOLJ142GlMKUIiiKIAgK+ofhVAqy4qCiWF6UuTuU+FU3eawBFY1GI6TglyBgNpXHJpANw5BPDRSXbm3kCBeNqKqaZmcrrQIMKkraMc1l8fUDxMdnKikFc4BpWiwWC5OKxTQNWDUSFRRswtIDWTGqN/uKj3QxJESBY1mwChyqMVzwowAuqBGMJvISiZldtL2PeC/Dg6eqrBYLI0uWg52SgzJiAcVBofdOzNIiZl7xB68LUTWN4kEy0AJQDPxnmAAqcAFFQVUcE6aZxGRgHvGBlEL9ahAPwgGEiu4UQ1xAsQkxUec4pbmI/q/4OCQRD+KhbA7NwVqmxqatznN4lmv+Iy49o6OGYXrQraX5nTUbFUyuEGPTEUEBUsekcXeO2J7QSUDZ9ubWbE6IiTqHYZKUVfF4r3hbirCxgu3556nZmGOw6moUpUTLU1km9IgnBAUF7O/ZKMSUOY6QeUyaMEqnWJxI2KB/YOHW5TFCJlJ6Jgn3DfO4UzwUYgsY7MlH2dUldpPo6oG+gw6xfk4Jc3IQd9zD9TEJGRFCiIyL2ep6W9ynxPCazHrUvNXVeHAsrMEmwqsjioaGRRIxAqBzhNSQJKw4uiJDkg4hzfL6jnggyo0NTGiXTcImIqMku9IIWmJrR3qolu1ykNYoUzr0XRaPE3FDONwNuiPDGg4JV2PDuEnEz2nZHQjlWHArpAQ7yIhgsTXBIpB2A1KO1RnjtLQ1yWxlIxI3nOUYVx4pZ99kkijkXiQeiAUZ96CdEi0OCZlMGhSIxd3hAE3boDuTTBKHzMMNI6tspHz1aQ4iehEhJCx3CIU048co34kVMk3b3iiTlFHbAhIr5l5qfMP5gNXzqCSI1trkxOwU1bofYDyKsDYFaBtEPl5mqPqBoA2ORlq7HK92maOaixdADFqrrSerLLVpcdACRybJJsdt56ppaolXkbRNBillyiqIAa8iGSTcgGBpymksEtDjIMnSZDWYI+NZpGGQ6JaGRI7afHgBRIaIoRRfClD1w9vohRCtm4U5RT2vraQpz2IAXTUg5ip3qPbkJRApzyK5spOZR5SveZXxL4iogigqTylf6wsDoPeukZgw6S2Ur33wvFeR3H1Q16Xb6DlTm6C9i2SOfPIXEpurF0ysvDyNxOJ32uvKdK5C8x15p6jtwCG93nKjiq7/JGLzuhfRfnYp8eVtIo4feYvb9vygia/tvD8uWU37PYoc3MN5dktHLB656B8Z9HdefUhEIvpm8Aby9goQyYSLlognuYL21rSWVvgHzu+Z5i3a761plV/Z/RVXm6Y9Nc2mhKXdYnG/6779zr0jSEd7v12be2j/SCB5f5RuzP1in7wOpFuQPAcLrLS12CtC1WCfjxgxcRaGOFccX3d5eNLvWGhOCf/5/1lKcd1lxj9CRIX76+sRbfIqpHT7zSUsfzr/mdR47RqQw4MgFoQVS/udm7Wf3NpGDwbtiOHIjdaA08JN+3cMiOm3wSDLHRp8otlad+1CX9MGw9rO38OckbZn9k/TYA6aoRy7cKg45Mlw8cmeS2D2a5mRua376i5Or1u1PdNvAJ2v42Bw5b7NLk/YW5MHd61CzQHQ/eSDc7+LHx/WR/grwHizdnDX9EowrGJwbdu5++EJmJ9rkaD1mdrhxbveX9m5amJi1aorH3Z/u79hM+JGFEkV680lM5OTkzNLNm1+3vZBuRK91z9ehMFT/i8PHwAAAABJRU5ErkJggg==);
}
.answer.selected:after, .answer.rejected:after {
  opacity: 0.8;
}
.answer.selected:after {
  background-image: url(../img/select-coin.afe88e00.png);
}
.answer.rejected:after {
  background-image: url(../img/reject-coin.f8d08fa0.png);
}
.answer_draggables img {
  max-width: 26%;
  vertical-align: middle;
  margin-right: 1.5%;
  cursor: move;
  z-index: 9;
}
.answer_draggables h4 {
  display: inline;
  color: #fff;
  text-shadow: -1px 1px 3px rgba(0, 0, 0, 0.4);
  vertical-align: middle;
  font-size: 1.6em;
}
.soundControl, .muteControl, .fullscreenControl, .helper-btn {
  position: fixed;
  z-index: 9;
  font-size: 1.4em;
}
.soundControl {
  top: 16px;
}
.muteControl {
  top: 78px;
}
.fullscreenControl {
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  padding: 0.5% 0.3%;
  z-index: 9999;
}
.fullscreenControl i {
  color: #fff;
}
.narration_actions {
  position: absolute;
  bottom: -16.8%;
  left: 0;
  width: 72%;
  height: 13.4%;
  padding: 12px 14%;
}
.book_container, #headphones-loader {
  position: relative;
  width: 100%;
}
.book_narration_actions {
  bottom: 15%;
  left: 39%;
  width: 26%;
  height: 5.4%;
  padding: 0;
  z-index: 9;
}
.book_narration_actions .replayNarration {
  width: 143px;
}
.book_narration_actions .skipNarration {
  width: 91px;
}
.book_narration_actions .continueButton {
  width: 151px;
}
.book_narration_actions .img-btn {
  height: 100%;
  max-height: 47px;
}
.book_narration_actions .img-btn:hover {
  opacity: 0.9;
}
.book_narration_actions .img-btn:after {
  display: none;
}
.avatar_name_form {
  max-width: 300px;
}
.avatar_name_form label {
  display: block;
  margin: 20px 0 2px;
  border-top: 1px solid #ccc;
  padding-top: 20px;
  font-weight: 300;
}
.avatar_name_form input {
  border-color: transparent;
  font-size: 1.1em;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.avatar_name_form input:hover, .avatar_name_form input:focus {
  border-color: #ddd;
  -webkit-box-shadow: 1px 1px 6px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 1px 1px 6px 0px rgba(0, 0, 0, 0.1);
}
#fontControls {
  background: url(data:image/png;base64,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);
  text-align: center;
  position: absolute;
  left: 15px;
  top: 203px;
  width: 171px;
  height: 177px;
  z-index: 9;
}
#fontControls a {
  color: #fff;
  display: block;
  padding: 8px 5px;
  text-shadow: -1px 1px 3px rgba(0, 0, 0, 0.4);
  font-size: 1.6em;
  line-height: 1.55em;
}
#fontControls a:hover, #fontControls a.selected {
  color: #ffc800;
}
.fontsmall {
  font-size: 0.85em;
}
.fontmedium {
  font-size: 1em;
}
.fontlarge {
  font-size: 1.15em;
}
.img-btn {
  display: block;
  text-indent: -9999px;
  border: none;
  background-color: transparent;
  padding: 0;
}
.helper-btn {
  width: 58px;
  height: 57px;
  left: 15px;
}
.helper-btn:hover:after, #help-button:hover, #journal-button:hover {
  -webkit-box-shadow: -1px -1px 18px #ffc800;
          box-shadow: -1px -1px 18px #ffc800;
}
.img-hover-btn {
  background-position: 0 0;
}
.img-hover-btn:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  background-position: 0 100%;
  opacity: 0;
  display: block;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.img-hover-btn:hover:after {
  opacity: 1;
}
#help-button {
  background-image: url(data:image/png;base64,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);
}
#journal-button {
  background-image: url(data:image/png;base64,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);
}
#sound-button, #sound-button:after {
  background-image: url(../img/sound-button.65b62bdf.png);
}
#mute-button, #mute-button:after {
  background-image: url(data:image/png;base64,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);
}
#viewbg-button, #viewbg-button:after {
  background-image: url(../img/view-bg-button.0934251b.png);
}
#sound-button.muted:after, #mute-button.muted:after, #viewbg-button:after, #viewbg-button.isolated:after {
  opacity: 1;
}
#fontsize-button {
  background-image: url(data:image/png;base64,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);
  top: 141px;
  height: 60px;
}
#fontsize-button:hover {
  -webkit-box-shadow: 1px -4px 18px #ffc800;
          box-shadow: 1px -4px 18px #ffc800;
}
#help-button {
  top: 141px;
}
.replayNarration {
  width: 201px;
  max-width: 38%;
  height: 69px;
  max-height: 88.3%;
}
.replayNarration, .replayNarration:after {
  background-image: url(../img/replay-button.940be608.png);
}
.skipNarration {
  width: 121px;
  max-width: 24.3%;
  height: 69px;
  max-height: 91%;
}
.skipNarration, .skipNarration:after {
  background-image: url(../img/skip-button.1ed03c6a.png);
}
.continueButton {
  width: 201px;
  max-width: 41.5%;
  height: 69px;
  max-height: 91%;
}
.continueButton, .continueButton:after {
  background-image: url(../img/continue-button.146945bb.png);
}
#answer_submit {
  max-width: 34.8%;
  max-height: 46.6%;
  width: 211px;
  height: 69px;
  margin: 1.6% 0 0 22%;
  opacity: 0;
}
#answer_submit, #answer_submit:after {
  background-image: url(../img/submit-button.c762ab3b.png);
}
#submitLogin {
  margin: 1.6% auto 0;
  max-width: 40.5%;
  max-height: 17.3%;
  width: 269px;
  height: 88px;
}
#submitLogin, #submitLogin:after {
  background-image: url(../img/login-button.6db967c2.png);
}
#submitLang {
  margin: 4% auto 0;
  max-width: 46.8%;
  max-height: 24.4%;
  width: 255px;
  height: 102px;
}
#submitLang, #submitLang:after {
  background-image: url(../img/select-lang-btn.19c2194c.png);
}
#avatar_submit {
  margin: 8% 0 0 29.6%;
  max-width: 38.8%;
  width: 255px;
  height: 97px;
  max-height: 5vw;
}
#avatar_submit, #avatar_submit:after {
  background-image: url(../img/play-button.0a3a2fad.png);
}
.mCS-inset-dark.mCSB_scrollTools {
  width: 4.35%;
  right: 2px;
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCSB_scrollTools {
  width: 33px;
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail {
  background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAExCAMAAACgdskNAAAAclBMVEUCAgMCAgMCAgMCAgMAAAACAgMCAgMCAgMCAgMCAgMCAgMCAgMCAgMCAgMCAgMCAgMCAgMCAgMCAgMCAgMCAgMCAgMCAgMCAgMCAgMCAgMCAgMCAgMCAgMCAgMCAgMCAgMCAwMCAgMCAgMCAgMCAwMCAgOoGnAcAAAAJnRSTlO/x7StANK+z9W6ysOvmHk0FgjJSUDb1qOek39xXllSOzojDLEnJ35h9JwAAAC7SURBVFjD7dlHFoJAEEXRaqS6ydmEAUTd/xY9HMEijxz+P6tbS3hk/xaHtRziOe39+9wvxnMzjtKxJ2dHadLqECZDjwOm79iqxW/K6M618a6dp5HxNPXTisum9cfJ8Wk05/iyqbCYpmO3oIBJLzwoUDSfsmgHh8PhcDgcDofD4XA4HA6Hw+FwOBwOh//f1/rUWs9a6V/5ci97L/S1jMtmq8e1i5/S76rt3id9MHPVsA/2y/1JT5T+WMnxAVMyEcpJbKonAAAAAElFTkSuQmCC) no-repeat scroll 0 0;
  opacity: 0.3;
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 100% !important;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAZCAMAAADt/kXiAAAC1lBMVEUAAABoBAZ9Bwl3AwVrBAaWCQ2DBQd+BAZYBghpAwVTCg19BwlxCQxvCg1qCw6LBgdPAwVxCQxwCg1nCQxSBAVVAwRuAwVsBgqqDhNeCw55ERSqDRGmCQxoDBC3FhpyDhJPBgpmCQuxFBmfCAvIGiKUBghYCQtwDhGOCQuYBwpTBgh/Cg59Bwl1BghSBQaKDhJ8BwpwCg11CQ15BglgCQ2OCw1tCQxJBAaWDBGBBAaBBAZ4BghoCgx2AwZNAwVjCQyfDxN+BAVdCQqLCAxaBQlCAwR8CAl6ERbfJi/ZHyfVHSWfFhyQEhd0ERX/vb3/mJb8kpHeOD3RLzbjLjSXFBqRFBmTExj/7ez/0tL+ubj+trX/pKP9nJv7h4X3enjnR0ntQkTgPUDpNzzbNTzYNDm/JSzZJCzdIyu9JCqwISfeHifSGyOjGR/LFh2DFRuHFBp/EBRxDxP/29r/ycn/xsX/w8L/srL/sbD/r6/8raz/rKv+p6b9pKT/oaH+oaD8j4z9iof9gn36eHT9dG/0b236bGf7Z2HwYmD3YV/tWFf1V1XyT0/pTk7xSUnkQUTmO0DCO0DWMjnVMjjGLjPCJi7RISqiHyXbHCWrHCKlGyLdFiCaFx2IFhueExqMFBnBExmdEhmAFBhuEBSNDhKuDRKEDRJkDxFqDA5LBgf89PT/4+P829z/0tP/0dL/v7/xvr//vr34tLX/nprmlJb+k5D/jovRhIn5hIPRfoL3fnr8fXfwcHTza3TUcXP0c3Hra3H4dW7xamj9amLHXmLzXGHuXVz5XVroWVjsVFTrTk/zTkzmRUziSErLR0rhQUbHQUW0QETtPkHkNUHxMD29NjviMzrgMTrrLTnTMTfLLDPKLDPfKTLjJzK3KzHWJTCxKi2nIyu1HybJHSOuHCJ8HCDFGB/OFR6fExmyExiaERi8EBWKDBKJDBFzDBFgCw+pCg1iBwlSBwmfZDF+AAAAR3RSTlMABqoiFctALCEJ+8vHtLOjn52YindGHBH+/fj08e7t7efm5eTj4+HY09PPxry3trOuqaifk5KMjIuHhnFwaV5VU0s8Ly4uKXzDHnsAAAH5SURBVCjPYkAARlF2BiyAw1yR1ZYFXZRFRG1ZaJqEhjWKDKed1jL3Jw8upz16wcqGEBbVk/Sd88Zn255ZWelecqZuEFFXAa5FefMWT9uxcvV+jywPj2wlC2egK0QU3vkufO19eH34qvDwjadnpXt4Zqs4MIhpz3N3X3ph89qiiDUREUWRu69N97h+T5+BkSnEe9reqNJ1pSXFxSV+flEBRy6lhvAycBr4vLxSWV4RFem3wS+yrCZmS9zknNlGDCw6Pgsm1FRXVVWUlVdWxwRs33d8Sqa3IAMzd9jz83W1tdHR0XUxAbFxB4+emfIwxwwkPvfsJn8gCACsPjaupf1ET2Lq49lCDJxMPnMn1G9taIhtbGpp7zwZ3xeYkRPKx8Bg7ON9d2fjrqbm1o7Onvi+/sCJGd6hvEB3Lg65f6C5ta2jqzv+XGJgckpQxswQQwZx3aVhk9sOHevq7k0AiU4MSp0xI0yQQYxnwdQ7wQmnehMu9ienTJp0a2ZhYX6oEAMz67MsTy/P4KSkpKtBN4IyC5a7uy/yFWZgYOOXme/l6Zl2Ozj4ZmbBh+V5cxbKm3CA4pWNXzo328srfar7io++eflSfE6wiHHUXPIqd/r8FVzu+QU89oyIGGO2VH2f+7TQ113dRhw14tmtlJe8lRXmwEwo7EwCLnAOAK2EuC2yv9bPAAAAAElFTkSuQmCC) no-repeat transparent !important;
  background-size: 100% auto !important;
  height: 33px !important;
  margin: 3px 1px;
}
.mCSB_scrollTools .mCSB_dragger {
  height: 33px !important;
}
.help_overlay, .full_overlay {
  z-index: 97;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.6);
}
.help_overlay {
  -webkit-box-shadow: 0 0 20px 10px #ffc800;
          box-shadow: 0 0 20px 10px #ffc800;
  border-radius: 8px;
}
.help_overlay a {
  width: 96px;
  height: 95px;
  margin: 0 auto;
  background: transparent url(../img/info-button.76b26330.png) no-repeat scroll;
  max-width: 13.4%;
  left: 44.5%;
  position: absolute;
  top: 0;
}
.help_txt {
  width: 244px;
  height: 253px;
  max-height: 13.2vw;
  background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPQAAAD9CAMAAAC8/qoEAAABklBMVEUWEhAUEA4TEA4WEhASDw4vLy8YFhQaFxYrKysSDw4AAAAsLCsuLS0SDw0XFBMmJSQsLCsqKikpKCcWEhEiICAmJCQjISEfHRweHBsmJSQoJyYsLCwnJiUpKCgrKioWEhAWEhAWEhAWEhAWEhAWEhAWEhAWEhAWEhAWEhAVEhAWEhAWEhAWEhAWEhAzMjIwMDAvLi40MzMyMTFBRUc/QEJ4eXpSVFdPU1VJTE5NUFI8PkB3g45/gIBWWVyAgoIuLS3z9fZ2d3lUV1pzdHU/QkQ6PD02NjZ0dnd8fn5pa21cYGJaXmBKTVBHS01HSEnd4eJ8iJJueIFsbm9gY2VYXF45Ojt6e3xucHFlaGphZmnk5+h5hZBwcnNDRkqMjIyGh4eEhYaChIRDREU9PT7h5OXZ3d/T2NqFkJp+ipNkbHOKlZ7s7u7v8fLo6uvKztHDycydp62Vn6aQmqJzfYhyfYi5wMSHiIm+xMiutruqsrekrbOJiopqcnppcXrN0tSzu8CSk5RcYmiAjJZrdX5ncHhjaXBN5sAuAAAALnRSTlPMz9FS1Pza3fbXAPj71tfv/fPz1Ofs6uTg8/j58vv9SLTJmA2vizcbBdZ3ar96/CiFgAAABfdJREFUeNrs1glbElEUBuCZqbSyxIWtPbW0FcUUFMUCCxLUSkDEFlFc2TfXXHL7350741VKiSgsi+99xGfQyz3f4cDMCJcVTc13zv3n7jQ3XVYoTTc3NghloKGx+bDppkahbDQ2KU233BXKyL0W1nTTPaGs3Guipp8KZebRZaGlLE5huRpahMdC2XkslNGZm2sUngi/TfxzhFJ4cqZaOhvvi/iPOo2WJUkSpXqu+lDFkcpSqMhRzdUfEqUSty1W69VarYrcJNfIdebWrZqa27Iaru0K03alra2tldAvdlRAu4FpL7QsZx/a/4pSqUbBg9yiIzkbZbzJUGaNRq3WVxfbuqh1+F5ZLB3kJffswEfZEDPImGUmk93rdrk8nkBgbGxspN/ptNk6O0fJa9JL+vr6JieDwYmJiaWlT1+YT3QcDE5O9jG9CraaXtRpczr7/bRTwONxuVxur91kMssGB7u6uoYYJQiP9ZKjzBaL5ZXP4dAJRdE5fMNm6mI7ENhfWFjYW19f331HsplMpkf2nrwl8/PzO3Nzc+FwOp1KJZNra6srK1uLi8vLiUQ8vjlLZmbeMNPT4+OxWCQSjb44Eo1GIrHYODPN0LqZmZnZ2c14PJFYXlzcWlldXUsmU6l0OhwOU50dqsfKUvUeRSabzbJouxsbG3uUdT+wve222s1DFoOq2KYNRqPR4fOFQiF656ampoaZoS4y2H1AGTCxW61Wr9frdtOgPWzQAwMDI8Tvp4HTxEmnjE+djZ0eOYM9ZCPOD34/vZx2UUbtcblpeypit5sYM+EhlMEPM1Oko4MS+3wOSm9wqIWiiJV6Te2FdvrafcPAHieiP8uL2fc190t55DnhB4f4P/kzrpVjO/Ki7bnFOFb1eE7DhVqNvlISiiVKD+kcrGd0RM1oiYZRHao75mJ+VVVVN46pIhfzqz1WQMVpVBqiJWpGR/SyyoqHoliKq5b0jfO/6OoJzv8yKUcJr9OFSX+Y+FPO5B0Zj386yu9GVCgx8Sy+CwIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEAZE0tO+AtE+vlXsLhncGwnO2sfDjEfSSFK9Vx1jooCKpmKQqqP1B/ilU+h4Wq9Tq3WalUq1U1yTXGduSWr4a6c5EIhBqbgqhP3ruGUIHKmawcoKiXWarVqnb662P5FrcPh873iLBZLyMJ1yF4+O/BxqIsMDg52m+x2u9XqdbtdLs/AwMAI8fv9H2T9xOm02TrJ6Oho39IE6etkbDYn069gi+lVIyO0Q8Dldnu9VqvdbjJ1U4Uu5uMzrkNBiSyyUCjEA/t8PofDqBOKUmn0DZmtXtd2ILC/sLCwt76+vvuOZDOZTI/sPXlL5ufnd+bm5sLhdDqVSibX1lZXVrYWF5eXE4l4fHOWzJA3ZHp8fDwWi0Si0RdcNBqJRGKxcTJN2CpaPDu7uRmPJxLLi1tbK6ura8lkKpVOh8NhqrND9VhZqt6jyGSzWRZtd2NjY4+y7gcC2y6v1dxlMaiEougcBqODhh0KdXRMTU0NDw8r8+wmZrPZJLMTK6HhytP1eAJjbMI0XT7X1729fcwkCQaDE0tLnz9//nSEni3R0IOySaaP9I7S+Gn0bOY08bGxgMfjcrmoitfK2IlJYTZ3M11kiFJSVpp9SJ6z0aEViiJVqjW1BkV7uyGX8Qf46nZZq6yteK2knSh7FS7K8eXEWKtR6+qFYonSw0q9XseoGS3RMCpSV3vMRa4qv7wnuKr8LnLfF6yrq1MRDaMlakZH9KRCEktwwZK483lczXWpJK5+I19hHuynr1oNwt0S35pIpSYWp3Df1PL9v3NDxts5JcIPUMt3/rsbUaEAavnB3X//Xlwoyt0HwuU7Qpn5Wv4clQAAAkEU3O9XYk9QEMX+9VRs4U2DMYKhVCYIWEpk8NI4lEQ1h7i6WxR9rkRz59qJtSFLcdFYFwAAAABJRU5ErkJggg==) no-repeat scroll;
  max-width: 34%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 3.4% 3.2%;
  overflow: hidden;
  font-size: 0.9em;
  position: absolute;
  top: 55.5%;
  left: 55.6%;
}
.answers_wrapper .help_txt {
  max-width: 39.7%;
}
.help_txt p:first-child {
  font-size: 1.2em;
  font-weight: bold;
}
.help_txt p {
  margin-bottom: 0.2em;
}
#progress_help {
  height: 14%;
  z-index: 999;
}
#progress_help a {
  top: 14%;
}
#question_help a {
  top: 55%;
}
#question_help .help_txt {
  top: 68%;
}
#answer_draggables_help {
  z-index: 99;
}
#answer_draggables_help .help_txt {
  top: 86.5%;
}
#answers_help a {
  top: 30%;
}
#answers_help .help_txt {
  top: 38%;
}
#end_screen {
  background: url(../img/congratulations-bg.12796bdd.jpg) no-repeat scroll;
  text-align: center;
  padding: 7% 0;
}
.congratulations-box {
  background: url(../img/congratulations-box-bg.8f40e6c6.png) no-repeat scroll;
  width: 1118px;
  height: 691px;
  max-width: 70%;
  max-height: 63.9%;
  margin: 16.4% auto 0;
}
.congratulations-box p {
  padding: 3% 18%;
  height: 20%;
  overflow: hidden;
}
.congratulations-box a {
  color: #e46c0a;
  cursor: pointer;
}
#book_screen {
  background: url(../img/book-screen-bg.8295a08d.jpg) no-repeat;
}
.js #book {
  margin-left: -10000px;
}
#book.wowbook {
  left: 10.6%;
  margin: auto;
  position: absolute;
  top: 2%;
  max-width: 55.2%;
}
#book.wowbook.fullscreen {
  top: 8.2%;
}
.wowbook-page-content {
  background: #c3873e;
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, #c3873e 0%, #d3ac51 30%, #e2c26b 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c3873e', endColorstr='#e2c26b', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
  padding: 6% 3% 16% 7%;
  max-width: 100%;
  max-height: 100%;
  font-size: 1.25em;
  color: #111111;
}
.wowbook-page-content p {
  margin-bottom: 0.5em;
}
.wowbook-zoomcontent, .wowbook-zoomwindow {
  max-width: 100%;
}
.wowbook-origin {
  max-height: 80%;
}
.wowbook-page {
  max-width: 50%;
  max-height: 100%;
}
.wowbook-page.wowbook-right {
  left: 50% !important;
}
.wowbook-page-number {
  position: absolute;
  bottom: 0;
  right: 0;
}
.firstcharacter {
  float: left;
  color: #903;
  font-size: 5.36em;
  line-height: 60px;
  padding-top: 4px;
  padding-right: 8px;
  padding-left: 3px;
  font-family: Georgia;
}
video#game_video {
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  background: url(data:image/gif;base64,R0lGODlhHwAfAPUAAA0NDRwcHC0tLT4+PkhISFFRUSYmJkFBQVdXVx8fHykpKUtLS1NTU0dHRzIyMhISEk1NTSsrK5WVlaKioq6uro+Pjzg4OHd3d11dXYqKig8PD319fZaWljY2NhAQEKWlpR4eHgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQECgD/ACwAAAAAHwAfAAAG/0CAcEgMCAaEAmBSuSAcxKh0aDggrlcAZbvdNDxTaWKALWu53EsnPFQsymY0WrJgAxjwuJz7CSsYAHlYZ3sUdwpRCW8IgVgNDgkPAAEWGBlojQsJRGSDCBARYRoFHIZlA1R5AJt2a3kGQlZlECB2QyAQcAeTeaG2QxF5RnANv1ENcEdwUMZDDnBIcKzNq3BJcJLUAA9wStrNBdjf3GUFBNLfCdadWMzUz6cCxN/IZQIBvdTBcAEAsli0jOHSJcSAqmlhNr0awo7RJ19TIuRqdAXVEEVZyjyKtC2Bg3oZEWiK8oeiKkFZGCCaggelSTiA2LhxiXLBSjZjBL2siNBOFQ84Lw/A+mYEiRJzA+7ZCQIAIfkEBQoAIAAsEAAAAA8ADwAABU5gQQxCAJxoiqzrYaQqyw4JDMjyosC4zPC9FeCzQD0SjoYMQKFIOrYIBMFsUi4eW81qbdgAHQ6XsvkCCmOK46vJjKlfzPhitowr5sB4EgIAIfkEBQoAIQAsFgAFAAkAFQAABlrAkDDEUAyHCMQicUwmB4Co02kAgCBTxCEaySIC0UZWEHVkoYBElhB9ZAvRuDwaoNjtk6jlbq9EMXwUFwAaGYEIAAWBFA4dHIEbUYsNQ3wXHkd2Eh1HQh8LcUEAIfkEBQoAIQAsEAAQAA8ADwAABldAgHAofCCOxwKRmEAeCcuhw4kYRIUNquAaoSICURCEeoh2AF4DUVPgUNBIKyBgwWQo+PdxkRDm/3gADApDgH8fS4Z4EguJhhdnjnkbDR5XExUXCA5XQ0EAIfkEBQoAIAAsBQAWABUACQAABU0gIgIdYJ4okABiC1BcoaVnBCHsSO1UhlkBwCPhaLRwOJ5ylzu6Pktl04lgLCRRJlW0UJAu2WlrsDJ5Gpul+GCgmRyIS2UCKBAGgiAqBAAh+QQFCgAgACwAABAADwAPAAAFUOBEjWMAnOhZkaOVphdLYS+KyJlWA45MFTvARsbp7Bo+QKLmiZEACEik1pGMoIhsw5F4oBYfbHacfTHI6JdigR7XEoM2Img4pIOAgGBAKIQAACH5BAUKACEALAAABQAJABUAAAZZwJBw8REaQx0JhXL0XJZLYwMKFW6oFE7HgaUUQghsRhN6UjHCCtYinGADx7iwgKjXH0KCvZ4QDvYIDkICgA0AIQGACBFCB4AQICEGikIAf3ZHCQt1cgoMR0EAIfkEBQoAIQAsAAAAAA8ADwAABlZAgHBIdCAulQlx6GlsKFDoEtC5RK/LheSKJX64XYCCAQBHhYkFAlGOZjCWgHCwXpc5BQ3RUK9Tpwd9CBAgUwGCCBFTAAKCDYsAdH0OkASCCZAFgg+QQQA7) no-repeat center center #000;
}
.tooltip {
  display: inline-block;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.tooltip.inited {
  border-bottom-width: 2px;
  border-bottom-style: dashed;
  border-bottom-color: #ffff00;
  border-bottom-color: rgba(255, 255, 0, 0.75);
}
#book .tooltip.inited {
  border-bottom-color: #111;
  border-bottom-color: rgba(17, 17, 17, 0.75);
}
.tooltip.inited:hover {
  border-bottom-style: solid;
}
#resolutionOverlay {
  position: fixed;
  left: 0;
  bottom: 0;
  background: #333;
  color: #fff;
  padding: 1.6% 3%;
  font-size: 1.2em;
  line-height: 1.2em;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  z-index: 999;
}
#orientationRotateMsg {
  background-color: #404040;
  height: 100%;
  left: 0;
  top: 0;
  position: fixed;
  width: 100%;
  z-index: 150;
  background-position: center center;
  background-repeat: no-repeat;
}
#orientationRotateMsg p {
  text-align: center;
  color: #fff;
  position: absolute;
  width: 100%;
  bottom: 15%;
  font-size: 1.5em;
}
.hidden {
  display: none;
}
#login, .piece, .cloud, .player_name, .question_main, .progress_bar, .answer:before, .answer.rejected:after, .answer.selected:after, .img-btn, .img-hover-btn:after, .help_overlay a, .login_container, .lang_wrap, .lang_header, .login_logo, .login_container input, .headphones-box, #end_screen, #book_screen, .congratulations-box, .dash, .help_txt, #world-map-container, .hexagon-in2, .avatar_default_name {
  background-size: 100% auto;
  background-repeat: no-repeat;
}
.bg_screen {
  background-position: center;
}
.overflowed {
  background-color: transparent;
  height: 100%;
  width: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.overflowed .bg_screen {
  /* background: none !important; */
  position: relative;
}
.overflowed .question_avatar img {
  max-height: 55vw;
}
.overflowed #book.wowbook.variedRatio {
  left: 5.6%;
  max-width: 62.2%;
}
.overflowed #book.wowbook.fullscreen.variedRatio {
  top: 9.5%;
}
.overflowed .book_narration_actions {
  bottom: 20%;
}
.overflowed .variedRatio ~ .book_narration_actions {
  bottom: 5.2%;
  width: 28%;
  height: 6.9%;
}
.overflowed #narration_end_arrow {
  right: -16%;
}
.flex-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.flex-container > .item {
  -ms-flex-preferred-size: 33.33%;
      flex-basis: 33.33%;
}
.world-background {
  background-image: url(../img/world_map_background.11c728e1.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.island-vortex {
  position: relative;
}
.island-vortex .cloud {
  position: absolute;
  top: -35%;
  right: -35%;
  bottom: -35%;
  left: -35%;
  width: 170%;
  height: 170%;
}
.island-order-1 {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.island-order-2 {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
.island-order-3 {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}
.island-order-4 {
  -webkit-box-ordinal-group: 7;
      -ms-flex-order: 6;
          order: 6;
}
.island-order-placeholder {
  -webkit-box-ordinal-group: 6;
      -ms-flex-order: 5;
          order: 5;
}
.island-order-5 {
  -webkit-box-ordinal-group: 10;
      -ms-flex-order: 9;
          order: 9;
}
.island-order-6 {
  -webkit-box-ordinal-group: 9;
      -ms-flex-order: 8;
          order: 8;
}
.island-order-7 {
  -webkit-box-ordinal-group: 8;
      -ms-flex-order: 7;
          order: 7;
}
.island-order-8 {
  -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4;
}
.bg-isolated .soundControl, .bg-isolated #muteNarration, .bg-isolated #fontsize-button, .bg-isolated #fontControls, .bg-isolated .question_wrapper, .bg-isolated .question_avatar, .bg-isolated .player_name, .bg-isolated #help-button, .bg-isolated #journal-button {
  display: none;
}
.bg-isolated #viewbg-button {
  left: 28px;
}
.journal-wrapper .pages, .journal-wrapper .page-wrapper > div {
  max-width: 100%;
  max-height: 100%;
}
.journal-wrapper .journal-chapter {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.journal-wrapper .pages .journal-page {
  width: 50%;
  height: 100%;
  position: absolute;
}
.journal-wrapper .pages .page-left {
  left: 0;
  top: 0;
}
.journal-wrapper .pages .page-right {
  background-image: url(../img/journal-page-top.cffa05f5.png);
  background-size: 100% auto;
  background-repeat: no-repeat;
  right: .6%;
  height: 104.25%;
  top: -3%;
}
.journal-wrapper .pages-content {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 100%;
}
.journal-wrapper .pages-content .content-inner {
  font-size: 1.2em;
  padding: 10%;
}
.journal-wrapper .pages-content h2 {
  text-align: center;
  margin: .6em 0 1em;
}
.journal-wrapper .pages-content h1 {
  text-align: center;
  margin: 2em 0;
}
.chapter-portrait-wrapper {
  background-image: url(../img/ornament.b2707b91.png);
  background-size: 100% auto;
  background-repeat: no-repeat;
  margin: 7% auto;
  width: 405px;
  height: 670px;
  max-width: 60.6%;
  max-height: 63vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.chapter-portrait {
  width: auto;
  max-height: 90%;
  margin: 0 auto;
  max-width: 84%;
}
.chapter-portrait-Alexandria {
  max-width: 140%;
  margin-left: 25%;
}
.journal-map .chapter-portrait {
  max-width: 94%;
}
.chapters-grid {
  z-index: 999;
  bottom: 3%;
  right: 4%;
  position: absolute;
  width: 42%;
  height: 40%;
}
.journal-characters .chapters-grid {
  width: 35%;
}
.chapters-grid-5 {
  left: 63.2%;
  bottom: 6%;
}
.chapter-hexagon {
  max-width: 24.8%;
  max-height: 7.1vw;
}
.chapter-hexagon:nth-child(3n+2) {
  margin-left: -6%;
}
.chapter-hexagon:nth-child(3), .chapter-hexagon:nth-child(3n+4) {
  margin-top: 0;
  clear: none;
}
.chapter-hexagon:nth-child(3n+3) {
  margin-top: -3.8%;
  margin-left: -6.2%;
}
.chapter-hexagon:nth-child(2) {
  margin-top: 10.8%;
}
.chapter-hexagon:nth-child(3) {
  margin-top: -0.1%;
}
.chapter-hexagon:nth-child(4) {
  margin-left: 12.5%;
}
.chapter-hexagon:nth-child(5) {
  margin-left: -99.2%;
  margin-top: 21.6%;
}
.chapter-hexagon:nth-child(7) {
  margin-top: -14.4%;
  margin-left: -6.1%;
}
.chapter-hexagon:nth-child(8) {
  margin-top: -25.3%;
  margin-left: 74.7%;
}
.chapters-grid-5 .chapter-hexagon:nth-child(4) {
  margin-left: -25%;
  margin-top: 21.7%;
}
.chapters-grid-5 .chapter-hexagon:nth-child(5) {
  margin-left: -62.2%;
  margin-top: 21.6%;
}
.journal-map .chapters-grid .hexagon-in2 {
  background-size: 85% auto;
}
.journal-artifacts .chapters-grid .hexagon-in2 {
  background-size: 60% auto;
}
.journal-artifacts .chapters-grid .chapter-hexagon:nth-child(4) .hexagon-in2 {
  background-size: 30% auto;
  -webkit-transform: rotate(-15deg);
  transform: rotate(-15deg);
}

/* LOCALIZATIONS */
/* BR */
.lang_br .replayNarration,
.lang_br .replayNarration:after {
  background-image: url(../img/replay-button.63006fcf.png);
}
.lang_br .skipNarration,
.lang_br .skipNarration:after {
  background-image: url(../img/skip-button.b4c7219d.png);
}
.lang_br .continueButton,
.lang_br .continueButton:after {
  background-image: url(../img/continue-button.e6947eb6.png);
}
.lang_br #answer_submit,
.lang_br #answer_submit:after {
  background-image: url(../img/submit-button.632df78c.png);
}
.lang_br #avatar_submit,
.lang_br #avatar_submit:after {
  background-image: url(../img/play-button.94bded41.png);
}
@media only screen and (max-width: 1024px), only screen and (max-device-width: 1024px) {
.lang_br .answer_draggables h4 {
    font-size: 1.7em;
}
}

/* EL */
.lang_el,
.lang_el h1,
.lang_el h2,
.lang_el h3,
.lang_el h4,
.lang_el h5,
.lang_el h6 {
  font-family: 'Noto Serif', serif;
}
.lang_el .replayNarration,
.lang_el .replayNarration:after {
  background-image: url(../img/replay-button.2c27aa9e.png);
}
.lang_el .skipNarration,
.lang_el .skipNarration:after {
  background-image: url(../img/skip-button.d40cbaf9.png);
}
.lang_el .continueButton,
.lang_el .continueButton:after {
  background-image: url(../img/continue-button.ab843cd5.png);
}
.lang_el #answer_submit,
.lang_el #answer_submit:after {
  background-image: url(../img/submit-button.766c54cf.png);
}
.lang_el #avatar_submit,
.lang_el #avatar_submit:after {
  background-image: url(../img/play-button.565c73ae.png);
}
.lang_el .answer_draggables h4 {
  font-size: 1.4em;
}
.lang_el .avatar_details {
  font-size: 1.4em;
}
.lang_el .question_text {
  font-size: 1.33em;
}
.lang_el .congratulations-box {
  font-size: 1.6em;
}

/* ES */
.lang_es .replayNarration,
.lang_es .replayNarration:after {
  background-image: url(../img/replay-button.d4bdea6e.png);
}
.lang_es .skipNarration,
.lang_es .skipNarration:after {
  background-image: url(../img/skip-button.c2ee0164.png);
}
.lang_es .continueButton,
.lang_es .continueButton:after {
  background-image: url(../img/continue-button.e6947eb6.png);
}
.lang_es #answer_submit,
.lang_es #answer_submit:after {
  background-image: url(../img/submit-button.632df78c.png);
}
.lang_es #avatar_submit,
.lang_es #avatar_submit:after {
  background-image: url(../img/play-button.c9a4939d.png);
}
@media only screen and (max-width: 1024px), only screen and (max-device-width: 1024px) {
.lang_es .answer_draggables h4 {
    font-size: 1.7em;
}
}

/* IT */
.lang_it .replayNarration,
.lang_it .replayNarration:after {
  background-image: url(../img/replay-button.3345445e.png);
}
.lang_it .skipNarration,
.lang_it .skipNarration:after {
  background-image: url(../img/skip-button.d4aaac4a.png);
}
.lang_it .continueButton,
.lang_it .continueButton:after {
  background-image: url(../img/continue-button.cf7a578f.png);
}
.lang_it #answer_submit,
.lang_it #answer_submit:after {
  background-image: url(../img/submit-button.871223a6.png);
}
.lang_it #avatar_submit,
.lang_it #avatar_submit:after {
  background-image: url(../img/play-button.77dd35bc.png);
}
@media only screen and (max-width: 1024px), only screen and (max-device-width: 1024px) {
.lang_it .answer_draggables h4 {
    font-size: 1.7em;
}
}

/* TR */
.lang_tr .replayNarration,
.lang_tr .replayNarration:after {
  background-image: url(../img/replay-button.dba47d3a.png);
}
.lang_tr .skipNarration,
.lang_tr .skipNarration:after {
  background-image: url(../img/skip-button.521ca133.png);
}
.lang_tr .continueButton,
.lang_tr .continueButton:after {
  background-image: url(../img/continue-button.9db84f3a.png);
}
.lang_tr #answer_submit,
.lang_tr #answer_submit:after {
  background-image: url(../img/submit-button.24875801.png);
}
.lang_tr #avatar_submit,
.lang_tr #avatar_submit:after {
  background-image: url(../img/play-button.99e506d9.png);
}

/* DE */
.lang_de .replayNarration,
.lang_de .replayNarration:after {
  background-image: url(../img/replay-button.2eb49182.png);
}
.lang_de .skipNarration,
.lang_de .skipNarration:after {
  background-image: url(../img/skip-button.c8cf422c.png);
}
.lang_de .continueButton,
.lang_de .continueButton:after {
  background-image: url(../img/continue-button.4a2c0b91.png);
}
.lang_de #answer_submit,
.lang_de #answer_submit:after {
  background-image: url(../img/submit-button.ece28235.png);
}
.lang_de #avatar_submit,
.lang_de #avatar_submit:after {
  background-image: url(../img/play-button.06601984.png);
}
.lang_de .avatars_grid h1 {
  font-size: 2em;
}

/* RU */
.lang_ru .replayNarration,
.lang_ru .replayNarration:after {
  background-image: url(../img/replay-button.36ebcc6f.png);
}
.lang_ru .skipNarration,
.lang_ru .skipNarration:after {
  background-image: url(../img/skip-button.620a8bde.png);
}
.lang_ru .continueButton,
.lang_ru .continueButton:after {
  background-image: url(../img/continue-button.c158eea1.png);
}
.lang_ru #answer_submit,
.lang_ru #answer_submit:after {
  background-image: url(../img/submit-button.0fe1e486.png);
}
.lang_ru #avatar_submit,
.lang_ru #avatar_submit:after {
  background-image: url(../img/play-button.2cb25000.png);
}
.lang_ru .avatars_grid h1 {
  font-size: 2em;
}

/* KO */
.lang_ko .replayNarration,
.lang_ko .replayNarration:after {
  background-image: url(../img/replay-button.3996d7c5.png);
}
.lang_ko .skipNarration,
.lang_ko .skipNarration:after {
  background-image: url(../img/skip-button.1e20fc5c.png);
}
.lang_ko .continueButton,
.lang_ko .continueButton:after {
  background-image: url(../img/continue-button.0051d8ad.png);
}
.lang_ko #answer_submit,
.lang_ko #answer_submit:after {
  background-image: url(../img/submit-button.125a41e6.png);
}
.lang_ko #avatar_submit,
.lang_ko #avatar_submit:after {
  background-image: url(../img/play-button.fc115cdd.png);
}
.lang_ko .avatars_grid h1 {
  font-size: 2em;
}

/* SL */
.lang_sl .replayNarration,
.lang_sl .replayNarration:after {
  background-image: url(../img/replay-button.fb42aab8.png);
}
.lang_sl .skipNarration,
.lang_sl .skipNarration:after {
  background-image: url(../img/skip-button.b946153a.png);
}
.lang_sl .continueButton,
.lang_sl .continueButton:after {
  background-image: url(../img/continue-button.1d149cfa.png);
}
.lang_sl #answer_submit,
.lang_sl #answer_submit:after {
  background-image: url(../img/submit-button.02cb32f0.png);
}
.lang_sl #avatar_submit,
.lang_sl #avatar_submit:after {
  background-image: url(../img/play-button.f1746e38.png);
}
.lang_sl .avatars_grid h1 {
  font-size: 2em;
}
@media screen and (min-width: 1024px) {
.question-playing #fontsize-button, .question-playing .question_outer .helper-btn, .question-playing .soundControl, .question-playing .muteControl, .question-playing #help-button {
    position: absolute;
    top: auto;
    bottom: 26px;
}
.question-playing #header .helper-btn {
    left: auto;
    position: absolute;
    bottom: 0;
}
.question-playing #header #fontsize-button {
    left: 28px;
    bottom: 26px;
    background-image: url(data:image/png;base64,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);
}
.question-playing .soundControl {
    left: 100px;
}
.question-playing .muteControl {
    left: 172px;
}
#help-button {
    left: 244px;
}
#journal-button {
    left: 316px;
}
#viewbg-button {
    left: 388px;
}
#fontControls {
    top: auto;
    left: 28px;
    bottom: 84px;
}
}
@media only screen and (max-width: 1600px) {
body {
    font-size: 13px;
}
.journal-wrapper .pages-content h2 {
    margin: 0 0 .5em;
}
.journal-wrapper .pages-content .content-inner {
    font-size: 1.15em;
}
#narration_end_arrow {
    max-height: 77.2%;
    right: -12%;
}
}
@media only screen and (max-width: 1400px) and (min-width: 1025px) {
#submitLang {
    margin-top: 5%;
}
}
@media only screen and (max-width: 1280px) {
body {
    font-size: 12px;
}
}
@media only screen and (max-width: 1024px) and (min-width: 768px), only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
html, body, #login, #headphones-loader, .container, main, .page.visible, .question_outer, .question_wrapper, .question_col, .answers_wrapper, .question_main_wrapper, .avatar_large, #world-map-container, .avatar_large_wrapper, .book_container {
    height: 75vw;
}
.container.no-overflow {
    overflow-y: auto;
}
#headphones-loader {
    background-image: url(../img/headphones-bg-tablet.9601e6d3.jpg);
}
#avatar_selection {
    background: url(../img/avatar-selection-bg-tablet.d5000fcc.jpg);
}
#end_screen {
    background-image: url(../img/congratulations-bg-tablet.8d099672.jpg);
}
#book_screen {
    background-image: url(../img/book-screen-bg-tablet.24c41c79.jpg);
}
#login, #world-map-container {
    background-image: url(../img/world-map-bg.4c79ff65.jpg);
    /* todo */
    background-size: cover;
    background-position: center;
}
#avatar_selection .avatar_large img {
    width: 100%;
}
.progress_pointer:before {
    top: -24px;
    width: 22px;
    height: 22px;
    padding: 3px 0;
}
.progress_pointer:after {
    height: 18px;
    margin-top: -7px;
}
.progress_pointer_wrap {
    font-size: 13px;
    top: 51%;
    height: 5%;
}
.progress-title {
    top: 12.5%;
    font-size: 11px;
}
.question-playing #header #fontsize-button {
    left: 18px;
    bottom: 22px;
}
.question-playing .soundControl {
    left: 68px;
}
.question-playing .muteControl {
    left: 118px;
}
#help-button {
    left: 168px;
}
#journal-button {
    left: 218px;
}
#viewbg-button {
    left: 268px;
}
#fontControls {
    left: 18px;
}
}
@media only screen and (max-width: 1024px), only screen and (max-device-width: 1024px) {
.page.visible {
    overflow: hidden;
    position: relative;
}
.soundControl {
    top: 8px;
}
.muteControl {
    top: 52px;
}
#help-button {
    top: 96px;
}
#fontsize-button {
    top: 140px;
    height: 44px;
}
#fontControls {
    width: 140px;
    height: 145px;
    background-size: 100% auto;
    bottom: 63px;
}
#fontControls a {
    padding: 6px 5px;
}
.fullscreenControl {
    padding: 1% 0.6%;
    z-index: 99;
}
#narration_end_arrow {
    display: none !important;
}
.login_container {
    padding: 9% 0 0;
    max-width: 50%;
    max-height: 64.2%;
}
.lang_wrap {
    max-width: 46%;
    max-height: 66.4%;
}
.lang_header {
    margin-bottom: 7%;
}
.helper-btn {
    width: 38px;
    height: 37px;
    left: 8px;
}
#book.wowbook {
    left: 13%;
    top: 8.2%;
    max-width: 75.2%;
}
.book_narration_actions {
    bottom: 15.1%;
    left: 52%;
    width: 35.8%;
    height: 5.8%;
}
.hexagon:not(.chapter-hexagon) {
    width: 182px;
    height: 157px;
    max-width: 100%;
    max-height: 100%;
}
.hexagon:nth-child(3n + 2):not(.chapter-hexagon) {
    margin-left: -44px;
}
.hexagon:nth-child(2):not(.chapter-hexagon) {
    margin-top: 78px;
}
.hexagon:nth-child(3n + 3):not(.chapter-hexagon) {
    margin-top: -78px;
    margin-left: -44px;
}
.hexagon:nth-child(3):not(.chapter-hexagon) {
    margin-top: 0;
}
.hexagon:nth-child(3n + 4):not(.chapter-hexagon) {
    margin-top: -78px;
    clear: left;
}
.hexagon:last-child:not(.chapter-hexagon) {
    margin-top: -78px;
    margin-left: 94px;
}
.avatars_grid {
    margin-top: 38px;
    width: 484px;
    max-width: 100%;
    padding-right: 0;
}
#avatar_selection .avatar_large {
    max-width: 57%;
    height: 100%;
}
#avatar_submit {
    margin: 7% 0 0 28.4%;
    height: 72px;
    max-height: 100%;
}
.avatars_grid h1 {
    left: 122px;
}
.avatars_grid:after {
    right: 1%;
}
.avatar_descr {
    width: 100%;
    margin: 0;
}
.avatar_details {
    width: 96%;
    margin: 0;
    padding: 40px 20px;
}
.avatar_type {
    width: 96%;
}
.avatar_default_name {
    font-size: 2.2em;
    height: 100px;
    width: 100%;
}
.headphones {
    max-width: 30%;
}
.headphones-box {
    padding: 3% 2% 2% 2.7%;
}
.dash {
    visibility: hidden !important;
}
.question_main {
    max-height: 48%;
}
.question_main_wrapper {
    margin: 0 0 0 28%;
    max-width: 72%;
}
.cell-8-col.question_col {
    width: 63.6%;
    padding: 0 0.4% 0 0;
}
.cell-4-col.question_col {
    width: 36%;
    padding: 0;
}
.player_name {
    max-width: 29%;
    bottom: 0;
    height: 158px;
}
.question_avatar {
    bottom: -21%;
    left: -13%;
    max-width: 56%;
    overflow: hidden;
}
#question_avatar2 {
    left: -17%;
}
#question_avatar3 img {
    margin-left: -5%;
}
#question_avatar4 {
    bottom: -2%;
    max-width: 66%;
}
#question_avatar6 {
    max-width: 80%;
}
#question_avatar7 img {
    margin-left: -4%;
}
#question_avatar8 {
    bottom: -14%;
    max-width: 60%;
}
#question_avatar8 img {
    margin-left: 18%;
}
.progress_bar_outer {
    margin-top: 7%;
}
.answers_wrapper {
    padding: 9% 0 0;
}
.answer_draggables {
    height: 10.5%;
}
.answer_draggables img {
    max-width: 28%;
}
.answer_draggables h4 {
    font-size: 1.7em;
}
.answer:before, .answer.rejected:after, .answer.selected:after {
    max-width: 14%;
    right: 0.5%;
}
.answer {
    max-height: 22.1%;
}
.answer .answer_inner {
    width: 75.2%;
}
.question_text_container {
    max-height: 67%;
    padding: 5% 10% 0 11%;
}
.question_main .narration_actions {
    bottom: -16%;
    height: 12.4%;
    padding: 8px 14%;
}
.answer_inner .mCSB_scrollTools {
    width: 4px;
}
.answer_inner .mCSB_inside > .mCSB_container {
    margin-right: 9px;
}
.answer_submit_wrapper {
    height: 11.3%;
    margin-top: -10%;
}
#answer_submit {
    margin: 1.6% 0 0 20%;
    max-width: 40%;
    max-height: 54%;
}
.question_text p {
    padding: 0 4% 18px 6%;
}
.help_txt {
    max-height: 15.6vw;
}
.avatar_small {
    cursor: pointer;
}
.helper-btn:hover:after, #help-button:hover, #journal-button:hover, #fontsize-button:hover {
    -webkit-box-shadow: none;
            box-shadow: none;
}
.img-hover-btn:hover:after {
    opacity: 0;
}
.video_actions {
    width: 29.2%;
}
.congratulations-box {
    background-size: 100% 600px;
    max-width: none;
    max-height: none;
    width: 1000px;
    height: 600px;
}
.journal-wrapper {
    max-width: 88.8%;
    max-height: 73.2vh;
    margin: 10vh 0 0 3%;
}
.chapter-portrait-wrapper {
    max-height: 58vh;
}
.chapters-grid {
    width: 38%;
    height: 37%;
}
.chapters-grid-5 {
    left: 64.2%;
}
.chapters-grid-8 {
    width: 33.66%;
    right: 8%;
}
}
@media only screen and (max-width: 839px) and (min-width: 480px) {
.cell-4-col {
    width: calc(33.33333% - 16px);
}
}
@media only screen and (max-width: 799px) {
.cell-4-col {
    width: calc(33.33333% - 16px);
}
html, body, #login, #headphones-loader, .container, main, .page.visible, .question_outer, .question_wrapper, .question_col, .question_main_wrapper, .avatar_large, #world-map-container, .avatar_large_wrapper, .book_container {
    height: 177.78vw;
}
.bg_screen {
    background-size: cover !important;
    background-position: center !important;
}
.login_container {
    max-width: 100%;
    max-height: 54%;
}
.lang_wrap {
    max-width: 90%;
}
.login_form input {
    max-height: 12.4%;
}
.login_logo {
    max-width: 43.2%;
    max-height: 24.6%;
    margin: 9% auto 0;
}
.check-radio {
    font-size: 2.1em;
}
.check-radio > .img-btn {
    width: 30px;
    height: 30px;
}
#submitLang {
    margin-top: 6%;
    max-width: 52%;
}
#submitLogin {
    max-height: 15.4%;
}
.wowbook-page.wowbook-right {
    left: 0 !important;
}
#book.wowbook {
    left: 0;
    max-width: 200%;
}
.book_narration_actions {
    left: 14%;
    width: 84%;
    height: 6%;
    bottom: 25%;
}
#headphones-loader {
    text-align: center;
    padding: 46% 0 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.headphones {
    max-width: 46%;
}
.headphones-box {
    max-width: 96%;
    max-height: 70%;
    top: 45%;
    left: 2%;
    padding: 6.2% 2% 2% 2.7%;
    font-size: 1.45em;
}
.cell-8-col.question_col {
    width: 75%;
    padding: 0;
    height: 20%;
}
.question_main_wrapper {
    margin: 0 0 0 10%;
    max-width: 80%;
    height: 100%;
}
.progress_bar_outer {
    margin: 0.7% 0 0.3% 1.6%;
    max-height: 16%;
}
.question_text_container {
    max-height: 58%;
    padding: 4.8% 2% 0 3%;
}
.question_text {
    font-size: 1em;
}
.question_text p {
    line-height: 1.2em;
}
.cell-4-col.question_col {
    width: 100%;
    z-index: 1;
    position: relative;
}
.soundControl {
    top: 0.6%;
}
.muteControl {
    top: 6.4%;
}
.helper-btn {
    left: 1.4%;
    max-width: 9%;
    max-height: 5.2%;
}
#help-button {
    top: 12.4%;
}
#fontsize-button {
    top: 18.2%;
}
#fontControls {
    left: 1.2%;
    top: 18.4%;
    max-width: 34%;
    max-height: 20%;
    background-repeat: no-repeat;
}
#fontControls a {
    font-size: 1.4em;
    line-height: 1.5em;
}
.answers_wrapper {
    padding: 0;
    height: 67%;
}
.answers {
    float: right;
    width: 86%;
    height: 68%;
}
.answer .answer_inner {
    width: 71.2%;
}
.answer_draggables img {
    max-width: 100%;
    margin: 36% 0;
}
.answer_draggables {
    height: auto;
    float: left;
    width: 13%;
}
.player_name, .answer_draggables h4, .avatars_grid:after, .avatar_type, .piece, .wowbook-page.wowbook-left {
    display: none !important;
}
.answer_draggables .cell-6-col {
    width: 100%;
}
.question_main {
    background-image: url(../img/question-bg-mobile.77e1bc87.png);
    max-height: 83%;
}
.answer {
    background-image: url(../img/reply-bg-mobile.735624e0.png);
    margin: 0.1% 0 0;
    font-size: 1em;
    max-height: 24.9%;
    width: 70%;
}
.answer p {
    line-height: 1.2em;
}
.question_main .narration_actions {
    bottom: 3.4%;
    height: 19.8%;
    padding: 8px 10%;
    width: 74%;
}
.video_actions {
    width: 70px;
    height: 38px;
}
.video_actions a {
    max-height: 100%;
    max-width: 100%;
}
video#game_video {
    width: 100%;
}
#answer_submit {
    margin: 0.2% auto 0;
    max-width: 32%;
    background-position: 0 100%;
}
.answer_submit_wrapper {
    margin: 0 auto;
    clear: both;
    height: 14%;
}
.question_avatar {
    bottom: -20% !important;
    left: 10%;
    max-width: 100% !important;
    max-height: 86%;
    width: 90%;
}
#question_avatar2 {
    left: 2%;
}
#question_avatar4 img {
    margin-left: 4%;
}
#question_avatar6 img {
    margin-left: 6%;
}
#question_avatar7 img, #question_avatar8 img {
    margin-left: 14%;
}
#avatar_selection .cell {
    width: 100%;
}
.avatars_grid {
    margin-top: 3%;
    width: 100%;
}
.avatars_grid h1 {
    left: 0;
    position: relative;
    width: 100%;
    top: auto;
    padding: 0;
    margin: 0 0 0.3em;
    font-size: 2em;
}
.hexagon {
    width: 27vw;
    height: 23.1vw;
    margin: 0 !important;
}
.hexagon:nth-child(odd) {
    float: left;
    clear: both;
}
.hexagon:nth-child(even) {
    float: right;
    clear: none !important;
}
#avatar_selection .avatar_large_wrapper, #avatar_selection .avatar_large {
    width: 100%;
}
#avatar_selection .avatar_large {
    max-width: 100%;
    text-align: center;
    z-index: 0;
}
#avatar_selection .avatar_large img {
    margin: 0 !important;
    max-height: 90%;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
#avatar_selection #avatar_large1 img {
    left: 66%;
}
#avatar_selection #avatar_large3 img {
    left: 37%;
}
#avatar_selection #avatar_large6 img {
    max-width: 150%;
    left: 44%;
}
.avatar_default_name {
    font-size: 2em;
    width: 45%;
    position: relative;
    max-height: 20vw;
    margin: -7% auto 0;
    padding: 7.6% 0 0;
    height: 110px;
}
#avatar_descr4 .avatar_default_name {
    font-size: 1.9em;
    padding: 7.6% 0 0;
}
.avatar_details {
    width: 100%;
    max-width: 100%;
    font-size: 1.2em;
    padding: 2px 10px;
    max-height: 21vh;
    overflow-y: auto;
}
.avatar_details p {
    margin-bottom: 0.2em;
    line-height: 1.3em;
}
.avatar_details:before, .avatar_details:after {
    position: relative;
    margin: 0 auto;
    left: 0;
}
.avatar_details:before {
    top: 7px;
    margin-bottom: 8px;
}
.avatar_details:after {
    bottom: 0;
}
#avatar_submit {
    margin: 0 0 0 32%;
    height: 10vh;
    max-height: 100%;
    position: fixed;
    bottom: -0.4%;
    background-position: 0 100%;
}
.help_txt {
    max-height: 24.4vw;
    max-width: 23vw !important;
}
#answer_draggables_help .info-button {
    max-width: 8vw;
    left: 15%;
    top: 36%;
}
#answer_draggables_help .help_txt {
    top: 52.5%;
    padding: 20%;
}
.qtip-tipsy {
    font-size: 0.9em;
}
.qtip-tipsy .qtip-content {
    padding: 6px 8px;
}
}
@media only screen and (max-width: 600px) {
.wowbook-page-content {
    background: none;
    -webkit-filter: none;
            filter: none;
    padding-bottom: 6%;
}
.fullscreenControl {
    padding: 2.6% 2%;
}
#book.wowbook {
    left: 13%;
    max-width: 174%;
}
.book_narration_actions {
    left: 14%;
    width: 84%;
    height: 6%;
    bottom: 20%;
}
.answers_wrapper {
    height: 94%;
}
.answer {
    width: 100%;
}
.cell-8-col.question_col {
    width: 100%;
    padding: 0;
    height: 26.4%;
}
.avatars_grid h1 {
    font-size: 1.7em;
    position: absolute;
    left: 0;
    top: 0;
}
.avatar_default_name {
    font-size: 1.4em;
    width: 60%;
    padding: 9.2% 0 0;
}
#avatar_descr4 .avatar_default_name {
    font-size: 1.3em;
    padding: 9.8% 0 0;
}
.hexagon:not(.chapter-hexagon) {
    width: 91px;
    height: 78px;
}
#avatar_submit {
    margin: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    height: 48px;
    bottom: 3%;
    background-position: top;
    z-index: 1;
}
.answer_draggables img {
    margin: 60% 0;
}
.answer_submit_wrapper {
    height: 10.2%;
}
.help_txt {
    max-height: 28.4vw;
    max-width: 28vw !important;
}
#world-map-container.island1 {
    background-image: url(../img/Map-final_Oracle.d3f68bf0.jpg);
}
#world-map-container.island2 {
    background-image: url(../img/Map-final_Temperu.ccbae5e4.jpg);
}
#world-map-container.island3 {
    background-image: url(../img/Map-final_Fabella.19f0cd13.jpg);
}
#world-map-container.island4 {
    background-image: url(../img/Map-final_Sylvus.1d5cf69c.jpg);
}
.cloud {
    background-image: url(../img/mobile-cloud.c1e0a25a.png);
    width: 100%;
    height: 100%;
    background-size: cover;
    max-width: 100%;
    left: 0;
    top: 0;
    right: auto;
}
.mCS-inset-dark.mCSB_scrollTools {
    right: 10px;
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-size: 20px 100%;
}
.congratulations-box {
    position: relative;
    top: 50%;
    transform: translateY(-30%);
    -webkit-transform: translateY(-30%);
    max-width: 120%;
    margin: 0 -10%;
    padding: 3.5% 0;
    font-size: 1.1em;
    background-size: 100% 400px;
}
.congratulations-box p {
    padding: 1% 18%;
    overflow-y: auto;
    line-height: 1.1em;
}
.helper-btn {
    max-width: none;
    max-height: none;
    width: 32px;
    height: 32px;
}
.soundControl {
    top: 3px;
}
.muteControl {
    top: 38px;
}
#help-button {
    top: 72px;
}
#viewbg-button {
    top: 107px;
}
.bg-isolated #viewbg-button {
    left: 1.4%;
    top: 3px;
}
#fontsize-button {
    top: 142px;
}
#fontControls {
    top: 177px;
}
#answers_help {
    width: 98%;
    height: 98%;
}
#question_help {
    height: 99%;
}
.avatar_details:before, .avatar_details:after {
    content: none;
}
.progress-title, .question-island {
    display: none;
}
.progress_bar_outer {
    width: 98.6%;
    max-width: 98.6%;
}
.progress_bar {
    background: url(../img/progress-bar.1e91da6b.png) no-repeat scroll center;
    background-size: 100% auto;
}
.progress_pointer_wrap {
    padding: 0 2.1% 0% 4%;
    max-width: 91.2%;
    height: 50%;
    font-size: 10px;
    top: 24%;
}
.progress_pointer {
    height: 24%;
}
.progress_pointer:before {
    top: -13px;
    width: 14px;
    height: 14px;
    max-width: 14px;
    max-height: 14px;
    padding: 2px 0;
}
.progress_pointer:after {
    height: 6px;
    margin-top: -1px;
}
#journal-button {
    display: none;
}
}
@media only screen and (orientation: portrait) and (max-width: 1024px) and (min-width: 768px), only screen and (orientation: portrait) and (min-device-width: 768px) and (max-device-width: 1024px) {
#orientationRotateMsg {
    display: block;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAMAAACahl6sAAAAllBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////AJcWoAAAAMXRSTlMALAuE1LhknMRE2HzwWOlIEfqVzQb0MK8nGea/NCXgybaHeGddQDghAgHRUKmNVG5pfglSJgAAAwVJREFUeNrt3dmOm0AUhOEyHo+XwTZgG+/7bs9MUu//cgESskoJidpAk/okJCS4+YWag7hpiIiIiIiIiIiIiIiI/IvpsW3UcYkiTMc0brBA7rwVH2CUf0nAhxggbz0+xhL5cphd65XZtWGI+RB3iDkz68MQ8yFsL2fVCIko5GcK+X3IoWbQwk9DruFyOkQe0pAaTHLTkCFJv7OpHx38yraQhD/u/tJiZUjErU/xA5tCLq+b1owpf+vgOzaFJJzTruEz0TtckbIvJObtb0yMPaSsDAGu7RZjsxBfWBoSpbyvGBnd8Zm1IYDXZOyAhMUhwMFnpIuY1SE4xdf8IyJ2hyDskeydAVgegnBEcj0EbA/BnZEXwPoQ1En6tQqEDNckNxUIQc0n2a5ACAKS8yqEeCOSYQVCkkfSrELIMvlxWYEQrOM7qhDygWRgfcjwggnJW3Juc8gkuFxnJB1g8WZ1CIPLmOQJC7dpdwiDLcnuwqXtIVxFx9il3SFnfhPYHIKPTA08q0Pw8WuH1XMksv/SYfdATEuiDvtDsI87Sh7yUo8s8QfvHsoekpVCFGKDfw857uoF2LUvZkOmLRZkcDYZMnxiYVaOwZA9C7QzGDJmgVoGQ1r8atbIh8tU5zEhL8hHUyEK+UwhClGIQhSiEIVEFKIQhShEIQpRSEQhClGIQhSiEIVEFKIQhVQk5Nb3znXf/pCOg0jX/pAD3ka9ELc8Q/ztxnxIiCfyGc08Q17hmA/pY07e0cgzZHX6YD5kDK99uk5869cI3xwg7Ni/2El3PqjEHKnMQFSIQhSikIRCFKIQhSjk/wkJqxIy6mXWKXXIX3DtDwmOp51bgZAuIrWR9SFzLNaDA7bWh2xRj2v61ocE2JFjdMsaApfZzBzneT/FprQhTWa08YDLtrRvLUxnzMh9ba7KO0eA87wSAzE2uXezu5c4JGL/R6NCFKIQhfxvIY3nfNweEtLg3yvl/j91FiiAOVOXhfEnMKg/YkFG7zDq/LZ+KsA6WEJERERERERERERExAafAPdAnuMwX24MAAAAAElFTkSuQmCC);
}
#orientationRotateMsg p {
    bottom: 28%;
    font-size: 2em;
}
}
@media only screen and (orientation: landscape) and (min-width: 479px) and (max-width: 767px) {
#orientationRotateMsg {
    display: block;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAMAAACahl6sAAAAn1BMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8Kd3m4AAAANHRSTlMAsLiMhBc8aNhEeKgE6Vi8+IDwLHI4B8FknJQgy/RQSST8x63dCtNfGg/mayngo4gzfrRBLGNCrQAABFdJREFUeNrt3cl2olAUheFtlxJFJYgojX3fm2S//7NVEpsyRi1jodxrnW/s5F94D2cACwghhBBCCCGEEEIIIYQQ4s7GDSd9Ac9eq6afHcOFcsa+xZ+zcybUMuvxOp0xVJKZ81odpa5JntfLQR0tnhMmeE5BoROf4xlWH0meY0AZC57THPV4jgNlvPJfPEMZSf6LNJTxH4Q8V7Z8vUO84lZX75CH+WtJyEUk5OFDQpKvuWsklQoJ+O4J1zCUCmlJiGIhbvZBQpCUkIOQ0aBe6BmIixlGFBL0yHYRP6HkYS9PyHoTl1M0pGKT9N4CE5dSM6Rc55oV+sMAcTAHUYSYCe7Jpiq4jHpTy62SLC06Ntd6LyP8jZIhGIekvQKCoj/gB8ub4Tw1Q5DJkoUZPgROyHdtb4RzFA1BUBpkOxmslf06ybpj4jRVQw5k0h8p4Qyn6BICjDyS9SFO0SYEeOuRTJk4TqMQjPMkEy6O0ikEcEgm+zhGrxA0LDJp4gjNQtC0yAWO0C0EzTaZw3fahaBGtg18o18IfHKSwSENQ9wO2cUhDUPQssgGDugYAoecu/hKyxBz8H1yaRmCN9Ie4ws9Q1AiX/CFpiGVb4/gaBqCKjnEPl1DGmQH+3QNMSdkGXt0DcHy4OfahpTJHvZoG4IsOcOOxiEp0sGOxiEGmcSOxiF9i3UTO/qGoEOusKNxSIqsYUvnkCLpY0fjkDJZxY7GIW6bE+xoHII56WJL55Aq2cKWziF5soItnUN8soktnUOWZBFbOoekHyXkyXFm2NA6ZJ86IW4QBAq9wLcOeQD/d0irlk7dVNWy6n4q1bEs209tLXOGGWnILMm4TH5FGNKoM0ZdN6qQJ4uxWkQU4vb4leX8uqXphAca0YQMeSCL28rzQBhNSDf2EI4iCcnGH9KMJGQSf0gxkpCChEiIhEjIJwmREAmREAmREAl5JyExhcwH9gOE1F9GACqJ+4V41VuEFMpmrVvyKnDuFlKu3SCkXcmE/JCGr3XIAkmuDce2ziHN1Z+JtbhjSLth1CMNCabcyuTuGDIHBtGGOPGEMO8x0hDjiRtzLHQ+Ix46XJv2CzqHWOVRlh88PGs9ftkL+rnqoNtEsX2vkKl3SUjRvMw2hPavPoDAU23XutTzNoS0wlJWvaXx4hDV1/iTStNm4yWrfUjBQKvYyMBp6x1izzKvJNu+O9Q7ZNof8FMXXZ1DbDfHDeNJqZDhz0KSCLnhm5ZKIcmfheQx50YCBZVCqj8LKaHKjZRaV+R4SPf0GfnFjYpaZ+R4yJKnTM0SP6UUm1rHQ554il3u+xZZcKDYfaSKo0KeUmiivyqbpmp39hMhK4snVR0Vd608jmtYD7H9vluFl4ao/HTQp7dlonSBIYBe/CFNROE1/pAWojCNPSSLSPQL/KrQytzSqMMDNUSjwXiVEBWHkVDgU01GlnGxli6iZCzzifvrerUMhBBCCCGEEEIIIYQQQgghrvIbuxL+OF17MDwAAAAASUVORK5CYII=);
}
}
@media screen and (min-color-index: 0) and (-webkit-min-device-pixel-ratio: 0) and (max-device-width: 1024px) {
.fullscreenControl {
    display: none !important;
}
}


/*# sourceMappingURL=index.css.map*/