/* normalize.css v1.0.1 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/*
 * Corrects `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
  display: block; }

/*
 * Corrects `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

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

/*
 * Addresses styling for `hidden` attribute not present in IE 7/8/9, Firefox 3,
 * and Safari 4.
 * Known issue: no IE 6 support.
 */
[hidden] {
  display: none; }

/* ==========================================================================
   Base
   ========================================================================== */
/*
 * 1. Corrects text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevents iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-size: 100%;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 2 */ }

/*
 * Addresses `font-family` inconsistency between `textarea` and other form
 * elements.
 */
html,
button,
input,
select,
textarea {
  font-family: sans-serif; }

/*
 * Addresses margins handled incorrectly in IE 6/7.
 */
body {
  margin: 0; }

/* ==========================================================================
   Links
   ========================================================================== */
/*
 * Addresses `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted; }

/*
 * Improves readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0; }

/* ==========================================================================
   Typography
   ========================================================================== */
/*
 * Addresses font sizes and margins set differently in IE 6/7.
 * Addresses font sizes within `section` and `article` in Firefox 4+, Safari 5,
 * and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

h2 {
  font-size: 1.5em;
  margin: 0.83em 0; }

h3 {
  font-size: 1.17em;
  margin: 1em 0; }

h4 {
  font-size: 1em;
  margin: 1.33em 0; }

h5 {
  font-size: 0.83em;
  margin: 1.67em 0; }

h6 {
  font-size: 0.75em;
  margin: 2.33em 0; }

/*
 * Addresses styling not present in IE 7/8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

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

blockquote {
  margin: 1em 40px; }

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

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

/*
 * Addresses margins set differently in IE 6/7.
 */
p,
pre {
  margin: 1em 0; }

/*
 * Corrects font family set oddly in IE 6, Safari 4/5, and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 1em; }

/*
 * Improves readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word; }

/*
 * Addresses CSS quotes not supported in IE 6/7.
 */
q {
  quotes: none; }

/*
 * Addresses `quotes` property not supported in Safari 4.
 */
q:before,
q:after {
  content: '';
  content: none; }

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

/*
 * Prevents `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; }

/* ==========================================================================
   Lists
   ========================================================================== */
/*
 * Addresses margins set differently in IE 6/7.
 */
dl,
menu,
ol,
ul {
  margin: 1em 0; }

dd {
  margin: 0 0 0 40px; }

/*
 * Addresses paddings set differently in IE 6/7.
 */
menu,
ol,
ul {
  padding: 0 0 0 40px; }

/*
 * Corrects list images handled incorrectly in IE 7.
 */
nav ul,
nav ol {
  list-style: none;
  list-style-image: none; }

/* ==========================================================================
   Embedded content
   ========================================================================== */
/*
 * 1. Removes border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improves image quality when scaled in IE 7.
 */
img {
  border: 0;
  /* 1 */
  -ms-interpolation-mode: bicubic;
  /* 2 */ }

/*
 * Corrects overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden; }

/* ==========================================================================
   Figures
   ========================================================================== */
/*
 * Addresses margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */
figure {
  margin: 0; }

/* ==========================================================================
   Forms
   ========================================================================== */
/*
 * Corrects margin displayed oddly in IE 6/7.
 */
form {
  margin: 0; }

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

/*
 * 1. Corrects color not being inherited in IE 6/7/8/9.
 * 2. Corrects text not wrapping in Firefox 3.
 * 3. Corrects alignment displayed oddly in IE 6/7.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  white-space: normal;
  /* 2 */
  *margin-left: -7px;
  /* 3 */ }

/*
 * 1. Corrects font size not being inherited in all browsers.
 * 2. Addresses margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improves appearance and consistency in all browsers.
 */
button,
input,
select,
textarea {
  font-size: 100%;
  /* 1 */
  margin: 0;
  /* 2 */
  vertical-align: baseline;
  /* 3 */
  *vertical-align: middle;
  /* 3 */ }

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

/*
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Corrects inability to style clickable `input` types in iOS.
 * 3. Improves usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Removes inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
  *overflow: visible;
  /* 4 */ }

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

/*
 * 1. Addresses box sizing set to content-box in IE 8/9.
 * 2. Removes excess padding in IE 8/9.
 * 3. Removes excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
  *height: 13px;
  /* 3 */
  *width: 13px;
  /* 3 */ }

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

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

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

/*
 * 1. Removes default vertical scrollbar in IE 6/7/8/9.
 * 2. Improves readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */ }

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

/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */
/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
html,
button,
input,
select,
textarea {
  color: #222; }

body {
  font-size: 1em;
  line-height: 1.4; }

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */
::-moz-selection {
  background: #b3d4fc;
  text-shadow: none; }

::selection {
  background: #b3d4fc;
  text-shadow: none; }

/*
 * A better looking default horizontal rule
 */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0; }

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */
img {
  vertical-align: middle; }

/*
 * Remove default fieldset styles.
 */
fieldset {
  border: 0;
  margin: 0;
  padding: 0; }

/*
 * Allow only vertical resizing of textareas.
 */
textarea {
  resize: vertical; }

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */
.chromeframe {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0; }

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
/* ==========================================================================
   Helper classes
   ========================================================================== */
/*
 * Image replacement
 */
.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  /* IE 6/7 fallback */
  *text-indent: -9999px; }

.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 100%; }

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */
.hidden {
  display: none !important;
  visibility: hidden; }

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto; }

/*
 * Hide visually and from screenreaders, but maintain layout
 */
.invisible {
  visibility: hidden; }

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */ }

.clearfix:after {
  clear: both; }

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.clearfix {
  *zoom: 1; }

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   Theses examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */
@media only screen and (min-width: 35em) {
  /* Style adjustments for viewports that meet the condition */ }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
  /* Style adjustments for high resolution devices */ }
/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
@media print {
  * {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important; }

  a,
  a:visited {
    text-decoration: underline; }

  a[href]:after {
    content: " (" attr(href) ")"; }

  abbr[title]:after {
    content: " (" attr(title) ")"; }

  /*
   * Don't show links for images, or javascript/internal links
   */
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: ""; }

  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }

  thead {
    display: table-header-group;
    /* h5bp.com/t */ }

  tr,
  img {
    page-break-inside: avoid; }

  img {
    max-width: 100% !important; }

  @page {
    margin: 0.5cm; }

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }

  h2,
  h3 {
    page-break-after: avoid; } }
@font-face {
  font-family: "Patagonia";
  src: url('../fonts/patagonia-webfont.eot');
  src: url('../fonts/patagonia-webfont.eot?#iefix') format('eot'), url('../fonts/patagonia-webfont.woff') format('woff'), url('../fonts/patagonia-webfont.ttf') format('truetype'), url('../fonts/patagonia-webfont.svg') format('svg');
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "UbuntuTitle";
  src: url('../fonts/ubuntu-title-webfont.eot');
  src: url('../fonts/ubuntu-title-webfont.eot?#iefix') format('eot'), url('../fonts/ubuntu-title-webfont.woff') format('woff'), url('../fonts/ubuntu-title-webfont.ttf') format('truetype'), url('../fonts/ubuntu-title-webfont.svg') format('svg');
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "UbuntuTitlingBold";
  src: url('../fonts/ubuntu-titling-bold-webfont.eot');
  src: url('../fonts/ubuntu-titling-bold-webfont.eot?#iefix') format('eot'), url('../fonts/ubuntu-titling-bold-webfont.woff') format('woff'), url('../fonts/ubuntu-titling-bold-webfont.ttf') format('truetype'), url('../fonts/ubuntu-titling-bold-webfont.svg') format('svg');
  font-weight: normal;
  font-style: normal; }

.ui-sprite, section h1:before, section h1:after, header a#logo, header nav ul li.wiiu a span, header .callouts #pre-order .callout-overlay#confetti, header .callouts #watch-trailer .callout-overlay#character-left, header .callouts #watch-trailer .callout-overlay#character-right, .buy-now-overlay .video-content .close, .overlay .video-content .close, .index #trailer #trailer-video .video-play-btn {
  background: url('../images/ui-s6ebaf68b37.png') no-repeat; }

.overlay-sprite, .buy-now-overlay .content section .retailers li.us a, .overlay .content section .retailers li.us a, .buy-now-overlay .content section .retailers li.ca a, .overlay .content section .retailers li.ca a, .buy-now-overlay .content #us li#gamestop a, .buy-now-overlay .content #ca li#gamestop a, .overlay .content #us li#gamestop a, .overlay .content #ca li#gamestop a, .buy-now-overlay .content #us li#sears a, .buy-now-overlay .content #ca li#sears a, .overlay .content #us li#sears a, .overlay .content #ca li#sears a, .buy-now-overlay .content #us li#target a, .buy-now-overlay .content #ca li#target a, .overlay .content #us li#target a, .overlay .content #ca li#target a, .buy-now-overlay .content #us li#futureshop a, .buy-now-overlay .content #ca li#futureshop a, .overlay .content #us li#futureshop a, .overlay .content #ca li#futureshop a, .buy-now-overlay .content #us li#source a, .buy-now-overlay .content #ca li#source a, .overlay .content #us li#source a, .overlay .content #ca li#source a, .buy-now-overlay .content #us li#toysrus a, .buy-now-overlay .content #ca li#toysrus a, .overlay .content #us li#toysrus a, .overlay .content #ca li#toysrus a, .buy-now-overlay .content #us li#walmart a, .buy-now-overlay .content #ca li#walmart a, .overlay .content #us li#walmart a, .overlay .content #ca li#walmart a, .buy-now-overlay .content #us li#ebgames a, .buy-now-overlay .content #ca li#ebgames a, .overlay .content #us li#ebgames a, .overlay .content #ca li#ebgames a, .buy-now-overlay .content #us li#staples a, .buy-now-overlay .content #ca li#staples a, .overlay .content #us li#staples a, .overlay .content #ca li#staples a, .buy-now-overlay .content #us li#amazon a, .buy-now-overlay .content #ca li#amazon a, .overlay .content #us li#amazon a, .overlay .content #ca li#amazon a, .buy-now-overlay .content #us li#costco a, .buy-now-overlay .content #ca li#costco a, .overlay .content #us li#costco a, .overlay .content #ca li#costco a, .buy-now-overlay .content #us li#bestbuy a, .buy-now-overlay .content #ca li#bestbuy a, .overlay .content #us li#bestbuy a, .overlay .content #ca li#bestbuy a, .buy-now-overlay .content #us li#archambault a, .buy-now-overlay .content #ca li#archambault a, .overlay .content #us li#archambault a, .overlay .content #ca li#archambault a, .buy-now-overlay .content #us:before, .overlay .content #us:before, .buy-now-overlay .content #ca:before, .overlay .content #ca:before {
  background: url('../images/overlay-s374ca1a32a.png') no-repeat; }

.attractions-sprite {
  background: url('../images/attractions-s580e037c8f.png') no-repeat; }

body {
  font-family: Arial, Helvetica, sans-serif;
  -webkit-font-smoothing: antialiased;
  min-width: 1270px;
  display: none; }

a {
  text-decoration: none; }

p {
  font-size: 15px;
  font-weight: bold; }

h1, h2, h3, h4, h5 {
  margin: 0;
  padding: 0; }

section h1, section h2 {
  font-family: Patagonia, Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 30px;
  line-height: 37px;
  text-shadow: rgba(0, 0, 0, 0.75) 0 -1px 0; }
section h1 {
  position: relative;
  display: inline-block; }
  section h1:before {
    content: '';
    background: url('../images/ui-s6ebaf68b37.png') no-repeat;
    background-position: 0 -759px;
    width: 50px;
    height: 12px;
    position: absolute;
    margin: 13px 0 0 -67px; }
  section h1:after {
    content: '';
    background: url('../images/ui-s6ebaf68b37.png') no-repeat;
    background-position: 0 -771px;
    width: 51px;
    height: 13px;
    display: inline;
    position: absolute;
    margin: 13px 0 0 15px; }

ul {
  margin: 0;
  padding: 0; }

header, footer, section {
  text-align: center; }

header .container, section .container {
  width: 1024px;
  margin: 0 auto; }

header {
  background: #d2eef8 url("../images/header-tile-sub.jpg") repeat-x bottom center;
  background: url("../images/header-tile-sub.jpg") repeat-x bottom center, url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QyZWVmOCIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZjlmZGZlIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZjlmZGZlIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background: url("../images/header-tile-sub.jpg") repeat-x bottom center, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d2eef8), color-stop(50%, #f9fdfe), color-stop(100%, #f9fdfe));
  background: url("../images/header-tile-sub.jpg") repeat-x bottom center, -webkit-linear-gradient(#d2eef8, #f9fdfe, #f9fdfe);
  background: url("../images/header-tile-sub.jpg") repeat-x bottom center, -moz-linear-gradient(#d2eef8, #f9fdfe, #f9fdfe);
  background: url("../images/header-tile-sub.jpg") repeat-x bottom center, -o-linear-gradient(#d2eef8, #f9fdfe, #f9fdfe);
  background: url("../images/header-tile-sub.jpg") repeat-x bottom center, linear-gradient(#d2eef8, #f9fdfe, #f9fdfe);
  height: 287px;
  min-width: 1270px; }
  header .container {
    position: relative; }
  header .characters {
    background: transparent url("../images/header-characters-sub.png") no-repeat top center;
    width: 100%;
    height: 246px;
    position: absolute;
    z-index: 0;
    margin-top: 26px;
    min-width: 1270px; }
  header a#logo {
    background-position: 0 0;
    height: 173px;
    width: 300px;
    background: url('../images/ui-s6ebaf68b37.png') no-repeat;
    display: block;
    position: absolute;
    top: 75px;
    left: 33px;
    z-index: 300; }
  header nav {
    font-family: UbuntuTitlingBold, Arial, Helvetica, sans-serif;
    font-weight: normal;
    text-transform: uppercase;
    font-size: 18px;
    margin-left: 32px;
    float: left;
    z-index: 90;
    position: relative; }
    header nav ul {
      display: inline-block;
      background: #fff;
      -webkit-border-radius: 0 0 10px 10px;
      -moz-border-radius: 0 0 10px 10px;
      -ms-border-radius: 0 0 10px 10px;
      -o-border-radius: 0 0 10px 10px;
      border-radius: 0 0 10px 10px;
      -webkit-box-shadow: rgba(6, 48, 61, 0.2) 0 2px -1px;
      -moz-box-shadow: rgba(6, 48, 61, 0.2) 0 2px -1px;
      box-shadow: rgba(6, 48, 61, 0.2) 0 2px -1px; }
      header nav ul li {
        float: left;
        height: 59px;
        padding: 8px 15px 0 15px; }
        header nav ul li.wiiu {
          border-right: 1px solid #bde4f1;
          width: 152px;
          height: 67px;
          padding: 0; }
          header nav ul li.wiiu a {
            border: none;
            padding: 0;
            width: 185px;
            height: 44px;
            text-align: center; }
            header nav ul li.wiiu a span {
              display: block;
              background: url('../images/ui-s6ebaf68b37.png') no-repeat;
              background-position: 0 -397px;
              width: 104px;
              height: 29px;
              margin: 20px auto 0 auto; }
        header nav ul li.index {
          border-left: 1px solid #ebebeb;
          padding-left: 40px; }
        header nav ul li.plaza {
          padding-right: 30px; }
  header .callouts {
    float: right;
    margin-bottom: 20px;
    z-index: 100;
    position: relative; }
    header .callouts .callout {
      width: 186px;
      background: #fff;
      border: 1px solid #bce3f1;
      -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0 1px 1px;
      -moz-box-shadow: rgba(0, 0, 0, 0.15) 0 1px 1px;
      box-shadow: rgba(0, 0, 0, 0.15) 0 1px 1px;
      text-align: center;
      position: relative; }
      header .callouts .callout .callout-overlay {
        position: absolute;
        z-index: 200; }
    header .callouts .btn {
      width: 156px; }
    header .callouts #pre-order {
      color: #156f8d;
      font-size: 15px;
      font-weight: bold;
      line-height: 16px;
      font-family: Arial, Helvetica, sans-serif;
      -webkit-border-radius: 0 0 10px 10px;
      -moz-border-radius: 0 0 10px 10px;
      -ms-border-radius: 0 0 10px 10px;
      -o-border-radius: 0 0 10px 10px;
      border-radius: 0 0 10px 10px;
      border-top: none;
      padding-bottom: 6px; }
      header .callouts #pre-order .top {
        background: #f4fcff;
        padding: 9px 0 8px 0; }
      header .callouts #pre-order .date {
        border-top: 1px dashed #cceaf4;
        padding: 12px 0 7px 0; }
      header .callouts #pre-order img {
        margin: 6px 0 7px 0; }
      header .callouts #pre-order .callout-overlay#confetti {
        background: url('../images/ui-s6ebaf68b37.png') no-repeat;
        background-position: 0 -571px;
        width: 54px;
        height: 66px;
        top: 75px;
        left: -28px; }
    header .callouts #watch-trailer {
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      -ms-border-radius: 10px;
      -o-border-radius: 10px;
      border-radius: 10px;
      margin-top: 10px;
      padding: 13px 0 6px 0; }
      header .callouts #watch-trailer img {
        margin-bottom: 10px; }
      header .callouts #watch-trailer .btn {
        position: relative;
        z-index: 10; }
      header .callouts #watch-trailer .callout-overlay#character-left {
        background: url('../images/ui-s6ebaf68b37.png') no-repeat;
        background-position: 0 -173px;
        width: 85px;
        height: 121px;
        left: -37px;
        bottom: -79px;
        z-index: 0; }
      header .callouts #watch-trailer .callout-overlay#character-right {
        background: url('../images/ui-s6ebaf68b37.png') no-repeat;
        background-position: 0 -294px;
        width: 87px;
        height: 103px;
        right: -39px;
        bottom: -67px;
        z-index: 20; }

.locale_fr header #pre-order a.btn .inner {
  font-size: 15px;
  line-height: 16px;
  padding: 7px 20px 0 9px;
  height: 39px; }
.locale_fr header #watch-trailer a.btn .inner {
  font-size: 15px; }

.locale_es header #watch-trailer .callout-overlay#character-left {
  bottom: -355px; }
.locale_es header #watch-trailer .callout-overlay#character-right {
  bottom: -343px; }

body.index header {
  background: #d2eef8 url("../images/header-tile.jpg") repeat-x bottom center;
  background: url("../images/header-tile.jpg") repeat-x bottom center, url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QyZWVmOCIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZjlmZGZlIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZjlmZGZlIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background: url("../images/header-tile.jpg") repeat-x bottom center, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d2eef8), color-stop(50%, #f9fdfe), color-stop(100%, #f9fdfe));
  background: url("../images/header-tile.jpg") repeat-x bottom center, -webkit-linear-gradient(#d2eef8, #f9fdfe, #f9fdfe);
  background: url("../images/header-tile.jpg") repeat-x bottom center, -moz-linear-gradient(#d2eef8, #f9fdfe, #f9fdfe);
  background: url("../images/header-tile.jpg") repeat-x bottom center, -o-linear-gradient(#d2eef8, #f9fdfe, #f9fdfe);
  background: url("../images/header-tile.jpg") repeat-x bottom center, linear-gradient(#d2eef8, #f9fdfe, #f9fdfe);
  height: 597px; }
  body.index header .characters {
    background-image: url("../images/header-characters.png");
    height: 561px;
    margin: 26px 0 0 0; }
  body.index header a#logo {
    display: none; }

footer {
  padding: 64px 0; }
  footer .container {
    display: inline-block;
    text-align: center; }
  footer .share_toolbox {
    display: inline-block;
    height: 41px; }
    footer .share_toolbox .share_label {
      float: left;
      color: #a0a0a0;
      font-size: 14px;
      margin: 3px 4px 0 0; }
	footer .share_toolbox #share {
		float: right;
	}
		footer .share_toolbox #share #btn-include-facebook img{
			vertical-align: top;
		}
  footer #global-footer {
    display: inline-block;
    margin: 23px 0 0 0; }
    footer #global-footer .item {
      float: left; }
  footer #copyright p {
    font-size: 10px;
    font-weight: normal;
    color: #818080; }

.buy-now-overlay, .overlay {
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden; }
  .buy-now-overlay .dim, .overlay .dim {
    width: 100%;
    height: 100%;
    background: white;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: 0.8; }
  .buy-now-overlay .content, .overlay .content {
    position: absolute;
    top: 100px;
    left: 50%;
    width: 796px;
    margin-left: -398px;
    text-align: center; }
    .buy-now-overlay .content section, .overlay .content section {
      display: none;
      width: 796px;
      margin: 0 auto;
      padding: 32px 0;
      background: #44b2cc;
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      -ms-border-radius: 10px;
      -o-border-radius: 10px;
      border-radius: 10px;
      -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 20px;
      -moz-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 20px;
      box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 20px; }
      .buy-now-overlay .content section.active, .overlay .content section.active {
        display: block; }
      .buy-now-overlay .content section#selection, .overlay .content section#selection {
        width: 628px; }
      .buy-now-overlay .content section h2, .overlay .content section h2 {
        color: #1aa1ce;
        text-transform: uppercase;
        font-family: UbuntuTitlingBold, Arial, Helvetica, sans-serif;
        font-weight: normal;
        font-size: 18px;
        line-height: 18px; }
      .buy-now-overlay .content section p, .buy-now-overlay .content section a, .overlay .content section p, .overlay .content section a {
        font-size: 14px;
        font-weight: normal;
        /*color: #1aa1ce; */ }
      .buy-now-overlay .content section ul, .overlay .content section ul {
        margin: 0;
        padding: 0;
        list-style: none; }
        .buy-now-overlay .content section ul li, .overlay .content section ul li {
          display: inline-block; }
      .buy-now-overlay .content section .retailers, .buy-now-overlay .content section #website, .overlay .content section .retailers, .overlay .content section #website {
        width: 558px;
        border: 1px solid #059ac3;
        margin: 0 auto;
        background-color: #fff;
        padding: 48px 0 0 0;
        height: 157px;
        text-align: left;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        -ms-border-radius: 10px;
        -o-border-radius: 10px;
        border-radius: 10px;
        -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 20px;
        -moz-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 20px;
        box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 20px; }
      .buy-now-overlay .content section .divider, .overlay .content section .divider {
        font-family: UbuntuTitlingBold, Arial, Helvetica, sans-serif;
        font-weight: normal;
        text-transform: uppercase;
        font-size: 21px;
        color: #fff;
        margin: 20px 0 5px 0; }
      .buy-now-overlay .content section .retailers {
        background: white url("../images/buy-now-boxart.png") no-repeat 50px 25px;
        width: 558px;
		position: relative;
		height: 450px!important;
 		}

		.buy-now-overlay .content section h2.bundle-header, .overlay .content section h2.bundle-header {
			margin-top: 50px;
			font-size: 25px;
			line-height: 1em;
		}
		
		
		h2.buy-now-price {
			position: absolute;
			left: 45px;
			top: 180px;
		}

		h2.bundle-buy-now-price {
			position: absolute;
			left: 50px;
			top: 430px;
		}
		
		.bundle .retailers-links-block {
			padding-top: 30px;
		}
		
		.buy-now-disclaimer {
			font-size: 9px;
			text-align: center;
		}

	  .buy-now-overlay .content section .retailers-links-block {
        	padding-left: 190px;
			padding-right: 30px;
 		}	

		.overlay .content section .retailers {
	        background: white url("../images/buy-now-boxart.png") no-repeat 50px 25px;
	        width: 328px;
	        padding-left: 230px;
			position: relative;
			height: 200px!important;

	 		}


	  .buy-now-overlay .content section .bundle, .overlay .content section .bundle {
			 background: white url("../images/bundle-buy-now.jpg")  no-repeat 25px -20px;
			height: 190px;
		}

        .buy-now-overlay .content section .retailers h2, .overlay .content section .retailers h2 {
          margin-left: 19px; }
        .buy-now-overlay .content section .retailers a, .overlay .content section .retailers a {
          border: 0;
          display: block; }
        .buy-now-overlay .content section .retailers ul, .overlay .content section .retailers ul {
             margin-top: 16px; }
          .buy-now-overlay .content section .retailers ul li, .overlay .content section .retailers ul li {
            margin-right: 7px; }
        .buy-now-overlay .content section .retailers li.us a, .overlay .content section .retailers li.us a {
          background: url('../images/overlay-s374ca1a32a.png') no-repeat;
          background-position: 0 -72px;
          width: 130px;
          height: 76px; }
        .buy-now-overlay .content section .retailers li.ca a, .overlay .content section .retailers li.ca a {
          background: url('../images/overlay-s374ca1a32a.png') no-repeat;
          background-position: 0 -364px;
          width: 130px;
          height: 76px; }
    .buy-now-overlay .content section #website, .overlay .content section #website {
      background: white url("../images/buy-now-wiiu.png") no-repeat 8px 38px;
      padding-top: 44px; }
      .buy-now-overlay .content section #website p, .overlay .content section #website p {
        margin: 0 50px 0 230px; }
    .buy-now-overlay .content #us, .buy-now-overlay .content #ca, .overlay .content #us, .overlay .content #ca {
      padding: 22px 0 20px 0; }
      .buy-now-overlay .content #us h2, .buy-now-overlay .content #ca h2, .overlay .content #us h2, .overlay .content #ca h2 {
        color: #fff;
        margin: 12px 0 24px 0; }
      .buy-now-overlay .content #us li, .buy-now-overlay .content #ca li, .overlay .content #us li, .overlay .content #ca li {
        margin: 4px 5px; }
      .buy-now-overlay .content #us a, .buy-now-overlay .content #ca a, .overlay .content #us a, .overlay .content #ca a {
        width: 228px;
        height: 76px;
        background: #fff;
        border: 1px solid #189bcb;
        -webkit-border-radius: 7px;
        -moz-border-radius: 7px;
        -ms-border-radius: 7px;
        -o-border-radius: 7px;
        border-radius: 7px;
        -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 20px;
        -moz-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 20px;
        box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 20px;
        display: block; }
      .buy-now-overlay .content #us li#gamestop a, .buy-now-overlay .content #ca li#gamestop a, .overlay .content #us li#gamestop a, .overlay .content #ca li#gamestop a {
        background: url('../images/overlay-s374ca1a32a.png') no-repeat;
        background-position: 0 -292px;
        background-color: #fff; }
      .buy-now-overlay .content #us li#sears a, .buy-now-overlay .content #ca li#sears a, .overlay .content #us li#sears a, .overlay .content #ca li#sears a {
        background: url('../images/overlay-s374ca1a32a.png') no-repeat;
        background-position: 0 -148px;
        background-color: #fff; }
      .buy-now-overlay .content #us li#target a, .buy-now-overlay .content #ca li#target a, .overlay .content #us li#target a, .overlay .content #ca li#target a {
        background: url('../images/overlay-s374ca1a32a.png') no-repeat;
        background-position: 0 -584px;
        background-color: #fff; }
      .buy-now-overlay .content #us li#futureshop a, .buy-now-overlay .content #ca li#futureshop a, .overlay .content #us li#futureshop a, .overlay .content #ca li#futureshop a {
        background: url('../images/overlay-s374ca1a32a.png') no-repeat;
        background-position: 0 -1060px;
        background-color: #fff; }
      .buy-now-overlay .content #us li#source a, .buy-now-overlay .content #ca li#source a, .overlay .content #us li#source a, .overlay .content #ca li#source a {
        background: url('../images/overlay-s374ca1a32a.png') no-repeat;
        background-position: 0 -988px;
        background-color: #fff; }
      .buy-now-overlay .content #us li#toysrus a, .buy-now-overlay .content #ca li#toysrus a, .overlay .content #us li#toysrus a, .overlay .content #ca li#toysrus a {
        background: url('../images/overlay-s374ca1a32a.png') no-repeat;
        background-position: 0 -440px;
        background-color: #fff; }
      .buy-now-overlay .content #us li#walmart a, .buy-now-overlay .content #ca li#walmart a, .overlay .content #us li#walmart a, .overlay .content #ca li#walmart a {
        background: url('../images/overlay-s374ca1a32a.png') no-repeat;
        background-position: 0 -656px;
        background-color: #fff; }
      .buy-now-overlay .content #us li#ebgames a, .buy-now-overlay .content #ca li#ebgames a, .overlay .content #us li#ebgames a, .overlay .content #ca li#ebgames a {
        background: url('../images/overlay-s374ca1a32a.png') no-repeat;
        background-position: 0 -220px;
        background-color: #fff; }
      .buy-now-overlay .content #us li#staples a, .buy-now-overlay .content #ca li#staples a, .overlay .content #us li#staples a, .overlay .content #ca li#staples a {
        background: url('../images/overlay-s374ca1a32a.png') no-repeat;
        background-position: 0 -872px;
        background-color: #fff; }
      .buy-now-overlay .content #us li#amazon a, .buy-now-overlay .content #ca li#amazon a, .overlay .content #us li#amazon a, .overlay .content #ca li#amazon a {
        background: url('../images/overlay-s374ca1a32a.png') no-repeat;
        background-position: 0 -728px;
        background-color: #fff; }
      .buy-now-overlay .content #us li#costco a, .buy-now-overlay .content #ca li#costco a, .overlay .content #us li#costco a, .overlay .content #ca li#costco a {
        background: url('../images/overlay-s374ca1a32a.png') no-repeat;
        background-position: 0 -512px;
        background-color: #fff; }
      .buy-now-overlay .content #us li#bestbuy a, .buy-now-overlay .content #ca li#bestbuy a, .overlay .content #us li#bestbuy a, .overlay .content #ca li#bestbuy a {
        background: url('../images/overlay-s374ca1a32a.png') no-repeat;
        background-position: 0 -800px;
        background-color: #fff; }
      .buy-now-overlay .content #us li#archambault a, .buy-now-overlay .content #ca li#archambault a, .overlay .content #us li#archambault a, .overlay .content #ca li#archambault a {
        background: url('../images/overlay-s374ca1a32a.png') no-repeat;
        background-position: 0 0;
        background-color: #fff; }
    .buy-now-overlay .content #us:before, .overlay .content #us:before {
      content: '';
      background: url('../images/overlay-s374ca1a32a.png') no-repeat;
      background-position: 0 -944px;
      width: 75px;
      height: 44px;
      display: block;
      margin: 0 auto; }
    .buy-now-overlay .content #ca:before, .overlay .content #ca:before {
      content: '';
      background: url('../images/overlay-s374ca1a32a.png') no-repeat;
      background-position: 0 -1132px;
      width: 88px;
      height: 52px;
      display: block;
      margin: 0 auto; }
  .buy-now-overlay .video-content, .overlay .video-content {
    width: 668px;
    height: 369px;
    padding: 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -194.5px;
    margin-left: -344px;
    background: #44b2cc;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 20px;
    -moz-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 20px;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 20px; }
    .buy-now-overlay .video-content .ooyala-player, .overlay .video-content .ooyala-player {
      position: relative;
      z-index: 0; }
    .buy-now-overlay .video-content .close, .overlay .video-content .close {
      position: absolute;
      top: -12px;
      right: -12px;
      background: url('../images/ui-s6ebaf68b37.png') no-repeat;
      background-position: 0 -637px;
      height: 34px;
      width: 34px;
      border: 0;
      z-index: 1000; }

html.hidescrolls {
  overflow: hidden; }

.block {
  display: block; }

.strong {
  font-weight: bold; }

.locale_fr #buy-now a.btn .inner {
  font-size: 15px !important;
  line-height: 16px !important;
  padding: 7px 20px 0 9px !important;
  height: 39px !important; }

.locale_es #pre-order a.btn {
  display: none; }

.btns-sprite, .btn, .btn .inner, .btn:hover, .btn:hover .inner, .btn:active, body.index header nav li.index .btn,
body.about header nav li.about .btn,
body.plaza header nav li.plaza .btn, .btn:active .inner, body.index header nav li.index .btn .inner,
body.about header nav li.about .btn .inner,
body.plaza header nav li.plaza .btn .inner, .btn.green, .btn.green .inner, .btn.green:hover, .btn.green:hover .inner, .btn.green:active, body.index header nav li.index .green.btn,
body.about header nav li.about .green.btn,
body.plaza header nav li.plaza .green.btn, .btn.green:active .inner, body.index header nav li.index .green.btn .inner,
body.about header nav li.about .green.btn .inner,
body.plaza header nav li.plaza .green.btn .inner, .btn.magenta, .btn.magenta .inner, .btn.magenta:hover, .btn.magenta:hover .inner, .btn.magenta:active, body.index header nav li.index .magenta.btn,
body.about header nav li.about .magenta.btn,
body.plaza header nav li.plaza .magenta.btn, .btn.magenta:active .inner, body.index header nav li.index .magenta.btn .inner,
body.about header nav li.about .magenta.btn .inner,
body.plaza header nav li.plaza .magenta.btn .inner, .btn.orange, .btn.orange .inner, .btn.orange:hover, .btn.orange:hover .inner, .btn.orange:active, body.index header nav li.index .orange.btn,
body.about header nav li.about .orange.btn,
body.plaza header nav li.plaza .orange.btn, .btn.orange:active .inner, body.index header nav li.index .orange.btn .inner,
body.about header nav li.about .orange.btn .inner,
body.plaza header nav li.plaza .orange.btn .inner, .btn.large, .btn.large .inner, .btn.large:hover, .btn.large:hover .inner, .btn.large:active, body.index header nav li.index .large.btn,
body.about header nav li.about .large.btn,
body.plaza header nav li.plaza .large.btn, .btn.large:active .inner, body.index header nav li.index .large.btn .inner,
body.about header nav li.about .large.btn .inner,
body.plaza header nav li.plaza .large.btn .inner {
  background: url('../images/btns-sdb497bae21.png') no-repeat; }

.btn {
  display: inline-block;
  background: url('../images/btns-sdb497bae21.png') no-repeat;
  background-position: 0 -1568px;
  height: 46px;
  font-family: UbuntuTitlingBold, Arial, Helvetica, sans-serif;
  font-weight: normal;
  color: #fff;
  text-transform: uppercase;
  font-size: 21px;
  line-height: 20px;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.75); }
  .btn .inner {
    display: block;
    background: url('../images/btns-sdb497bae21.png') no-repeat;
    background-position: 100% -1190px;
    height: 32px;
    margin-left: 11px;
    padding: 14px 20px 0 9px; }
  .btn:hover {
    background-position: 0 -1517px;
    height: 46px;
    margin-top: 0px; }
    .btn:hover .inner {
      background-position: 100% -1139px;
      height: 32px; }
  .btn:active, body.index header nav li.index .btn,
  body.about header nav li.about .btn,
  body.plaza header nav li.plaza .btn {
    background-position: 0 -226px;
    height: 41px;
    margin-top: 3px;
    margin-bottom: 2px; }
    .btn:active .inner, body.index header nav li.index .btn .inner,
    body.about header nav li.about .btn .inner,
    body.plaza header nav li.plaza .btn .inner {
      background-position: 100% -135px;
      height: 27px; }
  .btn.green {
    background-position: 0 -1619px; }
    .btn.green .inner {
      background-position: 100% -755px; }
    .btn.green:hover {
      background-position: 0 -1669px; }
      .btn.green:hover .inner {
        background-position: 100% -563px; }
    .btn.green:active, body.index header nav li.index .green.btn,
    body.about header nav li.about .green.btn,
    body.plaza header nav li.plaza .green.btn {
      background-position: 0 -181px; }
      .btn.green:active .inner, body.index header nav li.index .green.btn .inner,
      body.about header nav li.about .green.btn .inner,
      body.plaza header nav li.plaza .green.btn .inner {
        background-position: 100% 0; }
  .btn.magenta {
    background-position: 0 -1819px; }
    .btn.magenta .inner {
      background-position: 100% -805px; }
    .btn.magenta:hover {
      background-position: 0 -1769px; }
      .btn.magenta:hover .inner {
        background-position: 100% -855px; }
    .btn.magenta:active, body.index header nav li.index .magenta.btn,
    body.about header nav li.about .magenta.btn,
    body.plaza header nav li.plaza .magenta.btn {
      background-position: 0 -272px; }
      .btn.magenta:active .inner, body.index header nav li.index .magenta.btn .inner,
      body.about header nav li.about .magenta.btn .inner,
      body.plaza header nav li.plaza .magenta.btn .inner {
        background-position: 100% -45px; }
  .btn.orange {
    background-position: 0 -1719px; }
    .btn.orange .inner {
      background-position: 100% -955px; }
    .btn.orange:hover {
      background-position: 0 -1869px; }
      .btn.orange:hover .inner {
        background-position: 100% -905px; }
    .btn.orange:active, body.index header nav li.index .orange.btn,
    body.about header nav li.about .orange.btn,
    body.plaza header nav li.plaza .orange.btn {
      background-position: 0 -317px; }
      .btn.orange:active .inner, body.index header nav li.index .orange.btn .inner,
      body.about header nav li.about .orange.btn .inner,
      body.plaza header nav li.plaza .orange.btn .inner {
        background-position: 100% -90px; }
  .btn.large {
    background-position: 0 -1375px;
    height: 66px; }
    .btn.large .inner {
      background-position: 100% -613px;
      height: 52px;
      margin-left: 10px; }
    .btn.large:hover {
      background-position: 0 -1446px;
      height: 66px;
      margin-top: 0px; }
      .btn.large:hover .inner {
        background-position: 100% -684px;
        height: 52px; }
    .btn.large:active, body.index header nav li.index .large.btn,
    body.about header nav li.about .large.btn,
    body.plaza header nav li.plaza .large.btn {
      background-position: 0 -1919px;
      height: 62px;
      margin-top: 2px; }
      .btn.large:active .inner, body.index header nav li.index .large.btn .inner,
      body.about header nav li.about .large.btn .inner,
      body.plaza header nav li.plaza .large.btn .inner {
        background-position: 100% -1005px;
        height: 48px; }

.index #trailer {
  position: relative;
  background: url("../images/index-trailer-tile.jpg");
  -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0 30px 30px -15px inset, rgba(0, 0, 0, 0.4) 0 -30px 30px -15px inset;
  -moz-box-shadow: rgba(0, 0, 0, 0.4) 0 30px 30px -15px inset, rgba(0, 0, 0, 0.4) 0 -30px 30px -15px inset;
  box-shadow: rgba(0, 0, 0, 0.4) 0 30px 30px -15px inset, rgba(0, 0, 0, 0.4) 0 -30px 30px -15px inset; }
  .index #trailer .container {
    width: auto;
    background: url("../images/index-trailer-radial.png") no-repeat center center;
    padding: 47px 0; }
  .index #trailer h1 {
    color: #fff; }
    .index #trailer h1:before, .index #trailer h1:after {
      content: '';
      background: none;
      width: 0;
      height: 0;
      margin: 0; }
  .index #trailer #trailer-video {
    position: relative;
    width: 656px;
    height: 369px;
    background: #fff;
    margin: 32px auto;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: rgba(5, 42, 54, 0.2) 0px 0px 5px 5px;
    -moz-box-shadow: rgba(5, 42, 54, 0.2) 0px 0px 5px 5px;
    box-shadow: rgba(5, 42, 54, 0.2) 0px 0px 5px 5px;
    padding: 10px;
    z-index: 0; }
    .index #trailer #trailer-video .video-play-btn {
      background: url('../images/ui-s6ebaf68b37.png') no-repeat;
      background-position: 0 -517px;
      width: 54px;
      height: 54px;
      border: 0;
      position: absolute;
      top: 50%;
      left: 50%;
      margin-left: -27px;
      margin-top: -27px; }
  .index #trailer:after {
    content: '';
    display: block;
    height: 30px;
    background: -webkit-linear-gradient(-135deg, transparent 75%, #ffffff 75%) 0 50%, -webkit-linear-gradient(-45deg, transparent 75%, #ffffff 75%) 0 50%;
    background: -moz-linear-gradient(-135deg, transparent 75%, #ffffff 75%) 0 50%, -moz-linear-gradient(-45deg, transparent 75%, #ffffff 75%) 0 50%;
    background: -o-linear-gradient(-135deg, transparent 75%, #ffffff 75%) 0 50%, -o-linear-gradient(-45deg, transparent 75%, #ffffff 75%) 0 50%;
    background: linear-gradient(-135deg, transparent 75%, #ffffff 75%) 0 50%, linear-gradient(-45deg, transparent 75%, #ffffff 75%) 0 50%;
    background-repeat: repeat-x;
    background-size: 30px 30px, 30px 30px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%; }
.index #promos {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UyZTJlMiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Y4ZjhmOCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e2e2e2), color-stop(100%, #f8f8f8));
  background: -webkit-linear-gradient(#e2e2e2, #f8f8f8);
  background: -moz-linear-gradient(#e2e2e2, #f8f8f8);
  background: -o-linear-gradient(#e2e2e2, #f8f8f8);
  background: linear-gradient(#e2e2e2, #f8f8f8);
  padding: 90px 0 41px 0;
  position: relative;
  -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 8px 15px;
  -moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 8px 15px;
  box-shadow: rgba(0, 0, 0, 0.4) 0px 8px 15px; }
  .index #promos .container {
    display: inline-block;
    width: auto; }
  .index #promos .promo {
    float: left;
    width: 304px;
    text-align: center;
    margin-left: 25px; }
    .index #promos .promo .box {
      width: 302px;
      height: 66px;
      padding-top: 106px;
      background: #fff;
      border: 1px solid #c7e1eb;
      -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0 1px 1px;
      -moz-box-shadow: rgba(0, 0, 0, 0.15) 0 1px 1px;
      box-shadow: rgba(0, 0, 0, 0.15) 0 1px 1px;
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      -ms-border-radius: 10px;
      -o-border-radius: 10px;
      border-radius: 10px; }
    .index #promos .promo p {
      font-family: Arial, Helvetica, sans-serif;
      color: #156f8d;
      font-size: 15px;
      font-weight: bold;
      margin-top: 16px;
      line-height: 18px; }
    .index #promos .promo:first-child {
      margin-left: 0; }

.about section .coming-soon {
  margin-top: 24px;
  color: #0b5e83;
  font-size: 21px;
  font-family: Patagonia, Arial, Helvetica, sans-serif;
  font-weight: normal; }
.about #intro {
  background: #e8e8e8;
  background: url("../images/about-intro-noise.jpg") repeat-x top left, url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U4ZThlOCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: url("../images/about-intro-noise.jpg") repeat-x top left, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e8e8e8), color-stop(100%, #ffffff));
  background: url("../images/about-intro-noise.jpg") repeat-x top left, -webkit-linear-gradient(#e8e8e8, #ffffff);
  background: url("../images/about-intro-noise.jpg") repeat-x top left, -moz-linear-gradient(#e8e8e8, #ffffff);
  background: url("../images/about-intro-noise.jpg") repeat-x top left, -o-linear-gradient(#e8e8e8, #ffffff);
  background: url("../images/about-intro-noise.jpg") repeat-x top left, linear-gradient(#e8e8e8, #ffffff);
  -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0 30px 30px -15px inset;
  -moz-box-shadow: rgba(0, 0, 0, 0.4) 0 30px 30px -15px inset;
  box-shadow: rgba(0, 0, 0, 0.4) 0 30px 30px -15px inset;
  padding: 45px 0 0 0; }
  .about #intro h1 {
    color: #1ba2cf; }
  .about #intro p {
    background: url("../images/about-intro-screen.png") no-repeat bottom left;
    color: #1ba2cf;
    width: 304px;
    height: 400px;
    padding: 100px 0 0 700px;
    text-align: left; }
.about #attractions {
  position: relative;
  background: url("../images/about/attractions-bg.png") repeat-x top center; }
  .about #attractions .container {
    padding: 95px 0 10px 0;
    height: 526px;
    width: auto; }
  .about #attractions h2, .about #attractions h3 {
    color: #fff;
    background: transparent url("../images/heading-line-light.png") no-repeat bottom center;
    padding: 0 0 10px 0; }
  .about #attractions h3 {
    width: auto; }
  .about #attractions .top-curtain {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 83px;
    background: url("../images/about/attractions-curtain-top.png") repeat-x bottom center;
    z-index: 2; }
  .about #attractions .curtain {
    position: absolute;
    top: 15px;
    height: 650px;
    z-index: 0; }
    .about #attractions .curtain:after {
      content: "";
      position: absolute;
      height: 650px;
      top: 0; }
    .about #attractions .curtain.left {
      background: url("../images/about/attractions-curtain-left.png") no-repeat top right;
      right: 50%;
      left: 0;
      margin-right: 515px; }
      .about #attractions .curtain.left:after {
        left: 0px;
        right: 300px;
        background: url("../images/about/attractions-curtain-tile.png") repeat-x top right; }
    .about #attractions .curtain.right {
      background: url("../images/about/attractions-curtain-right.png") no-repeat top left;
      right: 0;
      left: 50%;
      margin-left: 515px; }
      .about #attractions .curtain.right:after {
        right: 0px;
        left: 300px;
        background: url("../images/about/attractions-curtain-tile.png") repeat-x top left; }
  .about #attractions .team-attractions, .about #attractions .competitive-attractions, .about #attractions .solo-attractions {
    width: 450px;
    position: absolute;
    top: 210px;
    left: 50%; }
    .about #attractions .team-attractions h3, .about #attractions .competitive-attractions h3, .about #attractions .solo-attractions h3 {
      width: auto;
      display: inline;
      padding: 0 13px 10px 13px; }
  .about #attractions .team-attractions {
    margin-left: -465px; }
  .about #attractions .competitive-attractions {
    margin-left: 15px; }
  .about #attractions .solo-attractions {
    width: 900px;
    top: 400px;
    margin-left: -450px; }
  .about #attractions ul {
    margin: 30px auto;
    padding: 0;
    width: 100%;
    list-style: none; }
    .about #attractions ul li {
      width: 140px;
      height: 100px;
      float: left;
      margin: 5px;
      text-align: center; }
    .about #attractions ul li.item1 .inner {
      background: transparent url(../images/attractions/small-battle-quest.png) no-repeat;
      width: 133px;
      height: 76px;
      margin: 4px auto 0 auto;
      display: block; }
    .about #attractions ul li.item2 .inner {
      background: transparent url(../images/attractions/small-pikmin.png) no-repeat;
      width: 118px;
      height: 74px;
      margin: 6px auto 0 auto;
      display: block; }
    .about #attractions ul li.item3 .inner {
      background: transparent url(../images/attractions/small-metroid.png) no-repeat;
      width: 118px;
      height: 75px;
      margin: 5px auto 0 auto;
      display: block; }
    .about #attractions ul li.item4 .inner {
      background: transparent url(../images/attractions/small-mario-chase.png) no-repeat;
      width: 131px;
      height: 58px;
      margin: 22px auto 0 auto;
      display: block; }
    .about #attractions ul li.item5 .inner {
      background: transparent url(../images/attractions/small-luigis-mansion.png) no-repeat;
      width: 121px;
      height: 71px;
      margin: 9px auto 0 auto;
      display: block; }
    .about #attractions ul li.item6 .inner {
      background: transparent url(../images/attractions/small-animal-crossing.png) no-repeat;
      width: 122px;
      height: 73px;
      margin: 7px auto 0 auto;
      display: block; }
    .about #attractions ul li.item7 .inner {
      background: transparent url(../images/attractions/small-fruit-cart.png) no-repeat;
      width: 103px;
      height: 77px;
      margin: 3px auto 0 auto;
      display: block; }
    .about #attractions ul li.item8 .inner {
      background: transparent url(../images/attractions/small-octopus-dance.png) no-repeat;
      width: 104px;
      height: 66px;
      margin: 14px auto 0 auto;
      display: block; }
    .about #attractions ul li.item9 .inner {
      background: transparent url(../images/attractions/small-donkey-kong.png) no-repeat;
      width: 103px;
      height: 77px;
      margin: 3px auto 0 auto;
      display: block; }
    .about #attractions ul li.item10 .inner {
      background: transparent url(../images/attractions/small-ninja-castle.png) no-repeat;
      width: 103px;
      height: 74px;
      margin: 6px auto 0 auto;
      display: block; }
    .about #attractions ul li.item11 .inner {
      background: transparent url(../images/attractions/small-twister-race.png) no-repeat;
      width: 120px;
      height: 73px;
      margin: 7px auto 0 auto;
      display: block; }
    .about #attractions ul li.item12 .inner {
      background: transparent url(../images/attractions/small-balloon-trip.png) no-repeat;
      width: 118px;
      height: 72px;
      margin: 8px auto 0 auto;
      display: block; }
  .about #attractions .check {
    width: 100%;
    height: auto;
    margin-top: -4px;
    padding: 55px 0;
    background: #178aad url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjEwMCUiIHI9IjgwMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFkYThjOCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzE1NTk3NSIvPjwvcmFkaWFsR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background: #178aad -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 800, color-stop(0%, #1da8c8), color-stop(100%, #155975));
    background: #178aad -webkit-radial-gradient(center bottom, #1da8c8, #155975 800px);
    background: #178aad -moz-radial-gradient(center bottom, #1da8c8, #155975 800px);
    background: #178aad -o-radial-gradient(center bottom, #1da8c8, #155975 800px);
    background: #178aad radial-gradient(center bottom, #1da8c8, #155975 800px);
    -webkit-box-shadow: inset 0px -5px 20px rgba(0, 0, 0, 0.4), inset 0px 5px 20px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: inset 0px -5px 20px rgba(0, 0, 0, 0.4), inset 0px 5px 20px rgba(0, 0, 0, 0.4);
    box-shadow: inset 0px -5px 20px rgba(0, 0, 0, 0.4), inset 0px 5px 20px rgba(0, 0, 0, 0.4); }
    .about #attractions .check p {
      width: 640px;
      color: #fff;
      margin: 0 auto 36px auto; }
.about #play {
  background: #e8e8e8;
  background: url("../images/about-play-noise.jpg") repeat-x top left, url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U4ZThlOCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: url("../images/about-play-noise.jpg") repeat-x top left, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e8e8e8), color-stop(100%, #ffffff));
  background: url("../images/about-play-noise.jpg") repeat-x top left, -webkit-linear-gradient(#e8e8e8, #ffffff);
  background: url("../images/about-play-noise.jpg") repeat-x top left, -moz-linear-gradient(#e8e8e8, #ffffff);
  background: url("../images/about-play-noise.jpg") repeat-x top left, -o-linear-gradient(#e8e8e8, #ffffff);
  background: url("../images/about-play-noise.jpg") repeat-x top left, linear-gradient(#e8e8e8, #ffffff); }
  .about #play .container {
    padding: 42px 0 204px 0;
    background: url("../images/about-play-hands.png") no-repeat bottom center; }
  .about #play h2 {
    color: #1ba2cf;
    background: transparent url("../images/heading-line-dark.png") no-repeat bottom center;
    padding: 0 0 10px 0; }
  .about #play p {
    color: #1ba2cf;
    width: 620px;
    margin: 30px auto 0 auto; }
.about #explore {
  position: relative;
  background: url("../images/about-explore-bg.jpg") no-repeat top center; }
  .about #explore .container {
    padding-top: 47px;
    z-index: 100;
    position: relative;
    width: auto;
    display: block;
    height: 542px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0 30px 30px -15px inset, rgba(0, 0, 0, 0.4) 0 -30px 30px -15px inset;
    -moz-box-shadow: rgba(0, 0, 0, 0.4) 0 30px 30px -15px inset, rgba(0, 0, 0, 0.4) 0 -30px 30px -15px inset;
    box-shadow: rgba(0, 0, 0, 0.4) 0 30px 30px -15px inset, rgba(0, 0, 0, 0.4) 0 -30px 30px -15px inset; }
    .about #explore .container:after {
      content: '';
      display: block;
      height: 30px;
      background: -webkit-linear-gradient(-135deg, transparent 75%, #ffffff 75%) 0 50%, -webkit-linear-gradient(-45deg, transparent 75%, #ffffff 75%) 0 50%;
      background: -moz-linear-gradient(-135deg, transparent 75%, #ffffff 75%) 0 50%, -moz-linear-gradient(-45deg, transparent 75%, #ffffff 75%) 0 50%;
      background: -o-linear-gradient(-135deg, transparent 75%, #ffffff 75%) 0 50%, -o-linear-gradient(-45deg, transparent 75%, #ffffff 75%) 0 50%;
      background: linear-gradient(-135deg, transparent 75%, #ffffff 75%) 0 50%, linear-gradient(-45deg, transparent 75%, #ffffff 75%) 0 50%;
      background-repeat: repeat-x;
      background-size: 30px 30px, 30px 30px;
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%; }
  .about #explore h2 {
    color: #1ba2cf;
    background: transparent url("../images/heading-line-dark.png") no-repeat bottom center;
    padding: 0 0 10px 0; }
  .about #explore p {
    width: 620px;
    color: #1ba2cf;
    margin: 30px auto 20px auto;
    text-shadow: rgba(0, 0, 0, 0.75) 0 -1px 0; }

.plaza section {
  position: relative; }
.plaza #intro {
  height: auto;
  padding-top: 43px;
  padding-bottom: 70px;
  background: url(../images/plaza/intro-bg.png) center bottom repeat-x;
  z-index: 4; }
  .plaza #intro h1 {
    color: #1ba2cf; }
  .plaza #intro p {
    width: 90%;
    max-width: 600px;
    margin: 25px auto 0 auto;
    color: #1ba2cf;
    text-shadow: 1px 1px 0px #fff; }
.plaza #attractions {
  margin-top: -32px;
  z-index: 3; }
  .plaza #attractions .play {
    width: 46px;
    height: 46px;
    background: #1797c9 url(../images/plaza/slideshow-tv-play.png) 19px center no-repeat;
    border: 3px solid white;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -26px;
    margin-top: -26px;
    cursor: pointer;
    -webkit-border-radius: 26px;
    -moz-border-radius: 26px;
    -ms-border-radius: 26px;
    -o-border-radius: 26px;
    border-radius: 26px; }
    .plaza #attractions .play:hover {
      background: #1aa8e0 url(../images/plaza/slideshow-tv-play.png) 19px center no-repeat; }
  .plaza #attractions .overview {
    width: 100%;
    height: 780px;
    background: #a1cff0 url(../images/plaza/plaza-attractions-bg.jpg) center center no-repeat;
    padding-top: 50px;
    position: relative;
    z-index: 2;
    text-align: left;
    -webkit-box-shadow: 0 4px 13px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 4px 13px rgba(0, 0, 0, 0.4);
    box-shadow: 0 4px 13px rgba(0, 0, 0, 0.4); }
    .plaza #attractions .overview.mobile-logos {
      display: none; }
    .plaza #attractions .overview h2 {
      width: 350px;
      height: 55px;
      position: absolute;
      top: 75px;
      left: 50%;
      margin-left: -552px;
      font-size: 33px;
      line-height: 52px;
      color: #ede753;
      text-align: center;
      text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.4); }
    .plaza #attractions .overview ul {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%; }
      .plaza #attractions .overview ul li {
        list-style: none;
        cursor: pointer;
        position: absolute;
        left: 50%; }
      .plaza #attractions .overview ul.logos li {
        width: 205px;
        height: 90px; }
        @media screen and (min-width: 501px) {
          .plaza #attractions .overview ul.logos li:hover:after {
            content: '';
            position: absolute;
            top: 10px;
            left: 10px;
            right: 10px;
            bottom: 10px;
            background: url(../images/plaza/ie8-white-over.png); } }
        .plaza #attractions .overview ul.logos li#ninja-castle {
          top: 210px;
          margin-left: 62px;
          background: url(../images/plaza/logo-ninja-castle.png) center center no-repeat; }
        .plaza #attractions .overview ul.logos li#luigi {
          top: 253px;
          margin-left: 280px;
          background: url(../images/plaza/logo-luigi.png) center center no-repeat; }
        .plaza #attractions .overview ul.logos li#captain-falcon {
          top: 361px;
          margin-left: 379px;
          background: url(../images/plaza/logo-captain-falcon.png) center center no-repeat; }
        .plaza #attractions .overview ul.logos li#animal-crossing {
          top: 475px;
          margin-left: 402px;
          background: url(../images/plaza/logo-animal-crossing.png) center center no-repeat; }
        .plaza #attractions .overview ul.logos li#balloon-trip {
          top: 588px;
          margin-left: 351px;
          background: url(../images/plaza/logo-balloon-trip.png) center center no-repeat; }
        .plaza #attractions .overview ul.logos li#zelda {
          top: 663px;
          margin-left: 125px;
          background: url(../images/plaza/logo-zelda.png) center center no-repeat; }
        .plaza #attractions .overview ul.logos li#yoshi {
          top: 683px;
          margin-left: -350px;
          background: url(../images/plaza/logo-yoshi.png) center center no-repeat; }
        .plaza #attractions .overview ul.logos li#pikmin {
          top: 590px;
          margin-left: -550px;
          background: url(../images/plaza/logo-pikmin.png) center center no-repeat; }
        .plaza #attractions .overview ul.logos li#octopus {
          top: 475px;
          margin-left: -603px;
          background: url(../images/plaza/logo-octopus.png) center center no-repeat; }
        .plaza #attractions .overview ul.logos li#metroid {
          top: 359px;
          margin-left: -583px;
          background: url(../images/plaza/logo-metroid.png) center center no-repeat; }
        .plaza #attractions .overview ul.logos li#donkey-kong {
          top: 255px;
          margin-left: -485px;
          background: url(../images/plaza/logo-donkey-kong.png) center center no-repeat; }
        .plaza #attractions .overview ul.logos li#mario {
          top: 210px;
          margin-left: -266px;
          background: url(../images/plaza/logo-mario.png) center center no-repeat; }
      .plaza #attractions .overview ul.listview {
        top: 37px; }
        .plaza #attractions .overview ul.listview li {
          width: 165px;
          height: 30px;
          top: 0;
          font-size: 17px;
          color: #109dcc;
          text-shadow: 0 1px 0 #FFF;
          font-family: Patagonia, Arial, Helvetica, sans-serif;
          font-weight: normal; }
          .plaza #attractions .overview ul.listview li#central {
            margin-left: 70px; }
          .plaza #attractions .overview ul.listview li#gates {
            margin-left: 269px; }
          .plaza #attractions .overview ul.listview li#tour {
            margin-left: 468px; }
          .plaza #attractions .overview ul.listview li#prizes {
            top: 65px;
            margin-left: 269px; }
          .plaza #attractions .overview ul.listview li#miiverse {
            top: 65px;
            margin-left: 468px; }
          .plaza #attractions .overview ul.listview li:hover {
            color: #d4aa00; }
  .plaza #attractions .slideshow {
    width: 100%;
    position: relative;
    text-align: center;
    overflow: hidden;
    z-index: 0;
    background: #eeeeee url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U0ZTRlNCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background: #eeeeee -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e4e4e4), color-stop(100%, #eeeeee));
    background: #eeeeee -webkit-linear-gradient(top, #e4e4e4, #eeeeee);
    background: #eeeeee -moz-linear-gradient(top, #e4e4e4, #eeeeee);
    background: #eeeeee -o-linear-gradient(top, #e4e4e4, #eeeeee);
    background: #eeeeee linear-gradient(top, #e4e4e4, #eeeeee); }
    .plaza #attractions .slideshow ul.controls {
      height: 64px;
      float: right; }
      .plaza #attractions .slideshow ul.controls li {
        width: 54px;
        height: 53px;
        background: #fff;
        list-style: none;
        float: right;
        margin-left: 8px;
        -webkit-box-shadow: 0px -1px 0px rgba(0, 0, 0, 0.4);
        -moz-box-shadow: 0px -1px 0px rgba(0, 0, 0, 0.4);
        box-shadow: 0px -1px 0px rgba(0, 0, 0, 0.4);
        -webkit-border-radius: 27px;
        -moz-border-radius: 27px;
        -ms-border-radius: 27px;
        -o-border-radius: 27px;
        border-radius: 27px; }
        .plaza #attractions .slideshow ul.controls li.handheld {
          background: white url(../images/plaza/control-handheld.png) center center no-repeat; }
        .plaza #attractions .slideshow ul.controls li.controller {
          background: white url(../images/plaza/control-controller.png) center center no-repeat; }
        .plaza #attractions .slideshow ul.controls li.remote {
          background: white url(../images/plaza/control-remote.png) center center no-repeat; }
        .plaza #attractions .slideshow ul.controls li.wii {
          background: white url(../images/plaza/control-wii.png) center center no-repeat; }
        .plaza #attractions .slideshow ul.controls li.remote3 {
          background: white url(../images/plaza/control-wii3.png) center center no-repeat; }
        .plaza #attractions .slideshow ul.controls li.remote-with-motion {
          background: white url(../images/plaza/control-remote-motion.png) center center no-repeat; }
    .plaza #attractions .slideshow ul.highlights {
      width: 400px; }
      .plaza #attractions .slideshow ul.highlights li {
        margin-bottom: 15px;
        padding-left: 22px;
        list-style: none;
        line-height: 15px; }
        .plaza #attractions .slideshow ul.highlights li.pink {
          background: url(../images/plaza/bullet-pink.png) left 7px no-repeat; }
        .plaza #attractions .slideshow ul.highlights li.green {
          background: url(../images/plaza/bullet-green.png) left 7px no-repeat; }
        .plaza #attractions .slideshow ul.highlights li.yellow {
          background: url(../images/plaza/bullet-yellow.png) left 7px no-repeat; }
    .plaza #attractions .slideshow#sub-slideshow {
      height: 0;
      max-height: 402px;
      background: white url(../images/plaza/theplaza_expanded_bg.jpg) center center no-repeat; }
      .plaza #attractions .slideshow#sub-slideshow .bg-image {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 401px;
        background-position: center center;
        background-repeat: no-repeat;
        display: none; }
      .plaza #attractions .slideshow#sub-slideshow .card {
        width: 250px;
        margin: 70px auto 57px auto;
        min-height: 237px;
        padding: 20px 45px 20px 500px; }
        .plaza #attractions .slideshow#sub-slideshow .card.no-video {
          text-align: center;
          width: 695px;
          padding: 20px 50px; }
          .plaza #attractions .slideshow#sub-slideshow .card.no-video h2 {
            width: 200px;
            margin: -10px auto 5px auto; }
          .plaza #attractions .slideshow#sub-slideshow .card.no-video p {
            width: 680px;
            margin: 25px auto; }
        .plaza #attractions .slideshow#sub-slideshow .card a {
          color: #fff; }
          .plaza #attractions .slideshow#sub-slideshow .card a:hover {
            filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
            opacity: 0.8; }
        .plaza #attractions .slideshow#sub-slideshow .card .video-player {
          position: absolute;
          top: 18px;
          left: 18px;
          width: 447px;
          height: 237px;
          background: #fff;
          -webkit-border-radius: 12px;
          -moz-border-radius: 12px;
          -ms-border-radius: 12px;
          -o-border-radius: 12px;
          border-radius: 12px;
          -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
          -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); }
          .plaza #attractions .slideshow#sub-slideshow .card .video-player .still {
            width: 431px;
            height: 221px;
            margin: 8px;
            background-position: center center;
            background-repeat: no-repeat; }
        .plaza #attractions .slideshow#sub-slideshow .card h2 {
          background: url(../images/plaza/sub-heading-underline.png) left bottom repeat-x;
          margin: -15px 0 15px 0;
          float: none; }
        .plaza #attractions .slideshow#sub-slideshow .card p {
          width: 260px;
          font-size: 13px;
          font-weight: bold;
          line-height: 21px; }
      .plaza #attractions .slideshow#sub-slideshow .arrow {
        top: 180px; }
    .plaza #attractions .slideshow .arrow {
      width: 45px;
      height: 72px;
      position: absolute;
      left: 50%;
      top: 235px;
      z-index: 99;
      cursor: pointer; }
      .plaza #attractions .slideshow .arrow.prev {
        background: url(../images/plaza/slideshow-arrow-left.png) no-repeat;
        margin-left: -475px; }
      .plaza #attractions .slideshow .arrow.next {
        background: url(../images/plaza/slideshow-arrow-right.png) no-repeat;
        margin-left: 430px; }
      .plaza #attractions .slideshow .arrow:hover {
        background-position: -45px 0; }
    .plaza #attractions .slideshow .items {
      position: absolute;
      top: 0;
      height: 863px;
      width: 100%; }
    .plaza #attractions .slideshow .item {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%; }
    .plaza #attractions .slideshow .card {
      position: relative;
      width: 685px;
      margin: 115px auto 0 auto;
      padding: 20px 55px 35px 55px;
      text-align: left;
      color: #fff;
      z-index: 1;
      background: #1b8ec2 url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9ImNlbnRlciIgY3k9IjI3MHB4IiByPSI0MDAiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMyOGIyZDUiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxYjhlYzIiLz48L3JhZGlhbEdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
      background: #1b8ec2 -webkit-gradient(radial, center 270px, 0, center 270px, 400, color-stop(0%, #28b2d5), color-stop(100%, #1b8ec2));
      background: #1b8ec2 -webkit-radial-gradient(center 270px, #28b2d5, #1b8ec2 400px);
      background: #1b8ec2 -moz-radial-gradient(center 270px, #28b2d5, #1b8ec2 400px);
      background: #1b8ec2 -o-radial-gradient(center 270px, #28b2d5, #1b8ec2 400px);
      background: #1b8ec2 radial-gradient(center 270px, #28b2d5, #1b8ec2 400px);
      -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
      -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
      -webkit-border-radius: 12px;
      -moz-border-radius: 12px;
      -ms-border-radius: 12px;
      -o-border-radius: 12px;
      border-radius: 12px; }
      .plaza #attractions .slideshow .card h2 {
        float: left;
        font-size: 30px;
        line-height: 33px;
        padding: 12px 0; }
      .plaza #attractions .slideshow .card .about {
        clear: both;
        position: relative;
        border-top: 1px solid #17719e;
        padding-top: 30px;
        padding-left: 275px;
        text-shadow: 0 -1px 0px rgba(0, 0, 0, 0.2); }
        .plaza #attractions .slideshow .card .about h3 {
          font-size: 21px;
          font-family: Patagonia, Arial, Helvetica, sans-serif;
          font-weight: normal; }
        .plaza #attractions .slideshow .card .about .logo-container {
          width: 254px;
          height: 207px;
          background: url(../images/plaza/slideshow-logo-bg.png);
          position: absolute;
          top: 37px;
          left: -30px; }
          .plaza #attractions .slideshow .card .about .logo-container .logo {
            position: absolute;
            top: -20px;
            left: 8px;
            width: 250px;
            height: 180px;
            background-position: center bottom;
            background-repeat: no-repeat; }
        .plaza #attractions .slideshow .card .about p {
          width: 420px; }
        .plaza #attractions .slideshow .card .about p, .plaza #attractions .slideshow .card .about li {
          font-size: 13px;
          font-weight: bold;
          line-height: 21px; }
    .plaza #attractions .slideshow .how-to-play {
      width: 100%;
      height: 400px;
      margin: 60px auto 0 auto;
      position: relative;
      text-align: center;
      z-index: 1; }
      .plaza #attractions .slideshow .how-to-play.with-screenshot {
        padding-left: 50px; }
      .plaza #attractions .slideshow .how-to-play .tv, .plaza #attractions .slideshow .how-to-play .wiiu {
        display: inline-block;
        position: relative; }
      .plaza #attractions .slideshow .how-to-play .hands {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 200px;
        background-position: center bottom;
        background-repeat: no-repeat; }
    .plaza #attractions .slideshow .tv {
      background: url(../images/plaza/slideshow-tv.png);
      width: 373px;
      height: 243px; }
      .plaza #attractions .slideshow .tv .still {
        width: 315px;
        height: 178px;
        background-position: center center;
        background-repeat: no-repeat;
        position: absolute;
        top: 16px;
        left: 27px; }
    .plaza #attractions .slideshow .wiiu {
      background: url(../images/plaza/slideshow-wiiu.png);
      width: 472px;
      height: 249px;
      margin-left: 60px; }
      .plaza #attractions .slideshow .wiiu .still {
        width: 252px;
        height: 141px;
        background: #aaa;
        position: absolute;
        top: 55px;
        left: 110px; }
    .plaza #attractions .slideshow .bottom {
      width: 100%;
      height: 35px;
      background: url(../images/plaza/slideshow-bottom.png) top center repeat-x;
      position: absolute;
      bottom: -10px;
      left: 0;
      z-index: 999; }
    .plaza #attractions .slideshow .dots {
      position: relative;
      display: inline-block;
      width: auto;
      padding: 0 25px 0 25px;
      margin: 0 auto 0 auto;
      height: 34px;
      background: #219eca;
      z-index: 999;
      -webkit-border-radius: 0 0 5px 5px;
      -moz-border-radius: 0 0 5px 5px;
      -ms-border-radius: 0 0 5px 5px;
      -o-border-radius: 0 0 5px 5px;
      border-radius: 0 0 5px 5px;
      -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
      -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
      box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); }
      .plaza #attractions .slideshow .dots .dot {
        width: 8px;
        height: 8px;
        background: #FFF;
        float: left;
        margin: 12px 0 0 5px;
        cursor: pointer;
        -webkit-box-shadow: inset 0 1px 0px rgba(19, 64, 95, 0.8);
        -moz-box-shadow: inset 0 1px 0px rgba(19, 64, 95, 0.8);
        box-shadow: inset 0 1px 0px rgba(19, 64, 95, 0.8);
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        -o-border-radius: 4px;
        border-radius: 4px; }
        .plaza #attractions .slideshow .dots .dot:first-child {
          margin-left: 0; }
        .plaza #attractions .slideshow .dots .dot.active, .plaza #attractions .slideshow .dots .dot:hover {
          background: #0e7598;
          margin-top: 13px; }
    .plaza #attractions .slideshow .close {
      width: 40px;
      height: 34px;
      background: #219eca;
      position: absolute;
      top: 0px;
      left: 50%;
      margin-left: 435px;
      color: #fff;
      text-align: center;
      line-height: 32px;
      font-size: 30px;
      text-shadow: 0 -1px 0px rgba(0, 0, 0, 0.4);
      cursor: pointer;
      z-index: 999;
      -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
      -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
      box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
      -webkit-border-radius: 0 0 20px 20px;
      -moz-border-radius: 0 0 20px 20px;
      -ms-border-radius: 0 0 20px 20px;
      -o-border-radius: 0 0 20px 20px;
      border-radius: 0 0 20px 20px; }
    .plaza #attractions .slideshow .confetti {
      position: absolute;
      left: 50%;
      z-index: 0; }
      .plaza #attractions .slideshow .confetti.left {
        width: 365px;
        height: 348px;
        background: url(../images/plaza/slideshow-confetti-left.png);
        top: 80px;
        margin-left: -665px; }
      .plaza #attractions .slideshow .confetti.right {
        width: 323px;
        height: 350px;
        background: url(../images/plaza/slideshow-confetti-right.png);
        top: 105px;
        margin-left: 330px; }

.mobile {
  display: none; }

@media screen and (max-width: 568px) {
  body {
    min-width: 0 !important; }

  .desktop {
    display: none; }

  .mobile {
    display: block; }

  body,
  header,
  header .characters {
    min-width: 0 !important; }

  header .container, section .container {
    width: auto; }

  header {
    text-align: center; }
    header a#logo {
      left: 50%;
      margin-left: -150px;
      top: 135px; }
    header nav {
      margin: 0;
      width: 100%;
      background: #fff;
      padding: 10px 0 0 0;
      border-bottom: 1px solid #d1ebf5; }
      header nav ul {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
        border-radius: 0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        border: 0;
        background: none;
        display: inline-block; }
        header nav ul li {
          padding: 0;
          height: 57px; }
          header nav ul li.plaza {
            padding-right: 0; }
          header nav ul li .btn, header nav ul li .btn:hover, header nav ul li .btn:active, body.index header nav ul li.index .btn,
          body.about header nav ul li.about .btn,
          body.plaza header nav ul li.plaza .btn {
            width: 105px;
            font-size: 11px;
            background-position: 0 -1308px;
            height: 62px;
            line-height: 15px;
            margin-top: 0; }
            header nav ul li .btn .inner, header nav ul li .btn:hover .inner, header nav ul li .btn:active .inner, body.index header nav ul li.index .btn .inner,
            body.about header nav ul li.about .btn .inner,
            body.plaza header nav ul li.plaza .btn .inner {
              background-position: 100% -496px;
              height: 50px;
              margin-left: 12px;
              padding: 12px 20px 0 9px; }
            header nav ul li .btn.green, header nav ul li .btn:hover.green, header nav ul li .btn:active.green, body.index header nav ul li.index .green.btn,
            body.about header nav ul li.about .green.btn,
            body.plaza header nav ul li.plaza .green.btn {
              background-position: 0 -1241px; }
              header nav ul li .btn.green .inner, header nav ul li .btn:hover.green .inner, header nav ul li .btn:active.green .inner, body.index header nav ul li.index .green.btn .inner,
              body.about header nav ul li.about .green.btn .inner,
              body.plaza header nav ul li.plaza .green.btn .inner {
                background-position: 100% -362px; }
            header nav ul li .btn.magenta, header nav ul li .btn:hover.magenta, header nav ul li .btn:active.magenta, body.index header nav ul li.index .magenta.btn,
            body.about header nav ul li.about .magenta.btn,
            body.plaza header nav ul li.plaza .magenta.btn {
              background-position: 0 -1072px; }
              header nav ul li .btn.magenta .inner, header nav ul li .btn:hover.magenta .inner, header nav ul li .btn:active.magenta .inner, body.index header nav ul li.index .magenta.btn .inner,
              body.about header nav ul li.about .magenta.btn .inner,
              body.plaza header nav ul li.plaza .magenta.btn .inner {
                background-position: 100% -429px; }
          header nav ul li.pre-order .btn .inner {
            padding-top: 20px;
            height: 42px; }
    header .available {
      background: #fff;
      font-size: 11px;
      color: #156f8d;
      border-top: 1px solid #d9d9d9;
      border-bottom: 1px solid #b2dff0;
      padding: 0; }
      header .available .data {
        display: block;
        padding: 0;
        margin: 0 auto;
        width: 320px; }
        header .available .data .value {
          display: block;
          padding: 7px 15px;
          float: left; }
          header .available .data .value:first-child {
            border-right: 1px solid #b2dff0; }

  .locale_fr header .available, .locale_es header .available {
    font-size: 9px; }
  .locale_fr header li.plaza .btn .inner, .locale_fr header li.pre-order .btn .inner, .locale_es header li.plaza .btn .inner, .locale_es header li.pre-order .btn .inner {
    padding-top: 5px !important;
    height: 57px !important; }

  .locale_es header li.about .btn .inner {
    padding-top: 20px !important;
    padding-left: 5px !important;
    height: 42px !important; }

  header,
  body.index header {
    background: #d2eef8 url("../images/header-tile-sub.jpg") repeat-x bottom center;
    background: url("../images/header-tile-sub.jpg") repeat-x bottom center, url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QyZWVmOCIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZjlmZGZlIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZjlmZGZlIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
    background: url("../images/header-tile-sub.jpg") repeat-x bottom center, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d2eef8), color-stop(50%, #f9fdfe), color-stop(100%, #f9fdfe));
    background: url("../images/header-tile-sub.jpg") repeat-x bottom center, -webkit-linear-gradient(#d2eef8, #f9fdfe, #f9fdfe);
    background: url("../images/header-tile-sub.jpg") repeat-x bottom center, -moz-linear-gradient(#d2eef8, #f9fdfe, #f9fdfe);
    background: url("../images/header-tile-sub.jpg") repeat-x bottom center, -o-linear-gradient(#d2eef8, #f9fdfe, #f9fdfe);
    background: url("../images/header-tile-sub.jpg") repeat-x bottom center, linear-gradient(#d2eef8, #f9fdfe, #f9fdfe);
    height: 337px; }
    header a#logo,
    body.index header a#logo {
      display: block; }

  footer #global-footer .item {
    float: none;
    clear: both;
    text-align: center; }
    footer #global-footer .item div {
      margin: 0 auto !important;
      float: none !important; }

  section h1,
  section h2 {
    font-size: 24px; }

  .index #trailer #trailer-video {
    width: 284px;
    height: 157px; }
    .index #trailer #trailer-video img {
      width: 284px;
      height: 157px; }

  .about #intro p, .about #play p, .about #explore p, .about #attractions .check p {
    width: auto;
    padding: 0 20px; }
  .about #intro p {
    padding: 185px 20px 0 20px;
    text-align: center;
    background-position: top center;
    background-size: auto 185px;
    height: auto; }
  .about #attractions {
    background: none;
    text-align: center; }
    .about #attractions .container {
      height: 610px;
      background: url("../images/about/attractions-bg-mobile.png") repeat-x 0 -70px; }
    .about #attractions .curtain.left,
    .about #attractions .curtain.right {
      display: none; }
    .about #attractions .team-attractions, .about #attractions .competitive-attractions, .about #attractions .solo-attractions {
      position: relative;
      width: auto;
      top: auto;
      left: auto;
      margin: 0; }
    .about #attractions .team-attractions {
      margin-top: 50px; }
    .about #attractions h3 {
      background: none; }
    .about #attractions ul {
      margin: 10px auto 20px auto;
      width: 315px; }
      .about #attractions ul li {
        width: 105px;
        height: 70px;
        margin: 0 0 10px 0; }
        .about #attractions ul li.item1 .inner {
          background-size: contain;
          width: 90px; }
        .about #attractions ul li.item2 .inner {
          background-size: contain;
          width: 90px; }
        .about #attractions ul li.item3 .inner {
          background-size: contain;
          width: 90px; }
        .about #attractions ul li.item4 .inner {
          background-size: contain;
          width: 90px; }
        .about #attractions ul li.item5 .inner {
          background-size: contain;
          width: 90px; }
        .about #attractions ul li.item6 .inner {
          background-size: contain;
          width: 90px; }
        .about #attractions ul li.item7 .inner {
          background-size: contain;
          width: 90px; }
        .about #attractions ul li.item8 .inner {
          background-size: contain;
          width: 90px; }
        .about #attractions ul li.item9 .inner {
          background-size: contain;
          width: 90px; }
        .about #attractions ul li.item10 .inner {
          background-size: contain;
          width: 90px; }
        .about #attractions ul li.item11 .inner {
          background-size: contain;
          width: 90px; }
        .about #attractions ul li.item12 .inner {
          background-size: contain;
          width: 90px; }

  .plaza h1:before, .plaza h1:after {
    display: none; }
  .plaza #intro p {
    margin-top: 15px; }
  .plaza #attractions .overview {
    height: auto;
    background: none;
    padding: 0; }
    .plaza #attractions .overview.mobile-logos {
      display: block; }
    .plaza #attractions .overview h2 {
      display: none; }
    .plaza #attractions .overview ul, .plaza #attractions .overview li {
      position: static !important;
      margin: 0 !important; }
    .plaza #attractions .overview ul.listview li {
      width: 100%;
      height: 58px;
      background: #1d90c1 url(../images/plaza/mobile-logo-bg.png) top left;
      color: #FFF;
      text-shadow: 0 -1px 0px #09769a;
      text-transform: uppercase;
      line-height: 58px;
      text-align: center;
      border-top: 1px solid #349dca;
      -webkit-box-shadow: 0px -1px 0px #09769a;
      -moz-box-shadow: 0px -1px 0px #09769a;
      box-shadow: 0px -1px 0px #09769a; }
      .plaza #attractions .overview ul.listview li.active, .plaza #attractions .overview ul.listview li:hover {
        background: #16739f;
        -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.4);
        -moz-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.4);
        box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.4);
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1; }
      .plaza #attractions .overview ul.listview li:first-child {
        padding-top: 10px; }
      .plaza #attractions .overview ul.listview li:last-child {
        border-bottom: 1px solid #09769a; }
    .plaza #attractions .overview ul.logos {
      width: 100%;
      background: #1d90c1 url(../images/plaza/mobile-logo-bg.png) top left;
      margin: 0 auto!important;
      text-align: center;
      padding: 20px 0; }
      .plaza #attractions .overview ul.logos:after {
        content: "";
        clear: both; }
    .plaza #attractions .overview ul.logos li {
      position: relative !important;
      left: auto !important;
      top: auto !important;
      width: 89px;
      height: 86px;
      background: url(../images/plaza/logos-bg.png) center center no-repeat !important;
      display: inline-block;
      margin: 5px !important; }
      .plaza #attractions .overview ul.logos li:after {
        content: '';
        position: absolute;
        width: 95px;
        height: 59px;
        left: 0;
        top: 0;
        margin-left: -3px;
        margin-top: 3px; }
      .plaza #attractions .overview ul.logos li#ninja-castle:after {
        background: url(../images/plaza/mobile-ninja-logo.png) center bottom no-repeat; }
      .plaza #attractions .overview ul.logos li#luigi:after {
        background: url(../images/plaza/mobile-luigi-logo.png) center bottom no-repeat; }
      .plaza #attractions .overview ul.logos li#captain-falcon:after {
        background: url(../images/plaza/mobile-twister-logo.png) center bottom no-repeat; }
      .plaza #attractions .overview ul.logos li#animal-crossing:after {
        background: url(../images/plaza/mobile-sweet-logo.png) center bottom no-repeat; }
      .plaza #attractions .overview ul.logos li#balloon-trip:after {
        background: url(../images/plaza/mobile-balloon-logo.png) center bottom no-repeat; }
      .plaza #attractions .overview ul.logos li#zelda:after {
        background: url(../images/plaza/mobile-zelda-logo.png) center bottom no-repeat; }
      .plaza #attractions .overview ul.logos li#yoshi:after {
        background: url(../images/plaza/mobile-fruit-logo.png) center bottom no-repeat; }
      .plaza #attractions .overview ul.logos li#pikmin:after {
        background: url(../images/plaza/mobile-pikmin-logo.png) center bottom no-repeat; }
      .plaza #attractions .overview ul.logos li#octopus:after {
        background: url(../images/plaza/mobile-octopus-logo.png) center bottom no-repeat; }
      .plaza #attractions .overview ul.logos li#metroid:after {
        background: url(../images/plaza/mobile-metroid-logo.png) center bottom no-repeat; }
      .plaza #attractions .overview ul.logos li#donkey-kong:after {
        background: url(../images/plaza/mobile-donkey-logo.png) center bottom no-repeat; }
      .plaza #attractions .overview ul.logos li#mario:after {
        background: url(../images/plaza/mobile-mario-logo.png) center bottom no-repeat; }
      .plaza #attractions .overview ul.logos li.active, .plaza #attractions .overview ul.logos li:hover {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1; }
  .plaza #attractions .slideshow {
    width: 100%;
    position: relative;
    text-align: center;
    overflow: hidden;
    z-index: 0;
    background: white url(../images/plaza/white-noise.png) !important;
    background: #eeeeee url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U0ZTRlNCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background: #eeeeee -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e4e4e4), color-stop(100%, #eeeeee));
    background: #eeeeee -webkit-linear-gradient(top, #e4e4e4, #eeeeee);
    background: #eeeeee -moz-linear-gradient(top, #e4e4e4, #eeeeee);
    background: #eeeeee -o-linear-gradient(top, #e4e4e4, #eeeeee);
    background: #eeeeee linear-gradient(top, #e4e4e4, #eeeeee); }
    .plaza #attractions .slideshow .close {
      left: auto;
      right: 10px;
      margin: 0; }
    .plaza #attractions .slideshow .arrow, .plaza #attractions .slideshow .confetti {
      display: none; }
    .plaza #attractions .slideshow#sub-slideshow {
      max-height: none; }
      .plaza #attractions .slideshow#sub-slideshow .bottom {
        display: none; }
    .plaza #attractions .slideshow .mobile-sub-slide {
      padding: 70px 30px 25px 15px;
      text-align: left;
      color: #1797c9; }
      .plaza #attractions .slideshow .mobile-sub-slide h2 {
        width: 250px;
        font-size: 24px;
        padding-bottom: 13px;
        font-weight: normal;
        background: transparent url("../images/heading-line-dark.png") no-repeat bottom left;
        margin-bottom: 20px; }
      .plaza #attractions .slideshow .mobile-sub-slide p {
        font-size: 12px;
        line-height: 18px; }
      .plaza #attractions .slideshow .mobile-sub-slide a {
        color: #1486b2; }
        .plaza #attractions .slideshow .mobile-sub-slide a:hover {
          filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
          opacity: 0.8; }
      .plaza #attractions .slideshow .mobile-sub-slide .video {
        text-align: center;
        padding-top: 10px; }
      .plaza #attractions .slideshow .mobile-sub-slide a.btn {
        color: #FFF; }
    .plaza #attractions .slideshow .mobile-slide {
      padding: 70px 20px 40px 15px;
      color: #1797c9; }
      .plaza #attractions .slideshow .mobile-slide ul.controls {
        display: inline-block;
        float: none;
        margin: 15px 0px; }
        .plaza #attractions .slideshow .mobile-slide ul.controls li {
          display: inline-block;
          float: none; }
      .plaza #attractions .slideshow .mobile-slide h2 {
        display: inline-block;
        padding: 0px 10px 5px 10px;
        margin-bottom: 5px;
        width: auto;
        background: transparent url("../images/heading-line-dark.png") no-repeat bottom left; }
      .plaza #attractions .slideshow .mobile-slide p {
        margin: -10px auto 15px auto;
        text-align: left;
        font-size: 12px;
        line-height: 18px; }
      .plaza #attractions .slideshow .mobile-slide ul.highlights {
        width: 100%; }
        .plaza #attractions .slideshow .mobile-slide ul.highlights li {
          text-align: left;
          font-size: 12px;
          font-weight: bold;
          line-height: 18px; }
      .plaza #attractions .slideshow .mobile-slide a.btn {
        margin-top: 10px; }
  .plaza .video-content {
    width: 280px;
    height: 154.67066px;
    margin-top: -77.33533px;
    margin-left: -140px;
    padding: 5px; }

  .buy-now-overlay .content {
    width: 280px;
    margin-left: -140px; }
    .buy-now-overlay .content section#selection {
      width: 280px;
      background: #fff; }
      .buy-now-overlay .content section#selection .divider {
        color: #1aa1ce; }
    .buy-now-overlay .content section .retailers h2 {
      text-align: center;
      margin-left: 0;
      text-shadow: none; }
    .buy-now-overlay .content section .retailers ul {
      margin-left: 10px; }
    .buy-now-overlay .content section #website p {
      padding: 0 20px;
      margin: 0;
      text-align: center;
      font-size: 11px; }
    .buy-now-overlay .content section .retailers, .buy-now-overlay .content section #website {
      background: #fff;
      padding: 0;
      width: 280px;
      height: auto;
      border: 0;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      -ms-border-radius: 0;
      -o-border-radius: 0;
      border-radius: 0;
      text-align: center; } }
.lt-ie nav li {
  padding-top: 11px;
  height: 56px; }
.lt-ie .btn {
  padding: 0; }
  .lt-ie .btn .inner {
    height: 35px;
    padding-top: 11px; }
  .lt-ie .btn:hover .inner {
    height: 35px; }
  .lt-ie .btn:active .inner, .lt-ie body.index header nav li.index .btn .inner, body.index header nav li.index .lt-ie .btn .inner,
  .lt-ie body.about header nav li.about .btn .inner,
  body.about header nav li.about .lt-ie .btn .inner,
  .lt-ie body.plaza header nav li.plaza .btn .inner,
  body.plaza header nav li.plaza .lt-ie .btn .inner {
    height: 30px; }
  .lt-ie .btn.large .inner {
    height: 55px; }
  .lt-ie .btn.large:hover .inner {
    height: 55px; }
  .lt-ie .btn.large:active .inner, .lt-ie body.index header nav li.index .large.btn .inner, body.index header nav li.index .lt-ie .large.btn .inner,
  .lt-ie body.about header nav li.about .large.btn .inner,
  body.about header nav li.about .lt-ie .large.btn .inner,
  .lt-ie body.plaza header nav li.plaza .large.btn .inner,
  body.plaza header nav li.plaza .lt-ie .large.btn .inner {
    height: 51px; }
	
.buy-now-overlay h2{
	text-shadow:none !important;	
}


.buy-now-overlay .content section .retailers ul, .overlay .content section .retailers ul {
    margin-left: 53px;
    margin-top: 16px;
}
.buy-now-overlay .content section .retailers h2, .overlay .content section .retailers h2 {
	text-align:center;
	margin-bottom:13px;
	margin-left:0;
	
}
.buy-now-overlay .content section #website h2, .overlay .content section #website h2 {
	margin-left: 230px;
}
.overlay .content section .retailers {
	height:inherit !important;
	padding-left: 190px;
    width: 400px
}
.buy-now-overlay .content section .retailers {
	height:200px;
    width: 590px	
}
.buy-now-overlay .content section #website, .overlay .content section #website {
	height:200px;	
}