@charset "UTF-8";
/** * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/) * http://cssreset.com */
@import url("//hello.myfonts.net/count/2d1f8c");
@import url("//hello.myfonts.net/count/2d332d");
@import url("//hello.myfonts.net/count/2d3586");
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; }

/**
 * @license
 * MyFonts Webfont Build ID 2957196, 2015-01-21T05:12:52-0500
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: DidotLTPro-Roman by Linotype
 * URL: http://www.myfonts.com/fonts/linotype/didot/pro-roman/
 * Copyright: Part of the digitally encoded machine readable outline data for producing the Typefaces provided is copyrighted © 2008 Linotype GmbH, www.linotype.com. All rights reserved. This software is the property of Linotype GmbH, and may not be reproduced, 
 * 
 * Webfont: AvenirLTStd-Roman by Linotype
 * URL: http://www.myfonts.com/fonts/linotype/avenir/55-roman/
 * Copyright: Copyright © 1989, 1995, 2002 Adobe Systems Incorporated.  All Rights Reserved. © 1981, 1995, 2002 Heidelberger Druckmaschinen AG. All rights reserved.
 * 
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=2957196
 * Licensed pageviews: 250,000
 *
 * Webfont: AvenirLTStd-Heavy by Linotype
 * URL: http://www.myfonts.com/fonts/linotype/avenir/85-heavy/
 * Copyright: Copyright © 1989, 1995, 2002 Adobe Systems Incorporated.  All Rights Reserved. © 1981, 1995, 2002 Heidelberger Druckmaschinen AG. All rights reserved.
 * Licensed pageviews: 250,000
 *
 * Webfont: DidotLTPro-Bold by Linotype
 * URL: http://www.myfonts.com/fonts/linotype/didot/pro-bold/
 * Copyright: Part of the digitally encoded machine readable outline data for producing the Typefaces provided is copyrighted © 2008 Linotype GmbH, www.linotype.com. All rights reserved. This software is the property of Linotype GmbH, and may not be reproduced, 
 * Licensed pageviews: 500,000
 * 
 * © 2015 MyFonts Inc
*/
/* @import must be at top of file, otherwise CSS will not work */
@font-face {
  font-family: 'DidotLTPro-Roman';
  src: url("../fonts/2D1F8C_0_0.eot");
  src: url("../fonts/2D1F8C_0_0.eot?#iefix") format("embedded-opentype"), url("../fonts/2D1F8C_0_0.woff2") format("woff2"), url("../fonts/2D1F8C_0_0.woff") format("woff"), url("../fonts/2D1F8C_0_0.ttf") format("truetype"); }

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

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

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

.clearfix:after {
  content: "";
  display: block;
  clear: both; }

.w-full {
  width: 100%;
  float: left; }

.w-half {
  width: 50%;
  float: left; }
  @media (max-width: 800px) {
    .w-half {
      width: 100%; } }

@media (max-width: 800px) {
  .w-mobile-half {
    width: 50%; } }

.w-500-center {
  margin: 0 auto;
  max-width: 500px; }

.w-650-center {
  margin: 0 auto;
  max-width: 650px; }
  @media (max-width: 800px) {
    .w-650-center {
      padding: 0 2em; } }

.h-small {
  height: 25em; }

.h-tiny {
  height: 17em; }

.h-100 {
  height: 800px;
  height: 100vh;
  /* iPad with portrait orientation. */
  /* iPad with landscape orientation. */
  /* iPhone 5 * You can also target devices with aspect ratio. */ }
  @media all and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
    .h-100 {
      height: 1024px; } }
  @media all and (device-width: 768px) and (device-height: 1024px) and (orientation: landscape) {
    .h-100 {
      height: 768px; } }
  @media screen and (device-aspect-ratio: 40 / 71) {
    .h-100 {
      height: 540px; } }

.h-90 {
  height: 720px;
  height: 90vh;
  /* iPad with portrait orientation. */
  /* iPad with landscape orientation. */
  /* iPhone 5 * You can also target devices with aspect ratio. */ }
  @media all and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
    .h-90 {
      height: 921.6px; } }
  @media all and (device-width: 768px) and (device-height: 1024px) and (orientation: landscape) {
    .h-90 {
      height: 691.2px; } }
  @media screen and (device-aspect-ratio: 40 / 71) {
    .h-90 {
      height: 486px; } }

.h-50 {
  height: 400px;
  height: 50vh;
  /* iPad with portrait orientation. */
  /* iPad with landscape orientation. */
  /* iPhone 5 * You can also target devices with aspect ratio. */ }
  @media all and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
    .h-50 {
      height: 512px; } }
  @media all and (device-width: 768px) and (device-height: 1024px) and (orientation: landscape) {
    .h-50 {
      height: 384px; } }
  @media screen and (device-aspect-ratio: 40 / 71) {
    .h-50 {
      height: 270px; } }

.h-35 {
  height: 280px;
  height: 35vh;
  /* iPad with portrait orientation. */
  /* iPad with landscape orientation. */
  /* iPhone 5 * You can also target devices with aspect ratio. */ }
  @media all and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
    .h-35 {
      height: 358.4px; } }
  @media all and (device-width: 768px) and (device-height: 1024px) and (orientation: landscape) {
    .h-35 {
      height: 268.8px; } }
  @media screen and (device-aspect-ratio: 40 / 71) {
    .h-35 {
      height: 189px; } }

.h-30 {
  height: 240px;
  height: 30vh;
  /* iPad with portrait orientation. */
  /* iPad with landscape orientation. */
  /* iPhone 5 * You can also target devices with aspect ratio. */ }
  @media all and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
    .h-30 {
      height: 307.2px; } }
  @media all and (device-width: 768px) and (device-height: 1024px) and (orientation: landscape) {
    .h-30 {
      height: 230.4px; } }
  @media screen and (device-aspect-ratio: 40 / 71) {
    .h-30 {
      height: 162px; } }

.h-75 {
  height: 600px;
  height: 75vh;
  /* iPad with portrait orientation. */
  /* iPad with landscape orientation. */
  /* iPhone 5 * You can also target devices with aspect ratio. */ }
  @media all and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
    .h-75 {
      height: 768px; } }
  @media all and (device-width: 768px) and (device-height: 1024px) and (orientation: landscape) {
    .h-75 {
      height: 576px; } }
  @media screen and (device-aspect-ratio: 40 / 71) {
    .h-75 {
      height: 405px; } }

@media (max-width: 800px) {
  .h-mobile-25 {
    height: 200px;
    height: 25vh;
    /* iPad with portrait orientation. */
    /* iPad with landscape orientation. */
    /* iPhone 5 * You can also target devices with aspect ratio. */ } }
  @media all and (max-width: 800px) and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
    .h-mobile-25 {
      height: 256px; } }
  @media all and (max-width: 800px) and (device-width: 768px) and (device-height: 1024px) and (orientation: landscape) {
    .h-mobile-25 {
      height: 192px; } }
  @media screen and (max-width: 800px) and (device-aspect-ratio: 40 / 71) {
    .h-mobile-25 {
      height: 135px; } }

@media (max-width: 800px) {
  .h-mobile-40 {
    height: 320px;
    height: 40vh;
    /* iPad with portrait orientation. */
    /* iPad with landscape orientation. */
    /* iPhone 5 * You can also target devices with aspect ratio. */
    min-height: 250px; } }
  @media all and (max-width: 800px) and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
    .h-mobile-40 {
      height: 409.6px; } }
  @media all and (max-width: 800px) and (device-width: 768px) and (device-height: 1024px) and (orientation: landscape) {
    .h-mobile-40 {
      height: 307.2px; } }
  @media screen and (max-width: 800px) and (device-aspect-ratio: 40 / 71) {
    .h-mobile-40 {
      height: 216px; } }

@media (max-width: 800px) {
  .h-mobile-50 {
    height: 400px;
    height: 50vh;
    /* iPad with portrait orientation. */
    /* iPad with landscape orientation. */
    /* iPhone 5 * You can also target devices with aspect ratio. */
    min-height: 300px; } }
  @media all and (max-width: 800px) and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
    .h-mobile-50 {
      height: 512px; } }
  @media all and (max-width: 800px) and (device-width: 768px) and (device-height: 1024px) and (orientation: landscape) {
    .h-mobile-50 {
      height: 384px; } }
  @media screen and (max-width: 800px) and (device-aspect-ratio: 40 / 71) {
    .h-mobile-50 {
      height: 270px; } }

@media (max-width: 800px) {
  .h-mobile-70 {
    height: 560px;
    height: 70vh;
    /* iPad with portrait orientation. */
    /* iPad with landscape orientation. */
    /* iPhone 5 * You can also target devices with aspect ratio. */ } }
  @media all and (max-width: 800px) and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
    .h-mobile-70 {
      height: 716.8px; } }
  @media all and (max-width: 800px) and (device-width: 768px) and (device-height: 1024px) and (orientation: landscape) {
    .h-mobile-70 {
      height: 537.6px; } }
  @media screen and (max-width: 800px) and (device-aspect-ratio: 40 / 71) {
    .h-mobile-70 {
      height: 378px; } }

@media (max-width: 800px) {
  .h-mobile-90 {
    height: 720px;
    height: 90vh;
    /* iPad with portrait orientation. */
    /* iPad with landscape orientation. */
    /* iPhone 5 * You can also target devices with aspect ratio. */ } }
  @media all and (max-width: 800px) and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
    .h-mobile-90 {
      height: 921.6px; } }
  @media all and (max-width: 800px) and (device-width: 768px) and (device-height: 1024px) and (orientation: landscape) {
    .h-mobile-90 {
      height: 691.2px; } }
  @media screen and (max-width: 800px) and (device-aspect-ratio: 40 / 71) {
    .h-mobile-90 {
      height: 486px; } }

@media (max-width: 800px) {
  .h-mobile-100 {
    height: 800px;
    height: 100vh;
    /* iPad with portrait orientation. */
    /* iPad with landscape orientation. */
    /* iPhone 5 * You can also target devices with aspect ratio. */ } }
  @media all and (max-width: 800px) and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
    .h-mobile-100 {
      height: 1024px; } }
  @media all and (max-width: 800px) and (device-width: 768px) and (device-height: 1024px) and (orientation: landscape) {
    .h-mobile-100 {
      height: 768px; } }
  @media screen and (max-width: 800px) and (device-aspect-ratio: 40 / 71) {
    .h-mobile-100 {
      height: 540px; } }

.is-hidden {
  display: none; }

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

body {
  font-family: "AvenirLTStd-Roman", Helvetica, Arial, sans-serif;
  font-size: 16px;
  color: #362728; }
  @media (max-width: 800px) {
    body {
      font-size: 14px; } }

a {
  color: #8f676a;
  text-decoration: none;
  outline: none; }
  a:hover {
    color: #362728; }

button {
  outline: none; }

textarea:focus, input:focus {
  outline: none; }

p {
  line-height: 1.6em;
  padding: 0 1em; }
  @media (max-width: 800px) {
    p {
      line-height: 1.4em; } }

.headline, .contact__content__inner h2, #media-page h2 {
  font-family: "DidotLTPro-Bold", Georgia, serif;
  text-transform: uppercase;
  font-weight: normal;
  margin-bottom: .3em;
  padding: 0 .5em;
  padding-top: 4px; }
  .headline--large {
    font-size: 4em; }
    @media (max-width: 800px) {
      .headline--large {
        font-size: 2.7em; } }
    @media (max-width: 400px) {
      .headline--large {
        font-size: 2.5em; } }
  .headline--medium, .contact__content__inner h2, #media-page h2 {
    font-size: 2.8em; }
    @media (max-width: 800px) {
      .headline--medium, .contact__content__inner h2, #media-page h2 {
        font-size: 1.8em;
        padding: 0 1.5em;
        padding-top: 8px; } }
  .headline--small {
    font-size: 1.6em; }
  .headline--tiny {
    font-family: "AvenirLTStd-Roman", Helvetica, Arial, sans-serif;
    font-size: .9em;
    font-weight: bold;
    letter-spacing: .1em;
    margin-bottom: .5em; }

.p__large {
  font-size: 1.5em;
  margin: 1em auto;
  text-align: center; }
  @media (max-width: 800px) {
    .p__large {
      font-size: 1em; } }

.content-wrap {
  max-width: 2000px;
  width: 100%;
  margin: 0 auto;
  overflow: hidden; }

.content-wrap--error {
  text-align: center;
  padding-top: 5em;
  box-sizing: border-box; }

.header--subpage {
  width: 100%;
  background-color: #F5F0EA;
  text-align: center;
  height: 20em;
  position: relative; }
  .header--subpage__headline {
    line-height: normal;
    position: absolute;
    bottom: -.4em;
    left: 0;
    width: 100%;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    text-rendering: geometricPrecision; }

.win .header--subpage__headline {
  bottom: -.31em; }

.heritage__item {
  width: 100%;
  max-width: 50em;
  height: 20em;
  position: relative;
  margin: 6em auto;
  padding: 0;
  box-sizing: border-box; }
  .heritage__item__content {
    display: table;
    float: left;
    width: 65%;
    height: 100%;
    box-sizing: border-box;
    padding-left: 4em;
    -webkit-transition: 1s opacity, 2s -webkit-transform;
    transition: 1s opacity, 2s -webkit-transform;
    transition: 1s opacity, 2s transform;
    transition: 1s opacity, 2s transform, 2s -webkit-transform; }
    .heritage__item__content.is-not-shown {
      opacity: 0;
      -webkit-transform: translateX(4em);
          -ms-transform: translateX(4em);
              transform: translateX(4em); }
      @media (max-width: 800px) {
        .heritage__item__content.is-not-shown {
          -webkit-transform: translateX(0);
              -ms-transform: translateX(0);
                  transform: translateX(0); } }
  .heritage__item__content__inner {
    display: table-cell;
    vertical-align: middle; }
  .heritage__item__image {
    width: 35%;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    float: left; }
  .heritage__item__paragraph {
    line-height: 1.6em;
    text-align: left;
    padding: 0; }
  .heritage__item__headline {
    font-size: 1.4em;
    line-height: 1.2em;
    padding: 0;
    margin-bottom: 1em; }
  .heritage__item__year {
    position: absolute;
    top: 50%;
    left: -12em;
    width: 8em;
    margin-top: -1.8em;
    text-align: center;
    color: #888;
    font-size: .9em;
    letter-spacing: 1px;
    background-color: #fff;
    padding: 1.5em 0; }
  .heritage__item__videolink {
    display: inline-block;
    color: #362728;
    text-transform: uppercase;
    font-size: .7em;
    font-family: "AvenirLTStd-Heavy", Helvetica, Arial, sans-serif;
    letter-spacing: 1px;
    border: 1px solid #362728;
    padding: 1.3em 2em;
    margin-top: 2em;
    -webkit-transition: .2s background-color, .2s color;
    transition: .2s background-color, .2s color; }
    .heritage__item__videolink:hover {
      background-color: #362728;
      color: #fff; }
  @media (max-width: 1050px) {
    .heritage__item {
      max-width: 40em; }
      .heritage__item__year {
        left: -9em; } }
  @media (max-width: 850px) {
    .heritage__item {
      max-width: 35em;
      font-size: 14px; }
      .heritage__item__year {
        left: -8em; } }
  @media (max-width: 650px) {
    .heritage__item {
      max-width: 80%;
      height: auto; }
      .heritage__item__year {
        top: -3em;
        left: 0;
        text-align: left;
        border-bottom: 1px solid #ddd;
        padding: 1em 0;
        width: 100%;
        background-color: transparent; }
      .heritage__item__content {
        float: none;
        width: 100%;
        padding-left: 0; }
      .heritage__item__image {
        float: none;
        width: 100%;
        height: 12em;
        margin: 6em 0 2em 0; }
      .heritage__item__videolink {
        display: block;
        width: 12em;
        text-align: center;
        margin: 2em auto 0 auto; } }

.heritage__timeline {
  position: absolute;
  left: 50%;
  top: 16em;
  height: 100%;
  width: 1px;
  margin-left: -32.3em;
  background-color: #e0e0e0; }
  @media (max-width: 1050px) {
    .heritage__timeline {
      margin-left: -24.5em; } }
  @media (max-width: 850px) {
    .heritage__timeline {
      margin-left: -18.5em; } }
  @media (max-width: 800px) {
    .heritage__timeline {
      margin-left: -21em; } }
  @media (max-width: 650px) {
    .heritage__timeline {
      display: none; } }

.about__logo {
  display: block;
  width: 15em;
  height: 6em;
  margin: 0 auto;
  overflow: hidden;
  position: relative; }
  .about__logo img.about__logo__img {
    display: block;
    width: 100%; }

.content-wrap__about .about__headline {
  font-size: 1.4em;
  margin: 6em auto 2em auto;
  max-width: 700px;
  text-align: center; }

.about__video {
  margin: 7em auto;
  text-align: center;
  width: 100%;
  max-width: 700px; }

.about__history {
  margin-bottom: 5em; }

.about__imageslide {
  background-size: cover;
  background-position: center; }

.content-wrap__about {
  margin-top: 2em;
  position: relative; }

.watches__intro {
  margin: 8em 0; }
  @media (max-width: 400px) {
    .watches__intro {
      margin: 3em 0; } }
  @media (max-width: 800px) {
    .watches__intro {
      margin: 4em 0; } }

.watches__item {
  max-width: 800px;
  margin: 2em auto 8em auto; }
  @media (max-width: 800px) {
    .watches__item {
      margin: 2em auto 4em auto; } }
  .watches__item__image {
    width: 30%;
    float: left;
    text-align: center;
    display: block;
    position: relative; }
    .watches__item__image img {
      width: 100%;
      cursor: url("../images/plus.png"), url("../images/plus.cur"), default; }
    @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
      .watches__item__image {
        cursor: url("../images/plus@2x.png"), default; } }
    .watches__item__image:before {
      content: "";
      display: none;
      position: absolute;
      top: 0;
      right: 30%;
      width: 20px;
      height: 20px;
      opacity: .3;
      background-image: url("../images/plus@2x.png");
      background-size: 20px 20px;
      background-position: center; }
    @media (max-width: 800px) {
      .watches__item__image {
        height: auto;
        width: 100%;
        float: none;
        margin: 0 auto; }
        .watches__item__image img {
          width: auto;
          height: 16em; }
        .watches__item__image:before {
          display: block; } }
    @media (max-width: 400px) {
      .watches__item__image img {
        height: 12em; } }
  .watches__item__content {
    width: 70%;
    float: left;
    box-sizing: border-box;
    padding-left: 2em;
    margin-top: 1.5em;
    -webkit-transition: 1s opacity, 2s -webkit-transform;
    transition: 1s opacity, 2s -webkit-transform;
    transition: 1s opacity, 2s transform;
    transition: 1s opacity, 2s transform, 2s -webkit-transform; }
    @media (max-width: 800px) {
      .watches__item__content {
        width: 100%;
        padding: 0 1em;
        float: none; } }
    .watches__item__content.is-not-shown {
      opacity: 0;
      -webkit-transform: translateX(4em);
          -ms-transform: translateX(4em);
              transform: translateX(4em); }
      @media (max-width: 800px) {
        .watches__item__content.is-not-shown {
          -webkit-transform: translateX(0);
              -ms-transform: translateX(0);
                  transform: translateX(0); } }
  .watches__item__ref {
    font-size: .7em;
    letter-spacing: 1px;
    font-family: "AvenirLTStd-Heavy", Helvetica, Arial, sans-serif;
    color: #aaa;
    padding-left: 1.6em; }
  .watches__item__headline {
    font-size: 1.4em;
    line-height: 1.2em;
    padding: 0 .8em; }
  .watches__item__p {
    margin-top: 2em; }

#content {
  visibility: hidden; }
  #content.is-visible {
    visibility: visible; }

.contact-sticky {
  display: block;
  position: fixed;
  top: 1.5em;
  right: 1.5em;
  font-size: .9em;
  background-color: #fff;
  padding: .6em 1.2em;
  border-radius: 2em;
  z-index: 198;
  opacity: 0;
  color: #362728; }
  .contact-sticky:hover {
    color: #715254; }
  .contact-sticky.is-visible {
    opacity: 1; }
  @media (max-width: 400px) {
    .contact-sticky {
      display: none; } }

.hint--experience {
  font-size: .8em;
  font-family: "AvenirLTStd-Heavy", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  width: 15em;
  text-align: center;
  margin: 7em auto;
  letter-spacing: 2px;
  line-height: 1.4em;
  position: relative; }
  .hint--experience:after {
    content: "";
    display: block;
    width: 3em;
    height: 3em;
    border: 1px solid #bbb;
    border-top: none;
    border-left: none;
    position: absolute;
    bottom: -3em;
    left: 50%;
    margin-left: -1.5em;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg); }

.header {
  width: 100%;
  height: 800px;
  position: relative;
  overflow: hidden;
  z-index: 200;
  height: 800px;
  height: 100vh;
  /* iPad with portrait orientation. */
  /* iPad with landscape orientation. */
  /* iPhone 5 * You can also target devices with aspect ratio. */ }
  @media all and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
    .header {
      height: 1024px; } }
  @media all and (device-width: 768px) and (device-height: 1024px) and (orientation: landscape) {
    .header {
      height: 768px; } }
  @media screen and (device-aspect-ratio: 40 / 71) {
    .header {
      height: 540px; } }
  @media (max-width: 800px) {
    .header {
      height: 560px;
      height: 70vh;
      /* iPad with portrait orientation. */
      /* iPad with landscape orientation. */
      /* iPhone 5 * You can also target devices with aspect ratio. */ } }
  @media all and (max-width: 800px) and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
    .header {
      height: 716.8px; } }
  @media all and (max-width: 800px) and (device-width: 768px) and (device-height: 1024px) and (orientation: landscape) {
    .header {
      height: 537.6px; } }
  @media screen and (max-width: 800px) and (device-aspect-ratio: 40 / 71) {
    .header {
      height: 378px; } }

.header__loader {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 110px;
  height: 80px;
  margin-top: -40px;
  margin-left: -55px;
  opacity: 0;
  -webkit-transition: .4s opacity;
  transition: .4s opacity; }
  .header__loader.is-visible {
    opacity: 1; }

.header__keyvisual {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-size: cover;
  background-position: center;
  opacity: 0;
  -webkit-transition: 1s opacity;
  transition: 1s opacity; }
  .header__keyvisual.is-visible {
    opacity: 1; }
  .header__keyvisual--front {
    z-index: -1; }
    .header__keyvisual--front.is-visible {
      -webkit-animation: keyvisual-front 12s ease-out 0s 1 normal forwards;
              animation: keyvisual-front 12s ease-out 0s 1 normal forwards; }
  .header__keyvisual--back {
    z-index: -2; }
    .header__keyvisual--back.is-visible {
      -webkit-animation: keyvisual-back 12s ease-in-out 0s 1 normal forwards;
              animation: keyvisual-back 12s ease-in-out 0s 1 normal forwards; }

.ie11 .header__keyvisual--front.is-visible, .ie11 .header__keyvisual--back.is-visible {
  -webkit-animation: none;
          animation: none; }

.header__keyvisual--night.header__keyvisual--front {
  background-image: url("../images/keyvisual/night-front.png"); }

.header__keyvisual--night.header__keyvisual--back {
  background-image: url("../images/keyvisual/night-back.jpg"); }

.header__keyvisual--day.header__keyvisual--front {
  background-image: url("../images/keyvisual/day-front.png"); }

.header__keyvisual--day.header__keyvisual--back {
  background-image: url("../images/keyvisual/day-back.jpg"); }

.header__keyvisual--front.is-not-shown, .header__keyvisual--back.is-not-shown {
  background-image: none; }

.header__logo {
  display: block;
  width: 15em;
  height: 6em;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  opacity: 1;
  -webkit-transition: 1s opacity, 1s -webkit-transform;
  transition: 1s opacity, 1s -webkit-transform;
  transition: 1s opacity, 1s transform;
  transition: 1s opacity, 1s transform, 1s -webkit-transform;
  -webkit-transition-delay: .5s;
          transition-delay: .5s; }
  .header__logo.is-hidden {
    opacity: 0;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%); }

.header__logo__img {
  width: 100%; }

.header__link-content {
  font-size: .8em;
  display: block;
  width: 4em;
  height: 4em;
  position: absolute;
  bottom: 4em;
  left: 50%;
  margin-left: -2em;
  border-radius: 100%;
  box-sizing: border-box;
  background-color: black;
  opacity: 1;
  -webkit-transition: .5s opacity, .2s background-color;
  transition: .5s opacity, .2s background-color; }
  .header__link-content:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -5px;
    margin-top: -1px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid white;
    -webkit-transition: .1s top;
    transition: .1s top; }
  .header__link-content.is-hidden {
    opacity: 0; }
  .header__link-content:hover {
    background-color: black; }
    .header__link-content:hover:after {
      top: 53%; }
  @media (max-width: 400px) {
    .header__link-content {
      display: none; } }
  @media (max-height: 400px) {
    .header__link-content {
      display: none; } }

.contentblock-home {
  max-width: 700px;
  margin: 8em auto;
  text-align: center; }
  @media (max-width: 400px) {
    .contentblock-home {
      margin: 4em auto; } }

.home__intro {
  font-size: 1.5em;
  line-height: 1.5em; }
  @media (max-width: 400px) {
    .home__intro {
      font-size: 1.3em; } }

.header__claim {
  text-transform: uppercase;
  font-family: "DidotLTPro-Bold", Georgia, serif;
  font-size: 1.5em;
  background-color: #fff;
  width: 100%;
  max-width: 18em;
  text-align: center;
  padding: 1.8em 1.2em 1.6em 1.2em;
  line-height: 1.4em;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: 1s opacity;
  transition: 1s opacity; }
  .header__claim.is-hidden {
    display: block;
    opacity: 0; }
  @media (max-width: 400px) {
    .header__claim {
      font-size: 1em; } }

@-webkit-keyframes keyvisual-front {
  from {
    -webkit-transform: scale(1.25) translateZ(0) rotate(0.1deg);
            transform: scale(1.25) translateZ(0) rotate(0.1deg); }
  to {
    -webkit-transform: scale(1) translateZ(0) rotate(0deg);
            transform: scale(1) translateZ(0) rotate(0deg); } }

@keyframes keyvisual-front {
  from {
    -webkit-transform: scale(1.25) translateZ(0) rotate(0.1deg);
            transform: scale(1.25) translateZ(0) rotate(0.1deg); }
  to {
    -webkit-transform: scale(1) translateZ(0) rotate(0deg);
            transform: scale(1) translateZ(0) rotate(0deg); } }

@-webkit-keyframes keyvisual-back {
  from {
    -webkit-transform: scale(1.15) translateZ(0) rotate(5deg);
            transform: scale(1.15) translateZ(0) rotate(5deg); }
  to {
    -webkit-transform: scale(1) translateZ(0) rotate(0deg);
            transform: scale(1) translateZ(0) rotate(0deg); } }

@keyframes keyvisual-back {
  from {
    -webkit-transform: scale(1.15) translateZ(0) rotate(5deg);
            transform: scale(1.15) translateZ(0) rotate(5deg); }
  to {
    -webkit-transform: scale(1) translateZ(0) rotate(0deg);
            transform: scale(1) translateZ(0) rotate(0deg); } }

@-webkit-keyframes loader {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes loader {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

.timepieces {
  text-align: center; }

.timepieces__stream {
  width: 100%;
  height: 32em;
  position: relative;
  margin-bottom: -4em;
  margin-top: 4em;
  overflow: hidden;
  opacity: 0;
  -webkit-transition: 1s opacity;
  transition: 1s opacity; }
  .timepieces__stream.is-shown {
    opacity: 1; }
  @media (max-width: 400px) {
    .timepieces__stream {
      font-size: .9em;
      height: 25em; } }

.timepieces__info {
  position: absolute;
  top: 25em;
  left: 0;
  width: 100%;
  text-align: center;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: .3s opacity;
  transition: .3s opacity;
  -webkit-transition-delay: 0;
          transition-delay: 0;
  display: none; }
  .timepieces__info__title {
    display: inline-block;
    font-family: "AvenirLTStd-Heavy", Helvetica, Arial, sans-serif;
    font-size: .7em;
    color: #aaa;
    width: 100%;
    line-height: 1.4em;
    text-transform: uppercase;
    padding: 0;
    padding-top: 1.5em;
    margin-bottom: .4em;
    letter-spacing: 1px;
    position: relative; }
    .timepieces__info__title:before {
      content: "";
      height: 1px;
      width: 40%;
      background-color: #ddd;
      position: absolute;
      top: 0;
      left: 30%;
      display: none; }
  .timepieces__info__ref {
    font-size: .7em;
    font-family: "AvenirLTStd-Heavy", Helvetica, Arial, sans-serif;
    color: #aaa;
    letter-spacing: 1px;
    line-height: 1.4em; }
  .timepieces__info__desc {
    line-height: 1.4em;
    font-size: 1.1em;
    display: none; }

.timepieces__item {
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  width: 20em;
  margin-left: -10em;
  opacity: 1;
  text-align: center; }
  @media (max-width: 400px) {
    .timepieces__item {
      font-size: .8em; } }
  .timepieces__item.is-hidden {
    display: none;
    opacity: 0; }
    .timepieces__item.is-hidden.left {
      display: block;
      opacity: 0;
      -webkit-transform: scale(0.8) translate3d(-310%, 70%, 0) rotate(-35deg);
              transform: scale(0.8) translate3d(-310%, 70%, 0) rotate(-35deg); }
    .timepieces__item.is-hidden.right {
      display: block;
      opacity: 0;
      -webkit-transform: scale(0.8) translate3d(310%, 70%, 0) rotate(35deg);
              transform: scale(0.8) translate3d(310%, 70%, 0) rotate(35deg); }
  .timepieces__item.center {
    z-index: 2; }
    .timepieces__item.center .timepieces__info {
      opacity: 1;
      pointer-events: auto;
      -webkit-transition-delay: .4s;
              transition-delay: .4s; }
  .timepieces__item.left-first {
    z-index: 0;
    -webkit-transform: scale(0.8) translate3d(-225%, 38%, 0) rotate(-28deg);
            transform: scale(0.8) translate3d(-225%, 38%, 0) rotate(-28deg); }
  .timepieces__item.left-second {
    z-index: 1;
    -webkit-transform: scale(0.8) translate3d(-120%, 10%, 0) rotate(-12deg);
            transform: scale(0.8) translate3d(-120%, 10%, 0) rotate(-12deg); }
  .timepieces__item.right-first {
    z-index: 1;
    -webkit-transform: scale(0.8) translate3d(120%, 10%, 0) rotate(12deg);
            transform: scale(0.8) translate3d(120%, 10%, 0) rotate(12deg); }
  .timepieces__item.right-second {
    z-index: 0;
    -webkit-transform: scale(0.8) translate3d(225%, 38%, 0) rotate(28deg);
            transform: scale(0.8) translate3d(225%, 38%, 0) rotate(28deg); }
  .timepieces__item.is-animated {
    -webkit-transition: 0.4s opacity, 0.7s -webkit-transform cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: 0.4s opacity, 0.7s -webkit-transform cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: 0.7s transform cubic-bezier(0.645, 0.045, 0.355, 1), 0.4s opacity;
    transition: 0.7s transform cubic-bezier(0.645, 0.045, 0.355, 1), 0.4s opacity, 0.7s -webkit-transform cubic-bezier(0.645, 0.045, 0.355, 1); }

.timepieces__item__image {
  width: 85%;
  -webkit-transform: translateX(10px) translateZ(0);
          transform: translateX(10px) translateZ(0); }

.nav-main {
  text-align: center; }

.nav-main__list {
  list-style-type: none;
  margin: 1.5em 0; }
  @media (max-width: 800px) {
    .nav-main__list {
      margin: 1em 0; } }

.nav-main__item {
  display: inline-block;
  padding: 0 .6em;
  position: relative;
  margin: .5em 0; }
  .nav-main__item:hover .nav-main__list--sec {
    opacity: 1;
    pointer-events: auto; }
  .nav-main__item.is-active .nav-main__link {
    border-bottom: 1px solid #362728; }
  .nav-main__item.is-hidden {
    display: none; }
  @media (max-width: 800px) {
    .nav-main__item {
      font-size: 1em;
      padding: 0 .3em; } }

.nav-main__link {
  padding-bottom: .2em;
  color: #362728; }
  .nav-main__link:hover {
    color: #805c5f; }

.nav-main__list--sec {
  position: absolute;
  top: 1em;
  left: .6em;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: .2s opacity;
  transition: .2s opacity; }

.nav-main__item--sec {
  display: block;
  padding-top: .5em;
  text-align: left; }

.footer__nav {
  background-color: #F5F0EA; }

.process__startslide {
  display: table;
  width: 100%;
  background-color: #EAF5F5;
  position: relative;
  text-align: center;
  overflow: hidden;
  height: 800px;
  height: 100vh;
  /* iPad with portrait orientation. */
  /* iPad with landscape orientation. */
  /* iPhone 5 * You can also target devices with aspect ratio. */ }
  @media all and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
    .process__startslide {
      height: 1024px; } }
  @media all and (device-width: 768px) and (device-height: 1024px) and (orientation: landscape) {
    .process__startslide {
      height: 768px; } }
  @media screen and (device-aspect-ratio: 40 / 71) {
    .process__startslide {
      height: 540px; } }
  @media (max-width: 800px) {
    .process__startslide {
      height: 480px;
      height: 60vh;
      /* iPad with portrait orientation. */
      /* iPad with landscape orientation. */
      /* iPhone 5 * You can also target devices with aspect ratio. */
      min-height: 350px; } }
  @media all and (max-width: 800px) and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
    .process__startslide {
      height: 614.4px; } }
  @media all and (max-width: 800px) and (device-width: 768px) and (device-height: 1024px) and (orientation: landscape) {
    .process__startslide {
      height: 460.8px; } }
  @media screen and (max-width: 800px) and (device-aspect-ratio: 40 / 71) {
    .process__startslide {
      height: 324px; } }
  .process__startslide__paragraph {
    margin: 1.5em auto 0 auto;
    padding: 0 2em;
    opacity: 1;
    -webkit-transition: .6s opacity, 1.5s -webkit-transform;
    transition: .6s opacity, 1.5s -webkit-transform;
    transition: .6s opacity, 1.5s transform;
    transition: .6s opacity, 1.5s transform, 1.5s -webkit-transform; }
    .process__startslide__paragraph.is-not-shown {
      opacity: 0;
      -webkit-transform: translateY(1em);
          -ms-transform: translateY(1em);
              transform: translateY(1em); }
  .process__startslide__headline {
    opacity: 1;
    -webkit-transition: .6s opacity, 1s -webkit-transform;
    transition: .6s opacity, 1s -webkit-transform;
    transition: .6s opacity, 1s transform;
    transition: .6s opacity, 1s transform, 1s -webkit-transform; }
    .process__startslide__headline.is-not-shown {
      opacity: 0;
      -webkit-transform: translateY(1em);
          -ms-transform: translateY(1em);
              transform: translateY(1em); }

.process__startslide__inner {
  display: table-cell;
  width: 100%;
  height: 100%;
  vertical-align: middle;
  text-align: center; }

.process__startslide__num {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  border: 0.1em solid #362728;
  border-radius: 100%;
  font-size: 4em;
  font-family: "DidotLTPro-Bold", Georgia, serif;
  line-height: 1.8em;
  position: relative;
  margin-bottom: .5em;
  pointer-events: none;
  opacity: 1;
  -webkit-transition: .7s opacity, 1s -webkit-transform;
  transition: .7s opacity, 1s -webkit-transform;
  transition: .7s opacity, 1s transform;
  transition: .7s opacity, 1s transform, 1s -webkit-transform; }
  .process__startslide__num:after, .process__startslide__num:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 1.5em;
    width: .4em;
    height: .1em;
    background-color: #362728;
    -webkit-transition: .6s width ease-out;
    transition: .6s width ease-out;
    -webkit-transition-delay: .4s;
            transition-delay: .4s; }
  .process__startslide__num:after {
    right: auto;
    left: 1.5em; }
  .process__startslide__num.is-not-shown {
    opacity: 0;
    -webkit-transform: scale(2.4) translateY(20%);
        -ms-transform: scale(2.4) translateY(20%);
            transform: scale(2.4) translateY(20%); }
    .process__startslide__num.is-not-shown:after, .process__startslide__num.is-not-shown:before {
      width: 0;
      height: .05em; }
  @media (max-width: 800px) {
    .process__startslide__num {
      font-size: 3.6em; } }

.win .process__startslide__num {
  line-height: 1.6em; }
  .win .process__startslide__num:before {
    right: 1.55em; }

.process__imageslide {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  box-sizing: border-box;
  -webkit-transition: .6s opacity;
  transition: .6s opacity;
  position: relative; }
  .process__imageslide.is-not-shown {
    background-image: none !important; }
  .process__imageslide--border-left, .process__imageslide--border-right {
    background-size: auto 80%;
    background-position: 80% 50%; }
    @media (max-width: 800px) {
      .process__imageslide--border-left, .process__imageslide--border-right {
        background-size: cover; } }
  .process__imageslide--border-right {
    background-position: 20% 50%; }
  .process__imageslide--border-wide {
    background-size: auto 70%;
    background-position: center; }
    @media (max-width: 800px) {
      .process__imageslide--border-wide {
        background-size: 90% auto;
        background-position: 50% 30%; } }
  .process__imageslide--border-wide--big--top {
    background-size: auto 85%;
    background-position: 50% 0;
    height: 560px;
    height: 70vh;
    /* iPad with portrait orientation. */
    /* iPad with landscape orientation. */
    /* iPhone 5 * You can also target devices with aspect ratio. */ }
    @media all and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
      .process__imageslide--border-wide--big--top {
        height: 716.8px; } }
    @media all and (device-width: 768px) and (device-height: 1024px) and (orientation: landscape) {
      .process__imageslide--border-wide--big--top {
        height: 537.6px; } }
    @media screen and (device-aspect-ratio: 40 / 71) {
      .process__imageslide--border-wide--big--top {
        height: 378px; } }
    @media (max-width: 800px) {
      .process__imageslide--border-wide--big--top {
        background-size: cover;
        background-position: center;
        height: 240px;
        height: 30vh;
        /* iPad with portrait orientation. */
        /* iPad with landscape orientation. */
        /* iPhone 5 * You can also target devices with aspect ratio. */ } }
  @media all and (max-width: 800px) and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
    .process__imageslide--border-wide--big--top {
      height: 307.2px; } }
  @media all and (max-width: 800px) and (device-width: 768px) and (device-height: 1024px) and (orientation: landscape) {
    .process__imageslide--border-wide--big--top {
      height: 230.4px; } }
  @media screen and (max-width: 800px) and (device-aspect-ratio: 40 / 71) {
    .process__imageslide--border-wide--big--top {
      height: 162px; } }
  .process__imageslide--border-wide-left, .process__imageslide--border-wide-right {
    background-size: 80% auto;
    background-position: 80% 50%; }
  .process__imageslide--border-wide-right {
    background-position: 20% 50%; }
  .process__imageslide__caption--small {
    font-size: .9em;
    max-width: 280px;
    position: absolute;
    bottom: 3em;
    right: 3em;
    padding-left: 0em;
    border-left: 4px solid rgba(255, 255, 255, 0.3); }
    .process__imageslide__caption--small p {
      line-height: 1.5em;
      color: rgba(255, 255, 255, 0.8); }
    @media (max-width: 800px) {
      .process__imageslide__caption--small {
        width: 100%;
        bottom: 0;
        right: 0;
        max-width: none;
        padding: 1em 0;
        background-color: rgba(0, 0, 0, 0.5); } }
  .process__imageslide__caption--center {
    width: 100%;
    position: absolute;
    top: 88%;
    left: 0;
    padding-left: 0em;
    text-align: center; }
    .process__imageslide__caption--center p {
      line-height: 1.5em;
      max-width: 700px;
      margin: 0 auto;
      padding: 0 2.5em; }
    @media (max-width: 800px) {
      .process__imageslide__caption--center {
        width: 100%;
        bottom: 4%;
        top: auto;
        right: 0;
        max-width: none;
        padding: 1em 0;
        background-color: rgba(255, 255, 255, 0.5); }
        .process__imageslide__caption--center p {
          font-size: .9em; } }

.process__contentslide {
  display: table;
  position: relative; }
  .process__contentslide--white {
    background-color: white !important; }
  .process__contentslide__headline {
    margin-top: .3em; }

.process__contentslide__inner {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  box-sizing: border-box;
  opacity: 1;
  -webkit-transition: 1s opacity, 1s -webkit-transform;
  transition: 1s opacity, 1s -webkit-transform;
  transition: 1s opacity, 1s transform;
  transition: 1s opacity, 1s transform, 1s -webkit-transform; }
  .process__contentslide__inner p {
    width: 70%;
    margin: 1em auto 4em auto; }
    .process__contentslide__inner p:last-child {
      margin-bottom: 0; }

.process__contentslide.is-not-shown .process__contentslide__inner {
  opacity: 0;
  -webkit-transform: translateY(2em);
      -ms-transform: translateY(2em);
          transform: translateY(2em); }

.process__contentslide--map__inner {
  vertical-align: bottom;
  padding-bottom: 4.5em; }

.process__coverslide {
  display: table;
  position: relative;
  background-size: cover;
  background-position: center;
  color: #fff;
  height: 100.1%;
  -webkit-transform: translateZ(0);
          transform: translateZ(0); }
  .process__coverslide:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .7; }
  .process__coverslide__button {
    display: inline-block;
    color: #fff;
    font-family: "AvenirLTStd-Heavy", Helvetica, Arial, sans-serif;
    font-size: .7em;
    text-transform: uppercase;
    padding: 1.3em 2em;
    border: 1px solid #fff;
    letter-spacing: 1px;
    margin-top: 4em;
    box-sizing: border-box; }
    .process__coverslide__button:hover {
      background-color: #fff;
      color: #362728; }
  .process__coverslide__arrowlabel {
    position: absolute;
    top: 50%;
    right: 6.5em;
    width: 16em;
    margin-top: -1.4em;
    text-align: right;
    line-height: 1.5em;
    color: #fff;
    font-family: "AvenirLTStd-Heavy", Helvetica, Arial, sans-serif;
    font-size: .7em;
    letter-spacing: 1px;
    opacity: 1;
    -webkit-transition: 1s opacity, 1s -webkit-transform;
    transition: 1s opacity, 1s -webkit-transform;
    transition: 1s opacity, 1s transform;
    transition: 1s opacity, 1s transform, 1s -webkit-transform;
    -webkit-transition-delay: 1s;
            transition-delay: 1s; }
    @media (max-width: 950px) {
      .process__coverslide__arrowlabel {
        display: none; } }
    .process__coverslide__arrowlabel.is-not-shown {
      opacity: 0;
      -webkit-transform: translateX(1em);
          -ms-transform: translateX(1em);
              transform: translateX(1em); }

.process__coverslide__inner {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  box-sizing: border-box;
  padding: 0 27%;
  position: relative;
  z-index: 1; }
  @media (max-width: 800px) {
    .process__coverslide__inner {
      padding: 0 5%; } }

.birth-map {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url("../images/map.png");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto; }

.birth-map__label {
  position: absolute;
  top: 0;
  margin-top: 49.5%;
  left: 49.2%;
  text-transform: uppercase;
  font-size: .9em;
  font-weight: bold;
  letter-spacing: .05em;
  padding-left: 1.5em; }
  .birth-map__label:before {
    content: "";
    display: block;
    width: 5px;
    height: 5px;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 100%;
    background-color: #362728;
    border: 4px solid white; }

.slideshow--photo {
  position: relative; }
  .slideshow--photo__image {
    width: 70%;
    height: 70%;
    background-size: contain;
    background-position: 50% 30%;
    background-repeat: no-repeat;
    position: absolute;
    top: 15%;
    left: 15%; }
    @media (max-width: 800px) {
      .slideshow--photo__image {
        height: 60%;
        width: 90%;
        left: 5%;
        top: 20%; } }
  .slideshow--photo__content {
    width: 100%;
    max-width: 630px;
    position: absolute;
    top: 88%;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    text-align: center; }
    @media (max-width: 800px) {
      .slideshow--photo__content {
        max-width: 90%;
        top: 70%; } }

.slideshow--split {
  position: relative; }
  .slideshow--split__image {
    width: 50%;
    height: 100.1%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 49.99%;
    -webkit-transform: translateZ(0);
            transform: translateZ(0); }
  .slideshow--split__content {
    display: table;
    width: 50%;
    height: 100.1%;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    background-color: #F0DADA; }
    .slideshow--split__content:after {
      content: "";
      display: block;
      width: .7em;
      height: .7em;
      background-color: #362728;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: rotate(45deg) translate(-50%, -50%);
          -ms-transform: rotate(45deg) translate(-50%, -50%);
              transform: rotate(45deg) translate(-50%, -50%); }
  .slideshow--split__content__head {
    position: absolute;
    bottom: 50%;
    left: 15%;
    width: 70%;
    margin-bottom: 2em; }
  .slideshow--split__content__text {
    position: absolute;
    top: 50%;
    left: 22.5%;
    width: 55%;
    margin-top: 2em; }
  .slideshow--split__subheadline {
    font-family: "DidotLTPro-Bold", Georgia, serif;
    font-size: 1.1em; }
  @media (max-width: 800px) {
    .slideshow--split__image {
      width: 100%;
      height: 40%;
      left: 0; }
    .slideshow--split__content {
      height: 60%;
      width: 100%;
      top: 40%; }
      .slideshow--split__content:after {
        top: 37%; }
    .slideshow--split__content__head {
      width: 90%;
      left: 5%;
      bottom: 60%; }
    .slideshow--split__content__text {
      left: 5%;
      width: 90%;
      top: 35%; } }

.slideshow__arrow {
  display: block;
  width: 4.5em;
  height: 13.5em;
  padding-right: .5em;
  background-color: #EAF5F5;
  position: absolute;
  top: 50%;
  margin-top: -6.75em;
  z-index: 2;
  -webkit-transition: .2s right, .2s left, 1s -webkit-transform;
  transition: .2s right, .2s left, 1s -webkit-transform;
  transition: .2s right, .2s left, 1s transform;
  transition: .2s right, .2s left, 1s transform, 1s -webkit-transform; }
  .slideshow__arrow:before {
    content: "";
    display: block;
    width: 2.6em;
    height: 2.6em;
    background-color: #fff;
    border-radius: 100%;
    position: absolute;
    top: 50%;
    left: 1.2em;
    margin-top: -1.3em; }
  .slideshow__arrow:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    background-color: transparent;
    position: absolute;
    top: 50%;
    left: 2.5em;
    margin-top: -6px;
    border-bottom: 5px solid transparent;
    border-top: 5px solid transparent;
    border-left: 5px solid black; }
  .slideshow__arrow--translucent {
    background-color: transparent; }
  .slideshow__arrow--right {
    left: auto;
    right: -.5em; }
    .slideshow__arrow--right:after {
      margin-left: -2px; }
    .slideshow__arrow--right:hover {
      right: 0em; }
    .slideshow__arrow--right.is-not-shown {
      -webkit-transform: translateX(100%);
          -ms-transform: translateX(100%);
              transform: translateX(100%); }
  .slideshow__arrow--left {
    left: -.5em;
    right: auto; }
    .slideshow__arrow--left:after {
      border-left: none;
      border-right: 5px solid black;
      margin-left: -4px; }
    .slideshow__arrow--left:hover {
      left: 0em; }
    .slideshow__arrow--left.is-not-shown {
      -webkit-transform: translateX(-100%);
          -ms-transform: translateX(-100%);
              transform: translateX(-100%); }
  .slideshow__arrow.is-hidden {
    display: none; }
  @media (max-width: 400px) {
    .slideshow__arrow {
      display: none; } }

.process {
  position: relative; }

.process--creation {
  z-index: 101; }
  .process--creation .process__startslide, .process--creation .process__contentslide {
    background-color: #F0DADA; }
  .process--creation .process__contentslide--dark {
    background-color: #eacbcb; }

.process--inspiration {
  z-index: 100; }
  .process--inspiration .process__startslide, .process--inspiration .process__contentslide {
    background-color: #EAF5F5; }
  .process--inspiration .process__contentslide--dark {
    background-color: #e3f2f2; }

.process--embellishment {
  z-index: 102; }
  .process--embellishment .process__startslide, .process--embellishment .process__contentslide {
    background-color: #F5F0EA; }
  .process--embellishment .process__contentslide--dark {
    background-color: #f2ebe3; }

.process--birth {
  z-index: 103; }
  .process--birth .process__startslide, .process--birth .process__contentslide {
    background-color: #E5F5DA; }
  .process--birth .process__contentslide--dark {
    background-color: #dff3d2; }

.assembly {
  position: relative; }

.assembly__head {
  margin-top: 8em;
  text-align: center; }

.assembly__timepiece {
  width: 540px;
  height: 850px;
  width: 100%;
  height: 80%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }
  @media (max-width: 800px) {
    .assembly__timepiece {
      height: 70%;
      top: 5%;
      -webkit-transform: translate(-50%, 0);
          -ms-transform: translate(-50%, 0);
              transform: translate(-50%, 0); } }
  @media (max-width: 400px) {
    .assembly__timepiece {
      height: 70%;
      top: 15%; } }

.assembly__start {
  display: table;
  width: 17em;
  height: 17em;
  border: 6px solid #f0f0f0;
  border-radius: 100%;
  text-align: center;
  font-size: 1.5em;
  box-sizing: border-box;
  padding: 0 2em;
  line-height: 1.4em;
  position: absolute;
  left: 50%;
  margin-left: -8.5em;
  top: 50%;
  margin-top: -8.5em; }
  .assembly__start__inner {
    display: table-cell;
    vertical-align: middle;
    height: 100%;
    padding-top: 1em; }
  @media (max-width: 800px) {
    .assembly__start {
      top: 40%; } }

.assembly__facts {
  position: absolute;
  top: 50%;
  right: 10%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%); }
  .assembly__facts__item {
    border-bottom: 1px solid #ddd;
    padding: 2em 0;
    text-align: center;
    width: 8em; }
    .assembly__facts__item__num {
      font-size: 3em;
      font-family: "DidotLTPro-Bold", Georgia, serif; }
    .assembly__facts__item__label {
      font-size: .9em;
      line-height: 1.2em; }
  @media (max-width: 400px) {
    .assembly__facts {
      display: none; } }
  @media (max-width: 800px) {
    .assembly__facts {
      top: auto;
      bottom: 2em;
      -webkit-transform: translateY(0);
          -ms-transform: translateY(0);
              transform: translateY(0);
      left: 5%;
      right: auto;
      width: 100%; }
      .assembly__facts__item {
        display: block;
        float: left;
        border-bottom: none;
        width: 25%;
        height: 4.5em;
        font-size: .8em;
        margin: 0 2%; } }

.piece {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 1;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  text-align: center; }
  .piece img {
    height: 100%; }

.piece--wristband_bottom {
  z-index: 1; }

.piece--wristband_top {
  z-index: 2; }

.piece--base {
  z-index: 3; }

.piece--base_ring {
  z-index: 4; }

.piece--gears {
  z-index: 5; }

.piece--knob {
  z-index: 6; }

.piece--plate {
  z-index: 7; }

.piece--image {
  z-index: 8; }

.piece--image_shadow {
  z-index: 9; }

.piece--hands_hours {
  z-index: 10; }

.piece--hands_minutes {
  z-index: 11; }

.piece--crown {
  z-index: 12; }

.piece--frame {
  z-index: 13; }

.assembly__info {
  position: absolute;
  bottom: 4em;
  left: 4em;
  max-width: 280px;
  font-size: .8em;
  border-left: 1px solid #ddd;
  display: none; }
  .assembly__info__item {
    line-height: 1.4;
    padding: 0 1em; }
  @media (max-width: 800px) {
    .assembly__info {
      bottom: 0;
      display: none; } }

.contact__content__inner {
  width: 100%;
  max-width: 650px;
  margin: 4em auto;
  text-align: center; }
  .contact__content__inner p {
    max-width: 400px;
    margin: 0 auto 1em auto; }
  .contact__content__inner h2 {
    margin-top: 1.5em;
    position: relative; }
    .contact__content__inner h2::before {
      content: "";
      display: block;
      width: 8px;
      height: 8px;
      background-color: #362728;
      position: absolute;
      top: -.9em;
      left: 50%;
      margin-left: -4px;
      -webkit-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
              transform: rotate(45deg); }
  .contact__content__inner a {
    color: #362728;
    border-bottom: 1px solid black; }
    .contact__content__inner a:hover {
      border-bottom: none; }

.contact__newsletter {
  margin-top: 2em; }
  .contact__newsletter__input {
    display: block;
    margin: 1.2em auto;
    line-height: 2.5;
    height: 2.5em;
    width: 100%;
    max-width: 300px;
    border: none;
    border-bottom: 1px solid #F5F0EA;
    font-family: "AvenirLTStd-Roman", Helvetica, Arial, sans-serif;
    font-size: 1em;
    border-radius: 0; }
    .contact__newsletter__input:focus {
      border-color: #362728;
      outline: none; }
  .contact__newsletter__button {
    font-family: "AvenirLTStd-Heavy", Helvetica, Arial, sans-serif;
    font-size: .7em;
    letter-spacing: .1em;
    background: none;
    border: 1px solid #362728;
    padding: 1.2em 3em;
    text-transform: uppercase;
    cursor: pointer;
    margin-top: 2em;
    border-radius: 0; }
    .contact__newsletter__button:hover {
      background-color: #F5F0EA; }

.client-registry__content__inner {
  text-align: center; }

.client-registry__intro {
  margin: 8em 0 4em 0; }
  @media (max-width: 400px) {
    .client-registry__intro {
      margin: 3em 0 4em 0; } }
  @media (max-width: 800px) {
    .client-registry__intro {
      margin: 4em 0 4em 0; } }
  .client-registry__intro p {
    margin-bottom: 1em; }

.client-registry .hint-watch-identification {
  text-align: center; }

.client-registry__form__personal-info {
  margin-top: 4em; }

.client-registry__form .input-text {
  display: block;
  margin: 1.2em auto;
  line-height: 2.5;
  height: 2.5em;
  width: 100%;
  max-width: 300px;
  border: none;
  border-bottom: 1px solid #F5F0EA;
  font-family: "AvenirLTStd-Roman", Helvetica, Arial, sans-serif;
  font-size: 1em;
  border-radius: 0; }
  @media (max-width: 400px) {
    .client-registry__form .input-text {
      width: 90%; } }
  .client-registry__form .input-text:focus {
    border-color: #362728;
    outline: none; }
  .client-registry__form .input-text.is-invalid {
    color: #FB6158;
    border-color: #FB6158;
    margin-bottom: 5px; }
    .client-registry__form .input-text.is-invalid::-webkit-input-placeholder {
      color: #FB6158; }
    .client-registry__form .input-text.is-invalid:-moz-placeholder {
      color: #FB6158; }
    .client-registry__form .input-text.is-invalid::-moz-placeholder {
      color: #FB6158; }
    .client-registry__form .input-text.is-invalid:-ms-input-placeholder {
      color: #FB6158; }

.client-registry__form .button {
  font-family: "AvenirLTStd-Heavy", Helvetica, Arial, sans-serif;
  font-size: .7em;
  letter-spacing: .1em;
  background: none;
  border: 1px solid #362728;
  padding: 1.2em 3em;
  text-transform: uppercase;
  cursor: pointer;
  margin: 4em auto;
  border-radius: 0; }
  .client-registry__form .button:hover {
    background-color: #F5F0EA; }

.client-registry__form .validation-message {
  font-size: 0.8em;
  max-width: 300px;
  margin: 0 auto;
  text-align: left;
  color: #FB6158; }

.client-registry__form .watch-picture-upload {
  text-align: left;
  width: 100%;
  max-width: 300px;
  margin: 0 auto; }
  @media (max-width: 400px) {
    .client-registry__form .watch-picture-upload {
      width: 90%; } }
  .client-registry__form .watch-picture-upload__button {
    position: relative;
    border-color: #F5F0EA;
    margin: 0;
    width: 100%;
    max-width: 300px;
    margin-top: 1em;
    cursor: pointer; }
    .client-registry__form .watch-picture-upload__button span {
      cursor: pointer; }
  .client-registry__form .watch-picture-upload__file {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    opacity: 0;
    cursor: pointer; }
  .client-registry__form .watch-picture-upload__remove {
    width: 20px;
    height: 20px;
    border: 0;
    margin-left: 10px;
    -webkit-transform: translateY(2px);
        -ms-transform: translateY(2px);
            transform: translateY(2px);
    cursor: pointer;
    display: none;
    background: url("../images/minus.png") center center no-repeat;
    background-size: cover; }
    @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
      .client-registry__form .watch-picture-upload__remove {
        background-image: url("../images/minus@2x.png"); } }
    .client-registry__form .watch-picture-upload__remove.active {
      display: inline-block; }
    .client-registry__form .watch-picture-upload__remove:hover {
      opacity: 0.7; }
  .client-registry__form .watch-picture-upload .validation-message {
    margin-top: 1em; }

.client-registry__form .at-least-one-msg div {
  margin-top: 2em; }

.header--media {
  z-index: 3;
  position: relative; }

.header--media .nav-main a {
  color: white; }

.header--media .nav-main .is-active a {
  border-color: rgba(255, 255, 255, 0.5); }

.content-wrap__media {
  position: absolute;
  top: 0;
  max-width: 100%; }

#media-page {
  width: 750px;
  position: relative;
  max-width: 100%;
  margin: 0 auto;
  min-height: 90vh;
  -webkit-transform: translatey(-1vh);
      -ms-transform: translatey(-1vh);
          transform: translatey(-1vh);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  color: #ffffff;
  text-align: center; }
  #media-page p {
    max-width: 500px;
    margin: 0 auto; }
  #media-page h2 {
    margin-top: 1em;
    position: relative;
    font-weight: normal; }
  #media-page h2.media__content__text__promise {
    font-size: 2.6em; }
    @media (max-width: 800px) {
      #media-page h2.media__content__text__promise {
        font-size: 1.8em; } }
  #media-page a {
    color: #ffffff;
    border-bottom: 1px solid #ffffff; }
    #media-page a:hover {
      color: #ffffff; }

.ie10 #media-page,
.ie11 #media-page {
  display: block; }

.media__header-buffer {
  height: 176px; }

.media__content__top {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -ms-flex-grow: 1;
  -ms-flex-basis: 0%;
  -ms-flex-shrink: 1;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  justify-content: center;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  /* align items in Cross Axis */
  -ms-flex-line-pack: stretch;
      align-content: stretch;
  /* Extra space in Cross Axis */ }

.media__content__bottom {
  padding-bottom: 50px;
  padding-top: 25px; }

/*
Watch
*/
.media__content__watch {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -ms-flex-grow: 1;
  -ms-flex-basis: 0%;
  -ms-flex-shrink: 1;
  width: 100%;
  height: 100%;
  max-width: 480px;
  max-height: 560px;
  min-height: 300px;
  margin: 0 auto;
  background: url("../images/media/media_base.png") no-repeat center center;
  background-size: contain;
  position: relative;
  -webkit-animation: fall-in 1s cubic-bezier(0, 0.2, 0.25, 0.82);
          animation: fall-in 1s cubic-bezier(0, 0.2, 0.25, 0.82);
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  opacity: 0;
  -webkit-animation-delay: .4s;
          animation-delay: .4s; }

.media__form__intro {
  max-width: 550px;
  margin: 0 auto; }

.media__form__form {
  width: 474px;
  max-width: 100%;
  box-sizing: border-box;
  margin: 0 auto;
  border-right: 30px solid transparent;
  border-left: 30px solid transparent; }

.media__form__input, .media__form__textarea {
  display: block;
  line-height: 2.5;
  height: 2.5em;
  max-width: 474px;
  width: 100%;
  border: none;
  border-bottom: 1px solid #ffffff;
  font-family: "AvenirLTStd-Roman", Helvetica, Arial, sans-serif;
  font-size: 1em;
  border-radius: 0;
  outline: none;
  color: #ffffff;
  background-color: transparent;
  box-sizing: border-box;
  margin: 20px auto;
  min-height: 20px; }
  .media__form__input.has-error, .media__form__textarea.has-error {
    border-color: #f00;
    color: #f00; }

.media__form__textarea {
  overflow: hidden; }

.media__form__label {
  opacity: .5;
  margin-top: 40px;
  display: inline-block;
  width: 100%;
  text-align: left; }
  .media__form__label.has-error {
    color: #f00;
    opacity: 1; }

.media__form__buttons.is-loading .media__form__button {
  background: #ffffff url("../images/butterfly.gif") no-repeat center center;
  background-size: auto 80%;
  pointer-events: none; }
  .media__form__buttons.is-loading .media__form__button span {
    opacity: 0; }

.fall-down-enter {
  -webkit-animation: fall-in 1.4s cubic-bezier(0, 0.2, 0.25, 0.82);
          animation: fall-in 1.4s cubic-bezier(0, 0.2, 0.25, 0.82);
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  opacity: 0;
  -webkit-animation-delay: 0s;
          animation-delay: 0s; }

.fall-down-leave {
  -webkit-animation: fall-out 0.5s cubic-bezier(0.86, 0.07, 0.96, 0.76);
          animation: fall-out 0.5s cubic-bezier(0.86, 0.07, 0.96, 0.76);
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; }

.media__content__watch__aiguilles {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url("../images/media/heures.png") no-repeat center center;
  background-size: contain;
  -webkit-animation: spin 66s 0 infinite normal linear forwards;
          animation: spin 66s 0 infinite normal linear forwards;
  -webkit-animation: spin 66s infinite linear;
          animation: spin 66s infinite linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite; }
  .media__content__watch__aiguilles--minutes {
    background: url("../images/media/minutes.png") no-repeat center center;
    -webkit-animation-duration: 5.5s;
            animation-duration: 5.5s;
    background-size: contain; }

.media__content__button {
  margin-top: 30px; }

/*
form buttons
*/
.media__form__buttons {
  text-align: center;
  width: 100%; }
  .media__form__buttons button, .media__form__buttons a {
    margin: 0 20px; }
  .media__form__buttons .media__form__cancel, .media__form__buttons .media__form__cancel:hover {
    color: #fff; }

/*
generic intro animation
*/
.media__fade-up {
  -webkit-animation: fade-up 0.6s cubic-bezier(0, 0.2, 0.25, 0.82);
          animation: fade-up 0.6s cubic-bezier(0, 0.2, 0.25, 0.82);
  -webkit-animation-delay: 1.5s;
          animation-delay: 1.5s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  opacity: 0; }

.old-ie .media__fade-up, .old-ie .fall-down-enter {
  opacity: 1; }

/*
buttons
*/
.media__btn {
  cursor: pointer;
  display: inline-block;
  color: #fff;
  font-family: "AvenirLTStd-Heavy", Helvetica, Arial, sans-serif;
  font-size: .7em;
  text-transform: uppercase;
  padding: 1.3em 2em;
  border: 1px solid #fff;
  letter-spacing: 1px;
  box-sizing: border-box;
  background-color: transparent; }
  .media__btn:hover {
    background-color: #fff;
    color: #000; }

/*
* Background animation
*/
.media__bg-video {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: -3; }

/*
Black overlay
*/
.media__overlay {
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: -2; }

.fade-transition {
  -webkit-transition: opacity .6s ease;
  transition: opacity .6s ease; }

.fade-enter, .fade-leave {
  opacity: 0; }

/*
* Logo intro animation
*/
@-webkit-keyframes slide-down {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  100% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%); } }
@keyframes slide-down {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  100% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%); } }

@-webkit-keyframes slide-in {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%); }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@keyframes slide-in {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%); }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@-webkit-keyframes slide-in-from-bottom {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%); }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@keyframes slide-in-from-bottom {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%); }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

/*
text intro
*/
@-webkit-keyframes fade-up {
  0% {
    opacity: 0;
    -webkit-transform: translateY(50%);
            transform: translateY(50%); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }
@keyframes fade-up {
  0% {
    opacity: 0;
    -webkit-transform: translateY(50%);
            transform: translateY(50%); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

/*
watch intro
*/
@-webkit-keyframes fall-in {
  0% {
    opacity: 0;
    -webkit-transform: scale(1.4);
            transform: scale(1.4); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); } }
@keyframes fall-in {
  0% {
    opacity: 0;
    -webkit-transform: scale(1.4);
            transform: scale(1.4); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); } }

@-webkit-keyframes slide-up {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%); } }

@keyframes slide-up {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%); } }

@-webkit-keyframes fall-out {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.7);
            transform: scale(0.7); } }

@keyframes fall-out {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.7);
            transform: scale(0.7); } }

/*
* Zeiger
*/
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

.address {
  display: table;
  background-color: #E5F5DA;
  position: relative;
  overflow: hidden;
  z-index: 200; }

.address__inner {
  display: table-cell;
  vertical-align: middle;
  text-align: center; }

.address__inner p {
  max-width: 400px;
  margin: 0 auto;
  padding: 1.3em .5em;
  box-sizing: border-box;
  border: 1px solid #362728;
  border-width: 3px 0 1px 0;
  font-size: 1.3em;
  line-height: 1.6em; }
  @media (max-width: 800px) {
    .address__inner p {
      max-width: 19em; } }
  @media (max-width: 400px) {
    .address__inner p {
      max-width: 16em;
      font-size: 1.1em; } }
  .address__inner p a {
    color: #362728;
    border-bottom: 1px solid #362728; }
    .address__inner p a:hover {
      border-bottom: none; }

.address__headline {
  display: block;
  max-width: 750px;
  margin: 0 auto .6em auto;
  font-size: 3em; }
  @media (max-width: 400px) {
    .address__headline {
      font-size: 1.5em; } }

.address__logo {
  display: block;
  width: 15em;
  height: 6em;
  margin: 0 auto;
  overflow: hidden;
  position: absolute;
  bottom: -6px;
  left: 50%;
  margin-left: -7.5em; }
  @media (max-height: 400px) {
    .address__logo {
      display: none; } }

.address__logo__img {
  display: block;
  width: 100%; }

.lightbox-backdrop {
  position: fixed;
  top: -50%;
  left: 0;
  background-color: rgba(0, 0, 0, 0.9);
  width: 100%;
  height: 200%;
  z-index: 197; }
  .lightbox-backdrop--white {
    background-color: #fff; }

.lightbox__closebtn {
  display: block;
  position: fixed;
  top: 2em;
  right: 2em;
  width: 3em;
  height: 3em;
  border: 2px solid #F5F0EA;
  z-index: 199;
  border-radius: 100%; }
  .lightbox__closebtn::before {
    content: "×";
    font-size: 2em;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -52%);
        -ms-transform: translate(-50%, -52%);
            transform: translate(-50%, -52%); }
  .lightbox__closebtn:hover {
    color: #8f676a;
    border-color: #8f676a; }
  .lightbox__closebtn.is-hidden {
    opacity: 0; }

.lightbox__label {
  display: none;
  position: fixed;
  bottom: 0em;
  left: 0;
  width: 100%;
  text-align: center;
  pointer-events: none;
  z-index: 199;
  color: rgba(0, 0, 0, 0.6);
  background-color: rgba(255, 255, 255, 0.8);
  padding: .5em 0 1.5em 0; }
  .lightbox__label.is-hidden {
    opacity: 0; }

.lightbox {
  display: table;
  position: fixed;
  top: -80px;
  left: 0;
  width: 100%;
  height: calc(100% + 160px);
  z-index: 198;
  text-align: center;
  overflow: hidden; }

.lightbox--zoom {
  cursor: url("../images/plus.png"), url("../images/plus.cur"), default; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .lightbox--zoom {
      cursor: url("../images/plus@2x.png"), default; } }
  .lightbox--zoom img {
    cursor: url("../images/plus.png"), url("../images/plus.cur"), default; }
    @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
      .lightbox--zoom img {
        cursor: url("../images/plus@2x.png"), default; } }
  .lightbox--zoom.is-zoomed {
    cursor: url("../images/minus.png"), url("../images/minus.cur"), default; }
    @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
      .lightbox--zoom.is-zoomed {
        cursor: url("../images/minus@2x.png"), default; } }
    .lightbox--zoom.is-zoomed img {
      cursor: url("../images/minus.png"), url("../images/minus.cur"), default; }
      @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
        .lightbox--zoom.is-zoomed img {
          cursor: url("../images/minus@2x.png"), default; } }

.lightbox__inner {
  display: table-cell;
  vertical-align: middle;
  padding: 0 15%;
  margin: 0 auto;
  width: 100%; }
  @media (max-width: 400px) {
    .lightbox__inner {
      padding: 0 5%; } }

.lightbox__video {
  position: relative;
  padding-bottom: 54.25%;
  padding-top: 25px;
  height: 0;
  width: 100%; }
  @media (max-width: 800px) {
    .lightbox__video {
      padding-bottom: 47.25%; } }
  .lightbox__video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.is-visible .lightbox__image {
  height: 80%;
  opacity: 1; }

.lightbox__image {
  height: 80%;
  opacity: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }

.lightbox__close {
  display: block;
  position: absolute;
  right: 2em;
  top: 2em;
  width: 3em;
  height: 3em;
  border-radius: 100%;
  background-color: #fff; }
  .lightbox__close:after, .lightbox__close:before {
    content: "";
    display: block;
    width: 1px;
    height: 40%;
    background-color: #362728;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -20%;
    -webkit-transition: .1s height, .1s margin-top, .1s width;
    transition: .1s height, .1s margin-top, .1s width; }
  .lightbox__close:after {
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg); }
  .lightbox__close:before {
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg); }
  .lightbox__close:hover:after, .lightbox__close:hover:before {
    height: 30%;
    margin-top: -15%;
    width: 2px; }

/*
 * Swiper 2.7.5
 * Mobile touch slider and framework with hardware accelerated transitions
 *
 * http://www.idangero.us/sliders/swiper/
 *
 * Copyright 2010-2015, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 *
 * Licensed under GPL & MIT
 *
 * Released on: January 4, 2015
*/
/* ===============================================================
Basic Swiper Styles 
================================================================*/
.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  /* Fix of Webkit flickering */
  z-index: 1; }

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  -webkit-transition-property: -webkit-transform, left, top;
  -webkit-transition-duration: 0s;
  -webkit-transform: translate3d(0px, 0, 0);
  -webkit-transition-timing-function: ease;
  -moz-transition-property: -moz-transform, left, top;
  -moz-transition-duration: 0s;
  -moz-transform: translate3d(0px, 0, 0);
  -moz-transition-timing-function: ease;
  -o-transition-property: -o-transform, left, top;
  -o-transition-duration: 0s;
  -o-transform: translate3d(0px, 0, 0);
  -o-transition-timing-function: ease;
  -o-transform: translate(0px, 0px);
  -ms-transition-property: -ms-transform, left, top;
  -ms-transition-duration: 0s;
  -ms-transform: translate3d(0px, 0, 0);
  -ms-transition-timing-function: ease;
  -webkit-transition-property: left, top, -webkit-transform;
  transition-property: left, top, -webkit-transform;
  transition-property: transform, left, top;
  transition-property: transform, left, top, -webkit-transform;
  transition-duration: 0s;
  transform: translate3d(0px, 0, 0);
  transition-timing-function: ease;
  box-sizing: content-box; }

.swiper-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto; }

.swiper-slide {
  float: left;
  box-sizing: content-box; }

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
  -ms-touch-action: pan-y; }

.swiper-wp8-vertical {
  -ms-touch-action: pan-x; }

/* ===============================================================
Your custom styles, here you need to specify container's and slide's
sizes, pagination, etc.
================================================================*/
.swiper-container {
  /* Specify Swiper's Size: */
  width: 100%;
  height: 800px;
  position: relative;
  height: 720px;
  height: 90vh;
  /* iPad with portrait orientation. */
  /* iPad with landscape orientation. */
  /* iPhone 5 * You can also target devices with aspect ratio. */ }
  @media all and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
    .swiper-container {
      height: 921.6px; } }
  @media all and (device-width: 768px) and (device-height: 1024px) and (orientation: landscape) {
    .swiper-container {
      height: 691.2px; } }
  @media screen and (device-aspect-ratio: 40 / 71) {
    .swiper-container {
      height: 486px; } }
  @media (max-width: 800px) {
    .swiper-container {
      height: 800px;
      height: 100vh;
      /* iPad with portrait orientation. */
      /* iPad with landscape orientation. */
      /* iPhone 5 * You can also target devices with aspect ratio. */ } }
  @media all and (max-width: 800px) and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
    .swiper-container {
      height: 1024px; } }
  @media all and (max-width: 800px) and (device-width: 768px) and (device-height: 1024px) and (orientation: landscape) {
    .swiper-container {
      height: 768px; } }
  @media screen and (max-width: 800px) and (device-aspect-ratio: 40 / 71) {
    .swiper-container {
      height: 540px; } }

.swiper-slide {
  /* Specify Slides's Size: */
  width: 100%;
  height: 100%;
  position: relative; }
  @media (max-width: 800px) {
    .swiper-slide {
      height: 800px;
      height: 100vh;
      /* iPad with portrait orientation. */
      /* iPad with landscape orientation. */
      /* iPhone 5 * You can also target devices with aspect ratio. */ } }
  @media all and (max-width: 800px) and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
    .swiper-slide {
      height: 1024px; } }
  @media all and (max-width: 800px) and (device-width: 768px) and (device-height: 1024px) and (orientation: landscape) {
    .swiper-slide {
      height: 768px; } }
  @media screen and (max-width: 800px) and (device-aspect-ratio: 40 / 71) {
    .swiper-slide {
      height: 540px; } }

.swiper-slide-active {
  /* Specific active slide styling: */ }

.swiper-slide-visible {
  /* Specific visible slide styling: */ }

/* ===============================================================
Pagination Styles
================================================================*/
.swiper-pagination-switch {
  /* Stylize pagination button: */
  display: inline-block;
  width: .6em;
  height: .6em;
  margin: 0 .3em;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 100%; }

.swiper-active-switch {
  /* Specific active button style: */
  background-color: rgba(0, 0, 0, 0.5); }

.swiper-visible-switch {
  /* Specific visible button style: */ }

.pagination--inspiration, .pagination--creation {
  position: absolute;
  bottom: 2%;
  left: 0;
  text-align: center;
  width: 100%;
  z-index: 10;
  display: none; }
  @media (max-width: 400px) {
    .pagination--inspiration, .pagination--creation {
      display: block; } }

.pagination--creation {
  top: auto;
  bottom: 4%; }
  .pagination--creation .swiper-pagination-switch {
    background-color: #fff; }
  .pagination--creation .swiper-active-switch {
    background-color: rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 1px 1px rgba(240, 218, 218, 0.6); }