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

a {
  text-decoration: none; }

button {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none repeat scroll 0 0 transparent;
  border: medium none;
  border-spacing: 0;
  border: none;
  color: #FFF;
  cursor: pointer;
  line-height: normal;
  list-style: none outside none;
  margin: 0;
  overflow: visible;
  padding: 0;
  text-align: left;
  text-decoration: none;
  text-indent: 0;
  width: auto; }

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

html, body {
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased; }

* ::-moz-selection {
  background: black;
  /* WebKit/Blink Browsers */
  color: white; }

* ::selection {
  background: black;
  /* WebKit/Blink Browsers */
  color: white; }
* ::-moz-selection {
  background: black;
  /* Gecko Browsers */
  color: white; }

img {
  display: block;
  pointer-events: none; }

a {
  display: block; }

video {
  display: block; }

a[href^=tel]:link {
  color: #FFF; }

@font-face {
  font-family: 'Montserrat';
  src: url('../medias/fonts/Montserrat UltraLight/Montserrat UltraLight.eot');
  src: url('../medias/fonts/Montserrat UltraLight/Montserrat UltraLight.eot?#iefix') format('embedded-opentype'), url('../medias/fonts/Montserrat UltraLight/Montserrat UltraLight.svg') format('svg'), url('../medias/fonts/Montserrat UltraLight/Montserrat UltraLight.woff') format('woff'), url('../medias/fonts/Montserrat UltraLight/Montserrat UltraLight.ttf') format('truetype');
  font-weight: 100;
  font-style: normal; }

@font-face {
  font-family: 'Montserrat';
  src: url('../medias/fonts/Montserrat Light/Montserrat Light.eot');
  src: url('../medias/fonts/Montserrat Light/Montserrat Light.eot?#iefix') format('embedded-opentype'), url('../medias/fonts/Montserrat Light/Montserrat Light.svg') format('svg'), url('../medias/fonts/Montserrat Light/Montserrat Light.woff') format('woff'), url('../medias/fonts/Montserrat Light/Montserrat Light.ttf') format('truetype');
  font-weight: 200;
  font-style: normal; }

@font-face {
  font-family: 'Montserrat';
  src: url('../medias/fonts/Montserrat Regular/Montserrat Regular.eot');
  src: url('../medias/fonts/Montserrat Regular/Montserrat Regular.eot?#iefix') format('embedded-opentype'), url('../medias/fonts/Montserrat Regular/Montserrat Regular.svg') format('svg'), url('../medias/fonts/Montserrat Regular/Montserrat Regular.woff') format('woff'), url('../medias/fonts/Montserrat Regular/Montserrat Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: 'Montserrat';
  src: url('../medias/fonts/Montserrat SemiBold/Montserrat SemiBold.eot');
  src: url('../medias/fonts/Montserrat SemiBold/Montserrat SemiBold.eot?#iefix') format('embedded-opentype'), url('../medias/fonts/Montserrat SemiBold/Montserrat SemiBold.svg') format('svg'), url('../medias/fonts/Montserrat SemiBold/Montserrat SemiBold.woff') format('woff'), url('../medias/fonts/Montserrat SemiBold/Montserrat SemiBold.ttf') format('truetype');
  font-weight: 500;
  font-style: normal; }

@font-face {
  font-family: 'Montserrat';
  src: url('../medias/fonts/Montserrat Bold/Montserrat Bold.eot');
  src: url('../medias/fonts/Montserrat Bold/Montserrat Bold.eot?#iefix') format('embedded-opentype'), url('../medias/fonts/Montserrat Bold/Montserrat Bold.svg') format('svg'), url('../medias/fonts/Montserrat Bold/Montserrat Bold.woff') format('woff'), url('../medias/fonts/Montserrat Bold/Montserrat Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: 'Montserrat';
  src: url('../medias/fonts/Montserrat ExtraBold/Montserrat ExtraBold.eot');
  src: url('../medias/fonts/Montserrat ExtraBold/Montserrat ExtraBold.eot?#iefix') format('embedded-opentype'), url('../medias/fonts/Montserrat ExtraBold/Montserrat ExtraBold.svg') format('svg'), url('../medias/fonts/Montserrat ExtraBold/Montserrat ExtraBold.woff') format('woff'), url('../medias/fonts/Montserrat ExtraBold/Montserrat ExtraBold.ttf') format('truetype');
  font-weight: 800;
  font-style: normal; }

@font-face {
  font-family: 'Montserrat';
  src: url('../medias/fonts/Montserrat Black/Montserrat Black.eot');
  src: url('../medias/fonts/Montserrat Black/Montserrat Black.eot?#iefix') format('embedded-opentype'), url('../medias/fonts/Montserrat Black/Montserrat Black.svg') format('svg'), url('../medias/fonts/Montserrat Black/Montserrat Black.woff') format('woff'), url('../medias/fonts/Montserrat Black/Montserrat Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal; }

.no-transition {
  transition: all 0ms cubic-bezier(0.25, 0.25, 0.75, 0.75) 0ms !important; }
  .no-transition * {
    transition: all 0ms cubic-bezier(0.25, 0.25, 0.75, 0.75) 0ms !important; }

html, body {
  color: #FFFFFF;
  font-family: 'Montserrat', 'Helvetica', sans-serif;
  width: 100%;
  height: 100%; }

.preloader {
  z-index: 1;
  display: block;
  position: fixed;
  -webkit-transform: translateX(-50%) translateY(-50%) scale(0.5);
          transform: translateX(-50%) translateY(-50%) scale(0.5);
  top: 50%;
  left: 50%; }

#container {
  transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms;
  opacity: 0; }
  #container.shown {
    opacity: 1; }

.spinner {
  z-index: 9999;
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  top: 0;
  left: 0; }

body.pointer {
  cursor: pointer; }

#bg {
  position: fixed;
  background-color: #000;
  min-width: 100%;
  min-height: 100%;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%); }

.coord-left, .coord-right {
  position: fixed;
  top: 50%;
  font-size: 13px;
  font-weight: 100;
  color: #fff;
  z-index: 2000;
  letter-spacing: 1px; }

.coord-left {
  left: 35px;
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(-90deg);
          transform: translateX(-50%) translateY(-50%) rotate(-90deg); }

.coord-right {
  right: 35px;
  -webkit-transform: translateX(50%) translateY(-50%) rotate(90deg);
          transform: translateX(50%) translateY(-50%) rotate(90deg); }

.mosaic-viewport {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden; }
  .mosaic-viewport .mosaic-overview {
    display: inline-block;
    position: absolute;
    top: 140px;
    bottom: 80px;
    left: 50%;
    width: auto;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%); }
    .mosaic-viewport .mosaic-overview > img {
      height: 100%; }
    .mosaic-viewport .mosaic-overview .mosaic {
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      position: absolute; }
      .mosaic-viewport .mosaic-overview .mosaic li {
        width: 10%;
        display: block;
        float: left;
        position: relative;
        padding-bottom: 18px;
        margin: 0 3.33% 30px 3.33%; }
        .mosaic-viewport .mosaic-overview .mosaic li.double {
          width: 26.7%; }
        .mosaic-viewport .mosaic-overview .mosaic li a {
          display: block;
          width: 100%;
          height: 100%; }
          .mosaic-viewport .mosaic-overview .mosaic li a img {
            width: 100%;
            position: absolute;
            top: 0;
            left: 0; }
            .mosaic-viewport .mosaic-overview .mosaic li a img.ratio {
              position: relative; }
          .mosaic-viewport .mosaic-overview .mosaic li a span {
            display: block;
            color: #fff;
            font-size: 8px;
            text-align: center;
            text-transform: uppercase;
            position: absolute;
            width: 100%;
            bottom: 0; }

.round-btn {
  display: block;
  width: 95px;
  height: 95px;
  border: 1px solid #384348;
  border-radius: 100%;
  position: relative; }
  .round-btn i {
    display: block;
    width: 25px;
    height: 20px;
    margin: 30px auto 0; }
    .round-btn i svg.ico_discover {
      width: 100%;
      height: 100%; }
  .round-btn span {
    display: block;
    width: 100%;
    position: absolute;
    text-align: center;
    bottom: 30px;
    font-size: 10px;
    font-weight: 100;
    color: #fff; }

header {
  position: fixed;
  z-index: 1001;
  top: 80px;
  left: 80px;
  right: 80px;
  height: 20px; }
  header .logo {
    width: 105px;
    height: 17px;
    float: left; }
    header .logo svg {
      width: 100%;
      height: 100%; }
  header .burger {
    margin-top: 2px;
    float: right;
    cursor: pointer; }
    header .burger.opened p.open {
      display: none; }
    header .burger.opened p.close {
      display: block; }
    header .burger i {
      display: block;
      margin-top: 1px;
      float: left;
      width: 28px;
      height: 10px; }
      header .burger i svg {
        display: block;
        width: 100%;
        height: 100%; }
    header .burger p {
      margin-left: 5px;
      float: left;
      color: #fff;
      font-weight: 100;
      font-size: 13px; }
      header .burger p.open {
        display: block; }
      header .burger p.close {
        display: none; }

aside {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: #000;
  z-index: 1000;
  display: none; }
  aside.shown {
    display: block; }
  aside nav {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    -webkit-perspective: 1000px;
            perspective: 1000px; }
    aside nav > i {
      width: 35px;
      height: 35px;
      display: block;
      margin: 0 auto 45px; }
      aside nav > i svg {
        width: 100%;
        height: 100%; }
    aside nav ul.social {
      width: 120px;
      height: 100%;
      margin: 40px auto 0; }
      aside nav ul.social:before, aside nav ul.social:after {
        content: " ";
        /* 1 */
        display: table;
        /* 2 */ }
      aside nav ul.social:after {
        clear: both; }
      aside nav ul.social li {
        width: 30px;
        height: 30px;
        float: left;
        display: block; }
        aside nav ul.social li a {
          display: block;
          width: 100%;
          height: 100%;
          position: relative; }
          aside nav ul.social li a svg {
            position: absolute;
            left: 50%;
            top: 50%;
            -webkit-transform: translateX(-50%) translateY(-50%);
                    transform: translateX(-50%) translateY(-50%);
            width: 40%;
            height: 40%; }
    aside nav ul.main {
      width: 100%;
      -webkit-transform-style: preserve-3d;
              transform-style: preserve-3d; }
      aside nav ul.main li {
        width: 100%;
        text-align: center; }
        aside nav ul.main li.soon {
          opacity: 0.2;
          pointer-events: none; }
        aside nav ul.main li a {
          display: inline-block;
          font-weight: 100;
          font-size: 60px;
          color: #fff;
          padding: 4px 0; }

footer {
  position: fixed;
  z-index: 1001;
  bottom: 40px;
  left: 80px;
  right: 80px;
  height: 24px; }
  footer p {
    font-size: 10px;
    font-weight: 100;
    float: left;
    margin-top: 7px; }
  footer span {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%); }
    footer span i {
      position: relative;
      top: -3px;
      display: inline-block;
      width: 25px;
      height: 1px;
      background-color: #4d5b63;
      -webkit-transform: rotate(-60deg);
              transform: rotate(-60deg); }
    footer span a {
      display: inline-block;
      color: #fff;
      font-weight: 100;
      font-size: 10px; }
      footer span a.current {
        font-weight: 500; }
  footer > a {
    float: right;
    display: block;
    width: 22px;
    height: 24px; }
    footer > a svg {
      width: 100%;
      height: 100%; }

#part-home header {
  display: none; }
#part-home #container {
  width: 100%;
  height: 100%;
  overflow: hidden; }
  #part-home #container #content {
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden;
    position: relative; }
    #part-home #container #content > img {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translateX(-50%) translateY(-50%);
              transform: translateX(-50%) translateY(-50%);
      min-height: 100%;
      min-width: 100%; }
    #part-home #container #content .wrap {
      position: absolute;
      width: 100%;
      top: 50%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      text-align: center; }
      #part-home #container #content .wrap .logo_noize {
        width: 185px;
        height: 25px;
        margin-bottom: 15px; }
      #part-home #container #content .wrap h1 {
        font-size: 16px;
        font-weight: 100; }
      #part-home #container #content .wrap a {
        margin: 25px auto 0; }

#part-stores #map {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0; }
  #part-stores #map > div {
    height: calc(100% + 60px) !important;
    top: -30px !important; }
    #part-stores #map > div span.noize-info {
      display: block;
      position: relative;
      padding: 20px 0;
      max-width: 260px; }
      #part-stores #map > div span.noize-info i {
        display: block;
        position: absolute;
        left: 10px;
        width: 37px;
        height: 37px; }
        #part-stores #map > div span.noize-info i svg {
          display: block;
          width: 100%;
          height: 100%; }
      #part-stores #map > div span.noize-info h2 {
        margin-left: 70px;
        color: #4b5a63;
        font-size: 15px;
        font-weight: 700;
        margin-bottom: 5px; }
      #part-stores #map > div span.noize-info p {
        margin-left: 70px;
        color: #000000;
        margin-bottom: 2px; }
#part-stores .stores {
  display: none; }
#part-stores .search {
  display: block;
  width: 550px;
  height: 81px;
  position: absolute;
  left: 50%;
  bottom: 76px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%); }
  #part-stores .search p.error {
    display: none;
    color: red;
    font-size: 12px;
    top: calc(100% + 20px);
    position: absolute; }
    #part-stores .search p.error.shown {
      display: block; }
  #part-stores .search input {
    width: 440px;
    outline: none;
    padding: 15px 15px 15px 15px;
    height: 50px;
    background: none;
    font-size: 20px;
    border: none;
    border-bottom: 1px solid #ffffff;
    font-size: 40px;
    color: #fff;
    font-family: 'Montserrat', 'Helvetica', sans-serif;
    font-weight: 100;
    position: relative; }
    #part-stores .search input::-webkit-input-placeholder {
      font-size: 28px;
      color: rgba(255, 255, 255, 0.36);
      padding-top: 10px; }
    #part-stores .search input:-moz-placeholder {
      font-size: 28px;
      color: rgba(255, 255, 255, 0.36);
      padding-top: 10px; }
    #part-stores .search input::-moz-placeholder {
      font-size: 28px;
      color: rgba(255, 255, 255, 0.36);
      padding-top: 10px; }
    #part-stores .search input:-ms-input-placeholder {
      font-size: 28px;
      color: rgba(255, 255, 255, 0.36);
      padding-top: 10px; }
  #part-stores .search span {
    display: inline-block;
    width: 80px;
    text-align: center;
    font-size: 24px;
    text-transform: uppercase;
    border-bottom: 1px solid #ffffff;
    height: 52px;
    position: absolute;
    right: 0;
    top: 0;
    padding-top: 28px;
    cursor: pointer; }

#part-social .wrap {
  width: 1050px;
  margin: 140px auto 0; }
  #part-social .wrap h2, #part-social .wrap h3 {
    font-weight: 100;
    text-align: center;
    display: block;
    position: relative; }
  #part-social .wrap h2 {
    font-size: 44px;
    margin-bottom: 60px; }
  #part-social .wrap h3 {
    font-size: 25px;
    margin-bottom: 30px;
    margin-top: 40px; }
  #part-social .wrap .slider {
    position: relative; }
    #part-social .wrap .slider .prev, #part-social .wrap .slider .next {
      position: absolute;
      top: 50%;
      display: block;
      width: 140px;
      height: 80px;
      cursor: pointer;
      z-index: 1; }
      #part-social .wrap .slider .prev i, #part-social .wrap .slider .next i {
        display: block;
        position: absolute;
        width: 100px;
        left: 50%;
        top: 50%;
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
        height: 1px;
        background-color: #fff; }
        #part-social .wrap .slider .prev i:before, #part-social .wrap .slider .prev i:after, #part-social .wrap .slider .next i:before, #part-social .wrap .slider .next i:after {
          width: 6px;
          height: 1px;
          content: '';
          display: block;
          background-color: #fff; }
        #part-social .wrap .slider .prev i:before, #part-social .wrap .slider .next i:before {
          -webkit-transform: rotate(-45deg);
                  transform: rotate(-45deg);
          -webkit-transform-origin: top left;
                  transform-origin: top left; }
        #part-social .wrap .slider .prev i:after, #part-social .wrap .slider .next i:after {
          -webkit-transform: translateY(-1px) rotate(45deg);
                  transform: translateY(-1px) rotate(45deg);
          -webkit-transform-origin: bottom left;
                  transform-origin: bottom left; }
    #part-social .wrap .slider .prev {
      left: 0;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%); }
    #part-social .wrap .slider .next {
      right: 0;
      -webkit-transform: translateX(50%) rotate(180deg);
              transform: translateX(50%) rotate(180deg); }
    #part-social .wrap .slider .viewport {
      overflow: hidden;
      width: 100%;
      height: 100%; }
      #part-social .wrap .slider .viewport .overview {
        width: 9999px;
        will-change: transform; }
        #part-social .wrap .slider .viewport .overview:before, #part-social .wrap .slider .viewport .overview:after {
          content: " ";
          /* 1 */
          display: table;
          /* 2 */ }
        #part-social .wrap .slider .viewport .overview:after {
          clear: both; }
        #part-social .wrap .slider .viewport .overview li {
          width: 330px;
          position: relative;
          float: left;
          margin-right: 30px; }
          #part-social .wrap .slider .viewport .overview li span {
            position: absolute;
            display: block;
            z-index: 2;
            left: 35px;
            bottom: 80px; }
            #part-social .wrap .slider .viewport .overview li span p {
              font-size: 30px;
              font-weight: 100;
              color: #fff; }
            #part-social .wrap .slider .viewport .overview li span a {
              margin-top: 10px;
              display: block;
              font-size: 20;
              font-weight: 200;
              color: #fff; }
          #part-social .wrap .slider .viewport .overview li img {
            width: 100%;
            position: absolute;
            top: 0;
            left: 0;
            z-index: 1; }
            #part-social .wrap .slider .viewport .overview li img.ratio {
              position: relative; }
  #part-social .wrap .tiles li {
    display: block;
    float: left;
    margin-bottom: 36px;
    width: 215px;
    background-color: #000; }
    #part-social .wrap .tiles li i {
      width: 15px;
      height: 15px;
      top: 10px;
      right: 10px;
      position: absolute;
      z-index: 1; }
      #part-social .wrap .tiles li i svg {
        width: 100%; }
    #part-social .wrap .tiles li a {
      position: absolute;
      width: 100%;
      height: 100%;
      overflow: hidden; }
      #part-social .wrap .tiles li a span {
        color: #ffffff;
        font-weight: 100;
        font-size: 13px;
        text-decoration: none;
        position: absolute;
        left: 25px;
        bottom: 60px;
        display: block;
        right: 25px;
        line-height: 130%;
        opacity: 0;
        transition: opacity 600ms cubic-bezier(0.19, 1, 0.22, 1) 0ms; }
        #part-social .wrap .tiles li a span p {
          color: #52616a; }
    #part-social .wrap .tiles li.instagram {
      height: 215px; }
    #part-social .wrap .tiles li.twitter, #part-social .wrap .tiles li.facebook {
      background: none;
      border: 1px solid #52616a;
      width: 213px;
      height: 213px; }
      #part-social .wrap .tiles li.twitter span, #part-social .wrap .tiles li.facebook span {
        opacity: 1;
        top: 50%;
        bottom: auto;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%); }
    #part-social .wrap .tiles li.facebook {
      pointer-events: none; }
    #part-social .wrap .tiles li.pinterest {
      height: 395px; }
      #part-social .wrap .tiles li.pinterest span {
        font-size: 27px; }
    #part-social .wrap .tiles li img {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translateX(-50%) translateY(-50%);
              transform: translateX(-50%) translateY(-50%);
      min-height: 100%;
      min-width: 100%;
      opacity: 1;
      transition: opacity 600ms cubic-bezier(0.19, 1, 0.22, 1) 0ms; }

#part-contact .wrap {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 100%; }
#part-contact .results li {
  display: none;
  text-align: center; }
  #part-contact .results li.shown {
    display: block; }
  #part-contact .results li * {
    text-align: center; }
  #part-contact .results li a {
    background-color: #52616a;
    color: #fff;
    font-weight: 100;
    display: inline-block;
    padding: 20px 35px;
    margin: 90px 0 45px 0; }
  #part-contact .results li h1, #part-contact .results li h2 {
    color: #fff;
    font-size: 17px;
    font-weight: 400;
    text-transform: uppercase; }
  #part-contact .results li h1 {
    font-size: 17px;
    margin-bottom: 5px; }
  #part-contact .results li h2 {
    font-size: 13px;
    margin-bottom: 10px; }
  #part-contact .results li p {
    font-size: 14px;
    font-weight: 100;
    margin-bottom: 5px; }
#part-contact .sentence {
  width: 100%; }
  #part-contact .sentence > div {
    font-size: 50px;
    color: #fff;
    font-weight: 100;
    text-align: center; }
    #part-contact .sentence > div > div {
      position: relative;
      margin: 5px 0;
      display: inline-block; }
      #part-contact .sentence > div > div:before {
        position: absolute;
        content: '';
        width: 100%;
        height: 1px;
        bottom: -8px;
        left: 0;
        background-color: #52616a; }
      #part-contact .sentence > div > div.what {
        display: none; }
      #part-contact .sentence > div > div.shown {
        display: inline-block; }
      #part-contact .sentence > div > div.opened span {
        display: block; }
      #part-contact .sentence > div > div p {
        font-weight: 400;
        position: relative;
        cursor: pointer; }
      #part-contact .sentence > div > div span {
        left: 50%;
        top: calc(100% + 15px);
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
        position: absolute;
        display: none;
        width: 430px;
        background-color: #fff;
        z-index: 1; }
        #part-contact .sentence > div > div span:before {
          content: '';
          position: absolute;
          display: block;
          width: 10px;
          height: 10px;
          left: 50%;
          top: -5px;
          -webkit-transform: rotate(-45deg);
                  transform: rotate(-45deg);
          background-color: #fff; }
        #part-contact .sentence > div > div span ul {
          display: block; }
          #part-contact .sentence > div > div span ul li {
            display: block;
            color: #52616a;
            font-weight: 100;
            font-size: 30px;
            padding: 15px 30px;
            cursor: pointer;
            text-align: left; }

#part-lookbookProduct {
  overflow: hidden; }
  #part-lookbookProduct .infos {
    display: none;
    position: fixed;
    left: 50%;
    margin-left: -15px;
    bottom: 25px;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    border: 1px solid #fff;
    background-color: #fff;
    z-index: 999;
    cursor: pointer; }
    #part-lookbookProduct .infos.shown {
      display: block; }
    #part-lookbookProduct .infos.opened {
      background: none;
      z-index: 999999; }
      #part-lookbookProduct .infos.opened i {
        display: none; }
      #part-lookbookProduct .infos.opened:before, #part-lookbookProduct .infos.opened:after {
        display: block;
        content: '';
        width: 14px;
        height: 1px;
        background-color: #fff;
        left: 8px;
        position: absolute;
        top: 14px; }
      #part-lookbookProduct .infos.opened:before {
        -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg); }
      #part-lookbookProduct .infos.opened:after {
        -webkit-transform: rotate(45deg);
                transform: rotate(45deg); }
    #part-lookbookProduct .infos i {
      display: block;
      position: absolute;
      left: 50%;
      top: 50%;
      margin-left: -3px;
      margin-top: -6px;
      width: 4px;
      height: 14px; }
      #part-lookbookProduct .infos i svg {
        height: 100%; }
  #part-lookbookProduct .description {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(47, 59, 66, 0.95);
    top: 0;
    left: 0;
    z-index: 99999; }
    #part-lookbookProduct .description.shown {
      display: block; }
    #part-lookbookProduct .description > span {
      display: block;
      border: 1px solid #5f686e;
      width: 600px;
      position: absolute;
      left: 50%;
      top: 50%;
      -webkit-transform: translateX(-50%) translateY(-50%);
              transform: translateX(-50%) translateY(-50%); }
      #part-lookbookProduct .description > span p {
        text-align: center; }
        #part-lookbookProduct .description > span p.tit, #part-lookbookProduct .description > span p.des {
          font-weight: 100;
          padding: 25px; }
        #part-lookbookProduct .description > span p.tit {
          font-size: 30px; }
        #part-lookbookProduct .description > span p.des {
          border-top: 1px solid #5f686e;
          font-size: 14px;
          line-height: 140%; }
      #part-lookbookProduct .description > span > span {
        position: relative;
        display: block;
        border-top: 1px solid #5f686e; }
        #part-lookbookProduct .description > span > span:before, #part-lookbookProduct .description > span > span:after {
          content: " ";
          /* 1 */
          display: table;
          /* 2 */ }
        #part-lookbookProduct .description > span > span:after {
          clear: both; }
        #part-lookbookProduct .description > span > span p {
          white-space: nowrap;
          display: block;
          position: absolute;
          -webkit-transform: rotate(-90deg) translateX(-50%);
                  transform: rotate(-90deg) translateX(-50%);
          -webkit-transform-origin: left top 0;
                  transform-origin: left top 0;
          padding: 33px 0;
          bottom: 30px;
          left: 44px;
          left: 0;
          top: 50%; }
        #part-lookbookProduct .description > span > span ul {
          width: calc(100% - 144px);
          margin-left: 82px;
          min-height: 100px;
          border-left: 1px solid #5f686e;
          padding: 40px 30px; }
          #part-lookbookProduct .description > span > span ul li {
            font-size: 10px;
            font-weight: 100;
            padding: 5px 0; }
  #part-lookbookProduct #canvas {
    display: block;
    width: 100%;
    height: 100%;
    z-index: 100;
    position: relative;
    pointer-events: none; }
  #part-lookbookProduct .wrap, #part-lookbookProduct #container, #part-lookbookProduct #content {
    width: 100%;
    height: 100%; }
  #part-lookbookProduct .prev, #part-lookbookProduct .next {
    position: absolute;
    display: inline-block;
    top: 50%;
    font-weight: 100;
    font-size: 13px;
    color: #fff;
    z-index: 1; }
    #part-lookbookProduct .prev span, #part-lookbookProduct .next span {
      z-index: 1;
      position: relative; }
    #part-lookbookProduct .prev:before, #part-lookbookProduct .next:before {
      content: '';
      display: block;
      position: absolute;
      top: 50%;
      left: 50%;
      width: 80px;
      height: 1px;
      background-color: #4d5b63;
      z-index: 0; }
  #part-lookbookProduct .prev {
    -webkit-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
    left: 0; }
    #part-lookbookProduct .prev:before {
      -webkit-transform: translateX(-50%) rotate(-60deg);
              transform: translateX(-50%) rotate(-60deg); }
  #part-lookbookProduct .next {
    right: 0;
    -webkit-transform: translateX(50%) translateY(-50%);
            transform: translateX(50%) translateY(-50%); }
    #part-lookbookProduct .next:before {
      -webkit-transform: translateX(-50%) rotate(60deg);
              transform: translateX(-50%) rotate(60deg); }
  #part-lookbookProduct .product-viewport {
    position: absolute;
    top: 115px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    bottom: 115px; }
    #part-lookbookProduct .product-viewport .round-btn {
      position: absolute;
      bottom: 0;
      left: 50%;
      -webkit-transform: translate3d(-50%, 50%, 0);
              transform: translate3d(-50%, 50%, 0); }
      #part-lookbookProduct .product-viewport .round-btn i {
        width: 11px;
        height: 17px; }
    #part-lookbookProduct .product-viewport > p {
      font-size: 18px;
      position: absolute;
      top: 0;
      left: 50%;
      color: #fff;
      font-weight: 100;
      -webkit-transform: translateX(-50%) translateY(-50%) rotate(90deg);
              transform: translateX(-50%) translateY(-50%) rotate(90deg);
      z-index: 1; }
    #part-lookbookProduct .product-viewport .product-overview {
      height: 100%; }
      #part-lookbookProduct .product-viewport .product-overview > img.ratio {
        height: 100%; }
      #part-lookbookProduct .product-viewport .product-overview > img#raster {
        display: none; }
      #part-lookbookProduct .product-viewport .product-overview > img:not(.ratio) {
        position: absolute;
        top: 0;
        width: 100%; }

#part-catalogProduct {
  overflow: hidden; }
  #part-catalogProduct .infos {
    display: none;
    position: fixed;
    left: 50%;
    margin-left: -15px;
    bottom: 25px;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    border: 1px solid #fff;
    background-color: #fff;
    z-index: 999;
    cursor: pointer; }
    #part-catalogProduct .infos.shown {
      display: block; }
    #part-catalogProduct .infos.opened {
      background: none;
      z-index: 999999; }
      #part-catalogProduct .infos.opened i {
        display: none; }
      #part-catalogProduct .infos.opened:before, #part-catalogProduct .infos.opened:after {
        display: block;
        content: '';
        width: 14px;
        height: 1px;
        background-color: #fff;
        left: 8px;
        position: absolute;
        top: 14px; }
      #part-catalogProduct .infos.opened:before {
        -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg); }
      #part-catalogProduct .infos.opened:after {
        -webkit-transform: rotate(45deg);
                transform: rotate(45deg); }
    #part-catalogProduct .infos i {
      display: block;
      position: absolute;
      left: 50%;
      top: 50%;
      margin-left: -3px;
      margin-top: -6px;
      width: 4px;
      height: 14px; }
      #part-catalogProduct .infos i svg {
        height: 100%; }
  #part-catalogProduct .description {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(47, 59, 66, 0.95);
    top: 0;
    left: 0;
    z-index: 99999; }
    #part-catalogProduct .description.shown {
      display: block; }
    #part-catalogProduct .description > span {
      display: block;
      border: 1px solid #5f686e;
      width: 600px;
      position: absolute;
      left: 50%;
      top: 50%;
      -webkit-transform: translateX(-50%) translateY(-50%);
              transform: translateX(-50%) translateY(-50%); }
      #part-catalogProduct .description > span p {
        text-align: center; }
        #part-catalogProduct .description > span p.tit, #part-catalogProduct .description > span p.des {
          font-weight: 100;
          padding: 25px; }
        #part-catalogProduct .description > span p.tit {
          font-size: 30px; }
        #part-catalogProduct .description > span p.des {
          border-top: 1px solid #5f686e;
          font-size: 14px;
          line-height: 140%; }
      #part-catalogProduct .description > span > span {
        position: relative;
        display: block;
        border-top: 1px solid #5f686e; }
        #part-catalogProduct .description > span > span:before, #part-catalogProduct .description > span > span:after {
          content: " ";
          /* 1 */
          display: table;
          /* 2 */ }
        #part-catalogProduct .description > span > span:after {
          clear: both; }
        #part-catalogProduct .description > span > span p {
          white-space: nowrap;
          display: block;
          position: absolute;
          -webkit-transform: rotate(-90deg) translateX(-50%);
                  transform: rotate(-90deg) translateX(-50%);
          -webkit-transform-origin: left top 0;
                  transform-origin: left top 0;
          padding: 33px 0;
          bottom: 30px;
          left: 44px;
          left: 0;
          top: 50%; }
        #part-catalogProduct .description > span > span ul {
          width: calc(100% - 144px);
          margin-left: 82px;
          min-height: 100px;
          border-left: 1px solid #5f686e;
          padding: 40px 30px; }
          #part-catalogProduct .description > span > span ul li {
            font-size: 10px;
            font-weight: 100;
            padding: 5px 0; }
  #part-catalogProduct #canvas {
    display: block;
    width: 100%;
    height: 100%;
    z-index: 100;
    position: relative;
    pointer-events: none; }
  #part-catalogProduct .wrap, #part-catalogProduct #container, #part-catalogProduct #content {
    width: 100%;
    height: 100%; }
  #part-catalogProduct .wrap {
    width: 100%;
    height: 100%; }
  #part-catalogProduct .prev, #part-catalogProduct .next {
    position: absolute;
    display: inline-block;
    top: 50%;
    font-weight: 100;
    font-size: 13px;
    color: #fff;
    z-index: 1; }
    #part-catalogProduct .prev span, #part-catalogProduct .next span {
      z-index: 1;
      position: relative; }
    #part-catalogProduct .prev:before, #part-catalogProduct .next:before {
      content: '';
      display: block;
      position: absolute;
      top: 50%;
      left: 50%;
      width: 80px;
      height: 1px;
      background-color: #4d5b63;
      z-index: 0; }
  #part-catalogProduct .prev {
    -webkit-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
    left: 0; }
    #part-catalogProduct .prev:before {
      -webkit-transform: translateX(-50%) rotate(-60deg);
              transform: translateX(-50%) rotate(-60deg); }
  #part-catalogProduct .next {
    right: 0;
    -webkit-transform: translateX(50%) translateY(-50%);
            transform: translateX(50%) translateY(-50%); }
    #part-catalogProduct .next:before {
      -webkit-transform: translateX(-50%) rotate(60deg);
              transform: translateX(-50%) rotate(60deg); }
  #part-catalogProduct .product-viewport {
    position: absolute;
    top: 115px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    bottom: 115px; }
    #part-catalogProduct .product-viewport .round-btn {
      position: absolute;
      top: 0;
      left: 50%;
      -webkit-transform: translate3d(-50%, -75%, 0);
              transform: translate3d(-50%, -75%, 0);
      border: 1px solid #384348; }
      #part-catalogProduct .product-viewport .round-btn i {
        width: 11px;
        height: 17px; }
    #part-catalogProduct .product-viewport h1 {
      color: #52616a;
      font-size: 40px;
      font-weight: 100;
      z-index: 1;
      position: absolute;
      width: 100%;
      bottom: 0;
      -webkit-transform: translateY(40%);
              transform: translateY(40%);
      text-align: center; }
    #part-catalogProduct .product-viewport > p {
      font-size: 10px;
      -webkit-transform: translateX(-50%) translateY(100%);
              transform: translateX(-50%) translateY(100%);
      position: absolute;
      bottom: -30px;
      left: 50%;
      color: #fff;
      font-weight: 100;
      z-index: 1; }
    #part-catalogProduct .product-viewport .product-overview {
      height: 100%; }
      #part-catalogProduct .product-viewport .product-overview > img.ratio {
        height: 100%; }
      #part-catalogProduct .product-viewport .product-overview > img#raster {
        display: none; }
      #part-catalogProduct .product-viewport .product-overview > img:not(.ratio) {
        position: absolute;
        top: 0;
        width: 100%; }

html.desktop aside nav ul.main li a {
  position: relative;
  overflow: hidden; }
  html.desktop aside nav ul.main li a:hover:before {
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  html.desktop aside nav ul.main li a:before {
    content: '';
    width: 100%;
    height: 1px;
    bottom: 0;
    background-color: #52616a;
    position: absolute;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%); }
html.desktop .round-btn:hover {
  border: 1px solid #55666d; }
html.desktop #part-social .wrap .tiles li:not(.twitter) a:hover img {
  opacity: 0.5; }
html.desktop #part-social .wrap .tiles li:not(.twitter) a:hover span {
  opacity: 1; }

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
  html #part-social .wrap {
    width: 860px; }
    html #part-social .wrap .slider .viewport .overview li {
      width: 266px; }
    html #part-social .wrap .tiles li {
      width: 167px; }
    html #part-social .wrap .tiles li.twitter, html #part-social .wrap .tiles li.facebook {
      width: 165px;
      height: 165px; } }

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
  html .coord-left, html .coord-right {
    display: none; }
  html header {
    left: 40px;
    right: 40px;
    top: 40px; }
    html header .burger p {
      float: none;
      margin-top: 4px;
      margin-left: 0; }
    html header .burger i {
      margin: 0 auto;
      float: none; }
  html aside nav ul.main li a {
    font-size: 24px; }
  html aside nav ul.social {
    width: 160px;
    margin: 10px auto 0; }
    html aside nav ul.social li {
      width: 40px; }
      html aside nav ul.social li a {
        font-size: 30px; }
  html aside nav > i {
    margin: 0 auto 15px;
    width: 25px;
    height: 25px; }
  html aside nav {
    top: calc(50% - 20px); }
  html footer {
    bottom: 50px;
    left: 40px;
    right: 40px; }
    html footer > a {
      display: none; }
    html footer .copyright {
      float: none;
      text-align: center; }
    html footer span {
      top: 100%;
      width: 100%;
      text-align: center; }
  html .mosaic-viewport {
    left: 40px;
    right: 40px;
    top: 100px;
    width: auto;
    height: auto; }
    html .mosaic-viewport .mosaic-overview {
      position: relative;
      left: 0;
      top: 0;
      bottom: inherit;
      -webkit-transform: translateX(0);
              transform: translateX(0);
      width: 100%;
      height: auto;
      display: block; }
      html .mosaic-viewport .mosaic-overview .ratio {
        display: none; }
      html .mosaic-viewport .mosaic-overview .mosaic {
        position: inherit;
        width: auto;
        height: auto; }
        html .mosaic-viewport .mosaic-overview .mosaic li, html .mosaic-viewport .mosaic-overview .mosaic li.double {
          width: 42%;
          margin: 0 4% 30px 4%; }
          html .mosaic-viewport .mosaic-overview .mosaic li.double, html .mosaic-viewport .mosaic-overview .mosaic li.double.double {
            width: 92%; }
          html .mosaic-viewport .mosaic-overview .mosaic li img, html .mosaic-viewport .mosaic-overview .mosaic li.double img {
            position: inherit; }
            html .mosaic-viewport .mosaic-overview .mosaic li img.ratio, html .mosaic-viewport .mosaic-overview .mosaic li.double img.ratio {
              display: none; }
  html #part-lookbookProduct .product-viewport, html #part-catalogProduct .product-viewport {
    bottom: auto;
    height: auto;
    top: 0;
    height: 100%;
    left: 50%;
    right: auto;
    -webkit-transform: translateX(-50%) translateY(0);
            transform: translateX(-50%) translateY(0); }
    html #part-lookbookProduct .product-viewport.ratio-double, html #part-catalogProduct .product-viewport.ratio-double {
      left: 0;
      top: 50%;
      right: 0;
      -webkit-transform: translateX(0) translateY(-50%);
              transform: translateX(0) translateY(-50%);
      height: auto;
      width: 100%; }
      html #part-lookbookProduct .product-viewport.ratio-double .round-btn, html #part-catalogProduct .product-viewport.ratio-double .round-btn {
        bottom: -48px; }
      html #part-lookbookProduct .product-viewport.ratio-double .product-overview, html #part-catalogProduct .product-viewport.ratio-double .product-overview {
        width: 100%;
        height: auto; }
        html #part-lookbookProduct .product-viewport.ratio-double .product-overview > img.ratio, html #part-catalogProduct .product-viewport.ratio-double .product-overview > img.ratio {
          height: auto;
          width: 100%; }
    html #part-lookbookProduct .product-viewport .round-btn, html #part-catalogProduct .product-viewport .round-btn {
      -webkit-transform: translate3d(-50%, 0, 0);
              transform: translate3d(-50%, 0, 0);
      bottom: 30px;
      top: auto; }
      html #part-lookbookProduct .product-viewport .round-btn:before, html #part-lookbookProduct .product-viewport .round-btn:after, html #part-catalogProduct .product-viewport .round-btn:before, html #part-catalogProduct .product-viewport .round-btn:after {
        display: block;
        content: '';
        width: 21px;
        height: 1px;
        background-color: #fff;
        left: 36px;
        position: absolute;
        top: 47px; }
      html #part-lookbookProduct .product-viewport .round-btn:before, html #part-catalogProduct .product-viewport .round-btn:before {
        -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg); }
      html #part-lookbookProduct .product-viewport .round-btn:after, html #part-catalogProduct .product-viewport .round-btn:after {
        -webkit-transform: rotate(45deg);
                transform: rotate(45deg); }
      html #part-lookbookProduct .product-viewport .round-btn i, html #part-catalogProduct .product-viewport .round-btn i {
        display: none; }
      html #part-lookbookProduct .product-viewport .round-btn span, html #part-catalogProduct .product-viewport .round-btn span {
        display: none; }
    html #part-lookbookProduct .product-viewport h1, html #part-catalogProduct .product-viewport h1 {
      bottom: auto;
      top: 0;
      -webkit-transform: translateY(-60%);
              transform: translateY(-60%);
      font-size: 20px; }
    html #part-lookbookProduct .product-viewport p, html #part-catalogProduct .product-viewport p {
      display: none; }
    html #part-lookbookProduct .product-viewport .product-overview, html #part-catalogProduct .product-viewport .product-overview {
      height: 100%;
      width: auto; }
      html #part-lookbookProduct .product-viewport .product-overview > img.ratio, html #part-catalogProduct .product-viewport .product-overview > img.ratio {
        height: 100%;
        width: auto; }
  html #part-lookbookProduct .prev, html #part-lookbookProduct .next, html #part-catalogProduct .prev, html #part-catalogProduct .next {
    display: none; }
  html #part-social #container .wrap {
    width: calc(100% - 80px);
    left: 40px;
    right: 40px;
    position: relative;
    margin: 100px 0 0 0; }
    html #part-social #container .wrap .slider {
      position: relative;
      left: -40px;
      right: -40px;
      width: calc(100% + 80px); }
      html #part-social #container .wrap .slider .prev, html #part-social #container .wrap .slider .next {
        display: none; }
      html #part-social #container .wrap .slider .viewport .overview {
        padding-left: 40px; }
    html #part-social #container .wrap h2 {
      font-size: 24px; }
    html #part-social #container .wrap .tiles li {
      width: 100%; }
    html #part-social #container .wrap .tiles li.twitter, html #part-social #container .wrap .tiles li.facebook {
      width: calc(100% - 2px); }
  html #part-contact .wrap {
    top: calc(50% + 30px); }
  html #part-contact .sentence > div {
    font-size: 21px; }
    html #part-contact .sentence > div > div span {
      width: 250px; }
      html #part-contact .sentence > div > div span ul li {
        font-size: 18px; }
  html #part-contact .results li a {
    margin: 20px 0 15px 0; }
  html #part-stores .search {
    width: 300px; }
    html #part-stores .search input {
      width: 190px; } }