@charset "UTF-8";
/* . ======================================= Author           email            Created         2015-03-09 16:32:15 Description     . Edited by        Edited          2016-02-16 14:14:56
*/
@import url(https://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic|Julius+Sans+One);
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; }

html { line-height: 1; }

ol, ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }

a img { border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/** 1. Set default font family to sans-serif. 2. Prevent iOS and IE text size adjust after device orientation change, without disabling user zoom. */
html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ }

/** Remove default margin. */
body { margin: 0; }

/* HTML5 display definitions ========================================================================== */
/** Correct `block` display not defined for any HTML5 element in IE 8/9. Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox. Correct `block` display not defined for `main` in IE 11. */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

/** 1. Correct `inline-block` display not defined in IE 8/9. 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */
audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ }

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

/** Address `[hidden]` styling not present in IE 8/9/10. Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22. */
[hidden], template { display: none; }

/* Links ========================================================================== */
/** Remove the gray background color from active links in IE 10. */
a { background-color: transparent; }

/** Improve readability of focused elements when they are also in an active/hover state. */
a:active, a:hover { outline: 0; }

/* Text-level semantics ========================================================================== */
/** Address styling not present in IE 8/9/10/11, Safari, and Chrome. */
abbr[title] { border-bottom: 1px dotted; }

/** Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */
b, strong { font-weight: bold; }

/** Address styling not present in Safari and Chrome. */
dfn { font-style: italic; }

/** Address variable `h1` font-size and margin within `section` and `article` contexts in Firefox 4+, Safari, and Chrome. */
h1 { font-size: 2em; margin: 0.67em 0; }

/** Address styling not present in IE 8/9. */
mark { background: #ff0; color: #000; }

/** Address inconsistent and variable font size in all browsers. */
small { font-size: 80%; }

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

sup { top: -0.5em; }

sub { bottom: -0.25em; }

/* Embedded content ========================================================================== */
/** Remove border when inside `a` element in IE 8/9/10. */
img { border: 0; }

/** Correct overflow not hidden in IE 9/10/11. */
svg:not(:root) { overflow: hidden; }

/* Grouping content ========================================================================== */
/** Address margin not present in IE 8/9 and Safari. */
figure { margin: 1em 40px; }

/** Address differences between Firefox and other browsers. */
hr { box-sizing: content-box; height: 0; }

/** Contain overflow in all browsers. */
pre { overflow: auto; }

/** Address odd `em`-unit font size rendering in all browsers. */
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }

/* Forms ========================================================================== */
/** Known limitation: by default, Chrome and Safari on OS X allow very limited styling of `select`, unless a `border` property is set. */
/** 1. Correct color not being inherited. Known issue: affects color of disabled elements. 2. Correct font properties not being inherited. 3. Address margins set differently in Firefox 4+, Safari, and Chrome. */
button, input, optgroup, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ }

/** Address `overflow` set to `hidden` in IE 8/9/10/11. */
button { overflow: visible; }

/** Address inconsistent `text-transform` inheritance for `button` and `select`. All other form control elements do not inherit `text-transform` values. Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. Correct `select` style inheritance in Firefox. */
button, select { text-transform: none; }

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

/** Re-set default cursor for disabled elements. */
button[disabled], html input[disabled] { cursor: default; }

/** Remove inner padding and border in Firefox 4+. */
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/** Address Firefox 4+ setting `line-height` on `input` using `!important` in the UA stylesheet. */
input { line-height: normal; }

/** It's recommended that you don't attempt to style these elements. Firefox's implementation doesn't respect box-sizing, padding, or width.  1. Address box sizing set to `content-box` in IE 8/9/10. 2. Remove excess padding in IE 8/9/10. */
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

/** Fix the cursor style for Chrome's increment/decrement buttons. For certain `font-size` values of the `input`, it causes the cursor style of the decrement button to change from `default` to `text`. */
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }

/** 1. Address `appearance` set to `searchfield` in Safari and Chrome. 2. Address `box-sizing` set to `border-box` in Safari and Chrome. */
input[type="search"] { -webkit-appearance: textfield; /* 1 */ box-sizing: content-box; /* 2 */ }

/** Remove inner padding and search cancel button in Safari and Chrome on OS X. Safari (but not Chrome) clips the cancel button when the search input has padding (and `textfield` appearance). */
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/** Define consistent border, margin, and padding. */
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

/** 1. Correct `color` not being inherited in IE 8/9/10/11. 2. Remove padding so people aren't caught out if they zero out fieldsets. */
legend { border: 0; /* 1 */ padding: 0; /* 2 */ }

/** Remove default vertical scrollbar in IE 8/9/10/11. */
textarea { overflow: auto; }

/** Don't inherit the `font-weight` (applied by a rule above). NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */
optgroup { font-weight: bold; }

/* Tables ========================================================================== */
/** Remove most spacing between table cells. */
table { border-collapse: collapse; border-spacing: 0; }

td, th { padding: 0; }

/*   . ======================================= Author           email            Created         2016-01-18 14:18:32 Description     . Edited by        Edited          2016-01-19 14:55:09
*/
/* . ======================================= Author           email            Created         2015-10-23 15:03:15 Description     . Edited by        Edited          2016-01-19 10:09:16
*/
/*   Responsive settings ======================================= Author           email            Created         2015-11-02 14:42:06 Description     . Edited by        Edited          2015-11-02 14:43:43
*/
/* Flex grid system settings ======================================= Author           email            Created         2015-11-02 14:44:25 Description     . Edited by        Edited          2015-11-02 14:48:52
*/
/* Variables. Nothing should appear in the CSS for this file ======================================= Author           email            Created         2014-11-03 15:18:16 Description     . Edited by        Edited          2015-03-09 16:40:17
*/
/*   . ======================================= Author           email            Created         2015-03-09 16:38:44 Description     . Edited by        Edited          2015-03-09 17:16:07
*/
/* Text mixins ======================================= Author           email            Created         2014-11-03 16:27:08 Description     . Edited by        Edited          2015-01-20 10:09:53
*/
/* Various image mixins ======================================= Author           email            Created         2014-11-03 17:06:00 Description     . Edited by        Edited          2015-03-09 17:17:17
*/
/* Transition mixins ======================================= Author           email            Created         2014-11-04 09:07:18 Description     . Edited by        Edited          2016-01-26 17:08:02
*/
@-moz-keyframes hover { 50% { -moz-transform: translateY(-50px); transform: translateY(-50px); }
  100% { -moz-transform: translateY(10px); transform: translateY(10px); } }
@-webkit-keyframes hover { 50% { -webkit-transform: translateY(-50px); transform: translateY(-50px); }
  100% { -webkit-transform: translateY(10px); transform: translateY(10px); } }
@keyframes hover { 50% { -moz-transform: translateY(-50px); -ms-transform: translateY(-50px); -webkit-transform: translateY(-50px); transform: translateY(-50px); }
  100% { -moz-transform: translateY(10px); -ms-transform: translateY(10px); -webkit-transform: translateY(10px); transform: translateY(10px); } }
@-moz-keyframes charactersCloud { to { -moz-transform: translateX(-1250px); transform: translateX(-1250px); } }
@-webkit-keyframes charactersCloud { to { -webkit-transform: translateX(-1250px); transform: translateX(-1250px); } }
@keyframes charactersCloud { to { -moz-transform: translateX(-1250px); -ms-transform: translateX(-1250px); -webkit-transform: translateX(-1250px); transform: translateX(-1250px); } }
@-moz-keyframes storyPortalRotation { 100% { -moz-transform: rotate(360deg); transform: rotate(360deg); } }
@-webkit-keyframes storyPortalRotation { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
@keyframes storyPortalRotation { 100% { -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
@-moz-keyframes storyPortalRotationReverse { 100% { -moz-transform: rotate(-360deg); transform: rotate(-360deg); } }
@-webkit-keyframes storyPortalRotationReverse { 100% { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); } }
@keyframes storyPortalRotationReverse { 100% { -moz-transform: rotate(-360deg); -ms-transform: rotate(-360deg); -webkit-transform: rotate(-360deg); transform: rotate(-360deg); } }
@-moz-keyframes mapAnimation { 20% { -moz-transform: translate(25%, -25%); transform: translate(25%, -25%); }
  40% { -moz-transform: translate(0%, -50%); transform: translate(0%, -50%); }
  60% { -moz-transform: translate(-25%, -25%); transform: translate(-25%, -25%); }
  80% { -moz-transform: translate(0%, -25%); transform: translate(0%, -25%); }
  100% { -moz-transform: translate(0%, 0%); transform: translate(0%, 0%); } }
@-webkit-keyframes mapAnimation { 20% { -webkit-transform: translate(25%, -25%); transform: translate(25%, -25%); }
  40% { -webkit-transform: translate(0%, -50%); transform: translate(0%, -50%); }
  60% { -webkit-transform: translate(-25%, -25%); transform: translate(-25%, -25%); }
  80% { -webkit-transform: translate(0%, -25%); transform: translate(0%, -25%); }
  100% { -webkit-transform: translate(0%, 0%); transform: translate(0%, 0%); } }
@keyframes mapAnimation { 20% { -moz-transform: translate(25%, -25%); -ms-transform: translate(25%, -25%); -webkit-transform: translate(25%, -25%); transform: translate(25%, -25%); }
  40% { -moz-transform: translate(0%, -50%); -ms-transform: translate(0%, -50%); -webkit-transform: translate(0%, -50%); transform: translate(0%, -50%); }
  60% { -moz-transform: translate(-25%, -25%); -ms-transform: translate(-25%, -25%); -webkit-transform: translate(-25%, -25%); transform: translate(-25%, -25%); }
  80% { -moz-transform: translate(0%, -25%); -ms-transform: translate(0%, -25%); -webkit-transform: translate(0%, -25%); transform: translate(0%, -25%); }
  100% { -moz-transform: translate(0%, 0%); -ms-transform: translate(0%, 0%); -webkit-transform: translate(0%, 0%); transform: translate(0%, 0%); } }
@-moz-keyframes buyNowShine { 100% { -moz-transform: translateX(120px); transform: translateX(120px); } }
@-webkit-keyframes buyNowShine { 100% { -webkit-transform: translateX(120px); transform: translateX(120px); } }
@keyframes buyNowShine { 100% { -moz-transform: translateX(120px); -ms-transform: translateX(120px); -webkit-transform: translateX(120px); transform: translateX(120px); } }
@-moz-keyframes amiiboGlow { 50% { opacity: 0.5; } }
@-webkit-keyframes amiiboGlow { 50% { opacity: 0.5; } }
@keyframes amiiboGlow { 50% { opacity: 0.5; } }
@-moz-keyframes quotesDetailPause { 20% { background-position: 0 0; }
  50% { background-position: 0 -750px; }
  100% { background-position: 0 -750px; } }
@-webkit-keyframes quotesDetailPause { 20% { background-position: 0 0; }
  50% { background-position: 0 -750px; }
  100% { background-position: 0 -750px; } }
@keyframes quotesDetailPause { 20% { background-position: 0 0; }
  50% { background-position: 0 -750px; }
  100% { background-position: 0 -750px; } }
@-moz-keyframes decFromLeft { 0% { -moz-transform: translateX(-100%); transform: translateX(-100%); opacity: 0; }
  100% { -moz-transform: translateX(0%); transform: translateX(0%); opacity: 1; } }
@-webkit-keyframes decFromLeft { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); opacity: 0; }
  100% { -webkit-transform: translateX(0%); transform: translateX(0%); opacity: 1; } }
@keyframes decFromLeft { 0% { -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -webkit-transform: translateX(-100%); transform: translateX(-100%); opacity: 0; }
  100% { -moz-transform: translateX(0%); -ms-transform: translateX(0%); -webkit-transform: translateX(0%); transform: translateX(0%); opacity: 1; } }
@-moz-keyframes decFromRight { 0% { -moz-transform: translateX(100%); transform: translateX(100%); opacity: 0; }
  100% { -moz-transform: translateX(0%); transform: translateX(0%); opacity: 1; } }
@-webkit-keyframes decFromRight { 0% { -webkit-transform: translateX(100%); transform: translateX(100%); opacity: 0; }
  100% { -webkit-transform: translateX(0%); transform: translateX(0%); opacity: 1; } }
@keyframes decFromRight { 0% { -moz-transform: translateX(100%); -ms-transform: translateX(100%); -webkit-transform: translateX(100%); transform: translateX(100%); opacity: 0; }
  100% { -moz-transform: translateX(0%); -ms-transform: translateX(0%); -webkit-transform: translateX(0%); transform: translateX(0%); opacity: 1; } }
@-moz-keyframes emberspin1 { 0% { -moz-transform: rotateY(0); transform: rotateY(0); }
  100% { -moz-transform: rotateY(-360deg); transform: rotateY(-360deg); } }
@-webkit-keyframes emberspin1 { 0% { -webkit-transform: rotateY(0); transform: rotateY(0); }
  100% { -webkit-transform: rotateY(-360deg); transform: rotateY(-360deg); } }
@keyframes emberspin1 { 0% { -moz-transform: rotateY(0); -ms-transform: rotateY(0); -webkit-transform: rotateY(0); transform: rotateY(0); }
  100% { -moz-transform: rotateY(-360deg); -ms-transform: rotateY(-360deg); -webkit-transform: rotateY(-360deg); transform: rotateY(-360deg); } }
@-moz-keyframes emberspin2 { 0% { -moz-transform: rotateY(0); transform: rotateY(0); }
  100% { -moz-transform: rotateY(360deg); transform: rotateY(360deg); } }
@-webkit-keyframes emberspin2 { 0% { -webkit-transform: rotateY(0); transform: rotateY(0); }
  100% { -webkit-transform: rotateY(360deg); transform: rotateY(360deg); } }
@keyframes emberspin2 { 0% { -moz-transform: rotateY(0); -ms-transform: rotateY(0); -webkit-transform: rotateY(0); transform: rotateY(0); }
  100% { -moz-transform: rotateY(360deg); -ms-transform: rotateY(360deg); -webkit-transform: rotateY(360deg); transform: rotateY(360deg); } }
/*   Flex helpters ======================================= Author           email            Created         2015-10-23 15:02:04 Description     . Edited by        Edited          2015-10-23 15:02:32
*/
/*   Basic link styles ======================================= Author           email            Created         2014-11-03 16:14:07 Description     . Edited by        Edited          2015-03-09 17:01:39
*/
/*   Main navigation styles ======================================= Author           email            Created         2014-11-03 16:14:22 Description     . Edited by        Edited          2015-03-09 17:02:24
*/
/* Button styles ======================================= Author           email            Created         2014-11-03 16:14:14 Description     . Edited by        Edited          2016-01-27 09:19:16
*/
.button { display: inline-block; }

.button-large, .button-small, .button-decorative, #page-characters .controls li { color: #FFF; display: inline-block; font-style: italic; font-weight: bold; position: relative; text-decoration: none; }
.button-large::before, .button-large::after, .button-small::before, .button-small::after, .button-decorative::before, #page-characters .controls li::before, .button-decorative::after, #page-characters .controls li::after { content: ' '; position: absolute; top: 0px; }

.button-small { display: -ms-flexbox; display: -webkit-flexbox; display: -webkit-flex; display: flex; -ms-flex-align: center; -webkit-flex-align: center; -webkit-align-items: center; align-items: center; background: url('../img/global/bg-button-small-middle.png?1456420600') left top repeat-x; background-size: 1px auto; height: 44px; margin: 0 20px; padding: 0px 10px; }
.button-small::before { background: url('../img/global/bg-button-small-left.png?1456420600') center center no-repeat; background-size: contain; display: inline-block; height: 44px; width: 9px; -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -webkit-transform: translateX(-100%); transform: translateX(-100%); left: 0px; }
.button-small::after { background: url('../img/global/bg-button-small-right.png?1456420600') center center no-repeat; background-size: contain; display: inline-block; height: 44px; width: 9px; -moz-transform: translateX(100%); -ms-transform: translateX(100%); -webkit-transform: translateX(100%); transform: translateX(100%); right: 0px; }

.button-large { display: -ms-flexbox; display: -webkit-flexbox; display: -webkit-flex; display: flex; -ms-flex-align: center; -webkit-flex-align: center; -webkit-align-items: center; align-items: center; background: url('../img/global/bg-button-large-middle.png?1456420600') left top repeat-x; background-size: 1px auto; height: 74px; margin: 0 20px; padding: 0px 20px; }
.button-large::before { background: url('../img/global/bg-button-large-left.png?1456420600') center center no-repeat; background-size: contain; display: inline-block; height: 74px; width: 14px; -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -webkit-transform: translateX(-100%); transform: translateX(-100%); left: 0px; }
.button-large::after { background: url('../img/global/bg-button-large-right.png?1456420600') center center no-repeat; background-size: contain; display: inline-block; height: 74px; width: 14px; -moz-transform: translateX(100%); -ms-transform: translateX(100%); -webkit-transform: translateX(100%); transform: translateX(100%); right: 0px; }

.button-decorative, #page-characters .controls li { -moz-transition: background 0.3s, box-shadow 0.2s; -o-transition: background 0.3s, box-shadow 0.2s; -webkit-transition: background 0.3s, box-shadow 0.2s; transition: background 0.3s, box-shadow 0.2s; box-shadow: 0 0 0 transparent; background: RGBA(0, 0, 0, 0.4); border: 2px solid #f0c960; text-align: center; padding: 5px; }
.button-decorative::before, #page-characters .controls li::before, .button-decorative::after, #page-characters .controls li::after { -moz-transition: -moz-transform 0.3s, opacity 0.2s; -o-transition: -o-transform 0.3s, opacity 0.2s; -webkit-transition: -webkit-transform 0.3s, opacity 0.2s; transition: transform 0.3s, opacity 0.2s; opacity: 0; top: 50%; }
.button-decorative::before, #page-characters .controls li::before { background: url('../img/global/decoration-button-1-left.png?1456420600') center center no-repeat; background-size: contain; display: inline-block; height: 38px; width: 31px; -moz-transform: translate(-200%, -50%); -ms-transform: translate(-200%, -50%); -webkit-transform: translate(-200%, -50%); transform: translate(-200%, -50%); left: 0px; }
.button-decorative::after, #page-characters .controls li::after { background: url('../img/global/decoration-button-1-right.png?1456420600') center center no-repeat; background-size: contain; display: inline-block; height: 38px; width: 31px; -moz-transform: translate(200%, -50%); -ms-transform: translate(200%, -50%); -webkit-transform: translate(200%, -50%); transform: translate(200%, -50%); right: 0px; }
.button-decorative:hover, #page-characters .controls li:hover { box-shadow: 0px 0px 30px rgba(240, 201, 96, 0.5); cursor: pointer; }
.button-decorative.active, #page-characters .controls li.active { background: rgba(21, 99, 94, 0.5); }
.button-decorative.active::before, #page-characters .controls li.active::before { -moz-transform: translate(-85%, -50%); -ms-transform: translate(-85%, -50%); -webkit-transform: translate(-85%, -50%); transform: translate(-85%, -50%); opacity: 1; }
.button-decorative.active::after, #page-characters .controls li.active::after { -moz-transform: translate(85%, -50%); -ms-transform: translate(85%, -50%); -webkit-transform: translate(85%, -50%); transform: translate(85%, -50%); opacity: 1; }

.videobutton { background: RGBA(0, 0, 0, 0.7); border: 1px solid #ffd239; display: table; position: relative; margin-top: 20px; max-width: 360px; }
.videobutton img { width: 100%; display: block; }
.videobutton::after { background: url('../img/global/button-play.png?1456420600') center center no-repeat; background-size: contain; display: inline-block; height: 50px; width: 41px; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); content: ' '; display: block; left: 50%; position: absolute; top: 50%; }
.videobutton.no-rightmargin { max-width: none; }

@media only screen and (max-width: 40em) { .videobutton { margin: 20px auto 0; } }
/* Basic text styles ======================================= Author           email            Created         2014-10-31 08:53:33 Description     Basic text styles Edited by        Edited          2016-01-25 15:38:00 namespace       text/
*/
/* Basic text elements */
html { font-size: 16px; }

body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: 'Lora', serif; line-height: 1.5; }

/* Anchors */
/* Headers */
h1 { color: #ffdd67; font-family: 'Julius Sans One', sans-serif; font-size: 3.125rem; line-height: 1.1; margin-bottom: 0.2em; text-transform: uppercase; }

h2 { font-family: 'Julius Sans One', sans-serif; font-size: 2.25rem; line-height: 1.1; }

h1 span, h2 span { font-family: 'Lora', serif; font-style: italic; }
h1 span.lower, h2 span.lower { text-transform: lowercase; }

h3 { font-size: 1.5rem; }

h4 { font-size: 1.5rem; font-weight: bold; }

p { margin: 0.5em 0; }

@media only screen and (max-width: 40em) { h1 { font-size: 2.1rem; }
  h2 { font-size: 1.8rem; } }
span.amiibo-txt { font-family: 'Lora', serif; text-transform: lowercase; font-style: italic; }

html.backgroundcliptext h1 { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmYmVhNyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzg5ZmJmZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffbea7), color-stop(100%, #89fbfe)); background-image: -moz-linear-gradient(#ffbea7, #89fbfe); background-image: -webkit-linear-gradient(#ffbea7, #89fbfe); background-image: linear-gradient(#ffbea7, #89fbfe); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

/* FlexGrid helpers ======================================= Author           email            Created         2015-10-23 15:01:17 Description     . Edited by        Edited          2016-01-18 14:26:18
*/
/* WARNING These are helper functions, only used to generate the html classes. Disregard them. */
/* FLEX GRID The grid only starts to actually work for medium-up. It felt unnecessary to use it at small size because the content is always 100% wide.  USAGE: .row-flex > parent .column-flex-{size} > children  Media Queries: If you want a row or column to start behaving as flex or to change it's width at a certain size you can use: .row-flex-{media-querie} > parent .column-flex-{media-querie}-{size} > children  NON HTML CLASSES Change the variable 'include-html-flexgrid-classes' inside settings/variables.scss to deactivate the html classes and use only the mixins.  No secret with the mixins here, I use foundation's grid-calc() function to generate the correct sizes using the settings in the settings.scss file. So if needed to change the number of columns, etc, just overwrite the variable creating a new one inside our own settings.scss, located on the /settings/variables.scss folder.  BE FUCKING WARE!!!! When using the non html classes version you WILL HAVE TO ADD THE WII U FIX BY HAND! You can find the fix at the bottom of this file.  HTML CLASSES - STRIPPED VERSION With this version you get the basic ONLY, the row-flex and column-flex classes along with the Wii U global fix.  You might like this one Liam.  */
/* flex-grid-row() This is equivalent to grid-row() from foundation. */
/* flex-grid-column() This is equivalent to grid-column() from foundation. */
html, body { height: 100%; }

*, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

html, body { font-size: 16px; }

[class*='row-flex'], .row { margin: 0 auto; max-width: 1140px; width: 100%; }
[class*='row-flex'] [class*='row-flex'] [class*='column-flex'], .row [class*='row-flex'] [class*='column-flex'] { padding-left: 0; padding-right: 0; }

.row { padding-left: 10px; padding-right: 10px; }

[class*='column-flex'] { -ms-flex: 0 1 auto; padding-left: 10px; padding-right: 10px; }

@media only screen and (min-width: 40.063em) { [class*='row-flex'] { -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: center; -webkit-flex-pack: center; -webkit-justify-content: center; justify-content: center; }
  [class*='row-flex'] [class*='row-flex'] [class*='column-flex']:first-child { padding-right: 10px; padding-left: 0; }
  [class*='row-flex'] [class*='row-flex'] [class*='column-flex']:last-child { padding-left: 10px; padding-right: 0; }
  .row-flex { display: -ms-flexbox; display: -webkit-flexbox; display: -webkit-flex; display: flex; }
  .row-flex-nowrap { -ms-flex-wrap: none; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; }
  .row-flex-vertical-center { -ms-flex-align: center; -webkit-flex-align: center; -webkit-align-items: center; align-items: center; }
  .row-flex-vertical-center [class*="column-flex"] { margin-top: 0; margin-bottom: 0; }
  .row-flex-vertical-uncenter { -ms-flex-align: baseline; -webkit-flex-align: baseline; -webkit-align-items: baseline; align-items: baseline; }
  .row-flex-horizontal-uncenter { -ms-flex-pack: start; -webkit-flex-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; }
  .column-flex-1 { -ms-flex-preferred-size: 8.33333%; -webkit-flex-basis: 8.33333%; flex-basis: 8.33333%; width: 8.33333%; max-width: 8.33333%; }
  .column-flex-2 { -ms-flex-preferred-size: 16.66667%; -webkit-flex-basis: 16.66667%; flex-basis: 16.66667%; width: 16.66667%; max-width: 16.66667%; }
  .column-flex-3 { -ms-flex-preferred-size: 25%; -webkit-flex-basis: 25%; flex-basis: 25%; width: 25%; max-width: 25%; }
  .column-flex-4 { -ms-flex-preferred-size: 33.33333%; -webkit-flex-basis: 33.33333%; flex-basis: 33.33333%; width: 33.33333%; max-width: 33.33333%; }
  .column-flex-5 { -ms-flex-preferred-size: 41.66667%; -webkit-flex-basis: 41.66667%; flex-basis: 41.66667%; width: 41.66667%; max-width: 41.66667%; }
  .column-flex-6 { -ms-flex-preferred-size: 50%; -webkit-flex-basis: 50%; flex-basis: 50%; width: 50%; max-width: 50%; }
  .column-flex-7 { -ms-flex-preferred-size: 58.33333%; -webkit-flex-basis: 58.33333%; flex-basis: 58.33333%; width: 58.33333%; max-width: 58.33333%; }
  .column-flex-8 { -ms-flex-preferred-size: 66.66667%; -webkit-flex-basis: 66.66667%; flex-basis: 66.66667%; width: 66.66667%; max-width: 66.66667%; }
  .column-flex-9 { -ms-flex-preferred-size: 75%; -webkit-flex-basis: 75%; flex-basis: 75%; width: 75%; max-width: 75%; }
  .column-flex-10 { -ms-flex-preferred-size: 83.33333%; -webkit-flex-basis: 83.33333%; flex-basis: 83.33333%; width: 83.33333%; max-width: 83.33333%; }
  .column-flex-11 { -ms-flex-preferred-size: 91.66667%; -webkit-flex-basis: 91.66667%; flex-basis: 91.66667%; width: 91.66667%; max-width: 91.66667%; }
  .column-flex-12 { -ms-flex-preferred-size: 100%; -webkit-flex-basis: 100%; flex-basis: 100%; width: 100%; max-width: 100%; } }
@media only screen and (min-width: 54.063em) { .row-flex-large { display: -ms-flexbox; display: -webkit-flexbox; display: -webkit-flex; display: flex; }
  .row-flex-large-nowrap { -ms-flex-wrap: none; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; }
  .row-flex-large-vertical-center { -ms-flex-align: center; -webkit-flex-align: center; -webkit-align-items: center; align-items: center; }
  .row-flex-large-vertical-center [class*="column-flex"] { margin-top: 0; margin-bottom: 0; }
  .row-flex-large-vertical-uncenter { -ms-flex-align: baseline; -webkit-flex-align: baseline; -webkit-align-items: baseline; align-items: baseline; }
  .row-flex-large-horizontal-uncenter { -ms-flex-pack: start; -webkit-flex-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; }
  .column-flex-large-1 { -ms-flex-preferred-size: 8.33333%; -webkit-flex-basis: 8.33333%; flex-basis: 8.33333%; width: 8.33333%; max-width: 8.33333%; }
  .column-flex-large-2 { -ms-flex-preferred-size: 16.66667%; -webkit-flex-basis: 16.66667%; flex-basis: 16.66667%; width: 16.66667%; max-width: 16.66667%; }
  .column-flex-large-3 { -ms-flex-preferred-size: 25%; -webkit-flex-basis: 25%; flex-basis: 25%; width: 25%; max-width: 25%; }
  .column-flex-large-4 { -ms-flex-preferred-size: 33.33333%; -webkit-flex-basis: 33.33333%; flex-basis: 33.33333%; width: 33.33333%; max-width: 33.33333%; }
  .column-flex-large-5 { -ms-flex-preferred-size: 41.66667%; -webkit-flex-basis: 41.66667%; flex-basis: 41.66667%; width: 41.66667%; max-width: 41.66667%; }
  .column-flex-large-6 { -ms-flex-preferred-size: 50%; -webkit-flex-basis: 50%; flex-basis: 50%; width: 50%; max-width: 50%; }
  .column-flex-large-7 { -ms-flex-preferred-size: 58.33333%; -webkit-flex-basis: 58.33333%; flex-basis: 58.33333%; width: 58.33333%; max-width: 58.33333%; }
  .column-flex-large-8 { -ms-flex-preferred-size: 66.66667%; -webkit-flex-basis: 66.66667%; flex-basis: 66.66667%; width: 66.66667%; max-width: 66.66667%; }
  .column-flex-large-9 { -ms-flex-preferred-size: 75%; -webkit-flex-basis: 75%; flex-basis: 75%; width: 75%; max-width: 75%; }
  .column-flex-large-10 { -ms-flex-preferred-size: 83.33333%; -webkit-flex-basis: 83.33333%; flex-basis: 83.33333%; width: 83.33333%; max-width: 83.33333%; }
  .column-flex-large-11 { -ms-flex-preferred-size: 91.66667%; -webkit-flex-basis: 91.66667%; flex-basis: 91.66667%; width: 91.66667%; max-width: 91.66667%; }
  .column-flex-large-12 { -ms-flex-preferred-size: 100%; -webkit-flex-basis: 100%; flex-basis: 100%; width: 100%; max-width: 100%; }
  [class*='row-flex'] [class*='row-flex'] [class*='column-flex'] { padding-left: 10px; padding-right: 10px; } }
@media only screen and (min-width: 71.063em) { .row-flex-xlarge { display: -ms-flexbox; display: -webkit-flexbox; display: -webkit-flex; display: flex; }
  .row-flex-xlarge-nowrap { -ms-flex-wrap: none; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; }
  .row-flex-xlarge-vertical-center { -ms-flex-align: center; -webkit-flex-align: center; -webkit-align-items: center; align-items: center; }
  .row-flex-xlarge-vertical-center [class*="column-flex"] { margin-top: 0; margin-bottom: 0; }
  .row-flex-xlarge-vertical-uncenter { -ms-flex-align: baseline; -webkit-flex-align: baseline; -webkit-align-items: baseline; align-items: baseline; }
  .row-flex-xlarge-horizontal-uncenter { -ms-flex-pack: start; -webkit-flex-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; }
  .column-flex-xlarge-1 { -ms-flex-preferred-size: 8.33333%; -webkit-flex-basis: 8.33333%; flex-basis: 8.33333%; width: 8.33333%; max-width: 8.33333%; }
  .column-flex-xlarge-2 { -ms-flex-preferred-size: 16.66667%; -webkit-flex-basis: 16.66667%; flex-basis: 16.66667%; width: 16.66667%; max-width: 16.66667%; }
  .column-flex-xlarge-3 { -ms-flex-preferred-size: 25%; -webkit-flex-basis: 25%; flex-basis: 25%; width: 25%; max-width: 25%; }
  .column-flex-xlarge-4 { -ms-flex-preferred-size: 33.33333%; -webkit-flex-basis: 33.33333%; flex-basis: 33.33333%; width: 33.33333%; max-width: 33.33333%; }
  .column-flex-xlarge-5 { -ms-flex-preferred-size: 41.66667%; -webkit-flex-basis: 41.66667%; flex-basis: 41.66667%; width: 41.66667%; max-width: 41.66667%; }
  .column-flex-xlarge-6 { -ms-flex-preferred-size: 50%; -webkit-flex-basis: 50%; flex-basis: 50%; width: 50%; max-width: 50%; }
  .column-flex-xlarge-7 { -ms-flex-preferred-size: 58.33333%; -webkit-flex-basis: 58.33333%; flex-basis: 58.33333%; width: 58.33333%; max-width: 58.33333%; }
  .column-flex-xlarge-8 { -ms-flex-preferred-size: 66.66667%; -webkit-flex-basis: 66.66667%; flex-basis: 66.66667%; width: 66.66667%; max-width: 66.66667%; }
  .column-flex-xlarge-9 { -ms-flex-preferred-size: 75%; -webkit-flex-basis: 75%; flex-basis: 75%; width: 75%; max-width: 75%; }
  .column-flex-xlarge-10 { -ms-flex-preferred-size: 83.33333%; -webkit-flex-basis: 83.33333%; flex-basis: 83.33333%; width: 83.33333%; max-width: 83.33333%; }
  .column-flex-xlarge-11 { -ms-flex-preferred-size: 91.66667%; -webkit-flex-basis: 91.66667%; flex-basis: 91.66667%; width: 91.66667%; max-width: 91.66667%; }
  .column-flex-xlarge-12 { -ms-flex-preferred-size: 100%; -webkit-flex-basis: 100%; flex-basis: 100%; width: 100%; max-width: 100%; } }
@media only screen and (min-width: 120.063em) { .row-flex-xxlarge { display: -ms-flexbox; display: -webkit-flexbox; display: -webkit-flex; display: flex; }
  .row-flex-xxlarge-nowrap { -ms-flex-wrap: none; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; }
  .row-flex-xxlarge-vertical-center { -ms-flex-align: center; -webkit-flex-align: center; -webkit-align-items: center; align-items: center; }
  .row-flex-xxlarge-vertical-center [class*="column-flex"] { margin-top: 0; margin-bottom: 0; }
  .row-flex-xxlarge-vertical-uncenter { -ms-flex-align: baseline; -webkit-flex-align: baseline; -webkit-align-items: baseline; align-items: baseline; }
  .row-flex-xxlarge-horizontal-uncenter { -ms-flex-pack: start; -webkit-flex-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; }
  .column-flex-xxlarge-1 { -ms-flex-preferred-size: 8.33333%; -webkit-flex-basis: 8.33333%; flex-basis: 8.33333%; width: 8.33333%; max-width: 8.33333%; }
  .column-flex-xxlarge-2 { -ms-flex-preferred-size: 16.66667%; -webkit-flex-basis: 16.66667%; flex-basis: 16.66667%; width: 16.66667%; max-width: 16.66667%; }
  .column-flex-xxlarge-3 { -ms-flex-preferred-size: 25%; -webkit-flex-basis: 25%; flex-basis: 25%; width: 25%; max-width: 25%; }
  .column-flex-xxlarge-4 { -ms-flex-preferred-size: 33.33333%; -webkit-flex-basis: 33.33333%; flex-basis: 33.33333%; width: 33.33333%; max-width: 33.33333%; }
  .column-flex-xxlarge-5 { -ms-flex-preferred-size: 41.66667%; -webkit-flex-basis: 41.66667%; flex-basis: 41.66667%; width: 41.66667%; max-width: 41.66667%; }
  .column-flex-xxlarge-6 { -ms-flex-preferred-size: 50%; -webkit-flex-basis: 50%; flex-basis: 50%; width: 50%; max-width: 50%; }
  .column-flex-xxlarge-7 { -ms-flex-preferred-size: 58.33333%; -webkit-flex-basis: 58.33333%; flex-basis: 58.33333%; width: 58.33333%; max-width: 58.33333%; }
  .column-flex-xxlarge-8 { -ms-flex-preferred-size: 66.66667%; -webkit-flex-basis: 66.66667%; flex-basis: 66.66667%; width: 66.66667%; max-width: 66.66667%; }
  .column-flex-xxlarge-9 { -ms-flex-preferred-size: 75%; -webkit-flex-basis: 75%; flex-basis: 75%; width: 75%; max-width: 75%; }
  .column-flex-xxlarge-10 { -ms-flex-preferred-size: 83.33333%; -webkit-flex-basis: 83.33333%; flex-basis: 83.33333%; width: 83.33333%; max-width: 83.33333%; }
  .column-flex-xxlarge-11 { -ms-flex-preferred-size: 91.66667%; -webkit-flex-basis: 91.66667%; flex-basis: 91.66667%; width: 91.66667%; max-width: 91.66667%; }
  .column-flex-xxlarge-12 { -ms-flex-preferred-size: 100%; -webkit-flex-basis: 100%; flex-basis: 100%; width: 100%; max-width: 100%; } }
/* IMPORTANT WII U FIX */
body[data-useragent*='WiiU'] [class*='column-flex'] { -webkit-flex: 1 1; }

/* . ======================================= Author           email            Created         2016-01-19 15:21:15 Description     . Edited by        Edited          2016-01-25 16:18:09
*/
a.chevronlink, ul.linklist li a { color: #ffdd67; font-size: 1.1em; font-weight: bold; font-style: italic; text-decoration: none; }
a.chevronlink::before, ul.linklist li a::before, a.chevronlink::after, ul.linklist li a::after { content: ' '; }
a.chevronlink::before, ul.linklist li a::before { background: url('../img/global/decoration-link-ornament-left.png?1456420600') center center no-repeat; background-size: contain; display: inline-block; height: 11px; width: 18px; margin-right: 0.5em; }
a.chevronlink::after, ul.linklist li a::after { background: url('../img/global/decoration-link-ornament-right.png?1456420600') center center no-repeat; background-size: contain; display: inline-block; height: 11px; width: 18px; margin-left: 0.5em; }

ul.linklist { margin-top: 2em; }
ul.linklist li { display: inline-block; margin-right: 1em; width: 100%; }
ul.linklist li:last-child { margin-right: 0; }
ul.linklist li a { font-size: 0.9em; padding: 10px 0; }

@media only screen and (max-width: 40em) { ul.linklist { text-align: center; margin-top: 1.5em; }
  ul.linklist li { margin-right: 0; }
  ul.linklist li a { display: block; } }
@media only screen and (min-width: 40.063em) { ul.linklist li { width: auto; } }
@media only screen and (min-width: 54.063em) { a.chevronlink:hover, ul.linklist li a:hover { color: #FFF; }
  a.chevronlink:hover::before, ul.linklist li a:hover::before { background: url('../img/global/decoration-link-ornament-left-white.png?1456420600') center center no-repeat; background-size: contain; display: inline-block; height: 11px; width: 18px; -moz-animation: decFromLeft 0.4s; -webkit-animation: decFromLeft 0.4s; animation: decFromLeft 0.4s; }
  a.chevronlink:hover::after, ul.linklist li a:hover::after { background: url('../img/global/decoration-link-ornament-right-white.png?1456420600') center center no-repeat; background-size: contain; display: inline-block; height: 11px; width: 18px; -moz-animation: decFromRight 0.4s; -webkit-animation: decFromRight 0.4s; animation: decFromRight 0.4s; }
  ul.linklist li a { font-size: 1.1em; padding: 0; } }
/* . ======================================= Author           email            Created         2016-01-27 09:23:53 Description     . Edited by        Edited          2016-01-27 09:45:15
*/
.row-blade { background: #000; color: #FFF; position: relative; z-index: 2; }
.row-blade > .row-flex { position: relative; z-index: 2; padding: 40px 0; }
.row-blade.row-center { text-align: center; }
.row-blade .image { text-align: center; }
.row-blade .image .image { margin: 0 auto 20px; }

.row-header { background: transparent; display: block; position: relative; width: 100%; z-index: 1; text-align: center; }
.row-header > .row-flex { padding-top: 120px; padding-bottom: 75px; }
.row-header h1 { margin-top: 90px; }

@media only screen and (max-width: 40em) { .row-blade { text-align: center; } }
@media only screen and (min-width: 40.063em) { .row-header h1 { margin-top: 60px; } }
@media only screen and (min-width: 54.063em) { .row-header h1 { margin-top: 30px; } }
/* . ======================================= Author           email            Created         2016-01-19 16:07:10 Description     . Edited by        Edited          2016-01-26 17:09:14
*/
.row-touts { background-color: #000; background-image: url('../img/global/decoration-band-footer.png?1456420600'), url('../img/global/bg-marble-tile-black.jpg?1456420600'); background-repeat: repeat-x, repeat; background-position: left top, center center; background-size: 111.5px 20px, auto; padding: 100px 0 70px; position: relative; z-index: 2; }
.row-touts ul { position: relative; }
.row-touts .image { display: none; }
.row-touts .touts img { display: block; }
.row-touts .touts a { display: block; position: relative; text-align: center; font-size: 1.375rem; color: #ffdd67; font-style: italic; }
.row-touts .touts a span { -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 100%; position: absolute; top: 50%; left: 0; }
.row-touts .quotes { padding: 0 10px; margin: 0 auto 70px; color: white; font-style: italic; }
.row-touts .quotes-title { font-size: 0.9rem; text-align: center; font-weight: bold; }
.row-touts .quotes-detail { -moz-animation: quotesDetailPause 2.2s steps(15, end) alternate infinite; -webkit-animation: quotesDetailPause 2.2s steps(15, end) alternate infinite; animation: quotesDetailPause 2.2s steps(15, end) alternate infinite; height: 50px; width: 250px; background: url('../img/global/spr-quotes-detail-1.png?1456420600') left top no-repeat; background-size: 100% auto; margin: 20px auto; }
.row-touts .quotes-detail-bottom { -moz-transform: scaleY(-1); -ms-transform: scaleY(-1); -webkit-transform: scaleY(-1); transform: scaleY(-1); -moz-animation-delay: -1s; -webkit-animation-delay: -1s; animation-delay: -1s; }
.row-touts .quotes-detail-top { margin-bottom: 10px; }
.row-touts .quotes-container { position: relative; }
.row-touts .quotes .quote { -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); -moz-transition: opacity 0.8s ease; -o-transition: opacity 0.8s ease; -webkit-transition: opacity 0.8s ease; transition: opacity 0.8s ease; text-align: center; font-size: 2rem; line-height: 1.25; width: 100%; position: absolute; top: 50%; left: 0; z-index: 1; opacity: 0; }
.row-touts .quotes .quote-author { display: block; font-style: normal; font-size: 0.5em; margin-top: 10px; }
.row-touts .quotes .quote.is-active { position: relative; z-index: 2; opacity: 1; }

@media only screen and (min-width: 40.063em) { .row-touts .quotes { max-width: 91.66667%; min-width: 550px; } }
@media only screen and (min-width: 54.063em) { .row-touts .quotes { max-width: 66.66667%; }
  .row-touts .touts a { -moz-transition: color 0.4s; -o-transition: color 0.4s; -webkit-transition: color 0.4s; transition: color 0.4s; overflow: hidden; }
  .row-touts .touts a img { -moz-transition: -moz-transform 2s; -o-transition: -o-transform 2s; -webkit-transition: -webkit-transform 2s; transition: transform 2s; }
  .row-touts .touts a:hover { color: white; }
  .row-touts .touts a:hover img { -moz-transform: scale(1.02, 1.02); -ms-transform: scale(1.02, 1.02); -webkit-transform: scale(1.02, 1.02); transform: scale(1.02, 1.02); } }
@media only screen and (min-width: 71.063em) { .row-touts { padding: 100px 0; }
  .row-touts .quotes { max-width: 50%; }
  .row-touts .image { background: url('../img/character/midna-2-small.png?1456420600') center center no-repeat; background-size: contain; display: inline-block; height: 416.5px; width: 186.5px; bottom: -40px; right: -100px; position: absolute; pointer-events: none; z-index: 10; } }
#page-home .row-touts { background-color: #000; background-image: url('../img/global/grad-black.png?1456420600'), url('../img/global/bg-marble-tile-black.jpg?1456420600'); background-repeat: repeat-x, repeat; background-position: left top, center center; background-size: auto, auto; }

/* . ======================================= Author           email            Created         2016-01-19 16:22:22 Description     . Edited by        Edited          2016-01-20 10:03:18
*/
.row-hylian { background: url('../img/global/hylian-tease-1.jpg?1456420600') center center no-repeat; background-size: contain; display: inline-block; height: 35px; width: 798px; box-sizing: content-box; background-color: #000; background-size: 798px auto; font-size: 0; padding: 10px; position: relative; z-index: 2; text-align: center; width: 100%; }
.row-hylian::before { background: url('../img/global/decoration-footer-before.png?1456420600') center center no-repeat; background-size: contain; display: inline-block; height: 35px; width: 932px; -moz-transform: translate(-50%, -100%); -ms-transform: translate(-50%, -100%); -webkit-transform: translate(-50%, -100%); transform: translate(-50%, -100%); content: ' '; left: 50%; position: absolute; top: 0px; z-index: 10; }

/* . ======================================= Author           email            Created         2016-01-24 17:51:00 Description     . Edited by        Edited          2016-01-25 14:44:04
*/
.scroll-vertical, #ModalView .modal-container > .modal-content > .container { font-size: 0; }
.scroll-vertical .content, #ModalView .modal-container > .modal-content > .container .content { background: url('../img/global/decoration-scroll-middle.png?1456420600') center top repeat-y; background-size: contain; font-size: 1rem; padding: 0 15%; position: relative; color: #FFF; }
.scroll-vertical .content :first-child, #ModalView .modal-container > .modal-content > .container .content :first-child { margin-top: 0px; }
.scroll-vertical .content :last-child, #ModalView .modal-container > .modal-content > .container .content :last-child { margin-bottom: 0px; }
.scroll-vertical .decoration, #ModalView .modal-container > .modal-content > .container .decoration { width: 100%; }
.scroll-vertical .decoration img, #ModalView .modal-container > .modal-content > .container .decoration img { width: 100%; }

/*   . ======================================= Author           email            Created         2016-01-20 14:42:41 Description     . Edited by        Edited          2016-01-25 12:29:02
*/
.SBParticle { left: 30%; position: absolute; top: 30%; }
.SBParticle::after { background: #000; box-shadow: 0px 0px 50px RGBA(0, 0, 0, 0.5); content: ' '; display: block; height: 80px; opacity: 1; width: 80px; -webkit-perspective: 1200px; -moz-perspective: 1200px; -ms-perspective: 1200px; perspective: 1200px; }
.SBParticle.particle1::after, .SBParticle.particle2::after, .SBParticle.particle3::after, .SBParticle.particle4::after, .SBParticle.particle5::after { -webkit-animation-name: emberspin1; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite; -webkit-animation-duration: 1s; animation-name: emberspin1; animation-timing-function: linear; animation-iteration-count: infinite; animation-duration: 1s; }
.SBParticle.particle6::after, .SBParticle.particle7::after, .SBParticle.particle8::after, .SBParticle.particle9::after, .SBParticle.particle10::after { -webkit-animation-name: emberspin2; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite; -webkit-animation-duration: 1s; animation-name: emberspin2; animation-timing-function: linear; animation-iteration-count: infinite; animation-duration: 1s; }
.SBParticle.particle2::after, .SBParticle.particle10::after { -webkit-animation-duration: 1.1s; animation-duration: 1.1s; }
.SBParticle.particle3::after, .SBParticle.particle9::after { -webkit-animation-duration: 1.2s; animation-duration: 1.2s; }
.SBParticle.particle4::after, .SBParticle.particle8::after { -webkit-animation-duration: 1.3s; animation-duration: 1.3s; }
.SBParticle.particle4::after, .SBParticle.particle7::after { -webkit-animation-duration: 1.4s; animation-duration: 1.4s; }
.SBParticle.particle5::after, .SBParticle.particle6::after { -webkit-animation-duration: 1.5s; animation-duration: 1.5s; }
.SBParticle.particle2::after .SBParticle.particle7::after { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; }
.SBParticle.particle3::after .SBParticle.particle8::after { -webkit-animation-delay: 0.4s; animation-delay: 0.4s; }
.SBParticle.particle4::after .SBParticle.particle9::after { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; }
.SBParticle.particle5::after .SBParticle.particle10::after { -webkit-animation-delay: 0.8s; animation-delay: 0.8s; }

/*   . ======================================= Author           email            Created         2014-11-08 12:40:09 Description     . Edited by        Edited          2014-11-08 12:42:46
*/
.small-only { display: initial; }

.medium-only { display: none; }

/* Modal layouts ======================================= Author           email            Created         2014-11-05 11:17:23 Description     . Edited by        Edited          2016-01-25 16:42:36
*/
body.modal-open label#mobile-nav { opacity: 0.5; pointer-events: none; }

#ModalView { -moz-transition: opacity 0.5s ease; -o-transition: opacity 0.5s ease; -webkit-transition: opacity 0.5s ease; transition: opacity 0.5s ease; background: rgba(0, 0, 0, 0.7); display: none; position: fixed; top: 0; z-index: 5000; opacity: 0; }
#ModalView.is-open { width: 100vw; height: 100vh; opacity: 1; }
#ModalView .modal-container { width: 100%; height: 100%; position: relative; }
#ModalView .modal-container > .modal-content { -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); left: 50%; position: absolute; top: 50%; z-index: 101; width: 85%; max-width: 1024px; }
#ModalView .modal-container > .modal-content > .container { width: 100%; }
#ModalView .modal-container > .modal-content > .container::before, #ModalView .modal-container > .modal-content > .container::after { content: ' '; display: block; }
#ModalView .modal-container > .modal-content .modal-content { left: 0px; top: 0px; }
#ModalView .modal-container > .modal-content h2, #ModalView .modal-container > .modal-content p { text-align: center; }
#ModalView .modal-container > .modal-content p { margin: 0.6em 0 0; }
#ModalView .modal-close { display: -ms-flexbox; display: -webkit-flexbox; display: -webkit-flex; display: flex; -ms-flex-align: center; -webkit-flex-align: center; -webkit-align-items: center; align-items: center; color: #ffdd67; cursor: pointer; font-size: 20px; font-style: italic; font-weight: bold; position: absolute; right: 6%; text-shadow: 0px 1px 1px #000; top: -50px; }
#ModalView .modal-close::after { background: url('../img/global/button-close.png?1456420600') center center no-repeat; background-size: contain; display: inline-block; height: 29.5px; width: 29px; content: ' '; margin-left: 10px; }

html.no-cssfilters #CharacterModal .characterModal { background: #000; background: RGBA(0, 0, 0, 0.8); }
html.no-cssfilters #CharacterModal .characterModal.open { background: #000; background: RGBA(0, 0, 0, 0.8); }

#CharacterModal .characterModal { -moz-transition: -moz-transform 0s cubic-bezier(0.6, 0.01, 0.4, 1) 0.5s, opacity 0.5s; -o-transition: -o-transform 0s cubic-bezier(0.6, 0.01, 0.4, 1) 0.5s, opacity 0.5s; -webkit-transition: -webkit-transform 0s cubic-bezier(0.6, 0.01, 0.4, 1), opacity 0.5s; -webkit-transition-delay: 0.5s, 0s; transition: transform 0s cubic-bezier(0.6, 0.01, 0.4, 1) 0.5s, opacity 0.5s; -moz-transform: translateY(-110%); -ms-transform: translateY(-110%); -webkit-transform: translateY(-110%); transform: translateY(-110%); height: 100vh; left: 0; opacity: 0; overflow: auto; position: fixed; top: 0; width: 100vw; z-index: 200; padding: 0 0 70px; }
#CharacterModal .characterModal.open { -moz-transform: translate3d(0px, 0px, 1px); -webkit-transform: translate3d(0px, 0px, 1px); transform: translate3d(0px, 0px, 1px); opacity: 1; background: rgba(0, 0, 0, 0.7); -webkit-backface-visibility: hidden; }
#CharacterModal .content { position: relative; }
#CharacterModal .content .modal-close { display: none; }
#CharacterModal .single-image { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RiYzM1MiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZjE5MyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #dbc352), color-stop(100%, #fff193)); background-image: -moz-linear-gradient(bottom, #dbc352 0%, #fff193 100%); background-image: -webkit-linear-gradient(bottom, #dbc352 0%, #fff193 100%); background-image: linear-gradient(to top, #dbc352 0%, #fff193 100%); padding: 2px; margin-top: 20px; }
#CharacterModal .single-image img { width: 100%; display: block; }
#CharacterModal .simple-switcher { padding: 0; margin-top: 20px; }
#CharacterModal .simple-switcher .simple-switcher-list li { width: 100%; }
#CharacterModal .simple-switcher img { width: 100%; }
#CharacterModal .modalItems-enter { opacity: 0.01; }
#CharacterModal .modalItems-enter.modalItems-enter-active { opacity: 1; transition: opacity 500ms ease-in; }
#CharacterModal .modalItems-leave { opacity: 1; display: none; }
#CharacterModal .modalItems-leave.modalItems-leave-active { opacity: 0.01; transition: opacity 300ms ease-in; }
#CharacterModal .row-flex { position: relative; text-align: center; }
#CharacterModal .row-flex > .content { margin-bottom: 20px; }
#CharacterModal .image { margin-bottom: -150px; }
#CharacterModal .image img { max-width: 100%; }
#CharacterModal .nav { width: 100px; display: inline-block; }
#CharacterModal .nav.nav-next a::before { -moz-transform: translate(120%, -50%); -ms-transform: translate(120%, -50%); -webkit-transform: translate(120%, -50%); transform: translate(120%, -50%); background: url('../img/global/arrow-next.png?1456420600') center center no-repeat; background-size: contain; left: auto; right: 0px; }
#CharacterModal .nav a { display: block; position: relative; width: 100%; }
#CharacterModal .nav a::before { -moz-transform: translate(-120%, -50%); -ms-transform: translate(-120%, -50%); -webkit-transform: translate(-120%, -50%); transform: translate(-120%, -50%); background: url('../img/global/arrow-prev.png?1456420600') center center no-repeat; background-size: contain; content: ' '; display: block; left: 0px; padding-bottom: 57.77778%; position: absolute; top: 50%; width: 20px; }
#CharacterModal .nav a.evil .thumb { background: #4e435e; }
#CharacterModal .nav a:hover { z-index: 999; }
#CharacterModal .nav a:hover .thumb { -moz-transition: background-color 0.1s linear, box-shadow 0.1s linear; -o-transition: background-color 0.1s linear, box-shadow 0.1s linear; -webkit-transition: background-color 0.1s linear, box-shadow 0.1s linear; transition: background-color 0.1s linear, box-shadow 0.1s linear; background: #67f8f9; box-shadow: 0px 0px 40px #67f8f9; }
#CharacterModal .nav a .label { display: none; }
#CharacterModal .nav .stars { height: auto !important; width: 100% !important; }
#CharacterModal .nav .thumb { -moz-transition: background-color 0.3s linear, box-shadow 0.3s linear; -o-transition: background-color 0.3s linear, box-shadow 0.3s linear; -webkit-transition: background-color 0.3s linear, box-shadow 0.3s linear; transition: background-color 0.3s linear, box-shadow 0.3s linear; background: #37662e; box-shadow: 0px 0px 30px rgba(240, 201, 96, 0.5); border: 2px solid #f0c960; font-size: 0; }
#CharacterModal .nav .thumb img { width: 100%; }
#CharacterModal .modal-close { display: -ms-flexbox; display: -webkit-flexbox; display: -webkit-flex; display: flex; -ms-flex-align: center; -webkit-flex-align: center; -webkit-align-items: center; align-items: center; color: #ffdd67; cursor: pointer; font-size: 1.15em; font-style: italic; font-weight: bold; position: absolute; text-shadow: 0px 1px 1px #000; right: 10px; top: 10px; }
#CharacterModal .modal-close::after { background: url('../img/global/button-close.png?1456420600') center center no-repeat; background-size: contain; display: inline-block; height: 29.5px; width: 29px; content: ' '; display: inline-block; margin-left: 10px; }

@media screen and (max-height: 940px) { #ModalView .modal-container > .modal-content { top: 60%; } }
@media only screen and (min-width: 40.063em) { #CharacterModal .characterModal { padding-bottom: 0; }
  #CharacterModal .characterModal.open { background: none; }
  #CharacterModal .image { -ms-flex-order: 1; -webkit-flex-order: 1; -webkit-order: 1; order: 1; }
  #CharacterModal .row-flex { -ms-flex-pack: start; -webkit-flex-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; -ms-flex-align: center; -webkit-flex-align: center; -webkit-align-items: center; align-items: center; -ms-flex-wrap: none; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; }
  #CharacterModal .row-flex > .content { -ms-flex-order: 1; -webkit-flex-order: 1; -webkit-order: 1; order: 1; margin-top: 0; }
  #CharacterModal .nav { -ms-flex: 0 0 100px; -webkit-flex: 0 0 100px; flex: 0 0 100px; }
  #CharacterModal .nav.nav-prev { -ms-flex-order: 0; -webkit-flex-order: 0; -webkit-order: 0; order: 0; margin-left: 20px; margin-right: -20px; }
  #CharacterModal .nav.nav-next { -ms-flex-order: 1; -webkit-flex-order: 1; -webkit-order: 1; order: 1; margin-right: 20px; margin-left: -20px; }
  #CharacterModal .modal-close { display: none; }
  #CharacterModal .content .modal-close { display: block; top: -37px; } }
@media only screen and (min-width: 40.063em) and (max-width: 54em) { #CharacterModal .characterModal { height: 0; top: 50%; }
  #CharacterModal .characterModal.open { -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); height: auto; min-height: 627px; padding-top: 40px; } }
@media only screen and (min-width: 54.063em) { #CharacterModal .image img { max-width: none; height: 975px; } }
/* Switcher layout ======================================= Author          marlon email            Created         2014-11-06 11:31:09 Description     . Edited by       marlon Edited          2014-11-06 13:35:35
*/
.simple-switcher { margin-top: 30px; }
.simple-switcher.simple-switcher-buttoned { display: -ms-flexbox; display: -webkit-flexbox; display: -webkit-flex; display: flex; }
.simple-switcher-wrapper { -ms-flex: 1 1 auto; -webkit-flex: 1 1 auto; flex: 1 1 auto; }
.simple-switcher-nav { text-indent: 110%; white-space: pre; overflow: hidden; background-repeat: no-repeat; background-position: center 45%; background-size: 100% auto; margin: 0 10px; }
.simple-switcher-nav.prev { -ms-flex: 1 0 18.2px; -webkit-flex: 1 0 18.2px; flex: 1 0 18.2px; width: 18.2px; background-image: url('../img/global/arrow-prev.png?1456420600'); }
.simple-switcher-nav.next { -ms-flex: 1 0 18.2px; -webkit-flex: 1 0 18.2px; flex: 1 0 18.2px; width: 18.2px; background-image: url('../img/global/arrow-next.png?1456420600'); }
.simple-switcher-pagination { text-align: center; margin-top: 15px; }
.simple-switcher-pagination li { text-indent: 110%; white-space: pre; overflow: hidden; background: white; display: inline-block; border-radius: 50%; width: 12px; height: 12px; margin-right: 4px; }
.simple-switcher-pagination li:hover { cursor: pointer; }
.simple-switcher-pagination li.is-active { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9Ii0wLjA5MTUwNiIgeTE9IjAuMTU4NDk0IiB4Mj0iMS4wOTE1MDYiIHkyPSIwLjg0MTUwNiI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZiOCIvPjxzdG9wIG9mZnNldD0iMzklIiBzdG9wLWNvbG9yPSIjZmZkMzNiIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZTRhMDFjIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -moz-linear-gradient(330deg, #ffffb8 0%, #ffd33b 39%, #e4a01c 100%); background-image: -webkit-linear-gradient(330deg, #ffffb8 0%, #ffd33b 39%, #e4a01c 100%); background-image: linear-gradient(120deg, #ffffb8 0%, #ffd33b 39%, #e4a01c 100%); box-shadow: inset 1px 1px 2px 0px rgba(255, 255, 255, 0.4), inset -1px -1px 2px 0px rgba(0, 0, 0, 0.4); }
.simple-switcher-list { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RiYzM1MiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZjE5MyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #dbc352), color-stop(100%, #fff193)); background-image: -moz-linear-gradient(bottom, #dbc352 0%, #fff193 100%); background-image: -webkit-linear-gradient(bottom, #dbc352 0%, #fff193 100%); background-image: linear-gradient(to top, #dbc352 0%, #fff193 100%); padding: 2px; position: relative; overflow: hidden; }
.simple-switcher-list img { max-width: 100%; display: block; width: 100%; }
.simple-switcher-list li { -moz-transition: opacity 0.4s; -o-transition: opacity 0.4s; -webkit-transition: opacity 0.4s; transition: opacity 0.4s; position: absolute; z-index: 1; top: 0; left: 0; opacity: 0; padding: 2px; width: 100%; }
.simple-switcher-list li.is-active { position: relative; opacity: 1; z-index: 2; padding: 0; }

@media only screen and (min-width: 40.063em) { .simple-switcher { margin-top: 0; }
  .simple-switcher-wrapper { margin: 0 20px; } }
.footer-divider { background: url('../img/global/decoration-band-footer.png?1456420600') center center no-repeat; background-size: contain; display: inline-block; height: 20px; width: 111.5px; background-repeat: repeat-x; width: 100%; position: relative; z-index: 2; }
.footer-divider.blue { background-image: url('../img/home/decoration-band-blue.png?1456420600'); }
.footer-divider.purple { background-image: url('../img/home/decoration-band-purple.png?1456420600'); }
.footer-divider.green { background-image: url('../img/global/decoration-band-green.png?1456420600'); }
.footer-divider.dkblue { background-image: url('../img/global/decoration-band-dkblue.png?1456420600'); }

.starburst-wapper { position: absolute; z-index: 1; top: 0; right: 0; width: 85%; height: 100%; }
.starburst-wapper .starburst { width: 100%; height: 100%; }

ul.row-flex { -ms-flex-pack: justify; -webkit-flex-pack: justify; -webkit-justify-content: space-around; justify-content: space-around; }
ul.row-flex li { -ms-flex: 1 1 10px; -webkit-flex: 1 1 10px; flex: 1 1 10px; display: inline-block; }
ul.row-flex li a { border: 1px solid #f7e288; box-shadow: 0px 0px 40px #f7e288; display: inline-block; font-size: 0; margin: 0px 20px 20px; }
ul.row-flex li a img { max-width: 100%; width: 100%; }

body.modal-open { overflow: hidden; }
body.modal-open #wrap { -webkit-filter: grayscale(50%) blur(15px) brightness(70%); filter: grayscale(50%) blur(15px) brightness(70%); }
body #wrap { -moz-transition: filter 0.5s, -webkit-filter 0.5s; -o-transition: filter 0.5s, -webkit-filter 0.5s; -webkit-transition: filter 0.5s, -webkit-filter 0.5s; transition: filter 0.5s, -webkit-filter 0.5s; }

#wrap { overflow-x: hidden; }

footer#footer-main { background-color: #000; background-image: url('../img/global/bg-marble-tile-brown.jpg?1456420600'); background-repeat: repeat; background-position: center center; color: #FFF; margin-top: -0.5em; padding: 60px 0; position: relative; z-index: 2; }
footer#footer-main .row-social { text-align: center; }
footer#footer-main .row-social .social { margin: 0 auto 20px; max-width: 280px; }
footer#footer-main .row-social .social h3 { font-size: 1.4em; }
footer#footer-main .row-social .social .character { display: none; }
footer#footer-main .row-social .tech-support, footer#footer-main .row-social .game-updates { display: -ms-inline-flexbox; display: -webkit-inline-flexbox; display: -webkit-inline-flex; display: inline-flex; width: 44%; margin: 0 10px; font-size: 0.9em; }
footer#footer-main .row-social .tech-support span, footer#footer-main .row-social .game-updates span { text-align: center; display: block; width: 100%; }
footer#footer-main .row-social .game-updates { margin: 0 10px; width: 36%; }
footer#footer-main #nintendo-footer { margin: 2em auto; }
footer#footer-main .footer-esrb-container { border: 1px solid #FFF; }
footer#footer-main .row-legal { max-width: 650px; }
footer#footer-main .row-legal .language { font-family: 'Lora', serif; font-size: 0.875rem; font-weight: bold; }
footer#footer-main .row-legal p { text-align: center; width: 100%; display: block; }
footer#footer-main .row-legal p a { color: #FFF; }

p.legal { font-size: 0.7em; padding: 0 10px; }

@media only screen and (min-width: 40.063em) { footer#footer-main .row-social { display: block; }
  footer#footer-main .row-social .social { padding-right: 50px; margin: 0 auto 40px; max-width: 310px; }
  footer#footer-main .row-social .social .character { background: url('../img/character/misc-1.png?1456420600') center center no-repeat; background-size: contain; display: inline-block; height: 118px; width: 149.5px; -moz-transform: translate(-40px, -20px); -ms-transform: translate(-40px, -20px); -webkit-transform: translate(-40px, -20px); transform: translate(-40px, -20px); position: absolute; z-index: 10; top: 0; left: 100%; }
  footer#footer-main .row-social .tech-support, footer#footer-main .row-social .game-updates { width: 30%; } }
@media only screen and (min-width: 54.063em) { ul.row-flex li a { margin-bottom: 0; }
  footer#footer-main .row-social { display: -ms-flexbox; display: -webkit-flexbox; display: -webkit-flex; display: flex; -ms-flex-align: center; -webkit-flex-align: center; -webkit-align-items: center; align-items: center; }
  footer#footer-main .row-social .social { margin: 0 140px 0 15px; max-width: 330px; }
  footer#footer-main .row-social .social h3 { font-size: 1.5em; }
  footer#footer-main .row-social .tech-support, footer#footer-main .row-social .game-updates { width: auto; font-size: 1em; margin: 0 10px; }
  footer#footer-main .row-social .tech-support { margin-right: 30px; } }
/* . ======================================= Author           email            Created         2014-11-06 13:07:21 Description     . Edited by        Edited          2015-02-25 11:18:15
*/
#ncom-header { min-height: 36px; }
#ncom-header .placeholder { background: #e6e6e6; background: -moz-linear-gradient(top, #e6e6e6 0%, #f5f5f5 100%); background: -webkit-linear-gradient(top, #e6e6e6 0%, #f5f5f5 100%); background: -o-linear-gradient(top, #e6e6e6 0%, #f5f5f5 100%); background: -ms-linear-gradient(top, #e6e6e6 0%, #f5f5f5 100%); background: linear-gradient(to bottom, #e6e6e6 0%, #f5f5f5 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#f5f5f5',GradientType=0 ); box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2); height: 36px; left: 0; opacity: .95; font-family: 'Lato'; top: 0; width: 100%; position: relative; z-index: 500; }

div#nclude-global-nav { opacity: 1 !important; }

div#nintendo-footer { display: -ms-flexbox; display: -webkit-flexbox; display: -webkit-flex; display: flex; -ms-flex-pack: center; -webkit-flex-pack: center; -webkit-justify-content: center; justify-content: center; -ms-flex-align: center; -webkit-flex-align: center; -webkit-align-items: center; align-items: center; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
div#nintendo-footer > div { float: none !important; margin: 0 20px 0 0 !important; height: auto !important; min-height: 0 !important; }
div#nintendo-footer > div:last-child { margin-right: 0 !important; }
div#nintendo-footer #footer-followus-container { color: white !important; text-align: center; }
div#nintendo-footer #footer-privacypolicy-container a { color: white !important; }

div.preview-overlay, div.retailers-modal { z-index: 200 !important; }

div.retailers-modal { position: fixed !important; }

/* . ======================================= Author           email            Created         2016-01-18 16:07:29 Description     . Edited by        Edited          2016-01-25 17:05:01
*/
body.detached label#mobile-nav { top: 10px; }
body.detached header#header-main nav ul { margin-top: 95px; }

label#mobile-nav { -moz-transition: top 0.3s ease; -o-transition: top 0.3s ease; -webkit-transition: top 0.3s ease; transition: top 0.3s ease; left: 10px; top: 110px; position: fixed; z-index: 200; text-align: center; }
label#mobile-nav::before, label#mobile-nav::after { content: ''; vertical-align: middle; }
label#mobile-nav::before { background: url('../img/global/bg-button-large-left.png?1456420600') center center no-repeat; background-size: contain; display: inline-block; height: 74px; width: 14px; }
label#mobile-nav::after { background: url('../img/global/bg-button-large-right.png?1456420600') center center no-repeat; background-size: contain; display: inline-block; height: 74px; width: 14px; }
label#mobile-nav > span { height: 74px; background: url('../img/global/bg-button-large-middle.png?1456420600') left top repeat-x; background-size: auto 100%; display: inline-block; vertical-align: middle; color: white; }
label#mobile-nav .burguer, label#mobile-nav .burguer:before, label#mobile-nav .burguer:after { -moz-transition: background-color 0.3s ease, -moz-transform 0.4s ease; -o-transition: background-color 0.3s ease, -o-transform 0.4s ease; -webkit-transition: background-color 0.3s ease, -webkit-transform 0.4s ease; transition: background-color 0.3s ease, transform 0.4s ease; background: white; content: " "; display: block; height: 5px; margin: 3px 0; box-shadow: 0px 1px 1px 0px rgba(255, 255, 255, 0.6); }
label#mobile-nav .burguer { margin: 25px 0 10px 0; width: 100%; }
label#mobile-nav .burguer:before { -moz-transform: translateY(-8px); -ms-transform: translateY(-8px); -webkit-transform: translateY(-8px); transform: translateY(-8px); }

input#mobile-nav-toggle { display: none; }
input#mobile-nav-toggle:checked ~ label > span { text-shadow: none; }
input#mobile-nav-toggle:checked ~ label .burguer { -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); background-color: transparent; box-shadow: none; }
input#mobile-nav-toggle:checked ~ label .burguer::before { -moz-transform: rotate(45deg) translate(0px, 2px); -ms-transform: rotate(45deg) translate(0px, 2px); -webkit-transform: rotate(45deg) translate(0px, 2px); transform: rotate(45deg) translate(0px, 2px); background-color: white; box-shadow: none; }
input#mobile-nav-toggle:checked ~ label .burguer::after { -moz-transform: rotate(-45deg) translate(4px, -5px); -ms-transform: rotate(-45deg) translate(4px, -5px); -webkit-transform: rotate(-45deg) translate(4px, -5px); transform: rotate(-45deg) translate(4px, -5px); background-color: white; box-shadow: none; }
input#mobile-nav-toggle:checked ~ header#header-main { pointer-events: auto; }
input#mobile-nav-toggle:checked ~ header#header-main .navbar { display: block; overflow: auto; }

header#header-main { position: absolute; z-index: 100; pointer-events: none; width: 100%; }
header#header-main nav a { -moz-transition: color 0.2s linear; -o-transition: color 0.2s linear; -webkit-transition: color 0.2s linear; transition: color 0.2s linear; color: #FFF; display: inline-block; font-style: italic; font-weight: bold; pointer-events: all; position: relative; text-shadow: 0px 1px 0px #000; text-decoration: none; }
header#header-main nav a.wiiU { background: url('../img/global/logo-wii-u.png?1456420600') center center no-repeat; background-size: contain; display: inline-block; height: 24px; width: 82px; text-indent: 110%; white-space: pre; overflow: hidden; position: absolute; top: 10px; right: 10px; }
header#header-main nav a.logo { -moz-transition: -webkit-flex-basis 0.3s; -o-transition: -webkit-flex-basis 0.3s; -webkit-transition: -webkit-flex-basis 0.3s; transition: -webkit-flex-basis 0.3s; -moz-transition: flex-basis 0.3s; -o-transition: flex-basis 0.3s; -webkit-transition: flex-basis 0.3s; transition: flex-basis 0.3s; -ms-flex: 1 1 200px; -webkit-flex: 1 1 200px; flex: 1 1 200px; width: 80%; max-width: 250px; display: block; margin: 0 auto; }
header#header-main nav a.logo img { width: 100%; display: block; }
header#header-main nav .navbar { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); display: none; }
header#header-main nav .navbar a { background: url('../img/global/bg-button-large-middle.png?1456420600') left top repeat-x; background-size: auto 100%; height: 44.4px; vertical-align: middle; width: calc(100% - 16.8px); text-align: center; padding: 0.5em; }
header#header-main nav ul { -moz-transition: margin-top 0.4s ease; -o-transition: margin-top 0.4s ease; -webkit-transition: margin-top 0.4s ease; transition: margin-top 0.4s ease; position: relative; margin-top: 195px; width: 100%; padding: 0 10px; }
header#header-main nav ul li { margin: 10px 0; width: 100%; }
header#header-main nav ul li::before, header#header-main nav ul li::after { content: ''; vertical-align: middle; }
header#header-main nav ul li::before { background: url('../img/global/bg-button-large-left.png?1456420600') center center no-repeat; background-size: contain; display: inline-block; height: 44.4px; width: 8.4px; background-size: auto 100%; }
header#header-main nav ul li::after { background: url('../img/global/bg-button-large-right.png?1456420600') center center no-repeat; background-size: contain; display: inline-block; height: 44.4px; width: 8.4px; background-size: auto 100%; }
header#header-main nav ul li.is-active a::before, header#header-main nav ul li.is-active a::after { content: ''; vertical-align: middle; }
header#header-main nav ul li.is-active a::after { background: url('../img/global/decoration-link-ornament-right.png?1456420600') center center no-repeat; background-size: contain; display: inline-block; height: 11px; width: 18px; margin-left: 10px; }
header#header-main nav ul li.is-active a::before { background: url('../img/global/decoration-link-ornament-left.png?1456420600') center center no-repeat; background-size: contain; display: inline-block; height: 11px; width: 18px; margin-right: 10px; }
header#header-main nav ul li.buy-small a { background-image: url('../img/global/bg-button-large-middle-white.png?1456420600'); }
header#header-main nav ul li.buy-small::before { background-image: url('../img/global/bg-button-large-left-white.png?1456420600'); }
header#header-main nav ul li.buy-small::after { background-image: url('../img/global/bg-button-large-right-white.png?1456420600'); }
header#header-main nav ul li.buy-now { background: none; text-align: center; position: relative; margin: 0 auto; display: none; }
header#header-main nav ul li.buy-now .packshot { background: none; width: auto; padding: 0; background: none; display: inline-table; vertical-align: middle; margin-left: -15px; position: relative; z-index: 1; }
header#header-main nav ul li.buy-now .packshot img { display: block; max-width: 100%; }
header#header-main nav ul li.buy-now .packshot::after { display: none; }
header#header-main nav ul li.buy-now::before, header#header-main nav ul li.buy-now::after { display: none; }
header#header-main nav ul li.buy-now .label { background: url('../img/global/bg-buy-now.jpg?1456420600'); background-size: 100% 100%; color: #000; font-size: 1.2em; line-height: 1; padding: 10px 35px 12px; text-transform: uppercase; display: inline-block; vertical-align: middle; width: auto; }

@media only screen and (max-width: 40em) { header#header-main nav a.logo { margin-top: 35px; } }
@media screen and (max-height: 480px) { input#mobile-nav-toggle:checked ~ header#header-main .navbar { padding-bottom: 40px; } }
@media only screen and (min-width: 40.063em) { header#header-main nav ul { display: -ms-flexbox; display: -webkit-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: justify; -webkit-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; }
  header#header-main nav ul li { width: 49%; } }
@media only screen and (min-width: 40.063em) and (max-width: 54em) { body#page-home header#header-main nav a.logo { max-width: 360px; } }
@media only screen and (min-width: 54.063em) { body.modal-open header#header-main { position: fixed; z-index: 99999; }
  body.detached header#header-main nav ul { margin-top: 0; }
  label#mobile-nav { display: none; }
  header#header-main { height: 75px; padding: 10px 10px; }
  header#header-main.detached { position: fixed; top: 0px; }
  header#header-main nav a.logo { -ms-flex: 0 1 194.75px; -webkit-flex: 0 1 194.75px; flex: 0 1 194.75px; padding: 0; margin: 0 -10px 0 -70px; max-width: 389.5px; }
  header#header-main nav a.wiiU { position: relative; top: 0; left: 0; z-index: 1; }
  header#header-main nav .navbar { display: -ms-flexbox; display: -webkit-flexbox; display: -webkit-flex; display: flex; -ms-flex: 1 1 auto; -webkit-flex: 1 1 auto; flex: 1 1 auto; width: auto; position: relative; background: none; }
  header#header-main nav .navbar a { background: none; width: auto; padding: 0; display: inline; }
  header#header-main nav .navbar a::before { display: none; }
  header#header-main nav .navbar a::after { -moz-transition: -moz-transform 0.2s linear, opacity 0.1s linear; -o-transition: -o-transform 0.2s linear, opacity 0.1s linear; -webkit-transition: -webkit-transform 0.2s linear, opacity 0.1s linear; transition: transform 0.2s linear, opacity 0.1s linear; background: url('../img/global/decoration-menu-active-icon.png?1456420600') center center no-repeat; background-size: contain; display: inline-block; height: 19px; width: 23px; -moz-transform: translate(-50%, 200%); -ms-transform: translate(-50%, 200%); -webkit-transform: translate(-50%, 200%); transform: translate(-50%, 200%); bottom: -26px; content: ' '; left: 50%; opacity: 0; position: absolute; }
  header#header-main nav .navbar a:hover { color: #f9c42b; }
  header#header-main nav .navbar a:hover::after { -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); opacity: 1; }
  header#header-main nav .navbar::before { background: url('../img/global/bg-nav-left.png?1456420600') center center no-repeat; background-size: contain; display: inline-block; height: 55px; width: 10px; -ms-flex: 0 0 auto; -webkit-flex: 0 0 auto; flex: 0 0 auto; content: ''; }
  header#header-main nav .navbar::after { background: url('../img/global/bg-nav-right.png?1456420600') center center no-repeat; background-size: contain; display: inline-block; height: 55px; width: 10px; -ms-flex: 0 0 auto; -webkit-flex: 0 0 auto; flex: 0 0 auto; content: ''; }
  header#header-main nav ul { -ms-flex-align: center; -webkit-flex-align: center; -webkit-align-items: center; align-items: center; -ms-flex-positive: 1; -webkit-flex-grow: 1; flex-grow: 1; -ms-flex-pack: justify; -webkit-flex-pack: justify; -webkit-justify-content: space-around; justify-content: space-around; background: url('../img/global/bg-nav-middle.png?1456420600'); background-size: 1px 55px; height: 55px; margin: 0; padding: 0; }
  header#header-main nav ul li { -ms-flex: 1 1 auto; -webkit-flex: 1 1 auto; flex: 1 1 auto; width: auto; display: inline-block; margin: 0 10px; text-align: center; }
  header#header-main nav ul li::before, header#header-main nav ul li::after { display: none; }
  header#header-main nav ul li.is-active a { color: #f9c42b; }
  header#header-main nav ul li.is-active a::before { display: none; }
  header#header-main nav ul li.is-active a::after { background: url('../img/global/decoration-menu-active-icon.png?1456420600') center center no-repeat; background-size: contain; display: inline-block; height: 19px; width: 23px; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); opacity: 1; bottom: -26px; content: ' '; left: 50%; position: absolute; margin: 0; }
  header#header-main nav ul li.is-active a:hover::after { -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); }
  header#header-main nav ul li.home, header#header-main nav ul li.buy-small { display: none; }
  header#header-main nav ul li.buy-now { -ms-flex: 0 1 auto; -webkit-flex: 0 1 auto; flex: 0 1 auto; width: auto; display: inline-block; }
  header#header-main nav ul li.buy-now:hover .label { color: black; }
  header#header-main nav ul li.buy-now:hover .label::after { -moz-animation: buyNowShine 0.4s; -webkit-animation: buyNowShine 0.4s; animation: buyNowShine 0.4s; }
  header#header-main nav ul li.buy-now .packshot { margin: -10px 0 0 -10px; }
  header#header-main nav ul li.buy-now .label { font-size: 0.8125rem; padding: 7px 11px 6px; overflow: hidden; height: 30px; width: 110px; margin: 0; display: inline-block; vertical-align: middle; }
  header#header-main nav ul li.buy-now .label::after { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuMCIgeDI9IjEuMCIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, #ffffff), color-stop(100%, rgba(255, 255, 255, 0))); background-image: -moz-linear-gradient(left top, rgba(255, 255, 255, 0) 0%, #ffffff 50%, rgba(255, 255, 255, 0) 100%); background-image: -webkit-linear-gradient(left top, rgba(255, 255, 255, 0) 0%, #ffffff 50%, rgba(255, 255, 255, 0) 100%); background-image: linear-gradient(to right bottom, rgba(255, 255, 255, 0) 0%, #ffffff 50%, rgba(255, 255, 255, 0) 100%); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); height: 110%; width: 10px; top: -5%; left: -10px; opacity: 1; } }
@media only screen and (min-width: 54.063em) and (max-width: 71em) { body#page-home header#header-main nav { justify-content: space-between; }
  body#page-home header#header-main nav .navbar { flex: 0 1 75%; max-width: 830px; }
  body#page-home header#header-main nav a.logo { -moz-transition: -moz-transform 0.4s; -o-transition: -o-transform 0.4s; -webkit-transition: -webkit-transform 0.4s; transition: transform 0.4s; -moz-transform: scale(1.8) translate(13px, 48px); -ms-transform: scale(1.8) translate(13px, 48px); -webkit-transform: scale(1.8) translate(13px, 48px); transform: scale(1.8) translate(13px, 48px); }
  body#page-home header#header-main.detached nav a.logo { -moz-transform: none; -ms-transform: none; -webkit-transform: none; transform: none; }
  header#header-main nav a.logo { margin: 0px -10px 0 -55px; }
  header#header-main nav .navbar a { font-size: 0.9375rem; }
  header#header-main nav ul li.buy-now .packshot { width: 70px; display: inline-block; } }
@media only screen and (min-width: 71.063em) { body#page-home header#header-main nav a.logo { -moz-transition: flex-basis 0.3s, margin 0.3s; -o-transition: flex-basis 0.3s, margin 0.3s; -webkit-transition: flex-basis 0.3s, margin 0.3s; transition: flex-basis 0.3s, margin 0.3s; -ms-flex-preferred-size: 389.5px; -webkit-flex-basis: 389.5px; flex-basis: 389.5px; width: 389.5px; margin: 0 -70px 0 -80px; }
  body#page-home header#header-main.detached nav a.logo { -ms-flex-preferred-size: 194.75px; -webkit-flex-basis: 194.75px; flex-basis: 194.75px; margin: 0 30px 0 10px; }
  header#header-main nav a.logo { margin: 0 30px 0 10px; }
  header#header-main nav ul li.buy-now .packshot { display: inline-block; margin-top: -20px; } }
/* . ======================================= Author           email            Created         2015-03-09 17:02:39 Description     . Edited by        Edited          2016-02-19 16:22:10
*/
#page-home .videoholder { position: relative; width: 1930px; height: 100%; }
#page-home .videoholder video { -moz-transition: opacity 0.6s; -o-transition: opacity 0.6s; -webkit-transition: opacity 0.6s; transition: opacity 0.6s; margin: 0px 5px; opacity: 0; }
#page-home .videoholder::after { content: " "; height: 100%; left: 0px; position: absolute; top: 0px; width: 100%; }
#page-home #trailer-starburst-container { -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 0; left: 50%; margin: -40px 0 0 -40px; position: absolute; top: -150px; text-align: center; height: 20px; width: 20px; z-index: 20; pointer-events: none; }
#page-home .trailer-container { -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 0; left: 50%; position: absolute; top: -80px; text-align: center; }
#page-home a.trailer { cursor: pointer; }
#page-home a.trailer .button::before, #page-home a.trailer .button::after { content: ' '; position: relative; z-index: 6; }
#page-home a.trailer .button::before { background: url('../img/home/button-play-top.png?1456420600') center center no-repeat; background-size: contain; display: inline-block; height: 57.5px; width: 251px; }
#page-home a.trailer .button::after { background: url('../img/home/button-play-bottom.png?1456420600') center center no-repeat; background-size: contain; display: inline-block; height: 49.5px; width: 251px; }
#page-home a.trailer .play::before { -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: url('../img/global/button-play.png?1456420600') center center no-repeat; background-size: contain; display: inline-block; height: 50px; width: 41px; content: ' '; left: 50%; margin: -5px 5px; position: absolute; top: 50%; z-index: 5; }
#page-home a.trailer .video { background: url('../img/home/placeholder-trailer.jpg?1456420600') center center no-repeat; background-size: contain; display: inline-block; height: 145.5px; width: 300px; -moz-transition: height 0.3s, width 0.3s, opacity 0.3s, margin 0.3s; -o-transition: height 0.3s, width 0.3s, opacity 0.3s, margin 0.3s; -webkit-transition: height 0.3s, width 0.3s, opacity 0.3s, margin 0.3s; transition: height 0.3s, width 0.3s, opacity 0.3s, margin 0.3s; border: 1px solid #1ad4d3; box-shadow: 0px 0px 30px #1ad4d3; height: 145.5px; margin: 5px auto; opacity: 1; width: 300px; z-index: 4; }
#page-home a.trailer .label { -moz-transition: opacity 0.3s; -o-transition: opacity 0.3s; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; color: #ffdd67; font-size: 1rem; font-weight: bold; font-style: italic; text-shadow: 0px 1px 1px #000000; }
#page-home .row-header { background: #4d5e3c url('../img/home/placeholder-header.jpg?1456420600') center -40px no-repeat; background-size: cover; height: 940px; width: 100%; }
#page-home .row-header .row-flex { padding-top: 0px; }
#page-home .row-header .videoholder { -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); position: absolute; left: 50%; }
#page-home .row-header .videoholder::after { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRkNWUzYyIvPjxzdG9wIG9mZnNldD0iMTAlIiBzdG9wLWNvbG9yPSIjMWU1YzYyIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iOTAlIiBzdG9wLWNvbG9yPSIjMWU1YzYyIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzRkNWUzYyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #4d5e3c), color-stop(10%, rgba(30, 92, 98, 0)), color-stop(90%, rgba(30, 92, 98, 0)), color-stop(100%, #4d5e3c)); background-image: -moz-linear-gradient(left, #4d5e3c 0%, rgba(30, 92, 98, 0) 10%, rgba(30, 92, 98, 0) 90%, #4d5e3c 100%); background-image: -webkit-linear-gradient(left, #4d5e3c 0%, rgba(30, 92, 98, 0) 10%, rgba(30, 92, 98, 0) 90%, #4d5e3c 100%); background-image: linear-gradient(to right, #4d5e3c 0%, rgba(30, 92, 98, 0) 10%, rgba(30, 92, 98, 0) 90%, #4d5e3c 100%); }
#page-home .row-header .bg, #page-home .row-header .fg { position: absolute; height: 100%; width: 100%; z-index: 1; }
#page-home .row-header .fg { z-index: 2; }
#page-home .row-header .fg .link-midna { background: url('../img/character/wolf-link-midna.png?1456420600') center center no-repeat; background-size: contain; display: inline-block; height: 458px; width: 443px; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); top: 50%; position: absolute; left: 50%; margin-left: -157.2px; margin-top: -30px; z-index: 3; }
#page-home .row-header .fg .link-epona { background: url('../img/character/link-epona-1.png?1456420600') center center no-repeat; background-size: contain; display: inline-block; height: 663px; width: 484px; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); top: 50%; position: absolute; left: 50%; margin-left: 193.6px; margin-top: -110px; z-index: 1; }
#page-home .row-header .fg .ground { background: url('../img/home/bg-header-rock.png?1456420600') center center; background-size: auto 100%; bottom: 0px; height: 373px; position: absolute; width: 100%; z-index: 2; }
#page-home .row-header .content { bottom: 0px; position: absolute; width: 100%; z-index: 4; padding: 30px 0; min-height: 300px; }
#page-home .row-header .content h1 { text-align: center; font-size: 2.1em; padding: 0 10px; }
#page-home .row-blade > .row-flex { min-height: 450px; }
#page-home .row-blade.no-video .videoholder { -moz-transform: none; -ms-transform: none; -webkit-transform: none; transform: none; left: 0; width: 100%; height: 100%; }
#page-home .row-blade > .videoholder { -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); left: 50%; position: absolute; z-index: 1; }
#page-home .row-blade > .row-flex { min-height: 450px; position: relative; z-index: 2; padding: 40px 0; }
#page-home .row-blade .image { text-align: center; }
#page-home .row-blade .image .image { margin: 0 auto 20px; }
#page-home .row-blade.blade-story { background: #332b3a url('../img/home/placeholder-blade-1.jpg?1456420600') center top no-repeat; background-size: auto 100%; }
#page-home .row-blade.blade-story .image .image { background: url('../img/character/midna-1.png?1456420600') center center no-repeat; background-size: contain; display: inline-block; height: 412.2px; width: 222.6px; }
#page-home .row-blade.blade-story::before { background: url('../img/home/decoration-band-purple.png?1456420600') center center no-repeat; background-size: contain; display: inline-block; height: 20px; width: 112px; -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -webkit-transform: translateY(-100%); transform: translateY(-100%); display: block; background-repeat: repeat-x; content: " "; position: absolute; width: 100%; z-index: 2; }
#page-home .row-blade.blade-story .videoholder::after { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMzMmIzYSIvPjxzdG9wIG9mZnNldD0iMTAlIiBzdG9wLWNvbG9yPSIjMzMyYjNhIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iOTAlIiBzdG9wLWNvbG9yPSIjMzMyYjNhIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzMzMmIzYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #332b3a), color-stop(10%, rgba(51, 43, 58, 0)), color-stop(90%, rgba(51, 43, 58, 0)), color-stop(100%, #332b3a)); background-image: -moz-linear-gradient(left, #332b3a 0%, rgba(51, 43, 58, 0) 10%, rgba(51, 43, 58, 0) 90%, #332b3a 100%); background-image: -webkit-linear-gradient(left, #332b3a 0%, rgba(51, 43, 58, 0) 10%, rgba(51, 43, 58, 0) 90%, #332b3a 100%); background-image: linear-gradient(to right, #332b3a 0%, rgba(51, 43, 58, 0) 10%, rgba(51, 43, 58, 0) 90%, #332b3a 100%); }
#page-home .row-blade.blade-remake { background: #37662e url('../img/home/placeholder-blade-2.jpg?1456420600') center top no-repeat; background-size: auto 100%; z-index: 3; }
#page-home .row-blade.blade-remake .image .image { background: url('../img/character/link-1-new.png?1456420600') center center no-repeat; background-size: contain; display: inline-block; height: 244px; width: 265.5px; }
#page-home .row-blade.blade-remake .videoholder::after { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzM3NjYyZSIvPjxzdG9wIG9mZnNldD0iMTAlIiBzdG9wLWNvbG9yPSIjMzc2NjJlIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iOTAlIiBzdG9wLWNvbG9yPSIjMzc2NjJlIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzM3NjYyZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #37662e), color-stop(10%, rgba(55, 102, 46, 0)), color-stop(90%, rgba(55, 102, 46, 0)), color-stop(100%, #37662e)); background-image: -moz-linear-gradient(left, #37662e 0%, rgba(55, 102, 46, 0) 10%, rgba(55, 102, 46, 0) 90%, #37662e 100%); background-image: -webkit-linear-gradient(left, #37662e 0%, rgba(55, 102, 46, 0) 10%, rgba(55, 102, 46, 0) 90%, #37662e 100%); background-image: linear-gradient(to right, #37662e 0%, rgba(55, 102, 46, 0) 10%, rgba(55, 102, 46, 0) 90%, #37662e 100%); }
#page-home .row-blade.blade-amiibo { background: #1f5b63 url('../img/home/placeholder-blade-3.jpg?1456420600') center top no-repeat; background-size: auto 100%; z-index: 4; }
#page-home .row-blade.blade-amiibo .image .image { background: url('../img/character/amiibo-1.png?1456420600') center center no-repeat; background-size: contain; display: inline-block; height: 320.95px; width: 275.45px; }
#page-home .row-blade.blade-amiibo .videoholder::after { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFlNWM2MiIvPjxzdG9wIG9mZnNldD0iMTAlIiBzdG9wLWNvbG9yPSIjMWU1YzYyIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iOTAlIiBzdG9wLWNvbG9yPSIjMWU1YzYyIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzFlNWM2MiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #1e5c62), color-stop(10%, rgba(30, 92, 98, 0)), color-stop(90%, rgba(30, 92, 98, 0)), color-stop(100%, #1e5c62)); background-image: -moz-linear-gradient(left, #1e5c62 0%, rgba(30, 92, 98, 0) 10%, rgba(30, 92, 98, 0) 90%, #1e5c62 100%); background-image: -webkit-linear-gradient(left, #1e5c62 0%, rgba(30, 92, 98, 0) 10%, rgba(30, 92, 98, 0) 90%, #1e5c62 100%); background-image: linear-gradient(to right, #1e5c62 0%, rgba(30, 92, 98, 0) 10%, rgba(30, 92, 98, 0) 90%, #1e5c62 100%); }
#page-home .row-blade.blade-amiibo::after { background: url('../img/home/decoration-band-blue.png?1456420600') center center no-repeat; background-size: contain; display: inline-block; height: 20px; width: 112px; -moz-transform: translateY(100%); -ms-transform: translateY(100%); -webkit-transform: translateY(100%); transform: translateY(100%); display: block; background-repeat: repeat-x; bottom: 0px; content: " "; position: absolute; width: 100%; z-index: 2; }

@media only screen and (max-width: 40em) { #page-home .row-header { height: 1010px; }
  #page-home .row-header .fg .link-midna { display: none; }
  #page-home .row-header .fg .link-epona { margin-left: -6.4px; } }
@media only screen and (min-width: 40.063em) { #page-home .row-header .content { min-height: 230px; }
  #page-home .row-header .content h1 { font-size: 2.7rem; }
  #page-home .row-header .fg .link-midna { margin-top: 30px; }
  #page-home .row-header .fg .link-epona { margin-top: -60px; }
  #page-home .row-header .fg .ground { bottom: 0px; }
  #page-home .row-blade.blade-remake > .row-flex { -ms-flex-direction: row-reverse; -webkit-flex-direction: row-reverse; flex-direction: row-reverse; } }
@media only screen and (min-width: 54.063em) { #page-home .trailer-container { top: -150px; }
  #page-home a.trailer .video { height: 1px; margin: 2px auto; opacity: 0; width: 1px; }
  #page-home a.trailer:hover .video { height: 145.5px; margin: 5px auto; opacity: 1; width: 300px; }
  #page-home a.trailer:hover .label { opacity: 0; }
  #page-home .row-header { background-size: 1920px 720px; height: 927px; }
  #page-home .row-header .content { min-height: 260px; padding: 0; }
  #page-home .row-header .content h1 { width: 80%; font-size: 3.15rem; }
  #page-home .row-header .fg .link-midna { margin-top: -30px; }
  #page-home .row-header .fg .link-epona { margin-top: -110px; }
  #page-home .blade-story .content, #page-home .blade-amiibo .content { margin-right: 8.33333%; }
  #page-home .row-blade > .row-flex { padding: 0; }
  #page-home .row-blade .image { -ms-flex-item-align: start; -webkit-flex-item-align: start; -webkit-align-self: flex-start; align-self: flex-start; position: relative; }
  #page-home .row-blade.blade-story .image { text-align: right; }
  #page-home .row-blade.blade-story .image .image { height: 687px; width: 371px; margin-bottom: -200px; margin-top: -60px; margin-right: 35px; }
  #page-home .row-blade.blade-remake .content { margin-left: 8.33333%; }
  #page-home .row-blade.blade-remake .image { text-align: left; }
  #page-home .row-blade.blade-remake .image .image { height: 390.4px; width: 424.8px; margin-bottom: 0; margin-top: -10px; left: 0; z-index: 3; }
  #page-home .row-blade.blade-amiibo .image { text-align: right; }
  #page-home .row-blade.blade-amiibo .image .image { height: 458.5px; width: 393.5px; margin-top: -50px; margin-bottom: 0; z-index: 4; } }
@media only screen and (min-width: 71.063em) { #page-home .row-header .fg .ground { bottom: 0; }
  #page-home .row-blade.blade-remake .image .image { height: 488px; width: 531px; margin-top: -50px; } }
/* . ======================================= Author           email            Created         2015-03-09 17:02:39 Description     . Edited by        Edited          2016-02-01 08:48:00
*/
#page-story .row-header { background: #221c26; width: 100%; height: 596px; }
#page-story .row-header::after { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE1MTExOCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzE1MTExOCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #151118), color-stop(100%, rgba(21, 17, 24, 0))); background-image: -moz-linear-gradient(top, #151118 0%, rgba(21, 17, 24, 0) 100%); background-image: -webkit-linear-gradient(top, #151118 0%, rgba(21, 17, 24, 0) 100%); background-image: linear-gradient(to bottom, #151118 0%, rgba(21, 17, 24, 0) 100%); content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 80%; }
#page-story .row-header .portal { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#page-story .row-header .portal-bg { background: url('../img/story/portal-large.jpg?1456420600') center center no-repeat; background-size: contain; display: inline-block; height: 1362px; width: 1362px; -moz-animation: storyPortalRotation 60s linear infinite; -webkit-animation: storyPortalRotation 60s linear infinite; animation: storyPortalRotation 60s linear infinite; position: absolute; top: -100px; left: 50%; margin: 0 0 0 -681px; }
#page-story .row-header .portal-bg::before, #page-story .row-header .portal-bg::after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
#page-story .row-header .portal-bg::before { -moz-animation: storyPortalRotationReverse 35s linear infinite; -webkit-animation: storyPortalRotationReverse 35s linear infinite; animation: storyPortalRotationReverse 35s linear infinite; background: url('../img/story/portal-medium.png?1456420600') center center no-repeat; }
#page-story .row-header .portal-bg::after { -moz-animation: storyPortalRotation 110s -5s linear infinite; -webkit-animation: storyPortalRotation 110s -5s linear infinite; animation: storyPortalRotation 110s -5s linear infinite; background: url('../img/story/portal-small.png?1456420600') center center no-repeat; }
#page-story .row-header .portal::after { background: url('../img/story/portal-midna.png?1456420600') center center no-repeat; background-size: contain; display: inline-block; height: 582px; width: 810px; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); content: ''; position: absolute; bottom: 0; left: 50%; }
#page-story .blade-story { background-image: url('../img/story/decoration-blade-1.png?1456420600'), url('../img/global/bg-marble-tile-purple.jpg?1456420600'); background-repeat: no-repeat, repeat; background-size: 1027px 269px, auto; background-position: top center; }
#page-story .blade-story::before { background: url('../img/home/decoration-band-purple.png?1456420600') center center no-repeat; background-size: contain; display: inline-block; height: 20px; width: 112px; -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -webkit-transform: translateY(-100%); transform: translateY(-100%); background-repeat: repeat-x; content: " "; left: 0px; position: absolute; width: 100%; z-index: 2; }
#page-story .blade-story::after { background: url('../img/global/decoration-arrow-down.png?1456420600') center center no-repeat; background-size: contain; display: inline-block; height: 37px; width: 48px; content: ' '; position: relative; top: -20px; }
#page-story .blade-beginnings { background-image: url('../img/global/bg-marble-tile-bluegreen.jpg?1456420600'); background-repeat: repeat; background-size: auto; }
#page-story .blade-beginnings .image { text-align: left; }
#page-story .blade-beginnings .image .image { background: url('../img/character/link-christine-1.png?1456420600') center center no-repeat; background-size: contain; display: inline-block; height: 450.5px; width: 488px; margin-bottom: 0; position: relative; top: -10px; }
#page-story .blade-darkness { background: #161118 url('../img/story/blade-darkness-bg.jpg?1456420600') center top no-repeat; }
#page-story .blade-darkness .row-flex { padding-bottom: 0; }
#page-story .blade-darkness .image { text-align: right; }
#page-story .blade-darkness .image .image { background: url('../img/story/zant-2.png?1456420600') center center no-repeat; background-size: contain; display: inline-block; height: 486px; width: 432px; margin-top: -50px; margin-bottom: -10px; margin-left: -10px; }
#page-story .blade-awakens { background-image: url('../img/global/bg-marble-tile-green.jpg?1456420600'); background-repeat: repeat; background-size: auto; }
#page-story .blade-awakens .row-flex { padding-bottom: 0; }
#page-story .blade-awakens .image { text-align: left; }
#page-story .blade-awakens .image .image { background: url('../img/character/midna-3.png?1456420600') center center no-repeat; background-size: contain; display: inline-block; height: 488px; width: 292.5px; margin-bottom: -10px; margin-top: -50px; }
#page-story .blade-surprise { background: #332b3a url('../img/story/blade-surprise-bg.jpg?1456420600') center top no-repeat; }
#page-story .blade-surprise .row-flex { padding-bottom: 0; }
#page-story .blade-surprise .image .image { background: url('../img/character/link-epona-2.png?1456420600') center center no-repeat; background-size: contain; display: inline-block; height: 620.5px; width: 648px; margin-bottom: -178px; position: relative; top: -50px; }
#page-story .blade-twilight { background-image: url('../img/global/bg-marble-tile-dark-bluegreen.jpg?1456420600'); background-repeat: repeat; background-size: auto; overflow: hidden; }
#page-story .blade-twilight.vp-on-40 .image::before { -moz-animation: amiiboGlow 6s infinite; -webkit-animation: amiiboGlow 6s infinite; animation: amiiboGlow 6s infinite; }
#page-story .blade-twilight .row-flex { padding-bottom: 0; }
#page-story .blade-twilight .image { position: relative; }
#page-story .blade-twilight .image::before { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IiIgcj0iNDAlIj48c3RvcCBvZmZzZXQ9IjIwJSIgc3RvcC1jb2xvcj0iI2Y3ZWU5YyIgc3RvcC1vcGFjaXR5PSIwLjkiLz48c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iI2Y3ZWU5YyIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L3JhZGlhbEdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: -moz-radial-gradient(center, ellipse, rgba(247, 238, 156, 0.9) 20%, rgba(247, 238, 156, 0) 40%); background-image: -webkit-radial-gradient(center, ellipse, rgba(247, 238, 156, 0.9) 20%, rgba(247, 238, 156, 0) 40%); background-image: radial-gradient(ellipse at center, rgba(247, 238, 156, 0.9) 20%, rgba(247, 238, 156, 0) 40%); content: ''; position: absolute; top: 50%; left: 50%; width: 810px; height: 810px; margin: -405px 0 0 -405px; opacity: 0; }
#page-story .blade-twilight .image .imgc { background: url('../img/character/char-1.png?1456420600') center center no-repeat; background-size: contain; display: inline-block; height: 466px; width: 811px; margin: 0 0 -10px -70px; }

@media only screen and (max-width: 40em) { #page-story .row-header::after { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIxMCUiIHN0b3AtY29sb3I9IiMxNTExMTgiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxNTExMTgiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(10%, #151118), color-stop(100%, rgba(21, 17, 24, 0))); background-image: -moz-linear-gradient(top, #151118 10%, rgba(21, 17, 24, 0) 100%); background-image: -webkit-linear-gradient(top, #151118 10%, rgba(21, 17, 24, 0) 100%); background-image: linear-gradient(to bottom, #151118 10%, rgba(21, 17, 24, 0) 100%); }
  #page-story .row-header .portal-bg { height: 1225.8px; width: 1225.8px; top: -100px; margin: 0 0 0 -612.9px; }
  #page-story .row-header .portal::after { height: 523.8px; width: 729px; }
  #page-story .blade-beginnings .image { text-align: center; }
  #page-story .blade-beginnings .image .image { background: url('../img/character/link-christine-1.png?1456420600') center center no-repeat; background-size: contain; display: inline-block; height: 315.35px; width: 341.6px; }
  #page-story .blade-darkness .image { text-align: center; }
  #page-story .blade-darkness .image .image { background: url('../img/character/zant-2.png?1456420600') center center no-repeat; background-size: contain; display: inline-block; height: 340.2px; width: 302.4px; margin-top: -10px; }
  #page-story .blade-awakens .image { text-align: center; }
  #page-story .blade-awakens .image .image { background: url('../img/character/midna-3.png?1456420600') center center no-repeat; background-size: contain; display: inline-block; height: 341.6px; width: 204.75px; margin-top: -10px; }
  #page-story .blade-surprise .image .image { background: url('../img/character/link-epona-2.png?1456420600') center center no-repeat; background-size: contain; display: inline-block; height: 434.35px; width: 453.6px; margin-bottom: -138px; top: -20px; }
  #page-story .blade-twilight .image { position: relative; }
  #page-story .blade-twilight .image::before { width: 410px; height: 410px; margin: -205px 0 0 -205px; }
  #page-story .blade-twilight .image .imgc { background: url('../img/character/char-1.png?1456420600') center center no-repeat; background-size: contain; display: inline-block; height: 279.6px; width: 486.6px; margin: 0 0 -10px -70px; } }
@media only screen and (min-width: 40.063em) { #page-story .blade-twilight .row-flex, #page-story .blade-surprise .row-flex, #page-story .blade-awakens .row-flex, #page-story .blade-darkness .row-flex, #page-story .blade-beginnings .row-flex { padding-top: 0; padding-bottom: 0; }
  #page-story .blade-darkness .content, #page-story .blade-surprise .content { -ms-flex-order: 1; -webkit-flex-order: 1; -webkit-order: 1; order: 1; z-index: 1; }
  #page-story .blade-darkness .image, #page-story .blade-surprise .image { -ms-flex-order: 0; -webkit-flex-order: 0; -webkit-order: 0; order: 0; } }
@media only screen and (min-width: 40.063em) and (max-width: 54em) { #page-story .blade-surprise .image .image { margin-left: -80px; } }
@media only screen and (min-width: 54.063em) { #page-story .blade-beginnings .content, #page-story .blade-awakens .content, #page-story .blade-twilight .content { margin-left: 8.33333%; } }
/* . ======================================= Author           email            Created         2015-03-09 17:02:39 Description     . Edited by        Edited          2016-01-25 15:38:30
*/
#page-characters { background: #000; }
#page-characters .characterLockup { background: #000 center bottom no-repeat; background-size: 1800px 923px; height: 810px; position: relative; }
#page-characters .characterLockup.friends { background-image: url('../img/characters/bg-friends.jpg?1456420600'); }
#page-characters .characterLockup.all { background-image: url('../img/characters/bg-all.jpg?1456420600'); }
#page-characters .characterLockup.foes { background-image: url('../img/characters/bg-foes.jpg?1456420600'); }
#page-characters .characterLockup::before { -moz-animation: charactersCloud 40s linear infinite; -webkit-animation: charactersCloud 40s linear infinite; animation: charactersCloud 40s linear infinite; content: ''; background: url('../img/characters/smoke-tile.png?1456420600') left top repeat-x; width: 3750px; height: 753px; position: absolute; z-index: 1; left: 0; bottom: 0; }
#page-characters .characterLockup [class^="intro"], #page-characters .characterLockup [class^="lockupImage"] { -moz-transition: opacity 0.4s 0.2s, -moz-transform 0.4s 0.2s, filter 0.4s 0.2s, -webkit-filter 0.4s 0.2s; -o-transition: opacity 0.4s 0.2s, -o-transform 0.4s 0.2s, filter 0.4s 0.2s, -webkit-filter 0.4s 0.2s; -webkit-transition: opacity 0.4s, -webkit-transform 0.4s, filter 0.4s, -webkit-filter 0.4s; -webkit-transition-delay: 0.2s, 0.2s, 0.2s, 0.2s; transition: opacity 0.4s 0.2s, transform 0.4s 0.2s, filter 0.4s 0.2s, -webkit-filter 0.4s 0.2s; -moz-transform: translate(-70%, 0%); -ms-transform: translate(-70%, 0%); -webkit-transform: translate(-70%, 0%); transform: translate(-70%, 0%); -webkit-filter: blur(10px); filter: blur(10px); bottom: 0px; left: 50%; opacity: 0; position: absolute; z-index: 1; }
#page-characters .characterLockup [class^="intro"].active, #page-characters .characterLockup [class^="lockupImage"].active { -moz-transform: translate3d(-50%, 0%, 1px); -webkit-transform: translate3d(-50%, 0%, 1px); transform: translate3d(-50%, 0%, 1px); -webkit-filter: blur(0px); filter: blur(0px); opacity: 1; z-index: 2; }
#page-characters .characterLockup [class^="intro"].lockupImage-all, #page-characters .characterLockup [class^="lockupImage"].lockupImage-all { background: url('../img/characters/character-lockup-all.png?1456420600') center center no-repeat; background-size: contain; display: inline-block; height: 590px; width: 1201px; }
#page-characters .characterLockup [class^="intro"].lockupImage-friends, #page-characters .characterLockup [class^="lockupImage"].lockupImage-friends { background: url('../img/characters/character-lockup-friends.png?1456420600') center center no-repeat; background-size: contain; display: inline-block; height: 519.5px; width: 649px; }
#page-characters .characterLockup [class^="intro"].lockupImage-foes, #page-characters .characterLockup [class^="lockupImage"].lockupImage-foes { background: url('../img/characters/character-lockup-foes.png?1456420600') center center no-repeat; background-size: contain; display: inline-block; height: 557.5px; width: 1117.5px; }
#page-characters .characterLockup [class^="intro"] { -moz-transition: opacity 0.4s 0s, -moz-transform 0.4s 0s, filter 0.4s 0s, -webkit-filter 0.4s 0s; -o-transition: opacity 0.4s 0s, -o-transform 0.4s 0s, filter 0.4s 0s, -webkit-filter 0.4s 0s; -webkit-transition: opacity 0.4s, -webkit-transform 0.4s, filter 0.4s, -webkit-filter 0.4s; -webkit-transition-delay: 0s, 0s, 0s, 0s; transition: opacity 0.4s 0s, transform 0.4s 0s, filter 0.4s 0s, -webkit-filter 0.4s 0s; top: 210px; text-align: center; }
#page-characters .characterLockup [class^="intro"].active { z-index: 3; }
#page-characters .characterLockup [class^="intro"] h1 { margin-top: 0; }
#page-characters .characterLockup [class^="intro"] p { color: #FFF; }
#page-characters .controls { -ms-flex-pack: center; -webkit-flex-pack: center; -webkit-justify-content: center; justify-content: center; }
#page-characters .controls li { font-family: 'Julius Sans One', sans-serif; text-transform: uppercase; margin: 0 auto 10px; font-size: 1.875rem; font-style: normal; width: 80%; display: block; }
#page-characters .characterList { -ms-flex-pack: start; -webkit-flex-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; text-align: left; padding: 0 10px; }
#page-characters .characterList a { width: 50%; padding: 10px; position: relative; text-decoration: none; display: inline-block; vertical-align: top; }
#page-characters .characterList a .stars { height: auto !important; width: 100% !important; }
#page-characters .characterList a .thumb { -moz-transition: background-color 0.3s linear, box-shadow 0.3s linear; -o-transition: background-color 0.3s linear, box-shadow 0.3s linear; -webkit-transition: background-color 0.3s linear, box-shadow 0.3s linear; transition: background-color 0.3s linear, box-shadow 0.3s linear; background: #37662e; box-shadow: 0px 0px 30px rgba(240, 201, 96, 0.5); border: 2px solid #f0c960; font-size: 0; }
#page-characters .characterList a .thumb img { width: 100%; }
#page-characters .characterList a.evil .thumb { background: #4e435e; }
#page-characters .characterList a:hover { z-index: 99; }
#page-characters .characterList a:hover .thumb { -moz-transition: background-color 0.1s linear, box-shadow 0.1s linear; -o-transition: background-color 0.1s linear, box-shadow 0.1s linear; -webkit-transition: background-color 0.1s linear, box-shadow 0.1s linear; transition: background-color 0.1s linear, box-shadow 0.1s linear; background: #67f8f9; box-shadow: 0px 0px 40px #67f8f9; }
#page-characters .characterList a .label { color: #FFF; display: block; font-weight: bold; font-style: italic; text-align: center; }
#page-characters .row-characters { padding-bottom: 100px; }

@media only screen and (max-width: 40em) { #page-characters .characterLockup [class^="intro"].lockupImage-all, #page-characters .characterLockup [class^="lockupImage"].lockupImage-all { height: 472px; width: 960.8px; }
  #page-characters .characterLockup [class^="intro"].lockupImage-friends, #page-characters .characterLockup [class^="lockupImage"].lockupImage-friends { height: 415.6px; width: 519.2px; }
  #page-characters .characterLockup [class^="intro"].lockupImage-foes, #page-characters .characterLockup [class^="lockupImage"].lockupImage-foes { height: 446px; width: 894px; }
  #CharacterModal .image { display: none; }
  #CharacterModal .row-flex { padding-top: 50px; } }
@media only screen and (min-width: 40.063em) { #page-characters .characterList a { width: 25%; }
  #page-characters .characterLockup { height: 880px; }
  #page-characters .characterLockup [class^="intro"] { top: 180px; }
  #page-characters .controls { -ms-flex-pack: center; -webkit-flex-pack: center; -webkit-justify-content: center; justify-content: center; }
  #page-characters .controls li { width: auto; margin: 2%; max-width: 200px; } }
@media only screen and (min-width: 54.063em) { #page-characters .controls li { -ms-flex: 1 1 auto; -webkit-flex: 1 1 auto; flex: 1 1 auto; width: 200px; }
  #page-characters .characterList a { width: 16.66667%; }
  #page-characters .characterLockup { height: 830px; }
  #page-characters .characterLockup [class^="intro"] { top: 150px; } }
#page-buy #wrap { background: #1a1e2e url('../img/buy-now/background.jpg?1456420600') center top no-repeat; }
#page-buy .row-hylian { margin-top: 80px; }
#page-buy .retailer-buttons { margin-top: 15px; margin-bottom: 10px; }
#page-buy .retailer-buttons .retailer-buttons-us, #page-buy .retailer-buttons .retailer-buttons-ca { display: inline-block; border-radius: 50%; padding: 2px; position: relative; overflow: hidden; }
#page-buy .retailer-buttons .retailer-buttons-us a, #page-buy .retailer-buttons .retailer-buttons-ca a { text-indent: 110%; white-space: pre; overflow: hidden; background-position: center center; background-size: 100% auto; display: block; width: 100%; height: 100%; box-shadow: inset 0px 0px 9px 4px rgba(0, 0, 0, 0.6); position: relative; border-radius: 50%; }
#page-buy .retailer-buttons .retailer-buttons-us::before, #page-buy .retailer-buttons .retailer-buttons-ca::before { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RiYzM1MiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZjE5MyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dbc352), color-stop(100%, #fff193)); background-image: -moz-linear-gradient(top, #dbc352 0%, #fff193 100%); background-image: -webkit-linear-gradient(top, #dbc352 0%, #fff193 100%); background-image: linear-gradient(to bottom, #dbc352 0%, #fff193 100%); content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; }
#page-buy .retailer-buttons-us { margin-right: 10px; width: 82px; height: 82px; }
#page-buy .retailer-buttons-us a { background-image: url('../img/buy-now/flag-us.jpg?1456420600'); }
#page-buy .retailer-buttons-ca { width: 82px; height: 82px; }
#page-buy .retailer-buttons-ca a { background-image: url('../img/buy-now/flag-ca.jpg?1456420600'); }
#page-buy .row-digital, #page-buy .row-retail { color: white; }
#page-buy .row-digital .cont-location, #page-buy .row-retail .cont-location { font-style: italic; font-weight: bold; margin-top: 25px; }
#page-buy .row-digital .img, #page-buy .row-retail .img { text-align: right; }
#page-buy .row-digital .img img, #page-buy .row-retail .img img { width: 100%; }
#page-buy .row-retail { margin-bottom: 60px; }
#page-buy .row-retail .img img { max-width: 393.5px; }
#page-buy .row-digital { margin-bottom: 80px; }
#page-buy .row-digital .img img { max-width: 468px; }
#page-buy .row-digital .eshop-txt { margin-top: 22px; font-style: italic; }
#page-buy .row-digital .eshop { display: block; }
#page-buy .row-digital .eshop img { max-width: 247px; }

@media only screen and (max-width: 40em) { #page-buy .row-header > .row-flex { padding-bottom: 0; }
  #page-buy .row-retail { margin-top: 60px; }
  #page-buy .row-retail, #page-buy .row-digital { text-align: center; } }
@media only screen and (min-width: 40.063em) { #page-buy .retailer-buttons-us { margin-right: 20px; }
  #page-buy .retailer-buttons-ca { margin-right: 20px; } }
@media only screen and (min-width: 54.063em) { #page-buy .retailer-buttons .retailer-buttons-ca, #page-buy .retailer-buttons .retailer-buttons-us { -moz-transition: box-shadow 0.3s linear; -o-transition: box-shadow 0.3s linear; -webkit-transition: box-shadow 0.3s linear; transition: box-shadow 0.3s linear; }
  #page-buy .retailer-buttons .retailer-buttons-ca:hover, #page-buy .retailer-buttons .retailer-buttons-us:hover { box-shadow: 0px 0px 6px 3px rgba(0, 0, 0, 0.7); }
  #page-buy .retailer-buttons .retailer-buttons-ca:hover a, #page-buy .retailer-buttons .retailer-buttons-us:hover a { box-shadow: inset 0px 0px 7px -1px rgba(0, 0, 0, 0.6); }
  #page-buy .retailer-buttons .retailer-buttons-ca a, #page-buy .retailer-buttons .retailer-buttons-us a { -moz-transition: box-shadow 0.2s linear; -o-transition: box-shadow 0.2s linear; -webkit-transition: box-shadow 0.2s linear; transition: box-shadow 0.2s linear; } }
/* . ======================================= Author           email            Created         2015-03-09 17:02:39 Description     . Edited by        Edited          2016-01-27 15:05:37
*/
#page-amiibo .row-header { background: url('../img/global/bg-marble-tile-black.jpg?1456420600'); position: relative; height: 596px; }
#page-amiibo .row-header::before { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #000000), color-stop(100%, rgba(0, 0, 0, 0))); background-image: -moz-linear-gradient(top, #000000 0%, rgba(0, 0, 0, 0) 100%); background-image: -webkit-linear-gradient(top, #000000 0%, rgba(0, 0, 0, 0) 100%); background-image: linear-gradient(to bottom, #000000 0%, rgba(0, 0, 0, 0) 100%); content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 50%; }
#page-amiibo .row-header > .row-flex { margin-bottom: -19%; }
#page-amiibo .blade-story { background-image: url('../img/story/decoration-blade-1.png?1456420600'), url('../img/global/bg-marble-tile-purple.jpg?1456420600'); background-repeat: no-repeat, repeat; background-size: 1027px 269px, auto; background-position: top center; }
#page-amiibo .blade-story::before { background: url('../img/home/decoration-band-purple.png?1456420600') center center no-repeat; background-size: contain; display: inline-block; height: 20px; width: 112px; -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -webkit-transform: translateY(-100%); transform: translateY(-100%); background-repeat: repeat-x; content: " "; left: 0px; position: absolute; width: 100%; z-index: 2; }
#page-amiibo .blade-story::after { background: url('../img/global/decoration-arrow-down.png?1456420600') center center no-repeat; background-size: contain; display: inline-block; height: 37px; width: 48px; content: ' '; position: relative; top: -20px; }
#page-amiibo .blade-story h1 span { font-family: 'Lora', serif; }
#page-amiibo .amiibo-slider { position: absolute; bottom: 0; width: 100%; height: 100%; }
#page-amiibo .amiibo-slider img { -moz-transition: opacity 0.8s ease; -o-transition: opacity 0.8s ease; -webkit-transition: opacity 0.8s ease; transition: opacity 0.8s ease; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); opacity: 0; position: absolute; bottom: 0; left: 50%; }
#page-amiibo .amiibo-slider img.is-active { opacity: 1; }
#page-amiibo .blade-cave { background: #36797d url('../img/amiibo/blade-cave-background.jpg?1456420600') center top no-repeat; }
#page-amiibo .blade-cave .image { z-index: 2; }
#page-amiibo .blade-cave .image .image { background: url('../img/character/amiibo-1.png?1456420600') center center no-repeat; background-size: contain; display: inline-block; height: 458.5px; width: 393.5px; margin-bottom: -75px; position: relative; top: -30px; margin-top: -63px; }
#page-amiibo .blade-cave > .row-flex { padding-top: 80px; padding-bottom: 60px; }
#page-amiibo .blade-amiibo { text-align: center; background: #151118; padding-top: 70px; }
#page-amiibo .blade-amiibo .amiibo { -moz-transition: opacity 0.6s, -moz-transform 0.6s; -o-transition: opacity 0.6s, -o-transform 0.6s; -webkit-transition: opacity 0.6s, -webkit-transform 0.6s; transition: opacity 0.6s, transform 0.6s; -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -webkit-transform: translateX(-100%); transform: translateX(-100%); opacity: 0; }
#page-amiibo .blade-amiibo .amiibo-link { -moz-transition-delay: 0.4s, 0.4s; -o-transition-delay: 0.4s, 0.4s; -webkit-transition-delay: 0.4s, 0.4s; transition-delay: 0.4s, 0.4s; }
#page-amiibo .blade-amiibo .amiibo-link .desc { -moz-transition-delay: 1s, 1s; -o-transition-delay: 1s, 1s; -webkit-transition-delay: 1s, 1s; transition-delay: 1s, 1s; }
#page-amiibo .blade-amiibo .amiibo-link .img::before { -moz-animation-delay: -1s; -webkit-animation-delay: -1s; animation-delay: -1s; }
#page-amiibo .blade-amiibo .amiibo-gano { -moz-transition-delay: 0.8s, 0.8s; -o-transition-delay: 0.8s, 0.8s; -webkit-transition-delay: 0.8s, 0.8s; transition-delay: 0.8s, 0.8s; }
#page-amiibo .blade-amiibo .amiibo-gano .desc { -moz-transition-delay: 1.4s, 1.4s; -o-transition-delay: 1.4s, 1.4s; -webkit-transition-delay: 1.4s, 1.4s; transition-delay: 1.4s, 1.4s; }
#page-amiibo .blade-amiibo .amiibo-gano .img::before { -moz-animation-delay: -2s; -webkit-animation-delay: -2s; animation-delay: -2s; }
#page-amiibo .blade-amiibo .desc { -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -webkit-transform: translateY(-100%); transform: translateY(-100%); -moz-transition: opacity 0.6s 0.6s, -moz-transform 0.6s 0.6s; -o-transition: opacity 0.6s 0.6s, -o-transform 0.6s 0.6s; -webkit-transition: opacity 0.6s, -webkit-transform 0.6s; -webkit-transition-delay: 0.6s, 0.6s; transition: opacity 0.6s 0.6s, transform 0.6s 0.6s; opacity: 0; }
#page-amiibo .blade-amiibo img { width: 100%; position: relative; }
#page-amiibo .blade-amiibo h3 { font-style: italic; }
#page-amiibo .blade-amiibo > .row-flex { padding-top: 0; }
#page-amiibo .blade-amiibo .title span { font-family: 'Lora', serif; font-style: italic; text-transform: lowercase; }
#page-amiibo .blade-amiibo .img { position: relative; margin-bottom: 20px; }
#page-amiibo .blade-amiibo .img::before { -moz-animation: amiiboGlow 6s infinite; -webkit-animation: amiiboGlow 6s infinite; animation: amiiboGlow 6s infinite; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IiIgcj0iNzAlIj48c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjOTU3OWJmIiBzdG9wLW9wYWNpdHk9IjAuNSIvPjxzdG9wIG9mZnNldD0iNzAlIiBzdG9wLWNvbG9yPSIjOTU3OWJmIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjwvcmFkaWFsR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -moz-radial-gradient(center, ellipse, rgba(149, 121, 191, 0.5) 0%, rgba(149, 121, 191, 0) 70%); background-image: -webkit-radial-gradient(center, ellipse, rgba(149, 121, 191, 0.5) 0%, rgba(149, 121, 191, 0) 70%); background-image: radial-gradient(ellipse at center, rgba(149, 121, 191, 0.5) 0%, rgba(149, 121, 191, 0) 70%); content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#page-amiibo .blade-amiibo.vp-on-50 .amiibo { -moz-transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; }
#page-amiibo .blade-amiibo.vp-on-50 .desc { -moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; }
#page-amiibo .blade-bundle { background: url('../img/global/bg-marble-tile-green.jpg?1456420600'); }
#page-amiibo .blade-bundle .image .image { background: url('../img/amiibo/blade-bundle-img.png?1456420600') center center no-repeat; background-size: contain; display: inline-block; height: 382px; width: 510px; margin-top: -30px; margin-bottom: 30px; }

@media only screen and (max-width: 40em) { #page-amiibo .amiibo-slider img { width: 150%; }
  #page-amiibo .blade-cave .image .image { background: url('../img/character/amiibo-1.png?1456420600') center center no-repeat; background-size: contain; display: inline-block; height: 366.8px; width: 314.8px; margin-top: 17px; }
  #page-amiibo .blade-bundle .image .image { background: url('../img/amiibo/blade-bundle-img.png?1456420600') center center no-repeat; background-size: contain; display: inline-block; height: 267.4px; width: 357px; margin-top: 0; } }
@media only screen and (min-width: 54.063em) { #page-amiibo .blade-bundle .content, #page-amiibo .blade-cave .content { margin-left: 8.33333%; }
  #page-amiibo .blade-bundle > .row-flex { padding-top: 0; padding-bottom: 0; } }
/* . ======================================= Author           email            Created         2015-03-09 17:02:39 Description     . Edited by        Edited          2016-01-27 15:05:37
*/
#page-map .row-header { overflow: hidden; height: 596px; }
#page-map .row-header::before { -moz-animation: mapAnimation 120s linear infinite; -webkit-animation: mapAnimation 120s linear infinite; animation: mapAnimation 120s linear infinite; content: ''; width: 200%; padding-bottom: 100%; position: absolute; top: 0; left: -50%; background: url('../img/map/header-static.jpg?1456420600') center top; }
#page-map .row-header::after { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI3MWIwNCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzI3MWIwNCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #271b04), color-stop(100%, rgba(39, 27, 4, 0))); background-image: -moz-linear-gradient(bottom, #271b04 0%, rgba(39, 27, 4, 0) 100%); background-image: -webkit-linear-gradient(bottom, #271b04 0%, rgba(39, 27, 4, 0) 100%); background-image: linear-gradient(to top, #271b04 0%, rgba(39, 27, 4, 0) 100%); content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 80%; }
#page-map .row-header .characters { -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); background: url('../img/map/header-characters.png?1456420600') center center no-repeat; background-size: contain; display: inline-block; height: 504px; width: 853px; position: absolute; z-index: 1; bottom: 0; left: 50%; }
#page-map .blade-danger { background: #1d4646 url('../img/map/blade-danger-bg.jpg?1456420600') center top no-repeat; }
#page-map .blade-danger::after { background: url('../img/global/decoration-arrow-down.png?1456420600') center center no-repeat; background-size: contain; display: inline-block; height: 37px; width: 48px; content: ' '; position: relative; top: -20px; }
#page-map .blade-places { background: #332b3a url('../img/map/blade-places-bg.jpg?1456420600') center top no-repeat; }
#page-map .blade-places::before { background: url('../img/home/decoration-band-purple.png?1456420600') center center no-repeat; background-size: contain; display: inline-block; height: 20px; width: 112px; -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -webkit-transform: translateY(-100%); transform: translateY(-100%); background-repeat: repeat-x; content: " "; left: 0px; position: absolute; width: 100%; z-index: 2; }
#page-map .blade-places .scroll-vertical::before, #page-map .blade-places #ModalView .modal-container > .modal-content > .container::before, #ModalView #page-map .blade-places .modal-container > .modal-content > .container::before, #page-map .blade-places .scroll-vertical::after, #page-map .blade-places #ModalView .modal-container > .modal-content > .container::after, #ModalView #page-map .blade-places .modal-container > .modal-content > .container::after { content: ' '; display: block; }
#page-map .blade-places .places { margin: 30px auto 40px; position: relative; }
#page-map .blade-places .places .videobutton { max-width: none; width: 100%; margin-bottom: 30px; }
#page-map .blade-places .places .videobutton img { display: block; max-width: 100%; }
#page-map .blade-places .places .single-image { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RiYzM1MiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZjE5MyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #dbc352), color-stop(100%, #fff193)); background-image: -moz-linear-gradient(bottom, #dbc352 0%, #fff193 100%); background-image: -webkit-linear-gradient(bottom, #dbc352 0%, #fff193 100%); background-image: linear-gradient(to top, #dbc352 0%, #fff193 100%); padding: 2px; margin-bottom: 30px; }
#page-map .blade-places .places .single-image img { display: block; max-width: 100%; }
#page-map .blade-places .places-wrapper { position: relative; margin-bottom: 20px; }
#page-map .blade-places .places-loc { -moz-transition: -moz-transform 0.4s, opacity 0.4s; -o-transition: -o-transform 0.4s, opacity 0.4s; -webkit-transition: -webkit-transform 0.4s, opacity 0.4s; transition: transform 0.4s, opacity 0.4s; position: absolute; z-index: 1; top: 50%; left: 50%; opacity: 0; width: 100%; }
#page-map .blade-places .places-loc.is-prev { -moz-transform: translate(-70%, -50%); -ms-transform: translate(-70%, -50%); -webkit-transform: translate(-70%, -50%); transform: translate(-70%, -50%); }
#page-map .blade-places .places-loc.is-next { -moz-transform: translate(-30%, -50%); -ms-transform: translate(-30%, -50%); -webkit-transform: translate(-30%, -50%); transform: translate(-30%, -50%); }
#page-map .blade-places .places-loc.is-active { -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 1; z-index: 2; }
#page-map .blade-places .places-desc { text-align: left; }
#page-map .blade-places .places-arrow { text-align: center; font-size: 1rem; color: white; text-decoration: none; width: 125px; position: relative; z-index: 2; display: inline-block; }
#page-map .blade-places .places-arrow::after { content: ''; position: absolute; top: 18px; }
#page-map .blade-places .places-arrow:hover .places-arrow-img { box-shadow: 0px 0px 17px 5px rgba(103, 248, 249, 0.7); }
#page-map .blade-places .places-arrow-img { -moz-transition: box-shadow 0.3s; -o-transition: box-shadow 0.3s; -webkit-transition: box-shadow 0.3s; transition: box-shadow 0.3s; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RiYzM1MiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZjE5MyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #dbc352), color-stop(100%, #fff193)); background-image: -moz-linear-gradient(bottom, #dbc352 0%, #fff193 100%); background-image: -webkit-linear-gradient(bottom, #dbc352 0%, #fff193 100%); background-image: linear-gradient(to top, #dbc352 0%, #fff193 100%); padding: 2px; box-shadow: 0px 0px 17px 5px rgba(255, 221, 61, 0.24); display: inline-block; width: 75px; }
#page-map .blade-places .places-arrow-img img { display: block; max-width: 100%; }
#page-map .blade-places .places-arrow-name { font-style: italic; font-weight: bold; white-space: pre; display: block; }
#page-map .blade-places .places-arrow.prev::after { background: url('../img/global/arrow-prev.png?1456420600') center center no-repeat; background-size: contain; display: inline-block; height: 45px; width: 26px; right: 95%; }
#page-map .blade-places .places-arrow.next::after { background: url('../img/global/arrow-next.png?1456420600') center center no-repeat; background-size: contain; display: inline-block; height: 45px; width: 26px; left: 95%; }
#page-map .blade-tools { text-align: left; background: #151118; }
#page-map .blade-tools .tools-images { text-align: center; position: relative; }
#page-map .blade-tools .tools-images::before { -moz-animation: amiiboGlow 6s infinite; -webkit-animation: amiiboGlow 6s infinite; animation: amiiboGlow 6s infinite; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IiIgcj0iNzAlIj48c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjOTU3OWJmIiBzdG9wLW9wYWNpdHk9IjAuMyIvPjxzdG9wIG9mZnNldD0iNzAlIiBzdG9wLWNvbG9yPSIjOTU3OWJmIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjwvcmFkaWFsR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -moz-radial-gradient(center, ellipse, rgba(149, 121, 191, 0.3) 0%, rgba(149, 121, 191, 0) 70%); background-image: -webkit-radial-gradient(center, ellipse, rgba(149, 121, 191, 0.3) 0%, rgba(149, 121, 191, 0) 70%); background-image: radial-gradient(ellipse at center, rgba(149, 121, 191, 0.3) 0%, rgba(149, 121, 191, 0) 70%); content: ''; position: absolute; top: -15%; left: -15%; width: 130%; height: 130%; pointer-events: none; }
#page-map .blade-tools .tools-images img, #page-map .blade-tools .tools-images-desc { -moz-transition: -moz-transform 0.4s, opacity 0.6s; -o-transition: -o-transform 0.4s, opacity 0.6s; -webkit-transition: -webkit-transform 0.4s, opacity 0.6s; transition: transform 0.4s, opacity 0.6s; opacity: 0; }
#page-map .blade-tools .tools-images img { -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); max-width: 275px; display: block; margin: 0 auto; }
#page-map .blade-tools .tools-images li { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; }
#page-map .blade-tools .tools-images li.is-active { position: relative; z-index: 2; }
#page-map .blade-tools .tools-images li.is-active img, #page-map .blade-tools .tools-images li.is-active .tools-images-desc { -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; }
#page-map .blade-tools .tools-images li.is-active .tools-images-name { opacity: 1; }
#page-map .blade-tools .tools-images-desc { -moz-transition-delay: 0.1s; -o-transition-delay: 0.1s; -webkit-transition-delay: 0.1s; transition-delay: 0.1s; -moz-transform: translateY(100%); -ms-transform: translateY(100%); -webkit-transform: translateY(100%); transform: translateY(100%); margin-top: 40px; font-size: 0.875rem; }
#page-map .blade-tools .tools-images-img { position: relative; min-height: 338px; }
#page-map .blade-tools .tools-images-name { -moz-transition: opacity 0.6s 0.2s; -o-transition: opacity 0.6s 0.2s; -webkit-transition: opacity 0.6s; -webkit-transition-delay: 0.2s; transition: opacity 0.6s 0.2s; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); position: absolute; bottom: 0; left: 50%; padding: 7px 30px 10px; opacity: 0; width: 65%; }
#page-map .blade-tools .tools-images-name::before, #page-map .blade-tools .tools-images-name::after { opacity: 1; }
#page-map .blade-tools .tools-images-name::after { -moz-transform: translate(90%, -50%); -ms-transform: translate(90%, -50%); -webkit-transform: translate(90%, -50%); transform: translate(90%, -50%); }
#page-map .blade-tools .tools-images-name::before { -moz-transform: translate(-90%, -50%); -ms-transform: translate(-90%, -50%); -webkit-transform: translate(-90%, -50%); transform: translate(-90%, -50%); }
#page-map .blade-tools .tools-images-name:hover { box-shadow: none; cursor: default; }
#page-map .blade-tools .tools-buttons { margin-top: 35px; margin-left: -5px; }
#page-map .blade-tools .tools-buttons a { text-indent: 110%; white-space: pre; overflow: hidden; -moz-transition: background-color 0.3s; -o-transition: background-color 0.3s; -webkit-transition: background-color 0.3s; transition: background-color 0.3s; background: #4e435e url('../img/map/tools-buttons-spr.png?1456420600') left top no-repeat; background-size: 524px; text-decoration: none; display: block; height: 74px; width: 74.85714px; }
#page-map .blade-tools .tools-buttons a[data-tool="spinner"] { background-position: 0px 0; }
#page-map .blade-tools .tools-buttons a[data-tool="ball"] { background-position: -74.85714px 0; }
#page-map .blade-tools .tools-buttons a[data-tool="rod"] { background-position: -149.71429px 0; }
#page-map .blade-tools .tools-buttons a[data-tool="armor"] { background-position: -224.57143px 0; }
#page-map .blade-tools .tools-buttons a[data-tool="bow"] { background-position: -299.42857px 0; }
#page-map .blade-tools .tools-buttons a[data-tool="waterbomb"] { background-position: -374.28571px 0; }
#page-map .blade-tools .tools-buttons a[data-tool="gale"] { background-position: -449.14286px 0; }
#page-map .blade-tools .tools-buttons li { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RiYzM1MiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZjE5MyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #dbc352), color-stop(100%, #fff193)); background-image: -moz-linear-gradient(bottom, #dbc352 0%, #fff193 100%); background-image: -webkit-linear-gradient(bottom, #dbc352 0%, #fff193 100%); background-image: linear-gradient(to top, #dbc352 0%, #fff193 100%); padding: 2px; box-shadow: 0px 0px 17px 5px rgba(255, 221, 61, 0.24); -moz-transition: box-shadow 0.3s; -o-transition: box-shadow 0.3s; -webkit-transition: box-shadow 0.3s; transition: box-shadow 0.3s; -moz-transition: -moz-transform 0.4s, box-shadow 0.3s; -o-transition: -o-transform 0.4s, box-shadow 0.3s; -webkit-transition: -webkit-transform 0.4s, box-shadow 0.3s; transition: transform 0.4s, box-shadow 0.3s; display: inline-block; margin: 5px; }
#page-map .blade-tools .tools-buttons li:hover { box-shadow: 0px 0px 17px 5px rgba(103, 248, 249, 0.7); }
#page-map .blade-tools .tools-buttons li:hover, #page-map .blade-tools .tools-buttons li.is-active { box-shadow: 0px 0px 17px 5px rgba(103, 248, 249, 0.7); -moz-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -webkit-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05); }
#page-map .blade-tools .tools-buttons li:hover a, #page-map .blade-tools .tools-buttons li.is-active a { background-color: #67f8f9; }
#page-map .blade-sense { background-image: url('../img/global/bg-marble-tile-green.jpg?1456420600'); background-repeat: repeat; background-size: auto; }
#page-map .blade-sense .videobutton img { max-width: 100%; }
#page-map .blade-sense .image .image { background: url('../img/character/wolf-link-midna.png?1456420600') center center no-repeat; background-size: contain; display: inline-block; height: 366.4px; width: 354.4px; position: relative; margin-left: -20px; margin-top: -20px; }
#page-map .blade-skills { background: #1c4646 url('../img/map/blade-skills-bg.jpg?1456420600') center top no-repeat; background-size: auto 100%; }
#page-map .blade-skills .title { text-align: center; padding: 50px 10px 0; margin: 0 auto; }
#page-map .blade-skills .skills-buttons { display: -ms-flexbox; display: -webkit-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-direction: row; -webkit-flex-direction: row; flex-direction: row; -ms-flex-pack: center; -webkit-flex-pack: center; -webkit-justify-content: center; justify-content: center; }
#page-map .blade-skills .skills-buttons li { width: 85%; display: inline-block; margin-bottom: 12px; padding: 0; }
#page-map .blade-skills .skills-buttons a { font-family: 'Julius Sans One', sans-serif; text-decoration: none; text-transform: uppercase; color: white; text-shadow: 2px 2px 0px 0px rgba(0, 0, 0, 0.5); padding: 13px 0; font-style: normal; font-size: 1.125rem; display: block; }
#page-map .blade-skills .skills-images { position: relative; }
#page-map .blade-skills .skills-images li { position: absolute; z-index: 1; top: 0; left: 0; opacity: 0; width: 100%; text-align: center; }
#page-map .blade-skills .skills-images li.is-active { opacity: 1; position: relative; z-index: 2; }
#page-map .blade-skills .skills-images li.is-active .skills-images-img, #page-map .blade-skills .skills-images li.is-active .skills-images-desc { -moz-transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; }
#page-map .blade-skills .skills-images video { max-width: 100%; display: block; }
#page-map .blade-skills .skills-images h3 { font-style: italic; }
#page-map .blade-skills .skills-images p { font-size: 0.875rem; }
#page-map .blade-skills .skills-images-desc, #page-map .blade-skills .skills-images-img { -moz-transition: -moz-transform 0.4s, opacity 0.6s; -o-transition: -o-transform 0.4s, opacity 0.6s; -webkit-transition: -webkit-transform 0.4s, opacity 0.6s; transition: transform 0.4s, opacity 0.6s; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); opacity: 0; }
#page-map .blade-skills .skills-images-desc { -moz-transition-delay: 0.1s, 0.1s; -o-transition-delay: 0.1s, 0.1s; -webkit-transition-delay: 0.1s, 0.1s; transition-delay: 0.1s, 0.1s; }
#page-map .blade-skills .skills-images-img { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RiYzM1MiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZjE5MyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #dbc352), color-stop(100%, #fff193)); background-image: -moz-linear-gradient(bottom, #dbc352 0%, #fff193 100%); background-image: -webkit-linear-gradient(bottom, #dbc352 0%, #fff193 100%); background-image: linear-gradient(to top, #dbc352 0%, #fff193 100%); padding: 2px; margin: 0 auto 10px; display: table; }
#page-map .blade-skills .skills-images-img img { display: block; }
#page-map .blade-ride { background-image: url('../img/global/bg-marble-tile-purple.jpg?1456420600'); background-repeat: repeat; background-size: auto; }
#page-map .blade-ride .row-flex { padding-bottom: 0; }
#page-map .blade-ride .videobutton { width: 100%; }
#page-map .blade-ride .image { text-align: center; }
#page-map .blade-ride .image .image { background: url('../img/character/link-epona-1.png?1456420600') center center no-repeat; background-size: contain; display: inline-block; height: 464.1px; width: 338.8px; margin-bottom: -56px; position: relative; top: -20px; margin-left: -30px; }

@media only screen and (max-width: 40em) { #page-map .blade-tools .tools-images-img { min-height: 298px; }
  #page-map .blade-tools .tools-images-desc { margin-top: 20px; }
  #page-map .blade-tools .tools-buttons { margin-left: 0; margin-top: 25px; }
  #page-map .blade-tools .tools-buttons a { background-size: 398.24px; height: 56.24px; width: 56.89143px; }
  #page-map .blade-tools .tools-buttons a[data-tool="spinner"] { background-position: 0px 0; }
  #page-map .blade-tools .tools-buttons a[data-tool="ball"] { background-position: -56.89143px 0; }
  #page-map .blade-tools .tools-buttons a[data-tool="rod"] { background-position: -113.78286px 0; }
  #page-map .blade-tools .tools-buttons a[data-tool="armor"] { background-position: -170.67429px 0; }
  #page-map .blade-tools .tools-buttons a[data-tool="bow"] { background-position: -227.56571px 0; }
  #page-map .blade-tools .tools-buttons a[data-tool="waterbomb"] { background-position: -284.45714px 0; }
  #page-map .blade-tools .tools-buttons a[data-tool="gale"] { background-position: -341.34857px 0; }
  #page-map .row-header::before { padding-bottom: 600%; }
  #page-map .row-header::after { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIxMCUiIHN0b3AtY29sb3I9IiMyNzFiMDQiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyNzFiMDQiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(10%, #271b04), color-stop(100%, rgba(39, 27, 4, 0))); background-image: -moz-linear-gradient(bottom, #271b04 10%, rgba(39, 27, 4, 0) 100%); background-image: -webkit-linear-gradient(bottom, #271b04 10%, rgba(39, 27, 4, 0) 100%); background-image: linear-gradient(to top, #271b04 10%, rgba(39, 27, 4, 0) 100%); }
  #page-map .row-header .characters { height: 378px; width: 639.75px; } }
@media only screen and (min-width: 40.063em) { #page-map .blade-places .places { max-width: 66.66667%; }
  #page-map .blade-places .places-wrapper { margin-bottom: 0; }
  #page-map .blade-places .places-arrow { -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); position: absolute; top: 50%; }
  #page-map .blade-places .places-arrow.prev { right: 100%; }
  #page-map .blade-places .places-arrow.prev::after { right: auto; left: 95%; }
  #page-map .blade-places .places-arrow.next { left: 100%; }
  #page-map .blade-places .places-arrow.next::after { left: auto; right: 95%; }
  #page-map .blade-tools .tools-images img { max-width: 330px; }
  #page-map .blade-tools .content { -ms-flex-order: 0; -webkit-flex-order: 0; -webkit-order: 0; order: 0; }
  #page-map .blade-tools .image { -ms-flex-order: 1; -webkit-flex-order: 1; -webkit-order: 1; order: 1; text-align: left; }
  #page-map .blade-skills .skills-images { margin-bottom: 20px; }
  #page-map .blade-skills .skills-buttons { -ms-flex-pack: justify; -webkit-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; }
  #page-map .blade-skills .skills-buttons li { width: 46%; }
  #page-map .blade-ride .row-flex { padding-top: 0; }
  #page-map .blade-ride .image { text-align: left; } }
@media only screen and (min-width: 40.063em) and (max-width: 54em) { #page-map .blade-skills .skills-buttons { -ms-flex-pack: justify; -webkit-flex-pack: justify; -webkit-justify-content: space-around; justify-content: space-around; }
  #page-map .blade-skills .skills-buttons li { width: 44%; } }
@media only screen and (min-width: 54.063em) { #page-map .blade-ride .content, #page-map .blade-sense .content { margin-left: 8.33333%; }
  #page-map .blade-sense .image { text-align: left; }
  #page-map .blade-sense .image .image { height: 458px; width: 443px; margin-top: 0; margin-bottom: -80px; top: -50px; margin-left: -40px; }
  #page-map .blade-ride .image .image { background: url('../img/character/link-epona-1.png?1456420600') center center no-repeat; background-size: contain; display: inline-block; height: 596.7px; width: 435.6px; margin-bottom: -136px; top: -40px; }
  #page-map .blade-skills .title { max-width: 83.33333%; }
  #page-map .blade-skills .skills-images { margin-bottom: 0; }
  #page-map .blade-tools .tools-images-name { width: auto; } }
@media only screen and (min-width: 71.063em) { #page-map .blade-sense .row-flex { padding: 0; }
  #page-map .blade-sense .image .image { height: 549.6px; width: 531.6px; } }
/* . ======================================= Author           email            Created         2015-03-09 17:02:39 Description     . Edited by        Edited          2016-01-27 15:05:37
*/
#page-media .row-header { overflow: hidden; height: 596px; background: #1d4646 url('../img/media/header-static.jpg?1456420600') center bottom no-repeat; }
#page-media .row-header::before { background: url('../img/media/yetis.png?1456420600') center center no-repeat; background-size: contain; display: inline-block; height: 429px; width: 769px; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); content: ''; position: absolute; z-index: 1; bottom: 0; left: 50%; }
#page-media .row-header::after { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzA5MmQzMyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzI3MWIwNCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #092d33), color-stop(100%, rgba(39, 27, 4, 0))); background-image: -moz-linear-gradient(top, #092d33 0%, rgba(39, 27, 4, 0) 100%); background-image: -webkit-linear-gradient(top, #092d33 0%, rgba(39, 27, 4, 0) 100%); background-image: linear-gradient(to bottom, #092d33 0%, rgba(39, 27, 4, 0) 100%); content: ''; position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 80%; }
#page-media #snow-canvas { -webkit-filter: blur(3px); filter: blur(3px); position: absolute; top: 0; left: 0; }
#page-media .blade-videos { background: #161118 url('../img/story/blade-darkness-bg.jpg?1456420600') center top no-repeat; padding-bottom: 60px; }
#page-media .blade-videos::before { background: url('../img/home/decoration-band-purple.png?1456420600') center center no-repeat; background-size: contain; display: inline-block; height: 20px; width: 112px; -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -webkit-transform: translateY(-100%); transform: translateY(-100%); background-repeat: repeat-x; content: " "; left: 0px; position: absolute; width: 100%; z-index: 2; }
#page-media .blade-videos .main-videos .videobutton, #page-media .blade-videos .other-videos .videobutton { display: block; margin-top: 0; max-width: none; }
#page-media .blade-videos .main-videos { padding-bottom: 20px; }
#page-media .blade-videos .main-videos .videobutton { margin-bottom: 70px; }
#page-media .blade-videos .main-videos .button-decorative, #page-media .blade-videos .main-videos #page-characters .controls li, #page-characters .controls #page-media .blade-videos .main-videos li { font-family: 'Julius Sans One', sans-serif; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuMCIgeDI9IjEuMCIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMyMmIzOSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzI3MjEyYyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0%, #322b39), color-stop(100%, #27212c)); background-image: -moz-linear-gradient(left top, #322b39 0%, #27212c 100%); background-image: -webkit-linear-gradient(left top, #322b39 0%, #27212c 100%); background-image: linear-gradient(to right bottom, #322b39 0%, #27212c 100%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 0.9375rem; font-style: normal; padding: 14px 16px; width: 45%; position: absolute; top: 100%; left: 50%; }
#page-media .blade-videos .other-videos { padding-bottom: 0; }
#page-media .blade-videos .other-videos-heading h3 { font-style: italic; }
#page-media .blade-videos .other-videos .video-title { font-family: 'Julius Sans One', sans-serif; font-size: 1.3125rem; text-align: center; display: block; }
#page-media .blade-videos .other-videos div[class*="column-flex"] { margin-bottom: 40px; }
#page-media .blade-videos .other-videos.coming-soon div.videobutton { color: white; }
#page-media .blade-videos .other-videos.coming-soon div.videobutton::after { background: none; content: 'Coming Soon'; font-size: 22px; opacity: 0.6; width: 140px; height: auto; font-style: italic; }
#page-media .blade-videos .other-videos.coming-soon div.videobutton::before { content: ''; position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 0.7); width: 100%; height: 100%; }
#page-media .blade-downloads { background-image: url('../img/global/bg-marble-tile-dark-bluegreen.jpg?1456420600'); background-repeat: repeat; background-size: auto; }
#page-media .blade-downloads .downloads { padding-top: 10px; padding-bottom: 60px; }
#page-media .blade-downloads .downloads-item img { display: block; width: 100%; }
#page-media .blade-downloads .downloads-item ul { margin-top: 10px; }
#page-media .blade-downloads .downloads-item ul li { margin: 3px 0; }
#page-media .blade-downloads .downloads-item a { text-decoration: none; text-align: center; display: block; color: #ffdd67; }
#page-media .blade-downloads .downloads-item a:visited { color: #ffdd67; }
#page-media .blade-downloads .downloads-item .img { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RiYzM1MiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZjE5MyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #dbc352), color-stop(100%, #fff193)); background-image: -moz-linear-gradient(bottom, #dbc352 0%, #fff193 100%); background-image: -webkit-linear-gradient(bottom, #dbc352 0%, #fff193 100%); background-image: linear-gradient(to top, #dbc352 0%, #fff193 100%); padding: 2px; }

@media only screen and (max-width: 40em) { #page-media .row-header { background-size: 980.8px auto; }
  #page-media .row-header::before { height: 343.2px; width: 615.2px; }
  #page-media .row-header::after { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIxMCUiIHN0b3AtY29sb3I9IiMwOTJkMzMiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyNzFiMDQiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(10%, #092d33), color-stop(100%, rgba(39, 27, 4, 0))); background-image: -moz-linear-gradient(top, #092d33 10%, rgba(39, 27, 4, 0) 100%); background-image: -webkit-linear-gradient(top, #092d33 10%, rgba(39, 27, 4, 0) 100%); background-image: linear-gradient(to bottom, #092d33 10%, rgba(39, 27, 4, 0) 100%); }
  #page-media .blade-videos .main-videos .videobutton { margin-bottom: 60px; }
  #page-media .blade-videos .main-videos .button-decorative, #page-media .blade-videos .main-videos #page-characters .controls li, #page-characters .controls #page-media .blade-videos .main-videos li { width: 82%; }
  #page-media .blade-videos .other-videos { padding-top: 0; }
  #page-media .blade-downloads .downloads-item ul { margin-bottom: 20px; } }
@media only screen and (min-width: 40.063em) and (max-width: 54em) { #page-media .blade-videos .main-videos .button-decorative, #page-media .blade-videos .main-videos #page-characters .controls li, #page-characters .controls #page-media .blade-videos .main-videos li { width: 75%; padding: 10px 20px; } }
@media only screen and (min-width: 40.063em) { #page-media .blade-videos .other-videos-heading { padding-bottom: 0; } }
@media only screen and (min-width: 54.063em) { #page-media .blade-videos .main-videos .button-decorative, #page-media .blade-videos .main-videos #page-characters .controls li, #page-characters .controls #page-media .blade-videos .main-videos li { font-size: 1.125rem; width: 60%; }
  #page-media .blade-downloads .downloads-item a { -moz-transition: opacity 0.4s; -o-transition: opacity 0.4s; -webkit-transition: opacity 0.4s; transition: opacity 0.4s; }
  #page-media .blade-downloads .downloads-item a:hover { opacity: 0.6; } }
@media only screen and (min-width: 71.063em) { #page-media .blade-videos .main-videos .button-decorative, #page-media .blade-videos .main-videos #page-characters .controls li, #page-characters .controls #page-media .blade-videos .main-videos li { width: 50%; }
  #page-media .blade-videos .other-videos div[class*="column-flex"] { margin-bottom: 0; } }
/* . ======================================= Author           email            Created         2015-03-09 17:02:39 Description     . Edited by        Edited          2016-01-27 15:05:37
*/
#page-controls .row-header { overflow: hidden; height: 596px; background: #3b5d34 url('../img/controls/header-static.jpg?1456420600') center bottom no-repeat; }
#page-controls .row-header::after { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzExMjQwZSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzExMjQwZSIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #11240e), color-stop(100%, rgba(17, 36, 14, 0))); background-image: -moz-linear-gradient(top, #11240e 0%, rgba(17, 36, 14, 0) 100%); background-image: -webkit-linear-gradient(top, #11240e 0%, rgba(17, 36, 14, 0) 100%); background-image: linear-gradient(to bottom, #11240e 0%, rgba(17, 36, 14, 0) 100%); content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 80%; }
#page-controls .row-header .characters { -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 1002px; height: 469px; position: absolute; bottom: 0; left: 50%; }
#page-controls .row-header .characters::after, #page-controls .row-header .characters::before { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
#page-controls .row-header .characters:after { background: url('../img/controls/header-characters.png?1456420600') center center no-repeat; background-size: 100% auto; }
#page-controls .row-header .characters::before { -moz-animation: hover 10s ease infinite alternate; -webkit-animation: hover 10s ease infinite alternate; animation: hover 10s ease infinite alternate; background: url('../img/controls/header-creature.png?1456420600') center center no-repeat; background-size: 100% auto; }
#page-controls .blade-danger { background: #1d4646 url('../img/controls/blade-header.jpg?1456420600') center top no-repeat; background-size: auto 100%; }
#page-controls .blade-danger::after { background: url('../img/global/decoration-arrow-down.png?1456420600') center center no-repeat; background-size: contain; display: inline-block; height: 37px; width: 48px; content: ' '; position: relative; top: -20px; }
#page-controls .blade-danger::before { background: url('../img/home/decoration-band-blue.png?1456420600') center center no-repeat; background-size: contain; display: inline-block; height: 20px; width: 112px; -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -webkit-transform: translateY(-100%); transform: translateY(-100%); background-repeat: repeat-x; content: " "; left: 0px; position: absolute; width: 100%; z-index: 2; }
#page-controls .blade-gameplay { background-image: url('../img/global/bg-marble-tile-bluegreen.jpg?1456420600'); background-repeat: repeat; background-size: auto; padding-bottom: 40px; }
#page-controls .blade-gameplay .gameplay { margin-top: 40px; position: relative; }
#page-controls .blade-gameplay .gameplay-style { -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); position: absolute; z-index: 1; top: 0; left: 50%; width: 100%; text-align: center; padding: 0 10px; }
#page-controls .blade-gameplay .gameplay-style h3 { font-style: italic; }
#page-controls .blade-gameplay .gameplay-style.is-active { z-index: 2; }
#page-controls .blade-gameplay .gameplay-style.is-active .gameplay-style-img, #page-controls .blade-gameplay .gameplay-style.is-active .gameplay-style-desc { -moz-transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; }
#page-controls .blade-gameplay .gameplay-style-img { -moz-transition: -moz-transform 0.4s, opacity 0.4s; -o-transition: -o-transform 0.4s, opacity 0.4s; -webkit-transition: -webkit-transform 0.4s, opacity 0.4s; transition: transform 0.4s, opacity 0.4s; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); opacity: 0; width: 100%; margin-bottom: 20px; }
#page-controls .blade-gameplay .gameplay-style-img img { max-width: 100%; }
#page-controls .blade-gameplay .gameplay-style-desc { -moz-transition: -moz-transform 0.4s, opacity 0.4s; -o-transition: -o-transform 0.4s, opacity 0.4s; -webkit-transition: -webkit-transform 0.4s, opacity 0.4s; transition: transform 0.4s, opacity 0.4s; -moz-transform: translateX(50%); -ms-transform: translateX(50%); -webkit-transform: translateX(50%); transform: translateX(50%); opacity: 0; padding: 0 10px; width: 100%; }
#page-controls .blade-gameplay .gameplay-buttons { padding: 0; }
#page-controls .blade-gameplay .gameplay-buttons ul { display: -ms-flexbox; display: -webkit-flexbox; display: -webkit-flex; display: flex; -ms-flex-direction: row; -webkit-flex-direction: row; flex-direction: row; -ms-flex-pack: center; -webkit-flex-pack: center; -webkit-justify-content: center; justify-content: center; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
#page-controls .blade-gameplay .gameplay-buttons li { width: 100%; display: inline-block; padding: 0; margin: 0 20px 10px; }
#page-controls .blade-gameplay .gameplay-buttons a { font-family: 'Julius Sans One', sans-serif; text-decoration: none; text-transform: uppercase; color: white; text-shadow: 2px 2px 0px 0px rgba(0, 0, 0, 0.5); padding: 13px 20px; font-style: normal; font-size: 1em; display: block; }
#page-controls .blade-hero { background: #161118 url('../img/story/blade-darkness-bg.jpg?1456420600') center top no-repeat; }
#page-controls .blade-hero #hero-mode { position: absolute; left: 0; top: -100px; }
#page-controls .blade-hero ul { list-style: disc; color: #ffdd67; margin-left: 20px; }
#page-controls .blade-hero .videobutton + p { margin-top: 20px; font-size: 0.875rem; }
#page-controls .blade-hero .image .imgc { background: url('../img/character/link-3.png?1456420600') center center no-repeat; background-size: contain; display: inline-block; height: 308.1px; width: 351.9px; margin: 10px -20px -10px -20px; }
#page-controls .blade-miiverse { background-image: url('../img/global/bg-marble-tile-green.jpg?1456420600'); background-repeat: repeat; background-size: auto; }
#page-controls .blade-miiverse .content { -ms-flex-order: 1; -webkit-flex-order: 1; -webkit-order: 1; order: 1; }
#page-controls .blade-miiverse .image { -ms-flex-order: 0; -webkit-flex-order: 0; -webkit-order: 0; order: 0; }
#page-controls .blade-amiibos { background: #1d4646; }
#page-controls .blade-amiibos.vp-on-50 .amiibos::before { -moz-animation: amiiboGlow 6s infinite; -webkit-animation: amiiboGlow 6s infinite; animation: amiiboGlow 6s infinite; }
#page-controls .blade-amiibos.vp-on-50 .amiibos li { -moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; }
#page-controls .blade-amiibos .amiibos { position: relative; }
#page-controls .blade-amiibos .amiibos::before { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IiIgcj0iNjAlIj48c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iIzQ2OTk5ZiIgc3RvcC1vcGFjaXR5PSIwLjkiLz48c3RvcCBvZmZzZXQ9IjYwJSIgc3RvcC1jb2xvcj0iIzQ2OTk5ZiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L3JhZGlhbEdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: -moz-radial-gradient(center, ellipse, rgba(70, 153, 159, 0.9) 40%, rgba(70, 153, 159, 0) 60%); background-image: -webkit-radial-gradient(center, ellipse, rgba(70, 153, 159, 0.9) 40%, rgba(70, 153, 159, 0) 60%); background-image: radial-gradient(ellipse at center, rgba(70, 153, 159, 0.9) 40%, rgba(70, 153, 159, 0) 60%); content: ''; position: absolute; top: 50%; left: 50%; width: 410px; height: 410px; margin: -205px 0 0 -205px; opacity: 0; }
#page-controls .blade-amiibos .amiibos li { -moz-transform: translateY(50%); -ms-transform: translateY(50%); -webkit-transform: translateY(50%); transform: translateY(50%); -moz-transition: -moz-transform 0.4s, opacity 0.4s; -o-transition: -o-transform 0.4s, opacity 0.4s; -webkit-transition: -webkit-transform 0.4s, opacity 0.4s; transition: transform 0.4s, opacity 0.4s; position: absolute; top: 0; opacity: 0; }
#page-controls .blade-amiibos .amiibos .amiibos-1 { left: 171px; top: 76px; }
#page-controls .blade-amiibos .amiibos .amiibos-2 { -moz-transition-delay: 0.1s; -o-transition-delay: 0.1s; -webkit-transition-delay: 0.1s; transition-delay: 0.1s; left: 0; top: 20px; }
#page-controls .blade-amiibos .amiibos .amiibos-3 { -moz-transition-delay: 0.2s; -o-transition-delay: 0.2s; -webkit-transition-delay: 0.2s; transition-delay: 0.2s; left: 57px; top: -10px; }
#page-controls .blade-amiibos .amiibos .amiibos-4 { -moz-transition-delay: 0.3s; -o-transition-delay: 0.3s; -webkit-transition-delay: 0.3s; transition-delay: 0.3s; left: 375px; top: 5px; }
#page-controls .blade-amiibos .amiibos .amiibos-5 { -moz-transition-delay: 0.4s; -o-transition-delay: 0.4s; -webkit-transition-delay: 0.4s; transition-delay: 0.4s; position: relative; display: inline-block; top: -30px; left: 104px; }
#page-controls .blade-amiibos .amiibos .amiibos-6 { -moz-transition-delay: 0.5s; -o-transition-delay: 0.5s; -webkit-transition-delay: 0.5s; transition-delay: 0.5s; left: 130px; top: -54px; }

@media only screen and (max-width: 40em) { #page-controls .row-header::after { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIxMCUiIHN0b3AtY29sb3I9IiMxMTI0MGUiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxMTI0MGUiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(10%, #11240e), color-stop(100%, rgba(17, 36, 14, 0))); background-image: -moz-linear-gradient(top, #11240e 10%, rgba(17, 36, 14, 0) 100%); background-image: -webkit-linear-gradient(top, #11240e 10%, rgba(17, 36, 14, 0) 100%); background-image: linear-gradient(to bottom, #11240e 10%, rgba(17, 36, 14, 0) 100%); }
  #page-controls .row-header .characters { width: 901.8px; height: 422.1px; }
  #page-controls .row-header .characters::before { display: none; }
  #page-controls .blade-hero ul { list-style: none; } }
@media screen and (max-width: 54em) { #page-controls .blade-amiibos .amiibos { -moz-transform: scale(0.6, 0.6); -ms-transform: scale(0.6, 0.6); -webkit-transform: scale(0.6, 0.6); transform: scale(0.6, 0.6); width: 540px; margin-left: -270px; position: relative; left: 50%; } }
@media only screen and (min-width: 40.063em) { #page-controls .blade-gameplay .gameplay-style { display: -ms-flexbox; display: -webkit-flexbox; display: -webkit-flex; display: flex; padding: 0; }
  #page-controls .blade-gameplay .gameplay-style-img { -moz-transition: -moz-transform 0.4s, opacity 0.4s; -o-transition: -o-transform 0.4s, opacity 0.4s; -webkit-transition: -webkit-transform 0.4s, opacity 0.4s; transition: transform 0.4s, opacity 0.4s; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 58.33333%; margin: 0 10px 0 8.33333%; margin-bottom: 0; }
  #page-controls .blade-gameplay .gameplay-style-desc { text-align: left; max-width: 41.66667%; }
  #page-controls .blade-gameplay .gameplay-buttons li { width: auto; }
  #page-controls .blade-gameplay .gameplay-buttons a { font-size: 0.85em; }
  #page-controls .blade-hero .image .imgc { height: 410.8px; width: 469.2px; margin: 0 0 0 -50px; } }
@media only screen and (min-width: 54.063em) { #page-controls .blade-gameplay .gameplay-buttons a { font-size: 1.125rem; }
  #page-controls .blade-amiibos .content, #page-controls .blade-hero .content { margin-left: 8.33333%; }
  #page-controls .blade-amiibos .amiibos .amiibos-6 { display: block; } }
@media only screen and (min-width: 54.063em) and (max-width: 71em) { #page-controls .blade-amiibos .amiibos { -moz-transform: scale(0.8, 0.8); -ms-transform: scale(0.8, 0.8); -webkit-transform: scale(0.8, 0.8); transform: scale(0.8, 0.8); -moz-transform-origin: 0 50%; -ms-transform-origin: 0 50%; -webkit-transform-origin: 0 50%; transform-origin: 0 50%; } }
@media only screen and (min-width: 71.063em) { #page-controls .blade-hero .image .imgc { height: 513.5px; width: 586.5px; margin: -80px 0 0 -50px; } }
body.lang-es header#header-main nav span { transition: color 0.2s linear; color: #FFF; display: inline-block; font-style: italic; font-weight: bold; pointer-events: all; position: relative; text-shadow: 0px 1px 0px #000; text-decoration: none; }
body.lang-es header#header-main nav ul li.buy-small span { background: url('../img/global/bg-button-large-middle-white.png?1456420600') left top repeat-x; background-size: auto 100%; height: 44.4px; vertical-align: middle; width: calc(100% - 16.8px); text-align: center; padding: 0.5em; }
body.lang-es#page-media .blade-videos .other-videos.coming-soon div.videobutton::after { content: 'Próximamente'; }
body.lang-es#page-map .blade-places .places-arrow { vertical-align: top; }
body.lang-es#page-map .blade-places .places-arrow-name { white-space: normal; line-height: 1.2em; }
body.lang-es footer#footer-main .row-social .social h3 { font-size: 1em; }

@media only screen and (min-width: 54.063em) { body.lang-es#page-characters .characterLockup { height: 870px; }
  body.lang-es header#header-main nav ul li { margin: 0 5px; height: 27px; }
  body.lang-es header#header-main nav ul li.media span { display: block; margin-top: -7px; }
  body.lang-es header#header-main nav ul li.buy-now .label { margin-top: -7px; vertical-align: top; }
  body.lang-es header#header-main nav ul li.buy-now .packshot { margin-top: -20px; } }
@media only screen and (min-width: 54.063em) and (max-width: 71em) { body.lang-es header#header-main nav a.logo { margin: 0px -20px 0 -60px; }
  body.lang-es header#header-main nav ul li.buy-now .label { height: 41px; }
  body.lang-es#page-home .row-header .content h1 { font-size: 2.7rem; } }
@media only screen and (min-width: 71.063em) { body.lang-es header#header-main nav a.logo { margin: 0px -20px 0 -60px; }
  body.lang-es header#header-main nav ul li.buy-now .label { width: 150px; margin-top: -2px; }
  body.lang-es#page-map .blade-skills .img { margin-left: 20px; } }
body.lang-fr#page-media .blade-videos .other-videos.coming-soon div.videobutton::after { content: 'À venir'; }
body.lang-fr#page-map .blade-places .places-arrow { vertical-align: top; }
body.lang-fr#page-map .blade-places .places-arrow-name { white-space: normal; line-height: 1.2em; }
body.lang-fr footer#footer-main .row-social .social h3 { font-size: 1em; }

@media only screen and (min-width: 54.063em) and (max-width: 71em) { body.lang-fr header#header-main nav a.logo { margin-right: -30px; margin-left: -60px; }
  body.lang-fr header#header-main nav ul li { margin-left: 5px; margin-right: 5px; }
  body.lang-fr header#header-main nav ul li.buy-now .label { width: 130px; height: 38px; font-size: 13px; padding: 5px 10px; margin-right: 5px; }
  body.lang-fr header#header-main nav ul li.buy-now .packshot { width: 60px; }
  body.lang-fr header#header-main nav .navbar a { font-size: 14px; }
  body.lang-fr#page-home header#header-main nav .navbar { -ms-flex: 0 1 76%; -webkit-flex: 0 1 76%; flex: 0 1 76%; }
  body.lang-fr#page-home .row-header .content h1 { font-size: 2.7rem; } }
@media only screen and (min-width: 71.063em) { body.lang-fr header#header-main nav ul li.buy-now .label { height: 41px; width: 140px; }
  body.lang-fr#page-map .blade-skills .img { margin-left: 20px; } }
html.backgroundcliptext body[data-useragent*='WiiU'] h1 { background: none; color: #ffdd67; -webkit-background-clip: initial; -webkit-text-fill-color: initial; }

body[data-useragent*='WiiU'].modal-open #wrap { -webkit-filter: none; filter: none; }
body[data-useragent*='WiiU'].modal-open #CharacterModal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); z-index: 200; opacity: 1; overflow: auto; }
body[data-useragent*='WiiU'] #CharacterModal { -moz-transition: opacity 0.3s; -o-transition: opacity 0.3s; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; opacity: 0; overflow: hidden; height: 0; }
body[data-useragent*='WiiU'] #CharacterModal .characterModal { -moz-transform: none; -ms-transform: none; -webkit-transform: none; transform: none; top: 0; position: relative; }
body[data-useragent*='WiiU'] #CharacterModal .nav.nav-next { margin-right: 0; margin-left: 0; }
body[data-useragent*='WiiU'] #CharacterModal .nav.nav-prev { margin-right: 0; margin-left: 20px; }
body[data-useragent*='WiiU'] .row-header h1 { padding-top: 60px; margin-top: 0; }
body[data-useragent*='WiiU'] footer#footer-main .row-social .tech-support { display: -ms-flexbox; display: -webkit-flexbox; display: -webkit-flex; display: flex; margin: 0 auto; }
body[data-useragent*='WiiU'] header#header-main nav .navbar a, body[data-useragent*='WiiU'] header#header-main nav .navbar span { width: 92%; }
body[data-useragent*='WiiU'] header#header-main nav ul { display: block; }
body[data-useragent*='WiiU'] header#header-main nav ul li { display: inline-block; text-align: center; }
body[data-useragent*='WiiU'] header#header-main nav ul li.buy-now { display: none; }
body[data-useragent*='WiiU'] .simple-switcher.simple-switcher-buttoned { display: block; }
body[data-useragent*='WiiU'] .simple-switcher .simple-switcher-nav { display: inline-block; vertical-align: top; margin-top: 13%; }
body[data-useragent*='WiiU'] .simple-switcher .simple-switcher-wrapper { width: 56%; display: inline-block; }
body[data-useragent*='WiiU'] .videobutton img { width: auto; max-width: 100%; }
body[data-useragent*='WiiU']#page-media #snow-canvas { display: none; }
body[data-useragent*='WiiU']#page-home .row-header .content h1 { -ms-flex: 1 1 auto; -webkit-flex: 1 1 auto; flex: 1 1 auto; margin-top: 0; padding-top: 60px; }
body[data-useragent*='WiiU']#page-home .row-touts ul.touts { display: block; text-align: center; }
body[data-useragent*='WiiU']#page-home .row-touts ul.touts li { max-width: 31%; }
body[data-useragent*='WiiU']#page-home .row-touts ul.touts li a { margin: 0px 10px 0; }
body[data-useragent*='WiiU']#page-characters .characterList { display: block; }
body[data-useragent*='WiiU']#page-characters .characterLockup [class^="intro"], body[data-useragent*='WiiU']#page-characters .characterLockup [class^="lockupImage"] { -webkit-filter: none; filter: none; }
body[data-useragent*='WiiU']#page-characters .characterLockup [class^="intro"].active, body[data-useragent*='WiiU']#page-characters .characterLockup [class^="lockupImage"].active { -webkit-filter: none; filter: none; }
body[data-useragent*='WiiU']#page-controls .blade-gameplay .gameplay-style-desc { -ms-flex: 1 1 auto; -webkit-flex: 1 1 auto; flex: 1 1 auto; }
body[data-useragent*='WiiU']#page-story .row-header .portal-bg, body[data-useragent*='WiiU']#page-story .row-header .portal-bg::before, body[data-useragent*='WiiU']#page-story .row-header .portal-bg::after { -moz-animation: none; -webkit-animation: none; animation: none; }
body[data-useragent*='WiiU']#page-map .row-header { background: url('../img/map/header-static.jpg?1456420600') center center; }
body[data-useragent*='WiiU']#page-map .row-header::before { display: none; }
body[data-useragent*='WiiU']#page-map .blade-skills .skills-buttons { display: block; text-align: center; }
body[data-useragent*='WiiU']#page-map .blade-skills .skills-buttons li { width: 43%; margin: 0 15px 12px 7px; }

body.is-edge header#header-main nav ul li.buy-now { -ms-flex-item-align: start; -webkit-flex-item-align: start; -webkit-align-self: flex-start; align-self: flex-start; height: 20px; }
body.is-edge header#header-main nav ul li.buy-now .label { margin-top: 10px; vertical-align: top; }
body.is-edge header#header-main nav ul li.buy-now .packshot { margin-top: -10px; }

/* RESPONSIVE HOOKS ================ */
body::after { content: 'S'; display: none; position: fixed; padding: 10px; background: #FFF; bottom: 0px; right: 0px; z-index: 9999; }

body[data-env="DEV"]:after { display: block; }

@media only screen and (min-width: 40.063em) and (max-width: 54em) { body::after { content: 'M'; } }
@media only screen and (min-width: 54.063em) and (max-width: 71em) { body::after { content: 'L'; } }
@media only screen and (min-width: 71.063em) and (max-width: 120em) { body::after { content: 'XL'; } }
@media only screen and (min-width: 120.063em) { body::after { content: 'XXL'; } }

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