@charset "UTF-8";
/*  
  .
  =======================================
  Author          liamegan
  email           liam@wethecollective.com
  Created         2015-03-09 16:32:15
  Description     .
  Edited by       liamegan
  Edited          2015-08-20 15:26:26
*/
@import url(http://fonts.googleapis.com/css?family=Titan+One|Montserrat:400,700);
@import url(http://fonts.googleapis.com/css?family=Arvo:400,700);
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;
}

/*  
  .
  =======================================
  Author          liamegan
  email           liam@wethecollective.com
  Created         2014-10-30 13:30:18
  Description     .
  Edited by       liamegan
  Edited          2015-07-17 14:39:59
*/
/*  
  Variables. Nothing should appear in the CSS for this file
  =======================================
  Author          liamegan
  email           liam@wethecollective.com
  Created         2014-11-03 15:18:16
  Description     .
  Edited by       liamegan
  Edited          2015-11-04 13:23:20
*/
/*  
  .
  =======================================
  Author          liamegan
  email           liam@wethecollective.com
  Created         2015-03-09 16:38:44
  Description     .
  Edited by       liamegan
  Edited          2015-03-09 17:16:07
*/
meta.foundation-version {
  font-family: "/5.4.7/";
}

meta.foundation-mq-small {
  font-family: "/only screen/";
  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:54.063em)/";
  width: 54.063em;
}

meta.foundation-mq-xlarge {
  font-family: "/only screen and (min-width:71.063em)/";
  width: 71.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 {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

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

body {
  background: #fff;
  color: #4f4f4f;
  padding: 0;
  margin: 0;
  font-family: "Arvo", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  line-height: 1.5;
  position: relative;
  cursor: auto;
}

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:before, .clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}

.hide {
  display: none !important;
  visibility: hidden;
}

.invisible {
  visibility: hidden;
}

.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%;
}

[class*="block-grid-"] {
  display: block;
  padding: 0;
  margin: 0 -0.71429rem;
}
[class*="block-grid-"]:before, [class*="block-grid-"]:after {
  content: " ";
  display: table;
}
[class*="block-grid-"]:after {
  clear: both;
}
[class*="block-grid-"] > li {
  display: block;
  height: auto;
  float: left;
  padding: 0 0.71429rem 1.42857rem;
}

@media only screen {
  .small-block-grid-1 > li {
    width: 100%;
    list-style: none;
  }
  .small-block-grid-1 > li:nth-of-type(1n) {
    clear: none;
  }
  .small-block-grid-1 > li:nth-of-type(1n+1) {
    clear: both;
  }

  .small-block-grid-2 > li {
    width: 50%;
    list-style: none;
  }
  .small-block-grid-2 > li:nth-of-type(1n) {
    clear: none;
  }
  .small-block-grid-2 > li:nth-of-type(2n+1) {
    clear: both;
  }

  .small-block-grid-3 > li {
    width: 33.33333%;
    list-style: none;
  }
  .small-block-grid-3 > li:nth-of-type(1n) {
    clear: none;
  }
  .small-block-grid-3 > li:nth-of-type(3n+1) {
    clear: both;
  }

  .small-block-grid-4 > li {
    width: 25%;
    list-style: none;
  }
  .small-block-grid-4 > li:nth-of-type(1n) {
    clear: none;
  }
  .small-block-grid-4 > li:nth-of-type(4n+1) {
    clear: both;
  }

  .small-block-grid-5 > li {
    width: 20%;
    list-style: none;
  }
  .small-block-grid-5 > li:nth-of-type(1n) {
    clear: none;
  }
  .small-block-grid-5 > li:nth-of-type(5n+1) {
    clear: both;
  }

  .small-block-grid-6 > li {
    width: 16.66667%;
    list-style: none;
  }
  .small-block-grid-6 > li:nth-of-type(1n) {
    clear: none;
  }
  .small-block-grid-6 > li:nth-of-type(6n+1) {
    clear: both;
  }

  .small-block-grid-7 > li {
    width: 14.28571%;
    list-style: none;
  }
  .small-block-grid-7 > li:nth-of-type(1n) {
    clear: none;
  }
  .small-block-grid-7 > li:nth-of-type(7n+1) {
    clear: both;
  }

  .small-block-grid-8 > li {
    width: 12.5%;
    list-style: none;
  }
  .small-block-grid-8 > li:nth-of-type(1n) {
    clear: none;
  }
  .small-block-grid-8 > li:nth-of-type(8n+1) {
    clear: both;
  }

  .small-block-grid-9 > li {
    width: 11.11111%;
    list-style: none;
  }
  .small-block-grid-9 > li:nth-of-type(1n) {
    clear: none;
  }
  .small-block-grid-9 > li:nth-of-type(9n+1) {
    clear: both;
  }

  .small-block-grid-10 > li {
    width: 10%;
    list-style: none;
  }
  .small-block-grid-10 > li:nth-of-type(1n) {
    clear: none;
  }
  .small-block-grid-10 > li:nth-of-type(10n+1) {
    clear: both;
  }

  .small-block-grid-11 > li {
    width: 9.09091%;
    list-style: none;
  }
  .small-block-grid-11 > li:nth-of-type(1n) {
    clear: none;
  }
  .small-block-grid-11 > li:nth-of-type(11n+1) {
    clear: both;
  }

  .small-block-grid-12 > li {
    width: 8.33333%;
    list-style: none;
  }
  .small-block-grid-12 > li:nth-of-type(1n) {
    clear: none;
  }
  .small-block-grid-12 > li:nth-of-type(12n+1) {
    clear: both;
  }
}
@media only screen and (min-width: 40.063em) {
  .medium-block-grid-1 > li {
    width: 100%;
    list-style: none;
  }
  .medium-block-grid-1 > li:nth-of-type(1n) {
    clear: none;
  }
  .medium-block-grid-1 > li:nth-of-type(1n+1) {
    clear: both;
  }

  .medium-block-grid-2 > li {
    width: 50%;
    list-style: none;
  }
  .medium-block-grid-2 > li:nth-of-type(1n) {
    clear: none;
  }
  .medium-block-grid-2 > li:nth-of-type(2n+1) {
    clear: both;
  }

  .medium-block-grid-3 > li {
    width: 33.33333%;
    list-style: none;
  }
  .medium-block-grid-3 > li:nth-of-type(1n) {
    clear: none;
  }
  .medium-block-grid-3 > li:nth-of-type(3n+1) {
    clear: both;
  }

  .medium-block-grid-4 > li {
    width: 25%;
    list-style: none;
  }
  .medium-block-grid-4 > li:nth-of-type(1n) {
    clear: none;
  }
  .medium-block-grid-4 > li:nth-of-type(4n+1) {
    clear: both;
  }

  .medium-block-grid-5 > li {
    width: 20%;
    list-style: none;
  }
  .medium-block-grid-5 > li:nth-of-type(1n) {
    clear: none;
  }
  .medium-block-grid-5 > li:nth-of-type(5n+1) {
    clear: both;
  }

  .medium-block-grid-6 > li {
    width: 16.66667%;
    list-style: none;
  }
  .medium-block-grid-6 > li:nth-of-type(1n) {
    clear: none;
  }
  .medium-block-grid-6 > li:nth-of-type(6n+1) {
    clear: both;
  }

  .medium-block-grid-7 > li {
    width: 14.28571%;
    list-style: none;
  }
  .medium-block-grid-7 > li:nth-of-type(1n) {
    clear: none;
  }
  .medium-block-grid-7 > li:nth-of-type(7n+1) {
    clear: both;
  }

  .medium-block-grid-8 > li {
    width: 12.5%;
    list-style: none;
  }
  .medium-block-grid-8 > li:nth-of-type(1n) {
    clear: none;
  }
  .medium-block-grid-8 > li:nth-of-type(8n+1) {
    clear: both;
  }

  .medium-block-grid-9 > li {
    width: 11.11111%;
    list-style: none;
  }
  .medium-block-grid-9 > li:nth-of-type(1n) {
    clear: none;
  }
  .medium-block-grid-9 > li:nth-of-type(9n+1) {
    clear: both;
  }

  .medium-block-grid-10 > li {
    width: 10%;
    list-style: none;
  }
  .medium-block-grid-10 > li:nth-of-type(1n) {
    clear: none;
  }
  .medium-block-grid-10 > li:nth-of-type(10n+1) {
    clear: both;
  }

  .medium-block-grid-11 > li {
    width: 9.09091%;
    list-style: none;
  }
  .medium-block-grid-11 > li:nth-of-type(1n) {
    clear: none;
  }
  .medium-block-grid-11 > li:nth-of-type(11n+1) {
    clear: both;
  }

  .medium-block-grid-12 > li {
    width: 8.33333%;
    list-style: none;
  }
  .medium-block-grid-12 > li:nth-of-type(1n) {
    clear: none;
  }
  .medium-block-grid-12 > li:nth-of-type(12n+1) {
    clear: both;
  }
}
@media only screen and (min-width: 54.063em) {
  .large-block-grid-1 > li {
    width: 100%;
    list-style: none;
  }
  .large-block-grid-1 > li:nth-of-type(1n) {
    clear: none;
  }
  .large-block-grid-1 > li:nth-of-type(1n+1) {
    clear: both;
  }

  .large-block-grid-2 > li {
    width: 50%;
    list-style: none;
  }
  .large-block-grid-2 > li:nth-of-type(1n) {
    clear: none;
  }
  .large-block-grid-2 > li:nth-of-type(2n+1) {
    clear: both;
  }

  .large-block-grid-3 > li {
    width: 33.33333%;
    list-style: none;
  }
  .large-block-grid-3 > li:nth-of-type(1n) {
    clear: none;
  }
  .large-block-grid-3 > li:nth-of-type(3n+1) {
    clear: both;
  }

  .large-block-grid-4 > li {
    width: 25%;
    list-style: none;
  }
  .large-block-grid-4 > li:nth-of-type(1n) {
    clear: none;
  }
  .large-block-grid-4 > li:nth-of-type(4n+1) {
    clear: both;
  }

  .large-block-grid-5 > li {
    width: 20%;
    list-style: none;
  }
  .large-block-grid-5 > li:nth-of-type(1n) {
    clear: none;
  }
  .large-block-grid-5 > li:nth-of-type(5n+1) {
    clear: both;
  }

  .large-block-grid-6 > li {
    width: 16.66667%;
    list-style: none;
  }
  .large-block-grid-6 > li:nth-of-type(1n) {
    clear: none;
  }
  .large-block-grid-6 > li:nth-of-type(6n+1) {
    clear: both;
  }

  .large-block-grid-7 > li {
    width: 14.28571%;
    list-style: none;
  }
  .large-block-grid-7 > li:nth-of-type(1n) {
    clear: none;
  }
  .large-block-grid-7 > li:nth-of-type(7n+1) {
    clear: both;
  }

  .large-block-grid-8 > li {
    width: 12.5%;
    list-style: none;
  }
  .large-block-grid-8 > li:nth-of-type(1n) {
    clear: none;
  }
  .large-block-grid-8 > li:nth-of-type(8n+1) {
    clear: both;
  }

  .large-block-grid-9 > li {
    width: 11.11111%;
    list-style: none;
  }
  .large-block-grid-9 > li:nth-of-type(1n) {
    clear: none;
  }
  .large-block-grid-9 > li:nth-of-type(9n+1) {
    clear: both;
  }

  .large-block-grid-10 > li {
    width: 10%;
    list-style: none;
  }
  .large-block-grid-10 > li:nth-of-type(1n) {
    clear: none;
  }
  .large-block-grid-10 > li:nth-of-type(10n+1) {
    clear: both;
  }

  .large-block-grid-11 > li {
    width: 9.09091%;
    list-style: none;
  }
  .large-block-grid-11 > li:nth-of-type(1n) {
    clear: none;
  }
  .large-block-grid-11 > li:nth-of-type(11n+1) {
    clear: both;
  }

  .large-block-grid-12 > li {
    width: 8.33333%;
    list-style: none;
  }
  .large-block-grid-12 > li:nth-of-type(1n) {
    clear: none;
  }
  .large-block-grid-12 > li:nth-of-type(12n+1) {
    clear: both;
  }
}
.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: 54em) {
  .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: 54.063em) and (max-width: 71em) {
  .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: 54.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: 71.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: 71.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: 99999999em) {
  .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: #4f4f4f;
  text-decoration: none;
  line-height: inherit;
}
a:hover, a:focus {
  color: #444444;
}
a img {
  border: none;
}

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

/* Default header styles */
h1, h2, h3, h4, h5, h6 {
  font-family: "Arvo", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  color: #4f4f4f;
  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: #8d8d8d;
  line-height: 0;
}

h1 {
  font-size: 2.42857rem;
}

h2 {
  font-size: 2.14286rem;
}

h3 {
  font-size: 1.5rem;
}

h4 {
  font-size: 1.28571rem;
}

h5 {
  font-size: 1.28571rem;
}

h6 {
  font-size: 1rem;
}

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

hr {
  border: solid #DDDDDD;
  border-width: 1px 0 0;
  clear: both;
  margin: 1.42857rem 0 1.35714rem;
  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: normal;
  color: #333333;
  background-color: #f8f8f8;
  border-width: 1px;
  border-style: solid;
  border-color: #dfdfdf;
  padding: 0.14286rem 0.35714rem 0.07143rem;
}

/* Lists */
ul,
ol,
dl {
  font-size: 1rem;
  line-height: 1.6;
  margin-bottom: 1.42857rem;
  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.42857rem;
  margin-bottom: 0;
  list-style: none;
}

/* Unordered Lists */
ul li ul,
ul li ol {
  margin-left: 1.42857rem;
  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.42857rem;
  margin-bottom: 0;
}

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

/* Abbreviations */
abbr,
acronym {
  text-transform: uppercase;
  font-size: 90%;
  color: #4f4f4f;
  cursor: help;
}

abbr {
  text-transform: none;
}
abbr[title] {
  border-bottom: 1px dotted #DDDDDD;
}

/* Blockquotes */
blockquote {
  margin: 0 0 1.42857rem;
  padding: 0.64286rem 1.42857rem 0 1.35714rem;
  border-left: 1px solid #DDDDDD;
}
blockquote cite {
  display: block;
  font-size: 0.92857rem;
  color: #777777;
}
blockquote cite:before {
  content: "\2014 \0020";
}
blockquote cite a,
blockquote cite a:visited {
  color: #777777;
}

blockquote,
blockquote p {
  line-height: 1.6;
  color: #8d8d8d;
}

/* Microformats */
.vcard {
  display: inline-block;
  margin: 0 0 1.42857rem 0;
  border: 1px solid #DDDDDD;
  padding: 0.71429rem 0.85714rem;
}
.vcard li {
  margin: 0;
  display: block;
}
.vcard .fn {
  font-weight: bold;
  font-size: 1.07143rem;
}

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

@media only screen and (min-width: 40.063em) {
  h1, h2, h3, h4, h5, h6 {
    line-height: 1.4;
  }

  h1 {
    font-size: 3.14286rem;
  }

  h2 {
    font-size: 2.85714rem;
  }

  h3 {
    font-size: 1.85714rem;
  }

  h4 {
    font-size: 1.64286rem;
  }

  h5 {
    font-size: 1.28571rem;
  }

  h6 {
    font-size: 1rem;
  }
}
/*
 * 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: #000000 !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 #999999;
    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;
  }
}
/*  
  .
  =======================================
  Author          liamegan
  email           liam@wethecollective.com
  Created         2014-10-31 08:33:21
  Description     .
  Edited by       liamegan
  Edited          2014-11-12 13:07:38
*/
/*  
  Text mixins
  =======================================
  Author          liamegan
  email           liam@wethecollective.com
  Created         2014-11-03 16:27:08
  Description     .
  Edited by       liamegan
  Edited          2015-01-20 10:09:53
*/
/*  
  Various image mixins
  =======================================
  Author          liamegan
  email           liam@wethecollective.com
  Created         2014-11-03 17:06:00
  Description     .
  Edited by       liamegan
  Edited          2015-03-09 17:17:17
*/
/*  
  Gradient mixins
  =======================================
  Author          liamegan
  email           liam@wethecollective.com
  Created         2014-11-03 18:04:11
  Description     .
  Edited by       liamegan
  Edited          2014-11-03 18:15:21
*/
/*  
  Transition mixins
  =======================================
  Author          liamegan
  email           liam@wethecollective.com
  Created         2014-11-04 09:07:18
  Description     .
  Edited by       liamegan
  Edited          2015-07-22 16:32:05
*/
@-moz-keyframes translateDown {
  0% {
    -moz-transform: translateY(-66.66667%);
    transform: translateY(-66.66667%);
  }
  100% {
    -moz-transform: translateY(0%);
    transform: translateY(0%);
  }
}
@-webkit-keyframes translateDown {
  0% {
    -webkit-transform: translateY(-66.66667%);
    transform: translateY(-66.66667%);
  }
  100% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
}
@keyframes translateDown {
  0% {
    -moz-transform: translateY(-66.66667%);
    -ms-transform: translateY(-66.66667%);
    -webkit-transform: translateY(-66.66667%);
    transform: translateY(-66.66667%);
  }
  100% {
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
}
@-moz-keyframes rubberband {
  0% {
    -moz-transform: scale(1);
    transform: scale(1);
  }
  30% {
    -moz-transform: scaleX(1.125) scaleY(0.83333);
    transform: scaleX(1.125) scaleY(0.83333);
  }
  40% {
    -moz-transform: scaleX(0.83333) scaleY(1.125);
    transform: scaleX(0.83333) scaleY(1.125);
  }
  60% {
    -moz-transform: scaleX(1.035) scaleY(0.94444);
    transform: scaleX(1.035) scaleY(0.94444);
  }
  100% {
    -moz-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes rubberband {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  30% {
    -webkit-transform: scaleX(1.125) scaleY(0.83333);
    transform: scaleX(1.125) scaleY(0.83333);
  }
  40% {
    -webkit-transform: scaleX(0.83333) scaleY(1.125);
    transform: scaleX(0.83333) scaleY(1.125);
  }
  60% {
    -webkit-transform: scaleX(1.035) scaleY(0.94444);
    transform: scaleX(1.035) scaleY(0.94444);
  }
  100% {
    -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.125) scaleY(0.83333);
    -ms-transform: scaleX(1.125) scaleY(0.83333);
    -webkit-transform: scaleX(1.125) scaleY(0.83333);
    transform: scaleX(1.125) scaleY(0.83333);
  }
  40% {
    -moz-transform: scaleX(0.83333) scaleY(1.125);
    -ms-transform: scaleX(0.83333) scaleY(1.125);
    -webkit-transform: scaleX(0.83333) scaleY(1.125);
    transform: scaleX(0.83333) scaleY(1.125);
  }
  60% {
    -moz-transform: scaleX(1.035) scaleY(0.94444);
    -ms-transform: scaleX(1.035) scaleY(0.94444);
    -webkit-transform: scaleX(1.035) scaleY(0.94444);
    transform: scaleX(1.035) scaleY(0.94444);
  }
  100% {
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-moz-keyframes wobble {
  0% {
    -moz-transform: translateX(0%);
    transform: translateX(0%);
  }
  15% {
    -moz-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    -moz-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }
  45% {
    -moz-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    -moz-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }
  75% {
    -moz-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    -moz-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }
  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }
  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    -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%);
  }
}
@-moz-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-moz-keyframes dropIn {
  0% {
    -moz-transform: scale(1.5) rotateY(90deg);
    transform: scale(1.5) rotateY(90deg);
    opacity: 0;
  }
  40% {
    -moz-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  65% {
    -moz-transform: scale(1.06);
    transform: scale(1.06);
  }
  75% {
    -moz-transform: scale(1) rotateY(-5deg);
    transform: scale(1) rotateY(-5deg);
  }
  95% {
    -moz-transform: scale(1.03);
    transform: scale(1.03);
  }
  100% {
    -moz-transform: scale(1) rotateY(0deg);
    transform: scale(1) rotateY(0deg);
  }
}
@-webkit-keyframes dropIn {
  0% {
    -webkit-transform: scale(1.5) rotateY(90deg);
    transform: scale(1.5) rotateY(90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  65% {
    -webkit-transform: scale(1.06);
    transform: scale(1.06);
  }
  75% {
    -webkit-transform: scale(1) rotateY(-5deg);
    transform: scale(1) rotateY(-5deg);
  }
  95% {
    -webkit-transform: scale(1.03);
    transform: scale(1.03);
  }
  100% {
    -webkit-transform: scale(1) rotateY(0deg);
    transform: scale(1) rotateY(0deg);
  }
}
@keyframes dropIn {
  0% {
    -moz-transform: scale(1.5) rotateY(90deg);
    -ms-transform: scale(1.5) rotateY(90deg);
    -webkit-transform: scale(1.5) rotateY(90deg);
    transform: scale(1.5) rotateY(90deg);
    opacity: 0;
  }
  40% {
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  65% {
    -moz-transform: scale(1.06);
    -ms-transform: scale(1.06);
    -webkit-transform: scale(1.06);
    transform: scale(1.06);
  }
  75% {
    -moz-transform: scale(1) rotateY(-5deg);
    -ms-transform: scale(1) rotateY(-5deg);
    -webkit-transform: scale(1) rotateY(-5deg);
    transform: scale(1) rotateY(-5deg);
  }
  95% {
    -moz-transform: scale(1.03);
    -ms-transform: scale(1.03);
    -webkit-transform: scale(1.03);
    transform: scale(1.03);
  }
  100% {
    -moz-transform: scale(1) rotateY(0deg);
    -ms-transform: scale(1) rotateY(0deg);
    -webkit-transform: scale(1) rotateY(0deg);
    transform: scale(1) rotateY(0deg);
  }
}
@-moz-keyframes dropInSlow {
  0% {
    -moz-transform: scale(1.5) rotateY(-90deg);
    transform: scale(1.5) rotateY(-90deg);
    opacity: 0;
  }
  50% {
    -moz-transform: scale(1) rotateY(5deg);
    transform: scale(1) rotateY(5deg);
    opacity: 1;
  }
  70% {
    -moz-transform: scale(1.06) rotateY(0deg);
    transform: scale(1.06) rotateY(0deg);
  }
  85% {
    -moz-transform: scale(1);
    transform: scale(1);
  }
  95% {
    -moz-transform: scale(1.03);
    transform: scale(1.03);
  }
  100% {
    -moz-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes dropInSlow {
  0% {
    -webkit-transform: scale(1.5) rotateY(-90deg);
    transform: scale(1.5) rotateY(-90deg);
    opacity: 0;
  }
  50% {
    -webkit-transform: scale(1) rotateY(5deg);
    transform: scale(1) rotateY(5deg);
    opacity: 1;
  }
  70% {
    -webkit-transform: scale(1.06) rotateY(0deg);
    transform: scale(1.06) rotateY(0deg);
  }
  85% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  95% {
    -webkit-transform: scale(1.03);
    transform: scale(1.03);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes dropInSlow {
  0% {
    -moz-transform: scale(1.5) rotateY(-90deg);
    -ms-transform: scale(1.5) rotateY(-90deg);
    -webkit-transform: scale(1.5) rotateY(-90deg);
    transform: scale(1.5) rotateY(-90deg);
    opacity: 0;
  }
  50% {
    -moz-transform: scale(1) rotateY(5deg);
    -ms-transform: scale(1) rotateY(5deg);
    -webkit-transform: scale(1) rotateY(5deg);
    transform: scale(1) rotateY(5deg);
    opacity: 1;
  }
  70% {
    -moz-transform: scale(1.06) rotateY(0deg);
    -ms-transform: scale(1.06) rotateY(0deg);
    -webkit-transform: scale(1.06) rotateY(0deg);
    transform: scale(1.06) rotateY(0deg);
  }
  85% {
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  95% {
    -moz-transform: scale(1.03);
    -ms-transform: scale(1.03);
    -webkit-transform: scale(1.03);
    transform: scale(1.03);
  }
  100% {
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
/*  
  .
  =======================================
  Author          liamegan
  email           liam@wethecollective.com
  Created         2015-07-21 10:36:18
  Description     .
  Edited by       liamegan
  Edited          2015-07-27 14:42:25
*/
/*  
  Basic link styles
  =======================================
  Author          liamegan
  email           liam@wethecollective.com
  Created         2014-11-03 16:14:07
  Description     .
  Edited by       liamegan
  Edited          2015-03-09 17:01:39
*/
/*  
  Main navigation styles
  =======================================
  Author          liamegan
  email           liam@wethecollective.com
  Created         2014-11-03 16:14:22
  Description     .
  Edited by       liamegan
  Edited          2015-03-09 17:02:24
*/
/*  
  Button styles
  =======================================
  Author          liamegan
  email           liam@wethecollective.com
  Created         2014-11-03 16:14:14
  Description     .
  Edited by       liamegan
  Edited          2014-11-12 13:26:15
*/
.button {
  display: block;
  display: inline-block;
  overflow: hidden;
  text-indent: -999em;
}

/*  
  Basic text styles
  =======================================
  Author          liamegan
  email           liam@wethecollective.com
  Created         2014-10-31 08:53:33
  Description     Basic text styles
  Edited by       liamegan
  Edited          2015-07-17 14:38:49
*/
/* Basic text elements */
body {
  font-family: 'Arvo', serif;
}

p {
  font-size: 1rem;
  line-height: 1.4em;
}
p strong {
  font-weight: 700;
}
p em {
  font-style: italic;
}

/* Anchors */
/* Headers */
h1, h2, h3 {
  line-height: 1em;
}

h1 {
  font-size: 3.21429rem;
  letter-spacing: normal;
}

h2 {
  font-size: 2.85714rem;
  letter-spacing: normal;
}

h3 {
  font-size: 2.85714rem;
  letter-spacing: 0.03em;
}

/*  
  Modal layouts
  =======================================
  Author          liamegan
  email           liam@wethecollective.com
  Created         2014-11-05 11:17:23
  Description     .
  Edited by       liamegan
  Edited          2015-03-09 17:17:43
*/
#ModalView {
  background: rgba(255, 255, 255, 0.7);
  display: none;
  position: fixed;
  top: 0;
  z-index: 50001;
}
#ModalView .modal-container {
  width: 100%;
  height: 100%;
  position: relative;
}
#ModalView .modal-container > .modal-content {
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  padding: 50px;
  left: 50%;
  position: absolute;
  top: 50%;
  z-index: 101;
  max-width: 940px;
}
#ModalView .modal-container > .modal-content .modal-content {
  left: 0px;
  top: 0px;
}
#ModalView .modal-container > .modal-content h2, #ModalView .modal-container > .modal-content p {
  text-align: center;
}
#ModalView .modal-container > .modal-content p {
  margin: 0.6em 0 0;
}

@media only screen and (min-width: 40.063em) {
  #ModalView .modal-container > .modal-content {
    padding: 73px;
  }
}
@media only screen and (min-width: 54.063em) {
  #ModalView .modal-container > .modal-content {
    padding: 80px;
  }
}
/*  
  .
  =======================================
  Author          liamegan
  email           liam@wethecollective.com
  Created         2015-07-02 14:47:06
  Description     .
  Edited by       liamegan
  Edited          2015-12-09 10:46:25
*/
nav#controls label {
  cursor: pointer;
}
nav#controls label span.delegate {
  background: #FFF;
  border: 2px solid #e1e1e1;
  border-radius: 4px;
  display: inline-block;
  font-size: 1em;
  height: 1em;
  position: relative;
  top: 3px;
  width: 1em;
}
nav#controls label span.delegate::after {
  -moz-transform: rotate(35deg) translate(-0.35em, -0.2em);
  -ms-transform: rotate(35deg) translate(-0.35em, -0.2em);
  -webkit-transform: rotate(35deg) translate(-0.35em, -0.2em);
  transform: rotate(35deg) translate(-0.35em, -0.2em);
  border-bottom: 3px solid #12c7b7;
  border-radius: 2px;
  border-right: 3px solid #12c7b7;
  content: " ";
  display: none;
  height: 0.6em;
  left: 50%;
  position: absolute;
  top: 50%;
  width: 0.4em;
}
nav#controls label input[type="checkbox"] {
  display: none;
}
nav#controls label input[type="checkbox"]:checked + span::after {
  display: block;
}

nav#controls label.radio span.delegate {
  border-radius: 10px;
}
nav#controls label.radio span.delegate::after {
  width: 0.4em;
  height: 0.4em;
  border: none;
  background: #12c7b7;
  border-radius: 10px;
  transform: translate(-0.2em, -0.2em);
}

nav#controls .select label > div {
  background: #e1e1e1;
  border-radius: 5px;
  box-shadow: 0px 3px 0px #959595;
  display: inline-block;
  font-family: 'Arvo', serif;
  font-size: 1em;
  overflow: hidden;
  position: relative;
}
nav#controls .select label > div::after {
  background: #D7D7D7 center center no-repeat;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAKCAYAAACE2W/HAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RDE5NDEwRjkxOTJFMTFFNThFQUM4NTcxRDdCQTQ5OTUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RDE5NDEwRkExOTJFMTFFNThFQUM4NTcxRDdCQTQ5OTUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpEMTk0MTBGNzE5MkUxMUU1OEVBQzg1NzFEN0JBNDk5NSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpEMTk0MTBGODE5MkUxMUU1OEVBQzg1NzFEN0JBNDk5NSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PkLLZGkAAACjSURBVHjahJGxCsJAEETvD6zEH7C1C6RXbKOd/mHyOcaUqUKKQLAIgSCCsJmBDcbNnQ48WHZm4NhzIhKBAlTgAlyAq2aYjbjI5aM3SDyls3qTci57+dYT7Gclzi+T6WlkslQHdkrn8VMWV+DuMWvF6sbO9JwNKOW/mFmzMz/AFrQ/Sq1mnC2SGAye0qCeCxXJ0VyR88HmQp99Ag146LzIjAIMALSY752rFCH5AAAAAElFTkSuQmCC");
  border-left: 2px solid #959595;
  content: " ";
  display: block;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0px;
  top: 0px;
  width: 2.5em;
}
nav#controls .select select {
  -moz-appearance: none;
  -webkit-appearance: none;
  border: 0;
  color: #798b8f;
  cursor: pointer;
  font-family: 'Arvo', serif;
  font-size: 1em;
  outline: none;
  padding: .5em;
}

/*  
  Buttons
  =======================================
  Author          liamegan
  email           liam@wethecollective.com
  Created         2014-11-03 16:14:22
  Description     .
  Edited by       liamegan
  Edited          2015-07-28 16:02:25
*/
.list-toggle-container {
  font-size: 0;
}

a.list-type {
  background: #e1e1e1 no-repeat;
  box-shadow: inset 0px 3px 0px #b4b4b4;
  border-radius: 4px;
  display: inline-block;
  height: 39px;
  padding: 6px;
  width: 39px;
}
a.list-type.is-selected {
  background-color: #12c7b7;
  box-shadow: none;
}
a.list-type span {
  display: block;
  font-size: 0;
  height: 10px;
  margin-bottom: 2px;
}
a.list-type span::before, a.list-type span::after {
  background: #FFF;
  border-radius: 2px;
  content: " ";
  display: inline-block;
  height: 9px;
  margin: 0px 3px 0px 0px;
  width: 9px;
}
a.list-type span::after {
  margin-right: 0px;
}
a.list-type.grid {
  background-image: url('../img/grid-view.svg?1438124108');
  background-size: 22px 22px;
  background-position: center;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: 2px solid #959595;
  width: 40px;
}
a.list-type.list {
  background-image: url('../img/list-view.svg?1438124108');
  background-size: 22px 22px;
  background-position: center;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  padding-top: 8px;
}
a.list-type.list span {
  height: 5px;
}
a.list-type.list span::before {
  height: 100%;
  width: 5px;
}
a.list-type.list span::after {
  height: 100%;
  width: 13px;
}

/*  
  .
  =======================================
  Author          liamegan
  email           liam@wethecollective.com
  Created         2015-10-27 09:45:36
  Description     .
  Edited by       liamegan
  Edited          2015-11-04 15:03:04
*/
a.flag {
  background: #FFF center center;
  background-size: cover;
  border: 4px solid #FFF;
  border-radius: 50px;
  box-shadow: 0px 4px 0px RGBA(0, 0, 0, 0.1);
  font-size: 0;
  display: inline-block;
  height: 70px;
  opacity: 1;
  position: relative;
  vertical-align: middle;
  width: 70px;
}
a.flag.usa {
  background-image: url('../img/flag-us.jpg?1446223964');
  margin: 0 10px;
}
a.flag.canada {
  background-image: url('../img/flag-ca.jpg?1446223964');
}
a.flag.sel, a.flag:hover {
  box-shadow: 0px 1px 0px RGBA(0, 0, 0, 0.1);
  opacity: 1;
  top: 3px;
}

/*  
  .
  =======================================
  Author          liamegan
  email           liam@wethecollective.com
  Created         2016-03-16 09:34:29
  Description     .
  Edited by       liamegan
  Edited          2016-03-16 09:46:51
*/
div.retailers-modal {
  position: fixed !important;
}

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

/*  
  .
  =======================================
  Author          liamegan
  email           liam@wethecollective.com
  Created         2015-08-05 15:48:27
  Description     .
  Edited by       liamegan
  Edited          2015-08-17 14:32:04
*/
input#tutorial_modal {
  display: none;
}
input#tutorial_modal:checked + .tutorial_modal {
  display: block;
  opacity: 1;
}

.tutorial_modal {
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  display: none;
  height: 100%;
  left: 0px;
  opacity: 0;
  position: fixed;
  top: 0px;
  width: 100%;
  z-index: 9000;
}
.tutorial_modal label.close {
  background: #FFF url('../img/button-close.png?1438272773') center center no-repeat;
  background-size: 79%;
  border-radius: 43px;
  cursor: pointer;
  display: block;
  height: 43px;
  position: absolute;
  right: -1em;
  top: -1em;
  width: 43px;
  z-index: 10;
}
.tutorial_modal h2 {
  color: #00957b;
  font-size: 1.71429rem;
  margin-bottom: 0.6em;
}
.tutorial_modal h2.large {
  font-size: 2.57143rem;
  margin-bottom: 0.2em;
}
.tutorial_modal p {
  font-size: 1.28571rem;
}
.tutorial_modal .matte {
  background: RGBA(0, 0, 0, 0.4);
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
  z-index: 1;
}
.tutorial_modal .container {
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background: #FFF;
  border-radius: 10px;
  left: 50%;
  height: 535px;
  max-width: 100%;
  position: absolute;
  text-align: center;
  top: 100px;
  width: 550px;
  z-index: 2;
}
.tutorial_modal ul.switcher {
  height: 100%;
  list-style-type: none;
  margin: 0px;
  position: relative;
}
.tutorial_modal ul.switcher p, .tutorial_modal ul.switcher h2 {
  margin-left: 30px;
  margin-right: 30px;
}
.tutorial_modal ul.switcher li {
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  height: 100%;
  left: 0px;
  opacity: 0;
  padding: 30px 0px;
  position: absolute;
  top: 0px;
  width: 100%;
  z-index: 1;
}
.tutorial_modal ul.switcher li img {
  -moz-transition: opacity 1s;
  -o-transition: opacity 1s;
  -webkit-transition: opacity 1s;
  transition: opacity 1s;
  border-bottom: 3px solid #e1e1e1;
  border-top: 3px solid #e1e1e1;
  display: block;
  margin: 1em 0px;
  opacity: 0;
  width: 100%;
}
.tutorial_modal ul.switcher li .continue,
.tutorial_modal ul.switcher li .back {
  border: 2px solid #17c173;
  border-radius: 5px;
  bottom: 20px;
  display: block;
  padding: 5px 10px 7px 10px;
  position: absolute;
}
.tutorial_modal ul.switcher li .back {
  border-color: #959595;
  color: #959595;
  left: 20px;
}
.tutorial_modal ul.switcher li .back::before {
  background: url('../img/arrow-left-grey.png?1438829499');
  content: " ";
  display: inline-block;
  height: 12px;
  margin-right: 10px;
  vertical-align: middle;
  width: 8px;
}
.tutorial_modal ul.switcher li label.back {
  border-color: #fa603f;
  color: #fa603f;
  cursor: pointer;
}
.tutorial_modal ul.switcher li label.back::before {
  display: none;
}
.tutorial_modal ul.switcher li .continue {
  color: #17c173;
  right: 20px;
}
.tutorial_modal ul.switcher li .continue::after {
  background: url('../img/arrow-right-green.png?1438829479');
  content: " ";
  display: inline-block;
  height: 12px;
  margin-left: 10px;
  vertical-align: middle;
  width: 8px;
}
.tutorial_modal ul.switcher li .column {
  display: inline-block;
  padding-right: 5px;
  width: 50%;
}
.tutorial_modal ul.switcher li .column.right {
  padding-left: 5px;
  padding-right: 0;
}
.tutorial_modal ul.switcher li .mobile {
  display: none;
}
.tutorial_modal ul.switcher li .bubble {
  background: #e1e1e1;
  border-radius: 10px;
  font-size: 1rem;
  font-style: italic;
  margin: 0.5em;
  padding: 15px 20px;
  position: relative;
}
.tutorial_modal ul.switcher li .bubble::before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  border-color: transparent;
  border-bottom-color: #e1e1e1;
  border-width: 10px;
  margin-left: -10px;
}
.tutorial_modal ul.switcher li#intro_welcome img {
  border: none;
}
.tutorial_modal ul.switcher li.sel {
  opacity: 1;
  z-index: 2;
}
.tutorial_modal ul.switcher li.sel img {
  opacity: 1;
}
.tutorial_modal ul.pagination {
  bottom: 30px;
  list-style-type: none;
  margin: 0;
  padding: 0;
  position: absolute;
  width: 100%;
}
.tutorial_modal ul.pagination li {
  -moz-transition: color 1s;
  -o-transition: color 1s;
  -webkit-transition: color 1s;
  transition: color 1s;
  background: #e1e1e1;
  border-radius: 10px;
  display: inline-block;
  height: 10px;
  margin: 0 5px;
  width: 10px;
}
.tutorial_modal ul.pagination li.sel {
  background: #17c173;
}

@media only screen and (max-width: 40em) {
  .tutorial_modal .container {
    height: 400px;
    top: 80px;
  }
  .tutorial_modal h2 {
    color: #00957b;
    font-size: 1.28571rem;
    margin-bottom: 0.6em;
  }
  .tutorial_modal h2.large {
    font-size: 1.78571rem;
    margin-bottom: 0.2em;
  }
  .tutorial_modal p {
    font-size: 1rem;
  }
  .tutorial_modal label.close {
    right: 0;
  }
  .tutorial_modal ul.switcher li .column {
    display: none;
  }
  .tutorial_modal ul.switcher li .mobile {
    display: block;
  }
  .tutorial_modal ul.switcher li img {
    margin: 0.5em auto;
    width: 80%;
  }
  .tutorial_modal ul.pagination {
    display: none;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  .tutorial_modal .container {
    height: 320px;
    top: 50px;
  }
  .tutorial_modal ul.switcher li img {
    margin: 0.5em auto;
    width: 50%;
  }
}
#ModalView .modal-container > .modal-content .modal-content {
  display: block;
  margin: 1em auto;
  box-shadow: 0px -6px 7px 0px rgba(0, 0, 0, 0.25);
  border-radius: 20px;
  position: relative;
  overflow: hidden;
}
#ModalView .modal-container > .modal-content .modal-content img {
  width: 100%;
}
#ModalView .modal-container > .modal-content .modal-content:after {
  width: 100%;
  height: 100%;
  content: " ";
  box-shadow: inset 1.5px 8.33px 7px 0px rgba(6, 6, 6, 0.294), inset 1.5px -8.33px 7px 0px rgba(6, 6, 6, 0.294);
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  border-radius: 20px;
}

html {
  overflow-x: hidden;
}

#footer-main {
  background: #00957b url('../img/bg-dot-footer.png?1438035476') left top repeat-x;
  background-size: 13px 243px;
  border-top: 3px solid #CCC;
  color: #FFF;
  clear: both;
  margin-top: 100px;
  padding: 50px 0;
  text-align: center;
}
#footer-main .content {
  padding: 0 20px;
}
#footer-main .share {
  display: -ms-flexbox;
  display: -webkit-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: center;
  -webkit-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -ms-flex-line-pack: start;
  -webkit-flex-line-pack: start;
  -webkit-align-content: flex-start;
  align-content: flex-start;
  -ms-flex-align: center;
  -webkit-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  background: #FFF;
  border-radius: 50px;
  box-shadow: 0px 4px 0px RGBA(0, 0, 0, 0.2);
  margin: 0 auto 2em auto;
  padding: 10px;
  width: 350px;
}
#footer-main .share > * {
  margin: 0;
}
#footer-main .share img {
  vertical-align: baseline;
}
#footer-main .share .house {
  background: url('../img/grey-house-icon.png?1439936961') no-repeat;
  background-size: contain;
  height: 38px;
  width: 38px;
}
#footer-main .share p {
  color: #27bfaf;
  font-size: 1.3em;
  font-weight: bold;
  margin: 0 5px 0 15px;
}
#footer-main #nintendo-footer > * {
  color: #FFF !important;
  display: inline-block;
  float: none !important;
}
#footer-main .legal {
  font-size: 0.8em;
  margin-bottom: 1em;
}

#nintendo-footer {
  margin: 2em;
}

@media only screen and (max-width: 40em) {
  .FAQ_section .content h1 {
    font-size: 2.2em;
  }
  .FAQ_section .content h2 {
    font-size: 1.9em !important;
  }
  .FAQ_section .content p,
  .FAQ_section .content .button {
    font-size: 1.2em !important;
  }
  .FAQ_section .content .button {
    padding: 10px 20px !important;
  }

  #footer-main .share {
    width: 100%;
  }
  #footer-main .share .house {
    display: none;
  }
  #footer-main .share #nintendo-sharing {
    position: relative;
    top: 2px;
  }
  #footer-main .content {
    padding: 0px 10px;
  }

  #nintendo-footer {
    margin: 0;
  }
  #nintendo-footer div#footer-amiibo-container {
    width: 60px !important;
  }
}
/*
  .
  =======================================
  Author          liamegan
  email           liam@wethecollective.com
  Created         2014-11-06 13:07:21
  Description     .
  Edited by       liamegan
  Edited          2015-02-25 11:18:15
*/
#ncom-header {
  min-height: 36px;
}
#ncom-header .placeholder {
  background: #e6e6e6;
  background: -moz-linear-gradient(top, #e6e6e6 0%, #f5f5f5 100%);
  background: -webkit-linear-gradient(top, #e6e6e6 0%, #f5f5f5 100%);
  background: -o-linear-gradient(top, #e6e6e6 0%, #f5f5f5 100%);
  background: -ms-linear-gradient(top, #e6e6e6 0%, #f5f5f5 100%);
  background: linear-gradient(to bottom, #e6e6e6 0%, #f5f5f5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#f5f5f5',GradientType=0 );
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
  height: 36px;
  left: 0;
  opacity: .95;
  font-family: 'Lato';
  top: 0;
  width: 100%;
  position: relative;
  z-index: 500;
}

#nclude-global-nav {
  opacity: 0;
}

body[data-useragent*="WiiU"] div.retailers-modal {
  z-index: 9999 !important;
}

/*  
  .
  =======================================
  Author          liamegan
  email           liam@wethecollective.com
  Created         2015-03-09 17:02:39
  Description     .
  Edited by       liamegan
  Edited          2016-01-12 12:30:46
*/
body.wiiU-browser .main-controls > .search .icon {
  display: none !important;
}
body.wiiU-browser .tutorial_modal .container {
  height: 380px;
  top: 10px;
}
body.wiiU-browser .tutorial_modal .container ul.switcher li .column.right {
  display: none;
}
body.wiiU-browser .tutorial_modal .container ul.switcher li img {
  margin: 0pc auto;
  width: 50%;
}
body.wiiU-browser .application .ember-view #card_index ul.grid li input.amiiboCard:checked + .animationContainer .cardContainer .amiiboCardContainer .rear {
  -moz-transform: translate(0px, 0px) !important;
  -ms-transform: translate(0px, 0px) !important;
  -webkit-transform: translate(0px, 0px) !important;
  transform: translate(0px, 0px) !important;
  padding-left: 10px !important;
  padding-right: 10px !important;
  width: 100% !important;
  height: 100% !important;
  z-index: 3;
}
body.wiiU-browser .application .ember-view #card_index ul.grid li input.amiiboCard:checked + .animationContainer .cardContainer .amiiboCardContainer .rear label {
  left: auto !important;
  right: 10px !important;
}
body.wiiU-browser .application .ember-view #card_index ul.grid li input.amiiboCard:checked + .animationContainer .cardContainer .amiiboCardContainer .rear h3 {
  margin-top: 0 !important;
}
body.wiiU-browser .application .ember-view #card_index ul.grid li input.amiiboCard:checked + .animationContainer .cardContainer .amiiboCardContainer .rear dl * {
  display: none;
}
body.wiiU-browser .application .ember-view #card_index ul.grid li input.amiiboCard:checked + .animationContainer .cardContainer .amiiboCardContainer .rear dl :first-child,
body.wiiU-browser .application .ember-view #card_index ul.grid li input.amiiboCard:checked + .animationContainer .cardContainer .amiiboCardContainer .rear dl :nth-child(2) {
  display: block;
}
body.wiiU-browser .application .ember-view #card_index ul.grid li input.amiiboCard:checked + .animationContainer .cardContainer .amiiboCardContainer .rear ul.lists li {
  display: block;
  margin-bottom: 1em !important;
  width: 80% !important;
}

#card_index ul.list li span.add label.favMenu, .amiibo-card label.favMenu {
  background: #4cd8e6;
  border-radius: 5px;
  box-shadow: 0px 3px 0px #249ca8;
  cursor: pointer;
  display: block;
  padding: 0px;
  float: right;
  height: 22px;
  position: relative;
  width: 22px;
  top: 4px;
}
#card_index ul.list li span.add label.disabled.favMenu, .amiibo-card label.disabled.favMenu {
  box-shadow: none;
  cursor: default;
  opacity: 0.4;
  pointer-events: none;
}
#card_index ul.list li span.add label.favMenu:hover, .amiibo-card label.favMenu:hover {
  -moz-transform: translateY(2px);
  -ms-transform: translateY(2px);
  -webkit-transform: translateY(2px);
  transform: translateY(2px);
  box-shadow: 0px 1px 0px #249ca8;
}
#card_index ul.list li span.add label.favMenu .icon, .amiibo-card label.favMenu .icon {
  -moz-transform: translate(-48%, -47%);
  -ms-transform: translate(-48%, -47%);
  -webkit-transform: translate(-48%, -47%);
  transform: translate(-48%, -47%);
  background: url('../img/plus.svg?1438119981') no-repeat;
  background-size: contain;
  content: " ";
  display: block;
  height: 13px;
  left: 50%;
  position: absolute;
  top: 50%;
  width: 13px;
}
#card_index ul.list li span.add label.has-favourites.favMenu, .amiibo-card label.has-favourites.favMenu {
  background: #17c173;
  border-radius: 5px;
  box-shadow: 0px 3px 0px #00957b;
  cursor: pointer;
  display: block;
  padding: 0px;
}
#card_index ul.list li span.add label.has-favourites.disabled.favMenu, .amiibo-card label.has-favourites.disabled.favMenu {
  box-shadow: none;
  cursor: default;
  opacity: 0.4;
  pointer-events: none;
}
#card_index ul.list li span.add label.has-favourites.favMenu:hover, .amiibo-card label.has-favourites.favMenu:hover {
  -moz-transform: translateY(2px);
  -ms-transform: translateY(2px);
  -webkit-transform: translateY(2px);
  transform: translateY(2px);
  box-shadow: 0px 1px 0px #00957b;
}
#card_index ul.list li span.add label.has-favourites.favMenu .icon, .amiibo-card label.has-favourites.favMenu .icon {
  background-image: url('../img/tick.svg?1438120085');
}

#card_index ul.list li span.add ul.favMenu, .amiibo-card ul.favMenu {
  -moz-transition: opacity 0.3s, -moz-transform 0.3s cubic-bezier(0.62, 0.01, 0.5, 1.43);
  -o-transition: opacity 0.3s, -o-transform 0.3s cubic-bezier(0.62, 0.01, 0.5, 1.43);
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s cubic-bezier(0.62, 0.01, 0.5, 1.43);
  transition: opacity 0.3s, transform 0.3s cubic-bezier(0.62, 0.01, 0.5, 1.43);
  -moz-transform-origin: 90% 120%;
  -ms-transform-origin: 90% 120%;
  -webkit-transform-origin: 90% 120%;
  transform-origin: 90% 120%;
  -moz-transform: scale(0.2);
  -ms-transform: scale(0.2);
  -webkit-transform: scale(0.2);
  transform: scale(0.2);
  background: #00957b;
  border-radius: 5px;
  bottom: 44px;
  color: #FFF;
  right: -10px;
  margin: 0 !important;
  opacity: 0;
  position: absolute;
  width: 250px;
  z-index: 2000;
}
#card_index ul.list li span.add ul.favMenu::after, .amiibo-card ul.favMenu::after {
  border-right: 10px solid transparent;
  border-top: 10px solid #00957b;
  border-left: 10px solid transparent;
  bottom: -10px;
  content: " ";
  display: block;
  right: 10px;
  height: 0px;
  position: absolute;
  width: 0px;
}
#card_index ul.list li span.add ul.favMenu li, .amiibo-card ul.favMenu li {
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  border-bottom: 1px solid #026352;
  float: none !important;
  display: block;
  margin: 0 !important;
  padding: 0 !important;
  width: auto !important;
}
#card_index ul.list li span.add ul.favMenu li:first-child, .amiibo-card ul.favMenu li:first-child {
  padding: 5px 0 5px 10px !important;
  font-style: italic;
}
#card_index ul.list li span.add ul.favMenu li:last-child, .amiibo-card ul.favMenu li:last-child {
  border: none;
}
#card_index ul.list li span.add ul.favMenu li:last-child a, .amiibo-card ul.favMenu li:last-child a {
  border-bottom-left-radius: 5px !important;
  border-bottom-right-radius: 5px !important;
}
#card_index ul.list li span.add ul.favMenu a, .amiibo-card ul.favMenu a {
  border-radius: 0 !important;
  color: #FFF;
  display: block;
  padding: 10px 0 10px 10px;
  vertical-align: middle;
  white-space: nowrap;
}
#card_index ul.list li span.add ul.favMenu a > *, .amiibo-card ul.favMenu a > * {
  vertical-align: middle;
}
#card_index ul.list li span.add ul.favMenu a .icon, .amiibo-card ul.favMenu a .icon {
  height: 24px;
  position: relative;
  width: 24px;
  background: #FFF;
  border-radius: 30px;
  display: inline-block;
  margin-right: 10px;
}
#card_index ul.list li span.add ul.favMenu a .icon span, .amiibo-card ul.favMenu a .icon span {
  display: block;
  height: 100%;
  left: 50%;
  position: absolute;
  top: 50%;
  width: 100%;
}
#card_index ul.list li span.add ul.favMenu a .icon span::before, .amiibo-card ul.favMenu a .icon span::before, #card_index ul.list li span.add ul.favMenu a .icon span::after, .amiibo-card ul.favMenu a .icon span::after {
  background: #fa603f;
  border-radius: 24px;
  content: " ";
  display: block;
  height: 30%;
  position: absolute;
  width: 100%;
}
#card_index ul.list li span.add ul.favMenu a .icon span, .amiibo-card ul.favMenu a .icon span {
  -moz-transform: translate(-48%, -47%);
  -ms-transform: translate(-48%, -47%);
  -webkit-transform: translate(-48%, -47%);
  transform: translate(-48%, -47%);
  background: url('../img/plus.svg?1438119981') no-repeat;
  background-size: contain;
}
#card_index ul.list li span.add ul.favMenu a .icon span::before, .amiibo-card ul.favMenu a .icon span::before, #card_index ul.list li span.add ul.favMenu a .icon span::after, .amiibo-card ul.favMenu a .icon span::after {
  display: none;
}
#card_index ul.list li span.add ul.favMenu a .icon span, .amiibo-card ul.favMenu a .icon span {
  background: url('../img/plus-blue.svg?1439590189') no-repeat;
  height: 50%;
  width: 50%;
}
#card_index ul.list li span.add ul.favMenu a.is-in .icon, .amiibo-card ul.favMenu a.is-in .icon {
  height: 24px;
  position: relative;
  width: 24px;
  background: #FFF;
  border-radius: 30px;
  display: inline-block;
  margin-right: 10px;
}
#card_index ul.list li span.add ul.favMenu a.is-in .icon span, .amiibo-card ul.favMenu a.is-in .icon span {
  display: block;
  height: 100%;
  left: 50%;
  position: absolute;
  top: 50%;
  width: 100%;
}
#card_index ul.list li span.add ul.favMenu a.is-in .icon span::before, .amiibo-card ul.favMenu a.is-in .icon span::before, #card_index ul.list li span.add ul.favMenu a.is-in .icon span::after, .amiibo-card ul.favMenu a.is-in .icon span::after {
  background: #00957b;
  border-radius: 24px;
  content: " ";
  display: block;
  height: 30%;
  position: absolute;
  width: 100%;
}
#card_index ul.list li span.add ul.favMenu a.is-in .icon span, .amiibo-card ul.favMenu a.is-in .icon span {
  -moz-transform: translate(-48%, -47%);
  -ms-transform: translate(-48%, -47%);
  -webkit-transform: translate(-48%, -47%);
  transform: translate(-48%, -47%);
  background: url('../img/tick.svg?1438120085') no-repeat;
  background-size: contain;
}
#card_index ul.list li span.add ul.favMenu a.is-in .icon span::before, .amiibo-card ul.favMenu a.is-in .icon span::before, #card_index ul.list li span.add ul.favMenu a.is-in .icon span::after, .amiibo-card ul.favMenu a.is-in .icon span::after {
  display: none;
}
#card_index ul.list li span.add ul.favMenu a.is-in .icon span, .amiibo-card ul.favMenu a.is-in .icon span {
  background: url('../img/tick-green.svg?1439591511') no-repeat;
  height: 50%;
  width: 50%;
}
#card_index ul.list li span.add ul.favMenu a:hover, .amiibo-card ul.favMenu a:hover {
  background: #026352;
}

body.no-download #sectionHeader a.download {
  display: none;
}

.error {
  color: #959595;
  font-size: 1.4em;
  margin-top: 3em;
  text-align: center;
}

body {
  background: #FFF;
}

.clearer {
  clear: both;
  display: block;
  height: 1px;
}

nav#controls,
#card_index {
  margin: 0px auto;
  max-width: 509px;
}

#amiibo-application {
  min-height: 1000px;
}

div.content {
  margin: 0px auto;
  max-width: 1246px;
  padding-left: 14px;
  position: relative;
  z-index: 2;
}
div.content.lists {
  width: 100%;
  z-index: 20;
}

.header-main,
header[role="main"] {
  background: url('../img/pattern-stripes.jpg?1437591735') left top fixed;
  background-size: 288px 205px;
  position: relative;
}
.header-main .amiibo-lists-container,
header[role="main"] .amiibo-lists-container {
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  left: 50%;
  max-width: 1246px;
  pointer-events: none;
  position: absolute;
  top: 60px;
  width: 100%;
  z-index: 20;
}

header[role="main"] {
  border-bottom: 5px solid #e1e1e1;
  overflow: hidden;
  position: relative;
  z-index: 10;
}
header[role="main"] .labels {
  position: absolute;
  right: 20px;
  text-align: right;
  top: 0px;
  width: 100%;
}
header[role="main"] #buy_section_label,
header[role="main"] #FAQ_section_label {
  background: #00957b;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  box-shadow: 0px 3px 0px #026352;
  color: #FFF;
  cursor: pointer;
  display: inline-block;
  font-size: 1.2rem;
  padding: 8px 15px;
}
header[role="main"] #buy_section_label::after,
header[role="main"] #FAQ_section_label::after {
  background: url('../img/chevron_up.png?1438281406');
  content: " ";
  display: inline-block;
  height: 10px;
  margin: -2px 0 0 7px;
  vertical-align: middle;
  width: 14px;
}
header[role="main"] #buy_section_label {
  background: #f3726d;
  box-shadow: 0px 3px 0px #c12e29;
  margin-right: 10px;
}
header[role="main"] #FAQ_section_label {
  background: #00957b;
}
header[role="main"] .pattern {
  -moz-animation: translateDown 80s linear infinite;
  -webkit-animation: translateDown 80s linear infinite;
  animation: translateDown 80s linear infinite;
  background: url('../img/pattern-header.png?1437597377') center center;
  background-size: 288px 205px;
  height: 615px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
  z-index: 1;
}
header[role="main"] .content {
  padding-left: 14px;
  z-index: 2;
}
header[role="main"] h1 {
  background: url('../img/logo-main.png?1437595885') center 20px no-repeat, url('../img/pattern-stripes.jpg?1437591735') left top fixed;
  background-size: 311px 78px, 288px 205px;
  color: #959595;
  font-size: 1.5em;
  left: -10px;
  margin: 0px;
  overflow: hidden;
  padding: 118px 0 20px 0;
  position: relative;
  text-align: center;
  width: 361px;
}

.main-controller-view {
  -moz-transition: margin-top 0.5s;
  -o-transition: margin-top 0.5s;
  -webkit-transition: margin-top 0.5s;
  transition: margin-top 0.5s;
}
.main-controller-view #cache_warning,
.main-controller-view #notification {
  display: none;
}
.main-controller-view #cache_warning:checked + .cach_warning_container.isList,
.main-controller-view #cache_warning:checked + .notification_container.isIndex,
.main-controller-view #notification:checked + .cach_warning_container.isList,
.main-controller-view #notification:checked + .notification_container.isIndex {
  display: block;
  opacity: 1;
}
.main-controller-view .cach_warning_container,
.main-controller-view .notification_container {
  -moz-transition: opacity 1s;
  -o-transition: opacity 1s;
  -webkit-transition: opacity 1s;
  transition: opacity 1s;
  display: none;
  margin: 1em auto;
  max-width: 1246px;
  opacity: 0;
  padding: 0px 1.5rem 0px 1rem;
}
.main-controller-view .cache_warning,
.main-controller-view .notification {
  background: #fa603f;
  border-radius: 10px;
  color: #FFF;
  font-style: italic;
  padding: 10px 50px 13px;
  position: relative;
}
.main-controller-view .cache_warning strong,
.main-controller-view .notification strong {
  font-style: normal;
}
.main-controller-view .cache_warning::before,
.main-controller-view .notification::before {
  background: url('../img/icon-critical.png?1438893833');
  background-size: contain;
  content: " ";
  display: inline-block;
  height: 30px;
  left: 10px;
  position: absolute;
  width: 30px;
}
.main-controller-view .cache_warning span,
.main-controller-view .notification span {
  display: inline-block;
  vertical-align: middle;
}
.main-controller-view .cache_warning strong,
.main-controller-view .notification strong {
  font-size: 1.3em;
}
.main-controller-view .cache_warning label,
.main-controller-view .notification label {
  background: url('../img/icon-close-small.png?1438893864');
  background-size: contain;
  display: block;
  position: absolute;
  top: 7px;
  height: 35px;
  margin-right: 10px;
  right: 0px;
  width: 35px;
}
.main-controller-view .notification {
  background: #99ca3c;
}
.main-controller-view .notification::before {
  background-image: url('../img/icon-info.png?1450733674');
}
.main-controller-view #sectionHeader {
  -moz-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
.main-controller-view.index {
  margin-top: -145px;
}
.main-controller-view.index #sectionHeader {
  opacity: 0;
}

#sectionHeader {
  background: #12c7b7 url('../img/bg-dot-fade.png?1437762761') center top repeat-x;
  background-size: 12.5px 117px;
  height: 145px;
  margin-bottom: 2em;
  overflow: hidden;
}
#sectionHeader .content {
  height: 100%;
  margin: 0px auto;
  max-width: 1246px;
  padding: 14px;
  position: relative;
  top: 5px;
}
#sectionHeader a.back {
  -moz-transform: translateY(-80%);
  -ms-transform: translateY(-80%);
  -webkit-transform: translateY(-80%);
  transform: translateY(-80%);
  border: 2px solid #FFF;
  border-radius: 10px;
  color: #FFF;
  display: block;
  font-size: 15px;
  padding: 0.6em 1em 0.6em 0.8em;
  position: absolute;
  top: 50%;
}
#sectionHeader a.back .icon-back {
  height: 15px;
  position: relative;
  width: 15px;
  -moz-transform: rotate(180deg) translate(0%, -3%);
  -ms-transform: rotate(180deg) translate(0%, -3%);
  -webkit-transform: rotate(180deg) translate(0%, -3%);
  transform: rotate(180deg) translate(0%, -3%);
  display: inline-block;
  font-size: 0;
  position: relative;
  top: -2px;
  vertical-align: middle;
}
#sectionHeader a.back .icon-back span {
  display: block;
  height: 100%;
  left: 50%;
  position: absolute;
  top: 50%;
  width: 100%;
}
#sectionHeader a.back .icon-back span::before, #sectionHeader a.back .icon-back span::after {
  background: #FFF;
  border-radius: 15px;
  content: " ";
  display: block;
  height: 30%;
  position: absolute;
  width: 100%;
}
#sectionHeader a.back .icon-back span {
  -moz-transform: translate(-45%, -13%);
  -ms-transform: translate(-45%, -13%);
  -webkit-transform: translate(-45%, -13%);
  transform: translate(-45%, -13%);
}
#sectionHeader a.back .icon-back span::before, #sectionHeader a.back .icon-back span::after {
  -moz-transform-origin: 85% center;
  -ms-transform-origin: 85% center;
  -webkit-transform-origin: 85% center;
  transform-origin: 85% center;
  width: 80%;
}
#sectionHeader a.back .icon-back span::before {
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
#sectionHeader a.back .icon-back span::after {
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
#sectionHeader a.download {
  background: #92539d;
  border-radius: 10px;
  box-shadow: 0px 3px 0px #492a4f;
  cursor: pointer;
  display: block;
  padding: 10px;
  -moz-transform: translateY(-80%);
  -ms-transform: translateY(-80%);
  -webkit-transform: translateY(-80%);
  transform: translateY(-80%);
  color: #FFF;
  padding: 10px 15px;
  position: absolute;
  right: 1.4rem;
  top: 50%;
}
#sectionHeader a.download.disabled {
  box-shadow: none;
  cursor: default;
  opacity: 0.4;
  pointer-events: none;
}
#sectionHeader a.download:hover {
  -moz-transform: translateY(2px);
  -ms-transform: translateY(2px);
  -webkit-transform: translateY(2px);
  transform: translateY(2px);
  box-shadow: 0px 1px 0px #492a4f;
}
#sectionHeader a.download:hover {
  -moz-transform: translateY(calc(-80% + 2px ));
  -ms-transform: translateY(calc(-80% + 2px ));
  -webkit-transform: translateY(calc(-80% + 2px ));
  transform: translateY(calc(-80% + 2px ));
}
#sectionHeader .container {
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: #FFF;
  left: 50%;
  margin: 0px auto;
  text-align: center;
  padding: 2rem;
  position: absolute;
  top: 50%;
  width: 60%;
}
#sectionHeader .container > * {
  vertical-align: middle;
}
#sectionHeader .container p {
  margin-top: 0.5em;
}
#sectionHeader h2 {
  color: #FFF;
  line-height: 1em;
  margin: 0;
}

body.lang-en #card_index ul.list li span.add ul.favMenu,
body.lang-en .amiibo-card ul.favMenu {
  width: 200px;
}

body.lang-fr #card_index ul.grid li .amiiboCardContainer .rear ul.lists li a.listButton,
body.lang-es #card_index ul.grid li .amiiboCardContainer .rear ul.lists li a.listButton {
  text-align: center;
  white-space: normal;
}
body.lang-fr #card_index ul.grid li .amiiboCardContainer .rear ul.lists li a.listButton .icon,
body.lang-es #card_index ul.grid li .amiiboCardContainer .rear ul.lists li a.listButton .icon {
  display: none;
}
body.lang-fr #card_index ul.list li span.add ul.favMenu,
body.lang-es #card_index ul.list li span.add ul.favMenu {
  width: 250px;
}

.amiibo-lists {
  display: inline-block;
  float: right;
  pointer-events: all;
  position: relative;
  top: 0px;
  right: 0px;
  z-index: 20;
}
.amiibo-lists label {
  background: #4cd8e6;
  border-radius: 10px;
  box-shadow: 0px 3px 0px #249ca8;
  cursor: pointer;
  display: block;
  padding: 10px;
  background: url('../img/bg-dot-1.png?1439502125') left top repeat-x;
  background-size: 12.5px 100px;
  color: #FFF;
  cursor: pointer;
  font-size: 1.2rem;
  margin-right: 1.4rem;
  padding: 13px 20px 9px 20px;
}
.amiibo-lists label.disabled {
  box-shadow: none;
  cursor: default;
  opacity: 0.4;
  pointer-events: none;
}
.amiibo-lists label:hover {
  -moz-transform: translateY(2px);
  -ms-transform: translateY(2px);
  -webkit-transform: translateY(2px);
  transform: translateY(2px);
  box-shadow: 0px 1px 0px #249ca8;
}
.amiibo-lists label::before {
  background: url('../img/icon-lists.png?1437762593');
  background-size: contain;
  content: " ";
  display: inline-block;
  height: 28px;
  margin-right: 0.5em;
  position: relative;
  top: -3px;
  vertical-align: middle;
  width: 23px;
}
.amiibo-lists input {
  display: none;
}
.amiibo-lists input:checked + label {
  -moz-transform: translateY(2px);
  -ms-transform: translateY(2px);
  -webkit-transform: translateY(2px);
  transform: translateY(2px);
  box-shadow: 0px 1px 0px #249ca8;
}
.amiibo-lists input:checked ~ ul {
  display: block;
}
.amiibo-lists ul {
  display: none;
  position: absolute;
  right: 20px;
  top: 70px;
  width: 220px;
}
.amiibo-lists ul::before {
  bottom: 100%;
  right: 15%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.amiibo-lists ul::before {
  border-color: rgba(0, 149, 123, 0);
  border-bottom-color: #00957b;
  border-width: 10px;
  display: inline-block;
  margin-left: -10px;
}
.amiibo-lists ul li {
  border-bottom: 1px solid #026352;
  overflow: hidden;
}
.amiibo-lists ul li:first-child {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.amiibo-lists ul li:last-child {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.amiibo-lists ul li a {
  background: #00957b;
  color: #FFF;
  display: block;
  padding: 10px;
}
.amiibo-lists ul li a span {
  vertical-align: middle;
}
.amiibo-lists ul li a:hover {
  background: #026352;
}
.amiibo-lists ul li a::before {
  content: " ";
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}
.amiibo-lists ul li.collection a::before {
  background: url('../img/collection-icon.png?312793200');
  background-size: contain;
  height: 25px;
  width: 20px;
}
.amiibo-lists ul li.favourites a::before {
  background: url('../img/favorites-icon.png?312793200');
  background-size: contain;
  height: 21px;
  width: 21px;
}
.amiibo-lists ul li:last-child {
  border-bottom: none;
}

#card_index ul.list {
  margin: 0 1.1rem;
}
#card_index ul.list li {
  color: #707070;
  padding: 0.5em;
}
#card_index ul.list li:nth-child(2n+2) {
  background: #f6f6f6;
}
#card_index ul.list li.header-row {
  border-bottom: 1px solid #e1e1e1;
  border-top: 1px solid #e1e1e1;
  font-weight: bold;
}
#card_index ul.list li.header-row span {
  color: #707070 !important;
  font-size: 1em !important;
}
#card_index ul.list li span {
  display: inline-block;
  vertical-align: middle;
}
#card_index ul.list li span.id {
  width: 16%;
}
#card_index ul.list li span.name {
  color: #00957b;
  font-size: 1.2em;
  font-weight: bold;
  width: 35%;
}
#card_index ul.list li span.type {
  display: none;
  width: 20%;
}
#card_index ul.list li span.birthday {
  display: none;
  width: 21%;
}
#card_index ul.list li span.add {
  display: inline-block;
  position: relative;
  width: 27%;
}
#card_index ul.list li span.add input.favMenu {
  display: none;
}
#card_index ul.list li span.add input.favMenu:checked ~ ul.favMenu {
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
  display: block;
  opacity: 1;
}
#card_index ul.list li span.add ul.favMenu {
  -moz-transform-origin: 110% 90%;
  -ms-transform-origin: 110% 90%;
  -webkit-transform-origin: 110% 90%;
  transform-origin: 110% 90%;
  bottom: -12px;
  left: auto;
  right: 40px;
  width: 200px;
}
#card_index ul.list li span.add ul.favMenu::after {
  border-bottom: 10px solid transparent;
  border-left: 10px solid #00957b;
  border-top: 10px solid transparent;
  bottom: 13px;
  right: -20px;
}
#card_index ul.list li span.add ul.favMenu li {
  background: none;
  color: #FFF;
}
#card_index ul.list li span.add label.favMenu {
  top: -2px;
}
#card_index ul.grid {
  margin: 1em 0 1em 1em;
}
#card_index ul.grid.animateOut {
  -moz-animation: fadeOut 1s both;
  -webkit-animation: fadeOut 1s both;
  animation: fadeOut 1s both;
}
#card_index ul.grid.animateOutQuickly {
  -moz-animation: fadeOut 0.1s both;
  -webkit-animation: fadeOut 0.1s both;
  animation: fadeOut 0.1s both;
}
#card_index ul.grid li {
  float: left;
  margin-bottom: 1em;
  padding-right: 1.4em;
  width: 50%;
}
#card_index ul.grid li.animateIn .animationContainer {
  -moz-animation: dropInSlow 0.8s both;
  -webkit-animation: dropInSlow 0.8s both;
  animation: dropInSlow 0.8s both;
  perspective: 600px;
}
#card_index ul.grid li input.amiiboCard {
  display: none;
}
#card_index ul.grid li input.amiiboCard:checked + .animationContainer {
  position: relative;
  z-index: 1000;
}
#card_index ul.grid li input.amiiboCard:checked + .animationContainer .cardContainer .amiiboCardContainer .rear {
  -moz-transform: translate(-20px, -20px);
  -ms-transform: translate(-20px, -20px);
  -webkit-transform: translate(-20px, -20px);
  transform: translate(-20px, -20px);
  pointer-events: all;
  opacity: 1;
  padding-left: calc(110% + 10px);
  padding-right: 10px;
  width: 200%;
  height: calc(100% + 20px + 100px);
}
#card_index ul.grid li input.amiiboCard:checked + .animationContainer ~ .controls {
  -moz-transform: translateY(-150%);
  -ms-transform: translateY(-150%);
  -webkit-transform: translateY(-150%);
  transform: translateY(-150%);
  opacity: 0;
}
#card_index ul.grid li .animationContainer {
  -moz-transition: z-index 0.6s;
  -o-transition: z-index 0.6s;
  -webkit-transition: z-index 0.6s;
  transition: z-index 0.6s;
  position: relative;
  z-index: 1;
}
#card_index ul.grid li .amiiboCardContainer {
  display: block;
  margin-bottom: 10px;
  padding-bottom: 140%;
  padding-left: 0%;
  position: relative;
  width: 100%;
  z-index: 1;
}
#card_index ul.grid li .amiiboCardContainer img {
  width: 100%;
}
#card_index ul.grid li .amiiboCardContainer .front,
#card_index ul.grid li .amiiboCardContainer .rear {
  border-radius: 2.5vw;
  box-shadow: 0px 7px 0px RGBA(0, 0, 0, 0.2);
  display: block;
  height: 100%;
  left: 0px;
  overflow: hidden;
  position: absolute;
  top: 0px;
  width: 100%;
}
#card_index ul.grid li .amiiboCardContainer .front {
  background-size: contain;
  cursor: pointer;
  z-index: 2;
}
#card_index ul.grid li .amiiboCardContainer .rear {
  -moz-transition: opacity 0.3s 0.1s, padding 0.3s 0.1s, width 0.3s 0.1s, min-width 0.3s 0.1s, height 0.3s 0.1s, -moz-transform 0.3s 0.1s;
  -o-transition: opacity 0.3s 0.1s, padding 0.3s 0.1s, width 0.3s 0.1s, min-width 0.3s 0.1s, height 0.3s 0.1s, -o-transform 0.3s 0.1s;
  -webkit-transition: opacity 0.3s, padding 0.3s, width 0.3s, min-width 0.3s, height 0.3s, -webkit-transform 0.3s;
  -webkit-transition-delay: 0.1s, 0.1s, 0.1s, 0.1s, 0.1s, 0.1s;
  transition: opacity 0.3s 0.1s, padding 0.3s 0.1s, width 0.3s 0.1s, min-width 0.3s 0.1s, height 0.3s 0.1s, transform 0.3s 0.1s;
  background: #e1e1e1;
  pointer-events: none;
  opacity: 0;
  padding: 20px 40px 10px 10px;
}
#card_index ul.grid li .amiiboCardContainer .rear h3 {
  color: #00957b;
  font-size: 1.75rem;
  margin-top: 1.5em;
}
#card_index ul.grid li .amiiboCardContainer .rear label {
  background: #fa603f;
  border-radius: 1em;
  box-shadow: 0px 2px 0px #bb3417;
  display: block;
  font-size: 1.3em;
  line-height: 0.7em;
  padding: 4px;
  position: absolute;
  right: 5px;
  text-align: center;
  top: 5px;
  width: 1.2em;
}
#card_index ul.grid li .amiiboCardContainer .rear label::before {
  content: "×";
  color: #FFF;
  display: block;
  font-family: sans-serif;
  font-size: 1em;
  font-weight: bold;
}
#card_index ul.grid li .amiiboCardContainer .rear dl dt {
  font-style: italic;
  font-weight: normal;
}
#card_index ul.grid li .amiiboCardContainer .rear dl dd {
  font-size: 1.2em;
  font-weight: bold;
}
#card_index ul.grid li .amiiboCardContainer .rear ul.lists {
  bottom: 10px;
  left: 0px;
  margin-left: 0;
  position: absolute;
  width: 100%;
}
#card_index ul.grid li .amiiboCardContainer .rear ul.lists li {
  width: calc(50% - 20px);
  margin: 0 0 0 20px;
  padding: 0;
  text-align: center;
}
#card_index ul.grid li .amiiboCardContainer .rear ul.lists li:last-child {
  width: calc(50% - 40px);
}
#card_index ul.grid li .amiiboCardContainer .rear ul.lists li a {
  text-decoration: underline;
}
#card_index ul.grid li .amiiboCardContainer .rear ul.lists li a.listButton {
  background: #4cd8e6;
  border-radius: 5px;
  box-shadow: 0px 3px 0px #249ca8;
  cursor: pointer;
  display: block;
  padding: 10px;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  color: #FFF;
  display: block;
  margin-bottom: 5px;
  text-align: left;
  text-decoration: none;
  white-space: nowrap;
}
#card_index ul.grid li .amiiboCardContainer .rear ul.lists li a.listButton.disabled {
  box-shadow: none;
  cursor: default;
  opacity: 0.4;
  pointer-events: none;
}
#card_index ul.grid li .amiiboCardContainer .rear ul.lists li a.listButton:hover {
  -moz-transform: translateY(2px);
  -ms-transform: translateY(2px);
  -webkit-transform: translateY(2px);
  transform: translateY(2px);
  box-shadow: 0px 1px 0px #249ca8;
}
#card_index ul.grid li .amiiboCardContainer .rear ul.lists li a.listButton .icon {
  height: 24px;
  position: relative;
  width: 24px;
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
}
#card_index ul.grid li .amiiboCardContainer .rear ul.lists li a.listButton .icon span {
  display: block;
  height: 100%;
  left: 50%;
  position: absolute;
  top: 50%;
  width: 100%;
}
#card_index ul.grid li .amiiboCardContainer .rear ul.lists li a.listButton .icon span::before, #card_index ul.grid li .amiiboCardContainer .rear ul.lists li a.listButton .icon span::after {
  background: #FFF;
  border-radius: 24px;
  content: " ";
  display: block;
  height: 30%;
  position: absolute;
  width: 100%;
}
#card_index ul.grid li .amiiboCardContainer .rear ul.lists li a.listButton .icon span {
  -moz-transform: translate(-48%, -47%);
  -ms-transform: translate(-48%, -47%);
  -webkit-transform: translate(-48%, -47%);
  transform: translate(-48%, -47%);
  background: url('../img/plus.svg?1438119981') no-repeat;
  background-size: contain;
}
#card_index ul.grid li .amiiboCardContainer .rear ul.lists li a.listButton .icon span::before, #card_index ul.grid li .amiiboCardContainer .rear ul.lists li a.listButton .icon span::after {
  display: none;
}
#card_index ul.grid li .amiiboCardContainer .rear ul.lists li a.listButton .icon span {
  height: 70%;
  width: 70%;
}
#card_index ul.grid li .amiiboCardContainer .rear ul.lists li a.listButton.is-in {
  background: #17c173;
  box-shadow: 0px 3px 0px #14995c;
}
#card_index ul.grid li .amiiboCardContainer .rear ul.lists li a.listButton.is-in .icon {
  height: 24px;
  position: relative;
  width: 24px;
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
}
#card_index ul.grid li .amiiboCardContainer .rear ul.lists li a.listButton.is-in .icon span {
  display: block;
  height: 100%;
  left: 50%;
  position: absolute;
  top: 50%;
  width: 100%;
}
#card_index ul.grid li .amiiboCardContainer .rear ul.lists li a.listButton.is-in .icon span::before, #card_index ul.grid li .amiiboCardContainer .rear ul.lists li a.listButton.is-in .icon span::after {
  background: #FFF;
  border-radius: 24px;
  content: " ";
  display: block;
  height: 30%;
  position: absolute;
  width: 100%;
}
#card_index ul.grid li .amiiboCardContainer .rear ul.lists li a.listButton.is-in .icon span {
  -moz-transform: translate(-48%, -47%);
  -ms-transform: translate(-48%, -47%);
  -webkit-transform: translate(-48%, -47%);
  transform: translate(-48%, -47%);
  background: url('../img/tick.svg?1438120085') no-repeat;
  background-size: contain;
}
#card_index ul.grid li .amiiboCardContainer .rear ul.lists li a.listButton.is-in .icon span::before, #card_index ul.grid li .amiiboCardContainer .rear ul.lists li a.listButton.is-in .icon span::after {
  display: none;
}
#card_index ul.grid li .amiiboCardContainer .rear ul.lists li a.listButton.is-in .icon span {
  height: 70%;
  width: 70%;
}
#card_index ul.grid li .amiiboCardContainer .rear ul.lists li a.listButton.is-in:hover {
  box-shadow: 0px 1px 0px #14995c;
}
#card_index::after {
  content: ' ';
  display: block;
  height: 1px;
  overflow: hidden;
  clear: both;
}

.amiibo-card .controls {
  -moz-transition: -moz-transform 0.3s, opacity 0.3s;
  -o-transition: -o-transform 0.3s, opacity 0.3s;
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  display: none;
  position: relative;
}
.amiibo-card .controls h3 {
  color: #00957b;
  font-size: 1.75rem;
  line-height: 1.4em;
  white-space: nowrap;
}
.amiibo-card input.favMenu {
  display: none;
}
.amiibo-card input.favMenu:checked ~ ul.favMenu {
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
  display: block;
  opacity: 1;
}

.amiibo-pagination ul {
  list-style-type: none;
  margin: 1em 0;
  text-align: center;
}
.amiibo-pagination ul li {
  cursor: pointer;
  display: inline-block;
  margin: 0px 10px;
  padding: 0.5em 0.5em 0.4em;
}
.amiibo-pagination ul li.is-selected {
  color: #12c7b7;
  font-weight: bold;
}
.amiibo-pagination ul li:first-child, .amiibo-pagination ul li:last-child {
  background: #12c7b7;
  border-radius: 5px;
  box-shadow: 0px 3px 0px #00957b;
  cursor: pointer;
  display: block;
  padding: 10px;
  display: inline-block;
  font-size: 0;
  overflow: hidden;
  position: relative;
  top: 15px;
}
.amiibo-pagination ul li:first-child.disabled, .amiibo-pagination ul li:last-child.disabled {
  box-shadow: none;
  cursor: default;
  opacity: 0.4;
  pointer-events: none;
}
.amiibo-pagination ul li:first-child:hover, .amiibo-pagination ul li:last-child:hover {
  -moz-transform: translateY(2px);
  -ms-transform: translateY(2px);
  -webkit-transform: translateY(2px);
  transform: translateY(2px);
  box-shadow: 0px 1px 0px #00957b;
}
.amiibo-pagination ul li .icon-forward {
  height: 25px;
  position: relative;
  width: 25px;
}
.amiibo-pagination ul li .icon-forward span {
  display: block;
  height: 100%;
  left: 50%;
  position: absolute;
  top: 50%;
  width: 100%;
}
.amiibo-pagination ul li .icon-forward span::before, .amiibo-pagination ul li .icon-forward span::after {
  background: #FFF;
  border-radius: 25px;
  content: " ";
  display: block;
  height: 30%;
  position: absolute;
  width: 100%;
}
.amiibo-pagination ul li .icon-forward span {
  -moz-transform: translate(-45%, -13%);
  -ms-transform: translate(-45%, -13%);
  -webkit-transform: translate(-45%, -13%);
  transform: translate(-45%, -13%);
}
.amiibo-pagination ul li .icon-forward span::before, .amiibo-pagination ul li .icon-forward span::after {
  -moz-transform-origin: 85% center;
  -ms-transform-origin: 85% center;
  -webkit-transform-origin: 85% center;
  transform-origin: 85% center;
  width: 80%;
}
.amiibo-pagination ul li .icon-forward span::before {
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.amiibo-pagination ul li .icon-forward span::after {
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.amiibo-pagination ul li .icon-back {
  height: 25px;
  position: relative;
  width: 25px;
  -moz-transform: rotate(180deg) translate(0%, -3%);
  -ms-transform: rotate(180deg) translate(0%, -3%);
  -webkit-transform: rotate(180deg) translate(0%, -3%);
  transform: rotate(180deg) translate(0%, -3%);
}
.amiibo-pagination ul li .icon-back span {
  display: block;
  height: 100%;
  left: 50%;
  position: absolute;
  top: 50%;
  width: 100%;
}
.amiibo-pagination ul li .icon-back span::before, .amiibo-pagination ul li .icon-back span::after {
  background: #FFF;
  border-radius: 25px;
  content: " ";
  display: block;
  height: 30%;
  position: absolute;
  width: 100%;
}
.amiibo-pagination ul li .icon-back span {
  -moz-transform: translate(-45%, -13%);
  -ms-transform: translate(-45%, -13%);
  -webkit-transform: translate(-45%, -13%);
  transform: translate(-45%, -13%);
}
.amiibo-pagination ul li .icon-back span::before, .amiibo-pagination ul li .icon-back span::after {
  -moz-transform-origin: 85% center;
  -ms-transform-origin: 85% center;
  -webkit-transform-origin: 85% center;
  transform-origin: 85% center;
  width: 80%;
}
.amiibo-pagination ul li .icon-back span::before {
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.amiibo-pagination ul li .icon-back span::after {
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.small-only,
.medium-up {
  display: none;
}

@media (max-width: 1246px) {
  header[role="main"] .pattern {
    background: url('../img/pattern-header.png?1437597377') 15px center;
    background-size: 288px 205px;
  }
}
@media only screen and (max-width: 40em), only screen and (min-width: 40.063em) and (max-width: 54em) {
  #card_index ul.grid li .amiiboCardContainer ul.lists a {
    text-align: center !important;
    white-space: normal !important;
  }
  #card_index ul.grid li .amiiboCardContainer a.listButton .icon {
    display: none !important;
  }
}
@media only screen and (max-width: 40em) {
  .small-only {
    display: block;
  }

  .main-controller-view.index {
    margin-top: -75px;
  }

  body.lang-es header[role="main"] .content {
    padding-top: 15px;
  }
  body.lang-es header[role="main"] h1 {
    text-indent: 10px;
  }
  body.lang-es header[role="main"] #buy_section_label,
  body.lang-es header[role="main"] #FAQ_section_label {
    padding: 4px 15px;
  }

  header[role="main"] .pattern {
    display: none;
  }
  header[role="main"] h1 {
    background: url('../img/logo-main.png?1437595885') 10px 30% no-repeat;
    background-size: 155.5px 39px;
    font-size: 1em;
    margin: 0;
    padding: 70px 0 30px 0;
    text-align: left;
    text-indent: 25px;
  }
  header[role="main"] #buy_section_label,
  header[role="main"] #FAQ_section_label {
    font-size: 0.8rem;
  }
  header[role="main"] .content a {
    position: relative;
    top: 23px;
  }

  #sectionHeader {
    height: 75px;
  }
  #sectionHeader a.download {
    display: none;
  }
  #sectionHeader .container {
    text-align: left;
    padding: 0.5em 1em 0.8em 110px;
    width: auto;
  }
  #sectionHeader h2 {
    font-size: 1.7rem;
    white-space: nowrap;
  }
  #sectionHeader h2 img {
    display: none;
  }
  #sectionHeader p {
    display: none;
  }
  #sectionHeader a.back {
    -moz-transform: translateY(-55%);
    -ms-transform: translateY(-55%);
    -webkit-transform: translateY(-55%);
    transform: translateY(-55%);
    z-index: 3;
  }

  .amiibo-lists-container {
    top: 50px !important;
  }

  .amiibo-lists label {
    font-size: 0.8rem;
    padding: 10px 15px 6px 15px;
    position: relative;
    top: 7px;
  }
  .amiibo-lists label::before {
    height: 22px;
    width: 18px;
  }

  #card_index ul li .amiiboCardContainer .rear {
    -moz-transform: translate(-10px, -10px) !important;
    -ms-transform: translate(-10px, -10px) !important;
    -webkit-transform: translate(-10px, -10px) !important;
    transform: translate(-10px, -10px) !important;
    max-width: 470px;
    min-height: 410px;
    padding-left: calc(110% + 20px) !important;
  }
  #card_index ul li .amiiboCardContainer .rear h3 {
    font-size: 1.4rem !important;
    margin-top: .5em !important;
  }
  #card_index ul li .amiiboCardContainer ul.lists {
    bottom: 4% !important;
  }
  #card_index ul li input.amiiboCard:checked + .animationContainer .cardContainer .amiiboCardContainer .rear {
    width: 90vw !important;
  }
  #card_index ul li:nth-child(2n+2) .amiiboCardContainer .rear {
    -moz-transform: translate(-50%, -10px) !important;
    -ms-transform: translate(-50%, -10px) !important;
    -webkit-transform: translate(-50%, -10px) !important;
    transform: translate(-50%, -10px) !important;
    padding-left: 10px !important;
  }
  #card_index ul li:nth-child(2n+2) .amiiboCardContainer .rear label {
    right: auto;
    left: 10px;
  }
  #card_index ul li:nth-child(2n+2) input.amiiboCard:checked + .animationContainer .cardContainer .amiiboCardContainer .rear {
    padding-left: 20px;
  }

  #card_index ul.list li span.name {
    width: 65%;
  }
  #card_index ul.list li span.add {
    width: 15%;
  }
  #card_index ul.list li.header-row span.id {
    font-size: 0 !important;
  }
  #card_index ul.list li.header-row span.id::before {
    content: "#";
    font-size: 1rem;
  }

  #nintendo-footer {
    margin-bottom: 2rem;
  }
}
@media only screen and (min-width: 40.063em) {
  .medium-up {
    display: block;
  }

  #card_index ul.list li span.type {
    display: inline-block;
  }
}
@media only screen and (min-width: 40.063em) and (max-width: 54em) {
  body.lang-en header[role="main"] .pattern,
  body.lang-fr header[role="main"] .pattern {
    background: url('../img/pattern-header.png?1437597377') 15px top;
    background-size: 288px 205px;
  }

  #sectionHeader a.download {
    display: none;
  }

  nav#controls,
  #card_index {
    max-width: 756px;
  }

  #card_index ul.grid li {
    width: 33.333333%;
  }
  #card_index ul.grid li .amiiboCardContainer .front,
  #card_index ul.grid li .amiiboCardContainer .rear {
    border-radius: 1.5vw;
  }
  #card_index ul.grid li:nth-child(3n+3) .amiiboCardContainer .rear label {
    right: auto;
    left: 10px;
  }
  #card_index ul.grid li:nth-child(3n+3) input.amiiboCard:checked + .animationContainer .cardContainer .amiiboCardContainer .rear {
    -moz-transform: translate(calc(-50% + 20px), -20px);
    -ms-transform: translate(calc(-50% + 20px), -20px);
    -webkit-transform: translate(calc(-50% + 20px), -20px);
    transform: translate(calc(-50% + 20px), -20px);
    -ms-transform: translate(-49%, -20px) !important;
    padding-left: 20px;
  }
}
@media only screen and (min-width: 54.063em) and (max-width: 71em) {
  nav#controls,
  #card_index {
    max-width: 1000px;
  }

  #card_index ul.grid li {
    width: 25%;
  }
  #card_index ul.grid li .amiiboCardContainer .front,
  #card_index ul.grid li .amiiboCardContainer .rear {
    border-radius: 1.3vw;
  }
  #card_index ul.grid li:nth-child(4n+4) .amiiboCardContainer .rear label {
    right: auto;
    left: 10px;
  }
  #card_index ul.grid li:nth-child(4n+4) input.amiiboCard:checked + .animationContainer .cardContainer .amiiboCardContainer .rear {
    -moz-transform: translate(calc(-50% + 20px), -20px);
    -ms-transform: translate(calc(-50% + 20px), -20px);
    -webkit-transform: translate(calc(-50% + 20px), -20px);
    transform: translate(calc(-50% + 20px), -20px);
    -ms-transform: translate(-49%, -20px) !important;
    padding-left: 20px;
  }
}
@media only screen and (min-width: 54.063em) {
  #card_index ul.grid li {
    margin-bottom: 2em;
  }
  #card_index ul.grid li input.amiiboCard:checked + .animationContainer .cardContainer .amiiboCardContainer .rear {
    min-width: 440px;
  }
  #card_index ul.list li span.birthday {
    display: inline-block;
  }
  #card_index ul.list li span.add {
    width: 6%;
  }

  .amiibo-card .controls {
    display: block;
  }
}
@media only screen and (min-width: 71.063em) {
  nav#controls,
  #card_index {
    max-width: 1246px;
  }

  #card_index ul.grid li {
    width: 20%;
  }
  #card_index ul.grid li .amiiboCardContainer .front,
  #card_index ul.grid li .amiiboCardContainer .rear {
    border-radius: 10px;
  }
  #card_index ul.grid li:nth-child(5n+5) .amiiboCardContainer .rear label {
    right: auto;
    left: 10px;
  }
  #card_index ul.grid li:nth-child(5n+5) input.amiiboCard:checked + .animationContainer .cardContainer .amiiboCardContainer .rear {
    -moz-transform: translate(calc(-50% + 20px), -20px) !important;
    -ms-transform: translate(calc(-50% + 20px), -20px) !important;
    -webkit-transform: translate(calc(-50% + 20px), -20px) !important;
    transform: translate(calc(-50% + 20px), -20px) !important;
    -ms-transform: translate(-49%, -20px) !important;
    padding-left: 20px;
  }
}
/*  
  .
  =======================================
  Author          liamegan
  email           liam@wethecollective.com
  Created         2015-08-07 14:23:28
  Description     .
  Edited by       liamegan
  Edited          2016-03-29 07:20:50
*/
#retailerInsert {
  display: none;
}

div.preview-overlay {
  z-index: 100 !important;
}

#buy_section {
  display: none;
}
#buy_section:checked + .buy_section {
  max-height: 1500px;
  opacity: 1;
}

.buy_section {
  -moz-transition: max-height 1s, opacity 1s;
  -o-transition: max-height 1s, opacity 1s;
  -webkit-transition: max-height 1s, opacity 1s;
  transition: max-height 1s, opacity 1s;
  background: url('../img/bg-dots-grey.png?1438272565');
  background-size: 12px 12px;
  box-shadow: inset 0px -7px RGBA(0, 0, 0, 0.2);
  max-height: 0px;
  opacity: 0;
  overflow: hidden;
  padding: 0 20px;
  text-align: center;
}
.buy_section .packs {
  display: -ms-flexbox;
  display: -webkit-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: center;
  -webkit-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.buy_section .packs .series {
  padding: 0px 5px;
  width: 50%;
}
.buy_section .cards {
  float: none;
  position: relative;
  text-align: center;
}
.buy_section .cards > div:not(.main) {
  box-shadow: 0px 5px 0px RGBA(0, 0, 0, 0.2);
  overflow: hidden;
  width: 130px;
  border-radius: 7px;
}
.buy_section .cards > div:not(.main) img {
  display: block;
  width: 100%;
}
.buy_section .cards .main {
  display: inline-block;
  position: relative;
}
.buy_section .content {
  margin: 0 auto;
  max-width: 1246px;
  padding: 3em 0;
}
.buy_section .content #buy_section_label_close {
  background: url('../img/button-close.png?1438272773') center center no-repeat;
  background-size: contain;
  cursor: pointer;
  display: block;
  height: 43px;
  position: absolute;
  right: 20px;
  top: 1em;
  width: 43px;
}
.buy_section .content p {
  font-size: 1.1em;
  margin-bottom: 0.5em;
}
.buy_section .content h1 {
  color: #fa603f;
}
.buy_section .content h1 + p {
  font-size: 1.5em;
}
.buy_section .content h2 {
  font-size: 2em;
  margin-bottom: 0.5em;
  margin-top: 1.5em;
}
.buy_section .content .flags {
  margin-top: 1.5em;
}
.buy_section .content .row {
  margin: 3em auto;
  max-width: 850px;
}
.buy_section .content .row:first-child {
  margin-top: 0px;
}
.buy_section .content .row:last-child {
  margin-bottom: 0px;
}
.buy_section .content .row::after {
  content: " ";
  clear: both;
  display: block;
  height: 1px;
}
.buy_section .content .column {
  float: left;
  width: 50%;
}
.buy_section .content .text {
  text-align: left;
  width: 55%;
}
.buy_section .content .text > h2 {
  margin-top: 1em;
}
.buy_section .content .artwork {
  position: relative;
  width: 45%;
}
.buy_section .content .artwork .card {
  -moz-transform: rotate(-10deg);
  -ms-transform: rotate(-10deg);
  -webkit-transform: rotate(-10deg);
  transform: rotate(-10deg);
  border-radius: 10px;
  box-shadow: 0px 7px 0px RGBA(0, 0, 0, 0.2);
  left: 0px;
  overflow: hidden;
  position: absolute;
  top: 0px;
  width: 190px;
  z-index: 1;
}
.buy_section .content .artwork > img {
  left: 75px;
  position: relative;
  width: 166px;
  z-index: 2;
}
.buy_section .content .packs h2 {
  color: #4f4f4f;
  font-size: 2.5em;
}
.buy_section .content .packs .card-set {
  margin: 1.5em 0;
}
.buy_section .button {
  background: #00957b;
  border-radius: 10px;
  box-shadow: 0px 3px 0px #026352;
  cursor: pointer;
  display: block;
  padding: 10px;
  color: #FFF;
  display: inline-block;
  font-size: 1.3em;
  margin: 1em 0;
  padding: 10px 30px;
  text-indent: 0px;
}
.buy_section .button.disabled {
  box-shadow: none;
  cursor: default;
  opacity: 0.4;
  pointer-events: none;
}
.buy_section .button:hover {
  -moz-transform: translateY(2px);
  -ms-transform: translateY(2px);
  -webkit-transform: translateY(2px);
  transform: translateY(2px);
  box-shadow: 0px 1px 0px #026352;
}
.buy_section .button.purple {
  background-color: #92539d;
  box-shadow: 0px 3px 0px #51155b;
}
.buy_section .button.purple:hover {
  box-shadow: 0px 1px 0px #51155b;
}

@media only screen and (max-width: 40em) {
  .buy_section {
    padding: 0 20px;
  }
  .buy_section a.flag {
    height: 50px;
    width: 50px;
  }
  .buy_section .content {
    font-size: 0.8rem;
  }
  .buy_section .content .packs h2 {
    font-size: 2em;
  }
  .buy_section .content .column.artwork {
    background: url('../img/artwork_lockup.png?1439247523') no-repeat;
    background-size: contain;
    margin: 1em 0;
    padding-bottom: 81.71745%;
    width: 100%;
  }
  .buy_section .content .column.artwork > * {
    display: none;
  }
  .buy_section .content .column.text {
    width: 100%;
    text-align: center;
  }
}
@media only screen and (min-width: 40.063em) {
  .buy_section .packs .series {
    width: 25%;
  }
}
@media only screen and (min-width: 40.063em) and (max-width: 54em) {
  a.flag {
    height: 50px;
    width: 50px;
  }

  .buy_section .content .column.artwork {
    background: url('../img/artwork_lockup.png?1439247523') no-repeat;
    background-size: 95%;
  }
  .buy_section .content .column.artwork > * {
    display: none;
  }
  .buy_section .content .column.artwork img {
    display: block;
    height: 0;
    opacity: 0;
    padding-bottom: 81.71745%;
    position: static;
    width: 100%;
  }
}
@media only screen and (min-width: 54.063em) {
  .buy_section .packs .series {
    width: 25%;
  }
}
/*  
  .
  =======================================
  Author          liamegan
  email           liam@wethecollective.com
  Created         2015-08-07 14:23:28
  Description     .
  Edited by       liamegan
  Edited          2015-08-10 19:10:39
*/
#FAQ_section {
  display: none;
}
#FAQ_section:checked + .FAQ_section {
  max-height: 1500px;
  opacity: 1;
}

.FAQ_section {
  -moz-transition: max-height 1s, opacity 1s;
  -o-transition: max-height 1s, opacity 1s;
  -webkit-transition: max-height 1s, opacity 1s;
  transition: max-height 1s, opacity 1s;
  background: url('../img/bg-dots-grey.png?1438272565');
  background-size: 12px 12px;
  box-shadow: inset 0px -7px RGBA(0, 0, 0, 0.2);
  max-height: 0px;
  opacity: 0;
  overflow: hidden;
  padding: 0 20px;
  text-align: center;
}
.FAQ_section .content {
  margin: 0 auto;
  max-width: 1246px;
  padding: 3em 0;
}
.FAQ_section .content #FAQ_section_label_close {
  background: url('../img/button-close.png?1438272773') center center no-repeat;
  background-size: contain;
  cursor: pointer;
  display: block;
  height: 43px;
  position: absolute;
  right: 20px;
  top: 1em;
  width: 43px;
}
.FAQ_section .content p {
  font-size: 1.3em;
  margin-bottom: 0.5em;
}
.FAQ_section .content h1 {
  color: #00957b;
}
.FAQ_section .content h1 + p {
  font-size: 1.5em;
}
.FAQ_section .content h2 {
  font-size: 2em;
}
.FAQ_section .content .row {
  margin: 3em auto;
  max-width: 850px;
}
.FAQ_section .content .row:first-child {
  margin-top: 0px;
}
.FAQ_section .content .row:last-child {
  margin-bottom: 0px;
}
.FAQ_section .content .row::after {
  content: " ";
  clear: both;
  display: block;
  height: 1px;
}
.FAQ_section .content .column {
  float: left;
  width: 50%;
}
.FAQ_section .content .text {
  text-align: left;
  width: 55%;
}
.FAQ_section .content .text > h2 {
  margin-top: 1em;
}
.FAQ_section .content .artwork {
  position: relative;
  width: 45%;
}
.FAQ_section .content .artwork .card {
  -moz-transform: rotate(-10deg);
  -ms-transform: rotate(-10deg);
  -webkit-transform: rotate(-10deg);
  transform: rotate(-10deg);
  border-radius: 10px;
  box-shadow: 0px 7px 0px RGBA(0, 0, 0, 0.2);
  left: 0px;
  overflow: hidden;
  position: absolute;
  top: 0px;
  width: 190px;
  z-index: 1;
}
.FAQ_section .content .artwork > img {
  left: 75px;
  position: relative;
  width: 166px;
  z-index: 2;
}
.FAQ_section .content .packs h2 {
  color: #fa603f;
  font-size: 2.5em;
}
.FAQ_section .content .packs .card-set {
  margin: 1.5em 0;
}
.FAQ_section .button {
  background: #00957b;
  border-radius: 10px;
  box-shadow: 0px 3px 0px #026352;
  cursor: pointer;
  display: block;
  padding: 10px;
  color: #FFF;
  display: inline-block;
  font-size: 1.3em;
  margin: 1em 0;
  padding: 10px 30px;
  text-indent: 0px;
}
.FAQ_section .button.disabled {
  box-shadow: none;
  cursor: default;
  opacity: 0.4;
  pointer-events: none;
}
.FAQ_section .button:hover {
  -moz-transform: translateY(2px);
  -ms-transform: translateY(2px);
  -webkit-transform: translateY(2px);
  transform: translateY(2px);
  box-shadow: 0px 1px 0px #026352;
}
.FAQ_section .button.purple {
  background-color: #92539d;
  box-shadow: 0px 3px 0px #51155b;
}
.FAQ_section .button.purple:hover {
  box-shadow: 0px 1px 0px #51155b;
}

@media only screen and (max-width: 40em) {
  .FAQ_section {
    padding: 0 20px;
  }
  .FAQ_section .content {
    font-size: 0.8rem;
  }
  .FAQ_section .content .column.artwork {
    background: url('../img/artwork_lockup.png?1439247523') no-repeat;
    background-size: contain;
    margin: 1em 0;
    padding-bottom: 81.71745%;
    width: 100%;
  }
  .FAQ_section .content .column.artwork > * {
    display: none;
  }
  .FAQ_section .content .column.text {
    width: 100%;
    text-align: center;
  }
}
@media only screen and (min-width: 40.063em) and (max-width: 54em) {
  .FAQ_section .content .column.artwork {
    background: url('../img/artwork_lockup.png?1439247523') no-repeat;
    background-size: 95%;
  }
  .FAQ_section .content .column.artwork > * {
    display: none;
  }
  .FAQ_section .content .column.artwork img {
    display: block;
    height: 0;
    opacity: 0;
    padding-bottom: 81.71745%;
    position: static;
    width: 100%;
  }
}
/*  
  .
  =======================================
  Author          liamegan
  email           liam@wethecollective.com
  Created         2015-08-07 13:53:31
  Description     .
  Edited by       liamegan
  Edited          2016-02-25 16:32:11
*/
body[data-useragent*='WiiU'] nav#controls .main-controls .mobile_filters, body[data-useragent*='WiiU'] nav#controls .main-controls > .search {
  margin-bottom: 10px;
  min-width: 300px;
}
body[data-useragent*='WiiU'] nav#controls ul.sorts .sort > label {
  min-width: 200px;
}

nav#controls {
  padding: 0px 1.5rem 0 1rem;
  font-size: 0;
}
nav#controls .main-controls {
  display: -ms-flexbox;
  display: -webkit-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: start;
  -webkit-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-line-pack: start;
  -webkit-flex-line-pack: start;
  -webkit-align-content: flex-start;
  align-content: flex-start;
  -ms-flex-align: start;
  -webkit-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  margin: 0 1.4em 1em 0;
  position: relative;
}
nav#controls .main-controls :first-child {
  margin-left: 0 !important;
}
nav#controls .main-controls :last-child {
  margin-right: 0 !important;
}
nav#controls .main-controls ul {
  margin-bottom: 2px;
  margin-left: 0;
}
nav#controls .main-controls ul.primary, nav#controls .main-controls ul.secondary {
  display: none;
  left: 0px;
  margin-right: 0px;
  padding: 0px;
  position: absolute;
  top: 4rem;
  z-index: 999;
}
nav#controls .main-controls ul.primary::before, nav#controls .main-controls ul.secondary::before {
  bottom: 100%;
  right: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
nav#controls .main-controls ul.primary::before, nav#controls .main-controls ul.secondary::before {
  border-color: rgba(0, 149, 123, 0);
  border-bottom-color: #00957b;
  border-width: 10px;
  display: inline-block;
  margin-left: -10px;
}
nav#controls .main-controls ul.primary li, nav#controls .main-controls ul.secondary li {
  border-bottom: 1px solid #026352;
  display: block;
  overflow: hidden;
  padding: 0px;
}
nav#controls .main-controls ul.primary li:first-child, nav#controls .main-controls ul.secondary li:first-child {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
nav#controls .main-controls ul.primary li:last-child, nav#controls .main-controls ul.secondary li:last-child {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
nav#controls .main-controls ul.primary li label, nav#controls .main-controls ul.secondary li label {
  background: #00957b;
  color: #FFF;
  display: block;
  padding: 10px 20px 10px 10px;
}
nav#controls .main-controls ul.primary li label:hover, nav#controls .main-controls ul.secondary li label:hover {
  background: #026352;
}
nav#controls .main-controls ul.primary li label .delegate, nav#controls .main-controls ul.secondary li label .delegate {
  margin-right: 8px;
  opacity: 0.5;
}
nav#controls .main-controls ul.primary li label input:checked + .delegate, nav#controls .main-controls ul.secondary li label input:checked + .delegate {
  opacity: 1;
}
nav#controls .main-controls ul.secondary {
  padding-top: 0em;
  width: calc(100% - 100px);
}
nav#controls .main-controls ul li {
  padding: 0 10px 0 0;
}
nav#controls .main-controls > .control,
nav#controls .main-controls > .search {
  -ms-flex-positive: 1;
  -webkit-flex-positive: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -ms-flex-negative: 0;
  -webkit-flex-negative: 0;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  -ms-flex-preferred-size: 150px;
  -webkit-flex-preferred-size: 150px;
  -webkit-flex-basis: 150px;
  flex-basis: 150px;
  height: 38px;
  line-height: 38px;
  margin: 0px 5px;
  padding: 0px;
  position: relative;
}
nav#controls .main-controls .mobile_filters {
  -ms-flex-preferred-size: 150px;
  -webkit-flex-preferred-size: 150px;
  -webkit-flex-basis: 150px;
  flex-basis: 150px;
  margin-left: 0;
  max-width: 100%;
  white-space: nowrap;
}
nav#controls .main-controls .results {
  color: #959595;
  font-size: 1rem;
  font-style: italic;
  height: 38px;
  line-height: 38px;
  margin-right: 0;
  text-align: right;
  white-space: nowrap;
  width: 100px;
}
nav#controls .main-controls .default {
  border-right: 2px solid #e1e1e1;
  padding-bottom: 2em;
  padding-right: 1em;
  position: relative;
}
nav#controls .main-controls .mainlabel {
  display: none;
}
nav#controls .main-controls > .search input {
  background: #F5F5F5;
  border: none;
  border-radius: 5px;
  box-shadow: inset 0px 3px 0px RGBA(0, 0, 0, 0.1);
  height: 38px;
  font-family: "Arvo",Helvetica,Arial,sans-serif;
  line-height: 38px;
  outline: none;
  padding: 0 0 0 14px;
  position: absolute;
  width: 100%;
  z-index: 1;
}
nav#controls .main-controls > .search .icon {
  content: " ";
  display: block;
  background-size: contain;
  height: 15px;
  position: absolute;
  right: 10px;
  top: calc(50% - 7px);
  width: 15px;
  z-index: 2;
}
nav#controls .main-controls > .search .icon.search {
  background-image: url('../img/icon-search.png?1437597725');
}
nav#controls .main-controls > .search .icon.close {
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  background-image: url('../img/plus-red.svg?1438199318');
  cursor: pointer;
}
nav#controls label {
  color: #707070;
}
nav#controls ul li {
  display: inline-block;
  font-size: 1rem;
  vertical-align: top;
}
nav#controls ul.filters {
  margin-bottom: 1em;
}
nav#controls ul.filters li {
  padding: 1em 0.5em 0;
  position: relative;
}
nav#controls ul.filters li:first-child {
  border-right: 2px solid #e1e1e1;
  padding-left: 0;
  padding-right: 1em;
}
nav#controls ul.filters li:last-child {
  float: right;
  padding: 0;
  position: relative;
  top: 7px;
  width: 200px;
}
nav#controls ul.filters li:last-child input {
  background: #F5F5F5;
  border: none;
  border-radius: 5px;
  box-shadow: inset 0px 3px 0px RGBA(0, 0, 0, 0.1);
  outline: none;
  padding: 7px 0px 7px 10px;
  position: absolute;
  width: 100%;
  z-index: 1;
}
nav#controls ul.filters li:last-child::after {
  content: " ";
  display: block;
  background: url('../img/icon-search.png?1437597725');
  background-size: contain;
  height: 15px;
  pointer-events: none;
  position: absolute;
  right: 6px;
  top: calc(50% + 5px);
  width: 15px;
  z-index: 2;
}
nav#controls ul.pages, nav#controls ul.sorts {
  border-top: 2px solid #e1e1e1;
  display: inline-block;
  margin-left: 0;
  margin-top: 1rem;
  padding-top: 1rem;
}
nav#controls ul.pages .results, nav#controls ul.sorts .results {
  color: #959595;
  font-size: 1rem;
  font-style: italic;
  padding: 0.64em 1em 0.64em 0;
}
nav#controls ul.pages .perpage, nav#controls ul.sorts .perpage {
  border-left: 2px solid #e1e1e1;
  padding-left: 1em;
}
nav#controls ul.pages .perpage p, nav#controls ul.sorts .perpage p {
  float: left;
  padding: 0.8em 10px 0.8em 0;
  margin-bottom: 0px;
}
nav#controls ul.pages .perpage input, nav#controls ul.sorts .perpage input {
  display: none;
}
nav#controls ul.pages .perpage input:checked + label, nav#controls ul.sorts .perpage input:checked + label {
  box-shadow: none;
  background: #12c7b7;
  color: #FFF;
}
nav#controls ul.pages .perpage .radiobox, nav#controls ul.sorts .perpage .radiobox {
  float: left;
  position: relative;
  top: -4px;
  width: 130px;
}
nav#controls ul.pages .perpage label, nav#controls ul.sorts .perpage label {
  background: #e1e1e1;
  box-shadow: inset 0px 3px 0px RGBA(0, 0, 0, 0.1);
  display: block;
  font-size: 0.8em;
  font-weight: bold;
  float: left;
  line-height: 1em;
  margin-top: 4px;
  padding: 1.4em 0 1.2em;
  text-align: center;
  width: 33%;
}
nav#controls ul.pages .perpage label.perPage_24, nav#controls ul.sorts .perpage label.perPage_24 {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
nav#controls ul.pages .perpage label.perPage_48, nav#controls ul.sorts .perpage label.perPage_48 {
  border-left: 2px solid #959595;
  border-right: 2px solid #959595;
}
nav#controls ul.pages .perpage label.perPage_100, nav#controls ul.sorts .perpage label.perPage_100 {
  border: 0;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
nav#controls ul.pages {
  display: none;
}
nav#controls ul.sorts {
  display: -ms-flexbox;
  display: -webkit-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: start;
  -webkit-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-line-pack: start;
  -webkit-flex-line-pack: start;
  -webkit-align-content: flex-start;
  align-content: flex-start;
  -ms-flex-align: start;
  -webkit-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  position: relative;
  text-align: right;
  width: auto;
}
nav#controls ul.sorts li {
  font-size: 1rem;
  text-align: left;
}
nav#controls ul.sorts p, nav#controls ul.sorts label {
  text-align: left;
}
nav#controls ul.sorts .sort {
  display: -ms-flexbox;
  display: -webkit-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-positive: 1;
  -webkit-flex-positive: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -ms-flex-negative: 0;
  -webkit-flex-negative: 0;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  -ms-flex-preferred-size: 120px;
  -webkit-flex-preferred-size: 120px;
  -webkit-flex-basis: 120px;
  flex-basis: 120px;
}
nav#controls ul.sorts .sort p {
  line-height: 38px;
  padding-right: 10px;
  text-align: right;
}
nav#controls ul.sorts .sort > label {
  -ms-flex-positive: 1;
  -webkit-flex-positive: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -ms-flex-negative: 1;
  -webkit-flex-negative: 1;
  -webkit-flex-shrink: 1;
  flex-shrink: 1;
  -ms-flex-preferred-size: 120px;
  -webkit-flex-preferred-size: 120px;
  -webkit-flex-basis: 120px;
  flex-basis: 120px;
  display: block;
}
nav#controls ul.sorts .sort > label > div {
  width: 100%;
}
nav#controls .select select {
  background: none;
  min-height: 38px;
  padding: 8px 1em 9px;
  width: 100%;
}
nav#controls .sort_direction {
  border-right: 2px solid #e1e1e1;
  padding: 0 1em;
}
nav#controls .sort_direction label {
  background: url('../img/sprite_sort_dir.png?1437173735');
  display: block;
  overflow: hidden;
  height: 34px;
  text-indent: -9999em;
  width: 21px;
}
nav#controls .sort_direction input {
  display: none;
}
nav#controls .sort_direction input:checked + label {
  background-position: -26px top;
}
nav#controls .view_type {
  padding-left: 1em;
}
nav#controls #mobile_filters,
nav#controls #mobile_series {
  display: none;
}
nav#controls #mobile_filters:checked ~ .dropdown,
nav#controls #mobile_series:checked ~ .dropdown {
  display: block;
}
nav#controls .mobile_filters {
  background: #12c7b7;
  border-radius: 5px;
  box-shadow: 0px 3px 0px #00957b;
  cursor: pointer;
  display: block;
  padding: 10px;
  color: #FFF;
  font-size: 1rem;
  line-height: 1em;
  text-align: center;
}
nav#controls .mobile_filters.disabled {
  box-shadow: none;
  cursor: default;
  opacity: 0.4;
  pointer-events: none;
}
nav#controls .mobile_filters:hover {
  -moz-transform: translateY(2px);
  -ms-transform: translateY(2px);
  -webkit-transform: translateY(2px);
  transform: translateY(2px);
  box-shadow: 0px 1px 0px #00957b;
}

@media only screen and (max-width: 40em) {
  nav#controls .main-controls .control {
    margin-bottom: 10px;
    position: relative;
  }
  nav#controls .main-controls .results {
    padding-right: 5px;
  }
  nav#controls .main-controls ul.primary,
  nav#controls .main-controls ul.secondary {
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    width: 50vw;
  }
  nav#controls .main-controls .mobile_filters {
    margin: 0 5px 1em;
    -ms-flex-preferred-size: 100%;
    -webkit-flex-preferred-size: 100%;
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
  }
  nav#controls .main-controls > .search {
    padding-left: 0;
  }
  nav#controls ul.sorts .perpage,
  nav#controls ul.sorts .sort p {
    display: none;
  }
}
@media only screen and (min-width: 40.063em) and (max-width: 54em) {
  nav#controls .main-controls ul.primary,
  nav#controls .main-controls ul.secondary {
    width: 250px;
  }
  nav#controls .main-controls ul.secondary {
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
  }
}
@media only screen and (min-width: 54.063em) {
  nav#controls .main-controls {
    display: block;
    min-height: 46px;
  }
  nav#controls .main-controls::after {
    content: " ";
    clear: both;
    display: block;
    height: 1px;
  }
  nav#controls .main-controls > * {
    display: block;
    float: left;
    padding: 1em 0 0 0;
    position: relative;
  }
  nav#controls .main-controls .alwaysButton {
    margin-top: 7px;
  }
  nav#controls .main-controls .alwaysButton .mobile_filters {
    width: 150px;
  }
  nav#controls .main-controls .control:not(.alwaysButton) ul.primary, nav#controls .main-controls .control:not(.alwaysButton) ul.secondary {
    display: block;
    margin-right: 0px;
    padding: 1em 0 0 0;
    position: static;
  }
  nav#controls .main-controls .control:not(.alwaysButton) ul.primary::before, nav#controls .main-controls .control:not(.alwaysButton) ul.secondary::before {
    display: none;
  }
  nav#controls .main-controls .control:not(.alwaysButton) ul.primary li, nav#controls .main-controls .control:not(.alwaysButton) ul.secondary li {
    border: 0;
    display: inline-block;
    padding: 0 10px 0 0;
  }
  nav#controls .main-controls .control:not(.alwaysButton) ul.primary li label, nav#controls .main-controls .control:not(.alwaysButton) ul.secondary li label {
    background: none !important;
    color: inherit;
    padding: 0;
  }
  nav#controls .main-controls .control:not(.alwaysButton) ul.primary li label .delegate, nav#controls .main-controls .control:not(.alwaysButton) ul.secondary li label .delegate {
    margin-right: 4px;
    opacity: 1;
  }
  nav#controls .main-controls .control:not(.alwaysButton) ul.secondary {
    margin-left: 1.3em;
    padding-top: 1em;
    padding-left: 0.8em;
    position: relative;
    top: 0px;
    width: auto;
  }
  nav#controls .main-controls .control:not(.alwaysButton) ul.secondary::before {
    background: #e1e1e1;
    border: none;
    content: "";
    display: block;
    height: 3em;
    left: 0;
    position: absolute;
    top: 0.5em;
    width: 2px;
  }
  nav#controls .main-controls .control:not(.alwaysButton) ul li {
    padding: 0 10px 0 0;
  }
  nav#controls .main-controls .control:not(.alwaysButton) .mobile_filters {
    display: none;
  }
  nav#controls .main-controls .control.alwaysButton ul {
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    position: absolute;
    width: 100%;
  }
  nav#controls .main-controls .default {
    padding-bottom: 0;
  }
  nav#controls .main-controls .mainlabel {
    color: #707070;
    display: block;
    position: absolute;
    top: -5px;
    width: 400px;
  }
  nav#controls .main-controls .mainlabel em {
    left: 20px;
    position: relative;
  }
  nav#controls .main-controls > .search {
    margin-right: 0 !important;
    padding: 0;
    position: absolute;
    right: 0px;
    top: 7px;
    width: 200px;
  }
  nav#controls .main-controls .results {
    display: none;
  }
  nav#controls ul.pages,
  nav#controls ul.sorts {
    width: 50%;
    vertical-align: top;
  }
  nav#controls ul.pages {
    display: inline-block;
  }
  nav#controls ul.sorts {
    display: -ms-inline-flexbox;
    display: -webkit-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
  }
}
/* RESPONSIVE HOOKS
 * ================
 */
body::after {
  content: 'small';
  display: none;
  position: fixed;
  padding: 10px;
  background: #FFF;
  bottom: 0px;
  right: 0px;
  z-index: 9999;
}

.no-more:last-child {
  height: 4em;
}

@media only screen and (min-width: 40.063em) and (max-width: 54em) {
  body::after {
    content: 'medium';
  }
}
@media only screen and (min-width: 54.063em) and (max-width: 71em) {
  body::after {
    content: 'large';
  }
}
@media only screen and (min-width: 71.063em) {
  body::after {
    content: 'xlarge';
  }
}

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