/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers (opinionated).
 */

body {
  margin: 0;
}

/**
 * Add the correct display in IE 9-.
 */

article,
aside,
footer,
header,
nav,
section {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */

figcaption,
figure,
main { /* 1 */
  display: block;
}

/**
 * Add the correct margin in IE 8.
 */

figure {
  margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */

a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}

/**
 * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */

b,
strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font style in Android 4.3-.
 */

dfn {
  font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */

mark {
  background-color: #ff0;
  color: #000;
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 */

audio,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Remove the border on images inside links in IE 10-.
 */

img {
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */

svg:not(:root) {
  overflow: hidden;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */

button,
html [type="button"], /* 1 */
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */

details, /* 1 */
menu {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Scripting
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 */

canvas {
  display: inline-block;
}

/**
 * Add the correct display in IE.
 */

template {
  display: none;
}

/* Hidden
   ========================================================================== */

/**
 * Add the correct display in IE 10-.
 */

[hidden] {
  display: none;
}

[data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translate(0)}[data-aos=fade-up]{transform:translateY(100px)}[data-aos=fade-down]{transform:translateY(-100px)}[data-aos=fade-right]{transform:translate(-100px)}[data-aos=fade-left]{transform:translate(100px)}[data-aos=fade-up-right]{transform:translate(-100px,100px)}[data-aos=fade-up-left]{transform:translate(100px,100px)}[data-aos=fade-down-right]{transform:translate(-100px,-100px)}[data-aos=fade-down-left]{transform:translate(100px,-100px)}[data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,transform}[data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;transform:translate(0) scale(1)}[data-aos=zoom-in]{transform:scale(.6)}[data-aos=zoom-in-up]{transform:translateY(100px) scale(.6)}[data-aos=zoom-in-down]{transform:translateY(-100px) scale(.6)}[data-aos=zoom-in-right]{transform:translate(-100px) scale(.6)}[data-aos=zoom-in-left]{transform:translate(100px) scale(.6)}[data-aos=zoom-out]{transform:scale(1.2)}[data-aos=zoom-out-up]{transform:translateY(100px) scale(1.2)}[data-aos=zoom-out-down]{transform:translateY(-100px) scale(1.2)}[data-aos=zoom-out-right]{transform:translate(-100px) scale(1.2)}[data-aos=zoom-out-left]{transform:translate(100px) scale(1.2)}[data-aos^=slide][data-aos^=slide]{transition-property:transform}[data-aos^=slide][data-aos^=slide].aos-animate{transform:translate(0)}[data-aos=slide-up]{transform:translateY(100%)}[data-aos=slide-down]{transform:translateY(-100%)}[data-aos=slide-right]{transform:translateX(-100%)}[data-aos=slide-left]{transform:translateX(100%)}[data-aos^=flip][data-aos^=flip]{backface-visibility:hidden;transition-property:transform}[data-aos=flip-left]{transform:perspective(2500px) rotateY(-100deg)}[data-aos=flip-left].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-right]{transform:perspective(2500px) rotateY(100deg)}[data-aos=flip-right].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-up]{transform:perspective(2500px) rotateX(-100deg)}[data-aos=flip-up].aos-animate{transform:perspective(2500px) rotateX(0)}[data-aos=flip-down]{transform:perspective(2500px) rotateX(100deg)}[data-aos=flip-down].aos-animate{transform:perspective(2500px) rotateX(0)}
/*# sourceMappingURL=aos.css.map*/
.tns-outer{padding:0 !important}.tns-outer [hidden]{display:none !important}.tns-outer [aria-controls],.tns-outer [data-action]{cursor:pointer}.tns-outer.ms-touch{overflow-x:scroll;overflow-y:hidden;-ms-overflow-style:none;-ms-scroll-chaining:none;-ms-scroll-snap-type:mandatory;-ms-scroll-snap-points-x:snapInterval(0%, 100%)}.tns-slider{-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}.tns-slider>.tns-item{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.tns-horizontal.tns-subpixel{white-space:nowrap}.tns-horizontal.tns-subpixel>.tns-item{display:inline-block;vertical-align:top;white-space:normal}.tns-horizontal.tns-no-subpixel:after{content:'';display:table;clear:both}.tns-horizontal.tns-no-subpixel>.tns-item{float:left;margin-right:-100%}.tns-no-calc{position:relative;left:0}.tns-gallery{position:relative;left:0}.tns-gallery>.tns-item{position:absolute;left:-100%;-webkit-transition:opacity 0s;-moz-transition:opacity 0s;-webkit-transition:transform 0s, opacity 0s;-moz-transition:transform 0s, opacity 0s;transition:transform 0s, opacity 0s}.tns-lazy-img{-webkit-transition:opacity 0.6s;-moz-transition:opacity 0.6s;transition:opacity 0.6s;opacity:0.6}.tns-lazy-img.loaded{opacity:1}.tns-ah{-webkit-transition:height 0s;-moz-transition:height 0s;transition:height 0s}.tns-ovh{overflow:hidden}.tns-hdx{overflow-x:hidden}.tns-hdy{overflow-y:hidden}.tns-visually-hidden{position:absolute;left:-10000em}.tns-transparent{opacity:0;visibility:hidden}.tns-fadeIn{opacity:1;filter:alpha(opacity=100);z-index:0}.tns-normal,.tns-fadeOut{opacity:0;filter:alpha(opacity=0);z-index:-1}

/*# sourceMappingURL=sourcemaps/tiny-slider.css.map */

/*
Responsive CSS Sprite created using: http://responsive-css.us/
*/
.btn-video, .btn-video-over, .burst-blue, .burst-pink, .cherry-double-bursts, .cherry-single-bursts, .cloud-large-blue, .cloud-medium-blue, .cloud-medium-pink, .cloud-small-blue, .explosion, .footer-cloud-stars, .header-explosion-2, .pop-yellow-pink, .sides-burst-mecha-bonkers, .stars-large-right, .stars-medium-right {
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
  background-image: url(../images/common/sprite.png); }

.btn-video {
  width: 76px;
  height: 76px;
  background-position: 40.0101% 36.2869%;
  background-size: 2694.74%; }

.btn-video-over {
  width: 90px;
  height: 90px;
  background-position: 35.5975% 36.8308%;
  background-size: 2275.56%; }

.burst-blue {
  width: 187px;
  height: 196px;
  background-position: 37.7754% 57.4879%;
  background-size: 1095.19%; }

.burst-pink {
  width: 504px;
  height: 472px;
  background-position: 0.129534% 0.362319%;
  background-size: 406.349%; }

.cherry-double-bursts {
  width: 265px;
  height: 253px;
  background-position: 87.3247% 0.259403%;
  background-size: 772.830%; }

.cherry-single-bursts {
  width: 233px;
  height: 270px;
  background-position: 59.2287% 0.265252%;
  background-size: 878.970%; }

.cloud-large-blue {
  width: 235px;
  height: 222px;
  background-position: 25.7033% 59.3516%;
  background-size: 871.489%; }

.cloud-medium-blue {
  width: 168px;
  height: 163px;
  background-position: 54.0957% 55.2846%;
  background-size: 1219.05%; }

.cloud-medium-pink {
  width: 211px;
  height: 216px;
  background-position: 99.2923% 0.247525%;
  background-size: 970.616%; }

.cloud-small-blue {
  width: 109px;
  height: 101px;
  background-position: 30.2218% 37.2698%;
  background-size: 1878.90%; }

.explosion {
  width: 231px;
  height: 228px;
  background-position: 0.110072% 59.7990%;
  background-size: 886.580%; }

.footer-cloud-stars {
  width: 229px;
  height: 223px;
  background-position: 12.9192% 59.4257%;
  background-size: 894.323%; }

.header-explosion-2 {
  width: 268px;
  height: 340px;
  background-position: 28.5393% 0.292398%;
  background-size: 764.179%; }

.pop-yellow-pink {
  width: 245px;
  height: 256px;
  background-position: 72.6567% 0.260417%;
  background-size: 835.918%; }

.sides-burst-mecha-bonkers {
  width: 295px;
  height: 326px;
  background-position: 44.3811% 0.286533%;
  background-size: 694.237%; }

.stars-large-right {
  width: 123px;
  height: 177px;
  background-position: 46.3377% 56.1983%;
  background-size: 1665.04%; }

.stars-medium-right {
  width: 76px;
  height: 126px;
  background-position: 25.7606% 38.3073%;
  background-size: 2694.74%; }

/*
Responsive CSS Sprite created using: http://responsive-css.us/
*/
.nav-kirby, .nav-star-white, .nav-star-yellow {
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
  background-image: url(../images/nav/sprite.png); }

.nav-kirby {
  width: 168px;
  height: 52px;
  background-position: 2.27273% 0.980392%;
  background-size: 152.381%; }

.nav-star-white {
  width: 31px;
  height: 27px;
  background-position: 76.4444% 0.873362%;
  background-size: 825.806%; }

.nav-star-yellow {
  width: 30px;
  height: 27px;
  background-position: 90.7080% 0.873362%;
  background-size: 853.333%; }

/* apply a natural box layout model to all elements, but allowing components to change */
html {
  box-sizing: border-box; }

*, *:before, *:after {
  box-sizing: inherit; }

html, body {
  font-family: "Quicksand", sans-serif;
  font-weight: 500;
  color: #ffffff; }

/* MISC
   ========================================================================== */
.page {
  position: relative;
  overflow: hidden;
  padding-top: 76px; }

img, video {
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.img-wrap {
  display: inline-block; }
  .img-wrap img {
    width: 100%;
    height: auto; }

.horizontal-flip {
  -ms-transform: scaleX(-1);
  transform: scaleX(-1); }

.vertical-align-center {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center; }

h2, h3 {
  font-family: "Rammetto One", cursive;
  letter-spacing: 1px;
  font-weight: 400; }

p {
  line-height: 1.3em;
  font-size: 1.1em; }

aside {
  position: absolute; }

.nobr {
  white-space: nowrap; }

/* BUTTONS
   ========================================================================== */
.button-yellow {
  position: relative;
  border: solid 3px #ffffff;
  display: inline-block;
  border-radius: 30px;
  background: linear-gradient(#fff499, #ffc800, #fff499);
  font-family: "Rammetto One", cursive;
  font-weight: 400;
  color: #000000;
  padding: 15px 30px;
  cursor: pointer;
  overflow: hidden;
  max-width: 400px;
  width: 100%;
  text-align: center;
  box-shadow: 4px 4px 4px 0 rgba(0, 0, 0, 0.5);
  text-decoration: none; }
  .button-yellow .button-tile {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent url("../images/tiles/button-haftone-yellow.png") 0 100% repeat-x;
    border-radius: 30px; }
  .button-yellow .button-text {
    padding-right: 20px;
    position: relative;
    top: 2px;
    text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff; }
    .button-yellow .button-text:after {
      content: '';
      background: transparent url("../images/buttons/button-yellow-arrow.png") 0 0 no-repeat;
      width: 24px;
      height: 32px;
      position: absolute;
      top: -8px;
      right: -12px; }
  .button-yellow.small {
    padding: 5px 30px;
    max-width: 270px; }
    .button-yellow.small .button-text {
      font-size: 0.9em; }
      .button-yellow.small .button-text:after {
        width: 18px;
        height: 24px;
        background-size: cover;
        top: -6px;
        right: -16px; }
  .button-yellow:hover {
    border: solid 3px #000;
    color: #fff;
    background: #ff9c00; }
    .button-yellow:hover .button-text {
      text-shadow: black 2px 0px 0px, black 1.75517px 0.95885px 0px, black 1.0806px 1.68294px 0px, black 0.14147px 1.99499px 0px, black -0.83229px 1.81859px 0px, black -1.60229px 1.19694px 0px, black -1.97998px 0.28224px 0px, black -1.87291px -0.70157px 0px, black -1.30729px -1.5136px 0px, black -0.42159px -1.95506px 0px, black 0.56732px -1.91785px 0px, black 1.41734px -1.41108px 0px, black 1.92034px -0.55883px 0px; }
      .button-yellow:hover .button-text:after {
        animation-name: arrow-animation;
        animation-duration: 1s;
        animation-iteration-count: infinite;
        animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); }

.button-orange {
  position: relative;
  border: solid 4px #eb5d01;
  display: inline-block;
  border-radius: 10px;
  background: #ff6400;
  font-family: "Rammetto One", cursive;
  font-weight: 400;
  color: #ffffff;
  padding: 15px 30px;
  cursor: pointer;
  overflow: hidden;
  max-width: 400px;
  width: 100%;
  text-align: center;
  box-shadow: 4px 4px 4px 0 rgba(0, 0, 0, 0.5); }
  .button-orange .button-tile {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent url("../images/tiles/dots-orange.png") 0 100% repeat-x; }
  .button-orange .button-text {
    position: relative;
    top: 2px;
    text-shadow: -1px -1px 0 #eb5d01, 1px -1px 0 #eb5d01, -1px 1px 0 #eb5d01, 1px 1px 0 #eb5d01; }
  .button-orange:hover {
    border: solid 4px #e97315;
    background: #ff821e;
    color: #ffeb00; }
    .button-orange:hover .button-tile {
      background: transparent url("../images/tiles/dots-orange-over.png") 0 100% repeat-x; }

.button-orange-solid {
  position: relative;
  display: inline-block;
  border-radius: 30px;
  background: #ff6400;
  font-family: "Rammetto One", cursive;
  font-weight: 400;
  color: #ffffff;
  padding: 10px 30px;
  cursor: pointer;
  overflow: hidden;
  text-align: center; }
  .button-orange-solid .button-text {
    position: relative;
    top: 2px; }
  .button-orange-solid:after {
    content: "";
    background: transparent url("../images/buttons/white-orange-arrow.png") 0 100% repeat-x;
    width: 17px;
    height: 17px;
    position: absolute;
    top: 11px;
    right: 15px; }
  .button-orange-solid:hover {
    background-color: #6f93da; }

.button-blue {
  position: relative;
  border: solid 4px #3caaff;
  display: inline-block;
  border-radius: 10px;
  background: #58c6fe;
  font-family: "Rammetto One", cursive;
  font-weight: 400;
  color: #ffffff;
  padding: 15px 30px;
  cursor: pointer;
  overflow: hidden;
  max-width: 400px;
  width: 100%;
  text-align: center;
  box-shadow: 4px 4px 4px 0 rgba(0, 0, 0, 0.5); }
  .button-blue .button-tile {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent url("../images/tiles/dots-skewed-blue.png") 0 -400px repeat-x; }
  .button-blue .button-text {
    position: relative;
    top: 2px;
    text-shadow: -1px -1px 0 #3caaff, 1px -1px 0 #3caaff, -1px 1px 0 #3caaff, 1px 1px 0 #3caaff; }
  .button-blue:hover {
    border: solid 4px #1f7bc6;
    background: #499fdb;
    color: #ffeb00; }
    .button-blue:hover .button-tile {
      background: transparent url("../images/tiles/dots-skewed-blue-over.png") 0 -400px repeat-x; }

.button-green {
  position: relative;
  border: solid 4px #000000;
  display: inline-block;
  border-radius: 10px;
  background: #00dc32;
  font-family: "Rammetto One", cursive;
  font-weight: 400;
  color: #ffeb00;
  font-size: 1.6em;
  padding: 15px 30px;
  overflow: hidden;
  max-width: 400px;
  width: 100%;
  text-align: center;
  box-shadow: 4px 4px 4px 0 rgba(0, 0, 0, 0.5); }
  .button-green .button-tile {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent url("../images/tiles/button-haftone-green.png") 0 100% repeat-x; }
  .button-green .button-text {
    position: relative;
    top: 2px;
    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; }

.button-star {
  position: relative;
  font-family: "Rammetto One", cursive;
  font-weight: 400;
  color: #24416a;
  cursor: pointer;
  text-decoration: none;
  min-height: 50px;
  padding: 11px 0px 0 60px;
  margin: 0 30px;
  font-size: 1.1em;
  transition: color 200ms ease; }
  .button-star .button-bg {
    position: absolute;
    background: transparent url("../images/buttons/footer-star-button.png") 0 0 no-repeat;
    width: 49px;
    height: 44px;
    top: 0;
    left: 0px; }
    .button-star .button-bg .button-bg-over {
      position: absolute;
      background: transparent url("../images/buttons/footer-star-button-over.png") 0 0 no-repeat;
      width: 49px;
      height: 44px;
      top: 0;
      left: 0px;
      opacity: 0;
      transition: opacity 200ms ease; }
  .button-star:hover {
    color: #ff6400; }
    .button-star:hover .button-bg .button-bg-over {
      opacity: 1; }
  .button-star.no-hover {
    cursor: default;
    color: #24416a; }

.video-thumb {
  position: relative;
  cursor: pointer; }
  .video-thumb .btn-video-wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -45px;
    margin-left: -45px;
    width: 90px;
    height: 90px; }
    @media (max-width: 1023px) {
      .video-thumb .btn-video-wrap {
        -ms-transform: scale(0.75);
        transform: scale(0.75); } }
  .video-thumb .btn-video {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
  .video-thumb .btn-video-over {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0; }
  .video-thumb:hover .btn-video {
    opacity: 0; }
  .video-thumb:hover .btn-video-over {
    opacity: 1; }

/* BLADE TILES
   ========================================================================== */
.blade {
  position: relative; }
  .blade--bg {
    position: absolute;
    top: 0;
    left: 50%;
    width: 5000px;
    margin-left: -2500px;
    height: 100%; }
  .blade--tile {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  .blade--content {
    position: relative; }
    .blade--content:before, .blade--content:after {
      content: '';
      display: table; }
  .blade.plus-deg .blade--bg {
    -ms-transform: rotate(2deg);
    transform: rotate(2deg); }
  .blade.minus-deg .blade--bg {
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg); }
  .blade.bg-yellow .blade--bg {
    background-color: #ffeb00; }
  .blade.bg-orange .blade--bg {
    background: transparent url("../images/tiles/bg-orange.png") repeat; }
  .blade.bg-purple .blade--bg {
    background: transparent url("../images/tiles/diamonds-pattern-purple.png") repeat; }
  .blade.bg-pink.bordered {
    border-top: solid 5px #dc45ac;
    border-bottom: solid 5px #dc45ac; }
  .blade.bg-pink .blade--bg {
    background: transparent url("../images/tiles/diagonal-pink.png") 0 0 repeat; }
  .blade.bg-blue.bordered {
    border-top: solid 5px #3caaff;
    border-bottom: solid 5px #3caaff; }
  .blade.bg-blue .blade--bg {
    background: transparent url("../images/tiles/bg-blue.png") repeat; }
  .blade.bg-dark-blue .blade--bg {
    background: transparent url("../images/tiles/abilities-bg-blue.jpg") repeat; }
  .blade.bg-red-orange .blade--bg {
    background: linear-gradient(#f03c28, #ff6400); }
  .blade.bg-red-orange .h-wrap {
    text-align: center;
    top: -75px;
    color: #ffeb00; }
  .blade.bg-blue-gradient .blade--bg {
    background: linear-gradient(#2891e6, #58c6fe); }
  .blade.bg-blue-gradient .h-wrap {
    text-align: center;
    top: -75px;
    color: #fe761e; }
  .blade.tile-diamond-orange .blade--tile {
    background: transparent url("../images/tiles/diamond-orange.png") 0 center repeat-x;
    background-size: auto 100%; }
  .blade.tile-dots-skewed-orange .blade--tile {
    background: transparent url("../images/tiles/dots-skewed-orange.png") 0 0 repeat-x;
    background-size: auto 75%; }
  .blade.tile-dots-skewed-blue .blade--tile {
    background: transparent url("../images/tiles/dots-skewed-blue.png") 0 0 repeat-x;
    background-size: auto 75%; }
  .blade.tile-dots-orange .blade--tile {
    background: transparent url("../images/tiles/dots-orange.png") 0 0 repeat-x; }

.blade-gap {
  height: 7vw;
  min-height: 100px; }

.h-wrap {
  position: relative;
  max-width: 1024px;
  margin: 0 auto;
  font-size: 2em; }
  .h-wrap h2 {
    font-family: "Rammetto One", cursive;
    text-shadow: black 2px 0px 0px, black 1.75517px 0.95885px 0px, black 1.0806px 1.68294px 0px, black 0.14147px 1.99499px 0px, black -0.83229px 1.81859px 0px, black -1.60229px 1.19694px 0px, black -1.97998px 0.28224px 0px, black -1.87291px -0.70157px 0px, black -1.30729px -1.5136px 0px, black -0.42159px -1.95506px 0px, black 0.56732px -1.91785px 0px, black 1.41734px -1.41108px 0px, black 1.92034px -0.55883px 0px;
    position: relative; }
    .h-wrap h2 span:first-child {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      text-align: center;
      color: #000000;
      -ms-transform: translate(5px, 5px);
      transform: translate(5px, 5px); }
    .h-wrap h2 span:last-child {
      position: relative; }

/* LAYOUT
   ========================================================================== */
.single-column {
  max-width: 1024px;
  width: 100%;
  margin: 0 auto;
  padding: 20px 10px; }

.two-column {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  max-width: 1024px;
  width: 100%;
  margin: 0 auto;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 20px 10px; }
  .two-column .column {
    display: block;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    width: 50%; }
  @media (max-width: 767px) {
    .two-column .column {
      -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
      width: 100%; } }

.three-column {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  max-width: 1024px;
  width: 100%;
  margin: 0 auto;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 20px 10px; }
  .three-column .column {
    display: block;
    -ms-flex-preferred-size: 33.3333%;
    flex-basis: 33.3333%;
    width: 33.3333%; }
  @media (max-width: 767px) {
    .three-column .column {
      -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
      width: 100%; } }

.inner-pad {
  padding: 0 10px; }

.column-center {
  text-align: center; }

.side-art {
  top: 0;
  position: absolute;
  left: 50%;
  margin-left: -683px;
  z-index: 10;
  width: 1366px; }
  .side-art .left {
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 100%; }
    .side-art .left > div {
      position: absolute;
      left: 0; }
  .side-art .right {
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%; }
    .side-art .right > div {
      position: absolute;
      right: 0; }
  @media (max-width: 1023px) {
    .side-art {
      display: none; } }

/* BLADE TILES
   ========================================================================== */
.footer {
  position: relative;
  background: transparent url("../images/tiles/bg-pink-footer.png") 0 0 repeat;
  padding: 0; }
  .footer:before, .footer:after {
    content: '';
    display: table; }
  .footer:before {
    background: transparent url("../images/tiles/diamond-small-pink.png") 0 0 repeat-x;
    width: 100%;
    height: 58px; }
  .footer--tile {
    background: transparent url("../images/tiles/diamond-small-pink.png") 0 0 repeat-x;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 58px; }
  .footer--content {
    max-width: 1024px;
    margin: 0 auto;
    padding: 0 10px; }
  .footer .footer-decorations {
    overflow: hidden;
    position: absolute;
    width: 100%;
    height: 500px;
    top: -80px;
    left: 0;
    pointer-events: none; }
    .footer .footer-decorations .inner {
      position: relative;
      width: 1024px;
      margin: 0 auto;
      height: 0; }
      .footer .footer-decorations .inner .explosion {
        position: absolute;
        top: 0px;
        left: -80px; }
      .footer .footer-decorations .inner .footer-cloud-stars {
        position: absolute;
        top: 240px;
        right: -290px; }
    @media (max-width: 1023px) {
      .footer .footer-decorations {
        display: none; } }
  .footer .footer-btns {
    margin: 20px 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    position: relative; }
    @media (max-width: 767px) {
      .footer .footer-btns {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; } }
  .footer .disclaimer {
    margin: 10px auto 20px auto;
    color: #ffffff;
    font-size: 0.9em;
    text-align: center;
    padding: 0 10px;
    max-width: 1024px; }

div.anchor {
  position: absolute;
  top: -170px;
  left: 0;
  width: 1px;
  height: 1px; }

.desktop-nav {
  position: absolute;
  top: 1px;
  left: 0;
  width: 100%;
  height: 76px;
  background: #ff6400 url("../images/tiles/dots-nav.png") 0 20% repeat-x;
  transform: translate3d(0, -1px, 0);
  z-index: 100;
  box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.4); }
  .desktop-nav.is-fixed {
    position: fixed;
    transform: translate3d(0, 0, 0);
    top: 0; }
  .desktop-nav .inner {
    display: -ms-flexbox;
    display: flex;
    max-width: 1024px;
    height: 100%;
    margin: 0 auto;
    -ms-flex-pack: justify;
    justify-content: space-between; }
  .desktop-nav .nav-star-white {
    position: relative;
    top: -2px;
    transition: opacity 300ms ease; }
  .desktop-nav .nav-star-yellow {
    opacity: 0;
    transition: opacity 300ms ease; }
  .desktop-nav ul {
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-align: center;
    align-items: center;
    margin: 0;
    padding: 0;
    width: 100%; }
    .desktop-nav ul li a {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
      align-items: center;
      font-family: "Rammetto One", cursive;
      font-size: 1.2em;
      text-decoration: none;
      color: #FFFFFF;
      transition: color 300ms ease; }
      .desktop-nav ul li a:hover, .desktop-nav ul li a.is-active {
        color: #ffff00; }
        .desktop-nav ul li a:hover .nav-star-yellow, .desktop-nav ul li a.is-active .nav-star-yellow {
          opacity: 1; }
      .desktop-nav ul li a.is-active {
        cursor: default; }
  @media (max-width: 1023px) {
    .desktop-nav .nav-kirby {
      display: none; } }
  @media (max-width: 767px) {
    .desktop-nav {
      display: none; } }

.mobile-nav {
  position: absolute;
  top: 1px;
  left: 0;
  width: 100%;
  transform: translate3d(0, -1px, 0);
  z-index: 100;
  display: none; }
  @media (max-width: 767px) {
    .mobile-nav {
      display: block; } }
  .mobile-nav--bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: #ff6400;
    background-image: url("../images/tiles/dots-nav.png"), url("../images/tiles/dots-nav-invert.png");
    background-position: 0 100%, 0 0;
    background-repeat: repeat-x;
    -ms-transform: translateY(calc(-100vh + 76px));
    transform: translateY(calc(-100vh + 76px));
    transition: transform 300ms ease;
    padding-top: 50px;
    box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.4); }
  .mobile-nav .logo-wrap {
    text-align: center;
    margin-bottom: 10px; }
  .mobile-nav.is-fixed {
    position: fixed;
    transform: translate3d(0, 0, 0);
    top: 0; }
  .mobile-nav .nav-kirby {
    position: absolute;
    top: 11px;
    right: 11px;
    transition: opacity 300ms ease; }
  .mobile-nav .nav-star-white {
    position: relative;
    top: -2px; }
  .mobile-nav .nav-star-yellow {
    opacity: 0; }
  .mobile-nav ul {
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 auto;
    padding: 0;
    width: 100%;
    opacity: 0;
    display: none;
    transition: opacity 150ms ease; }
    .mobile-nav ul li {
      width: 100%;
      -ms-flex-preferred-size: 100%;
      flex-basis: 100%; }
      .mobile-nav ul li a {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-family: "Rammetto One", cursive;
        font-size: 1.2em;
        width: 100%;
        height: 50px;
        text-decoration: none;
        color: #FFFFFF;
        transition: color 300ms ease; }
        .mobile-nav ul li a:hover, .mobile-nav ul li a.is-active {
          color: #ffff00; }
          .mobile-nav ul li a:hover .nav-star-yellow, .mobile-nav ul li a.is-active .nav-star-yellow {
            opacity: 1; }
        .mobile-nav ul li a.is-active {
          cursor: default; }
  .mobile-nav.is-open .mobile-nav--bg {
    -ms-transform: translateY(0);
    transform: translateY(0);
    overflow: scroll; }
  .mobile-nav.is-open .nav-kirby {
    opacity: 0; }
  .mobile-nav.is-open ul {
    display: -ms-flexbox;
    display: flex;
    opacity: 1; }

.microsoft-ie .mobile-nav {
  background: #ff6400 url("../images/tiles/dots-nav.png") 0 20% repeat-x;
  height: 76px; }
  .microsoft-ie .mobile-nav--bg {
    -ms-transform: translateY(100vh);
    transform: translateY(100vh); }
  .microsoft-ie .mobile-nav.is-open .mobile-nav--bg {
    -ms-transform: translateY(0);
    transform: translateY(0); }

.hamburger-wrap {
  position: absolute;
  top: 14px;
  left: 20px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent; }

.hamburger .line {
  width: 50px;
  height: 5px;
  background-color: #ecf0f1;
  display: block;
  margin: 8px auto;
  transition: all 0.3s ease-in-out; }

.hamburger:hover {
  cursor: pointer; }

#hamburger.is-active .line:nth-child(2) {
  opacity: 0; }

#hamburger.is-active .line:nth-child(1) {
  -ms-transform: translateY(13px) rotate(45deg);
  transform: translateY(13px) rotate(45deg); }

#hamburger.is-active .line:nth-child(3) {
  -ms-transform: translateY(-13px) rotate(-45deg);
  transform: translateY(-13px) rotate(-45deg); }

.video-player-module {
  position: fixed;
  top: 0px;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  display: none;
  overflow: hidden; }
  .video-player-module.is-showing {
    display: block; }
  .video-player-module .back-click {
    background: transparent url("../images/tiles/diagonal-black-transparent.png") 0 0 repeat;
    position: absolute;
    width: 100%;
    height: 100%; }
  .video-player-module .video-player-wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 80vw;
    height: 45.20vw;
    max-width: 967px;
    max-height: 547px;
    top: calc( 50% + 40px ); }
    @media (max-height: 700px) {
      .video-player-module .video-player-wrap {
        max-width: 786px;
        max-height: 444px; } }
  .video-player-module .bottom-bubbles {
    content: "";
    position: absolute;
    z-index: 5;
    background: transparent url("../images/common/video-bubbles-bottom.png") 0 0 no-repeat;
    background-size: cover;
    width: 79.67vw;
    height: 2.22vw;
    left: 0;
    bottom: -1.32vw; }
    @media (min-width: 1215px) {
      .video-player-module .bottom-bubbles {
        width: 968px;
        height: 27px;
        bottom: -16px; } }
    @media (max-height: 700px) {
      .video-player-module .bottom-bubbles {
        max-width: 786px; } }
  .video-player-module .side-bubbles {
    content: "";
    position: absolute;
    z-index: 5;
    background: transparent url("../images/common/video-bubbles-side.png") 0 0 no-repeat;
    background-size: cover;
    width: 2.22vw;
    height: 45.68vw;
    right: -1.23vw;
    bottom: -0.74vw; }
    @media (min-width: 1215px) {
      .video-player-module .side-bubbles {
        width: 27px;
        height: 555px;
        right: -15px;
        bottom: -9px; } }
    @media (max-height: 700px) {
      .video-player-module .side-bubbles {
        max-height: 444px; } }
  .video-player-module .video-border {
    position: relative;
    width: 100%;
    height: 100%;
    background-color: #ff6400;
    border: solid 3px #ff6400;
    border-radius: 3px; }
  .video-player-module #video-player {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 10;
    background-color: #ff6400;
    border: solid 3px #ff6400;
    border-radius: 3px; }
  .video-player-module .close-btn {
    width: 63px;
    height: 56px;
    position: absolute;
    top: -82px;
    right: 5px;
    z-index: 20000;
    display: block;
    cursor: pointer; }
    .video-player-module .close-btn .close-button-bg {
      position: absolute;
      top: 0;
      left: 0;
      background: transparent url("../images/buttons/close-button.png") 0 0 no-repeat;
      width: 76px;
      height: 69px;
      opacity: 1;
      transition: opacity 500ms ease; }
    .video-player-module .close-btn .close-button-bg-over {
      position: absolute;
      top: 0;
      left: 0;
      background: transparent url("../images/buttons/close-button-over.png") 0 0 no-repeat;
      width: 76px;
      height: 69px;
      opacity: 0;
      transition: opacity 500ms ease; }
    .video-player-module .close-btn:hover .close-button-bg {
      opacity: 0; }
    .video-player-module .close-btn:hover .close-button-bg-over {
      opacity: 1; }

/*
Responsive CSS Sprite created using: http://responsive-css.us/
*/
.cloud-apple, .cloud-attack, .cloud-battle, .cloud-coin, .cloud-crazy, .cloud-flagball, .cloud-mecha, .cloud-oreexpress, .cloud-rocket, .cloud-slamhockey, .icon-apple, .icon-attack, .icon-battle, .icon-coin, .icon-crazy, .icon-flagball, .icon-mecha, .icon-oreexpress, .icon-rocket, .icon-slamhockey {
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
  background-image: url(../images/home/carousel/sprite.png); }

.cloud-apple {
  width: 147px;
  height: 146px;
  background-position: 84.4926% 19.7039%;
  background-size: 696.599%; }

.cloud-attack {
  width: 151px;
  height: 141px;
  background-position: 0.229095% 53.4541%;
  background-size: 678.146%; }

.cloud-battle {
  width: 151px;
  height: 141px;
  background-position: 17.7549% 53.4541%;
  background-size: 678.146%; }

.cloud-coin {
  width: 146px;
  height: 153px;
  background-position: 55.1253% 0.229621%;
  background-size: 701.370%; }

.cloud-crazy {
  width: 155px;
  height: 145px;
  background-position: 0.230150% 36.9738%;
  background-size: 660.645%; }

.cloud-flagball {
  width: 151px;
  height: 141px;
  background-position: 85.4525% 36.8063%;
  background-size: 678.146%; }

.cloud-mecha {
  width: 146px;
  height: 152px;
  background-position: 71.9818% 0.229358%;
  background-size: 701.370%; }

.cloud-oreexpress {
  width: 151px;
  height: 142px;
  background-position: 67.9267% 36.8481%;
  background-size: 678.146%; }

.cloud-rocket {
  width: 149px;
  height: 147px;
  background-position: 50.4000% 19.7263%;
  background-size: 687.248%; }

.cloud-slamhockey {
  width: 151px;
  height: 150px;
  background-position: 0.229095% 19.7941%;
  background-size: 678.146%; }

.icon-apple {
  width: 157px;
  height: 169px;
  background-position: 0.230681% 0.233918%;
  background-size: 652.229%; }

.icon-attack {
  width: 163px;
  height: 154px;
  background-position: 37.0499% 0.229885%;
  background-size: 628.221%; }

.icon-battle {
  width: 156px;
  height: 164px;
  background-position: 18.5484% 0.232558%;
  background-size: 656.410%; }

.icon-coin {
  width: 136px;
  height: 151px;
  background-position: 87.8378% 0.229095%;
  background-size: 752.941%; }

.icon-crazy {
  width: 137px;
  height: 144px;
  background-position: 34.9493% 36.9318%;
  background-size: 747.445%; }

.icon-flagball {
  width: 149px;
  height: 145px;
  background-position: 18.1714% 36.9738%;
  background-size: 687.248%; }

.icon-mecha {
  width: 147px;
  height: 147px;
  background-position: 67.5029% 19.7263%;
  background-size: 696.599%; }

.icon-oreexpress {
  width: 142px;
  height: 143px;
  background-position: 50.9070% 36.8899%;
  background-size: 721.127%; }

.icon-rocket {
  width: 138px;
  height: 148px;
  background-position: 33.9729% 19.7489%;
  background-size: 742.029%; }

.icon-slamhockey {
  width: 144px;
  height: 148px;
  background-position: 17.6136% 19.7489%;
  background-size: 711.111%; }

/*
Responsive CSS Sprite created using: https://responsive-css.us/
*/
.icon-beetle, .icon-bomb, .icon-cutter, .icon-doctor, .icon-fighter, .icon-hammer, .icon-ice, .icon-mirror, .icon-ninja, .icon-parasol, .icon-sleep, .icon-spear, .icon-sword, .icon-tornado, .icon-whip {
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
  background-image: url(../images/abilities/sprite.png); }

.icon-beetle {
  width: 130px;
  height: 130px;
  background-position: 88.8143% 35.0785%;
  background-size: 787.692%; }

.icon-bomb {
  width: 130px;
  height: 130px;
  background-position: 0.223714% 69.6335%;
  background-size: 787.692%; }

.icon-cutter {
  width: 130px;
  height: 130px;
  background-position: 14.9888% 0.523560%;
  background-size: 787.692%; }

.icon-doctor {
  width: 130px;
  height: 130px;
  background-position: 29.7539% 35.0785%;
  background-size: 787.692%; }

.icon-fighter {
  width: 130px;
  height: 130px;
  background-position: 29.7539% 0.523560%;
  background-size: 787.692%; }

.icon-hammer {
  width: 130px;
  height: 130px;
  background-position: 44.5190% 0.523560%;
  background-size: 787.692%; }

.icon-ice {
  width: 130px;
  height: 130px;
  background-position: 59.2841% 0.523560%;
  background-size: 787.692%; }

.icon-mirror {
  width: 130px;
  height: 130px;
  background-position: 74.0492% 0.523560%;
  background-size: 787.692%; }

.icon-ninja {
  width: 130px;
  height: 130px;
  background-position: 0.223714% 0.523560%;
  background-size: 787.692%; }

.icon-parasol {
  width: 130px;
  height: 130px;
  background-position: 88.8143% 0.523560%;
  background-size: 787.692%; }

.icon-sleep {
  width: 130px;
  height: 130px;
  background-position: 0.223714% 35.0785%;
  background-size: 787.692%; }

.icon-spear {
  width: 130px;
  height: 130px;
  background-position: 14.9888% 35.0785%;
  background-size: 787.692%; }

.icon-sword {
  width: 130px;
  height: 130px;
  background-position: 44.5190% 35.0785%;
  background-size: 787.692%; }

.icon-tornado {
  width: 130px;
  height: 130px;
  background-position: 74.0492% 35.0785%;
  background-size: 787.692%; }

.icon-whip {
  width: 130px;
  height: 130px;
  background-position: 59.2841% 35.0785%;
  background-size: 787.692%; }

/*
Responsive CSS Sprite created using: https://responsive-css.us/
*/
.topbar-beetle, .topbar-bomb, .topbar-cutter, .topbar-doctor, .topbar-fighter, .topbar-hammer, .topbar-ice, .topbar-mirror, .topbar-ninja, .topbar-parasol, .topbar-sleep, .topbar-spear, .topbar-sword, .topbar-tornado, .topbar-whip {
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
  background-image: url(../images/abilities/sprite.jpg); }

.topbar-beetle {
  width: 160px;
  height: 67px;
  background-position: 46.5909% 62.4719%;
  background-size: 320.000%; }

.topbar-bomb {
  width: 160px;
  height: 67px;
  background-position: 92.6136% 62.4719%;
  background-size: 320.000%; }

.topbar-cutter {
  width: 160px;
  height: 67px;
  background-position: 46.5909% 0.449438%;
  background-size: 320.000%; }

.topbar-doctor {
  width: 160px;
  height: 67px;
  background-position: 46.5909% 31.4607%;
  background-size: 320.000%; }

.topbar-fighter {
  width: 160px;
  height: 67px;
  background-position: 92.6136% 0.449438%;
  background-size: 320.000%; }

.topbar-hammer {
  width: 160px;
  height: 67px;
  background-position: 0.568182% 15.9551%;
  background-size: 320.000%; }

.topbar-ice {
  width: 160px;
  height: 67px;
  background-position: 46.5909% 15.9551%;
  background-size: 320.000%; }

.topbar-mirror {
  width: 160px;
  height: 67px;
  background-position: 92.6136% 15.9551%;
  background-size: 320.000%; }

.topbar-ninja {
  width: 160px;
  height: 67px;
  background-position: 0.568182% 31.4607%;
  background-size: 320.000%; }

.topbar-parasol {
  width: 160px;
  height: 67px;
  background-position: 0.568182% 0.449438%;
  background-size: 320.000%; }

.topbar-sleep {
  width: 160px;
  height: 67px;
  background-position: 92.6136% 31.4607%;
  background-size: 320.000%; }

.topbar-spear {
  width: 160px;
  height: 67px;
  background-position: 0.568182% 46.9663%;
  background-size: 320.000%; }

.topbar-sword {
  width: 160px;
  height: 67px;
  background-position: 46.5909% 46.9663%;
  background-size: 320.000%; }

.topbar-tornado {
  width: 160px;
  height: 67px;
  background-position: 92.6136% 46.9663%;
  background-size: 320.000%; }

.topbar-whip {
  width: 160px;
  height: 67px;
  background-position: 0.568182% 62.4719%;
  background-size: 320.000%; }

@keyframes arrow-animation {
  0% {
    transform: translateX(0px); }
  50% {
    transform: translateX(10px); }
  100% {
    transform: translateX(0px); } }
@media (max-width: 767px) {
  .home.page .blade-gap {
    min-height: 80px; } }
.home.page .hero {
  position: relative;
  border-bottom: solid 5px #ff6400;
  z-index: 2; }
  .home.page .hero img.desktop-bg {
    width: 100%;
    height: auto; }
  .home.page .hero .logo {
    background: transparent url("../images/home/logo-large.png") 0 0 no-repeat;
    background-size: cover;
    position: absolute;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 2vw;
    width: 37vw;
    height: 17.5vw;
    max-width: 700px;
    max-height: 350px; }
  .home.page .hero .stars {
    position: absolute;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: -140px;
    background: transparent url("../images/home/feature-stars.png") 0 0 no-repeat;
    background-size: cover;
    width: 811px;
    height: 235px;
    pointer-events: none; }
  .home.page .hero .h-wrap {
    position: absolute;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: -60px;
    text-align: center;
    color: #ff6400;
    font-size: 1.8em;
    letter-spacing: 0.1em;
    width: 100%; }
    .home.page .hero .h-wrap h2 {
      text-shadow: black 3px 0px 0px, black 2.83487px 0.98158px 0px, black 2.35766px 1.85511px 0px, black 1.62091px 2.52441px 0px, black 0.70571px 2.91581px 0px, black -0.28717px 2.98622px 0px, black -1.24844px 2.72789px 0px, black -2.07227px 2.16926px 0px, black -2.66798px 1.37182px 0px, black -2.96998px 0.42336px 0px, black -2.94502px -0.5717px 0px, black -2.59586px -1.50383px 0px, black -1.96093px -2.27041px 0px, black -1.11013px -2.78704px 0px, black -0.13712px -2.99686px 0px, black 0.85099px -2.87677px 0px, black 1.74541px -2.43999px 0px, black 2.44769px -1.73459px 0px, black 2.88051px -0.83825px 0px; }
  .home.page .hero .demo {
    position: absolute;
    bottom: -75px;
    right: 1vw; }
    .home.page .hero .demo .burst-bg {
      background: transparent url("../images/home/demo-burst.png") 0 0 no-repeat;
      background-size: cover;
      max-width: 243px;
      max-height: 243px;
      width: 16.2vw;
      height: 16.2vw;
      animation-name: spin-bg;
      animation-duration: 6s;
      animation-iteration-count: infinite;
      animation-timing-function: linear;
      animation-fill-mode: forwards;
      animation-play-state: paused; }
    .home.page .hero .demo .device {
      background: transparent url("../images/home/demo-3ds.png") 0 0 no-repeat;
      background-size: cover;
      max-width: 120px;
      max-height: 99px;
      width: 8vw;
      height: 6.6vw;
      position: absolute;
      left: 50%;
      -ms-transform: translateX(-50%);
      transform: translateX(-50%);
      bottom: 3vw; }
    .home.page .hero .demo h3 {
      position: absolute;
      left: 50%;
      -ms-transform: translateX(-50%);
      transform: translateX(-50%);
      font-style: italic;
      bottom: 8.2vw;
      color: #ffeb00;
      font-family: "Rammetto One", cursive;
      text-shadow: #9434ec 1px 0px 0px, #9434ec 0.5403px 0.84147px 0px, #9434ec -0.41615px 0.9093px 0px, #9434ec -0.98999px 0.14112px 0px, #9434ec -0.65364px -0.7568px 0px, #9434ec 0.28366px -0.95892px 0px, #9434ec 0.96017px -0.27942px 0px;
      width: 12vw;
      font-size: 1.8vw;
      text-align: center; }
    .home.page .hero .demo:hover .burst-bg {
      -ms-transform: rotate(360deg);
      transform: rotate(360deg);
      animation-play-state: running; }
@keyframes spin-bg {
  0% {
    transform: rotate(0); }
  100% {
    transform: rotate(360deg); } }
    @media (min-width: 1500px) {
      .home.page .hero .demo .device {
        bottom: 45px; }
      .home.page .hero .demo h3 {
        bottom: 120px;
        font-size: 27px;
        width: 180px; } }
  @media (max-width: 1023px) {
    .home.page .hero .stars {
      width: 700px;
      height: 203px;
      bottom: -100px; }
    .home.page .hero .h-wrap {
      bottom: -40px; }
      .home.page .hero .h-wrap h2 {
        font-size: 1.3em; } }
  @media (max-width: 767px) {
    .home.page .hero {
      background: transparent url("../images/home/hero-bg-mobile.jpg") 0 0 no-repeat;
      background-size: cover;
      width: 100vw;
      height: 115.18vw; }
      .home.page .hero img {
        display: none; }
      .home.page .hero .logo {
        display: none; }
      .home.page .hero .demo {
        display: none; }
      .home.page .hero .stars {
        display: none; }
      .home.page .hero .h-wrap {
        bottom: -5px; }
        .home.page .hero .h-wrap h2 {
          font-size: 0.9em; } }
.home.page .trailer-blade {
  padding: 70px 20px 30px; }
  .home.page .trailer-blade .right-align {
    text-align: right; }
  @media (max-width: 1023px) and (min-width: 768px) {
    .home.page .trailer-blade .trailer-column {
      position: relative;
      left: 20px; } }
  .home.page .trailer-blade .trailer-button {
    margin-right: 20px;
    padding: 20px 40px 20px 130px;
    width: auto;
    overflow: visible; }
    .home.page .trailer-blade .trailer-button .arrow {
      background: transparent url("../images/buttons/button-orange-arrow.png") 0 0 no-repeat;
      width: 24px;
      height: 32px;
      position: absolute;
      top: 38px;
      right: 10px; }
    .home.page .trailer-blade .trailer-button .screenshot {
      background: transparent url("../images/home/trailer-image.png") 0 0 no-repeat;
      width: 203px;
      height: 117px;
      position: absolute;
      top: -5px;
      left: -80px;
      -ms-transform: rotate(-5deg);
      transform: rotate(-5deg); }
    .home.page .trailer-blade .trailer-button .button-text {
      width: 190px;
      font-size: 1.6em;
      letter-spacing: 1px;
      line-height: 1.3em; }
    .home.page .trailer-blade .trailer-button:hover .arrow {
      background: transparent url("../images/buttons/button-orange-arrow-over.png") 0 0 no-repeat;
      animation-name: arrow-animation;
      animation-duration: 1s;
      animation-iteration-count: infinite;
      animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); }
  .home.page .trailer-blade .buy-button {
    margin-left: 20px;
    padding: 20px 130px 20px 40px;
    width: auto;
    overflow: visible;
    text-decoration: none; }
    .home.page .trailer-blade .buy-button .button-tile {
      background-size: auto 250px;
      background-position: 0 -80px; }
    .home.page .trailer-blade .buy-button .arrow {
      background: transparent url("../images/buttons/button-blue-arrow.png") 0 0 no-repeat;
      width: 24px;
      height: 32px;
      position: absolute;
      top: 38px;
      left: 145px; }
    .home.page .trailer-blade .buy-button .box {
      background: transparent url("../images/home/box.png") 0 0 no-repeat;
      width: 184px;
      height: 169px;
      position: absolute;
      top: -25px;
      right: -110px;
      -ms-transform: rotate(5deg);
      transform: rotate(5deg); }
    .home.page .trailer-blade .buy-button .button-text {
      width: 90px;
      font-size: 1.6em;
      letter-spacing: 1px;
      line-height: 1.3em; }
    .home.page .trailer-blade .buy-button:hover .arrow {
      background: transparent url("../images/buttons/button-blue-arrow-over.png") 0 0 no-repeat;
      animation-name: arrow-animation;
      animation-duration: 1s;
      animation-iteration-count: infinite;
      animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); }
  @media (max-width: 1023px) {
    .home.page .trailer-blade .trailer-button, .home.page .trailer-blade .buy-button {
      -ms-transform: scale(0.8);
      transform: scale(0.8);
      margin: 0; }
    .home.page .trailer-blade .two-column {
      padding: 0; } }
  @media (max-width: 767px) {
    .home.page .trailer-blade {
      padding-top: 50px; }
      .home.page .trailer-blade .trailer-button, .home.page .trailer-blade .buy-button {
        -ms-transform: scale(1);
        transform: scale(1);
        margin: 0; }
      .home.page .trailer-blade .trailer-button {
        margin-left: 60px; }
      .home.page .trailer-blade .buy-button {
        margin-right: 90px; }
      .home.page .trailer-blade .two-column {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
        .home.page .trailer-blade .two-column .column {
          width: 100%;
          -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
          position: relative;
          text-align: center; }
      .home.page .trailer-blade .two-column {
        min-height: 300px; }
      .home.page .trailer-blade .trailer-button .arrow, .home.page .trailer-blade .buy-button .arrow {
        display: none; }
      .home.page .trailer-blade .trailer-button .button-text, .home.page .trailer-blade .buy-button .button-text {
        font-size: 1em; }
      .home.page .trailer-blade .trailer-button {
        padding: 20px 0px 20px 100px; }
        .home.page .trailer-blade .trailer-button .button-text {
          width: 160px; }
      .home.page .trailer-blade .buy-button {
        padding: 20px 90px 20px 20px; }
        .home.page .trailer-blade .buy-button .button-text {
          width: 70px; } }
  .home.page .trailer-blade .side-art .left > div:nth-child(1) {
    left: 0;
    top: -50px; }
  .home.page .trailer-blade .side-art .left > div:nth-child(2) {
    left: 50px;
    top: 150px; }
  .home.page .trailer-blade .side-art .right > div:nth-child(1) {
    top: 75px; }
.home.page .anniversary-blade {
  padding-bottom: 15px; }
  .home.page .anniversary-blade .confetti-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden; }
  .home.page .anniversary-blade .two-column {
    max-width: 900px;
    padding: 0 10px; }
    .home.page .anniversary-blade .two-column .column {
      position: relative; }
      .home.page .anniversary-blade .two-column .column.middle-align {
        text-align: center;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center; }
    .home.page .anniversary-blade .two-column.theme {
      margin: 55px auto 70px auto;
      background-color: rgba(188, 48, 143, 0.5);
      border-radius: 30px;
      max-width: 880px; }
    @media (min-width: 768px) {
      .home.page .anniversary-blade .two-column .column-40 {
        width: 40%;
        -ms-flex-preferred-size: 40%;
        flex-basis: 40%; }
      .home.page .anniversary-blade .two-column .column-60 {
        width: 60%;
        -ms-flex-preferred-size: 60%;
        flex-basis: 60%; } }
  .home.page .anniversary-blade img.disc {
    margin: 0 auto;
    width: 100%;
    height: auto;
    max-width: 262px;
    max-height: 248px;
    position: relative;
    top: 20px; }
  .home.page .anniversary-blade h2 {
    font-size: 2.1em;
    text-align: center;
    text-shadow: #bb2e8e 2px 0px 0px, #bb2e8e 1.75517px 0.95885px 0px, #bb2e8e 1.0806px 1.68294px 0px, #bb2e8e 0.14147px 1.99499px 0px, #bb2e8e -0.83229px 1.81859px 0px, #bb2e8e -1.60229px 1.19694px 0px, #bb2e8e -1.97998px 0.28224px 0px, #bb2e8e -1.87291px -0.70157px 0px, #bb2e8e -1.30729px -1.5136px 0px, #bb2e8e -0.42159px -1.95506px 0px, #bb2e8e 0.56732px -1.91785px 0px, #bb2e8e 1.41734px -1.41108px 0px, #bb2e8e 1.92034px -0.55883px 0px;
    margin-bottom: 0; }
  .home.page .anniversary-blade p {
    text-align: center;
    margin-top: 10px; }
    .home.page .anniversary-blade p.left-align {
      text-align: left;
      padding-left: 30px; }
    .home.page .anniversary-blade p a {
      color: #FFFFFF; }
  .home.page .anniversary-blade .three-ds {
    position: absolute;
    top: 50%;
    margin-top: -225px;
    left: -30px;
    top: 45%;
    background: transparent url("../images/home/3DS-poll-fullsize.png") 0 0 no-repeat;
    width: 444px;
    height: 450px;
    -ms-transform: scale(0.6);
    transform: scale(0.6);
    transition: transform 300ms ease; }
    @media (min-width: 768px) {
      .home.page .anniversary-blade .three-ds:hover {
        -ms-transform: scale(0.7);
        transform: scale(0.7); } }
  @media (max-width: 767px) {
    .home.page .anniversary-blade .two-column.theme {
      width: 96%;
      margin: 30px auto;
      max-width: 400px; }
      .home.page .anniversary-blade .two-column.theme .theme-content {
        -ms-flex-order: 2;
        order: 2; }
      .home.page .anniversary-blade .two-column.theme .theme-image {
        -ms-flex-order: 1;
        order: 1; }
    .home.page .anniversary-blade .three-ds {
      top: 90px;
      position: absolute;
      left: 50%;
      -ms-transform: translateX(-50%);
      transform: translateX(-50%);
      -ms-transform: translateX(-50%) scale(0.65);
      transform: translateX(-50%) scale(0.65); }
    .home.page .anniversary-blade p.theme {
      padding-top: 230px; } }
.home.page .rival-blade {
  padding-top: 60px;
  padding-bottom: 40px; }
  .home.page .rival-blade h2 {
    color: #aafa55;
    text-align: center; }
  .home.page .rival-blade p {
    color: #000000;
    text-align: center;
    padding: 0 50px;
    font-weight: 900; }
  .home.page .rival-blade .column {
    position: relative;
    min-height: 340px; }
    .home.page .rival-blade .column img {
      position: absolute;
      width: 649px;
      height: 543px;
      top: -100px;
      left: -50px; }
  @media (max-width: 1023px) {
    .home.page .rival-blade {
      padding: 0; }
      .home.page .rival-blade .two-column {
        padding: 0 10px; }
        .home.page .rival-blade .two-column .column img {
          width: 500px;
          height: 418px;
          top: -20px;
          left: -35px; } }
  @media (max-width: 767px) {
    .home.page .rival-blade {
      padding-top: 20px; }
      .home.page .rival-blade h2 {
        font-size: 1.1em; }
      .home.page .rival-blade p {
        padding: 0 10px; }
      .home.page .rival-blade .two-column .column {
        min-height: auto;
        text-align: center; }
        .home.page .rival-blade .two-column .column img {
          width: 100%;
          height: auto;
          max-width: 500px;
          max-height: 418px;
          position: relative;
          -ms-transform: translate(0, 0);
          transform: translate(0, 0);
          margin: 0 auto;
          top: 20px;
          left: 0; } }
  .home.page .rival-blade .side-art .left > div:nth-child(1) {
    left: -50px;
    top: -10px; }
  .home.page .rival-blade .side-art .left > div:nth-child(2) {
    left: 75px;
    top: 325px; }
  .home.page .rival-blade .side-art .right > div:nth-child(1) {
    top: 350px;
    right: 50px; }
@keyframes slow-scroll {
  0% {
    transform: translateX(0); }
  100% {
    transform: translateX(-4210px); } }
.home.page .battle-blade {
  text-align: center;
  padding-bottom: 30px; }
  .home.page .battle-blade .scrolling-carousel {
    margin-top: 50px;
    width: 100%;
    overflow: hidden;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-direction: row;
    flex-direction: row; }
    .home.page .battle-blade .scrolling-carousel .scroll-content {
      position: relative;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
      -ms-flex-direction: row;
      flex-direction: row;
      animation-name: slow-scroll;
      animation-duration: 60s;
      animation-iteration-count: infinite;
      animation-timing-function: linear;
      will-change: transform; }
    .home.page .battle-blade .scrolling-carousel .item {
      position: relative;
      padding: 30px 0px 30px 60px; }
      .home.page .battle-blade .scrolling-carousel .item img {
        width: 361px;
        height: 361px;
        border-radius: 180.5px; }
      .home.page .battle-blade .scrolling-carousel .item .title {
        position: absolute;
        top: 0px;
        left: 0px;
        text-align: center;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center;
        font-family: "Rammetto One", cursive;
        text-shadow: black 2px 0px 0px, black 1.75517px 0.95885px 0px, black 1.0806px 1.68294px 0px, black 0.14147px 1.99499px 0px, black -0.83229px 1.81859px 0px, black -1.60229px 1.19694px 0px, black -1.97998px 0.28224px 0px, black -1.87291px -0.70157px 0px, black -1.30729px -1.5136px 0px, black -0.42159px -1.95506px 0px, black 0.56732px -1.91785px 0px, black 1.41734px -1.41108px 0px, black 1.92034px -0.55883px 0px;
        font-size: 1.5em;
        overflow: visible; }
        .home.page .battle-blade .scrolling-carousel .item .title.cloud-battle {
          color: #78ebff; }
        .home.page .battle-blade .scrolling-carousel .item .title.cloud-apple {
          color: #ff645a; }
        .home.page .battle-blade .scrolling-carousel .item .title.cloud-coin {
          color: #ffc800; }
        .home.page .battle-blade .scrolling-carousel .item .title.cloud-attack {
          color: #ff783c; }
        .home.page .battle-blade .scrolling-carousel .item .title.cloud-crazy {
          color: #78ebff; }
        .home.page .battle-blade .scrolling-carousel .item .title.cloud-rocket {
          color: #8cc8ff; }
        .home.page .battle-blade .scrolling-carousel .item .title.cloud-mecha {
          color: #f06e79; }
        .home.page .battle-blade .scrolling-carousel .item .title.cloud-slamhockey {
          color: #73ebff; }
        .home.page .battle-blade .scrolling-carousel .item .title.cloud-oreexpress {
          color: #ff9764; }
        .home.page .battle-blade .scrolling-carousel .item .title.cloud-flagball {
          color: #ffc814; }
      .home.page .battle-blade .scrolling-carousel .item .icon {
        position: absolute;
        bottom: 0px;
        right: -20px; }
  .home.page .battle-blade h2.subtitle {
    text-shadow: black 2px 0px 0px, black 1.75517px 0.95885px 0px, black 1.0806px 1.68294px 0px, black 0.14147px 1.99499px 0px, black -0.83229px 1.81859px 0px, black -1.60229px 1.19694px 0px, black -1.97998px 0.28224px 0px, black -1.87291px -0.70157px 0px, black -1.30729px -1.5136px 0px, black -0.42159px -1.95506px 0px, black 0.56732px -1.91785px 0px, black 1.41734px -1.41108px 0px, black 1.92034px -0.55883px 0px;
    font-family: "Rammetto One", cursive;
    text-align: center;
    max-width: 450px;
    width: 100%;
    margin: 20px auto;
    font-size: 2em; }
  .home.page .battle-blade p {
    text-align: center;
    width: 100%;
    max-width: 420px;
    margin: 20px auto;
    color: #000000;
    font-weight: 900;
    font-size: 1.3em; }
  .home.page .battle-blade .button-yellow {
    max-width: 300px;
    padding: 8px 15px; }
    .home.page .battle-blade .button-yellow .button-text {
      font-size: 1.8em;
      padding-right: 0; }
      .home.page .battle-blade .button-yellow .button-text:after {
        top: 0;
        right: -0px; }
  @media (max-width: 767px) {
    .home.page .battle-blade {
      padding-bottom: 0; }
      .home.page .battle-blade .h-wrap {
        left: -10px;
        top: -55px; }
        .home.page .battle-blade .h-wrap h2 {
          font-size: 1.1em; }
      .home.page .battle-blade .scrolling-carousel {
        -ms-transform: scale(0.8);
        transform: scale(0.8);
        width: 128%;
        position: relative;
        left: -14%;
        top: -30px; }
      .home.page .battle-blade .single-column {
        padding: 0 10px;
        position: relative;
        top: -50px; } }
  .home.page .battle-blade .side-art .left > div:nth-child(1) {
    top: 475px;
    -ms-transform: rotate(-30deg);
    transform: rotate(-30deg); }
  .home.page .battle-blade .side-art .right > div:nth-child(1) {
    top: 500px;
    right: 50px; }
.home.page .abilities-blade {
  text-align: center;
  padding-top: 310px;
  padding-bottom: 30px; }
  .home.page .abilities-blade .single-column {
    position: relative; }
  .home.page .abilities-blade .h-wrap {
    z-index: 10;
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
    position: absolute;
    top: -385px;
    padding-right: 75px;
    width: 100%;
    text-align: center;
    max-width: none; }
  .home.page .abilities-blade h2.subtitle {
    text-shadow: black 2px 0px 0px, black 1.75517px 0.95885px 0px, black 1.0806px 1.68294px 0px, black 0.14147px 1.99499px 0px, black -0.83229px 1.81859px 0px, black -1.60229px 1.19694px 0px, black -1.97998px 0.28224px 0px, black -1.87291px -0.70157px 0px, black -1.30729px -1.5136px 0px, black -0.42159px -1.95506px 0px, black 0.56732px -1.91785px 0px, black 1.41734px -1.41108px 0px, black 1.92034px -0.55883px 0px;
    font-family: "Rammetto One", cursive;
    text-align: center;
    max-width: 700px;
    width: 100%;
    margin: 20px auto;
    font-size: 2em; }
  .home.page .abilities-blade p {
    text-align: center;
    max-width: 520px;
    width: 100%;
    margin: 20px auto;
    color: #000000;
    font-weight: 900;
    font-size: 1.3em; }
  .home.page .abilities-blade .button-yellow {
    padding: 8px 15px; }
    .home.page .abilities-blade .button-yellow .button-text {
      font-size: 1.8em;
      padding-right: 0; }
      .home.page .abilities-blade .button-yellow .button-text:after {
        top: 0;
        right: -0px; }
  .home.page .abilities-blade .character-wrap {
    z-index: 5; }
  .home.page .abilities-blade .character-1 {
    background: transparent url("../images/home/kirby-blue.png") 0 0 no-repeat;
    width: 318px;
    height: 380px;
    position: absolute;
    top: -180px;
    left: -200px; }
  .home.page .abilities-blade .character-2 {
    background: transparent url("../images/home/kirby-yellow.png") 0 0 no-repeat;
    width: 349px;
    height: 371px;
    position: absolute;
    top: -330px;
    left: 70px;
    z-index: 5; }
  .home.page .abilities-blade .character-3 {
    background: transparent url("../images/home/kirby-orange.png") 0 0 no-repeat;
    width: 457px;
    height: 343px;
    position: absolute;
    top: -340px;
    left: 340px; }
  .home.page .abilities-blade .character-4 {
    background: transparent url("../images/home/kirby-pink.png") 0 0 no-repeat;
    width: 431px;
    height: 664px;
    position: absolute;
    top: -460px;
    left: 760px; }
  @media (max-width: 1023px) {
    .home.page .abilities-blade .character-1, .home.page .abilities-blade .character-4 {
      display: none; } }
  @media (max-width: 767px) {
    .home.page .abilities-blade .h-wrap {
      padding-right: 0;
      font-size: 1.4em;
      top: -360px; }
    .home.page .abilities-blade .character-2, .home.page .abilities-blade .character-3 {
      display: none; }
    .home.page .abilities-blade .character-wrap {
      position: absolute;
      left: 50%;
      -ms-transform: translateX(-50%);
      transform: translateX(-50%); }
    .home.page .abilities-blade .character-1 {
      top: -330px;
      left: -260px;
      -ms-transform: scale(0.7);
      transform: scale(0.7);
      display: block; }
    .home.page .abilities-blade .character-4 {
      top: -495px;
      left: -140px;
      -ms-transform: scale(0.5);
      transform: scale(0.5);
      display: block; }
    .home.page .abilities-blade .button-yellow {
      padding: 8px 15px; }
      .home.page .abilities-blade .button-yellow .button-text {
        font-size: 1.4em;
        padding-right: 0; }
        .home.page .abilities-blade .button-yellow .button-text:after {
          top: -6px;
          right: -10px; } }
  .home.page .abilities-blade .blade--content {
    z-index: 2; }
  .home.page .abilities-blade .side-art {
    z-index: 1; }
    .home.page .abilities-blade .side-art .left > div:nth-child(1) {
      top: -10px;
      left: 0; }
    .home.page .abilities-blade .side-art .left > div:nth-child(2) {
      top: 475px;
      left: 50px;
      -ms-transform: scale(0.75);
      transform: scale(0.75); }
    .home.page .abilities-blade .side-art .right > div:nth-child(1) {
      top: 400px;
      right: 50px; }
    .home.page .abilities-blade .side-art .right > div:nth-child(2) {
      top: 500px;
      right: 300px; }
    .home.page .abilities-blade .side-art .right > div:nth-child(3) {
      top: 346px;
      right: 259px; }
.home.page .play-blade {
  padding: 90px 0 40px 0; }
  .home.page .play-blade h2 {
    position: relative;
    z-index: 5;
    text-align: center;
    color: #ffeb00; }
  .home.page .play-blade .column {
    text-align: center; }
  .home.page .play-blade .first-row {
    min-height: 400px; }
    .home.page .play-blade .first-row .column {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
      flex-direction: column;
      -ms-flex-pack: center;
      justify-content: center;
      position: relative;
      text-align: center; }
      @media (min-width: 768px) {
        .home.page .play-blade .first-row .column {
          min-height: 400px; } }
      .home.page .play-blade .first-row .column img {
        position: absolute;
        width: 100%;
        height: auto;
        top: 0;
        left: 0%; }
  .home.page .play-blade .button-green {
    padding: 15px;
    margin: 0 auto;
    font-size: 1.3em; }
    .home.page .play-blade .button-green .button-text {
      color: #FFFFFF; }
  .home.page .play-blade p {
    color: #000000;
    font-weight: 900;
    max-width: 350px;
    width: 100%;
    margin: 10px auto;
    text-align: center; }
  .home.page .play-blade .frame {
    margin: 20px auto 0 auto;
    width: 100%;
    max-width: 428px;
    max-height: 271px;
    background: transparent url("../images/common/black-frame.png") 0 0 no-repeat;
    background-size: cover; }
    .home.page .play-blade .frame img {
      padding-top: 1.5%;
      padding-left: 1.5%;
      padding: 1.5% 6% 6% 1.5%;
      width: 100%;
      height: auto;
      max-width: calc( 396px + 7.5% );
      max-height: calc( 240px + 7.5% ); }
  .home.page .play-blade .amiibo-box {
    background: transparent url("../images/home/amiibo-bg.png") 0 0 no-repeat;
    width: 920px;
    height: 241px;
    margin: 30px auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 70px; }
    .home.page .play-blade .amiibo-box h2 {
      font-size: 1.3em;
      margin-top: 0;
      color: black;
      width: 300px; }
    .home.page .play-blade .amiibo-box .button-orange-solid {
      width: 200px;
      margin-left: 50px;
      text-decoration: none; }
  @media (max-width: 1023px) {
    .home.page .play-blade {
      padding: 90px 0 400px 0; }
      .home.page .play-blade .first-row {
        min-height: 350px; }
        .home.page .play-blade .first-row .column {
          min-height: 350px; }
          .home.page .play-blade .first-row .column img {
            width: 110%;
            left: auto;
            right: -5%;
            top: -5%; }
      .home.page .play-blade .amiibo-box {
        background: transparent url("../images/home/amiibo-bg-mobile.png") 0 0 no-repeat;
        background-size: cover;
        width: 362px;
        height: 313px;
        margin: 30px auto;
        text-align: center;
        position: absolute;
        left: 50%;
        -ms-transform: translateX(-50%);
        transform: translateX(-50%); }
        .home.page .play-blade .amiibo-box h2 {
          position: absolute;
          left: 50%;
          -ms-transform: translateX(-50%);
          transform: translateX(-50%);
          top: 40px; }
        .home.page .play-blade .amiibo-box .button-orange-solid {
          position: absolute;
          left: 50%;
          -ms-transform: translateX(-50%);
          transform: translateX(-50%);
          top: 140px;
          margin: 0; } }
  @media (max-width: 767px) {
    .home.page .play-blade .h-wrap h2 {
      width: 95vw;
      position: relative;
      left: 50%;
      -ms-transform: translateX(-50%);
      transform: translateX(-50%);
      font-size: 1.2em; }
    .home.page .play-blade .first-row .column {
      min-height: auto; }
      .home.page .play-blade .first-row .column img {
        position: relative;
        right: 3%; }
    .home.page .play-blade .button-green .button-text {
      font-size: 1em; } }
  .home.page .play-blade .blade--content {
    z-index: 2; }
  .home.page .play-blade .side-art {
    z-index: 1; }
    .home.page .play-blade .side-art .left > div:nth-child(1) {
      top: 200px;
      left: 0; }
    .home.page .play-blade .side-art .left > div:nth-child(2) {
      top: 700px;
      left: 50px; }
    .home.page .play-blade .side-art .left > div:nth-child(3) {
      top: 1000px;
      left: 0; }
    .home.page .play-blade .side-art .left > div:nth-child(4) {
      top: 1150px;
      left: 50px; }
    .home.page .play-blade .side-art .right > div:nth-child(1) {
      top: 50px;
      right: 50px; }
    .home.page .play-blade .side-art .right > div:nth-child(2) {
      top: 360px;
      right: 100px; }
    .home.page .play-blade .side-art .right > div:nth-child(3) {
      top: 600px;
      right: -196px; }
    .home.page .play-blade .side-art .right > div:nth-child(4) {
      top: 1100px;
      right: 23px; }
.home.page .wallpapers-blade {
  padding-top: 120px;
  padding-bottom: 30px;
  text-align: center; }
  .home.page .wallpapers-blade p {
    color: #000000;
    font-weight: 900;
    font-size: 1.3em;
    width: 90%;
    max-width: 400px;
    margin: 0 auto; }
  .home.page .wallpapers-blade .three-column .column {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: center;
    justify-content: center; }
  .home.page .wallpapers-blade .h-wrap {
    top: -16px;
    color: #ffeb00; }
    .home.page .wallpapers-blade .h-wrap .background {
      background: transparent url("../images/home/wallpapers-header-bg.png") 0 0 no-repeat;
      width: 661px;
      height: 101px;
      background-size: cover;
      top: -25px;
      position: absolute;
      left: 50%;
      -ms-transform: translateX(-50%);
      transform: translateX(-50%); }
  .home.page .wallpapers-blade h2 {
    text-align: center; }
  .home.page .wallpapers-blade img {
    border: 5px solid #3caaff;
    border-radius: 15px;
    width: 100%;
    height: auto;
    max-width: 296px;
    max-height: 180px;
    margin: 10px auto; }
  .home.page .wallpapers-blade .button-yellow {
    margin: 5px auto;
    text-decoration: none; }
    .home.page .wallpapers-blade .button-yellow .button-text {
      padding-right: 0; }
  @media (max-width: 767px) {
    .home.page .wallpapers-blade {
      padding-top: 60px; }
      .home.page .wallpapers-blade .h-wrap {
        -ms-transform: scale(0.5);
        transform: scale(0.5);
        top: -42px; }
      .home.page .wallpapers-blade .column {
        margin-bottom: 30px; }
        .home.page .wallpapers-blade .column .inner-pad {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-direction: column;
          flex-direction: column;
          -ms-flex-wrap: nowrap;
          flex-wrap: nowrap; } }
  .home.page .wallpapers-blade .blade--content {
    z-index: 2; }
  .home.page .wallpapers-blade .side-art {
    z-index: 1; }
    .home.page .wallpapers-blade .side-art .left > div:nth-child(1) {
      top: 20px;
      left: 0;
      -ms-transform: rotate(45deg);
      transform: rotate(45deg); }
    .home.page .wallpapers-blade .side-art .left > div:nth-child(2) {
      top: 400px;
      left: 0; }
    .home.page .wallpapers-blade .side-art .right > div:nth-child(1) {
      top: 329px;
      right: -52px; }

.abilities.page .blade-gap {
  height: 5vw;
  min-height: 75px; }
  @media (max-width: 767px) {
    .abilities.page .blade-gap {
      min-height: 50px; } }
.abilities.page .hero {
  position: relative;
  width: 100%;
  height: 441px;
  background-image: url("../images/abilities/abilities-banner-icons.png"), url("../images/tiles/abilities-banner-blue.jpg");
  background-position: center center, 0 0;
  background-repeat: repeat-x;
  background-size: auto auto, auto 100%; }
  .abilities.page .hero:before, .abilities.page .hero:after {
    content: '';
    display: table; }
  .abilities.page .hero .h-wrap {
    text-align: center;
    font-size: 2.6em;
    letter-spacing: 0.1em;
    width: 100%;
    margin: 15px auto 30px auto; }
    .abilities.page .hero .h-wrap h2 {
      text-shadow: black 3px 0px 0px, black 2.83487px 0.98158px 0px, black 2.35766px 1.85511px 0px, black 1.62091px 2.52441px 0px, black 0.70571px 2.91581px 0px, black -0.28717px 2.98622px 0px, black -1.24844px 2.72789px 0px, black -2.07227px 2.16926px 0px, black -2.66798px 1.37182px 0px, black -2.96998px 0.42336px 0px, black -2.94502px -0.5717px 0px, black -2.59586px -1.50383px 0px, black -1.96093px -2.27041px 0px, black -1.11013px -2.78704px 0px, black -0.13712px -2.99686px 0px, black 0.85099px -2.87677px 0px, black 1.74541px -2.43999px 0px, black 2.44769px -1.73459px 0px, black 2.88051px -0.83825px 0px;
      margin: 0;
      font-style: italic; }
      .abilities.page .hero .h-wrap h2.yellow {
        color: #ffff00;
        left: -140px; }
      .abilities.page .hero .h-wrap h2.orange {
        color: #ffb901; }
    @media (max-width: 1023px) {
      .abilities.page .hero .h-wrap {
        font-size: 4.05vw; }
        .abilities.page .hero .h-wrap h2.yellow {
          left: -13.67vw; } }
    @media (max-width: 767px) {
      .abilities.page .hero .h-wrap {
        font-size: 4.75vw;
        margin: 0 auto 15px; } }
  @media (max-width: 767px) {
    .abilities.page .hero {
      height: auto; } }
  .abilities.page .hero .side-art {
    z-index: 1; }
    .abilities.page .hero .side-art .right > div:nth-child(1) {
      right: 0;
      top: 161px; }
.abilities.page .hero-content {
  position: relative;
  margin: 0 auto;
  max-width: 1024px; }
.abilities.page .hero-logo-wrap {
  position: relative; }
.abilities.page .hero-logo {
  top: 10px;
  position: relative; }
  .abilities.page .hero-logo a {
    display: inline-block; }
  @media (max-width: 767px) {
    .abilities.page .hero-logo {
      text-align: center; } }
.abilities.page .hero-kirby {
  position: absolute;
  top: -47px;
  right: -52px;
  background: transparent url("../images/abilities/kirby-spear.png") 0 0 no-repeat;
  background-size: 100% auto;
  width: 446px;
  height: 290px; }
  @media (max-width: 767px) {
    .abilities.page .hero-kirby {
      position: relative;
      left: 50%;
      -ms-transform: translateX(-50%);
      transform: translateX(-50%);
      top: 0;
      width: 280px;
      height: 182px; } }
.abilities.page .explosion {
  position: absolute;
  top: -51px;
  left: 28px; }
  @media (max-width: 767px) {
    .abilities.page .explosion {
      position: absolute;
      left: 50%;
      margin-left: -115.5px;
      -ms-transform: translateX(-13px);
      transform: translateX(-13px); } }
.abilities.page .hero-text {
  position: relative;
  text-align: center; }
  .abilities.page .hero-text h4 {
    font-size: 1.6em;
    margin: 0 0 20px;
    padding: 0 10px; }
  .abilities.page .hero-text p {
    max-width: 480px;
    margin: 0 auto;
    padding: 0 10px; }
    .abilities.page .hero-text p b {
      font-size: 1.1em; }
  @media (max-width: 1023px) {
    .abilities.page .hero-text {
      padding-top: calc((1024px - 100vw)/8); } }
  @media (max-width: 767px) {
    .abilities.page .hero-text {
      padding: 0 0 20px; }
      .abilities.page .hero-text h4 {
        margin: 0 0 10px; } }
  @media (max-width: 500px) {
    .abilities.page .hero-text h4 {
      font-size: 5.5vw; }
    .abilities.page .hero-text p {
      font-size: 4.5vw; } }
.abilities.page .bg-dark-blue {
  margin-bottom: 40px;
  padding: 50px 0 0; }
  .abilities.page .bg-dark-blue .two-column {
    margin-top: -100px; }
  .abilities.page .bg-dark-blue .column {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 2; }
  .abilities.page .bg-dark-blue .column-spacer {
    position: relative;
    width: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    height: 50px;
    z-index: 1; }
.abilities.page .column {
  position: relative;
  text-align: center; }
.abilities.page [class^="char-wrap-"] {
  display: inline-block; }
  .abilities.page [class^="char-wrap-"] img {
    width: 100%;
    height: auto; }
  @media (max-width: 767px) {
    .abilities.page [class^="char-wrap-"] {
      display: none; } }
.abilities.page .char-wrap-sword {
  margin-top: -220px; }
.abilities.page #sword-ability .inner-pad {
  padding-top: 100px; }
.abilities.page .ability-preview {
  position: relative;
  background-color: #000000;
  display: inline-block;
  text-align: center;
  max-width: 422px; }
  .abilities.page .ability-preview [class^="topbar-"] {
    position: absolute;
    top: 0;
    right: 0; }
  .abilities.page .ability-preview [class^="icon-"] {
    position: absolute;
    top: -32px;
    left: -38px;
    z-index: 2; }
    @media (max-width: 767px) {
      .abilities.page .ability-preview [class^="icon-"] {
        -ms-transform: scale(0.75);
        transform: scale(0.75); } }
  .abilities.page .ability-preview h3 {
    position: relative;
    font-size: 2em;
    margin: 15px 0;
    padding: 0 70px; }
    @media (max-width: 412px) {
      .abilities.page .ability-preview h3 {
        font-size: 7vw; } }
  .abilities.page .ability-preview h4 {
    font-size: 1.9em;
    margin: 15px 0;
    padding: 0 25px; }
  .abilities.page .ability-preview p {
    font-size: 1.3em;
    margin: 0 0 25px;
    padding: 0 25px; }
.abilities.page .ability-slider-wrap {
  position: relative;
  padding: 0 10px; }
.abilities.page .video-thumb {
  padding: 0 10px; }
  .abilities.page .video-thumb img {
    width: 100%;
    height: auto; }
.abilities.page .sword h4 {
  color: #32e646; }
.abilities.page .bomb h4 {
  color: #e41f0b; }
.abilities.page .beetle h4 {
  color: #6e5aeb; }
.abilities.page .spear h4 {
  color: #d96c00; }
.abilities.page .cutter h4 {
  color: #b48200; }
.abilities.page .fighter h4 {
  color: #d11414; }
.abilities.page .ninja h4 {
  color: #a546cd; }
.abilities.page .whip h4 {
  color: #d62c00; }
.abilities.page .parasol h4 {
  color: #e50c49; }
.abilities.page .hammer h4 {
  color: #cd7d00; }
.abilities.page .tornado h4 {
  color: #5a8cdc; }
.abilities.page .doctor h4 {
  color: #82aab4; }
.abilities.page .ice h4 {
  color: #0099f1; }
.abilities.page .anniversary-poll {
  z-index: 2; }
  @media (max-width: 767px) {
    .abilities.page .anniversary-poll {
      margin-bottom: 30px; } }
  .abilities.page .anniversary-poll .h-wrap {
    font-size: 1.6em;
    color: #ffde00; }
    .abilities.page .anniversary-poll .h-wrap h2 {
      margin: 0; }
    @media (max-width: 1023px) {
      .abilities.page .anniversary-poll .h-wrap {
        font-size: 2.5vw; } }
    @media (max-width: 767px) {
      .abilities.page .anniversary-poll .h-wrap {
        font-size: 5vw;
        text-align: center; } }
  .abilities.page .anniversary-poll .custom-column {
    display: -ms-flexbox;
    display: flex;
    max-width: 1024px;
    margin: 0 auto 30px auto; }
    @media (max-width: 767px) {
      .abilities.page .anniversary-poll .custom-column {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: center;
        justify-content: center; } }
  .abilities.page .anniversary-poll .column-320 {
    width: 320px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    text-align: right;
    padding: 0 10px; }
    @media (max-width: 1023px) {
      .abilities.page .anniversary-poll .column-320 {
        width: 31.25vw; } }
    @media (max-width: 767px) {
      .abilities.page .anniversary-poll .column-320 {
        width: 320px;
        text-align: center; } }
  .abilities.page .anniversary-poll .column-fill {
    padding: 10px 10px 0; }
    @media (max-width: 767px) {
      .abilities.page .anniversary-poll .column-fill {
        width: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%; } }
  .abilities.page .anniversary-poll p {
    font-size: 1.3em;
    max-width: 600px;
    margin: 5px 0;
    line-height: 1.2em; }
    @media (max-width: 1023px) {
      .abilities.page .anniversary-poll p {
        font-size: 2.3vw; } }
    @media (max-width: 767px) {
      .abilities.page .anniversary-poll p {
        font-size: 1.3em;
        text-align: center;
        margin: 5px auto 0 auto; } }
.abilities.page .mirror-blade {
  margin-top: -10px; }
  @media (max-width: 767px) {
    .abilities.page .mirror-blade {
      margin-top: 0; } }
  .abilities.page .mirror-blade .offset-column {
    position: relative;
    top: -110px; }
    @media (max-width: 1023px) {
      .abilities.page .mirror-blade .offset-column {
        width: 100vw; } }
  .abilities.page .mirror-blade .column {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center; }
  .abilities.page .mirror-blade .h-wrap {
    color: #87ebff;
    font-size: 2.4em;
    left: -10%; }
    .abilities.page .mirror-blade .h-wrap h2 {
      font-style: italic;
      text-shadow: black 4px 0px 0px, black 3.87565px 0.98962px 0px, black 3.51033px 1.9177px 0px, black 2.92676px 2.72656px 0px, black 2.16121px 3.36588px 0px, black 1.26129px 3.79594px 0px, black 0.28295px 3.98998px 0px, black -0.71298px 3.93594px 0px, black -1.66459px 3.63719px 0px, black -2.51269px 3.11229px 0px, black -3.20457px 2.39389px 0px, black -3.69721px 1.52664px 0px, black -3.95997px 0.56448px 0px, black -3.97652px -0.43278px 0px, black -3.74583px -1.40313px 0px, black -3.28224px -2.28625px 0px, black -2.61457px -3.02721px 0px, black -1.78435px -3.57996px 0px, black -0.84318px -3.91012px 0px, black 0.15041px -3.99717px 0px, black 1.13465px -3.8357px 0px, black 2.04834px -3.43574px 0px, black 2.83468px -2.82216px 0px, black 3.44477px -2.03312px 0px, black 3.84068px -1.11766px 0px, black 3.9978px -0.13272px 0px; }
    @media (max-width: 767px) {
      .abilities.page .mirror-blade .h-wrap {
        left: 0; } }
  .abilities.page .mirror-blade .blade--content {
    padding: 50px 0; }
  .abilities.page .mirror-blade .ability-preview p {
    padding: 25px 25px 0; }
  .abilities.page .mirror-blade .single-column {
    text-align: center; }
    .abilities.page .mirror-blade .single-column h2 {
      text-shadow: black 2px 0px 0px, black 1.75517px 0.95885px 0px, black 1.0806px 1.68294px 0px, black 0.14147px 1.99499px 0px, black -0.83229px 1.81859px 0px, black -1.60229px 1.19694px 0px, black -1.97998px 0.28224px 0px, black -1.87291px -0.70157px 0px, black -1.30729px -1.5136px 0px, black -0.42159px -1.95506px 0px, black 0.56732px -1.91785px 0px, black 1.41734px -1.41108px 0px, black 1.92034px -0.55883px 0px;
      color: #ffff00;
      max-width: 720px;
      padding: 0 10px;
      margin: 0 auto 10px; }
    .abilities.page .mirror-blade .single-column p {
      max-width: 720px;
      padding: 0 10px;
      margin: 0 auto 30px;
      color: #000000;
      font-size: 1.4em;
      font-weight: bold; }
  .abilities.page .mirror-blade .side-art .cloud-small-blue {
    top: -30px; }
  .abilities.page .mirror-blade .side-art .pop-yellow-pink {
    -ms-transform: scale(-1);
    transform: scale(-1);
    top: 380px;
    left: -50px; }
  .abilities.page .mirror-blade .side-art .cloud-medium-blue {
    top: 180px;
    right: 0px; }
  .abilities.page .mirror-blade .side-art .cherry-single-bursts {
    top: 830px;
    right: -30px; }
.abilities.page #spacer-1 .side-art {
  z-index: 1; }
  .abilities.page #spacer-1 .side-art .left > div:nth-child(1) {
    left: 0;
    top: -560px;
    -ms-transform: rotate(-30deg);
    transform: rotate(-30deg); }
  .abilities.page #spacer-1 .side-art .left > div:nth-child(2) {
    left: 50px;
    top: -150px;
    -ms-transform: rotate(-30deg);
    transform: rotate(-30deg); }
.abilities.page #spacer-2 .side-art .right > div:nth-child(1) {
  right: 0;
  top: -128px; }
.abilities.page #spacer-4 .side-art .left > div:nth-child(1) {
  right: 0;
  top: -128px; }
.abilities.page #spacer-4 .side-art .right > div:nth-child(1) {
  right: 0;
  top: -83px; }
.abilities.page #spacer-5 .side-art .left > div:nth-child(1) {
  right: 0;
  top: -328px; }
.abilities.page #spacer-5 .side-art .right > div:nth-child(1) {
  right: 500px;
  top: -25px;
  -ms-transform: rotate(50deg);
  transform: rotate(50deg); }
.abilities.page #spacer-6 .side-art .left > div:nth-child(1) {
  left: 150px;
  top: -62px; }
.abilities.page #spacer-7 .side-art .left > div:nth-child(1) {
  left: -34px;
  top: -292px; }
.abilities.page #spacer-8 .side-art .left > div:nth-child(1) {
  left: 84px;
  top: -453px;
  -ms-transform: rotate(50deg);
  transform: rotate(50deg); }
.abilities.page #spacer-9 .side-art .left > div:nth-child(1) {
  left: 48px;
  top: -476px; }
.abilities.page #spacer-9 .side-art .left > div:nth-child(2) {
  left: 117px;
  top: -126px; }
.abilities.page #spacer-9 .side-art .right > div:nth-child(1) {
  right: -75px;
  top: -400px; }
.abilities.page #spacer-10 .side-art .left > div:nth-child(1) {
  left: 0;
  top: 0; }
.abilities.page #spacer-10 .side-art .left > div:nth-child(2) {
  left: 97px;
  top: 149px; }
.abilities.page #spacer-10 .side-art .right > div:nth-child(1) {
  right: 25px;
  top: -216px;
  -ms-transform: rotate(-20deg);
  transform: rotate(-20deg); }
.abilities.page #spacer-11 .side-art .left > div:nth-child(1) {
  left: 59px;
  top: -136px; }
.abilities.page #spacer-11 .side-art .right > div:nth-child(1) {
  right: 60px;
  top: -90px;
  -ms-transform: rotate(90deg);
  transform: rotate(90deg); }
.abilities.page #spacer-12 .side-art .left > div:nth-child(1) {
  left: 0;
  top: -127px; }
.abilities.page #spacer-12 .side-art .right > div:nth-child(1) {
  right: 15px;
  top: -193px; }

.buy-page {
  border-bottom: 10px solid #be70ee; }
  .buy-page .top-content {
    position: relative;
    background: transparent url("../images/buy/buy-now-bg.jpg") center center no-repeat;
    background-size: cover;
    width: 100%;
    padding: 10px 10px;
    margin-bottom: 80px; }
    .buy-page .top-content .h-wrap, .buy-page .top-content h3.date {
      position: relative;
      z-index: 3;
      max-width: 700px;
      margin: 0 auto; }
      @media (max-width: 1023px) {
        .buy-page .top-content .h-wrap, .buy-page .top-content h3.date {
          max-width: 390px;
          margin: 0 auto; } }
    .buy-page .top-content .two-column {
      position: relative;
      z-index: 2; }
    .buy-page .top-content .extras {
      width: 100%;
      max-width: 1200px;
      position: absolute;
      left: 50%;
      -ms-transform: translateX(-50%);
      transform: translateX(-50%);
      top: 280px; }
      @media (max-width: 1023px) {
        .buy-page .top-content .extras {
          top: 320px;
          max-width: 650px; } }
    .buy-page .top-content .king-dedede {
      background: transparent url("../images/buy/king-dedede.png") 0 0 no-repeat;
      position: absolute;
      top: -250px;
      left: -120px;
      width: 315px;
      height: 303px;
      z-index: 0; }
      @media (max-width: 1023px) {
        .buy-page .top-content .king-dedede {
          left: -150px; } }
      @media (max-width: 767px) {
        .buy-page .top-content .king-dedede {
          display: none; } }
    .buy-page .top-content .burst-pink {
      position: absolute;
      top: -205px;
      right: -230px;
      z-index: 0; }
      @media (max-width: 767px) {
        .buy-page .top-content .burst-pink {
          display: none; } }
    .buy-page .top-content h3 {
      color: #ffeb00;
      text-align: center;
      font-size: 2em;
      text-shadow: #0032aa 2px 0px 0px, #0032aa 1.75517px 0.95885px 0px, #0032aa 1.0806px 1.68294px 0px, #0032aa 0.14147px 1.99499px 0px, #0032aa -0.83229px 1.81859px 0px, #0032aa -1.60229px 1.19694px 0px, #0032aa -1.97998px 0.28224px 0px, #0032aa -1.87291px -0.70157px 0px, #0032aa -1.30729px -1.5136px 0px, #0032aa -0.42159px -1.95506px 0px, #0032aa 0.56732px -1.91785px 0px, #0032aa 1.41734px -1.41108px 0px, #0032aa 1.92034px -0.55883px 0px; }
      .buy-page .top-content h3.date {
        margin-top: 15px;
        margin-bottom: 60px; }
    .buy-page .top-content h2 {
      margin-bottom: 30px;
      margin-top: 70px; }
    .buy-page .top-content .two-column {
      max-width: 1200px;
      overflow: visible;
      position: relative; }
    .buy-page .top-content .column {
      text-align: center;
      min-height: 850px;
      overflow: visible;
      position: relative; }
      .buy-page .top-content .column .inner-pad {
        padding: 20px 40px; }
      .buy-page .top-content .column h3 {
        text-shadow: #0032aa 2px 0px 0px, #0032aa 1.75517px 0.95885px 0px, #0032aa 1.0806px 1.68294px 0px, #0032aa 0.14147px 1.99499px 0px, #0032aa -0.83229px 1.81859px 0px, #0032aa -1.60229px 1.19694px 0px, #0032aa -1.97998px 0.28224px 0px, #0032aa -1.87291px -0.70157px 0px, #0032aa -1.30729px -1.5136px 0px, #0032aa -0.42159px -1.95506px 0px, #0032aa 0.56732px -1.91785px 0px, #0032aa 1.41734px -1.41108px 0px, #0032aa 1.92034px -0.55883px 0px; }
      .buy-page .top-content .column.digital .background {
        position: absolute;
        top: 0;
        left: 1%;
        width: 98%;
        height: 100%; }
      .buy-page .top-content .column.digital .content {
        position: relative; }
      .buy-page .top-content .column.digital p.theme {
        color: #000000;
        font-weight: 900; }
      .buy-page .top-content .column.digital .yellow {
        color: #fff400; }
      .buy-page .top-content .column.digital img.logo {
        width: 100%;
        height: auto;
        max-width: 332px;
        max-height: 399px; }
      .buy-page .top-content .column.digital .price {
        font-size: 2em;
        font-weight: 900;
        margin: 20px auto 10px auto; }
        @media (max-width: 767px) {
          .buy-page .top-content .column.digital .price {
            font-size: 1.8em; } }
      .buy-page .top-content .column.digital .coming-soon {
        font-size: 3em;
        font-weight: 900;
        margin: 110px auto; }
      .buy-page .top-content .column.digital p.caption {
        max-width: 350px;
        margin: 20px auto 40px auto;
        font-size: 1.3em;
        font-weight: 900; }
      .buy-page .top-content .column.digital .button-yellow {
        padding: 7px 30px;
        margin: 20px auto; }
        .buy-page .top-content .column.digital .button-yellow .button-text {
          font-size: 1.9em;
          padding-right: 0; }
          .buy-page .top-content .column.digital .button-yellow .button-text:after {
            display: none; }
      .buy-page .top-content .column.digital p.eshop {
        margin: 20px auto 20px auto;
        max-width: 350px;
        font-size: 1.1em;
        font-weight: 900;
        color: #000000; }
      .buy-page .top-content .column.digital img.eshop {
        width: 100%;
        height: auto;
        max-width: 332px;
        margin-bottom: 40px; }
      .buy-page .top-content .column.full-width {
        width: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 990px;
        min-height: auto;
        padding: 20px 10px; }
        .buy-page .top-content .column.full-width img.logo {
          position: relative;
          top: -15px;
          left: 30px;
          z-index: 2;
          max-width: 436px; }
        .buy-page .top-content .column.full-width img.threeds {
          position: relative;
          top: -15px;
          left: -30px;
          z-index: 1;
          width: 100%;
          height: auto;
          max-width: 344px;
          max-height: 346px; }
      .buy-page .top-content .column.standard .background {
        position: absolute;
        top: 0;
        left: 1%;
        width: 98%;
        height: 100%; }
      .buy-page .top-content .column.standard .content {
        position: relative; }
      .buy-page .top-content .column.standard img.box {
        width: 100%;
        height: auto;
        max-width: 459px;
        max-height: 429px; }
      .buy-page .top-content .column.standard p.standard {
        margin-top: 55px;
        font-weight: 900;
        font-size: 1.3em; }
      .buy-page .top-content .column.standard .flags {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 30px; }
        .buy-page .top-content .column.standard .flags img {
          width: 100%;
          height: auto;
          padding: 7px; }
        .buy-page .top-content .column.standard .flags .flag {
          cursor: pointer;
          transition: transform 300ms ease; }
          .buy-page .top-content .column.standard .flags .flag:hover {
            -ms-transform: scale(1.1);
            transform: scale(1.1); }
      .buy-page .top-content .column.standard .my-nintendo {
        background-color: #75cdfc;
        margin: 0 10px 30px 0px;
        border-radius: 50px;
        padding: 5px 25px;
        color: #000000;
        font-weight: 900;
        text-align: left;
        position: relative;
        min-height: 115px;
        width: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -ms-flex-pack: center;
        justify-content: center; }
        .buy-page .top-content .column.standard .my-nintendo .logo-column {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-direction: column;
          flex-direction: column;
          -ms-flex-pack: center;
          justify-content: center; }
        .buy-page .top-content .column.standard .my-nintendo .text-column {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-direction: column;
          flex-direction: column;
          -ms-flex-pack: center;
          justify-content: center;
          max-width: 370px;
          width: 100%; }
        .buy-page .top-content .column.standard .my-nintendo img.my-nintendo-logo {
          width: 75px;
          height: 75px; }
        .buy-page .top-content .column.standard .my-nintendo p {
          padding: 0px 0px 0px 20px; }
        .buy-page .top-content .column.standard .my-nintendo a {
          color: #e60012;
          white-space: nowrap; }
    @media (max-width: 1023px) {
      .buy-page .top-content .two-column {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
        .buy-page .top-content .two-column .column {
          width: 100%;
          -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
          max-width: 650px; }
          .buy-page .top-content .two-column .column.full-width {
            max-width: 1000px; }
            .buy-page .top-content .two-column .column.full-width img.logo {
              top: 30px;
              left: 0px; }
            .buy-page .top-content .two-column .column.full-width img.threeds {
              left: 0px; } }
    @media (max-width: 767px) {
      .buy-page .top-content {
        padding: 0 0 10px;
        background: none; }
        .buy-page .top-content .background {
          display: none; }
        .buy-page .top-content .two-column {
          padding: 0;
          width: 100%; }
          .buy-page .top-content .two-column .column {
            min-height: 0; }
            .buy-page .top-content .two-column .column .inner-pad {
              padding: 20px 10px;
              max-width: 500px;
              margin: 0 auto; }
          .buy-page .top-content .two-column .column.digital {
            margin-bottom: 7vw;
            max-width: 100%;
            width: 100%; }
            .buy-page .top-content .two-column .column.digital .coming-soon {
              margin: 60px auto; }
            .buy-page .top-content .two-column .column.digital .column-bg {
              position: absolute;
              top: 0;
              left: 50%;
              width: 5000px;
              margin-left: -2500px;
              height: 100%;
              background: linear-gradient(#2891e6, #58c6fe);
              -ms-transform: rotate(-2deg);
              transform: rotate(-2deg); }
            .buy-page .top-content .two-column .column.digital .column-tile {
              position: absolute;
              top: 0;
              left: 0;
              width: 100%;
              height: 100%;
              background: transparent url("../images/tiles/dots-skewed-blue.png") 0 0 repeat-x;
              background-size: auto 75%; }
          .buy-page .top-content .two-column .column.standard {
            max-width: 100%;
            width: 100%;
            margin-bottom: 5vw; }
            .buy-page .top-content .two-column .column.standard .column-bg {
              position: absolute;
              top: 0;
              left: 50%;
              width: 5000px;
              margin-left: -2500px;
              height: 100%;
              background: transparent url("../images/tiles/abilities-bg-blue.jpg") repeat;
              -ms-transform: rotate(2deg);
              transform: rotate(2deg); }
        .buy-page .top-content .buy-page-hero {
          background: transparent url("../images/buy/buy-now-bg-mobile.jpg") center 0 no-repeat;
          background-size: cover;
          margin-bottom: 5vw; }
          .buy-page .top-content .buy-page-hero:before, .buy-page .top-content .buy-page-hero:after {
            content: '';
            display: table; } }
  .buy-page .demo-blade {
    padding: 60px 0 20px 0;
    position: relative;
    max-width: 1024px;
    margin: 0 auto; }
    .buy-page .demo-blade .blade--tile {
      top: -100px; }
    .buy-page .demo-blade h2 {
      color: #ffeb00;
      font-size: 2em; }
    .buy-page .demo-blade .three-column {
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
      -ms-flex-pack: justify;
      justify-content: space-between;
      padding: 0;
      margin: 30px auto;
      min-height: 400px; }
      .buy-page .demo-blade .three-column .column.kirby {
        width: 270px;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        position: relative; }
        .buy-page .demo-blade .three-column .column.kirby img {
          position: absolute;
          top: -190px;
          left: 50px; }
      .buy-page .demo-blade .three-column .column.threeds {
        width: 386px;
        -ms-flex-preferred-size: auto;
        flex-basis: auto; }
        .buy-page .demo-blade .three-column .column.threeds img {
          width: 100%;
          height: auto;
          max-width: 386px; }
        .buy-page .demo-blade .three-column .column.threeds .demo-button {
          margin-top: 30px; }
      .buy-page .demo-blade .three-column .column.text {
        width: 250px;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        color: #000000; }
    @media (max-width: 1023px) {
      .buy-page .demo-blade .three-column {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: distribute;
        justify-content: space-around; }
        .buy-page .demo-blade .three-column .column.kirby {
          display: none; }
          .buy-page .demo-blade .three-column .column.kirby img {
            display: none; }
        .buy-page .demo-blade .three-column .column.threeds {
          width: 100%;
          max-width: 400px;
          -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
          padding: 10px; }
        .buy-page .demo-blade .three-column .column.text {
          width: 100%;
          max-width: 350px;
          -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
          padding: 10px; } }
    @media (max-width: 767px) {
      .buy-page .demo-blade h2 {
        font-size: 1.1em;
        position: relative;
        top: 50px;
        left: 10px; } }
  .buy-page #demo-link {
    position: relative;
    top: -20px; }
  .buy-page .h-wrap {
    text-align: center; }

@media (max-width: 767px) {
  .battle-types.page .blade-gap {
    min-height: 75px; } }
@media (max-width: 414px) {
  .battle-types.page .blade-gap {
    min-height: 50px; } }
.battle-types.page .hero {
  position: relative;
  width: 100%;
  height: 441px;
  background-image: url("../images/tiles/types-banner-tile-red.png"), url("../images/tiles/types-bg-red.jpg");
  background-position: 0 0, 0 0;
  background-repeat: repeat-x;
  background-size: auto auto, auto 100%;
  margin-bottom: 20px; }
  .battle-types.page .hero:before, .battle-types.page .hero:after {
    content: '';
    display: table; }
  .battle-types.page .hero .h-wrap {
    text-align: center;
    font-size: 2.6em;
    letter-spacing: 0.1em;
    width: 100%;
    margin: 0 auto 30px; }
    .battle-types.page .hero .h-wrap h2 {
      text-shadow: black 3px 0px 0px, black 2.83487px 0.98158px 0px, black 2.35766px 1.85511px 0px, black 1.62091px 2.52441px 0px, black 0.70571px 2.91581px 0px, black -0.28717px 2.98622px 0px, black -1.24844px 2.72789px 0px, black -2.07227px 2.16926px 0px, black -2.66798px 1.37182px 0px, black -2.96998px 0.42336px 0px, black -2.94502px -0.5717px 0px, black -2.59586px -1.50383px 0px, black -1.96093px -2.27041px 0px, black -1.11013px -2.78704px 0px, black -0.13712px -2.99686px 0px, black 0.85099px -2.87677px 0px, black 1.74541px -2.43999px 0px, black 2.44769px -1.73459px 0px, black 2.88051px -0.83825px 0px;
      margin: 0;
      font-style: italic; }
      .battle-types.page .hero .h-wrap h2.yellow {
        color: #aafa55;
        left: -140px; }
      .battle-types.page .hero .h-wrap h2.orange {
        color: #59e3ff; }
    @media (max-width: 1023px) {
      .battle-types.page .hero .h-wrap {
        font-size: 4.05vw; }
        .battle-types.page .hero .h-wrap h2.yellow {
          left: -13.67vw; } }
    @media (max-width: 767px) {
      .battle-types.page .hero .h-wrap {
        font-size: 4.75vw;
        margin: 0 auto 20px; } }
  @media (max-width: 767px) {
    .battle-types.page .hero {
      height: auto;
      margin-bottom: 0; } }
  .battle-types.page .hero .side-art {
    z-index: 1; }
    .battle-types.page .hero .side-art .left > div:nth-child(1) {
      left: 42px;
      top: 298px; }
.battle-types.page .hero-content {
  position: relative;
  margin: 0 auto;
  max-width: 1024px;
  z-index: 2; }
.battle-types.page .hero-logo-wrap {
  position: relative; }
.battle-types.page .hero-logo {
  top: 10px;
  position: relative;
  z-index: 2; }
  .battle-types.page .hero-logo a {
    display: inline-block; }
  @media (max-width: 767px) {
    .battle-types.page .hero-logo {
      text-align: center; } }
.battle-types.page .hero-kirby-cutter {
  position: absolute;
  top: 0;
  left: 244px;
  background: transparent url("../images/types/header-kirby-cutter.png") 0 0 no-repeat;
  width: 290px;
  height: 150px; }
  @media (max-width: 767px) {
    .battle-types.page .hero-kirby-cutter {
      display: none; } }
@media (max-width: 767px) {
  .battle-types.page .hero-kirby-hammer {
    position: relative;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 290px;
    height: 155px;
    background: transparent url("../images/abilities/kirby-hammer.png") 0 0 no-repeat;
    background-size: 100% auto; } }
.battle-types.page .hero-kirby-fighter {
  position: absolute;
  top: 188px;
  left: 3px;
  background: transparent url("../images/types/header-kirby-fighter.png") 0 0 no-repeat;
  background-size: 100% auto;
  width: 191px;
  height: 227px; }
  @media (max-width: 767px) {
    .battle-types.page .hero-kirby-fighter {
      display: none; } }
.battle-types.page .hero-kirby-bomb {
  position: absolute;
  top: 4px;
  right: -98px;
  background: transparent url("../images/types/header-kirby-bomb.png") 0 0 no-repeat;
  width: 491px;
  height: 389px; }
  @media (max-width: 1023px) {
    .battle-types.page .hero-kirby-bomb {
      right: -120px; } }
  @media (max-width: 767px) {
    .battle-types.page .hero-kirby-bomb {
      display: none; } }
.battle-types.page .hero-text {
  position: relative;
  text-align: center; }
  .battle-types.page .hero-text p {
    max-width: 480px;
    margin: 0 auto;
    padding: 0 10px;
    font-size: 1.44em;
    text-shadow: black 2px 0px 0px, black 1.75517px 0.95885px 0px, black 1.0806px 1.68294px 0px, black 0.14147px 1.99499px 0px, black -0.83229px 1.81859px 0px, black -1.60229px 1.19694px 0px, black -1.97998px 0.28224px 0px, black -1.87291px -0.70157px 0px, black -1.30729px -1.5136px 0px, black -0.42159px -1.95506px 0px, black 0.56732px -1.91785px 0px, black 1.41734px -1.41108px 0px, black 1.92034px -0.55883px 0px; }
    @media (max-width: 767px) {
      .battle-types.page .hero-text p {
        text-shadow: none; } }
    @media (max-width: 500px) {
      .battle-types.page .hero-text p {
        font-size: 4.5vw; } }
  @media (max-width: 1023px) {
    .battle-types.page .hero-text {
      padding-top: calc((1024px - 100vw)/8); } }
  @media (max-width: 767px) {
    .battle-types.page .hero-text {
      padding: 10px 0 20px; } }
  @media (max-width: 374px) {
    .battle-types.page .hero-text {
      padding-top: calc((1024px - 100vw)/20); } }
.battle-types.page .blade {
  padding: 35px 0; }
  .battle-types.page .blade--tile {
    overflow: hidden; }
    .battle-types.page .blade--tile [class*='column'] {
      height: 100%; }
    .battle-types.page .blade--tile .column {
      position: relative; }
      @media (max-width: 1023px) {
        .battle-types.page .blade--tile .column:first-child img {
          -ms-transform: translateX(calc(-0.5 * (1024px - 100vw)));
          transform: translateX(calc(-0.5 * (1024px - 100vw))); }
        .battle-types.page .blade--tile .column:last-child img {
          -ms-transform: translateX(calc(0.5 * (1024px - 100vw)));
          transform: translateX(calc(0.5 * (1024px - 100vw))); } }
    .battle-types.page .blade--tile img {
      position: absolute;
      top: 50%;
      left: 50%;
      margin-top: -230px;
      margin-left: -415.5px; }
    @media (max-width: 767px) {
      .battle-types.page .blade--tile [class*='column'] {
        display: none; } }
  .battle-types.page .blade h3 {
    text-shadow: black 2px 0px 0px, black 1.75517px 0.95885px 0px, black 1.0806px 1.68294px 0px, black 0.14147px 1.99499px 0px, black -0.83229px 1.81859px 0px, black -1.60229px 1.19694px 0px, black -1.97998px 0.28224px 0px, black -1.87291px -0.70157px 0px, black -1.30729px -1.5136px 0px, black -0.42159px -1.95506px 0px, black 0.56732px -1.91785px 0px, black 1.41734px -1.41108px 0px, black 1.92034px -0.55883px 0px;
    font-size: 1.8em;
    margin: 0 0 20px; }
    @media (max-width: 767px) {
      .battle-types.page .blade h3 {
        font-size: 5vw; } }
  .battle-types.page .blade p {
    font-size: 1.2em;
    color: #000000;
    margin: 0; }
    @media (max-width: 767px) {
      .battle-types.page .blade p {
        font-size: 1em; } }
  .battle-types.page .blade--title-left {
    position: absolute;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: calc(100% - 6px);
    width: 100vw;
    max-width: 1024px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: end;
    align-items: flex-end;
    padding: 0 20px; }
    .battle-types.page .blade--title-left .img-wrap {
      position: relative;
      margin-right: 20px;
      bottom: -10px; }
    .battle-types.page .blade--title-left .h-wrap {
      display: inline-block;
      margin: 0; }
    .battle-types.page .blade--title-left h2 {
      margin: 0;
      text-shadow: black 2px 0px 0px, black 1.75517px 0.95885px 0px, black 1.0806px 1.68294px 0px, black 0.14147px 1.99499px 0px, black -0.83229px 1.81859px 0px, black -1.60229px 1.19694px 0px, black -1.97998px 0.28224px 0px, black -1.87291px -0.70157px 0px, black -1.30729px -1.5136px 0px, black -0.42159px -1.95506px 0px, black 0.56732px -1.91785px 0px, black 1.41734px -1.41108px 0px, black 1.92034px -0.55883px 0px;
      line-height: 1em; }
      .battle-types.page .blade--title-left h2 span:first-child {
        text-align: left; }
    @media (max-width: 767px) {
      .battle-types.page .blade--title-left {
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center;
        padding: 0 20px; }
        .battle-types.page .blade--title-left h2 span:first-child {
          text-align: center; }
        .battle-types.page .blade--title-left .img-wrap {
          display: none; } }
    @media (max-width: 460px) {
      .battle-types.page .blade--title-left .h-wrap {
        font-size: 6.75vw; } }
  .battle-types.page .blade--title-right {
    position: absolute;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: calc(100% - 6px);
    width: 100vw;
    max-width: 1024px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding: 0 20px; }
    .battle-types.page .blade--title-right .img-wrap {
      position: relative;
      margin-left: 20px;
      bottom: -10px; }
    .battle-types.page .blade--title-right .h-wrap {
      display: inline-block;
      margin: 0; }
    .battle-types.page .blade--title-right h2 {
      margin: 0;
      text-shadow: black 2px 0px 0px, black 1.75517px 0.95885px 0px, black 1.0806px 1.68294px 0px, black 0.14147px 1.99499px 0px, black -0.83229px 1.81859px 0px, black -1.60229px 1.19694px 0px, black -1.97998px 0.28224px 0px, black -1.87291px -0.70157px 0px, black -1.30729px -1.5136px 0px, black -0.42159px -1.95506px 0px, black 0.56732px -1.91785px 0px, black 1.41734px -1.41108px 0px, black 1.92034px -0.55883px 0px;
      line-height: 1em; }
      .battle-types.page .blade--title-right h2 span:first-child {
        text-align: left; }
    @media (max-width: 767px) {
      .battle-types.page .blade--title-right {
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center;
        padding: 0 20px; }
        .battle-types.page .blade--title-right h2 span:first-child {
          text-align: center; }
        .battle-types.page .blade--title-right .img-wrap {
          display: none; } }
    @media (max-width: 460px) {
      .battle-types.page .blade--title-right .h-wrap {
        font-size: 6.75vw; } }
  @media (max-width: 767px) {
    .battle-types.page .blade .two-column {
      padding: 20px 0; } }
.battle-types.page .column-text-left {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center; }
  .battle-types.page .column-text-left h3, .battle-types.page .column-text-left p {
    max-width: 360px; }
  @media (max-width: 767px) {
    .battle-types.page .column-text-left {
      -ms-flex-align: center;
      align-items: center;
      text-align: center;
      padding-top: 10px; }
      .battle-types.page .column-text-left h3, .battle-types.page .column-text-left p {
        max-width: 422px;
        margin: 10px 0 0; } }
.battle-types.page .column-text-right {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: end;
  align-items: flex-end;
  -ms-flex-pack: center;
  justify-content: center; }
  .battle-types.page .column-text-right h3, .battle-types.page .column-text-right p {
    max-width: 360px;
    width: 100%; }
  @media (max-width: 767px) {
    .battle-types.page .column-text-right {
      -ms-flex-align: center;
      align-items: center;
      text-align: center;
      padding-top: 10px; }
      .battle-types.page .column-text-right h3, .battle-types.page .column-text-right p {
        max-width: 422px;
        margin: 10px 0 0; } }
.battle-types.page .video-thumb {
  display: inline-block; }
  .battle-types.page .video-thumb img {
    width: 100%;
    height: auto; }
.battle-types.page .battle-arena .blade--bg {
  background: transparent url("../images/tiles/types-battle-arena.jpg") repeat; }
.battle-types.page .battle-arena h2 {
  color: #78ebff; }
.battle-types.page .battle-arena .side-art {
  z-index: 1; }
  .battle-types.page .battle-arena .side-art .left > div:nth-child(1) {
    left: -36px;
    top: 90px;
    -ms-transform: scale(0.8) rotate(-30deg);
    transform: scale(0.8) rotate(-30deg); }
  .battle-types.page .battle-arena .side-art .right > div:nth-child(1) {
    right: -56px;
    top: 186px; }
.battle-types.page .apple-scramble .blade--bg {
  background: transparent url("../images/tiles/types-apple-scramble.jpg") repeat; }
.battle-types.page .apple-scramble h2 {
  color: #ff645a; }
.battle-types.page .apple-scramble .side-art {
  z-index: 1; }
  .battle-types.page .apple-scramble .side-art .left > div:nth-child(1) {
    left: -36px;
    top: 43px;
    -ms-transform: scale(0.9) rotate(20deg);
    transform: scale(0.9) rotate(20deg); }
  .battle-types.page .apple-scramble .side-art .right > div:nth-child(1) {
    right: -56px;
    top: -12px;
    -ms-transform: rotate(-40deg);
    transform: rotate(-40deg); }
.battle-types.page .coin-clash .blade--bg {
  background: transparent url("../images/tiles/types-coin-clash.jpg") repeat; }
.battle-types.page .coin-clash h2 {
  color: #ffc800; }
.battle-types.page .coin-clash .side-art {
  z-index: 1; }
  .battle-types.page .coin-clash .side-art .right > div:nth-child(1) {
    right: 13px;
    top: 114px; }
.battle-types.page .attack-riders .blade--bg {
  background: transparent url("../images/tiles/types-attack-riders.jpg") repeat; }
.battle-types.page .attack-riders h2 {
  color: #ff783c; }
.battle-types.page .attack-riders .side-art {
  z-index: 1; }
  .battle-types.page .attack-riders .side-art .left > div:nth-child(1) {
    left: -83px;
    top: 136px; }
  .battle-types.page .attack-riders .side-art .left > div:nth-child(2) {
    left: 60px;
    top: 273px; }
.battle-types.page .crazy-theater .blade--bg {
  background: transparent url("../images/tiles/types-crazy-theater.jpg") repeat; }
.battle-types.page .crazy-theater h2 {
  color: #82ebff; }
.battle-types.page .crazy-theater .side-art {
  z-index: 1; }
  .battle-types.page .crazy-theater .side-art .left > div:nth-child(1) {
    left: -195px;
    top: 31px;
    -ms-transform: scale(0.5);
    transform: scale(0.5); }
  .battle-types.page .crazy-theater .side-art .right > div:nth-child(1) {
    right: -8px;
    top: -12px; }
.battle-types.page .rocket-rumble .blade--bg {
  background: transparent url("../images/tiles/types-rocket-rumble.jpg") repeat; }
.battle-types.page .rocket-rumble h2 {
  color: #8cc8ff; }
.battle-types.page .rocket-rumble .side-art {
  z-index: 1; }
  .battle-types.page .rocket-rumble .side-art .right > div:nth-child(1) {
    right: 46px;
    top: 34px; }
.battle-types.page .mecha-bonkers .blade--bg {
  background: transparent url("../images/tiles/types-mecha-bonkers.jpg") repeat; }
.battle-types.page .mecha-bonkers h2 {
  color: #f06e79; }
.battle-types.page .mecha-bonkers .side-art {
  z-index: 1; }
  .battle-types.page .mecha-bonkers .side-art .left > div:nth-child(1) {
    left: -104px;
    top: -57px;
    -ms-transform: rotate(-76deg);
    transform: rotate(-76deg); }
  .battle-types.page .mecha-bonkers .side-art .left > div:nth-child(2) {
    left: 0;
    top: 297px; }
  .battle-types.page .mecha-bonkers .side-art .right > div:nth-child(1) {
    right: -53px;
    top: 51px; }
.battle-types.page .slam-hockey .blade--bg {
  background: transparent url("../images/tiles/types-slam-hockey.jpg") repeat; }
.battle-types.page .slam-hockey h2 {
  color: #73ebff; }
.battle-types.page .slam-hockey .side-art {
  z-index: 1; }
  .battle-types.page .slam-hockey .side-art .left > div:nth-child(1) {
    left: 0;
    top: 300px;
    -ms-transform: rotate(180deg);
    transform: rotate(180deg); }
  .battle-types.page .slam-hockey .side-art .right > div:nth-child(1) {
    right: 0;
    top: 0; }
.battle-types.page .ore-express .blade--bg {
  background: transparent url("../images/tiles/types-ore-express.jpg") repeat; }
.battle-types.page .ore-express h2 {
  color: #ff9764; }
.battle-types.page .ore-express .side-art {
  z-index: 1; }
  .battle-types.page .ore-express .side-art .right > div:nth-child(1) {
    right: -50px;
    top: 90px;
    -ms-transform: scale(0.8);
    transform: scale(0.8); }
.battle-types.page .flag-ball .blade--bg {
  background: transparent url("../images/tiles/types-flag-ball.jpg") repeat; }
.battle-types.page .flag-ball h2 {
  color: #ffc814; }
.battle-types.page .flag-ball .side-art {
  z-index: 1; }
  .battle-types.page .flag-ball .side-art .left > div:nth-child(1) {
    left: 0;
    top: 88px; }
  .battle-types.page .flag-ball .side-art .left > div:nth-child(2) {
    left: 93px;
    top: -65px; }

@media (max-width: 767px) {
  .no-microsoft-ie .battle-types.page .blade.minus-deg .blade--content .two-column {
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse; } }

@media (max-width: 767px) {
  .microsoft-ie .battle-types.page .column-text-left p {
    margin-bottom: 10px; } }

.wii-u {
  background: url("../images/tiles/bg-orange.png") 0 0 repeat;
  width: 100%;
  height: 100%;
  min-width: 100vw;
  min-height: 100vh; }
  .wii-u .page {
    position: relative;
    color: #ffffff;
    width: 100%;
    height: 100%;
    min-width: 100vw;
    min-height: 100vh;
    padding: 0; }
    .wii-u .page .logo-nintendo {
      margin-left: 50px; }
    .wii-u .page h1 {
      margin: 30px 50px 10px 50px;
      padding-right: 50px;
      width: 76.11vw;
      max-width: 650px;
      font-weight: 100;
      font-size: 2em; }
    .wii-u .page p {
      margin: 30px 50px;
      width: 52.81vw;
      max-width: 450px;
      font-weight: 100;
      font-size: 1em;
      line-height: 1.3em; }
    .wii-u .page .image-wrapper {
      position: absolute;
      top: 0;
      right: 0;
      width: 100%;
      height: 100%; }
      .wii-u .page .image-wrapper .wii-characters {
        position: absolute;
        bottom: 15px;
        right: 5px;
        width: 312px;
        height: 256px; }
    @media (max-width: 650px) {
      .wii-u .page h1 {
        padding-right: 0px; }
      .wii-u .page p {
        padding-right: 0px; } }

.es .desktop-nav ul li a {
  font-size: 1em; }
.es .home.page .hero .h-wrap {
  bottom: -45px;
  font-size: 1.5em; }
  @media (max-width: 767px) {
    .es .home.page .hero .h-wrap {
      bottom: 0px; } }
.es .home.page .wallpapers-blade .button-yellow .button-text {
  font-size: 0.8em; }
.es .home.page .wallpapers-blade .h-wrap {
  font-size: 1.3em;
  top: -6px; }
@media (max-width: 1023px) {
  .es .home.page .play-blade .amiibo-box h2 {
    font-size: 1.1em; } }
@media (max-width: 767px) {
  .es .home.page .trailer-blade .two-column {
    min-height: 130px; }
  .es .home.page .trailer-blade .trailer-button .button-text {
    width: 140px; }
  .es .home.page .battle-blade .h-wrap h2 {
    font-size: 0.8em;
    top: 15px; }
  .es .button-star {
    margin: 0; }
  .es .home.page .wallpapers-blade .h-wrap {
    top: -23px; } }
.es .battle-types.page .hero .h-wrap {
  font-size: 2.2em; }
  @media (max-width: 1023px) {
    .es .battle-types.page .hero .h-wrap {
      font-size: 3vw; } }
  @media (max-width: 767px) {
    .es .battle-types.page .hero .h-wrap {
      font-size: 4.75vw; } }
.es .battle-types.page .blade--title-right .h-wrap,
.es .battle-types.page .blade--title-left .h-wrap {
  font-size: 1.4em; }
  @media (max-width: 460px) {
    .es .battle-types.page .blade--title-right .h-wrap,
    .es .battle-types.page .blade--title-left .h-wrap {
      font-size: 5.5vw; } }
.es .abilities.page .hero .h-wrap {
  font-size: 2em; }
  @media (max-width: 1023px) {
    .es .abilities.page .hero .h-wrap {
      font-size: 3.5vw; } }
  @media (max-width: 767px) {
    .es .abilities.page .hero .h-wrap {
      font-size: 4vw; } }
.es .abilities.page .anniversary-poll .h-wrap {
  font-size: 1em;
  max-width: 420px;
  margin: 0; }
  .es .abilities.page .anniversary-poll .h-wrap h2 span:first-child {
    text-align: left; }
  @media (max-width: 767px) {
    .es .abilities.page .anniversary-poll .h-wrap {
      margin: 0 auto; } }
.es .abilities.page .anniversary-poll p {
  font-size: 1.3em; }
.es .abilities.page .ability-preview h3 {
  font-size: 1.5em; }
.es .buy-page .top-content h3.date {
  margin-bottom: 20px; }
.es .buy-page .demo-blade h2 {
  max-width: 600px;
  font-size: 1.3em;
  margin: 30px auto; }
  @media (max-width: 767px) {
    .es .buy-page .demo-blade h2 {
      width: 100vw;
      max-width: 450px;
      font-size: 0.8em; } }

.fr .desktop-nav ul li a {
  font-size: 1.1em; }
.fr .home.page .hero .h-wrap {
  bottom: -45px;
  font-size: 1.4em; }
  @media (max-width: 1023px) {
    .fr .home.page .hero .h-wrap {
      bottom: -35px;
      font-size: 1.3em; } }
  @media (max-width: 767px) {
    .fr .home.page .hero .h-wrap {
      bottom: 0px; } }
.fr .home.page .trailer-blade {
  padding-bottom: 45px; }
.fr .home.page .trailer-blade .trailer-button .button-text {
  font-size: 1.1em; }
.fr .home.page .trailer-blade .buy-button .button-text {
  font-size: 1.1em;
  left: -10px; }
.fr .home.page .trailer-blade .buy-button .arrow {
  display: none; }
.fr .home.page .wallpapers-blade .button-yellow .button-text {
  font-size: 0.8em; }
.fr .home.page .play-blade .button-green {
  font-size: 1em; }
.fr .home.page .wallpapers-blade .h-wrap {
  font-size: 1.7em; }
.fr .home.page .rival-blade .h-wrap {
  font-size: 1.5em; }
.fr .home.page .play-blade .h-wrap {
  font-size: 1.5em;
  width: 95vw; }
.fr .home.page .battle-blade .button-yellow .button-text {
  font-size: 1.5em; }
  .fr .home.page .battle-blade .button-yellow .button-text:after {
    top: -5px; }
.fr .home.page .wallpapers-blade .h-wrap .background {
  top: -20px; }
@media (min-width: 768px) {
  .fr .home.page .abilities-blade .button-yellow .button-text:after {
    top: 13px; } }
@media (max-width: 1023px) {
  .fr .home.page .play-blade .amiibo-box h2 {
    font-size: 1.1em; } }
@media (max-width: 767px) {
  .fr .home.page .trailer-blade .trailer-button {
    margin-left: 80px; }
  .fr .home.page .trailer-blade .trailer-button .button-text {
    width: 140px; }
  .fr .home.page .trailer-blade .trailer-button .screenshot {
    left: -100px; }
  .fr .home.page .trailer-blade .buy-button .box {
    right: -150px; }
  .fr .home.page .trailer-blade .buy-button .button-text {
    font-size: 1em; }
  .fr .home.page .trailer-blade .buy-button {
    margin-right: 140px; }
  .fr .home.page .battle-blade .h-wrap h2 {
    font-size: 0.8em;
    top: 15px; }
  .fr .home.page .wallpapers-blade .h-wrap .background {
    top: -17px; }
  .fr .button-star {
    margin: 0; } }
.fr .battle-types.page .hero .h-wrap {
  font-size: 2.2em; }
  @media (max-width: 1023px) {
    .fr .battle-types.page .hero .h-wrap {
      font-size: 3vw; } }
  @media (max-width: 767px) {
    .fr .battle-types.page .hero .h-wrap {
      font-size: 4.75vw; } }
.fr .battle-types.page .blade--title-right .h-wrap,
.fr .battle-types.page .blade--title-left .h-wrap {
  font-size: 1.8em; }
  @media (max-width: 460px) {
    .fr .battle-types.page .blade--title-right .h-wrap,
    .fr .battle-types.page .blade--title-left .h-wrap {
      font-size: 6.75vw; } }
.fr .abilities.page .anniversary-poll .h-wrap {
  font-size: 1em;
  max-width: 420px;
  margin: 0; }
  .fr .abilities.page .anniversary-poll .h-wrap h2 span:first-child {
    text-align: left; }
  @media (max-width: 767px) {
    .fr .abilities.page .anniversary-poll .h-wrap {
      margin: 0 auto; } }
.fr .abilities.page .anniversary-poll p {
  font-size: 1.3em; }
.fr .abilities.page .ability-preview h3 {
  font-size: 1.5em; }
@media (max-width: 767px) {
  .fr .buy-page .top-content .h-wrap, .fr .buy-page .top-content h3.date {
    font-size: 1.5em; } }
.fr .buy-page .demo-blade h2 {
  font-size: 1.8em; }
  @media (max-width: 767px) {
    .fr .buy-page .demo-blade h2 {
      font-size: 0.9em; } }



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