@charset "UTF-8";
/*********************
Utils
*********************/
/******************************************************************

Stylesheet: Variables

Here is where we declare all our variables like colors, fonts,
base values, and defaults. We want to make sure this file ONLY
contains variables that way our files don't get all messy.
No one likes a mess.

******************************************************************/
/*********************
COLORS
Need help w/ choosing your colors? Try this site out:
http://0to255.com/
*********************/
/*
Here's a great tutorial on how to
use color variables properly:
http://sachagreif.com/sass-color-variables/
*/
/*********************
GRID
*********************/
/*****************************************
Mixins
*****************************************/
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

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

@font-face {
  font-family: 'rectaregular';
  src: url("fonts/recta-lite-webfont.woff2") format("woff2"), url("fonts/recta-lite-webfont.woff") format("woff");
  font-weight: 100;
  font-style: normal; }

@font-face {
  font-family: 'rectaregular';
  src: url("fonts/recta-reg-webfont.woff2") format("woff2"), url("fonts/recta-reg-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'SangBleuKing';
  src: url("fonts/SangBleuKing-Web.eot");
  src: url("fonts/SangBleuKing-Web.eot?#iefix") format("embedded-opentype"), url("fonts/SangBleuKing-Web.woff2") format("woff2"), url("fonts/SangBleuKing-Web.woff") format("woff"), url("fonts/SangBleuKing-Web.ttf") format("truetype"); }

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

.title {
  font-family: "SangBleuKing", serif; }

/*****************************************
Utils
*****************************************/
.fs {
  width: 100%;
  height: 100vh; }

.cover {
  display: block; }

.cropped {
  width: auto;
  height: auto;
  min-height: 101%;
  min-width: 101%; }

.ttu {
  text-transform: uppercase; }

.hidden {
  opacity: 0;
  visibility: hidden; }

.c-v {
  height: 100%;
  white-space: nowrap; }
  .c-v::before {
    content: "";
    width: 0;
    height: 100%;
    margin-right: -0.25em; }
  .c-v::before, .c-v__child {
    display: inline-block;
    vertical-align: middle; }
  .c-v__child {
    white-space: normal;
    width: 100%; }

.underline {
  font-size: 1.2rem;
  letter-spacing: .12em;
  font-family: "rectaregular", Helvetica, Arial, sans-serif;
  color: #fff;
  padding-bottom: 12px;
  position: relative; }
  .underline i {
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 100%;
    position: absolute;
    top: 4px;
    left: -31px;
    transform: translate(0, 0);
    background-color: currentColor; }
  @media screen and (max-width: 640px) {
    .underline i {
      display: none; } }
  .underline:before {
    content: '';
    display: inline-block;
    position: absolute;
    width: 100%;
    height: 3px;
    left: 0;
    bottom: 0;
    pointer-events: none;
    background-color: #fff;
    transform: scaleX(0);
    transform-origin: right center;
    transition: 0.75s transform cubic-bezier(0.26, 1.04, 0.54, 1); }
  .underline:after {
    content: '';
    display: inline-block;
    position: absolute;
    width: 100%;
    height: 3px;
    left: 0;
    bottom: 0;
    pointer-events: none;
    background-color: rgba(255, 255, 255, 0.05); }
  .underline--light:before {
    background-color: #111; }
  .underline--light:after {
    background-color: rgba(17, 17, 17, 0.06); }
  .underline:hover, .underline.active {
    color: #fff; }
    .underline:hover:before, .underline.active:before {
      transform: scaleX(1);
      transform-origin: left center; }

.img-container {
  display: inline-block;
  overflow: hidden;
  position: relative; }
  .img-container span.trans {
    display: block;
    transform: translate(100%, 0); }
  .img-container img {
    display: block;
    width: 100%;
    position: relative;
    top: -70px; }

::-moz-selection {
  background-color: #000;
  color: #fff; }

::selection {
  background-color: #000;
  color: #fff; }

.icon {
  display: inline-block; }

.icon {
  background: url("../svg/sprite.shared.svg") no-repeat; }

.icon--arrow {
  background-position: 91.74311926605505% 29.682398337785695%;
  width: 13.25px;
  height: 19.62px; }

.icon--bag {
  background-position: 0 75.75757575757575%;
  width: 24px;
  height: 21px; }

.icon--check {
  background-position: 33.80281690140845% 73.52941176470588%;
  width: 24px;
  height: 19px; }

.icon--close {
  background-position: 0 100%;
  width: 16px;
  height: 16px; }

.icon--cross {
  background-position: 100% 0;
  width: 20px;
  height: 20px; }

.icon--facebook {
  background-position: 71.42857142857143% 40.32258064516129%;
  width: 25px;
  height: 25px; }

.icon--facebook-white {
  background-position: 0 0;
  width: 25px;
  height: 25px; }

.icon--filters {
  background-position: 60.75949367088607% 70.4225352112676%;
  width: 16px;
  height: 16px; }

.icon--instagram {
  background-position: 71.42857142857143% 0;
  width: 25px;
  height: 25px; }

.icon--instagram-white {
  background-position: 35.714285714285715% 40.32258064516129%;
  width: 25px;
  height: 25px; }

.icon--lock {
  background-position: 94.9367088607595% 58.26470588235295%;
  width: 16px;
  height: 19px; }

.icon--pinterest {
  background-position: 0 40.32258064516129%;
  width: 25px;
  height: 25px; }

.icon--pinterest-white {
  background-position: 35.714285714285715% 0;
  width: 25px;
  height: 25px; }

/*****************************************
Grid - Susy v3
*****************************************/
.container {
  margin: 0 35px;
  padding: 0 40px;
  box-sizing: border-box; }

head:hover ~ .container:before, head:hover ~ body .container:before {
  background-size: calc(8.33333% + 1px), 100% 20px !important; }

/*********************
Components
*********************/
/*****************************************
Buttons
*****************************************/
.btn {
  display: inline-block; }
  .btn:hover .btn__arrow {
    transform: translate(4px, 0); }
  .btn:active .btn__arrow {
    transform: translate(6px, 0); }
  .btn--push {
    display: inline-block;
    font-family: "rectaregular", Helvetica, Arial, sans-serif;
    border: 0;
    border-radius: 0;
    height: 48px;
    line-height: 48px;
    text-align: center;
    font-size: 1.2rem;
    letter-spacing: 1.2px;
    color: #fff;
    text-transform: uppercase;
    background-color: #111;
    cursor: pointer; }
  .btn--burger {
    display: block;
    width: 18px;
    height: 18px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, calc(-50% - 3px));
    padding: 0;
    background: none;
    border: 1px solid #111312;
    border-radius: 40px;
    margin: 0;
    display: none; }
    .btn--burger > i {
      display: block;
      width: 18px;
      height: 1px;
      background: #fff;
      margin: 5px 0;
      transform-origin: 0% 50%;
      transition: transform 400ms cubic-bezier(0.16, 1.08, 0.38, 0.98) 75ms; }
      .btn--burger > i:first-child, .btn--burger > i:nth-child(3) {
        transform-origin: 100% 50%; }
    .btn--burger-close {
      position: absolute;
      top: 13px;
      left: 0; }
      .btn--burger-close i {
        display: block;
        width: 24px;
        height: 2px;
        background: #fff;
        position: absolute;
        transform-origin: center center;
        transition: transform 400ms cubic-bezier(0.16, 1.08, 0.38, 0.98);
        opacity: 0; }
        .btn--burger-close i:first-child {
          transform: rotate(45deg) scale(0); }
        .btn--burger-close i:last-child {
          transform: rotate(135deg) scale(0); }
    .btn--burger.active > i {
      transform: scale(0);
      transition: transform 400ms cubic-bezier(0.16, 1.08, 0.38, 0.98); }
    .btn--burger.active div i {
      opacity: 1;
      transition: all 400ms cubic-bezier(0.16, 1.08, 0.38, 0.98) 75ms; }
      .btn--burger.active div i:first-child {
        transform: rotate(45deg) scale(1); }
      .btn--burger.active div i:last-child {
        transform: rotate(135deg) scale(1); }

@media only screen and (max-width: 640px) {
  .btn--burger {
    display: block; } }

/*****************************************
inputs
*****************************************/
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
select,
textarea {
  display: block;
  height: 4.4rem;
  line-height: 4.4rem;
  transition: color, background 0.2s ease-out;
  font-family: "rectaregular", Helvetica, Arial, sans-serif;
  font-size: 1.4rem;
  letter-spacing: .8px;
  color: #111;
  padding: 0 16px;
  box-sizing: border-box;
  margin: 6px 0;
  background-color: #ffffff;
  border: solid 1px #e2e2e2; }
  input[type="text"]:focus, input[type="text"]:active,
  input[type="password"]:focus,
  input[type="password"]:active,
  input[type="datetime"]:focus,
  input[type="datetime"]:active,
  input[type="datetime-local"]:focus,
  input[type="datetime-local"]:active,
  input[type="date"]:focus,
  input[type="date"]:active,
  input[type="month"]:focus,
  input[type="month"]:active,
  input[type="time"]:focus,
  input[type="time"]:active,
  input[type="week"]:focus,
  input[type="week"]:active,
  input[type="number"]:focus,
  input[type="number"]:active,
  input[type="email"]:focus,
  input[type="email"]:active,
  input[type="url"]:focus,
  input[type="url"]:active,
  input[type="search"]:focus,
  input[type="search"]:active,
  input[type="tel"]:focus,
  input[type="tel"]:active,
  input[type="color"]:focus,
  input[type="color"]:active,
  select:focus,
  select:active,
  textarea:focus,
  textarea:active {
    outline: none; }

select {
  border-radius: none;
  -webkit-appearance: none;
  -webkit-border-radius: 0px;
  background-image: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24' height='24' viewBox='0 0 24 24'><path fill='#444' d='M7.406 7.828l4.594 4.594 4.594-4.594 1.406 1.406-6 6-6-6z'></path></svg>");
  background-position: 96% 50%;
  background-repeat: no-repeat; }

textarea {
  padding: 2rem; }

input[type="submit"] {
  font-family: "rectaregular", Helvetica, Arial, sans-serif;
  border: 0;
  border-radius: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  height: 54px;
  line-height: 54px;
  text-align: center;
  font-size: 1.2rem;
  letter-spacing: 1.2px;
  color: #fff;
  text-transform: uppercase;
  background-color: #111;
  cursor: pointer; }

textarea {
  max-width: 100%;
  height: 16rem;
  max-height: 16rem;
  line-height: 1.5em; }

/*********************
Layout
*********************/
/*********************
General
*********************/
html {
  font-size: 62.5%; }

body {
  font-family: "rectaregular", Helvetica, Arial, sans-serif;
  line-height: 20px;
  color: #111;
  background-color: #fff;
  font-size: 1.4rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  @media screen and (max-width: 640px) {
    body {
      overflow-x: hidden; } }
  body.is-inactive {
    height: 100vh;
    overflow: hidden; }

.js-svg-mask {
  overflow: hidden;
  width: 300px;
  transform: translate(-100%, 0);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto; }
  .js-svg-mask svg {
    width: 300px;
    transform: translate(100%, 0); }

.loader {
  opacity: 0; }
  .loader:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: inline-block;
    background-image: url("../svg/logo.svg");
    background-size: 300px;
    background-position: center 45%;
    background-repeat: no-repeat; }

.scrollable {
  width: 100%; }

/*********************
Links
*********************/
a, a:visited {
  color: #999;
  text-decoration: none;
  transition: color 500ms cubic-bezier(0.4, 0.8, 0.74, 1);
  /* on hover */
  /* on click */
  /* mobile tap color */ }
  a:hover, a:visited:hover {
    transition: color 0; }
  a:focus, a:visited:focus {
    outline: none; }
  a:active, a:visited:active {
    color: #828282; }
  a:link, a:visited:link {
    /*
		this highlights links on iPhones/iPads.
		so it basically works like the :hover selector
		for mobile devices.
		*/
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3); }

/*********************
Headings
*********************/
h1, .h1, h2, .h2, h3, .h3, .account__content .woocommerce-order-details .order_details tbody td a, .checkout .woocommerce-order-details .order_details tbody td a, h4, .h4, h5, .h5 {
  /*
	if you're going to use webfonts, be sure to check your weights
	http://css-tricks.com/watch-your-font-weight/
	*/
  /* removing text decoration from all headline links */ }
  h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, .account__content .woocommerce-order-details .order_details tbody td a a, .checkout .woocommerce-order-details .order_details tbody td a a, h4 a, .h4 a, h5 a, .h5 a {
    text-decoration: none; }

/*********************
Post & content
*********************/
#content {
  margin-top: 1.5rem; }

.mobile.rotate {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
  text-align: center;
  background: #fff; }
  .mobile.rotate .borders {
    position: absolute;
    left: 0; }
    .mobile.rotate .borders span {
      background-color: #fff; }
  .mobile.rotate p {
    font-size: 2.0rem;
    line-height: 3rem;
    color: #111;
    width: 75%;
    margin: 23px auto 0; }
  .mobile.rotate img {
    height: 34vh;
    margin: 0 auto; }
  @media screen and (orientation: landscape) and (max-device-width: 740px) {
    .mobile.rotate {
      display: block; } }

.mentions {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 40px;
  text-align: center;
  border-top: 1px solid #ececec; }
  .mentions a {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    line-height: 40px;
    font-size: 1rem;
    letter-spacing: 1.2px;
    color: #111;
    text-transform: uppercase; }

@media screen and (max-width: 640px) {
  .mentions {
    position: relative;
    margin-bottom: 50px; } }

/*****************************************
Header
*****************************************/
.header {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10;
  pointer-events: none; }

.back {
  opacity: 0;
  visibility: hidden;
  position: relative;
  cursor: pointer; }
  .back .btn {
    position: absolute;
    right: -9px;
    top: 0;
    width: 32px;
    height: 32px;
    border-radius: 100%;
    background-color: #111; }
    .back .btn i {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%) rotate(-90deg) scale(0.6); }
  .back p {
    font-size: 1rem;
    line-height: 1rem;
    position: absolute;
    right: 0;
    transform-origin: 100% 0%;
    transform: rotate(-90deg) translate(-60px, -11px);
    text-transform: uppercase;
    letter-spacing: .08em; }

.bag {
  position: fixed;
  top: 0;
  right: 0;
  width: 117px;
  height: 52px;
  line-height: 52px;
  background-color: #111;
  pointer-events: initial;
  cursor: pointer;
  z-index: 99999; }
  .bag div {
    display: inline;
    white-space: nowrap;
    position: absolute;
    top: 50%;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    will-change: transform;
    transform: translate(-50%, 0%);
    transition: all 150ms cubic-bezier(0.26, 1.04, 0.54, 1); }
    .bag div.active {
      opacity: 1;
      visibility: visible;
      transform: translate(-50%, -50%);
      transition: all 500ms cubic-bezier(0.26, 1.04, 0.54, 1); }
    .bag div i {
      display: inline-block;
      vertical-align: middle;
      margin-right: 10px; }
    .bag div span {
      display: inline-block;
      vertical-align: middle;
      font-size: 1rem;
      text-transform: uppercase;
      letter-spacing: 1.2px;
      color: #fff; }

@media only screen and (max-width: 640px) {
  .header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10000;
    width: 100%;
    height: 100%;
    pointer-events: none; }
    .header .nav.active {
      pointer-events: initial; }
      .header .nav.active .nav__white {
        display: block;
        z-index: 1; }
      .header .nav.active ul {
        transform: translate(0, 0); }
        .header .nav.active ul li {
          opacity: 1; }
    .header .nav {
      pointer-events: none; }
      .header .nav:after {
        display: none; }
      .header .nav ul {
        position: absolute;
        top: 0px;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #111312;
        transform: translate(100%, 0);
        transition: transform 300ms cubic-bezier(0.26, 1.04, 0.54, 1); }
        .header .nav ul li {
          display: block;
          font-size: 2rem;
          height: auto;
          line-height: 2.3rem;
          margin: 25px 0 !important;
          padding: 0 !important;
          background: none !important;
          opacity: 0;
          transition: opacity 500ms cubic-bezier(0.26, 1.04, 0.54, 1) 300ms; }
          .header .nav ul li.last {
            position: absolute;
            bottom: 80px;
            left: 50%;
            font-size: 1.7rem;
            transform: translate(-50%, 0); }
          .header .nav ul li span {
            height: auto; }
    .header .btn--nav {
      display: block;
      width: 40px;
      height: 40px;
      border-radius: 100%;
      position: fixed;
      top: 20px;
      right: 25px;
      background: #111312;
      z-index: 10000;
      pointer-events: initial; }
    .header .back {
      display: none; }
  .bag {
    top: inherit;
    bottom: 0; } }

/*****************************************
Navigation
*****************************************/
.btn--nav {
  cursor: pointer;
  position: fixed; }
  .btn--nav:hover .btn--burger:not(.active) {
    opacity: 1; }
    .btn--nav:hover .btn--burger:not(.active) > i {
      transform: scale3d(0.8, 1, 1);
      transition: transform 200ms cubic-bezier(0.7, -0.1, 0.3, 1.1); }

.nav {
  border-bottom: 0;
  margin: 0;
  pointer-events: none; }
  .nav > div {
    padding: 4rem 0; }
  .nav__logo {
    position: absolute;
    width: 130px;
    pointer-events: initial; }
    .nav__logo img {
      width: 100%; }
  .nav .dot {
    display: inline-block;
    position: absolute;
    top: 40px;
    right: 35px;
    width: 8px;
    height: 8px;
    border-radius: 8px;
    opacity: 0;
    background-color: #272221;
    transition: all 300ms cubic-bezier(0.26, 1.04, 0.54, 1); }
    .nav .dot.active {
      opacity: 1; }
  .nav__top {
    margin-top: 50px;
    float: right;
    text-align: right;
    pointer-events: initial; }
    .nav__top__item {
      margin-left: 2rem;
      opacity: 0;
      transform: translate(15px, 0); }
      .nav__top__item a {
        display: block;
        color: #201f1c;
        font-size: 1.6rem;
        line-height: 2.8rem;
        letter-spacing: .08em;
        margin-right: -.08em;
        transition: all 300ms cubic-bezier(0.26, 1.04, 0.54, 1); }
        .nav__top__item a.active {
          padding-right: 20px; }
          .nav__top__item a.active + i {
            opacity: 1;
            transform: translate(0, -50%); }
        .nav__top__item a.lang-active {
          font-weight: bold;
          pointer-events: none; }
        .nav__top__item a:hover:not(.ttu) {
          padding-right: 20px; }
      .nav__top__item i {
        display: inline-block;
        width: 6px;
        height: 6px;
        border-radius: 100%;
        position: absolute;
        top: 50%;
        right: 0;
        opacity: 0;
        transform: translate(0, -50%);
        transition: all 300ms cubic-bezier(0.26, 1.04, 0.54, 1);
        background-color: currentColor; }
    .nav__top > span {
      display: block;
      margin-top: 25px; }
      .nav__top > span.my-account a {
        font-size: 1rem;
        color: rgba(17, 17, 17, 0.2);
        text-transform: uppercase; }
      .nav__top > span li a {
        display: inline-block;
        font-size: 1.3rem;
        line-height: 2.3rem;
        letter-spacing: .08em;
        margin-right: -.08em;
        transition: all 300ms cubic-bezier(0.26, 1.04, 0.54, 1); }
        .nav__top > span li a:hover {
          font-weight: bold; }

@media screen and (max-width: 640px) {
  .nav {
    border-bottom: 0;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    pointer-events: initial; }
    .nav__logo {
      display: none; }
    .nav__top {
      display: inline-block;
      vertical-align: middle;
      padding: 100px 30px;
      margin-top: 0;
      box-sizing: border-box; }
      .nav__top__item {
        display: block;
        width: 100%;
        text-align: right;
        margin-left: 0;
        margin: 10px 0;
        font-size: 3.4rem;
        text-transform: none;
        letter-spacing: .1em; }
        .nav__top__item a {
          font-size: 2.2rem;
          line-height: 2.8rem;
          color: #fff; }
          .nav__top__item a + i {
            width: 10px;
            height: 10px;
            background-color: #fff; }
      .nav__top > span.my-account a {
        font-size: 1.5rem;
        color: rgba(255, 255, 255, 0.2); } }

/*****************************************
Footer
*****************************************/
.footer {
  text-align: center; }

/*********************
Pages
*********************/
.home {
  background-color: #fff; }
  .home header {
    height: 100vh;
    position: relative;
    padding: 0; }
    .home header .side {
      display: block;
      width: 57.5%;
      padding-right: 35px;
      margin-left: -35px;
      height: 100%;
      position: relative;
      background-size: cover; }
      .home header .side .slideshow--picture {
        position: relative;
        display: block;
        width: 100%;
        height: 100%;
        overflow: hidden;
        z-index: 1; }
        .home header .side .slideshow--picture span {
          display: block;
          position: absolute;
          top: 0;
          top: 0;
          width: 100%;
          height: 100%;
          background-size: cover;
          background-position: center;
          transform: translate(100%, 0); }
          .home header .side .slideshow--picture span.active {
            z-index: 100; }
      .home header .side .bg {
        position: absolute;
        top: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-size: cover;
        background-position: center; }
        .home header .side .bg__container {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          overflow: hidden;
          z-index: 0;
          transform: translate(-100%, 0); }
    .home header .collection {
      position: absolute;
      width: 40.83333%;
      top: 10%;
      left: 50%;
      bottom: 10%;
      text-align: right;
      background-size: cover;
      z-index: 1; }
      .home header .collection:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 200px;
        z-index: 10;
        /* FF3.6-15 */
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 0%, transparent 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=1 );
        /* IE6-9 */ }
      .home header .collection:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 200px;
        z-index: 10;
        /* FF3.6-15 */
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to top, rgba(0, 0, 0, 0.2) 0%, transparent 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=1 );
        /* IE6-9 */ }
      .home header .collection h2 {
        font-size: 1.2rem;
        letter-spacing: .12em;
        line-height: 3.6rem;
        color: #fff;
        position: absolute;
        right: 30px;
        top: 30px;
        text-transform: uppercase; }
        .home header .collection h2 strong {
          display: block;
          font-family: "SangBleuKing", serif;
          font-size: 3.4rem;
          letter-spacing: .12em;
          text-transform: none; }
      .home header .collection > a {
        position: absolute;
        display: block;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 10000; }
        .home header .collection > a:hover {
          color: #fff; }
          .home header .collection > a:hover span:before {
            transform: scaleX(1);
            transform-origin: left center; }
        .home header .collection > a span {
          color: #fff;
          font-size: 1.4rem;
          letter-spacing: .12em;
          text-transform: uppercase;
          position: absolute;
          right: 40px;
          bottom: 30px; }
      .home header .collection .slideshow--picture {
        position: absolute;
        display: block;
        width: 100%;
        height: 100%;
        overflow: hidden;
        z-index: 1; }
        .home header .collection .slideshow--picture span {
          display: block;
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          height: 100%;
          background-size: cover;
          background-position: center;
          transform: translate(100%, 0); }
          .home header .collection .slideshow--picture span.active {
            z-index: 100; }
    .home header h1 {
      position: absolute;
      top: 50%;
      left: calc(50% + 25px);
      transform: translate(-50%, -50%);
      font-size: 0;
      z-index: 1000;
      opacity: 0; }
      .home header h1 img {
        width: 520px; }
  .home section {
    font-size: 0;
    white-space: nowrap;
    padding-top: 100px;
    margin-bottom: 290px; }
    .home section h2 {
      font-size: 6rem;
      line-height: 7rem;
      letter-spacing: .04em;
      color: #111312;
      font-family: "SangBleuKing", serif;
      z-index: 10;
      position: relative;
      margin-bottom: 69px;
      margin-top: 65px; }
    .home section h3 {
      position: absolute;
      color: #111312;
      text-transform: uppercase;
      font-size: 1.2rem;
      letter-spacing: .18em;
      z-index: 100;
      transform-origin: 0% 0%;
      transform: rotate(-90deg); }
    .home section p {
      font-size: 1.8rem;
      line-height: 2.6rem;
      letter-spacing: .08em;
      color: currentColor;
      margin-bottom: 43px; }
    .home section .big {
      width: 100%; }
    .home section.collection {
      padding-top: 200px; }
      .home section.collection div {
        display: inline-block;
        vertical-align: top;
        width: 41.66667%;
        text-align: left;
        white-space: normal; }
        .home section.collection div.infos {
          width: 25%;
          margin-left: 9.16667%; }
      .home section.collection .img {
        position: relative;
        margin-left: 15.83333%; }
        .home section.collection .img > img:first-child {
          width: 100%; }
        .home section.collection .img .footer {
          position: absolute;
          top: 60%;
          width: 60%;
          left: -20%; }
      .home section.collection h2 {
        margin-left: -66.66667%; }
      .home section.collection h3 {
        top: 25%;
        left: -30px; }
      .home section.collection a {
        color: currentColor;
        text-transform: uppercase; }
    .home section.histoire {
      margin-bottom: 90px; }
      .home section.histoire div {
        display: inline-block;
        vertical-align: top;
        width: 40%;
        text-align: right;
        white-space: normal; }
        .home section.histoire div.infos {
          width: 25%;
          margin-left: 8.33333%; }
      .home section.histoire .img {
        position: relative;
        margin-left: 9.16667%; }
        .home section.histoire .img > img:first-child {
          width: 100%; }
        .home section.histoire .img .footer {
          position: absolute;
          width: 62.5%;
          top: -33%;
          right: -25%; }
      .home section.histoire h2 {
        margin-right: -63.33333%; }
      .home section.histoire h3 {
        top: 50%;
        right: -37px;
        transform-origin: 100% 100%; }
      .home section.histoire a {
        color: currentColor;
        text-transform: uppercase; }
  .home .newsletter {
    position: relative;
    width: 100%;
    opacity: .99;
    padding-top: 0;
    margin-bottom: 0;
    text-align: center; }
    .home .newsletter .ctn {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      z-index: 10; }
    .home .newsletter .border {
      position: absolute;
      width: 27%;
      height: 100%;
      top: 0;
      z-index: 100; }
      .home .newsletter .border:nth-of-type(1) {
        left: 0; }
      .home .newsletter .border:nth-of-type(2) {
        right: 0; }
      .home .newsletter .border i {
        display: inline-block;
        position: absolute; }
        .home .newsletter .border i.n, .home .newsletter .border i.s {
          display: inline-block;
          width: 100%;
          height: 31px;
          background-color: #fff;
          left: 0; }
        .home .newsletter .border i.e, .home .newsletter .border i.w {
          display: inline-block;
          width: 20px;
          height: 100%;
          background-color: #fff;
          right: 0; }
        .home .newsletter .border i.w {
          left: 0;
          right: inherit; }
        .home .newsletter .border i.n {
          top: -1px; }
        .home .newsletter .border i.s {
          bottom: -1px; }
    .home .newsletter h2 {
      font-size: 3.4rem;
      line-height: 9.6rem;
      margin-bottom: 20px;
      color: #fff;
      letter-spacing: 0;
      font-family: "SangBleuKing", serif; }
    .home .newsletter input[type="email"] {
      display: inline-block;
      width: 350px;
      height: 80px;
      background-color: #fff;
      border: 0;
      outline: 0;
      text-align: left;
      font-size: 1.4rem;
      color: #302c2e;
      padding: 0 34px;
      box-sizing: border-box;
      text-transform: none; }
      .home .newsletter input[type="email"]:-ms-input-placeholder {
        color: #302c2e; }
      .home .newsletter input[type="email"]::placeholder {
        color: #302c2e; }
    .home .newsletter .newsletter__message {
      display: block;
      margin-top: 1.5rem;
      font-size: 1.4rem;
      color: #111;
      font-weight: bold;
      height: 0;
      opacity: 0; }
    .home .newsletter input[type="submit"] {
      font-size: 1.2rem;
      line-height: inherit;
      color: #fff;
      text-transform: uppercase;
      height: auto;
      border: 0;
      outline: 0;
      margin-left: -90px;
      padding: 20px 40px;
      cursor: pointer;
      background-color: inherit;
      color: #111; }
    .home .newsletter img {
      width: 100%;
      display: block; }

@media screen and (max-width: 640px) {
  .home header {
    height: 100vh;
    margin: 0; }
    .home header .side {
      width: 100%;
      height: 50%;
      padding-right: 0;
      margin-left: 0; }
    .home header .collection {
      width: calc(100% - 30px);
      transform: translate(-50%, -20%);
      padding-bottom: 110%;
      top: 55%; }
      .home header .collection h2 {
        top: 30px;
        left: 30px;
        text-align: left;
        font-size: 1rem;
        line-height: 1rem; }
        .home header .collection h2 strong {
          font-size: 2.4rem;
          line-height: 5rem; }
      .home header .collection a {
        right: 0;
        bottom: 0;
        font-size: 1rem; }
    .home header h1 {
      top: 25%;
      left: 50%;
      width: 80%; }
      .home header h1 img {
        width: 100%; }
  .home section {
    white-space: normal;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box; }
    .home section h2 {
      font-size: 3rem;
      line-height: 3.4rem;
      margin-bottom: 40px; }
    .home section a.underline {
      display: inline-block;
      background-color: #232021;
      font-size: 1rem;
      color: #fff;
      padding: 22px 34px;
      z-index: 10;
      margin-bottom: 40px; }
      .home section a.underline:before, .home section a.underline:after  {
        display: none; }
    .home section p {
      margin-bottom: 40px; }
    .home section.collection {
      margin: 0;
      padding-top: 30px; }
      .home section.collection div {
        width: 100%;
        text-align: center; }
        .home section.collection div h2 {
          margin-left: 0; }
        .home section.collection div h3 {
          display: none; }
        .home section.collection div.infos {
          -ms-flex-order: 1;
              order: 1;
          width: 100%;
          margin-left: 0;
          padding: 0 30px;
          box-sizing: border-box; }
      .home section.collection .img {
        width: 85%;
        margin-left: 15%;
        -ms-flex-order: 2;
            order: 2; }
    .home section.histoire {
      margin: 0;
      padding-top: 30px; }
      .home section.histoire div {
        width: 100%;
        text-align: center; }
        .home section.histoire div h2 {
          margin-left: 0;
          margin-right: 0;
          margin-top: 20px; }
        .home section.histoire div h3 {
          display: none; }
        .home section.histoire div.infos {
          -ms-flex-order: 1;
              order: 1;
          width: 100%;
          margin-left: 0;
          margin-right: 0;
          padding: 0 30px;
          box-sizing: border-box; }
      .home section.histoire .img {
        width: 85%;
        margin-top: 150px;
        margin-left: 0;
        margin-right: 15%;
        -ms-flex-order: 2;
            order: 2; }
        .home section.histoire .img .footer {
          right: -18%; }
      .home section.histoire p {
        margin-bottom: 44px; }
  .home .newsletter {
    height: 260px; }
    .home .newsletter img {
      position: absolute;
      top: 50%;
      left: 50%;
      height: 100%;
      width: auto;
      transform: translate(-50%, -50%); }
    .home .newsletter .ctn {
      width: 100%; }
    .home .newsletter h2 {
      line-height: 3rem;
      margin-top: 0;
      margin-bottom: 20px; }
    .home .newsletter input[type="email"] {
      width: 60%;
      height: 40px;
      padding: 0 15px; }
    .home .newsletter i {
      display: none !important; } }

.collections,
.single {
  background-color: #fff; }
  .collections header,
  .single header {
    height: 490px;
    position: relative; }
    .collections header > div,
    .single header > div {
      width: 76.66667%;
      padding-right: 35px;
      margin-left: -35px;
      height: 100%;
      background-color: #111312;
      font-size: 0;
      white-space: nowrap;
      padding: 50px;
      padding-top: 110px;
      box-sizing: border-box; }
      .collections header > div span,
      .single header > div span {
        display: inline-block;
        vertical-align: top;
        width: 22.22222%; }
        .collections header > div span:first-child,
        .single header > div span:first-child {
          margin-left: 22.5%; }
        .collections header > div span:last-child,
        .single header > div span:last-child {
          font-size: 0;
          white-space: nowrap; }
          .collections header > div span:last-child ul,
          .single header > div span:last-child ul {
            width: 50%;
            display: inline-block; }
        .collections header > div span > a,
        .single header > div span > a {
          text-transform: uppercase; }
        .collections header > div span h2,
        .single header > div span h2 {
          font-size: 2rem;
          letter-spacing: .08em;
          color: #fff;
          font-family: "SangBleuKing", serif;
          margin-bottom: 33px; }
        .collections header > div span ul li a,
        .single header > div span ul li a {
          font-size: 1.6rem;
          line-height: 2.8rem;
          letter-spacing: 0.08em;
          color: #505251; }
          .collections header > div span ul li a:hover, .collections header > div span ul li a.is-active,
          .single header > div span ul li a:hover,
          .single header > div span ul li a.is-active {
            color: #fff; }
  .collections .container,
  .single .container {
    padding: 0; }
  .collections .next,
  .single .next {
    height: 400px;
    background-color: #111;
    background-size: cover;
    background-position: center;
    text-align: center;
    position: relative; }
    .collections .next:hover:before,
    .single .next:hover:before {
      opacity: .2; }
    .collections .next:before,
    .single .next:before {
      content: "";
      position: absolute;
      display: block;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      opacity: .8;
      background-color: #111;
      z-index: 10;
      transition: opacity 500ms cubic-bezier(0.26, 1.04, 0.54, 1); }
    .collections .next a,
    .single .next a {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      z-index: 1000; }
    .collections .next p,
    .single .next p {
      font-size: 1.2rem;
      color: #fff;
      letter-spacing: .12em;
      text-transform: uppercase;
      margin-bottom: 17px; }
    .collections .next h3,
    .single .next h3 {
      font-family: "SangBleuKing", serif;
      font-size: 3.4rem;
      color: #fff; }
  .collections section,
  .single section {
    font-size: 0;
    white-space: nowrap; }
    .collections section .top,
    .single section .top {
      display: inline-block;
      vertical-align: top;
      width: 57.5%;
      padding-right: 35px;
      margin-left: -35px;
      margin-top: -92px; }
      .collections section .top img,
      .single section .top img {
        display: block;
        width: 100%; }
    .collections section .infos,
    .single section .infos {
      width: 31.66667%;
      display: inline-block;
      vertical-align: top;
      margin-top: 90px;
      margin-left: 9.16667%; }
      .collections section .infos h2,
      .single section .infos h2 {
        font-family: "SangBleuKing", serif;
        font-size: 6rem;
        line-height: 7rem;
        color: #111;
        margin-left: -52.5%;
        margin-bottom: 60px;
        z-index: 10;
        position: relative;
        opacity: 0;
        transform: translate(0, 15px); }
      .collections section .infos p,
      .single section .infos p {
        width: 75%;
        font-size: 1.8rem;
        line-height: 2.6rem;
        letter-spacing: .08em;
        color: #111312;
        white-space: normal;
        opacity: 0;
        transform: translate(0, 15px);
        margin-bottom: 35px; }
        .collections section .infos p.desc,
        .single section .infos p.desc {
          font-size: 1.4rem;
          line-height: 2.2rem;
          letter-spacing: .08em;
          color: #111312; }
    .collections section section,
    .single section section {
      width: 100%;
      padding-bottom: 200px; }
      .collections section section > div,
      .single section section > div {
        width: 83.33333%;
        position: relative;
        margin: 150px auto 650px; }
        .collections section section > div div,
        .single section section > div div {
          display: inline-block;
          vertical-align: top;
          width: 40%;
          pointer-events: none; }
          .collections section section > div div:hover > span p,
          .single section section > div div:hover > span p {
            opacity: 1;
            transform: rotate(-90deg) translate(0, 0); }
          .collections section section > div div:hover > span .img-container .grad,
          .single section section > div div:hover > span .img-container .grad {
            opacity: 1;
            transform: translate(0, 0); }
          .collections section section > div div:nth-child(1),
          .single section section > div div:nth-child(1) {
            width: 31.66667%;
            z-index: 2;
            position: absolute;
            top: 100%;
            padding-bottom: 70%;
            margin-left: 0.83333%; }
          .collections section section > div div:nth-child(2),
          .single section section > div div:nth-child(2) {
            width: 43.33333%;
            margin-left: 24.16667%;
            z-index: 1;
            position: relative; }
          .collections section section > div div:nth-child(3),
          .single section section > div div:nth-child(3) {
            margin-left: -8.33333%;
            z-index: 0;
            position: absolute;
            top: 65%;
            padding-bottom: 25%; }
          .collections section section > div div > span,
          .single section section > div div > span {
            display: block;
            width: 100%;
            height: 0;
            padding-top: 143.75%;
            position: relative;
            pointer-events: initial; }
            .collections section section > div div > span p,
            .single section section > div div > span p {
              position: absolute;
              text-align: right;
              color: #fff;
              text-transform: uppercase;
              font-size: 1.2rem;
              letter-spacing: .18em;
              right: calc(100% - 30px);
              top: 70px;
              z-index: 100;
              transform-origin: 100% 0%;
              opacity: 0;
              transform: rotate(-90deg) translate(-5px, 0);
              transition: all 600ms cubic-bezier(0.16, 1.08, 0.38, 0.98);
              z-index: 20;
              pointer-events: none; }
            .collections section section > div div > span .img-container,
            .single section section > div div > span .img-container {
              position: absolute;
              width: 100%;
              left: 0;
              top: 0; }
              .collections section section > div div > span .img-container:hover img,
              .single section section > div div > span .img-container:hover img {
                transform: scale(1.03);
                transition: all 800ms cubic-bezier(0.16, 1.08, 0.38, 0.98); }
              .collections section section > div div > span .img-container img,
              .single section section > div div > span .img-container img {
                top: 0;
                transition: all 1000ms cubic-bezier(0.26, 1.04, 0.54, 1); }
              .collections section section > div div > span .img-container.big .ctn,
              .single section section > div div > span .img-container.big .ctn {
                top: 70px; }
              .collections section section > div div > span .img-container .ctn,
              .single section section > div div > span .img-container .ctn {
                display: inline-block;
                overflow: hidden;
                width: 100%;
                position: relative;
                top: -20px; }
              .collections section section > div div > span .img-container .grad,
              .single section section > div div > span .img-container .grad {
                content: "";
                display: inline-block;
                position: absolute;
                top: 0;
                left: 0;
                height: 100%;
                width: 200px;
                z-index: 10;
                opacity: 0;
                transform: translate(-20px, 0);
                pointer-events: none;
                transition: all 400ms cubic-bezier(0.26, 1.04, 0.54, 1);
                /* FF3.6-15 */
                /* Chrome10-25,Safari5.1-6 */
                background: linear-gradient(to right, rgba(0, 0, 0, 0.2) 0%, transparent 100%);
                /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=1 );
                /* IE6-9 */ }
              .collections section section > div div > span .img-container.right .grad,
              .single section section > div div > span .img-container.right .grad {
                left: inherit;
                right: 0;
                transform: translate(20px, 0);
                /* FF3.6-15 */
                /* Chrome10-25,Safari5.1-6 */
                background: linear-gradient(to left, rgba(0, 0, 0, 0.2) 0%, transparent 100%);
                /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0000000', endColorstr='#0000000',GradientType=1 );
                /* IE6-9 */ }
              .collections section section > div div > span .img-container.right p,
              .single section section > div div > span .img-container.right p {
                right: 50px; }
        .collections section section > div.second,
        .single section section > div.second {
          margin-bottom: 400px; }
          .collections section section > div.second div:nth-child(1),
          .single section section > div.second div:nth-child(1) {
            width: 40%;
            top: -15%; }
          .collections section section > div.second div:nth-child(2),
          .single section section > div.second div:nth-child(2) {
            margin-left: 32.5%; }
          .collections section section > div.second div:nth-child(3),
          .single section section > div.second div:nth-child(3) {
            width: 31.66667%;
            top: -25%; }
        .collections section section > div.top-block.first,
        .single section section > div.top-block.first {
          margin-top: 50px; }
        .collections section section > div.top-block.mid,
        .single section section > div.top-block.mid {
          margin-top: 250px; }
        .collections section section > div.mid,
        .single section section > div.mid {
          text-align: center;
          margin-bottom: 15%;
          margin-top: 45%; }
          .collections section section > div.mid ~ .first,
          .single section section > div.mid ~ .first {
            margin-top: 5%; }
          .collections section section > div.mid div:nth-child(1),
          .single section section > div.mid div:nth-child(1) {
            width: 41.66667%;
            top: -15%; }
          .collections section section > div.mid div:nth-child(2),
          .single section section > div.mid div:nth-child(2) {
            width: 40%;
            margin-left: 40%;
            z-index: 10; }

@media only screen and (max-width: 768px) {
  .collections header,
  .single header {
    width: 80%;
    height: auto;
    margin: 0; }
    .collections header div,
    .single header div {
      width: 100%;
      white-space: normal;
      padding-bottom: 60px !important;
      margin-left: 0; }
      .collections header div span,
      .single header div span {
        display: block;
        width: 100%;
        margin-bottom: 30px; }
  .collections section.container,
  .single section.container {
    margin: 0 30px; }
  .collections section .top,
  .single section .top {
    width: 100%;
    padding-right: 0;
    margin: -50px auto 0; }
  .collections section .infos,
  .single section .infos {
    display: block;
    width: 100%;
    text-align: center;
    margin: 0; }
    .collections section .infos h2,
    .single section .infos h2 {
      font-size: 3rem;
      text-align: center;
      margin: 0;
      margin-bottom: 30px; }
    .collections section .infos p,
    .single section .infos p {
      width: 100%; }
      .collections section .infos p + p,
      .single section .infos p + p {
        margin-bottom: 50px; }
  .collections section section,
  .single section section {
    padding-bottom: 5px; }
    .collections section section div,
    .single section section div {
      width: 100%;
      margin: 30px auto !important; }
      .collections section section div div,
      .single section section div div {
        top: 0 !important;
        padding: 0 !important;
        display: block !important;
        margin: 0 !important;
        margin: 30px auto !important;
        width: 100% !important;
        position: relative !important; }
        .collections section section div div > span,
        .single section section div div > span {
          padding-top: 156.75%; }
          .collections section section div div > span p,
          .single section section div div > span p {
            top: 30px;
            opacity: 1;
            transform: rotate(-90deg) translate(0, 0); }
          .collections section section div div > span .img-container .grad,
          .single section section div div > span .img-container .grad {
            opacity: 1;
            transform: translate(0, 0); }
          .collections section section div div > span .img-container p,
          .single section section div div > span .img-container p {
            right: calc(100% - 15px) !important; }
      .collections section section div .img-container.right .grad,
      .single section section div .img-container.right .grad {
        content: "";
        display: inline-block;
        position: absolute;
        top: 0;
        left: 0 !important;
        height: 100%;
        width: 200px;
        z-index: 10;
        opacity: 1;
        transform: translate(0px, 0) !important;
        transition: all 400ms cubic-bezier(0.26, 1.04, 0.54, 1);
        /* FF3.6-15 */
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, rgba(0, 0, 0, 0.2) 0%, transparent 100%) !important;
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=1 ) !important;
        /* IE6-9 */ }
      .collections section section div .img-container.right p,
      .single section section div .img-container.right p {
        right: calc(100% - 15px) !important; }
      .collections section section div .ctn,
      .single section section div .ctn {
        top: 0 !important; } }

@media only screen and (max-width: 640px) {
  .collections header,
  .single header {
    width: 100%;
    height: auto;
    margin: 0; }
    .collections header div,
    .single header div {
      width: 100%;
      white-space: normal;
      padding-bottom: 60px !important;
      margin-left: 0; }
      .collections header div span,
      .single header div span {
        display: block;
        width: 100%;
        margin-bottom: 30px; }
  .collections section.container,
  .single section.container {
    margin: 0 15px; }
  .collections section section div,
  .single section section div {
    margin: 15px auto !important; }
    .collections section section div div,
    .single section section div div {
      margin: 15px auto !important; } }

.contact {
  background-color: #fff; }
  .contact header {
    height: 100vh;
    position: relative;
    font-size: 0;
    white-space: nowrap;
    padding: 0;
    margin: 0; }
    .contact header > div {
      display: inline-block;
      vertical-align: middle;
      width: 50%;
      height: 100%; }
      .contact header > div.left {
        position: relative;
        z-index: 10; }
        .contact header > div.left .bg {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background-image: url("../img/contact.jpg");
          background-size: cover;
          background-position: center;
          transform: translate(50%, 0); }
          .contact header > div.left .bg__container {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            overflow: hidden;
            z-index: 0;
            transform: translate(-100%, 0); }
        .contact header > div.left span {
          position: relative;
          width: 102.16667%;
          background-color: #131414;
          margin-left: calc(1.66667% + 35px);
          padding: 100px 30% 85px;
          box-sizing: border-box;
          z-index: 1; }
          .contact header > div.left span h1 {
            font-size: 2.4rem;
            color: #fff;
            font-family: "SangBleuKing", serif;
            letter-spacing: .04em;
            margin-bottom: 32px; }
          .contact header > div.left span a {
            text-transform: uppercase; }
          .contact header > div.left span p {
            margin-top: 85px;
            font-size: 1rem;
            text-transform: uppercase;
            color: #fff;
            letter-spacing: .12em;
            margin-bottom: 15px; }
          .contact header > div.left span ul {
            font-size: 0;
            white-space: nowrap; }
            .contact header > div.left span ul li {
              display: inline-block;
              margin: 0 17px;
              opacity: .15;
              transition: opacity 300ms cubic-bezier(0.26, 1.04, 0.54, 1); }
              .contact header > div.left span ul li:first-child {
                margin-left: 0; }
              .contact header > div.left span ul li:hover {
                opacity: 1; }
      .contact header > div.right {
        background-color: #fff;
        padding-left: 16.66667%; }
        .contact header > div.right span {
          display: block;
          margin: 60px 0;
          opacity: 0;
          transform: translate(0, 15px); }
          .contact header > div.right span h2 {
            font-size: 2.4rem;
            color: #111;
            font-family: "SangBleuKing", serif;
            letter-spacing: .04em;
            margin-bottom: 25px; }
          .contact header > div.right span a {
            text-transform: uppercase;
            color: #111; }

@media screen and (max-width: 640px) {
  .contact header {
    height: auto;
    white-space: normal; }
    .contact header > div {
      width: 100%;
      text-align: center; }
      .contact header > div.left span {
        width: calc(100% - 30px);
        margin: 150px 15px 0;
        padding: 80px 30px;
        bottom: -50px; }
      .contact header > div.right {
        padding-left: 0;
        padding-top: 50px; } }

.stockists {
  background-color: #fff; }
  .stockists header {
    height: 100vh;
    position: relative;
    font-size: 0;
    white-space: nowrap;
    padding: 0;
    margin: 0; }
    .stockists header > div {
      display: inline-block;
      vertical-align: middle;
      width: 50%;
      height: 100%; }
      .stockists header > div.left {
        position: relative;
        z-index: 10; }
        .stockists header > div.left .bg {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background-image: url("../img/stockists.jpg");
          background-size: cover;
          background-position: center;
          transform: translate(50%, 0); }
          .stockists header > div.left .bg__container {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            overflow: hidden;
            z-index: 0;
            transform: translate(-100%, 0); }
        .stockists header > div.left span {
          width: 102.16667%;
          background-color: #131414;
          margin-left: calc(1.66667% + 35px);
          padding: 100px 13.33333% 85px;
          box-sizing: border-box; }
          .stockists header > div.left span h1 {
            font-size: 2.4rem;
            color: #fff;
            font-family: "SangBleuKing", serif;
            letter-spacing: .04em;
            margin-bottom: 32px; }
          .stockists header > div.left span > ul:first-of-type {
            margin-bottom: 20px; }
          .stockists header > div.left span > ul li a {
            font-size: 1.8rem;
            line-height: 3rem;
            letter-spacing: .08em;
            color: #676b6b; }
            .stockists header > div.left span > ul li a:hover, .stockists header > div.left span > ul li a.active {
              color: #fff; }
          .stockists header > div.left span div {
            font-size: 0;
            white-space: nowrap; }
            .stockists header > div.left span div ul {
              display: inline-block;
              vertical-align: top;
              width: 50%; }
              .stockists header > div.left span div ul li a {
                font-size: 1.8rem;
                line-height: 3rem;
                letter-spacing: .08em;
                color: #676b6b; }
                .stockists header > div.left span div ul li a:hover, .stockists header > div.left span div ul li a.active {
                  color: #fff; }
      .stockists header > div.right {
        background-color: #fff;
        padding-left: 6.66667%;
        padding-right: 6.66667%;
        box-sizing: border-box; }
        .stockists header > div.right ul {
          font-size: 0; }
          .stockists header > div.right ul li {
            display: inline-block;
            vertical-align: top;
            width: 30%;
            margin: 6.66667% 0 6.66667% 13.33333%;
            position: relative;
            cursor: pointer;
            display: none;
            opacity: 0;
            transform: translate(0, 15px); }
            .stockists header > div.right ul li:before {
              content: '';
              display: inline-block;
              position: absolute;
              width: 3px;
              height: 100%;
              top: 0;
              left: -25%;
              pointer-events: none;
              background-color: #111;
              transform: scaleY(0);
              transform-origin: bottom center;
              transition: 0.35s transform cubic-bezier(0.26, 1.04, 0.54, 1); }
            .stockists header > div.right ul li:after {
              content: '';
              display: inline-block;
              position: absolute;
              width: 3px;
              height: 100%;
              top: 0;
              left: -25%;
              pointer-events: none;
              background-color: rgba(17, 17, 17, 0.06); }
            .stockists header > div.right ul li:hover:before {
              transform: scaleY(1);
              transform-origin: top center; }
            .stockists header > div.right ul li h2 {
              font-size: 1.4rem;
              color: #111312;
              letter-spacing: .12em;
              text-transform: uppercase; }
            .stockists header > div.right ul li p {
              margin-top: 25px;
              font-size: 1.4rem;
              line-height: 2.6rem;
              letter-spacing: .04em;
              color: #111312;
              transition: all 250ms cubic-bezier(0.16, 1.08, 0.38, 0.98); }

@media screen and (max-width: 640px) {
  .stockists header {
    height: auto;
    white-space: normal; }
    .stockists header > div {
      width: 100%;
      text-align: center; }
      .stockists header > div.left span {
        width: calc(100% - 30px);
        margin: 150px 15px 0;
        padding: 80px 30px;
        bottom: -50px; }
        .stockists header > div.left span div {
          white-space: normal; }
          .stockists header > div.left span div ul {
            width: 100%; }
      .stockists header > div.right {
        padding-left: 0;
        padding-top: 50px; }
        .stockists header > div.right ul li {
          width: 60%; } }

.presse {
  text-align: center; }
  .presse .articles {
    padding: 8.66667% 0.83333%;
    box-sizing: border-box; }
    .presse .articles h1 {
      font-size: 3.4rem;
      line-height: 4rem;
      color: #111;
      font-family: "SangBleuKing", serif;
      margin-bottom: 30px; }
    .presse .articles a {
      color: #111;
      text-transform: uppercase;
      font-size: 1rem; }
      .presse .articles a:hover {
        color: #111; }
    .presse .articles ul {
      font-size: 0;
      padding: 9% 8.33333% 0;
      box-sizing: border-box;
      text-align: left; }
      .presse .articles ul li {
        width: calc(25% - 19px);
        display: inline-block;
        vertical-align: middle;
        margin-right: 25px;
        margin-bottom: 25px;
        position: relative;
        cursor: pointer; }
        .presse .articles ul li:nth-child(4n+4) {
          margin-right: 0; }
        .presse .articles ul li img {
          display: block; }
          .presse .articles ul li img:first-child {
            width: 100%; }
        .presse .articles ul li .hover {
          opacity: 0;
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          width: 90%; }
        .presse .articles ul li:hover .hover {
          opacity: 1; }
  .presse .zoom {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    height: 100vh;
    z-index: 100000;
    background-color: rgba(17, 17, 17, 0.7); }
    .presse .zoom.active {
      pointer-events: inherit; }
    .presse .zoom span {
      position: absolute;
      top: 30px;
      left: 50%;
      cursor: pointer;
      z-index: 100000;
      transform: scale(1.5) translate(-50%, 0); }
    .presse .zoom img {
      position: absolute;
      top: 50%;
      left: 50%;
      height: auto;
      width: auto;
      opacity: 0;
      max-width: 80%;
      max-height: 80%;
      z-index: 100000;
      transform: translate(-50%, -40%); }

@media screen and (max-width: 640px) {
  .presse .articles {
    padding: 8.66667% 0.83333% 25px; }
    .presse .articles ul {
      padding: 9% 0; }
      .presse .articles ul li {
        width: 100%; } }

.about {
  background-color: #fff; }
  .about > section {
    font-size: 0;
    white-space: nowrap;
    padding-top: 100px;
    margin-bottom: 150px; }
    .about > section header {
      text-transform: uppercase;
      font-size: 1.2rem;
      font-weight: 100;
      letter-spacing: .12em;
      margin-bottom: 40px;
      color: #111312; }
    .about > section h2 {
      font-size: 5rem;
      line-height: 6rem;
      letter-spacing: .04em;
      color: #111312;
      font-family: "SangBleuKing", serif;
      z-index: 10;
      position: relative;
      margin-bottom: 69px;
      margin-top: 65px; }
    .about > section h3 {
      position: absolute;
      color: #111312;
      text-transform: uppercase;
      font-size: 1.2rem;
      letter-spacing: .18em;
      z-index: 100;
      transform-origin: 0% 0%;
      transform: translate(0, 30px) rotate(-90deg);
      opacity: 0; }
    .about > section p {
      font-size: 1.8rem;
      line-height: 2.6rem;
      letter-spacing: .08em;
      color: currentColor;
      margin-bottom: 43px; }
    .about > section .big {
      width: 100%; }
    .about > section.collection {
      padding-top: 200px; }
      .about > section.collection header {
        margin-bottom: 22%; }
      .about > section.collection div {
        display: inline-block;
        vertical-align: middle;
        width: 41.66667%;
        text-align: left;
        white-space: normal; }
        .about > section.collection div.infos {
          width: 25%;
          margin-left: 9.16667%; }
      .about > section.collection .img {
        position: relative;
        margin-left: 15.83333%; }
        .about > section.collection .img > img:first-child {
          width: 100%; }
        .about > section.collection .img .footer {
          position: absolute;
          top: 60%;
          width: 60%;
          left: -20%; }
      .about > section.collection h2 {
        margin-top: 0;
        margin-left: -66.66667%;
        transform: translate(-110%, 0);
        overflow: hidden; }
        .about > section.collection h2 .ctn {
          display: block;
          position: relative;
          top: 0;
          left: 0;
          transform: translate(100%, 0); }
      .about > section.collection:first-of-type div.infos {
        margin-left: 17.5%; }
      .about > section.collection:first-of-type p {
        transform: translate(-60%, 0); }
      .about > section.collection h3 {
        top: 25%;
        left: -30px; }
      .about > section.collection a {
        color: currentColor;
        text-transform: uppercase; }
    .about > section.histoire {
      margin-bottom: 50px; }
      .about > section.histoire div {
        display: inline-block;
        vertical-align: top;
        width: 41.66667%;
        text-align: right;
        white-space: normal; }
        .about > section.histoire div.infos {
          width: 31.66667%;
          margin-top: 10%;
          margin-left: 9.16667%; }
      .about > section.histoire .img {
        position: relative;
        margin-left: 1.66667%; }
        .about > section.histoire .img > .img-container {
          width: 100%; }
        .about > section.histoire .img .footer {
          position: absolute;
          top: -33%;
          right: -25%; }
      .about > section.histoire .slideshow {
        text-align: left;
        width: 100%;
        position: relative;
        padding-bottom: 20px;
        background-color: #fff;
        z-index: 10; }
        .about > section.histoire .slideshow header {
          margin-bottom: 10px; }
          .about > section.histoire .slideshow header ul {
            height: 28px;
            overflow: hidden; }
            .about > section.histoire .slideshow header ul li {
              position: absolute;
              top: 0;
              left: 0;
              font-family: "SangBleuKing", serif;
              font-size: 2.4rem;
              line-height: 2.8rem;
              color: #0c0807;
              text-transform: none;
              opacity: 0; }
              .about > section.histoire .slideshow header ul li.active {
                opacity: 1; }
        .about > section.histoire .slideshow nav ul {
          font-size: 0;
          white-space: nowrap; }
          .about > section.histoire .slideshow nav ul li {
            display: inline-block;
            margin-right: 11px; }
            .about > section.histoire .slideshow nav ul li.active span {
              background-color: #272221; }
            .about > section.histoire .slideshow nav ul li span {
              display: inline-block;
              width: 8px;
              height: 8px;
              background-color: #d4d3d3;
              border-radius: 100%;
              transition: all 300ms cubic-bezier(0.26, 1.04, 0.54, 1); }
        .about > section.histoire .slideshow > ul {
          position: absolute;
          right: 0;
          top: 50%;
          transform: translate(50%, -40%);
          width: 40%;
          z-index: 100; }
          .about > section.histoire .slideshow > ul li {
            position: absolute;
            top: 50%;
            transform: translate(0, -50%);
            left: 0;
            width: 100%;
            opacity: 0; }
            .about > section.histoire .slideshow > ul li img {
              width: 100%; }
        .about > section.histoire .slideshow--picture {
          position: relative;
          display: block;
          width: 100%;
          height: 0;
          overflow: hidden;
          padding-bottom: 150%;
          z-index: 1; }
          .about > section.histoire .slideshow--picture span {
            display: block;
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background-size: cover;
            transform: translate(100%, 0); }
            .about > section.histoire .slideshow--picture span.active {
              z-index: 100; }
      .about > section.histoire h2 {
        margin-right: -63.33333%; }
      .about > section.histoire h3 {
        top: 50%;
        right: -37px;
        transform-origin: 100% 100%; }
      .about > section.histoire p {
        font-size: 2.8rem;
        line-height: 3.6rem;
        letter-spacing: .06em;
        font-weight: 100; }
  .about aside {
    background-color: #ddb971;
    position: relative; }
    .about aside:before {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background-image: url("../img/about-texture.jpg");
      background-size: cover;
      background-repeat: no-repeat; }
    .about aside .container {
      padding: 9.46667% 23.33333% 9.46667% 15%;
      position: relative;
      z-index: 1; }
    .about aside h2 {
      font-size: 2.8rem;
      line-height: 3.8rem;
      letter-spacing: .04em;
      font-family: "SangBleuKing", serif;
      color: #fff;
      margin-bottom: 40px; }
    .about aside div {
      font-size: 0;
      white-space: nowrap; }
    .about aside span {
      display: inline-block;
      vertical-align: top;
      width: 42.85714%;
      font-size: 1.8rem;
      line-height: 2.6rem;
      letter-spacing: .08em;
      color: #fff;
      white-space: initial; }
      .about aside span:last-child {
        margin-left: 14.28571%; }

@media screen and (max-width: 640px) {
  .about section {
    white-space: normal;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box; }
    .about section:first-child {
      margin-top: 50px !important; }
    .about section h2 {
      font-size: 3rem;
      line-height: 3.4rem;
      margin-bottom: 30px; }
    .about section a.underline {
      background-color: #232021;
      font-size: 1rem;
      color: #fff;
      padding: 17px 34px;
      z-index: 10; }
      .about section a.underline:before, .about section a.underline:after  {
        display: none; }
    .about section.collection {
      margin: 0;
      padding-top: 30px; }
      .about section.collection div {
        width: 100%;
        text-align: center; }
        .about section.collection div h2 {
          margin-left: 0; }
        .about section.collection div h3 {
          display: none; }
        .about section.collection div.infos {
          -ms-flex-order: 1;
              order: 1;
          width: 100%;
          margin-left: 0;
          padding: 0 30px;
          box-sizing: border-box; }
      .about section.collection p {
        transform: none; }
      .about section.collection .img {
        width: 85%;
        margin-left: 15%;
        -ms-flex-order: 2;
            order: 2; }
    .about section.histoire {
      margin: 0;
      padding-top: 30px; }
      .about section.histoire div {
        width: 100%;
        text-align: center; }
        .about section.histoire div h2 {
          margin-left: 0;
          margin-right: 0; }
        .about section.histoire div h3 {
          display: none; }
        .about section.histoire div.infos {
          -ms-flex-order: 1;
              order: 1;
          width: 100%;
          margin-left: 0;
          margin-right: 0;
          padding: 0 30px;
          box-sizing: border-box; }
      .about section.histoire .img {
        width: 100%;
        margin-top: 20px;
        margin-left: 0;
        margin-right: 0;
        -ms-flex-order: 2;
            order: 2; }
        .about section.histoire .img .footer {
          right: -18%; }
      .about section.histoire .slideshow .slideshow-container {
        transform: translate(20%, -40%); }
      .about section.histoire nav {
        margin-top: 40px; }
  .about aside .container {
    padding: 50px 30px; }
  .about aside div {
    white-space: normal; }
  .about aside span {
    width: 100%; }
    .about aside span:last-child {
      margin-left: 0; } }

.single-product {
  background-color: #fff; }
  .single-product .back {
    position: absolute;
    top: 35px;
    left: 0;
    width: 6.66667%;
    text-align: center;
    opacity: 1;
    z-index: 10000;
    visibility: visible; }
    .single-product .back a {
      display: block; }
    .single-product .back .btn {
      right: inherit;
      left: 50%;
      transform: translate(-50%, 0); }
      .single-product .back .btn i {
        transform: translate(-50%, -50%) rotate(180deg) scale(0.6); }
    .single-product .back p {
      color: #111;
      left: 50%;
      right: inherit;
      will-change: transform;
      transform: rotate(-90deg) translate(-160%, -210%); }
  .single-product header {
    width: 48.33333%;
    margin-left: 6.66667%; }
    .single-product header img {
      display: block;
      width: 100%;
      margin: 0 0 20px; }
  .single-product .infos {
    position: absolute;
    width: 23.33333%;
    top: 70px;
    margin-left: 65%; }
    .single-product .infos h1 {
      font-family: "SangBleuKing", serif;
      font-size: 3.4rem;
      line-height: 4.2rem;
      letter-spacing: 0.4px;
      text-align: left;
      color: #111312;
      position: relative;
      left: -66.66%;
      margin-bottom: 40px; }
    .single-product .infos .desc p {
      font-size: 1.8rem;
      line-height: 2.6rem;
      letter-spacing: .8px; }
    .single-product .infos .infos-sup {
      display: block;
      margin-top: 12px; }
      .single-product .infos .infos-sup span {
        display: inline-block;
        width: 100%;
        font-size: 1.2rem;
        line-height: 1.8rem;
        letter-spacing: .2px;
        color: rgba(17, 19, 18, 0.3); }
        .single-product .infos .infos-sup span br + br {
          display: none; }
    .single-product .infos footer {
      margin-top: 30px; }
      .single-product .infos footer span {
        display: block; }
    .single-product .infos a {
      display: inline-block;
      font-size: 1rem;
      letter-spacing: 1px;
      color: #111;
      text-transform: uppercase;
      margin-bottom: 10px;
      padding-bottom: 2px; }
    .single-product .infos .price.c-v {
      display: none; }
    .single-product .infos .price {
      width: 73.33333%;
      display: inline-block;
      font-size: 2.4rem;
      letter-spacing: .2px;
      height: 50px;
      margin-top: 30px; }
      .single-product .infos .price:before {
        margin-right: 0; }
      .single-product .infos .price > span {
        display: inline-block;
        vertical-align: middle; }
    .single-product .infos .cart {
      width: 73.33333%;
      position: relative; }
    .single-product .infos .product_meta {
      display: none; }
    .single-product .infos .woocommerce-product-details__short-description {
      display: none; }
    .single-product .infos .quantity {
      font-size: 0;
      white-space: nowrap;
      top: 25px;
      right: 0;
      position: absolute; }
      .single-product .infos .quantity label {
        display: inline-block;
        vertical-align: middle;
        height: 34px;
        line-height: 30px;
        font-size: 1.2rem;
        letter-spacing: .2px;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        padding: 0 30px 0 13px;
        box-sizing: border-box;
        border: 1px solid #e5e5e5; }
      .single-product .infos .quantity input {
        display: inline-block;
        vertical-align: middle;
        width: 50px;
        height: 34px;
        line-height: 34px;
        text-align: center;
        padding: 0 5px;
        margin: 0;
        margin-left: -1px;
        box-sizing: border-box; }
    .single-product .infos .single_variation_wrap {
      margin-top: 40px; }
    .single-product .infos .single_variation {
      display: block !important;
      height: 80px !important; }
    .single-product .infos .btn--push {
      width: 100%; }
      .single-product .infos .btn--push.disabled {
        pointer-events: none;
        cursor: disabled; }
  .single-product .materiaux {
    margin-top: 20px; }
    .single-product .materiaux h2 {
      font-size: 1.6rem;
      margin-top: 30px;
      margin-bottom: 10px; }
    .single-product .materiaux .colors {
      position: relative;
      left: 0;
      bottom: 0;
      margin-bottom: 10px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: start;
          justify-content: flex-start; }
      .single-product .materiaux .colors li {
        margin: 0 3px; }
        .single-product .materiaux .colors li:first-child {
          margin-left: 0; }
        .single-product .materiaux .colors li:hover .dot:before, .single-product .materiaux .colors li.active .dot:before {
          opacity: 1; }
        .single-product .materiaux .colors li .dot {
          display: inline-block;
          position: relative;
          width: 14px;
          height: 14px;
          cursor: pointer;
          border-radius: 100%; }
          .single-product .materiaux .colors li .dot:before {
            content: "";
            display: inline-block;
            width: 18px;
            height: 18px;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            border: 1px solid transparent;
            border-radius: 100%;
            opacity: 0; }
          .single-product .materiaux .colors li .dot--jaune {
            background-color: #eedaad; }
            .single-product .materiaux .colors li .dot--jaune:before {
              border-color: #eedaad; }
          .single-product .materiaux .colors li .dot--silver {
            background-color: #dfdfdf; }
            .single-product .materiaux .colors li .dot--silver:before {
              border-color: #dfdfdf; }
          .single-product .materiaux .colors li .dot--rose {
            background-color: #eac6c0; }
            .single-product .materiaux .colors li .dot--rose:before {
              border-color: #eac6c0; }
    .single-product .materiaux .colors-desc {
      position: relative;
      margin-bottom: 20px; }
      .single-product .materiaux .colors-desc li {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0; }
        .single-product .materiaux .colors-desc li.active {
          opacity: 1 !important; }
        .single-product .materiaux .colors-desc li p {
          font-size: 1.4rem;
          line-height: 2.2rem;
          letter-spacing: .8px; }
  .single-product .variations {
    display: none; }
  .single-product .related {
    padding: 0 6.66667% 100px;
    margin-top: 70px; }
    .single-product .related h2 {
      font-size: 2.2rem;
      letter-spacing: .4px;
      font-family: "SangBleuKing", serif;
      margin-bottom: 20px; }
    .single-product .related > ul {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -ms-flex-pack: justify;
          justify-content: space-between; }
      .single-product .related > ul > li {
        width: 31.66667%;
        margin: 15px 0; }
        .single-product .related > ul > li:hover .hover {
          display: block; }
        .single-product .related > ul > li:hover footer > span small {
          opacity: 0;
          transform: translate(0, -100%); }
        .single-product .related > ul > li:hover footer > span ul {
          opacity: 1;
          transform: translate(0, 0); }
        .single-product .related > ul > li a {
          position: relative;
          display: block; }
        .single-product .related > ul > li img {
          display: block;
          width: 100%; }
          .single-product .related > ul > li img.hover {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            display: none;
            z-index: 10; }
        .single-product .related > ul > li footer {
          margin-top: 20px; }
          .single-product .related > ul > li footer p {
            color: #111;
            position: relative; }
            .single-product .related > ul > li footer p strong {
              font-size: 1.2rem;
              letter-spacing: 1.2px;
              text-transform: uppercase; }
            .single-product .related > ul > li footer p span {
              position: absolute;
              top: 17px;
              right: 0;
              font-size: 2rem; }
              .single-product .related > ul > li footer p span .label {
                position: absolute;
                top: -19px;
                right: 0;
                white-space: nowrap;
                text-align: right;
                font-size: 1rem;
                line-height: 1.8rem;
                letter-spacing: .2px;
                color: rgba(17, 19, 18, 0.3); }
          .single-product .related > ul > li footer > span {
            position: relative;
            font-size: 1.1rem;
            line-height: 1.1rem;
            letter-spacing: 1.2px;
            color: #C1C1C1;
            text-transform: uppercase; }
            .single-product .related > ul > li footer > span small {
              display: inline-block;
              position: relative;
              opacity: 1;
              transform: translate(0, 0);
              transition: all 200ms cubic-bezier(0.16, 1.08, 0.38, 0.98); }
            .single-product .related > ul > li footer > span ul {
              position: absolute;
              left: 0;
              bottom: 0;
              display: -ms-flexbox;
              display: flex;
              -ms-flex-pack: start;
                  justify-content: flex-start;
              opacity: 0;
              transform: translate(0, 100%);
              transition: all 600ms cubic-bezier(0.16, 1.08, 0.38, 0.98); }
              .single-product .related > ul > li footer > span ul li {
                margin: 0 3px; }
                .single-product .related > ul > li footer > span ul li:first-child {
                  margin-left: 0; }
                .single-product .related > ul > li footer > span ul li .dot {
                  display: inline-block;
                  width: 10px;
                  height: 10px;
                  border-radius: 100%; }
                  .single-product .related > ul > li footer > span ul li .dot--jaune {
                    background-color: #eedaad; }
                  .single-product .related > ul > li footer > span ul li .dot--silver {
                    background-color: #dfdfdf; }
                  .single-product .related > ul > li footer > span ul li .dot--rose {
                    background-color: #eac6c0; }

@media screen and (max-width: 640px) {
  .single-product {
    transform: none !important;
    padding: 80px 25px 30px; }
    .single-product .back {
      position: fixed;
      top: 20px;
      left: 25px;
      text-align: center;
      opacity: 1;
      visibility: visible;
      width: 40px;
      height: 40px; }
      .single-product .back .btn {
        width: 40px;
        height: 40px;
        right: inherit;
        left: 0;
        transform: none; }
        .single-product .back .btn i {
          transform: translate(-50%, -50%) rotate(180deg) scale(0.6); }
      .single-product .back a {
        display: block; }
      .single-product .back p {
        display: none; }
    .single-product section img {
      display: block;
      width: 100%;
      margin: 0 0 20px; }
    .single-product header {
      display: block;
      width: 100%;
      margin-left: 0; }
    .single-product .infos {
      display: block;
      width: 100%;
      position: relative;
      margin-left: 0; }
      .single-product .infos h1 {
        left: 0; }
      .single-product .infos .cart {
        width: 100%;
        overflow: hidden; }
      .single-product .infos footer {
        margin-bottom: 100px; }
      .single-product .infos .quantity {
        right: inherit;
        left: 0; }
    .single-product .related {
      padding: 30px 0 30px;
      margin-top: 70px; }
      .single-product .related > ul {
        display: block; }
        .single-product .related > ul > li {
          display: block;
          width: 100%; } }

@media screen and (max-height: 740px) {
  .single-product .infos {
    top: 30px; }
    .single-product .infos h1 {
      font-size: 3rem;
      line-height: 3.5rem;
      margin-bottom: 20px; }
    .single-product .infos .desc p {
      font-size: 1.4rem;
      line-height: 2rem; } }

.archive-products header {
  font-size: 0;
  white-space: nowrap; }
  .archive-products header img {
    display: inline-block;
    vertical-align: middle;
    width: 50%; }
  .archive-products header .content {
    margin-top: -50px;
    display: inline-block;
    vertical-align: middle;
    width: 50%;
    white-space: normal;
    padding-left: 6.66667%; }
  .archive-products header h1 {
    font-size: 5.4rem;
    line-height: 7rem;
    color: #111;
    font-family: "SangBleuKing", serif;
    transform: translate(-31%, 0);
    margin-bottom: 40px; }
  .archive-products header p {
    width: 23.33333%;
    font-size: 1.8rem;
    line-height: 2.6rem;
    color: #111;
    letter-spacing: .8px; }
  .archive-products header span.btn {
    margin-top: 50px;
    display: inline-block;
    transform: translate(-50%, 0);
    padding: 0 20px;
    position: relative;
    margin-left: -13.33333%;
    left: 0; }
    .archive-products header span.btn.close {
      display: none; }
    .archive-products header span.btn i {
      vertical-align: middle;
      margin-right: 12px; }
  .archive-products header .filters__container {
    display: block;
    width: 100%;
    padding: 1.66667% 15% 1.66667%;
    background-color: #111;
    position: absolute;
    box-sizing: border-box;
    top: 0;
    left: 0;
    z-index: 1000;
    color: #fff;
    transform: translate(0, -100%); }
    .archive-products header .filters__container .btn {
      display: inline-block;
      margin: 0 auto 50px;
      border: 1px solid #2e2e2e;
      transform: none; }
      .archive-products header .filters__container .btn__container {
        display: block;
        text-align: center; }
    .archive-products header .filters__container .section {
      display: inline-block;
      vertical-align: top;
      width: 25%;
      text-align: left; }
    .archive-products header .filters__container h2 {
      font-size: 2.2rem;
      color: #fff;
      font-family: "SangBleuKing", serif;
      margin-bottom: 20px; }
    .archive-products header .filters__container select {
      width: 70%;
      background-color: transparent;
      color: #fff;
      border: 1px solid #373838; }
    .archive-products header .filters__container .sub-title {
      font-family: "SangBleuKing", serif;
      font-size: 1.6rem;
      margin-bottom: 10px;
      color: #fff; }
    .archive-products header .filters__container ul li {
      color: #fff;
      font-size: 1.4rem;
      position: relative;
      margin-bottom: 10px; }
      .archive-products header .filters__container ul li span {
        font-size: 1.4rem;
        color: #505251;
        position: absolute;
        top: -1px;
        left: 10px;
        padding-left: 20px;
        display: inline-block;
        vertical-align: middle;
        pointer-events: none; }
      .archive-products header .filters__container ul li input[type='checkbox'] {
        position: relative;
        opacity: 0;
        z-index: -1;
        display: inline-block;
        vertical-align: middle;
        position: absolute; }
      .archive-products header .filters__container ul li input[type='checkbox'] + label {
        position: relative;
        display: inline-block;
        cursor: pointer;
        width: 100%;
        height: 16px; }
        .archive-products header .filters__container ul li input[type='checkbox'] + label:before {
          content: "";
          width: 16px;
          height: 16px;
          left: 0;
          display: inline-block;
          margin-right: 20px;
          position: absolute;
          box-sizing: border-box;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          overflow: hidden;
          cursor: pointer;
          background-color: #373838;
          display: inline-block;
          vertical-align: middle; }
        .archive-products header .filters__container ul li input[type='checkbox'] + label.dot {
          display: inline-block;
          position: relative;
          width: 100%;
          height: 14px;
          left: 1px;
          cursor: pointer;
          border-radius: 100%;
          overflow: visible; }
          .archive-products header .filters__container ul li input[type='checkbox'] + label.dot:before {
            content: "";
            display: inline-block;
            width: 14px;
            height: 14px;
            position: absolute;
            top: 50%;
            left: 0;
            transform: translate(0, -50%);
            border-radius: 100%; }
          .archive-products header .filters__container ul li input[type='checkbox'] + label.dot:after {
            content: "";
            display: inline-block;
            width: 18px;
            height: 18px;
            left: -3px;
            border: 1px solid transparent;
            background-color: transparent; }
          .archive-products header .filters__container ul li input[type='checkbox'] + label.dot--jaune:before {
            background-color: #eedaad; }
          .archive-products header .filters__container ul li input[type='checkbox'] + label.dot--jaune:after {
            border-color: #eedaad; }
          .archive-products header .filters__container ul li input[type='checkbox'] + label.dot--silver:before {
            background-color: #dfdfdf; }
          .archive-products header .filters__container ul li input[type='checkbox'] + label.dot--silver:after {
            border-color: #dfdfdf; }
          .archive-products header .filters__container ul li input[type='checkbox'] + label.dot--rose:before {
            background-color: #eac6c0; }
          .archive-products header .filters__container ul li input[type='checkbox'] + label.dot--rose:after {
            border-color: #eac6c0; }
      .archive-products header .filters__container ul li input[type='checkbox'] + label:after {
        content: '';
        width: 4px;
        height: 4px;
        top: 0;
        left: 6px;
        bottom: 0;
        position: absolute;
        margin: auto;
        border-radius: 50%;
        background-color: white;
        transform: scale(0);
        transition: all 0.4s cubic-bezier(0.16, 1.08, 0.38, 0.98); }
      .archive-products header .filters__container ul li input[type='checkbox']:checked + .dot:before {
        opacity: 1; }
      .archive-products header .filters__container ul li input[type='checkbox']:checked + label:after {
        transition: all 0.4s cubic-bezier(0.16, 1.08, 0.38, 0.98);
        transform: scale(1); }
      .archive-products header .filters__container ul li input[type='checkbox']:checked + label + span {
        color: #fff; }

.archive-products .products > ul {
  margin: -50px 0 0;
  padding: 0 13.33333% 100px;
  display: block;
  font-size: 0; }
  .archive-products .products > ul > li {
    display: inline-block;
    vertical-align: top;
    width: 31.66667%;
    margin: 15px 0; }
    .archive-products .products > ul > li:nth-child(3n+2) {
      margin: 15px 2.5%; }
    .archive-products .products > ul > li:hover .hover {
      display: block; }
    .archive-products .products > ul > li:hover footer > span {
      position: relative; }
      .archive-products .products > ul > li:hover footer > span small {
        opacity: 0;
        transform: translate(0, -100%); }
      .archive-products .products > ul > li:hover footer > span ul {
        opacity: 1;
        transform: translate(0, 0); }
    .archive-products .products > ul > li a {
      position: relative;
      display: block; }
    .archive-products .products > ul > li img {
      display: block;
      width: 100%; }
      .archive-products .products > ul > li img.hover {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: none;
        z-index: 10; }
    .archive-products .products > ul > li footer {
      margin-top: 20px; }
      .archive-products .products > ul > li footer p {
        color: #111;
        position: relative; }
        .archive-products .products > ul > li footer p strong {
          font-size: 1.2rem;
          letter-spacing: 1.2px;
          text-transform: uppercase; }
        .archive-products .products > ul > li footer p span {
          position: absolute;
          top: 17px;
          right: 0;
          font-size: 2rem; }
          .archive-products .products > ul > li footer p span .label {
            position: absolute;
            top: -19px;
            right: 0;
            white-space: nowrap;
            text-align: right;
            font-size: 1rem;
            line-height: 1.8rem;
            letter-spacing: .2px;
            color: rgba(17, 19, 18, 0.3); }
      .archive-products .products > ul > li footer > span {
        position: relative;
        font-size: 1.1rem;
        letter-spacing: 1.2px;
        color: #C1C1C1;
        text-transform: uppercase; }
        .archive-products .products > ul > li footer > span small {
          display: inline-block;
          position: relative;
          opacity: 1;
          transform: translate(0, 0);
          transition: all 200ms cubic-bezier(0.16, 1.08, 0.38, 0.98); }
        .archive-products .products > ul > li footer > span ul {
          position: absolute;
          left: 0;
          bottom: -6px;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-pack: start;
              justify-content: flex-start;
          opacity: 0;
          transform: translate(0, 100%);
          transition: all 600ms cubic-bezier(0.16, 1.08, 0.38, 0.98); }
          .archive-products .products > ul > li footer > span ul li {
            margin: 0 3px; }
            .archive-products .products > ul > li footer > span ul li:first-child {
              margin-left: 0; }
            .archive-products .products > ul > li footer > span ul li .dot {
              display: inline-block;
              width: 10px;
              height: 10px;
              border-radius: 100%; }
              .archive-products .products > ul > li footer > span ul li .dot--jaune {
                background-color: #eedaad; }
              .archive-products .products > ul > li footer > span ul li .dot--silver {
                background-color: #dfdfdf; }
              .archive-products .products > ul > li footer > span ul li .dot--rose {
                background-color: #eac6c0; }

@media screen and (max-width: 640px) {
  .archive-products header img {
    display: block;
    width: 100%; }
  .archive-products header .content {
    display: block;
    width: 100%;
    margin-top: 0;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 50px;
    box-sizing: border-box;
    text-align: center; }
  .archive-products header h1 {
    font-size: 4.4rem;
    line-height: 5.2rem;
    transform: none; }
  .archive-products header p {
    width: 100%; }
  .archive-products header span.btn {
    left: inherit;
    margin-left: inherit;
    transform: none;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 1001;
    width: calc(100% - 117px);
    height: 52px;
    line-height: 52px;
    box-sizing: border-box;
    border-right: 1px solid rgba(255, 255, 255, 0.1); }
    .archive-products header span.btn.close {
      display: block;
      z-index: 999; }
      .archive-products header span.btn.close.active {
        z-index: 1001; }
  .archive-products header .filters__container {
    position: fixed;
    top: 0;
    height: 100vh;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 80px; }
    .archive-products header .filters__container .section {
      display: block;
      width: 100%;
      margin: 30px 0; }
    .archive-products header .filters__container .btn {
      display: inline-block;
      margin: 0 auto 50px;
      border: 1px solid #2e2e2e;
      transform: none;
      position: absolute;
      bottom: 0;
      left: 0;
      display: block;
      width: calc(100% - 117px);
      text-align: center;
      display: none; }
      .archive-products header .filters__container .btn__container {
        position: absolute;
        bottom: 0;
        left: 0;
        display: block;
        width: calc(100% - 117px);
        text-align: center; }
  .archive-products .products > ul {
    margin: 25px 0 0;
    padding: 0 25px 50px; }
    .archive-products .products > ul li {
      width: 100%;
      margin: 15px 0 !important; } }

.cms {
  background-color: #fff; }
  .cms .sidebar {
    width: 22.95082%;
    position: absolute;
    top: 0;
    left: 0;
    height: 100vh;
    background-color: #111;
    padding-left: 35px; }
    .cms .sidebar ul {
      position: absolute;
      top: 50%;
      left: 40px;
      right: 0;
      transform: translate(0, -50%); }
      .cms .sidebar ul li.is-active a {
        color: #fff; }
        .cms .sidebar ul li.is-active a:before {
          opacity: 1; }
      .cms .sidebar ul li a {
        display: block;
        font-size: 1.8rem;
        line-height: 1.6;
        margin-bottom: 30px;
        letter-spacing: 1px;
        color: #4e5861;
        position: relative;
        padding-right: 55px; }
        .cms .sidebar ul li a:hover {
          color: #fff; }
        .cms .sidebar ul li a:before {
          content: "";
          display: inline-block;
          width: 10px;
          height: 10px;
          background-color: #fff;
          position: absolute;
          border-radius: 100%;
          top: 50%;
          right: 40px;
          opacity: 0;
          transform: translate(0, -40%);
          transition: transform 300ms cubic-bezier(0.26, 1.04, 0.54, 1); }
  .cms .content {
    padding: 100px 15% 100px 33.33333%;
    box-sizing: border-box;
    text-align: left; }
  .cms h1 {
    font-family: "SangBleuKing", serif;
    font-size: 2.2rem;
    letter-spacing: .4px;
    margin-bottom: 50px;
    text-align: left; }
  .cms h2 {
    font-size: 1.2rem;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    margin-bottom: 18px;
    text-align: left;
    position: relative; }
    .cms h2:before {
      content: "";
      display: inline-block;
      position: absolute;
      width: 6px;
      height: 6px;
      border-radius: 100%;
      background-color: #111;
      left: -26px;
      top: 50%;
      transform: translate(0, -50%); }
  .cms h3 {
    font-size: 1.4rem;
    letter-spacing: .2px;
    color: rgba(17, 17, 17, 0.3);
    text-align: left;
    margin-bottom: 10px; }
  .cms p {
    font-size: 1.4rem;
    letter-spacing: .2px;
    margin-bottom: 40px;
    text-align: left; }
    .cms p + h2 {
      margin-top: 80px; }
      .cms p + h2:after {
        content: "";
        display: inline-block;
        width: 100%;
        height: 1px;
        background-color: #efefef;
        position: absolute;
        top: -40px;
        left: 0; }
  .cms table {
    width: 100%;
    background-color: #111;
    margin-bottom: 10px;
    color: #fff; }
    .cms table tr {
      height: 70px;
      border-top: 4px solid #2f3231;
      border-bottom: 4px solid #2f3231; }
      .cms table tr:first-child, .cms table tr:last-child {
        border-top: none;
        border-bottom: none; }
    .cms table td {
      padding: 20px;
      text-align: center;
      border-left: 1px solid #2f3231;
      border-collapse: collapse;
      font-size: 1.2rem;
      vertical-align: middle; }
      .cms table td:first-child {
        text-transform: uppercase;
        font-size: 1rem;
        letter-spacing: 1px;
        text-align: left; }
        .cms table td:first-child i, .cms table td:first-child em {
          display: block;
          text-transform: none;
          opacity: .4; }
      .cms table td p {
        margin-bottom: 0; }
  .cms .more {
    margin-top: 50px;
    margin-bottom: 20px; }
  .cms .underline {
    text-transform: uppercase;
    color: #111;
    font-size: 1rem;
    letter-spacing: 1px; }

@media only screen and (max-width: 640px) {
  .cms .container {
    width: 100%;
    padding: 0;
    margin: 0; }
  .cms__container {
    min-height: inherit; }
  .cms .sidebar {
    display: block;
    width: 100%;
    height: auto;
    position: relative;
    box-sizing: border-box;
    margin-left: 0; }
    .cms .sidebar ul {
      position: relative;
      left: 0;
      top: 0;
      transform: none;
      padding-top: 100px;
      padding-bottom: 30px; }
  .cms .content {
    display: block;
    width: 100%;
    padding: 50px 25px;
    min-height: inherit; }
  .cms h2:before {
    left: -14px; }
  .cms table {
    display: block;
    width: 100%;
    overflow-x: auto; } }

#customer_login {
  font-size: 0;
  white-space: nowrap;
  text-align: center;
  height: 100vh; }
  #customer_login .login {
    width: 50%;
    height: 100%;
    display: inline-block;
    vertical-align: top;
    background-color: #fff;
    text-align: center; }
    #customer_login .login > div {
      width: 40%; }
      #customer_login .login > div .login {
        width: 100%; }
    #customer_login .login h2 {
      text-align: left; }
  #customer_login > .register {
    background-image: url("../img/register.jpg");
    background-size: cover; }
  #customer_login .register {
    width: 50%;
    height: 100%;
    display: inline-block;
    vertical-align: top; }
    #customer_login .register > div {
      width: 40%; }
      #customer_login .register > div .register {
        width: 100%; }
    #customer_login .register h2 {
      color: #fff; }
    #customer_login .register input:-ms-input-placeholder {
      color: rgba(17, 17, 17, 0.3); }
    #customer_login .register input::placeholder {
      color: rgba(17, 17, 17, 0.3); }
  #customer_login input {
    width: 100%;
    margin: 6px auto; }
  #customer_login p {
    color: #111;
    font-size: 1.2rem;
    text-align: left; }
    #customer_login p a {
      color: #111;
      font-weight: 700;
      text-decoration: underline; }
    #customer_login p.lost_password {
      margin-top: 10px;
      margin-bottom: 20px; }
  #customer_login h2 {
    text-align: left;
    font-size: 2.2rem;
    letter-spacing: .2px;
    font-family: "SangBleuKing", serif;
    color: #111;
    margin-bottom: 20px; }

@media only screen and (max-width: 640px) {
  #customer_login {
    height: inherit; }
    #customer_login .login {
      display: block;
      width: 100%;
      padding: 75px 25px 35px;
      box-sizing: border-box; }
      #customer_login .login > div {
        width: 100%; }
        #customer_login .login > div .login {
          width: 100%;
          padding: 0; }
    #customer_login > .register {
      display: block;
      width: 100%;
      padding: 75px 25px 35px;
      box-sizing: border-box; }
      #customer_login > .register > div {
        width: 100%; }
        #customer_login > .register > div .login {
          width: 100%;
          padding: 0; } }

.account__container {
  position: relative;
  min-height: 100vh; }

.account__sidebar {
  width: 22.95082%;
  position: absolute;
  top: 0;
  height: 100vh;
  background-color: #111;
  padding-left: 35px;
  margin-left: -75px; }
  .account__sidebar div {
    padding-top: 120px; }
    .account__sidebar div p {
      font-family: "SangBleuKing", serif;
      font-size: 2.8rem;
      letter-spacing: .4px;
      color: #fff; }
    .account__sidebar div a {
      display: inline-block;
      font-size: 1.2rem;
      letter-spacing: 1.2px;
      text-transform: uppercase;
      color: rgba(255, 255, 255, 0.4);
      margin-top: 15px; }
  .account__sidebar ul {
    padding-top: 105px; }
    .account__sidebar ul li.is-active a {
      color: #fff; }
      .account__sidebar ul li.is-active a:before {
        opacity: 1; }
    .account__sidebar ul li a {
      display: block;
      font-size: 2.2rem;
      line-height: 1.6;
      margin-bottom: 30px;
      letter-spacing: 1px;
      color: #4e5861;
      position: relative;
      padding-right: 55px; }
      .account__sidebar ul li a:hover {
        color: #fff; }
      .account__sidebar ul li a:before {
        content: "";
        display: inline-block;
        width: 10px;
        height: 10px;
        background-color: #fff;
        position: absolute;
        border-radius: 100%;
        top: 50%;
        right: 40px;
        opacity: 0;
        transform: translate(0, -40%);
        transition: transform 300ms cubic-bezier(0.26, 1.04, 0.54, 1); }

.account__content {
  padding-top: 80px;
  padding-bottom: 60px;
  padding-left: 33.33333%;
  background-color: #ffffff;
  padding-right: 135px;
  margin-right: -35px;
  min-height: 100vh;
  box-sizing: border-box; }
  .account__content h1 {
    font-size: 2.8rem;
    letter-spacing: .3px;
    font-family: "SangBleuKing", serif;
    margin-bottom: 40px; }
  .account__content table {
    width: 100%; }
    .account__content table th {
      height: 48px;
      line-height: 48px;
      text-align: left;
      font-size: 1.6rem;
      color: #111;
      font-family: "SangBleuKing", serif;
      padding-left: 20px; }
      .account__content table th:last-child {
        opacity: 0; }
      .account__content table th:first-child {
        padding-left: 0; }
    .account__content table tbody tr {
      height: 48px;
      background-color: #fff;
      transition: all 300ms cubic-bezier(0.26, 1.04, 0.54, 1);
      border: 1px solid #ededed; }
      .account__content table tbody tr:hover {
        background-color: #111; }
        .account__content table tbody tr:hover td {
          color: #fff; }
          .account__content table tbody tr:hover td a {
            color: #fff; }
    .account__content table tbody td {
      height: 48px;
      line-height: 48px;
      padding-left: 20px;
      color: #111;
      font-size: 1.4rem;
      transition: all 300ms cubic-bezier(0.26, 1.04, 0.54, 1); }
      .account__content table tbody td:last-child {
        text-align: center; }
        .account__content table tbody td:last-child a {
          font-weight: bold;
          position: relative; }
          .account__content table tbody td:last-child a:hover:before {
            background-color: #111; }
          .account__content table tbody td:last-child a:before {
            content: "";
            display: inline-block;
            position: absolute;
            left: 0;
            bottom: 0px;
            height: 2px;
            width: 100%;
            background-color: #c3c4c4;
            transition: all 300ms cubic-bezier(0.26, 1.04, 0.54, 1); }
      .account__content table tbody td a {
        color: #111;
        margin: 0 5px;
        transition: all 300ms cubic-bezier(0.26, 1.04, 0.54, 1); }
  .account__content > .edit-account {
    width: 35%; }
    .account__content > .edit-account input, .account__content > .edit-account select {
      width: 100%; }
    .account__content > .edit-account fieldset {
      margin-top: 35px; }
    .account__content > .edit-account legend {
      margin-bottom: 14px; }
    .account__content > .edit-account .btn {
      padding-left: 0; }
  .account__content .woocommerce-EditAccountForm {
    width: 35%; }
  .account__content .addresses {
    width: 100%;
    display: -ms-flexbox;
    display: flex; }
    .account__content .addresses > div {
      width: 50%; }
  .account__content mark {
    background: none; }
  .account__content .woocommerce-order-details h2 {
    margin-top: 50px;
    margin-bottom: 20px; }
  .account__content .woocommerce-order-details .order_details thead tr {
    background-color: #fff; }
  .account__content .woocommerce-order-details .order_details tbody td {
    padding: 20px;
    line-height: 1.5rem;
    vertical-align: middle; }
    .account__content .woocommerce-order-details .order_details tbody td a {
      display: inline-block;
      font-weight: 700;
      margin-bottom: 20px; }
    .account__content .woocommerce-order-details .order_details tbody td .woocommerce-Price-amount {
      font-size: 1.6rem;
      font-weight: 700; }
    .account__content .woocommerce-order-details .order_details tbody td.product-total {
      text-align: right;
      padding-right: 20px; }
  .account__content .woocommerce-order-details .order_details tfoot tr {
    height: 48px;
    line-height: 48px;
    text-align: left;
    font-size: 1.6rem;
    color: #111;
    font-weight: 700;
    padding-left: 20px;
    background-color: #fff; }
    .account__content .woocommerce-order-details .order_details tfoot tr td {
      text-align: right;
      padding-right: 20px; }
  .account__content .woocommerce-order-details .wc-item-meta li {
    line-height: 1.5rem; }
    .account__content .woocommerce-order-details .wc-item-meta li strong, .account__content .woocommerce-order-details .wc-item-meta li p {
      display: inline-block;
      vertical-align: middle; }
    .account__content .woocommerce-order-details .wc-item-meta li strong {
      font-weight: 700; }
    .account__content .woocommerce-order-details .wc-item-meta li p {
      font-size: 1.3rem; }
  .account__content .woocommerce-order-details .customer_details td {
    text-align: right;
    padding-right: 20px; }
  .account__content .woocommerce-order-details .addresses {
    display: block;
    white-space: nowrap;
    margin-top: 30px; }
    .account__content .woocommerce-order-details .addresses > div {
      width: 50%;
      display: inline-block;
      vertical-align: middle;
      font-size: inherit; }
      .account__content .woocommerce-order-details .addresses > div h3 {
        font-weight: 700;
        margin-bottom: 20px; }

.checkout > div {
  margin: 0 auto; }

.checkout table {
  width: 100%;
  margin: 0 auto; }
  .checkout table th {
    height: 56px;
    line-height: 56px;
    text-align: left;
    font-size: 1.6rem;
    color: #111;
    font-weight: 700;
    padding-left: 20px; }
    .checkout table th:last-child {
      opacity: 0; }
  .checkout table tbody tr {
    height: 56px;
    background-color: #fff;
    transition: all 300ms cubic-bezier(0.26, 1.04, 0.54, 1);
    border-top: 2px solid #f6f7f9;
    border-bottom: 2px solid #f6f7f9; }
    .checkout table tbody tr:hover {
      background-color: #111; }
      .checkout table tbody tr:hover td {
        color: #fff; }
        .checkout table tbody tr:hover td a {
          color: #fff; }
  .checkout table tbody td {
    height: 56px;
    line-height: 56px;
    padding-left: 20px;
    color: #111;
    font-size: 1.4rem;
    transition: all 300ms cubic-bezier(0.26, 1.04, 0.54, 1); }
    .checkout table tbody td:last-child {
      text-align: center; }
      .checkout table tbody td:last-child a {
        font-weight: bold;
        position: relative; }
        .checkout table tbody td:last-child a:hover:before {
          background-color: #111; }
        .checkout table tbody td:last-child a:before {
          content: "";
          display: inline-block;
          position: absolute;
          left: 0;
          bottom: 0px;
          height: 2px;
          width: 100%;
          background-color: #c3c4c4;
          transition: all 300ms cubic-bezier(0.26, 1.04, 0.54, 1); }
    .checkout table tbody td a {
      color: #111;
      transition: all 300ms cubic-bezier(0.26, 1.04, 0.54, 1); }

.checkout .edit-account {
  width: 35%; }
  .checkout .edit-account input {
    width: 100%; }
  .checkout .edit-account fieldset {
    margin-top: 35px; }
  .checkout .edit-account legend {
    margin-bottom: 14px; }
  .checkout .edit-account .btn {
    margin-top: 30px;
    padding-left: 0; }

.checkout mark {
  background: none; }

.checkout .woocommerce-order-details h2 {
  margin-top: 50px;
  margin-bottom: 20px; }

.checkout .woocommerce-order-details .order_details thead tr {
  background-color: #fff; }

.checkout .woocommerce-order-details .order_details tbody td {
  padding: 20px;
  line-height: 1.5rem;
  vertical-align: middle; }
  .checkout .woocommerce-order-details .order_details tbody td a {
    display: inline-block;
    font-weight: 700;
    margin-bottom: 20px; }
  .checkout .woocommerce-order-details .order_details tbody td .woocommerce-Price-amount {
    font-size: 1.6rem;
    font-weight: 700; }
  .checkout .woocommerce-order-details .order_details tbody td.product-total {
    text-align: right;
    padding-right: 20px; }

.checkout .woocommerce-order-details .order_details tfoot tr {
  height: 56px;
  line-height: 56px;
  text-align: left;
  font-size: 1.6rem;
  color: #111;
  font-weight: 700;
  padding-left: 20px;
  background-color: #fff; }
  .checkout .woocommerce-order-details .order_details tfoot tr td {
    text-align: right;
    padding-right: 20px; }

.checkout .woocommerce-order-details .wc-item-meta li {
  line-height: 1.5rem; }
  .checkout .woocommerce-order-details .wc-item-meta li strong, .checkout .woocommerce-order-details .wc-item-meta li p {
    display: inline-block;
    vertical-align: middle; }
  .checkout .woocommerce-order-details .wc-item-meta li strong {
    font-weight: 700; }
  .checkout .woocommerce-order-details .wc-item-meta li p {
    font-size: 1.3rem; }

.checkout .woocommerce-order-details .customer_details td {
  text-align: right;
  padding-right: 20px; }

.checkout .woocommerce-order-details .addresses {
  display: block;
  white-space: nowrap;
  margin-top: 30px; }
  .checkout .woocommerce-order-details .addresses > div {
    width: 50%;
    display: inline-block;
    vertical-align: middle;
    font-size: inherit; }
    .checkout .woocommerce-order-details .addresses > div h3 {
      font-weight: 700;
      margin-bottom: 20px; }

@media only screen and (max-width: 640px) {
  .account .container {
    width: 100%;
    padding: 0;
    margin: 0; }
  .account__container {
    min-height: inherit; }
  .account__sidebar {
    display: block;
    width: 100%;
    height: auto;
    position: relative;
    box-sizing: border-box;
    margin-left: 0; }
    .account__sidebar ul {
      padding-bottom: 30px; }
  .account__content {
    display: block;
    width: 100%;
    padding: 50px 25px;
    min-height: inherit; }
    .account__content table {
      width: 100%; }
      .account__content table th {
        padding-left: 0; }
      .account__content table tbody td {
        padding-left: 0; } }

.cart-side {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: fixed;
  opacity: 0;
  visibility: hidden;
  z-index: 10000; }
  .cart-side__container {
    position: absolute;
    top: 0;
    right: 0;
    width: 26.33333%;
    height: 100vh;
    background-color: #fff;
    box-sizing: border-box;
    transform: translate(100%, 0);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); }
    .cart-side__container .scrollable {
      padding: 85px 30px 30px;
      box-sizing: border-box; }
  .cart-side.active {
    opacity: 1;
    visibility: visible; }
    .cart-side.active.through {
      pointer-events: none; }
      .cart-side.active.through:before {
        display: none; }
      .cart-side.active.through .cart-side__container {
        pointer-events: initial; }
      .cart-side.active.through .remove {
        display: none; }

.cart .side {
  width: 72%;
  position: absolute;
  top: 0;
  left: 0;
  padding-right: 55px;
  height: 100%; }

.cart .your-bag {
  font-size: 1.6rem;
  letter-spacing: .8px;
  position: relative;
  margin-bottom: 15px; }
  .cart .your-bag span {
    position: absolute;
    font-size: 1.2rem;
    top: -20px;
    right: 0; }

.cart .thumbnail {
  width: 100%; }
  .cart .thumbnail a {
    display: block; }
    .cart .thumbnail a img {
      display: block;
      width: 100%;
      height: 100%; }

.cart .name {
  display: block;
  width: 100%;
  padding-right: 20%;
  box-sizing: border-box;
  margin-top: 10px;
  position: relative;
  font-size: 1.2rem;
  text-transform: uppercase;
  letter-spacing: 1.2px;
  color: #111; }
  .cart .name a {
    color: #111; }
  .cart .name .price {
    position: absolute;
    right: 0;
    font-size: 1.4rem;
    letter-spacing: .2px; }

.cart table {
  margin: 0 -1px 24px 0;
  text-align: left;
  width: 100%;
  position: relative;
  border-collapse: separate; }

.cart .row {
  display: block;
  line-height: 1.3rem; }

.cart thead {
  display: none; }

.cart tr {
  height: 75px; }

.cart td {
  height: 75px;
  vertical-align: middle; }
  .cart td img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    margin: 0 auto;
    display: inline-block;
    vertical-align: middle; }
  .cart td a {
    color: #111;
    font-size: 1.6rem;
    font-weight: 500; }

.cart dt, .cart dd {
  display: inline-block; }

.cart dd, .cart p, .cart dt {
  font-size: 1rem;
  line-height: 1.3rem; }

.cart dt {
  font-weight: 700; }

.cart .product-thumbnail {
  width: 31.66667%; }

.cart .product-subtotal, .cart .product-total {
  text-align: right; }

.cart .cart_totals {
  margin-top: 20px;
  padding-top: 10px;
  border-top: 4px solid #f2f2f2; }

.cart .cart_totals, .cart tfoot {
  position: relative; }
  .cart .cart_totals th, .cart tfoot th {
    width: 50%;
    height: 50px;
    line-height: 50px;
    vertical-align: middle;
    font-size: 1.6rem;
    font-weight: 500;
    border-bottom: 1px solid #e5e5e5; }
  .cart .cart_totals tr, .cart tfoot tr {
    width: 100%;
    height: 50px;
    font-size: 1.6rem; }
    .cart .cart_totals tr.order-total th, .cart .cart_totals tr.order-total td, .cart tfoot tr.order-total th, .cart tfoot tr.order-total td {
      font-size: 1.8rem; }
  .cart .cart_totals td, .cart tfoot td {
    width: 50%;
    height: 50px;
    line-height: 50px;
    display: inline-block;
    vertical-align: middle;
    text-align: right;
    font-size: 1.6rem;
    position: absolute;
    right: 0;
    border-bottom: 1px solid #e5e5e5; }

.cart .btn--push {
  text-align: center;
  padding-left: 0;
  width: 100%;
  height: 68px;
  line-height: 68px;
  will-change: transform;
  transition: transform 300ms cubic-bezier(0.26, 1.04, 0.54, 1); }
  .cart .btn--push:hover {
    transform: scale(1.05); }

.cart .woocommerce-message {
  background-color: black;
  color: white;
  padding: 10px;
  font-size: 11px;
  margin-bottom: 20px; }
  .cart .woocommerce-message a {
    display: none; }

.cart .shipping td {
  white-space: nowrap; }

.cart .product {
  margin: 20px 0; }

.cart button[name="update_cart"] {
  height: 35px;
  line-height: 35px;
  margin-top: 30px;
  margin-bottom: 10px;
  padding-left: 20px;
  padding-right: 20px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  font-family: "rectaregular", Helvetica, Arial, sans-serif;
  border: 0;
  border-radius: 0;
  appearance: none;
  height: 54px;
  line-height: 54px;
  text-align: center;
  font-size: 1.2rem;
  letter-spacing: 1.2px;
  color: #fff;
  text-transform: uppercase;
  background-color: #111;
  cursor: pointer; }

@media screen and (max-width: 640px) {
  .cart-side {
    z-index: 10000;
    top: 0; }
    .cart-side__container {
      width: 100%;
      -webkit-overflow-scrolling: touch;
      overflow-y: scroll; }
      .cart-side__container .scrollable {
        padding: 50px 25px 30px; } }

.checkout {
  background-color: #ffffff;
  padding: 146px 0 60px; }
  .checkout header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 86px;
    background-color: #fff;
    z-index: 6;
    border-bottom: solid 1px #f7f7f7; }
    .checkout header .woocommerce-info {
      margin-top: 31px; }
    .checkout header .steps .step {
      display: inline-block;
      width: 24px;
      height: 24px;
      line-height: 24px;
      font-size: 1.2rem;
      letter-spacing: .2px;
      text-align: center;
      color: #111;
      border-radius: 12px;
      border: solid 1px #eeeeee;
      cursor: default;
      margin: 0 20px; }
      .checkout header .steps .step.active {
        color: #fff;
        background-color: #111;
        border: 0; }
    .checkout header .ssl {
      position: absolute;
      right: 160px;
      top: 50%;
      transform: translate(0, -90%); }
      .checkout header .ssl i, .checkout header .ssl p {
        display: inline-block;
        vertical-align: middle; }
      .checkout header .ssl p {
        position: relative;
        font-size: 1.4rem;
        line-height: 1.4rem;
        letter-spacing: .4px;
        color: #51a946; }
        .checkout header .ssl p span {
          position: absolute;
          top: 110%;
          left: 0;
          display: block;
          font-size: 1rem;
          letter-spacing: .3px; }
      .checkout header .ssl i {
        margin-right: 10px; }
  .checkout .woocommerce {
    width: 40%;
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
  .checkout .woocommerce-error {
    margin-bottom: 50px; }
  .checkout label {
    display: none; }
  .checkout p#billing_country_field {
    height: 4.4rem;
    line-height: 4.4rem; }
  .checkout .coupon, .checkout .checkout {
    position: relative;
    box-sizing: border-box; }
  .checkout .checkout {
    width: 56%;
    -ms-flex-order: 1;
        order: 1;
    padding: 0 25px; }
  .checkout .right-wrapper {
    width: 40%;
    -ms-flex-order: 2;
        order: 2; }
    .checkout .right-wrapper h3 {
      position: relative;
      left: 0;
      font-size: 1.8rem;
      letter-spacing: .3px;
      transform: none;
      margin-bottom: 12px;
      text-align: left; }
    .checkout .right-wrapper p {
      margin-bottom: -6px; }
    .checkout .right-wrapper form {
      margin-bottom: 60px; }
    .checkout .right-wrapper a {
      display: inline-block;
      font-size: 1rem;
      letter-spacing: 1px;
      color: #111;
      text-transform: uppercase;
      margin-bottom: 10px;
      padding-bottom: 2px; }
  .checkout .woocommerce-order {
    margin: 0 auto; }
  .checkout .woocommerce-checkout {
    margin: 0 auto;
    text-align: center; }
    .checkout .woocommerce-checkout h2 {
      font-size: 2.8rem;
      font-weight: 700;
      margin-bottom: 40px; }
    .checkout .woocommerce-checkout input, .checkout .woocommerce-checkout select {
      width: 100%; }
    .checkout .woocommerce-checkout input:first-child {
      margin-top: 0; }
    .checkout .woocommerce-checkout .select2 {
      display: none; }
  .checkout h3 {
    font-family: "SangBleuKing", serif;
    font-size: 2.2rem;
    line-height: 2.7rem;
    letter-spacing: .2px;
    position: absolute;
    left: -38px;
    display: block;
    width: 100%;
    text-align: right;
    transform: translate(-100%, 0); }
  .checkout .billing-alt {
    position: relative;
    background-color: #fff;
    text-align: left; }
    .checkout .billing-alt p {
      font-size: 1.4rem;
      letter-spacing: .8px;
      color: #111;
      margin-bottom: 20px; }
    .checkout .billing-alt .choices {
      display: block;
      text-align: center; }
      .checkout .billing-alt .choices span {
        display: inline-block;
        vertical-align: middle;
        width: 80px;
        text-align: center;
        text-transform: uppercase;
        padding: 0;
        margin: 0 8px; }
    .checkout .billing-alt:before {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      bottom: 0;
      left: -200%;
      width: 800%;
      background-color: #fff;
      z-index: -1; }
  .checkout #ship-to-different-address,
  .checkout .shipping_address {
    display: none; }
  .checkout #payment {
    margin-top: 50px; }
    .checkout #payment h3 {
      width: calc(100% + 50px); }
  .checkout .address__container {
    margin-top: 50px; }
    .checkout .address__container .input__container {
      position: relative;
      margin-top: 20px;
      margin-bottom: 50px; }
      .checkout .address__container .input__container p {
        display: inline-block;
        font-size: 1.2rem;
        line-height: 1.6rem;
        letter-spacing: .7px;
        position: absolute;
        top: 0;
        width: 80%;
        left: 20%; }
    .checkout .address__container input[type='checkbox'] {
      opacity: 0;
      z-index: -1; }
    .checkout .address__container input[type='checkbox'] + label {
      width: 22px;
      height: 22px;
      display: inline-block;
      position: absolute;
      top: 5px;
      margin: auto;
      box-sizing: border-box;
      text-indent: -999px;
      overflow: hidden;
      border: 1px solid #e2e2e2;
      cursor: pointer; }
    .checkout .address__container input[type='checkbox']#checkbox-n + label {
      border: 1px solid #e2e2e2;
      background: transparent; }
    .checkout .address__container input[type='checkbox']#checkbox-n + label:before {
      content: '';
      width: 10px;
      height: 10px;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      position: absolute;
      margin: auto;
      background-color: rgba(0, 0, 0, 0.99);
      transform: scale(0);
      transition: all 0.2s cubic-bezier(1, 0, 0.4, 0.5); }
    .checkout .address__container input[type='checkbox']#checkbox-n:checked + label:before {
      transition: all 0.2s cubic-bezier(1, 0, 0.4, 1);
      transform: scale(1); }
  .checkout .woocommerce-info {
    box-sizing: border-box;
    text-align: center;
    font-size: 2.2rem;
    letter-spacing: .2px;
    text-align: left;
    font-family: "SangBleuKing", serif; }
    .checkout .woocommerce-info a, .checkout .woocommerce-info .btn {
      display: block;
      margin: 20px auto;
      width: 20%;
      padding: 0;
      text-align: center;
      font-family: "rectaregular", Helvetica, Arial, sans-serif; }
    .checkout .woocommerce-info .showlogin {
      display: none; }
  .checkout #rememberme {
    display: inline-block;
    width: auto;
    margin-right: 5px; }
  .checkout .woocommerce-form-login, .checkout .checkout_coupon {
    display: block !important;
    width: 100%;
    margin: 20px auto; }
    .checkout .woocommerce-form-login input, .checkout .checkout_coupon input {
      margin: 6px auto;
      width: 100%; }
    .checkout .woocommerce-form-login p, .checkout .checkout_coupon p {
      font-size: 1.4rem;
      letter-spacing: .8px; }
      .checkout .woocommerce-form-login p:first-child, .checkout .checkout_coupon p:first-child {
        margin-bottom: 20px; }
    .checkout .woocommerce-form-login a, .checkout .woocommerce-form-login .btn, .checkout .checkout_coupon a, .checkout .checkout_coupon .btn {
      display: block;
      margin: 20px auto;
      width: 100%;
      padding: 0;
      text-align: center; }
  .checkout .woocommerce-form-login {
    box-sizing: border-box; }
    .checkout .woocommerce-form-login .lost_password {
      display: none; }
    .checkout .woocommerce-form-login .woocommerce-form__label {
      display: none; }
  .checkout .coupon {
    position: relative; }
  .checkout .woocommerce-message {
    text-align: center; }
  .checkout .input-checkbox {
    width: auto !important; }
  .checkout .woocommerce-form__label-for-checkbox span {
    font-size: 1.2rem; }
    .checkout .woocommerce-form__label-for-checkbox span a {
      color: #999; }
  .checkout .woocommerce-checkout-payment p {
    font-size: 1.4rem;
    letter-spacing: .8px; }
  .checkout .wc-braintree-credit-card-payment-gateway-icon {
    margin: 2px; }
  .checkout .wc_payment_methods {
    text-align: left;
    margin: 30px 0; }
  .checkout .payment_box {
    display: none !important; }
  .checkout .wc_payment_method {
    display: inline-block;
    vertical-align: top;
    text-align: left;
    width: 74px;
    height: 46px;
    margin-right: 9px; }
    .checkout .wc_payment_method label {
      display: block;
      width: 74px;
      height: 46px;
      position: relative; }
    .checkout .wc_payment_method input {
      display: none; }
    .checkout .wc_payment_method input:checked + label img {
      border: solid 2px #51a946; }
    .checkout .wc_payment_method label {
      font-size: 0; }
    .checkout .wc_payment_method img {
      display: inline-block;
      vertical-align: top;
      width: 74px;
      height: 46px;
      position: absolute;
      top: 0;
      cursor: pointer;
      border-radius: 5px;
      border: solid 2px transparent; }
  .checkout .side-review {
    position: absolute;
    width: 93.33333%;
    right: -200%;
    top: -60px;
    background-color: #fff;
    box-sizing: border-box;
    transform: translate(35px, 0);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.03);
    padding: 85px 30px 30px;
    box-sizing: border-box;
    text-align: left; }
    .checkout .side-review .thumbnail a {
      display: block; }
      .checkout .side-review .thumbnail a img {
        display: block;
        width: 100%; }
  .checkout #place_order {
    background-color: #51a946; }
  .checkout .woocommerce-checkout-review-order-table {
    table-layout: fixed; }
    .checkout .woocommerce-checkout-review-order-table th {
      padding-left: 0; }
    .checkout .woocommerce-checkout-review-order-table tfoot {
      width: 100%;
      table-layout: fixed; }
      .checkout .woocommerce-checkout-review-order-table tfoot tr {
        width: 100%; }
    .checkout .woocommerce-checkout-review-order-table .review .shipping {
      width: 200%;
      display: block; }
      .checkout .woocommerce-checkout-review-order-table .review .shipping th, .checkout .woocommerce-checkout-review-order-table .review .shipping td {
        width: 100%;
        display: block; }
      .checkout .woocommerce-checkout-review-order-table .review .shipping input, .checkout .woocommerce-checkout-review-order-table .review .shipping label {
        width: auto;
        display: inline-block;
        vertical-align: middle; }
      .checkout .woocommerce-checkout-review-order-table .review .shipping input {
        position: absolute;
        top: 0;
        left: -9999px;
        visibility: hidden; }
        .checkout .woocommerce-checkout-review-order-table .review .shipping input:checked + label:after {
          transform: translate(0, -50%) scale(1); }
      .checkout .woocommerce-checkout-review-order-table .review .shipping li {
        position: relative;
        margin-bottom: 10px; }
      .checkout .woocommerce-checkout-review-order-table .review .shipping label {
        padding-left: 35px;
        box-sizing: border-box;
        position: relative;
        width: 100%;
        padding-right: 25%; }
        .checkout .woocommerce-checkout-review-order-table .review .shipping label:hover {
          cursor: pointer; }
        .checkout .woocommerce-checkout-review-order-table .review .shipping label:before {
          content: '';
          position: absolute;
          top: 0;
          border-radius: 50%;
          left: 0;
          width: 20px;
          height: 20px;
          background: #f7f7f7;
          box-shadow: 0 0 1px #111; }
        .checkout .woocommerce-checkout-review-order-table .review .shipping label:after {
          content: '';
          position: absolute;
          top: 10px;
          border-radius: 50%;
          left: 5px;
          width: 10px;
          height: 10px;
          transform: translate(0, -50%) scale(0);
          background: #111;
          transition: transform 500ms cubic-bezier(0.26, 1.04, 0.54, 1); }
      .checkout .woocommerce-checkout-review-order-table .review .shipping .woocommerce-Price-amount {
        font-weight: bold;
        position: absolute;
        right: 0;
        top: 0; }
    .checkout .woocommerce-checkout-review-order-table .review #shipping_method {
      text-align: left; }
    .checkout .woocommerce-checkout-review-order-table .review td {
      text-align: right; }

@media screen and (max-width: 640px) {
  .checkout {
    padding-top: 90px; }
    .checkout header {
      position: fixed; }
    .checkout .woocommerce {
      width: 100%; }
    .checkout .checkout {
      -ms-flex-order: 2;
          order: 2; }
    .checkout h3 {
      position: relative;
      left: 0;
      display: block;
      text-align: left;
      transform: none;
      margin-bottom: 30px; }
    .checkout .woocommerce-order {
      width: 90%; }
    .checkout .woocommerce-checkout {
      width: 100%; }
    .checkout .woocommerce-info {
      width: 100%;
      margin: 0 auto 20px; }
      .checkout .woocommerce-info a, .checkout .woocommerce-info .btn {
        width: 100%; }
    .checkout .woocommerce-form-login, .checkout .checkout_coupon {
      text-align: left;
      width: 100%; }
    .checkout #payment h3 {
      left: 0; }
    .checkout .billing-alt:before {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      width: 100%; }
    .checkout .right-wrapper {
      margin-top: 30px;
      width: 100%;
      padding: 0 25px;
      -ms-flex-order: 1;
          order: 1;
      margin-bottom: 50px; }
      .checkout .right-wrapper form {
        margin-bottom: 30px; }
    .checkout .side-review {
      position: relative;
      width: 100%;
      right: 0;
      top: 0;
      transform: none;
      padding: 25px 0;
      box-shadow: none; }
      .checkout .side-review:nth-child(2) {
        display: none; }
    .checkout .thumbnail a img {
      height: 100%; }
    .checkout .woocommerce-checkout-review-order-table {
      position: relative;
      width: 100%;
      right: 0;
      top: 0;
      transform: none;
      padding: 35px 0 30px;
      box-shadow: none; } }

/*********************
Responsive
*********************/
/*********************
LARGER MOBILE DEVICES
This is for devices like the Galaxy Note or something that's
larger than an iPhone but smaller than a tablet. Let's call them
tweeners.
*********************/
/*********************
TABLET & SMALLER LAPTOPS
This is the average viewing window. So Desktops, Laptops, and
in general anyone not viewing on a mobile device. Here's where
you can add resource intensive styles.
*********************/
/*********************
DESKTOP
This is the average viewing window. So Desktops, Laptops, and
in general anyone not viewing on a mobile device. Here's where
you can add resource intensive styles.
*********************/
/*********************
LARGE VIEWING SIZE
This is for the larger monitors and possibly full screen viewers.
*********************/
/*********************
RETINA (2x RESOLUTION DEVICES)
This applies to the retina iPhone (4s) and iPad (2,3) along with
other displays with a 2x resolution. You can also create a media
query for retina AND a certain size if you want. Go Nuts.
*********************/
section.follow {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  padding-top: 0;
  margin-bottom: 0;
  text-align: center; }
  section.follow h2 {
    font-size: 11.8rem;
    line-height: 28.8rem;
    color: #f2f2f2;
    font-family: "SangBleuKing", serif;
    position: relative; }
    section.follow h2 img {
      width: 150px;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }
  section.follow p {
    font-size: 1rem;
    text-transform: uppercase;
    color: #111;
    letter-spacing: .12em;
    margin-bottom: 31px; }
  section.follow ul {
    font-size: 0;
    white-space: nowrap; }
    section.follow ul li {
      display: inline-block;
      margin: 0 17px;
      opacity: .7;
      transition: opacity 300ms cubic-bezier(0.26, 1.04, 0.54, 1); }
      section.follow ul li:hover {
        opacity: 1; }

@media screen and (max-width: 640px) {
  section.follow {
    text-align: center;
    padding: 30px 0; }
    section.follow h2 {
      font-size: 7rem;
      line-height: 14rem;
      margin: 0 auto; }
    section.follow p {
      width: 100%; }
    section.follow ul {
      width: 100%; } }

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