/* ------------------------------------------------------------------ */
/*        YOUR PROJECT NAME
/* ------------------------------------------------------------------ */
/*
*   Easing Equations ported to CSS by @matthewlein - http://matthewlein.com/ceaser/
*   Converted to SCSS vars by @pettpett
*
*   sample usage:
*   a {
*     color: #ff0000;
*     @include transition(color 0.5s $easeOutQuint);
*     &:hover,
*     &:focus {
*       color: #ff9900;
*     }
*   }
*/
/* Default Equations */
/* Penner Equations (approximated) originally created by @robpenner */
/* ------------------------------------------------------------------ */
/*        CLEARFIX
/* ------------------------------------------------------------------ */
/* ------------------------------------------------------------------ */
/*        BORDER-BOX
/* ------------------------------------------------------------------ */
/* ------------------------------------------------------------------ */
/*        SMOOTH
/* ------------------------------------------------------------------ */
body, div.wpcf7 input[type="submit"], .blog__header__content h2, .post__header__content h2, h2, h3, .slider__texts__text, .heritage__founders__single__text, .home__slide__content h2, .home__blog__block h3, .legal .legal__content h1,
.credits .legal__content h1 {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/* ------------------------------------------------------------------ */
/*        ELLIPSIS
/* ------------------------------------------------------------------ */
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: inherit;
  font-size: 100%;
  vertical-align: baseline; }

html {
  line-height: 1; }

ol, ul {
  list-style: none; }

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

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle; }

q, blockquote {
  quotes: none; }

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

a img {
  border: none; }

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

.u-inactive {
  display: none !important;
  visibility: hidden !important; }

.u-hidden {
  visibility: hidden;
  pointer-events: none; }

/*
	Hide only visually, but have it available for screen readers:
	http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
*/
.u-visuallyHidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  border: 0;
  color: #757575; }

/*
	Extends the .visuallyhidden class to allow the element
	to be focusable when navigated to via the keyboard:
	https://www.drupal.org/node/897638
*/
.u-visuallyHidden--focusable:active,
.u-visuallyHidden--focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
  opacity: 0; }

/* Interaction utils
	========================================================================== */
.u-unselectable {
  cursor: default;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none; }

.u-unclickable {
  pointer-events: none;
  cursor: default; }

/* Size & position utils
	========================================================================== */
.u-fullSize,
.u-fullParent,
.u-fullParent-fixed {
  width: 100%;
  height: 100%; }

.u-fullParent {
  position: absolute;
  top: 0;
  left: 0; }

.u-fullParent-fixed {
  position: fixed;
  top: 0;
  left: 0; }

.u-fluid--w {
  width: 100%;
  height: auto; }

.u-fluid--h {
  width: auto;
  height: 100%; }

.u-topCorner,
.u-topCorner--right {
  position: absolute;
  top: 0; }

.u-topCorner--right {
  right: 0; }

/* Center an element
	========================================================================== */
.u-center--rel {
  display: block;
  margin: auto; }

.u-center--abs {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto; }

.u-middle--abs {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  margin: auto; }

/* Inline list
	========================================================================== */
.u-inlineList {
  position: relative; }

.u-inlineList-item,
.u-inlineList-item--top,
.u-inlineList-item--middle,
.u-inlineList-item--bottom {
  position: relative;
  display: inline-block; }

.u-inlineList-item--top {
  vertical-align: top; }

.u-inlineList-item--middle {
  vertical-align: middle; }

.u-inlineList-item--bottom {
  vertical-align: bottom; }

/* Table
	========================================================================== */
.u-table {
  display: table; }

.u-table-cell,
.u-table-cell--center,
.u-table-cell--middle {
  display: table-cell; }

.u-table-cell--center,
.u-table-cell--middle {
  vertical-align: middle; }

.u-table-cell--center {
  text-align: center; }

/* Helpers
	========================================================================== */
/*
	Clearfix
*/
.u-cf {
  zoom: 1; }

.u-cf:before,
.u-cf:after {
  content: " ";
  display: table; }

.u-cf:after {
  clear: both; }

/*
	Background
*/
.u-centerBg {
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center; }

/*
	Antialiasing
*/
.u-antialiasing {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased; }

/*
	Reset button
*/
.u-resetBtn {
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  background: transparent;
  color: inherit;
  font: inherit;
  line-height: normal;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  white-space: normal;
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  -webkit-appearance: none; }

/* Prevent Safari input bug */
.u-resetBtn:not(input) {
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none; }

.u-resetBtn::-moz-focus-inner {
  border: 0;
  padding: 0; }

.u-resestBtn--withoutOutline {
  outline: none; }

/* ------------------------------------------------------------------ */
/*        COMMON PROJECT VARIABLES
/* ------------------------------------------------------------------ */
/* ------------------------------------------------------------------ */
/*        BREAKPOINTS
/* ------------------------------------------------------------------ */
/* ------------------------------------------------------------------ */
/*        COLORS
/* ------------------------------------------------------------------ */
/* ------------------------------------------------------------------ */
/*        CONVERT PX TO REM
/* ------------------------------------------------------------------ */
/* ------------------------------------------------------------------ */
/*        ARROW
/* ------------------------------------------------------------------ */
/* ------------------------------------------------------------------ */
/*        ATTENTION
/* ------------------------------------------------------------------ */
/* ------------------------------------------------------------------ */
/*        MEDIA OBJECTS
/* ------------------------------------------------------------------ */
/* ------------------------------------------------------------------ */
/*        MEDIA QUERIES
/* ------------------------------------------------------------------ */
/* ------------------------------------------------------------------ */
/*        PLACEHOLDER
/* ------------------------------------------------------------------ */
/* ------------------------------------------------------------------ */
/*        FONT FACE DECLARATION
/* ------------------------------------------------------------------ */
@font-face {
  font-family: 'LeMondeLivreClassic';
  src: url("../assets/fonts/LeMondeLivreClassic-Normal.eot");
  src: url("../assets/fonts/LeMondeLivreClassic-Normal.eot?#iefix") format("embedded-opentype"), url("../assets/fonts/LeMondeLivreClassic-Normal.woff") format("woff"), url("../assets/fonts/LeMondeLivreClassic-Normal.ttf") format("truetype"), url("../assets/fonts/LeMondeLivreClassic-Normal.svg#LeMondeLivreClassic-Normal") format("svg");
  font-weight: normal;
  font-style: normal; }

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

/* ------------------------------------------------------------------ */
/*        VARIABLES DECLARATION
/* ------------------------------------------------------------------ */
body, div.wpcf7 input[type="submit"], .blog__header__content h2, .post__header__content h2 {
  font-family: 'LeMondeLivreClassic'; }

h2, h3, .slider__texts__text, .heritage__founders__single__text, .home__slide__content h2, .home__blog__block h3, .legal .legal__content h1,
.credits .legal__content h1 {
  font-family: 'DarbySansPoster'; }

/* ------------------------------------------------------------------ */
/*        GLOBAL
/* ------------------------------------------------------------------ */
body {
  font-size: 16px;
  line-height: 1.5;
  color: #202020; }

.big {
  font-size: 1.5rem; }

.more {
  font-size: 1.125rem;
  text-transform: uppercase;
  letter-spacing: 0.1875rem; }
  .more--gold {
    color: #c8ae88; }
  .more.less {
    display: none;
    opacity: 0; }

/* ------------------------------------------------------------------ */
/*        TITLE DECLARATION
/* ------------------------------------------------------------------ */
h1 {
  font-size: 2rem; }

h2, h3 {
  font-size: 2.25rem;
  color: #c8ae88;
  text-transform: uppercase;
  color: #fff;
  letter-spacing: 0.1875rem;
  line-height: 1.3em; }
  @media screen and (max-width: 600px) {
    h2, h3 {
      font-size: 1.5rem; } }

.popin-contact {
  position: fixed;
  top: 60px;
  right: 0;
  width: 700px;
  height: 100%;
  z-index: 99;
  text-align: center;
  background-color: #126283;
  color: #FFF;
  transform: translate(100%); }
  @media screen and (max-width: 1280px) {
    .popin-contact {
      top: 40px; } }
  .popin-contact img {
    margin-bottom: 90px; }
  .popin-contact img + ul {
    margin-bottom: 50px; }
  .popin-contact li {
    margin: 10px 0; }

.cover {
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  text-align: center;
  height: 100vh; }
  .cover svg {
    position: relative;
    z-index: 2;
    margin-top: 40px;
    margin-right: auto;
    margin-left: auto;
    display: block;
    max-width: 50%;
    max-height: 200px;
    fill: #fff;
    opacity: 0; }
    @media screen and (max-width: 600px) {
      .cover svg {
        max-width: 85%;
        max-height: 200px; } }
    .cover svg:first-child {
      margin-top: 0; }
  .cover::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    background-color: rgba(0, 0, 0, 0.3); }

.cover__title {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 40%;
  height: 180px;
  line-height: 180px; }
  @media screen and (max-width: 600px) {
    .cover__title {
      height: 100px;
      width: 100%; } }
  .cover__title__bg {
    background-color: #c8ae88;
    transform: scaleY(0);
    transform-origin: bottom; }
  .cover__title img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    width: 85px;
    height: 85px;
    margin: auto;
    opacity: 0; }
    @media screen and (max-width: 600px) {
      .cover__title img {
        height: 50px;
        width: 50px; } }
  .cover__title h2 {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    padding: 0 20px;
    opacity: 0;
    transform: translate(-50%, -50%); }
    @media screen and (max-width: 800px) {
      .cover__title h2 {
        font-size: 1.5rem; } }

.cover--orange .cover__title__bg {
  background-color: #ff7a67; }

.cover--red .cover__title__bg {
  background-color: #C34E5C; }

.cover--purple .cover__title__bg {
  background-color: #835267; }

.cover--blue .cover__title__bg {
  background-color: #126283; }

.cover--lightblue .cover__title__bg {
  background-color: #007588; }

.cover--brown .cover__title__bg {
  background-color: #9a7b72; }

.menu-footer_en-container,
.menu-footer-container {
  height: 60px;
  line-height: 60px;
  padding-left: 60px;
  font-size: 0.625rem;
  letter-spacing: 0.125rem;
  text-transform: uppercase;
  display: inline-block; }
  @media screen and (max-width: 1280px) {
    .menu-footer_en-container,
    .menu-footer-container {
      height: 40px;
      line-height: 40px;
      padding-left: 40px; } }
  @media screen and (max-width: 600px) {
    .menu-footer_en-container,
    .menu-footer-container {
      padding: 0;
      text-align: center;
      width: 100%; } }

.menu-footer_en-container .menu li,
.menu-footer-container .menu li {
  position: relative;
  display: inline-block; }
  .menu-footer_en-container .menu li a:after,
  .menu-footer-container .menu li a:after {
    content: '-';
    margin-left: 5px; }
  .menu-footer_en-container .menu li:last-child a:after,
  .menu-footer-container .menu li:last-child a:after {
    content: ''; }

.footer-social {
  float: right;
  margin-right: 60px;
  overflow: hidden; }
  @media screen and (max-width: 1280px) {
    .footer-social {
      margin-right: 40px; } }
  @media screen and (max-width: 600px) {
    .footer-social {
      float: none;
      margin-right: 0px;
      text-align: center; } }
  .footer-social--gray {
    display: block;
    transition: 0.6s cubic-bezier(0.77, 0, 0.175, 1);
    will-change: tranform;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden; }
  .footer-social--blue {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, calc(-50% + 15px));
    transition: 0.6s cubic-bezier(0.77, 0, 0.175, 1);
    opacity: 0;
    will-change: tranform;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden; }
  .footer-social--gray svg path {
    fill: #5C5C5C; }
  .footer-social--blue svg path {
    fill: #126283 !important; }
  .footer-social li {
    position: relative;
    display: inline-block;
    height: 60px;
    line-height: 60px; }
    .footer-social li:hover .footer-social--gray {
      transform: translateY(-15px);
      opacity: 0; }
    .footer-social li:hover .footer-social--blue {
      transform: translate(-50%, -50%);
      opacity: 1; }
    @media screen and (max-width: 1280px) {
      .footer-social li {
        height: 40px;
        line-height: 47px; } }
    .footer-social li a {
      padding: 0 10px;
      display: block; }
    .footer-social li:nth-child(4) svg {
      position: relative;
      top: 3px;
      width: 20px;
      height: 20px; }
    .footer-social li svg {
      width: 15px;
      height: 15px; }

.home .menu-footer_en-container,
.home .menu-footer-container,
.page-template-template-carte .menu-footer-container,
.page-template-template-carte .menu-footer_en-container,
.page-template-template-carte-tokyo .menu-footer-container,
.page-template-template-carte-tokyo .menu-footer_en-container,
.page-template-template-carte-rotisserie .menu-footer-container,
.page-template-template-carte-rotisserie .menu-footer_en-container,
.page-template-template-brochure .menu-footer-container,
.page-template-template-brochure .menu-footer_en-container,
.error404 .menu-footer_en-container,
.error404 .menu-footer-container {
  position: absolute;
  bottom: 0;
  left: 0; }

.home .footer-social,
.page-template-template-carte .footer-social,
.page-template-template-carte-tokyo .footer-social,
.page-template-template-carte-rotisserie .footer-social,
.page-template-template-brochure .footer-social {
  position: absolute;
  bottom: 0;
  right: 0; }
  @media screen and (max-width: 600px) {
    .home .footer-social,
    .page-template-template-carte .footer-social,
    .page-template-template-carte-tokyo .footer-social,
    .page-template-template-carte-rotisserie .footer-social,
    .page-template-template-brochure .footer-social {
      left: 0px;
      right: 0px;
      bottom: 35px; } }

.error404 .footer-social {
  position: absolute;
  bottom: 0;
  right: 0; }

div.wpcf7 {
  width: 60%;
  margin: auto; }
  @media screen and (max-width: 800px) {
    div.wpcf7 {
      width: 90%; } }
  div.wpcf7 select {
    width: 100px;
    -webkit-appearance: none;
    border-radius: 0%;
    background-color: transparent;
    background-image: url("../assets/images/select-arrow.svg");
    padding: 10px 30px 10px 10px;
    border: 1px solid rgba(180, 182, 183, 0.5);
    background-size: 10%;
    background-position: 90% 50%;
    background-repeat: no-repeat; }
  div.wpcf7 .date input {
    width: auto; }
  div.wpcf7 .form__legal, div.wpcf7 .form__newsletter, div.wpcf7 .form__mandatory {
    opacity: 0.5;
    font-size: 0.75rem; }
  div.wpcf7 .form__legal {
    width: 50%;
    margin-left: 40%;
    margin-bottom: 70px;
    margin-top: 30px; }
  div.wpcf7 .form__newsletter {
    font-size: 0.875rem;
    margin-left: 40%;
    margin-bottom: 80px;
    margin-top: 40px;
    width: 50%; }
    @media screen and (max-width: 600px) {
      div.wpcf7 .form__newsletter {
        width: 100%;
        margin-left: 0;
        margin-bottom: 20px;
        margin-top: 20px; } }
  div.wpcf7 .form__couverts {
    font-size: 0.875rem;
    margin-left: 40%;
    margin-bottom: 0px;
    margin-top: 0px;
    width: 50%; }
    @media screen and (max-width: 600px) {
      div.wpcf7 .form__couverts {
        width: 100%;
        margin-left: 0;
        margin-bottom: 0px;
        margin-top: 0px; } }
  div.wpcf7 .form__mandatory {
    float: left;
    width: auto;
    padding-left: 35%;
    margin-top: 8px; }
    @media screen and (max-width: 1280px) {
      div.wpcf7 .form__mandatory {
        padding-left: 50%; } }
    @media screen and (max-width: 800px) {
      div.wpcf7 .form__mandatory {
        padding: 0 !important;
        text-align: center;
        width: 100%; } }
  div.wpcf7 .form__submit {
    margin-left: 35%;
    width: 50%;
    text-align: right; }
    @media screen and (max-width: 1280px) {
      div.wpcf7 .form__submit {
        margin-left: 50%; } }
    @media screen and (max-width: 800px) {
      div.wpcf7 .form__submit {
        text-align: center;
        margin-left: 0 !important;
        width: 100%; }
        div.wpcf7 .form__submit input[type="submit"] {
          margin: auto;
          width: 100%; } }
    @media screen and (max-width: 600px) {
      div.wpcf7 .form__submit {
        text-align: center; } }
  div.wpcf7 .wpcf7-form-control-wrap.newsletter {
    margin-left: 40%;
    width: 50%;
    color: rgba(0, 0, 0, 0.5); }
    @media screen and (max-width: 600px) {
      div.wpcf7 .wpcf7-form-control-wrap.newsletter {
        margin-left: 0;
        width: 100%; } }
    div.wpcf7 .wpcf7-form-control-wrap.newsletter .wpcf7-list-item {
      margin-left: 0%; }
    div.wpcf7 .wpcf7-form-control-wrap.newsletter input {
      width: auto; }
  div.wpcf7 label {
    display: inline-block;
    vertical-align: middle;
    padding-right: 30px;
    width: 40%;
    font-size: 0.875rem;
    text-align: right;
    text-transform: uppercase; }
    @media screen and (max-width: 600px) {
      div.wpcf7 label {
        display: block;
        text-align: left; } }
  div.wpcf7 p {
    margin: 17px 0px; }
  div.wpcf7 input {
    width: 100%;
    padding: 8px 5px;
    border: 1px solid rgba(180, 182, 183, 0.5); }
  div.wpcf7 .wpcf7-form-control-wrap {
    text-align: left;
    display: inline-block;
    width: 50%; }
    @media screen and (max-width: 600px) {
      div.wpcf7 .wpcf7-form-control-wrap {
        width: 100%; } }
  div.wpcf7 textarea {
    width: 100%;
    vertical-align: top;
    border: 1px solid rgba(180, 182, 183, 0.5); }
  div.wpcf7 input[type="submit"] {
    padding-bottom: 10px;
    padding-right: 0;
    padding-left: 0;
    width: auto;
    background-image: url(../assets/images/border-bottom-gold.svg);
    background-repeat: repeat-x;
    background-color: transparent;
    border: none;
    background-size: 200%;
    background-position: -50px 50px;
    font-size: 1.125rem;
    letter-spacing: 0.1875rem;
    text-transform: uppercase;
    color: #c8ae88;
    cursor: pointer;
    float: right; }
    @media screen and (max-width: 800px) {
      div.wpcf7 input[type="submit"] {
        background: url(""); } }
    div.wpcf7 input[type="submit"]:hover {
      background-position: -50px 30px; }

.grid .col {
  float: left; }
  @media screen and (max-width: 600px) {
    .grid .col {
      float: none; } }

.grid .col-1 {
  width: 8.33333%; }
  @media screen and (max-width: 600px) {
    .grid .col-1 {
      width: 100%; } }

.grid .col-2 {
  width: 16.66667%; }
  @media screen and (max-width: 600px) {
    .grid .col-2 {
      width: 100%; } }

.grid .col-3 {
  width: 25%; }
  @media screen and (max-width: 600px) {
    .grid .col-3 {
      width: 100%; } }

.grid .col-4 {
  width: 33.33333%; }
  @media screen and (max-width: 600px) {
    .grid .col-4 {
      width: 100%; } }

.grid .col-5 {
  width: 41.66667%; }
  @media screen and (max-width: 600px) {
    .grid .col-5 {
      width: 100%; } }

.grid .col-6 {
  width: 50%; }
  @media screen and (max-width: 600px) {
    .grid .col-6 {
      width: 100%; } }

.grid .col-7 {
  width: 58.33333%; }
  @media screen and (max-width: 600px) {
    .grid .col-7 {
      width: 100%; } }

.grid .col-8 {
  width: 66.66667%; }
  @media screen and (max-width: 600px) {
    .grid .col-8 {
      width: 100%; } }

.grid .col-9 {
  width: 75%; }
  @media screen and (max-width: 600px) {
    .grid .col-9 {
      width: 100%; } }

.grid .col-10 {
  width: 83.33333%; }
  @media screen and (max-width: 600px) {
    .grid .col-10 {
      width: 100%; } }

.grid .col-11 {
  width: 91.66667%; }
  @media screen and (max-width: 600px) {
    .grid .col-11 {
      width: 100%; } }

.grid .col-12 {
  width: 100%; }
  @media screen and (max-width: 600px) {
    .grid .col-12 {
      width: 100%; } }

.grid::after {
  content: '';
  display: table;
  clear: both; }

.Loader {
  display: none; }

.home .Loader {
  position: fixed;
  z-index: 99;
  background-color: #fff;
  text-align: center; }
  .home .Loader-icon svg {
    margin-top: 20px;
    width: 40px;
    height: 40px;
    stroke: #202020; }
    @media screen and (max-width: 600px) {
      .home .Loader-icon svg {
        width: 30px;
        height: 30px; } }
  .home .Loader-ducks {
    position: absolute;
    top: 70%;
    left: 60%;
    transform: rotate(50deg); }
    .home .Loader-ducks svg {
      width: 20px;
      height: 20px;
      opacity: 0; }
      .home .Loader-ducks svg:first-child {
        animation: duck1 1.5s backwards;
        animation-delay: 0s;
        transform: translate(41px, -3px) rotate(63deg); }
      .home .Loader-ducks svg:nth-child(2) {
        animation: duck1 1.5s backwards;
        animation-delay: 0.3s;
        transform: translate(35px, -27px) rotate(84deg); }
      .home .Loader-ducks svg:nth-child(3) {
        animation: duck1 1.5s backwards;
        animation-delay: 0.6s;
        transform: translate(38px, -19px) rotate(95deg); }
      .home .Loader-ducks svg:nth-child(4) {
        animation: duck1 1.5s backwards;
        animation-delay: 0.9s;
        transform: translate(40px, -32px) rotate(75deg); }
      .home .Loader-ducks svg:nth-child(5) {
        animation: duck1 1.5s backwards;
        animation-delay: 1.2s;
        transform: translate(40px, -20px) rotate(108deg); }
    .home .Loader-ducks svg path {
      fill: #126283; }
    .home .Loader-ducks.Loader-ducks-bis {
      top: 40%;
      left: 20%;
      transform: rotate(-40deg); }
      .home .Loader-ducks.Loader-ducks-bis svg:first-child {
        animation: duck1 1.5s backwards;
        animation-delay: 2.5s; }
      .home .Loader-ducks.Loader-ducks-bis svg:nth-child(2) {
        animation: duck1 1.5s backwards;
        animation-delay: 2.8s; }
      .home .Loader-ducks.Loader-ducks-bis svg:nth-child(3) {
        animation: duck1 1.5s backwards;
        animation-delay: 3.2s; }
    .home .Loader-ducks.Loader-ducks-ter {
      top: 40%;
      left: 65%;
      transform: rotate(-40deg); }
      .home .Loader-ducks.Loader-ducks-ter svg:first-child {
        animation: duck1 1.5s backwards;
        animation-delay: 4s; }
      .home .Loader-ducks.Loader-ducks-ter svg:nth-child(2) {
        animation: duck1 1.5s backwards;
        animation-delay: 4.3s; }
      .home .Loader-ducks.Loader-ducks-ter svg:nth-child(3) {
        animation: duck1 1.5s backwards;
        animation-delay: 4.6s; }
      .home .Loader-ducks.Loader-ducks-ter svg:nth-child(4) {
        animation: duck1 1.5s backwards;
        animation-delay: 4.9s; }
    .home .Loader-ducks.Loader-ducks-quater {
      top: 20%;
      left: 45%;
      transform: rotate(-20deg); }
      .home .Loader-ducks.Loader-ducks-quater svg:first-child {
        transform: translate(19px, -28px) rotate(90deg);
        animation: duck1 1.5s backwards;
        animation-delay: 6.2s; }
      .home .Loader-ducks.Loader-ducks-quater svg:nth-child(2) {
        transform: translate(21px, 1px) rotate(127deg);
        animation: duck1 1.5s backwards;
        animation-delay: 6.5s; }
      .home .Loader-ducks.Loader-ducks-quater svg:nth-child(3) {
        transform: translate(31px, 4px) rotate(134deg);
        animation: duck1 1.5s backwards;
        animation-delay: 6.8s; }
      .home .Loader-ducks.Loader-ducks-quater svg:nth-child(4) {
        transform: translate(20px, 40px) rotate(160deg);
        animation: duck1 1.5s backwards;
        animation-delay: 7.2s; }

@keyframes duck1 {
  0% {
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    opacity: 0; } }

.home .main-container {
  opacity: 0; }

.header {
  position: fixed;
  height: 60px;
  width: 100%;
  z-index: 91;
  background-color: #fff; }
  @media screen and (max-width: 1280px) {
    .header {
      height: 40px; } }

.header__left, .header__right {
  display: inline-block; }

.header__left {
  height: 60px; }
  @media screen and (max-width: 1280px) {
    .header__left {
      height: 40px; } }

.header__right {
  position: absolute;
  top: 0;
  right: 0;
  margin-right: 60px; }
  @media screen and (max-width: 1280px) {
    .header__right {
      margin-right: 40px; } }

@media (max-width: 1200px) {
  .menu-menu_fr-container li a,
  .menu-menu_en-container li a {
    letter-spacing: 0.5px; } }

.header__burger {
  display: inline-block;
  vertical-align: middle;
  width: 30px;
  height: 18px;
  position: relative;
  margin-left: 25px;
  cursor: pointer; }
  @media screen and (max-width: 1280px) {
    .header__burger {
      margin-left: 10px; } }
  @media screen and (max-width: 800px) {
    .header__burger {
      margin-top: 50%;
      margin-left: 0; } }
  @media screen and (max-width: 600px) {
    .header__burger {
      margin-top: 50%;
      margin-left: 0; } }
  .header__burger span {
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background: #000000;
    left: 0;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    will-change: transform; }
  .header__burger span:nth-child(1) {
    top: 0px; }
  .header__burger span:nth-child(2) {
    top: 7px; }
  .header__burger span:nth-child(3) {
    top: 14px; }

.logotype {
  height: 100%;
  margin-left: 60px; }
  @media screen and (max-width: 1280px) {
    .logotype {
      margin-left: 40px; } }
  .logotype img {
    width: 230px;
    vertical-align: middle; }
    @media (max-width: 1380px) {
      .logotype img {
        width: 150px; } }

.header__lang,
.menu-menu_en-container,
.menu-menu_fr-container {
  display: inline-block;
  vertical-align: middle; }

.header__lang {
  position: relative;
  padding: 0 25px;
  margin-right: 20px;
  height: 60px;
  line-height: 60px;
  font-size: 0.875rem;
  letter-spacing: 0.175rem;
  text-transform: uppercase; }
  @media screen and (max-width: 1280px) {
    .header__lang {
      padding: 0 10px;
      height: 40px;
      line-height: 40px;
      font-size: 0.75rem; } }
  @media screen and (max-width: 800px) {
    .header__lang {
      display: none; } }
  @media screen and (max-width: 600px) {
    .header__lang {
      display: none; } }
  .header__lang__arrow {
    position: absolute;
    top: 0;
    right: calc(-10%);
    width: 70px;
    height: 60px;
    cursor: pointer; }
    @media screen and (max-width: 1280px) {
      .header__lang__arrow {
        right: calc(-100% + 20px);
        height: 40px; } }
    .header__lang__arrow span {
      position: absolute;
      top: 50%;
      left: 75%;
      display: block;
      width: 7px;
      height: 1px;
      background: #202020;
      -webkit-backface-visibility: hidden;
              backface-visibility: hidden;
      will-change: transform; }
    .header__lang__arrow span:first-child {
      transform: translate(-100%, -50%) rotate(50deg); }
    .header__lang__arrow span:last-child {
      transform: translate(-3px, -50%) rotate(-50deg); }
  .header__lang__others {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    z-index: 99;
    text-align: center;
    background-color: #fff;
    transform-origin: top; }
    .header__lang__others a {
      display: block; }

#menu-menu_fr {
  display: -ms-flexbox;
  display: flex; }

.menu-menu_fr-container,
.menu-menu_en-container {
  display: inline-block;
  height: 60px;
  padding-left: 60px;
  line-height: 60px;
  font-size: 0.875rem;
  letter-spacing: 0.175rem;
  text-transform: uppercase; }
  @media screen and (max-width: 1280px) {
    .menu-menu_fr-container,
    .menu-menu_en-container {
      height: 40px;
      padding-left: 0;
      line-height: 40px;
      font-size: 0.75rem; } }
  @media (max-width: 1080px) {
    .menu-menu_fr-container,
    .menu-menu_en-container {
      display: none; } }
  .menu-menu_fr-container li,
  .menu-menu_en-container li {
    position: relative;
    margin: 0 8px;
    display: inline-block;
    overflow: hidden; }
    .menu-menu_fr-container li a,
    .menu-menu_en-container li a {
      position: relative; }
    .menu-menu_fr-container li a:after,
    .menu-menu_en-container li a:after {
      content: url("../assets/images/border-bottom.svg");
      position: absolute;
      top: -7px;
      left: -10px;
      width: 200px;
      height: 10px;
      opacity: 0;
      transform: translateY(5px);
      transition: 0.4s; }
      @media screen and (max-width: 1280px) {
        .menu-menu_fr-container li a:after,
        .menu-menu_en-container li a:after {
          top: 0px; } }
    .menu-menu_fr-container li:hover a:after,
    .menu-menu_en-container li:hover a:after {
      opacity: 1;
      transform: translateY(0px); }
    @media screen and (max-width: 1280px) {
      .menu-menu_fr-container li,
      .menu-menu_en-container li {
        margin: 0 8px; } }
    .menu-menu_fr-container li .sub-menu,
    .menu-menu_en-container li .sub-menu {
      position: absolute;
      top: 50%;
      left: 0;
      transform: translate3d(0, 50%, 0);
      width: 100%;
      height: 16px;
      line-height: 16px; }
      .menu-menu_fr-container li .sub-menu li,
      .menu-menu_en-container li .sub-menu li {
        margin: 0;
        display: inline-block;
        width: 100%; }
        .menu-menu_fr-container li .sub-menu li a,
        .menu-menu_en-container li .sub-menu li a {
          cursor: default; }

.side-header {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  width: 400px;
  z-index: 90;
  display: none;
  overflow: auto; }
  .side-header .responsive-link {
    display: none; }
    @media screen and (max-width: 800px) {
      .side-header .responsive-link {
        display: block; } }
  @media screen and (max-width: 1280px) {
    .side-header {
      top: 0px;
      bottom: 0px; } }
  @media screen and (max-width: 600px) {
    .side-header {
      width: 100%; } }
  .side-header__content {
    width: 100%;
    height: auto;
    min-height: 100vh;
    padding: 150px 50px 50px 50px;
    background-color: white;
    will-change: transform; }
    @media screen and (max-width: 1280px) {
      .side-header__content {
        padding: 50px 50px 50px 50px; } }
  .side-header li {
    color: #808080;
    font-size: 0.875rem;
    text-transform: uppercase;
    margin: 25px 0;
    opacity: 0;
    visibility: hidden;
    will-change: transform;
    transition: color 0.4s; }
    .side-header li:hover, .side-header li.current-menu-item {
      color: #000; }

.page-classic {
  margin: 0 60px; }
  @media screen and (max-width: 1280px) {
    .page-classic {
      margin: 0 40px; } }
  @media screen and (max-width: 600px) {
    .page-classic {
      margin: 0 0px; } }
  .page-classic img.mobile {
    width: 100%; }

.page-classic__block {
  position: absolute;
  top: 0;
  right: 0;
  width: 60%;
  color: #fff;
  font-size: 1rem; }
  @media screen and (max-width: 1280px) {
    .page-classic__block {
      max-height: 100%;
      overflow: auto; } }
  @media screen and (max-width: 800px) {
    .page-classic__block {
      position: static;
      width: 100%; } }
  @media screen and (max-width: 800px) {
    .page-classic__block.tablet.mobile {
      display: inherit; } }
  .page-classic__block h2 {
    margin-bottom: 20px; }

.page-classic__block__text p {
  margin: 20px 0; }

.page-classic__block__text--hidden {
  display: none; }

.page-classic__block__more {
  margin-top: 40px;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.125rem;
  cursor: pointer; }

.page-classic__block__less {
  display: none;
  opacity: 0; }

.page-classic__block__links {
  margin-top: 20px;
  text-transform: uppercase;
  letter-spacing: 0.1875rem;
  font-size: 1.125rem; }
  .page-classic__block__links li {
    padding-bottom: 20px;
    margin-left: 20px;
    display: inline-block;
    position: relative;
    overflow: hidden;
    cursor: pointer; }
    @media screen and (max-width: 600px) {
      .page-classic__block__links li {
        overflow: auto; } }
    .page-classic__block__links li a:after {
      content: url("../assets/images/border-bottom-white.svg");
      position: absolute;
      bottom: 15px;
      left: 0;
      width: 200px;
      height: 10px;
      opacity: 0;
      transform: translateY(5px);
      transition: 0.4s; }
      @media screen and (max-width: 600px) {
        .page-classic__block__links li a:after {
          display: none; } }
    .page-classic__block__links li:hover a:after {
      opacity: 1;
      transform: translateY(0px); }
    .page-classic__block__links li:first-child {
      margin-left: 0; }

.page-classic__block--right {
  padding: 60px 140px 60px 60px;
  right: 0; }
  @media screen and (max-width: 1280px) {
    .page-classic__block--right {
      padding: 40px 80px 40px 40px;
      width: 55%; } }
  @media screen and (max-width: 800px) {
    .page-classic__block--right {
      padding-right: 40px;
      width: 100%; } }
  @media screen and (max-width: 600px) {
    .page-classic__block--right {
      padding: 40px; } }

.page-classic__block--left {
  left: 0;
  width: 40%;
  padding: 60px 60px 60px 40px; }
  @media screen and (max-width: 1280px) {
    .page-classic__block--left {
      padding: 40px;
      width: 45%; } }
  @media screen and (max-width: 800px) {
    .page-classic__block--left {
      width: 100%;
      padding: 40px; } }

.page-classic__block--orange {
  background: #ff7a67; }

.page-classic__block--gold {
  background: #c8ae88; }

.page-classic__block--purple {
  background: #835267; }

.page-classic__block--blue {
  background: #126283; }

.page-classic__block--lightblue {
  background: #007588; }

.page-classic__block--red {
  background: #C34E5C; }

.page-classic__block--brown {
  background: #9a7b72; }

.page-classic__footer {
  margin-top: 40px;
  padding: 40px 80px 40px 80px;
  color: #fff;
  font-size: 0.875rem; }
  @media screen and (max-width: 1280px) {
    .page-classic__footer {
      padding: 40px 5%; } }
  @media screen and (max-width: 800px) {
    .page-classic__footer {
      padding: 40px 5%; } }
  @media screen and (max-width: 600px) {
    .page-classic__footer {
      padding: 40px 5%; } }
  .page-classic__footer .u-table {
    width: 100%; }
  .page-classic__footer h2 {
    margin-bottom: 20px; }
  .page-classic__footer__map__container {
    width: 50%;
    height: 100%; }
    @media screen and (max-width: 1280px) {
      .page-classic__footer__map__container {
        display: block;
        width: 100%; } }
    @media screen and (max-width: 800px) {
      .page-classic__footer__map__container {
        display: block;
        width: 100%; } }
    @media screen and (max-width: 600px) {
      .page-classic__footer__map__container {
        display: block;
        width: 100%; } }
  .page-classic__footer__infos {
    width: 50%; }
    @media screen and (max-width: 1280px) {
      .page-classic__footer__infos {
        display: block;
        width: 100%; } }
    @media screen and (max-width: 800px) {
      .page-classic__footer__infos {
        display: block;
        width: 100%; } }
    @media screen and (max-width: 600px) {
      .page-classic__footer__infos {
        display: block;
        width: 100%; } }
  .page-classic__footer__map {
    margin: auto;
    max-width: 553px;
    height: 275px;
    background-color: white; }
    @media screen and (max-width: 1280px) {
      .page-classic__footer__map {
        width: 100%;
        height: 275px;
        margin-top: 40px;
        margin-left: 0; } }
    @media screen and (max-width: 800px) {
      .page-classic__footer__map {
        width: 100%;
        height: 275px;
        margin-top: 40px;
        margin-left: 0; } }
    @media screen and (max-width: 600px) {
      .page-classic__footer__map {
        width: 100%;
        height: 275px;
        margin-top: 40px;
        margin-left: 0; } }
  .page-classic__footer__informations {
    max-width: 75%; }
    .page-classic__footer__informations .p1 {
      margin-top: 15px; }
    .page-classic__footer__informations a:hover {
      opacity: 0.7; }
  .page-classic__footer__social {
    margin-top: 40px;
    transition: 0.2s; }
    .page-classic__footer__social a:hover {
      opacity: 0.7; }
    .page-classic__footer__social svg {
      margin-right: 7px;
      vertical-align: middle;
      width: 16px;
      fill: white; }

.page-classic__footer--orange {
  background: #ff7a67; }

.page-classic__footer--blue {
  background: #126283; }

.page-classic__footer--lightblue {
  background: #007588; }

.page-classic__footer--red {
  background: #C34E5C; }

.page-classic__footer--brown {
  background: #9a7b72; }

.popin {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99;
  background: rgba(0, 0, 0, 0.8); }
  .popin svg {
    position: fixed;
    top: 10px;
    left: 50%;
    width: 64px;
    height: 64px;
    transform: translateX(-50%);
    cursor: pointer; }
  @media screen and (max-width: 600px) {
    .popin {
      background: black; } }
  .popin iframe {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 20px 20px 20px 20px;
    box-sizing: initial; }
    @media screen and (max-width: 600px) {
      .popin iframe {
        margin: 0;
        margin-top: 70px;
        padding: 0;
        position: static;
        top: 0;
        left: 0;
        background: rgba(0, 0, 0, 0.8);
        border: none;
        box-sizing: border-box;
        transform: translate(0px); } }

.popin-rotisserie {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99;
  background: rgba(0, 0, 0, 0.8); }
  .popin-rotisserie svg {
    position: fixed;
    top: 10px;
    left: 50%;
    width: 64px;
    height: 64px;
    transform: translateX(-50%);
    cursor: pointer; }
  @media screen and (max-width: 600px) {
    .popin-rotisserie {
      background: black; } }
  .popin-rotisserie iframe {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 20px 20px 20px 20px;
    box-sizing: initial; }
    @media screen and (max-width: 600px) {
      .popin-rotisserie iframe {
        margin: 0;
        margin-top: 70px;
        padding: 0;
        position: static;
        top: 0;
        left: 0;
        background: rgba(0, 0, 0, 0.8);
        border: none;
        box-sizing: border-box;
        transform: translate(0px); } }

.slider {
  overflow: hidden; }
  .slider.full {
    cursor: url("../assets/images/close.png"), pointer; }
    .slider.full .slider__content__left,
    .slider.full .slider__content__right {
      cursor: url("../assets/images/close.png"), pointer; }
  .slider__content {
    position: relative;
    width: 100%;
    height: 700px;
    background: #000; }
    @media screen and (max-width: 800px) {
      .slider__content {
        height: 500px; } }
    @media screen and (max-width: 600px) {
      .slider__content {
        height: 400px; } }
  .slider__content__arrow--left, .slider__content__arrow--right {
    position: absolute;
    top: calc(50% - 38px);
    width: 76px;
    height: 76px;
    background-color: #fff;
    z-index: 4;
    overflow: hidden;
    cursor: pointer; }
    @media screen and (max-width: 600px) {
      .slider__content__arrow--left, .slider__content__arrow--right {
        top: calc(100% - 22px);
        width: 45px;
        height: 45px; } }
    .slider__content__arrow--left::after, .slider__content__arrow--right::after {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background: #c8ae88;
      transform: translateX(-100%);
      transition: 0.4s cubic-bezier(0.19, 1, 0.22, 1);
      transition-delay: 0.1s; }
    .slider__content__arrow--left:hover::after, .slider__content__arrow--right:hover::after {
      transform: translateX(0);
      transition-delay: 0.1s; }
    .slider__content__arrow--left:hover .slider__content__arrow--right__svg--white,
    .slider__content__arrow--left:hover .slider__content__arrow--left__svg--white, .slider__content__arrow--right:hover .slider__content__arrow--right__svg--white,
    .slider__content__arrow--right:hover .slider__content__arrow--left__svg--white {
      opacity: 1;
      transform: translateX(0px);
      transition-delay: 0.2s; }
    .slider__content__arrow--left:hover .slider__content__arrow--right__svg--gold,
    .slider__content__arrow--left:hover .slider__content__arrow--left__svg--gold, .slider__content__arrow--right:hover .slider__content__arrow--right__svg--gold,
    .slider__content__arrow--right:hover .slider__content__arrow--left__svg--gold {
      opacity: 0;
      transform: translateX(10px);
      transition-delay: 0s; }
    .slider__content__arrow--left:hover .slider__content__arrow--left__svg--white, .slider__content__arrow--right:hover .slider__content__arrow--left__svg--white {
      transform: rotate(180deg) translateX(0px); }
    .slider__content__arrow--left:hover .slider__content__arrow--left__svg--gold, .slider__content__arrow--right:hover .slider__content__arrow--left__svg--gold {
      transform: rotate(180deg) translateX(10px); }
    .slider__content__arrow--left__svg, .slider__content__arrow--right__svg {
      position: absolute;
      top: calc(50% - 8px);
      left: calc(50% - 8px);
      width: 16px;
      height: 16px; }
      @media screen and (max-width: 600px) {
        .slider__content__arrow--left__svg, .slider__content__arrow--right__svg {
          width: 10px;
          height: 10px;
          top: calc(50% - 5px);
          left: calc(50% - 5px); } }
      .slider__content__arrow--left__svg--gold path, .slider__content__arrow--right__svg--gold path {
        fill: #c8ae88; }
      .slider__content__arrow--left__svg--white path, .slider__content__arrow--right__svg--white path {
        fill: #FFF !important; }
      .slider__content__arrow--left__svg--white, .slider__content__arrow--right__svg--white {
        opacity: 0;
        transform: translateX(-10px);
        transition: 0.4s cubic-bezier(0.19, 1, 0.22, 1);
        transition-delay: 0s;
        z-index: 2; }
      .slider__content__arrow--left__svg--gold, .slider__content__arrow--right__svg--gold {
        transition: 0.4s cubic-bezier(0.19, 1, 0.22, 1);
        transition-delay: 0.2s; }
  .slider__content__arrow--left:after {
    transform: translateX(100%); }
  .slider__content__arrow--left__svg--white {
    transform: rotate(180deg) translateX(-10px); }
  .slider__content__arrow--left__svg--gold {
    transform: rotate(180deg) translateX(0px); }
  .slider__content__arrow--right {
    left: calc(50% + 15px);
    transform-origin: right; }
    @media screen and (max-width: 600px) {
      .slider__content__arrow--right {
        left: calc(50% + 0px); } }
  .slider__content__arrow--left {
    left: calc(50% - 91px);
    transform-origin: left; }
    @media screen and (max-width: 600px) {
      .slider__content__arrow--left {
        left: calc(50% - 45px); } }
  .slider__content__left, .slider__content__right {
    position: relative;
    width: 50%;
    float: left;
    height: 100%;
    cursor: pointer; }
    @media screen and (max-width: 600px) {
      .slider__content__left, .slider__content__right {
        width: 100%; } }
    .slider__content__left:hover .slider__content__overlay, .slider__content__right:hover .slider__content__overlay {
      opacity: 0;
      z-index: 3; }
  .slider__content__overlay {
    background: #000;
    z-index: 3;
    opacity: 0.3;
    transition: opacity 0.4s;
    display: none; }
  .slider__content__bar {
    position: absolute;
    top: 0;
    left: calc(50% - 15px);
    width: 30px;
    height: 100%;
    background-color: #FFF;
    z-index: 4; }
    @media screen and (max-width: 600px) {
      .slider__content__bar {
        left: 0;
        top: calc(100% - 7px);
        width: 100%;
        height: 14px; } }
  .slider__content__slide {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 1; }
    .slider__content__slide.active {
      display: block;
      z-index: 3; }
    .slider__content__slide.second-active {
      display: block;
      z-index: 2; }
  .slider__texts__text {
    position: relative;
    float: left;
    width: 50%;
    height: 200px;
    text-align: center;
    color: #000;
    font-size: 1.125rem; }
    @media screen and (max-width: 800px) {
      .slider__texts__text {
        height: 150px; } }
    @media screen and (max-width: 600px) {
      .slider__texts__text {
        height: 120px;
        font-size: 0.875rem; } }
    .slider__texts__text__slide {
      position: absolute;
      top: 0;
      left: 0;
      padding: 35px 135px;
      width: 100%;
      height: 100%; }
      @media screen and (max-width: 1280px) {
        .slider__texts__text__slide {
          padding: 35px 95px; } }
      @media screen and (max-width: 800px) {
        .slider__texts__text__slide {
          padding: 35px; } }
      @media screen and (max-width: 600px) {
        .slider__texts__text__slide {
          padding: 30px 0; } }
  .slider--gold .slider__content__arrow--left__svg path,
  .slider--gold .slider__content__arrow--right__svg path {
    fill: #c8ae88; }
  .slider--gold .slider__content__arrow--left::after,
  .slider--gold .slider__content__arrow--right::after {
    background: #c8ae88; }
  .slider--red .slider__content__arrow--left__svg path,
  .slider--red .slider__content__arrow--right__svg path {
    fill: #C34E5C; }
  .slider--red .slider__content__arrow--left::after,
  .slider--red .slider__content__arrow--right::after {
    background: #C34E5C; }
  .slider--blue .slider__content__arrow--left__svg path,
  .slider--blue .slider__content__arrow--right__svg path {
    fill: #126283; }
  .slider--blue .slider__content__arrow--left::after,
  .slider--blue .slider__content__arrow--right::after {
    background: #126283; }
  .slider--lightblue .slider__content__arrow--left__svg path,
  .slider--lightblue .slider__content__arrow--right__svg path {
    fill: #007588; }
  .slider--lightblue .slider__content__arrow--left::after,
  .slider--lightblue .slider__content__arrow--right::after {
    background: #007588; }
  .slider--orange .slider__content__arrow--left__svg path,
  .slider--orange .slider__content__arrow--right__svg path {
    fill: #ff7a67; }
  .slider--orange .slider__content__arrow--left::after,
  .slider--orange .slider__content__arrow--right::after {
    background: #ff7a67; }
  .slider--brown .slider__content__arrow--left__svg path,
  .slider--brown .slider__content__arrow--right__svg path {
    fill: #9a7b72; }
  .slider--brown .slider__content__arrow--left::after,
  .slider--brown .slider__content__arrow--right::after {
    background: #9a7b72; }

.container {
  max-width: 992px;
  margin: auto; }

.fullscreen {
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat; }

html {
  box-sizing: border-box;
  font-size: 16px;
  line-height: 1.5; }

*,
*::before,
*::after {
  box-sizing: inherit; }

body {
  color: #202020; }

a {
  color: inherit;
  text-decoration: inherit; }

.view {
  padding-top: 60px; }
  @media screen and (max-width: 1280px) {
    .view {
      padding-top: 40px; } }

.mobile {
  display: none; }
  @media screen and (max-width: 600px) {
    .mobile {
      display: inherit; } }

@media screen and (max-width: 800px) {
  .tablet {
    display: inherit; } }

@media screen and (max-width: 600px) {
  .tablet {
    display: none; } }

@media screen and (max-width: 800px) {
  .desktop {
    display: none; } }

.clearfix {
  clear: both; }

.blog__header {
  position: relative;
  text-align: center; }

.blog__header__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 500px;
  background-color: #b8e779; }

.blog__header__content {
  position: relative;
  z-index: 2; }
  .blog__header__content h2 {
    margin-bottom: 75px;
    font-size: 1.125rem;
    color: #000;
    text-transform: uppercase;
    letter-spacing: 0.1875rem; }

.blog__header svg {
  margin: 75px auto 20px auto;
  width: 200px; }

.blog__header__content__posts__nav {
  position: absolute;
  bottom: 40px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10; }
  @media screen and (max-width: 1280px) {
    .blog__header__content__posts__nav {
      bottom: 15px; } }

.blog__header__content__posts__nav__dot {
  margin: 0px 5px;
  cursor: pointer; }

.blog__header__content__posts__nav__dot.active svg {
  fill: #b8e779; }

.blog__header__content__posts__nav__dot svg {
  margin: 0;
  width: 18px;
  height: 18px;
  fill: #fff; }
  .blog__header__content__posts__nav__dot svg:hover {
    fill: #b8e779; }

.blog__header__content__posts__container {
  display: block;
  width: 100%;
  height: 100%; }

.blog__header__content__posts {
  position: relative;
  width: 80%;
  height: 500px;
  margin: auto;
  overflow: hidden;
  white-space: nowrap;
  font-size: 0px; }

.blog__header__content__posts__post {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 100%; }

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

.blog__header__content__post__overlay {
  background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.65) 100%);
  z-index: 1; }

.blog__header__content__post__texts {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
  width: 40%;
  text-align: left;
  color: #fff;
  margin: 40px;
  white-space: initial;
  font-size: 1rem; }
  @media screen and (max-width: 1280px) {
    .blog__header__content__post__texts {
      width: 60%; } }
  @media screen and (max-width: 600px) {
    .blog__header__content__post__texts {
      width: 85%;
      margin: 20px 20px 40px 20px; } }

.blog__list {
  width: 80%;
  margin: 60px auto 40px auto; }

.blog__list__item {
  width: calc(50% - 10px);
  float: left;
  margin-bottom: 100px;
  transition: box-shadow 0.4s; }
  @media screen and (max-width: 800px) {
    .blog__list__item {
      width: 100%; } }
  .blog__list__item:nth-child(even) {
    margin-left: 20px; }
  .blog__list__item:hover .blog__list__item__body__bg {
    opacity: 1; }
  .blog__list__item:hover {
    box-shadow: 0px 15px 30px 0px rgba(0, 0, 0, 0.1); }

.blog__list__item__header {
  background-size: cover;
  background-position: center;
  height: 400px; }
  @media screen and (max-width: 800px) {
    .blog__list__item__header {
      height: 300px; } }

.blog__list__item__body__bg {
  opacity: 0;
  background-color: #b8e779;
  transition: 0.4s; }

.blog__list__item__body {
  position: relative;
  min-height: 450px;
  font-size: 1.125rem; }
  @media screen and (max-width: 1280px) {
    .blog__list__item__body {
      min-height: 600px; } }
  @media screen and (max-width: 800px) {
    .blog__list__item__body {
      min-height: 500px; } }
  @media screen and (max-width: 600px) {
    .blog__list__item__body {
      min-height: 650px; } }
  .blog__list__item__body h3 {
    margin-bottom: 30px;
    letter-spacing: 0.1875rem;
    color: #000; }
  .blog__list__item__body__content__more {
    position: absolute;
    bottom: 20px;
    left: 20px;
    display: inline-block;
    margin-top: 30px;
    text-transform: uppercase; }

.blog__list__item__body__content {
  position: absolute;
  padding: 50px 20px 20px 20px;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 50px 20px 20px 20px;
  z-index: 2; }

.boulanger__slider {
  margin-top: 40px; }

.carte__pdf {
  position: absolute;
  top: 60px;
  left: 60px;
  right: 60px;
  bottom: 60px;
  overflow: hidden; }
  @media screen and (max-width: 1280px) {
    .carte__pdf {
      top: 40px;
      left: 40px;
      right: 40px;
      bottom: 40px; } }
  @media screen and (max-width: 600px) {
    .carte__pdf {
      top: 40px;
      left: 0px;
      right: 0px;
      bottom: 80px; } }

.cave__footer {
  position: relative;
  overflow: hidden;
  background-color: black;
  height: 518px;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  font-size: 1.125rem;
  letter-spacing: 0.1875rem; }
  .cave__footer svg {
    margin-bottom: 35px;
    width: 30%;
    fill: #fff; }
    @media screen and (max-width: 600px) {
      .cave__footer svg {
        width: 70%; } }
  .cave__footer:hover .cave__footer__image {
    transform: scale(1.1);
    opacity: 0.3; }
  .cave__footer__image {
    opacity: 0.7;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    transition: 0.4s; }
    @media screen and (max-width: 600px) {
      .cave__footer__image {
        opacity: 0.5; } }

.chef .cover svg {
  max-height: 280px; }

.chef__header {
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  text-align: center; }
  .chef__header__name {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 35px;
    width: 577px;
    max-width: 100%;
    background: #FFF;
    transform: scaleY(0);
    transform-origin: bottom; }
    .chef__header__name p {
      position: relative;
      display: inline-block;
      font-size: 1.25rem;
      letter-spacing: 0.25rem;
      text-transform: uppercase;
      color: #c8ae88;
      opacity: 0; }
    .chef__header__name p:first-child::before,
    .chef__header__name p:first-child::after {
      position: absolute;
      content: '';
      background-image: url("../../dist/assets/images/decoration.svg");
      background-size: contain;
      background-position: center;
      background-repeat: no-repeat;
      width: 15px;
      height: 15px; }
    .chef__header__name p::before {
      top: 4px;
      left: -40px; }
    .chef__header__name p::after {
      top: 4px;
      right: -40px; }

.chef__quote {
  position: relative;
  width: 577px;
  max-width: 100%;
  padding: 20px 85px; }
  .chef__quote::after, .chef__quote::before {
    content: '';
    position: absolute;
    width: 30px;
    height: 30px;
    background-image: url("../assets/images/quotes.svg");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat; }
  .chef__quote::before {
    top: -10px;
    left: 40px; }
  .chef__quote::after {
    bottom: 0px;
    right: 30px;
    transform: rotate(180deg); }
  @media screen and (max-width: 600px) {
    .chef__quote {
      padding: 20px 50px; }
      .chef__quote::before {
        left: 15px; }
      .chef__quote::after {
        right: 15px; } }

@media screen and (max-width: 800px) {
  .chef__content .grid .col-7 {
    width: 100%; } }

.chef__carreer .more {
  color: #202020;
  font-size: 1rem;
  letter-spacing: 0.1875rem;
  margin-top: 50px;
  cursor: pointer; }

.chef__carreer {
  text-align: left;
  padding: 40px 40px; }
  .chef__carreer p {
    margin: 25px 0px; }
    .chef__carreer p:first-child {
      margin-top: 0; }
  .chef__carreer__hidden {
    display: none;
    opacity: 0; }
  @media screen and (max-width: 800px) {
    .chef__carreer {
      padding: 0 20px; } }
  @media screen and (max-width: 600px) {
    .chef__carreer p:first-child {
      margin-top: 25px; }
    .chef__carreer p:last-child {
      margin-bottom: 0; } }

.chef__image {
  position: relative; }
  .chef__image__content {
    width: 100%; }

.chef__border {
  width: 100%;
  height: 20px;
  background-image: url("../assets/images/border.svg");
  background-repeat: repeat-x;
  margin: 40px 0; }
  @media screen and (max-width: 600px) {
    .chef__border {
      margin: 10px 0; } }

.chef__menu {
  display: inline-block;
  position: relative;
  margin-left: 40px;
  padding-bottom: 15px;
  overflow: hidden;
  text-align: left; }
  .chef__menu a {
    color: #c8ae88;
    font-size: 1.5rem;
    text-transform: uppercase;
    letter-spacing: 0.09375rem; }
    @media screen and (max-width: 600px) {
      .chef__menu a {
        font-size: 1.125rem; } }
  .chef__menu a:after {
    content: url("../assets/images/border-bottom-gold.svg");
    position: absolute;
    bottom: 20px;
    left: 0;
    width: 235px;
    height: 10px;
    opacity: 0;
    transform: translateY(5px);
    transition: 0.4s; }
  .chef__menu a:hover:after {
    opacity: 1;
    transform: translateY(0px); }
  @media screen and (max-width: 600px) {
    .chef__menu {
      margin-top: 15px; } }

.chef__slider {
  margin-top: 50px; }
  @media screen and (max-width: 600px) {
    .chef__slider {
      margin-top: 30px; } }

.comptoir__footer {
  position: relative;
  overflow: hidden;
  background-color: black;
  height: 518px;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  font-size: 1.125rem;
  letter-spacing: 0.1875rem; }
  .comptoir__footer svg {
    margin-bottom: 35px;
    width: 30%;
    fill: #fff; }
    @media screen and (max-width: 1280px) {
      .comptoir__footer svg {
        width: 60%; } }
    @media screen and (max-width: 800px) {
      .comptoir__footer svg {
        width: 70%; } }
    @media screen and (max-width: 600px) {
      .comptoir__footer svg {
        width: 80%; } }
  .comptoir__footer:hover .cave__footer__image {
    transform: scale(1.1);
    opacity: 0.5; }
  .comptoir__footer__image {
    transition: 0.4s; }

.comptoir .page-classic__footer {
  margin-top: 0px; }

.heritage__founders {
  background: #000; }
  .heritage__founders__single {
    position: relative;
    float: left;
    vertical-align: middle;
    width: calc(100% / 3);
    padding-bottom: 50%;
    background-position: center center;
    background-size: cover; }
    .heritage__founders__single:nth-child(2) {
      background-size: 130% !important;
      background-position: bottom; }
    @media screen and (max-width: 800px) {
      .heritage__founders__single {
        margin-left: 0;
        height: 300px; } }
    @media screen and (max-width: 600px) {
      .heritage__founders__single {
        margin-left: 0;
        width: 100%;
        height: 500px; } }
    .heritage__founders__single:first-child {
      margin-left: 0; }
    .heritage__founders__single__filter {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-image: linear-gradient(to top, rgba(0, 0, 0, 0.65), transparent); }
    .heritage__founders__single__text {
      position: absolute;
      bottom: 0;
      left: 50%;
      transform: translate3d(-50%, -100%, 0);
      color: #fff;
      text-align: center;
      font-size: 2.25rem;
      letter-spacing: 0.1875rem;
      text-transform: uppercase; }
      @media screen and (max-width: 800px) {
        .heritage__founders__single__text {
          font-size: 1.75rem; } }
      @media screen and (max-width: 600px) {
        .heritage__founders__single__text {
          font-size: 2.25rem; } }

.heritage__container {
  padding: 60px 0;
  background-color: #126283; }
  @media screen and (max-width: 600px) {
    .heritage__container {
      padding: 30px 0; } }
  .heritage__container__introduction {
    margin: 0 auto;
    width: 50%;
    color: #fff;
    text-align: center; }
    @media screen and (max-width: 600px) {
      .heritage__container__introduction {
        width: 80%; } }
    @media screen and (max-width: 800px) {
      .heritage__container__introduction {
        width: 80%; } }
  .heritage__container__history {
    margin-top: 120px;
    margin-right: auto;
    margin-left: auto;
    width: 80%; }
    @media screen and (max-width: 800px) {
      .heritage__container__history {
        margin-top: 60px; } }
    @media screen and (max-width: 600px) {
      .heritage__container__history {
        margin-top: 40px; } }
    .heritage__container__history .title {
      text-align: center; }
    .heritage__container__history__timeline {
      margin-top: 60px; }
      .heritage__container__history__timeline__single {
        position: relative;
        margin-top: 120px; }
        @media screen and (max-width: 800px) {
          .heritage__container__history__timeline__single:first-child {
            margin-top: 60px; } }
        .heritage__container__history__timeline__single .left,
        .heritage__container__history__timeline__single .center,
        .heritage__container__history__timeline__single .right {
          margin-left: -4.25px;
          display: inline-block;
          vertical-align: middle;
          width: calc(100% / 3);
          color: #fff;
          transition: 1s; }
          .heritage__container__history__timeline__single .left h2,
          .heritage__container__history__timeline__single .center h2,
          .heritage__container__history__timeline__single .right h2 {
            font-size: 1.5em;
            margin-bottom: 20px; }
            @media screen and (max-width: 600px) {
              .heritage__container__history__timeline__single .left h2,
              .heritage__container__history__timeline__single .center h2,
              .heritage__container__history__timeline__single .right h2 {
                font-size: 1.5em; } }
          .heritage__container__history__timeline__single .left img,
          .heritage__container__history__timeline__single .center img,
          .heritage__container__history__timeline__single .right img {
            max-width: 100%; }
          @media screen and (max-width: 600px) {
            .heritage__container__history__timeline__single .left,
            .heritage__container__history__timeline__single .center,
            .heritage__container__history__timeline__single .right {
              width: 90%; } }
          @media screen and (max-width: 800px) {
            .heritage__container__history__timeline__single .left,
            .heritage__container__history__timeline__single .center,
            .heritage__container__history__timeline__single .right {
              width: 90%; } }
        .heritage__container__history__timeline__single .left {
          margin-left: 0; }
          @media screen and (max-width: 800px) {
            .heritage__container__history__timeline__single .left {
              margin-left: 15%; } }
        .heritage__container__history__timeline__single .right {
          margin-left: calc(100% / 3 - 4.25px); }
          @media screen and (max-width: 800px) {
            .heritage__container__history__timeline__single .right {
              margin-top: 30px;
              margin-left: 15%; } }
        .heritage__container__history__timeline__single .center {
          position: absolute;
          top: 0;
          bottom: 0;
          left: 50%;
          transform: translate3d(-50%, 0, 0); }
          .heritage__container__history__timeline__single .center .year {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate3d(-50%, -50%, 0);
            font-size: 2rem;
            text-align: center;
            color: #c8ae88; }
            .heritage__container__history__timeline__single .center .year .arrow-up,
            .heritage__container__history__timeline__single .center .year .arrow-down {
              margin-right: auto;
              margin-left: auto;
              display: block;
              width: 18px; }
            .heritage__container__history__timeline__single .center .year .arrow-up {
              transform: rotate(180deg); }
            @media screen and (max-width: 800px) {
              .heritage__container__history__timeline__single .center .year {
                font-size: 1.3rem; } }
            @media screen and (max-width: 600px) {
              .heritage__container__history__timeline__single .center .year {
                font-size: 1rem; } }
          .heritage__container__history__timeline__single .center:before {
            content: "";
            position: absolute;
            top: -60px;
            left: 50%;
            transform: translate3d(-50%, 0, 0);
            height: calc(50% - 30px);
            width: 1px;
            background-color: #c8ae88;
            opacity: 0.5; }
          .heritage__container__history__timeline__single .center:after {
            content: "";
            position: absolute;
            bottom: -60px;
            left: 50%;
            transform: translate3d(-50%, 0, 0);
            height: calc(50% - 30px);
            width: 1px;
            background-color: #c8ae88;
            opacity: 0.5; }
          @media screen and (max-width: 800px) {
            .heritage__container__history__timeline__single .center {
              left: -5%;
              transform: translate3d(0, 0, 0);
              width: 10%; } }
          @media screen and (max-width: 600px) {
            .heritage__container__history__timeline__single .center {
              left: -10%;
              width: 25%; } }
        .heritage__container__history__timeline__single:first-child .center:before {
          display: none; }
        .heritage__container__history__timeline__single:first-child .center .arrow-down {
          display: none; }
        .heritage__container__history__timeline__single:last-child .center:after {
          display: none; }
        .heritage__container__history__timeline__single:last-child .center .arrow-up {
          display: none; }

.home {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

.home .home__view {
  position: absolute;
  top: 60px;
  left: 60px;
  right: 60px;
  bottom: 60px;
  z-index: 1;
  overflow: hidden; }
  @media screen and (max-width: 1280px) {
    .home .home__view {
      top: 40px;
      left: 40px;
      right: 40px;
      bottom: 40px; } }
  @media screen and (max-width: 600px) {
    .home .home__view {
      top: 40px;
      left: 0px;
      right: 0px;
      bottom: 80px; } }

.home__slide {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  text-align: center; }
  .home__slide.active {
    display: block;
    z-index: 2; }
  .home__slide__filter {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2); }
  .home__slide__content {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat; }
    .home__slide__content * {
      z-index: 2; }
    .home__slide__content:after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background-color: black;
      opacity: 0.4;
      z-index: 0; }
  .home__slide__content h2 {
    text-transform: uppercase; }
  .home__slide__link {
    position: relative;
    padding: 0px 0 30px 0;
    color: #FFF;
    font-size: 1.125rem;
    text-transform: uppercase;
    letter-spacing: 0.25rem;
    overflow: hidden; }
    @media screen and (max-width: 1280px) {
      .home__slide__link {
        font-size: 0.875rem; } }
    .home__slide__link a:after {
      content: url("../assets/images/border-bottom-white.svg");
      position: absolute;
      bottom: 20px;
      left: -20px;
      width: 200px;
      height: 10px;
      opacity: 0;
      transform: translateY(5px);
      transition: 0.4s; }
    .home__slide__link:hover a:after {
      opacity: 1;
      transform: translateY(0px); }

.home__arrow {
  position: absolute;
  top: 50%;
  color: #FFF;
  font-size: 0.875rem;
  letter-spacing: 0.1875rem;
  text-transform: uppercase;
  cursor: pointer;
  z-index: 3;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none; }
  .home__arrow .home__arrow__text--before {
    transform: translateX(100%); }
  .home__arrow .home__arrow__text--after span {
    opacity: 0;
    visibility: hidden; }
  .home__arrow span {
    display: inline-block; }
  @media screen and (max-width: 1280px) {
    .home__arrow {
      bottom: 50px; } }
  @media screen and (max-width: 800px) {
    .home__arrow {
      bottom: 40%; } }
  .home__arrow p {
    display: inline-block;
    opacity: 0; }
    @media screen and (max-width: 800px) {
      .home__arrow p {
        display: none; } }
  .home__arrow img {
    margin: 0 20px;
    vertical-align: middle; }
  .home__arrow--right {
    right: 100px; }
    @media screen and (max-width: 1280px) {
      .home__arrow--right {
        right: 20px; } }
    .home__arrow--right p {
      opacity: 0; }
    .home__arrow--right img {
      opacity: 1; }
      @media screen and (max-width: 1280px) {
        .home__arrow--right img {
          margin: 0 0 0 5px; } }
  .home__arrow--left {
    left: 100px; }
    .home__arrow--left img {
      transform: rotate(180deg); }
      @media screen and (max-width: 1280px) {
        .home__arrow--left img {
          margin: 0 5px 0 0; } }
    @media screen and (max-width: 1280px) {
      .home__arrow--left {
        left: 20px; } }

.home__discover {
  width: 100%;
  height: 100%; }
  .home__discover__slide {
    display: none;
    visibility: hidden;
    opacity: 0; }
  .home__discover__icon {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%; }
    .home__discover__icon svg {
      opacity: 0;
      fill: white; }
      @media screen and (max-width: 1280px) {
        .home__discover__icon svg {
          width: 50%; } }
      @media screen and (max-width: 600px) {
        .home__discover__icon svg {
          width: 70%; } }
  .home__discover__dots {
    position: absolute;
    bottom: 100px;
    left: 50%;
    transform: translate3d(-50%, 0, 0);
    z-index: 2; }
    .home__discover__dots__dot {
      display: inline-block;
      margin-left: calc(19px / 2);
      cursor: pointer;
      opacity: 0; }
      .home__discover__dots__dot svg {
        width: 19px;
        fill: white;
        transition: fill 0.15s ease-in-out; }
      .home__discover__dots__dot:first-child {
        margin-left: 0; }
      .home__discover__dots__dot:hover svg, .home__discover__dots__dot.active svg {
        fill: #126283; }
  .home__discover > .jello-canvas {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%; }

.home__chef svg {
  z-index: 2;
  width: 400px;
  fill: white; }
  @media screen and (max-width: 1280px) {
    .home__chef svg {
      width: 50%; } }
  @media screen and (max-width: 600px) {
    .home__chef svg {
      width: 200px; } }

.home__chef .home__slide__link {
  display: inline-block;
  margin: 40px 40px 0 40px; }
  @media screen and (max-width: 600px) {
    .home__chef .home__slide__link {
      margin: 40px 15px 0 15px; } }

.home__legacy svg {
  z-index: 2;
  width: 500px;
  fill: white; }
  @media screen and (max-width: 1280px) {
    .home__legacy svg {
      width: 50%; } }
  @media screen and (max-width: 600px) {
    .home__legacy svg {
      width: 200px; } }

.home__legacy .home__slide__link {
  display: inline-block;
  margin-top: 40px; }

.home__eboutique svg {
  display: block;
  width: 650px;
  margin: auto;
  fill: #fff; }
  @media screen and (max-width: 1280px) {
    .home__eboutique svg {
      width: 50%; } }
  @media screen and (max-width: 600px) {
    .home__eboutique svg {
      width: 60%; } }

.home__eboutique .home__slide__link {
  display: inline-block;
  margin: 40px 40px 0 40px; }
  @media screen and (max-width: 1280px) {
    .home__eboutique .home__slide__link {
      margin: 40px 20px 0 20px; } }
  @media screen and (max-width: 600px) {
    .home__eboutique .home__slide__link:last-child {
      margin-top: 0; } }

.home__lounge svg {
  width: 450px;
  fill: #fff; }
  @media screen and (max-width: 1280px) {
    .home__lounge svg {
      width: 50%; } }
  @media screen and (max-width: 600px) {
    .home__lounge svg {
      width: 200px; } }

.home__lounge .home__slide__link {
  display: inline-block;
  margin: 40px 40px 0 40px; }
  @media screen and (max-width: 1280px) {
    .home__lounge .home__slide__link {
      margin: 40px 20px 0 20px; } }

.home__blog {
  text-align: left;
  background: #000; }
  .home__blog__bg {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    opacity: 0; }
    .home__blog__bg.active {
      opacity: 1; }
  .home__blog__block__bg {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background-color: #b8e779; }
    @media screen and (max-width: 600px) {
      .home__blog__block__bg {
        display: none; } }
  .home__blog__block__content {
    position: relative;
    z-index: 3; }
    @media screen and (max-width: 600px) {
      .home__blog__block__content {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); } }
    .home__blog__block__content__link {
      display: inline-block;
      position: absolute;
      bottom: 30px;
      left: 60px;
      text-transform: uppercase;
      font-size: 1.125rem;
      letter-spacing: 0.1875rem; }
      @media screen and (max-width: 1280px) {
        .home__blog__block__content__link {
          bottom: 5%;
          left: 5%;
          font-size: 1rem; } }
      @media screen and (max-width: 800px) {
        .home__blog__block__content__link {
          padding-right: 70px; } }
      @media screen and (max-width: 600px) {
        .home__blog__block__content__link {
          bottom: 38%;
          left: 0;
          right: 0;
          text-align: center;
          color: #fff;
          padding-right: 0; } }
  .home__blog__block {
    position: absolute;
    top: 60px;
    left: 30%;
    right: 300px;
    bottom: 60px;
    padding: 60px; }
    @media screen and (max-width: 1280px) {
      .home__blog__block {
        left: 20%;
        right: 20%;
        top: 10%;
        bottom: 10%;
        padding: 5%; } }
    @media screen and (max-width: 800px) {
      .home__blog__block {
        left: 15%;
        right: 15%; } }
    @media screen and (max-width: 600px) {
      .home__blog__block {
        top: 40px;
        bottom: 40px;
        height: 100%;
        position: static; } }
    .home__blog__block h3 {
      margin-bottom: 20px;
      width: 80%;
      color: #000;
      font-size: 2.25rem;
      line-height: normal;
      text-transform: uppercase; }
      @media screen and (max-width: 1280px) {
        .home__blog__block h3 {
          font-size: 1.625rem; } }
    .home__blog__block svg {
      fill: #000;
      width: 200px;
      margin-bottom: 40px; }
      @media screen and (max-width: 1280px) {
        .home__blog__block svg {
          margin-bottom: 20px;
          width: 150px; } }
      @media screen and (max-width: 600px) {
        .home__blog__block svg {
          fill: #fff;
          margin-bottom: 70px; } }
    .home__blog__block__posts {
      position: relative; }
      @media screen and (max-width: 600px) {
        .home__blog__block__posts {
          display: none; } }
      .home__blog__block__posts__post {
        position: absolute;
        top: 0;
        left: 0;
        display: none;
        width: 100%;
        font-size: 0.875rem;
        line-height: 150%;
        color: #000;
        will-change: transform;
        -webkit-backface-visibility: hidden;
                backface-visibility: hidden;
        opacity: 0; }
        .home__blog__block__posts__post a {
          display: block; }
        .home__blog__block__posts__post__read-more {
          margin-top: 20px;
          display: inline-block; }
      .home__blog__block__posts__dots {
        position: absolute;
        bottom: 30px;
        right: 60px;
        z-index: 10; }
        @media screen and (max-width: 1280px) {
          .home__blog__block__posts__dots {
            bottom: 5%;
            right: 5%; } }
        @media screen and (max-width: 600px) {
          .home__blog__block__posts__dots {
            display: none; } }
        .home__blog__block__posts__dots__dot {
          display: inline-block;
          margin-left: calc(15px / 2);
          cursor: pointer;
          opacity: 0; }
          @media screen and (max-width: 1280px) {
            .home__blog__block__posts__dots__dot {
              margin-left: calc(10px / 2); } }
          .home__blog__block__posts__dots__dot svg {
            width: 15px;
            margin: 0;
            fill: #000;
            transition: fill 0.15s ease-in-out; }
            @media screen and (max-width: 1280px) {
              .home__blog__block__posts__dots__dot svg {
                position: relative;
                top: 2px; } }
          .home__blog__block__posts__dots__dot:first-child {
            margin-left: 0; }
          .home__blog__block__posts__dots__dot:hover svg, .home__blog__block__posts__dots__dot.active svg {
            fill: #fff; }

.home__others {
  background-color: #000; }
  .home__others__items {
    z-index: 0; }
  .home__others__item {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    will-change: transform;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 1;
    opacity: 0; }
    .home__others__item.active {
      opacity: 1;
      z-index: 2; }
  .home__others__overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: black;
    opacity: 0.4;
    z-index: 3; }
  .home__others .home__slide__link {
    display: inline-block;
    margin: 10px 0;
    will-change: transform;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    transform-origin: left;
    transition: transform 0.2s; }
    .home__others .home__slide__link a:after {
      content: url("../assets/images/border-bottom-white-big.svg");
      width: 600px; }
    .home__others .home__slide__link:hover {
      transform: scale(1.08) !important; }
    @media screen and (max-width: 600px) {
      .home__others .home__slide__link {
        margin: 10px 0; } }
    @media screen and (max-width: 1280px) {
      .home__others .home__slide__link {
        margin: 0px 0; } }
  .home__others__content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    margin-left: 400px;
    text-align: left;
    z-index: 4; }
    @media screen and (max-width: 1280px) {
      .home__others__content {
        margin-left: 250px; } }
    @media screen and (max-width: 800px) {
      .home__others__content {
        margin-left: 100px; } }
    .home__others__content svg {
      width: 350px;
      margin-bottom: 60px;
      fill: #fff; }
      @media screen and (max-width: 1280px) {
        .home__others__content svg {
          width: 250px;
          margin-bottom: 30px; } }
      @media screen and (max-width: 600px) {
        .home__others__content svg {
          width: 150px; } }
  .home__others h2 {
    color: #FFF;
    font-size: 4.5rem;
    margin-bottom: 80px; }
    @media screen and (max-width: 1280px) {
      .home__others h2 {
        font-size: 2.8125rem; } }

.home__contact {
  position: absolute;
  top: 0;
  right: 0;
  width: 700px;
  height: 100%;
  z-index: 3;
  transform: translateX(100%); }
  @media screen and (max-width: 600px) {
    .home__contact {
      width: 100%; } }
  .home__contact img {
    margin-bottom: 90px; }
  .home__contact img + ul {
    margin-bottom: 50px; }
  .home__contact li {
    margin: 10px 0; }
  .home__contact .home__contact__content {
    position: relative;
    float: left;
    width: 80%;
    height: 100%;
    background-color: #126283;
    color: #FFF; }
    @media screen and (max-width: 600px) {
      .home__contact .home__contact__content {
        width: 100%; } }
  .home__contact .home__contact__back {
    position: relative;
    float: left;
    width: 20%;
    height: 100%;
    background-color: #FFF;
    cursor: pointer; }
    @media screen and (max-width: 600px) {
      .home__contact .home__contact__back {
        display: none; } }
    .home__contact .home__contact__back p {
      position: relative;
      right: 10px;
      top: 10px;
      text-align: right;
      font-size: 0.75rem;
      letter-spacing: 0.1875rem;
      text-transform: uppercase;
      color: #888888; }

.invitation .page-classic__block h2 {
  margin-bottom: 0; }

.invitation .page-classic__block h2 + p {
  margin-top: 0;
  margin-bottom: 40px; }

.invitation .cover__title img {
  width: 125px;
  height: 125px; }
  @media screen and (max-width: 800px) {
    .invitation .cover__title img {
      width: 95px;
      height: 95px; } }
  @media screen and (max-width: 600px) {
    .invitation .cover__title img {
      width: 85px;
      height: 85px; } }

.invitation .invitations__form {
  position: relative;
  margin-top: 60px;
  margin-bottom: 60px; }
  .invitation .invitations__form > .grid > .col-6 {
    text-align: center; }
  @media screen and (max-width: 800px) {
    .invitation .invitations__form > .grid > .col-6 {
      width: 100%;
      text-align: center; }
      .invitation .invitations__form > .grid > .col-6:last-child {
        position: absolute;
        top: 660px; } }

.invitation .invitations__form h2 {
  margin-bottom: 60px;
  color: #126283; }
  @media screen and (max-width: 800px) {
    .invitation .invitations__form h2 {
      margin-bottom: 30px; } }

.invitation .invitations__form form .col-6 {
  text-align: center; }
  @media screen and (max-width: 800px) {
    .invitation .invitations__form form .col-6 {
      width: 100%; }
      .invitation .invitations__form form .col-6:first-child {
        margin-bottom: 100px; } }

.invitation .invitations__form div.wpcf7 {
  width: 100%; }
  @media screen and (max-width: 800px) {
    .invitation .invitations__form div.wpcf7 {
      width: 90%; } }
  .invitation .invitations__form div.wpcf7 .hidden {
    display: none; }

.invitation div.wpcf7 input[type="submit"] {
  color: #126283;
  background: url(../assets/images/border-bottom-blue.svg);
  background-repeat: repeat-x;
  border: none;
  background-size: 200%;
  background-position: -50px 50px; }
  @media screen and (max-width: 800px) {
    .invitation div.wpcf7 input[type="submit"] {
      background: url(""); } }
  .invitation div.wpcf7 input[type="submit"]:hover {
    background-position: -50px 30px; }

.invitation div.wpcf7 .form__mandatory {
  padding-left: 32.5%; }
  @media screen and (max-width: 1280px) {
    .invitation div.wpcf7 .form__mandatory {
      padding-left: 35%; } }

.invitation div.wpcf7 .form__submit {
  margin-left: 32.5%; }
  @media screen and (max-width: 1280px) {
    .invitation div.wpcf7 .form__submit {
      margin-left: 35%; } }

.invitation div.wpcf7 label {
  width: 15%; }
  @media screen and (max-width: 1280px) {
    .invitation div.wpcf7 label {
      width: 20%; } }

.invitation div.wpcf7 .wpcf7-form-control-wrap {
  width: 50%; }

.invitation .page-classic__block__text .wpcf7 {
  width: 100%; }
  .invitation .page-classic__block__text .wpcf7 span.wpcf7-list-item {
    display: block; }
  .invitation .page-classic__block__text .wpcf7 input {
    width: auto;
    display: inline-block; }

.legal__content {
  position: relative;
  width: 80%;
  margin: 200px auto 0px auto;
  padding: 80px;
  background: #FFF; }
  @media screen and (max-width: 800px) {
    .legal__content {
      width: 90%; } }
  @media screen and (max-width: 600px) {
    .legal__content {
      padding: 15px;
      width: 95%; } }

.legal__cover__img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-size: cover; }
  .legal__cover__img:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000000;
    opacity: 0.3; }

.legal .legal__content h1,
.credits .legal__content h1 {
  color: #126283;
  text-transform: uppercase;
  font-size: 2.8125rem;
  margin-bottom: 30px; }

.error404 {
  overflow: hidden; }

.not-found {
  position: absolute;
  right: 0;
  left: 0;
  z-index: 1; }
  .not-found__content {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
    background-size: cover;
    background-position: center; }
    @media screen and (max-width: 1280px) {
      .not-found__content {
        top: 40px;
        bottom: 40px;
        left: 0px;
        right: 0px; } }
  .not-found h2 {
    color: #fff;
    text-align: center;
    font-size: 4.875rem; }
  .not-found p {
    text-align: center;
    color: #fff;
    font-size: 1.125rem; }

.post__header {
  position: relative;
  text-align: center; }

.post__header__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 500px;
  background-color: #b8e779; }

.post__header__content {
  position: relative;
  z-index: 2; }
  .post__header__content h2 {
    margin-bottom: 75px;
    font-size: 1.125rem;
    color: #000;
    text-transform: uppercase;
    letter-spacing: 0.1875rem; }

.post__header svg {
  margin: 75px auto 20px auto;
  width: 200px; }

.post__header__content__thumbnail {
  position: relative;
  width: 80%;
  height: 500px;
  margin: auto;
  background-position: center;
  background-size: cover; }

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

.post__content {
  width: 80%;
  margin: 0 auto 80px auto;
  font-size: 1.125rem; }
  .post__content h3 {
    margin-top: 100px;
    margin-bottom: 50px;
    color: #b8e779; }

.post__footer__actions {
  width: 80%;
  margin: auto; }

.post__footer__actions__share {
  color: #3E3C3B;
  margin-bottom: 50px; }

.post__footer__actions__share a {
  display: block; }

.post__footer__actions__share svg {
  display: inline-block;
  vertical-align: middle;
  margin: 10px;
  width: 16px;
  height: 16px;
  fill: #161616;
  opacity: 0.5; }

.post__footer__actions__back {
  float: right;
  color: #B4B6B7;
  text-transform: uppercase;
  letter-spacing: 0.25rem; }

.post__footer__actions__share {
  float: left; }
  .post__footer__actions__share p, .post__footer__actions__share ul, .post__footer__actions__share li {
    display: inline-block;
    vertical-align: middle; }
  .post__footer__actions__share p {
    margin-right: 50px;
    letter-spacing: 0.25rem;
    text-transform: uppercase;
    letter-spacing: 0.25rem; }

.post__footer__nav {
  height: 220px;
  padding: 1px;
  background-color: #b8e779;
  text-transform: uppercase;
  letter-spacing: 0.1875rem; }
  .post__footer__nav__content {
    margin: 70px auto;
    width: 80%; }
    .post__footer__nav__content a:first-child {
      float: left; }
    .post__footer__nav__content a:last-child {
      float: right; }
    .post__footer__nav__content a {
      overflow: hidden;
      display: block;
      position: relative;
      padding-bottom: 20px; }
    .post__footer__nav__content a:after {
      content: url("../assets/images/border-bottom.svg");
      position: absolute;
      bottom: 10px;
      left: 0;
      width: 300px;
      height: 10px;
      opacity: 0;
      transform: translateY(5px);
      transition: 0.4s; }
    .post__footer__nav__content a:hover:after {
      opacity: 1;
      transform: translateY(0px); }

.rotisserie .cover__title img {
  width: 105px;
  height: 105px; }
  @media screen and (max-width: 600px) {
    .rotisserie .cover__title img {
      width: 80px;
      height: 80px; } }

.rotisserie__slider {
  margin-top: 40px; }

.page-template-template-rotisserie .trigger-popin {
  display: none; }

.page-template-template-rotisserie .remove-link {
  display: none; }

.salon__form {
  margin-top: 80px;
  margin-bottom: 80px; }

.salon__form h2 {
  color: #9a7b72;
  text-align: center;
  margin-bottom: 80px; }

.salon .cover svg {
  max-height: 200px; }

.salon .wpcf7-form-control-wrap.info {
  vertical-align: top; }

.salon .wpcf7 .form__mandatory {
  padding-left: 40%; }
  @media screen and (max-width: 800px) {
    .salon .wpcf7 .form__mandatory {
      text-align: left; } }
  @media screen and (max-width: 600px) {
    .salon .wpcf7 .form__mandatory {
      text-align: center;
      padding-left: 0%; } }

.tokyo__slider {
  margin-top: 40px; }

.tokyo .cover__title img {
  width: 120px;
  height: 120px; }

.page-template-template-tokyo .trigger-popin {
  display: none; }

.page-template-template-tokyo .remove-link {
  display: none; }