/* Copyright 2012 Savant. All Rights Reserved. */
/*
 * @fileoverview Kent & Curwen cover stylesheet.
 * @author nuno@savantstudio.co.uk (Nuno Coelho Santos).
 */
html, body,
h1, h2, h3, h4, h5, h6, p,
.section, ul {
  margin: 0;
  padding: 0; }

html,
body {
  min-height: 100%;
  min-width: 100%; }

@font-face {
  font-style: italic;
  font-family: "Filosofia";
  src: url(/typefaces/filosofia.eot);
  src: local("Filosofia"), url(/typefaces/filosofia.eot?#iefix) format("embedded-opentype"), url(/typefaces/filosofia.woff) format("woff"), url(/typefaces/filosofia.ttf) format("truetype"), url(/typefaces/filosofia.svg#svgFontName) format("svg"); }

@font-face {
  font-weight: 900;
  font-style: normal;
  font-family: "Brandon Grotesque";
  src: url(/typefaces/brandon-grotesque.eot);
  src: local("Brandon Grotesque"), url(/typefaces/brandon-grotesque.eot?#iefix) format("embedded-opentype"), url(/typefaces/brandon-grotesque.woff) format("woff"), url(/typefaces/brandon-grotesque.ttf) format("truetype"), url(/typefaces/brandon-grotesque.svg#svgFontName) format("svg"); }

html body {
  top: 0;
  left: 0;
  margin: 0;
  text-transform: none;
  letter-spacing: 1px;
  font-style: italic;
  font-size: 17px;
  font-family: "Filosofia", serif;
  line-height: 21px; }
  html body h1, html body h2, html body h3, html body h4, html body h5, html body h6 {
    text-transform: uppercase;
    font-weight: 900;
    font-style: normal;
    font-family: "Brandon Grotesque", Helvetica, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    font-smoothing: antialiased; }
  html body h1 {
    word-spacing: 16px;
    letter-spacing: 8px;
    font-size: 48px;
    line-height: 72px; }
    html body h1 i {
      text-transform: none;
      letter-spacing: 2px;
      font-weight: 400;
      font-family: "Filosofia", serif;
      -webkit-font-smoothing: subpixel-antialiased;
      -moz-font-smoothing: subpixel-antialiased;
      -o-font-smoothing: subpixel-antialiased;
      font-smoothing: subpixel-antialiased; }
  html body h2 {
    word-spacing: 12px;
    letter-spacing: 5px;
    font-size: 34px;
    line-height: 51px; }
  html body p {
    margin: 20px 0;
    width: 440px; }
  html body i, html body b, html body strong, html body em {
    font-weight: normal;
    font-style: italic; }
  html body a,
  html body a:link,
  html body a:visited,
  html body a:hover,
  html body a:active,
  html body a:focus {
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-bottom-color: rgba(255, 255, 255, 0);
    color: #111;
    text-decoration: none;
    -webkit-transition-duration: 0.15s;
    -moz-transition-duration: 0.15s;
    -o-transition-duration: 0.15s;
    transition-duration: 0.15s;
    -webkit-transition-property: border-bottom-color;
    -moz-transition-property: border-bottom-color;
    -o-transition-property: border-bottom-color;
    transition-property: border-bottom-color; }
  html body a:hover,
  html body a:active,
  html body a.active,
  html body a:focus {
    border-bottom-color: #111;
    cursor: pointer; }

.spinner {
  position: fixed !important;
  z-index: 20;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000110; }
  .spinner h6 {
    position: fixed;
    top: 50%;
    left: 50%;
    margin: -16px 0 0 -16px;
    width: 32px;
    height: 32px;
    background-image: url(../media/graphic-spinner.gif);
    background-position: center;
    background-size: 32px 32px !important;
    background-repeat: no-repeat;
    color: rgba(255, 255, 255, 0);
    font-size: 0; }

/* Navigation */
#nav {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 30;
  width: 100%;
  height: 200px;
  background-image: url(/media/px-transparent.png);
  background-repeat: repeat;
  font-weight: 900;
  display: block; }
  #nav #symbol {
    position: absolute;
    top: 25px;
    left: 40px;
    display: inline;
    padding-bottom: 6px;
    width: 75px;
    height: 150px;
    background: url(/media/graphic-sprite-logotype.png) 0px 0px no-repeat;
    background-size: 772px 150px !important;
    color: rgba(255, 255, 255, 0);
    font-size: 0; }
  #nav #symbol:hover {
    border-bottom: 0 solid #FFF;
    border-bottom: 2px solid rgba(255, 255, 255, 0); }
  #nav a,
  #nav a:link,
  #nav a:visited,
  #nav a:active,
  #nav span {
    border-bottom: 0 solid #FFF;
    border-bottom: 2px solid rgba(255, 255, 255, 0);
    color: #FFF; }
  #nav a:hover,
  #nav span.current {
    border-bottom: 2px solid #FFF;
    cursor: pointer; }
  #nav ul {
    position: absolute;
    top: 157px;
    right: 40px; }
    #nav ul li {
      display: inline;
      margin-left: 15px;
      text-transform: uppercase;
      letter-spacing: 3px;
      font-style: normal;
      overflow: visible;
      font-family: "Brandon Grotesque", Helvetica, sans-serif; }
      #nav ul li a i,
      #nav ul li span i {
        text-transform: lowercase;
        letter-spacing: 1px;
        font-style: italic;
        font-family: "Filosofia", serif; }

#nav.hidden {
  background: url(/media/px-transparent.png);
  opacity: 0;
  filter: alpha(opacity=0); }
  #nav.hidden #symbol,
  #nav.hidden ul {
    opacity: 1;
    filter: alpha(opacity=100); }

#nav.top,
#nav.hidden:hover {
  background-image: url(/media/px-overlay.png);
  background-repeat: repeat;
  opacity: 1;
  filter: alpha(opacity=100); }

body.collection #nav.top,
body.collection #nav.top:hover,
body.collection #nav.top.hidden:hover,
body.stores #nav.top,
body.stores #nav.top:hover,
body.stores #nav.top.hidden:hover {
  background-image: url(/media/px-transparent.png);
  background-repeat: repeat;
  opacity: 1;
  filter: alpha(opacity=100); }
  body.collection #nav.top #symbol,
  body.collection #nav.top ul,
  body.collection #nav.top:hover #symbol,
  body.collection #nav.top:hover ul,
  body.collection #nav.top.hidden:hover #symbol,
  body.collection #nav.top.hidden:hover ul,
  body.stores #nav.top #symbol,
  body.stores #nav.top ul,
  body.stores #nav.top:hover #symbol,
  body.stores #nav.top:hover ul,
  body.stores #nav.top.hidden:hover #symbol,
  body.stores #nav.top.hidden:hover ul {
    opacity: 1;
    filter: alpha(opacity=100); }

#nav {
  -webkit-transition-duration: .35s;
  -moz-transition-duration: .35s;
  -o-transition-duration: .35s;
  transition-duration: .35s;
  -webkit-transition-property: background, opacity;
  -moz-transition-property: background, opacity;
  -o-transition-property: background, opacity;
  transition-property: background, opacity; }
  #nav ul {
    -webkit-transition-duration: .35s;
    -moz-transition-duration: .35s;
    -o-transition-duration: .35s;
    transition-duration: .35s;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity; }
  #nav a,
  #nav span {
    -webkit-transition-duration: 0.15s;
    -moz-transition-duration: 0.15s;
    -o-transition-duration: 0.15s;
    transition-duration: 0.15s;
    -webkit-transition-property: border-bottom-color;
    -moz-transition-property: border-bottom-color;
    -o-transition-property: border-bottom-color;
    transition-property: border-bottom-color; }
  #nav ul,
  #nav li {
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    font-smoothing: antialiased; }

body.mobile #nav,
body.mobile #nav.top,
body.mobile #nav.top.hidden,
body.mobile #nav.hidden {
  position: absolute;
  opacity: 1;
  filter: alpha(opacity=100); }

/* Transition animations. */
body.cover {
  background-color: #111;
  overflow: hidden; }
  body.cover #nav {
    opacity: 0;
    filter: alpha(opacity=0); }
  body.cover .cover {
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0; }
    body.cover .cover img {
      left: 0;
      position: absolute;
      top: 0;
      display: none; }

body.cover.ready #nav {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition-duration: 3.75s;
  -moz-transition-duration: 3.75s;
  -o-transition-duration: 3.75s;
  transition-duration: 3.75s; }

body.cover.mobile #nav {
  background: transparent url("/media/px-transparent.png") 0 0 repeat;
  background: transparent none 0 0 no-repeat; }

/* Page header with the brand name on the home page */
#header {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  margin: -40px 0 0 -507px;
  width: 1015px;
  height: 80px !important;
  float: left; }
  #header h1 {
    top: 0;
    display: block;
    margin: 0;
    margin: 0;
    width: 1015px;
    height: 80px;
    height: 80px;
    float: left; }

#header h1 > * {
  position: relative;
  display: inline;
  float: left;
  height: 80px;
  background-position: 0 0;
  background-image: url(../media/graphic-sprite-logotype.png);
  /* Make the declaration important for better Firefox compability*/
  background-size: 772px 150px !important;
  background-repeat: no-repeat;
  color: rgba(255, 255, 255, 0);
  font-size: 0; }

/* First Character (K) */
#header h1 > *.nth-child-1 {
  margin: 0 0 0 7px;
  width: 75px;
  background-position: -350px 0px;
  -webkit-transform: translateX(-37px);
  -moz-transform: translateX(-37px);
  -o-transform: translateX(-37px);
  transform: translateX(-37px);
  -webkit-animation: letter1 15s ease-out;
  -moz-animation: letter1 15s ease-out;
  -o-animation: letter1 15s ease-out;
  animation: letter1 15s ease-out; }

/* Second Character (E) */
#header h1 > *.nth-child-2 {
  margin: 0 7px;
  width: 64px;
  background-position: -216px 0px;
  -webkit-transform: translateX(-31px);
  -moz-transform: translateX(-31px);
  -o-transform: translateX(-31px);
  transform: translateX(-31px);
  -webkit-animation: letter2 15s ease-out;
  -moz-animation: letter2 15s ease-out;
  -o-animation: letter2 15s ease-out;
  animation: letter2 15s ease-out; }

/* Third Character (N) */
#header h1 > *.nth-child-3 {
  margin: 0 7px;
  width: 79px;
  background-position: -426px 0px;
  -webkit-transform: translateX(-21px);
  -moz-transform: translateX(-21px);
  -o-transform: translateX(-21px);
  transform: translateX(-21px);
  -webkit-animation: letter3 15s ease-out;
  -moz-animation: letter3 15s ease-out;
  -o-animation: letter3 15s ease-out;
  animation: letter3 15s ease-out; }

/* Fourth Character (T) */
#header h1 > *.nth-child-4 {
  margin: 0 4px;
  width: 68px;
  background-position: -281px 0px;
  -webkit-transform: translateX(-17px);
  -moz-transform: translateX(-17px);
  -o-transform: translateX(-17px);
  transform: translateX(-17px);
  -webkit-animation: letter4 15s ease-out;
  -moz-animation: letter4 15s ease-out;
  -o-animation: letter4 15s ease-out;
  animation: letter4 15s ease-out; }

/* Fifth Character (Ampersand) */
#header h1 > *.nth-child-5 {
  margin: 0 40px 0 44px;
  width: 72px;
  background-position: -76px 0px;
  -webkit-transform: translateX(-10px);
  -moz-transform: translateX(-10px);
  -o-transform: translateX(-10px);
  transform: translateX(-10px);
  -webkit-animation: letter5 15s ease-out;
  -moz-animation: letter5 15s ease-out;
  -o-animation: letter5 15s ease-out;
  animation: letter5 15s ease-out; }

/* Sixth Character (C) */
#header h1 > *.nth-child-6 {
  margin: 0 5px 0 6px;
  width: 66px;
  background-position: -149px 0px;
  -webkit-transform: translateX(2px);
  -moz-transform: translateX(2px);
  -o-transform: translateX(2px);
  transform: translateX(2px);
  -webkit-animation: letter6 15s ease-out;
  -moz-animation: letter6 15s ease-out;
  -o-animation: letter6 15s ease-out;
  animation: letter6 15s ease-out; }

/* Seventh Character (U) */
#header h1 > *.nth-child-7 {
  margin: 0 7px;
  width: 79px;
  background-position: -582px 0px;
  -webkit-transform: translateX(10px);
  -moz-transform: translateX(10px);
  -o-transform: translateX(10px);
  transform: translateX(10px);
  -webkit-animation: letter7 15s ease-out;
  -moz-animation: letter7 15s ease-out;
  -o-animation: letter7 15s ease-out;
  animation: letter7 15s ease-out; }

/* Eighth Character (R) */
#header h1 > *.nth-child-8 {
  margin: 0 0 0 4px;
  width: 75px;
  background-position: -506px 0px;
  -webkit-transform: translateX(19px);
  -moz-transform: translateX(19px);
  -o-transform: translateX(19px);
  transform: translateX(19px);
  -webkit-animation: letter8 15s ease-out;
  -moz-animation: letter8 15s ease-out;
  -o-animation: letter8 15s ease-out;
  animation: letter8 15s ease-out; }

/* Ninth Character (W) */
#header h1 > *.nth-child-9 {
  margin: 0;
  width: 110px;
  background-position: -662px 0px;
  -webkit-transform: translateX(28px);
  -moz-transform: translateX(28px);
  -o-transform: translateX(28px);
  transform: translateX(28px);
  -webkit-animation: letter9 15s ease-out;
  -moz-animation: letter9 15s ease-out;
  -o-animation: letter9 15s ease-out;
  animation: letter9 15s ease-out; }

/* Tenth Character (E) */
#header h1 > *.nth-child-10 {
  margin: 0 7px;
  width: 64px;
  background-position: -216px 0px;
  -webkit-transform: translateX(38px);
  -moz-transform: translateX(38px);
  -o-transform: translateX(38px);
  transform: translateX(38px);
  -webkit-animation: letter10 15s ease-out;
  -moz-animation: letter10 15s ease-out;
  -o-animation: letter10 15s ease-out;
  animation: letter10 15s ease-out; }

/* Eleventh Character (N) */
#header h1 > *.nth-child-11 {
  margin: 0 7px;
  width: 79px;
  background-position: -426px 0px;
  -webkit-transform: translateX(46px);
  -moz-transform: translateX(46px);
  -o-transform: translateX(46px);
  transform: translateX(46px);
  -webkit-animation: letter11 15s ease-out;
  -moz-animation: letter11 15s ease-out;
  -o-animation: letter11 15s ease-out;
  animation: letter11 15s ease-out; }

@-webkit-keyframes letter1 {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translateX(374px) scale(0.95); }
  2% {
    opacity: 0;
    filter: alpha(opacity=0); }
  15% {
    opacity: 1;
    filter: alpha(opacity=100); }
  25% {
    -webkit-transform: translateX(0) scale(1); }
  100% {
    -webkit-transform: translateX(-37px); } }

@-moz-keyframes letter1 {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-transform: translateX(374px); }
  2% {
    opacity: 0;
    filter: alpha(opacity=0); }
  15% {
    opacity: 1;
    filter: alpha(opacity=100); }
  25% {
    -moz-transform: translateX(0); }
  100% {
    -moz-transform: translateX(0); } }

@-o-keyframes letter1 {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
    -o-transform: translateX(374px); }
  2% {
    opacity: 0;
    filter: alpha(opacity=0); }
  15% {
    opacity: 1;
    filter: alpha(opacity=100); }
  25% {
    -o-transform: translateX(0); }
  100% {
    -o-transform: translateX(0); } }

@keyframes letter1 {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
    transform: translateX(374px) scale(0.95); }
  2% {
    opacity: 0;
    filter: alpha(opacity=0); }
  15% {
    opacity: 1;
    filter: alpha(opacity=100); }
  25% {
    transform: translateX(0) scale(1); }
  100% {
    transform: translateX(-37px); } }

@-webkit-keyframes letter2 {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translateX(310px) scale(0.95); }
  2% {
    opacity: 0;
    filter: alpha(opacity=0); }
  15% {
    opacity: 1;
    filter: alpha(opacity=100); }
  25% {
    -webkit-transform: translateX(0) scale(1); }
  100% {
    -webkit-transform: translateX(-31px); } }

@-moz-keyframes letter2 {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-transform: translateX(310px); }
  2% {
    opacity: 0;
    filter: alpha(opacity=0); }
  15% {
    opacity: 1;
    filter: alpha(opacity=100); }
  25% {
    -moz-transform: translateX(0); }
  100% {
    -moz-transform: translateX(0); } }

@-o-keyframes letter2 {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
    -o-transform: translateX(310px); }
  2% {
    opacity: 0;
    filter: alpha(opacity=0); }
  15% {
    opacity: 1;
    filter: alpha(opacity=100); }
  25% {
    -o-transform: translateX(0); }
  100% {
    -o-transform: translateX(0); } }

@keyframes letter2 {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
    transform: translateX(310px) scale(0.95); }
  2% {
    opacity: 0;
    filter: alpha(opacity=0); }
  15% {
    opacity: 1;
    filter: alpha(opacity=100); }
  25% {
    transform: translateX(0) scale(1); }
  100% {
    transform: translateX(-31px); } }

@-webkit-keyframes letter3 {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translateX(217px) scale(0.95); }
  2% {
    opacity: 0;
    filter: alpha(opacity=0); }
  15% {
    opacity: 1;
    filter: alpha(opacity=100); }
  25% {
    -webkit-transform: translateX(0) scale(1); }
  100% {
    -webkit-transform: translateX(-21px); } }

@-moz-keyframes letter3 {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-transform: translateX(217px); }
  2% {
    opacity: 0;
    filter: alpha(opacity=0); }
  15% {
    opacity: 1;
    filter: alpha(opacity=100); }
  25% {
    -moz-transform: translateX(0); }
  100% {
    -moz-transform: translateX(0); } }

@-o-keyframes letter3 {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
    -o-transform: translateX(217px); }
  2% {
    opacity: 0;
    filter: alpha(opacity=0); }
  15% {
    opacity: 1;
    filter: alpha(opacity=100); }
  25% {
    -o-transform: translateX(0); }
  100% {
    -o-transform: translateX(0); } }

@keyframes letter3 {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
    transform: translateX(217px) scale(0.95); }
  2% {
    opacity: 0;
    filter: alpha(opacity=0); }
  15% {
    opacity: 1;
    filter: alpha(opacity=100); }
  25% {
    transform: translateX(0) scale(1); }
  100% {
    transform: translateX(-21px); } }

@-webkit-keyframes letter4 {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translateX(174px) scale(0.95); }
  2% {
    opacity: 0;
    filter: alpha(opacity=0); }
  15% {
    opacity: 1;
    filter: alpha(opacity=100); }
  25% {
    -webkit-transform: translateX(0) scale(1); }
  100% {
    -webkit-transform: translateX(-17px); } }

@-moz-keyframes letter4 {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-transform: translateX(174px); }
  2% {
    opacity: 0;
    filter: alpha(opacity=0); }
  15% {
    opacity: 1;
    filter: alpha(opacity=100); }
  25% {
    -moz-transform: translateX(0); }
  100% {
    -moz-transform: translateX(0); } }

@-o-keyframes letter4 {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
    -o-transform: translateX(174px); }
  2% {
    opacity: 0;
    filter: alpha(opacity=0); }
  15% {
    opacity: 1;
    filter: alpha(opacity=100); }
  25% {
    -o-transform: translateX(0); }
  100% {
    -o-transform: translateX(0); } }

@keyframes letter4 {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
    transform: translateX(174px) scale(0.95); }
  2% {
    opacity: 0;
    filter: alpha(opacity=0); }
  15% {
    opacity: 1;
    filter: alpha(opacity=100); }
  25% {
    transform: translateX(0) scale(1); }
  100% {
    transform: translateX(-17px); } }

@-webkit-keyframes letter5 {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translateX(101px) scale(0.95); }
  2% {
    opacity: 0;
    filter: alpha(opacity=0); }
  15% {
    opacity: 1;
    filter: alpha(opacity=100); }
  25% {
    -webkit-transform: translateX(0) scale(1); }
  100% {
    -webkit-transform: translateX(-10px); } }

@-moz-keyframes letter5 {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-transform: translateX(101px); }
  2% {
    opacity: 0;
    filter: alpha(opacity=0); }
  15% {
    opacity: 1;
    filter: alpha(opacity=100); }
  25% {
    -moz-transform: translateX(0); }
  100% {
    -moz-transform: translateX(0); } }

@-o-keyframes letter5 {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
    -o-transform: translateX(101px); }
  2% {
    opacity: 0;
    filter: alpha(opacity=0); }
  15% {
    opacity: 1;
    filter: alpha(opacity=100); }
  25% {
    -o-transform: translateX(0); }
  100% {
    -o-transform: translateX(0); } }

@keyframes letter5 {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
    transform: translateX(101px) scale(0.95); }
  2% {
    opacity: 0;
    filter: alpha(opacity=0); }
  15% {
    opacity: 1;
    filter: alpha(opacity=100); }
  25% {
    transform: translateX(0) scale(1); }
  100% {
    transform: translateX(-10px); } }

@-webkit-keyframes letter6 {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translateX(-16px) scale(0.95); }
  2% {
    opacity: 0;
    filter: alpha(opacity=0); }
  15% {
    opacity: 1;
    filter: alpha(opacity=100); }
  25% {
    -webkit-transform: translateX(0) scale(1); }
  100% {
    -webkit-transform: translateX(2px); } }

@-moz-keyframes letter6 {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-transform: translateX(-16px); }
  2% {
    opacity: 0;
    filter: alpha(opacity=0); }
  15% {
    opacity: 1;
    filter: alpha(opacity=100); }
  25% {
    -moz-transform: translateX(0); }
  100% {
    -moz-transform: translateX(0); } }

@-o-keyframes letter6 {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
    -o-transform: translateX(-16px); }
  2% {
    opacity: 0;
    filter: alpha(opacity=0); }
  15% {
    opacity: 1;
    filter: alpha(opacity=100); }
  25% {
    -o-transform: translateX(0); }
  100% {
    -o-transform: translateX(0); } }

@keyframes letter6 {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
    transform: translateX(-16px) scale(0.95); }
  2% {
    opacity: 0;
    filter: alpha(opacity=0); }
  15% {
    opacity: 1;
    filter: alpha(opacity=100); }
  25% {
    transform: translateX(0) scale(1); }
  100% {
    transform: translateX(2px); } }

@-webkit-keyframes letter7 {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translateX(-101px) scale(0.95); }
  2% {
    opacity: 0;
    filter: alpha(opacity=0); }
  15% {
    opacity: 1;
    filter: alpha(opacity=100); }
  25% {
    -webkit-transform: translateX(0) scale(1); }
  100% {
    -webkit-transform: translateX(10px); } }

@-moz-keyframes letter7 {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-transform: translateX(-101px); }
  2% {
    opacity: 0;
    filter: alpha(opacity=0); }
  15% {
    opacity: 1;
    filter: alpha(opacity=100); }
  25% {
    -moz-transform: translateX(0); }
  100% {
    -moz-transform: translateX(0); } }

@-o-keyframes letter7 {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
    -o-transform: translateX(-101px); }
  2% {
    opacity: 0;
    filter: alpha(opacity=0); }
  15% {
    opacity: 1;
    filter: alpha(opacity=100); }
  25% {
    -o-transform: translateX(0); }
  100% {
    -o-transform: translateX(0); } }

@keyframes letter7 {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
    transform: translateX(-101px) scale(0.95); }
  2% {
    opacity: 0;
    filter: alpha(opacity=0); }
  15% {
    opacity: 1;
    filter: alpha(opacity=100); }
  25% {
    transform: translateX(0) scale(1); }
  100% {
    transform: translateX(10px); } }

@-webkit-keyframes letter8 {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translateX(-187px) scale(0.95); }
  2% {
    opacity: 0;
    filter: alpha(opacity=0); }
  15% {
    opacity: 1;
    filter: alpha(opacity=100); }
  25% {
    -webkit-transform: translateX(0) scale(1); }
  100% {
    -webkit-transform: translateX(19px); } }

@-moz-keyframes letter8 {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-transform: translateX(-187px); }
  2% {
    opacity: 0;
    filter: alpha(opacity=0); }
  15% {
    opacity: 1;
    filter: alpha(opacity=100); }
  25% {
    -moz-transform: translateX(0); }
  100% {
    -moz-transform: translateX(0); } }

@-o-keyframes letter8 {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
    -o-transform: translateX(-187px); }
  2% {
    opacity: 0;
    filter: alpha(opacity=0); }
  15% {
    opacity: 1;
    filter: alpha(opacity=100); }
  25% {
    -o-transform: translateX(0); }
  100% {
    -o-transform: translateX(0); } }

@keyframes letter8 {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
    transform: translateX(-187px) scale(0.95); }
  2% {
    opacity: 0;
    filter: alpha(opacity=0); }
  15% {
    opacity: 1;
    filter: alpha(opacity=100); }
  25% {
    transform: translateX(0) scale(1); }
  100% {
    transform: translateX(19px); } }

@-webkit-keyframes letter9 {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translateX(-281px) scale(0.95); }
  2% {
    opacity: 0;
    filter: alpha(opacity=0); }
  15% {
    opacity: 1;
    filter: alpha(opacity=100); }
  25% {
    -webkit-transform: translateX(0) scale(1); }
  100% {
    -webkit-transform: translateX(28px); } }

@-moz-keyframes letter9 {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-transform: translateX(-281px); }
  2% {
    opacity: 0;
    filter: alpha(opacity=0); }
  15% {
    opacity: 1;
    filter: alpha(opacity=100); }
  25% {
    -moz-transform: translateX(0); }
  100% {
    -moz-transform: translateX(0); } }

@-o-keyframes letter9 {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
    -o-transform: translateX(-281px); }
  2% {
    opacity: 0;
    filter: alpha(opacity=0); }
  15% {
    opacity: 1;
    filter: alpha(opacity=100); }
  25% {
    -o-transform: translateX(0); }
  100% {
    -o-transform: translateX(0); } }

@keyframes letter9 {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
    transform: translateX(-281px) scale(0.95); }
  2% {
    opacity: 0;
    filter: alpha(opacity=0); }
  15% {
    opacity: 1;
    filter: alpha(opacity=100); }
  25% {
    transform: translateX(0) scale(1); }
  100% {
    transform: translateX(28px); } }

@-webkit-keyframes letter10 {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translateX(-375px) scale(0.95); }
  2% {
    opacity: 0;
    filter: alpha(opacity=0); }
  15% {
    opacity: 1;
    filter: alpha(opacity=100); }
  25% {
    -webkit-transform: translateX(0) scale(1); }
  100% {
    -webkit-transform: translateX(38px); } }

@-moz-keyframes letter10 {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-transform: translateX(-375px); }
  2% {
    opacity: 0;
    filter: alpha(opacity=0); }
  15% {
    opacity: 1;
    filter: alpha(opacity=100); }
  25% {
    -moz-transform: translateX(0); }
  100% {
    -moz-transform: translateX(0); } }

@-o-keyframes letter10 {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
    -o-transform: translateX(-375px); }
  2% {
    opacity: 0;
    filter: alpha(opacity=0); }
  15% {
    opacity: 1;
    filter: alpha(opacity=100); }
  25% {
    -o-transform: translateX(0); }
  100% {
    -o-transform: translateX(0); } }

@keyframes letter10 {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
    transform: translateX(-375px) scale(0.95); }
  2% {
    opacity: 0;
    filter: alpha(opacity=0); }
  15% {
    opacity: 1;
    filter: alpha(opacity=100); }
  25% {
    transform: translateX(0) scale(1); }
  100% {
    transform: translateX(38px); } }

@-webkit-keyframes letter11 {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translateX(-461px) scale(0.95); }
  2% {
    opacity: 0;
    filter: alpha(opacity=0); }
  15% {
    opacity: 1;
    filter: alpha(opacity=100); }
  25% {
    -webkit-transform: translateX(0) scale(1); }
  100% {
    -webkit-transform: translateX(46px); } }

@-moz-keyframes letter11 {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-transform: translateX(-461px); }
  2% {
    opacity: 0;
    filter: alpha(opacity=0); }
  15% {
    opacity: 1;
    filter: alpha(opacity=100); }
  25% {
    -moz-transform: translateX(0); }
  100% {
    -moz-transform: translateX(0); } }

@-o-keyframes letter11 {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
    -o-transform: translateX(-461px); }
  2% {
    opacity: 0;
    filter: alpha(opacity=0); }
  15% {
    opacity: 1;
    filter: alpha(opacity=100); }
  25% {
    -o-transform: translateX(0); }
  100% {
    -o-transform: translateX(0); } }

@keyframes letter11 {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
    transform: translateX(-461px) scale(0.95); }
  2% {
    opacity: 0;
    filter: alpha(opacity=0); }
  15% {
    opacity: 1;
    filter: alpha(opacity=100); }
  25% {
    transform: translateX(0) scale(1); }
  100% {
    transform: translateX(46px); } }

body .screen {
  position: relative;
  display: block;
  width: 100%;
  height: 100%; }
  body .screen > * {
    position: absolute;
    display: inline-block;
    height: auto; }

body h1 {
  left: 0 !important;
  z-index: 2;
  width: 100%;
  color: white;
  text-align: center;
  -webkit-transition-duration: 0.15s;
  -moz-transition-duration: 0.15s;
  -o-transition-duration: 0.15s;
  transition-duration: 0.15s;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity; }

body img {
  padding: 0;
  height: auto; }

body .screen.cover {
  overflow: hidden; }

body .full.padded {
  padding: 0 10% 100%;
  width: 80%; }

body.parallax.portrait .screen.cover {
  margin: 0; }
  body.parallax.portrait .screen.cover img {
    width: auto;
    height: 100%; }
  body.parallax.portrait .screen.cover img.padded {
    width: 80%;
    height: auto; }

.w18 {
  width: 18%; }

.w21 {
  width: 21%; }

.w23 {
  width: 23%; }

.w25 {
  width: 25%; }

.w28 {
  width: 28%; }

.w31 {
  width: 31%; }

.w34 {
  width: 34%; }

.w36 {
  width: 36%; }

.w40 {
  width: 40%; }

.w42 {
  width: 42%; }

.w49 {
  width: 49%; }

.w50 {
  width: 50%; }

.w62 {
  width: 62%; }

.w68 {
  width: 68%; }

.w80 {
  width: 80%; }

.full {
  width: 100%; }

.full {
  left: 0% !important; }

.l2 {
  left: 2% !important; }

.l6 {
  left: 6% !important; }

.l11 {
  left: 11% !important; }

.l14 {
  left: 14% !important; }

.l17 {
  left: 17% !important; }

.l24 {
  left: 24% !important; }

.l25 {
  left: 25% !important; }

.l26 {
  left: 26% !important; }

.l28 {
  left: 28% !important; }

.l31 {
  left: 31% !important; }

.l36 {
  left: 36% !important; }

.l38 {
  left: 38% !important; }

.l40 {
  left: 40% !important; }

.l44 {
  left: 44% !important; }

.l47 {
  left: 47% !important; }

.l50 {
  left: 50% !important; }

.l52 {
  left: 52% !important; }

.l54 {
  left: 54% !important; }

.l57 {
  left: 57% !important; }

.l61 {
  left: 61% !important; }

.l66 {
  left: 66% !important; }

.l74 {
  left: 74% !important; }

.l79 {
  left: 79% !important; }

.z1 {
  z-index: 1; }

.z2 {
  z-index: 2; }

.t20 {
  top: 20px; }

.t30 {
  top: 30px; }

.t40 {
  top: 40px; }

.t50 {
  top: 50px; }

.t60 {
  top: 60px; }

.t70 {
  top: 70px; }

.t80 {
  top: 80px; }

.t90 {
  top: 90px; }

.t100 {
  top: 100px; }

.t110 {
  top: 110px; }

.t120 {
  top: 120px; }

.t130 {
  top: 130px; }

.t140 {
  top: 140px; }

.t150 {
  top: 150px; }

.t160 {
  top: 160px; }

.t170 {
  top: 170px; }

.t180 {
  top: 180px; }

.t190 {
  top: 190px; }

.t200 {
  top: 200px; }

.t220 {
  top: 220px; }

.t230 {
  top: 230px; }

.t250 {
  top: 250px; }

.t300 {
  top: 300px; }

.t320 {
  top: 320px; }

.t330 {
  top: 330px; }

.t360 {
  top: 360px; }

.t500 {
  top: 500px; }

.t530 {
  top: 530px; }

.t600 {
  top: 600px; }

.t690 {
  top: 690px; }

.t700 {
  top: 700px; }

.t75p {
  top: 75%; }

.t120p {
  top: 120%; }

.screen.h30p {
  height: 30%; }

.screen.h40p {
  height: 40%; }

.screen.h50p {
  height: 50%; }

.screen.h65p {
  height: 65%; }

.screen.h70p {
  height: 70%; }

.screen.h75p {
  height: 75%; }

.screen.h80p {
  height: 80%; }

.screen.h85p {
  height: 85%; }

.screen.h90p {
  height: 90%; }

.screen.h110p {
  height: 110%; }

.screen.h120p {
  height: 120%; }

.screen.h140p {
  height: 140%; }

.screen.h160p {
  height: 160%; }

body.news {
  padding-top: 200px; }
  body.news .text {
    float: left;
    margin-top: 50px;
    margin-left: 5%;
    width: 25%;
    text-align: center; }
    body.news .text > * {
      width: 100%; }
  body.news .images {
    float: right;
    margin: 50px 2px 100px;
    width: 65%; }
    body.news .images img {
      float: right;
      width: 99%;
      height: auto;
      margin: 2px; }
    body.news .images .col {
      float: right;
      width: 32%;
      margin: 0 2px; }
      body.news .images .col img {
        float: right;
        width: 100%;
        margin: 2px 0; }

.article {
  float: left; }
  .article ul {
    list-style-type: none; }
    .article ul li {
      display: inline-block;
      margin: 5px; }

.graphic {
  display: inline-block;
  width: 30px;
  height: 30px;
  border-bottom-color: rgba(255, 255, 255, 0);
  background-position: center;
  background-repeat: no-repeat;
  color: rgba(255, 255, 255, 0);
  font-size: 0;
  opacity: 0.3;
  filter: alpha(opacity=30);
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-property: opacity !important;
  -moz-transition-property: opacity !important;
  -o-transition-property: opacity !important;
  transition-property: opacity !important; }

.graphic:hover,
.graphic:active,
.graphic:focus {
  border-bottom-color: rgba(255, 255, 255, 0);
  opacity: 1;
  filter: alpha(opacity=100); }

.graphic.tw {
  background-image: url(/media/graphic-icon-twitter.jpg);
  background-size: 30px; }

.graphic.fb {
  background-image: url(/media/graphic-icon-facebook.jpg);
  background-size: 30px; }

body.stores {
  overflow: visible;
  background-color: #fff; }
  body.stores * {
    overflow: hidden; }
  body.stores > div {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%; }
    body.stores > div h1 {
      position: absolute;
      top: 300px;
      width: 100%;
      color: #fff;
      text-align: center; }
    body.stores > div img {
      width: 100%;
      height: auto; }
  body.stores #nav {
    position: absolute;
    background-image: url(/media/px-transparent.png) !important; }

ul.expandable-menus {
  list-style-type: none;
  margin: 70px 3% 0 5%;
  padding-bottom: 140px;
  width: 92%; }
  ul.expandable-menus > li {
    width: 100%; }
  ul.expandable-menus li {
    overflow: hidden;
    margin-bottom: 20px;
    min-height: 50px;
    font-weight: 400;
    -webkit-transition-duration: 0.75s;
    -moz-transition-duration: 0.75s;
    -o-transition-duration: 0.75s;
    transition-duration: 0.75s;
    -webkit-transition-property: height;
    -moz-transition-property: height;
    -o-transition-property: height;
    transition-property: height; }
  ul.expandable-menus i {
    font-style: italic;
    font-family: "Filosofia", serif;
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-font-smoothing: subpixel-antialiased;
    -o-font-smoothing: subpixel-antialiased;
    font-smoothing: subpixel-antialiased; }
  ul.expandable-menus h3,
  ul.expandable-menus h4 {
    clear: both;
    -webkit-transition-duration: 0.25s;
    -moz-transition-duration: 0.25s;
    -o-transition-duration: 0.25s;
    transition-duration: 0.25s;
    -webkit-transition-property: color;
    -moz-transition-property: color;
    -o-transition-property: color;
    transition-property: color; }
  ul.expandable-menus h3:hover,
  ul.expandable-menus h4:hover {
    color: #666;
    cursor: pointer; }
  ul.expandable-menus h3,
  ul.expandable-menus h4,
  ul.expandable-menus h5 {
    margin: 0 0 30px 0;
    font-weight: 900; }

.addresses li,
.addresses li ul li {
  display: block;
  font-weight: normal;
  font-weight: light;
  font-style: normal;
  font-size: 15px;
  font-family: "Brandon Grotesque", Helvetica, sans-serif; }
  .addresses li h5,
  .addresses li ul li h5 {
    font-size: 1em; }

.addresses > li {
  float: left;
  width: 30%;
  margin-right: 3%; }

li.closed {
  height: 50px !important; }

body.stores.portrait .screen.cover {
  margin: 0; }
  body.stores.portrait .screen.cover img {
    width: auto;
    height: 100%; }

/* Average screen size */
@media only screen and (max-width: 1125px) {
  #header {
    zoom: 0.65;
    -moz-transform: scale(0.65); }
  body.parallax.landscape .screen {
    margin: 0 0 150px 0; }
  body.mobile .padded {
    padding: 0 10% 10%; } }

/* Small-sized screens */
@media only screen and (max-width: 750px) {
  #nav ul {
    top: 37px; }
    #nav ul li {
      display: block;
      margin-bottom: 20px;
      height: 20px;
      text-align: right; }
  #header {
    zoom: 0.35;
    -moz-transform: scale(0.35); }
  body.landscape #nav {
    zoom: 0.55;
    -moz-transform: scale(0.55); }
  body.landscape #header {
    zoom: 0.3;
    -moz-transform: scale(0.3);
    top: 70%; } }

/* Phone-sized screens */
@media (max-width: 575px) {
  #nav {
    zoom: 0.65;
    -moz-transform: scale(0.65); }
  #header {
    zoom: 0.25;
    -moz-transform: scale(0.25); }
  body.parallax,
  body.parallax.portrait,
  body.parallax.landscape {
    width: 100%;
    position: static; }
    body.parallax .screen,
    body.parallax .screen > *,
    body.parallax.portrait .screen,
    body.parallax.portrait .screen > *,
    body.parallax.landscape .screen,
    body.parallax.landscape .screen > * {
      position: static;
      float: left;
      clear: both;
      height: auto; }
    body.parallax .screen,
    body.parallax.portrait .screen,
    body.parallax.landscape .screen {
      margin: 0; }
    body.parallax .screen > *,
    body.parallax.portrait .screen > *,
    body.parallax.landscape .screen > * {
      width: 90%;
      margin: 3% 5%; }
    body.parallax .screen > h1,
    body.parallax .screen > h2,
    body.parallax.portrait .screen > h1,
    body.parallax.portrait .screen > h2,
    body.parallax.landscape .screen > h1,
    body.parallax.landscape .screen > h2 {
      color: #000;
      font-size: 30px;
      line-height: 36px;
      width: 90%;
      margin: 140px 5% 70px 5%;
      word-spacing: 0px; }
    body.parallax .screen > h2,
    body.parallax.portrait .screen > h2,
    body.parallax.landscape .screen > h2 {
      margin: 30px 5% 15px 5%; }
    body.parallax .screen img.full,
    body.parallax.portrait .screen img.full,
    body.parallax.landscape .screen img.full {
      width: 100%;
      margin: 3% 0; }
    body.parallax .screen.cover,
    body.parallax.portrait .screen.cover,
    body.parallax.landscape .screen.cover {
      height: 400px;
      margin-bottom: 5%; }
      body.parallax .screen.cover h1,
      body.parallax.portrait .screen.cover h1,
      body.parallax.landscape .screen.cover h1 {
        color: #FFF;
        position: absolute;
        top: 0 !important;
        /* To prevent parallax */ }
      body.parallax .screen.cover img,
      body.parallax.portrait .screen.cover img,
      body.parallax.landscape .screen.cover img {
        margin-top: 0;
        height: 100%; }
    body.parallax .screen img.full.padded,
    body.parallax.portrait .screen img.full.padded,
    body.parallax.landscape .screen img.full.padded {
      width: 80%;
      padding: 0 10%; }
  body.news {
    padding-top: 100px; }
    body.news .article {
      padding-bottom: 50px; }
      body.news .article .text {
        width: 90%;
        margin: 70px 5% 35px; }
      body.news .article .images {
        margin: 0;
        width: 100%; }
        body.news .article .images img {
          width: 90% !important;
          margin: 3% 5%; }
        body.news .article .images .col {
          width: 100%;
          margin: 0; }
  body.stores .addresses > li {
    width: 90%; }
  body.stores .screen.cover {
    height: 400px;
    margin-bottom: 5%; }
    body.stores .screen.cover h1 {
      font-size: 30px;
      line-height: 36px;
      width: 90%;
      margin: 140px 5% 70px 5%;
      word-spacing: 0px;
      color: #FFF;
      position: absolute;
      top: 0; }
    body.stores .screen.cover img {
      margin-top: 0;
      height: 100%; } }

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  #symbol {
    background: url(../media/graphic-sprite-logotype-hires.png) 0px 0px no-repeat; }
  #header h1 > * {
    background-image: url(../media/graphic-sprite-logotype-hires.png); }
  .spinner h6 {
    background-image: url(../media/graphic-spinner-hires.gif); }
  .graphic.tw {
    background-image: url(../media/graphic-icon-twitter-hires.jpg); }
  .graphic.fb {
    background-image: url(../media/graphic-icon-facebook-hires.jpg); } }