/** Load font.less **/
/* @import must be at top of file, otherwise CSS will not work */
@font-face {
  font-family: 'Times Now';
  src: url('../fonts/TimesNowExtraLight/font.woff2') format('woff2'), url('../fonts/TimesNowExtraLight/font.woff') format('woff');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Times Now';
  src: url('../fonts/TimesNowExtraLightIT/font.woff2') format('woff2'), url('../fonts/TimesNowExtraLightIT/font.woff') format('woff');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Times Now';
  src: url('../fonts/TimesNowLight/font.woff2') format('woff2'), url('../fonts/TimesNowLight/font.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Times Now';
  src: url('../fonts/TimesNowLightIT/font.woff2') format('woff2'), url('../fonts/TimesNowLightIT/font.woff') format('woff');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Times Now';
  src: url('../fonts/TimesNowSemiLight/font.woff2') format('woff2'), url('../fonts/TimesNowSemiLight/font.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Times Now';
  src: url('../fonts/TimesNowSemiLightIT/font.woff2') format('woff2'), url('../fonts/TimesNowSemiLightIT/font.woff') format('woff');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Times Now';
  src: url('../fonts/TimesNowSemiBold/font.woff2') format('woff2'), url('../fonts/TimesNowSemiBold/font.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Times Now';
  src: url('../fonts/TimesNowSemiBoldIT/font.woff2') format('woff2'), url('../fonts/TimesNowSemiBoldIT/font.woff') format('woff');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Times Now';
  src: url('../fonts/TimesNowBold/font.woff2') format('woff2'), url('../fonts/TimesNowBold/font.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Times Now';
  src: url('../fonts/TimesNowBoldIT/font.woff2') format('woff2'), url('../fonts/TimesNowBoldIT/font.woff') format('woff');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Times Now';
  src: url('../fonts/TimesNowExtraBold/font.woff2') format('woff2'), url('../fonts/TimesNowExtraBold/font.woff') format('woff');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Times Now';
  src: url('../fonts/TimesNowExtraBoldIT/font.woff2') format('woff2'), url('../fonts/TimesNowExtraBoldIT/font.woff') format('woff');
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'HelveticaNeueLTPro';
  src: url('../fonts/HelveticaNeueLTProUltLt/font.woff2') format('woff2'), url('../fonts/HelveticaNeueLTProUltLt/font.woff') format('woff');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'HelveticaNeueLTPro';
  src: url('../fonts/HelveticaNeueLTProUltLtIt/font.woff2') format('woff2'), url('../fonts/HelveticaNeueLTProUltLtIt/font.woff') format('woff');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'HelveticaNeueLTPro';
  src: url('../fonts/HelveticaNeueLTProLt/font.woff2') format('woff2'), url('../fonts/HelveticaNeueLTProLt/font.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'HelveticaNeueLTPro';
  src: url('../fonts/HelveticaNeueLTProLtIt/font.woff2') format('woff2'), url('../fonts/HelveticaNeueLTProLtIt/font.woff') format('woff');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'HelveticaNeueLTPro';
  src: url('../fonts/HelveticaNeueLTProLt/font.woff2') format('woff2'), url('../fonts/HelveticaNeueLTProLt/font.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'HelveticaNeueLTPro';
  src: url('../fonts/HelveticaNeueLTProLtIt/font.woff2') format('woff2'), url('../fonts/HelveticaNeueLTProLtIt/font.woff') format('woff');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'HelveticaNeueLTPro';
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'HelveticaNeueLTPro';
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'HelveticaNeueLTPro';
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'HelveticaNeueLTPro';
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'HelveticaNeueLTPro';
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'HelveticaNeueLTPro';
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}
/****************
 * Normalize CSS
 ****************/
/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}
/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
audio,
canvas,
video {
  display: inline-block;
}
/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/**
 * Address `[hidden]` styling not present in IE 8/9.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}
/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}
/**
 * Remove default margin.
 */
body {
  margin: 0;
}
/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background: transparent;
}
/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted;
}
/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}
/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}
/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
b,
strong {
  font-weight: bold;
}
/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn {
  font-style: italic;
}
/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: 0;
}
/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}
/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em;
}
/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre-wrap;
}
/**
 * Set consistent quote types.
 */
q {
  quotes: "\201C" "\201D" "\2018" "\2019";
}
/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9.
 */
img {
  border: 0;
}
/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden;
}
/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
figure {
  margin: 0;
}
/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}
/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
button,
input,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 2 */
  margin: 0;
  /* 3 */
}
/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal;
}
/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,
select {
  text-transform: none;
}
/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}
/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}
/**
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}
/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box;
}
/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */
}
/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/**********************
 * Load MESS Functions
 **********************/
/**
 * CSS3 cross browser functions
 * Load a set of functions to easily write cross browser css3, those functions are
 * shortcuts to specific browser's css prefixing
 **/
/**
 * Hide text
 * ---------
 * Hide a text from an element.
 */
/**
 * Font Size
 * ---------
 * Set a font size in em
 * @size should be given in px, and will be converted to em
 * automatically based on the site's default font size
 */
/**
 * Letter Spacing
 * --------------
 * Create a letter spacing, using a scale of 1000 to 1em
 * This helps converting Photoshop's letter spacing values
 * to CSS values. Example:
 * .letter-spacing(photoshop value) = letter-spacing:(Xem);
 * .letter-spacing(50) = letter-spacing:0.05em;
 * .letter-spacing(100) = letter-spacing:0.1em;
 * .letter-spacing(500) = letter-spacing:0.5em;
 */
/** 
 * Uppercase
 * ---------
 */
/** 
 * Lowercase
 * ---------
 */
/**
 * Normal case
 * -----------
 */
/** 
 * Bold
 * ----
 */
/** 
 * Italic
 * ------
 */
/** 
 * Underline
 * ---------
 */
.absolute-center {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
/**
 * Cover a parent area
 */
/**
 * CSS3 cross browser functions
 * Load a set of functions to easily write cross browser css3, those functions are
 * shortcuts to specific browser's css prefixing
 **/
/**
 * CSS3 Functions
 */
/**
 * Element Border
 */
/**
 * Element & Text Shadow
 */
/**
 * Opacity
 */
/**
 * Box model
 */
/**
 * CSS3 background backport and prefixing
 */
/**
 * Color handling functions
 * Load a set of LESS function to easily manage colors, gradients, etc.
 **/
/**
 * Gradients
 * ---------
 * Based on Bootstrap 3.2's mixins and on http://www.colorzilla.com/gradient-editor/
 */
/**
 * Stripes
 */
/**
 * Remove a background gradient color
 */
/**
 * Sprite functions
 * Load a set of LESS function to generate CSS / Text pictograms and sprites
 **/
/**
 * Insert sprite image
 */
/**
 * Cross
 */
/**
 * Thin arrow
 */
/**
 * Mobile menu
 */
/* ------------------------ */
/*        CSS ARROWS        */
/* ------------------------ */
/**
 * Usage
 * .arrow(size, color, direction, offset, border-size, border-color); 
 */
/**
 * Where
 * Size is the with of the arrow
 * Color is the color of the arrow (plain color required)
 * Direction is the orientation of the arrow (top, right, bottom, left)
 * Offset is the position of the arrow on its axis (px / em)
 * Border-size is the width of the border if there is one (optional; default "0")
 * Border-color is the color of the border if there is one (optional; default "inherit"); 
 */
/**
 * Extra
 * Drop-shadows can be used on the element to create a shadow on the arrow as well 
 */
/**
 * Animations functions
 */
/**
 * CSS Easing functions
 * Thanks to http://matthewlein.com/ceaser/
 */
/**
 * Transition functions
 */
/**
 * transition2()
 * Chain 2 transition effects
 */
/**
 * transform()
 * Rotate an element
 */
/**
 * backface-visibility()
 * Hide the backside of a rotated element
 */
/**
 * Animation
 */
/**
 * Media queries short codes  helpers
 */
/**
 * Short codes to easily use media queries
 * Define media queries variables
 * ex: @media @mobile {}
 */
/**
 * Retina background
 */
/************************
 * Load MESS Elements
 ************************/
/** Images **/
/**
 * Images
 */
img {
  height: auto;
}
/**
 * Make an image responsive,
 * Heps images to scale to their parent size
 * Compatibility: TODO
 */
.image-responsive {
  height: auto;
}
/************************
 * Load MESS Components
 ************************/
/** Popup **/
/***********************************
 * Load MESS User Customizable files
 ***********************************/
/** Load theme variables **/
.icon-calibre-confetti {
  display: block;
  background-image: url(../assets/build/sprite-enigma.png);
  background-position: 0vw 0vw;
  width: 100vw;
  height: 75vw;
  background-size: 382.5vw 357.8125vw;
}
.icon-before-calibre-confetti:before {
  content: '';
  display: block;
  background-image: url(../assets/build/sprite-enigma.png);
  background-position: 0vw 0vw;
  width: 100vw;
  height: 75vw;
  background-size: 382.5vw 357.8125vw;
}
.icon-calibre-mass {
  display: block;
  background-image: url(../assets/build/sprite-enigma.png);
  background-position: -100.625vw 0vw;
  width: 81.25vw;
  height: 81.25vw;
  background-size: 382.5vw 357.8125vw;
}
.icon-before-calibre-mass:before {
  content: '';
  display: block;
  background-image: url(../assets/build/sprite-enigma.png);
  background-position: -100.625vw 0vw;
  width: 81.25vw;
  height: 81.25vw;
  background-size: 382.5vw 357.8125vw;
}
.icon-calibre-turn {
  display: block;
  background-image: url(../assets/build/sprite-enigma.png);
  background-position: 0vw -75.625vw;
  width: 84.375vw;
  height: 82.8125vw;
  background-size: 382.5vw 357.8125vw;
}
.icon-before-calibre-turn:before {
  content: '';
  display: block;
  background-image: url(../assets/build/sprite-enigma.png);
  background-position: 0vw -75.625vw;
  width: 84.375vw;
  height: 82.8125vw;
  background-size: 382.5vw 357.8125vw;
}
.icon-calibre {
  display: block;
  background-image: url(../assets/build/sprite-enigma.png);
  background-position: -182.5vw 0vw;
  width: 81.25vw;
  height: 78.75vw;
  background-size: 382.5vw 357.8125vw;
}
.icon-before-calibre:before {
  content: '';
  display: block;
  background-image: url(../assets/build/sprite-enigma.png);
  background-position: -182.5vw 0vw;
  width: 81.25vw;
  height: 78.75vw;
  background-size: 382.5vw 357.8125vw;
}
.icon-drawing {
  display: block;
  background-image: url(../assets/build/sprite-enigma.png);
  background-position: -182.5vw -79.375vw;
  width: 59.6875vw;
  height: 76.25vw;
  background-size: 382.5vw 357.8125vw;
}
.icon-before-drawing:before {
  content: '';
  display: block;
  background-image: url(../assets/build/sprite-enigma.png);
  background-position: -182.5vw -79.375vw;
  width: 59.6875vw;
  height: 76.25vw;
  background-size: 382.5vw 357.8125vw;
}
.icon-georges {
  display: block;
  background-image: url(../assets/build/sprite-enigma.png);
  background-position: -125.3125vw -250.3125vw;
  width: 34.375vw;
  height: 41.25vw;
  background-size: 382.5vw 357.8125vw;
}
.icon-before-georges:before {
  content: '';
  display: block;
  background-image: url(../assets/build/sprite-enigma.png);
  background-position: -125.3125vw -250.3125vw;
  width: 34.375vw;
  height: 41.25vw;
  background-size: 382.5vw 357.8125vw;
}
.icon-gerald {
  display: block;
  background-image: url(../assets/build/sprite-enigma.png);
  background-position: -78.75vw -250.3125vw;
  width: 45.9375vw;
  height: 45.625vw;
  background-size: 382.5vw 357.8125vw;
}
.icon-before-gerald:before {
  content: '';
  display: block;
  background-image: url(../assets/build/sprite-enigma.png);
  background-position: -78.75vw -250.3125vw;
  width: 45.9375vw;
  height: 45.625vw;
  background-size: 382.5vw 357.8125vw;
}
.icon-jaqueline {
  display: block;
  background-image: url(../assets/build/sprite-enigma.png);
  background-position: -323.75vw -210.3125vw;
  width: 35.625vw;
  height: 37.8125vw;
  background-size: 382.5vw 357.8125vw;
}
.icon-before-jaqueline:before {
  content: '';
  display: block;
  background-image: url(../assets/build/sprite-enigma.png);
  background-position: -323.75vw -210.3125vw;
  width: 35.625vw;
  height: 37.8125vw;
  background-size: 382.5vw 357.8125vw;
}
.icon-puzzle-1-large {
  display: block;
  background-image: url(../assets/build/sprite-enigma.png);
  background-position: -178.125vw -159.0625vw;
  width: 58.75vw;
  height: 90.625vw;
  background-size: 382.5vw 357.8125vw;
}
.icon-before-puzzle-1-large:before {
  content: '';
  display: block;
  background-image: url(../assets/build/sprite-enigma.png);
  background-position: -178.125vw -159.0625vw;
  width: 58.75vw;
  height: 90.625vw;
  background-size: 382.5vw 357.8125vw;
}
.icon-puzzle-1 {
  display: block;
  background-image: url(../assets/build/sprite-enigma.png);
  background-position: -363.125vw -90.9375vw;
  width: 9.0625vw;
  height: 11.25vw;
  background-size: 382.5vw 357.8125vw;
}
.icon-before-puzzle-1:before {
  content: '';
  display: block;
  background-image: url(../assets/build/sprite-enigma.png);
  background-position: -363.125vw -90.9375vw;
  width: 9.0625vw;
  height: 11.25vw;
  background-size: 382.5vw 357.8125vw;
}
.icon-puzzle-2-large {
  display: block;
  background-image: url(../assets/build/sprite-enigma.png);
  background-position: -264.375vw -91.25vw;
  width: 58.75vw;
  height: 90.625vw;
  background-size: 382.5vw 357.8125vw;
}
.icon-before-puzzle-2-large:before {
  content: '';
  display: block;
  background-image: url(../assets/build/sprite-enigma.png);
  background-position: -264.375vw -91.25vw;
  width: 58.75vw;
  height: 90.625vw;
  background-size: 382.5vw 357.8125vw;
}
.icon-puzzle-2 {
  display: block;
  background-image: url(../assets/build/sprite-enigma.png);
  background-position: -363.125vw -108.75vw;
  width: 8.4375vw;
  height: 8.4375vw;
  background-size: 382.5vw 357.8125vw;
}
.icon-before-puzzle-2:before {
  content: '';
  display: block;
  background-image: url(../assets/build/sprite-enigma.png);
  background-position: -363.125vw -108.75vw;
  width: 8.4375vw;
  height: 8.4375vw;
  background-size: 382.5vw 357.8125vw;
}
.icon-puzzle-3-large {
  display: block;
  background-image: url(../assets/build/sprite-enigma.png);
  background-position: -59.375vw -159.0625vw;
  width: 58.75vw;
  height: 90.625vw;
  background-size: 382.5vw 357.8125vw;
}
.icon-before-puzzle-3-large:before {
  content: '';
  display: block;
  background-image: url(../assets/build/sprite-enigma.png);
  background-position: -59.375vw -159.0625vw;
  width: 58.75vw;
  height: 90.625vw;
  background-size: 382.5vw 357.8125vw;
}
.icon-puzzle-3 {
  display: block;
  background-image: url(../assets/build/sprite-enigma.png);
  background-position: -372.1875vw -108.75vw;
  width: 9.0625vw;
  height: 7.1875vw;
  background-size: 382.5vw 357.8125vw;
}
.icon-before-puzzle-3:before {
  content: '';
  display: block;
  background-image: url(../assets/build/sprite-enigma.png);
  background-position: -372.1875vw -108.75vw;
  width: 9.0625vw;
  height: 7.1875vw;
  background-size: 382.5vw 357.8125vw;
}
.icon-puzzle-4-large {
  display: block;
  background-image: url(../assets/build/sprite-enigma.png);
  background-position: 0vw -159.0625vw;
  width: 58.75vw;
  height: 90.625vw;
  background-size: 382.5vw 357.8125vw;
}
.icon-before-puzzle-4-large:before {
  content: '';
  display: block;
  background-image: url(../assets/build/sprite-enigma.png);
  background-position: 0vw -159.0625vw;
  width: 58.75vw;
  height: 90.625vw;
  background-size: 382.5vw 357.8125vw;
}
.icon-puzzle-4 {
  display: block;
  background-image: url(../assets/build/sprite-enigma.png);
  background-position: -363.125vw -117.8125vw;
  width: 7.5vw;
  height: 7.1875vw;
  background-size: 382.5vw 357.8125vw;
}
.icon-before-puzzle-4:before {
  content: '';
  display: block;
  background-image: url(../assets/build/sprite-enigma.png);
  background-position: -363.125vw -117.8125vw;
  width: 7.5vw;
  height: 7.1875vw;
  background-size: 382.5vw 357.8125vw;
}
.icon-puzzle-5-large {
  display: block;
  background-image: url(../assets/build/sprite-enigma.png);
  background-position: -264.375vw 0vw;
  width: 58.75vw;
  height: 90.625vw;
  background-size: 382.5vw 357.8125vw;
}
.icon-before-puzzle-5-large:before {
  content: '';
  display: block;
  background-image: url(../assets/build/sprite-enigma.png);
  background-position: -264.375vw 0vw;
  width: 58.75vw;
  height: 90.625vw;
  background-size: 382.5vw 357.8125vw;
}
.icon-puzzle-5 {
  display: block;
  background-image: url(../assets/build/sprite-enigma.png);
  background-position: -372.8125vw -90.9375vw;
  width: 9.0625vw;
  height: 9.0625vw;
  background-size: 382.5vw 357.8125vw;
}
.icon-before-puzzle-5:before {
  content: '';
  display: block;
  background-image: url(../assets/build/sprite-enigma.png);
  background-position: -372.8125vw -90.9375vw;
  width: 9.0625vw;
  height: 9.0625vw;
  background-size: 382.5vw 357.8125vw;
}
.icon-puzzle-6-large {
  display: block;
  background-image: url(../assets/build/sprite-enigma.png);
  background-position: -323.75vw 0vw;
  width: 58.75vw;
  height: 90.3125vw;
  background-size: 382.5vw 357.8125vw;
}
.icon-before-puzzle-6-large:before {
  content: '';
  display: block;
  background-image: url(../assets/build/sprite-enigma.png);
  background-position: -323.75vw 0vw;
  width: 58.75vw;
  height: 90.3125vw;
  background-size: 382.5vw 357.8125vw;
}
.icon-puzzle-6 {
  display: block;
  background-image: url(../assets/build/sprite-enigma.png);
  background-position: -371.25vw -117.8125vw;
  width: 6.5625vw;
  height: 5.9375vw;
  background-size: 382.5vw 357.8125vw;
}
.icon-before-puzzle-6:before {
  content: '';
  display: block;
  background-image: url(../assets/build/sprite-enigma.png);
  background-position: -371.25vw -117.8125vw;
  width: 6.5625vw;
  height: 5.9375vw;
  background-size: 382.5vw 357.8125vw;
}
.icon-puzzle-7-large {
  display: block;
  background-image: url(../assets/build/sprite-enigma.png);
  background-position: -118.75vw -159.0625vw;
  width: 58.75vw;
  height: 90.625vw;
  background-size: 382.5vw 357.8125vw;
}
.icon-before-puzzle-7-large:before {
  content: '';
  display: block;
  background-image: url(../assets/build/sprite-enigma.png);
  background-position: -118.75vw -159.0625vw;
  width: 58.75vw;
  height: 90.625vw;
  background-size: 382.5vw 357.8125vw;
}
.icon-puzzle-7 {
  display: block;
  background-image: url(../assets/build/sprite-enigma.png);
  background-position: -363.125vw -102.8125vw;
  width: 15vw;
  height: 5.3125vw;
  background-size: 382.5vw 357.8125vw;
}
.icon-before-puzzle-7:before {
  content: '';
  display: block;
  background-image: url(../assets/build/sprite-enigma.png);
  background-position: -363.125vw -102.8125vw;
  width: 15vw;
  height: 5.3125vw;
  background-size: 382.5vw 357.8125vw;
}
.icon-puzzle-center {
  display: block;
  background-image: url(../assets/build/sprite-enigma.png);
  background-position: -100.625vw -81.875vw;
  width: 65.3125vw;
  height: 65.3125vw;
  background-size: 382.5vw 357.8125vw;
}
.icon-before-puzzle-center:before {
  content: '';
  display: block;
  background-image: url(../assets/build/sprite-enigma.png);
  background-position: -100.625vw -81.875vw;
  width: 65.3125vw;
  height: 65.3125vw;
  background-size: 382.5vw 357.8125vw;
}
.icon-puzzle-confetti {
  display: block;
  background-image: url(../assets/build/sprite-enigma.png);
  background-position: 0vw -250.3125vw;
  width: 78.125vw;
  height: 47.8125vw;
  background-size: 382.5vw 357.8125vw;
}
.icon-before-puzzle-confetti:before {
  content: '';
  display: block;
  background-image: url(../assets/build/sprite-enigma.png);
  background-position: 0vw -250.3125vw;
  width: 78.125vw;
  height: 47.8125vw;
  background-size: 382.5vw 357.8125vw;
}
.icon-watch-1 {
  display: block;
  background-image: url(../assets/build/sprite-enigma.png);
  background-position: -35.3125vw -298.75vw;
  width: 34.6875vw;
  height: 59.0625vw;
  background-size: 382.5vw 357.8125vw;
}
.icon-before-watch-1:before {
  content: '';
  display: block;
  background-image: url(../assets/build/sprite-enigma.png);
  background-position: -35.3125vw -298.75vw;
  width: 34.6875vw;
  height: 59.0625vw;
  background-size: 382.5vw 357.8125vw;
}
.icon-watch-2 {
  display: block;
  background-image: url(../assets/build/sprite-enigma.png);
  background-position: -323.75vw -90.9375vw;
  width: 38.75vw;
  height: 59.0625vw;
  background-size: 382.5vw 357.8125vw;
}
.icon-before-watch-2:before {
  content: '';
  display: block;
  background-image: url(../assets/build/sprite-enigma.png);
  background-position: -323.75vw -90.9375vw;
  width: 38.75vw;
  height: 59.0625vw;
  background-size: 382.5vw 357.8125vw;
}
.icon-watch-3 {
  display: block;
  background-image: url(../assets/build/sprite-enigma.png);
  background-position: -323.75vw -150.625vw;
  width: 36.875vw;
  height: 59.0625vw;
  background-size: 382.5vw 357.8125vw;
}
.icon-before-watch-3:before {
  content: '';
  display: block;
  background-image: url(../assets/build/sprite-enigma.png);
  background-position: -323.75vw -150.625vw;
  width: 36.875vw;
  height: 59.0625vw;
  background-size: 382.5vw 357.8125vw;
}
.icon-watch-4 {
  display: block;
  background-image: url(../assets/build/sprite-enigma.png);
  background-position: -70.625vw -298.75vw;
  width: 34.375vw;
  height: 59.0625vw;
  background-size: 382.5vw 357.8125vw;
}
.icon-before-watch-4:before {
  content: '';
  display: block;
  background-image: url(../assets/build/sprite-enigma.png);
  background-position: -70.625vw -298.75vw;
  width: 34.375vw;
  height: 59.0625vw;
  background-size: 382.5vw 357.8125vw;
}
.icon-watch-5 {
  display: block;
  background-image: url(../assets/build/sprite-enigma.png);
  background-position: 0vw -298.75vw;
  width: 34.6875vw;
  height: 59.0625vw;
  background-size: 382.5vw 357.8125vw;
}
.icon-before-watch-5:before {
  content: '';
  display: block;
  background-image: url(../assets/build/sprite-enigma.png);
  background-position: 0vw -298.75vw;
  width: 34.6875vw;
  height: 59.0625vw;
  background-size: 382.5vw 357.8125vw;
}
.icon-watch-6 {
  display: block;
  background-image: url(../assets/build/sprite-enigma.png);
  background-position: -264.375vw -182.5vw;
  width: 35.625vw;
  height: 59.0625vw;
  background-size: 382.5vw 357.8125vw;
}
.icon-before-watch-6:before {
  content: '';
  display: block;
  background-image: url(../assets/build/sprite-enigma.png);
  background-position: -264.375vw -182.5vw;
  width: 35.625vw;
  height: 59.0625vw;
  background-size: 382.5vw 357.8125vw;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min--moz-device-pixel-ratio: 1.25), only screen and (-o-min-device-pixel-ratio: 1.25/1), only screen and (min-device-pixel-ratio: 1.25), only screen and (-webkit-min-device-pixel-ratio: 2.0833333333333335), only screen and (-o-min-device-pixel-ratio: 25/12), only screen and (min-resolution: 200dpi), only screen and (-o-min-device-pixel-ratio: 5/4), only screen and (min-resolution: 1.25dppx) {
  .icon-calibre-confetti {
    display: block;
    background-image: url(../assets/build/sprite-enigma@2x.png);
    background-position: 0vw 0vw;
    width: 100vw;
    height: 75vw;
    background-size: 382.5vw 357.8125vw;
  }
  .icon-before-calibre-confetti:before {
    content: '';
    display: block;
    background-image: url(../assets/build/sprite-enigma@2x.png);
    background-position: 0vw 0vw;
    width: 100vw;
    height: 75vw;
    background-size: 382.5vw 357.8125vw;
  }
  .icon-calibre-mass {
    display: block;
    background-image: url(../assets/build/sprite-enigma@2x.png);
    background-position: -100.625vw 0vw;
    width: 81.25vw;
    height: 81.25vw;
    background-size: 382.5vw 357.8125vw;
  }
  .icon-before-calibre-mass:before {
    content: '';
    display: block;
    background-image: url(../assets/build/sprite-enigma@2x.png);
    background-position: -100.625vw 0vw;
    width: 81.25vw;
    height: 81.25vw;
    background-size: 382.5vw 357.8125vw;
  }
  .icon-calibre-turn {
    display: block;
    background-image: url(../assets/build/sprite-enigma@2x.png);
    background-position: 0vw -75.625vw;
    width: 84.375vw;
    height: 82.8125vw;
    background-size: 382.5vw 357.8125vw;
  }
  .icon-before-calibre-turn:before {
    content: '';
    display: block;
    background-image: url(../assets/build/sprite-enigma@2x.png);
    background-position: 0vw -75.625vw;
    width: 84.375vw;
    height: 82.8125vw;
    background-size: 382.5vw 357.8125vw;
  }
  .icon-calibre {
    display: block;
    background-image: url(../assets/build/sprite-enigma@2x.png);
    background-position: -182.5vw 0vw;
    width: 81.25vw;
    height: 78.75vw;
    background-size: 382.5vw 357.8125vw;
  }
  .icon-before-calibre:before {
    content: '';
    display: block;
    background-image: url(../assets/build/sprite-enigma@2x.png);
    background-position: -182.5vw 0vw;
    width: 81.25vw;
    height: 78.75vw;
    background-size: 382.5vw 357.8125vw;
  }
  .icon-drawing {
    display: block;
    background-image: url(../assets/build/sprite-enigma@2x.png);
    background-position: -182.5vw -79.375vw;
    width: 59.6875vw;
    height: 76.25vw;
    background-size: 382.5vw 357.8125vw;
  }
  .icon-before-drawing:before {
    content: '';
    display: block;
    background-image: url(../assets/build/sprite-enigma@2x.png);
    background-position: -182.5vw -79.375vw;
    width: 59.6875vw;
    height: 76.25vw;
    background-size: 382.5vw 357.8125vw;
  }
  .icon-georges {
    display: block;
    background-image: url(../assets/build/sprite-enigma@2x.png);
    background-position: -125.3125vw -250.3125vw;
    width: 34.375vw;
    height: 41.25vw;
    background-size: 382.5vw 357.8125vw;
  }
  .icon-before-georges:before {
    content: '';
    display: block;
    background-image: url(../assets/build/sprite-enigma@2x.png);
    background-position: -125.3125vw -250.3125vw;
    width: 34.375vw;
    height: 41.25vw;
    background-size: 382.5vw 357.8125vw;
  }
  .icon-gerald {
    display: block;
    background-image: url(../assets/build/sprite-enigma@2x.png);
    background-position: -78.75vw -250.3125vw;
    width: 45.9375vw;
    height: 45.625vw;
    background-size: 382.5vw 357.8125vw;
  }
  .icon-before-gerald:before {
    content: '';
    display: block;
    background-image: url(../assets/build/sprite-enigma@2x.png);
    background-position: -78.75vw -250.3125vw;
    width: 45.9375vw;
    height: 45.625vw;
    background-size: 382.5vw 357.8125vw;
  }
  .icon-jaqueline {
    display: block;
    background-image: url(../assets/build/sprite-enigma@2x.png);
    background-position: -323.75vw -210.3125vw;
    width: 35.625vw;
    height: 37.8125vw;
    background-size: 382.5vw 357.8125vw;
  }
  .icon-before-jaqueline:before {
    content: '';
    display: block;
    background-image: url(../assets/build/sprite-enigma@2x.png);
    background-position: -323.75vw -210.3125vw;
    width: 35.625vw;
    height: 37.8125vw;
    background-size: 382.5vw 357.8125vw;
  }
  .icon-puzzle-1-large {
    display: block;
    background-image: url(../assets/build/sprite-enigma@2x.png);
    background-position: -178.125vw -159.0625vw;
    width: 58.75vw;
    height: 90.625vw;
    background-size: 382.5vw 357.8125vw;
  }
  .icon-before-puzzle-1-large:before {
    content: '';
    display: block;
    background-image: url(../assets/build/sprite-enigma@2x.png);
    background-position: -178.125vw -159.0625vw;
    width: 58.75vw;
    height: 90.625vw;
    background-size: 382.5vw 357.8125vw;
  }
  .icon-puzzle-1 {
    display: block;
    background-image: url(../assets/build/sprite-enigma@2x.png);
    background-position: -363.125vw -90.9375vw;
    width: 9.0625vw;
    height: 11.25vw;
    background-size: 382.5vw 357.8125vw;
  }
  .icon-before-puzzle-1:before {
    content: '';
    display: block;
    background-image: url(../assets/build/sprite-enigma@2x.png);
    background-position: -363.125vw -90.9375vw;
    width: 9.0625vw;
    height: 11.25vw;
    background-size: 382.5vw 357.8125vw;
  }
  .icon-puzzle-2-large {
    display: block;
    background-image: url(../assets/build/sprite-enigma@2x.png);
    background-position: -264.375vw -91.25vw;
    width: 58.75vw;
    height: 90.625vw;
    background-size: 382.5vw 357.8125vw;
  }
  .icon-before-puzzle-2-large:before {
    content: '';
    display: block;
    background-image: url(../assets/build/sprite-enigma@2x.png);
    background-position: -264.375vw -91.25vw;
    width: 58.75vw;
    height: 90.625vw;
    background-size: 382.5vw 357.8125vw;
  }
  .icon-puzzle-2 {
    display: block;
    background-image: url(../assets/build/sprite-enigma@2x.png);
    background-position: -363.125vw -108.75vw;
    width: 8.4375vw;
    height: 8.4375vw;
    background-size: 382.5vw 357.8125vw;
  }
  .icon-before-puzzle-2:before {
    content: '';
    display: block;
    background-image: url(../assets/build/sprite-enigma@2x.png);
    background-position: -363.125vw -108.75vw;
    width: 8.4375vw;
    height: 8.4375vw;
    background-size: 382.5vw 357.8125vw;
  }
  .icon-puzzle-3-large {
    display: block;
    background-image: url(../assets/build/sprite-enigma@2x.png);
    background-position: -59.375vw -159.0625vw;
    width: 58.75vw;
    height: 90.625vw;
    background-size: 382.5vw 357.8125vw;
  }
  .icon-before-puzzle-3-large:before {
    content: '';
    display: block;
    background-image: url(../assets/build/sprite-enigma@2x.png);
    background-position: -59.375vw -159.0625vw;
    width: 58.75vw;
    height: 90.625vw;
    background-size: 382.5vw 357.8125vw;
  }
  .icon-puzzle-3 {
    display: block;
    background-image: url(../assets/build/sprite-enigma@2x.png);
    background-position: -372.1875vw -108.75vw;
    width: 9.0625vw;
    height: 7.1875vw;
    background-size: 382.5vw 357.8125vw;
  }
  .icon-before-puzzle-3:before {
    content: '';
    display: block;
    background-image: url(../assets/build/sprite-enigma@2x.png);
    background-position: -372.1875vw -108.75vw;
    width: 9.0625vw;
    height: 7.1875vw;
    background-size: 382.5vw 357.8125vw;
  }
  .icon-puzzle-4-large {
    display: block;
    background-image: url(../assets/build/sprite-enigma@2x.png);
    background-position: 0vw -159.0625vw;
    width: 58.75vw;
    height: 90.625vw;
    background-size: 382.5vw 357.8125vw;
  }
  .icon-before-puzzle-4-large:before {
    content: '';
    display: block;
    background-image: url(../assets/build/sprite-enigma@2x.png);
    background-position: 0vw -159.0625vw;
    width: 58.75vw;
    height: 90.625vw;
    background-size: 382.5vw 357.8125vw;
  }
  .icon-puzzle-4 {
    display: block;
    background-image: url(../assets/build/sprite-enigma@2x.png);
    background-position: -363.125vw -117.8125vw;
    width: 7.5vw;
    height: 7.1875vw;
    background-size: 382.5vw 357.8125vw;
  }
  .icon-before-puzzle-4:before {
    content: '';
    display: block;
    background-image: url(../assets/build/sprite-enigma@2x.png);
    background-position: -363.125vw -117.8125vw;
    width: 7.5vw;
    height: 7.1875vw;
    background-size: 382.5vw 357.8125vw;
  }
  .icon-puzzle-5-large {
    display: block;
    background-image: url(../assets/build/sprite-enigma@2x.png);
    background-position: -264.375vw 0vw;
    width: 58.75vw;
    height: 90.625vw;
    background-size: 382.5vw 357.8125vw;
  }
  .icon-before-puzzle-5-large:before {
    content: '';
    display: block;
    background-image: url(../assets/build/sprite-enigma@2x.png);
    background-position: -264.375vw 0vw;
    width: 58.75vw;
    height: 90.625vw;
    background-size: 382.5vw 357.8125vw;
  }
  .icon-puzzle-5 {
    display: block;
    background-image: url(../assets/build/sprite-enigma@2x.png);
    background-position: -372.8125vw -90.9375vw;
    width: 9.0625vw;
    height: 9.0625vw;
    background-size: 382.5vw 357.8125vw;
  }
  .icon-before-puzzle-5:before {
    content: '';
    display: block;
    background-image: url(../assets/build/sprite-enigma@2x.png);
    background-position: -372.8125vw -90.9375vw;
    width: 9.0625vw;
    height: 9.0625vw;
    background-size: 382.5vw 357.8125vw;
  }
  .icon-puzzle-6-large {
    display: block;
    background-image: url(../assets/build/sprite-enigma@2x.png);
    background-position: -323.75vw 0vw;
    width: 58.75vw;
    height: 90.3125vw;
    background-size: 382.5vw 357.8125vw;
  }
  .icon-before-puzzle-6-large:before {
    content: '';
    display: block;
    background-image: url(../assets/build/sprite-enigma@2x.png);
    background-position: -323.75vw 0vw;
    width: 58.75vw;
    height: 90.3125vw;
    background-size: 382.5vw 357.8125vw;
  }
  .icon-puzzle-6 {
    display: block;
    background-image: url(../assets/build/sprite-enigma@2x.png);
    background-position: -371.25vw -117.8125vw;
    width: 6.5625vw;
    height: 5.9375vw;
    background-size: 382.5vw 357.8125vw;
  }
  .icon-before-puzzle-6:before {
    content: '';
    display: block;
    background-image: url(../assets/build/sprite-enigma@2x.png);
    background-position: -371.25vw -117.8125vw;
    width: 6.5625vw;
    height: 5.9375vw;
    background-size: 382.5vw 357.8125vw;
  }
  .icon-puzzle-7-large {
    display: block;
    background-image: url(../assets/build/sprite-enigma@2x.png);
    background-position: -118.75vw -159.0625vw;
    width: 58.75vw;
    height: 90.625vw;
    background-size: 382.5vw 357.8125vw;
  }
  .icon-before-puzzle-7-large:before {
    content: '';
    display: block;
    background-image: url(../assets/build/sprite-enigma@2x.png);
    background-position: -118.75vw -159.0625vw;
    width: 58.75vw;
    height: 90.625vw;
    background-size: 382.5vw 357.8125vw;
  }
  .icon-puzzle-7 {
    display: block;
    background-image: url(../assets/build/sprite-enigma@2x.png);
    background-position: -363.125vw -102.8125vw;
    width: 15vw;
    height: 5.3125vw;
    background-size: 382.5vw 357.8125vw;
  }
  .icon-before-puzzle-7:before {
    content: '';
    display: block;
    background-image: url(../assets/build/sprite-enigma@2x.png);
    background-position: -363.125vw -102.8125vw;
    width: 15vw;
    height: 5.3125vw;
    background-size: 382.5vw 357.8125vw;
  }
  .icon-puzzle-center {
    display: block;
    background-image: url(../assets/build/sprite-enigma@2x.png);
    background-position: -100.625vw -81.875vw;
    width: 65.3125vw;
    height: 65.3125vw;
    background-size: 382.5vw 357.8125vw;
  }
  .icon-before-puzzle-center:before {
    content: '';
    display: block;
    background-image: url(../assets/build/sprite-enigma@2x.png);
    background-position: -100.625vw -81.875vw;
    width: 65.3125vw;
    height: 65.3125vw;
    background-size: 382.5vw 357.8125vw;
  }
  .icon-puzzle-confetti {
    display: block;
    background-image: url(../assets/build/sprite-enigma@2x.png);
    background-position: 0vw -250.3125vw;
    width: 78.125vw;
    height: 47.8125vw;
    background-size: 382.5vw 357.8125vw;
  }
  .icon-before-puzzle-confetti:before {
    content: '';
    display: block;
    background-image: url(../assets/build/sprite-enigma@2x.png);
    background-position: 0vw -250.3125vw;
    width: 78.125vw;
    height: 47.8125vw;
    background-size: 382.5vw 357.8125vw;
  }
  .icon-watch-1 {
    display: block;
    background-image: url(../assets/build/sprite-enigma@2x.png);
    background-position: -35.3125vw -298.75vw;
    width: 34.6875vw;
    height: 59.0625vw;
    background-size: 382.5vw 357.8125vw;
  }
  .icon-before-watch-1:before {
    content: '';
    display: block;
    background-image: url(../assets/build/sprite-enigma@2x.png);
    background-position: -35.3125vw -298.75vw;
    width: 34.6875vw;
    height: 59.0625vw;
    background-size: 382.5vw 357.8125vw;
  }
  .icon-watch-2 {
    display: block;
    background-image: url(../assets/build/sprite-enigma@2x.png);
    background-position: -323.75vw -90.9375vw;
    width: 38.75vw;
    height: 59.0625vw;
    background-size: 382.5vw 357.8125vw;
  }
  .icon-before-watch-2:before {
    content: '';
    display: block;
    background-image: url(../assets/build/sprite-enigma@2x.png);
    background-position: -323.75vw -90.9375vw;
    width: 38.75vw;
    height: 59.0625vw;
    background-size: 382.5vw 357.8125vw;
  }
  .icon-watch-3 {
    display: block;
    background-image: url(../assets/build/sprite-enigma@2x.png);
    background-position: -323.75vw -150.625vw;
    width: 36.875vw;
    height: 59.0625vw;
    background-size: 382.5vw 357.8125vw;
  }
  .icon-before-watch-3:before {
    content: '';
    display: block;
    background-image: url(../assets/build/sprite-enigma@2x.png);
    background-position: -323.75vw -150.625vw;
    width: 36.875vw;
    height: 59.0625vw;
    background-size: 382.5vw 357.8125vw;
  }
  .icon-watch-4 {
    display: block;
    background-image: url(../assets/build/sprite-enigma@2x.png);
    background-position: -70.625vw -298.75vw;
    width: 34.375vw;
    height: 59.0625vw;
    background-size: 382.5vw 357.8125vw;
  }
  .icon-before-watch-4:before {
    content: '';
    display: block;
    background-image: url(../assets/build/sprite-enigma@2x.png);
    background-position: -70.625vw -298.75vw;
    width: 34.375vw;
    height: 59.0625vw;
    background-size: 382.5vw 357.8125vw;
  }
  .icon-watch-5 {
    display: block;
    background-image: url(../assets/build/sprite-enigma@2x.png);
    background-position: 0vw -298.75vw;
    width: 34.6875vw;
    height: 59.0625vw;
    background-size: 382.5vw 357.8125vw;
  }
  .icon-before-watch-5:before {
    content: '';
    display: block;
    background-image: url(../assets/build/sprite-enigma@2x.png);
    background-position: 0vw -298.75vw;
    width: 34.6875vw;
    height: 59.0625vw;
    background-size: 382.5vw 357.8125vw;
  }
  .icon-watch-6 {
    display: block;
    background-image: url(../assets/build/sprite-enigma@2x.png);
    background-position: -264.375vw -182.5vw;
    width: 35.625vw;
    height: 59.0625vw;
    background-size: 382.5vw 357.8125vw;
  }
  .icon-before-watch-6:before {
    content: '';
    display: block;
    background-image: url(../assets/build/sprite-enigma@2x.png);
    background-position: -264.375vw -182.5vw;
    width: 35.625vw;
    height: 59.0625vw;
    background-size: 382.5vw 357.8125vw;
  }
}
/** Load theme variables **/
/**
 * Font
 */
/**
 * Colors
 */
/**
 * Radius
 */
/**
 * Device size
 */
/** Load custom theme mixins **/
.hurry-up {
  -webkit-animation: hurryUp 1s ease-in-out infinite;
  animation: hurryUp 1s ease-in-out infinite;
}
@-webkit-keyframes hurryUp {
  /* Safari and Chrome */
  0% {
    color: #ffffff;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    color: #f52323;
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    color: #ffffff;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes hurryUp {
  0% {
    color: #ffffff;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    color: #f52323;
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    color: #ffffff;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.charhover {
  -webkit-animation: charhover 2s ease-in-out infinite;
  animation: charhover 2s ease-in-out infinite;
}
@-webkit-keyframes charhover {
  /* Safari and Chrome */
  0% {
    -ms-transform: translateY(0px);
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
  50% {
    -ms-transform: translateY(-5px);
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
  }
  100% {
    -ms-transform: translateY(0px);
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}
@keyframes charhover {
  0% {
    -ms-transform: translateY(0px);
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
  50% {
    -ms-transform: translateY(-5px);
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
  }
  100% {
    -ms-transform: translateY(0px);
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}
.lds-roller-anim {
  -webkit-animation: ldsroller 2s ease-in-out infinite;
  animation: ldsroller 2s ease-in-out infinite;
}
@-webkit-keyframes ldsroller {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes ldsroller {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.is-active {
  cursor: pointer;
  -webkit-transform: translateY(0px) scale(1);
  -ms-transform: translateY(0px) scale(1);
  transform: translateY(0px) scale(1);
  -webkit-transition: transform 0.3s ease-in-out 0s;
  -o-transition: transform 0.3s ease-in-out 0s;
  -webkit-transition: -webkit-transform 0.3s ease-in-out 0s;
  transition: -webkit-transform 0.3s ease-in-out 0s;
  transition: transform 0.3s ease-in-out 0s;
  transition: transform 0.3s ease-in-out 0s, -webkit-transform 0.3s ease-in-out 0s;
}
.is-active:active {
  -webkit-transform: translateY(2px) scale(0.99);
  -ms-transform: translateY(2px) scale(0.99);
  transform: translateY(2px) scale(0.99);
  -webkit-transition: transform 0s ease-in-out 0s;
  -o-transition: transform 0s ease-in-out 0s;
  -webkit-transition: -webkit-transform 0s ease-in-out 0s;
  transition: -webkit-transform 0s ease-in-out 0s;
  transition: transform 0s ease-in-out 0s;
  transition: transform 0s ease-in-out 0s, -webkit-transform 0s ease-in-out 0s;
}
.is-active-centered {
  cursor: pointer;
  -webkit-transform: translate(-50%, 0) scale(1);
  -ms-transform: translate(-50%, 0) scale(1);
  transform: translate(-50%, 0) scale(1);
  -webkit-transition: transform 0.3s ease-in-out 0s;
  -o-transition: transform 0.3s ease-in-out 0s;
  -webkit-transition: -webkit-transform 0.3s ease-in-out 0s;
  transition: -webkit-transform 0.3s ease-in-out 0s;
  transition: transform 0.3s ease-in-out 0s;
  transition: transform 0.3s ease-in-out 0s, -webkit-transform 0.3s ease-in-out 0s;
}
.is-active-centered:active {
  -webkit-transform: translate(-50%, 2px) scale(0.99);
  -ms-transform: translate(-50%, 2px) scale(0.99);
  transform: translate(-50%, 2px) scale(0.99);
  -webkit-transition: transform 0s ease-in-out 0s;
  -o-transition: transform 0s ease-in-out 0s;
  -webkit-transition: -webkit-transform 0s ease-in-out 0s;
  transition: -webkit-transform 0s ease-in-out 0s;
  transition: transform 0s ease-in-out 0s;
  transition: transform 0s ease-in-out 0s, -webkit-transform 0s ease-in-out 0s;
}
@-webkit-keyframes rotating {
  /* Safari and Chrome */
  from {
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.rotating {
  -webkit-animation: rotating 45s linear infinite;
  animation: rotating 45s linear infinite;
}
@-webkit-keyframes iconhover {
  /* Safari and Chrome */
  0% {
    -ms-transform: translateY(0px);
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
  50% {
    -ms-transform: translateY(-3px);
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
  }
  100% {
    -ms-transform: translateY(0px);
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}
@keyframes iconhover {
  0% {
    -ms-transform: translateY(0px);
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
  50% {
    -ms-transform: translateY(-3px);
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
  }
  100% {
    -ms-transform: translateY(0px);
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}
.iconhover {
  -webkit-animation: iconhover 2s ease-in-out infinite;
  animation: iconhover 2s ease-in-out infinite;
}
@-webkit-keyframes twinkling {
  0% {
    -ms-transform: rotate(0deg) scale(0);
    -webkit-transform: rotate(0deg) scale(0);
    transform: rotate(0deg) scale(0);
    /* works for IE 5+. */
    filter: alpha(opacity=0);
    /* works for IE 8. */
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity-ie);
    /* works for old school versions of the Mozilla browsers like Netscape Navigator. */
    -moz-opacity: 0;
    /* This is for old versions of Safari (1.x) with KHTML rendering engine */
    -khtml-opacity: 0;
    /* This is the "most important" one because it's the current standard in CSS. This will work in most versions of Firefox, Safari, and Opera. */
    opacity: 0;
  }
  50% {
    /* works for IE 5+. */
    filter: alpha(opacity=60);
    /* works for IE 8. */
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity-ie);
    /* works for old school versions of the Mozilla browsers like Netscape Navigator. */
    -moz-opacity: 0.6;
    /* This is for old versions of Safari (1.x) with KHTML rendering engine */
    -khtml-opacity: 0.6;
    /* This is the "most important" one because it's the current standard in CSS. This will work in most versions of Firefox, Safari, and Opera. */
    opacity: 0.6;
  }
  100% {
    -ms-transform: rotate(180deg) scale(1.2);
    -webkit-transform: rotate(180deg) scale(1.2);
    transform: rotate(180deg) scale(1.2);
    /* works for IE 5+. */
    filter: alpha(opacity=0);
    /* works for IE 8. */
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity-ie);
    /* works for old school versions of the Mozilla browsers like Netscape Navigator. */
    -moz-opacity: 0;
    /* This is for old versions of Safari (1.x) with KHTML rendering engine */
    -khtml-opacity: 0;
    /* This is the "most important" one because it's the current standard in CSS. This will work in most versions of Firefox, Safari, and Opera. */
    opacity: 0;
  }
}
@keyframes twinkling {
  0% {
    -ms-transform: rotate(0deg) scale(0);
    -webkit-transform: rotate(0deg) scale(0);
    transform: rotate(0deg) scale(0);
    /* works for IE 5+. */
    filter: alpha(opacity=0);
    /* works for IE 8. */
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity-ie);
    /* works for old school versions of the Mozilla browsers like Netscape Navigator. */
    -moz-opacity: 0;
    /* This is for old versions of Safari (1.x) with KHTML rendering engine */
    -khtml-opacity: 0;
    /* This is the "most important" one because it's the current standard in CSS. This will work in most versions of Firefox, Safari, and Opera. */
    opacity: 0;
  }
  50% {
    /* works for IE 5+. */
    filter: alpha(opacity=60);
    /* works for IE 8. */
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity-ie);
    /* works for old school versions of the Mozilla browsers like Netscape Navigator. */
    -moz-opacity: 0.6;
    /* This is for old versions of Safari (1.x) with KHTML rendering engine */
    -khtml-opacity: 0.6;
    /* This is the "most important" one because it's the current standard in CSS. This will work in most versions of Firefox, Safari, and Opera. */
    opacity: 0.6;
  }
  100% {
    -ms-transform: rotate(180deg) scale(1.2);
    -webkit-transform: rotate(180deg) scale(1.2);
    transform: rotate(180deg) scale(1.2);
    /* works for IE 5+. */
    filter: alpha(opacity=0);
    /* works for IE 8. */
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity-ie);
    /* works for old school versions of the Mozilla browsers like Netscape Navigator. */
    -moz-opacity: 0;
    /* This is for old versions of Safari (1.x) with KHTML rendering engine */
    -khtml-opacity: 0;
    /* This is the "most important" one because it's the current standard in CSS. This will work in most versions of Firefox, Safari, and Opera. */
    opacity: 0;
  }
}
.a-c {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.p-reset {
  top: auto;
  right: auto;
  left: auto;
}
/*.dark-green-grad {
  background: rgb(83028);
  background: -moz-linear-gradient(top rgba(830281) 0% rgba(159631) 50% rgba(830281) 100%); 
  background: -webkit-linear-gradient(top rgba(830281) 0%rgba(159631) 50%rgba(830281) 100%); 
  background: linear-gradient(to bottom rgba(830281) 0%rgba(159631) 50%rgba(830281) 100%); 
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#081e1c' endColorstr='#081e1c'GradientType=0 ); 
}*/
.is-ellipsis {
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}
.topLeft {
  top: 0;
  left: 0;
}
.topRight {
  top: 0;
  right: 0;
}
.bottomLeft {
  bottom: 0;
  left: 0;
}
.bottomRight {
  bottom: 0;
  right: 0;
}
.link-att {
  cursor: pointer;
  -webkit-transition: all 0.15s ease-in-out 0s;
  -o-transition: all 0.15s ease-in-out 0s;
  transition: all 0.15s ease-in-out 0s;
}
.no-select {
  -webkit-user-select: none;
  /* Chrome all / Safari all */
  -moz-user-select: none;
  /* Firefox all */
  -ms-user-select: none;
  /* IE 10+ */
  user-select: none;
  /* Likely future */
}
.is-btn {
  height: 46px;
  width: 103px;
  line-height: 42px;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  border-radius: 11px;
}
.is-big-btn {
  height: 51px;
  width: 151px;
  line-height: 47px;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  border: 2px solid #1f2e2b;
  border-radius: 11px;
}
.is-red {
  background-image: url('../assets/btn-red.png');
  background-color: #5e2f00;
  border: 2px solid #5e2f00;
}
.is-yellow {
  background-image: url('../assets/btn-yellow.png');
  background-color: #1f2e2b;
  border: 2px solid #1f2e2b;
}
.is-grey {
  background-image: url('../assets/btn-grey.png');
  background-color: #385748;
  border: 2px solid #385748;
}
.is-big-red {
  background-image: url('../assets/btn-red-big.png');
}
.is-big-yellow {
  background-image: url('../assets/btn-yellow-big.png');
  background-color: #1f2e2b;
  border: 2px solid #1f2e2b;
}
.is-big-grey {
  background-image: url('../assets/btn-grey-big.png');
  background-color: #385748;
  border: 2px solid #385748;
}
.btn-text {
  color: white;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
}
@-webkit-keyframes fadeIn {
  99% {
    visibility: hidden;
  }
  100% {
    visibility: visible;
  }
}
@keyframes fadeIn {
  99% {
    visibility: hidden;
  }
  100% {
    visibility: visible;
  }
}
.is-fadeIn {
  visibility: hidden;
  /* works for IE 5+. */
  filter: alpha(opacity=0);
  /* works for IE 8. */
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity-ie);
  /* works for old school versions of the Mozilla browsers like Netscape Navigator. */
  -moz-opacity: 0;
  /* This is for old versions of Safari (1.x) with KHTML rendering engine */
  -khtml-opacity: 0;
  /* This is the "most important" one because it's the current standard in CSS. This will work in most versions of Firefox, Safari, and Opera. */
  opacity: 0;
  -webkit-animation: 0.1s fadeIn;
          animation: 0.1s fadeIn;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.is-fadeIn.active {
  visibility: visible;
  /* works for IE 5+. */
  filter: alpha(opacity=100);
  /* works for IE 8. */
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity-ie);
  /* works for old school versions of the Mozilla browsers like Netscape Navigator. */
  -moz-opacity: 1;
  /* This is for old versions of Safari (1.x) with KHTML rendering engine */
  -khtml-opacity: 1;
  /* This is the "most important" one because it's the current standard in CSS. This will work in most versions of Firefox, Safari, and Opera. */
  opacity: 1;
}
@-webkit-keyframes shadhover {
  /* Safari and Chrome */
  0% {
    -ms-transform: translateY(0px) scale(1);
    -webkit-transform: translateY(0px) scale(1);
    transform: translateY(0px) scale(1);
    /* works for IE 5+. */
    filter: alpha(opacity=100);
    /* works for IE 8. */
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity-ie);
    /* works for old school versions of the Mozilla browsers like Netscape Navigator. */
    -moz-opacity: 1;
    /* This is for old versions of Safari (1.x) with KHTML rendering engine */
    -khtml-opacity: 1;
    /* This is the "most important" one because it's the current standard in CSS. This will work in most versions of Firefox, Safari, and Opera. */
    opacity: 1;
  }
  50% {
    -ms-transform: translateY(3px) scale(0.98);
    -webkit-transform: translateY(3px) scale(0.98);
    transform: translateY(3px) scale(0.98);
    /* works for IE 5+. */
    filter: alpha(opacity=60);
    /* works for IE 8. */
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity-ie);
    /* works for old school versions of the Mozilla browsers like Netscape Navigator. */
    -moz-opacity: 0.6;
    /* This is for old versions of Safari (1.x) with KHTML rendering engine */
    -khtml-opacity: 0.6;
    /* This is the "most important" one because it's the current standard in CSS. This will work in most versions of Firefox, Safari, and Opera. */
    opacity: 0.6;
  }
  100% {
    -ms-transform: translateY(0px) scale(1);
    -webkit-transform: translateY(0px) scale(1);
    transform: translateY(0px) scale(1);
    /* works for IE 5+. */
    filter: alpha(opacity=100);
    /* works for IE 8. */
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity-ie);
    /* works for old school versions of the Mozilla browsers like Netscape Navigator. */
    -moz-opacity: 1;
    /* This is for old versions of Safari (1.x) with KHTML rendering engine */
    -khtml-opacity: 1;
    /* This is the "most important" one because it's the current standard in CSS. This will work in most versions of Firefox, Safari, and Opera. */
    opacity: 1;
  }
}
@keyframes shadhover {
  0% {
    -ms-transform: translateY(0px) scale(1);
    -webkit-transform: translateY(0px) scale(1);
    transform: translateY(0px) scale(1);
    /* works for IE 5+. */
    filter: alpha(opacity=100);
    /* works for IE 8. */
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity-ie);
    /* works for old school versions of the Mozilla browsers like Netscape Navigator. */
    -moz-opacity: 1;
    /* This is for old versions of Safari (1.x) with KHTML rendering engine */
    -khtml-opacity: 1;
    /* This is the "most important" one because it's the current standard in CSS. This will work in most versions of Firefox, Safari, and Opera. */
    opacity: 1;
  }
  50% {
    -ms-transform: translateY(3px) scale(0.9);
    -webkit-transform: translateY(3px) scale(0.9);
    transform: translateY(3px) scale(0.9);
    /* works for IE 5+. */
    filter: alpha(opacity=80);
    /* works for IE 8. */
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity-ie);
    /* works for old school versions of the Mozilla browsers like Netscape Navigator. */
    -moz-opacity: 0.8;
    /* This is for old versions of Safari (1.x) with KHTML rendering engine */
    -khtml-opacity: 0.8;
    /* This is the "most important" one because it's the current standard in CSS. This will work in most versions of Firefox, Safari, and Opera. */
    opacity: 0.8;
  }
  100% {
    -ms-transform: translateY(0px) scale(1);
    -webkit-transform: translateY(0px) scale(1);
    transform: translateY(0px) scale(1);
    /* works for IE 5+. */
    filter: alpha(opacity=100);
    /* works for IE 8. */
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity-ie);
    /* works for old school versions of the Mozilla browsers like Netscape Navigator. */
    -moz-opacity: 1;
    /* This is for old versions of Safari (1.x) with KHTML rendering engine */
    -khtml-opacity: 1;
    /* This is the "most important" one because it's the current standard in CSS. This will work in most versions of Firefox, Safari, and Opera. */
    opacity: 1;
  }
}
.shadhover {
  -webkit-animation: shadhover 2s ease-in-out infinite;
  animation: shadhover 2s ease-in-out infinite;
}
.cool-halo:before,
.cool-halo:after {
  content: '';
  width: 376px;
  height: 376px;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -188px;
  margin-left: -188px;
  z-index: 0;
}
.cool-halo:after {
  background-image: url('../assets/flare.png');
  background-size: contain;
  background-position: bottom center;
  background-repeat: no-repeat;
}
.cool-halo:before {
  background-image: url('../assets/halo.png');
  background-size: contain;
  background-position: bottom center;
  background-repeat: no-repeat;
  -webkit-animation: rotating 45s linear infinite;
  animation: rotating 45s linear infinite;
}
@-webkit-keyframes loading {
  0% {
    /* works for IE 5+. */
    filter: alpha(opacity=100);
    /* works for IE 8. */
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity-ie);
    /* works for old school versions of the Mozilla browsers like Netscape Navigator. */
    -moz-opacity: 1;
    /* This is for old versions of Safari (1.x) with KHTML rendering engine */
    -khtml-opacity: 1;
    /* This is the "most important" one because it's the current standard in CSS. This will work in most versions of Firefox, Safari, and Opera. */
    opacity: 1;
  }
  100% {
    /* works for IE 5+. */
    filter: alpha(opacity=20);
    /* works for IE 8. */
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity-ie);
    /* works for old school versions of the Mozilla browsers like Netscape Navigator. */
    -moz-opacity: 0.2;
    /* This is for old versions of Safari (1.x) with KHTML rendering engine */
    -khtml-opacity: 0.2;
    /* This is the "most important" one because it's the current standard in CSS. This will work in most versions of Firefox, Safari, and Opera. */
    opacity: 0.2;
  }
}
@keyframes loading {
  0% {
    /* works for IE 5+. */
    filter: alpha(opacity=100);
    /* works for IE 8. */
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity-ie);
    /* works for old school versions of the Mozilla browsers like Netscape Navigator. */
    -moz-opacity: 1;
    /* This is for old versions of Safari (1.x) with KHTML rendering engine */
    -khtml-opacity: 1;
    /* This is the "most important" one because it's the current standard in CSS. This will work in most versions of Firefox, Safari, and Opera. */
    opacity: 1;
  }
  100% {
    /* works for IE 5+. */
    filter: alpha(opacity=20);
    /* works for IE 8. */
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity-ie);
    /* works for old school versions of the Mozilla browsers like Netscape Navigator. */
    -moz-opacity: 0.2;
    /* This is for old versions of Safari (1.x) with KHTML rendering engine */
    -khtml-opacity: 0.2;
    /* This is the "most important" one because it's the current standard in CSS. This will work in most versions of Firefox, Safari, and Opera. */
    opacity: 0.2;
  }
}
.loading span {
  display: inline-block;
  height: 18px;
  width: 18px;
  position: relative;
  margin: 0 4px;
  -webkit-animation: 1s loading ease-in infinite;
  animation: 1s loading ease-in infinite;
}
.loading span:nth-child(1) {
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}
.loading span:nth-child(2) {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}
.loading span:nth-child(3) {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}
.loading span:before {
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  content: "\e906";
  font-size: 18px;
  text-align: center;
  line-height: 18px;
}
@-webkit-keyframes shake-rotate {
  2% {
    -webkit-transform: translate(0, 0) rotate(3.5deg);
            transform: translate(0, 0) rotate(3.5deg);
  }
  4% {
    -webkit-transform: translate(0, 0) rotate(-0.5deg);
            transform: translate(0, 0) rotate(-0.5deg);
  }
  6% {
    -webkit-transform: translate(0, 0) rotate(-1.5deg);
            transform: translate(0, 0) rotate(-1.5deg);
  }
  8% {
    -webkit-transform: translate(0, 0) rotate(4.5deg);
            transform: translate(0, 0) rotate(4.5deg);
  }
  10% {
    -webkit-transform: translate(0, 0) rotate(6.5deg);
            transform: translate(0, 0) rotate(6.5deg);
  }
  12% {
    -webkit-transform: translate(0, 0) rotate(0.5deg);
            transform: translate(0, 0) rotate(0.5deg);
  }
  14% {
    -webkit-transform: translate(0, 0) rotate(-4.5deg);
            transform: translate(0, 0) rotate(-4.5deg);
  }
  16% {
    -webkit-transform: translate(0, 0) rotate(5.5deg);
            transform: translate(0, 0) rotate(5.5deg);
  }
  18% {
    -webkit-transform: translate(0, 0) rotate(-6.5deg);
            transform: translate(0, 0) rotate(-6.5deg);
  }
  20% {
    -webkit-transform: translate(0, 0) rotate(1.5deg);
            transform: translate(0, 0) rotate(1.5deg);
  }
  22% {
    -webkit-transform: translate(0, 0) rotate(-5.5deg);
            transform: translate(0, 0) rotate(-5.5deg);
  }
  24% {
    -webkit-transform: translate(0, 0) rotate(-4.5deg);
            transform: translate(0, 0) rotate(-4.5deg);
  }
  26% {
    -webkit-transform: translate(0, 0) rotate(-0.5deg);
            transform: translate(0, 0) rotate(-0.5deg);
  }
  28% {
    -webkit-transform: translate(0, 0) rotate(7.5deg);
            transform: translate(0, 0) rotate(7.5deg);
  }
  30% {
    -webkit-transform: translate(0, 0) rotate(-1.5deg);
            transform: translate(0, 0) rotate(-1.5deg);
  }
  32% {
    -webkit-transform: translate(0, 0) rotate(4.5deg);
            transform: translate(0, 0) rotate(4.5deg);
  }
  34% {
    -webkit-transform: translate(0, 0) rotate(5.5deg);
            transform: translate(0, 0) rotate(5.5deg);
  }
  36% {
    -webkit-transform: translate(0, 0) rotate(1.5deg);
            transform: translate(0, 0) rotate(1.5deg);
  }
  38% {
    -webkit-transform: translate(0, 0) rotate(-2.5deg);
            transform: translate(0, 0) rotate(-2.5deg);
  }
  40% {
    -webkit-transform: translate(0, 0) rotate(6.5deg);
            transform: translate(0, 0) rotate(6.5deg);
  }
  42% {
    -webkit-transform: translate(0, 0) rotate(4.5deg);
            transform: translate(0, 0) rotate(4.5deg);
  }
  44% {
    -webkit-transform: translate(0, 0) rotate(2.5deg);
            transform: translate(0, 0) rotate(2.5deg);
  }
  46% {
    -webkit-transform: translate(0, 0) rotate(4.5deg);
            transform: translate(0, 0) rotate(4.5deg);
  }
  48% {
    -webkit-transform: translate(0, 0) rotate(-5.5deg);
            transform: translate(0, 0) rotate(-5.5deg);
  }
  50% {
    -webkit-transform: translate(0, 0) rotate(-6.5deg);
            transform: translate(0, 0) rotate(-6.5deg);
  }
  52% {
    -webkit-transform: translate(0, 0) rotate(-4.5deg);
            transform: translate(0, 0) rotate(-4.5deg);
  }
  54% {
    -webkit-transform: translate(0, 0) rotate(2.5deg);
            transform: translate(0, 0) rotate(2.5deg);
  }
  56% {
    -webkit-transform: translate(0, 0) rotate(-5.5deg);
            transform: translate(0, 0) rotate(-5.5deg);
  }
  58% {
    -webkit-transform: translate(0, 0) rotate(-5.5deg);
            transform: translate(0, 0) rotate(-5.5deg);
  }
  60% {
    -webkit-transform: translate(0, 0) rotate(-6.5deg);
            transform: translate(0, 0) rotate(-6.5deg);
  }
  62% {
    -webkit-transform: translate(0, 0) rotate(6.5deg);
            transform: translate(0, 0) rotate(6.5deg);
  }
  64% {
    -webkit-transform: translate(0, 0) rotate(-1.5deg);
            transform: translate(0, 0) rotate(-1.5deg);
  }
  66% {
    -webkit-transform: translate(0, 0) rotate(-5.5deg);
            transform: translate(0, 0) rotate(-5.5deg);
  }
  68% {
    -webkit-transform: translate(0, 0) rotate(-2.5deg);
            transform: translate(0, 0) rotate(-2.5deg);
  }
  70% {
    -webkit-transform: translate(0, 0) rotate(6.5deg);
            transform: translate(0, 0) rotate(6.5deg);
  }
  72% {
    -webkit-transform: translate(0, 0) rotate(3.5deg);
            transform: translate(0, 0) rotate(3.5deg);
  }
  74% {
    -webkit-transform: translate(0, 0) rotate(3.5deg);
            transform: translate(0, 0) rotate(3.5deg);
  }
  76% {
    -webkit-transform: translate(0, 0) rotate(-2.5deg);
            transform: translate(0, 0) rotate(-2.5deg);
  }
  78% {
    -webkit-transform: translate(0, 0) rotate(-6.5deg);
            transform: translate(0, 0) rotate(-6.5deg);
  }
  80% {
    -webkit-transform: translate(0, 0) rotate(1.5deg);
            transform: translate(0, 0) rotate(1.5deg);
  }
  82% {
    -webkit-transform: translate(0, 0) rotate(4.5deg);
            transform: translate(0, 0) rotate(4.5deg);
  }
  84% {
    -webkit-transform: translate(0, 0) rotate(0.5deg);
            transform: translate(0, 0) rotate(0.5deg);
  }
  86% {
    -webkit-transform: translate(0, 0) rotate(3.5deg);
            transform: translate(0, 0) rotate(3.5deg);
  }
  88% {
    -webkit-transform: translate(0, 0) rotate(5.5deg);
            transform: translate(0, 0) rotate(5.5deg);
  }
  90% {
    -webkit-transform: translate(0, 0) rotate(7.5deg);
            transform: translate(0, 0) rotate(7.5deg);
  }
  92% {
    -webkit-transform: translate(0, 0) rotate(-5.5deg);
            transform: translate(0, 0) rotate(-5.5deg);
  }
  94% {
    -webkit-transform: translate(0, 0) rotate(7.5deg);
            transform: translate(0, 0) rotate(7.5deg);
  }
  96% {
    -webkit-transform: translate(0, 0) rotate(-2.5deg);
            transform: translate(0, 0) rotate(-2.5deg);
  }
  98% {
    -webkit-transform: translate(0, 0) rotate(6.5deg);
            transform: translate(0, 0) rotate(6.5deg);
  }
  0%,
  100% {
    -webkit-transform: translate(0, 0) rotate(0);
            transform: translate(0, 0) rotate(0);
  }
}
@keyframes shake-rotate {
  2% {
    -webkit-transform: translate(0, 0) rotate(3.5deg);
            transform: translate(0, 0) rotate(3.5deg);
  }
  4% {
    -webkit-transform: translate(0, 0) rotate(-0.5deg);
            transform: translate(0, 0) rotate(-0.5deg);
  }
  6% {
    -webkit-transform: translate(0, 0) rotate(-1.5deg);
            transform: translate(0, 0) rotate(-1.5deg);
  }
  8% {
    -webkit-transform: translate(0, 0) rotate(4.5deg);
            transform: translate(0, 0) rotate(4.5deg);
  }
  10% {
    -webkit-transform: translate(0, 0) rotate(6.5deg);
            transform: translate(0, 0) rotate(6.5deg);
  }
  12% {
    -webkit-transform: translate(0, 0) rotate(0.5deg);
            transform: translate(0, 0) rotate(0.5deg);
  }
  14% {
    -webkit-transform: translate(0, 0) rotate(-4.5deg);
            transform: translate(0, 0) rotate(-4.5deg);
  }
  16% {
    -webkit-transform: translate(0, 0) rotate(5.5deg);
            transform: translate(0, 0) rotate(5.5deg);
  }
  18% {
    -webkit-transform: translate(0, 0) rotate(-6.5deg);
            transform: translate(0, 0) rotate(-6.5deg);
  }
  20% {
    -webkit-transform: translate(0, 0) rotate(1.5deg);
            transform: translate(0, 0) rotate(1.5deg);
  }
  22% {
    -webkit-transform: translate(0, 0) rotate(-5.5deg);
            transform: translate(0, 0) rotate(-5.5deg);
  }
  24% {
    -webkit-transform: translate(0, 0) rotate(-4.5deg);
            transform: translate(0, 0) rotate(-4.5deg);
  }
  26% {
    -webkit-transform: translate(0, 0) rotate(-0.5deg);
            transform: translate(0, 0) rotate(-0.5deg);
  }
  28% {
    -webkit-transform: translate(0, 0) rotate(7.5deg);
            transform: translate(0, 0) rotate(7.5deg);
  }
  30% {
    -webkit-transform: translate(0, 0) rotate(-1.5deg);
            transform: translate(0, 0) rotate(-1.5deg);
  }
  32% {
    -webkit-transform: translate(0, 0) rotate(4.5deg);
            transform: translate(0, 0) rotate(4.5deg);
  }
  34% {
    -webkit-transform: translate(0, 0) rotate(5.5deg);
            transform: translate(0, 0) rotate(5.5deg);
  }
  36% {
    -webkit-transform: translate(0, 0) rotate(1.5deg);
            transform: translate(0, 0) rotate(1.5deg);
  }
  38% {
    -webkit-transform: translate(0, 0) rotate(-2.5deg);
            transform: translate(0, 0) rotate(-2.5deg);
  }
  40% {
    -webkit-transform: translate(0, 0) rotate(6.5deg);
            transform: translate(0, 0) rotate(6.5deg);
  }
  42% {
    -webkit-transform: translate(0, 0) rotate(4.5deg);
            transform: translate(0, 0) rotate(4.5deg);
  }
  44% {
    -webkit-transform: translate(0, 0) rotate(2.5deg);
            transform: translate(0, 0) rotate(2.5deg);
  }
  46% {
    -webkit-transform: translate(0, 0) rotate(4.5deg);
            transform: translate(0, 0) rotate(4.5deg);
  }
  48% {
    -webkit-transform: translate(0, 0) rotate(-5.5deg);
            transform: translate(0, 0) rotate(-5.5deg);
  }
  50% {
    -webkit-transform: translate(0, 0) rotate(-6.5deg);
            transform: translate(0, 0) rotate(-6.5deg);
  }
  52% {
    -webkit-transform: translate(0, 0) rotate(-4.5deg);
            transform: translate(0, 0) rotate(-4.5deg);
  }
  54% {
    -webkit-transform: translate(0, 0) rotate(2.5deg);
            transform: translate(0, 0) rotate(2.5deg);
  }
  56% {
    -webkit-transform: translate(0, 0) rotate(-5.5deg);
            transform: translate(0, 0) rotate(-5.5deg);
  }
  58% {
    -webkit-transform: translate(0, 0) rotate(-5.5deg);
            transform: translate(0, 0) rotate(-5.5deg);
  }
  60% {
    -webkit-transform: translate(0, 0) rotate(-6.5deg);
            transform: translate(0, 0) rotate(-6.5deg);
  }
  62% {
    -webkit-transform: translate(0, 0) rotate(6.5deg);
            transform: translate(0, 0) rotate(6.5deg);
  }
  64% {
    -webkit-transform: translate(0, 0) rotate(-1.5deg);
            transform: translate(0, 0) rotate(-1.5deg);
  }
  66% {
    -webkit-transform: translate(0, 0) rotate(-5.5deg);
            transform: translate(0, 0) rotate(-5.5deg);
  }
  68% {
    -webkit-transform: translate(0, 0) rotate(-2.5deg);
            transform: translate(0, 0) rotate(-2.5deg);
  }
  70% {
    -webkit-transform: translate(0, 0) rotate(6.5deg);
            transform: translate(0, 0) rotate(6.5deg);
  }
  72% {
    -webkit-transform: translate(0, 0) rotate(3.5deg);
            transform: translate(0, 0) rotate(3.5deg);
  }
  74% {
    -webkit-transform: translate(0, 0) rotate(3.5deg);
            transform: translate(0, 0) rotate(3.5deg);
  }
  76% {
    -webkit-transform: translate(0, 0) rotate(-2.5deg);
            transform: translate(0, 0) rotate(-2.5deg);
  }
  78% {
    -webkit-transform: translate(0, 0) rotate(-6.5deg);
            transform: translate(0, 0) rotate(-6.5deg);
  }
  80% {
    -webkit-transform: translate(0, 0) rotate(1.5deg);
            transform: translate(0, 0) rotate(1.5deg);
  }
  82% {
    -webkit-transform: translate(0, 0) rotate(4.5deg);
            transform: translate(0, 0) rotate(4.5deg);
  }
  84% {
    -webkit-transform: translate(0, 0) rotate(0.5deg);
            transform: translate(0, 0) rotate(0.5deg);
  }
  86% {
    -webkit-transform: translate(0, 0) rotate(3.5deg);
            transform: translate(0, 0) rotate(3.5deg);
  }
  88% {
    -webkit-transform: translate(0, 0) rotate(5.5deg);
            transform: translate(0, 0) rotate(5.5deg);
  }
  90% {
    -webkit-transform: translate(0, 0) rotate(7.5deg);
            transform: translate(0, 0) rotate(7.5deg);
  }
  92% {
    -webkit-transform: translate(0, 0) rotate(-5.5deg);
            transform: translate(0, 0) rotate(-5.5deg);
  }
  94% {
    -webkit-transform: translate(0, 0) rotate(7.5deg);
            transform: translate(0, 0) rotate(7.5deg);
  }
  96% {
    -webkit-transform: translate(0, 0) rotate(-2.5deg);
            transform: translate(0, 0) rotate(-2.5deg);
  }
  98% {
    -webkit-transform: translate(0, 0) rotate(6.5deg);
            transform: translate(0, 0) rotate(6.5deg);
  }
  0%,
  100% {
    -webkit-transform: translate(0, 0) rotate(0);
            transform: translate(0, 0) rotate(0);
  }
}
@-webkit-keyframes shake {
  10%,
  90% {
    -webkit-transform: translate3d(-1px, 0, 0);
            transform: translate3d(-1px, 0, 0);
  }
  20%,
  80% {
    -webkit-transform: translate3d(2px, 0, 0);
            transform: translate3d(2px, 0, 0);
  }
  30%,
  50%,
  70% {
    -webkit-transform: translate3d(-4px, 0, 0);
            transform: translate3d(-4px, 0, 0);
  }
  40%,
  60% {
    -webkit-transform: translate3d(4px, 0, 0);
            transform: translate3d(4px, 0, 0);
  }
}
@keyframes shake {
  10%,
  90% {
    -webkit-transform: translate3d(-1px, 0, 0);
            transform: translate3d(-1px, 0, 0);
  }
  20%,
  80% {
    -webkit-transform: translate3d(2px, 0, 0);
            transform: translate3d(2px, 0, 0);
  }
  30%,
  50%,
  70% {
    -webkit-transform: translate3d(-4px, 0, 0);
            transform: translate3d(-4px, 0, 0);
  }
  40%,
  60% {
    -webkit-transform: translate3d(4px, 0, 0);
            transform: translate3d(4px, 0, 0);
  }
}
.shake {
  -webkit-animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
}
@-webkit-keyframes is-dude {
  0% {
    left: 6.4vw;
  }
  10% {
    left: 6.4vw;
  }
  100% {
    left: 6.4vw;
  }
}
@keyframes is-dude {
  0% {
    left: 6.4vw;
  }
  10% {
    left: 6.4vw;
  }
  100% {
    left: 6.4vw;
  }
}
@-webkit-keyframes is-line-of-sight {
  0% {
    width: 0;
  }
  10% {
    width: 0;
  }
  20% {
    width: 42.7vw;
  }
  100% {
    width: 42.7vw;
  }
}
@keyframes is-line-of-sight {
  0% {
    width: 0;
  }
  10% {
    width: 0;
  }
  20% {
    width: 42.7vw;
  }
  100% {
    width: 42.7vw;
  }
}
@-webkit-keyframes is-spotted {
  00% {
    width: 0;
    height: 0;
    /* works for IE 5+. */
    filter: alpha(opacity=0);
    /* works for IE 8. */
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity-ie);
    /* works for old school versions of the Mozilla browsers like Netscape Navigator. */
    -moz-opacity: 0;
    /* This is for old versions of Safari (1.x) with KHTML rendering engine */
    -khtml-opacity: 0;
    /* This is the "most important" one because it's the current standard in CSS. This will work in most versions of Firefox, Safari, and Opera. */
    opacity: 0;
  }
  20% {
    width: 0;
    height: 0;
    /* works for IE 5+. */
    filter: alpha(opacity=0);
    /* works for IE 8. */
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity-ie);
    /* works for old school versions of the Mozilla browsers like Netscape Navigator. */
    -moz-opacity: 0;
    /* This is for old versions of Safari (1.x) with KHTML rendering engine */
    -khtml-opacity: 0;
    /* This is the "most important" one because it's the current standard in CSS. This will work in most versions of Firefox, Safari, and Opera. */
    opacity: 0;
  }
  35% {
    width: 23.0667vw;
    height: 23.0667vw;
    /* works for IE 5+. */
    filter: alpha(opacity=100);
    /* works for IE 8. */
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity-ie);
    /* works for old school versions of the Mozilla browsers like Netscape Navigator. */
    -moz-opacity: 1;
    /* This is for old versions of Safari (1.x) with KHTML rendering engine */
    -khtml-opacity: 1;
    /* This is the "most important" one because it's the current standard in CSS. This will work in most versions of Firefox, Safari, and Opera. */
    opacity: 1;
  }
  100% {
    width: 23.0667vw;
    height: 23.0667vw;
    /* works for IE 5+. */
    filter: alpha(opacity=100);
    /* works for IE 8. */
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity-ie);
    /* works for old school versions of the Mozilla browsers like Netscape Navigator. */
    -moz-opacity: 1;
    /* This is for old versions of Safari (1.x) with KHTML rendering engine */
    -khtml-opacity: 1;
    /* This is the "most important" one because it's the current standard in CSS. This will work in most versions of Firefox, Safari, and Opera. */
    opacity: 1;
  }
}
@keyframes is-spotted {
  00% {
    width: 0;
    height: 0;
    /* works for IE 5+. */
    filter: alpha(opacity=0);
    /* works for IE 8. */
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity-ie);
    /* works for old school versions of the Mozilla browsers like Netscape Navigator. */
    -moz-opacity: 0;
    /* This is for old versions of Safari (1.x) with KHTML rendering engine */
    -khtml-opacity: 0;
    /* This is the "most important" one because it's the current standard in CSS. This will work in most versions of Firefox, Safari, and Opera. */
    opacity: 0;
  }
  20% {
    width: 0;
    height: 0;
    /* works for IE 5+. */
    filter: alpha(opacity=0);
    /* works for IE 8. */
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity-ie);
    /* works for old school versions of the Mozilla browsers like Netscape Navigator. */
    -moz-opacity: 0;
    /* This is for old versions of Safari (1.x) with KHTML rendering engine */
    -khtml-opacity: 0;
    /* This is the "most important" one because it's the current standard in CSS. This will work in most versions of Firefox, Safari, and Opera. */
    opacity: 0;
  }
  35% {
    width: 23.0667vw;
    height: 23.0667vw;
    /* works for IE 5+. */
    filter: alpha(opacity=100);
    /* works for IE 8. */
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity-ie);
    /* works for old school versions of the Mozilla browsers like Netscape Navigator. */
    -moz-opacity: 1;
    /* This is for old versions of Safari (1.x) with KHTML rendering engine */
    -khtml-opacity: 1;
    /* This is the "most important" one because it's the current standard in CSS. This will work in most versions of Firefox, Safari, and Opera. */
    opacity: 1;
  }
  100% {
    width: 23.0667vw;
    height: 23.0667vw;
    /* works for IE 5+. */
    filter: alpha(opacity=100);
    /* works for IE 8. */
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity-ie);
    /* works for old school versions of the Mozilla browsers like Netscape Navigator. */
    -moz-opacity: 1;
    /* This is for old versions of Safari (1.x) with KHTML rendering engine */
    -khtml-opacity: 1;
    /* This is the "most important" one because it's the current standard in CSS. This will work in most versions of Firefox, Safari, and Opera. */
    opacity: 1;
  }
}
@-webkit-keyframes is-cursor2 {
  0% {
    bottom: -21vw;
    right: -5vw;
  }
  25% {
    bottom: -11vw;
    right: 22vw;
  }
  50% {
    bottom: -21vw;
    right: 22vw;
  }
  75% {
    bottom: -11vw;
    right: -5vw;
  }
  100% {
    bottom: -21vw;
    right: -5vw;
  }
}
@keyframes is-cursor2 {
  0% {
    bottom: -21vw;
    right: -5vw;
  }
  25% {
    bottom: -11vw;
    right: 22vw;
  }
  50% {
    bottom: -21vw;
    right: 22vw;
  }
  75% {
    bottom: -11vw;
    right: -5vw;
  }
  100% {
    bottom: -21vw;
    right: -5vw;
  }
}
@-webkit-keyframes is-touch2wrapper {
  0% {
    bottom: 5vw;
    right: 32.8vw;
  }
  25% {
    bottom: 5vw;
    right: 32.8vw;
  }
  50% {
    bottom: 5vw;
    right: 32.8vw;
  }
  75% {
    bottom: 5vw;
    right: 4.8vw;
  }
  100% {
    bottom: 5vw;
    right: 4.8vw;
  }
}
@keyframes is-touch2wrapper {
  0% {
    bottom: 5vw;
    right: 32.8vw;
  }
  25% {
    bottom: 5vw;
    right: 32.8vw;
  }
  50% {
    bottom: 5vw;
    right: 32.8vw;
  }
  75% {
    bottom: 5vw;
    right: 4.8vw;
  }
  100% {
    bottom: 5vw;
    right: 4.8vw;
  }
}
@-webkit-keyframes is-rafting-boat {
  0% {
    right: 2vw;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  25% {
    right: 2vw;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  50% {
    right: 31vw;
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
  }
  75% {
    right: 31vw;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    right: 2vw;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
  }
}
@keyframes is-rafting-boat {
  0% {
    right: 2vw;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  25% {
    right: 2vw;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  50% {
    right: 31vw;
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
  }
  75% {
    right: 31vw;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    right: 2vw;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
  }
}
@-webkit-keyframes is-touch2 {
  0% {
    height: 0;
    width: 0;
    /* works for IE 5+. */
    filter: alpha(opacity=0);
    /* works for IE 8. */
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity-ie);
    /* works for old school versions of the Mozilla browsers like Netscape Navigator. */
    -moz-opacity: 0;
    /* This is for old versions of Safari (1.x) with KHTML rendering engine */
    -khtml-opacity: 0;
    /* This is the "most important" one because it's the current standard in CSS. This will work in most versions of Firefox, Safari, and Opera. */
    opacity: 0;
  }
  20% {
    height: 0;
    width: 0;
    /* works for IE 5+. */
    filter: alpha(opacity=0);
    /* works for IE 8. */
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity-ie);
    /* works for old school versions of the Mozilla browsers like Netscape Navigator. */
    -moz-opacity: 0;
    /* This is for old versions of Safari (1.x) with KHTML rendering engine */
    -khtml-opacity: 0;
    /* This is the "most important" one because it's the current standard in CSS. This will work in most versions of Firefox, Safari, and Opera. */
    opacity: 0;
  }
  35% {
    height: 17.066666666666666vw;
    width: 17.066666666666666vw;
    /* works for IE 5+. */
    filter: alpha(opacity=50);
    /* works for IE 8. */
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity-ie);
    /* works for old school versions of the Mozilla browsers like Netscape Navigator. */
    -moz-opacity: 0.5;
    /* This is for old versions of Safari (1.x) with KHTML rendering engine */
    -khtml-opacity: 0.5;
    /* This is the "most important" one because it's the current standard in CSS. This will work in most versions of Firefox, Safari, and Opera. */
    opacity: 0.5;
  }
  49% {
    height: 17.066666666666666vw;
    width: 17.066666666666666vw;
    /* works for IE 5+. */
    filter: alpha(opacity=0);
    /* works for IE 8. */
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity-ie);
    /* works for old school versions of the Mozilla browsers like Netscape Navigator. */
    -moz-opacity: 0;
    /* This is for old versions of Safari (1.x) with KHTML rendering engine */
    -khtml-opacity: 0;
    /* This is the "most important" one because it's the current standard in CSS. This will work in most versions of Firefox, Safari, and Opera. */
    opacity: 0;
  }
  50% {
    height: 0;
    width: 0;
    /* works for IE 5+. */
    filter: alpha(opacity=0);
    /* works for IE 8. */
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity-ie);
    /* works for old school versions of the Mozilla browsers like Netscape Navigator. */
    -moz-opacity: 0;
    /* This is for old versions of Safari (1.x) with KHTML rendering engine */
    -khtml-opacity: 0;
    /* This is the "most important" one because it's the current standard in CSS. This will work in most versions of Firefox, Safari, and Opera. */
    opacity: 0;
  }
  70% {
    height: 0;
    width: 0;
    /* works for IE 5+. */
    filter: alpha(opacity=0);
    /* works for IE 8. */
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity-ie);
    /* works for old school versions of the Mozilla browsers like Netscape Navigator. */
    -moz-opacity: 0;
    /* This is for old versions of Safari (1.x) with KHTML rendering engine */
    -khtml-opacity: 0;
    /* This is the "most important" one because it's the current standard in CSS. This will work in most versions of Firefox, Safari, and Opera. */
    opacity: 0;
  }
  85% {
    height: 17.066666666666666vw;
    width: 17.066666666666666vw;
    /* works for IE 5+. */
    filter: alpha(opacity=50);
    /* works for IE 8. */
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity-ie);
    /* works for old school versions of the Mozilla browsers like Netscape Navigator. */
    -moz-opacity: 0.5;
    /* This is for old versions of Safari (1.x) with KHTML rendering engine */
    -khtml-opacity: 0.5;
    /* This is the "most important" one because it's the current standard in CSS. This will work in most versions of Firefox, Safari, and Opera. */
    opacity: 0.5;
  }
  99% {
    height: 17.066666666666666vw;
    width: 17.066666666666666vw;
    /* works for IE 5+. */
    filter: alpha(opacity=0);
    /* works for IE 8. */
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity-ie);
    /* works for old school versions of the Mozilla browsers like Netscape Navigator. */
    -moz-opacity: 0;
    /* This is for old versions of Safari (1.x) with KHTML rendering engine */
    -khtml-opacity: 0;
    /* This is the "most important" one because it's the current standard in CSS. This will work in most versions of Firefox, Safari, and Opera. */
    opacity: 0;
  }
  100% {
    height: 0;
    width: 0;
    /* works for IE 5+. */
    filter: alpha(opacity=0);
    /* works for IE 8. */
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity-ie);
    /* works for old school versions of the Mozilla browsers like Netscape Navigator. */
    -moz-opacity: 0;
    /* This is for old versions of Safari (1.x) with KHTML rendering engine */
    -khtml-opacity: 0;
    /* This is the "most important" one because it's the current standard in CSS. This will work in most versions of Firefox, Safari, and Opera. */
    opacity: 0;
  }
}
@keyframes is-touch2 {
  0% {
    height: 0;
    width: 0;
    /* works for IE 5+. */
    filter: alpha(opacity=0);
    /* works for IE 8. */
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity-ie);
    /* works for old school versions of the Mozilla browsers like Netscape Navigator. */
    -moz-opacity: 0;
    /* This is for old versions of Safari (1.x) with KHTML rendering engine */
    -khtml-opacity: 0;
    /* This is the "most important" one because it's the current standard in CSS. This will work in most versions of Firefox, Safari, and Opera. */
    opacity: 0;
  }
  20% {
    height: 0;
    width: 0;
    /* works for IE 5+. */
    filter: alpha(opacity=0);
    /* works for IE 8. */
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity-ie);
    /* works for old school versions of the Mozilla browsers like Netscape Navigator. */
    -moz-opacity: 0;
    /* This is for old versions of Safari (1.x) with KHTML rendering engine */
    -khtml-opacity: 0;
    /* This is the "most important" one because it's the current standard in CSS. This will work in most versions of Firefox, Safari, and Opera. */
    opacity: 0;
  }
  35% {
    height: 17.066666666666666vw;
    width: 17.066666666666666vw;
    /* works for IE 5+. */
    filter: alpha(opacity=50);
    /* works for IE 8. */
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity-ie);
    /* works for old school versions of the Mozilla browsers like Netscape Navigator. */
    -moz-opacity: 0.5;
    /* This is for old versions of Safari (1.x) with KHTML rendering engine */
    -khtml-opacity: 0.5;
    /* This is the "most important" one because it's the current standard in CSS. This will work in most versions of Firefox, Safari, and Opera. */
    opacity: 0.5;
  }
  49% {
    height: 17.066666666666666vw;
    width: 17.066666666666666vw;
    /* works for IE 5+. */
    filter: alpha(opacity=0);
    /* works for IE 8. */
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity-ie);
    /* works for old school versions of the Mozilla browsers like Netscape Navigator. */
    -moz-opacity: 0;
    /* This is for old versions of Safari (1.x) with KHTML rendering engine */
    -khtml-opacity: 0;
    /* This is the "most important" one because it's the current standard in CSS. This will work in most versions of Firefox, Safari, and Opera. */
    opacity: 0;
  }
  50% {
    height: 0;
    width: 0;
    /* works for IE 5+. */
    filter: alpha(opacity=0);
    /* works for IE 8. */
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity-ie);
    /* works for old school versions of the Mozilla browsers like Netscape Navigator. */
    -moz-opacity: 0;
    /* This is for old versions of Safari (1.x) with KHTML rendering engine */
    -khtml-opacity: 0;
    /* This is the "most important" one because it's the current standard in CSS. This will work in most versions of Firefox, Safari, and Opera. */
    opacity: 0;
  }
  70% {
    height: 0;
    width: 0;
    /* works for IE 5+. */
    filter: alpha(opacity=0);
    /* works for IE 8. */
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity-ie);
    /* works for old school versions of the Mozilla browsers like Netscape Navigator. */
    -moz-opacity: 0;
    /* This is for old versions of Safari (1.x) with KHTML rendering engine */
    -khtml-opacity: 0;
    /* This is the "most important" one because it's the current standard in CSS. This will work in most versions of Firefox, Safari, and Opera. */
    opacity: 0;
  }
  85% {
    height: 17.066666666666666vw;
    width: 17.066666666666666vw;
    /* works for IE 5+. */
    filter: alpha(opacity=50);
    /* works for IE 8. */
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity-ie);
    /* works for old school versions of the Mozilla browsers like Netscape Navigator. */
    -moz-opacity: 0.5;
    /* This is for old versions of Safari (1.x) with KHTML rendering engine */
    -khtml-opacity: 0.5;
    /* This is the "most important" one because it's the current standard in CSS. This will work in most versions of Firefox, Safari, and Opera. */
    opacity: 0.5;
  }
  99% {
    height: 17.066666666666666vw;
    width: 17.066666666666666vw;
    /* works for IE 5+. */
    filter: alpha(opacity=0);
    /* works for IE 8. */
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity-ie);
    /* works for old school versions of the Mozilla browsers like Netscape Navigator. */
    -moz-opacity: 0;
    /* This is for old versions of Safari (1.x) with KHTML rendering engine */
    -khtml-opacity: 0;
    /* This is the "most important" one because it's the current standard in CSS. This will work in most versions of Firefox, Safari, and Opera. */
    opacity: 0;
  }
  100% {
    height: 0;
    width: 0;
    /* works for IE 5+. */
    filter: alpha(opacity=0);
    /* works for IE 8. */
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity-ie);
    /* works for old school versions of the Mozilla browsers like Netscape Navigator. */
    -moz-opacity: 0;
    /* This is for old versions of Safari (1.x) with KHTML rendering engine */
    -khtml-opacity: 0;
    /* This is the "most important" one because it's the current standard in CSS. This will work in most versions of Firefox, Safari, and Opera. */
    opacity: 0;
  }
}
@-webkit-keyframes is-cursor {
  0% {
    bottom: -6.6667vw;
    left: 55vw;
  }
  10% {
    bottom: -1.3333vw;
    left: 34.5vw;
  }
  20% {
    bottom: -1.3333vw;
    left: 34.5vw;
  }
  30% {
    bottom: -1.3333vw;
    left: 40vw;
  }
  50% {
    bottom: 36.3333vw;
    left: 40vw;
  }
  70% {
    bottom: -6.6667vw;
    left: 55vw;
  }
  100% {
    bottom: -6.6667vw;
    left: 55vw;
  }
}
@keyframes is-cursor {
  0% {
    bottom: -6.6667vw;
    left: 55vw;
  }
  10% {
    bottom: -1.3333vw;
    left: 34.5vw;
  }
  20% {
    bottom: -1.3333vw;
    left: 34.5vw;
  }
  30% {
    bottom: -1.3333vw;
    left: 40vw;
  }
  50% {
    bottom: 36.3333vw;
    left: 40vw;
  }
  70% {
    bottom: -6.6667vw;
    left: 55vw;
  }
  100% {
    bottom: -6.6667vw;
    left: 55vw;
  }
}
@-webkit-keyframes is-rune-tuto {
  0% {
    bottom: 10vw;
    /* works for IE 5+. */
    filter: alpha(opacity=0);
    /* works for IE 8. */
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity-ie);
    /* works for old school versions of the Mozilla browsers like Netscape Navigator. */
    -moz-opacity: 0;
    /* This is for old versions of Safari (1.x) with KHTML rendering engine */
    -khtml-opacity: 0;
    /* This is the "most important" one because it's the current standard in CSS. This will work in most versions of Firefox, Safari, and Opera. */
    opacity: 0;
  }
  5% {
    /* works for IE 5+. */
    filter: alpha(opacity=100);
    /* works for IE 8. */
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity-ie);
    /* works for old school versions of the Mozilla browsers like Netscape Navigator. */
    -moz-opacity: 1;
    /* This is for old versions of Safari (1.x) with KHTML rendering engine */
    -khtml-opacity: 1;
    /* This is the "most important" one because it's the current standard in CSS. This will work in most versions of Firefox, Safari, and Opera. */
    opacity: 1;
  }
  30% {
    bottom: 10vw;
  }
  50% {
    bottom: 46vw;
    /* works for IE 5+. */
    filter: alpha(opacity=100);
    /* works for IE 8. */
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity-ie);
    /* works for old school versions of the Mozilla browsers like Netscape Navigator. */
    -moz-opacity: 1;
    /* This is for old versions of Safari (1.x) with KHTML rendering engine */
    -khtml-opacity: 1;
    /* This is the "most important" one because it's the current standard in CSS. This will work in most versions of Firefox, Safari, and Opera. */
    opacity: 1;
  }
  65% {
    bottom: 46vw;
    /* works for IE 5+. */
    filter: alpha(opacity=0);
    /* works for IE 8. */
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity-ie);
    /* works for old school versions of the Mozilla browsers like Netscape Navigator. */
    -moz-opacity: 0;
    /* This is for old versions of Safari (1.x) with KHTML rendering engine */
    -khtml-opacity: 0;
    /* This is the "most important" one because it's the current standard in CSS. This will work in most versions of Firefox, Safari, and Opera. */
    opacity: 0;
  }
  70% {
    /* works for IE 5+. */
    filter: alpha(opacity=0);
    /* works for IE 8. */
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity-ie);
    /* works for old school versions of the Mozilla browsers like Netscape Navigator. */
    -moz-opacity: 0;
    /* This is for old versions of Safari (1.x) with KHTML rendering engine */
    -khtml-opacity: 0;
    /* This is the "most important" one because it's the current standard in CSS. This will work in most versions of Firefox, Safari, and Opera. */
    opacity: 0;
  }
  100% {
    bottom: 46vw;
    /* works for IE 5+. */
    filter: alpha(opacity=0);
    /* works for IE 8. */
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity-ie);
    /* works for old school versions of the Mozilla browsers like Netscape Navigator. */
    -moz-opacity: 0;
    /* This is for old versions of Safari (1.x) with KHTML rendering engine */
    -khtml-opacity: 0;
    /* This is the "most important" one because it's the current standard in CSS. This will work in most versions of Firefox, Safari, and Opera. */
    opacity: 0;
  }
}
@keyframes is-rune-tuto {
  0% {
    bottom: 10vw;
    /* works for IE 5+. */
    filter: alpha(opacity=0);
    /* works for IE 8. */
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity-ie);
    /* works for old school versions of the Mozilla browsers like Netscape Navigator. */
    -moz-opacity: 0;
    /* This is for old versions of Safari (1.x) with KHTML rendering engine */
    -khtml-opacity: 0;
    /* This is the "most important" one because it's the current standard in CSS. This will work in most versions of Firefox, Safari, and Opera. */
    opacity: 0;
  }
  5% {
    /* works for IE 5+. */
    filter: alpha(opacity=100);
    /* works for IE 8. */
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity-ie);
    /* works for old school versions of the Mozilla browsers like Netscape Navigator. */
    -moz-opacity: 1;
    /* This is for old versions of Safari (1.x) with KHTML rendering engine */
    -khtml-opacity: 1;
    /* This is the "most important" one because it's the current standard in CSS. This will work in most versions of Firefox, Safari, and Opera. */
    opacity: 1;
  }
  30% {
    bottom: 10vw;
  }
  50% {
    bottom: 46vw;
    /* works for IE 5+. */
    filter: alpha(opacity=100);
    /* works for IE 8. */
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity-ie);
    /* works for old school versions of the Mozilla browsers like Netscape Navigator. */
    -moz-opacity: 1;
    /* This is for old versions of Safari (1.x) with KHTML rendering engine */
    -khtml-opacity: 1;
    /* This is the "most important" one because it's the current standard in CSS. This will work in most versions of Firefox, Safari, and Opera. */
    opacity: 1;
  }
  65% {
    bottom: 46vw;
    /* works for IE 5+. */
    filter: alpha(opacity=0);
    /* works for IE 8. */
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity-ie);
    /* works for old school versions of the Mozilla browsers like Netscape Navigator. */
    -moz-opacity: 0;
    /* This is for old versions of Safari (1.x) with KHTML rendering engine */
    -khtml-opacity: 0;
    /* This is the "most important" one because it's the current standard in CSS. This will work in most versions of Firefox, Safari, and Opera. */
    opacity: 0;
  }
  70% {
    /* works for IE 5+. */
    filter: alpha(opacity=0);
    /* works for IE 8. */
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity-ie);
    /* works for old school versions of the Mozilla browsers like Netscape Navigator. */
    -moz-opacity: 0;
    /* This is for old versions of Safari (1.x) with KHTML rendering engine */
    -khtml-opacity: 0;
    /* This is the "most important" one because it's the current standard in CSS. This will work in most versions of Firefox, Safari, and Opera. */
    opacity: 0;
  }
  100% {
    bottom: 46vw;
    /* works for IE 5+. */
    filter: alpha(opacity=0);
    /* works for IE 8. */
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity-ie);
    /* works for old school versions of the Mozilla browsers like Netscape Navigator. */
    -moz-opacity: 0;
    /* This is for old versions of Safari (1.x) with KHTML rendering engine */
    -khtml-opacity: 0;
    /* This is the "most important" one because it's the current standard in CSS. This will work in most versions of Firefox, Safari, and Opera. */
    opacity: 0;
  }
}
@-webkit-keyframes is-touch {
  0% {
    height: 0;
    width: 0;
    /* works for IE 5+. */
    filter: alpha(opacity=0);
    /* works for IE 8. */
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity-ie);
    /* works for old school versions of the Mozilla browsers like Netscape Navigator. */
    -moz-opacity: 0;
    /* This is for old versions of Safari (1.x) with KHTML rendering engine */
    -khtml-opacity: 0;
    /* This is the "most important" one because it's the current standard in CSS. This will work in most versions of Firefox, Safari, and Opera. */
    opacity: 0;
  }
  10% {
    height: 0;
    width: 0;
    /* works for IE 5+. */
    filter: alpha(opacity=0);
    /* works for IE 8. */
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity-ie);
    /* works for old school versions of the Mozilla browsers like Netscape Navigator. */
    -moz-opacity: 0;
    /* This is for old versions of Safari (1.x) with KHTML rendering engine */
    -khtml-opacity: 0;
    /* This is the "most important" one because it's the current standard in CSS. This will work in most versions of Firefox, Safari, and Opera. */
    opacity: 0;
  }
  20% {
    height: 64px;
    width: 64px;
    /* works for IE 5+. */
    filter: alpha(opacity=50);
    /* works for IE 8. */
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity-ie);
    /* works for old school versions of the Mozilla browsers like Netscape Navigator. */
    -moz-opacity: 0.5;
    /* This is for old versions of Safari (1.x) with KHTML rendering engine */
    -khtml-opacity: 0.5;
    /* This is the "most important" one because it's the current standard in CSS. This will work in most versions of Firefox, Safari, and Opera. */
    opacity: 0.5;
  }
  30% {
    height: 0px;
    width: 0px;
    /* works for IE 5+. */
    filter: alpha(opacity=0);
    /* works for IE 8. */
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity-ie);
    /* works for old school versions of the Mozilla browsers like Netscape Navigator. */
    -moz-opacity: 0;
    /* This is for old versions of Safari (1.x) with KHTML rendering engine */
    -khtml-opacity: 0;
    /* This is the "most important" one because it's the current standard in CSS. This will work in most versions of Firefox, Safari, and Opera. */
    opacity: 0;
  }
  100% {
    height: 0;
    width: 0;
    /* works for IE 5+. */
    filter: alpha(opacity=0);
    /* works for IE 8. */
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity-ie);
    /* works for old school versions of the Mozilla browsers like Netscape Navigator. */
    -moz-opacity: 0;
    /* This is for old versions of Safari (1.x) with KHTML rendering engine */
    -khtml-opacity: 0;
    /* This is the "most important" one because it's the current standard in CSS. This will work in most versions of Firefox, Safari, and Opera. */
    opacity: 0;
  }
}
@keyframes is-touch {
  0% {
    height: 0;
    width: 0;
    /* works for IE 5+. */
    filter: alpha(opacity=0);
    /* works for IE 8. */
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity-ie);
    /* works for old school versions of the Mozilla browsers like Netscape Navigator. */
    -moz-opacity: 0;
    /* This is for old versions of Safari (1.x) with KHTML rendering engine */
    -khtml-opacity: 0;
    /* This is the "most important" one because it's the current standard in CSS. This will work in most versions of Firefox, Safari, and Opera. */
    opacity: 0;
  }
  10% {
    height: 0;
    width: 0;
    /* works for IE 5+. */
    filter: alpha(opacity=0);
    /* works for IE 8. */
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity-ie);
    /* works for old school versions of the Mozilla browsers like Netscape Navigator. */
    -moz-opacity: 0;
    /* This is for old versions of Safari (1.x) with KHTML rendering engine */
    -khtml-opacity: 0;
    /* This is the "most important" one because it's the current standard in CSS. This will work in most versions of Firefox, Safari, and Opera. */
    opacity: 0;
  }
  20% {
    height: 64px;
    width: 64px;
    /* works for IE 5+. */
    filter: alpha(opacity=50);
    /* works for IE 8. */
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity-ie);
    /* works for old school versions of the Mozilla browsers like Netscape Navigator. */
    -moz-opacity: 0.5;
    /* This is for old versions of Safari (1.x) with KHTML rendering engine */
    -khtml-opacity: 0.5;
    /* This is the "most important" one because it's the current standard in CSS. This will work in most versions of Firefox, Safari, and Opera. */
    opacity: 0.5;
  }
  30% {
    height: 0px;
    width: 0px;
    /* works for IE 5+. */
    filter: alpha(opacity=0);
    /* works for IE 8. */
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity-ie);
    /* works for old school versions of the Mozilla browsers like Netscape Navigator. */
    -moz-opacity: 0;
    /* This is for old versions of Safari (1.x) with KHTML rendering engine */
    -khtml-opacity: 0;
    /* This is the "most important" one because it's the current standard in CSS. This will work in most versions of Firefox, Safari, and Opera. */
    opacity: 0;
  }
  100% {
    height: 0;
    width: 0;
    /* works for IE 5+. */
    filter: alpha(opacity=0);
    /* works for IE 8. */
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity-ie);
    /* works for old school versions of the Mozilla browsers like Netscape Navigator. */
    -moz-opacity: 0;
    /* This is for old versions of Safari (1.x) with KHTML rendering engine */
    -khtml-opacity: 0;
    /* This is the "most important" one because it's the current standard in CSS. This will work in most versions of Firefox, Safari, and Opera. */
    opacity: 0;
  }
}
@-webkit-keyframes is-rune-tuto-s {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    color: white;
  }
  10% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    color: white;
  }
  20% {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    color: #fde51c;
  }
  100% {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    color: #fde51c;
  }
}
@keyframes is-rune-tuto-s {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    color: white;
  }
  10% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    color: white;
  }
  20% {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    color: #fde51c;
  }
  100% {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    color: #fde51c;
  }
}
@-webkit-keyframes is-symbol {
  0% {
    color: white;
  }
  50% {
    color: white;
  }
  60% {
    color: #fde51c;
  }
  100% {
    color: #fde51c;
  }
}
@keyframes is-symbol {
  0% {
    color: white;
  }
  50% {
    color: white;
  }
  60% {
    color: #fde51c;
  }
  100% {
    color: #fde51c;
  }
}
/** Load theme defaults classes **/
/**
 * MESS Resets and defaults
 */
/**
 * Set defaults on every element
 * -----------------------------
 * Set padding, margin, box sizing and antialiasing on every element
 */
* {
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */
  margin: 0;
  padding: 0;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  font-smoothing: antialiased;
}
/**
 * Reset outline
 * -------------
 * Even if * is specified, we must also specify other elements
 * as some browsers (IE for instance) default styles & pseudo elements
 * are overriding the * statement
 */
a,
input,
button,
*,
a:focus,
input:focus,
button:focus,
*:focus,
a:active,
input:active,
button:active,
*:active,
a:link,
input:link,
button:link,
*:link,
a:visited,
input:visited,
button:visited,
*:visited,
a:hover,
input:hover,
button:hover,
*:hover {
  outline: none;
}
/**
 * Set font settings
 * -----------------
 * Set default font size & family
 * Default font size is calculated as a percentage, based on @font-size
 */
html {
  font-size: 75%;
}
html,
body {
  min-height: 100%;
}
body {
  position: relative;
  font-family: arial, sans-serif;
}
/**
 * Remove link text decoration
 */
a {
  text-decoration: none;
}
/** 
 * Tables
 */
table {
  width: 100%;
}
th,
td {
  padding: 14px;
}
tr.odd,
tr.even {
  background-color: transparent;
  border-bottom: 1px solid #e5e5e5;
  -webkit-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
}
thead {
  background-color: #f0f0f0;
  border-bottom: 1px solid #e5e5e5;
}
td,
th {
  border-bottom: 0;
}
td,
th,
td a,
th a {
  color: #626262;
}
img {
  width: auto;
  height: auto;
}
/** Load theme UI elements **/
html,
body {
  min-height: 100%;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #000;
  color: #ffffff;
  overflow: hidden;
  position: fixed;
  font-family: "HelveticaNeueLTPro", "宋体", SimSun, "华文细黑", STXihei, sans-serif;
  font-size: 5vw;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
}
.font-secondary {
  font-family: "Times Now", 'MKai2PRC', "宋体", SimSun, "华文细黑", STXihei, sans-serif;
  font-style: italic;
}
section.use-phone,
section.turn-phone {
  background-color: #000;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
section.use-phone .popup-inner,
section.turn-phone .popup-inner {
  background: rgba(0, 0, 0, 0.5);
}
section.use-phone .popup-inner .inner,
section.turn-phone .popup-inner .inner {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: #fff;
  text-shadow: -1px 0 1px #081437, 0 1px 1px #081437, 1px 0 1px #081437, 0 -1px 1px #081437, -1px 0 1px #081437, 0 1px 1px #081437, 1px 0 1px #081437, 0 -1px 1px #081437, -1px 0 1px #081437, 0 1px 1px #081437, 1px 0 1px #081437, 0 -1px 1px #081437, -1px 0 1px #081437;
  text-align: center;
  width: auto;
  height: auto;
  min-height: auto;
}
section.use-phone .popup-inner .inner .svg,
section.turn-phone .popup-inner .inner .svg {
  font-size: 18vw;
  margin-bottom: 3vw;
}
section.use-phone .popup-inner .inner .text,
section.turn-phone .popup-inner .inner .text {
  font-size: 16px;
  text-transform: uppercase;
}
@media only screen and (orientation: landscape) {
  section.turn-phone {
    opacity: 1;
    visibility: visible;
    z-index: 99;
  }
}
@media only screen and (min-width: 600px) and (min-height: 800px) {
  section.use-phone {
    opacity: 1;
    visibility: visible;
    z-index: 99;
  }
}
.iphone-x-nav {
  position: fixed;
  left: 50%;
  margin-left: -67px;
  bottom: 8px;
  width: 134px;
  height: 5px;
  background: black;
  border-radius: 5px;
  z-index: 99999;
}
button {
  background-color: transparent;
  border: none;
}
* {
  /* Chrome all / Safari all */
  /* Firefox all */
  /* IE 10+ */
  /* Likely future */
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  font-weight: normal;
}
input[type="phone"],
input[type="number"],
input[type="password"],
input[type="email"],
input[type="text"] {
  -webkit-touch-callout: initial;
  -webkit-user-select: initial;
  -khtml-user-select: initial;
  -moz-user-select: initial;
  -ms-user-select: initial;
}
body section {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  visibility: hidden;
  /* works for IE 5+. */
  filter: alpha(opacity=0);
  /* works for IE 8. */
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity-ie);
  /* works for old school versions of the Mozilla browsers like Netscape Navigator. */
  -moz-opacity: 0;
  /* This is for old versions of Safari (1.x) with KHTML rendering engine */
  -khtml-opacity: 0;
  /* This is the "most important" one because it's the current standard in CSS. This will work in most versions of Firefox, Safari, and Opera. */
  opacity: 0;
  -webkit-animation: 0.1s fadeIn;
          animation: 0.1s fadeIn;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
body section.active {
  visibility: visible;
  /* works for IE 5+. */
  filter: alpha(opacity=100);
  /* works for IE 8. */
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity-ie);
  /* works for old school versions of the Mozilla browsers like Netscape Navigator. */
  -moz-opacity: 1;
  /* This is for old versions of Safari (1.x) with KHTML rendering engine */
  -khtml-opacity: 1;
  /* This is the "most important" one because it's the current standard in CSS. This will work in most versions of Firefox, Safari, and Opera. */
  opacity: 1;
}
section {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}
section > div {
  height: 100%;
  overflow-y: scroll;
  overflow-x: hidden;
}
section > div > .inner {
  min-height: 165vw;
  position: relative;
  height: 100%;
}
/**** COMMON ELEMENTS ****/
.logo {
  font-size: 40.6vw;
  position: absolute;
  top: 9.375vw;
  left: 50%;
  margin-left: -20.3vw;
}
.iphone {
  margin: auto;
  overflow: hidden;
  width: 100vw;
  height: 100vh;
}
.iphone .screen,
.iphone .home {
  width: 100%;
  height: 100%;
  overflow: hidden;
  margin: 0 auto;
  position: relative;
}
.title {
  text-transform: uppercase;
  font-size: 4.6875vw;
  line-height: 6.875vw;
  position: absolute;
  left: 50%;
  width: 80vw;
  margin-left: -40vw;
  text-align: center;
  font-weight: 300;
}
.title span {
  color: #5465FF;
  font-family: "Times Now", 'MKai2PRC', "宋体", SimSun, "华文细黑", STXihei, sans-serif;
  font-style: italic;
  font-weight: 600;
}
.quizz .subtitle {
  text-transform: lowercase;
  color: #808080;
  font-size: 3.75vw;
  font-style: italic;
  position: absolute;
  left: 0;
  width: 100vw;
  text-align: center;
}
.button {
  font-size: 3.75vw;
  text-transform: uppercase;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.button:active {
  color: #b3b3b3;
}
.button:after {
  margin-left: 1.175vw;
  font-size: 2.9875vw;
}
.progress {
  position: absolute;
  bottom: 3vw;
  left: 0;
  width: 100%;
  width: 100vw;
}
.progress .bar {
  position: absolute;
  top: 0;
  left: 50%;
  width: 18.75vw;
  margin-left: -9.375vw;
  height: 0.625vw;
  background-color: #808080;
  border-radius: 1.875vw;
  overflow: hidden;
}
.progress .bar div {
  background-color: #ffffff;
  border-radius: 1.875vw;
  height: 100%;
}
.progress .label {
  line-height: 7.5vw;
  font-size: 2.5vw;
  color: #ffffff;
  text-align: center;
}
.progress .label span {
  color: #808080;
}
.stage-wrapper {
  opacity: 1;
  -webkit-transition: opacity 0.3s ease-in-out 0s;
  -o-transition: opacity 0.3s ease-in-out 0s;
  transition: opacity 0.3s ease-in-out 0s;
}
.has-popup .stage-wrapper {
  opacity: 0;
}
section.popup {
  background-color: transparent;
}
section.popup.active {
  height: 100%;
  z-index: 10;
  overflow: hidden;
  -webkit-transition: opacity 0.3s ease-in-out 0.2s;
  -o-transition: opacity 0.3s ease-in-out 0.2s;
  transition: opacity 0.3s ease-in-out 0.2s;
  opacity: 0;
}
section.popup.animating {
  opacity: 1;
}
section.popup .popup-inner {
  position: absolute;
  top: 25vw;
  left: 0;
  width: 100vw;
  height: 128vw;
  background-position: top center;
  background-size: cover;
  background-repeat: no-repeat;
  overflow-y: inherit;
}
section.popup .title {
  text-transform: inherit;
}
.stage {
  position: absolute;
  top: 12.2%;
  left: 0;
  width: 100vw;
  height: 137.5vw;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.dump {
  position: absolute;
  top: 0;
  background: black;
}
/**** START ****/
.video-wrapper .button,
.video-wrapper-2 .button {
  z-index: 2;
}
.video-wrapper .video,
.video-wrapper-2 .video {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: fixed;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
}
.video-wrapper .video video,
.video-wrapper-2 .video video {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.spinner {
  width: 100%;
  margin: auto;
  text-align: center;
}
.spinner > div {
  width: 8px;
  height: 8px;
  background-color: #fff;
  margin: 0 4px;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}
.spinner > div.bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.spinner > div.bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
/**** Animations ****/
@-webkit-keyframes ap-pulse {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(4);
            transform: scale(4);
    opacity: 0;
  }
}
@keyframes ap-pulse {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(4);
            transform: scale(4);
    opacity: 0;
  }
}
@-webkit-keyframes balance {
  /*d'un angle de 30degres*/
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  /*en passant a un angle de 40degres*/
  50% {
    -webkit-transform: rotate(10deg);
            transform: rotate(10deg);
  }
  /*et en finissant par un angle a 30degres*/
  to {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
@keyframes balance {
  /*d'un angle de 30degres*/
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  /*en passant a un angle de 40degres*/
  50% {
    -webkit-transform: rotate(10deg);
            transform: rotate(10deg);
  }
  /*et en finissant par un angle a 30degres*/
  to {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
@-webkit-keyframes mass {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  45% {
    -webkit-transform: rotate(420deg);
            transform: rotate(420deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes mass {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  45% {
    -webkit-transform: rotate(420deg);
            transform: rotate(420deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes turn {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes turn {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes sk-bouncedelay {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes sk-bouncedelay {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes dot {
  from {
    height: 3vw;
    width: 3vw;
    opacity: 1;
  }
  to {
    height: 18.75vw;
    width: 18.75vw;
    opacity: 0;
  }
}
@keyframes dot {
  from {
    height: 3vw;
    width: 3vw;
    opacity: 1;
  }
  to {
    height: 18.75vw;
    width: 18.75vw;
    opacity: 0;
  }
}
/** Load games styles **/
section {
  background-color: #000;
}
section.preload {
  opacity: 0.01;
  visibility: visible;
}
section.preload img {
  width: 10%;
}
/**** COOKIES ****/
.cookies-popup {
  position: absolute;
  left: 5.625vw;
  right: 5.625vw;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  border: 1px solid #AB9257;
  padding: 4.375vw;
  text-align: center;
}
.cookies-popup .title {
  font-size: 6.25vw;
  position: relative;
  margin-bottom: 6.875vw;
  font-family: "Times Now", 'MKai2PRC', "宋体", SimSun, "华文细黑", STXihei, sans-serif;
  text-transform: inherit;
  font-style: italic;
}
.cookies-popup .text {
  font-size: 3.75vw;
  margin: 0 5.625vw;
}
.cookies-popup .actions {
  margin-top: 7.5vw;
}
.cookies-popup .cta {
  display: inline-block;
  width: 46%;
  margin-right: 8%;
  padding-top: 6px;
  padding-bottom: 6px;
  color: #fff;
  font-size: 3.325vw;
  font-family: "Times Now", 'MKai2PRC', "宋体", SimSun, "华文细黑", STXihei, sans-serif;
  font-style: italic;
  font-weight: 600;
  text-transform: uppercase;
  border: 1px solid;
  cursor: pointer;
  -webkit-border-image: -webkit-gradient(linear, left top, left bottom, from(#646464), to(rgba(255, 255, 255, 0))) 1;
  -webkit-border-image: -webkit-linear-gradient(top, #646464, rgba(255, 255, 255, 0)) 1;
       -o-border-image: -o-linear-gradient(top, #646464, rgba(255, 255, 255, 0)) 1;
          border-image: -webkit-gradient(linear, left top, left bottom, from(#646464), to(rgba(255, 255, 255, 0))) 1;
          border-image: linear-gradient(180deg, #646464, rgba(255, 255, 255, 0)) 1;
}
.cookies-popup .cta-accept {
  border: none;
  background-color: #AB9257;
  margin-right: 0;
}
.cookies-popup a {
  color: #fff;
  text-decoration: underline;
}
/**** LOADER ****/
.loader .text {
  text-align: center;
  font-size: 3.75vw;
  text-transform: uppercase;
  position: absolute;
  top: 85vw;
  left: 0;
  width: 100%;
}
.loader .spinner {
  position: absolute;
  top: 76vw;
  left: 0;
}
.start .background {
  position: absolute;
  top: 55%;
  left: 50%;
  height: 90vw;
  width: 69.375vw;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-image: url(../assets/source/backgrounds/start.jpg);
  background-size: contain;
  background-position: center;
  opacity: 1;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.start .button {
  position: absolute;
  top: 55%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  opacity: 1;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  width: 70vw;
  text-align: center;
  padding: 4vw 8vw;
}
.start .logo {
  opacity: 1;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.start .playing .button,
.start .playing .background,
.start .playing .logo {
  opacity: 0;
  pointer-events: none;
}
/**** GAME 1 ****/
.quizz-1 .title {
  top: 18%;
}
.quizz-1 .subtitle {
  top: 28%;
}
.quizz-1 .dot {
  width: 1.5625vw;
  height: 1.5625vw;
  border-radius: 100%;
  background-color: #fff;
  position: absolute;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.quizz-1 .dot.pulse {
  -webkit-animation: ap-pulse 3s ease 0s infinite;
          animation: ap-pulse 3s ease 0s infinite;
}
.quizz-1 .answer {
  font-family: "Times Now", 'MKai2PRC', "宋体", SimSun, "华文细黑", STXihei, sans-serif;
  font-style: italic;
  position: absolute;
  font-size: 4.375vw;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.quizz-1 .svg {
  position: absolute;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.quizz-1 .clickable {
  position: absolute;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.quizz-1 .answer-1 .dot {
  top: 126.5625vw;
  left: 21.5625vw;
}
.quizz-1 .answer-1 .answer {
  top: 132.8125vw;
  left: 22.5vw;
}
.quizz-1 .answer-1 .svg {
  top: 106.875vw;
  left: 20.625vw;
  font-size: 18.56875vw;
}
.quizz-1 .answer-1 .clickable {
  top: 111.075vw;
  left: 18.5vw;
  height: 28.2vw;
  width: 19.2vw;
}
.quizz-1 .answer-2 .dot {
  top: 100.625vw;
  left: 30.625vw;
}
.quizz-1 .answer-2 .answer {
  top: 94.375vw;
  left: 27.8125vw;
}
.quizz-1 .answer-2 .svg {
  top: 102.8125vw;
  left: 27.8125vw;
  font-size: 19.375vw;
}
.quizz-1 .answer-2 .clickable {
  top: 94.075vw;
  left: 26.5vw;
  height: 16.2vw;
  width: 22.2vw;
}
.quizz-1 .answer-3 .dot {
  top: 101.25vw;
  left: 62.1875vw;
}
.quizz-1 .answer-3 .answer {
  top: 103.125vw;
  left: 58.4375vw;
}
.quizz-1 .answer-3 .svg {
  top: 82.8125vw;
  left: 65.9375vw;
  font-size: 19.903125vw;
}
.quizz-1 .answer-3 .clickable {
  top: 81.875vw;
  left: 57.5vw;
  width: 21.875vw;
  height: 26.5625vw;
}
.quizz-1 .next {
  position: absolute;
  top: 152.5vw;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  opacity: 0;
  pointer-events: none;
}
.quizz-1.finished .next {
  opacity: 1;
  pointer-events: all;
}
.quizz-1.finished .answer-2 .dot {
  background: #5465FF;
}
.quizz-1.finished .answer-2 .answer {
  color: #5465FF;
}
.quizz-1.finished .answer-2 .svg {
  color: #5465FF;
}
.quizz-1 .background {
  height: 119.0625vw;
  width: 100vw;
  background-image: url(../assets/source/backgrounds/quizz-1.png);
  background-size: cover;
  background-position: center;
  position: absolute;
  top: 31.5625vw;
  left: 0;
}
section.popup .game1-success {
  background-image: url(../assets/source/backgrounds/quizz-1-popup.png);
  text-align: center;
}
section.popup .game1-success .title {
  margin-top: 16.1875vw;
  margin-bottom: 10vw;
}
section.popup .game1-success .title,
section.popup .game1-success .subtitle {
  font-family: "Times Now", 'MKai2PRC', "宋体", SimSun, "华文细黑", STXihei, sans-serif;
  font-style: italic;
  font-weight: 600;
  font-size: 6.25vw;
  line-height: 7.1875vw;
  position: relative;
  top: 0;
}
section.popup .game1-success .subtitle {
  font-weight: 400;
  text-transform: inherit;
  color: inherit;
}
section.popup .game1-success .text {
  margin: 3.125vw 11.875vw 0;
  text-align: left;
  font-weight: 300;
  font-size: 3.4375vw;
  line-height: 5vw;
}
section.popup .game1-success .button {
  margin-top: 9.375vw;
  position: static;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  opacity: 1;
  pointer-events: all;
}
/**** GAME 2 ****/
.quizz-2 .title {
  top: 127.3125vw;
}
.quizz-2 .subtitle {
  top: 119.5625vw;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.quizz-2 .video-wrapper.playing .video {
  z-index: 20;
}
.quizz-2 .swiper {
  position: absolute;
  top: 35.625vw;
  width: 100vw;
}
.quizz-2 .swiper:before {
  content: '';
  display: block;
  z-index: 3;
  position: absolute;
  height: 100%;
  width: 40vw;
  left: 0;
  top: 0;
  background: -webkit-gradient(linear, left top, right top, from(#000000), to(rgba(0, 0, 0, 0)));
  background: -webkit-linear-gradient(left, #000000 0%, rgba(0, 0, 0, 0) 100%);
  background: -o-linear-gradient(left, #000000 0%, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(90deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
  pointer-events: none;
}
.quizz-2 .swiper:after {
  content: '';
  display: block;
  z-index: 3;
  position: absolute;
  height: 100%;
  width: 40vw;
  right: 0;
  top: 0;
  background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), to(#000000));
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, #000000 100%);
  background: -o-linear-gradient(left, rgba(0, 0, 0, 0) 0%, #000000 100%);
  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
  pointer-events: none;
}
.quizz-2 .swiper .swiper-nav {
  position: absolute;
  top: 34.375vw;
  width: 28.125vw;
  margin-left: -14.0625vw;
  left: 50%;
  height: 0.9375vw;
  border: 1px solid #ffffff;
  border-radius: 1.875vw;
  overflow: hidden;
}
.quizz-2 .swiper .swiper-nav div {
  width: 33.33%;
}
.quizz-2 .swiper .swiper-wrapper {
  height: 100%;
  position: relative;
}
.quizz-2 .swiper .swiper-wrapper .swiper-slide {
  height: 75vw;
}
.quizz-2 .swiper .swiper-wrapper .swiper-slide div {
  height: 100%;
}
.quizz-2 .swiper .swiper-wrapper .swiper-slide div:before {
  position: absolute;
  -webkit-transform: translate(-50%, -50%) scale(0.85);
      -ms-transform: translate(-50%, -50%) scale(0.85);
          transform: translate(-50%, -50%) scale(0.85);
  top: 50%;
  left: 50%;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.quizz-2 .swiper .swiper-wrapper .swiper-slide.swiper-slide-prev,
.quizz-2 .swiper .swiper-wrapper .swiper-slide.swiper-slide-next {
  z-index: 2;
}
.quizz-2 .swiper .swiper-wrapper .swiper-slide.swiper-slide-prev div:before,
.quizz-2 .swiper .swiper-wrapper .swiper-slide.swiper-slide-next div:before {
  -webkit-transform: translate(-50%, -50%) scale(0.85);
      -ms-transform: translate(-50%, -50%) scale(0.85);
          transform: translate(-50%, -50%) scale(0.85);
  opacity: 0.5;
}
.quizz-2 .swiper .swiper-wrapper .swiper-slide.swiper-slide-next div:before {
  -webkit-transform: translate(-50%, -50%) scale(0.85);
      -ms-transform: translate(-50%, -50%) scale(0.85);
          transform: translate(-50%, -50%) scale(0.85);
}
.quizz-2 .swiper .swiper-wrapper .swiper-slide.swiper-slide-active {
  z-index: 4;
}
.quizz-2 .swiper .swiper-wrapper .swiper-slide.swiper-slide-active div:before {
  -webkit-transform: translate(-50%, -50%) scale(1);
      -ms-transform: translate(-50%, -50%) scale(1);
          transform: translate(-50%, -50%) scale(1);
}
.quizz-2 .next {
  position: absolute;
  top: 122.5vw;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  opacity: 0;
  pointer-events: none;
}
.quizz-2.finished .next {
  opacity: 1;
  pointer-events: all;
}
.quizz-2.finished .subtitle {
  opacity: 0;
}
.quizz-2.finished .highlight {
  -webkit-transition: border-image 0.3s ease-in-out 0s;
  -o-transition: border-image 0.3s ease-in-out 0s;
  -webkit-transition: -webkit-border-image 0.3s ease-in-out 0s;
  transition: -webkit-border-image 0.3s ease-in-out 0s;
  -o-transition: -o-border-image 0.3s ease-in-out 0s;
  transition: border-image 0.3s ease-in-out 0s;
  transition: border-image 0.3s ease-in-out 0s, -webkit-border-image 0.3s ease-in-out 0s, -o-border-image 0.3s ease-in-out 0s;
}
.quizz-2.finished .highlight:before {
  -webkit-border-image: -webkit-gradient(linear, left top, left bottom, from(rgba(84, 101, 255, 0)), to(#5465FF)) 1;
  -webkit-border-image: -webkit-linear-gradient(top, rgba(84, 101, 255, 0), #5465FF 100%) 1;
       -o-border-image: -o-linear-gradient(top, rgba(84, 101, 255, 0), #5465FF 100%) 1;
          border-image: -webkit-gradient(linear, left top, left bottom, from(rgba(84, 101, 255, 0)), to(#5465FF)) 1;
          border-image: linear-gradient(180deg, rgba(84, 101, 255, 0), #5465FF 100%) 1;
}
.quizz-2 .highlight {
  position: absolute;
  width: 43.75vw;
  height: 75vw;
  left: 28.125vw;
  top: 35.625vw;
  z-index: 1;
  pointer-events: none;
  border: 1px solid #fff;
  -webkit-transition: border-image 0.3s ease-in-out 0s;
  -o-transition: border-image 0.3s ease-in-out 0s;
  -webkit-transition: -webkit-border-image 0.3s ease-in-out 0s;
  transition: -webkit-border-image 0.3s ease-in-out 0s;
  -o-transition: -o-border-image 0.3s ease-in-out 0s;
  transition: border-image 0.3s ease-in-out 0s;
  transition: border-image 0.3s ease-in-out 0s, -webkit-border-image 0.3s ease-in-out 0s, -o-border-image 0.3s ease-in-out 0s;
}
.quizz-2 .highlight:before {
  content: '';
  pointer-events: none;
  position: absolute;
  top: -4px;
  left: -4px;
  right: -4px;
  bottom: -4px;
  border: 1px solid;
  -webkit-transition: border-image 0.3s ease-in-out 0s;
  -o-transition: border-image 0.3s ease-in-out 0s;
  -webkit-transition: -webkit-border-image 0.3s ease-in-out 0s;
  transition: -webkit-border-image 0.3s ease-in-out 0s;
  -o-transition: -o-border-image 0.3s ease-in-out 0s;
  transition: border-image 0.3s ease-in-out 0s;
  transition: border-image 0.3s ease-in-out 0s, -webkit-border-image 0.3s ease-in-out 0s, -o-border-image 0.3s ease-in-out 0s;
  -webkit-border-image: -webkit-gradient(linear, left top, left bottom, from(#000), to(#000)) 1;
  -webkit-border-image: -webkit-linear-gradient(top, #000, #000) 1;
       -o-border-image: -o-linear-gradient(top, #000, #000) 1;
          border-image: -webkit-gradient(linear, left top, left bottom, from(#000), to(#000)) 1;
          border-image: linear-gradient(180deg, #000, #000) 1;
}
section.popup .game2-success {
  background-image: url(../assets/source/backgrounds/quizz-2-popup.png);
  text-align: center;
}
section.popup .game2-success .title {
  margin-top: 26.6875vw;
  margin-bottom: 6.25vw;
  position: relative;
  font-family: "Times Now", 'MKai2PRC', "宋体", SimSun, "华文细黑", STXihei, sans-serif;
  font-style: italic;
  font-weight: 600;
  font-size: 6.25vw;
  line-height: 7.1875vw;
  top: 0;
}
section.popup .game2-success .text {
  margin: 3.125vw 12.5625vw 0 16.5625vw;
  text-align: left;
  font-weight: 300;
  font-size: 3.4375vw;
  line-height: 5vw;
}
section.popup .game2-success .button {
  margin-top: 9.375vw;
  top: 0;
  opacity: 1;
  position: relative;
  left: 0;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  pointer-events: all;
}
/**** GAME 3 ****/
section > .quizz-3 > .inner {
  min-height: 168vw;
}
section > .quizz-3 .title {
  top: 30vw;
}
section > .quizz-3 .subtitle {
  top: 52.75vw;
}
section > .quizz-3 .clickable {
  position: absolute;
}
section > .quizz-3 .icon-gerald,
section > .quizz-3 .icon-jaqueline,
section > .quizz-3 .icon-georges {
  pointer-events: none;
}
section > .quizz-3 .text {
  position: absolute;
  font-family: "Times Now", 'MKai2PRC', "宋体", SimSun, "华文细黑", STXihei, sans-serif;
  font-size: 3.75vw;
  line-height: 4.6875vw;
  text-transform: uppercase;
  font-style: italic;
}
section > .quizz-3 .stage-wrapper .text {
  border: 1px solid;
  -webkit-border-image: -webkit-gradient(linear, left top, left bottom, from(#646464), to(rgba(255, 255, 255, 0))) 1;
  -webkit-border-image: -webkit-linear-gradient(top, #646464, rgba(255, 255, 255, 0)) 1;
       -o-border-image: -o-linear-gradient(top, #646464, rgba(255, 255, 255, 0)) 1;
          border-image: -webkit-gradient(linear, left top, left bottom, from(#646464), to(rgba(255, 255, 255, 0))) 1;
          border-image: linear-gradient(180deg, #646464, rgba(255, 255, 255, 0)) 1;
  padding: 1vw 2vw;
  font-weight: 600;
}
section > .quizz-3 .person-georges .icon {
  position: absolute;
  top: 44.3%;
  left: 7.5vw;
}
section > .quizz-3 .person-georges .text {
  top: 67.5%;
  left: 9.5vw;
}
section > .quizz-3 .person-georges .clickable {
  height: 50vw;
  width: 32vw;
  top: 44%;
  left: 6vw;
  z-index: 1;
}
section > .quizz-3 .person-jaqueline .icon {
  position: absolute;
  top: 45%;
  left: 54.375vw;
}
section > .quizz-3 .person-jaqueline .text {
  top: 67.7%;
  left: 69.1875vw;
}
section > .quizz-3 .person-jaqueline .clickable {
  height: 48vw;
  width: 37vw;
  top: 44.7%;
  left: 59vw;
  z-index: 1;
}
section > .quizz-3 .person-gerald .icon {
  position: absolute;
  top: 58.5%;
  left: 25vw;
}
section > .quizz-3 .person-gerald .text {
  top: 84.3%;
  left: 34.5vw;
}
section > .quizz-3 .person-gerald .clickable {
  height: 50vw;
  width: 48vw;
  top: 59%;
  left: 24vw;
  border-radius: 110% 110% 0 0;
}
section > .quizz-3 .person-all .text {
  top: 38.7%;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  padding: 7px 10px;
  width: 27vw;
  text-align: center;
}
section.popup .game3-success {
  background-image: url(../assets/source/backgrounds/quizz-3-popup.png);
  text-align: center;
}
section.popup .game3-success .title {
  margin-top: 34.6875vw;
  margin-bottom: 3.25vw;
  position: relative;
  font-family: "Times Now", 'MKai2PRC', "宋体", SimSun, "华文细黑", STXihei, sans-serif;
  font-style: italic;
  font-weight: 600;
  font-size: 6.25vw;
  line-height: 7.1875vw;
  top: 0;
}
section.popup .game3-success .text {
  margin: 0 11.5625vw 0;
  text-align: left;
  font-weight: 300;
  font-size: 3.4375vw;
  line-height: 5vw;
  text-transform: inherit;
  font-family: inherit;
  font-style: inherit;
  position: relative;
}
section.popup .game3-success .button {
  margin-top: 6.8vw;
}
/**** GAME 4 ****/
.quizz-4 .icon-puzzle-center {
  position: absolute;
  top: 12.1875vw;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-transition: opacity 0.3s ease-in-out 0s;
  -o-transition: opacity 0.3s ease-in-out 0s;
  transition: opacity 0.3s ease-in-out 0s;
  opacity: 1;
}
.quizz-4 .icon-puzzle-center.active {
  opacity: 0;
}
.quizz-4 .icon-puzzle-confetti {
  position: absolute;
  top: 15.625vw;
  left: 8.75vw;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.finished.quizz-4 .icon-puzzle-confetti {
  opacity: 1;
}
.quizz-4 .icon-puzzle-1-large,
.quizz-4 .icon-puzzle-2-large,
.quizz-4 .icon-puzzle-3-large,
.quizz-4 .icon-puzzle-4-large,
.quizz-4 .icon-puzzle-5-large,
.quizz-4 .icon-puzzle-6-large,
.quizz-4 .icon-puzzle-7-large {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-in-out 0s;
  -o-transition: opacity 0.3s ease-in-out 0s;
  transition: opacity 0.3s ease-in-out 0s;
}
.quizz-4 .icon-puzzle-1-large.semi-active,
.quizz-4 .icon-puzzle-2-large.semi-active,
.quizz-4 .icon-puzzle-3-large.semi-active,
.quizz-4 .icon-puzzle-4-large.semi-active,
.quizz-4 .icon-puzzle-5-large.semi-active,
.quizz-4 .icon-puzzle-6-large.semi-active,
.quizz-4 .icon-puzzle-7-large.semi-active {
  opacity: 0.2;
}
.quizz-4 .icon-puzzle-1-large.active,
.quizz-4 .icon-puzzle-2-large.active,
.quizz-4 .icon-puzzle-3-large.active,
.quizz-4 .icon-puzzle-4-large.active,
.quizz-4 .icon-puzzle-5-large.active,
.quizz-4 .icon-puzzle-6-large.active,
.quizz-4 .icon-puzzle-7-large.active {
  opacity: 1;
}
.quizz-4 .selector {
  position: absolute;
  top: 86.25vw;
  left: 0;
  width: 100vw;
  height: 13.75vw;
}
.quizz-4 .icon-puzzle-1,
.quizz-4 .icon-puzzle-2,
.quizz-4 .icon-puzzle-3,
.quizz-4 .icon-puzzle-4,
.quizz-4 .icon-puzzle-5,
.quizz-4 .icon-puzzle-6,
.quizz-4 .icon-puzzle-7 {
  position: absolute !important;
  top: 0;
  opacity: 0.3;
  -webkit-transition: opacity 0.3s ease-in-out 0s;
  -o-transition: opacity 0.3s ease-in-out 0s;
  transition: opacity 0.3s ease-in-out 0s;
}
.quizz-4 .icon-puzzle-1.active,
.quizz-4 .icon-puzzle-2.active,
.quizz-4 .icon-puzzle-3.active,
.quizz-4 .icon-puzzle-4.active,
.quizz-4 .icon-puzzle-5.active,
.quizz-4 .icon-puzzle-6.active,
.quizz-4 .icon-puzzle-7.active {
  opacity: 1;
}
.quizz-4 .icon-puzzle-1 {
  left: 45.625vw;
}
.quizz-4 .icon-puzzle-2 {
  top: 1.5625vw;
  left: 32.1875vw;
}
.quizz-4 .icon-puzzle-3 {
  top: 2.1875vw;
  left: 69.6875vw;
}
.quizz-4 .icon-puzzle-4 {
  top: 2.1875vw;
  left: 8.4375vw;
}
.quizz-4 .icon-puzzle-5 {
  top: 1.25vw;
  left: 57.8125vw;
}
.quizz-4 .icon-puzzle-6 {
  top: 2.5vw;
  left: 20.3125vw;
}
.quizz-4 .icon-puzzle-7 {
  top: 2.5vw;
  left: 81.25vw;
}
.quizz-4 .underline {
  position: absolute;
  bottom: 0;
  height: 1px;
  width: 8.75vw;
  background: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, 0)), color-stop(50.52%, #FFFFFF), to(rgba(255, 255, 255, 0)));
  background: -webkit-linear-gradient(right, rgba(255, 255, 255, 0) 0%, #FFFFFF 50.52%, rgba(255, 255, 255, 0) 100%);
  background: -o-linear-gradient(right, rgba(255, 255, 255, 0) 0%, #FFFFFF 50.52%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 50.52%, rgba(255, 255, 255, 0) 100%);
  -webkit-transition: left 0.3s ease-in-out 0s;
  -o-transition: left 0.3s ease-in-out 0s;
  transition: left 0.3s ease-in-out 0s;
}
.quizz-4 .underline.pos-1 {
  left: 45.625vw;
}
.quizz-4 .underline.pos-2 {
  left: 32.1875vw;
}
.quizz-4 .underline.pos-3 {
  left: 69.0625vw;
}
.quizz-4 .underline.pos-4 {
  left: 7.925vw;
}
.quizz-4 .underline.pos-5 {
  left: 58.125vw;
}
.quizz-4 .underline.pos-6 {
  left: 19.2625vw;
}
.quizz-4 .underline.pos-7 {
  left: 84.375vw;
}
.quizz-4 .title {
  top: 78.2%;
  -webkit-transition: opacity 0.3s ease-in-out 0s;
  -o-transition: opacity 0.3s ease-in-out 0s;
  transition: opacity 0.3s ease-in-out 0s;
  width: 84.6vw;
  margin-left: -42.3vw;
}
.quizz-4 .title.secondary {
  -webkit-transition: opacity 0.3s ease-in-out 0s;
  -o-transition: opacity 0.3s ease-in-out 0s;
  transition: opacity 0.3s ease-in-out 0s;
  top: 66%;
  opacity: 0;
  pointer-events: none;
}
.quizz-4 .text {
  -webkit-transition: opacity 0.3s ease-in-out 0s;
  -o-transition: opacity 0.3s ease-in-out 0s;
  transition: opacity 0.3s ease-in-out 0s;
  position: absolute;
  opacity: 0;
  top: 72%;
  margin: 0 10.625vw 0;
  text-align: center;
  font-weight: 300;
  font-size: 3.4375vw;
  line-height: 5vw;
}
.quizz-4 .next {
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-in-out 0s;
  -o-transition: opacity 0.3s ease-in-out 0s;
  transition: opacity 0.3s ease-in-out 0s;
  top: 89.3%;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  pointer-events: none;
}
.quizz-4.finished .title {
  opacity: 0;
}
.quizz-4.finished .title.secondary {
  opacity: 1;
}
.quizz-4.finished .text {
  opacity: 1;
}
.quizz-4.finished .next {
  opacity: 1;
  pointer-events: all;
}
.quizz-4 .video-wrapper.playing .video {
  z-index: 20;
}
/**** GAME 5 ****/
section > .quizz-5 > .inner {
  min-height: 168vw;
}
section > .quizz-5 .logo {
  z-index: 4;
}
section > .quizz-5 .calibre {
  opacity: 1;
  -webkit-transition: opacity 0.5s ease-in-out 0s;
  -o-transition: opacity 0.5s ease-in-out 0s;
  transition: opacity 0.5s ease-in-out 0s;
}
section > .quizz-5.show-popup .calibre {
  display: none;
}
section > .quizz-5 .icon-calibre {
  position: absolute;
  top: 9vw;
  left: 9.375vw;
}
section > .quizz-5 .icon-calibre-confetti {
  position: absolute;
  top: 11.6vw;
  left: 0;
  opacity: 0;
}
section > .quizz-5 .icon-calibre-mass {
  position: absolute !important;
  top: 32.9vw;
  left: 9.6875vw;
  z-index: 1;
}
section > .quizz-5 .icon-calibre-mass.active {
  top: 9vw;
  left: 9.575vw;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
section > .quizz-5 .icon-calibre-mass.balancing {
  -webkit-animation: balance 3s ease infinite;
          animation: balance 3s ease infinite;
}
section > .quizz-5 .icon-calibre-mass.turn {
  -webkit-animation: mass 3s ease 1;
          animation: mass 3s ease 1;
}
section > .quizz-5 .icon-calibre-turn {
  position: absolute;
  top: 7.7vw;
  left: 7.8125vw;
  -webkit-animation: turn 30s linear infinite;
          animation: turn 30s linear infinite;
  opacity: 0;
  -webkit-transition: opacity 0.5s ease-in-out 0s;
  -o-transition: opacity 0.5s ease-in-out 0s;
  transition: opacity 0.5s ease-in-out 0s;
}
section > .quizz-5 .icon-calibre-turn.active {
  opacity: 1;
}
section > .quizz-5 .droppable-area {
  height: 9.5vw;
  width: 9.5vw;
  position: absolute;
  background-color: #ecc990;
  top: 43.5%;
  left: 44.3%;
  border-radius: 100%;
  opacity: 0;
  -webkit-box-shadow: 0 0 10px 5px #ecc990;
          box-shadow: 0 0 10px 5px #ecc990;
  -webkit-transition: opacity 0.3s ease-in-out 0s;
  -o-transition: opacity 0.3s ease-in-out 0s;
  transition: opacity 0.3s ease-in-out 0s;
}
section > .quizz-5 .droppable-area.semi-active {
  opacity: 0.8;
}
section > .quizz-5 .title {
  -webkit-transition: opacity 0.3s ease-in-out 0s;
  -o-transition: opacity 0.3s ease-in-out 0s;
  transition: opacity 0.3s ease-in-out 0s;
  top: 80%;
}
section > .quizz-5 .subtitle {
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-in-out 0s;
  -o-transition: opacity 0.3s ease-in-out 0s;
  transition: opacity 0.3s ease-in-out 0s;
  top: 71%;
}
section > .quizz-5 .subtitle.active {
  opacity: 1;
}
section > .quizz-5 .title.secondary {
  opacity: 0;
  top: 92vw;
  -webkit-transition: opacity 0.3s ease-in-out 0s;
  -o-transition: opacity 0.3s ease-in-out 0s;
  transition: opacity 0.3s ease-in-out 0s;
}
section > .quizz-5 .text {
  -webkit-transition: opacity 0.3s ease-in-out 0s;
  -o-transition: opacity 0.3s ease-in-out 0s;
  transition: opacity 0.3s ease-in-out 0s;
  position: absolute;
  opacity: 0;
  top: 101vw;
  margin: 0 10.625vw 0;
  text-align: center;
  font-weight: 300;
  font-size: 3.4375vw;
  line-height: 5vw;
}
section > .quizz-5 .next {
  opacity: 0;
  top: 120vw;
  -webkit-transition: opacity 0.3s ease-in-out 0s;
  -o-transition: opacity 0.3s ease-in-out 0s;
  transition: opacity 0.3s ease-in-out 0s;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  pointer-events: none;
}
section > .quizz-5.finished .title,
section > .quizz-5.finished .subtitle.active {
  opacity: 0;
}
section > .quizz-5.finished .text,
section > .quizz-5.finished .next,
section > .quizz-5.finished .title.secondary {
  opacity: 1;
  pointer-events: all;
}
section > .quizz-5.finished .icon-calibre-confetti {
  opacity: 1;
}
section > .quizz-5 .video-wrapper,
section > .quizz-5 .video-wrapper-2 {
  display: none;
  -webkit-transition: opacity 0.5s ease-in-out 0s;
  -o-transition: opacity 0.5s ease-in-out 0s;
  transition: opacity 0.5s ease-in-out 0s;
}
section > .quizz-5 .playing.video-wrapper .button {
  display: block;
  top: 88%;
}
section > .quizz-5 .progress {
  z-index: 2;
}
section > .quizz-5 .video-wrapper:before {
  content: '';
  display: block;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.74)), color-stop(42.19%, rgba(0, 0, 0, 0)), color-stop(82.81%, rgba(0, 0, 0, 0.77)));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.74) 0%, rgba(0, 0, 0, 0) 42.19%, rgba(0, 0, 0, 0.77) 82.81%);
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.74) 0%, rgba(0, 0, 0, 0) 42.19%, rgba(0, 0, 0, 0.77) 82.81%);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.74) 0%, rgba(0, 0, 0, 0) 42.19%, rgba(0, 0, 0, 0.77) 82.81%);
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
section > .quizz-5 .video-wrapper .button {
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-in-out 0s;
  -o-transition: opacity 0.3s ease-in-out 0s;
  transition: opacity 0.3s ease-in-out 0s;
  pointer-events: none;
}
section > .quizz-5 .video-wrapper-2 .video {
  z-index: 10;
}
section > .quizz-5.play-video .calibre.active {
  opacity: 0;
}
section > .quizz-5.play-video .video-wrapper {
  display: block;
  opacity: 1;
  position: fixed;
  height: 100%;
  width: 100%;
  z-index: 3;
}
section > .quizz-5.play-video-2 .calibre.active {
  opacity: 0;
}
section > .quizz-5.play-video-2 .video-wrapper-2 {
  display: block;
  opacity: 1;
  z-index: 10;
}
section.popup .game5-success {
  background-image: url(../assets/source/backgrounds/quizz-5-popup.png);
  text-align: center;
}
section.popup .game5-success .title {
  margin-top: 34.6875vw;
  margin-bottom: 6.25vw;
  position: relative;
  font-family: "Times Now", 'MKai2PRC', "宋体", SimSun, "华文细黑", STXihei, sans-serif;
  font-style: italic;
  font-weight: 600;
  font-size: 6.25vw;
  line-height: 7.1875vw;
}
section.popup .game5-success .text {
  margin: 3.125vw 11.5625vw 0;
  text-align: left;
  font-weight: 300;
  font-size: 3.4375vw;
  line-height: 5vw;
}
section.popup .game5-success .button {
  margin-top: 9.375vw;
}
/**** GAME 6 ****/
.quizz-6 .logo {
  z-index: 1;
}
.quizz-6 .panorama {
  overflow-x: scroll;
  overflow-y: hidden;
  position: absolute;
  height: 100%;
  width: 100%;
  scroll-behavior: smooth;
}
.quizz-6 .panorama .button {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: #000;
  width: 63vw;
  padding: 10px 0 10px 4px;
  text-align: center;
  border: 1px solid;
  -webkit-border-image: -webkit-gradient(linear, left bottom, left top, color-stop(9.9%, #FFFFFF), color-stop(50%, #FFFFFF), to(rgba(255, 255, 255, 0))) 1;
  -webkit-border-image: -webkit-linear-gradient(bottom, #FFFFFF 9.9%, #FFFFFF 50%, rgba(255, 255, 255, 0) 100%) 1;
       -o-border-image: -o-linear-gradient(bottom, #FFFFFF 9.9%, #FFFFFF 50%, rgba(255, 255, 255, 0) 100%) 1;
          border-image: -webkit-gradient(linear, left bottom, left top, color-stop(9.9%, #FFFFFF), color-stop(50%, #FFFFFF), to(rgba(255, 255, 255, 0))) 1;
          border-image: linear-gradient(0deg, #FFFFFF 9.9%, #FFFFFF 50%, rgba(255, 255, 255, 0) 100%) 1;
}
.quizz-6 .panorama .inner {
  background-image: url(../assets/source/backgrounds/panorama.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}
.quizz-6 .panorama .inner img {
  height: 100%;
  opacity: 0;
}
.quizz-6 .title {
  position: absolute;
  top: 25vw;
  width: auto;
  font-size: 3.75vw;
  background: #000;
  text-transform: uppercase;
  margin-left: 0;
  border: 1px solid;
  -webkit-border-image: -webkit-gradient(linear, left bottom, left top, color-stop(9.9%, #FFFFFF), color-stop(50%, #FFFFFF), to(rgba(255, 255, 255, 0))) 1;
  -webkit-border-image: -webkit-linear-gradient(bottom, #FFFFFF 9.9%, #FFFFFF 50%, rgba(255, 255, 255, 0) 100%) 1;
       -o-border-image: -o-linear-gradient(bottom, #FFFFFF 9.9%, #FFFFFF 50%, rgba(255, 255, 255, 0) 100%) 1;
          border-image: -webkit-gradient(linear, left bottom, left top, color-stop(9.9%, #FFFFFF), color-stop(50%, #FFFFFF), to(rgba(255, 255, 255, 0))) 1;
          border-image: linear-gradient(0deg, #FFFFFF 9.9%, #FFFFFF 50%, rgba(255, 255, 255, 0) 100%) 1;
  z-index: 2;
  line-height: 4.6875vw;
  padding: 7px 13px 7px 7px;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 80vw;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-in-out 0s;
  -o-transition: opacity 0.3s ease-in-out 0s;
  transition: opacity 0.3s ease-in-out 0s;
}
.quizz-6 .title.title1 {
  width: 86vw;
}
.quizz-6 .title span {
  color: #fff;
  margin-right: 10px;
}
.quizz-6 .title.active {
  opacity: 1;
}
.quizz-6 .dot-wrapper {
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-in-out 0s;
  -o-transition: opacity 0.3s ease-in-out 0s;
  transition: opacity 0.3s ease-in-out 0s;
  pointer-events: none;
}
.quizz-6 .dot-wrapper.dot-1 {
  top: 54%;
  left: 70%;
  position: absolute;
}
.quizz-6 .dot-wrapper.dot-2 {
  top: 74%;
  left: 56.4%;
  position: absolute;
}
.quizz-6 .dot-wrapper.dot-3 {
  top: 70%;
  left: 72%;
  position: absolute;
}
.quizz-6 .dot-wrapper.dot-4 {
  top: 86%;
  left: 21%;
  position: absolute;
}
.quizz-6 .dot-wrapper .dot {
  height: 5vw;
  width: 5vw;
  border-radius: 100%;
  background-color: #fff;
  position: relative;
}
.quizz-6 .dot-wrapper .dot:before,
.quizz-6 .dot-wrapper .dot:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  height: 3vw;
  width: 3vw;
  border-radius: 100%;
  border: 1px solid #fff;
  -webkit-animation: dot 3s ease 0s infinite;
          animation: dot 3s ease 0s infinite;
}
.quizz-6 .dot-wrapper .dot:after {
  -webkit-animation: dot 3s ease 1.5s infinite;
          animation: dot 3s ease 1.5s infinite;
}
.quizz-6 .dot-wrapper.visible {
  opacity: 1;
  pointer-events: all;
}
.quizz-6 .dot-wrapper.active .dot {
  background-color: #5465FF;
}
.quizz-6 .dot-wrapper.active .dot,
.quizz-6 .dot-wrapper.active .dot:before,
.quizz-6 .dot-wrapper.active .dot:after {
  border-color: #5465FF;
}
section.popup .popup-inner.QUIZZ_6_CHALLENGE_1,
section.popup .popup-inner.QUIZZ_6_CHALLENGE_2,
section.popup .popup-inner.QUIZZ_6_CHALLENGE_3,
section.popup .popup-inner.QUIZZ_6_CHALLENGE_4 {
  width: 88.75%;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  padding: 22.5vw 5vw 22.5vw 6.25vw;
  background: rgba(0, 0, 0, 0.9);
  font-size: 3.75vw;
  height: auto;
  text-align: left;
  border: 1px solid;
  -webkit-border-image: -webkit-gradient(linear, left top, left bottom, color-stop(9.9%, #FFFFFF), color-stop(50%, #FFFFFF), to(rgba(255, 255, 255, 0))) 1;
  -webkit-border-image: -webkit-linear-gradient(top, #FFFFFF 9.9%, #FFFFFF 50%, rgba(255, 255, 255, 0) 100%) 1;
       -o-border-image: -o-linear-gradient(top, #FFFFFF 9.9%, #FFFFFF 50%, rgba(255, 255, 255, 0) 100%) 1;
          border-image: -webkit-gradient(linear, left top, left bottom, color-stop(9.9%, #FFFFFF), color-stop(50%, #FFFFFF), to(rgba(255, 255, 255, 0))) 1;
          border-image: linear-gradient(180deg, #FFFFFF 9.9%, #FFFFFF 50%, rgba(255, 255, 255, 0) 100%) 1;
}
section.popup .popup-inner.QUIZZ_6_CHALLENGE_1 .number,
section.popup .popup-inner.QUIZZ_6_CHALLENGE_2 .number,
section.popup .popup-inner.QUIZZ_6_CHALLENGE_3 .number,
section.popup .popup-inner.QUIZZ_6_CHALLENGE_4 .number {
  font-family: "Times Now", 'MKai2PRC', "宋体", SimSun, "华文细黑", STXihei, sans-serif;
  font-style: italic;
  font-weight: 400;
  font-size: 7.5vw;
  line-height: 6.875vw;
  position: absolute;
  left: 6.25vw;
  top: 8.75vw;
}
section.popup .popup-inner.QUIZZ_6_CHALLENGE_1 .title,
section.popup .popup-inner.QUIZZ_6_CHALLENGE_2 .title,
section.popup .popup-inner.QUIZZ_6_CHALLENGE_3 .title,
section.popup .popup-inner.QUIZZ_6_CHALLENGE_4 .title {
  left: 18.75vw;
  top: 7.1875vw;
  font-weight: 300;
  font-size: 4.375vw;
  line-height: 6.875vw;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  margin-left: 0;
  text-align: left;
  width: auto;
}
section.popup .popup-inner.QUIZZ_6_CHALLENGE_1 .title span,
section.popup .popup-inner.QUIZZ_6_CHALLENGE_2 .title span,
section.popup .popup-inner.QUIZZ_6_CHALLENGE_3 .title span,
section.popup .popup-inner.QUIZZ_6_CHALLENGE_4 .title span {
  line-height: 5vw;
  color: #fff;
  font-weight: 300;
  display: block;
}
section.popup .popup-inner.QUIZZ_6_CHALLENGE_1 .text,
section.popup .popup-inner.QUIZZ_6_CHALLENGE_2 .text,
section.popup .popup-inner.QUIZZ_6_CHALLENGE_3 .text,
section.popup .popup-inner.QUIZZ_6_CHALLENGE_4 .text {
  font-weight: 300;
  font-size: 3.75vw;
  line-height: 5vw;
}
section.popup .popup-inner.QUIZZ_6_CHALLENGE_1 .button,
section.popup .popup-inner.QUIZZ_6_CHALLENGE_2 .button,
section.popup .popup-inner.QUIZZ_6_CHALLENGE_3 .button,
section.popup .popup-inner.QUIZZ_6_CHALLENGE_4 .button {
  position: absolute;
  bottom: 7.5vw;
  left: 50%;
  font-size: 3.75vw;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
section.popup .popup-inner.QUIZZ_6_CHALLENGE_3 .title {
  top: 8.75vw;
}
.quizz-6-end .background {
  position: absolute;
  top: 30vw;
  left: 0;
  width: 100vw;
  height: 116.5625vw;
  background-image: url(../assets/source/backgrounds/quizz6.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.quizz-6-end .button {
  position: absolute;
  top: 127.875vw;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.quizz-6-end .title1 {
  font-family: "Times Now", 'MKai2PRC', "宋体", SimSun, "华文细黑", STXihei, sans-serif;
  font-style: italic;
  font-weight: 400;
  font-size: 6.25vw;
  top: 38.1875vw;
  text-transform: inherit;
}
.quizz-6-end .title2 {
  font-weight: 400;
  font-size: 4.6875vw;
  top: 47.5625vw;
}
.watch iframe,
.wine1 iframe,
.wine2 iframe,
.wine3 iframe,
.wine4 iframe,
.wine5 iframe,
.wine6 iframe,
.wine7 iframe,
.wine8 iframe {
  position: absolute;
  width: 100vw;
  top: 21%;
  height: 64%;
  border: none;
}
.watch .title,
.wine1 .title,
.wine2 .title,
.wine3 .title,
.wine4 .title,
.wine5 .title,
.wine6 .title,
.wine7 .title,
.wine8 .title {
  top: 68%;
}
.watch .text,
.wine1 .text,
.wine2 .text,
.wine3 .text,
.wine4 .text,
.wine5 .text,
.wine6 .text,
.wine7 .text,
.wine8 .text {
  position: absolute;
  top: 74%;
  font-size: 4.323vw;
  line-height: 4.6875vw;
  margin: 0 5.6vw;
  text-align: center;
  font-weight: 300;
}
.watch .bottom,
.wine1 .bottom,
.wine2 .bottom,
.wine3 .bottom,
.wine4 .bottom,
.wine5 .bottom,
.wine6 .bottom,
.wine7 .bottom,
.wine8 .bottom {
  position: absolute;
  top: 85%;
  width: 100%;
  text-align: center;
}
.watch .bottom .button,
.wine1 .bottom .button,
.wine2 .bottom .button,
.wine3 .bottom .button,
.wine4 .bottom .button,
.wine5 .bottom .button,
.wine6 .bottom .button,
.wine7 .bottom .button,
.wine8 .bottom .button {
  display: inline-block;
  border: 1px solid;
  -webkit-border-image: -webkit-gradient(linear, left top, left bottom, from(#646464), to(rgba(255, 255, 255, 0))) 1;
  -webkit-border-image: -webkit-linear-gradient(top, #646464, rgba(255, 255, 255, 0)) 1;
       -o-border-image: -o-linear-gradient(top, #646464, rgba(255, 255, 255, 0)) 1;
          border-image: -webkit-gradient(linear, left top, left bottom, from(#646464), to(rgba(255, 255, 255, 0))) 1;
          border-image: linear-gradient(180deg, #646464, rgba(255, 255, 255, 0)) 1;
  padding-top: 10px;
  padding-bottom: 10px;
  width: 31.875vw;
  margin-top: 4vw;
}
.watch .bottom .text,
.wine1 .bottom .text,
.wine2 .bottom .text,
.wine3 .bottom .text,
.wine4 .bottom .text,
.wine5 .bottom .text,
.wine6 .bottom .text,
.wine7 .bottom .text,
.wine8 .bottom .text {
  font-size: 3.7875vw;
  width: 100%;
  position: static;
  margin: 0;
}
.watch .bottom .actions,
.wine1 .bottom .actions,
.wine2 .bottom .actions,
.wine3 .bottom .actions,
.wine4 .bottom .actions,
.wine5 .bottom .actions,
.wine6 .bottom .actions,
.wine7 .bottom .actions,
.wine8 .bottom .actions {
  position: absolute;
  top: 13vw;
  width: 100%;
}
.watch .bottom .actions a,
.wine1 .bottom .actions a,
.wine2 .bottom .actions a,
.wine3 .bottom .actions a,
.wine4 .bottom .actions a,
.wine5 .bottom .actions a,
.wine6 .bottom .actions a,
.wine7 .bottom .actions a,
.wine8 .bottom .actions a {
  padding-top: 6px;
  display: inline-block;
  width: 31.875vw;
  color: #fff;
  margin: 0 4.285vw;
  font-size: 3.325vw;
  font-family: "Times Now", 'MKai2PRC', "宋体", SimSun, "华文细黑", STXihei, sans-serif;
  font-style: italic;
  font-weight: 600;
  text-transform: uppercase;
}
.watch .burger,
.wine1 .burger,
.wine2 .burger,
.wine3 .burger,
.wine4 .burger,
.wine5 .burger,
.wine6 .burger,
.wine7 .burger,
.wine8 .burger {
  position: absolute;
  top: 9.375vw;
  left: 6.25vw;
  height: 2.5vw;
  width: 6.25vw;
}
.watch .burger:before,
.wine1 .burger:before,
.wine2 .burger:before,
.wine3 .burger:before,
.wine4 .burger:before,
.wine5 .burger:before,
.wine6 .burger:before,
.wine7 .burger:before,
.wine8 .burger:before,
.watch .burger:after,
.wine1 .burger:after,
.wine2 .burger:after,
.wine3 .burger:after,
.wine4 .burger:after,
.wine5 .burger:after,
.wine6 .burger:after,
.wine7 .burger:after,
.wine8 .burger:after {
  height: 1px;
  background-color: #fff;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.watch .burger:after,
.wine1 .burger:after,
.wine2 .burger:after,
.wine3 .burger:after,
.wine4 .burger:after,
.wine5 .burger:after,
.wine6 .burger:after,
.wine7 .burger:after,
.wine8 .burger:after {
  top: auto;
  bottom: 0;
}
.menu-inner {
  position: relative;
}
.menu-inner .bottom {
  padding: 5vw 0 8vw;
  text-align: center;
}
.menu-inner .titles {
  margin-bottom: 3.75vw;
}
.menu-inner .cta-title,
.menu-inner a {
  display: inline-block;
  width: 37.5vw;
  margin-right: 5vw;
  font-family: "Times Now", 'MKai2PRC', "宋体", SimSun, "华文细黑", STXihei, sans-serif;
  font-size: 3.75vw;
}
.menu-inner .cta-title:last-child,
.menu-inner a:last-child {
  margin-right: 0;
}
.menu-inner a {
  padding-top: 6px;
  padding-bottom: 6px;
  color: #fff;
  font-size: 3.325vw;
  font-family: "Times Now", 'MKai2PRC', "宋体", SimSun, "华文细黑", STXihei, sans-serif;
  font-style: italic;
  font-weight: 600;
  text-transform: uppercase;
  border: 1px solid;
  -webkit-border-image: -webkit-gradient(linear, left top, left bottom, from(#646464), to(rgba(255, 255, 255, 0))) 1;
  -webkit-border-image: -webkit-linear-gradient(top, #646464, rgba(255, 255, 255, 0)) 1;
       -o-border-image: -o-linear-gradient(top, #646464, rgba(255, 255, 255, 0)) 1;
          border-image: -webkit-gradient(linear, left top, left bottom, from(#646464), to(rgba(255, 255, 255, 0))) 1;
          border-image: linear-gradient(180deg, #646464, rgba(255, 255, 255, 0)) 1;
}
.menu-wrapper {
  margin: 28.75vw 32px 0;
}
.menu-wrapper .menu-title {
  font-family: "Times Now", 'MKai2PRC', "宋体", SimSun, "华文细黑", STXihei, sans-serif;
  font-style: italic;
  font-weight: 400;
  font-size: 3.9375vw;
  line-height: 4.6875vw;
  text-align: center;
}
.menu-wrapper .ul {
  margin-top: 5vw;
  padding-top: 5.6vw;
  border-top: 1px solid #AB9257;
  border-bottom: 1px solid #AB9257;
}
.menu-wrapper .ul .li {
  margin-left: 11.25vw;
  margin-bottom: 5.6vw;
  padding-left: 22.5vw;
  position: relative;
  overflow: hidden;
}
.menu-wrapper .ul .li:before {
  position: absolute;
  top: -1vw;
  left: 0;
  width: 23.4375vw;
  font-size: 23.4375vw;
}
.menu-wrapper .ul .li .number {
  font-family: "Times Now", 'MKai2PRC', "宋体", SimSun, "华文细黑", STXihei, sans-serif;
  font-style: italic;
  font-weight: 400;
  font-size: 7.5vw;
  line-height: 6.875vw;
}
.menu-wrapper .ul .li .label {
  font-weight: 300;
  font-size: 4.375vw;
  line-height: 6.875vw;
}
.menu-wrapper .links {
  margin-top: 14.25vw;
  font-size: 3.75vw;
  line-height: 6.875vw;
  font-weight: 300;
}
.menu-wrapper .separator {
  margin-top: 3.125vw;
  height: 1px;
  background-color: #828282;
  margin-bottom: -1vw;
  width: 37.5vw;
}
.menu-wrapper .website {
  color: #828282;
  font-weight: 300;
  font-size: 3.125vw;
  line-height: 6.875vw;
}
.instagram .title {
  top: 63.4375vw;
  font-weight: 300;
  font-size: 4.375vw;
  line-height: 6.875vw;
}
.instagram .svg-instagram {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 43.75vw;
  font-size: 8.75vw;
}
.instagram .separator {
  position: absolute;
  width: 26.875vw;
  top: 106.25vw;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  height: 1px;
  background-color: #AB9257;
}
.instagram .button {
  position: absolute;
  top: 114.375vw;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  color: #fff;
}