/*! normalize.css v3.0.1 | MIT License | git.io/normalize */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

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

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

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

[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
  background: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */

/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */

dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */

svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari.
 */

figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */

pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
  overflow: visible;
}

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

button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

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

input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

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

legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

textarea {
  overflow: auto;
}

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

optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

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

td,
th {
  padding: 0;
}

@charset "UTF-8";

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Daniel Eden
 */

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

@-webkit-keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

@keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

@-webkit-keyframes flash {
  from, 50%, to {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  from, 50%, to {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

@keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes jello {
  from, 11.1%, to {
    -webkit-transform: none;
    transform: none;
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

@keyframes jello {
  from, 11.1%, to {
    -webkit-transform: none;
    transform: none;
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

.jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center;
}

@-webkit-keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}

.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

@keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  to {
    opacity: 0;
  }
}

@keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  to {
    opacity: 0;
  }
}

.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

/*////////////////////////////
// Box sizing
////////////////////////////*/

*
{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

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


/*////////////////////////////
// Clear
////////////////////////////*/

.site .clearfix:before,
.site .clearfix:after
{
	content: " ";
	display: table;
}

.site .clearfix:after
{
	clear: both;
}

.site .clearfix
{
	*zoom: 1;
}

.site .clear
{
	clear: both;
}


/*////////////////////////////
// Flash message
////////////////////////////*/

.site .flashMessage
{
	padding: 10px;

	font-size: 14px;
	text-align: center;
	color: #fff;
}

.site .flashMessageConfirmation
{
	background: #00cd00;
}

.site .flashMessageError
{
	background: #ff0000;
}


/*////////////////////////////
// Columns
////////////////////////////*/

.site .columns
{
	display: table;
	table-layout: fixed;
	width: 100%;
}

.site .columns .column
{
	display: table-cell;
	vertical-align: top;
}

.site .columns .columnTitle
{
	margin-bottom: 10px;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}


/*////////////////////////////
// Sections
////////////////////////////*/

.site .section
{
	margin-bottom: 20px;
}

.site .section .sectionTitle
{
	margin-bottom: 10px;
	font-size: 26px;
	font-weight: bold;
	text-align: center;
}


/*////////////////////////////
// Generic form
////////////////////////////*/

.site .genericForm .fieldset
{
	margin: 0 0 20px 0;
	padding: 10px;
}

.site .genericForm .legend
{
	padding: 0 5px;
	font-size: 14px;
}

.site .genericForm .formRow
{
	margin: 8px 0;
}

.site .genericForm .fieldLabel
{
	display: block;
	margin-bottom: 4px;
}

.site .genericForm .field
{
	vertical-align: top;
}

.site .genericForm .textField,
.site .genericForm .textarea,
.site .genericForm .emailField,
.site .genericForm .selectionField
{
	width: 300px;
}

.site .genericForm .textField,
.site .genericForm .textarea,
.site .genericForm .emailField,
.site .genericForm .passwordField
{
	padding: 5px;
}

.site .genericForm .passwordField
{
	width: 142px;
}

.site .genericForm .textarea
{
	height: 100px;
}

.site .genericForm .radioButton
{
	margin-bottom: 1px;
}

.site .genericForm .errors
{
	margin: 0;
	padding: 0;
}

.site .genericForm .error
{
	display: block;
	font-style: italic;
	color: #ff0000;
}

.site .genericForm .confirmation
{
	color: #00cd00;
}

.site .genericForm .optionalFieldsInformation
{
	font-style: italic;
	text-align: center;
}

.site .genericForm .buttons
{
	margin-top: 20px;
	text-align: center;
}


/*////////////////////////////
// Buttons
////////////////////////////*/

.site .buttons
{
	text-align: center;
}

.site .button
{
	display: inline-block;
	margin: 1px;
	padding: 8px 15px;
	background: #000;
	border: none;
	font-size: 13px;
	text-decoration: none;
	color: #fff;
	cursor: pointer;

	-webkit-transition-duration: 0.7s;
	-moz-transition-duration: 0.7s;
	-o-transition-duration: 0.7s;
	transition-duration: 0.7s;
}


/*////////////////////////////
// Information
////////////////////////////*/

.site .information
{
	padding: 10px;
	text-align: center;
}


/*////////////////////////////
// Tables
////////////////////////////*/

.site .genericTable
{
	width: 100%;
	table-layout: fixed;
	border-collapse: separate;
	border-spacing: 1px;
}

.site .genericTable .cell
{
	padding: 5px;
	border: solid 1px #f4f4f2;
}

.site .genericTable .headerCell
{
	padding: 8px 10px;
	text-transform: uppercase;
}

.site .genericTable .headerCell .button
{
}

.site .genericTable .headerCell .button:hover
{
}

.site .genericTable .emptyCell
{
	border: none;
}


/*////////////////////////////
// Popin
////////////////////////////*/

.site .popin
{
	display: none;
}

.site .popin .popinBackground
{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
	background: rgba(0, 0, 0, 0.65);
}

.site .popin .popinContainer
{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 20px;
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 1010;
	background: #fff;
}

.site .popin .popinCloseButton
{
	width: 25px;
	height: 25px;
	position: absolute;
	top: 5px;
	right: 5px;
	background: red;
	cursor: pointer;
}

.site .popin .popinTitle
{
	margin-bottom: 10px;
	font-size: 25px;
	text-align: center;
}


/*////////////////////////////
// Loading mask
////////////////////////////*/

.site .loadingMask
{
	width: 100%;
	height: 100%;

	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;

	background: #fff;
	background: rgba(255, 255, 255, 0.9);
}

.site .loadingMask .content
{
	width: 300px;
	height: 70px;
	margin-top: -35px;
	margin-left: -150px;

	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
}

.site .loadingMask .icon
{
	display: block;
	margin: 0 auto 10px auto;
}

.site .loadingMask .message
{
	font-size: 18px;
	text-align: center;
}


/*////////////////////////////
// External video
////////////////////////////*/

.externalVideoContainer
{
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}

.externalVideoContainer iframe
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/*////////////////////////////////////////////////
// Web Novateur
// Direct Editing
////////////////////////////////////////////////*/

.site .directEditing
{
	outline: dotted 1px red;
	outline-offset: -1px;
}

.site .followLink
{
	position: absolute;
	z-index: 10000;
}
/* Generated by Font Squirrel (https://www.fontsquirrel.com) on December 5, 2016 */



@font-face {
    font-family: 'cooper_hewittbold';
    src: url('../../fonts/cooperhewitt/cooperhewitt-bold-webfont.woff2') format('woff2'),
         url('../../fonts/cooperhewitt/cooperhewitt-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'cooper_hewittbook';
    src: url('../../fonts/cooperhewitt/cooperhewitt-book-webfont.woff2') format('woff2'),
         url('../../fonts/cooperhewitt/cooperhewitt-book-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
.customSelect {
	width: 219px;
	height: 55px;
	line-height: 55px;
	padding: 0 30px 0 15px;
	background: url('/wn/project/images/eCommerce/category/show/selectIcon.png') right 10px center no-repeat #f0e058;
	border-radius: 20px;
	text-align: left;
	color: #1c242b;
	white-space: nowrap;
}

.customSelect.productVariantSelect
{
	width: 100%;
	/*width: 159px;*/
	height: 30px;
	line-height: 30px;
	text-align: right;
}

.customSelect.deliveryCountrySelectionField,
.customSelect.billingAddressSelectionField,
.customSelect.deliveryAddressSelectionField
{
	display: block !important;
	height: 50px;
	line-height: 50px;
	padding: 0 30px 0 10px;
	background: url('/wn/project/images/eCommerce/category/show/selectIcon.png') right 10px center no-repeat #f0e058;
	border-radius: 0;
}

.customSelect.billingAddressSelectionField,
.customSelect.deliveryAddressSelectionField
{
	vertical-align: middle;
	display: inline-block !important;
}

.customSelect.customSelectHover {
	/* Styles for when the select box is hovered */
}

.customSelect.customSelectOpen {
	/* Styles for when the select box is open */
}

.customSelect.customSelectFocus {
	/* Styles for when the select box is in focus */
}

.customSelect.customSelectDisabledOption {
	/* Styles for when the selected item is a disabled one */
}

.customSelect.customSelectDisabled {
	/* Styles for when the select box itself is disabled */
}

.customSelectInner {
	width: 170px !important;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.customSelect.productVariantSelect .customSelectInner
{
	width: 100% !important;
}
/*////////////////////////////
// Global
////////////////////////////*/

body
{
	padding-top: 135px;
	background: #e8ebee;
}

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

/*.noSpin::-webkit-inner-spin-button,
.noSpin::-webkit-outer-spin-button
{
	-webkit-appearance: none !important;
	margin: 0 !important;
	-moz-appearance:textfield !important;
}*/


/*////////////////////////////
// Page header
////////////////////////////*/

.site .pageHeader
{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 100;
}

.site .pageHeader .classic
{

}

.site .pageHeader .classic .blockContent
{
	max-width: 1370px;
	margin: 0 auto;
	position: relative;
}

.site .pageHeader .classic .categorysMenu .blockContent
{
	padding-right: 235px;
}

.site .pageHeader .classic .block1
{
	height: 75px;
	line-height: 75px;
	background: #fff;
}

.site .pageHeader .classic .block1 .logoLink
{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

.site .pageHeader .classic .block1 .logo
{
	display: block;
}

.site .pageHeader .classic .block1 .leftBlock
{
	float: left;
	margin-left: 190px;
	/*margin-left: 240px;*/
}

.site .pageHeader .classic .block1 .epiCenterLogo
{
	display: inline-block;
	vertical-align: middle;
}

.site .pageHeader .classic .block1 .phoneNumber
{
	display: inline-block;
	height: 41px;
	line-height: 41px;
	margin-left: 30px;
	padding-left: 35px;
	background: url('/wn/project/images/pageHeader/phoneIcon.png') left center no-repeat;
	font-family: 'cooper_hewittbook';
	font-size: 19px;
	color: #B3A85D;
}

.site .pageHeader .classic .block1 .info
{
	display: inline-block;
	margin-left: 30px;
}

.site.openSearchForm .pageHeader .classic .block1 .info
{
	display: none;
}

.site .pageHeader .classic .block1 .infoP1
{
	display: inline-block;
	font-family: 'cooper_hewittbook';
	font-size: 17px;
	line-height: 100%;
	text-transform: uppercase;
	color: #1c242b;
}

.site .pageHeader .classic .block1 .infoP2
{
	display: inline-block;
	height: 46px;
	line-height: 46px;
	padding-left: 40px;
	background: url('/wn/project/images/pageHeader/infoIcon.png') left center no-repeat;
	font-family: 'cooper_hewittbold';
	font-size: 16px;
	text-transform: uppercase;
	text-decoration: none;
	color: #1C242B;
}

.site .pageHeader .classic .block1 .rightBlock
{
	float: right;
	height: 75px;
}

.site .pageHeader .classic .block1 .separator
{
	vertical-align: middle;
	display: inline-block;
	width: 1px;
	height: 45px;
	margin: 0 10px;
	background: #dce3ea;
}

.site .pageHeader .classic .block1 .showBasketStepButton,
.site .pageHeader .classic .block1 .customerButton
{
	vertical-align: middle;
	display: inline-block;
	height: 41px;
	line-height: 41px;
	margin: 0;
	background: none;
}

.site .pageHeader .classic .block1 .showBasketStepButton
{
	padding: 0 0 0 30px;
	background: url('/wn/project/images/pageHeader/showBasketStepButtonIcon.png') left center no-repeat;
}

.site .pageHeader .classic .block1 .customerButton
{
	padding: 0 0 0 35px;
	background: url('/wn/project/images/pageHeader/customerButtonIcon.png') left center no-repeat;
}

.site .pageHeader .classic .block1 .showBasketStepButtonP1
{
	display: inline-block;
	font-family: 'cooper_hewittbook';
	font-size: 20px;
	line-height: 100%;
	color: #56718c;
}

.site .pageHeader .classic .block1 .showBasketStepButtonP2,
.site .pageHeader .mobile .block1 .showBasketStepButtonP1,
.site .pageHeader .classic .block1 .customerButtonP1,
.site .pageHeader .mobile .block1 .customerButtonP1
{
	display: inline-block;
	font-family: 'cooper_hewittbook';
	font-size: 15px;
	line-height: 100%;
	text-transform: uppercase;
	color: #1c242b;
}

.site .pageHeader .classic .block1 .showBasketStepButtonP3,
.site .pageHeader .mobile .block1 .showBasketStepButtonP2,
.site .pageHeader .classic .block1 .customerButtonP2,
.site .pageHeader .mobile .block1 .customerButtonP2
{
	display: inline-block;
	font-family: 'cooper_hewittbold';
	font-size: 15px;
	line-height: 100%;
	text-transform: uppercase;
	color: #1c242b;
}

.site .pageHeader .classic .block1 .searchForm,
.site .pageHeader .mobile .block2 .searchForm
{
	vertical-align: middle;
	display: inline-block;
}

.site .pageHeader .classic .block1 .searchForm .keywordsInput,
.site .pageHeader .mobile .block2 .searchForm .keywordsInput
{
	vertical-align: middle;
	display: none;
	width: 180px;
	height: 40px;
	line-height: 40px;
	padding: 0 10px 0 10px;
	border: none;
	background: #dce3ea;
	border-radius: 30px;
	font-family: 'cooper_hewittbook';
	font-size: 15px;
	color: #1c242b;
	outline: none;
}

.site.openSearchForm .pageHeader .classic .block1 .searchForm .keywordsInput,
.site.openSearchForm .pageHeader .mobile .block2 .searchForm .keywordsInput
{
	display: inline-block;
}

.site .pageHeader .classic .block1 .searchForm .searchButton,
.site .pageHeader .mobile .block2 .searchForm .searchButton
{
	vertical-align: middle;
	display: inline-block;
	width: 31px;
	height: 40px;
	line-height: 40px;
	padding: 0;
	border: none;
	background: url('/wn/project/images/pageHeader/searchButtonIcon2.png') center center no-repeat;
	outline: none;
}

.site .pageHeader .classic .block1 .socialLinks,
.site .pageHeader .mobile .menu .socialLinks
{
	display: inline-block;
	vertical-align: middle;
	margin: 0;
	padding: 0;
}

.site .pageHeader .classic .block1 .socialLink,
.site .pageHeader .mobile .menu .socialLink
{
	display: inline-block;
}

.site .pageHeader .mobile .menu .socialLink
{
	margin-left: 30px;
}

.site .pageHeader .classic .block1 .socialLinks .socialLink:first-child,
.site .pageHeader .mobile .menu .socialLinks .socialLink:first-child
{
	margin-left: 0;
}

.site .pageHeader .classic .block1 .socialLinkLink,
.site .pageHeader .mobile .menu .socialLinkLink
{
	vertical-align: middle;
	display: inline-block;
	height: 28px;
}

.site .pageHeader .classic .block1 .socialLinkLinkFacebook,
.site .pageHeader .mobile .menu .socialLinkLinkFacebook
{
	width: 21px;
	background: url('/wn/project/images/pageHeader/facebookIcon.png') center center no-repeat;
}

.site .pageHeader .classic .block1 .socialLinkLinkLinkedIn,
.site .pageHeader .mobile .menu .socialLinkLinkLinkedIn
{
	width: 27px;
	background: url('/wn/project/images/pageHeader/linkedInIcon.png') center center no-repeat;
}

.site .pageHeader .classic .block1 .socialLinkLinkViadeo,
.site .pageHeader .mobile .menu .socialLinkLinkViadeo
{
	width: 27px;
	background: url('/wn/project/images/pageHeader/viadeoIcon.png') center center no-repeat;
}

.site .pageHeader .classic .block1 .socialLinkLinkInstagram,
.site .pageHeader .mobile .menu .socialLinkLinkInstagram
{
	width: 27px;
	background: url('/wn/project/images/pageHeader/instagramIcon.png') center center no-repeat;
}

.site .pageHeader .classic .block2
{
	height: 60px;
	line-height: 60px;
	background: #1c242b;
}

.site .pageHeader .classic .block2 .menu
{
	display: block;
	margin: 0 0 0 240px;
	padding: 0;
}

.site .pageHeader .classic .block2 .menuItem
{
	display: inline-block;
	vertical-align: middle;
	margin-left: 35px;
}

.site .pageHeader .classic .block2 .menu .menuItem:first-child
{
	margin-left: 0;
}

.site .pageHeader .classic .block2 .reductionsMenuItem
{
	display: block;
	margin-left: 0;
	position: absolute;
	top: -15px;/* -10px */
	right: 0;
	z-index: 1;
}

.site .pageHeader .classic .block2 .catalogsMenuItem
{
	display: block;
	margin-left: 0;
	position: absolute;
	top: 60px;
	right: 0;
	z-index: 1;
}

.site .pageHeader .classic .block2 .covidProtectionsMenuItem
{
	display: block;
	margin-left: 0;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
}

.site .pageHeader .classic .block2 .menuLink
{
	display: inline-block;
	padding-bottom: 10px;
	position: relative;
	font-family: 'cooper_hewittbook';
	font-size: 15px;
	line-height: 100%;
	text-transform: uppercase;
	text-decoration: none;
	color: #fff;
	transition: all 600ms;
}

.site .pageHeader .classic .block2 .reductionsMenuItem .menuLink
{
	display: block;
	height: 90px;/* 80px */
	padding-bottom: 0;
}

.site .pageHeader .classic .block2 .catalogsMenuItem .menuLink
{
	display: block;
	width: 235px;
	height: 80px;
	padding: 20px 0 0 85px;
	background: url('/wn/project/images/pageHeader/catalogsIcon.png') 30px center no-repeat #f0e058;
	box-shadow: -5px 5px 15px #B2A85D;
	-webkit-border-bottom-left-radius: 40px;
	-moz-border-radius-bottomleft: 40px;
	border-bottom-left-radius: 40px;
	font-family: 'cooper_hewittbold';
	color: #1C242B !important;
}

.site .pageHeader .classic .block2 .piedsMenuItem .menuLinkP1,
.site .pageHeader .classic .block2 .piedsMenuItem .menuLinkP2,
.site .pageHeader .classic .block2 .customizationMenuItem .menuLinkP1,
.site .pageHeader .classic .block2 .customizationMenuItem .menuLinkP2
{
	display: inline;
}

.site .pageHeader .classic .block2 .catalogsMenuItem .menuLinkP1
{
	font-size: 20px;
}

.site .pageHeader .classic .block2 .catalogsMenuItem .menuLinkP2
{
	margin-top: 10px;
	font-size: 26px;
}

.site .pageHeader .classic .block2 .covidProtectionsMenuItem .menuLink
{
	display: block;
	width: 253px;
	height: 108px;
	padding: 25px 10px 0 100px;
	background: url('/wn/project/images/pageHeader/covidProtectionsButton.png') left bottom no-repeat;
	background-size: cover;
	line-height: 120%;
}

.site .pageHeader .classic .block2 .covidProtectionsMenuItem .menuLinkP1
{
	display: inline;
	font-size: 16px;
	color: #f0e058;
}

.site .pageHeader .classic .block2 .covidProtectionsMenuItem .menuLinkP2
{
	display: inline;
	font-family: 'cooper_hewittbold';
	font-size: 16px;
}

.site .pageHeader .classic .block2 .menuLink:hover
{
	color: #f0e058;
}

.site .pageHeader .classic .block2 .menuLink.active
{
	font-family: 'cooper_hewittbold';
	color: #fff;
}

.site .pageHeader .classic .block2 .menuLink.active:after
{
	content: '';
	width: 40px;
	height: 4px;
	margin-left: -20px;
	position: absolute;
	left: 50%;
	bottom: 0;
	background: #dfcf49;
}

/**/

.site .pageHeader .classic .columnL1
{
	height: 135px;
}

.site .pageHeader .classic .columnL1-1
{
	position: relative;
	background: #fff;
}

.site .pageHeader .classic .columnL1-2
{
	background: #1c242b;
}

.site .pageHeader .classic .columnL2-1
{
	padding-top: 13px;
}

.site .pageHeader .classic .productsMenuLink
{
	padding-right: 20px;
	position: relative;
	color: #f0e058;
	cursor: pointer;
}

.site .pageHeader .classic .productsMenuLink:after
{
	content: '';
	width: 11px;
	height: 10px;
	position: absolute;
	top: 1px;
	right: 0;
	background: url('/wn/project/images/pageHeader/productsMenuLinkArrow.png') center center no-repeat;
	transition: all 600ms;
}

.site .pageHeader .classic .productsMenuLink.active2:after
{
	transform: rotate(-180deg);
}

.site .pageHeader .classic .columnL2-2
{
	width: 400px;
	text-align: right;
}

.site .pageHeader .classic .categorysMenu
{
	display: none;
	padding: 15px 0;
	background: #f0e058;
}

.site .pageHeader .classic .categorysMenu .categorys
{
	display: block;
	margin: 0 0 0 240px;
	padding: 0;
}

.site .pageHeader .classic .categorysMenu .category
{
	display: inline-block;
	margin: 10px 20px 10px 0;
}

.site .pageHeader .classic .categorysMenu .category .link
{
	display: inline-block;
	padding-left: 20px;
	background: url('/wn/project/images/pageHeader/categorysMenuLinkArrow.png') left center no-repeat;
	font-family: 'cooper_hewittbold';
	font-size: 14px;
	text-transform: uppercase;
	text-decoration: none;
	color: #8f884e;
	transition: all 600ms;
}

.site .pageHeader .classic .categorysMenu .category .link:hover
{
	background-position-x: 5px;
}

.site .pageHeader .classic .categorysMenu .category .name
{
	display: inline-block;
}

/**/

.site .pageHeader .mobile
{
	display: none;
	padding: 10px 0;
	background: #fff;
	border-bottom: solid 3px #1C242B;
}

.site .pageHeader .mobile .centeredContent
{
	padding: 0 20px;
}

.site .pageHeader .mobile .block1
{

}

.site .pageHeader .mobile .block1 .columns
{

}

.site .pageHeader .mobile .block1 .column
{
	vertical-align: middle;
}

.site .pageHeader .mobile .block1 .column1
{
	width: 105px;
	/*width: 55px;*/
}

.site .pageHeader .mobile .block1 .column2
{
	text-align: right;
}

.site .pageHeader .mobile .block1 .logoLink
{
	text-decoration: none;
}

.site .pageHeader .mobile .block1 .logo
{
	display: inline-block;
	vertical-align: middle;
}

.site .pageHeader .mobile .block1 .epiCenterLogo
{
	display: inline-block;
	vertical-align: middle;
	position: relative;
	top: -7px;
}

.site .pageHeader .mobile .block1 .customerButton,
.site .pageHeader .mobile .block1 .showBasketStepButton
{
	vertical-align: middle;
	height: 41px;
	line-height: 41px;
	margin: 0;
	padding: 0 40px 0 0;
}

.site .pageHeader .mobile .block1 .customerButton
{
	background: url('/wn/project/images/pageHeader/customerButtonIcon.png') right center no-repeat;
}

.site .pageHeader .mobile .block1 .showBasketStepButton
{
	margin-left: 5px;
	/*margin-left: 20px;*/
	position: relative;
	background: url('/wn/project/images/pageHeader/showBasketStepButtonIcon.png') right center no-repeat;
}

.site .pageHeader .mobile .block1 .quantityOfProducts
{
	height: 30px;
	line-height: 30px;
	padding: 0 10px;
	position: absolute;
	top: -5px;
	right: -15px;
	background: #DDDAC0;
	border-radius: 15px;
	font-family: 'cooper_hewittbold';
	font-size: 14px;
	color: #1C242B;
}

.site .pageHeader .mobile .block1 .menuButton
{
	display: inline-block;
	vertical-align: middle;
	margin-left: 10px;
	/*margin-left: 20px;*/
	padding-right: 50px;
	height: 36px;
	line-height: 36px;
	background: url('/wn/project/images/pageHeader/menuIcon.png') right center no-repeat;
}

.site.openMenu .pageHeader .mobile .block1 .menuButton
{
	background: url('/wn/project/images/pageHeader/crossIcon.png') right center no-repeat;
}

.site .pageHeader .mobile .block1 .menuButtonLabel1,
.site .pageHeader .mobile .block1 .menuButtonLabel2
{
	width: 70px;
	font-family: 'cooper_hewittbold';
	font-size: 16px;
	text-transform: uppercase;
	text-align: right;
	color: #1C242B;
}

.site .pageHeader .mobile .block1 .menuButtonLabel1
{

}

.site.openMenu .pageHeader .mobile .block1 .menuButtonLabel1
{
	display: none;
}

.site .pageHeader .mobile .block1 .menuButtonLabel2
{
	display: none;
}

.site.openMenu .pageHeader .mobile .block1 .menuButtonLabel2
{
	display: block;
}

/**/

.site .pageHeader .mobile .block2
{

}

.site .pageHeader .mobile .block2 .columns
{

}

.site .pageHeader .mobile .block2 .column
{
	vertical-align: middle;
}

.site .pageHeader .mobile .block2 .column1
{

}

.site.openSearchForm .pageHeader .mobile .block2 .column1
{
	display: none;
}

.site .pageHeader .mobile .block2 .column2
{
	width: 31px;
	text-align: right;
}

.site.openSearchForm .pageHeader .mobile .block2 .column2
{
	width: auto;
}

.site .pageHeader .mobile .block2 .phoneNumber
{
	display: inline-block;
	font-family: 'cooper_hewittbold';
	font-size: 16px;
	color: #8D8751;
}

.site .pageHeader .mobile .block2 .whoAreWeLink
{
	margin-left: 20px;
	font-family: 'cooper_hewittbold';
	font-size: 16px;
	text-transform: uppercase;
	text-decoration: none;
	color: inherit;
}

.site .pageHeader .mobile .block2 .searchForm
{

}

.site .pageHeader .mobile .block2 .keywordsInput
{
	display: none;
}

.site .pageHeader .mobile .block2 .searchButton
{
	vertical-align: middle;
	display: inline-block;
	width: 27px;
	height: 40px;
	line-height: 40px;
	padding: 0;
	border: none;
	background: url('/wn/project/images/pageHeader/searchButtonIcon.png') center center no-repeat;
	outline: none;
}

/**/

.site .pageHeader .mobile .catalogsLink
{
	display: block;
	width: 235px;
	height: 80px;
	padding: 20px 0 0 85px;
	background: url('/wn/project/images/pageHeader/catalogsIcon.png') 20px center no-repeat #f0e058;
	box-shadow: -5px 5px 15px #B2A85D;
	-webkit-border-bottom-left-radius: 40px;
	-moz-border-radius-bottomleft: 40px;
	border-bottom-left-radius: 40px;
	font-family: 'cooper_hewittbold';
	line-height: 100%;
	text-transform: uppercase;
	text-decoration: none;
	color: #1C242B;

	position: fixed;
	top: 126px;
	right: 0;
}

.site .pageHeader .mobile .catalogsLinkP1,
.site .pageHeader .mobile .catalogsLinkP2
{

}

.site .pageHeader .mobile .catalogsLinkP1
{
	font-size: 20px;
}

.site .pageHeader .mobile .catalogsLinkP2
{
	margin-top: 10px;
	font-size: 26px;
}

/**/

.site .pageHeader .mobile .covidProtectionsLink
{
	width: 110px;
	height: 50px;
	padding: 5px 5px 0 45px;
	position: fixed;
	top: 126px;
	right: 0;
	background: url('/wn/project/images/pageHeader/covidProtectionsButton.png') left bottom no-repeat;
	background-size: cover;
	line-height: 75%;
	text-decoration: none;
}

.site .pageHeader .mobile .covidProtectionsLinkP1,
.site .pageHeader .mobile .covidProtectionsLinkP2
{
	display: inline;
	font-family: 'cooper_hewittbold';
	font-size: 8px;
	text-transform: uppercase;
	color: #fff;
}

.site .pageHeader .mobile .covidProtectionsLinkP1
{
	color: #f0e058;
}

.site .pageHeader .mobile .covidProtectionsLinkP2
{

}

/**/

.site .pageHeader .mobile .menu
{
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	overflow: auto;
	padding: 25px 0;
	position: fixed;
	top: 125px;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 100;
	background: #1C242B;
	transition: all 600ms;
}

.site.openMenu .pageHeader .mobile .menu
{
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}

.site .pageHeader .mobile .menuItems
{
	margin: 0;
	padding: 0;
}

.site .pageHeader .mobile .menuItem
{
	display: block;
	margin-top: 20px;
}

.site .pageHeader .mobile .menuItem:first-child
{
	margin-top: 0;
}

.site .pageHeader .mobile .menuLink
{
	display: block;
	font-family: 'cooper_hewittbook';
	font-size: 18px;
	text-transform: uppercase;
	text-decoration: none;
	color: #fff;
}

.site .pageHeader .mobile .mainCategoryMenuLink
{
	color: #F6E14A;
}

.site .pageHeader .mobile .vetementsCategoryMenuLink
{
	padding-left: 20px;
	background: url('/wn/project/images/pageHeader/productsMenuLinkArrow.png') left center no-repeat;
}

.site .pageHeader .mobile .categorys
{
	margin: 0;
	padding: 0;
}

.site .pageHeader .mobile .category
{
	float: left;
	width: 50%;
	margin-top: 20px;
}

.site .pageHeader .mobile .category .link
{
	display: block;
}

.site .pageHeader .mobile .category .image
{
	display: inline-block;
	vertical-align: middle;
	width: 25px;
	margin-right: 5px;
}

.site .pageHeader .mobile .category .name
{
	display: inline-block;
	vertical-align: middle;
	font-family: 'cooper_hewittbook';
	font-size: 15px;
	text-transform: uppercase;
	text-decoration: none;
	color: #DDDAC0;
}

.site .pageHeader .mobile .space
{
	clear: both;
	height: 20px;
}

.site .pageHeader .mobile .separator
{
	width: 41px;
	height: 4px;
	margin: 25px 0;
	border: none;
	background: url('/wn/project/images/showHome/titleL2Background.png') center center no-repeat;
}

.site .pageHeader .mobile .socialLinks
{

}

.site .pageHeader .mobile .socialLink
{

}

.site .pageHeader .mobile .socialLinkLink
{

}


/*////////////////////////////
// Page Footer
////////////////////////////*/

.site .pageFooter .centeredContent
{
	width: 1070px;
	margin: 0 auto;
}

.site .pageFooter .block3
{
	padding: 50px;
	position: relative;
	background: #fff;
}

.site .pageFooter .block3 .grid
{
	margin: -40px 0 0 -20px;
}

.site .pageFooter .block3 .gridItem
{
	float: left;
	width: 25%;
	padding: 40px 0 0 20px;
}

.site .pageFooter .block3 .item
{
	text-align: center;
}

.site .pageFooter .block3 .image
{
	display: block;
	margin: 0 auto 5px auto;
	position: relative;
	left: 20px;
}

.site .pageFooter .block3 .title
{
	margin-bottom: 10px;
	padding-bottom: 10px;
	position: relative;
	font-family: 'cooper_hewittbook';
	font-size: 25px;
	text-transform: uppercase;
}

.site .pageFooter .block3 .title:after
{
	content: '';
	width: 36px;
	height: 4px;
	margin-left: -18px;
	position: absolute;
	left: 50%;
	bottom: 0;
	background: #f0e058;
}

.site .pageFooter .block3 .titleP1
{
	color: #1c242b;
}

.site .pageFooter .block3 .titleP2
{
	color: #56718c;
}

.site .pageFooter .block3 .text
{
	font-family: 'cooper_hewittbook';
	font-size: 18px;
	text-transform: uppercase;
	color: #8d8751;
}

.site .pageFooter .block4
{
	padding-top: 100px;
}

.site .pageFooter .block4 .showroomLink
{
	display: block;
	margin-top: 50px;
	text-decoration: none;
	border-bottom: solid 20px #d6dbe1;
}

.site .pageFooter .block4 .showroomLink .column
{
	width: 55%;
}

.site .pageFooter .block4 .showroomLink .column1
{
	background: url('/wn/project/images/showHome/shop.png') left center no-repeat;
	background-size: cover;
}

.site .pageFooter .block4 .showroomLink .column2
{
	width: 45%;
	padding: 50px;
	background: url('/wn/project/images/showHome/rightArrowIcon2.png') right 10px center no-repeat #f0e058;
	text-align: right;
}

.site .pageFooter .block4 .showroomLink .title
{
	margin-bottom: 25px;
	text-transform: uppercase;
}

.site .pageFooter .block4 .showroomLink .titleP1
{
	display: inline-block;
	font-family: 'cooper_hewittbold';
	font-size: 45px;
	color: #56718c;
}

.site .pageFooter .block4 .showroomLink .titleP2
{
	display: inline-block;
	font-family: 'cooper_hewittbook';
	font-size: 35px;
	color: #56718c;
}

.site .pageFooter .block4 .showroomLink .titleP3
{
	font-family: 'cooper_hewittbook';
	font-size: 24px;
	color: #847b2e;
}

.site .pageFooter .block4 .showroomLink .text
{
	margin-top: 15px;
	font-family: 'cooper_hewittbook';
	font-size: 18px;
	color: #1c242b;
}

.site .pageFooter .block5
{
	padding-top: 70px;
}

.site .pageFooter .block6
{
	margin-top: 25px;
	padding: 25px 0 50px 0;
	position: relative;
	background: #fff;
}

.site .pageFooter .block6 .logo
{
	display: block;
	margin: 0 auto;
	height: 80px;
}

.site .pageFooter .block6 .content
{
	font-family: 'cooper_hewittbook';
	font-size: 20px;
	text-align: center;
	color: #8d8751;
}

.site .pageFooter .block6 .content .titleL1
{
	margin-bottom: 20px;
	font-family: 'cooper_hewittbold';
	font-size: 25px;
	text-transform: uppercase;
	color: #1c242b;
}

.site .pageFooter .block6 .content .colored
{
	color: #567594;
}

.site .pageFooter .block6 .content p
{
	margin: 0 0 20px 0;
	line-height: 150%;
}

.site .pageFooter .block6 .content strong
{
	font-family: 'cooper_hewittbold';
	font-weight: normal;
}

.site .pageFooter .block6 .content a
{
	font-family: 'cooper_hewittbold';
	color: inherit;
}

.site .pageFooter .block6 .separator
{
	display: block;
	margin: 0 auto;
}

.site .pageFooter .block1
{
	padding: 60px 0 45px 0;
}

.site .pageFooter .block1 .separatorColumn
{
	width: 125px;
	background: url('/wn/project/images/pageFooter/separatorColumnBackground.png') center 10px no-repeat;
}

.site .pageFooter .block1 .title
{
	font-family: 'cooper_hewittbold';
	font-size: 26px;
	text-transform: uppercase;
	text-align: center;
	color: #1c242b;
}

.site .pageFooter .block1 .titleP1
{
	display: inline-block;
}

.site .pageFooter .block1 .title .colored
{
	color: #56718c;
}

.site .pageFooter .block1 .text
{
	margin-top: 30px;
	font-family: 'cooper_hewittbook';
	font-size: 18px;
	text-align: center;
	color: #767d84;
}

.site .pageFooter .block1 .text strong
{
	font-family: 'cooper_hewittbold';
	font-weight: normal;
}

.site .pageFooter .block1 .showroomLink
{
	display: block;
	/*height: 225px;*/
	margin-top: 65px;
	position: relative;
	/*background: url('/wn/project/images/pageFooter/showroomLinkBackground.png') center center no-repeat;
	background-size: contain;*/
	text-decoration: none;
}

.site .pageFooter .block1 .showroomLinkLabel
{
	position: absolute;
	top: 65px;
	right: 80px;
	text-align: right;
}

.site .pageFooter .block1 .showroomLinkLabelP1
{
	font-family: 'cooper_hewittbook';
	font-size: 74px;
	line-height: 100%;
	text-transform: uppercase;
	color: #56718c;
}

.site .pageFooter .block1 .showroomLinkLabelP2
{
	font-family: 'cooper_hewittbook';
	font-size: 36px;
	line-height: 100%;
	text-transform: uppercase;
	color: #aea662;
}

.site .pageFooter .block2
{
	padding: 45px 0;
	position: relative;
	background: #fff;
	text-align: right;
}

.site .pageFooter .block2 .nameAndPlace
{
	display: inline-block;
	font-size: 15px;
	text-transform: uppercase;
	color: #1c242b;
}

.site .pageFooter .block2 .name
{
	font-family: 'cooper_hewittbold';
	line-height: 100%;
}

.site .pageFooter .block2 .place
{
	font-family: 'cooper_hewittbook';
	line-height: 100%;
}

.site .pageFooter .block2 .contactLink,
.site .pageFooter .block2 .GCULink,
.site .pageFooter .block2 .GTCLink,
.site .pageFooter .block2 .legalNoticesLink,
.site .pageFooter .block2 .deliveryLink,
.site .pageFooter .block2 .whoAreWeLink,
.site .pageFooter .block2 .label
{
	display: inline-block;
	margin-left: 15px;
	font-family: 'cooper_hewittbook';
	font-size: 15px;
	line-height: 100%;
	text-transform: uppercase;
	text-decoration: none;
	color: #1c242b;
	transition: all 600ms;
}

.site .pageFooter .block2 .contactLink:hover,
.site .pageFooter .block2 .GCULink:hover,
.site .pageFooter .block2 .GTCLink:hover,
.site .pageFooter .block2 .legalNoticesLink:hover,
.site .pageFooter .block2 .deliveryLink:hover,
.site .pageFooter .block2 .whoAreWeLink:hover
{
	color: #8a97a4;
}

.site .pageFooter .block2 .catalogLink
{
	display: inline-block;
	height: 52px;
	line-height: 54px;
	margin-left: 25px;
	padding: 0 20px 0 40px;
	background: #f0e058;
	background: url('/wn/project/images/pageFooter/catalogLinkArrow.png') 15px center no-repeat #f0e058;
	font-family: 'cooper_hewittbook';
	font-size: 16px;
	text-transform: uppercase;
	text-decoration: none;
	color: #9b9454;
	transition: all 600ms;
}

.site .pageFooter .block2 .catalogLink:hover
{
	background-position-x: 20px;
}


/*////////////////////////////
// Ride up
////////////////////////////*/

.site .rideUp
{
	display: none;
	width: 47px;
	height: 47px;
	position: fixed;
	right: 0;
	bottom: 0;
	z-index: 90;
	background: url('/wn/project/images/shared/topArrowIcon.png') center center no-repeat;
	cursor: pointer;
}


/*////////////////////////////
// View : eCommerce : brand : list
////////////////////////////*/

.site .content-eCommerce-brand-list .sharedBlock2,
.site .content-eCommerce-brand-show .sharedBlock2,
.site .content-eCommerce-product-listWithReductions .sharedBlock2,
.site .content-eCommerce-product-listCovidProtections .sharedBlock2
{
	padding: 5px 0;
}

.site .content-eCommerce-brand-list .block3
{
	padding: 30px 0 40px 0;
}

.site .content-eCommerce-brand-list .block3 .centeredContent
{
	max-width: 1370px;
	margin: 0 auto;
}

.site .content-eCommerce-brand-list .block3 .nbBrands,
.site .content-project-showShowroom .block4 .nbBrands
{
	margin-bottom: 10px;
	font-family: 'cooper_hewittbold';
	font-size: 18px;
	line-height: 100%;
	text-transform: uppercase;
	text-align: right;
	color: #56718c;
}

.site .content-eCommerce-brand-list .block3 .nbBrandsP1,
.site .content-project-showShowroom .block4 .nbBrandsP1
{
	color: #aea662;
}

.site .content-eCommerce-brand-list .brands,
.site .content-project-showShowroom .brands
{
	margin: -20px 0 0 -20px;
}

.site .content-eCommerce-brand-list .brandContainer,
.site .content-project-showShowroom .brandContainer
{
	float: left;
	padding: 20px 0 0 20px;
	width: 25%;
}

.site .content-eCommerce-brand-list .brand,
.site .content-project-showShowroom .brand
{
	display: block;
	height: 340px;
	background: url('/wn/project/images/eCommerce/product/list/background.png') center bottom repeat-x #fff;
	text-decoration: none;
}

.site .content-eCommerce-brand-list .brand .logo,
.site .content-project-showShowroom .brand .logo
{
	display: block;
	margin: 0 auto 10px auto;
}

.site .content-eCommerce-brand-list .brand .name,
.site .content-project-showShowroom .brand .name
{
	padding: 0 10px;
	font-family: 'cooper_hewittbold';
	font-size: 33px;
	line-height: 100%;
	text-transform: uppercase;
	text-align: center;
	color: #56718c;
}

.site .content-eCommerce-brand-list .brand .separator,
.site .content-project-showShowroom .brand .separator
{
	width: 30px;
	margin: 10px auto 10px auto;
	border: none;
	border-top: solid 3px #d4d0af;
}


/*////////////////////////////
// View : eCommerce : category : list
////////////////////////////*/

.site .content-eCommerce-category-show .categoryCustomSelect2
{

}

.site .content-eCommerce-category-show .categoryCustomSelect2 .currentValue
{
	display: none;
	padding-bottom: 20px;
	background: url('/wn/project/images/shared/selectIcon.png') right center no-repeat, url('/wn/project/images/eCommerce/category/list/nameBackground.png') center bottom no-repeat;
}

.site .content-eCommerce-category-show .categoryCustomSelect2 .currentValue .image
{
	display: block;
	margin: 0 auto 5px auto;
}

.site .content-eCommerce-category-show .categoryCustomSelect2 .currentValue .name
{
	font-family: 'cooper_hewittbold';
	font-size: 22px;
	text-transform: uppercase;
	text-align: center;
}

.site .content-eCommerce-category-show .categoryCustomSelect2 .currentValue .nameP1
{

}

.site .content-eCommerce-category-show .categoryCustomSelect2 .currentValue .nameP2
{
	color: #56718C;
}

.site .pageContent .content-eCommerce-category-list .categorys
{
	display: block;
	margin: 0;
	padding: 0;
	text-align: center;
}

/*
#page-eCommerce-category-show .site .pageContent .content-eCommerce-category-list .categorys,
#page-eCommerce-product-show .site .pageContent .content-eCommerce-category-list .categorys
{
	text-align: left;
}
*/

.site .pageContent .content-eCommerce-category-list .category
{
	display: inline-block;
	margin: 0 15px;
	vertical-align: top;
	transition: all 600ms;
}

#page-eCommerce-category-show .site .pageContent .content-eCommerce-category-list .category,
#page-eCommerce-product-show .site .pageContent .content-eCommerce-category-list .category
{
	margin: 0 5px;
}

.site .pageContent .content-eCommerce-category-list .category .link
{
	text-decoration: none;
}

.site .pageContent .content-eCommerce-category-list .category .image
{
	display: block;
	width: 90px;
	margin-bottom: 10px;
	transition: all 600ms;
}

.site .pageContent .content-eCommerce-category-list .category.inactive
{
	-webkit-filter: grayscale(1);
	-webkit-filter: grayscale(100%);
	filter: gray;
	filter: grayscale(100%);
}

.site .pageContent .content-eCommerce-category-list .category.inactive:hover
{
	-webkit-filter: none;
	filter: none;
}

.site .pageContent .content-eCommerce-category-list .category.active .image
{
	width: auto;
}

.site .pageContent .content-eCommerce-category-list .category .name
{
	padding-bottom: 25px;
	background: url('/wn/project/images/eCommerce/category/list/nameBackground.png') center bottom no-repeat;
	font-family: 'cooper_hewittbold';
	font-size: 12px;
	line-height: 100%;
	text-transform: uppercase;
	text-align: center;
	color: #969696;
	transition: all 600ms;
}

.site .pageContent .content-eCommerce-category-list .category.active .name
{
	font-size: 16px;
	color: #12181e;
}

.site .pageContent .content-eCommerce-category-list .category:hover .name
{
	color: #12181e;
}


/*////////////////////////////
// View : eCommerce : category : show
////////////////////////////*/

.site .content-eCommerce-category-show
{

}

.site .content-eCommerce-category-show .block1,
.site .content-eCommerce-product-show .block1
{
	height: 245px;
	background: url('/wn/project/images/showHome/block1Background.png') center center no-repeat;
	background-size: cover;
}

.site .content-eCommerce-category-show .block1 .centeredContent,
.site .content-eCommerce-product-show .block1 .centeredContent
{
	width: 1270px;
	height: 245px;
	margin: 0 auto;
	position: relative;
}

.site .content-eCommerce-category-show .block1 .title,
.site .content-eCommerce-product-show .block1 .title
{
	margin: 0;
	width: 300px;
	height: 300px;
	padding-top: 110px;
	position: absolute;
	top: 75px;
	right: 0;
	z-index: 2;
	font-family: 'cooper_hewittbold';
	font-weight: normal;
	line-height: 100%;
	text-align: center;
	text-transform: uppercase;
	background: url('/wn/project/images/showHome/block1TitleBackground.png') center center no-repeat;
	background-size: cover;
}

.site .content-eCommerce-category-show .block1 .titleP1,
.site .content-eCommerce-product-show .block1 .titleP1
{
	font-size: 20px;
	color: #aea662;
}

.site .content-eCommerce-category-show .block1 .titleP2,
.site .content-eCommerce-product-show .block1 .titleP2
{
	margin-top: 10px;
	padding-bottom: 25px;
	background: url('/wn/project/images/showHome/block1TitleP3Background.png') center bottom no-repeat;
	background-size: 55px auto;
	font-size: 42px;
	color: #2a3238;
}

.site .content-eCommerce-category-show .block1 .subTitle,
.site .content-eCommerce-product-show .block1 .subTitle
{
	margin: 0;
	padding-bottom: 20px;
	position: absolute;
	top: 100px;
	left: 125px;
	background: url('/wn/project/images/showHome/titleL2Background.png') center bottom no-repeat;
	font-family: 'cooper_hewittbold';
	font-weight: normal;
	font-size: 32px;
	line-height: 100%;
	text-align: center;
	text-transform: uppercase;
	text-shadow: 1px 1px 3px #000;
}

.site .content-eCommerce-category-show .block1 .subTitleP1,
.site .content-eCommerce-product-show .block1 .subTitleP1
{
	color: #fff;
}

.site .content-eCommerce-category-show .block1 .subTitleP2,
.site .content-eCommerce-product-show .block1 .subTitleP2
{
	margin-top: 5px;
	color: #f0e058;
}

.site .content-eCommerce-category-show .block2,
.site .content-eCommerce-product-search .block2,
.site .content-eCommerce-product-show .block2
{
	padding: 30px 0;
	position: relative;
	background: #fff;
}

.site .content-eCommerce-category-show .block2 .centeredContent,
.site .content-eCommerce-product-show .block2 .centeredContent
{
	width: 1070px;
	margin: 0 auto;
}

.site .content-eCommerce-brand-show .block3,
.site .content-eCommerce-category-show .block3,
.site .content-eCommerce-product-listWithReductions .block3,
.site .content-eCommerce-product-listCovidProtections .block3,
.site .content-project-showCatalogs .block3
{
	padding: 50px 0 45px 0;
}

.site .content-eCommerce-category-show .block4,
.site .content-eCommerce-product-show .block5
{
	padding: 25px 0 0 0;
}

.site .content-eCommerce-category-show .block5
{
	padding: 50px 0 25px 0;
}

.site .content-eCommerce-brand-show .block3 .centeredContent,
.site .content-eCommerce-category-show .block2 .centeredContent2,
.site .content-eCommerce-category-show .block3 .centeredContent,
.site .content-eCommerce-category-show .block4 .centeredContent,
.site .content-eCommerce-category-show .block5 .centeredContent,
.site .content-eCommerce-product-show .block5 .centeredContent,
.site .content-eCommerce-product-listWithReductions .block3 .centeredContent,
.site .content-eCommerce-product-listCovidProtections .block3 .centeredContent,
.site .content-project-showCatalogs .block3 .centeredContent
{
	max-width: 1370px;
	margin: 0 auto;
}

.site .content-eCommerce-category-show .block2 .title,
.site .content-eCommerce-product-show .block2 .title
{
	margin: 20px 0 10px 0;
	padding-bottom: 10px;
	background: url('/wn/project/images/showHome/titleL2Background.png') center bottom no-repeat;
	font-family: 'cooper_hewittbold';
	font-weight: normal;
	font-size: 25px;
	text-transform: uppercase;
	text-align: center;
	color: #1c242b;
}

.site .content-eCommerce-category-show .block2 .titleP1,
.site .content-eCommerce-product-show .block2 .titleP1
{
	display: inline;
}

.site .content-eCommerce-category-show .block2 .titleP2,
.site .content-eCommerce-product-show .block2 .titleP2
{
	display: inline;
	color: #567594;
}

.site .content-eCommerce-category-show .block2 .subTitle,
.site .content-eCommerce-product-show .block2 .subTitle
{
	margin: 10px;
	font-family: 'cooper_hewittbook';
	font-weight: normal;
	font-size: 20px;
	text-align: center;
	color: #767d84;
}

.site .content-eCommerce-category-show .block2 .subTitleP1,
.site .content-eCommerce-product-show .block2 .subTitleP1
{
	display: inline;
}

.site .content-eCommerce-category-show .block2 .subTitleP2,
.site .content-eCommerce-product-show .block2 .subTitleP2
{
	display: inline;
}

.site .content-eCommerce-category-show .block2 .shortDescription,
.site .content-eCommerce-category-show .block5 .longDescription
{
	margin-top: 20px;
	font-family: 'cooper_hewittbook';
	font-size: 18px;
	text-align: center;
	color: #767d84;
}

.site .content-eCommerce-category-show .block2 .shortDescription
{
	overflow: hidden;
}

.site .content-eCommerce-category-show .block2 .showMoreButton
{
	display: none;
	margin-top: 10px;
	font-family: 'cooper_hewittbold';
	font-size: 14px;
	text-align: center;
	color: #8D8751;
}

.site .content-eCommerce-category-show .block2 .shortDescription .titleL1,
.site .content-eCommerce-category-show .block5 .longDescription .titleL1
{
	margin-bottom: 20px;
	font-family: 'cooper_hewittbold';
	font-size: 25px;
	text-transform: uppercase;
	color: #1c242b;
}

.site .content-eCommerce-category-show .block2 .shortDescription .colored,
.site .content-eCommerce-category-show .block5 .longDescription .colored
{
	color: #567594;
}

.site .content-eCommerce-category-show .block2 .shortDescription p,
.site .content-eCommerce-category-show .block5 .longDescription p
{
	margin: 0 0 20px 0;
	line-height: 150%;
}

.site .content-eCommerce-category-show .block2 .shortDescription strong,
.site .content-eCommerce-category-show .block5 .longDescription strong
{
	font-family: 'cooper_hewittbold';
	font-weight: normal;
}

.site .content-eCommerce-category-show .block2 .shortDescription a,
.site .content-eCommerce-category-show .block5 .longDescription a
{
	font-family: 'cooper_hewittbold';
	color: inherit;
}

.site .content-eCommerce-category-show .subCategoryCustomSelect2 .currentValue
{
	display: none;
	height: 60px;
	line-height: 60px;
	padding: 0 50px 0 30px;
	border-radius: 30px;
	background: url('/wn/project/images/shared/yellowArrowIcon2.png') right 20px center no-repeat #F6E14A;
	box-shadow: 2px 2px 10px #7b9eb9;
	font-family: 'cooper_hewittbold';
	font-size: 15px;
	text-transform: uppercase;
	cursor: pointer;
}

.site .content-eCommerce-category-show .subCategorys
{
	margin: 20px 0 0 0;
	padding: 0;
	text-align: center;
}

.site .content-eCommerce-category-show .subCategory
{
	display: inline-block;
}

.site .content-eCommerce-category-show .subCategoryLink
{
	display: inline-block;
	margin: 0 15px;
	padding: 20px 0 20px 15px;
	border-radius: 30px;
	background: url('/wn/project/images/shared/blueArrowIcon.png') left center no-repeat;
	font-family: 'cooper_hewittbold';
	font-size: 16px;
	text-transform: uppercase;
	text-decoration: none;
	color: #56718C;
}

.site .content-eCommerce-category-show .subCategoryLink.current
{
	padding-left: 50px;
	padding-right: 30px;
	background: url('/wn/project/images/shared/yellowArrowIcon2.png') 30px center no-repeat #F6E14A;
	box-shadow: 2px 2px 10px #7b9eb9;
	font-size: 18px;
	color: #1C242B;
}

.site .content-eCommerce-category-show .openCloseFiltersButton
{
	display: none;
	height: 45px;
	line-height: 45px;
	margin-top: 10px;
	padding: 0 50px 0 30px;
	border-radius: 22px;
	background: url('/wn/project/images/shared/yellowArrowIcon.png') right 20px center no-repeat #1C242B;
	box-shadow: 2px 2px 10px #7b9eb9;
	font-family: 'cooper_hewittbold';
	font-size: 12px;
	text-transform: uppercase;
	color: #fff;
	cursor: pointer;
}

.site .content-eCommerce-category-show .column1
{
	width: 270px;
	padding: 20px 55px;
	background: #1c242b;
	border: solid 1px #3b474e;
	text-align: center;
}

.site .content-eCommerce-category-show .filtersTitle
{
	padding-top: 25px;
	background: url('/wn/project/images/eCommerce/category/show/filtersTitleBackground.png') center top no-repeat;
	font-family: 'cooper_hewittbook';
	font-size: 16px;
	line-height: 100%;
	text-transform: uppercase;
	color: #f0e058;
}

.site .content-eCommerce-category-show .filters
{
	margin-top: 55px;
}

.site .content-eCommerce-category-show .filters .filter
{
	margin: 20px 0 0 0;
	padding: 30px 0 0 0;
	border-top: solid 1px #4e5b66;
}

.site .content-eCommerce-category-show .filters .filter:first-child
{
	margin-top: 0;
	padding-top: 0;
	border-top: none;
}

.site .content-eCommerce-category-show .filters .filterTitle
{
	margin-bottom: 20px;
	font-family: 'cooper_hewittbold';
	font-size: 19px;
	line-height: 100%;
	text-transform: uppercase;
	color: #fff;
}

.site .content-eCommerce-category-show .filters .subCategorysFilter .filterTitle
{
	color: #f0e058;
}

.site .content-eCommerce-category-show .filters .filterContent
{
	font-family: 'cooper_hewittbold';
	font-size: 15px;
	line-height: 100%;
	text-transform: uppercase;
	color: #aea662;
}

.site .content-eCommerce-category-show .filters .label
{
	display: inline-block;
	height: 20px;
	line-height: 20px;
	padding-left: 30px;
	background: url('/wn/project/images/eCommerce/category/show/checkboxBackground.png') left center no-repeat;
	cursor: pointer;
}

.site .content-eCommerce-category-show .filters .label.checked
{
	background: url('/wn/project/images/eCommerce/category/show/checkedCheckboxBackground.png') left center no-repeat;
}

.site .content-eCommerce-category-show .filters .labelForCheckbox .checkbox
{
	display: none;
}

.site .content-eCommerce-category-show .filters  .subCategorys
{
	position: relative;
	left: -30px;
}

.site .content-eCommerce-category-show .filters  .sexsFilter
{
	margin-top: 0;
	border-top: none;
}

.site .content-eCommerce-category-show .filters .sex
{
	display: inline-block;
	margin-left: 25px;
}

.site .content-eCommerce-category-show .filters .sexs .sex:first-child
{
	margin-left: 0;
}

.site .content-eCommerce-category-show .filters .norm
{
	margin-top: 5px;
	text-align: left;
}

.site .content-eCommerce-category-show .filters .norms .norm:first-child
{
	margin-top: 0;
}

.site .content-eCommerce-category-show .filters .brand
{
	margin-top: 5px;
	text-align: left;
}

.site .content-eCommerce-category-show .filters .brands .brand:first-child
{
	margin-top: 0;
}

.site .content-eCommerce-category-show .filters .color
{
	display: inline-block;
	width: 20px;
	height: 20px;
	margin: 0 5px 5px 5px;
	border-radius: 50%;
	cursor: pointer;
}

.site .content-eCommerce-category-show .filters .color.checked
{
	border: solid 3px #fff;
}

.site .content-eCommerce-category-show .column2
{
	padding-left: 15px;
}


/*////////////////////////////
// View : eCommerce : product : list
////////////////////////////*/

.site .content-eCommerce-product-list
{
	position: relative;
}

.site .content-eCommerce-product-list .error
{
	font-family: 'cooper_hewittbold';
	font-size: 18px;
	line-height: 100%;
	text-transform: uppercase;
	text-align: center;
	color: #56718c;
}

.site .content-eCommerce-product-list .nbProducts
{
	position: absolute;
	top: -10px;
	right: 0;
	font-family: 'cooper_hewittbold';
	font-size: 18px;
	line-height: 100%;
	text-transform: uppercase;
	color: #56718c;
}

.site .content-eCommerce-product-list .nbProductsP1
{
	color: #aea662;
}

.site .content-eCommerce-product-list .products
{
	margin: -20px 0 0 -20px;
}

.site .content-eCommerce-product-list .productContainer
{
	float: left;
	padding: 20px 0 0 20px;
	width: 33.33%;
}

.site .content-eCommerce-product-list .showMoreProductsButton
{
	/*display: none;*/
	display: block;
	margin-top: 40px;
	padding-bottom: 35px;
	background: url('/wn/project/images/eCommerce/category/show/showMoreProductsButtonIcon.png') center 25px no-repeat;
	font-family: 'cooper_hewittbold';
	font-size: 18px;
	line-height: 100%;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
	color: #56718c;
	cursor: pointer;
	transition: all 600ms;
}

.site .content-eCommerce-product-list .showMoreProductsButton:hover
{
	background-position-y: bottom;
}

.site .content-eCommerce-product-list .loadingMessage
{
	margin-top: 40px;
	font-family: 'cooper_hewittbold';
	font-size: 18px;
	line-height: 100%;
	text-transform: uppercase;
	text-align: center;
	color: #56718c;
}


/*////////////////////////////
// View : eCommerce : product : search
////////////////////////////*/

.site .content-eCommerce-product-search
{
	position: relative;
}


.site .content-eCommerce-product-search .block3
{
	padding: 30px 0 40px 0;
}

.site .content-eCommerce-product-search .block3 .centeredContent
{
	max-width: 1370px;
	margin: 0 auto;
	position: relative;
}

.site .content-eCommerce-product-search .error
{
	font-family: 'cooper_hewittbold';
	font-size: 18px;
	line-height: 100%;
	text-transform: uppercase;
	text-align: center;
	color: #56718c;
}

.site .content-eCommerce-product-search .nbProducts
{
	margin-bottom: 10px;
	font-family: 'cooper_hewittbold';
	font-size: 18px;
	line-height: 100%;
	text-transform: uppercase;
	text-align: right;
	color: #56718c;
}

.site .content-eCommerce-product-search .nbProductsP1
{
	color: #aea662;
}

.site .content-eCommerce-product-search .products
{
	margin: -20px 0 0 -20px;
}

.site .content-eCommerce-product-search .productContainer
{
	float: left;
	padding: 20px 0 0 20px;
	width: 33.33%;
}

/*.site .content-eCommerce-product-search .product,
.site .content-eCommerce-brand-show .product,
.site .content-eCommerce-product-listWithReductions .product,
.site .content-eCommerce-product-listCovidProtections .product
{
	height: 465px;
}*/


/*////////////////////////////
// View : eCommerce : product : show
////////////////////////////*/

.site .content-eCommerce-product-show
{

}

.site .content-eCommerce-product-show .block3
{
	padding: 20px 0 0 0;
}

.site .content-eCommerce-product-show .block3 .centeredContent
{
	max-width: 1370px;
	margin: 0 auto;
}

.site .content-eCommerce-product-show .returnLink
{
	display: block;
	width: 150px;
	height: 23px;
	margin: 0 0 10px auto;
	padding-left: 25px;
	background: url('/wn/project/images/eCommerce/product/show/returnLinkArrow.png') 5px center no-repeat;
	font-family: 'cooper_hewittbold';
	font-size: 18px;
	line-height: 23px;
	text-transform: uppercase;
	text-decoration: none;
	color: #56718c;
	transition: all 600ms;
}

.site .content-eCommerce-product-show .returnLink:hover
{
	background-position-x: 0;
}

.site .content-eCommerce-product-show .columnL1-1
{
	width: 370px;
	padding: 65px 40px;
	background: #f0e058;
}

.site .content-eCommerce-product-show .columnL1-1 .name
{
	font-family: 'cooper_hewittbold';
	font-size: 35px;
	line-height: 100%;
	text-transform: uppercase;
	text-align: center;
	color: #56718c;
}

.site .content-eCommerce-product-show .columnL1-1 .separator
{
	width: 50px;
	margin: 10px auto;
	border: none;
	border-top: solid 3px #8D8751;
}

.site .content-eCommerce-product-show .columnL1-1 .reference
{
	margin-bottom: 25px;
	font-family: 'cooper_hewittbold';
	font-size: 22px;
	line-height: 100%;
	text-transform: uppercase;
	text-align: center;
	color: #837c43;
}

.site .content-eCommerce-product-show .productVariantAttributes
{

}

.site .content-eCommerce-product-show .productVariantAttribute
{
	display: table;
	table-layout: fixed;
	width: 100%;
	border: solid 1px #394855;
	border-top: none;
}

.site .content-eCommerce-product-show .productVariantAttribute:first-child
{
	border-top: solid 1px #394855;
}

.site .content-eCommerce-product-show .productVariantAttribute .label
{
	display: table-cell;
	vertical-align: middle;
	padding: 15px 0 15px 20px;
	font-family: 'cooper_hewittbook';
	font-size: 17px;
	line-height: 100%;
	text-transform: uppercase;
	color: #1C242B;
}

.site .content-eCommerce-product-show .productVariantAttribute .value
{
	display: table-cell;
	vertical-align: middle;
}

.site .content-eCommerce-product-show .productVariantAttribute .colors
{
	padding-right: 5px;
	text-align: right;
}

.site .content-eCommerce-product-show .productVariantAttribute .color
{
	display: inline-block;
	width: 20px;
	height: 20px;
	margin: 5px;
	border-radius: 50%;
}

.site .content-eCommerce-product-show .productVariantAttribute .color.active
{
	border: solid 3px #fff;
}

.site .content-eCommerce-product-show .columnL1-1 .form
{

}

.site .content-eCommerce-product-show .columnL1-1 .fieldset
{
	margin: 0;
	padding: 0;
	border: none;
}

.site .content-eCommerce-product-show .columnL1-1 .formRow
{
	position: relative;
	background: #394855;
}

.site .content-eCommerce-product-show .columnL1-1 .formLabel
{
	float: left;
	width: 40%;
	height: 50px;
	line-height: 50px;
	padding: 0 0 0 20px;
	font-family: 'cooper_hewittbold';
	font-size: 18px;
	text-transform: uppercase;
	text-align: right;
	color: #fff;
}

.site .content-eCommerce-product-show .columnL1-1 .quantityFieldContainer
{
	float: left;
	width: 60%;
	padding-right: 40px;
	position: relative;
}

.site .content-eCommerce-product-show .columnL1-1 .integerNumberField
{
	width: 100%;
	height: 50px;
	line-height: 50px;
	padding: 0 10px;
	background: none;
	border: none;
	font-family: 'cooper_hewittbold';
	font-size: 23px;
	text-align: right;
	color: #fff;
}

.site .content-eCommerce-product-show .columnL1-1 .quantityFieldContainer .incrementButton,
.site .content-eCommerce-product-show .columnL1-1 .quantityFieldContainer .decrementButton,
.site .content-eCommerce-order-showBasketStep .order .quantityFieldContainer .incrementButton,
.site .content-eCommerce-order-showBasketStep .order .quantityFieldContainer .decrementButton,
.site .content-eCommerce-order-showPrivilegedProBasketStep .quantityFieldContainer .incrementButton,
.site .content-eCommerce-order-showPrivilegedProBasketStep .quantityFieldContainer .decrementButton
{
	width: 40px;
	height: 50%;
	position: absolute;
	right: 0;
	cursor: pointer;
}

.site .content-eCommerce-product-show .columnL1-1 .quantityFieldContainer .incrementButton,
.site .content-eCommerce-order-showBasketStep .order .quantityFieldContainer .incrementButton,
.site .content-eCommerce-order-showPrivilegedProBasketStep .quantityFieldContainer .incrementButton
{
	top: 0;
	background: url('/wn/project/images/eCommerce/product/show/incrementButtonIcon.png') center center no-repeat #b8bcc0;
}

.site .content-eCommerce-product-show .columnL1-1 .quantityFieldContainer .decrementButton,
.site .content-eCommerce-order-showBasketStep .order .quantityFieldContainer .decrementButton,
.site .content-eCommerce-order-showPrivilegedProBasketStep .quantityFieldContainer .decrementButton
{
	bottom: 0;
	background: url('/wn/project/images/eCommerce/product/show/decrementButtonIcon.png') center center no-repeat #92989f;
}

.site .content-eCommerce-product-show .columnL1-1 .errors
{
	margin: 0;
	padding: 5px;
	background: #394855;
	text-align: center;
	color: #fff;
}

.site .content-eCommerce-product-show .columnL1-1 .error
{
	display: block;
}

.site .content-eCommerce-product-show .columnL1-1 .buttons
{
	margin-top: 15px;
}

.site .content-eCommerce-product-show .columnL1-1 .addToBasketButton
{
	display: block;
	width: 100%;
	height: 50px;
	line-height: 50px;
	margin: 0;
	padding: 0 0 0 55px;
	background: url('/wn/project/images/eCommerce/product/show/buttonArrow2.png') 30px center no-repeat #56718c;
	font-family: 'cooper_hewittbook';
	font-size: 16px;
	text-transform: uppercase;
	text-decoration: none;
	text-align: left;
	color: #fff;
	transition: all 600ms;
}

.site .content-eCommerce-product-show .columnL1-1 .addToBasketButton:hover
{
	background-position-x: 35px;
	background-color: #648ab0;
}

.site .content-eCommerce-product-show .columnL1-1 .price
{
	height: 50px;
	line-height: 50px;
	margin-top: 15px;
	background: #fff;
	border-radius: 25px;
	font-size: 20px;
	text-align: center;
	color: #1c242b;
}

.site .content-eCommerce-product-show .columnL1-1 .priceP1
{
	display: inline-block;
	font-family: 'cooper_hewittbold';
}

.site .content-eCommerce-product-show .columnL1-1 .priceP2
{
	display: inline-block;
	font-family: 'cooper_hewittbook';
}

.site .content-eCommerce-product-show .columnL1-1 .oldPrice
{
	margin-top: 10px;
	font-size: 18px;
	text-decoration: line-through;
	text-align: center;
	color: #1c242b;
}

.site .content-eCommerce-product-show .columnL1-1 .oldPriceP1
{
	display: inline-block;
	font-family: 'cooper_hewittbold';
	text-decoration: line-through;
}

.site .content-eCommerce-product-show .columnL1-1 .oldPriceP2
{
	display: inline-block;
	font-family: 'cooper_hewittbook';
	text-decoration: line-through;
}

.site .content-eCommerce-product-show .columnL1-1 .stockAvailibility
{
	margin-top: 30px;
	position: relative;
}

.site .content-eCommerce-product-show .columnL1-1 .stockAvailibility:after
{
	content: '';
	width: 16px;
	height: 29px;
	margin-top: -14px;
	position: absolute;
	top: 50%;
	left: -16px;
	background: url('/wn/project/images/eCommerce/product/show/stockAvailibilityIcon.png') center center no-repeat;
}

.site .content-eCommerce-product-show .columnL1-1 .stockAvailibility .color
{
	vertical-align: middle;
	display: inline-block;
	width: 40px;
	height: 40px;
	border: solid 5px #fff;
}

.site .content-eCommerce-product-show .columnL1-1 .stockAvailibility .label
{
	vertical-align: middle;
	display: inline;
	font-family: 'cooper_hewittbold';
	font-size: 18px;
	color: #1c242b;
}

.site .content-eCommerce-product-show .columnL1-1 .showProductOpinionsButton
{
	display: block;
	height: 60px;
	line-height: 60px;
	margin-top: 20px;
	background: #394855;
	border-radius: 30px;
	font-size: 18px;
	text-align: center;
	text-transform: uppercase;
	color: #fff;
	cursor: pointer;
}

.site .content-eCommerce-product-show .columnL1-1 .icon
{
	vertical-align: middle;
	display: inline-block;
}

.site .content-eCommerce-product-show .columnL1-1 .showProductOpinionsButtonP1
{
	vertical-align: middle;
	display: inline-block;
	font-family: 'cooper_hewittbold';
}

.site .content-eCommerce-product-show .columnL1-1 .showProductOpinionsButtonP2
{
	vertical-align: middle;
	display: inline-block;
	font-family: 'cooper_hewittbook';
}

.site .content-eCommerce-product-show .columnL1-1 .showProductOpinionsButtonP3
{
	vertical-align: middle;
	display: inline-block;
	margin-left: 10px;
	font-family: 'cooper_hewittbold';
	color: #f0e058;
}

.site .content-eCommerce-product-show .columnL1-2
{
	background: #fff;
}

.site .content-eCommerce-product-show .columnL2-1
{
	width: 270px;
	padding: 80px 15px;
	background: #1c242b;
	text-align: center;
}

.site .content-eCommerce-product-show .columnL2-1 .mainCharacteristics
{

}

.site .content-eCommerce-product-show .columnL2-1 .mainCharacteristic
{
	margin: 20px 0 0 0;
	padding: 30px 0 0 0;
	border-top: solid 1px #4e5b66;
}

.site .content-eCommerce-product-show .columnL2-1 .mainCharacteristics .mainCharacteristic:first-child
{
	margin-top: 0;
	padding-top: 0;
	border-top: none;
}

.site .content-eCommerce-product-show .columnL2-1 .mainCharacteristicTitle
{
	margin-bottom: 20px;
	font-family: 'cooper_hewittbold';
	font-size: 19px;
	line-height: 100%;
	text-transform: uppercase;
	color: #fff;
}

.site .content-eCommerce-product-show .columnL2-1 .mainCharacteristicContent
{
	font-family: 'cooper_hewittbold';
	font-size: 15px;
	line-height: 100%;
	text-transform: uppercase;
	color: #aea662;
}

.site .content-eCommerce-product-show .columnL2-1 .norms
{
	margin: 0;
	padding: 0 0 0 20px;
	list-style: none;
}

.site .content-eCommerce-product-show .columnL2-1 .norms .norm
{
	margin-top: 5px;
	padding-left: 20px;
	background: url('/wn/project/images/eCommerce/product/show/listIcon.png') left center no-repeat;
	text-align: left;
}

.site .content-eCommerce-product-show .columnL2-2
{
	position: relative;
	background: #fff;
}

.site .content-eCommerce-product-show .slideshowProductPhotos
{
	position: relative;
}

.site .content-eCommerce-product-show .slideshowProductPhotos .slideshowWindow
{
	height: 100%;
	overflow: hidden;
	position: relative;
}

.site .content-eCommerce-product-show .slideshowProductPhotos .slides
{
	height: 100%;
	position: relative;
	top: 0;
	left: 0;
}

.site .content-eCommerce-product-show .slideshowProductPhotos .slide
{
	display: none;
}

.site .content-eCommerce-product-show .slideshowProductPhotos .slides .slide:first-child
{
	display: block;
}

.site .content-eCommerce-product-show .slideshowProductPhotos .slide .zoomIcon
{
	/*margin-top: -30px;
	margin-left: -33px;*/
	position: absolute;
	/*top: 50%;
	left: 50%;*/
	right: 20px;
	bottom: 20px;
	cursor: pointer;
}

.site .content-eCommerce-product-show .slideshowProductPhotos .slideButton
{
	float: left;
	display: block;
	margin-right: 5px;
	border: solid 5px transparent;
	cursor: pointer;
}

.site .content-eCommerce-product-show .slideshowProductPhotos .slideButton.active
{
	border: solid 5px #1c242b;
}

.site .content-eCommerce-product-show .miniSlideshow
{
	margin: 10px auto;
	padding: 0 40px;
	position: relative;
}

.site .content-eCommerce-product-show .miniSlideshow .miniSlideshowWindow
{
	overflow: hidden;
}

.site .content-eCommerce-product-show .miniSlideshow .miniSlides
{
	position: relative;
	top: 0;
	left: 0;
}

.site .content-eCommerce-product-show .miniSlideshow .miniShowPreviousSlide,
.site .content-eCommerce-product-show .miniSlideshow .miniShowNextSlide
{
	display: block;
	width: 17px;
	height: 17px;
	margin-top: -8px;
	position: absolute;
	top: 50%;
	cursor: pointer;
}

.site .content-eCommerce-product-show .miniSlideshow .miniShowPreviousSlide.inactive,
.site .content-eCommerce-product-show .miniSlideshow .miniShowNextSlide.inactive
{
	display: none;
}

.site .content-eCommerce-product-show .miniSlideshow .miniShowPreviousSlide
{
	left: 10px;
	background: url('/wn/project/images/eCommerce/product/show/miniShowPreviousSlide.png') center center no-repeat;
	background-size: contain;
}

.site .content-eCommerce-product-show .miniSlideshow .miniShowNextSlide
{
	right: 10px;
	background: url('/wn/project/images/eCommerce/product/show/miniShowNextSlide.png') center center no-repeat;
	background-size: contain;
}

.site .content-eCommerce-product-show .columnL2-2 .newness
{
	width: 128px;
	height: 128px;
	position: absolute;
	top: -1px;
	right: -16px;
	background: url('/wn/project/images/eCommerce/product/list/newness.png') center center no-repeat;
}

.site .content-eCommerce-product-show .columnL2-2 .reductionRate
{
	width: 84px;
	height: 84px;
	line-height: 84px;
	position: absolute;
	top: 15px;
	right: 10px;
	background: url('/wn/project/images/eCommerce/product/list/reductionRateBackground.png') center center no-repeat;
	text-align: center;
	color: #fff;
}

.site .content-eCommerce-product-show .columnL2-2 .reductionRateP1,
.site .content-eCommerce-product-show .columnL2-2 .reductionRateP3
{
	font-family: 'cooper_hewittbook';
	font-size: 18px;
}

.site .content-eCommerce-product-show .columnL2-2 .reductionRateP2
{
	font-family: 'cooper_hewittbold';
	font-size: 26px;
}

.site .content-eCommerce-product-show .block4
{
	margin: 0 0 60px 0;
}

.site .content-eCommerce-product-show .block4 .centeredContent
{
	max-width: 1370px;
	margin: 0 auto;
}

.site .content-eCommerce-product-show .block4 .blockL2
{
	padding: 50px;
	border-top: solid 4px #1c242b;
	background: url('/wn/project/images/eCommerce/product/list/background.png') center bottom repeat-x #fff;
}

.site .content-eCommerce-product-show .block4 .technicalSheetLink
{
	float: right;
	width: 220px;
	height: 50px;
	line-height: 50px;
	margin: 0 0 20px 20px;
	padding-left: 55px;
	background: url('/wn/project/images/eCommerce/product/show/buttonArrow3.png') 30px center no-repeat #1c242b;
	font-family: 'cooper_hewittbook';
	font-size: 16px;
	text-transform: uppercase;
	text-decoration: none;
	text-align: left;
	color: #fff;
	transition: all 600ms;
}

.site .content-eCommerce-product-show .block4 .technicalSheetLink:hover
{
	background-position-x: 35px;
	background-color: #394855;
}

.site .content-eCommerce-product-show .block4 .titleL2
{
	margin: 0;
	font-family: 'cooper_hewittbold';
	font-size: 26px;
	line-height: 100%;
	text-transform: uppercase;
	color: #56718C;
}

.site .content-eCommerce-product-show .block4 .description
{
	margin: 10px 0 30px 0;
	font-family: 'cooper_hewittbook';
	font-size: 18px;
	color: #1c242b;
}

.site .content-eCommerce-product-show .block4 .characteristics
{
	margin: 10px 0 30px 0;
}

.site .content-eCommerce-product-show .block4 .characteristic
{
	margin-top: 10px;
}

.site .content-eCommerce-product-show .block4 .characteristics .characteristic:first-child
{
	margin-top: 0;
}

.site .content-eCommerce-product-show .block4 .characteristic .key
{
	font-family: 'cooper_hewittbold';
	font-size: 18px;
	color: #1c242b;
}

.site .content-eCommerce-product-show .block4 .characteristic .value
{
	font-family: 'cooper_hewittbook';
	font-size: 18px;
	color: #1c242b;
}

.site .content-eCommerce-product-show .block4 .recommendations
{
	margin: 10px 0 30px 0;
}

.site .content-eCommerce-product-show .block4 .recommendations p
{
	margin: 0;
	font-family: 'cooper_hewittbook';
	font-size: 18px;
	color: #1c242b;
}

.site .content-eCommerce-product-show .block4 .recommendations strong
{
	font-family: 'cooper_hewittbold';
	font-weight: normal;
}

.site .content-eCommerce-product-show .block4 .recommendations a
{
	font-family: 'cooper_hewittbold';
	color: inherit;
}

.site .content-eCommerce-product-show .productOpinionsBlock,
.site .content-eCommerce-product-show .otherProductsBlock
{
	padding: 0 0 40px 0;
}

.site .content-eCommerce-product-show .productOpinionsBlock .centeredContent,
.site .content-eCommerce-product-show .otherProductsBlock .centeredContent
{
	max-width: 1370px;
	margin: 0 auto;
}

.site .content-eCommerce-product-show .productOpinionsBlock .title,
.site .content-eCommerce-product-show .otherProductsBlock .title
{
	margin-bottom: 20px;
	padding-bottom: 20px;
	background: url('/wn/project/images/showHome/titleL2Background.png') center bottom no-repeat;
	font-family: 'cooper_hewittbold';
	font-size: 24px;
	line-height: 100%;
	text-transform: uppercase;
	text-align: center;
	color: #1c242b;
}

.site .content-eCommerce-product-show .productOpinionsBlock .titleP1,
.site .content-eCommerce-product-show .otherProductsBlock .titleP1
{
	color: #56718c;
}

.site .content-eCommerce-product-show .productOpinionsBlock .grid
{
	margin: -20px 0 0 -20px;
}

.site .content-eCommerce-product-show .productOpinionsBlock .gridItem
{
	float: left;
	width: 50%;
	padding: 20px 0 0 20px;
}

.site .content-eCommerce-product-show .productOpinionsBlock .productOpinion
{
	padding: 35px 25px 65px 25px;
	background: url('/wn/project/images/eCommerce/product/list/background.png') center bottom repeat-x #fff;
}

.site .content-eCommerce-product-show .productOpinionsBlock .productOpinions .productOpinion:first-child
{
	margin-top: 0;
}

.site .content-eCommerce-product-show .productOpinionsBlock .productOpinion .columns
{
	height: 100%;
}

.site .content-eCommerce-product-show .productOpinionsBlock .productOpinion .column
{
	vertical-align: middle;
}

.site .content-eCommerce-product-show .productOpinionsBlock .productOpinion .column1
{
	width: 100px;
}

.site .content-eCommerce-product-show .productOpinionsBlock .productOpinion .column2
{
	width: 220px;
}

.site .content-eCommerce-product-show .productOpinionsBlock .productOpinion .column3
{
	padding-left: 10px;
}

.site .content-eCommerce-product-show .productOpinionsBlock .productOpinion .authorPictureContainer
{
	width: 79px;
	height: 79px;
	padding-top: 10px;
	background: url('/wn/project/images/eCommerce/product/show/authorPictureContainer.png') center center no-repeat;
}

.site .content-eCommerce-product-show .productOpinionsBlock .productOpinion .authorPicture
{
	display: block;
	width: 59px;
	height: 59px;
	margin: 0 auto;
	border-radius: 50%;
}

.site .content-eCommerce-product-show .productOpinionsBlock .productOpinion .authorName
{
	font-family: 'cooper_hewittbold';
	font-size: 28px;
	text-transform: uppercase;
	color: #56718c;
}

.site .content-eCommerce-product-show .productOpinionsBlock .productOpinion .authorFunction
{
	font-family: 'cooper_hewittbook';
	font-size: 16px;
	text-transform: uppercase;
	color: #908950;
}

.site .content-eCommerce-product-show .productOpinionsBlock .productOpinion .separator
{
	width: 40px;
	height: 4px;
	margin: 20px 0;
	background: #d4d0af;
}

.site .content-eCommerce-product-show .productOpinionsBlock .productOpinion .rate
{
	width: 100px;
	height: 36px;
	line-height: 36px;
	background: #394855;
	border-radius: 20px;
	font-family: 'cooper_hewittbold';
	font-size: 16px;
	text-align: center;
	color: #f0e058;
}

.site .content-eCommerce-product-show .productOpinionsBlock .productOpinion .content p
{
	margin: 0;
	font-family: 'cooper_hewittbook';
	font-size: 18px;
	line-height: 150%;
	color: #767d84;
}

.site .content-eCommerce-product-show .productOpinionsBlock .productOpinion .content strong
{
	font-family: 'cooper_hewittbold';
	font-weight: normal;
}

.site .content-eCommerce-product-show .productOpinionsBlock .productOpinion .content a
{
	font-family: 'cooper_hewittbold';
	color: inherit;
}

.site .content-eCommerce-product-show .productOpinionsBlock .showMoreOpinionsButtonContainer
{
	display: none;
	margin-top: 20px;
	text-align: center;
}

.site .content-eCommerce-product-show .productOpinionsBlock .showMoreOpinionsButton
{
	display: inline-block;
	height: 60px;
	line-height: 60px;
	padding: 0 50px;
	background: #394855;
	border-radius: 30px;
	font-size: 18px;
	text-align: center;
	text-transform: uppercase;
	color: #fff;
	cursor: pointer;
}

.site .content-eCommerce-product-show .productOpinionsBlock .showMoreOpinionsButtonP1
{
	display: inline-block;
	font-family: 'cooper_hewittbook';
}

.site .content-eCommerce-product-show .productOpinionsBlock .showMoreOpinionsButtonP2
{
	display: inline-block;
	font-family: 'cooper_hewittbold';
	color: #f0e058;
}

.site .content-eCommerce-product-show .otherProductsBlock .otherProducts
{
	margin: -30px 0 0 -30px;
}

.site .content-eCommerce-product-show .otherProductsBlock .productContainer
{
	float: left;
	padding: 30px 0 0 30px;
	width: 33.33%;
}

/*.site .content-eCommerce-product-show .otherProductsBlock .product
{
	height: 465px;
}*/

.site .content-eCommerce-product-show .secondSlideshowProductPhotosContainer
{
	display: none;
}

/**/

.site .content-eCommerce-product-show .summaryBlock
{
	display: none;
	padding: 5px 0;
	position: fixed;
	top: 126px;
	left: 0;
	right: 0;
	z-index: 90;
	background: #f0e058;
}

.site .content-eCommerce-product-show .summaryBlock .centeredContent
{
	padding: 0 10px;
}

.site .content-eCommerce-product-show .summaryBlock .columns
{

}

.site .content-eCommerce-product-show .summaryBlock .column
{
	vertical-align: middle;
}

.site .content-eCommerce-product-show .summaryBlock .column1
{
	width: 50px;
}

.site .content-eCommerce-product-show .summaryBlock .column2
{
	padding: 0 5px;
}

.site .content-eCommerce-product-show .summaryBlock .column3
{
	width: 70px;
}

.site .content-eCommerce-product-show .summaryBlock .productPhoto
{
	display: block;
}

.site .content-eCommerce-product-show .summaryBlock .name
{
	font-family: 'cooper_hewittbold';
	font-size: 10px;
	line-height: 100%;
	text-transform: uppercase;
	color: #56718c;
}

.site .content-eCommerce-product-show .summaryBlock .separator
{
	width: 50px;
	margin: 5px 0;
	border: none;
	border-top: solid 2px #8D8751;
}

.site .content-eCommerce-product-show .summaryBlock .reference
{
	font-family: 'cooper_hewittbold';
	font-size: 10px;
	line-height: 100%;
	text-transform: uppercase;
	color: #8D8751;
}

.site .content-eCommerce-product-show .summaryBlock .price
{
	height: 25px;
	line-height: 25px;
	background: #fff;
	border-radius: 12px;
	font-size: 11px;
	font-family: 'cooper_hewittbold';
	text-align: center;
	color: #1c242b;
}

.site .content-eCommerce-product-show .summaryBlock .oldPrice
{
	margin-top: 5px;
	font-family: 'cooper_hewittbook';
	font-size: 10px;
	text-decoration: line-through;
	text-align: center;
	color: #1c242b;
}

.site .content-eCommerce-product-show .summaryBlock .scrollToBuyFormButton
{
	display: block;
	margin-top: 5px;
	height: 25px;
	line-height: 25px;
	background: #56718C;
	border-radius: 12px;
	font-size: 11px;
	font-family: 'cooper_hewittbold';
	text-transform: uppercase;
	text-align: center;
	color: #fff;
}


/*////////////////////////////
// View : eCommerce : product : showOne
////////////////////////////*/

.site .product,
.site .content-project-showCatalogs .catalog
{
	/*height: 340px;*/
	padding-bottom: 130px;
	position: relative;
	background: url('/wn/project/images/eCommerce/product/list/background.png') center bottom repeat-x #fff;
	cursor: pointer;
}

.site .content-project-showCatalogs .catalog
{
	display: block;
	padding: 20px 10px 60px 10px;
	text-decoration: none;
}

/*#page-project-showHome .site .product
{
	height: 465px;
}*/

.site .product .oldPrice
{
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: 16px;
	text-decoration: line-through;
	color: #1c242b;
}

.site .product .oldPriceP1
{
	display: inline-block;
	font-family: 'cooper_hewittbold';
	text-decoration: line-through;
}

.site .product .oldPriceP2
{
	display: inline-block;
	font-family: 'cooper_hewittbook';
	text-decoration: line-through;
}

.site .product .reductionRate
{
	width: 84px;
	height: 84px;
	line-height: 84px;
	position: absolute;
	top: 30px;
	right: 0;
	background: url('/wn/project/images/eCommerce/product/list/reductionRateBackground.png') center center no-repeat;
	text-align: center;
	color: #fff;
}

.site .product .reductionRateP1,
.site .product .reductionRateP3
{
	font-family: 'cooper_hewittbook';
	font-size: 18px;
}

.site .product .reductionRateP2
{
	font-family: 'cooper_hewittbold';
	font-size: 26px;
}

.site .product .newness
{
	width: 128px;
	height: 128px;
	position: absolute;
	top: -1px;
	right: -16px;
	background: url('/wn/project/images/eCommerce/product/list/newness.png') center center no-repeat;
}

.site .product .link
{
	text-decoration: none;
}

.site .product .productPhoto
{
	display: block;
	margin: 0 auto;
}

.site .product .categoryName
{
	margin-top: 10px;
	font-family: 'cooper_hewittbook';
	font-size: 15px;
	line-height: 100%;
	text-transform: uppercase;
	text-align: center;
	color: #3e464e;
}

.site .product .name,
.site .content-project-showCatalogs .catalog .name
{
	margin-top: 10px;
	font-family: 'cooper_hewittbold';
	font-size: 33px;
	line-height: 100%;
	text-transform: uppercase;
	text-align: center;
	color: #56718c;
}

.site .product .separator,
.site .content-project-showCatalogs .catalog .separator
{
	width: 30px;
	margin: 10px auto 10px auto;
	border: none;
	border-top: solid 3px #d4d0af;
	transition: all 600ms;
}

.site .content-project-showCatalogs .catalog .separator
{
	margin-top: 20px;
	margin-bottom: 20px;
}

.site .product:hover .separator
{
	width: 60px;
}

.site .product .reference
{
	font-family: 'cooper_hewittbook';
	font-size: 15px;
	line-height: 100%;
	text-transform: uppercase;
	text-align: center;
	color: #aea662;
}

.site .product .productVariants
{
	margin-top: 15px;
	text-align: center;
}

.site .product .productVariant
{
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-left: 3px;
	border-radius: 50%;
	border: solid 3px #d4d0af;
}

.site .product .productVariants .productVariant:first-child
{
	margin-left: 0;
}

.site .product .showButtonContainer
{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 50px;
	/*margin-top: 15px;*/
	text-align: center;
}

.site .product .showButton
{
	display: inline-block;
	text-decoration: none;
}

.site .product .showButton .price,
.site .product .showButton .label
{
	float: left;
	height: 60px;
	line-height: 60px;
	text-transform: uppercase;
}

.site .product .showButton .price
{
	padding: 0 10px;
	background: #f0e058;
	-webkit-border-top-left-radius: 30px;
	-webkit-border-bottom-left-radius: 30px;
	-moz-border-radius-topleft: 30px;
	-moz-border-radius-bottomleft: 30px;
	border-top-left-radius: 30px;
	border-bottom-left-radius: 30px;
	font-size: 18px;
	color: #1c242b;
}

.site .product .showButton .priceP1
{
	display: inline-block;
	font-family: 'cooper_hewittbold';
}

.site .product .showButton .priceP2
{
	display: inline-block;
	font-family: 'cooper_hewittbook';
}

.site .product .showButton .label
{
	padding: 0 10px;
	background: #dddac0;
	-webkit-border-top-right-radius: 30px;
	-webkit-border-bottom-right-radius: 30px;
	-moz-border-radius-topright: 30px;
	-moz-border-radius-bottomright: 30px;
	border-top-right-radius: 30px;
	border-bottom-right-radius: 30px;
	font-family: 'cooper_hewittbold';
	font-size: 16px;
	color: #56718c;
}


/*////////////////////////////
// View : project : showHome
////////////////////////////*/

.site .content-project-showHome .block1
{
	/*height: 600px;*/
}

.site .content-project-showHome .block1 .centeredContent,
.site .content-project-showCustomization .block1 .centeredContent
{
	max-width: 1450px;
	margin: 0 auto;
	position: relative;
}

.site .content-project-showHome .homeSlideshow,
.site .content-project-showCustomization .customizationSlideshow
{
	position: relative;
}

.site .content-project-showHome .homeSlideshow .slideshowWindow,
.site .content-project-showCustomization .customizationSlideshow .slideshowWindow
{
	/*height: 100%;*/
	overflow: hidden;
	position: relative;
}

.site .content-project-showHome .homeSlideshow .slides,
.site .content-project-showCustomization .customizationSlideshow .slides
{
	height: 100%;
	position: relative;
	top: 0;
	left: 0;
}

.site .content-project-showHome .homeSlideshow .slide,
.site .content-project-showCustomization .customizationSlideshow .slide
{
	display: none;
	/*height: 600px;*/
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	text-decoration: none;
}

.site .content-project-showHome .homeSlideshow .slide:first-child,
.site .content-project-showCustomization .customizationSlideshow .slide:first-child
{
	display: block;
}

.site .content-project-showHome .homeSlideshow .slide .centeredContent,
.site .content-project-showCustomization .customizationSlideshow .centeredContent
{
	height: 100%;
}

.site .content-project-showHome .homeSlideshow .slide .title,
.site .content-project-showCustomization .customizationSlideshow .title
{
	margin: 0;
	position: absolute;
	left: 100px;
	bottom: 125px;
}

.site .content-project-showHome .homeSlideshow .slide .title .columns,
.site .content-project-showCustomization .customizationSlideshow .title .columns
{
	width: auto;
}

.site .content-project-showHome .homeSlideshow .slide .titlePart1,
.site .content-project-showCustomization .customizationSlideshow .titlePart1
{
	float: right;
	height: 75px;
	line-height: 75px;
	padding: 0 20px;
	background: #f0e058;
	font-family: 'cooper_hewittbold';
	font-size: 45px;
	text-transform: uppercase;
	color: #2a3238;
}

.site .content-project-showHome .homeSlideshow .slide .titlePart2,
.site .content-project-showCustomization .customizationSlideshow .titlePart2
{
	float: right;
	height: 55px;
	line-height: 55px;
	padding: 0 20px;
	background: #fff;
	font-family: 'cooper_hewittbold';
	font-size: 30px;
	text-transform: uppercase;
	color: #56718c;
}

.site .content-project-showHome .homeSlideshow .slide .titlePart3,
.site .content-project-showCustomization .customizationSlideshow .titlePart3
{
	float: left;
	display: block;
	height: 55px;
	line-height: 55px;
	padding: 0 20px;
	margin-top: 75px;
	background: #dddac0;
	font-family: 'cooper_hewittbold';
	font-size: 22px;
	text-transform: uppercase;
	text-decoration: none;
	color: #1c242b;
}

.site .content-project-showHome .homeSlideshow .slideButtons,
.site .content-project-showCustomization .customizationSlideshow .slideButtons
{
	display: none;
	height: 60px;
	line-height: 60px;
	padding: 0 30px;
	position: absolute;
	left: 50%;
	bottom: 20px;
	background: rgba(255, 255, 255, 0.75);
	border-radius: 30px;
	text-align: center;
	white-space: nowrap;
}

.site .content-project-showHome .homeSlideshow .slideButton,
.site .content-project-showCustomization .customizationSlideshow .slideButton
{
	display: inline-block;
	width: 30px;
	height: 10px;
	background: #aea662;
	cursor: pointer;
}

.site .content-project-showHome .homeSlideshow .slideButton.active,
.site .content-project-showCustomization .customizationSlideshow .slideButton.active
{
	background: #56718c;
}

.site .content-project-showHome .homeSlideshow .showPreviousSlide,
.site .content-project-showCustomization .customizationSlideshow .showPreviousSlide,
.site .content-project-showHome .homeSlideshow .showNextSlide,
.site .content-project-showCustomization .customizationSlideshow .showNextSlide
{
	display: block;
	width: 51px;
	height: 61px;
	margin-top: -25px;

	position: absolute;
	top: -300px;

	cursor: pointer;
}

.site .content-project-showHome .homeSlideshow .showPreviousSlide,
.site .content-project-showCustomization .customizationSlideshow .showPreviousSlide
{
	left: 0;
	background: url('/wn/project/images/showHome/leftArrowIcon.png') center center no-repeat;
	background-size: contain;
}

.site .content-project-showHome .homeSlideshow .showNextSlide,
.site .content-project-showCustomization .customizationSlideshow .showNextSlide
{
	right: 0;
	background: url('/wn/project/images/showHome/rightArrowIcon.png') center center no-repeat;
	background-size: contain;
}

/*.site .content-project-showHome .block1
{
	height: 590px;
	background: url('/wn/project/images/showHome/block1Background.png') center center no-repeat;
	background-size: cover;
}

.site .content-project-showHome .block1 .centeredContent
{
	width: 1270px;
	height: 590px;
	margin: 0 auto;
	position: relative;
}

.site .content-project-showHome .block1 .title
{
	margin: 0;
	width: 576px;
	height: 576px;
	padding-top: 175px;
	position: absolute;
	top: 75px;
	left: 0;
	z-index: 2;
	font-weight: normal;
	text-align: center;
	text-transform: uppercase;
	background: url('/wn/project/images/showHome/block1TitleBackground.png') center center no-repeat;
	background-size: contain;
}

.site .content-project-showHome .block1 .titleP1
{
	font-family: 'cooper_hewittbold';
	font-size: 30px;
	line-height: 100%;
	color: #aea662;
}

.site .content-project-showHome .block1 .titleP2
{
	margin-top: 15px;
	font-family: 'cooper_hewittbold';
	font-size: 64px;
	line-height: 100%;
	color: #2a3238;
}

.site .content-project-showHome .block1 .titleP3
{
	margin-top: 15px;
	padding-bottom: 35px;
	font-family: 'cooper_hewittbook';
	font-size: 47px;
	line-height: 100%;
	color: #2a3238;
	background: url('/wn/project/images/showHome/block1TitleP3Background.png') center bottom no-repeat;
}

.site .content-project-showHome .block1 .arrow
{
	margin-left: -33px;
	position: absolute;
	left: 50%;
	bottom: 30px;
	cursor: pointer;
}*/

.site .content-project-showHome .block2
{
	padding: 50px 0 30px 0;
	position: relative;
	background: #fff;
}

.site .content-project-showHome .block2 .borderTop,
.site .pageFooter .block2 .borderTop,
.site .pageFooter .block6 .borderTop,
.site .content-eCommerce-category-show .block2 .borderTop,
.site .content-eCommerce-product-search .block2 .borderTop,
.site .sharedBlock2 .borderTop,
.site .content-project-showCustomization .block4 .borderTop
{
	width: 100%;
	height: 8px;
	position: absolute;
	top: -8px;
	left: 0;
	z-index: 1;
	background: url('/wn/project/images/showHome/block2BorderTop.png') center center repeat-x;
}

.site .content-project-showHome .block2 .borderBottom,
.site .content-eCommerce-category-show .block2 .borderBottom,
.site .content-eCommerce-product-show .block2 .borderBottom,
.site .content-eCommerce-product-search .block2 .borderBottom,
.site .content-project-showCustomization .block2 .borderBottom,
.site .content-project-showCustomization .block4 .borderBottom,
.site .pageFooter .block3 .borderBottom,
.site .pageFooter .block6 .borderBottom,
.site .sharedBlock2 .borderBottom
{
	width: 100%;
	height: 14px;
	position: absolute;
	bottom: -14px;
	left: 0;
	z-index: 1;
	background: url('/wn/project/images/showHome/block2BorderBottom.png') center center repeat-x;
}

.site .pageFooter .block6 .borderBottom
{
	background: url('/wn/project/images/showHome/block6BorderBottom.png') center center repeat-x;
}

.site .content-project-showHome .block2 .titleL2
{
	margin: 0 0 10px 0;
	padding-bottom: 25px;
	background: url('/wn/project/images/showHome/titleL2Background.png') center bottom no-repeat;
	font-family: 'cooper_hewittbold';
	font-weight: normal;
	font-size: 40px;
	line-height: 100%;
	text-transform: uppercase;
	text-align: center;
	color: #1c242b;
}

.site .content-project-showHome .block2 .titleL2 .colored
{
	color: #56718c;
}

.site .content-project-showHome .block2 .titleL2P2
{

}

.site .content-project-showHome .block3
{
	padding: 40px 0 75px 0;
}

.site .content-project-showHome .block3 .centeredContent
{
	max-width: 1370px;
	margin: 0 auto;
}

.site .content-project-showHome .block3 .titleL2,
.site .content-eCommerce-customer-showHome .block3 .titleL2,
.site .pageFooter .block5 .titleL2
{
	margin: 0;
	padding-bottom: 25px;
	background: url('/wn/project/images/showHome/titleL2Background.png') center bottom no-repeat;
	font-family: 'cooper_hewittbold';
	font-weight: normal;
	font-size: 40px;
	line-height: 100%;
	text-transform: uppercase;
	text-align: center;
	color: #1c242b;
}

.site .content-project-showHome .block3 .titleL2P2,
.site .content-eCommerce-customer-showHome .block3 .titleL2P2,
.site .pageFooter .block5 .titleL2P2
{
	color: #56718c;
}

.site .content-project-showHome .block3 .separator
{

}

.site .content-project-showHome .block3 .products
{
	margin: 15px 0 0 -30px;
}

.site .content-project-showHome .block3 .productContainer
{
	float: left;
	padding: 30px 0 0 30px;
	width: 33.33%;
}

.site .content-project-showHome .block3 .product
{
	width: auto;
}

.site .content-project-showHome .block2-3
{
	padding-top: 80px;
}

.site .content-project-showHome .block2-3 .centeredContent
{
	max-width: 1370px;
	margin: 0 auto;
}


/*////////////////////////////
// View : project : showWoAreWe
////////////////////////////*/

.site .content-project-showWhoAreWe .sharedBlock2,
.site .content-eCommerce-customer-loginOrRegister .sharedBlock2
{
	padding: 5px 0;
}

.site .content-project-showWhoAreWe .block3 .centeredContent,
.site .content-project-showWhoAreWe .block4 .centeredContent,
.site .content-project-showWhoAreWe .block5 .centeredContent,
.site .content-project-showWhoAreWe .block6 .centeredContent,
.site .content-project-showWhoAreWe .block7 .centeredContent,
.site .content-eCommerce-customer-loginOrRegister .block3 .centeredContent,
.site .content-eCommerce-order-showIdentificationStep .block3 .centeredContent,
.site .content-eCommerce-order-showAddresssStep .block3 .centeredContent,
.site .content-eCommerce-order-showAlternativeAddresssStep .block3 .centeredContent
{
	max-width: 1370px;
	margin: 0 auto;
	padding: 50px 0 110px 0;
}

.site .content-project-showWhoAreWe .block3 .centeredContent,
.site .content-project-showWhoAreWe .block5 .centeredContent,
.site .content-project-showWhoAreWe .block6 .centeredContent,
.site .content-project-showWhoAreWe .block7 .centeredContent
{
	padding-bottom: 50px;
}

.site .content-project-showWhoAreWe .block3 .picture
{
	display: block;
}

.site .content-project-showWhoAreWe .block3 .column1
{
	padding-right: 40px;
}

.site .content-project-showWhoAreWe .block4 .column1,
.site .content-eCommerce-customer-loginOrRegister .block3 .loginFormColumn,
.site .content-eCommerce-order-showIdentificationStep .block3 .loginFormColumn,
.site .content-eCommerce-order-showAddresssStep .block3 .billingAddressColumn,
.site .content-eCommerce-order-showAlternativeAddresssStep .block3 .billingAddressColumn
{
	padding-right: 20px;
}

.site .content-project-showWhoAreWe .block4 .column1
{
	width: 220px;
	vertical-align: middle;
}

.site .content-project-showWhoAreWe .block3 .column2
{
	padding-left: 40px;
}

.site .content-project-showWhoAreWe .block4 .column2,
.site .content-eCommerce-customer-loginOrRegister .block3 .registerFormColumn,
.site .content-eCommerce-order-showIdentificationStep .block3 .registerFormColumn,
.site .content-eCommerce-order-showAddresssStep .block3 .deliveryAddressColumn,
.site .content-eCommerce-order-showAlternativeAddresssStep .block3 .deliveryAddressColumn
{
	padding-left: 20px;
}

.site .content-project-showWhoAreWe .block3 .column2
{
	padding-top: 10px;
}

.site .content-project-showWhoAreWe .block4 .column2
{
	vertical-align: middle;
}

.site .content-project-showWhoAreWe .block3 .titleL2,
.site .content-project-showWhoAreWe .block4 .titleL2,
.site .content-project-showWhoAreWe .block5 .titleL2,
.site .content-project-showWhoAreWe .block6 .titleL2,
.site .content-project-showWhoAreWe .block7 .titleL2
{
	margin: 0 auto 25px auto;
	padding-bottom: 15px;
	background: url('/wn/project/images/showHome/titleL2Background.png') center bottom no-repeat;
	font-family: 'cooper_hewittbold';
	font-weight: normal;
	font-size: 24px;
	/*line-height: 100%;*/
	text-transform: uppercase;
	text-align: center;
	color: #1c242b;
}

.site .content-project-showWhoAreWe .block3 .titleL2
{
	max-width: 800px;
	font-size: 28px;
}

.site .content-project-showWhoAreWe .block3 .titleL2P1,
.site .content-project-showWhoAreWe .block4 .titleL2P1,
.site .content-project-showWhoAreWe .block5 .titleL2P1,
.site .content-project-showWhoAreWe .block6 .titleL2P1,
.site .content-project-showWhoAreWe .block7 .titleL2P1
{
	display: inline;
	color: #56718c;
}

.site .content-project-showWhoAreWe .block3 .titleL2P2,
.site .content-project-showWhoAreWe .block4 .titleL2P2,
.site .content-project-showWhoAreWe .block5 .titleL2P2,
.site .content-project-showWhoAreWe .block6 .titleL2P2,
.site .content-project-showWhoAreWe .block7 .titleL2P2
{
	display: inline;
}

.site .content-eCommerce-customer-loginOrRegister .block3 .columnTitle,
.site .content-eCommerce-order-showIdentificationStep .block3 .columnTitle,
.site .content-eCommerce-order-showAddresssStep .block3 .columnTitle,
.site .content-eCommerce-order-showAlternativeAddresssStep .block3 .columnTitle
{
	margin: 0 0 20px 0;
	padding-top: 25px;
	background: url('/wn/project/images/showHome/titleL2Background.png') center top no-repeat;
	font-family: 'cooper_hewittbold';
	font-weight: normal;
	font-size: 38px;
	line-height: 100%;
	text-transform: uppercase;
	text-align: center;
	color: #56718c;
}

.site .content-project-showWhoAreWe .block3 .subBlock,
.site .content-project-showWhoAreWe .block4 .subBlock,
.site .content-project-showWhoAreWe .block5 .subBlock,
.site .content-project-showWhoAreWe .block6 .subBlock,
.site .content-project-showWhoAreWe .block7 .subBlock,
.site .content-eCommerce-customer-loginOrRegister .block3 .columnContent,
.site .content-eCommerce-order-showIdentificationStep .block3 .columnContent,
.site .content-eCommerce-order-showAddresssStep .block3 .columnContent,
.site .content-eCommerce-order-showAlternativeAddresssStep .block3 .columnContent
{
	padding: 40px 40px 80px 40px;
	background: url('/wn/project/images/eCommerce/product/list/background.png') center bottom repeat-x #fff;
}

.site .content-eCommerce-order-showAlternativeAddresssStep .form .identicalAddressesFieldset
{
	margin-bottom: 25px;
}

.site .content-eCommerce-order-showAlternativeAddresssStep .form .buttons
{
	float: none;
	text-align: center;
}

.site .content-eCommerce-order-showAlternativeAddresssStep .form .button
{
	display: inline-block;
}

.site .content-project-showWhoAreWe .block3 .paragraph,
.site .content-project-showWhoAreWe .block4 .paragraph
{
	margin: 0 0 20px 0;
	font-family: 'cooper_hewittbook';
	font-size: 18px;
	line-height: 150%;
	text-align: justify;
	color: #1c242b;
}

.site .content-project-showWhoAreWe .block3 .paragraph.big
{
	font-size: 26px;
}

.site .content-project-showWhoAreWe .block3 .strong,
.site .content-project-showWhoAreWe .block4 .strong,
.site .content-project-showWhoAreWe .block5 .strong
{
	font-family: 'cooper_hewittbold';
	font-weight: normal;
}

.site .content-project-showWhoAreWe .block3 .titleL3
{
	margin: 0 0 25px 0;
	font-family: 'cooper_hewittbold';
	font-weight: normal;
	font-size: 20px;
	line-height: 100%;
	text-transform: uppercase;
	color: #aea662;
}

.site .content-project-showWhoAreWe .block3 .columnL2s
{
	display: table;
	table-layout: fixed;
	width: 100%;
}

.site .content-project-showWhoAreWe .block3 .columnL2
{
	display: table-cell;
	vertical-align: top;
	padding-right: 10px;
}

.site .content-project-showWhoAreWe .block3 .list,
.site .content-project-showWhoAreWe .block5 .list,
.site .content-eCommerce-showGTC .block3 .list,
.site .content-project-showGCU .block3 .list
{
	margin: 0;
	padding: 0;
	list-style: none;
}

.site .content-project-showGCU .block3 .list
{
	margin-bottom: 20px;
}

.site .content-project-showWhoAreWe .block3 .listItem,
.site .content-eCommerce-showGTC .block3 .listItem,
.site .content-project-showGCU .block3 .listItem
{
	margin-bottom: 15px;
	padding-left: 20px;
	background: url('/wn/project/images/eCommerce/product/show/listIcon.png') left center no-repeat;
	font-family: 'cooper_hewittbold';
	font-size: 13px;
	text-transform: uppercase;
	color: #1c242b;
}

.site .content-project-showGCU .block3 .listItem
{
	font-family: 'cooper_hewittbook';
	font-size: 16px;
	text-transform: none;
}

.site .content-project-showWhoAreWe .block5 .listItem
{
	margin-bottom: 15px;
	padding-left: 15px;
	background: url('/wn/project/images/showWhoAreWe/greyArrow.png') left 5px no-repeat;
	font-family: 'cooper_hewittbook';
	font-size: 16px;
	color: #56718c;
}

.site .content-project-showWhoAreWe .block5 .column6 .listItem
{
	background: url('/wn/project/images/showWhoAreWe/blueArrow.png') left 5px no-repeat;
	color: #7aa1c8;
}

.site .content-project-showWhoAreWe .block3 .space
{
	height: 35px;
}

.site .content-project-showWhoAreWe .block3 .logo
{
	border: solid 1px #e7eaed;
}

.site .content-project-showWhoAreWe .block3 .contactLink
{
	display: block;
	width: 230px;
	height: 50px;
	line-height: 50px;
	padding-left: 60px;
	background: url('/wn/project/images/eCommerce/product/show/buttonArrow.png') 30px center no-repeat #56718c;
	font-family: 'cooper_hewittbook';
	font-size: 16px;
	text-transform: uppercase;
	text-decoration: none;
	text-align: left;
	color: #fff;
	transition: all 600ms;
}

.site .content-project-showWhoAreWe .block3 .contactLink:hover
{
	background-position-x: 65px;
	background-color: #648ab0;
}

.site .content-project-showWhoAreWe .block5 .subBlock
{
	position: relative;
	background: url('/wn/project/images/showWhoAreWe/blueBorder.png') center bottom repeat-x #fff;
}

.site .content-project-showWhoAreWe .block5 .line
{
	height: 4px;
	position: absolute;
	top: 110px;
	left: 150px;
	right: 150px;

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d6dade+0,b8b071+50,6d849b+100 */
	background: #d6dade; /* Old browsers */
	background: -moz-linear-gradient(left, #d6dade 0%, #b8b071 50%, #6d849b 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #d6dade 0%,#b8b071 50%,#6d849b 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #d6dade 0%,#b8b071 50%,#6d849b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6dade', endColorstr='#6d849b',GradientType=1 ); /* IE6-9 */
}

.site .content-project-showWhoAreWe .block5 .column
{
	padding: 0 10px;
}

.site .content-project-showWhoAreWe .block5 .yearIcon
{
	display: block;
	margin: 15px auto 35px auto;
	position: relative;
	z-index: 1;
}

/*.site .content-project-showWhoAreWe .block5 .yearIcon2018
{
	margin: 0 auto 30px auto;
}*/

.site .content-project-showWhoAreWe .block6 .subBlock
{
	position: relative;
}

.site .content-project-showWhoAreWe .block6 .dashed
{
	margin-left: -448px;
	position: absolute;
	top: 60px;
	left: 50%;
}

.site .content-project-showWhoAreWe .block6 .column
{
	padding: 0 10px;
	text-align: center;
}

.site .content-project-showWhoAreWe .block6 .image
{
	display: block;
	margin: 0 auto 15px auto;
	position: relative;
	z-index: 1;
}

.site .content-project-showWhoAreWe .block6 .title
{
	margin-bottom: 10px;
	padding-bottom: 10px;
	position: relative;
	font-family: 'cooper_hewittbook';
	font-size: 25px;
	text-transform: uppercase;
}

.site .content-project-showWhoAreWe .block6 .title:after
{
	content: '';
	width: 36px;
	height: 4px;
	margin-left: -18px;
	position: absolute;
	left: 50%;
	bottom: 0;
	background: #f0e058;
}

.site .content-project-showWhoAreWe .block6 .titleP1
{
	color: #1c242b;
}

.site .content-project-showWhoAreWe .block6 .titleP2
{
	font-family: 'cooper_hewittbold';
	color: #56718c;
}

.site .content-project-showWhoAreWe .block6 .text
{
	font-family: 'cooper_hewittbook';
	font-size: 16px;
	line-height: 150%;
	text-transform: uppercase;
	color: #8d8751;
}

.site .content-project-showWhoAreWe .block7 .text
{
	margin-bottom: 30px;
	font-family: 'cooper_hewittbook';
	font-size: 18px;
	text-transform: uppercase;
	text-align: center;
	color: #8d8751;
}

.site .content-project-showWhoAreWe .block7 .partners
{
	display: table;
	table-layout: fixed;
	width: 100%;
	border-collapse: collapse;
}

.site .content-project-showWhoAreWe .block7 .partnerLine
{
	display: table-row;
}

.site .content-project-showWhoAreWe .block7 .partner
{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	padding: 10px;
	border: solid 1px #ced4da;
}


/*////////////////////////////
// View : project : showShowroom
////////////////////////////*/

.site .content-project-showShowroom .sharedBlock2
{
	padding: 5px 0;
}

.site .content-project-showShowroom .block3 .centeredContent,
.site .content-project-showShowroom .block4 .centeredContent
{
	max-width: 1370px;
	margin: 0 auto;
	padding: 50px 0 110px 0;
}

.site .content-project-showShowroom .block4 .centeredContent
{
	padding-top: 0;
}

.site .content-project-showShowroom .block3 .titleL2,
.site .content-project-showShowroom .block4 .titleL2,
.site .content-eCommerce-product-listCovidProtections .block3 .title,
.site .content-project-showCatalogs .block3 .title,
.site .content-contactForm-contact .block3 .title
{
	margin: 0 0 20px 0;
	padding-top: 25px;
	background: url('/wn/project/images/showHome/titleL2Background.png') center top no-repeat;
	font-family: 'cooper_hewittbold';
	font-weight: normal;
	font-size: 38px;
	line-height: 100%;
	text-transform: uppercase;
	text-align: center;
	color: #56718c;
}

.site .content-eCommerce-product-listCovidProtections .block3 .title,
.site .content-project-showCatalogs .block3 .title
{
	margin-bottom: 40px;
}

.site .content-project-showShowroom .showroomSlideshow,
.site .content-eCommerce-category-show .categorySlidesSlideshow
{
	position: relative;
}

.site .content-eCommerce-category-show .categorySlidesSlideshow
{
	margin-top: 25px;
}

.site .content-project-showShowroom .showroomSlideshow .slideshowWindow,
.site .content-eCommerce-category-show .categorySlidesSlideshow .slideshowWindow
{
	height: 100%;
	overflow: hidden;
	position: relative;
}

.site .content-project-showShowroom .showroomSlideshow .slides,
.site .content-eCommerce-category-show .categorySlidesSlideshow .slides
{
	height: 100%;
	position: relative;
	top: 0;
	left: 0;
}

.site .content-project-showShowroom .showroomSlideshow .slide,
.site .content-eCommerce-category-show .categorySlidesSlideshow .slide
{
	display: none;
}

.site .content-project-showShowroom .showroomSlideshow .slide:first-child,
.site .content-eCommerce-category-show .categorySlidesSlideshow .slide:first-child
{
	display: block;
}

.site .content-eCommerce-category-show .categorySlidesSlideshow .categorySlideTitle
{
	position: absolute;
	left: 190px;
	bottom: 125px;
	padding: 20px;
	background: #f0e058;
	font-family: 'cooper_hewittbold';
	font-size: 38px;
	text-transform: uppercase;
	color: #2a3238;
}

.site .content-project-showShowroom .showroomSlideshow .showPreviousSlide,
.site .content-eCommerce-category-show .categorySlidesSlideshow .showPreviousSlide,
.site .content-project-showShowroom .showroomSlideshow .showNextSlide,
.site .content-eCommerce-category-show .categorySlidesSlideshow .showNextSlide
{
	display: block;
	width: 43px;
	height: 46px;
	margin-top: -23px;

	position: absolute;
	top: 50%;

	cursor: pointer;
}

.site .content-project-showShowroom .showroomSlideshow .showPreviousSlide,
.site .content-eCommerce-category-show .categorySlidesSlideshow .showPreviousSlide
{
	left: -55px;
	background: url('/wn/project/images/showShowroom/leftArrowIcon.png') center center no-repeat;
	background-size: contain;
}

.site .content-project-showShowroom .showroomSlideshow .showNextSlide,
.site .content-eCommerce-category-show .categorySlidesSlideshow .showNextSlide
{
	right: -55px;
	background: url('/wn/project/images/showShowroom/rightArrowIcon.png') center center no-repeat;
	background-size: contain;
}

.site .content-project-showShowroom .block3 .subBlock
{
	padding: 40px 40px 60px 40px;
	background: url('/wn/project/images/eCommerce/product/list/background.png') center bottom repeat-x #fff;
	text-align: center;
}

/*.site .content-project-showShowroom .block3 .column1
{
	padding-right: 50px;
}*/

.site .content-project-showShowroom .block3 .items
{
	margin: 0 0 30px 0;
	padding: 0;
}

.site .content-project-showShowroom .block3 .item
{
	display: inline-block;
	margin: 0 30px 30px 30px;
}

.site .content-project-showShowroom .block3 .item .icon
{
	display: block;
	margin: 0 auto 10px auto;
}

.site .content-project-showShowroom .block3 .item .label
{
	padding-bottom: 15px;
	position: relative;
	font-family: 'cooper_hewittbold';
	font-size: 20px;
	text-transform: uppercase;
	color: #56718C;
}

.site .content-project-showShowroom .block3 .item .label:after
{
	content: '';
	width: 36px;
	height: 4px;
	margin-left: -18px;
	position: absolute;
	left: 50%;
	bottom: 0;
	background: #B3A85D;
}

.site .content-project-showShowroom .block3 .titleL3
{
	margin: 30px 0 20px 0;
	font-family: 'cooper_hewittbold';
	font-weight: normal;
	font-size: 24px;
	line-height: 100%;
	text-transform: uppercase;
	color: #1c242b;
}

.site .content-project-showShowroom .block3 .map
{
	width: 100%;
	height: 300px;
}

.site .content-project-showShowroom .block3 .paragraph
{
	margin: 0 0 30px 0;
	font-family: 'cooper_hewittbook';
	font-size: 20px;
	line-height: 150%;
	color: #1c242b;
}

.site .content-project-showShowroom .block3 .list
{
	margin: 0 0 30px 0;
	padding: 0;
	list-style: none;
}

.site .content-project-showShowroom .block3 .listItem
{
	margin-bottom: 15px;
	padding-left: 20px;
	font-size: 20px;
	color: #1c242b;
}

.site .content-project-showShowroom .block3 .link
{
	font-family: 'cooper_hewittbold';
	text-decoration: none;
	color: inherit;
}

.site .content-project-showShowroom .block3 .contactLink
{
	display: inline-block;
	width: 170px;
	height: 60px;
	line-height: 60px;
	padding-left: 50px;
	background: url('/wn/project/images/shared/yellowArrowIcon.png') 30px center no-repeat #56718c;
	font-family: 'cooper_hewittbook';
	font-size: 19px;
	text-transform: uppercase;
	text-decoration: none;
	text-align: left;
	color: #fff;
	transition: all 600ms;
}

.site .content-project-showShowroom .block3 .contactLink:hover
{
	/*background-position-x: 65px;*/
	background-color: #648ab0;
}


/*////////////////////////////
// View : showCatalogs
////////////////////////////*/

.site .content-project-showCatalogs .grid
{
	margin: -40px 0 0 -40px;
}

.site .content-project-showCatalogs .gridItem
{
	float: left;
	width: 33.33%;
	padding: 40px 0 0 40px;
}

.site .content-project-showCatalogs .catalog
{

}

.site .content-project-showCatalogs .picture
{
	display: block;
	max-height: 278px;
	margin: 0 auto 20px auto;
}

.site .content-project-showCatalogs .name
{

}

.site .content-project-showCatalogs .separator
{

}

.site .content-project-showCatalogs .buttons
{
	text-align: center;
}

.site .content-project-showCatalogs .button
{
	display: inline-block;
	padding: 20px;
	background: #f0e058;
	border-radius: 40px;
	font-family: 'cooper_hewittbold';
	font-size: 19px;
	text-transform: uppercase;
	color: #1c242b;
}

/*////////////////////////////
// View : project : showLegalNotices
////////////////////////////*/

.site .content-project-showLegalNotices .sharedBlock2,
.site .content-eCommerce-showGTC .sharedBlock2,
.site .content-project-showFreeDeliveryAndReturn .sharedBlock2,
.site .content-project-showGCU .sharedBlock2
{
	padding: 5px 0;
}

.site .content-project-showLegalNotices .block3 .titleL3,
.site .content-eCommerce-showGTC .block3 .titleL3,
.site .content-project-showFreeDeliveryAndReturn .block3 .titleL3,
.site .content-project-showGCU .block3 .titleL3
{
	margin: 0 0 15px 0;
	font-family: 'cooper_hewittbold';
	font-weight: normal;
	font-size: 20px;
	line-height: 100%;
	text-transform: uppercase;
	color: #aea662;
}

.site .content-project-showFreeDeliveryAndReturn .block3 .titleL4,
.site .content-project-showGCU .block3 .titleL4
{
	margin: 0 0 15px 0;
	font-family: 'cooper_hewittbold';
	font-weight: normal;
	font-size: 18px;
	line-height: 100%;
	text-transform: uppercase;
	color: #1c242b;
}

.site .content-project-showLegalNotices .block3 .text,
.site .content-eCommerce-showGTC .block3 .text,
.site .content-project-showFreeDeliveryAndReturn .block3 .text,
.site .content-project-showGCU .block3 .text
{
	margin: 0 0 30px 0;
	font-family: 'cooper_hewittbook';
	font-size: 18px;
	text-align: justify;
	color: #1c242b;
}

.site .content-project-showLegalNotices .block3 .link,
.site .content-eCommerce-showGTC .block3 .link,
.site .content-project-showFreeDeliveryAndReturn .block3 .link,
.site .content-project-showGCU .block3 .link
{
	color: inherit;
}


/*////////////////////////////
// View : project : showCustomization
////////////////////////////*/

.site .content-project-showCustomization
{

}

/**/

.site .content-project-showCustomization .block1
{

}

.site .content-project-showCustomization .block1 .customizationSlideshow
{

}

.site .content-project-showCustomization .block1 .slideshowWindow
{

}

.site .content-project-showCustomization .block1 .slides
{

}

.site .content-project-showCustomization .block1 .slide
{

}

.site .content-project-showCustomization .block1 .centeredContent
{

}

.site .content-project-showCustomization .block1 .title
{

}

.site .content-project-showCustomization .block1 .columns
{

}

.site .content-project-showCustomization .block1 .column
{

}

.site .content-project-showCustomization .block1 .column1
{

}

.site .content-project-showCustomization .block1 .column2
{

}

.site .content-project-showCustomization .block1 .titlePart1
{

}

.site .content-project-showCustomization .block1 .titlePart2
{

}

.site .content-project-showCustomization .block1 .titlePart3
{

}

.site .content-project-showCustomization .block1 .titlePart3-P1
{
	display: inline;
}

.site .content-project-showCustomization .block1 .titlePart3-P2
{
	display: inline;
	color: #56718C;
}

.site .content-project-showCustomization .block1 .slideButtons
{

}

.site .content-project-showCustomization .block1 .slideButton
{

}

.site .content-project-showCustomization .block1 .showPreviousSlide
{

}

.site .content-project-showCustomization .block1 .showNextSlide
{

}

/**/

.site .content-project-showCustomization .block2
{
	padding: 60px 0 90px 0;
	position: relative;
	background: #fff;
}

.site .content-project-showCustomization .block2 .centeredContent,
.site .content-project-showCustomization .block3 .centeredContent,
.site .content-project-showCustomization .block4 .centeredContent,
.site .content-project-showCustomization .block5 .centeredContent,
.site .content-project-showCustomization .block6 .centeredContent
{
	max-width: 1240px;
	margin: 0 auto;
}

.site .content-project-showCustomization .block2 .grid
{
	margin: -30px 0 0 -30px;
}

.site .content-project-showCustomization .block2 .gridItem
{
	float: left;
	width: 33.33%;
	padding: 30px 0 0 30px;
}

.site .content-project-showCustomization .block2 .item
{
	padding-bottom: 30px;
	background: url('/wn/project/images/showCustomization/separator.jpg') center bottom no-repeat;
}

.site .content-project-showCustomization .block2 .titleL2,
.site .content-project-showCustomization .block5 .titleL2
{
	margin: 0;
	font-family: 'cooper_hewittbold';
	font-weight: normal;
	font-size: 28px;
	text-transform: uppercase;
	text-align: center;
	color: #1c242b;
}

.site .content-project-showCustomization .block2 .text,
.site .content-project-showCustomization .block5 .text
{
	margin-top: 15px;
	font-family: 'cooper_hewittbook';
	font-size: 22px;
	text-transform: uppercase;
	text-align: center;
	color: #56718C;
}

.site .content-project-showCustomization .block5 .text
{
	font-size: 19px;
}

.site .content-project-showCustomization .block2 .contactButton,
.site .content-project-showCustomization .block4 .contactButton
{
	display: block;
	width: 290px;
	margin-left: -145px;
	padding: 20px 0;
	position: absolute;
	left: 50%;
	bottom: -45px;
	z-index: 2;
	background: #56718C;
	border-radius: 40px;
	font-size: 19px;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
	color: #fff;
}

.site .content-project-showCustomization .block2 .contactButtonP1,
.site .content-project-showCustomization .block4 .contactButtonP1
{
	display: inline;
	font-family: 'cooper_hewittbold';
}

.site .content-project-showCustomization .block2 .contactButtonP2,
.site .content-project-showCustomization .block4 .contactButtonP2
{
	display: inline;
	font-family: 'cooper_hewittbold';
	color: #F6E14A;
}

.site .content-project-showCustomization .block2 .contactButtonP3,
.site .content-project-showCustomization .block4 .contactButtonP3
{
	margin-top: 5px;
	font-family: 'cooper_hewittbook';
}

.site .content-project-showCustomization .block2 .borderBottom
{

}

/**/

.site .content-project-showCustomization .block3
{
	padding: 70px 0 30px 0;
}

.site .content-project-showCustomization .block3 .centeredContent
{

}

.site .content-project-showCustomization .block3 .buttons,
.site .content-project-showCustomization .block5 .buttons
{
	margin-bottom: 30px;
	text-align: center;
}

.site .content-project-showCustomization .block3 .externalButton,
.site .content-project-showCustomization .block5 .externalButton
{
	display: inline-block;
	padding: 20px;
	background: #f0e058;
	border-radius: 40px;
	font-family: 'cooper_hewittbold';
	font-size: 19px;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
	color: #1c242b;
}

.site .content-project-showCustomization .block3 .externalButtonP1,
.site .content-project-showCustomization .block5 .externalButtonP1
{
	display: inline;
}

.site .content-project-showCustomization .block3 .externalButtonP2,
.site .content-project-showCustomization .block5 .externalButtonP2
{
	display: inline;
	color: #56718c;
}

.site .content-project-showCustomization .block3 .externalButtonP3,
.site .content-project-showCustomization .block5 .externalButtonP3
{
	margin-top: 5px;
	font-family: 'cooper_hewittbook';
}

.site .content-project-showCustomization .block3 .titleL2,
.site .content-project-showCustomization .block4 .titleL2
{
	margin: 0 0 40px 0;
	padding-bottom: 35px;
	background: url('/wn/project/images/showCustomization/separator.jpg') center bottom no-repeat;
	font-family: 'cooper_hewittbold';
	font-weight: normal;
	font-size: 36px;
	text-transform: uppercase;
	text-align: center;
}

.site .content-project-showCustomization .block3 .titleL2-P1,
.site .content-project-showCustomization .block4 .titleL2-P1
{
	color: #1c242b;
}

.site .content-project-showCustomization .block3 .titleL2-P2,
.site .content-project-showCustomization .block4 .titleL2-P2
{
	color: #56718C;
}

.site .content-project-showCustomization .block3 .grid
{
	margin: -30px 0 0 -30px;
}

.site .content-project-showCustomization .block3 .gridItem
{
	float: left;
	width: 20%;
	padding: 30px 0 0 30px;
}

.site .content-project-showCustomization .block3 .item
{
	padding: 25px 10px 45px 10px;
	background: url('/wn/project/images/eCommerce/product/list/background.png') center bottom repeat-x #fff;
}

.site .content-project-showCustomization .block3 .picture
{
	display: block;
	margin: 0 auto;
}

.site .content-project-showCustomization .block3 .label
{
	margin-top: 20px;
	padding-bottom: 15px;
	position: relative;
	font-family: 'cooper_hewittbold';
	font-size: 22px;
	text-transform: uppercase;
	text-align: center;
	color: #56718C;
}

.site .content-project-showCustomization .block3 .label:after
{
	content: '';
	width: 20px;
	height: 6px;
	margin-left: -10px;
	position: absolute;
	left: 50%;
	bottom: 0;
	background: #D4D0AF;
}

/**/

.site .content-project-showCustomization .block4
{
	padding: 90px 0;
	position: relative;
	background: #fff;
}

.site .content-project-showCustomization .block4 .borderTop
{

}

.site .content-project-showCustomization .block4 .centeredContent
{

}

.site .content-project-showCustomization .block4 .titleL2
{

}

.site .content-project-showCustomization .block4 .titleL2-P1
{

}

.site .content-project-showCustomization .block4 .titleL2-P2
{

}

.site .content-project-showCustomization .block4 .icons
{
	text-align: center;
}

.site .content-project-showCustomization .block4 .icon
{
	display: inline-block;
	margin-left: 100px;
}

.site .content-project-showCustomization .block4 .icon:first-child
{
	margin-left: 0;
}

.site .content-project-showCustomization .block4 .text
{
	margin-top: 45px;
	font-family: 'cooper_hewittbold';
	font-size: 28px;
	text-transform: uppercase;
	text-align: center;
	color: #1C242B;
}

.site .content-project-showCustomization .block4 .contactButton
{

}

.site .content-project-showCustomization .block4 .contactButtonP1
{

}

.site .content-project-showCustomization .block4 .contactButtonP2
{

}

.site .content-project-showCustomization .block4 .contactButtonP3
{

}

.site .content-project-showCustomization .block4 .borderBottom
{

}

/**/

.site .content-project-showCustomization .block5
{
	/*padding: 100px 0 125px 0;*/
	padding: 70px 0 90px 0;
}

.site .content-project-showCustomization .block5 .centeredContent
{

}

.site .content-project-showCustomization .block5 .grid
{
	margin: -40px 0 0 -40px;
}

.site .content-project-showCustomization .block5 .gridItem
{
	float: left;
	width: 25%;
	padding: 40px 0 0 40px;
}

.site .content-project-showCustomization .block5 .item
{
	padding-top: 45px;
	background: url('/wn/project/images/showCustomization/separator.jpg') center top no-repeat;
}

.site .content-project-showCustomization .block5 .titleL2
{

}

.site .content-project-showCustomization .block5 .text
{

}

/**/

.site .content-project-showCustomization .block6
{
	padding-top: 45px;
	background: #fff;
}

.site .content-project-showCustomization .block6 .centeredContent
{

}

.site .content-project-showCustomization .block6 .banner
{
	display: block;
	margin: 0 auto;
}


/*////////////////////////////
// View : contactForm : contact
////////////////////////////*/

.site .content-contactForm-contact
{

}


/*////////////////////////////
// Shared
////////////////////////////*/

.site .sharedBlock1
{
	height: 245px;
	background: url('/wn/project/images/showHome/block1Background2.png') center center no-repeat;
	background-size: cover;
}

.site .sharedBlock1 .centeredContent
{
	width: 1270px;
	height: 245px;
	margin: 0 auto;
	position: relative;
}

.site .sharedBlock1 .title
{
	margin: 0;
	padding-bottom: 20px;
	position: absolute;
	top: 100px;
	left: 125px;
	background: url('/wn/project/images/showHome/titleL2Background.png') center bottom no-repeat;
	font-family: 'cooper_hewittbold';
	font-weight: normal;
	font-size: 32px;
	line-height: 100%;
	text-align: center;
	text-transform: uppercase;
}

.site .sharedBlock1 .titleP1
{
	color: #fff;
}

.site .sharedBlock1 .titleP2
{
	margin-top: 5px;
	color: #f0e058;
}

.site .sharedBlock2
{
	padding: 30px 0;
	position: relative;
	background: #fff;
}

.site .sharedBlock2 .centeredContent
{
	width: 1070px;
	margin: 0 auto;
}

.site .sharedBlock2 .stepNumbers
{
	display: block;
	margin: 0;
	padding: 0;
	text-align: center;
}

.site .sharedBlock2 .stepNumbers .stepNumber
{
	display: inline-block;
	margin-left: 25px;
	-webkit-filter: grayscale(1);
	-webkit-filter: grayscale(100%);
	filter: gray;
	filter: grayscale(100%);
}

.site .sharedBlock2 .stepNumbers .stepNumber.active
{
	-webkit-filter: none;
	filter: none;
}

.site .sharedBlock2 .stepNumbers .stepNumber:first-child
{
	margin-left: 0;
}

.site .sharedBlock2 .stepNumbers .stepNumberLink
{
	text-decoration: none;
}

.site .sharedBlock2 .stepNumbers .number
{
	display: block;
	width: 50px;
	height: 50px;
	line-height: 50px;
	margin: 0 auto 10px auto;
	border-radius: 50%;
	background: #aea662;
	font-family: 'cooper_hewittbold';
	font-size: 22px;
	text-align: center;
	color: #fff;
}

.site .sharedBlock2 .stepNumbers .stepNumber.active .number
{
	background: #f0e058;
	color: #000;
}

.site .sharedBlock2 .stepNumbers .image
{
	display: block;
	margin: 0 auto;
}

.site .sharedBlock2 .stepNumbers .label
{
	display: block;
	margin-top: 5px;
	font-family: 'cooper_hewittbook';
	font-size: 15px;
	text-transform: uppercase;
	color: #242d34;
}

.site .sharedBlock2 .stepNumbers .stepNumber.active .label
{
	font-family: 'cooper_hewittbold';
	color: #1c242b;
}

.site .content-contactForm-contact .sharedBlock2
{
	padding: 5px 0;
}

.site .sharedBlock3
{
	padding: 0 0 115px 0;
}

.site .sharedBlock3 .centeredContent
{
	max-width: 1370px;
	margin: 0 auto;
	padding: 20px 100px 100px 100px;
	background: url('/wn/project/images/eCommerce/product/list/background.png') center bottom repeat-x #fff;
}


.site .content-contactForm-contact .block3 .titleL2
{
	margin-bottom: 45px;
	padding-bottom: 20px;
	background: url('/wn/project/images/showHome/titleL2Background.png') center bottom no-repeat;
	font-family: 'cooper_hewittbold';
	font-size: 24px;
	line-height: 100%;
	text-transform: uppercase;
	text-align: center;
	color: #1c242b;
}

.site .content-contactForm-contact .block3 .titleL2P1
{
	color: #56718c;
}

.site .content-contactForm-contact .block3 .text
{
	font-family: 'cooper_hewittbook';
	font-size: 15px;
	text-align: center;
	color: #837c43;
}

.site .content-contactForm-contact .block3 .email
{
	color: inherit;
}

.site .content-contactForm-contact .block3 .label,
.site .content-contactForm-contact .block3 .strong
{
	font-family: 'cooper_hewittbold';
}

.site .content-contactForm-contact .block3 .space
{
	height: 40px;
}

.site .form-contactForm-contact
{
	margin-top: 20px;
}

.site .sharedForm .fieldset
{
	margin: 25px 0 0 0;
	padding: 0;
	border: none;
}

.site .sharedForm .fieldset:first-child
{
	margin-top: 0;
}

.site .sharedForm .formRow
{
	display: table;
	table-layout: fixed;
	width: 100%;
	margin: 25px 0 0 0;
	position: relative;
}

.site .sharedForm.stackedForm .formRow
{
	display: block;
	width: auto;
}

.site .sharedForm .fieldset .formRow:first-child
{
	margin-top: 0;
}

.site .sharedForm .formRowLeftColumn
{
	display: table-cell;
	vertical-align: top;
	width: 215px;
}

.site .sharedForm.stackedForm .formRowLeftColumn
{
	display: block;
	width: auto;
}

.site .sharedForm .formRowRightColumn
{
	display: table-cell;
	vertical-align: top;
	padding-left: 5px;
}

.site .sharedForm.stackedForm .formRowRightColumn
{
	display: block;
	padding-top: 5px;
	padding-left: 0;
}

.site .sharedForm .formRowRightColumn.hasCheckbox
{
	vertical-align: middle;
}

.site .sharedForm .formRow.optional .formRowRightColumn:after
{
	content: '';
	width: 26px;
	height: 25px;
	position: absolute;
	top: 0;
	right: -30px;
	background: url('/wn/project/images/sharedForm/optionalIcon.png') center center no-repeat;
}

.site .sharedForm .formLabel
{
	display: block;
	padding: 30px 30px 15px 0;
	border-bottom: solid 1px #4e5b66;
	font-family: 'cooper_hewittbold';
	font-size: 20px;
	text-transform: uppercase;
	text-align: right;
	color: #aea662;
}

.site .sharedForm.stackedForm .formLabel
{
	padding: 0 0 15px 0;
	text-align: left;
}

.site .sharedForm .formLabel:before
{
	content: '';
	display: inline-block;
	width: 8px;
	height: 8px;
	margin-right: 10px;
	position: relative;
	top: -4px;
	background: url('/wn/project/images/eCommerce/product/show/miniShowNextSlide.png') center center no-repeat;
	background-size: cover;
}

.site .sharedForm .textField,
.site .sharedForm .emailField,
.site .sharedForm .passwordField,
.site .sharedForm .selectionField,
.site .sharedForm .textarea
{
	width: 100%;
	height: 64px;
	line-height: 64px;
	padding: 0 20px;
	background: #1c242b;
	border: solid 1px #3d4950;
	font-family: 'cooper_hewittbook';
	font-size: 23px;
	color: #fff;
	transition: all 600ms;
}

.site .sharedForm .twoFields .passwordField
{
	width: 49%;
}

.site .sharedForm .textField:focus,
.site .sharedForm .emailField:focus,
.site .sharedForm .passwordField:focus,
.site .sharedForm .selectionField:focus,
.site .sharedForm .textarea:focus
{
	background: #e8ebee;
	color: #1c242b;
}

.site .sharedForm .textarea
{
	height: 265px;
	line-height: normal;
	padding: 20px;
}

.site .sharedForm .radioButtons,
.site .content-eCommerce-order-showBasketStep .radioButtons
{
	text-align: center;
}

.site .content-chronopost-order-showDeliveryPointStep .radioButtons
{
	text-align: left;
}

.site .sharedForm .radioButton,
.site .content-eCommerce-order-showBasketStep .radioButton
{
	display: inline-block;
	margin: 0 0 0 10px;
}

.site .sharedForm .radioButtons .radioButton:first-child,
.site .content-eCommerce-order-showBasketStep .radioButtons .radioButton:first-child
{
	margin-left: 0;
}

.site .sharedForm .radioButton label,
.site .content-eCommerce-order-showBasketStep .radioButton label
{
	display: block;
	padding: 20px 20px 20px 60px;
	border: solid 1px #aea662;
	background: url('/wn/project/images/eCommerce/order/showAddressStep/radioBackground.png') 10px center no-repeat;
	font-family: 'cooper_hewittbook';
	font-size: 19px;
	text-align: left;
	text-transform: uppercase;
	color: #8c854a;
	cursor: pointer;
}

.site .content-chronopost-order-showDeliveryPointStep .radioButton label
{
	padding-left: 40px;
	background: url('/wn/project/images/eCommerce/order/showAddressStep/radioBackground.png') center center no-repeat;
	border: none;
}

.site .sharedForm .radioButton.checked label,
.site .content-eCommerce-order-showBasketStep .radioButton.checked label
{
	background: url('/wn/project/images/eCommerce/order/showAddressStep/checkedRadioBackground.png') 9px center no-repeat #f0e058;
}

.site .content-chronopost-order-showDeliveryPointStep .radioButton.checked label
{
	background: url('/wn/project/images/eCommerce/order/showAddressStep/checkedRadioBackground.png') center center no-repeat;
}

.site .sharedForm .radioButton input,
.site .content-eCommerce-order-showBasketStep .radioButton input
{
	display: none;
}

.site .form .formRow .labelForCheckbox
{
	display: inline-block;
	width: 38px;
	height: 38px;
	position: relative;
	top: 5px;
	background: url('/wn/project/images/eCommerce/order/showAddressStep/radioBackground.png') left center no-repeat;
	cursor: pointer;
}

.site .content-eCommerce-order-requestAReturn .form .formRow .labelForCheckbox
{
	position: static;
	top: 0;
}

.site .form .formRow .labelForCheckbox.checked
{
	background: url('/wn/project/images/eCommerce/order/showAddressStep/checkedRadioBackground.png') left center no-repeat;
}

.site .form .formRow .labelForCheckbox input
{
	display: none;
}

.site .form .g-recaptcha
{
	max-width: 304px;
	margin: 25px 0 0 auto;
}

.site .sharedForm .error,
.site .content-eCommerce-order-showAddresssStep .error
{
	margin-top: 5px;
	font-family: 'cooper_hewittbold';
	font-size: 16px;
	text-align: right;
}

.site .sharedForm .optionalFieldsInformation
{
	float: left;
	height: 25px;
	line-height: 25px;
	margin: 20px 0 0 0;
	padding: 0 0 0 40px;
	background: url('/wn/project/images/sharedForm/optionalIcon.png') left center no-repeat;
	font-family: 'cooper_hewittbook';
	font-size: 15px;
	font-style: normal;
	text-align: left;
	color: #837c43;
}

.site .sharedForm .buttons
{
	float: right;
	margin-top: 20px;
}

.site .sharedForm .button,
.site .sharedButton
{
	display: block;
	/*width: 220px;*/
	height: 50px;
	line-height: 50px;
	margin: 0;
	/*padding: 0 0 0 90px;*/
	padding: 0 20px 0 40px;
	position: relative;
	/*background: url('/wn/project/images/eCommerce/product/show/buttonArrow.png') 60px center no-repeat #56718c;*/
	background: url('/wn/project/images/eCommerce/product/show/buttonArrow.png') 20px center no-repeat #56718c;
	font-family: 'cooper_hewittbook';
	font-size: 16px;
	text-align: left;
	text-transform: uppercase;
	color: #fff;
	cursor: pointer;
	transition: all 600ms;
}

.site .sharedButton
{
	display: inline-block;
}

.site .sharedForm .button:hover,
.site .sharedButton:hover
{
	/*background-position-x: 65px;*/
	background-position-x: 25px;
	background-color: #648ab0;
}

.site .sharedForm .confirmation
{
	margin-top: 20px;
	font-family: 'cooper_hewittbold';
	font-size: 16px;
	text-align: right;
}


/*////////////////////////////
// View : eCommerce : order : showBasketStep
////////////////////////////*/

.site .content-eCommerce-order-showBasketStep .order,
.site .content-eCommerce-order-showSummaryStep .order,
.site .content-eCommerce-order-list .table,
.site .content-eCommerce-order-show .order
{
	border-collapse: collapse;
	border-spacing: 0;
}

.site .content-eCommerce-order-showBasketStep .order .tableHeader,
.site .content-eCommerce-order-showSummaryStep .order .tableHeader,
.site .content-eCommerce-order-list .table .tableHeader,
.site .content-eCommerce-order-show .order .tableHeader
{
	background: #e2e6eb;
}

.site .content-eCommerce-order-showBasketStep .order .headerCell,
.site .content-eCommerce-order-showSummaryStep .order .headerCell,
.site .content-eCommerce-order-list .table .headerCell,
.site .content-eCommerce-order-show .order .headerCell
{
	padding: 15px 5px;
	border: none;
	font-family: 'cooper_hewittbold';
	font-size: 20px;
	text-transform: uppercase;
	text-align: left;
	color: #1c242b;
}

.site .content-eCommerce-order-showBasketStep .order .tableBody .line,
.site .content-eCommerce-order-showSummaryStep .order .tableBody .line,
.site .content-eCommerce-order-list .table .tableBody .line,
.site .content-eCommerce-order-show .order .tableBody .line
{
	border-top: solid 1px #eee;
}

.site .content-eCommerce-order-showBasketStep .order .tableBody .line:first-child,
.site .content-eCommerce-order-showSummaryStep .order .tableBody .line:first-child,
.site .content-eCommerce-order-list .table .tableBody .line:first-child,
.site .content-eCommerce-order-show .order .tableBody .line:first-child
{
	border-top: none;
}

.site .content-eCommerce-order-showBasketStep .order .valueCell,
.site .content-eCommerce-order-showSummaryStep .order .valueCell,
.site .content-eCommerce-order-list .table .valueCell,
.site .content-eCommerce-order-show .order .valueCell
{
	padding: 0;
	border: none;
}

.site .content-eCommerce-order-list .table .valueCell .link
{
	display: block;
	font-family: 'cooper_hewittbold';
	color: #56718c;
}

.site .content-eCommerce-order-list .table .valueCell
{
	padding: 5px;
	font-family: 'cooper_hewittbook';
	font-size: 16px;
	color: #224346;
}

.site .content-eCommerce-order-showBasketStep .order .photoCell,
.site .content-eCommerce-order-showSummaryStep .order .photoCell,
.site .content-eCommerce-order-show .order .photoCell
{
	width: 150px;
}

.site .content-eCommerce-order-showBasketStep .order .unitPriceCell,
.site .content-eCommerce-order-showSummaryStep .order .unitPriceCell,
.site .content-eCommerce-order-show .order .unitPriceCell
{
	width: 150px;
}

.site .content-eCommerce-order-showBasketStep .order .oldPrice,
.site .content-eCommerce-order-showSummaryStep .order .oldPrice,
.site .content-eCommerce-order-show .order .oldPrice
{
	text-decoration: line-through;
}

.site .content-eCommerce-order-showBasketStep .order .quantityCell,
.site .content-eCommerce-order-showSummaryStep .order .quantityCell,
.site .content-eCommerce-order-show .order .quantityCell
{
	width: 150px;
}

.site .content-eCommerce-order-showBasketStep .order .totalCell,
.site .content-eCommerce-order-showSummaryStep .order .totalCell,
.site .content-eCommerce-order-show .order .totalCell
{
	width: 150px;
}

.site .content-eCommerce-order-showBasketStep .order .actionCell,
.site .content-eCommerce-order-showSummaryStep .order .actionCell,
.site .content-eCommerce-order-show .order .actionCell
{
	width: 50px;
}

.site .content-eCommerce-order-showBasketStep .order .tableBody .designationCell,
.site .content-eCommerce-order-showSummaryStep .order .tableBody .designationCell,
.site .content-eCommerce-order-show .order .tableBody .designationCell,
.site .content-eCommerce-order-showBasketStep .order .tableBody .quantityCell,
.site .content-eCommerce-order-showSummaryStep .order .tableBody .quantityCell,
.site .content-eCommerce-order-show .order .tableBody .quantityCell
{
	font-family: 'cooper_hewittbook';
	font-size: 18px;
	color: #1c242b;
}

.site .content-eCommerce-order-showBasketStep .order .unitPriceValue,
.site .content-eCommerce-order-showSummaryStep .order .unitPriceValue,
.site .content-eCommerce-order-show .order .unitPriceValue,
.site .content-eCommerce-order-showBasketStep .order .quantityValue,
.site .content-eCommerce-order-showSummaryStep .order .quantityValue,
.site .content-eCommerce-order-show .order .quantityValue,
.site .content-eCommerce-order-showBasketStep .order .totalValue,
.site .content-eCommerce-order-showSummaryStep .order .totalValue,
.site .content-eCommerce-order-show .order .totalValue
{
	height: 50px;
	line-height: 50px;
	padding: 0 10px;
	white-space: nowrap;
	font-family: 'cooper_hewittbook';
	font-size: 16px;
	text-align: right;
	color: #1c242b;
}

.site .content-eCommerce-order-showBasketStep .order .unitPriceValue,
.site .content-eCommerce-order-showSummaryStep .order .unitPriceValue,
.site .content-eCommerce-order-show .order .unitPriceValue
{
	background: #e2e6eb;
}

.site .content-eCommerce-order-showBasketStep .order .quantityValue,
.site .content-eCommerce-order-showSummaryStep .order .quantityValue,
.site .content-eCommerce-order-show .order .quantityValue
{
	background: #394855;
	font-family: 'cooper_hewittbold';
	font-size: 20px;
	color: #fff;
}

.site .content-eCommerce-order-showBasketStep .order .totalValue,
.site .content-eCommerce-order-showSummaryStep .order .totalValue,
.site .content-eCommerce-order-show .order .totalValue
{
	background: #f0e058;
}

.site .content-eCommerce-order-showBasketStep .order .fieldset
{
	/*display: inline-block;*/
	margin: 0;
	padding: 0;
	border: none;
}

.site .content-eCommerce-order-showBasketStep .order .quantityFieldContainer,
.site .content-eCommerce-order-showPrivilegedProBasketStep .quantityFieldContainer
{
	vertical-align: middle;
	padding-right: 40px;
	position: relative;
}

.site .content-eCommerce-order-showBasketStep .order .integerNumberField,
.site .content-eCommerce-order-showPrivilegedProBasketStep .quantityField
{
	display: block;
	width: 100%;
	height: 50px;
	line-height: 50px;
	padding: 0 10px;
	background: #394855;
	border: none;
	font-family: 'cooper_hewittbold';
	font-size: 20px;
	text-align: right;
	color: #fff;
}

.site .content-eCommerce-order-showPrivilegedProBasketStep .quantityField
{
	height: 40px;
	line-height: 40px;
}

.site .content-eCommerce-order-showBasketStep .order .deleteButton
{
	display: block;
	width: 50px;
	height: 50px;
	background: url('/wn/project/images/popin/popinCloseButton.png') center center no-repeat;
}

.site .content-eCommerce-order-showBasketStep .order .deleteButton:hover
{
	background: url('/wn/project/images/eCommerce/order/showBasketStep/deleteButton.png') center center no-repeat;
}

.site .content-eCommerce-order-showBasketStep .order .totalProductsLine,
.site .content-eCommerce-order-showBasketStep .order .shippingCostLine2,
.site .content-eCommerce-order-showBasketStep .order .reductionLine2,
.site .content-eCommerce-order-showBasketStep .order .totalExcLine,
.site .content-eCommerce-order-showBasketStep .order .taxAmountLine,
.site .content-eCommerce-order-showBasketStep .order .totalIncLine,
.site .content-eCommerce-order-showSummaryStep .order .totalProductsLine,
.site .content-eCommerce-order-showSummaryStep .order .shippingCostLine2,
.site .content-eCommerce-order-showSummaryStep .order .reductionLine2,
.site .content-eCommerce-order-showSummaryStep .order .totalExcLine,
.site .content-eCommerce-order-showSummaryStep .order .taxAmountLine,
.site .content-eCommerce-order-showSummaryStep .order .totalIncLine,
.site .content-eCommerce-order-show .order .totalProductsLine,
.site .content-eCommerce-order-show .order .shippingCostLine2,
.site .content-eCommerce-order-show .order .reductionLine2,
.site .content-eCommerce-order-show .order .totalExcLine,
.site .content-eCommerce-order-show .order .taxAmountLine,
.site .content-eCommerce-order-show .order .totalIncLine
{
	border-bottom: solid 1px #111f27;
}

.site .content-eCommerce-order-showBasketStep .order .totalProductsLine .valueCell,
.site .content-eCommerce-order-showBasketStep .order .shippingCostLine2 .valueCell,
.site .content-eCommerce-order-showBasketStep .order .reductionLine2 .valueCell,
.site .content-eCommerce-order-showBasketStep .order .totalExcLine .valueCell,
.site .content-eCommerce-order-showBasketStep .order .taxAmountLine .valueCell,
.site .content-eCommerce-order-showBasketStep .order .totalIncLine .valueCell,
.site .content-eCommerce-order-showSummaryStep .order .totalProductsLine .valueCell,
.site .content-eCommerce-order-showSummaryStep .order .shippingCostLine2 .valueCell,
.site .content-eCommerce-order-showSummaryStep .order .reductionLine2 .valueCell,
.site .content-eCommerce-order-showSummaryStep .order .totalExcLine .valueCell,
.site .content-eCommerce-order-showSummaryStep .order .taxAmountLine .valueCell,
.site .content-eCommerce-order-showSummaryStep .order .totalIncLine .valueCell,
.site .content-eCommerce-order-show .order .totalProductsLine .valueCell,
.site .content-eCommerce-order-show .order .shippingCostLine2 .valueCell,
.site .content-eCommerce-order-show .order .reductionLine2 .valueCell,
.site .content-eCommerce-order-show .order .totalExcLine .valueCell,
.site .content-eCommerce-order-show .order .taxAmountLine .valueCell,
.site .content-eCommerce-order-show .order .totalIncLine .valueCell
{
	padding: 10px;
	background: #e2e6eb;
	white-space: nowrap;
	font-family: 'cooper_hewittbook';
	font-size: 16px;
	text-align: right;
	color: #1c242b;
}

.site .content-eCommerce-order-showBasketStep .order .shippingCostLine1 .headerCell,
.site .content-eCommerce-order-showBasketStep .order .reductionLine1 .headerCell,
.site .content-eCommerce-order-showSummaryStep .order .shippingCostLine1 .headerCell,
.site .content-eCommerce-order-showSummaryStep .order .reductionLine1 .headerCell,
.site .content-eCommerce-order-show .order .shippingCostLine1 .headerCell,
.site .content-eCommerce-order-show .order .reductionLine1 .headerCell
{
	padding: 15px 30px;
	background: #e2e6eb;
}

.site .content-eCommerce-order-showBasketStep .order .shippingCostLine2 .headerCell,
.site .content-eCommerce-order-showBasketStep .order .reductionLine2 .headerCell,
.site .content-eCommerce-order-showSummaryStep .order .shippingCostLine2 .headerCell,
.site .content-eCommerce-order-showSummaryStep .order .reductionLine2 .headerCell,
.site .content-eCommerce-order-show .order .shippingCostLine2 .headerCell,
.site .content-eCommerce-order-show .order .reductionLine2 .headerCell
{
	padding: 0 0 0 30px;
	color: #56718c;
}

.site .content-eCommerce-order-showBasketStep .order .shippingCostLine2 .formLabel,
.site .content-eCommerce-order-showBasketStep .order .reductionLine2 .formLabel
{
	height: 50px;
	line-height: 50px;
}

.site .content-eCommerce-order-showBasketStep .order .shippingCostLine2 .selectionFieldContainer,
.site .content-eCommerce-order-showBasketStep .order .reductionLine2 .fieldAndButton
{
	float: right;
}

.site .content-eCommerce-order-showBasketStep .order .shippingCostLine2 .selectionField
{
	width: 265px;
	font-family: 'cooper_hewittbook';
	font-size: 19px;
	color: #8c854a;
}

.site .content-eCommerce-order-showBasketStep .order .reductionLine2 .field
{
	float: left;
	display: block;
	height: 50px;
	line-height: 50px;
	padding: 0 10px;
	background: #f0e058;
	border: none;
	font-family: 'cooper_hewittbook';
	font-size: 19px;
	color: #8c854a;
}

.site .content-eCommerce-order-showBasketStep .order .reductionLine2 .okButton
{
	float: left;
	display: block;
	height: 50px;
	line-height: 50px;
	margin: 0;
	padding: 0 10px 0 25px;
	background: url('/wn/project/images/eCommerce/product/show/buttonArrow.png') 10px center no-repeat #56718c;
	font-family: 'cooper_hewittbook';
	font-size: 19px;
	text-transform: uppercase;
	color: #fff;
}

.site .form-eCommerce-order-showBasketStep
{
	margin-top: 40px;
}

.site .form-eCommerce-order-showBasketStep .fieldset
{
	margin: 0;
	padding: 0;
	border: none;
	text-align: center;
}

.site .form-eCommerce-order-showBasketStep .formRow
{
	margin: 0;
}

.site .form-eCommerce-order-showBasketStep .formLabel
{
	display: block;
	margin-bottom: 10px;
	font-family: 'cooper_hewittbold';
	font-size: 20px;
	text-transform: uppercase;
	color: #1c242b;
}

.site .content-eCommerce-order-showBasketStep .buttons
{
	margin-top: 40px;
}

.site .content-eCommerce-order-showBasketStep .buttons .column1
{
	text-align: left;
}

.site .content-eCommerce-order-showBasketStep .buttons .column2
{
	text-align: right;
}

.site .content-eCommerce-order-showBasketStep .buttons .emptyBasketButton,
.site .content-eCommerce-order-showBasketStep .buttons .orderButton
{
	width: 220px;
	height: 50px;
	line-height: 50px;
	margin: 0;
	padding: 0 0 0 60px;
	position: relative;
	background: url('/wn/project/images/eCommerce/product/show/buttonArrow.png') 30px center no-repeat #56718c;
	font-family: 'cooper_hewittbook';
	font-size: 16px;
	text-align: left;
	text-transform: uppercase;
	color: #fff;
	cursor: pointer;
	transition: all 600ms;
}

.site .content-eCommerce-order-showBasketStep .buttons .emptyBasketButton:hover,
.site .content-eCommerce-order-showBasketStep .buttons .orderButton:hover
{
	background-position-x: 35px;
	background-color: #648ab0;
}


/*////////////////////////////
// View : eCommerce : order : showPrivilegedProBasketStep
////////////////////////////*/

.site .content-eCommerce-order-showPrivilegedProBasketStep .fieldset
{
	margin: 0;
	padding: 0;
	border: none;
}

.site .content-eCommerce-order-showPrivilegedProBasketStep .categorys
{

}

.site .content-eCommerce-order-showPrivilegedProBasketStep .category
{
	margin-top: 20px;
}

.site .content-eCommerce-order-showPrivilegedProBasketStep .category:first-child
{
	margin-top: 0;
}

.site .content-eCommerce-order-showPrivilegedProBasketStep .categoryName
{
	padding: 15px 30px;
	background: #f0e058;
	font-family: 'cooper_hewittbold';
	font-size: 20px;
	text-transform: uppercase;
	color: #837c43;
}

.site .content-eCommerce-order-showPrivilegedProBasketStep .products
{
	padding: 20px 0;
}

.site .content-eCommerce-order-showPrivilegedProBasketStep .product2
{
	margin-top: 10px;
	padding: 10px;
	border: solid 1px #e2e6eb;
}

.site .content-eCommerce-order-showPrivilegedProBasketStep .product2:first-child
{
	margin-top: 0;
}

.site .content-eCommerce-order-showPrivilegedProBasketStep .columns
{

}

.site .content-eCommerce-order-showPrivilegedProBasketStep .column
{
	vertical-align: middle;
}

.site .content-eCommerce-order-showPrivilegedProBasketStep .column1
{
	width: 150px;
}

.site .content-eCommerce-order-showPrivilegedProBasketStep .column2
{
	padding: 0 10px;
}

.site .content-eCommerce-order-showPrivilegedProBasketStep .column3
{
	width: 150px;
}

.site .content-eCommerce-order-showPrivilegedProBasketStep .productPhoto
{
	display: block;
	margin: 0 auto;
}

.site .content-eCommerce-order-showPrivilegedProBasketStep .productReference
{
	font-family: 'cooper_hewittbold';
	font-size: 20px;
	line-height: 100%;
	text-decoration: none;
	color: #56718c;
}

.site .content-eCommerce-order-showPrivilegedProBasketStep .orderButton2
{
	display: block;
	width: 150px;
	height: 50px;
	line-height: 50px;
	margin: 0 auto;
	padding-left: 40px;
	background: url('/wn/project/images/eCommerce/product/show/buttonArrow.png') 10px center no-repeat #56718c;
	font-family: 'cooper_hewittbook';
	font-size: 16px;
	text-transform: uppercase;
	text-decoration: none;
	text-align: left;
	color: #fff;
	transition: all 600ms;
	cursor: pointer;
}

.site .content-eCommerce-order-showPrivilegedProBasketStep .orderButton2:hover
{
	background-position-x: 20px;
	background-color: #648ab0;
}

.site .content-eCommerce-order-showPrivilegedProBasketStep .table
{
	display: none;
	width: 100%;
	margin-top: 20px;
	border-collapse: separate;
	border-spacing: 1px;
}

.site .content-eCommerce-order-showPrivilegedProBasketStep .table.open
{
	display: table;
}

.site .content-eCommerce-order-showPrivilegedProBasketStep .tableHeader
{

}

.site .content-eCommerce-order-showPrivilegedProBasketStep .header
{

}

.site .content-eCommerce-order-showPrivilegedProBasketStep .cell
{

}

.site .content-eCommerce-order-showPrivilegedProBasketStep .headerCell
{
	background: #e2e6eb;
	padding: 10px 5px 5px 5px;
	font-family: 'cooper_hewittbold';
	font-size: 16px;
	text-transform: uppercase;
	color: #1c242b;
}

.site .content-eCommerce-order-showPrivilegedProBasketStep .designationCell
{

}

.site .content-eCommerce-order-showPrivilegedProBasketStep .unitPriceCell
{
	width: 150px;
}

.site .content-eCommerce-order-showPrivilegedProBasketStep .quantityCell
{
	width: 150px;
}

.site .content-eCommerce-order-showPrivilegedProBasketStep .subTotalCell
{
	width: 150px;
}

.site .content-eCommerce-order-showPrivilegedProBasketStep .tableBody
{

}

.site .content-eCommerce-order-showPrivilegedProBasketStep .line
{

}

.site .content-eCommerce-order-showPrivilegedProBasketStep .tableBody .cell
{
	border-bottom: solid 1px #e2e6eb;
}

.site .content-eCommerce-order-showPrivilegedProBasketStep .designation
{
	padding: 0 10px;
	font-family: 'cooper_hewittbook';
	font-size: 16px;
	color: #1c242b;
}

.site .content-eCommerce-order-showPrivilegedProBasketStep .unitPrice,
.site .content-eCommerce-order-showPrivilegedProBasketStep .subTotal
{
	height: 40px;
	line-height: 40px;
	padding: 0 10px;
	white-space: nowrap;
	font-family: 'cooper_hewittbook';
	font-size: 16px;
	text-align: right;
	color: #1c242b;
}

.site .content-eCommerce-order-showPrivilegedProBasketStep .unitPrice
{
	background: #e2e6eb;
}

.site .content-eCommerce-order-showPrivilegedProBasketStep .subTotal
{
	background: #f0e058;
}

.site .content-eCommerce-order-showPrivilegedProBasketStep .quantityFieldContainer
{

}

.site .content-eCommerce-order-showPrivilegedProBasketStep .quantityField
{

}

.site .content-eCommerce-order-showPrivilegedProBasketStep .incrementButton
{

}

.site .content-eCommerce-order-showPrivilegedProBasketStep .decrementButton
{

}

.site .content-eCommerce-order-showPrivilegedProBasketStep .totalContainer
{
	display: table;
	table-layout: fixed;
	width: 100%;
	border-bottom: solid 1px #111f27;
}

.site .content-eCommerce-order-showPrivilegedProBasketStep .totalLabel
{
	display: table-cell;
	padding: 10px;
	font-family: 'cooper_hewittbold';
	font-size: 20px;
	text-transform: uppercase;
	text-align: right;
	color: #1c242b;
}

.site .content-eCommerce-order-showPrivilegedProBasketStep .total
{
	display: table-cell;
	width: 150px;
	padding: 10px;
	background: #e2e6eb;
	white-space: nowrap;
	font-family: 'cooper_hewittbook';
	font-size: 16px;
	text-align: right;
	color: #1c242b;
}

.site .content-eCommerce-order-showPrivilegedProBasketStep .space
{
	display: table-cell;
	width: 11px;
}


/*////////////////////////////
// View : eCommerce : order : showAddresssStep
////////////////////////////*/

.site .content-eCommerce-order-showAddresssStep .blockL2
{
	margin-top: 40px;
	padding: 40px 40px 80px 40px;
	background: url('/wn/project/images/eCommerce/product/list/background.png') center bottom repeat-x #fff;
}

.site .content-eCommerce-order-showAddresssStep .fieldset
{
	margin: 0;
	padding: 0;
	border: none;
}

.site .content-eCommerce-order-showAddresssStep .textarea,
.site .content-eCommerce-order-showSummaryStep .textarea
{
	height: 140px;
}

.site .content-eCommerce-order-showAddresssStep .errors
{
	margin: 0;
	padding: 0;
}

.site .content-eCommerce-order-showAddresssStep .error
{
	display: block;
	font-style: italic;
	text-align: left;
	color: #ff0000;
}

.site .content-eCommerce-order-showAddresssStep .buttons
{
	margin-top: 25px;
}


/*////////////////////////////
// View : eCommerce : order : showAddressStep
////////////////////////////*/

/*.site .content-eCommerce-order-showAddressStep .radioButtons
{
	padding-top: 25px;
}

.site .content-eCommerce-order-showAddressStep .radioButton
{
	display: inline-block;
	margin: 0 0 0 50px;
	padding-left: 25px;
	background: url('/wn/project/images/eCommerce/order/showAddressStep/radioBackground.png') left center no-repeat;
	cursor: pointer;
}

.site .content-eCommerce-order-showAddressStep .radioButton.checked
{
	background: url('/wn/project/images/eCommerce/order/showAddressStep/checkedRadioBackground.png') left center no-repeat;
}

.site .content-eCommerce-order-showAddressStep .radioButtons .radioButton:first-child
{
	margin-left: 0;
}

.site .content-eCommerce-order-showAddressStep .radioButton input
{
	display: none;
}

.site .content-eCommerce-order-showAddressStep .radioButton label
{
	margin-left: 5px;
	cursor: pointer;
}

.site .content-eCommerce-order-showAddressStep .textarea
{
	height: 100px;
}

.site .content-eCommerce-order-showAddressStep .button
{
	padding-left: 60px;
	background-position-x: 30px;
}

.site .content-eCommerce-order-showAddressStep .button:hover
{
	background-position-x: 35px;
	background-color: #648ab0;
}*/


/*////////////////////////////
// View : eCommerce : order : showDeliveryMethodStep
////////////////////////////*/

.site .content-eCommerce-order-showDeliveryMethodStep .deliveryMethod
{
	margin-top: 10px;
	border: solid 1px #aba67f;
}

.site .content-eCommerce-order-showDeliveryMethodStep .deliveryMethod .columns
{
	table-layout: auto;
}

.site .content-eCommerce-order-showDeliveryMethodStep .deliveryMethod .column
{
	vertical-align: middle;
	padding: 10px;
}

.site .content-eCommerce-order-showDeliveryMethodStep .deliveryMethod .logo
{
	display: block;
	margin: 0 auto;
}

.site .content-eCommerce-order-showDeliveryMethodStep .deliveryMethod .label,
.site .content-eCommerce-order-showDeliveryMethodStep .deliveryMethod .value
{
	font-family: 'cooper_hewittbold';
	font-size: 18px;
}

.site .content-eCommerce-order-showDeliveryMethodStep .deliveryMethod .label
{
	text-transform: uppercase;
	color: #56718c;
}

.site .content-eCommerce-order-showDeliveryMethodStep .deliveryMethod .value
{
	color: #1c242b;
}


/*////////////////////////////
// View : chronopost : order : showDeliveryPointStep
////////////////////////////*/

.site .content-chronopost-order-showDeliveryPointStep .deliveryPoint,
.site .content-eCommerce-order-requestAReturn .orderLine
{
	margin-top: 10px;
	padding: 10px;
	border: solid 1px #aba67f;
	font-family: 'cooper_hewittbook';
	font-size: 18px;
	color: #1c242b;
}

.site .content-chronopost-order-showDeliveryPointStep .deliveryPoints .deliveryPoint:first-child,
.site .content-eCommerce-order-requestAReturn .orderLines .orderLine:first-child
{
	margin-top: 0;
}

.site .content-chronopost-order-showDeliveryPointStep .deliveryPoint .leftColumn,
.site .content-eCommerce-order-requestAReturn .orderLine .leftColumn
{
	width: 100px;
	vertical-align: middle;
}

.site .content-chronopost-order-showDeliveryPointStep .deliveryPoint .name,
.site .content-eCommerce-order-requestAReturn .orderLine .designation
{
	font-family: 'cooper_hewittbold';
	font-size: 20px;
	text-transform: uppercase;
}

.site .content-chronopost-order-showDeliveryPointStep .deliveryPoint .openingTimes
{
	margin-top: 20px;
}

.site .content-chronopost-order-showDeliveryPointStep .deliveryPoint .openingTime
{
	display: table;
	border-spacing: 1px;
}

.site .content-chronopost-order-showDeliveryPointStep .deliveryPoint .dayOfWeek,
.site .content-chronopost-order-showDeliveryPointStep .deliveryPoint .time
{
	display: table-cell;
	padding: 5px;
}

.site .content-chronopost-order-showDeliveryPointStep .deliveryPoint .dayOfWeek
{
	width: 150px;
	background: #e2e6eb;
	font-family: 'cooper_hewittbold';
	font-size: 20px;
	text-transform: uppercase;
}

.site .content-chronopost-order-showDeliveryPointStep .deliveryPoint .time
{
	border: solid 1px #e2e6eb;
}


/*////////////////////////////
// View : eCommerce : order : requestAReturn
////////////////////////////*/

.site .content-eCommerce-order-requestAReturn .textarea
{
	height: 150px;
}


/*////////////////////////////
// View : eCommerce : order : showSummaryStep
////////////////////////////*/

.site .content-eCommerce-order-showSummaryStep .section,
.site .content-eCommerce-order-show .section
{
	margin-bottom: 40px;
}

.site .content-eCommerce-order-showSummaryStep .sectionTitle,
.site .content-eCommerce-order-showSummaryStep .GTCLegend,
.site .content-eCommerce-order-show .sectionTitle
{
	margin-bottom: 20px;
	padding-bottom: 20px;
	background: url('/wn/project/images/showHome/titleL2Background.png') center bottom no-repeat;
	font-family: 'cooper_hewittbold';
	font-size: 24px;
	line-height: 100%;
	text-transform: uppercase;
	text-align: center;
	color: #1c242b;
}

.site .content-eCommerce-order-showSummaryStep .address,
.site .content-eCommerce-order-showAddresssStep .address,
.site .content-eCommerce-address-list .address,
.site .content-eCommerce-order-show .address,
.site .content-eCommerce-order-showSummaryStep .addressStepComment,
.site .content-eCommerce-order-show .addressStepComment,
.site .content-eCommerce-order-show .summaryStepComment,
.site .content-eCommerce-order-showSummaryStep .deliveryMethod,
.site .content-eCommerce-order-show .deliveryMethod,
.site .content-eCommerce-order-showSummaryStep .paymentMethod,
.site .content-eCommerce-order-show .paymentMethod,
.site .content-eCommerce-order-showSummaryStep .formRow
{
	font-family: 'cooper_hewittbook';
	font-size: 18px;
	text-align: center;
	color: #1c242b;
}

.site .content-eCommerce-order-showSummaryStep .addressStepComment,
.site .content-eCommerce-order-show .addressStepComment
{
	margin-top: 20px;
}

.site .content-eCommerce-order-show .deliveryMethod .link
{
	display: block;
	font-family: 'cooper_hewittbold';
	color: #56718c;
}

.site .content-eCommerce-order-showSummaryStep .addressLine3,
.site .content-eCommerce-order-showAddresssStep .addressLine3,
.site .content-eCommerce-address-list .addressLine3,
.site .content-eCommerce-order-show .addressLine3
{
	margin-top: 10px;
}

.site .content-eCommerce-order-showSummaryStep .addressLine4,
.site .content-eCommerce-order-showAddresssStep .addressLine4,
.site .content-eCommerce-address-list .addressLine4,
.site .content-eCommerce-order-show .addressLine4
{
	margin-bottom: 10px;
}

.site .content-eCommerce-order-showSummaryStep .fieldset
{
	margin: 0;
	padding: 0;
	border: none;
}

.site .content-eCommerce-order-showSummaryStep .labelForCheckbox
{
	display: block !important;
	margin: 0 auto 10px auto;
}

.site .content-eCommerce-order-showSummaryStep .showGTCLink
{
	font-family: 'cooper_hewittbold';
	color: inherit;
}

.site .content-eCommerce-order-showSummaryStep .validateAndPayButton
{
	/*width: 220px;*/
	height: 50px;
	line-height: 50px;
	margin: 0;
	/*padding: 0 0 0 90px;*/
	padding: 0 40px 0 90px;
	position: relative;
	background: url('/wn/project/images/eCommerce/product/show/buttonArrow.png') 60px center no-repeat #56718c;
	font-family: 'cooper_hewittbook';
	font-size: 16px;
	text-align: left;
	text-transform: uppercase;
	color: #fff;
	cursor: pointer;
	transition: all 600ms;
}

.site .content-eCommerce-order-showSummaryStep .validateAndPayButton:hover
{
	background-position-x: 65px;
	background-color: #648ab0;
}


/*////////////////////////////
// View : eCommerce : order : showPaymentStep
////////////////////////////*/

.site .content-eCommerce-order-showPaymentStep .paymentMethod
{
	font-family: 'cooper_hewittbook';
	font-size: 18px;
	color: #1c242b;
}

.site .content-eCommerce-order-showPaymentStep .paymentMethod .strong,
.site .content-eCommerce-order-showPaymentStep .paymentMethod .addressForPayment
{
	font-family: 'cooper_hewittbold';
	font-weight: normal;
}

.site .content-eCommerce-order-showPaymentStep .buttons
{
	margin-top: 25px;
}


/*////////////////////////////
// View : eCommerce : order : showConfirmationStep
////////////////////////////*/

.site .content-chronopost-order-showDeliveryPointStep .information,
.site .content-eCommerce-order-requestAReturn .information,
.site .content-eCommerce-order-showConfirmationStep .confirmation,
.site .content-moneticoPaiement-redirect .redirectionInformation,
.site .content-moneticoPaiement-showConfirmation .confirmation,
.site .content-moneticoPaiement-showError .error
{
	font-family: 'cooper_hewittbook';
	font-size: 18px;
	text-align: center;
	color: #1c242b;
}

.site .content-eCommerce-order-showConfirmationStep .buttons,
.site .content-moneticoPaiement-showConfirmation .buttons,
.site .content-moneticoPaiement-showError .buttons
{
	margin-top: 40px;
}

.site .content-eCommerce-order-showConfirmationStep .returnToHomeButton
{
	width: 220px;
	height: 50px;
	line-height: 50px;
	margin: 0;
	padding: 0 0 0 60px;
	position: relative;
	background: url('/wn/project/images/eCommerce/product/show/buttonArrow.png') 30px center no-repeat #56718c;
	font-family: 'cooper_hewittbook';
	font-size: 16px;
	text-align: left;
	text-transform: uppercase;
	color: #fff;
	cursor: pointer;
	transition: all 600ms;
}

.site .content-eCommerce-order-showConfirmationStep .returnToHomeButton:hover
{
	background-position-x: 35px;
	background-color: #648ab0;
}


/*////////////////////////////
// View : eCommerce : customer : customerMenu
////////////////////////////*/

.site .customerMenu
{
	display: block;
	margin: 0;
	padding: 0;
	text-align: center;
}

.site .customerMenu .menuElement
{
	display: inline-block;
	margin: 0 15px;
	vertical-align: top;
	transition: all 600ms;
}

.site .customerMenu .menuLink
{
	display: block;
	padding-bottom: 25px;
	background: url('/wn/project/images/eCommerce/category/list/nameBackground.png') center bottom no-repeat;
	font-size: 15px;
	text-transform: uppercase;
	text-decoration: none;
	color: #242d34;

	-webkit-filter: grayscale(1);
	-webkit-filter: grayscale(100%);
	filter: gray;
	filter: grayscale(100%);
}

.site .customerMenu .menuLink.current
{
	-webkit-filter: none;
	filter: none;
}

.site .customerMenu .menuLinkP1
{
	margin-top: 5px;
	font-family: 'cooper_hewittbook';
	line-height: 100%;
}

.site .customerMenu .menuLinkP2
{
	margin-top: 5px;
	font-family: 'cooper_hewittbold';
	line-height: 100%;
}


/*////////////////////////////
// View : eCommerce : customer : login
////////////////////////////*/

.site .content-eCommerce-customer-login .links
{
	margin-top: 5px;
	text-align: center;
}

.site .content-eCommerce-customer-login .requestResetPasswordLink
{
	color: inherit;
}


/*////////////////////////////
// View : eCommerce : order : list
////////////////////////////*/

.site .content-eCommerce-order-list .showButton,
.site .content-eCommerce-order-list .convertEstimateToOrderButton,
.site .content-eCommerce-order-list .downloadInvoiceButton,
.site .content-eCommerce-order-list .downloadOrderButton,
.site .content-eCommerce-order-list .payButton,
.site .content-eCommerce-order-list .requestAReturnButton
{
	width: 50px;
	padding: 0;
}

.site .content-eCommerce-order-list .showButton
{
	background: url('/wn/project/images/eCommerce/order/list/showIcon.png') center center no-repeat #f0e058;
	background-size: 70%;
}

.site .content-eCommerce-order-list .convertEstimateToOrderButton
{
	background: url('/wn/project/images/eCommerce/order/list/convertEstimateToOrderIcon.png') center center no-repeat #f0e058;
	background-size: 70%;
}

.site .content-eCommerce-order-list .downloadInvoiceButton,
.site .content-eCommerce-order-list .downloadOrderButton
{
	background: url('/wn/project/images/eCommerce/order/list/downloadIcon.png') center center no-repeat #e2e6eb;
	background-size: 70%;
}

.site .content-eCommerce-order-list .payButton
{
	background: url('/wn/project/images/eCommerce/order/list/payIcon.png') center center no-repeat #56718c;
	background-size: 70%;
}

.site .content-eCommerce-order-list .requestAReturnButton
{
	background: url('/wn/project/images/eCommerce/order/list/requestAReturnIcon.png') center center no-repeat #aab6c5;
	background-size: 70%;
}


/*////////////////////////////
// View : eCommerce : customer : showHome
////////////////////////////*/

.site .content-eCommerce-customer-showHome .block3,
.site .content-eCommerce-customer-modify .block3,
.site .content-eCommerce-address-list .block3,
.site .content-eCommerce-address-add .block3,
.site .content-eCommerce-address-modify .block3,
.site .content-eCommerce-order-list .block3,
.site .content-eCommerce-order-show .block3,
.site .content-eCommerce-order-showBasketStep .block3,
.site .content-eCommerce-order-showPrivilegedProBasketStep .block3,
.site .content-eCommerce-order-showDeliveryMethodStep .block3,
.site .content-chronopost-order-showDeliveryPointStep .block3,
.site .content-eCommerce-order-showPaymentMethodStep .block3,
.site .content-eCommerce-order-showSummaryStep .block3,
.site .content-eCommerce-order-showPaymentStep .block3,
.site .content-eCommerce-order-showConfirmationStep .block3,
.site .content-eCommerce-order-requestAReturn .block3
{
	padding-top: 50px;
}

.site .content-eCommerce-customer-showHome .block3 .centeredContent,
.site .content-eCommerce-customer-modify .block3 .centeredContent,
.site .content-eCommerce-address-list .block3 .centeredContent,
.site .content-eCommerce-address-add .block3 .centeredContent,
.site .content-eCommerce-address-modify .block3 .centeredContent,
.site .content-eCommerce-order-list .block3 .centeredContent,
.site .content-eCommerce-order-show .block3 .centeredContent,
.site .content-eCommerce-order-showBasketStep .block3 .centeredContent,
.site .content-eCommerce-order-showPrivilegedProBasketStep .block3 .centeredContent,
.site .content-eCommerce-order-showDeliveryMethodStep .block3 .centeredContent,
.site .content-chronopost-order-showDeliveryPointStep .block3 .centeredContent,
.site .content-eCommerce-order-showPaymentMethodStep .block3 .centeredContent,
.site .content-eCommerce-order-showSummaryStep .block3 .centeredContent,
.site .content-eCommerce-order-showPaymentStep .block3 .centeredContent,
.site .content-eCommerce-order-showConfirmationStep .block3 .centeredContent,
.site .content-eCommerce-order-requestAReturn .block3 .centeredContent
{
	padding-top: 50px;
}

.site .content-eCommerce-customer-showHome .block3 .introduction
{
	margin: 50px 0 20px 0;
	font-family: 'cooper_hewittbold';
	font-size: 20px;
	text-align: center;
	color: #1c242b;
}

.site .content-eCommerce-customer-showHome .block3 .text
{
	margin-top: 10px;
	font-family: 'cooper_hewittbook';
	font-size: 20px;
	text-align: center;
	color: #aea662;
}


/*////////////////////////////
// View : eCommerce : address : list
////////////////////////////*/

.site .content-eCommerce-address-list .address,
.site .content-eCommerce-order-showAddresssStep .address
{
	margin-top: 25px;
	padding: 10px;
	border: solid 5px #eee;
}

.site .content-eCommerce-address-list .addresss .address:first-child
{
	margin-top: 0;
}

.site .content-eCommerce-address-list .buttons,
.site .content-eCommerce-order-showAddresssStep .address .buttons
{
	margin-top: 25px;
}


/*////////////////////////////
// Popin
////////////////////////////*/

.site .popin .popinCloseButton
{
	width: 50px;
	height: 50px;
	top: 0;
	right: 0;
	z-index: 1;
	background: url('/wn/project/images/popin/popinCloseButton.png') center center no-repeat;
	transition: all 600ms;
}

.site .popin .popinCloseButton:hover
{
	background: url('/wn/project/images/eCommerce/order/showBasketStep/deleteButton.png') center center no-repeat;
}

.site .popin .popinTitle
{
	margin-bottom: 30px;
	padding-bottom: 20px;
	background: url('/wn/project/images/showHome/titleL2Background.png') center bottom no-repeat;
	font-family: 'cooper_hewittbold';
	font-size: 24px;
	line-height: 100%;
	text-transform: uppercase;
	text-align: center;
	color: #1c242b;
}

.site .popin .popinContent
{
	font-family: 'cooper_hewittbook';
	font-size: 15px;
	text-align: center;
	color: #837c43;
}

.site .popin .popinButtons
{
	margin-top: 20px;
	text-align: center;
}

.site .popin .popinButton
{
	display: inline-block;
	height: 50px;
	line-height: 50px;
	margin: 0 0 0 10px;
	padding: 0 20px 0 40px;
	position: relative;
	background: url('/wn/project/images/eCommerce/product/show/buttonArrow.png') 20px center no-repeat #56718c;
	font-family: 'cooper_hewittbook';
	font-size: 16px;
	text-align: left;
	text-transform: uppercase;
	text-decoration: none;
	color: #fff;
	cursor: pointer;
	transition: all 600ms;
}

.site .popin .popinButton:hover
{
	background-position-x: 25px;
	background-color: #648ab0;
}

.site .popin .popinButtons .popinButton:first-child
{
	margin-left: 0;
}
/*////////////////////////////////////////
// Moins de 1920px
////////////////////////////////////////*/

@media (max-width: 1919px)
{
	/*////////////////////////////
	// Page header
	////////////////////////////*/

	.site .pageHeader .classic .block1 .leftBlock
	{
		/*margin-left: 210px;*/
	}

	.site .pageHeader .classic .block1 .phoneNumber
	{
		margin-left: 10px;
	}

	.site .pageHeader .classic .block1 .info
	{
		margin-left: 10px;
		/*margin-left: 30px;*/
	}

	.site .pageHeader .classic .block2 .menu
	{
		margin-left: 210px;
	}

	.site .pageHeader .classic .categorysMenu .categorys
	{
		margin-left: 210px;
	}


	/*////////////////////////////
	// View : eCommerce : brand : list
	////////////////////////////*/

	.site .content-eCommerce-brand-list .block3 .centeredContent
	{
		padding: 0 10px;
	}


	/*////////////////////////////
	// View : eCommerce : category : show
	////////////////////////////*/

	.site .content-eCommerce-brand-show .block3 .centeredContent,
	.site .content-eCommerce-category-show .block2 .centeredContent2,
	.site .content-eCommerce-category-show .block3 .centeredContent,
	.site .content-eCommerce-category-show .block4 .centeredContent,
	.site .content-eCommerce-category-show .block5 .centeredContent,
	.site .content-eCommerce-product-listWithReductions .block3 .centeredContent,
	.site .content-eCommerce-product-listCovidProtections .block3 .centeredContent,
	.site .content-project-showCatalogs .block3 .centeredContent
	{
		padding: 0 10px;
	}


	/*////////////////////////////
	// View : eCommerce : product : search
	////////////////////////////*/

	.site .content-eCommerce-product-search .block3 .centeredContent
	{
		padding: 0 10px;
	}


	/*////////////////////////////
	// View : eCommerce : product : show
	////////////////////////////*/

	.site .content-eCommerce-product-show .block3 .centeredContent
	{
		padding: 0 10px;
	}

	.site .content-eCommerce-product-show .block4 .centeredContent
	{
		padding: 0 10px;
	}

	.site .content-eCommerce-product-show .productOpinionsBlock .centeredContent,
	.site .content-eCommerce-product-show .otherProductsBlock .centeredContent
	{
		padding: 0 10px;
	}


	/*////////////////////////////
	// View : project : showHome
	////////////////////////////*/

	.site .content-project-showHome .block3 .centeredContent
	{
		padding: 0 10px;
	}

	.site .content-project-showHome .block2-3 .centeredContent
	{
		padding: 0 10px;
	}


	/*////////////////////////////
	// View : project : showWoAreWe
	////////////////////////////*/

	.site .content-project-showWhoAreWe .block3 .centeredContent,
	.site .content-project-showWhoAreWe .block4 .centeredContent,
	.site .content-project-showWhoAreWe .block5 .centeredContent,
	.site .content-project-showWhoAreWe .block6 .centeredContent,
	.site .content-project-showWhoAreWe .block7 .centeredContent,
	.site .content-eCommerce-customer-loginOrRegister .block3 .centeredContent,
	.site .content-eCommerce-order-showIdentificationStep .block3 .centeredContent,
	.site .content-eCommerce-order-showAddresssStep .block3 .centeredContent,
	.site .content-eCommerce-order-showAlternativeAddresssStep .block3 .centeredContent
	{
		padding-left: 10px;
		padding-right: 10px;
	}


	/*////////////////////////////
	// View : project : showCustomization
	////////////////////////////*/

	.site .content-project-showCustomization .block2 .centeredContent,
	.site .content-project-showCustomization .block3 .centeredContent,
	.site .content-project-showCustomization .block4 .centeredContent,
	.site .content-project-showCustomization .block5 .centeredContent,
	.site .content-project-showCustomization .block6 .centeredContent
	{
		padding-left: 10px;
		padding-right: 10px;
	}


	/*////////////////////////////
	// View : project : showShowroom
	////////////////////////////*/

	.site .content-project-showShowroom .block3 .centeredContent,
	.site .content-project-showShowroom .block4 .centeredContent
	{
		padding-left: 10px;
		padding-right: 10px;
	}
}
/*////////////////////////////////////////
// Moins de 1680px
////////////////////////////////////////*/

@media (max-width: 1679px)
{
	/*////////////////////////////
	// Page header
	////////////////////////////*/

	.site .pageHeader .classic .block2 .menuItem
	{
		margin-left: 20px;
	}
}
/*////////////////////////////////////////
// Moins de 1280px
////////////////////////////////////////*/

@media (max-width: 1279px)
{
	/*////////////////////////////
	// Page header
	////////////////////////////*/

	.site .pageHeader .classic .block1 .leftBlock
	{
		margin-left: 200px;
	}

	.site .pageHeader .classic .block1 .info
	{
		display: none !important;
	}

	.site .pageHeader .classic .block1 .searchForm .keywordsInput
	{
		width: 100px;
	}

	.site .pageHeader .classic .block2 .menu
	{
		margin-left: 200px;
	}

	.site .pageHeader .classic .block2 .menuItem
	{
		margin-left: 20px;
	}

	.site .pageHeader .classic .block2 .reductionsMenuItem
	{
		top: -65px;
		right: 585px;
	}

	.site .pageHeader .classic .block2 .covidProtectionsMenuItem
	{
		top: -75px;
		right: 580px;
	}

	.site .pageHeader .classic .block1 .phoneNumber
	{
		display: none;
	}

	.site .pageHeader .classic .block2 .reductionsMenuItem .menuLink
	{
		height: 50px;/* 60px */
	}

	.site .pageHeader .classic .block2 .catalogsMenuItem .menuLink
	{
		width: 195px;
		height: 60px;
		padding-top: 10px;
		/*height: 75px;*/
	}

	.site .pageHeader .classic .block2 .piedsMenuItem .menuLinkP2,
	.site .pageHeader .classic .block2 .customizationMenuItem .menuLinkP2
	{
		display: none;
	}

	.site .pageHeader .classic .block2 .catalogsMenuItem .menuLinkP1
	{
		font-size: 16px;
	}

	.site .pageHeader .classic .block2 .catalogsMenuItem .menuLinkP2
	{
		font-size: 20px;
	}

	.site .pageHeader .classic .block2 .covidProtectionsMenuItem .menuLink
	{
		height: 100px;
		padding-top: 20px;
	}

	.site .pageHeader .classic .block2 .menuItemPart2
	{
		display: none;
	}

	.site .pageHeader .classic .categorysMenu .categorys
	{
		margin-left: 190px;
	}

	.site .pageHeader .classic .categorysMenu .category
	{
		margin-right: 10px;
	}


	/*////////////////////////////
	// Page Footer
	////////////////////////////*/

	.site .pageFooter .centeredContent
	{
		width: auto;
		margin-left: 10px;
		margin-right: 10px;
		text-align: center;
	}

	.site .pageFooter .block2 .catalogLink
	{
		margin-top: 10px;
		margin-left: 0;
	}


	/*////////////////////////////
	// View : eCommerce : brand : list
	////////////////////////////*/

	.site .content-eCommerce-brand-list .block3 .centeredContent
	{
		width: auto;
		margin-left: 10px;
		margin-right: 10px;
	}


	/*////////////////////////////
	// View : eCommerce : category : list
	////////////////////////////*/

	#page-eCommerce-category-show .site .pageContent .content-eCommerce-category-list .category,
	#page-eCommerce-product-show .site .pageContent .content-eCommerce-category-list .category
	{
		margin: 0 20px 10px 20px;
	}


	/*////////////////////////////
	// View : eCommerce : category : show
	////////////////////////////*/

	.site .content-eCommerce-category-show .block1 .centeredContent,
	.site .content-eCommerce-product-show .block1 .centeredContent
	{
		width: auto;
		margin-left: 10px;
		margin-right: 10px;
	}

	.site .content-eCommerce-category-show .block1 .title,
	.site .content-eCommerce-product-show .block1 .title
	{
		top: -5px;
	}

	.site .content-eCommerce-category-show .block2 .centeredContent,
	.site .content-eCommerce-product-show .block2 .centeredContent
	{
		width: auto;
		margin-left: 10px;
		margin-right: 10px;
	}

	.site .content-eCommerce-brand-show .block3 .centeredContent,
	.site .content-eCommerce-category-show .block2 .centeredContent2,
	.site .content-eCommerce-category-show .block3 .centeredContent,
	.site .content-eCommerce-category-show .block4 .centeredContent,
	.site .content-eCommerce-category-show .block5 .centeredContent,
	.site .content-eCommerce-product-listWithReductions .block3 .centeredContent,
	.site .content-eCommerce-product-listCovidProtections .block3 .centeredContent,
	.site .content-project-showCatalogs .block3 .centeredContent
	{
		width: auto;
		margin-left: 10px;
		margin-right: 10px;
	}


	/*////////////////////////////
	// View : eCommerce : product : list
	////////////////////////////*/

	.site .content-eCommerce-product-list .productContainer
	{
		width: 50%;
	}


	/*////////////////////////////
	// View : eCommerce : brand : show
	////////////////////////////*/

	.site .content-eCommerce-brand-show .productContainer,
	.site .content-eCommerce-product-listWithReductions .productContainer,
	.site .content-eCommerce-product-listCovidProtections .productContainer
	{
		width: 33.33%;
	}


	/*////////////////////////////
	// View : eCommerce : product : search
	////////////////////////////*/

	.site .content-eCommerce-product-search .block3 .centeredContent
	{
		width: auto;
		margin-left: 10px;
		margin-right: 10px;
	}


	/*////////////////////////////
	// View : eCommerce : product : show
	////////////////////////////*/

	.site .content-eCommerce-product-show .block3 .centeredContent
	{
		width: auto;
		margin-left: 10px;
		margin-right: 10px;
	}

	.site .content-eCommerce-product-show .columnL1-1
	{
		width: 320px;
		padding-left: 20px;
		padding-right: 20px;
	}

	.site .content-eCommerce-product-show .columnL2-2 .newness
	{
		right: -10px;
	}

	.site .content-eCommerce-product-show .block4 .centeredContent
	{
		width: auto;
		margin-left: 10px;
		margin-right: 10px;
	}

	.site .content-eCommerce-product-show .productOpinionsBlock .centeredContent,
	.site .content-eCommerce-product-show .otherProductsBlock .centeredContent
	{
		width: auto;
		margin-left: 10px;
		margin-right: 10px;
	}

	.site .content-eCommerce-product-show .productOpinionsBlock .gridItem
	{
		width: 100%;
	}


	/*////////////////////////////
	// View : project : showHome
	////////////////////////////*/

	.site .content-project-showHome .block1 .centeredContent,
	.site .content-project-showCustomization .block1 .centeredContent
	{
		width: auto;
		margin-left: 0;
		margin-right: 0;
	}

	.site .content-project-showHome .homeSlideshow .showPreviousSlide,
	.site .content-project-showCustomization .customizationSlideshow .showPreviousSlide,
	.site .content-project-showHome .homeSlideshow .showNextSlide,
	.site .content-project-showCustomization .customizationSlideshow .showNextSlide
	{
		top: -230px;
	}

	.site .content-project-showHome .homeSlideshow .slide .title,
	.site .content-project-showCustomization .customizationSlideshow .title
	{
		left: 20px;
		bottom: 20px;
	}

	.site .content-project-showHome .homeSlideshow .slide .titlePart1,
	.site .content-project-showCustomization .customizationSlideshow .titlePart1
	{
		font-size: 30px;
	}

	.site .content-project-showHome .homeSlideshow .slide .titlePart2,
	.site .content-project-showCustomization .customizationSlideshow .titlePart2
	{
		font-size: 25px;
	}

	.site .content-project-showHome .homeSlideshow .slide .titlePart3,
	.site .content-project-showCustomization .customizationSlideshow .titlePart3
	{
		font-size: 20px;
	}

	.site .content-project-showHome .block3 .centeredContent
	{
		width: auto;
		margin-left: 10px;
		margin-right: 10px;
	}

	.site .content-project-showHome .block2-3 .centeredContent
	{
		width: auto;
		margin-left: 10px;
		margin-right: 10px;
	}


	/*////////////////////////////
	// View : project : showWhoAreWe
	////////////////////////////*/

	.site .content-project-showWhoAreWe .block3 .centeredContent,
	.site .content-project-showWhoAreWe .block4 .centeredContent,
	.site .content-project-showWhoAreWe .block5 .centeredContent,
	.site .content-project-showWhoAreWe .block6 .centeredContent,
	.site .content-project-showWhoAreWe .block7 .centeredContent
	{
		width: auto;
		margin-left: 10px;
		margin-right: 10px;
	}

	.site .content-project-showWhoAreWe .block5 .line
	{
		width: 4px;
		height: auto;
		top: 90px;
		left: 98px;
		right: auto;
		bottom: 150px;

		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d6dade+0,b8b071+50,6d849b+100 */
		background: #d6dade; /* Old browsers */
		background: -moz-linear-gradient(top, #d6dade 0%, #b8b071 50%, #6d849b 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, #d6dade 0%,#b8b071 50%,#6d849b 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, #d6dade 0%,#b8b071 50%,#6d849b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6dade', endColorstr='#6d849b',GradientType=0 ); /* IE6-9 */
	}

	.site .content-project-showWhoAreWe .block5 .columns
	{
		display: block;
	}

	.site .content-project-showWhoAreWe .block5 .column
	{
		display: block;
	}

	.site .content-project-showWhoAreWe .block5 .list
	{
		margin-left: 120px;
		padding-top: 25px;
	}

	.site .content-project-showWhoAreWe .block5 .yearIcon
	{
		float: left;
		max-width: 100px;
		margin: 0 10px 10px 0;
	}


	/*////////////////////////////
	// View : project : showShowroom
	////////////////////////////*/

	.site .content-project-showShowroom .block3 .centeredContent,
	.site .content-project-showShowroom .block4 .centeredContent
	{
		width: auto;
		margin-left: 10px;
		margin-right: 10px;
	}

	.site .content-eCommerce-category-show .categorySlidesSlideshow .categorySlideTitle
	{
		left: 20px;
		bottom: 20px;
		font-size: 28px;
	}

	.site .content-project-showShowroom .showroomSlideshow .showPreviousSlide,
	.site .content-eCommerce-category-show .categorySlidesSlideshow .showPreviousSlide
	{
		left: 10px;
	}

	.site .content-project-showShowroom .showroomSlideshow .showNextSlide,
	.site .content-eCommerce-category-show .categorySlidesSlideshow .showNextSlide
	{
		right: 10px;
	}


	/*////////////////////////////
	// View : project : showCustomization
	////////////////////////////*/

	.site .content-project-showCustomization .block2 .centeredContent,
	.site .content-project-showCustomization .block3 .centeredContent,
	.site .content-project-showCustomization .block4 .centeredContent,
	.site .content-project-showCustomization .block5 .centeredContent,
	.site .content-project-showCustomization .block6 .centeredContent
	{
		width: auto;
		margin-left: 10px;
		margin-right: 10px;
	}

	.site .content-project-showCustomization .block2 .titleL2,
	.site .content-project-showCustomization .block5 .titleL2
	{
		font-size: 23px;
	}

	.site .content-project-showCustomization .block2 .text,
	.site .content-project-showCustomization .block5 .text
	{
		font-size: 20px;
	}


	/*////////////////////////////
	// View : contactForm : contact
	////////////////////////////*/

	.site .sharedBlock1 .centeredContent
	{
		width: auto;
		margin-left: 10px;
		margin-right: 10px;
	}

	.site .sharedBlock2 .centeredContent
	{
		width: auto;
		margin-left: 10px;
		margin-right: 10px;
	}

	.site .sharedBlock3 .centeredContent
	{
		width: auto;
		margin-left: 10px;
		margin-right: 10px;
		padding-left: 50px;
		padding-right: 50px;
	}


	/*////////////////////////////
	// View : showCatalogs
	////////////////////////////*/

	.site .content-project-showCatalogs .gridItem
	{
		width: 50%;
	}
}
/*////////////////////////////////////////
// Moins de 1024px
////////////////////////////////////////*/

@media (max-width: 1023px)
{
	/*////////////////////////////
	// Global
	////////////////////////////*/

	body
	{
		padding-top: 126px;
	}


	/*////////////////////////////
	// Page header
	////////////////////////////*/

	.site .pageHeader .classic
	{
		display: none;
	}

	.site .pageHeader .mobile
	{
		display: block;
	}

	/*
	.site .pageHeader .classic .block1
	{
		height: auto;
		line-height: normal;
		padding: 10px 0;
	}

	.site .pageHeader .classic .block1 .leftBlock
	{
		float: none;
	}

	.site .pageHeader .classic .block1 .info
	{
		display: inline-block !important;
	}

	.site .pageHeader .classic .block1 .rightBlock
	{
		float: none;
		height: auto;
		margin: 5px 0 0 200px;
	}

	.site .pageHeader .classic .block2
	{
		height: auto;
		line-height: normal;
		padding: 10px 0;
	}

	.site .pageHeader .classic .block2 .menuItem
	{
		margin-left: 0;
		margin-right: 30px;
	}

	.site .pageHeader .classic .block2 .reductionsMenuItem
	{
		display: inline-block;
		position: static;
		top: auto;
		right: auto;
	}

	.site .pageHeader .classic .block2 .covidProtectionsMenuItem
	{
		display: inline-block;
		position: static;
		top: auto;
		right: auto;
	}

	.site .pageHeader .classic .block2 .menuItemPart2
	{
		display: inline;
	}

	.site .pageHeader .classic .block2 .reductionsMenuItem .menuLink
	{
		height: 35px;
	}

	.site .pageHeader .classic .block1 .phoneNumber
	{
		display: inline-block;
	}

	.site .pageHeader .classic .block2 .covidProtectionsMenuItem .menuLink
	{
		height: 88px;
		padding-top: 25px;
		background-position: left top;
	}
	*/


	/*////////////////////////////
	// Page Footer
	////////////////////////////*/

	.site .pageFooter .block3
	{
		padding: 25px 0;
	}

	.site .pageFooter .block3 .gridItem
	{
		width: 50%;
	}

	.site .pageFooter .block1 .separatorColumn
	{
		width: 50px;
	}

	.site .pageFooter .block1 .showroomLink
	{
		margin-top: 30px;
	}

	.site .pageFooter .block1 .showroomLinkLabel
	{
		top: 45px;
		right: 60px;
	}

	.site .pageFooter .block1 .showroomLinkLabelP1
	{
		font-size: 50px;
	}

	.site .pageFooter .block1 .showroomLinkLabelP2
	{
		font-size: 24px;
	}

	.site .pageFooter .block2
	{
		text-align: center;
	}

	.site .pageFooter .block2 .catalogLink
	{
		margin-top: 10px;
		margin-left: 0;
	}


	/*////////////////////////////
	// View : project : showHome
	////////////////////////////*/

	/*.site .content-project-showHome .block1
	{
		background-position-x: 70%;
	}

	.site .content-project-showHome .block1 .arrow
	{
		margin-left: auto;
		left: auto;
		right: 10px;
	}*/

	.site .content-project-showHome .homeSlideshow .slideButtons,
	.site .content-project-showCustomization .customizationSlideshow .slideButtons
	{
		height: 40px;
		line-height: 40px;
		padding: 0 20px;
	}

	.site .content-project-showHome .homeSlideshow .showPreviousSlide,
	.site .content-project-showCustomization .customizationSlideshow .showPreviousSlide,
	.site .content-project-showHome .homeSlideshow .showNextSlide,
	.site .content-project-showCustomization .customizationSlideshow .showNextSlide
	{
		display: none;
	}

	.site .content-project-showHome .block3 .productContainer
	{
		width: 50%;
	}

	.site .content-project-showHome .block2-3 .shop .gridItem
	{
		width: 100%;
	}


	/*////////////////////////////
	// View : project : showWhoAreWe
	////////////////////////////*/

	.site .content-project-showWhoAreWe .block3 .columns
	{
		display: block;
	}

	.site .content-project-showWhoAreWe .block3 .column
	{
		display: block;
	}

	.site .content-project-showWhoAreWe .block3 .column1
	{
		padding-right: 0;
	}

	.site .content-project-showWhoAreWe .block3 .column2
	{
		margin-top: 40px;
		padding-left: 0;
	}

	.site .content-project-showWhoAreWe .block4 .column1,
	.site .content-eCommerce-customer-loginOrRegister .block3 .loginFormColumn,
	.site .content-eCommerce-order-showIdentificationStep .block3 .loginFormColumn,
	.site .content-eCommerce-order-showAddresssStep .block3 .billingAddressColumn,
	.site .content-eCommerce-order-showAlternativeAddresssStep .block3 .billingAddressColumn
	{
		padding-right: 10px;
	}

	.site .content-project-showWhoAreWe .block4 .column2,
	.site .content-eCommerce-customer-loginOrRegister .block3 .registerFormColumn,
	.site .content-eCommerce-order-showIdentificationStep .block3 .registerFormColumn,
	.site .content-eCommerce-order-showAddresssStep .block3 .deliveryAddressColumn,
	.site .content-eCommerce-order-showAlternativeAddresssStep .block3 .deliveryAddressColumn
	{
		padding-left: 10px;
	}

	.site .content-project-showWhoAreWe .block6 .dashed
	{
		width: 500px;
		margin-left: -250px;
	}


	/*////////////////////////////
	// View : eCommerce : brand : list
	////////////////////////////*/

	.site .content-eCommerce-brand-list .brandContainer,
	.site .content-project-showShowroom .brandContainer
	{
		width: 33.33%;
	}


	/*////////////////////////////
	// View : eCommerce : brand : show
	////////////////////////////*/

	.site .content-eCommerce-brand-show .productContainer,
	.site .content-eCommerce-product-search .productContainer,
	.site .content-eCommerce-product-listWithReductions .productContainer,
	.site .content-eCommerce-product-listCovidProtections .productContainer
	{
		width: 50%;
	}


	/*////////////////////////////
	// View : eCommerce : category : list
	////////////////////////////*/

	#page-eCommerce-category-show .site .pageContent .content-eCommerce-category-list .categorys,
	#page-eCommerce-product-show .site .pageContent .content-eCommerce-category-list .categorys
	{
		text-align: center;
	}

	.site .pageContent .content-eCommerce-category-list .category
	{
		margin-bottom: 10px;
	}


	/*////////////////////////////
	// View : eCommerce : category : show
	////////////////////////////*/

	.site .content-eCommerce-category-show .block1 .title,
	.site .content-eCommerce-product-show .block1 .title
	{
		width: 200px;
		height: 200px;
		padding-top: 73px;
		top: 75px;
	}

	.site .content-eCommerce-category-show .block1 .titleP2,
	.site .content-eCommerce-product-show .block1 .titleP2
	{
		margin-top: 0;
		padding-bottom: 15px;
		font-size: 28px;
	}

	.site .content-eCommerce-category-show .block1 .subTitle,
	.site .content-eCommerce-product-show .block1 .subTitle
	{
		left: 25px;
	}


	/*////////////////////////////
	// View : eCommerce : product : list
	////////////////////////////*/

	.site .content-eCommerce-product-list .productContainer
	{
		width: 100%;
	}


	/*////////////////////////////
	// View : eCommerce : product : show
	////////////////////////////*/

	.site .content-eCommerce-product-show .columnL1-1
	{
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.site .content-eCommerce-product-show .columnL2s
	{
		display: flex;
		flex-direction: column-reverse;
	}

	.site .content-eCommerce-product-show .columnL2-1
	{
		display: block;
		width: auto;
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.site .content-eCommerce-product-show .columnL2-2
	{
		display: block;
	}

	.site .content-eCommerce-product-show .columnL2-2 .newness
	{
		left: 0;
		right: auto;
	}

	.site .content-eCommerce-product-show .block4 .blockL2
	{
		padding-top: 20px;
		padding-left: 20px;
		padding-right: 20px;
	}

	/*.site .content-eCommerce-product-show .otherProductsBlock .product
	{
		height: 340px;
	}*/


	/*////////////////////////////
	// View : eCommerce : product : showOne
	////////////////////////////*/

	.site .product .showButton .price
	{
		font-size: 15px;
	}

	.site .product .showButton .label
	{
		font-size: 15px;
	}


	/*////////////////////////////
	// View : eCommerce : order : showBasketStep
	////////////////////////////*/

	.site .content-eCommerce-order-showBasketStep .order,
	.site .content-eCommerce-order-showSummaryStep .order,
	.site .content-eCommerce-order-list .table,
	.site .content-eCommerce-order-show .order
	{
		display: block;
	}

	.site .content-eCommerce-order-showBasketStep .order .tableHeader,
	.site .content-eCommerce-order-showSummaryStep .order .tableHeader,
	.site .content-eCommerce-order-list .table .tableHeader,
	.site .content-eCommerce-order-show .order .tableHeader
	{
		display: none;
	}

	.site .content-eCommerce-order-showBasketStep .order .tableBody,
	.site .content-eCommerce-order-showSummaryStep .order .tableBody,
	.site .content-eCommerce-order-list .table .tableBody,
	.site .content-eCommerce-order-show .order .tableBody
	{
		display: block;
	}

	.site .content-eCommerce-order-showBasketStep .order .orderLine,
	.site .content-eCommerce-order-showSummaryStep .order .orderLine,
	.site .content-eCommerce-order-list .table .tableBody .line,
	.site .content-eCommerce-order-show .order .tableBody .line
	{
		display: block;
		border-bottom: solid 1px #eee;
	}

	.site .content-eCommerce-order-showBasketStep .order .valueCell,
	.site .content-eCommerce-order-showSummaryStep .order .valueCell,
	.site .content-eCommerce-order-list .table .valueCell,
	.site .content-eCommerce-order-show .order .valueCell
	{
		display: block;
		border-bottom: none;
		text-align: center;
	}

	.site .content-eCommerce-order-showBasketStep .order .photoCell,
	.site .content-eCommerce-order-showSummaryStep .order .photoCell,
	.site .content-eCommerce-order-show .order .photoCell
	{
		width: auto;
	}

	.site .content-eCommerce-order-showBasketStep .order .tableBody .designationCell,
	.site .content-eCommerce-order-showSummaryStep .order .tableBody .designationCell,
	.site .content-eCommerce-order-show .order .tableBody .designationCell
	{
		padding: 10px 0;
	}

	.site .content-eCommerce-order-showBasketStep .order .unitPriceCell,
	.site .content-eCommerce-order-showSummaryStep .order .unitPriceCell,
	.site .content-eCommerce-order-show .order .unitPriceCell
	{
		width: auto;
	}

	.site .content-eCommerce-order-showBasketStep .order .quantityCell,
	.site .content-eCommerce-order-showSummaryStep .order .quantityCell,
	.site .content-eCommerce-order-show .order .quantityCell
	{
		width: auto;
	}

	.site .content-eCommerce-order-showBasketStep .order .totalCell,
	.site .content-eCommerce-order-showSummaryStep .order .totalCell,
	.site .content-eCommerce-order-show .order .totalCell
	{
		width: auto;
	}

	.site .content-eCommerce-order-showBasketStep .order .actionCell,
	.site .content-eCommerce-order-showSummaryStep .order .actionCell,
	.site .content-eCommerce-order-show .order .actionCell
	{
		width: auto;
	}

	.site .content-eCommerce-order-showBasketStep .order .deleteButton
	{
		margin: 0 auto;
	}

	.site .content-eCommerce-order-showBasketStep .order .tableFooter,
	.site .content-eCommerce-order-showSummaryStep .order .tableFooter,
	.site .content-eCommerce-order-show .order .tableFooter
	{
		display: block;
	}

	.site .content-eCommerce-order-showBasketStep .order .totalProductsLine,
	.site .content-eCommerce-order-showBasketStep .order .shippingCostLine1,
	.site .content-eCommerce-order-showBasketStep .order .shippingCostLine2,
	.site .content-eCommerce-order-showBasketStep .order .reductionLine1,
	.site .content-eCommerce-order-showBasketStep .order .reductionLine2,
	.site .content-eCommerce-order-showBasketStep .order .totalExcLine,
	.site .content-eCommerce-order-showBasketStep .order .taxAmountLine,
	.site .content-eCommerce-order-showBasketStep .order .totalIncLine,
	.site .content-eCommerce-order-showSummaryStep .order .totalProductsLine,
	.site .content-eCommerce-order-showSummaryStep .order .shippingCostLine1,
	.site .content-eCommerce-order-showSummaryStep .order .shippingCostLine2,
	.site .content-eCommerce-order-showSummaryStep .order .reductionLine1,
	.site .content-eCommerce-order-showSummaryStep .order .reductionLine2,
	.site .content-eCommerce-order-showSummaryStep .order .totalExcLine,
	.site .content-eCommerce-order-showSummaryStep .order .taxAmountLine,
	.site .content-eCommerce-order-showSummaryStep .order .totalIncLine,
	.site .content-eCommerce-order-show .order .totalProductsLine,
	.site .content-eCommerce-order-show .order .shippingCostLine1,
	.site .content-eCommerce-order-show .order .shippingCostLine2,
	.site .content-eCommerce-order-show .order .reductionLine1,
	.site .content-eCommerce-order-show .order .reductionLine2,
	.site .content-eCommerce-order-show .order .totalExcLine,
	.site .content-eCommerce-order-show .order .taxAmountLine,
	.site .content-eCommerce-order-show .order .totalIncLine
	{
		display: block;
	}

	.site .content-eCommerce-order-showBasketStep .order .headerCell,
	.site .content-eCommerce-order-showSummaryStep .order .headerCell,
	.site .content-eCommerce-order-show .order .headerCell
	{
		display: block;
	}

	.site .content-eCommerce-order-showBasketStep .order .shippingCostLine2 .selectionField
	{
		width: 200px;
	}

	.site .content-eCommerce-order-showBasketStep .order .reductionLine2 .field
	{
		width: 140px;
	}


	/*////////////////////////////
	// View : eCommerce : order : showPrivilegedProBasketStep
	////////////////////////////*/

	.site .content-eCommerce-order-showPrivilegedProBasketStep .unitPriceCell
	{
		width: 100px;
	}

	.site .content-eCommerce-order-showPrivilegedProBasketStep .quantityCell
	{
		width: 100px;
	}

	.site .content-eCommerce-order-showPrivilegedProBasketStep .subTotalCell
	{
		width: 100px;
	}


	/*////////////////////////////
	// View : eCommerce : order : showBasketStep
	////////////////////////////*/

	.site .content-eCommerce-customer-register .radioButton
	{
		display: block;
		margin-top: 10px;
		margin-left: 0;
	}


	/*////////////////////////////
	// View : project : showCustomization
	////////////////////////////*/

	.site .content-project-showCustomization .block3 .gridItem
	{
		width: 33.33%;
	}

	.site .content-project-showCustomization .block5 .gridItem
	{
		width: 50%;
	}

	.site .content-project-showCustomization .block4 .icon
	{
		margin-left: 20px;
	}
}
/*////////////////////////////////////////
// Moins de 768px
////////////////////////////////////////*/

@media (max-width: 767px)
{
	/*////////////////////////////
	// Page header
	////////////////////////////*/

	.site .pageHeader .mobile .centeredContent
	{
		padding: 0 10px;
	}

	.site .pageHeader .mobile .block1 .customerButton,
	.site .pageHeader .mobile .block1 .showBasketStepButton
	{
		width: 29px;
		padding: 0;
	}

	.site .pageHeader .mobile .block1 .showBasketStepButtonP1,
	.site .pageHeader .mobile .block1 .customerButtonP1
	{
		display: none;
	}

	.site .pageHeader .mobile .block1 .showBasketStepButtonP2,
	.site .pageHeader .mobile .block1 .customerButtonP2
	{
		display: none;
	}

	.site .pageHeader .mobile .block1 .menuButtonLabel1,
	.site .pageHeader .mobile .block1 .menuButtonLabel2
	{
		width: 50px;
		font-size: 10px;
	}

	.site .pageHeader .mobile .block2 .phoneNumber
	{
		font-size: 12px;
	}

	.site .pageHeader .mobile .block2 .whoAreWeLink
	{
		font-size: 12px;
	}

	.site .pageHeader .mobile .catalogsLink
	{
		width: 165px;
		height: 50px;
		padding: 5px 0 0 60px;
		background-size: auto 80%;
	}

	.site .pageHeader .mobile .catalogsLinkP1
	{
		font-size: 15px;
	}

	.site .pageHeader .mobile .catalogsLinkP2
	{
		margin-top: 5px;
		font-size: 18px;
	}

	.site.showSummaryBlock .pageHeader .mobile .catalogsLink
	{
		display: none;
	}

	.site.showSummaryBlock .pageHeader .mobile .covidProtectionsLink
	{
		display: none;
	}

	/*
	.site .pageHeader .classic .blockContent
	{
		padding: 0 10px;
	}

	.site .pageHeader .classic .block1 .logoLink
	{
		top: -5px;
	}

	.site .pageHeader .classic .block1 .logo
	{
		max-height: 140px;
		margin: 0 auto;
	}

	.site .pageHeader .classic .block1 .leftBlock
	{
		display: none;
	}

	.site .pageHeader .classic .block1 .rightBlock
	{
		margin-top: 0;
		margin-left: 0;
		text-align: right;
	}

	.site .pageHeader .classic .block1 .separator
	{
		display: block;
		height: 0;
		margin: 0;
	}

	.site .pageHeader .classic .block1 .socialLinks
	{
		display: none;
	}

	.site .pageHeader .classic .block2 .menu
	{
		margin-left: 0;
		text-align: center;
	}

	.site .pageHeader .classic .block2 .menuItem
	{
		margin: 0 10px 10px 10px;
	}

	.site .pageHeader .classic .categorysMenu .categorys
	{
		margin-left: 0;
		text-align: center;
	}

	.site .pageHeader .classic .categorysMenu .category
	{
		margin: 0 10px 10px 10px;
	}
	*/


	/*////////////////////////////
	// Page Footer
	////////////////////////////*/

	.site .pageFooter .block3 .image
	{
		height: 60px;
		left: 15px;
	}

	.site .pageFooter .block3 .title
	{
		font-size: 18px;
	}

	.site .pageFooter .block3 .text
	{
		font-size: 14px;
	}

	.site .pageFooter .block4 .columns
	{
		display: block;
	}

	.site .pageFooter .block4 .showroomLink .column
	{
		width: auto;
	}

	.site .pageFooter .block4 .showroomLink .column1
	{
		height: 200px;
	}

	.site .pageFooter .block4 .showroomLink .column2
	{
		width: auto;
		padding: 10px 50px 10px 10px;
	}

	.site .pageFooter .block4 .column
	{
		display: block;
	}

	.site .pageFooter .block1 .title
	{
		font-size: 24px;
	}

	.site .pageFooter .block1 .columns
	{
		display: block;
	}

	.site .pageFooter .block1 .column
	{
		display: block;
	}

	.site .pageFooter .block1 .separatorColumn
	{
		width: auto;
		height: 100px;
		background-position: center;
	}

	.site .pageFooter .block1 .showroomLinkLabel
	{
		top: 5px;
		right: 20px;
	}

	.site .pageFooter .block1 .showroomLinkLabelP1
	{
		font-size: 25px;
	}

	.site .pageFooter .block1 .showroomLinkLabelP2
	{
		font-size: 14px;
	}

	.site .pageFooter .block2 .nameAndPlace
	{
		display: block;
	}

	.site .pageFooter .block2 .contactLink,
	.site .pageFooter .block2 .GCULink,
	.site .pageFooter .block2 .GTCLink,
	.site .pageFooter .block2 .legalNoticesLink,
	.site .pageFooter .block2 .deliveryLink,
	.site .pageFooter .block2 .whoAreWeLink
	{
		display: block;
		margin-top: 10px;
		margin-left: 0;
	}

	.site .pageFooter .block2 .catalogLink
	{
		display: block;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.site .pageFooter .block5 .titleL2
	{
		font-size: 24px;
	}

	.site .pageFooter .block6 .content
	{
		font-size: 18px;
	}


	/*////////////////////////////
	// View : project : showHome
	////////////////////////////*/

	.site .content-project-showHome .homeSlideshow .slide .title,
	.site .content-project-showCustomization .customizationSlideshow .title
	{
		left: 0;
		right: 0;
		bottom: 0;
	}

	.site .content-project-showHome .homeSlideshow .slide .title .columns,
	.site .content-project-showCustomization .customizationSlideshow .title .columns
	{
		display: block;
	}

	.site .content-project-showHome .homeSlideshow .slide .title .column,
	.site .content-project-showCustomization .customizationSlideshow .title .column
	{
		display: block;
	}

	.site .content-project-showHome .homeSlideshow .slide .titlePart1,
	.site .content-project-showCustomization .customizationSlideshow .titlePart1,
	.site .content-project-showHome .homeSlideshow .slide .titlePart2,
	.site .content-project-showCustomization .customizationSlideshow .titlePart2,
	.site .content-project-showHome .homeSlideshow .slide .titlePart3,
	.site .content-project-showCustomization .customizationSlideshow .titlePart3
	{
		height: auto;
		line-height: normal;
		padding: 10px;
	}

	.site .content-project-showHome .homeSlideshow .slide .titlePart1,
	.site .content-project-showCustomization .customizationSlideshow .titlePart1
	{
		float: none;
		font-size: 18px;
	}

	.site .content-project-showHome .homeSlideshow .slide .titlePart2,
	.site .content-project-showCustomization .customizationSlideshow .titlePart2,
	.site .content-project-showHome .homeSlideshow .slide .titlePart3,
	.site .content-project-showCustomization .customizationSlideshow .titlePart3
	{
		width: 50%;
		height: 36px;
		line-height: 36px;
		padding-top: 0;
		padding-bottom: 0;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.site .content-project-showHome .homeSlideshow .slide .titlePart2,
	.site .content-project-showCustomization .customizationSlideshow .titlePart2
	{
		float: left;
		font-size: 13px;
	}

	.site .content-project-showHome .homeSlideshow .slide .titlePart3,
	.site .content-project-showCustomization .customizationSlideshow .titlePart3
	{
		float: right;
		margin-top: 0;
		font-size: 11px;
	}

	.site .content-project-showHome .homeSlideshow .slideButtons,
	.site .content-project-showCustomization .customizationSlideshow .slideButtons
	{
		display: none;
	}

	.site .content-project-showHome .block2
	{
		padding-top: 20px;
	}

	.site .content-project-showHome .block2 .titleL2
	{
		font-size: 24px;
	}

	.site .content-project-showHome .block3 .titleL2
	{
		font-size: 22px;
	}

	.site .content-project-showHome .block3 .productContainer
	{
		width: 100%;
	}


	/*////////////////////////////
	// View : project : showWhoAreWe
	////////////////////////////*/

	.site .content-project-showWhoAreWe .block3 .paragraph.big
	{
		font-size: 22px;
	}

	.site .content-project-showWhoAreWe .block4 .columns,
	.site .content-eCommerce-customer-loginOrRegister .block3 .columns,
	.site .content-eCommerce-order-showIdentificationStep .block3 .columns,
	.site .content-eCommerce-order-showAddresssStep .block3 .columns,
	.site .content-eCommerce-order-showAlternativeAddresssStep .block3 .columns
	{
		display: block;
	}

	.site .content-project-showWhoAreWe .block4 .column,
	.site .content-eCommerce-customer-loginOrRegister .block3 .column,
	.site .content-eCommerce-order-showIdentificationStep .block3 .column,
	.site .content-eCommerce-order-showAddresssStep .block3 .column,
	.site .content-eCommerce-order-showAlternativeAddresssStep .block3 .column
	{
		display: block;
	}

	.site .content-project-showWhoAreWe .block4 .column1,
	.site .content-eCommerce-customer-loginOrRegister .block3 .loginFormColumn,
	.site .content-eCommerce-order-showIdentificationStep .block3 .loginFormColumn,
	.site .content-eCommerce-order-showAddresssStep .block3 .billingAddressColumn,
	.site .content-eCommerce-order-showAlternativeAddresssStep .block3 .billingAddressColumn
	{
		padding-right: 0;
	}

	.site .content-project-showWhoAreWe .block4 .column1
	{
		width: auto;
	}

	.site .content-project-showWhoAreWe .block4 .column2,
	.site .content-eCommerce-customer-loginOrRegister .block3 .registerFormColumn,
	.site .content-eCommerce-order-showIdentificationStep .block3 .registerFormColumn,
	.site .content-eCommerce-order-showAddresssStep .block3 .deliveryAddressColumn,
	.site .content-eCommerce-order-showAlternativeAddresssStep .block3 .deliveryAddressColumn
	{
		margin-top: 40px;
		padding-left: 0;
	}

	.site .content-project-showWhoAreWe .block3 .subBlock,
	.site .content-project-showWhoAreWe .block4 .subBlock,
	.site .content-project-showWhoAreWe .block5 .subBlock,
	.site .content-project-showWhoAreWe .block6 .subBlock,
	.site .content-project-showWhoAreWe .block7 .subBlock,
	.site .content-eCommerce-customer-loginOrRegister .block3 .columnContent,
	.site .content-eCommerce-order-showIdentificationStep .block3 .columnContent,
	.site .content-eCommerce-order-showAddresssStep .block3 .columnContent,
	.site .content-eCommerce-order-showAlternativeAddresssStep .block3 .columnContent
	{
		padding-left: 10px;
		padding-right: 10px;
	}

	.site .content-project-showWhoAreWe .block3 .columnL2s
	{
		display: block;
	}

	.site .content-project-showWhoAreWe .block3 .columnL2
	{
		display: block;
		padding-right: 0;
	}

	.site .content-project-showWhoAreWe .block4 .logo
	{
		display: block;
		margin: 0 auto;
	}

	.site .content-project-showWhoAreWe .block5 .line
	{
		display: none;
	}

	.site .content-project-showWhoAreWe .block5 .column
	{
		padding: 0;
		margin-top: 40px;
	}

	.site .content-project-showWhoAreWe .block5 .columns .column:first-child
	{
		margin-top: 0;
	}

	.site .content-project-showWhoAreWe .block5 .yearIcon
	{
		float: none;
		margin: 0 auto 10px auto;
	}

	.site .content-project-showWhoAreWe .block5 .list
	{
		margin-left: 0;
		padding-top: 0;
	}

	.site .content-project-showWhoAreWe .block6 .dashed
	{
		display: none;
	}

	.site .content-project-showWhoAreWe .block6 .columns
	{
		display: block;
	}

	.site .content-project-showWhoAreWe .block6 .column
	{
		display: block;
		margin-top: 40px;
		padding: 0;
	}

	.site .content-project-showWhoAreWe .block6 .columns .column:first-child
	{
		margin-top: 0;
	}

	.site .content-project-showWhoAreWe .block7 .partners
	{
		display: block;
	}

	.site .content-project-showWhoAreWe .block7 .partnerLine
	{
		display: block;
	}

	.site .content-project-showWhoAreWe .block7 .partner
	{
		display: block;
	}


	/*////////////////////////////
	// View : project : showShowroom
	////////////////////////////*/

	.site .content-eCommerce-category-show .block2 .centeredContent2
	{
		margin-left: 0;
		margin-right: 0;
		padding-left: 0;
		padding-right: 0;
	}

	.site .content-eCommerce-category-show .categorySlidesSlideshow .categorySlideTitle
	{
		padding: 10px;
		left: 0;
		right: 0;
		bottom: 0;
		font-size: 18px;
	}

	.site .content-project-showShowroom .showroomSlideshow .showPreviousSlide,
	.site .content-eCommerce-category-show .categorySlidesSlideshow .showPreviousSlide,
	.site .content-project-showShowroom .showroomSlideshow .showNextSlide,
	.site .content-eCommerce-category-show .categorySlidesSlideshow .showNextSlide
	{
		width: 25px;
		height: 27px;
		margin-top: -13px;
	}

	.site .content-project-showShowroom .showroomSlideshow .showPreviousSlide,
	.site .content-eCommerce-category-show .categorySlidesSlideshow .showPreviousSlide
	{
		left: 5px;
	}

	.site .content-project-showShowroom .showroomSlideshow .showNextSlide,
	.site .content-eCommerce-category-show .categorySlidesSlideshow .showNextSlide
	{
		right: 5px;
	}

	.site .content-project-showShowroom .block3 .subBlock
	{
		padding-left: 10px;
		padding-right: 10px;
	}


	/*////////////////////////////
	// View : eCommerce : brand : list
	////////////////////////////*/

	.site .content-eCommerce-brand-list .brandContainer,
	.site .content-project-showShowroom .brandContainer
	{
		width: 100%;
	}


	/*////////////////////////////
	// View : eCommerce : category : list
	////////////////////////////*/

	#page-eCommerce-category-show .site .pageContent .content-eCommerce-category-list .category,
	#page-eCommerce-product-show .site .pageContent .content-eCommerce-category-list .category
	{
		display: block;
		margin: 15px 0 0 0;
		/*margin: 0 5px 10px 5px;*/
	}

	#page-eCommerce-category-show .site .pageContent .content-eCommerce-category-list .category:first-child,
	#page-eCommerce-product-show .site .pageContent .content-eCommerce-category-list .category:first-child
	{
		margin-top: 0;
	}


	/*////////////////////////////
	// View : eCommerce : category : show
	////////////////////////////*/

	.site .content-eCommerce-category-show .block1,
	.site .content-eCommerce-product-show .block1
	{
		height: auto;
	}

	.site .content-eCommerce-category-show .block1 .centeredContent,
	.site .content-eCommerce-product-show .block1 .centeredContent
	{
		height: auto;
		padding: 10px 10px 20px 10px;
	}

	.site .content-eCommerce-category-show .block1 .title,
	.site .content-eCommerce-product-show .block1 .title
	{
		margin: 0 auto 10px auto;
		position: static;
		top: auto;
		right: auto;
	}

	.site .content-eCommerce-category-show .block1 .subTitle,
	.site .content-eCommerce-product-show .block1 .subTitle
	{
		padding-top: 20px;
		position: static;
		top: auto;
		left: auto;
	}

	.site .content-eCommerce-category-show .categoryCustomSelect2
	{
		position: relative;
	}

	.site .content-eCommerce-category-show .categoryCustomSelect2 .currentValue
	{
		display: block;
	}

	#page-eCommerce-category-show .site .pageContent .categoryCustomSelect2 .content-eCommerce-category-list .categorys
	{
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
		padding: 20px 30px 20px 30px;
		position: absolute;
		top: 110px;
		left: 0;
		right: 0;
		z-index: 4;
		border-radius: 30px;
		background: #1c242b;
		text-align: left;
	}

	#page-eCommerce-category-show .site .pageContent .categoryCustomSelect2.opened .content-eCommerce-category-list .categorys
	{
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
	}

	#page-eCommerce-category-show .site .pageContent .content-eCommerce-category-list .category .image,
	#page-eCommerce-product-show .site .pageContent .content-eCommerce-category-list .category .image
	{
		display: none;
	}

	#page-eCommerce-category-show .site .pageContent .content-eCommerce-category-list .category .name,
	#page-eCommerce-product-show .site .pageContent .content-eCommerce-category-list .category .name
	{
		padding-bottom: 0;
		background: none;
		font-size: 16px;
		color: #fff;
	}

	#page-eCommerce-category-show .site .pageContent .content-eCommerce-category-list .category.active .name,
	#page-eCommerce-product-show .site .pageContent .content-eCommerce-category-list .category.active .name
	{
		font-size: 18px;
		color: #f0e058;
	}

	.site .pageContent .content-eCommerce-category-list .category.active .image
	{
		width: 75px;
	}

	.site .pageContent .content-eCommerce-category-list .category.active .name
	{
		font-size: 10px;
	}

	.site .content-eCommerce-category-show .block2 .title
	{
		display: none;
	}

	.site .content-eCommerce-category-show .block2 .subTitle
	{
		font-size: 14px;
	}

	.site .content-eCommerce-category-show .subCategoryCustomSelect2
	{
		position: relative;
	}

	.site .content-eCommerce-category-show .subCategoryCustomSelect2 .currentValue
	{
		display: block;
		position: relative;
		z-index: 3;
	}

	.site .content-eCommerce-category-show .subCategorys
	{
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
		margin-top: 0;
		padding: 50px 30px 20px 30px;
		position: absolute;
		top: 30px;
		left: 0;
		right: 0;
		z-index: 2;
		-webkit-border-bottom-right-radius: 30px;
		-webkit-border-bottom-left-radius: 30px;
		-moz-border-radius-bottomright: 30px;
		-moz-border-radius-bottomleft: 30px;
		border-bottom-right-radius: 30px;
		border-bottom-left-radius: 30px;
		background: #1c242b;
		text-align: left;
	}

	.site .content-eCommerce-category-show .subCategoryCustomSelect2.opened .subCategorys
	{
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
	}

	.site .content-eCommerce-category-show .subCategory
	{
		display: block;
		margin-top: 15px;
	}

	.site .content-eCommerce-category-show .subCategory:first-child
	{
		margin-top: 0;
	}

	.site .content-eCommerce-category-show .subCategoryLink
	{
		margin: 0;
		padding: 0;
		border-radius: 0;
		background: none;
		color: #fff;
	}

	.site .content-eCommerce-category-show .subCategoryLink.current
	{
		padding: 0;
		background: none;
		box-shadow: none;
		color: #F6E14A;
	}

	.site .content-eCommerce-category-show .openCloseFiltersButton
	{
		display: block;
	}

	.site .content-eCommerce-category-show .block3
	{
		padding-top: 20px;
	}

	.site .content-eCommerce-category-show .block2 .shortDescription,
	.site .content-eCommerce-category-show .block5 .longDescription
	{
		font-size: 14px;
	}

	.site .content-eCommerce-category-show .columns
	{
		display: block;
	}

	.site .content-eCommerce-category-show .column
	{
		display: block;
	}

	.site .content-eCommerce-category-show .column1
	{
		display: none;
		width: auto;
	}

	.site.openFilters .content-eCommerce-category-show .column1
	{
		display: block;
	}

	.site .content-eCommerce-category-show .column2
	{
		padding-top: 20px;
		padding-left: 0;
	}

	.site .content-eCommerce-product-list .nbProducts
	{
		display: block;
		margin-bottom: 20px;
		position: static;
		top: auto;
		right: auto;
		text-align: center;
	}


	/*////////////////////////////
	// View : eCommerce : product : search
	////////////////////////////*/

	.site .content-eCommerce-brand-show .productContainer,
	.site .content-eCommerce-product-search .productContainer,
	.site .content-eCommerce-product-listWithReductions .productContainer,
	.site .content-eCommerce-product-listCovidProtections .productContainer
	{
		width: 100%;
	}


	/*////////////////////////////
	// View : eCommerce : product : show
	////////////////////////////*/

	.site .content-eCommerce-product-show .block2
	{
		display: none;
	}

	.site .content-eCommerce-product-show .block3
	{
		padding-top: 0;
	}

	.site .content-eCommerce-product-show .block3 .centeredContent
	{
		margin-left: 0;
		margin-right: 0;
		padding-left: 0;
		padding-right: 0;
	}

	.site .content-eCommerce-product-show .columnL1s
	{
		display: block;
	}

	.site .content-eCommerce-product-show .columnL1
	{
		display: block;
	}

	.site .content-eCommerce-product-show .columnL1-1
	{
		width: auto;
		padding-top: 60px;
	}

	.site .content-eCommerce-product-show .columnL2-1
	{
		/*padding: 20px;*/
	}

	.site .content-eCommerce-product-show .slideshowProductPhotos .slide .zoomIcon
	{
		display: none;
	}

	.site .content-eCommerce-product-show .block4 .centeredContent
	{
		margin-left: 0;
		margin-right: 0;
		padding-left: 0;
		padding-right: 0;
	}

	.site .content-eCommerce-product-show .block4 .form
	{
		display: block;
	}

	.site .content-eCommerce-product-show .block4 .fieldset
	{
		display: block;
		text-align: center;
	}

	.site .content-eCommerce-product-show .block4 .buttons
	{
		display: block;
	}

	.site .content-eCommerce-product-show .block4 .addToBasketButton
	{
		display: block;
		width: 100%;
		margin-top: 10px;
		margin-left: 0;
	}

	.site .content-eCommerce-product-show .block4 .technicalSheetLink
	{
		float: none;
		display: block;
		width: 100%;
		margin-left: 0;
	}

	.site .content-eCommerce-product-show .productOpinionsBlock .productOpinion
	{
		padding: 20px 10px 45px 10px;
		text-align: center;
	}

	.site .content-eCommerce-product-show .productOpinionsBlock .productOpinion .columns
	{
		display: block;
		width: auto;
	}

	.site .content-eCommerce-product-show .productOpinionsBlock .productOpinion .column
	{
		display: block;
	}

	.site .content-eCommerce-product-show .productOpinionsBlock .productOpinion .column1
	{
		width: auto;
	}

	.site .content-eCommerce-product-show .productOpinionsBlock .productOpinion .column2
	{
		width: auto;
		margin-top: 20px;
	}

	.site .content-eCommerce-product-show .productOpinionsBlock .productOpinion .column3
	{
		margin-top: 20px;
		padding-left: 0;
	}

	.site .content-eCommerce-product-show .productOpinionsBlock .productOpinion .authorPictureContainer
	{
		margin-left: auto;
		margin-right: auto;
	}

	.site .content-eCommerce-product-show .productOpinionsBlock .productOpinion .separator
	{
		margin-left: auto;
		margin-right: auto;
	}

	.site .content-eCommerce-product-show .productOpinionsBlock .productOpinion .rate
	{
		margin-left: auto;
		margin-right: auto;
	}

	.site .content-eCommerce-product-show .otherProductsBlock .productContainer
	{
		width: 100%;
	}

	.site.showSummaryBlock .content-eCommerce-product-show .summaryBlock
	{
		display: block;
	}


	/*////////////////////////////
	// View : eCommerce : product : showOne
	////////////////////////////*/

	/*.site .product
	{
		height: 400px;
	}*/

	/*#page-project-showHome .site .product
	{
		height: 425px;
	}*/

	.site .product .newness
	{
		right: -10px;
	}

	.site .product .name
	{
		font-size: 21px;
	}

	/*.site .product .showButton .price
	{
		font-size: 18px;
	}*/

	/*.site .product .showButton .label
	{
		font-size: 16px;
	}*/


	/*////////////////////////////
	// View : project : showCustomization
	////////////////////////////*/

	.site .content-project-showCustomization .block2 .gridItem
	{
		width: 100%;
	}

	.site .content-project-showCustomization .block2 .titleL2,
	.site .content-project-showCustomization .block5 .titleL2
	{
		font-size: 21px;
	}

	.site .content-project-showCustomization .block2 .text,
	.site .content-project-showCustomization .block5 .text
	{
		font-size: 18px;
	}

	.site .content-project-showCustomization .block3 .gridItem
	{
		width: 100%;
	}

	.site .content-project-showCustomization .block3 .titleL2,
	.site .content-project-showCustomization .block4 .titleL2
	{
		font-size: 24px;
	}

	.site .content-project-showCustomization .block4 .icon
	{
		margin: 20px 10px 0 10px;
	}

	.site .content-project-showCustomization .block4 .text
	{
		font-size: 20px;
	}

	.site .content-project-showCustomization .block5 .gridItem
	{
		width: 100%;
	}


	/*////////////////////////////
	// View : contactForm : contact
	////////////////////////////*/

	.site .sharedBlock3 .centeredContent
	{
		padding-left: 10px;
		padding-right: 10px;
	}

	.site .content-contactForm-contact .columns
	{
		display: block;
		width: auto;
	}

	.site .content-contactForm-contact .column
	{
		display: block;
		margin-top: 40px;
	}

	.site .content-contactForm-contact .columns .column:first-child
	{
		margin-top: 0;
	}

	.site .content-contactForm-contact .map
	{
		height: 200px;
	}

	.site .sharedBlock1 .title
	{
		padding-top: 80px;
		position: static;
		top: auto;
		left: auto;
	}

	.site .sharedBlock2 .stepNumbers
	{
		margin-left: 10px;
		text-align: left;
	}

	.site .sharedBlock2 .stepNumbers .stepNumber
	{
		display: block;
		margin-left: 0;
	}

	.site .sharedBlock2 .stepNumbers .stepNumber .image
	{
		vertical-align: middle;
		display: inline-block;
		max-height: 50px;
	}

	.site .sharedBlock2 .stepNumbers .stepNumber .label
	{
		vertical-align: middle;
		display: inline-block;
	}

	.site .sharedForm .formRow
	{
		display: block;
	}

	.site .sharedForm .formRowLeftColumn
	{
		display: block;
		width: auto;
	}

	.site .sharedForm .formRowRightColumn
	{
		display: block;
		padding-top: 5px;
		padding-left: 0;
	}

	.site .sharedForm .formLabel
	{
		padding: 0 0 15px 0;
		text-align: left;
	}

	.site .sharedForm .formRow.optional .formRowRightColumn:after
	{
		right: 0;
	}

	.site .form .g-recaptcha
	{
		max-width: 280px;
		margin-left: 0;
		overflow: hidden;
	}

	.site .sharedForm .optionalFieldsInformation
	{
		float: none;
	}

	.site .sharedForm .buttons
	{
		float: none;
	}


	/*////////////////////////////
	// View : eCommerce : order : showBasketStep
	////////////////////////////*/

	.site .sharedForm .radioButtons,
	.site .form-eCommerce-order-showBasketStep .radioButtons
	{
		padding-top: 0;
	}

	.site .sharedForm .radioButton,
	.site .form-eCommerce-order-showBasketStep .radioButton
	{
		display: block;
		margin-top: 10px;
		margin-left: 0;
	}

	.site .content-eCommerce-order-showBasketStep .buttons .columns
	{
		display: block;
	}

	.site .content-eCommerce-order-showBasketStep .buttons .column
	{
		display: block;
	}

	.site .content-eCommerce-order-showBasketStep .buttons .column2
	{
		margin-top: 10px;
		text-align: left;
	}

	.site .content-eCommerce-order-showBasketStep .buttons .orderButton
	{
		display: block;
		width: 100%;
	}

	.site .content-eCommerce-order-showBasketStep .buttons .emptyBasketButton
	{
		display: none;
	}


	/*////////////////////////////
	// View : eCommerce : order : showPrivilegedProBasketStep
	////////////////////////////*/

	.site .content-eCommerce-order-showPrivilegedProBasketStep .columns
	{
		display: block;
		width: auto;
	}

	.site .content-eCommerce-order-showPrivilegedProBasketStep .column
	{
		display: block;
		width: auto;
		padding: 0;
	}

	.site .content-eCommerce-order-showPrivilegedProBasketStep .column2
	{
		padding-top: 10px;
		padding-bottom: 10px;
		text-align: center;
	}

	.site .content-eCommerce-order-showPrivilegedProBasketStep .table.open
	{
		display: block;
	}

	.site .content-eCommerce-order-showPrivilegedProBasketStep .tableHeader
	{
		display: none;
	}

	.site .content-eCommerce-order-showPrivilegedProBasketStep .tableBody
	{
		display: block;
	}

	.site .content-eCommerce-order-showPrivilegedProBasketStep .line
	{
		display: block;
		margin-top: 10px;
	}

	.site .content-eCommerce-order-showPrivilegedProBasketStep .line:first-child
	{
		margin-top: 0;
	}

	.site .content-eCommerce-order-showPrivilegedProBasketStep .tableBody .cell
	{
		display: block;
		width: auto;
	}

	.site .content-eCommerce-order-showPrivilegedProBasketStep .designationCell
	{
		padding-bottom: 5px;
	}


	/*////////////////////////////
	// Shared
	////////////////////////////*/

	.site .sharedForm .radioButton label,
	.site .content-eCommerce-order-showBasketStep .radioButton label
	{
		font-size: 17px;
	}

	.site .sharedForm .twoFields .passwordField
	{
		width: 100%;
		margin-bottom: 5px;
	}


	/*////////////////////////////
	// View : eCommerce : order : showAddressStep
	////////////////////////////*/

	.site .content-eCommerce-order-showAddressStep .radioButtons
	{
		padding-top: 0;
	}

	.site .content-eCommerce-order-showAddressStep .radioButton
	{
		display: block;
		margin-left: 0;
	}

	.site .content-eCommerce-order-showAddressStep .button
	{
		width: 100%;
	}


	/*////////////////////////////
	// View : eCommerce : order : showDeliveryMethodStep
	////////////////////////////*/

	.site .content-eCommerce-order-showDeliveryMethodStep .deliveryMethod .columns
	{
		display: block;
	}

	.site .content-eCommerce-order-showDeliveryMethodStep .deliveryMethod .column
	{
		display: block;
	}


	/*////////////////////////////
	// View : chronopost : order : showDeliveryPointStep
	////////////////////////////*/

	.site .content-chronopost-order-showDeliveryPointStep .deliveryPoint .columns,
	.site .content-eCommerce-order-requestAReturn .orderLine .columns
	{
		display: block;
	}

	.site .content-chronopost-order-showDeliveryPointStep .deliveryPoint .column,
	.site .content-eCommerce-order-requestAReturn .orderLine .column
	{
		display: block;
	}

	.site .content-chronopost-order-showDeliveryPointStep .deliveryPoint .leftColumn,
	.site .content-eCommerce-order-requestAReturn .orderLine .leftColumn
	{
		width: auto;
		margin-bottom: 10px;
		text-align: center;
	}

	.site .content-chronopost-order-showDeliveryPointStep .deliveryPoint .name,
	.site .content-eCommerce-order-requestAReturn .orderLine .designation
	{
		font-size: 18px;
	}

	.site .content-chronopost-order-showDeliveryPointStep .deliveryPoint .openingTime
	{
		display: block;
	}

	.site .content-chronopost-order-showDeliveryPointStep .deliveryPoint .dayOfWeek,
	.site .content-chronopost-order-showDeliveryPointStep .deliveryPoint .time
	{
		display: block;
	}

	.site .content-chronopost-order-showDeliveryPointStep .deliveryPoint .dayOfWeek
	{
		width: auto;
	}


	/*////////////////////////////
	// View : eCommerce : order : showSummaryStep
	////////////////////////////*/

	.site .content-eCommerce-order-showSummaryStep .columns
	{
		display: block;
	}

	.site .content-eCommerce-order-showSummaryStep .column
	{
		display: block;
		margin-top: 40px;
	}

	.site .content-eCommerce-order-showSummaryStep .columns .column:first-child
	{
		margin-top: 0;
	}

	.site .content-eCommerce-order-showSummaryStep .validateAndPayButton
	{
		display: block;
		width: 100%;
		padding-left: 60px;
		background-position: 30px center;
	}


	/*////////////////////////////
	// Popin
	////////////////////////////*/

	.site .popin .popinButton
	{
		display: block;
		margin-top: 10px;
		margin-left: 0;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}


	/*////////////////////////////
	// View : showCatalogs
	////////////////////////////*/

	.site .content-project-showCatalogs .gridItem
	{
		width: 100%;
	}
}