@charset "UTF-8";
/*  screen.scss ======================================= Author          liamegan email           liam@wethecollective.com Created         2014-02-27 16:11:56 Edited by       liamegan Edited          2014-05-13 13:58:46
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; }

html { line-height: 1; }

ol, ul { list-style: none; }

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

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

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

a img { border: none; }

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

meta.foundation-version { font-family: "/5.2.0/"; }

meta.foundation-mq-small { font-family: "/only screen and (max-width: 40em)/"; width: 0em; }

meta.foundation-mq-medium { font-family: "/only screen and (min-width:40.063em)/"; width: 40.063em; }

meta.foundation-mq-large { font-family: "/only screen and (min-width:56.063em)/"; width: 56.063em; }

meta.foundation-mq-xlarge { font-family: "/only screen and (min-width:90.063em)/"; width: 90.063em; }

meta.foundation-mq-xxlarge { font-family: "/only screen and (min-width:120.063em)/"; width: 120.063em; }

meta.foundation-data-attribute-namespace { font-family: false; }

html, body { height: 100%; }

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

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

body { background: white; color: #222222; padding: 0; margin: 0; font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; line-height: 1; position: relative; cursor: default; }

a:hover { cursor: pointer; }

img { max-width: 100%; height: auto; }

img { -ms-interpolation-mode: bicubic; }

#map_canvas img, #map_canvas embed, #map_canvas object, .map_canvas img, .map_canvas embed, .map_canvas object { max-width: none !important; }

.left { float: left !important; }

.right { float: right !important; }

.clearfix { *zoom: 1; }
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }

.hide { display: none; }

.antialiased { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

img { display: inline-block; vertical-align: middle; }

textarea { height: auto; min-height: 50px; }

select { width: 100%; }

.text-left { text-align: left !important; }

.text-right { text-align: right !important; }

.text-center { text-align: center !important; }

.text-justify { text-align: justify !important; }

@media only screen and (max-width: 40em) { .small-only-text-left { text-align: left !important; }
  .small-only-text-right { text-align: right !important; }
  .small-only-text-center { text-align: center !important; }
  .small-only-text-justify { text-align: justify !important; } }
@media only screen { .small-text-left { text-align: left !important; }
  .small-text-right { text-align: right !important; }
  .small-text-center { text-align: center !important; }
  .small-text-justify { text-align: justify !important; } }
@media only screen and (min-width: 40.063em) and (max-width: 56em) { .medium-only-text-left { text-align: left !important; }
  .medium-only-text-right { text-align: right !important; }
  .medium-only-text-center { text-align: center !important; }
  .medium-only-text-justify { text-align: justify !important; } }
@media only screen and (min-width: 40.063em) { .medium-text-left { text-align: left !important; }
  .medium-text-right { text-align: right !important; }
  .medium-text-center { text-align: center !important; }
  .medium-text-justify { text-align: justify !important; } }
@media only screen and (min-width: 56.063em) and (max-width: 90em) { .large-only-text-left { text-align: left !important; }
  .large-only-text-right { text-align: right !important; }
  .large-only-text-center { text-align: center !important; }
  .large-only-text-justify { text-align: justify !important; } }
@media only screen and (min-width: 56.063em) { .large-text-left { text-align: left !important; }
  .large-text-right { text-align: right !important; }
  .large-text-center { text-align: center !important; }
  .large-text-justify { text-align: justify !important; } }
@media only screen and (min-width: 90.063em) and (max-width: 120em) { .xlarge-only-text-left { text-align: left !important; }
  .xlarge-only-text-right { text-align: right !important; }
  .xlarge-only-text-center { text-align: center !important; }
  .xlarge-only-text-justify { text-align: justify !important; } }
@media only screen and (min-width: 90.063em) { .xlarge-text-left { text-align: left !important; }
  .xlarge-text-right { text-align: right !important; }
  .xlarge-text-center { text-align: center !important; }
  .xlarge-text-justify { text-align: justify !important; } }
@media only screen and (min-width: 120.063em) and (max-width: 999999999999) { .xxlarge-only-text-left { text-align: left !important; }
  .xxlarge-only-text-right { text-align: right !important; }
  .xxlarge-only-text-center { text-align: center !important; }
  .xxlarge-only-text-justify { text-align: justify !important; } }
@media only screen and (min-width: 120.063em) { .xxlarge-text-left { text-align: left !important; }
  .xxlarge-text-right { text-align: right !important; }
  .xxlarge-text-center { text-align: center !important; }
  .xxlarge-text-justify { text-align: justify !important; } }
.text-left { text-align: left !important; }

.text-right { text-align: right !important; }

.text-center { text-align: center !important; }

.text-justify { text-align: justify !important; }

@media only screen and (max-width: 40em) { .small-only-text-left { text-align: left !important; }
  .small-only-text-right { text-align: right !important; }
  .small-only-text-center { text-align: center !important; }
  .small-only-text-justify { text-align: justify !important; } }
@media only screen { .small-text-left { text-align: left !important; }
  .small-text-right { text-align: right !important; }
  .small-text-center { text-align: center !important; }
  .small-text-justify { text-align: justify !important; } }
@media only screen and (min-width: 40.063em) and (max-width: 56em) { .medium-only-text-left { text-align: left !important; }
  .medium-only-text-right { text-align: right !important; }
  .medium-only-text-center { text-align: center !important; }
  .medium-only-text-justify { text-align: justify !important; } }
@media only screen and (min-width: 40.063em) { .medium-text-left { text-align: left !important; }
  .medium-text-right { text-align: right !important; }
  .medium-text-center { text-align: center !important; }
  .medium-text-justify { text-align: justify !important; } }
@media only screen and (min-width: 56.063em) and (max-width: 90em) { .large-only-text-left { text-align: left !important; }
  .large-only-text-right { text-align: right !important; }
  .large-only-text-center { text-align: center !important; }
  .large-only-text-justify { text-align: justify !important; } }
@media only screen and (min-width: 56.063em) { .large-text-left { text-align: left !important; }
  .large-text-right { text-align: right !important; }
  .large-text-center { text-align: center !important; }
  .large-text-justify { text-align: justify !important; } }
@media only screen and (min-width: 90.063em) and (max-width: 120em) { .xlarge-only-text-left { text-align: left !important; }
  .xlarge-only-text-right { text-align: right !important; }
  .xlarge-only-text-center { text-align: center !important; }
  .xlarge-only-text-justify { text-align: justify !important; } }
@media only screen and (min-width: 90.063em) { .xlarge-text-left { text-align: left !important; }
  .xlarge-text-right { text-align: right !important; }
  .xlarge-text-center { text-align: center !important; }
  .xlarge-text-justify { text-align: justify !important; } }
@media only screen and (min-width: 120.063em) and (max-width: 999999999999) { .xxlarge-only-text-left { text-align: left !important; }
  .xxlarge-only-text-right { text-align: right !important; }
  .xxlarge-only-text-center { text-align: center !important; }
  .xxlarge-only-text-justify { text-align: justify !important; } }
@media only screen and (min-width: 120.063em) { .xxlarge-text-left { text-align: left !important; }
  .xxlarge-text-right { text-align: right !important; }
  .xxlarge-text-center { text-align: center !important; }
  .xxlarge-text-justify { text-align: justify !important; } }
/* Typography resets */
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td { margin: 0; padding: 0; }

/* Default Link Styles */
a { color: #008cba; text-decoration: none; line-height: inherit; }
a:hover, a:focus { color: #0078a0; }
a img { border: none; }

/* Default paragraph styles */
p { font-family: inherit; font-weight: normal; font-size: 1rem; line-height: 1.6; margin-bottom: 1.25rem; text-rendering: optimizeLegibility; }
p.lead { font-size: 1.21875rem; line-height: 1.6; }
p aside { font-size: 0.875rem; line-height: 1.35; font-style: italic; }

/* Default header styles */
h1, h2, h3, h4, h5, h6 { font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; color: #222222; text-rendering: optimizeLegibility; margin-top: 0.2rem; margin-bottom: 0.5rem; line-height: 1.4; }
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-size: 60%; color: #6f6f6f; line-height: 0; }

h1 { font-size: 2.125rem; }

h2 { font-size: 1.6875rem; }

h3 { font-size: 1.375rem; }

h4 { font-size: 1.125rem; }

h5 { font-size: 1.125rem; }

h6 { font-size: 1rem; }

.subheader { line-height: 1.4; color: #6f6f6f; font-weight: normal; margin-top: 0.2rem; margin-bottom: 0.5rem; }

hr { border: solid #dddddd; border-width: 1px 0 0; clear: both; margin: 1.25rem 0 1.1875rem; height: 0; }

/* Helpful Typography Defaults */
em, i { font-style: italic; line-height: inherit; }

strong, b { font-weight: bold; line-height: inherit; }

small { font-size: 60%; line-height: inherit; }

code { font-family: Consolas, "Liberation Mono", Courier, monospace; font-weight: bold; color: #bd260d; }

/* Lists */
ul, ol, dl { font-size: 1rem; line-height: 1.6; margin-bottom: 1.25rem; list-style-position: outside; font-family: inherit; }

ul { margin-left: 1.1rem; }
ul.no-bullet { margin-left: 0; }
ul.no-bullet li ul, ul.no-bullet li ol { margin-left: 1.25rem; margin-bottom: 0; list-style: none; }

/* Unordered Lists */
ul li ul, ul li ol { margin-left: 1.25rem; margin-bottom: 0; }
ul.square li ul, ul.circle li ul, ul.disc li ul { list-style: inherit; }
ul.square { list-style-type: square; margin-left: 1.1rem; }
ul.circle { list-style-type: circle; margin-left: 1.1rem; }
ul.disc { list-style-type: disc; margin-left: 1.1rem; }
ul.no-bullet { list-style: none; }

/* Ordered Lists */
ol { margin-left: 1.4rem; }
ol li ul, ol li ol { margin-left: 1.25rem; margin-bottom: 0; }

/* Definition Lists */
dl dt { margin-bottom: 0.3rem; font-weight: bold; }
dl dd { margin-bottom: 0.75rem; }

/* Abbreviations */
abbr, acronym { text-transform: uppercase; font-size: 90%; color: #222222; border-bottom: 1px dotted #dddddd; cursor: help; }

abbr { text-transform: none; }

/* Blockquotes */
blockquote { margin: 0 0 1.25rem; padding: 0.5625rem 1.25rem 0 1.1875rem; border-left: 1px solid #dddddd; }
blockquote cite { display: block; font-size: 0.8125rem; color: #555555; }
blockquote cite:before { content: "\2014 \0020"; }
blockquote cite a, blockquote cite a:visited { color: #555555; }

blockquote, blockquote p { line-height: 1.6; color: #6f6f6f; }

/* Microformats */
.vcard { display: inline-block; margin: 0 0 1.25rem 0; border: 1px solid #dddddd; padding: 0.625rem 0.75rem; }
.vcard li { margin: 0; display: block; }
.vcard .fn { font-weight: bold; font-size: 0.9375rem; }

.vevent .summary { font-weight: bold; }
.vevent abbr { cursor: default; text-decoration: none; font-weight: bold; border: none; padding: 0 0.0625rem; }

@media only screen and (min-width: 40.063em) { h1, h2, h3, h4, h5, h6 { line-height: 1.4; }
  h1 { font-size: 2.75rem; }
  h2 { font-size: 2.3125rem; }
  h3 { font-size: 1.6875rem; }
  h4 { font-size: 1.4375rem; } }
/* Print styles.  Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/ Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com)
*/
.print-only { display: none !important; }

@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) ")"; }
  .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; }
  .hide-on-print { display: none !important; }
  .print-only { display: block !important; }
  .hide-for-print { display: none !important; }
  .show-for-print { display: inherit !important; } }
/*  Mixins.scss Author          liamegan email           liam@wethecollective.com Created         2014-04-04 10:33:23 Description      Edited by       liamegan Edited          2014-04-11 05:49:33
*/
/*  Animations.scss Author          liamegan email           liam@wethecollective.com Created         2014-04-04 10:38:26 Description      Edited by       liamegan Edited          2014-05-05 14:52:26
*/
@-webkit-keyframes masked-animation { 0% { background-position: 0% 0%; }
  100% { background-position: -258px 0%; } }
@keyframes masked-animation { 0% { background-position: 0% 0%; }
  100% { background-position: -258px 0%; } }
@-webkit-keyframes masked-animation2 { 0% { background-position: 0% 0%, 0% 0%; }
  100% { background-position: 0% 0%, -258px 0%; } }
@keyframes masked-animation2 { 0% { background-position: 0% 0%, 0% 0%; }
  100% { background-position: 0% 0%, -258px 0%; } }
@-webkit-keyframes rotatefull { 0% { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -moz-transform: rotate(-360deg); -ms-transform: rotate(-360deg); -webkit-transform: rotate(-360deg); transform: rotate(-360deg); } }
@keyframes rotatefull { 0% { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -moz-transform: rotate(-360deg); -ms-transform: rotate(-360deg); -webkit-transform: rotate(-360deg); transform: rotate(-360deg); } }
@-webkit-keyframes buttonSprite { 0% { background-position: left top; }
  100% { background-position: left -1020px; } }
@keyframes buttonSprite { 0% { background-position: left top; }
  100% { background-position: left -1020px; } }
@-webkit-keyframes hover { 0% { -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -webkit-transform: translateY(-20px); transform: translateY(-20px); }
  100% { -moz-transform: translateY(0px); -ms-transform: translateY(0px); -webkit-transform: translateY(0px); transform: translateY(0px); } }
@keyframes hover { 0% { -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -webkit-transform: translateY(-20px); transform: translateY(-20px); }
  100% { -moz-transform: translateY(0px); -ms-transform: translateY(0px); -webkit-transform: translateY(0px); transform: translateY(0px); } }
@-webkit-keyframes hoverSmall { 0% { -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -webkit-transform: translateY(-10px); transform: translateY(-10px); }
  100% { -moz-transform: translateY(0px); -ms-transform: translateY(0px); -webkit-transform: translateY(0px); transform: translateY(0px); } }
@keyframes hoverSmall { 0% { -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -webkit-transform: translateY(-10px); transform: translateY(-10px); }
  100% { -moz-transform: translateY(0px); -ms-transform: translateY(0px); -webkit-transform: translateY(0px); transform: translateY(0px); } }
@-webkit-keyframes hoverBGPos { 0% { background-position: left 0px; }
  100% { background-position: left 10px; } }
@keyframes hoverBGPos { 0% { background-position: left 0px; }
  100% { background-position: left 10px; } }
@-webkit-keyframes pulse { 0% { opacity: 0.3; }
  100% { opacity: 1; } }
@keyframes pulse { 0% { opacity: 0.3; }
  100% { opacity: 1; } }
@-webkit-keyframes attention { 0% { -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1); }
  10% { -moz-transform: scale(0.9) rotate(9deg) translateY(-30px); -ms-transform: scale(0.9) rotate(9deg) translateY(-30px); -webkit-transform: scale(0.9) rotate(9deg) translateY(-30px); transform: scale(0.9) rotate(9deg) translateY(-30px); }
  20% { -moz-transform: scale(0.9) rotate(9deg) translateY(-30px); -ms-transform: scale(0.9) rotate(9deg) translateY(-30px); -webkit-transform: scale(0.9) rotate(9deg) translateY(-30px); transform: scale(0.9) rotate(9deg) translateY(-30px); }
  30% { -moz-transform: scale(1.1) rotate(15deg) translateY(-30px); -ms-transform: scale(1.1) rotate(15deg) translateY(-30px); -webkit-transform: scale(1.1) rotate(15deg) translateY(-30px); transform: scale(1.1) rotate(15deg) translateY(-30px); }
  40% { -moz-transform: scale(1.1) rotate(9deg) translateY(-30px); -ms-transform: scale(1.1) rotate(9deg) translateY(-30px); -webkit-transform: scale(1.1) rotate(9deg) translateY(-30px); transform: scale(1.1) rotate(9deg) translateY(-30px); }
  50% { -moz-transform: scale(1.1) rotate(15deg) translateY(-30px); -ms-transform: scale(1.1) rotate(15deg) translateY(-30px); -webkit-transform: scale(1.1) rotate(15deg) translateY(-30px); transform: scale(1.1) rotate(15deg) translateY(-30px); }
  60% { -moz-transform: scale(1.1) rotate(9deg) translateY(-30px); -ms-transform: scale(1.1) rotate(9deg) translateY(-30px); -webkit-transform: scale(1.1) rotate(9deg) translateY(-30px); transform: scale(1.1) rotate(9deg) translateY(-30px); }
  70% { -moz-transform: scale(1.1) rotate(15deg) translateY(-30px); -ms-transform: scale(1.1) rotate(15deg) translateY(-30px); -webkit-transform: scale(1.1) rotate(15deg) translateY(-30px); transform: scale(1.1) rotate(15deg) translateY(-30px); }
  80% { -moz-transform: scale(1.1) rotate(9deg) translateY(-30px); -ms-transform: scale(1.1) rotate(9deg) translateY(-30px); -webkit-transform: scale(1.1) rotate(9deg) translateY(-30px); transform: scale(1.1) rotate(9deg) translateY(-30px); }
  90% { -moz-transform: scale(1.1) rotate(15deg) translateY(-30px); -ms-transform: scale(1.1) rotate(15deg) translateY(-30px); -webkit-transform: scale(1.1) rotate(15deg) translateY(-30px); transform: scale(1.1) rotate(15deg) translateY(-30px); }
  100% { -moz-transform: scale(1) rotate(0) translateY(0px); -ms-transform: scale(1) rotate(0) translateY(0px); -webkit-transform: scale(1) rotate(0) translateY(0px); transform: scale(1) rotate(0) translateY(0px); } }
@keyframes attention { 0% { -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1); }
  10% { -moz-transform: scale(0.9) rotate(9deg) translateY(-30px); -ms-transform: scale(0.9) rotate(9deg) translateY(-30px); -webkit-transform: scale(0.9) rotate(9deg) translateY(-30px); transform: scale(0.9) rotate(9deg) translateY(-30px); }
  20% { -moz-transform: scale(0.9) rotate(9deg) translateY(-30px); -ms-transform: scale(0.9) rotate(9deg) translateY(-30px); -webkit-transform: scale(0.9) rotate(9deg) translateY(-30px); transform: scale(0.9) rotate(9deg) translateY(-30px); }
  30% { -moz-transform: scale(1.1) rotate(15deg) translateY(-30px); -ms-transform: scale(1.1) rotate(15deg) translateY(-30px); -webkit-transform: scale(1.1) rotate(15deg) translateY(-30px); transform: scale(1.1) rotate(15deg) translateY(-30px); }
  40% { -moz-transform: scale(1.1) rotate(9deg) translateY(-30px); -ms-transform: scale(1.1) rotate(9deg) translateY(-30px); -webkit-transform: scale(1.1) rotate(9deg) translateY(-30px); transform: scale(1.1) rotate(9deg) translateY(-30px); }
  50% { -moz-transform: scale(1.1) rotate(15deg) translateY(-30px); -ms-transform: scale(1.1) rotate(15deg) translateY(-30px); -webkit-transform: scale(1.1) rotate(15deg) translateY(-30px); transform: scale(1.1) rotate(15deg) translateY(-30px); }
  60% { -moz-transform: scale(1.1) rotate(9deg) translateY(-30px); -ms-transform: scale(1.1) rotate(9deg) translateY(-30px); -webkit-transform: scale(1.1) rotate(9deg) translateY(-30px); transform: scale(1.1) rotate(9deg) translateY(-30px); }
  70% { -moz-transform: scale(1.1) rotate(15deg) translateY(-30px); -ms-transform: scale(1.1) rotate(15deg) translateY(-30px); -webkit-transform: scale(1.1) rotate(15deg) translateY(-30px); transform: scale(1.1) rotate(15deg) translateY(-30px); }
  80% { -moz-transform: scale(1.1) rotate(9deg) translateY(-30px); -ms-transform: scale(1.1) rotate(9deg) translateY(-30px); -webkit-transform: scale(1.1) rotate(9deg) translateY(-30px); transform: scale(1.1) rotate(9deg) translateY(-30px); }
  90% { -moz-transform: scale(1.1) rotate(15deg) translateY(-30px); -ms-transform: scale(1.1) rotate(15deg) translateY(-30px); -webkit-transform: scale(1.1) rotate(15deg) translateY(-30px); transform: scale(1.1) rotate(15deg) translateY(-30px); }
  100% { -moz-transform: scale(1) rotate(0) translateY(0px); -ms-transform: scale(1) rotate(0) translateY(0px); -webkit-transform: scale(1) rotate(0) translateY(0px); transform: scale(1) rotate(0) translateY(0px); } }
@-webkit-keyframes attention1 { 0% { -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1); }
  20% { -moz-transform: scale(1.1) rotate(15deg); -ms-transform: scale(1.1) rotate(15deg); -webkit-transform: scale(1.1) rotate(15deg); transform: scale(1.1) rotate(15deg); }
  40% { -moz-transform: scale(1.1) rotate(9deg); -ms-transform: scale(1.1) rotate(9deg); -webkit-transform: scale(1.1) rotate(9deg); transform: scale(1.1) rotate(9deg); }
  60% { -moz-transform: scale(1.1) rotate(15deg); -ms-transform: scale(1.1) rotate(15deg); -webkit-transform: scale(1.1) rotate(15deg); transform: scale(1.1) rotate(15deg); }
  80% { -moz-transform: scale(1.1) rotate(9deg); -ms-transform: scale(1.1) rotate(9deg); -webkit-transform: scale(1.1) rotate(9deg); transform: scale(1.1) rotate(9deg); }
  100% { -moz-transform: scale(1) rotate(0); -ms-transform: scale(1) rotate(0); -webkit-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } }
@keyframes attention1 { 0% { -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1); }
  20% { -moz-transform: scale(1.1) rotate(15deg); -ms-transform: scale(1.1) rotate(15deg); -webkit-transform: scale(1.1) rotate(15deg); transform: scale(1.1) rotate(15deg); }
  40% { -moz-transform: scale(1.1) rotate(9deg); -ms-transform: scale(1.1) rotate(9deg); -webkit-transform: scale(1.1) rotate(9deg); transform: scale(1.1) rotate(9deg); }
  60% { -moz-transform: scale(1.1) rotate(15deg); -ms-transform: scale(1.1) rotate(15deg); -webkit-transform: scale(1.1) rotate(15deg); transform: scale(1.1) rotate(15deg); }
  80% { -moz-transform: scale(1.1) rotate(9deg); -ms-transform: scale(1.1) rotate(9deg); -webkit-transform: scale(1.1) rotate(9deg); transform: scale(1.1) rotate(9deg); }
  100% { -moz-transform: scale(1) rotate(0); -ms-transform: scale(1) rotate(0); -webkit-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } }
@-webkit-keyframes swivel { 0% { -moz-transform: rotate(14deg); -ms-transform: rotate(14deg); -webkit-transform: rotate(14deg); transform: rotate(14deg); }
  5% { -moz-transform: rotate(13deg); -ms-transform: rotate(13deg); -webkit-transform: rotate(13deg); transform: rotate(13deg); }
  25% { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  45% { -moz-transform: rotate(-13deg); -ms-transform: rotate(-13deg); -webkit-transform: rotate(-13deg); transform: rotate(-13deg); }
  50% { -moz-transform: rotate(-14deg); -ms-transform: rotate(-14deg); -webkit-transform: rotate(-14deg); transform: rotate(-14deg); }
  55% { -moz-transform: rotate(-13deg); -ms-transform: rotate(-13deg); -webkit-transform: rotate(-13deg); transform: rotate(-13deg); }
  75% { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  95% { -moz-transform: rotate(13deg); -ms-transform: rotate(13deg); -webkit-transform: rotate(13deg); transform: rotate(13deg); }
  100% { -moz-transform: rotate(14deg); -ms-transform: rotate(14deg); -webkit-transform: rotate(14deg); transform: rotate(14deg); } }
@keyframes swivel { 0% { -moz-transform: rotate(14deg); -ms-transform: rotate(14deg); -webkit-transform: rotate(14deg); transform: rotate(14deg); }
  5% { -moz-transform: rotate(13deg); -ms-transform: rotate(13deg); -webkit-transform: rotate(13deg); transform: rotate(13deg); }
  25% { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  45% { -moz-transform: rotate(-13deg); -ms-transform: rotate(-13deg); -webkit-transform: rotate(-13deg); transform: rotate(-13deg); }
  50% { -moz-transform: rotate(-14deg); -ms-transform: rotate(-14deg); -webkit-transform: rotate(-14deg); transform: rotate(-14deg); }
  55% { -moz-transform: rotate(-13deg); -ms-transform: rotate(-13deg); -webkit-transform: rotate(-13deg); transform: rotate(-13deg); }
  75% { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  95% { -moz-transform: rotate(13deg); -ms-transform: rotate(13deg); -webkit-transform: rotate(13deg); transform: rotate(13deg); }
  100% { -moz-transform: rotate(14deg); -ms-transform: rotate(14deg); -webkit-transform: rotate(14deg); transform: rotate(14deg); } }
@-webkit-keyframes blowUp1 { 0% { -moz-transform: scale(0.2, 0.2); -ms-transform: scale(0.2, 0.2); -webkit-transform: scale(0.2, 0.2); transform: scale(0.2, 0.2); opacity: 0; }
  100% { -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1); opacity: 1; } }
@keyframes blowUp1 { 0% { -moz-transform: scale(0.2, 0.2); -ms-transform: scale(0.2, 0.2); -webkit-transform: scale(0.2, 0.2); transform: scale(0.2, 0.2); opacity: 0; }
  100% { -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1); opacity: 1; } }
@-webkit-keyframes blowUp2 { 0% { -moz-transform: scale(0.2) rotate(20deg); -ms-transform: scale(0.2) rotate(20deg); -webkit-transform: scale(0.2) rotate(20deg); transform: scale(0.2) rotate(20deg); opacity: 0; }
  100% { -moz-transform: scale(1) rotate(0deg); -ms-transform: scale(1) rotate(0deg); -webkit-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); opacity: 1; } }
@keyframes blowUp2 { 0% { -moz-transform: scale(0.2) rotate(20deg); -ms-transform: scale(0.2) rotate(20deg); -webkit-transform: scale(0.2) rotate(20deg); transform: scale(0.2) rotate(20deg); opacity: 0; }
  100% { -moz-transform: scale(1) rotate(0deg); -ms-transform: scale(1) rotate(0deg); -webkit-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); opacity: 1; } }
@-webkit-keyframes pullBack { 0% { -moz-transform: translateX(0px); -ms-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px); }
  100% { -moz-transform: translateX(-40px); -ms-transform: translateX(-40px); -webkit-transform: translateX(-40px); transform: translateX(-40px); } }
@keyframes pullBack { 0% { -moz-transform: translateX(0px); -ms-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px); }
  100% { -moz-transform: translateX(-40px); -ms-transform: translateX(-40px); -webkit-transform: translateX(-40px); transform: translateX(-40px); } }
@-webkit-keyframes bounceInTop { 0% { opacity: 0; -moz-transform: translateY(-2000px); -ms-transform: translateY(-2000px); -webkit-transform: translateY(-2000px); transform: translateY(-2000px); }
  60% { opacity: 1; -moz-transform: translateY(30px); -ms-transform: translateY(30px); -webkit-transform: translateY(30px); transform: translateY(30px); }
  80% { -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -webkit-transform: translateY(-10px); transform: translateY(-10px); }
  100% { opacity: 1; -moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); } }
@keyframes bounceInTop { 0% { opacity: 0; -moz-transform: translateY(-2000px); -ms-transform: translateY(-2000px); -webkit-transform: translateY(-2000px); transform: translateY(-2000px); }
  60% { opacity: 1; -moz-transform: translateY(30px); -ms-transform: translateY(30px); -webkit-transform: translateY(30px); transform: translateY(30px); }
  80% { -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -webkit-transform: translateY(-10px); transform: translateY(-10px); }
  100% { opacity: 1; -moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); } }
@-webkit-keyframes bounceInRight { 0% { opacity: 0; -moz-transform: translateX(2000px); -ms-transform: translateX(2000px); -webkit-transform: translateX(2000px); transform: translateX(2000px); }
  60% { opacity: 1; -moz-transform: translateX(-30px); -ms-transform: translateX(-30px); -webkit-transform: translateX(-30px); transform: translateX(-30px); }
  80% { -moz-transform: translateX(10px); -ms-transform: translateX(10px); -webkit-transform: translateX(10px); transform: translateX(10px); }
  100% { opacity: 1; -moz-transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); } }
@keyframes bounceInRight { 0% { opacity: 0; -moz-transform: translateX(2000px); -ms-transform: translateX(2000px); -webkit-transform: translateX(2000px); transform: translateX(2000px); }
  60% { opacity: 1; -moz-transform: translateX(-30px); -ms-transform: translateX(-30px); -webkit-transform: translateX(-30px); transform: translateX(-30px); }
  80% { -moz-transform: translateX(10px); -ms-transform: translateX(10px); -webkit-transform: translateX(10px); transform: translateX(10px); }
  100% { opacity: 1; -moz-transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); } }
@-webkit-keyframes bounceInLeft { 0% { opacity: 0; -moz-transform: translateX(-2000px); -ms-transform: translateX(-2000px); -webkit-transform: translateX(-2000px); transform: translateX(-2000px); }
  60% { opacity: 1; -moz-transform: translateX(30px); -ms-transform: translateX(30px); -webkit-transform: translateX(30px); transform: translateX(30px); }
  80% { -moz-transform: translateX(-10px); -ms-transform: translateX(-10px); -webkit-transform: translateX(-10px); transform: translateX(-10px); }
  100% { opacity: 1; -moz-transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); } }
@keyframes bounceInLeft { 0% { opacity: 0; -moz-transform: translateX(-2000px); -ms-transform: translateX(-2000px); -webkit-transform: translateX(-2000px); transform: translateX(-2000px); }
  60% { opacity: 1; -moz-transform: translateX(30px); -ms-transform: translateX(30px); -webkit-transform: translateX(30px); transform: translateX(30px); }
  80% { -moz-transform: translateX(-10px); -ms-transform: translateX(-10px); -webkit-transform: translateX(-10px); transform: translateX(-10px); }
  100% { opacity: 1; -moz-transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); } }
@-webkit-keyframes jiggle { 0% { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -moz-transform: rotate(10deg); -ms-transform: rotate(10deg); -webkit-transform: rotate(10deg); transform: rotate(10deg); } }
@keyframes jiggle { 0% { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -moz-transform: rotate(10deg); -ms-transform: rotate(10deg); -webkit-transform: rotate(10deg); transform: rotate(10deg); } }
@-webkit-keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }
@keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }
@-webkit-keyframes rubberband { 0% { -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); }
  30% { -moz-transform: scaleX(1.25) scaleY(0.75); -ms-transform: scaleX(1.25) scaleY(0.75); -webkit-transform: scaleX(1.25) scaleY(0.75); transform: scaleX(1.25) scaleY(0.75); }
  40% { -moz-transform: scaleX(0.75) scaleY(1.25); -ms-transform: scaleX(0.75) scaleY(1.25); -webkit-transform: scaleX(0.75) scaleY(1.25); transform: scaleX(0.75) scaleY(1.25); }
  60% { -moz-transform: scaleX(1.15) scaleY(0.85); -ms-transform: scaleX(1.15) scaleY(0.85); -webkit-transform: scaleX(1.15) scaleY(0.85); transform: scaleX(1.15) scaleY(0.85); }
  100% { -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } }
@keyframes rubberband { 0% { -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); }
  30% { -moz-transform: scaleX(1.25) scaleY(0.75); -ms-transform: scaleX(1.25) scaleY(0.75); -webkit-transform: scaleX(1.25) scaleY(0.75); transform: scaleX(1.25) scaleY(0.75); }
  40% { -moz-transform: scaleX(0.75) scaleY(1.25); -ms-transform: scaleX(0.75) scaleY(1.25); -webkit-transform: scaleX(0.75) scaleY(1.25); transform: scaleX(0.75) scaleY(1.25); }
  60% { -moz-transform: scaleX(1.15) scaleY(0.85); -ms-transform: scaleX(1.15) scaleY(0.85); -webkit-transform: scaleX(1.15) scaleY(0.85); transform: scaleX(1.15) scaleY(0.85); }
  100% { -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } }
@-webkit-keyframes wobble { 0% { -moz-transform: translateX(0%); -ms-transform: translateX(0%); -webkit-transform: translateX(0%); transform: translateX(0%); }
  15% { -moz-transform: translateX(-25%) rotate(-5deg); -ms-transform: translateX(-25%) rotate(-5deg); -webkit-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg); }
  30% { -moz-transform: translateX(20%) rotate(3deg); -ms-transform: translateX(20%) rotate(3deg); -webkit-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg); }
  45% { -moz-transform: translateX(-15%) rotate(-3deg); -ms-transform: translateX(-15%) rotate(-3deg); -webkit-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg); }
  60% { -moz-transform: translateX(10%) rotate(2deg); -ms-transform: translateX(10%) rotate(2deg); -webkit-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg); }
  75% { -moz-transform: translateX(-5%) rotate(-1deg); -ms-transform: translateX(-5%) rotate(-1deg); -webkit-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg); }
  100% { -moz-transform: translateX(0%); -ms-transform: translateX(0%); -webkit-transform: translateX(0%); transform: translateX(0%); } }
@keyframes wobble { 0% { -moz-transform: translateX(0%); -ms-transform: translateX(0%); -webkit-transform: translateX(0%); transform: translateX(0%); }
  15% { -moz-transform: translateX(-25%) rotate(-5deg); -ms-transform: translateX(-25%) rotate(-5deg); -webkit-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg); }
  30% { -moz-transform: translateX(20%) rotate(3deg); -ms-transform: translateX(20%) rotate(3deg); -webkit-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg); }
  45% { -moz-transform: translateX(-15%) rotate(-3deg); -ms-transform: translateX(-15%) rotate(-3deg); -webkit-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg); }
  60% { -moz-transform: translateX(10%) rotate(2deg); -ms-transform: translateX(10%) rotate(2deg); -webkit-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg); }
  75% { -moz-transform: translateX(-5%) rotate(-1deg); -ms-transform: translateX(-5%) rotate(-1deg); -webkit-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg); }
  100% { -moz-transform: translateX(0%); -ms-transform: translateX(0%); -webkit-transform: translateX(0%); transform: translateX(0%); } }
@-webkit-keyframes bounceIn { 0% { opacity: 0; -moz-transform: scale(0.3); -ms-transform: scale(0.3); -webkit-transform: scale(0.3); transform: scale(0.3); }
  50% { opacity: 1; -moz-transform: scale(1.05); -ms-transform: scale(1.05); -webkit-transform: scale(1.05); transform: scale(1.05); }
  70% { -moz-transform: scale(0.9); -ms-transform: scale(0.9); -webkit-transform: scale(0.9); transform: scale(0.9); }
  100% { opacity: 1; -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } }
@keyframes bounceIn { 0% { opacity: 0; -moz-transform: scale(0.3); -ms-transform: scale(0.3); -webkit-transform: scale(0.3); transform: scale(0.3); }
  50% { opacity: 1; -moz-transform: scale(1.05); -ms-transform: scale(1.05); -webkit-transform: scale(1.05); transform: scale(1.05); }
  70% { -moz-transform: scale(0.9); -ms-transform: scale(0.9); -webkit-transform: scale(0.9); transform: scale(0.9); }
  100% { opacity: 1; -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } }
@-webkit-keyframes fadeInRight { 0% { opacity: 0; -moz-transform: translateX(100px); -ms-transform: translateX(100px); -webkit-transform: translateX(100px); transform: translateX(100px); }
  100% { opacity: 1; -moz-transform: translateX(0px); -ms-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px); } }
@keyframes fadeInRight { 0% { opacity: 0; -moz-transform: translateX(100px); -ms-transform: translateX(100px); -webkit-transform: translateX(100px); transform: translateX(100px); }
  100% { opacity: 1; -moz-transform: translateX(0px); -ms-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px); } }
@-webkit-keyframes fadeInLeft { 0% { opacity: 0; -moz-transform: translateX(-100px); -ms-transform: translateX(-100px); -webkit-transform: translateX(-100px); transform: translateX(-100px); }
  100% { opacity: 1; -moz-transform: translateX(0px); -ms-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px); } }
@keyframes fadeInLeft { 0% { opacity: 0; -moz-transform: translateX(-100px); -ms-transform: translateX(-100px); -webkit-transform: translateX(-100px); transform: translateX(-100px); }
  100% { opacity: 1; -moz-transform: translateX(0px); -ms-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px); } }
@-webkit-keyframes scaleIn { 0% { opacity: 0; -moz-transform: scale(2); -ms-transform: scale(2); -webkit-transform: scale(2); transform: scale(2); }
  100% { opacity: 1; -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } }
@keyframes scaleIn { 0% { opacity: 0; -moz-transform: scale(2); -ms-transform: scale(2); -webkit-transform: scale(2); transform: scale(2); }
  100% { opacity: 1; -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } }
@-webkit-keyframes scaleUp { 0% { opacity: 0; -moz-transform: scale(0.3); -ms-transform: scale(0.3); -webkit-transform: scale(0.3); transform: scale(0.3); }
  100% { opacity: 1; -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } }
@keyframes scaleUp { 0% { opacity: 0; -moz-transform: scale(0.3); -ms-transform: scale(0.3); -webkit-transform: scale(0.3); transform: scale(0.3); }
  100% { opacity: 1; -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } }
@-webkit-keyframes bounceIn { 0% { -moz-transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%); -ms-transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%); -webkit-transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%); transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%); opacity: 0; }
  30% { -moz-transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%); -ms-transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%); -webkit-transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%); transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%); opacity: 1; }
  45% { -moz-transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%); -ms-transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%); -webkit-transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%); transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%); opacity: 1; }
  60% { -moz-transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%); -ms-transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%); -webkit-transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%); transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%); opacity: 1; }
  75% { -moz-transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%); -ms-transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%); -webkit-transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%); transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%); opacity: 1; }
  90% { -moz-transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%); -ms-transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%); -webkit-transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%); transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%); opacity: 1; }
  100% { -moz-transform: scale(1) rotate(0deg) translateX(0%) translateY(0%); -ms-transform: scale(1) rotate(0deg) translateX(0%) translateY(0%); -webkit-transform: scale(1) rotate(0deg) translateX(0%) translateY(0%); transform: scale(1) rotate(0deg) translateX(0%) translateY(0%); opacity: 1; } }
@keyframes bounceIn { 0% { -moz-transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%); -ms-transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%); -webkit-transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%); transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%); opacity: 0; }
  30% { -moz-transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%); -ms-transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%); -webkit-transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%); transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%); opacity: 1; }
  45% { -moz-transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%); -ms-transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%); -webkit-transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%); transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%); opacity: 1; }
  60% { -moz-transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%); -ms-transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%); -webkit-transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%); transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%); opacity: 1; }
  75% { -moz-transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%); -ms-transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%); -webkit-transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%); transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%); opacity: 1; }
  90% { -moz-transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%); -ms-transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%); -webkit-transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%); transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%); opacity: 1; }
  100% { -moz-transform: scale(1) rotate(0deg) translateX(0%) translateY(0%); -ms-transform: scale(1) rotate(0deg) translateX(0%) translateY(0%); -webkit-transform: scale(1) rotate(0deg) translateX(0%) translateY(0%); transform: scale(1) rotate(0deg) translateX(0%) translateY(0%); opacity: 1; } }
@-webkit-keyframes spit { 0% { opacity: 0; -moz-transform: rotate(0deg) scaleY(0.6); -ms-transform: rotate(0deg) scaleY(0.6); -webkit-transform: rotate(0deg) scaleY(0.6); transform: rotate(0deg) scaleY(0.6); }
  20% { opacity: 1; -moz-transform: rotate(-2deg) scaleY(1.05); -ms-transform: rotate(-2deg) scaleY(1.05); -webkit-transform: rotate(-2deg) scaleY(1.05); transform: rotate(-2deg) scaleY(1.05); }
  35% { -moz-transform: rotate(2deg) scaleY(1); -ms-transform: rotate(2deg) scaleY(1); -webkit-transform: rotate(2deg) scaleY(1); transform: rotate(2deg) scaleY(1); }
  50% { -moz-transform: rotate(-2deg); -ms-transform: rotate(-2deg); -webkit-transform: rotate(-2deg); transform: rotate(-2deg); }
  65% { -moz-transform: rotate(1deg); -ms-transform: rotate(1deg); -webkit-transform: rotate(1deg); transform: rotate(1deg); }
  80% { -moz-transform: rotate(-1deg); -ms-transform: rotate(-1deg); -webkit-transform: rotate(-1deg); transform: rotate(-1deg); }
  100% { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } }
@keyframes spit { 0% { opacity: 0; -moz-transform: rotate(0deg) scaleY(0.6); -ms-transform: rotate(0deg) scaleY(0.6); -webkit-transform: rotate(0deg) scaleY(0.6); transform: rotate(0deg) scaleY(0.6); }
  20% { opacity: 1; -moz-transform: rotate(-2deg) scaleY(1.05); -ms-transform: rotate(-2deg) scaleY(1.05); -webkit-transform: rotate(-2deg) scaleY(1.05); transform: rotate(-2deg) scaleY(1.05); }
  35% { -moz-transform: rotate(2deg) scaleY(1); -ms-transform: rotate(2deg) scaleY(1); -webkit-transform: rotate(2deg) scaleY(1); transform: rotate(2deg) scaleY(1); }
  50% { -moz-transform: rotate(-2deg); -ms-transform: rotate(-2deg); -webkit-transform: rotate(-2deg); transform: rotate(-2deg); }
  65% { -moz-transform: rotate(1deg); -ms-transform: rotate(1deg); -webkit-transform: rotate(1deg); transform: rotate(1deg); }
  80% { -moz-transform: rotate(-1deg); -ms-transform: rotate(-1deg); -webkit-transform: rotate(-1deg); transform: rotate(-1deg); }
  100% { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } }
/*  Variables.scss Author          liamegan email           liam@wethecollective.com Created         2014-04-04 10:39:06 Description      Edited by       liamegan Edited          2014-04-10 11:15:35
*/
/* *************  RESPONSIVE  **************** NOTE: 45px space between sections 20px spance between text and image
******************************************* */
/*  Type.scss ======================================= Author          liamegan email           liam@wethecollective.com Created         2014-04-04 10:39:34 Description      Edited by       liamegan Edited          2014-04-15 17:00:00
*/
body { color: #0c409f; font-family: Montserrat, sans-serif; font-style: normal; }

p { font-weight: 700; }

p.small { font-size: 0.9em; }

/*  Links.scss Author          liamegan email           liam@wethecollective.com Created         2014-04-04 10:40:16 Description      Edited by       liamegan Edited          2014-04-24 16:38:09
*/
a, a:visited { -webkit-transition: color 0.5s ease-in-out; -moz-transition: color 0.5s ease-in-out; transition: color 0.5s ease-in-out; color: inherit; text-decoration: underline; }
a:hover, a:visited:hover { -webkit-transition: color 0.1s linear; -moz-transition: color 0.1s linear; transition: color 0.1s linear; color: #e5276f; }

a.button { color: #0c409f; font-family: Sniglet; font-size: 25px; font-weight: 800; background: url('../img/bg-button-sprite.jpg?1397515696') repeat-x left top; border: 4px solid white; border-radius: 10px; box-shadow: 0px 2px 5px RGBA(0, 0, 0, 0.3), inset 0px 0px 20px RGBA(0, 0, 0, 0.5); color: #FFF; display: inline-block; padding: 13px 0px; position: relative; text-align: center; text-decoration: none; width: 240px; }
a.button:hover, a.button .loading { -webkit-animation: buttonSprite 0.7s 0s steps(14) infinite; -moz-animation: buttonSprite 0.7s 0s steps(14) infinite; animation: buttonSprite 0.7s 0s steps(14) infinite; color: #FFF; }
a.button.button-blue { background-image: url('../img/bg-button-blue.jpg?1397848624'); }
a.button.button-blue:hover { background-image: url('../img/bg-button-sprite.jpg?1397515696'); }

a.img { background: center center no-repeat; background-size: 100% auto; display: inline-block; text-indent: -999em; }

a.img.next { background-image: url('../img/button-arrow-right.png?1396904761'); height: 3.25rem; width: 3.4375rem; }

a.img.prev { background-image: url('../img/button-arrow-left.png?1396904757'); height: 3.25rem; width: 3.4375rem; }

a.img.facebook { background-image: url('../img/button-kirby-share.png?1396635839'); height: 110px; width: 346px; }

a.img.onlyon { background-image: url('../img/logos-onlyon.png?1396998447'); margin-right: 50px; width: 14.1875rem; height: 2.1875rem; }

a.img.eshop { background-image: url('../img/logo-eshop.png?1396998447'); width: 14.3125rem; height: 2.1875rem; }

a.img.hypernova-footer { background-image: url('../img/button-hupernova-footer.png?1397848668'); height: 6.25rem; width: 16.5625rem; }

a.img.backtotop { background-image: url('../img/button-back-to-top.png?1397848658'); height: 105px; width: 222px; }

a.attention:hover, .altAttention:hover { -webkit-animation: rubberband 0.5s 1 linear; -moz-animation: rubberband 0.5s 1 linear; animation: rubberband 0.5s 1 linear; }

a.button-play-delegate { display: inline-block; position: absolute; text-decoration: none; }
a.button-play-delegate span { font-size: 0.7em; left: 0px; margin: -3.2em 0px 0px -7em; top: 50%; }

a.button-play, span.button-play, a.button-play-delegate span, span.button-play-delegate span { background: #e5276f; background: linear-gradient(#f665ac, #cb0236); border-radius: 100px; border: .4em solid #FFF; box-shadow: inset 0px 0px 20px #cb0236; display: inline-block; height: 1px; padding: 3em; position: absolute; text-align: left; text-indent: -999em; width: 1px; }
a.button-play::before, span.button-play::before, a.button-play-delegate span::before, span.button-play-delegate span::before { border-width: 1.8em; border-style: solid; border-bottom-color: transparent; border-top-color: transparent; border-right-color: transparent; border-left-color: #FFF; content: " "; display: block; height: 0px; left: 50%; margin: -1.7em 0 0 -.1em; position: absolute; top: 50%; -webkit-transform: scaleX(1.4); transform: scaleX(1.4); width: 0px; }

a.button-play:hover, a:hover span.button-play, a.button-play-delegate:hover span, a:hover span.button-play-delegate span { -webkit-animation: masked-animation 2s infinite linear; -moz-animation: masked-animation 2s infinite linear; animation: masked-animation 2s infinite linear; background: url('../img/bg-button-gradient.png?1396635988') left top; }

.lang-fr a.img.onlyon { background-image: url('../img/fr/FR-logos-onlyon.png?1398294952'); margin-right: 50px; width: 245px; height: 23px; }
.lang-fr a.img.facebook { background-image: url('../img/fr/FR-button-kirby-share.png?1398295028'); height: 110px; width: 340px; }
.lang-fr a.img.backtotop { background-image: url('../img/fr/FR-button-back-to-top.png?1398362752'); height: 107px; width: 257px; }

.lang-es a.img.onlyon { background-image: url('../img/es/SP-logos-onlyon.png?1398295065'); margin-right: 50px; width: 225px; height: 20px; }
.lang-es a.img.facebook { background-image: url('../img/es/SP-button-kirby-share.png?1398295220'); height: 110px; width: 342px; }
.lang-es a.img.backtotop { background-image: url('../img/es/SP-button-back-to-top.png?1398362728'); height: 107px; width: 277px; }

@media only screen and (max-width: 40em), only screen and (min-width: 40.063em) and (max-width: 56em) { a.button:hover { background: url('../img/bg-button-sprite.jpg?1397515696') repeat-x left top; }
  a.button.button-blue:hover { background-image: url('../img/bg-button-blue.jpg?1397848624'); }
  a.button:hover, a.button-play:hover, a:hover span.button-play, a.button-play-delegate:hover span, a:hover span.button-play-delegate span { -webkit-animation: none 0s 1; -moz-animation: none 0s 1; animation: none 0s 1; }
  a.button-play:hover, a:hover span.button-play, a.button-play-delegate:hover span, a:hover span.button-play-delegate span { background: #e5276f; } }
/*  Headings.scss Author          liamegan email           liam@wethecollective.com Created         2014-04-04 10:41:19 Description      Edited by       liamegan Edited          2014-05-16 10:28:52
*/
h1.img, h2.img { background: no-repeat center center; background-size: contain; display: inline-block; overflow: hidden; text-indent: -999em; }

h1.img.pink-puffy-powerful { background-image: url('../img/h1-pink-puffy-powerful.png?1396635875'); height: 51px; width: 551px; }

h1.img.h1-meet-kirby { background-image: url('../img/h1-a-kirby-whos-who.png?1396998372'); height: 61px; width: 530px; }

h2.img.h2-more-colorful-characters { background-image: url('../img/h2-more-colorful-characters.png?1396998375'); height: 51px; width: 727px; }

h1.img.h1-see-whats-new { background-image: url('../img/h1-see-whats-new.png?1396904770'); height: 51px; width: 434px; }

h1.img.h1-kirbys-signature-skills { background-image: url('../img/h1-kirbys-signature-skills.png?1396904778'); height: 0px; padding-bottom: 9.36%; width: 673px; }

h2.img.h2-copy-abilities { background-image: url('../img/h2-copy-abilities.png?1396904663'); height: 62px; width: 402px; }

h1.img.h1-more-ways-to-play { background-image: url('../img/h1-more-ways-to-play.png?1397083401'); height: 61px; width: 536px; }

h2 { color: #0c409f; font-family: Sniglet; font-size: 2.3125rem; font-weight: 800; line-height: 1em; text-shadow: 0px 2px 3px #FFF; }

.lang-fr h1.img.pink-puffy-powerful { background-image: url('../img/fr/h1-pink-puffy-powerful.png?1398892493'); height: 87px; width: 288px; }
.lang-fr h1.img.h1-meet-kirby { background-image: url('../img/fr/h1-a-kirby-whos-who.png?1398892907'); height: 61px; width: 654px; }
.lang-fr h2.img.h2-more-colorful-characters { background-image: url('../img/fr/h2-more-colorful-characters.png?1398295692'); height: 62px; width: 879px; }
.lang-fr h1.img.h1-see-whats-new { background-image: url('../img/fr/h1-see-whats-new.png?1398296186'); height: 50px; width: 331px; }
.lang-fr h1.img.h1-kirbys-signature-skills { background-image: url('../img/fr/h1-kirbys-signature-skills.png?1398901889'); height: 0px; padding-bottom: 10.03236%; width: 618px; }
.lang-fr h2.img.h2-copy-abilities { background-image: url('../img/fr/h2-copy-abilities.png?1398894073'); height: 61px; width: 355px; }
.lang-fr h1.img.h1-more-ways-to-play { background-image: url('../img/fr/h1-more-ways-to-play.png?1398295910'); height: 64px; width: 700px; }

.lang-es h1.img.pink-puffy-powerful { background-image: url('../img/es/h1-pink-puffy-powerful.png?1398892302'); height: 42px; width: 559px; }
.lang-es h1.img.h1-meet-kirby { background-image: url('../img/es/h1-a-kirby-whos-who.png?1398295457'); height: 61px; width: 782px; }
.lang-es h2.img.h2-more-colorful-characters { background-image: url('../img/es/h2-more-colorful-characters.png?1398893225'); height: 64px; width: 491px; }
.lang-es h1.img.h1-see-whats-new { background-image: url('../img/es/h1-see-whats-new.png?1398296394'); height: 50px; width: 559px; }
.lang-es h1.img.h1-kirbys-signature-skills { background-image: url('../img/es/h1-kirbys-signature-skills.png?1398274091'); height: 0px; padding-bottom: 8.48401%; width: 719px; }
.lang-es h2.img.h2-copy-abilities { background-image: url('../img/es/h2-copy-abilities.png?1398893633'); height: 62px; width: 596px; }
.lang-es h1.img.h1-more-ways-to-play { background-image: url('../img/es/h1-more-ways-to-play.png?1398894456'); height: 64px; width: 631px; }

@media only screen and (max-width: 40em), only screen and (min-width: 40.063em) and (max-width: 56em) { .lang-fr h1.img { max-width: 100%; }
  .lang-fr h1.img.pink-puffy-powerful { background: url('../img/fr/h1-pink-puffy-powerful-mobile.png?1398892520') no-repeat center center; background-size: contain; max-width: 576px; height: 0px; padding-bottom: 30%; width: 80%; }
  .lang-es h1.img { max-width: 100%; }
  .lang-es h1.img.pink-puffy-powerful { background: url('../img/es/h1-pink-puffy-powerful-mobile.png?1398892330') no-repeat center center; background-size: contain; max-width: 576px; height: 0px; padding-bottom: 26%; width: 80%; }
  .lang-es h1.img.h1-kirbys-signature-skills { max-width: 719px !important; width: 90% !important; }
  .lang-es h2.img.h2-copy-abilities { max-width: 596px !important; width: 100% !important; } }
@media only screen and (min-width: 40.063em) and (max-width: 56em) { /* ------------------------ Meet Kirby ------------------------ */
  h2.img.h2-more-colorful-characters { width: 100%; max-width: 727px; background-size: 100% auto; } }
@media only screen and (max-width: 40em) { h2 { font-size: 1.875rem; }
  h1.img.pink-puffy-powerful { background: url('../img/h1-pink-pubby-powerful-mobile.png?1397848770') no-repeat center center; background-size: contain; max-width: 551px; height: 0px; padding-bottom: 33%; width: 80%; }
  h1.img.h1-kirbys-signature-skills { background-image: url('../img/h1-kirbys-signature-skills-mobile.png?1397848778'); height: 0px; max-width: 285px; padding-bottom: 57.19%; width: 100%; }
  h2.img.h2-copy-abilities { background-image: url('../img/h2-copy-abilities-mobile.png?1397848800'); height: 0px; left: -20px; max-width: 329.33333px; padding-bottom: 33.68421%; width: 70%; }
  h1.img.h1-more-ways-to-play { background-image: url('../img/h1-more-ways-to-play-mobile.png?1397848782'); height: 0px; max-width: 307px; padding-bottom: 37.459%; width: 100%; }
  /* *************************** GENERAL ************************** */
  h1.img, h2.img { background-size: 100% auto; }
  /* ------------------------ Meet Kirby ------------------------ */
  h1.img.h1-meet-kirby { width: 95%; height: 3.2em; max-width: 296px; background-image: url('../img/h1-a-kirby-whos-who-mobile.png?1397848751'); background-position: center top; margin-bottom: 45px; }
  h2.img.h2-more-colorful-characters { width: 100%; background-image: url('../img/h2-more-colorful-characters-mobile.png?1397848836'); background-position: center top; max-width: 389px; padding: 14% 0; margin: 0 0 20px 0; }
  /* ------------------------ Whats new ------------------------ */
  h1.img.h1-see-whats-new { width: 95%; padding: 17% 0; max-width: 610px; background-image: url('../img/h1-see-whats-new-mobile.png?1397848783'); background-position: center top; margin-bottom: 20px; }
  .lang-fr { /* *************************** GENERAL
*************************** */ /* ------------------------ Meet Kirby ------------------------
*/ /* ------------------------ Whats new ------------------------
*/ }
  .lang-fr h1.img.h1-kirbys-signature-skills { background-image: url('../img/fr/h1-kirbys-signature-skills-mobile.png?1398901947'); height: 0px; max-width: 354px; padding-bottom: 32.76836%; width: 100% !important; }
  .lang-fr h2.img.h2-copy-abilities { background-image: url('../img/fr/h2-copy-abilities-mobile.png?1398894229'); height: 0px; max-width: 243.5px; padding-bottom: 41.30%; width: 70%; }
  .lang-fr h1.img.h1-more-ways-to-play { background-image: url('../img/fr/h1-more-ways-to-play-mobile.png?1398295946'); height: 0px; max-width: 448px; padding-bottom: 26.67%; width: 100%; }
  .lang-fr h1.img, .lang-fr h2.img { background-size: 100% auto; }
  .lang-fr h1.img.h1-meet-kirby { width: 95%; height: 3.2em; max-width: 322px; background-image: url('../img/fr/h1-a-kirby-whos-who-mobile.png?1398892936'); background-position: center; background-size: contain; margin-bottom: 45px; }
  .lang-fr h2.img.h2-more-colorful-characters { width: 90%; background-image: url('../img/fr/h2-more-colorful-characters-mobile.png?1398968281'); background-position: center; max-width: 359.5px; padding: 23% 0; background-size: contain; margin: 0 0 20px 0; }
  .lang-fr h1.img.h1-see-whats-new { width: 95%; padding: 7.61689% 0; max-width: 610px; background-image: url('../img/fr/h1-see-whats-new-mobile.png?1398296216'); background-position: center top; margin-bottom: 20px; }
  .lang-es { /* *************************** GENERAL
*************************** */ /* ------------------------ Meet Kirby ------------------------
*/ /* ------------------------ Whats new ------------------------
*/ }
  .lang-es h1.img.h1-kirbys-signature-skills { background-image: url('../img/es/h1-kirbys-signature-skills-mobile.png?1398274363'); height: 0px; max-width: 338px; padding-bottom: 50.14793%; width: 90% !important; }
  .lang-es h2.img.h2-copy-abilities { background-image: url('../img/es/h2-copy-abilities-mobile.png?1398893663'); height: 0px; max-width: 340px; padding-bottom: 32.79412%; width: 90% !important; }
  .lang-es h1.img.h1-more-ways-to-play { background-image: url('../img/es/h1-more-ways-to-play-mobile.png?1398894496'); height: 0px; max-width: 374.5px; padding-bottom: 31.90921%; width: 100%; }
  .lang-es h1.img, .lang-es h2.img { background-size: 100% auto; }
  .lang-es h1.img.h1-meet-kirby { background-image: url('../img/es/h1-a-kirby-whos-who-mobile.png?1398295462'); background-position: center; background-size: contain; height: 0; max-width: 427.5px; padding: 0 0 27.1345% 0; width: 95%; }
  .lang-es h2.img.h2-more-colorful-characters { background-image: url('../img/es/h2-more-colorful-characters-mobile.png?1398893245'); background-position: center; background-size: contain; max-width: 309.5px; padding: 0 0 38.44911% 0; width: 90%; }
  .lang-es h1.img.h1-see-whats-new { background-image: url('../img/es/h1-see-whats-new-mobile.png?1398296398'); height: 0px; max-width: 300px; padding: 0 0 35.5% 0; width: 90%; } }
/*  Icons.scss Author          liamegan email           liam@wethecollective.com Created         2014-04-08 13:12:42 Description      Edited by       liamegan Edited          2014-04-24 16:44:16
*/
.cta-new { background: url('../img/CTA-star-new-large.png?1396904664') no-repeat left top; background-size: 100% auto; display: block; height: 65px; width: 65px; }

.lang-fr .cta-new { background: url('../img/fr/FR-CTA-star-new-large.png?1398292759') no-repeat left top; background-size: 100% auto; display: block; height: 56.55px; width: 79.3px; }

.lang-es .cta-new { background: url('../img/es/SP-CTA-star-new-large.png?1398292628') no-repeat left top; background-size: 100% auto; display: block; height: 56.55px; width: 65px; }

/*  Main.scss Author          liamegan email           liam@wethecollective.com Created         2014-04-04 10:42:10 Description      Edited by       liamegan Edited          2014-05-02 10:00:47
*/
html.ie.not-supported #kirby-site-wrapper { display: none; }

.nintendo-header-container { position: relative; z-index: 1000; }

body:hover .mockup-about { display: block; }

/* > The main site wrapper */
#kirby-site-wrapper { background: url('../img/bg-main.jpg?1396635840') fixed center top; background: url('../img/bg-star-repeat.png?1396635844') fixed center center, #ff9600 url('../img/bg-main-gradient.png?1396635990') repeat-x left top; overflow: hidden; width: 100%; /* > For when arranging levels in subsections */ }
#kirby-site-wrapper.arrangeLevels { position: relative; }
#kirby-site-wrapper.arrangeLevels > div.section { position: absolute; top: 300px; width: 100%; z-index: 1; }
#kirby-site-wrapper > div.section::before { background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3) 80%, rgba(0, 0, 0, 0.5)); content: " "; display: block; height: 20px; position: absolute; width: 100%; top: -20px; }
#kirby-site-wrapper > div.section#container-introduction { position: relative !important; top: 0px; }
#kirby-site-wrapper > div.section.primary { position: relative !important; top: 0px !important; z-index: 5; }
#kirby-site-wrapper > div.section.secondary { display: none; }
#kirby-site-wrapper section .content { padding-left: 0.9375rem; padding-right: 0.9375rem; width: 50%; float: left; }
#kirby-site-wrapper section .image { padding-left: 0.9375rem; padding-right: 0.9375rem; width: 50%; float: left; min-height: 1em; position: relative; }

/* > The footer wrapper */
#kirby-footer-wrapper { background: url('../img/bg-footer-clouds.png?1396998228') center top repeat-x; margin-top: -70px; padding-top: 65px; position: relative; text-align: center; z-index: 100; }
#kirby-footer-wrapper > section { min-height: 100px; }
#kirby-footer-wrapper > section .content { width: 100%; margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0; max-width: 62.5rem; *zoom: 1; position: relative; }
#kirby-footer-wrapper > section .content:before, #kirby-footer-wrapper > section .content:after { content: " "; display: table; }
#kirby-footer-wrapper > section .content:after { clear: both; }
#kirby-footer-wrapper > section .content > div { padding-left: 0.9375rem; padding-right: 0.9375rem; width: 100%; float: left; margin-bottom: 60px; }
#kirby-footer-wrapper > section .content > div.utility { position: absolute; top: -100px; }
#kirby-footer-wrapper > section .content > div.utility a:first-child { float: left; }
#kirby-footer-wrapper > section .content > div.utility a:last-child { float: right; }

#nintendo-footer { display: inline-block; float: none !important; width: auto !important; }
#nintendo-footer > div { color: #555 !important; display: inline-block; margin-right: 50px !important; }
#nintendo-footer > div:last-child { margin-right: 0px !important; }

#nintendo-legal p { color: #979797; font-size: 0.7em; margin: 0px; }

/* > General section stuff (specificity below) */
.section { position: relative; z-index: 2; }
.section > .top { background: center top repeat; background-size: initial 100%; display: block; height: 80px; max-height: 80px; overflow: hidden; position: relative; }
.section > .top .shadow { background: url('../img/img-shadow-general.png?1396904758') no-repeat center center; background-size: 100% 100%; left: 50%; position: absolute; top: 50%; }
.section section { width: 100%; margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0; max-width: 62.5rem; *zoom: 1; padding-bottom: 80px; padding-top: 60px; }
.section section:before, .section section:after { content: " "; display: table; }
.section section:after { clear: both; }
.section#container-introduction { background: url('../img/bg-introduction-l.png?1397508678') repeat-x center bottom; margin-bottom: -500px; padding-bottom: 400px; position: relative; z-index: 1; }
.section#container-introduction .hidden { height: 280px; }
.section#container-meetKirby { background: url('../img/platform-1-bg.gif?1396635840'); z-index: 2; }
.section#container-meetKirby > .top { background-image: url('../img/platform-1-top.jpg?1396635841'); background-size: 1554px 100%; }
.section#container-meetKirby > .content { background: url('../img/platform-1-topside.png?1396635962') center top repeat-x, url('../img/platform-1-bg.gif?1396635840'); }
.section#container-whatsNew { z-index: 3; }
.section#container-whatsNew > .top { background-image: url('../img/platform-2-top.jpg?1396635841'); background-size: 101px 100%; }
.section#container-whatsNew > .top .shadow-1 { margin: 0 0 0 20px; height: 60%; top: 10%; width: 260px; }
.section#container-whatsNew > .top .shadow-2 { margin: 0 0 0 346px; height: 40%; top: 30%; width: 160px; }
.section#container-whatsNew > .content { background: #81d6fd url('../img/platform-2-bg.jpg?1396635841') center top repeat-x; }
.section#container-abilities { background: #ffae00; z-index: 4; }
.section#container-abilities > .top { background-image: url('../img/platform-3-top.jpg?1396998212'); background-size: 158px 100%; }
.section#container-abilities > .top .shadow { margin: 0 0 0 -430px; height: 60%; top: 10%; width: 360px; }
.section#container-abilities > .content { background: #ffae00 url('../img/platform-3-bg.jpg?1396998211') center top repeat-x; }
.section#container-modes { background: #ffeb40; z-index: 5; }
.section#container-modes > .top { background-image: url('../img/platform-4-top.jpg?1396998214'); background-size: 229px 100%; }
.section#container-modes > .top .shadow { margin: 0 0 0 50px; height: 60%; top: 10%; width: 260px; }
.section#container-modes > .content { background: #ffeb40 url('../img/platform-4-bg.jpg?1396998213') center top repeat-x; }
.section#container-carousel { background: #470929; z-index: 6; }
.section#container-carousel > .top { background-image: url('../img/platform-5-top.jpg?1397848642'); background-size: 254px 100%; }
.section#container-carousel > .top .shadow { margin: 0 0 0 -360px; height: 60%; top: 10%; width: 260px; }
.section#container-carousel > .content { background: #470929 url('../img/platform-5-bg.jpg?1397848642') center top repeat-x; }
.section.section-sub section { padding-bottom: 150px; }

/* Homepage -------------------
*/
section.home { padding-top: 130px; }
section.home .image img { max-width: initial; position: absolute; top: -80px; }

/* Sub-page -------------------
*/
section.sub-page .head { padding-left: 0.9375rem; padding-right: 0.9375rem; width: 100%; float: left; text-align: center; }
section.sub-page .section { width: 100%; margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0; max-width: 62.5rem; *zoom: 1; clear: both; margin-top: 50px; margin-bottom: 100px; }
section.sub-page .section:before, section.sub-page .section:after { content: " "; display: table; }
section.sub-page .section:after { clear: both; }
section.sub-page .section:first-child { margin-top: 0px; margin-bottom: 0px; }
section.sub-page .section .content { padding-left: 0.9375rem; padding-right: 0.9375rem; width: 50%; float: left; }
section.sub-page .section .content h2:first-child { margin-top: 20px; }
section.sub-page .section .content p { margin-bottom: 5px; }
section.sub-page .section .image { padding-left: 0.9375rem; padding-right: 0.9375rem; width: 40%; float: left; }
section.sub-page .section.king-dedede .img { padding-left: 0.9375rem; padding-right: 0.9375rem; width: 40%; float: left; margin-left: 10% !important; }
section.sub-page#section-preorder { height: 853px; }
section.sub-page#section-meet-kirby { height: 1850px; }
section.sub-page#section-whats-new { height: 2350px; }
section.sub-page#section-abilities { height: 1900px; }
section.sub-page#section-modes { height: 1800px; }

.lang-fr section.sub-page#section-preorder, .lang-es section.sub-page#section-preorder { height: 853px; }
.lang-fr section.sub-page#section-meet-kirby, .lang-es section.sub-page#section-meet-kirby { height: 1900px; }
.lang-fr section.sub-page#section-whats-new, .lang-es section.sub-page#section-whats-new { height: 2350px; }
.lang-fr section.sub-page#section-abilities, .lang-es section.sub-page#section-abilities { height: 2100px; }
.lang-fr section.sub-page#section-modes, .lang-es section.sub-page#section-modes { height: 1900px; }

/* Miscellaneous stuff ------------------- The particle item
*/
.SBParticle { background: url('../img/particle-star-1.png?1396998502'); background-size: 100% 100%; display: block; height: 59px; left: 50%; position: absolute; top: 50%; width: 59px; }
.SBParticle.particle2 { background: url('../img/particle-star-2.png?1396998502'); }
.SBParticle.particle3 { background: url('../img/particle-star-3.png?1396635995'); }
.SBParticle.particle4 { background: url('../img/particle-star-4.png?1396998503'); }
.SBParticle.particle5 { background: url('../img/particle-star-5.png?1396998503'); }

.carousel.carousel-circular { overflow: hidden; position: relative; width: 300px; }
.carousel.carousel-circular ul { list-style: none; margin: 0px; padding: 0px; position: relative; width: 20000em; }
.carousel.carousel-circular ul li { display: none; float: left; height: 300px; width: 100px; }
.carousel.carousel-circular ul li.visible { display: block; }

.image-carousel-container .image-carousel { margin: 1.25rem 0.5625rem; overflow: hidden; position: relative; width: 22rem; }
.image-carousel-container .image-carousel .items { width: 20000em; position: relative; }
.image-carousel-container .image-carousel .items .item { float: left; width: 22rem; }
.image-carousel-container .image-carousel .items .item .img { border-radius: 5px; overflow: hidden; width: 100%; position: relative; }
.image-carousel-container .image-carousel .items .item .img::before { box-shadow: inset 3px 3px 10px RGBA(0, 0, 0, 0.7); content: " "; height: 100%; left: 0px; position: absolute; top: 0px; width: 100%; }
.image-carousel-container .image-carousel .items .item .img img { max-width: 100%; width: 100%; }
.image-carousel-container .image-carousel .items .item p { color: #FFF; margin: 0.625rem 3.125rem; text-align: center; }
.image-carousel-container .nav { background: #FFF; bottom: -25px; border-radius: 50px; left: 50%; margin-left: -70px; padding: 15px 20px 12px; position: absolute; }
.image-carousel-container .nav * { display: inline-block; margin: 0px 5px; }
.image-carousel-container .nav *:nth-child(1) { margin-left: 0px; }
.image-carousel-container .nav *:last-child { margin-right: 0px; }
.image-carousel-container .nav a { background-size: 100% auto; height: 20px; width: 25px; }
.image-carousel-container .nav .length { color: #e5276f; font-family: Sniglet; font-size: 18px; font-weight: 800; line-height: 1em; position: relative; top: -3px; }

#KirbyModalView { background: rgba(229, 39, 111, 0.7); display: none; position: fixed; top: 0; z-index: 50001; }
#KirbyModalView .modal-container { width: 100%; height: 100%; position: relative; }
#KirbyModalView .modal-container .modal-content { left: 50%; position: absolute; top: 50%; z-index: 101; }
#KirbyModalView .modal-container .modal-content .modal-content { left: 0px; top: 0px; }
#KirbyModalView .modal-close { color: white; font-family: Sniglet; font-size: 22px; font-weight: 800; padding-left: 30px; position: absolute; right: 0px; text-decoration: none; top: -50px; }
#KirbyModalView .modal-close::before { border: 2px solid #FFF; border-radius: 30px; content: "×"; display: inline-block; font: bold 31px/0px Helvetica, Arial, sans-serif; margin: -7px 0px 0px -38px; padding: 13px 6px 17px 6px; position: absolute; }

.waddledee { display: block; position: fixed; right: 2%; top: -200px; z-index: 50000; }
.waddledee .title { background: url('../img/waddle-dee-text.png?1397848912'); background-size: 100% 100%; height: 3.25rem; width: 11.875rem; left: -145px; top: 120px; position: relative; z-index: 1; }
.waddledee .char { background: url('../img/waddle-dee-fall.png?1397848929'); background-size: 100% 100%; height: 8.75rem; width: 6.25rem; position: relative; z-index: 2; }

.lang-fr .waddledee .title { background: url('../img/fr/FR-waddle-dee-text.png?1398294046'); background-size: 100% 100%; height: 3.25rem; width: 11.875rem; left: -145px; top: 120px; position: relative; z-index: 1; }

.lang-es .waddledee .title { background: url('../img/es/SP-waddle-dee-text.png?1398294010'); background-size: 100% 100%; height: 3.25rem; width: 11.875rem; left: -145px; top: 120px; position: relative; z-index: 1; }

/*  Navigation.scss Author          liamegan email           liam@wethecollective.com Created         2014-04-04 10:43:24 Description      Edited by       liamegan Edited          2014-05-01 13:27:23
*/
nav#main-nav { transition: 1s top; background: url('../img/bg-nav-top.png?1397848747') no-repeat left bottom; height: 176px; left: 50%; margin-left: -488px; position: fixed; top: 0px; width: 976px; z-index: 900; }
nav#main-nav.foldUp { top: -42px; }
nav#main-nav .logo { left: 50%; margin-left: -100px; position: absolute; top: 45px; }
nav#main-nav input[name="mobile"], nav#main-nav input[name="mobile"] + span { display: none; }
nav#main-nav .logo-nintendo3ds { background: url('../img/logo-3ds.png?1396998496') no-repeat; height: 13px; position: absolute; right: 45px; top: 50px; width: 110px; }
nav#main-nav .preorder, nav#main-nav .buynow { position: absolute; right: 35px; top: 70px; }
nav#main-nav .preorder a, nav#main-nav .buynow a { background: no-repeat center center; background-size: 100% auto; display: inline-block; overflow: hidden; text-indent: -999em; background-image: url('../img/EN-button-preorder.png?1396998270'); height: 86px; width: 124px; }
nav#main-nav .preorder.buynow, nav#main-nav .buynow.buynow { right: 45px; }
nav#main-nav .preorder.buynow a, nav#main-nav .buynow.buynow a { background-image: url('../img/EN-button-availablenow.png?1398901533'); height: 88px; width: 111px; }
nav#main-nav > span { display: none; }
nav#main-nav li { left: 50%; margin-left: -60px; position: absolute; top: 55px; text-align: center; }
nav#main-nav li a { color: #0c409f; font-family: Sniglet; font-size: 1.375rem; font-weight: 800; display: inline-block; height: 2em; text-align: center; text-decoration: none; text-shadow: 0px 2px 3px #FFF; }
nav#main-nav li a:hover, nav#main-nav li.selected a { -webkit-animation: masked-animation2 2s infinite linear; -moz-animation: masked-animation2 2s infinite linear; animation: masked-animation2 2s infinite linear; color: #e5276f; background: -webkit-linear-gradient(transparent, transparent), url('../img/bg-button-gradient.png?1396635988') left top; -webkit-background-clip: text; -ms-background-clip: text; -o-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; -ms-text-fill-color: transparent; -o-text-fill-color: transparent; text-fill-color: transparent; text-shadow: none; }
nav#main-nav li .selected a { cursor: default; }
nav#main-nav li#nav-meet-kirby { margin-left: -420px; }
nav#main-nav li#nav-whats-new { margin-left: -250px; }
nav#main-nav li#nav-abilities { margin-left: 115px; }
nav#main-nav li#nav-modes { margin-left: 245px; }

.lang-fr nav#main-nav li, .lang-es nav#main-nav li { top: 58px; }
.lang-fr nav#main-nav li a, .lang-es nav#main-nav li a { line-height: .8em; margin-top: -.2em; min-height: 2em; padding-top: .2em; }
.lang-fr nav#main-nav li#nav-meet-kirby, .lang-es nav#main-nav li#nav-meet-kirby { top: 52px; }
.lang-fr nav#main-nav li#nav-whats-new, .lang-es nav#main-nav li#nav-whats-new { margin-left: -260px; }
.lang-fr nav#main-nav li#nav-modes, .lang-es nav#main-nav li#nav-modes { margin-left: 250px; }
.lang-fr nav#main-nav .preorder, .lang-fr nav#main-nav .buynow, .lang-es nav#main-nav .preorder, .lang-es nav#main-nav .buynow { right: 25px; }
.lang-fr nav#main-nav .preorder a, .lang-fr nav#main-nav .buynow a, .lang-es nav#main-nav .preorder a, .lang-es nav#main-nav .buynow a { background-image: url('../img/fr/FR-button-preorder.png?1398294299'); height: 105px; width: 180px; }
.lang-fr nav#main-nav .preorder.buynow a, .lang-fr nav#main-nav .buynow.buynow a, .lang-es nav#main-nav .preorder.buynow a, .lang-es nav#main-nav .buynow.buynow a { background-image: url('../img/fr/FR-button-availablenow.png?1398898245'); height: 108px; width: 151px; }

.lang-es nav#main-nav li#nav-abilities { margin-left: 102px; }
.lang-es nav#main-nav li#nav-modes { margin-left: 260px; }

@media only screen and (max-width: 40em), only screen and (min-width: 40.063em) and (max-width: 56em) { .lang-fr nav#main-nav .preorder, .lang-fr nav#main-nav .buynow { right: auto; margin-left: -72px; }
  /* **************** NAVIGATION *** */
  nav#main-nav { -moz-transition: height 0.8s; -o-transition: height 0.8s; -webkit-transition: height 0.8s; transition: height 0.8s; width: 100%; left: 0; margin-left: 0; background-position: center bottom; top: 0; position: absolute; }
  nav#main-nav .logo { top: 30px; width: 160px; margin-left: -80px; }
  nav#main-nav input[name="mobile"] { opacity: 0; z-index: 2; }
  nav#main-nav input[name="mobile"] + span { background: url('../img/Menu-icon_100x96.png?1397848891') center center no-repeat; background-size: 100% auto; }
  nav#main-nav input[name="mobile"], nav#main-nav input[name="mobile"] + span { cursor: pointer; display: block; position: absolute; width: 50px; height: 50px; right: 10px; top: 37px; -webkit-appearance: none; -moz-appearance: none; margin: 0; }
  nav#main-nav .logo-nintendo3ds { left: 50%; top: 170px; width: 110px; margin-left: -55px; opacity: 0; transition: all .5s .2s; }
  nav#main-nav .preorder, nav#main-nav .buynow { left: 50%; top: 192px; margin-left: -62px; opacity: 0; transition: all .5s .2s; }
  nav#main-nav ul { position: absolute; width: 100%; display: table; top: -50px; margin: 0; z-index: -1; overflow: visible; padding-bottom: 90px; opacity: 0; -moz-transition: all 0.8s; -o-transition: all 0.8s; -webkit-transition: all 0.8s; transition: all 0.8s; }
  nav#main-nav ul li a:hover { color: #e5276f; background: none; -webkit-text-fill-color: #e5276f; -ms-text-fill-color: #e5276f; -o-text-fill-color: #e5276f; text-fill-color: #e5276f; }
  nav#main-nav li { left: 0; position: relative; top: 0; width: 50%; }
  nav#main-nav li .stars { width: 100% !important; }
  nav#main-nav li#nav-meet-kirby, nav#main-nav li#nav-abilities { float: left; margin: 0; top: 0px; }
  nav#main-nav li#nav-whats-new, nav#main-nav li#nav-modes { margin: 0; float: right; top: 0px; }
  .lang-fr nav#main-nav ul li#nav-meet-kirby, .lang-fr nav#main-nav ul li#nav-whats-new, .lang-es nav#main-nav ul li#nav-meet-kirby, .lang-es nav#main-nav ul li#nav-whats-new { height: 45px; }
  .lang-fr nav#main-nav ul li#nav-meet-kirby, .lang-fr nav#main-nav ul li#nav-abilities, .lang-es nav#main-nav ul li#nav-meet-kirby, .lang-es nav#main-nav ul li#nav-abilities { margin: 0; top: 0px; }
  .lang-fr nav#main-nav ul li#nav-whats-new, .lang-fr nav#main-nav ul li#nav-modes, .lang-es nav#main-nav ul li#nav-whats-new, .lang-es nav#main-nav ul li#nav-modes { margin: 0; top: 0px; } }
@media only screen and (min-width: 40.063em) and (max-width: 56em) { /* **************** NAVIGATION *** */
  nav#main-nav.open { height: 270px; }
  nav#main-nav input[name="mobile"]:checked ~ ul { top: 110px; opacity: 1; }
  nav#main-nav input[name="mobile"]:checked ~ .logo-nintendo3ds { opacity: 1; top: 170px; }
  nav#main-nav input[name="mobile"]:checked ~ .preorder, nav#main-nav input[name="mobile"]:checked ~ .buynow { opacity: 1; top: 192px; } }
@media only screen and (max-width: 40em) { /* **************** NAVIGATION *** */
  nav#main-nav li a { height: 1.5em; }
  nav#main-nav.open { height: 280px; }
  nav#main-nav input[name="mobile"]:checked ~ ul { top: 140px; opacity: 1; }
  nav#main-nav input[name="mobile"]:checked ~ .logo-nintendo3ds { opacity: 1; top: 215px; }
  nav#main-nav input[name="mobile"]:checked ~ .preorder, nav#main-nav input[name="mobile"]:checked ~ .buynow { opacity: 1; top: 232px; } }
/*  Home.scss Author          liamegan email           liam@wethecollective.com Created         2014-04-11 05:21:27 Description      Edited by       liamegan Edited          2014-05-15 11:48:52
*/
section.home .image .img { position: absolute; opacity: 0; }
section.home#home-carousel .carousel a { opacity: 0; }

.no-cssanimations section.home .image .img { opacity: 1; }
.no-cssanimations section.home#home-carousel .carousel a { opacity: 1; }

section#home-introduction { min-height: 807px; padding-top: 175px; }
section#home-introduction .content-intro { padding-left: 0.9375rem; padding-right: 0.9375rem; width: 60%; float: right; float: left; margin-left: 40% !important; padding-top: 0px; font-size: 17px; margin-top: 30px; position: relative; text-align: center; z-index: 3; }
section#home-introduction .content-intro p { padding-left: 0.9375rem; padding-right: 0.9375rem; width: 80%; float: left; margin-left: auto; margin-right: auto; float: none !important; }
section#home-introduction .content-intro a.video { color: #0c409f; font-family: Sniglet; font-size: 18px; font-weight: 800; background: url('../img/bg-trailer.png?1396998236'); display: inline-block; height: 181px; margin: 10px auto; overflow: hidden; position: relative; text-decoration: none; width: 301px; }
section#home-introduction .content-intro a.video .img { background: url('../img/img-homepage-trailer.jpg?1397848640'); border-radius: 10px; height: 115px; margin: 20px auto 10px; width: 207px; }
section#home-introduction .content-intro a.video .button-play { font-size: 0.5em; position: absolute; left: 50%; margin-left: -3em; margin-top: -4.5em; top: 50%; }
section#home-introduction .content-intro .hypernova-button { opacity: 0; position: absolute; right: 20px; top: 180px; }
section#home-introduction .content-intro a.hypernova { background: no-repeat center center; background-size: 100% auto; display: inline-block; overflow: hidden; text-indent: -999em; background-image: url('../img/EN-button-hypernova-yourself.png?1396998275'); height: 151px; width: 162px; }
section#home-introduction .image-intro { height: 730px; left: 50%; margin-left: -980px; position: absolute; top: 0px; width: 1480px; }
section#home-introduction .image-intro .background { -webkit-animation: rotatefull 60s infinite linear; -moz-animation: rotatefull 60s infinite linear; animation: rotatefull 60s infinite linear; display: inline-block; margin-left: 150px; position: relative; top: -180px; z-index: 2; }
section#home-introduction .image-intro .background .intro .swirl { background: url('../img/hp-swirl.png?1397848947'); height: 70rem; width: 70rem; }
section#home-introduction .image-intro .kirby, section#home-introduction .image-intro .char-1, section#home-introduction .image-intro .char-2, section#home-introduction .image-intro .char-3 { position: absolute; top: 50%; left: 50%; z-index: 3; }
section#home-introduction .image-intro .kirby { background: url('../img/kirby-suck.png?1394568865'); height: 441px; margin: -200px 0px 0px -260px; width: 430px; z-index: 1; }
section#home-introduction .image-intro .char-1 .char { background-image: url('../img/decoration-hp-into-1.png?1396998282'); height: 13rem; margin: -250px 0px 0px 800px; width: 14.875rem; -webkit-animation: hover 3s ease-in-out infinite -2s alternate; -moz-animation: hover 3s ease-in-out infinite -2s alternate; animation: hover 3s ease-in-out infinite -2s alternate; }
section#home-introduction .image-intro .char-2 .char { background-image: url('../img/decoration-hp-into-2.png?1396998264'); height: 5.9375rem; margin: -100px 0px 0px 750px; width: 6.4375rem; -webkit-animation: hover 3s ease-in-out infinite -2.2s alternate; -moz-animation: hover 3s ease-in-out infinite -2.2s alternate; animation: hover 3s ease-in-out infinite -2.2s alternate; }
section#home-introduction .image-intro .char-3 .char { background-image: url('../img/decoration-hp-into-3.png?1397848688'); height: 6.4375rem; margin: -50px 0px 0px -550px; width: 6.625rem; -webkit-animation: hover 3s ease-in-out infinite alternate; -moz-animation: hover 3s ease-in-out infinite alternate; animation: hover 3s ease-in-out infinite alternate; }

section#home-introduction .content-intro { opacity: 0; }
section#home-introduction .content-intro a.video { opacity: 0; }
section#home-introduction .content-intro .hypernova-button { opacity: 0; }
section#home-introduction .image-intro .background .intro { opacity: 0; }
section#home-introduction .image-intro .kirby, section#home-introduction .image-intro .char-1, section#home-introduction .image-intro .char-2, section#home-introduction .image-intro .char-3 { opacity: 0; }
section#home-introduction.initAnimation .content-intro { -webkit-animation: bounceIn 0.3s linear 1 1.5s both; -moz-animation: bounceIn 0.3s linear 1 1.5s both; animation: bounceIn 0.3s linear 1 1.5s both; }
section#home-introduction.initAnimation .content-intro a.video { -webkit-animation: bounceIn 0.3s linear 1 1.6s both; -moz-animation: bounceIn 0.3s linear 1 1.6s both; animation: bounceIn 0.3s linear 1 1.6s both; }
section#home-introduction.initAnimation .content-intro .hypernova-button { -webkit-animation: bounceIn 0.3s linear 1 1.7s both; -moz-animation: bounceIn 0.3s linear 1 1.7s both; animation: bounceIn 0.3s linear 1 1.7s both; }
section#home-introduction.initAnimation .content-intro a.hypernova { background: no-repeat center center; background-size: 100% auto; display: inline-block; overflow: hidden; text-indent: -999em; background-image: url('../img/EN-button-hypernova-yourself.png?1396998275'); height: 151px; width: 162px; }
section#home-introduction.initAnimation .image-intro .background .intro { -webkit-animation: bounceIn 1s linear 1 0.3s both; -moz-animation: bounceIn 1s linear 1 0.3s both; animation: bounceIn 1s linear 1 0.3s both; }
section#home-introduction.initAnimation .image-intro .background .intro .swirl { -webkit-animation: rotatefull 4s 1 ease-out; -moz-animation: rotatefull 4s 1 ease-out; animation: rotatefull 4s 1 ease-out; }
section#home-introduction.initAnimation .image-intro .kirby { -webkit-animation: bounceIn 0.4s linear 1 0.3s both; -moz-animation: bounceIn 0.4s linear 1 0.3s both; animation: bounceIn 0.4s linear 1 0.3s both; }
section#home-introduction.initAnimation .image-intro .char-1 { -webkit-animation: bounceInRight 2s linear 1 0.5s both; -moz-animation: bounceInRight 2s linear 1 0.5s both; animation: bounceInRight 2s linear 1 0.5s both; }
section#home-introduction.initAnimation .image-intro .char-2 { -webkit-animation: bounceInRight 2s linear 1 0.5s both; -moz-animation: bounceInRight 2s linear 1 0.5s both; animation: bounceInRight 2s linear 1 0.5s both; }
section#home-introduction.initAnimation .image-intro .char-3 { -webkit-animation: bounceInLeft 2s linear 1 0.5s both; -moz-animation: bounceInLeft 2s linear 1 0.5s both; animation: bounceInLeft 2s linear 1 0.5s both; }

.no-cssanimations section#home-introduction .content-intro { opacity: 1; }
.no-cssanimations section#home-introduction .content-intro a.video { opacity: 1; }
.no-cssanimations section#home-introduction .content-intro .hypernova-button { opacity: 1; }
.no-cssanimations section#home-introduction .image-intro .background .intro { opacity: 1; }
.no-cssanimations section#home-introduction .image-intro .kirby, .no-cssanimations section#home-introduction .image-intro .char-1, .no-cssanimations section#home-introduction .image-intro .char-2, .no-cssanimations section#home-introduction .image-intro .char-3 { opacity: 1; }

section#home-meetKirby { height: 390px; }
section#home-meetKirby .image .kirby-hp-suck { background-image: url('../img/img-kirby-hp-suck.png?1397848883'); height: 14.625rem; width: 14.5rem; max-width: 14.5rem; left: 1.875rem; top: -4.375rem; }
section#home-meetKirby .image .kirby-hp-beru { background-image: url('../img/img-kirby-hp-beru.png?1397848874'); height: 14.125rem; width: 16.0625rem; left: 18.75rem; top: -0.625rem; }
section#home-meetKirby .image .hp-suck { background-image: url('../img/img-hp-suck.png?1397848854'); height: 11.375rem; width: 13.0625rem; left: 11.25rem; top: 0.625rem; -moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%; -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; }

.lang-fr section#home-meetKirby .content a.button { width: 300px; }

.lang-es section#home-meetKirby .content a.button { width: 300px; }

section#home-whatsNew { height: 390px; }
section#home-whatsNew .image .hp-3ds { background-image: url('../img/img-hp-3ds.png?1397848903'); height: 22.0625rem; width: 23.5625rem; max-width: 23.5625rem; left: 3.125rem; top: -6.25rem; }
section#home-whatsNew .image .hypernova { height: 15.9375rem; width: 17.75rem; max-width: 17.75rem; position: absolute; overflow: hidden; left: 6.25rem; top: -3.75rem; opacity: 0; }
section#home-whatsNew .image .hp-hypernova { -moz-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; background-image: url('../img/img-hp-hypernova.png?1397848876'); background-size: 100% auto; height: 17.8125rem; width: 17.75rem; max-width: 17.75rem; top: 20px; opacity: 1; }

.lang-fr section#home-whatsNew .content { margin-top: -55px; }

section#home-abilities { height: 390px; }
section#home-abilities .content .quiz { background: url('../img/quiz/Quiz-callout-2x.png?1400176082') no-repeat center center; background-size: cover; display: inline-block; height: 159.5px; margin: -40px 0px 0px -20px; overflow: hidden; position: absolute; text-indent: -999em; width: 203.5px; }
section#home-abilities .content .stars:nth-child(4) { display: inline-block !important; margin: -40px 0px 0px -20px !important; }
section#home-abilities .content .stars:nth-child(4) .quiz { margin: auto; }
section#home-abilities .image .hero-abilities-circuskirby { background-image: url('../img/hero-abilities-circuskirby.png?1396998476'); background-size: 100% auto; height: 27.875rem; width: 24.9375rem; left: 0; top: -12.5rem; }

section#home-modes { height: 390px; }
section#home-modes .image .hero-modes-dedede { background-image: url('../img/hero-modes-dedede.png?1396998443'); background-size: 100% auto; height: 24.875rem; width: 20.8125rem; left: 3.75rem; top: -9.375rem; }

.lang-fr section#home-modes .content { margin-top: -25px; }

section#home-carousel { height: 500px; padding: 100px 0; }
section#home-carousel .carousel { height: 300px; }
section#home-carousel .carousel .carousel-item a { background: url('../img/carousel-item-bg-1.png?1396998255') no-repeat left top; background-size: 100% 100%; color: #0c409f; display: block; font-family: Sniglet; font-size: 19px; font-weight: 800; padding: 15px; text-align: center; text-decoration: none; text-shadow: 0px 2px 3px #FFF; }
section#home-carousel .carousel .carousel-item a .img { background: #FFF; border-radius: 5px; box-shadow: inset 3px 3px 5px RGBA(0, 0, 0, 0.3); height: 0px; margin: 0px auto 14px; padding-bottom: 67%; position: relative; }
section#home-carousel .carousel .carousel-item a .img::before { box-shadow: inset 3px 3px 10px RGBA(0, 0, 0, 0.7); content: " "; height: 100%; left: 0px; position: absolute; top: 0px; width: 100%; }
section#home-carousel .carousel .carousel-item a span { display: inline-block; }
section#home-carousel .carousel .carousel-item.item-2 a { background-image: url('../img/carousel-item-bg-2.png?1396998256'); }
section#home-carousel .carousel .carousel-item.item-3 a { background-image: url('../img/carousel-item-bg-3.png?1396998262'); }

#container-meetKirby section#home-meetKirby .image .kirby-hp-beru { -webkit-animation: jiggle 0.3s ease-in-out infinite alternate both; -moz-animation: jiggle 0.3s ease-in-out infinite alternate both; animation: jiggle 0.3s ease-in-out infinite alternate both; }

#container-whatsNew section#home-whatsNew .image { -webkit-animation: hoverSmall 3s ease-in-out infinite alternate; -moz-animation: hoverSmall 3s ease-in-out infinite alternate; animation: hoverSmall 3s ease-in-out infinite alternate; }
#container-whatsNew section#home-whatsNew .hp-hypernova { -webkit-animation: hover 3s ease-in-out infinite alternate; -moz-animation: hover 3s ease-in-out infinite alternate; animation: hover 3s ease-in-out infinite alternate; }

#container-abilities section#home-abilities .image { -webkit-animation: jiggle 0.6s ease-in-out infinite alternate both; -moz-animation: jiggle 0.6s ease-in-out infinite alternate both; animation: jiggle 0.6s ease-in-out infinite alternate both; }

@media only screen and (max-width: 40em) { section#home-abilities .content .quiz { height: 106.33333px; width: 135.66667px; }
  section#home-abilities .content .stars:nth-child(4) { margin: 150px 0px 0px -170px !important; } }
@media only screen and (max-width: 40em), only screen and (min-width: 40.063em) and (max-width: 56em) { .hypernova-button { display: none !important; }
  section.home#home-meetKirby .image .kirby-hp-suck { -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1); opacity: 1; }
  section.home#home-meetKirby .image .hp-suck { -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1); opacity: 1; }
  section.home#home-meetKirby .image .kirby-hp-beru { -moz-transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; }
  section.home#home-whatsNew .hypernova { -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1); opacity: 1; }
  section.home#home-whatsNew .hp-3ds { -moz-transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; }
  section.home#home-abilities .hero-abilities-circuskirby { -moz-transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; }
  section.home#home-modes .hero-modes-dedede { -moz-transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; }
  section.home#home-carousel .carousel a { -moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } }
@media only screen and (min-width: 40.063em) and (max-width: 56em) { .lang-fr section#home-abilities .content { margin-top: -35px; }
  .lang-es section.home { padding-top: 80px; }
  .lang-es section.home#home-whatsNew .image, .lang-es section.home#home-abilities .image, .lang-es section.home#home-modes .image { top: 50px; } }
@media only screen and (min-width: 56.063em) { #container-meetKirby.vp-onf-40 section.initAnimation#home-meetKirby .image .kirby-hp-suck { -webkit-animation: blowUp1 0.3s ease-out 1 both; -moz-animation: blowUp1 0.3s ease-out 1 both; animation: blowUp1 0.3s ease-out 1 both; }
  #container-meetKirby.vp-onf-40 section.initAnimation#home-meetKirby .image .hp-suck { -webkit-animation: blowUp1 1s ease-in-out 0.3s 1 both; -moz-animation: blowUp1 1s ease-in-out 0.3s 1 both; animation: blowUp1 1s ease-in-out 0.3s 1 both; }
  #container-meetKirby.vp-onf-40 section.initAnimation#home-meetKirby .image .kirby-hp-beru { -webkit-animation: bounceInRight 1s linear 0.3s 1 both, jiggle 0.3s ease-in-out infinite alternate both; -moz-animation: bounceInRight 1s linear 0.3s 1 both, jiggle 0.3s ease-in-out infinite alternate both; animation: bounceInRight 1s linear 0.3s 1 both, jiggle 0.3s ease-in-out infinite alternate both; }
  #container-whatsNew.vp-onf-50 section.initAnimation#home-whatsNew .hypernova { -webkit-animation: blowUp1 0.3s ease-out 0.5s both; -moz-animation: blowUp1 0.3s ease-out 0.5s both; animation: blowUp1 0.3s ease-out 0.5s both; }
  #container-whatsNew.vp-onf-50 section.initAnimation#home-whatsNew .hp-3ds { -webkit-animation: bounceInLeft 0.6s linear 1 both; -moz-animation: bounceInLeft 0.6s linear 1 both; animation: bounceInLeft 0.6s linear 1 both; }
  #container-abilities.vp-onf-30 section.initAnimation#home-abilities .hero-abilities-circuskirby { -webkit-animation: bounceInRight 0.6s linear 1 both; -moz-animation: bounceInRight 0.6s linear 1 both; animation: bounceInRight 0.6s linear 1 both; }
  #container-modes.vp-onf-30 section.initAnimation#home-modes .hero-modes-dedede { -webkit-animation: bounceInLeft 0.6s linear 1 both; -moz-animation: bounceInLeft 0.6s linear 1 both; animation: bounceInLeft 0.6s linear 1 both; }
  #container-carousel.vp-onf-20 section.initAnimation#home-carousel .carousel .carousel-item a { -webkit-animation: bounceInTop 1s linear 1 both; -moz-animation: bounceInTop 1s linear 1 both; animation: bounceInTop 1s linear 1 both; }
  #container-carousel.vp-onf-20 section.initAnimation#home-carousel .carousel .carousel-item:nth-child(2) a { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; }
  #container-carousel.vp-onf-20 section.initAnimation#home-carousel .carousel .carousel-item:nth-child(3) a { -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } }
/*  Meet-Kirby.scss Author          liamegan email           liam@wethecollective.com Created         2014-04-04 10:47:45 Description      Edited by       liamegan Edited          2014-04-18 07:52:58
*/
.star-p { background: url('../img/particle-star-1.png?1396998502') no-repeat center center; background-size: 100% auto; display: inline-block; }
.star-p.star-1 { background-image: url('../img/particle-star-1.png?1396998502'); }
.star-p.star-2 { background-image: url('../img/particle-star-2.png?1396998502'); }
.star-p.star-3 { background-image: url('../img/particle-star-3.png?1396635995'); }
.star-p.star-4 { background-image: url('../img/particle-star-4.png?1396998503'); }
.star-p.star-5 { background-image: url('../img/particle-star-1.png?1396998502'); }
.star-p.star-6 { background-image: url('../img/particle-star-2.png?1396998502'); }
.star-p.star-7 { background-image: url('../img/particle-star-3.png?1396635995'); }
.star-p.star-9 { background-image: url('../img/particle-star-4.png?1396998503'); }
.star-p.star-1 { background-image: url('../img/particle-star-5.png?1396998503'); }

#section-meet-kirby .section.king-dedede .image { padding-left: 0.9375rem; padding-right: 0.9375rem; width: 40%; float: left; margin-left: 10% !important; }
#section-meet-kirby .section.king-dedede .image .story-dedede { background: url('../img/img-meet-dedede.png?1396904789'); bottom: -60px; height: 236px; left: -110px; width: 199px; }
#section-meet-kirby .section.king-dedede .image .shadow { left: -50px; bottom: -70px; }
#section-meet-kirby .section .image > div { position: absolute; }
#section-meet-kirby .section .image .shadow { background: url('../img/img-meet-shadow.png?1396904801'); background-size: 100% 100%; height: 20px; width: 120px; }
#section-meet-kirby .section .image .button-play-delegate { bottom: -40px; color: #0c409f; position: absolute; right: -50px; text-align: center; width: 150px; }
#section-meet-kirby .section .image .button-play-delegate span { font-size: 0.6em; left: 50%; margin: -8em 0px 0px -3em; top: 50%; }
#section-meet-kirby .section.meet-kirby .image { padding-left: 0.9375rem; padding-right: 0.9375rem; width: 50%; left: 0%; right: auto; right: 0%; left: auto; float: left; margin-left: 10% !important; position: relative; }
#section-meet-kirby .section.meet-kirby .image .button-play-delegate { left: -50px; right: auto; }
#section-meet-kirby .section.meet-kirby .kirby-l-r { background: url('../img/img-kirby-running-l-r.png?1396635920'); bottom: -60px; height: 152px; right: 0px; width: 200px; z-index: 5; }
#section-meet-kirby .section.meet-kirby .star-p { position: absolute; width: 18px; height: 18px; z-index: 1; }
#section-meet-kirby .section.meet-kirby .star-1 { -moz-transform: rotate(120deg); -ms-transform: rotate(120deg); -webkit-transform: rotate(120deg); transform: rotate(120deg); left: 120px; top: 230px; }
#section-meet-kirby .section.meet-kirby .star-2 { width: 12px; height: 12px; -moz-transform: rotate(65deg); -ms-transform: rotate(65deg); -webkit-transform: rotate(65deg); transform: rotate(65deg); left: 150px; top: 235px; }
#section-meet-kirby .section.meet-kirby .star-3 { -moz-transform: rotate(23deg); -ms-transform: rotate(23deg); -webkit-transform: rotate(23deg); transform: rotate(23deg); left: 170px; top: 220px; }
#section-meet-kirby .section.meet-kirby .star-4 { -moz-transform: rotate(12deg); -ms-transform: rotate(12deg); -webkit-transform: rotate(12deg); transform: rotate(12deg); left: 180px; top: 190px; }
#section-meet-kirby .section.meet-kirby .star-5 { width: 12px; height: 12px; -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); left: 190px; top: 220px; }
#section-meet-kirby .section.meet-kirby .star-6 { width: 28px; height: 28px; -moz-transform: rotate(25deg); -ms-transform: rotate(25deg); -webkit-transform: rotate(25deg); transform: rotate(25deg); left: 190px; top: 230px; }
#section-meet-kirby .section.meet-kirby .star-7 { width: 30px; height: 30px; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); left: 208px; top: 203px; }
#section-meet-kirby .section.meet-kirby .star-8 { width: 25px; height: 25px; -moz-transform: rotate(150deg); -ms-transform: rotate(150deg); -webkit-transform: rotate(150deg); transform: rotate(150deg); left: 255px; top: 220px; }
#section-meet-kirby .section.meet-kirby .star-9 { width: 50px; height: 50px; left: 250px; top: 150px; }
#section-meet-kirby .section.meet-kirby .star-10 { -moz-transform: rotate(30deg); -ms-transform: rotate(30deg); -webkit-transform: rotate(30deg); transform: rotate(30deg); left: 290px; top: 250px; }
#section-meet-kirby .section.meet-taranza .image { padding-left: 0.9375rem; padding-right: 0.9375rem; width: 50%; left: 0%; right: auto; right: 0%; left: auto; float: left; margin-left: 10% !important; }
#section-meet-kirby .section.meet-taranza .meet-taranza { -webkit-animation: hover 4s cubic-bezier(0.62, 0.01, 0.45, 0.99) infinite alternate; -moz-animation: hover 4s cubic-bezier(0.62, 0.01, 0.45, 0.99) infinite alternate; animation: hover 4s cubic-bezier(0.62, 0.01, 0.45, 0.99) infinite alternate; background: url('../img/img-meet-taranza.png?1396904783'); height: 174px; right: 0px; bottom: -50px; width: 215px; }
#section-meet-kirby .section.meet-taranza .shadow { -webkit-animation: pulse 4s cubic-bezier(0.62, 0.01, 0.45, 0.99) infinite alternate; -moz-animation: pulse 4s cubic-bezier(0.62, 0.01, 0.45, 0.99) infinite alternate; animation: pulse 4s cubic-bezier(0.62, 0.01, 0.45, 0.99) infinite alternate; right: 50px; bottom: -80px; }
#section-meet-kirby .section .content { padding-left: 0.9375rem; padding-right: 0.9375rem; width: 40%; float: left; }
#section-meet-kirby .enemy-carousel { clear: both; height: 450px; margin: 20px auto; overflow: visible; width: 525px; }
#section-meet-kirby .enemy-carousel .right { float: none !important; }
#section-meet-kirby .enemy-carousel ul { height: 345px; left: 0px !important; }
#section-meet-kirby .enemy-carousel li { -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; transition: all 300ms ease-out; background-size: 100% 100%; display: block; height: 50px; left: 250px; top: 180px; opacity: 0; position: absolute; width: 50px; z-index: 1; }
#section-meet-kirby .enemy-carousel li.enemy-bladeknight { background-image: url('../img/enemy-bladeknight.png?1396998343'); }
#section-meet-kirby .enemy-carousel li.enemy-broom-hatter { background-image: url('../img/enemy-broom-hatter.png?1396998352'); }
#section-meet-kirby .enemy-carousel li.enemy-gordo { background-image: url('../img/enemy-gordo.png?1396998350'); }
#section-meet-kirby .enemy-carousel li.enemy-scarfy { background-image: url('../img/enemy-scarfy.png?1396998360'); }
#section-meet-kirby .enemy-carousel li.enemy-shotzo { background-image: url('../img/enemy-shotzo.png?1396998354'); }
#section-meet-kirby .enemy-carousel li.enemy-sparky { background-image: url('../img/enemy-sparky.png?1396998370'); }
#section-meet-kirby .enemy-carousel li.enemy-waddledee { background-image: url('../img/enemy-waddledee.png?1396998383'); }
#section-meet-kirby .enemy-carousel li.visible { height: 170px; left: 0px; opacity: 1; top: 80px; width: 170px; z-index: 3; }
#section-meet-kirby .enemy-carousel li.active { height: 345px; left: 100px; top: 0px; width: 345px; z-index: 999; }
#section-meet-kirby .enemy-carousel li.active .content { opacity: 1; top: 350px; -webkit-transform: scale(1); transform: scale(1); }
#section-meet-kirby .enemy-carousel li.right { left: 360px; }
#section-meet-kirby .enemy-carousel li .content { -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; transition: all 300ms ease-out; left: 50%; margin-left: -200px; opacity: 0; position: absolute; text-align: center; top: 160px; -webkit-transform: scale(0.6); transform: scale(0.6); width: 400px; }
#section-meet-kirby .enemy-carousel li .content h2 { float: none; }
#section-meet-kirby .enemy-carousel .navigation { left: -65px; position: absolute; top: 130px; width: 655px; }
#section-meet-kirby .enemy-carousel .navigation a { position: absolute; }
#section-meet-kirby .enemy-carousel .navigation a.prev { left: 0px; }
#section-meet-kirby .enemy-carousel .navigation a.next { right: 0px; }

/*  Whats-new.scss Author          liamegan email           liam@wethecollective.com Created         2014-04-06 12:53:33 Description      Edited by       liamegan Edited          2014-05-05 16:35:31
*/
#section-whats-new .section { margin-bottom: 50px; }
#section-whats-new .section.section-head { text-align: center; }
#section-whats-new .section.section-head .head, #section-whats-new .section.section-head p { padding-left: 0.9375rem; padding-right: 0.9375rem; width: 60%; float: left; margin-left: auto; margin-right: auto; float: none !important; }
#section-whats-new .section.catch-that-star .image img { opacity: 0; margin-left: -1.875rem; }
#section-whats-new .section.catch-that-star .image a.button-play-delegate { opacity: 0; color: #FFF; right: 50px; top: 230px; }
#section-whats-new .section.catch-that-star .content { padding-top: 60px; }
#section-whats-new .section.catch-that-star.play img { -webkit-animation: fadeInLeft 0.3s cubic-bezier(0.26, 1.52, 0.81, 1) 0.5s 1 both; -moz-animation: fadeInLeft 0.3s cubic-bezier(0.26, 1.52, 0.81, 1) 0.5s 1 both; animation: fadeInLeft 0.3s cubic-bezier(0.26, 1.52, 0.81, 1) 0.5s 1 both; }
#section-whats-new .section.catch-that-star.play a.button-play-delegate { -webkit-animation: fadeInLeft 0.3s cubic-bezier(0.26, 1.52, 0.81, 1) 0.8s 1 both; -moz-animation: fadeInLeft 0.3s cubic-bezier(0.26, 1.52, 0.81, 1) 0.8s 1 both; animation: fadeInLeft 0.3s cubic-bezier(0.26, 1.52, 0.81, 1) 0.8s 1 both; }
#section-whats-new .section.gyro-a-go-go .image .title { background: url('../img/img-tilt-3ds-arrow.png?1396904801') no-repeat center bottom; height: 60px; left: 50%; margin-left: -93px; position: absolute; text-align: center; top: -60px; width: 185px; }
#section-whats-new .section.gyro-a-go-go .image .tilt-3ds { margin-left: 2em; position: relative; width: 325px; }
#section-whats-new .section.gyro-a-go-go .image .tilt-3ds .threeds-top, #section-whats-new .section.gyro-a-go-go .image .tilt-3ds .threeds-bottom { -webkit-animation: swivel 2s linear infinite; -moz-animation: swivel 2s linear infinite; animation: swivel 2s linear infinite; }
#section-whats-new .section.gyro-a-go-go .image .mask { background: #6459cf; border-radius: 325px; box-shadow: inset 0px 4px 10px RGBA(0, 0, 0, 0.3); overflow: hidden; height: 325px; width: 325px; z-index: 1; /* this fixes the overflow:hidden in Chrome */ -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC); }
#section-whats-new .section.gyro-a-go-go .image .threeds-top { -moz-transform-origin: 161px 94px; -ms-transform-origin: 161px 94px; -webkit-transform-origin: 161px 94px; transform-origin: 161px 94px; -moz-transform: rotate(12deg); -ms-transform: rotate(12deg); -webkit-transform: rotate(12deg); transform: rotate(12deg); background: url('../img/img-tilt-3ds-top.png?1396904811') no-repeat center top; height: 180px; left: -7px; position: absolute; top: 40px; width: 340px; z-index: 2; }
#section-whats-new .section.gyro-a-go-go .image .threeds-top a.button-play { font-size: 0.7em; left: 50%; margin: -3em 0 0 -3em; top: 50%; }
#section-whats-new .section.gyro-a-go-go .image .threeds-bottom { -moz-transform-origin: 161px -86px; -ms-transform-origin: 161px -86px; -webkit-transform-origin: 161px -86px; transform-origin: 161px -86px; -moz-transform: rotate(12deg); -ms-transform: rotate(12deg); -webkit-transform: rotate(12deg); transform: rotate(12deg); background: url('../img/img-tilt-3ds-bottom.png?1397848903'); height: 139px; left: -7px; position: relative; top: 220px; width: 340px; }
#section-whats-new .section.gyro-a-go-go .content { padding-top: 60px; }
#section-whats-new .section.collection .content { padding-top: 60px; }
#section-whats-new .section.collection .images { padding-left: 0.9375rem; padding-right: 0.9375rem; width: 40%; float: left; background: url('../img/bg-gallery-4-col-purple.png?1397848660'); background-size: 100% 100%; position: relative; }
#section-whats-new .section.connected { margin-bottom: 100px; }
#section-whats-new .section.connected .content { padding-top: 60px; }
#section-whats-new .section.connected .images { padding-left: 0.9375rem; padding-right: 0.9375rem; width: 40%; float: left; background: url('../img/bg-gallery-4-col-purple.png?1397848660'); background-size: 100% 100%; position: relative; }
#section-whats-new .section.extras .extra { padding-left: 0.9375rem; padding-right: 0.9375rem; width: 50%; float: left; text-align: center; }
#section-whats-new .section.extras .extra:first-child > img { margin-bottom: 11px; }

.lang-fr #section-whats-new .section.extras .extra a.button { width: 300px; }

/*  Abilities.scss Author          liamegan email           liam@wethecollective.com Created         2014-04-07 17:14:23 Description      Edited by       liamegan Edited          2014-05-16 10:27:26
*/
#section-abilities .head { margin-bottom: 1.875rem; }
#section-abilities .head h1 { width: 80%; max-width: 42.0625rem; }
#section-abilities .section.signature-skills .carousel { margin-bottom: -100px; overflow: hidden; padding-top: 100px; position: relative; top: -100px; }
#section-abilities .section.signature-skills .carousel::before, #section-abilities .section.signature-skills .carousel::after { background: -moz-linear-gradient(left, #ffae00 0%, rgba(255, 174, 0, 0) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%, #ffae00), color-stop(100%, rgba(255, 174, 0, 0))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #ffae00 0%, rgba(255, 174, 0, 0) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #ffae00 0%, rgba(255, 174, 0, 0) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #ffae00 0%, rgba(255, 174, 0, 0) 100%); /* IE10+ */ background: linear-gradient(to right, #ffae00 0%, rgba(255, 174, 0, 0) 100%); /* W3C */ content: " "; height: 100%; left: 0px; position: absolute; top: 0px; width: 100px; z-index: 100; }
#section-abilities .section.signature-skills .carousel::after { background: -moz-linear-gradient(left, rgba(255, 174, 0, 0) 0%, #ffae00 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 174, 0, 0)), color-stop(100%, #ffae00)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, rgba(255, 174, 0, 0) 0%, #ffae00 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, rgba(255, 174, 0, 0) 0%, #ffae00 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, rgba(255, 174, 0, 0) 0%, #ffae00 100%); /* IE10+ */ background: linear-gradient(to right, rgba(255, 174, 0, 0) 0%, #ffae00 100%); /* W3C */ left: auto; right: 0px; }
#section-abilities .section.signature-skills .carousel > div { width: 20000em; position: relative; }
#section-abilities .section.signature-skills .carousel > div .move { width: 100%; margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0; max-width: 62.5rem; *zoom: 1; float: left; }
#section-abilities .section.signature-skills .carousel > div .move:before, #section-abilities .section.signature-skills .carousel > div .move:after { content: " "; display: table; }
#section-abilities .section.signature-skills .carousel > div .move:after { clear: both; }
#section-abilities .section.signature-skills .carousel > div .move .content { padding-left: 0.9375rem; padding-right: 0.9375rem; width: 40%; float: left; margin-left: 10% !important; position: relative; }
#section-abilities .section.signature-skills .carousel > div .move .image { padding-left: 0.9375rem; padding-right: 0.9375rem; width: 50%; float: left; }
#section-abilities .section.signature-skills .carousel > div .move .image .kirby-s { position: relative; top: -30px; }
#section-abilities .section.signature-skills .carousel > div .move .image .button-play-delegate { color: #FFF; left: 0px; top: 300px; }
#section-abilities .section.signature-skills .carousel > div .move .image .button-play-delegate span { left: 50%; margin-left: -3.4em; top: -4.5em; }
#section-abilities .section.signature-skills .carousel > div .hypernova .image .kirby-s, #section-abilities .section.signature-skills .carousel > div .dance .image .kirby-s { top: -60px; }
#section-abilities .section.signature-skills .carousel > div .hypernova .cta { left: 230px; position: absolute; top: 0px; }
#section-abilities .section.signature-skills .carousel > div .visible h2, #section-abilities .section.signature-skills .carousel > div .visible p { -webkit-animation: fadeInLeft 0.4s 0.6s 1 both; -moz-animation: fadeInLeft 0.4s 0.6s 1 both; animation: fadeInLeft 0.4s 0.6s 1 both; }
#section-abilities .section.signature-skills .carousel > div .visible p { -webkit-animation-delay: 0.7s; animation-delay: 0.7s; }
#section-abilities .section.signature-skills .carousel > div .visible.hypernova .image .kirby-s { -webkit-animation: scaleIn 0.5s 1s 1 both; -moz-animation: scaleIn 0.5s 1s 1 both; animation: scaleIn 0.5s 1s 1 both; -moz-transform-origin: 20% 40%; -ms-transform-origin: 20% 40%; -webkit-transform-origin: 20% 40%; transform-origin: 20% 40%; }
#section-abilities .section.signature-skills .carousel > div .visible.hypernova .image a { -webkit-animation: scaleIn 0.4s 1.3s 1 both; -moz-animation: scaleIn 0.4s 1.3s 1 both; animation: scaleIn 0.4s 1.3s 1 both; }
#section-abilities .section.signature-skills .carousel > div .visible.hypernova .cta { -webkit-animation: scaleIn 0.4s 1.2s 1 both; -moz-animation: scaleIn 0.4s 1.2s 1 both; animation: scaleIn 0.4s 1.2s 1 both; }
#section-abilities .section.signature-skills .carousel > div .visible.hover .image { -webkit-animation: hover 3s ease-in-out infinite alternate; -moz-animation: hover 3s ease-in-out infinite alternate; animation: hover 3s ease-in-out infinite alternate; }
#section-abilities .section.signature-skills .carousel > div .visible.hover .image .kirby-s { -webkit-animation: bounceIn 2s ease-out 1s 1 both; -moz-animation: bounceIn 2s ease-out 1s 1 both; animation: bounceIn 2s ease-out 1s 1 both; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; }
#section-abilities .section.signature-skills .carousel > div .visible.spit .image .kirby-s { -webkit-animation: spit 0.8s ease-in-out 1s 1 both; -moz-animation: spit 0.8s ease-in-out 1s 1 both; animation: spit 0.8s ease-in-out 1s 1 both; -moz-transform-origin: 75% 75%; -ms-transform-origin: 75% 75%; -webkit-transform-origin: 75% 75%; transform-origin: 75% 75%; }
#section-abilities .section.signature-skills .carousel > div .visible.dance .image { -webkit-animation: jiggle 0.3s ease-in-out infinite alternate; -moz-animation: jiggle 0.3s ease-in-out infinite alternate; animation: jiggle 0.3s ease-in-out infinite alternate; -moz-transform-origin: 35% 35%; -ms-transform-origin: 35% 35%; -webkit-transform-origin: 35% 35%; transform-origin: 35% 35%; }
#section-abilities .section.signature-skills .carousel > div .visible.dance .image .kirby-s { -webkit-animation: bounceIn 0.8s ease-in-out 1s 1 both; -moz-animation: bounceIn 0.8s ease-in-out 1s 1 both; animation: bounceIn 0.8s ease-in-out 1s 1 both; -moz-transform-origin: 75% 75%; -ms-transform-origin: 75% 75%; -webkit-transform-origin: 75% 75%; transform-origin: 75% 75%; }
#section-abilities .section.signature-skills nav { padding-left: 0.9375rem; padding-right: 0.9375rem; width: 60%; float: left; margin-left: auto; margin-right: auto; float: none !important; }
#section-abilities .section.signature-skills nav ul { display: block; padding: 0; margin: 0; *zoom: 1; background: #FFF; border-radius: 6.25rem; height: 6.25rem; }
#section-abilities .section.signature-skills nav ul:before, #section-abilities .section.signature-skills nav ul:after { content: " "; display: table; }
#section-abilities .section.signature-skills nav ul:after { clear: both; }
#section-abilities .section.signature-skills nav ul > li { display: block; height: auto; float: left; padding: 0 0px 0px; }
#section-abilities .section.signature-skills nav ul > li { width: 25%; padding: 0 0px 0px; list-style: none; }
#section-abilities .section.signature-skills nav ul > li:nth-of-type(n) { clear: none; }
#section-abilities .section.signature-skills nav ul > li:nth-of-type(4n+1) { clear: both; }
#section-abilities .section.signature-skills nav ul > li:nth-child(4n+1) { padding-left: 0px; padding-right: 0px; }
#section-abilities .section.signature-skills nav ul > li:nth-child(4n+2) { padding-left: 0px; padding-right: 0px; }
#section-abilities .section.signature-skills nav ul > li:nth-child(4n+3) { padding-left: 0px; padding-right: 0px; }
#section-abilities .section.signature-skills nav ul > li:nth-child(4n) { padding-left: 0px; padding-right: 0px; }
#section-abilities .section.signature-skills nav ul li { height: 9.375rem; position: relative; }
#section-abilities .section.signature-skills nav ul li a { color: #0c409f; font-family: Sniglet; font-size: 17px; font-weight: 800; bottom: 0px; display: block; position: absolute; text-align: center; width: 100%; }
#section-abilities .section.signature-skills nav ul li a .icon { -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; height: 130px; position: relative; width: 130px; }
#section-abilities .section.signature-skills nav ul li a .icon .kirby-s { -moz-transform: scale(0.3, 0.3); -ms-transform: scale(0.3, 0.3); -webkit-transform: scale(0.3, 0.3); transform: scale(0.3, 0.3); -moz-transform-origin: 0px 0px; -ms-transform-origin: 0px 0px; -webkit-transform-origin: 0px 0px; transform-origin: 0px 0px; left: 50%; margin-left: -50px; position: absolute; top: 0; }
#section-abilities .section.signature-skills nav ul li a .text { background: #FFF; border-radius: 50px; color: #e5276f; display: inline-block; min-width: 6.25rem; padding: 5px 10px; }
#section-abilities .section.signature-skills nav ul li a:hover .icon { -webkit-animation: attention1 0.5s 1; -moz-animation: attention1 0.5s 1; animation: attention1 0.5s 1; }
#section-abilities .section.signature-skills nav ul li a:hover .text { -webkit-animation: masked-animation 2s infinite linear; -moz-animation: masked-animation 2s infinite linear; animation: masked-animation 2s infinite linear; background: url('../img/bg-button-gradient.png?1396635988') left top; box-shadow: inset 0px 0px 20px #cb0236; color: #FFF; }
#section-abilities .section.signature-skills nav ul li.selected a { cursor: default; }
#section-abilities .section.signature-skills nav ul li.selected a .icon { -webkit-animation: none; animation: none; }
#section-abilities .section.signature-skills nav ul li.selected a .text { background: #e5276f; box-shadow: inset 0px 0px 20px #cb0236; color: #FFF; }
#section-abilities .section.signature-skills nav ul li.hypernova a .cta { bottom: 20px; height: 35px; left: -10px; position: absolute; width: 35px; }
#section-abilities .section.signature-skills nav ul li.hover a .icon .kirby-s { margin-left: -2.5rem; top: 20px; }
#section-abilities .section.signature-skills nav ul li.spit a .icon .kirby-s { top: 20px; }
#section-abilities .section.copy-abilities .head h2 { position: relative; z-index: 2; }
#section-abilities .section.copy-abilities .head .quiz { background: url('../img/quiz/Quiz-callout-2x.png?1400176082') no-repeat center center; background-size: cover; display: inline-block; height: 159.5px; overflow: hidden; position: absolute; top: -50px; right: 20px; text-indent: -999em; width: 203.5px; }
#section-abilities .section.copy-abilities .carousel { padding-left: 0.9375rem; padding-right: 0.9375rem; width: 50%; float: left; height: 37.5rem; }
#section-abilities .section.copy-abilities .carousel > div { position: relative; }
#section-abilities .section.copy-abilities .carousel > div .ability { width: 100%; margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0; max-width: 62.5rem; *zoom: 1; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear; float: left; height: 37.5rem; opacity: 0; position: absolute; text-align: center; z-index: 1; }
#section-abilities .section.copy-abilities .carousel > div .ability:before, #section-abilities .section.copy-abilities .carousel > div .ability:after { content: " "; display: table; }
#section-abilities .section.copy-abilities .carousel > div .ability:after { clear: both; }
#section-abilities .section.copy-abilities .carousel > div .ability .image { padding-left: 0.9375rem; padding-right: 0.9375rem; width: 100%; float: left; height: 25rem; margin-bottom: 20px; }
#section-abilities .section.copy-abilities .carousel > div .ability .image .button-play-delegate { bottom: 0px; color: #FFF; left: 50px; }
#section-abilities .section.copy-abilities .carousel > div .ability .image .button-play-delegate span { left: 50%; margin-left: -3.4em; top: -4.5em; }
#section-abilities .section.copy-abilities .carousel > div .ability .image .kirby-s { bottom: 0px; display: inline-block; left: 50%; margin-left: -25%; position: absolute; }
#section-abilities .section.copy-abilities .carousel > div .ability .content { padding-left: 0.9375rem; padding-right: 0.9375rem; width: 60%; float: left; margin-left: auto; margin-right: auto; float: none !important; }
#section-abilities .section.copy-abilities .carousel > div .ability .content h2 { position: relative; }
#section-abilities .section.copy-abilities .carousel > div .ability .content .cta { bottom: 0px; display: inline-block; position: absolute; }
#section-abilities .section.copy-abilities .carousel > div .ability.selected { -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; transition: all 0.5s linear; opacity: 1; z-index: 2; }
#section-abilities .section.copy-abilities .carousel > div .ability.archer .image .kirby-s { margin-left: -35%; }
#section-abilities .section.copy-abilities .carousel > div .ability.bell .image .kirby-s { margin-left: -30%; }
#section-abilities .section.copy-abilities .carousel > div .ability.circus .image .kirby-s { margin-left: -35%; }
#section-abilities .section.copy-abilities .carousel > div .ability.ice .image .kirby-s { margin-left: -45%; }
#section-abilities .section.copy-abilities .carousel > div .ability.stone .image .kirby-s { margin-left: -35%; }
#section-abilities .section.copy-abilities .carousel > div .ability.spear .image .kirby-s { margin-left: -60%; }
#section-abilities .section.copy-abilities .carousel > div .ability.sword .image .kirby-s { margin-left: -65%; }
#section-abilities .section.copy-abilities .carousel > div .ability.ninja .image .kirby-s { margin-left: -45%; }
#section-abilities .section.copy-abilities .carousel > div .ability.whip .image .kirby-s { margin-left: -70%; }
#section-abilities .section.copy-abilities .carousel > div .ability.fighter .image .kirby-s { margin-left: -30%; }
#section-abilities .section.copy-abilities .carousel > div .ability.bomb .image .kirby-s { margin-left: -30%; }
#section-abilities .section.copy-abilities .carousel > div .ability.mike .image .kirby-s { margin-left: -30%; }
#section-abilities .section.copy-abilities .carousel > div .ability.leaf .image .kirby-s { bottom: -65px; }
#section-abilities .section.copy-abilities nav { padding-left: 0.9375rem; padding-right: 0.9375rem; width: 50%; float: left; background: #FFF; border-radius: 3.125rem; position: relative; }
#section-abilities .section.copy-abilities nav .cta { -moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); transform: rotate(-15deg); left: 50%; margin-left: -37px; position: absolute; top: -20px; z-index: 100; }
#section-abilities .section.copy-abilities nav ul { margin-top: 0.9375rem !important; -webkit-backface-visibility: hidden; }
#section-abilities .section.copy-abilities nav ul.row-4 { display: block; padding: 0; margin: 0; *zoom: 1; }
#section-abilities .section.copy-abilities nav ul.row-4:before, #section-abilities .section.copy-abilities nav ul.row-4:after { content: " "; display: table; }
#section-abilities .section.copy-abilities nav ul.row-4:after { clear: both; }
#section-abilities .section.copy-abilities nav ul.row-4 > li { display: block; height: auto; float: left; padding: 0 0 0; }
#section-abilities .section.copy-abilities nav ul.row-4 > li { width: 25%; padding: 0 0 0; list-style: none; }
#section-abilities .section.copy-abilities nav ul.row-4 > li:nth-of-type(n) { clear: none; }
#section-abilities .section.copy-abilities nav ul.row-4 > li:nth-of-type(4n+1) { clear: both; }
#section-abilities .section.copy-abilities nav ul.row-4 > li:nth-child(4n+1) { padding-left: 0; padding-right: 0; }
#section-abilities .section.copy-abilities nav ul.row-4 > li:nth-child(4n+2) { padding-left: 0; padding-right: 0; }
#section-abilities .section.copy-abilities nav ul.row-4 > li:nth-child(4n+3) { padding-left: 0; padding-right: 0; }
#section-abilities .section.copy-abilities nav ul.row-4 > li:nth-child(4n) { padding-left: 0; padding-right: 0; }
#section-abilities .section.copy-abilities nav ul.row-5 { display: block; padding: 0; margin: 0; *zoom: 1; }
#section-abilities .section.copy-abilities nav ul.row-5:before, #section-abilities .section.copy-abilities nav ul.row-5:after { content: " "; display: table; }
#section-abilities .section.copy-abilities nav ul.row-5:after { clear: both; }
#section-abilities .section.copy-abilities nav ul.row-5 > li { display: block; height: auto; float: left; padding: 0 0 0; }
#section-abilities .section.copy-abilities nav ul.row-5 > li { width: 20%; padding: 0 0 0; list-style: none; }
#section-abilities .section.copy-abilities nav ul.row-5 > li:nth-of-type(n) { clear: none; }
#section-abilities .section.copy-abilities nav ul.row-5 > li:nth-of-type(5n+1) { clear: both; }
#section-abilities .section.copy-abilities nav ul.row-5 > li:nth-child(5n+1) { padding-left: 0; padding-right: 0; }
#section-abilities .section.copy-abilities nav ul.row-5 > li:nth-child(5n+2) { padding-left: 0; padding-right: 0; }
#section-abilities .section.copy-abilities nav ul.row-5 > li:nth-child(5n+3) { padding-left: 0; padding-right: 0; }
#section-abilities .section.copy-abilities nav ul.row-5 > li:nth-child(5n+4) { padding-left: 0; padding-right: 0; }
#section-abilities .section.copy-abilities nav ul.row-5 > li:nth-child(5n) { padding-left: 0; padding-right: 0; }
#section-abilities .section.copy-abilities nav ul.new { background: #e5276f; border-radius: 2.5rem; }
#section-abilities .section.copy-abilities nav ul.new li a .text { color: #fcff00; text-shadow: 0px 2px 2px #e5276f; }
#section-abilities .section.copy-abilities nav ul.old-1, #section-abilities .section.copy-abilities nav ul.old-3 { margin: 0px 30px; }
#section-abilities .section.copy-abilities nav ul.old-3 { margin-bottom: 10px; }
#section-abilities .section.copy-abilities nav ul li a { display: block; min-height: 120px; position: relative; text-align: center; }
#section-abilities .section.copy-abilities nav ul li a .icon { -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; height: 110px; width: 110px; left: 50%; margin-left: -50px; position: absolute; top: 0px; }
#section-abilities .section.copy-abilities nav ul li a .icon .kirby-s { -moz-transform: scale(0.3, 0.3); -ms-transform: scale(0.3, 0.3); -webkit-transform: scale(0.3, 0.3); transform: scale(0.3, 0.3); -moz-transform-origin: 0px 0px; -ms-transform-origin: 0px 0px; -webkit-transform-origin: 0px 0px; transform-origin: 0px 0px; }
#section-abilities .section.copy-abilities nav ul li a .text { color: #e5276f; font-family: Sniglet; font-size: 18px; font-weight: 800; bottom: 0px; display: inline-block; left: 0px; position: absolute; width: 100%; }
#section-abilities .section.copy-abilities nav ul li a:hover .icon { -webkit-animation: attention1 0.5s 1; -moz-animation: attention1 0.5s 1; animation: attention1 0.5s 1; }
#section-abilities .section.copy-abilities nav ul li.beetle .icon { margin-left: -35px; top: -23px; }
#section-abilities .section.copy-abilities nav ul li.archer .icon { top: 23px; }
#section-abilities .section.copy-abilities nav ul li.bell .icon { margin-left: -41px; }
#section-abilities .section.copy-abilities nav ul li.circus .icon { top: -36px; }
#section-abilities .section.copy-abilities nav ul li.ice .icon { margin-left: -70px; top: 15px; }
#section-abilities .section.copy-abilities nav ul li.cutter .icon { top: 15px; margin-left: -38px; }
#section-abilities .section.copy-abilities nav ul li.stone .icon { margin-left: -58px; top: 5px; }
#section-abilities .section.copy-abilities nav ul li.spear .icon { margin-left: -85px; }
#section-abilities .section.copy-abilities nav ul li.sword .icon { top: 17px; margin-left: -90px; }
#section-abilities .section.copy-abilities nav ul li.ninja .icon { top: 11px; margin-left: -62px; z-index: 2; }
#section-abilities .section.copy-abilities nav ul li.whip .icon { margin-left: -100px; top: -11px; z-index: 1; }
#section-abilities .section.copy-abilities nav ul li.beam .icon { top: 7px; margin-left: -40px; }
#section-abilities .section.copy-abilities nav ul li.fire .icon { top: -17px; margin-left: -37px; }
#section-abilities .section.copy-abilities nav ul li.leaf .icon { margin-left: -25px; top: 8px; }
#section-abilities .section.copy-abilities nav ul li.mike .icon { top: 26px; margin-left: -40px; }
#section-abilities .section.copy-abilities nav ul li.bomb .icon { top: -18px; margin-left: -40px; }
#section-abilities .section.copy-abilities nav ul li.fighter .icon { top: 20px; }

.lang-fr #section-abilities .section.copy-abilities nav ul li.fighter .text { left: -20px; }

@media only screen and (min-width: 40.063em) { #section-abilities .head { margin-bottom: 1.875rem; }
  #section-abilities .head p { padding-left: 0.9375rem; padding-right: 0.9375rem; width: 60%; float: left; margin-left: auto; margin-right: auto; float: none !important; } }
@media only screen and (min-width: 40.063em) and (max-width: 56em) { section.sub-page#section-abilities .section .head h1 { width: 80%; max-width: 42.0625rem; }
  section.sub-page#section-abilities .section.copy-abilities .head .quiz { right: -20px; } }
@media only screen and (min-width: 40.063em) and (max-width: 56em), only screen and (max-width: 40em) { section.sub-page#section-abilities { height: auto; }
  section.sub-page#section-abilities .section.signature-skills .carousel::before, section.sub-page#section-abilities .section.signature-skills .carousel::after { display: none; }
  section.sub-page#section-abilities .section.signature-skills .carousel > div .move .content { padding-left: 0.9375rem; padding-right: 0.9375rem; width: 40%; float: left; margin-left: 0% !important; }
  section.sub-page#section-abilities .section.signature-skills .carousel > div .move .image { padding-left: 0.9375rem; padding-right: 0.9375rem; width: 60%; float: left; }
  section.sub-page#section-abilities .section.signature-skills .carousel > div .move .image .kirby-s { margin: 0px auto; }
  section.sub-page#section-abilities .section.signature-skills nav { padding-left: 0.9375rem; padding-right: 0.9375rem; width: 90%; float: left; margin-left: auto; margin-right: auto; float: none !important; }
  section.sub-page#section-abilities .section.copy-abilities .carousel { padding-left: 0.9375rem; padding-right: 0.9375rem; width: 100%; float: left; }
  section.sub-page#section-abilities .section.copy-abilities .carousel > div { position: relative; }
  section.sub-page#section-abilities .section.copy-abilities .carousel > div .ability .image { padding-left: 0.9375rem; padding-right: 0.9375rem; width: 10%; float: left; margin-left: auto; margin-right: auto; float: none !important; }
  section.sub-page#section-abilities .section.copy-abilities .carousel > div .ability .image .button-play-delegate { left: -200%; }
  section.sub-page#section-abilities .section.copy-abilities .carousel > div .ability .image .kirby-s { margin-left: -100px; }
  section.sub-page#section-abilities .section.copy-abilities .carousel > div .ability.archer .image .kirby-s { margin-left: -150px; }
  section.sub-page#section-abilities .section.copy-abilities .carousel > div .ability.bell .image .kirby-s { margin-left: -100px; }
  section.sub-page#section-abilities .section.copy-abilities .carousel > div .ability.circus .image .kirby-s { margin-left: -150px; }
  section.sub-page#section-abilities .section.copy-abilities .carousel > div .ability.ice .image .kirby-s { margin-left: -200px; }
  section.sub-page#section-abilities .section.copy-abilities .carousel > div .ability.stone .image .kirby-s { margin-left: -180px; }
  section.sub-page#section-abilities .section.copy-abilities .carousel > div .ability.spear .image .kirby-s { margin-left: -270px; }
  section.sub-page#section-abilities .section.copy-abilities .carousel > div .ability.sword .image .kirby-s { margin-left: -300px; }
  section.sub-page#section-abilities .section.copy-abilities .carousel > div .ability.ninja .image .kirby-s { margin-left: -200px; }
  section.sub-page#section-abilities .section.copy-abilities .carousel > div .ability.whip .image .kirby-s { margin-left: -310px; }
  section.sub-page#section-abilities .section.copy-abilities .carousel > div .ability.fighter .image .kirby-s { margin-left: -150px; }
  section.sub-page#section-abilities .section.copy-abilities .carousel > div .ability.bomb .image .kirby-s { margin-left: -130px; }
  section.sub-page#section-abilities .section.copy-abilities .carousel > div .ability.mike .image .kirby-s { margin-left: -130px; }
  section.sub-page#section-abilities .section.copy-abilities .carousel > div .ability.leaf .image .kirby-s { bottom: -65px; }
  section.sub-page#section-abilities .section.copy-abilities nav { display: none; }
  section.sub-page#section-abilities .section.copy-abilities nav.touch { padding-left: 0.9375rem; padding-right: 0.9375rem; width: 100%; float: left; background: none; display: block; height: 0px; margin-top: -400px; position: relative; z-index: 5; }
  section.sub-page#section-abilities .section.copy-abilities nav.touch .next { float: right; } }
@media only screen and (max-width: 40em) { .lang-fr section.sub-page#section-abilities .section.signature-skills .image .button-play-delegate span { margin: -8.5em 0px 0 -3.5em; }
  section.sub-page#section-abilities .section .head { margin-bottom: 0px; }
  section.sub-page#section-abilities .section .head h1 { width: 80%; }
  section.sub-page#section-abilities .section.signature-skills { margin-top: 25px; }
  section.sub-page#section-abilities .section.signature-skills .carousel, section.sub-page#section-abilities .section.signature-skills nav { display: none; }
  section.sub-page#section-abilities .section.signature-skills .content { padding-left: 0.9375rem; padding-right: 0.9375rem; width: 80%; float: left; margin-left: auto; margin-right: auto; float: none !important; text-align: center; }
  section.sub-page#section-abilities .section.signature-skills .content .cta { position: absolute; top: -40px; right: -20px; }
  section.sub-page#section-abilities .section.signature-skills .image { padding-left: 0.9375rem; padding-right: 0.9375rem; width: 10%; float: left; margin-left: auto; margin-right: auto; float: none !important; -moz-transform: scale(0.6, 0.6); -ms-transform: scale(0.6, 0.6); -webkit-transform: scale(0.6, 0.6); transform: scale(0.6, 0.6); margin-bottom: -80px; margin-top: -40px; height: 240px; }
  section.sub-page#section-abilities .section.signature-skills .image .kirby-s { left: 50%; margin-left: -160px; position: absolute; }
  section.sub-page#section-abilities .section.signature-skills .image .video { -moz-transform: scale(1.4, 1.4); -ms-transform: scale(1.4, 1.4); -webkit-transform: scale(1.4, 1.4); transform: scale(1.4, 1.4); }
  section.sub-page#section-abilities .section.signature-skills .image .button-play-delegate { color: #FFF; display: inline-block; left: 120px; text-align: center; top: 390px; width: 150px; }
  section.sub-page#section-abilities .section.signature-skills .image .button-play-delegate span { left: 50%; margin: -8em 0px 0 -3.5em; }
  section.sub-page#section-abilities .section.signature-skills.hypernova .image { height: 300px; }
  section.sub-page#section-abilities .section.signature-skills.hypernova .image .kirby-s { left: 50%; margin-left: -180px; position: absolute; }
  section.sub-page#section-abilities .section.signature-skills.dance .image { padding-left: 0.9375rem; padding-right: 0.9375rem; width: 10%; float: left; margin-left: auto; margin-right: auto; float: none !important; -moz-transform: scale(0.6, 0.6); -ms-transform: scale(0.6, 0.6); -webkit-transform: scale(0.6, 0.6); transform: scale(0.6, 0.6); margin-bottom: -80px; margin-top: -40px; height: 300px; }
  section.sub-page#section-abilities .section.copy-abilities .head { position: relative; z-index: 10; }
  section.sub-page#section-abilities .section.copy-abilities .head .quiz { height: 106.33333px; top: -40px; right: -10px; width: 135.66667px; z-index: 3; }
  section.sub-page#section-abilities .section.copy-abilities .carousel { height: 28.125rem; z-index: 9; }
  section.sub-page#section-abilities .section.copy-abilities .carousel > div { position: relative; }
  section.sub-page#section-abilities .section.copy-abilities .carousel > div .ability .image { -moz-transform: scale(0.8, 0.8); -ms-transform: scale(0.8, 0.8); -webkit-transform: scale(0.8, 0.8); transform: scale(0.8, 0.8); height: 25rem; left: 0px; margin-top: -25%; margin-bottom: -5%; position: relative; }
  section.sub-page#section-abilities .section.copy-abilities .carousel > div .ability .image .video { -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); bottom: -20px; left: -300%; z-index: 999; }
  section.sub-page#section-abilities .section.copy-abilities .carousel > div .ability .image .kirby-s { -moz-transform: scale(0.75, 0.75); -ms-transform: scale(0.75, 0.75); -webkit-transform: scale(0.75, 0.75); transform: scale(0.75, 0.75); margin-left: -150px; }
  section.sub-page#section-abilities .section.copy-abilities .carousel > div .ability .content { width: auto; }
  section.sub-page#section-abilities .section.copy-abilities .carousel > div .ability.beetle .image .kirby-s { margin-left: -90px; bottom: -11%; }
  section.sub-page#section-abilities .section.copy-abilities .carousel > div .ability.archer .image .kirby-s { bottom: -2%; margin-left: -150px; }
  section.sub-page#section-abilities .section.copy-abilities .carousel > div .ability.bell .image .kirby-s { bottom: -2%; margin-left: -150px; }
  section.sub-page#section-abilities .section.copy-abilities .carousel > div .ability.circus .image .kirby-s { margin-left: -170px; bottom: -18%; }
  section.sub-page#section-abilities .section.copy-abilities .carousel > div .ability.ice .image .kirby-s { margin-left: -200px; bottom: -10%; }
  section.sub-page#section-abilities .section.copy-abilities .carousel > div .ability.cutter .image .kirby-s { margin-left: -120px; bottom: -2%; }
  section.sub-page#section-abilities .section.copy-abilities .carousel > div .ability.stone .image .kirby-s { margin-left: -160px; bottom: -8%; }
  section.sub-page#section-abilities .section.copy-abilities .carousel > div .ability.spear .image .kirby-s { margin-left: -260px; bottom: -8%; }
  section.sub-page#section-abilities .section.copy-abilities .carousel > div .ability.sword .image .kirby-s { margin-left: -270px; bottom: 1%; }
  section.sub-page#section-abilities .section.copy-abilities .carousel > div .ability.ninja .image .kirby-s { margin-left: -200px; bottom: -4%; }
  section.sub-page#section-abilities .section.copy-abilities .carousel > div .ability.whip .image .kirby-s { margin-left: -300px; bottom: -6%; }
  section.sub-page#section-abilities .section.copy-abilities .carousel > div .ability.beam .image .kirby-s { bottom: -2%; margin-left: -120px; }
  section.sub-page#section-abilities .section.copy-abilities .carousel > div .ability.fire .image .kirby-s { bottom: -9%; margin-left: -120px; }
  section.sub-page#section-abilities .section.copy-abilities .carousel > div .ability.fighter .image .kirby-s { margin-left: -150px; }
  section.sub-page#section-abilities .section.copy-abilities .carousel > div .ability.bomb .image .kirby-s { bottom: -3%; margin-left: -120px; }
  section.sub-page#section-abilities .section.copy-abilities .carousel > div .ability.mike .image .kirby-s { bottom: -3%; margin-left: -120px; }
  section.sub-page#section-abilities .section.copy-abilities .carousel > div .ability.leaf .image .kirby-s { bottom: -22%; margin-left: -110px; }
  section.sub-page#section-abilities .section.copy-abilities nav.touch { margin-top: -270px; } }
/*  Modes.scss Author          liamegan email           liam@wethecollective.com Created         2014-04-09 15:40:43 Description      Edited by       liamegan Edited          2014-05-05 16:27:20
*/
#section-modes .section.section-head { text-align: center; }
#section-modes .section.section-head .head { padding-left: 0.9375rem; padding-right: 0.9375rem; width: 100%; float: left; margin-left: auto; margin-right: auto; float: none !important; }
#section-modes .section.section-head p { padding-left: 0.9375rem; padding-right: 0.9375rem; width: 60%; float: left; margin-left: auto; margin-right: auto; float: none !important; }
#section-modes .section.kirby-fighters { margin-top: 1.25rem; }
#section-modes .section.kirby-fighters .content { padding-top: 1.5625rem; }
#section-modes .section.kirby-fighters .content p { margin-bottom: 1em; }
#section-modes .section.kirby-fighters .content p img { float: left; margin: 0px 10px 0px 0px; }
#section-modes .section.kirby-fighters .images { padding-left: 0.9375rem; padding-right: 0.9375rem; width: 80%; float: left; background: url('../img/bg-gallery-4-col.png?1397089014'); background-size: 100% 100%; position: relative; }
#section-modes .section.kirby-fighters .images .image-carousel { width: 20.625rem; }
#section-modes .section.kirby-fighters .images .image-carousel .item { width: 20.625rem; }
#section-modes .section.kirby-fighters .image a { display: none; position: relative; }
#section-modes .section.kirby-fighters .image a span.button-play-delegate { bottom: 0px; left: 100px; position: absolute; }
#section-modes .section.kirby-fighters .image a span.button-play-delegate span { left: -7.5em; top: -2.4em; font-size: 0.6em; }
#section-modes .section.kirby-fighters .image img { left: -3.75rem; max-width: inherit; max-width: initial; position: relative; }
#section-modes .section.kirby-fighters .image .img.fighters { background: url('../img/img-kirby-fighters-nologo.png?1399324029') no-repeat center center; background-size: contain; height: 0px; left: -3.75rem; padding-bottom: 96.19512%; position: relative; width: 120%; }
#section-modes .section.kirby-fighters .image .img.logo { background: url('../img/logo-kirby-fighters.png?1397848885') no-repeat center center; background-size: 34% auto; height: 0; left: 23px; margin: 0px auto; padding-bottom: 80.1626%; position: relative; top: 12px; width: 100%; }
#section-modes .section.kirby-fighters.play .image a { display: block; }
#section-modes .section.kirby-fighters.play .image a span.button-play-delegate { -webkit-animation: scaleUp 0.3s cubic-bezier(0.26, 1.52, 0.81, 1) 0.7s 1 both; -moz-animation: scaleUp 0.3s cubic-bezier(0.26, 1.52, 0.81, 1) 0.7s 1 both; animation: scaleUp 0.3s cubic-bezier(0.26, 1.52, 0.81, 1) 0.7s 1 both; }
#section-modes .section.kirby-fighters.play .image .img.fighters { -webkit-animation: scaleUp 0.2s cubic-bezier(0.26, 1.52, 0.81, 1) 0s 1 both; -moz-animation: scaleUp 0.2s cubic-bezier(0.26, 1.52, 0.81, 1) 0s 1 both; animation: scaleUp 0.2s cubic-bezier(0.26, 1.52, 0.81, 1) 0s 1 both; }
#section-modes .section.kirby-fighters.play .image .img.logo { -webkit-animation: scaleUp 0.3s cubic-bezier(0.26, 1.52, 0.81, 1) 0.1s 1 both; -moz-animation: scaleUp 0.3s cubic-bezier(0.26, 1.52, 0.81, 1) 0.1s 1 both; animation: scaleUp 0.3s cubic-bezier(0.26, 1.52, 0.81, 1) 0.1s 1 both; }
#section-modes .section.modes .content { padding-left: 0.9375rem; padding-right: 0.9375rem; width: 100%; float: left; }
#section-modes .section.modes ul { display: block; padding: 0; margin: 0; *zoom: 1; }
#section-modes .section.modes ul:before, #section-modes .section.modes ul:after { content: " "; display: table; }
#section-modes .section.modes ul:after { clear: both; }
#section-modes .section.modes ul > li { display: block; height: auto; float: left; padding: 0 2.5rem 5rem; }
#section-modes .section.modes ul > li { width: 33.33333%; padding: 0 2.5rem 5rem; list-style: none; }
#section-modes .section.modes ul > li:nth-of-type(n) { clear: none; }
#section-modes .section.modes ul > li:nth-of-type(3n+1) { clear: both; }
#section-modes .section.modes ul > li:nth-child(3n+1) { padding-left: 0rem; padding-right: 3.33333rem; }
#section-modes .section.modes ul > li:nth-child(3n+2) { padding-left: 1.66667rem; padding-right: 1.66667rem; }
#section-modes .section.modes ul > li:nth-child(3n) { padding-left: 3.33333rem; padding-right: 0rem; }
#section-modes .section.modes ul li .li-content { text-align: center; }
#section-modes .section.modes ul li .li-image { background: url('../img/bg-thirds-1.png?1397083395'); background-size: 100% 100%; position: relative; }
#section-modes .section.modes ul li .li-image a { display: block; padding: 1.0625rem; }
#section-modes .section.modes ul li .li-image .img { background: silver; border-radius: 5px; box-shadow: inset 3px 3px 5px RGBA(0, 0, 0, 0.5); height: 0px; padding-bottom: 52.966%; position: relative; }
#section-modes .section.modes ul li .li-image .img::before { box-shadow: inset 3px 3px 10px RGBA(0, 0, 0, 0.7); content: " "; height: 100%; left: 0px; position: absolute; top: 0px; width: 100%; }
#section-modes .section.modes ul li .li-image .img img { height: auto; max-width: 100%; width: 100%; }
#section-modes .section.modes ul li .li-image .button-play { font-size: 0.6em; left: 50%; margin: -3em 0px 0px -3em; position: absolute; top: 50%; }
#section-modes .section.modes ul li .li-image img.callout { left: 50%; margin-left: -50px; position: absolute; top: 7.8125rem; }
#section-modes .section.modes ul li.drum-bash .li-image img.callout { margin-left: -90px; }
#section-modes .section.modes ul li.arena .li-image { background-image: url('../img/bg-thirds-2.png?1397083392'); }
#section-modes .section.modes ul li.arena .li-image img.callout { margin-left: -120px; margin-top: -14px; }
#section-modes .section.modes ul li.tour .li-image { background-image: url('../img/bg-thirds-3.png?1397083397'); }
#section-modes .section.modes ul li.tour .li-image img.callout { margin-left: -70px; margin-top: -10px; }
#section-modes .section.share-your-scores .images { padding-left: 0.9375rem; padding-right: 0.9375rem; width: 40%; float: left; background: url('../img/bg-gallery-4-col.png?1397089014'); background-size: 100% 100%; position: relative; }

.lang-fr #section-modes .section.modes .li-content p { height: 6.4em; overflow: hidden; }

.lang-es #section-modes .section.modes .li-content p { height: 4.8em; overflow: hidden; }

@media only screen and (min-width: 40.063em) and (max-width: 56em), only screen and (max-width: 40em) { section.sub-page#section-modes { height: auto; }
  #section-modes .section.kirby-fighters .content { padding-left: 0.9375rem; padding-right: 0.9375rem; width: 60%; float: left; margin-left: auto; margin-right: auto; float: none !important; opacity: 1; text-align: center; }
  #section-modes .section.kirby-fighters .content p img { clear: both; display: block; float: none; margin: 0px auto 10px auto; }
  #section-modes .section.kirby-fighters .images { padding-left: 0.9375rem; padding-right: 0.9375rem; width: 80%; float: left; margin-left: auto; margin-right: auto; float: none !important; display: none; }
  #section-modes .section.kirby-fighters .images .image-carousel { width: auto; }
  #section-modes .section.kirby-fighters .images .image-carousel .item { width: auto; }
  #section-modes .section.kirby-fighters .image { padding-left: 0.9375rem; padding-right: 0.9375rem; width: 60%; float: left; margin-left: auto; margin-right: auto; float: none !important; display: block; }
  #section-modes .section.kirby-fighters .image img { left: 0px; width: 100%; }
  #section-modes .section.kirby-fighters .image a { display: block; left: 0px; width: 100%; }
  #section-modes .section.kirby-fighters .image a span.button-play-delegate { bottom: -2em; display: inline-block; left: 50%; margin-left: -60px; text-align: center; top: auto; width: 150px; }
  #section-modes .section.kirby-fighters .image a span.button-play-delegate span { left: 50%; margin: -5em 0px 0 -3.5em; } }
@media only screen and (min-width: 40.063em) and (max-width: 56em) { #section-modes .section.section-head { text-align: center; }
  #section-modes .section.section-head .head { padding-left: 0.9375rem; padding-right: 0.9375rem; width: 80%; float: left; }
  #section-modes .section.modes ul { display: block; padding: 0; margin: 0; *zoom: 1; }
  #section-modes .section.modes ul:before, #section-modes .section.modes ul:after { content: " "; display: table; }
  #section-modes .section.modes ul:after { clear: both; }
  #section-modes .section.modes ul > li { display: block; height: auto; float: left; padding: 0 0.9375rem 1.875rem; }
  #section-modes .section.modes ul > li { width: 50%; padding: 0 0.9375rem 1.875rem; list-style: none; }
  #section-modes .section.modes ul > li:nth-of-type(n) { clear: none; }
  #section-modes .section.modes ul > li:nth-of-type(2n+1) { clear: both; }
  #section-modes .section.modes ul > li:nth-child(2n+1) { padding-left: 0rem; padding-right: 0.9375rem; }
  #section-modes .section.modes ul > li:nth-child(2n) { padding-left: 0.9375rem; padding-right: 0rem; }
  #section-modes .section.modes ul li { text-align: center; }
  #section-modes .section.modes ul li .li-content p { height: auto !important; min-height: 3.5em; padding: 0px 10%; }
  #section-modes .section.modes ul li .li-image { display: inline-block; max-width: 350px; }
  #section-modes .section.modes ul li.tour { margin: 0px auto; float: none; padding-top: 30px; } }
@media only screen and (max-width: 40em) { #section-modes .section { margin-top: 0px; }
  #section-modes .section.section-head .head, #section-modes .section.section-head p { padding-left: 0.9375rem; padding-right: 0.9375rem; width: 100%; float: left; }
  #section-modes .section.kirby-fighters .content { padding-left: 0.9375rem; padding-right: 0.9375rem; width: 100%; float: left; }
  #section-modes .section.kirby-fighters .images { padding-left: 0.9375rem; padding-right: 0.9375rem; width: 100%; float: left; }
  #section-modes .section.kirby-fighters .image { padding-left: 0.9375rem; padding-right: 0.9375rem; width: 100%; float: left; }
  #section-modes .section.kirby-fighters .image a span.button-play-delegate { bottom: -3.5em; }
  #section-modes .section.modes { margin-bottom: 40px; }
  #section-modes .section.modes ul { display: block; padding: 0; margin: 0; *zoom: 1; }
  #section-modes .section.modes ul:before, #section-modes .section.modes ul:after { content: " "; display: table; }
  #section-modes .section.modes ul:after { clear: both; }
  #section-modes .section.modes ul > li { display: block; height: auto; float: left; padding: 0 0.9375rem 1.875rem; }
  #section-modes .section.modes ul > li { width: 100%; padding: 0 0.9375rem 1.875rem; list-style: none; }
  #section-modes .section.modes ul > li:nth-of-type(n) { clear: none; }
  #section-modes .section.modes ul > li:nth-of-type(1n+1) { clear: both; }
  #section-modes .section.modes ul > li:nth-child(1n) { padding-left: 0rem; padding-right: 0rem; }
  #section-modes .section.modes ul li { margin-bottom: 40px; }
  #section-modes .section.modes ul li .li-content h2 br { display: none; }
  #section-modes .section.modes ul li .li-content p { height: auto !important; }
  #section-modes .section.modes ul li .li-image img.callout { top: auto !important; bottom: -65px; }
  #section-modes .section.modes ul li.arena .li-image img.callout, #section-modes .section.modes ul li.tour .li-image img.callout { bottom: -55px; }
  #section-modes .section.share-your-scores .images { padding-left: 0.9375rem; padding-right: 0.9375rem; width: 80%; float: left; margin-left: auto; margin-right: auto; float: none !important; clear: both; }
  #section-modes .section.share-your-scores .content { padding-left: 0.9375rem; padding-right: 0.9375rem; width: 100%; float: left; text-align: center; } }
/*  Preorder.scss
 Author          liamegan email           liam@wethecollective.com Created         2014-04-12 14:54:02 Description      Edited by       liamegan Edited          2014-05-01 10:41:55
*/
section#section-hypernova { padding: 160px 0px 300px 0px; }
section#section-hypernova .flashcontainer { margin: 0px auto; min-width: 970px; height: 670px; overflow: hidden; }
section#section-hypernova #KirbyfyFlash { background: url('../img/hypernova-placeholder.png?1398369911') no-repeat center center; background-repeat: no-repeat; background-position: center center; color: #FFF; min-width: 970px; min-height: 670px; }
section#section-hypernova #KirbyfyFlash p { padding-left: 0.9375rem; padding-right: 0.9375rem; width: 40%; float: left; margin-left: auto; margin-right: auto; float: none !important; opacity: 0; position: relative; text-align: center; top: 470px; }
section#section-hypernova #KirbyfyFlash.noFlash p { -webkit-animation: fadeIn 0.5s linear 0s 1 both; -moz-animation: fadeIn 0.5s linear 0s 1 both; animation: fadeIn 0.5s linear 0s 1 both; }

@media only screen and (min-width: 40.063em) and (max-width: 56em) { section#section-hypernova .flashcontainer { min-width: inherit; height: auto; position: relative; padding-top: 62.26804%; }
  section#section-hypernova #KirbyfyFlash { background-size: cover; min-width: inherit; min-height: inherit; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; }
  section#section-hypernova #KirbyfyFlash p { top: auto; } }
@media only screen and (max-width: 40em) { section#section-hypernova .flashcontainer { margin: 70px 0px 0px; min-width: inherit; height: auto; }
  section#section-hypernova #KirbyfyFlash { background: url('../img/hypernova-placeholder-no-flash.png?1398730356') no-repeat left center; background-size: cover; min-width: inherit; min-height: inherit; padding-bottom: 92.32176%; }
  section#section-hypernova #KirbyfyFlash p { display: none; } }
section#section-preorder { padding: 160px 0px 300px 0px; }
section#section-preorder .option { padding-left: 0.9375rem; padding-right: 0.9375rem; width: 50%; float: left; text-align: center; }
section#section-preorder .option .images { height: 220px; }
section#section-preorder .option.standard .images .img.preorder-packshot { background: url('../img/img-preorder-packshot.png?1397848883'); display: inline-block; height: 185px; width: 201px; }
section#section-preorder .option.standard .button { border-radius: 20px; display: inline-block; color: #0c409f; font-size: 1.25rem; height: 77px; padding: 10px; text-shadow: 0px 2px 3px #FFF; width: 220px; }
section#section-preorder .option.standard .button .flag { background: left top no-repeat; background-size: 100% 100%; display: inline-block; float: left; height: 3.0625rem; width: 4.9375rem; }
section#section-preorder .option.standard .button .text { display: inline-block; float: left; text-align: center; width: 97px; margin: 4px 0px 0px 7px; }
section#section-preorder .option.buy-digital .button .text {
	margin: 15px 0px 0px 7px;
}
section#section-preorder .option.standard .button.usa { margin-right: 25px; }
section#section-preorder .option.standard .button.usa .flag { background-image: url('../img/img-flag-usa.png?1397848811'); }
section#section-preorder .option.standard .button.canadian .flag { background-image: url('../img/img-flag-can.png?1397848924'); }
section#section-preorder .option.digital .images { position: relative; }
section#section-preorder .option.digital .images .img.preorder-kirby { background: url('../img/img-preorder-kirby.png?1397848877'); height: 131px; left: 50%; margin-left: -190px; position: absolute; top: 50px; width: 148px; }
section#section-preorder .option.digital .images .img.preorder-3dsxl { background: url('../img/img-preorder-3dsxl.png?1397848884'); height: 190px; left: 50%; margin-left: -102px; position: absolute; width: 204px; }
section#section-preorder .option.digital .button { border-radius: 20px; display: inline-block; height: 77px; font-family: Montserrat, sans-serif; font-weight: bold; padding: 10px; width: 370px; }
section#section-preorder .option.digital .button .text { display: inline-block; float: left; font-size: 0.75rem; margin-right: 10px; padding: 12px 0px; text-align: right; width: 100px; }
section#section-preorder .option.digital .button .logo { background: url('../img/img-button-logo-eshop.png?1397848811') center center no-repeat; background-size: 100% auto; display: inline-block; height: 3.0625rem; width: 14.0625rem; }

.lang-fr section#section-preorder .option.standard .button .text { font-size: 0.8em; margin: 9px 0px 0px 7px; }
.lang-fr section#section-preorder .option.digital .button .text { width: 90px; }
.lang-fr section#section-preorder .option.digital .button .logo { background: url('../img/img-button-logo-eshop.png?1397848811') left center no-repeat; background-size: fit; width: 14.6875rem; }

/*  Quiz.scss ======================================= Author          liamegan email           liam@wethecollective.com Created         2014-05-13 13:58:21 Description      Edited by       liamegan Edited          2014-05-20 09:22:56
*/
#section-quiz { min-height: 800px; }
#section-quiz .section { opacity: 0; position: absolute; top: 100px; z-index: 0; }
#section-quiz .section.active { opacity: 1; z-index: 1; }
#section-quiz .section .image figure { display: block; margin: 30px auto; }
#section-quiz .section#intro .image { padding-left: 0.9375rem; padding-right: 0.9375rem; width: 40%; float: left; margin-left: 10% !important; }
#section-quiz .section#intro .image figure { background: url('../img/quiz/quiz-image-intro.png?1400168665'); height: 368px; margin: 0px auto; width: 354px; }
#section-quiz .section#intro .content h2 { margin: 1em 0px 0.5em; }
#section-quiz .section#intro .content p { margin: 1em 0px; }
#section-quiz .section.question .content .ribbon, #section-quiz .section.question .content h2, #section-quiz .section.question .answers, #section-quiz .section.question .image { -moz-transform: translateY(20px); -ms-transform: translateY(20px); -webkit-transform: translateY(20px); transform: translateY(20px); opacity: 0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
#section-quiz .section.question .content { padding-left: 0.9375rem; padding-right: 0.9375rem; width: 100%; float: right; float: left; margin-bottom: 20px; text-align: center; }
#section-quiz .section.question .content .ribbon { background: url('../img/quiz/question-ribbon.png?1400022111'); color: #FFF; display: inline-block; font-size: 19px; height: 52px; line-height: 42px; margin-bottom: 20px; width: 281px; }
#section-quiz .section.question .content h2 { transition-delay: 0.1s; }
#section-quiz .section.question .image { transition-delay: 0.2s; }
#section-quiz .section.question .answers { transition-delay: 0.3s; }
#section-quiz .section.question.active .content .ribbon, #section-quiz .section.question.active .content h2, #section-quiz .section.question.active .answers, #section-quiz .section.question.active .image { -moz-transform: translateY(0px); -ms-transform: translateY(0px); -webkit-transform: translateY(0px); transform: translateY(0px); opacity: 1; }
#section-quiz .section.question-general .image { padding-left: 0.9375rem; padding-right: 0.9375rem; width: 40%; float: left; }
#section-quiz .section.question-general .answers { padding-left: 0.9375rem; padding-right: 0.9375rem; width: 60%; float: left; }
#section-quiz .section.question-general .answers ul li { margin-bottom: 10px; }
#section-quiz .section.question-general .answers ul li a { transition: all .3s linear; border-radius: 30px; display: inline-block; padding: 5px 20px 5px 50px; position: relative; text-decoration: none; }
#section-quiz .section.question-general .answers ul li a::before, #section-quiz .section.question-general .answers ul li a::after { background: linear-gradient(#ff9800, #ffd015); border: 3px solid #FFF; border-radius: 20px; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3); content: " "; display: inline-block; height: 23px; left: 6px; position: absolute; top: 6px; transition: opacity .3s linear; width: 23px; z-index: 1; }
#section-quiz .section.question-general .answers ul li a::after { background: linear-gradient(#ff72c2, #d80345); opacity: 0; z-index: 2; }
#section-quiz .section.question-general .answers ul li a:hover, #section-quiz .section.question-general .answers ul li a.selected { transition: all .05s linear; background: #FFF; }
#section-quiz .section.question-general .answers ul li a:hover::before, #section-quiz .section.question-general .answers ul li a.selected::before { opacity: 0; transition: opacity .05s linear; }
#section-quiz .section.question-general .answers ul li a:hover::after, #section-quiz .section.question-general .answers ul li a.selected::after { opacity: 1; transition: opacity .05s linear; }
#section-quiz .section#question-1 .answers { padding-left: 0.9375rem; padding-right: 0.9375rem; width: 60%; float: right; float: left; margin-left: auto; margin-right: auto; float: none !important; text-align: center; }
#section-quiz .section#question-1 .answers ul { display: block; padding: 0; margin: 0; *zoom: 1; }
#section-quiz .section#question-1 .answers ul:before, #section-quiz .section#question-1 .answers ul:after { content: " "; display: table; }
#section-quiz .section#question-1 .answers ul:after { clear: both; }
#section-quiz .section#question-1 .answers ul > li { display: block; height: auto; float: left; padding: 0 0.1625rem 0.325rem; }
#section-quiz .section#question-1 .answers ul > li { width: 33.33333%; padding: 0 0.1625rem 0.325rem; list-style: none; }
#section-quiz .section#question-1 .answers ul > li:nth-of-type(n) { clear: none; }
#section-quiz .section#question-1 .answers ul > li:nth-of-type(3n+1) { clear: both; }
#section-quiz .section#question-1 .answers ul > li:nth-child(3n+1) { padding-left: 0rem; padding-right: 0.21667rem; }
#section-quiz .section#question-1 .answers ul > li:nth-child(3n+2) { padding-left: 0.10833rem; padding-right: 0.10833rem; }
#section-quiz .section#question-1 .answers ul > li:nth-child(3n) { padding-left: 0.21667rem; padding-right: 0rem; }
#section-quiz .section#question-1 .answers ul li a { display: block; font-size: 1.1em; margin-bottom: 20px; text-align: center; text-decoration: none; }
#section-quiz .section#question-1 .answers ul li a::before { border: 7px solid white; border-radius: 30px; box-shadow: inset 0px 0px 30px RGBA(0, 0, 0, 0.7); content: " "; display: block; height: 120px; margin: 0px auto 10px; width: 120px; }
#section-quiz .section#question-1 .answers ul li a:hover::before, #section-quiz .section#question-1 .answers ul li a.selected::before { border-color: #e5276f; }
#section-quiz .section#question-1 .answers ul li a.a1::before { background: #7f4abc; background-image: -moz-linear-gradient(#7f4abc, #441a8d); background-image: -webkit-linear-gradient(#7f4abc, #441a8d); background-image: linear-gradient(#7f4abc, #441a8d); }
#section-quiz .section#question-1 .answers ul li a.a2::before { background: #a4b5b7; background-image: -moz-linear-gradient(#b5c5c6, #a4b5b7, #dae9e8, #a4b5b7); background-image: -webkit-linear-gradient(#b5c5c6, #a4b5b7, #dae9e8, #a4b5b7); background-image: linear-gradient(#b5c5c6, #a4b5b7, #dae9e8, #a4b5b7); }
#section-quiz .section#question-1 .answers ul li a.a3::before { background: #5cc71c; background-image: -moz-linear-gradient(top left, #ff8803, #e14d9c, #04a4db, #5cc71c); background-image: -webkit-linear-gradient(top left, #ff8803, #e14d9c, #04a4db, #5cc71c); background-image: linear-gradient(to bottom right, #ff8803, #e14d9c, #04a4db, #5cc71c); }
#section-quiz .section#question-1 .answers ul li a.a4::before { background: #e1c56f; background-image: -moz-linear-gradient(#fdebb5, #bc910e, #fdebb5, #bc910e); background-image: -webkit-linear-gradient(#fdebb5, #bc910e, #fdebb5, #bc910e); background-image: linear-gradient(#fdebb5, #bc910e, #fdebb5, #bc910e); }
#section-quiz .section#question-1 .answers ul li a.a5::before { background: #000; background-image: -moz-linear-gradient(#444444, #111111); background-image: -webkit-linear-gradient(#444444, #111111); background-image: linear-gradient(#444444, #111111); }
#section-quiz .section#question-1 .answers ul li a.a6::before { background: #00aa67; background-image: -moz-linear-gradient(#00aa67, #007631); background-image: -webkit-linear-gradient(#00aa67, #007631); background-image: linear-gradient(#00aa67, #007631); }
#section-quiz .section#question-2 .image figure { background: url('../img/quiz/quiz-image-q2.png?1400168579'); height: 232px; width: 202px; }
#section-quiz .section#question-3 .image figure { background: url('../img/quiz/quiz-image-q3.png?1400168610'); height: 269px; width: 310px; }
#section-quiz .section#question-4 .image figure { background: url('../img/quiz/quiz-image-q4.png?1400168631'); height: 276px; width: 229px; }
#section-quiz .section#question-5 .image figure { background: url('../img/quiz/quiz-image-q5.png?1400168647'); height: 194px; width: 219px; }
#section-quiz .section.result .content h2, #section-quiz .section.result .content h3, #section-quiz .section.result .content p, #section-quiz .section.result .content .fb, #section-quiz .section.result .content .twitter, #section-quiz .section.result .image figure, #section-quiz .section.result .image .button { -moz-transform: translateY(20px); -ms-transform: translateY(20px); -webkit-transform: translateY(20px); transform: translateY(20px); opacity: 0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
#section-quiz .section.result .image { height: 100%; left: 5%; position: absolute; }
#section-quiz .section.result .image figure { margin: 0px auto; transition-delay: 0.4s; }
#section-quiz .section.result .image a.button { bottom: 0px; height: 60px; left: 50%; margin-left: -150px; position: absolute; width: 300px; transition-delay: 0.5s; }
#section-quiz .section.result .content { padding-left: 0.9375rem; padding-right: 0.9375rem; width: 50%; float: right; float: left; margin-left: 50% !important; }
#section-quiz .section.result .content h3 { transition-delay: 0.1s; }
#section-quiz .section.result .content img.badge { display: none; }
#section-quiz .section.result .content p { transition-delay: 0.2s; }
#section-quiz .section.result .content .fb { transition-delay: 0.5s; }
#section-quiz .section.result .content .twitter { transition-delay: 0.6s; }
#section-quiz .section.result.active .content h2, #section-quiz .section.result.active .content h3, #section-quiz .section.result.active .content p, #section-quiz .section.result.active .content .fb, #section-quiz .section.result.active .content .twitter, #section-quiz .section.result.active .image figure, #section-quiz .section.result.active .image .button { -moz-transform: translateY(0px); -ms-transform: translateY(0px); -webkit-transform: translateY(0px); transform: translateY(0px); opacity: 1; }
#section-quiz .section#result-archer .image figure { background: url('../img/quiz/badge-archer.png?1400111392'); bottom: 60px; height: 355px; position: absolute; right: 85px; width: 354px; }
#section-quiz .section#result-beetle .image figure { background: url('../img/quiz/badge-beetle.png?1400111277'); bottom: 60px; height: 412px; position: absolute; right: 85px; width: 354px; }
#section-quiz .section#result-bell .image figure { background: url('../img/quiz/badge-bell.png?1400111327'); bottom: 60px; height: 355px; position: absolute; right: 55px; width: 383px; }
#section-quiz .section#result-circus .image figure { background: url('../img/quiz/badge-circus.png?1400111291'); bottom: 60px; height: 466px; position: absolute; right: 55px; width: 401px; }
#section-quiz .section#result-fighter .image figure { background: url('../img/quiz/badge-fighter.png?1400111349'); bottom: 60px; height: 355px; position: absolute; right: 85px; width: 354px; }
#section-quiz .section#result-leaf .image figure { background: url('../img/quiz/badge-leaf.png?1400111338'); bottom: 60px; height: 368px; position: absolute; right: 80px; width: 359px; }
#section-quiz .section#result-mike .image figure { background: url('../img/quiz/badge-mike.png?1400111316'); bottom: 60px; height: 355px; position: absolute; right: 85px; width: 354px; }
#section-quiz .section#result-ninja .image figure { background: url('../img/quiz/badge-ninja.png?1400111132'); bottom: 60px; height: 355px; position: absolute; right: 85px; width: 384px; }
#section-quiz .section#result-sword .image figure { background: url('../img/quiz/badge-sword.png?1400111364'); bottom: 60px; height: 355px; position: absolute; right: 85px; width: 477px; }
#section-quiz .section#result-whip .image figure { background: url('../img/quiz/badge-whip.png?1400111378'); bottom: 60px; height: 388px; position: absolute; right: 85px; width: 499px; }
#section-quiz h3.ability { color: white; font-family: Sniglet; font-size: 60px; font-weight: 800; text-shadow: 0px 2px 2px #0c409f; }
#section-quiz a.fb, #section-quiz a.twitter { background: left center no-repeat; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAiFJREFUeNpitA6fK87AwDCFiYkhhIGBkYE64D/Dv38MG4CMLBYgMQ2Ig4ACYAkqggAgZmZiZGQIYqAd8GUhV+e///8Z/v4FBcV/uM8Zga5lY2VGUUeWBX/+/mMQE+Zm8HNSZ7AwlGEQ4uNk+AsM43tPPjCUd+1mYGFmIt+Cn7/+MhhqSTDUZtszyEryocjxcLEx/P+PGo9MpBj+F+hyIX4OhpIUKwzDwRZws2GIkeSDbz9+MwS6aTIoywrBg+rImccMl26+ACYXJobvQHkQTbYFv//8Y1CQEWBgZobkl8fPPzE0TTnI8Oz1J7DBoCTJz8tOQSQDg5eVBeHCT19+Mrx694VBRIALpxaiLPj89ScoZzJ8+PQDHMnwOAEKfvr8E5j/IT5iYmJk4EWLB4IWgNK5v4sGAyc7C8PXb78ZVBWE4XJiQtwMCcEGYDlYCtt99B4wPyD0M9pEzEVPWajJ8vdfhqMrkjAyEDbw6t1XBt/05QysSPmAYDJlhIY1MeDCtRcYxSULMRa8//gdVGqBiwdQZmJnY4En04/AOGCCmnrj3hvSI5kVGDTxZRvApc27998Z2kqcGILdtcByV2+/ZogqXMvAB02aoLBHLiaITkVMUCeC0j8jUgyCmCAxZibc9QjT//8MNAVMjEyMtDOdEZSKaOmD/+BkStswYmKgMQBF8nYamr8X5IM0IN7ESERcw9SAyhZY+YJNH1RsGxAnAQQYALn3qinMxI1mAAAAAElFTkSuQmCC); display: block; margin: 10px 0px; padding: 5px 0px 4px 30px; text-decoration: none; }
#section-quiz a.twitter { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAeNJREFUeNq8VssrRHEU/ua6cwdjDOMRSV4p7yU2sqGsLDzKynps/AH+A0qyEDUpRQmTLJVspSxF5B1NIYwZzOvOvc7PPDxm7rhXc311Vrfz+r5zfuca6lavrADmyPrJjEgPRDInmZ2PBh9CesHHYnJkA9APA1w0m17gOeiMPyXgDEBDvoC6PEGVGAloL87E7p0/qUOzTcBkeyHKzRHXI3cQjiMPWmwmTB+44RPl1B1kUHWOjiKM1FuTJhhvLYgHZ2BdTLQVQiDH0iz+d4rCVEBIAkabrFjoLEZj/icNJdkZqLIkrgor6jEQxrk3pI6itYsXDNda0EZUObtKcPAU/KDsOSgpcr1y9qJOAxOVY+YNcFOwPCHSIOviayc/IcmRDlRNUYA4qsgxxoOrwSEJHZY1jOnY3kNSPpWwdfOmbQ+uX0VsXL6m5DyGNxrLZQX+Uy4aE1ZgG/ULpvbd8IYk7Ql2bv3o2XRh8cSr6LxOXS6derVtspGqtpLAVRYe3WXZGKzOQbJdmT18xgyZ5qeCLU1vhRl9lWbU5H5fKg9psu3yYf7YgzOPuiEw0EWTlT7aTBzK6FlgWtz7w7gh8SVZ++VRxGNAIgv+/3OtNYGoY3yRi15/veBkGthjBzqN9zn+2/IuwABscZmKBb5cNgAAAABJRU5ErkJggg==); }

@media only screen and (min-width: 40.063em) and (max-width: 56em) { #section-quiz { min-height: 1000px; }
  #section-quiz .section#intro .image { margin-left: 0px !important; }
  #section-quiz .section#intro .image figure { background-size: contain; background-repeat: no-repeat; margin: 50% 0px; width: 110%; }
  #section-quiz .section#question-1 .answers { padding-left: 0.9375rem; padding-right: 0.9375rem; width: 100%; float: left; }
  #section-quiz .section.result .image .stars, #section-quiz .section.result .image a.button { left: 0px !important; margin-left: 0px !important; } }
@media only screen and (max-width: 40em) { #section-quiz { min-height: 900px; }
  #section-quiz .section .image, #section-quiz .section .content, #section-quiz .section .answers { padding-left: 0.9375rem; padding-right: 0.9375rem; width: 100%; float: left; text-align: center; }
  #section-quiz .section .image { margin: -25% 0px; }
  #section-quiz .section .image figure { -moz-transform: scale(0.5, 0.5); -ms-transform: scale(0.5, 0.5); -webkit-transform: scale(0.5, 0.5); transform: scale(0.5, 0.5); }
  #section-quiz .section#intro .image { padding-left: 0.9375rem; padding-right: 0.9375rem; width: 100%; float: left; margin: 0px !important; }
  #section-quiz .section#intro .image figure { -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1); background-size: cover; height: 184px; margin: 0px auto; width: 177px; }
  #section-quiz .section.question-general .image { display: none; }
  #section-quiz .section.question-general .answers { padding-left: 0.9375rem; padding-right: 0.9375rem; width: 100%; float: left; text-align: left; }
  #section-quiz .section.result .image { display: none; }
  #section-quiz .section.result .content { padding-left: 0.9375rem; padding-right: 0.9375rem; width: 100%; float: left; margin-left: 0px !important; }
  #section-quiz .section.result .content img.badge { display: block; margin: 1em auto; width: 80%; }
  #section-quiz .section#question-1 .answers { padding-left: 0.9375rem; padding-right: 0.9375rem; width: 100%; float: left; }
  #section-quiz .section#question-1 .answers ul li a::before { border: 3px solid white; height: 60px; width: 60px; }
  #section-quiz a.fb, #section-quiz a.twitter { display: inline-block !important; } }
/*  Main_responsive.scss
 Author          liamegan email           liam@wethecollective.com Created         2014-04-15 08:54:27 Description      Edited by       liamegan Edited          2014-05-06 16:27:42
*/
@media only screen and (max-width: 40em) { /* *************************** 	GENERAL ************************** */
  body { overflow-x: hidden; }
  .section.section-sub section { padding-bottom: 60px; }
  /* ------------------------ 	Meet Kirby ------------------------ */
  #section-meet-kirby .section .content { width: 100%; text-align: center; margin-bottom: 20px; }
  #section-meet-kirby .section .content h2:first-child { margin-top: 0; }
  #section-meet-kirby .section.meet-kirby { max-width: 500px; margin: 0 auto 45px auto; }
  #section-meet-kirby .section.meet-kirby .image { width: 100%; margin: 0 0 110px 0 !important; }
  #section-meet-kirby .section.meet-kirby .image .button-play-delegate { left: -10px; z-index: 2; }
  #section-meet-kirby .section.meet-kirby .kirby-l-r { right: 10px; }
  #section-meet-kirby .section.king-dedede { max-width: 500px; margin: 0 auto 45px auto; }
  #section-meet-kirby .section.king-dedede .image { width: 100%; margin: 0 0 130px 0 !important; }
  #section-meet-kirby .section.king-dedede .image img { float: right; }
  #section-meet-kirby .section.king-dedede .image .button-play-delegate { right: -10px; }
  #section-meet-kirby .section.king-dedede .mobile-show .shadow { left: 55px; bottom: -130px; opacity: 1 !important; }
  #section-meet-kirby .section.king-dedede .mobile-show .story-dedede { left: 0px; bottom: -120px; opacity: 1 !important; -moz-transform: none !important; -ms-transform: none !important; -webkit-transform: none !important; transform: none !important; }
  #section-meet-kirby .section.meet-taranza { max-width: 500px; margin: 0 auto 45px auto !important; }
  #section-meet-kirby .section.meet-taranza .image { width: 100%; margin: 0 0 108px 0 !important; }
  #section-meet-kirby .section.meet-taranza .meet-taranza { bottom: -90px; }
  #section-meet-kirby .section.meet-taranza .shadow { right: 40px; bottom: -110px; }
  #section-meet-kirby .section-characters { margin: 0 auto 60px auto; max-width: 500px; }
  #section-meet-kirby .section-characters.head p { margin-bottom: 20px; }
  #section-meet-kirby .enemy-carousel { width: 100%; max-width: 400px; height: 373px; position: relative; margin: 0 auto; }
  #section-meet-kirby .enemy-carousel .navigation { left: 0; top: 79px; width: 98%; }
  #section-meet-kirby .enemy-carousel ul { top: 0 !important; width: 100%; max-width: 400px; height: auto; display: table; }
  #section-meet-kirby .enemy-carousel li { -moz-transition-duration: 0; -o-transition-duration: 0; -webkit-transition-duration: 0; transition-duration: 0; }
  #section-meet-kirby .enemy-carousel li .content { width: 100%; left: 0; margin-left: 0; }
  #section-meet-kirby .enemy-carousel li.visible { display: none; }
  #section-meet-kirby .enemy-carousel li.active { display: block; left: 0; width: 100%; margin-left: 0; background-size: 70% auto; background-repeat: no-repeat; background-position: center top; height: auto; position: static; opacity: 1; }
  #section-meet-kirby .enemy-carousel li.active .content { -moz-transition-duration: 0; -o-transition-duration: 0; -webkit-transition-duration: 0; transition-duration: 0; position: static; margin-top: 70%; }
  #section-meet-kirby .enemy-carousel li.active .content p { margin: 0; }
  #container-meetKirby section .image, #container-meetKirby section .content { padding-left: 0.9375rem; padding-right: 0.9375rem; width: 100%; float: left; }
  /* ------------------------ 	Whats new ------------------------ */
  section.sub-page#section-whats-new { height: auto; }
  #section-whats-new .section { max-width: 500px; }
  #section-whats-new .section.section-head { margin-bottom: 45px; }
  #section-whats-new .section.section-head .head, #section-whats-new .section.section-head p { width: 100%; }
  #section-whats-new .section.section-head p { margin: 0; }
  #section-whats-new .section .content { width: 100%; text-align: center; margin-bottom: 20px; }
  #section-whats-new .section .content h2:first-child { margin-top: 0; }
  #section-whats-new .section .image { width: 100%; }
  #section-whats-new .section.catch-that-star { margin-top: 0; margin-bottom: 45px; }
  #section-whats-new .section.catch-that-star .content { padding-top: 0; }
  #section-whats-new .section.catch-that-star .image { min-height: 250px; }
  #section-whats-new .section.catch-that-star .image img { opacity: 1; margin: 0; }
  #section-whats-new .section.catch-that-star .image a.button-play-delegate { opacity: 1; right: 20px; top: 200px; }
  #section-whats-new .section.gyro-a-go-go { margin-top: 0; margin-bottom: 45px; }
  #section-whats-new .section.gyro-a-go-go .content { padding-top: 0px; }
  #section-whats-new .section.collection { margin-top: 0; margin-bottom: 45px; }
  #section-whats-new .section.collection .content { padding-top: 0; }
  #section-whats-new .section.collection .image { margin: -17px 0; }
  #section-whats-new .section.collection .image img { margin: 0 auto; display: block; }
  #section-whats-new .section.connected { margin-top: 0; margin-bottom: 45px; }
  #section-whats-new .section.connected .content { padding-top: 0; }
  #section-whats-new .section.connected .images { width: 95%; max-width: 440px; margin: 0 auto 36px auto; padding: 20px; float: none; clear: both; }
  #section-whats-new .section.extras .extra { width: 100%; }
  #section-whats-new .section.extras .extra:first-child { margin-bottom: 60px; }
  /* ------------------------ 	Pre order ------------------------ */
  section.sub-page#section-preorder { padding-top: 160px; }
  section.sub-page#section-preorder .option { padding-left: 0.9375rem; padding-right: 0.9375rem; width: 100%; float: left; }
  section.sub-page#section-preorder .option:first-child { margin-bottom: 45px; }
  section.sub-page#section-preorder .option.digital .images .img.preorder-kirby { width: 128px; background-size: 100% auto; background-repeat: no-repeat; margin-left: -160px; }
  section.sub-page#section-preorder .buttons div { width: 100% !important; } }
@media only screen and (max-width: 40em), only screen and (min-width: 40.063em) and (max-width: 56em) { /* *************************** 	CAROUSEL ************************** */
  .image-carousel-container { padding: 20px; }
  .image-carousel-container .image-carousel { width: 100%; max-width: 400px; margin: 0; position: relative; }
  .image-carousel-container .image-carousel .items { width: 100%; left: 0 !important; top: 0 !important; }
  .image-carousel-container .image-carousel .items .item { width: 100%; float: none; position: absolute; left: 0; top: 0; }
  .image-carousel-container .image-carousel .items .active { z-index: 2; position: relative; }
  .image-carousel-container .nav { bottom: -35px; }
  /* *************************** 	FOOTER ************************** */
  #kirby-footer-wrapper > section .content { margin-top: -25px; }
  #kirby-footer-wrapper > section .content > div.utility { display: none; }
  #kirby-footer-wrapper > section .content > div { float: none; clear: both; margin: 0 auto 15px auto; display: table; }
  a.img.facebook { background-size: 100%; width: 100%; max-width: 346px; }
  .lang-fr a.img.facebook, .lang-es a.img.facebook { background-size: 80%; }
  .lang-fr #nintendo-legal, .lang-es #nintendo-legal { margin-top: 50px !important; }
  #nintendo-logos { text-align: center; margin-bottom: 20px; }
  a.img.onlyon { margin-right: 10px !important; }
  #newsletter-container, #footer-clubn-container, #footer-followus-container, #footer-esrb-container, #footer-privacypolicy-container { display: inline-block !important; float: none !important; }
  #nintendo-footer > div { text-align: center; margin-right: 15px !important; }
  #newsletter-container { width: 100px; }
  #footer-clubn-container { width: 54px !important; }
  #footer-followus-container { margin-top: 0 !important; margin-right: 0 !important; }
  #footer-esrb-container { margin-bottom: -31px !important; margin-left: -11px !important; }
  #footer-privacypolicy-container img { height: 72px; }
  /* ------------------------ 	Meet Kirby ------------------------ */
  section.sub-page#section-meet-kirby { height: auto; }
  /* ------------------------ 	Whats new ------------------------ */
  section.sub-page#section-whats-new { height: auto; }
  #section-whats-new .section.gyro-a-go-go .image .mask { display: none; }
  #section-whats-new .section.gyro-a-go-go .image .title { z-index: 3; position: relative; left: 0; top: 0; margin: 0 auto; height: 33px; }
  #section-whats-new .section.gyro-a-go-go .image .threeds-top { background: none; height: auto; position: relative; top: 0; left: 0; width: 100%; text-align: center; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-animation: swivel 2s linear infinite; -moz-animation: swivel 2s linear infinite; animation: swivel 2s linear infinite; }
  #section-whats-new .section.gyro-a-go-go .image .tilt-3ds { margin: 0 auto; width: 85%; }
  /* ------------------------ 	Pre order ------------------------ */
  section.sub-page#section-preorder { height: auto; padding-bottom: 250px; }
  section.sub-page#section-preorder .option .images { height: auto; margin-bottom: 20px; }
  section.sub-page#section-preorder .option .buttons div { margin-left: auto !important; margin-right: auto !important; }
  section.sub-page#section-preorder .option .buttons div:first-child { margin-bottom: 10px; }
  section.sub-page#section-preorder .option.digital .buttons div { max-width: 270px; }
  section.sub-page#section-preorder .option.digital .images { min-height: 200px; }
  section.sub-page#section-preorder .option.digital .button { width: 100%; height: auto; padding: 10px 0 0 0; }
  section.sub-page#section-preorder .option.digital .button .text { width: 100%; text-align: center; padding: 0; }
  section.sub-page#section-preorder .option.digital .button .logo { margin-bottom: -2px; }
  section#section-hypernova #KirbyfyFlash img { margin: 80px auto 0 auto; display: block; }
  .lang-fr section.sub-page#section-preorder, .lang-es section.sub-page#section-preorder { height: auto; }
  .lang-fr section.sub-page#section-meet-kirby, .lang-es section.sub-page#section-meet-kirby { height: auto; }
  .lang-fr section.sub-page#section-whats-new, .lang-es section.sub-page#section-whats-new { height: auto; }
  .lang-fr section.sub-page#section-abilities, .lang-es section.sub-page#section-abilities { height: auto; }
  .lang-fr section.sub-page#section-modes, .lang-es section.sub-page#section-modes { height: auto; } }
@media only screen and (min-width: 40.063em) and (max-width: 56em) { /* ------------------------ 	Meet Kirby ------------------------ */
  #section-meet-kirby .section.king-dedede .mobile-hide .shadow { display: none; }
  #section-meet-kirby .section.king-dedede .mobile-hide .story-dedede { -moz-transform: none !important; -ms-transform: none !important; -webkit-transform: none !important; transform: none !important; bottom: -120px; opacity: 1 !important; left: 0px; }
  #section-meet-kirby .section.king-dedede .image { padding-left: 0.9375rem; padding-right: 0.9375rem; width: 50%; float: left; margin-left: 0% !important; }
  #section-meet-kirby .section.king-dedede .image .button-play-delegate { right: 2%; }
  /* ------------------------ 	Whats New ------------------------ */
  #section-whats-new .section.catch-that-star .content { padding-top: 10px; }
  #section-whats-new .section.catch-that-star .image img { opacity: 1; margin-left: 0; }
  #section-whats-new .section.catch-that-star .image a.button-play-delegate { opacity: 1; top: 210px; }
  #section-whats-new .section.collection .content { padding-top: 10px; }
  #section-whats-new .section.connected .content { padding-top: 10px; }
  /* ------------------------ 	Pre order ------------------------ */
  section#section-preorder .option.standard .buttons div:first-child { margin-right: 2% !important; } }
@media only screen and (min-width: 56.063em) { /* ------------------------ 	Whats new ------------------------ */
  #section-whats-new .section.gyro-a-go-go .threeds-top > img { display: none; } }
/*  Liam_responsive.scss
 Author          liamegan email           liam@wethecollective.com Created         2014-04-15 08:54:27 Description      Edited by       liamegan Edited          2014-04-23 18:18:32
*/
/* ***************************
	HOMEPAGE
*************************** */
@media only screen and (min-width: 90.063em) { body::after { content: 'large xlarge'; display: none; } }
@media only screen and (min-width: 56.063em) and (max-width: 90em) { body::after { content: 'large'; display: none; } }
@media only screen and (min-width: 40.063em) and (max-width: 56em) { body::after { content: 'medium'; display: none; } }
@media only screen and (max-width: 40em) { body::after { content: 'small'; display: none; } }
@media only screen and (min-width: 56.063em) { .tablet-show { display: none !important; } }
@media only screen and (min-width: 40.063em) { .mobile-show { display: none !important; } }
@media only screen and (min-width: 40.063em) and (max-width: 56em) { section#home-introduction { padding-top: 160px; padding-bottom: 100px; }
  section#home-introduction .content-intro h1 { max-width: 100%; }
  section#home-introduction .image-intro .kirby { background-position: center center; background-repeat: no-repeat; background-size: contain; margin: -200px 0px 0px -100px; width: 300px; }
  section#home-introduction .image-intro .background { margin-left: 200px; }
  section#home-carousel .carousel { width: 100%; margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0; max-width: 62.5rem; *zoom: 1; margin-left: 0px !important; height: auto; padding-bottom: 50px; }
  section#home-carousel .carousel:before, section#home-carousel .carousel:after { content: " "; display: table; }
  section#home-carousel .carousel:after { clear: both; }
  section#home-carousel .carousel .carousel-item { padding-left: 0.9375rem; padding-right: 0.9375rem; width: 35%; float: left; margin-left: 10% !important; display: block; }
  section#home-carousel .carousel .carousel-item.item-3 { display: none; } }
@media only screen and (max-width: 40em), only screen and (min-width: 40.063em) and (max-width: 56em) { .section > .top { height: 50px !important; }
  .section > .top .shadow { display: none; }
  section#home-introduction .content-intro { margin-top: 0px; }
  section#home-meetKirby .image { height: 100%; }
  section#home-meetKirby .image > * { background-size: 100% auto; }
  section#home-meetKirby .image .kirby-hp-suck { left: 0px; top: 0%; width: 50%; }
  section#home-meetKirby .image .kirby-hp-beru { background-size: 100% auto; width: 50%; left: auto; top: 20%; right: 0px; }
  section#home-meetKirby .image .hp-suck { left: 30%; top: 20%; width: 50%; }
  section#home-whatsNew .image { height: 100%; }
  section#home-whatsNew .image > * { background-size: 100% auto; }
  section#home-whatsNew .image .hp-3ds { background-position: center center; background-size: contain; left: 0px; max-width: 100%; top: -50%; width: 100%; }
  section#home-whatsNew .image .hypernova { left: 0px; margin-left: 15%; max-width: 100%; overflow: visible; width: 70%; }
  section#home-whatsNew .image .hp-hypernova { background-position: center center; background-size: contain; max-width: 100%; width: 100%; }
  section#home-abilities .image .img, section#home-modes .image .img { background-size: contain; background-position: center center; left: 0px; width: 100%; }
  #kirby-site-wrapper { height: auto !important; position: relative !important; } }
@media only screen and (max-width: 40em) { .mobile-hide { display: none !important; }
  #kirby-site-wrapper section { height: auto !important; padding-top: 20%; }
  #kirby-site-wrapper section > .image, #kirby-site-wrapper section > .content { padding-left: 0.9375rem; padding-right: 0.9375rem; width: 100%; float: left; text-align: center; }
  #kirby-site-wrapper section .content { position: relative; z-index: 2; }
  #kirby-site-wrapper section#home-introduction { padding: 120px inherit; }
  #kirby-site-wrapper section#home-introduction .content-intro { padding-left: 0.9375rem; padding-right: 0.9375rem; width: 100%; float: left; margin-left: 0px !important; margin-top: 50px; }
  #kirby-site-wrapper section#home-introduction .content-intro > * { position: relative; z-index: 2; }
  #kirby-site-wrapper section#home-introduction .content-intro .image-intro { height: 200px; left: 0px; margin-bottom: 20px; margin-left: 0px; position: relative; width: 100%; z-index: 1; }
  #kirby-site-wrapper section#home-introduction .content-intro .image-intro .background { position: absolute; left: 50%; margin-left: -400px; margin-top: -400px; top: 40%; width: 800px; height: 800px; background-position: center center; }
  #kirby-site-wrapper section#home-introduction .content-intro .image-intro .background .swirl { background-size: 100% 100%; background-position: center center; width: 800px; height: 800px; }
  #kirby-site-wrapper section#home-introduction .content-intro .kirby { background-size: contain; background-position: center center; background-repeat: no-repeat; height: 120%; left: auto; margin: 0px auto; top: -11%; width: 100%; }
  #kirby-site-wrapper section#home-introduction .content-intro a.video { background-size: 100% 100%; width: 100%; max-width: 18.8125rem; }
  #kirby-site-wrapper section#home-meetKirby > div.image { height: 12.5rem; }
  #kirby-site-wrapper section#home-meetKirby > div.image .kirby-hp-suck { left: 0px; top: 0px; width: 50%; }
  #kirby-site-wrapper section#home-meetKirby > div.image .kirby-hp-beru { background-size: contain; width: 50%; left: auto; right: 0px; }
  #kirby-site-wrapper section#home-meetKirby > div.image .hp-suck { left: 30%; width: 50%; }
  #kirby-site-wrapper section#home-whatsNew .image { -o-animation-play-state: paused !important; -moz-animation-play-state: paused !important; -webkit-animation-play-state: paused !important; animation-play-state: paused !important; position: relative; z-index: 1; }
  #kirby-site-wrapper section#home-whatsNew .image .hp-3ds { position: relative; width: 100%; height: 25rem; margin: -0.625rem 0px -1.25rem 0px; }
  #kirby-site-wrapper section#home-whatsNew .image .hypernova { top: 0px; }
  #kirby-site-wrapper section#home-abilities { padding-top: 25%; }
  #kirby-site-wrapper section#home-abilities .image, #kirby-site-wrapper section#home-modes .image { -o-animation-play-state: paused !important; -moz-animation-play-state: paused !important; -webkit-animation-play-state: paused !important; animation-play-state: paused !important; -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); height: 18.75rem; }
  #kirby-site-wrapper section#home-abilities .image .img, #kirby-site-wrapper section#home-modes .image .img { background-size: contain; background-position: center center; height: 100%; left: 0px; margin: 0px; position: relative; top: 0; width: 100%; }
  #kirby-site-wrapper section#home-carousel .carousel { width: 100%; margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0; max-width: 62.5rem; *zoom: 1; margin-left: 0px !important; height: auto; padding-bottom: 50px; }
  #kirby-site-wrapper section#home-carousel .carousel:before, #kirby-site-wrapper section#home-carousel .carousel:after { content: " "; display: table; }
  #kirby-site-wrapper section#home-carousel .carousel:after { clear: both; }
  #kirby-site-wrapper section#home-carousel .carousel .carousel-item { padding-left: 0.9375rem; padding-right: 0.9375rem; width: 50%; float: left; display: block; }
  #kirby-site-wrapper section#home-carousel .carousel .carousel-item.item-3 { display: none; }
  .waddledee { display: none; } }
@media only screen and (min-width: 56.063em) { section#home-carousel .carousel { padding-left: 0.9375rem; padding-right: 0.9375rem; width: 89%; float: left; margin-left: 5.5% !important; height: 300px; }
  section#home-carousel .carousel .carousel-item { padding-left: 0.9375rem; padding-right: 0.9375rem; width: 30%; float: left; }
  section#home-carousel .carousel .carousel-item.item-2, section#home-carousel .carousel .carousel-item.item-3 { padding-left: 0.9375rem; padding-right: 0.9375rem; width: 30%; float: left; margin-left: 5% !important; } }