/*! Jean Niel 2016 */
/**
 * 1. Set path default image file.
 * 2. Set the color palette.
 * 3. Breakpoint of responsive.
 */
/*! Jean Niel 2016 */
/**
 * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
 * http://cssreset.com
 */
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; }

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

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

/*! Jean Niel 2016 */
@-webkit-viewport {
  zoom: 1; }

@-moz-viewport {
  zoom: 1; }

@-ms-viewport {
  zoom: 1; }

@-o-viewport {
  zoom: 1; }

@viewport {
  zoom: 1; }

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

/* ===============================================
   Base styles: opinionated defaults
   =============================================== */
html {
  overflow-x: hidden;
  background: #eeeeee; }

body {
  overflow-x: hidden;
  background-color: #ffffff;
  font-family: "Raleway", sans-serif;
  font-weight: 300;
  font-stretch: normal; }

input, textarea {
  font-family: "Raleway", sans-serif; }

#mobile {
  width: 0; }

#main {
  z-index: 1;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden; }
  .home-page #main {
    position: fixed;
    top: 0;
    right: 0;
    left: 0; }
  .perfumery-page #main {
    position: relative; }
  .aromas-page #main {
    position: relative; }
  .news-page #main {
    position: relative;
    padding-top: 60px; }
  .contact-page #main {
    position: relative;
    padding-top: 60px; }

@media only screen and (max-width: 1024px) {
  #mobile {
    width: 1px; }
  #main {
    position: relative;
    padding-top: 60px; }
    .home-page #main {
      position: relative;
      top: auto;
      right: auto;
      left: auto; } }

/*! Jean Niel 2016 */
.section {
  width: 100%;
  position: relative;
  z-index: 1;
  font-size: 0; }
  .section.white {
    background-color: #ffffff; }
  .section.navy {
    background-color: #003e51; }
  .section.mint-cream {
    background-color: #eeeeee; }
  .section.linen {
    background-color: #efebe7; }
  .section.salmon {
    background-color: #fa9370; }
  .section.bisque {
    background-color: #fde7da; }
  .section.thistle {
    background-color: #e6dfe3; }
  .section.old-lace {
    background-color: #faf9f8; }
  .section.sienna {
    background-color: #c7bbb5; }
  .section.sea-shell {
    background-color: #fff6f0; }
  .section.grey {
    background-color: #333333; }
  .section.white-smoke {
    background-color: #999999; }
  .section.light-grey {
    background-color: #777777; }
  .section.silver {
    background-color: #666666; }
  .section.desert {
    background-color: #ece8e3; }
  .section.clear-grey {
    background-color: #D9D9D9; }

.inside {
  width: 100%;
  margin: 0 auto; }
  .inside.width {
    max-width: 600px; }
  .inside.padding {
    padding-right: 10px;
    padding-left: 10px; }
  .inside.padding-top {
    padding-top: 80px; }
  .inside.padding-right {
    padding-right: 60px; }
  .inside.padding-bottom {
    padding-bottom: 80px; }
  .inside.padding-left {
    padding-left: 60px; }
  .inside.table {
    display: table; }
  .inside.width-2x {
    max-width: 1400px;
    width: 100%;
    margin: 0 auto; }
  .inside.border-bottom {
    border-bottom: 1px solid #eeeeee; }

.aromas-page .inside.table.width-2x.padding.padding-bottom {
  padding: 0; }

.contact-page .inside .image {
  width: 100%; }

.column {
  display: table-cell;
  vertical-align: middle;
  position: relative; }
  .column.column-2 {
    width: 50%; }
  .column.column-3 {
    width: 33.33%; }
  .column.column-2x3 {
    width: 66.66%; }
  .column.column-4 {
    width: 25%; }
  .column.height {
    min-height: 356px; }
  .column.align-top {
    vertical-align: top; }
  .column.padding {
    padding: 0 15px; }
  .column.padding-top {
    padding-top: 60px; }
  .column.padding-right {
    padding-right: 5%; }
  .column.padding-bottom {
    padding-bottom: 60px; }
  .column.padding-left {
    padding-left: 5%; }
  .column.padding-top-2x {
    padding-top: 6%; }
  .column.padding-right-2x {
    padding-right: 10%; }
  .column.padding-bottom-2x {
    padding-bottom: 6%; }
  .column.padding-left-2x {
    padding-left: 10%; }
  .column.margin-top {
    padding-top: 20px; }
  .column.white {
    background-color: #ffffff; }
  .column.navy {
    background-color: #003e51; }
  .column.mint-cream {
    background-color: #eeeeee; }
  .column.linen {
    background-color: #efebe7; }
  .column.salmon {
    background-color: #fa9370; }
  .column.bisque {
    background-color: #fde7da; }
  .column.thistle {
    background-color: #e6dfe3; }
  .column.old-lace {
    background-color: #faf9f8; }
  .column.sienna {
    background-color: #c7bbb5; }
  .column.sea-shell {
    background-color: #fff6f0; }
  .column.grey {
    background-color: #333333; }
  .column.white-smoke {
    background-color: #999999; }
  .column.light-grey {
    background-color: #777777; }
  .column.silver {
    background-color: #666666; }
  .column .title {
    position: relative;
    z-index: 1;
    line-height: 22px; }
  .column .text {
    position: relative;
    z-index: 1; }
  .column .image {
    display: block;
    width: 100%;
    height: auto;
    position: relative;
    z-index: 1; }
  .column .link {
    display: block;
    width: 100%;
    height: 100%;
    padding-bottom: 30px;
    text-decoration: none;
    position: relative;
    overflow: hidden; }
    .column .link:after {
      display: none;
      content: "";
      width: 22px;
      height: 10px;
      position: absolute;
      bottom: 15px;
      right: 15px;
      background: transparent url(../../src/img/right-arrows@2x.png) no-repeat 0 0;
      -webkit-background-size: 21px 10px;
      -moz-background-size: 21px 10px;
      -ms-background-size: 21px 10px;
      -o-background-size: 21px 10px;
      background-size: 21px 10px; }
    .column .link .hover {
      width: 100%;
      padding: 20px 30px 20px;
      position: absolute;
      bottom: 0;
      left: 0;
      z-index: 2;
      background: #fa9370;
      -webkit-transform: translateY(101%);
      -moz-transform: translateY(101%);
      -ms-transform: translateY(101%);
      -o-transform: translateY(101%);
      transform: translateY(101%);
      -webkit-transition: transform 320ms ease;
      -moz-transition: transform 320ms ease;
      -ms-transition: transform 320ms ease;
      -o-transition: transform 320ms ease;
      transition: transform 320ms ease; }
      .column .link .hover strong {
        display: block;
        margin-bottom: 20px;
        text-align: center;
        text-transform: uppercase;
        font-size: 15px;
        line-height: 1;
        color: #333333; }
      .column .link .hover ul {
        display: inline-block;
        width: 50%;
        vertical-align: top; }
      .column .link .hover li {
        font-size: 14px;
        line-height: 1.71429;
        color: #ffffff; }
    .aromas-page .column .link {
      margin-bottom: 30px;
      background: #fde7da; }
    .home-page .column .link:hover {
      background: #eeeeee; }
      .home-page .column .link:hover:after {
        display: block; }
    .aromas-page .column .link:hover .hover {
      -webkit-transform: translateY(0%);
      -moz-transform: translateY(0%);
      -ms-transform: translateY(0%);
      -o-transform: translateY(0%);
      transform: translateY(0%); }
  .column .list {
    display: inline-block;
    text-align: left; }
    .column .list.white {
      color: #ffffff; }
    .column .list.grey {
      color: #333333; }
    .column .list.navy {
      color: #003e51; }
    .column .list.light-grey {
      color: #777777; }
    .column .list.silver {
      color: #666666; }
    .column .list.white {
      color: #ffffff; }
    .column .list.uppercase {
      text-transform: uppercase; }
    .column .list.justify {
      text-align: justify; }
    .column .list.center {
      text-align: center; }
    .column .list.padding-top {
      padding-top: 15px; }
    .column .list.padding-right {
      padding-right: 15px; }
    .column .list.padding-bottom {
      padding-bottom: 15px; }
    .column .list.padding-left {
      padding-left: 15px; }
    .column .list.margin-top {
      margin-top: 10px; }
    .column .list.margin-bottom {
      margin-bottom: 10px; }
    .column .list ul {
      width: 100%; }
    .column .list li {
      padding: 2px 0;
      font-size: 15px;
      line-height: 1.46667;
      text-decoration: none;
      color: #666666; }
    .column .list span {
      color: #333333; }

.column-l, .column-r {
  display: inline-block;
  vertical-align: top; }

.column-l {
  width: 70%;
  padding: 80px 0; }

.column-r {
  width: 30%;
  position: relative; }
  .column-r img {
    display: block;
    width: 100%;
    height: auto;
    z-index: 1; }
  .column-r strong {
    text-transform: uppercase;
    position: absolute;
    bottom: 46px;
    left: 15px; }
  .column-r span {
    color: green;
    position: absolute;
    bottom: 4px;
    left: 15px; }
    .column-r span.text {
      line-height: 1.2; }

.wrap.cell {
  display: table-cell; }

.title {
  display: block;
  font-size: 15px;
  line-height: 1.26667; }
  .title.uppercase {
    text-transform: uppercase; }
  .title.size {
    font-size: 36px;
    line-height: 1.16667; }
  .title.white {
    color: #ffffff; }
  .title.grey {
    color: #333333; }
  .title.navy {
    color: #003e51; }
  .title.silver {
    color: #666666; }
  .title.center {
    text-align: center; }
  .title.padding-top {
    padding-top: 15px; }
  .title.padding-right {
    padding-right: 15px; }
  .title.padding-bottom {
    padding-bottom: 15px; }
  .title.padding-left {
    padding-left: 15px; }
  .title.margin-top {
    margin-top: 15px; }
  .title.margin-bottom {
    margin-bottom: 25px; }
  .title.border {
    padding-bottom: 28px;
    position: relative; }
    .title.border:after {
      content: "";
      display: inline-block;
      width: 60px;
      height: 1px;
      position: absolute;
      bottom: 0;
      left: 0;
      margin-left: 0;
      background: #b1b1b1; }
  .title.border.center:after {
    left: 50%;
    margin-left: -30px; }

.subtitle {
  display: block;
  font-family: "Playfair Display SC", serif;
  font-size: 16px;
  line-height: 1.125; }
  .subtitle.size {
    font-size: 17px;
    line-height: 1.11765; }
  .subtitle.uppercase {
    text-transform: uppercase; }
  .subtitle.justify {
    text-align: justify; }
  .subtitle.center {
    text-align: center; }
  .subtitle.white-smoke {
    color: #999999; }
  .subtitle.silver {
    color: #666666; }
  .subtitle.white {
    color: #ffffff; }
  .subtitle.grey {
    color: #333333; }
  .subtitle.padding-top {
    padding-top: 15px; }
  .subtitle.padding-right {
    padding-right: 15px; }
  .subtitle.padding-bottom {
    padding-bottom: 15px; }
  .subtitle.padding-left {
    padding-left: 15px; }
  .subtitle.margin-top {
    margin-top: 20px; }
  .subtitle.margin-bottom {
    margin-bottom: 20px; }
  .subtitle.border {
    padding-bottom: 28px;
    position: relative; }
    .subtitle.border:after {
      content: "";
      display: inline-block;
      width: 60px;
      height: 1px;
      position: absolute;
      bottom: 0;
      left: 0;
      margin-left: 0;
      background: #b1b1b1; }
  .subtitle.border.center:after {
    left: 50%;
    margin-left: -30px; }

.text {
  display: block;
  font-size: 15px;
  line-height: 1.6; }
  .text strong {
    font-weight: bold; }
  .text.size {
    font-size: 16px;
    line-height: 1.5; }
  .text.white {
    color: #ffffff; }
  .text.grey {
    color: #333333; }
  .text.navy {
    color: #003e51; }
  .text.light-grey {
    color: #777777; }
  .text.silver {
    color: #666666; }
  .text.white {
    color: #ffffff; }
  .text.uppercase {
    text-transform: uppercase; }
  .text.justify {
    text-align: justify; }
  .text.center {
    text-align: center; }
  .text.padding-top {
    padding-top: 15px; }
  .text.padding-right {
    padding-right: 15px; }
  .text.padding-bottom {
    padding-bottom: 15px; }
  .text.padding-left {
    padding-left: 15px; }
  .text.margin-top {
    margin-top: 10px; }
  .text.margin-bottom {
    margin-bottom: 10px; }

.legend {
  position: absolute;
  bottom: 4%;
  left: 4%;
  z-index: 2; }

.button {
  display: inline-block;
  padding: 14px 58px;
  background: none;
  border-width: 1px;
  border-style: solid;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  font-size: 12px;
  line-height: 1.33333;
  font-weight: bold; }
  .button.center {
    margin: 0 auto; }
  .button.left {
    text-align: left; }
  .button.block {
    display: block; }
  .button.margin {
    margin: 10px 20px; }
  .button.margin-top {
    margin-top: 20px; }
  .button.margin-left {
    margin-left: 20px; }
  .button.margin-right {
    margin-right: 20px; }
  .button.margin-bottom {
    margin-bottom: 20px; }
  .button.picto {
    width: 100%;
    padding: 8px 8px 8px 50px;
    position: relative; }
    .button.picto:after {
      content: "";
      display: block;
      position: absolute; }
  .button.sienna {
    max-width: 260px;
    border-width: 2px;
    border-color: #c7bbb5;
    color: #c7bbb5; }
    .button.sienna:after {
      width: 26px;
      height: 30px;
      top: 7px;
      left: 12px;
      background: url(../../src/img/marker-sienna@2x.png) no-repeat 0;
      -webkit-background-size: 26px 30px;
      -moz-background-size: 26px 30px;
      -ms-background-size: 26px 30px;
      -o-background-size: 26px 30px;
      background-size: 26px 30px; }
    .button.sienna:hover {
      border-color: #ffffff;
      color: #ffffff; }
      .button.sienna:hover:after {
        background: url(../../src/img/marker-white@2x.png) no-repeat 0;
        -webkit-background-size: 26px 30px;
        -moz-background-size: 26px 30px;
        -ms-background-size: 26px 30px;
        -o-background-size: 26px 30px;
        background-size: 26px 30px; }
  .button.navy {
    max-width: 240px;
    border-width: 2px;
    border-color: #003e51;
    color: #003e51; }
    .button.navy:after {
      width: 24px;
      height: 26px;
      top: 8px;
      left: 14px;
      background: url(../../src/img/book-navy@2x.png) no-repeat 0;
      -webkit-background-size: 24px 26px;
      -moz-background-size: 24px 26px;
      -ms-background-size: 24px 26px;
      -o-background-size: 24px 26px;
      background-size: 24px 26px; }
    .button.navy:hover {
      background: #003e51;
      border-color: #003e51;
      color: #ffffff; }
      .button.navy:hover:after {
        background: url(../../src/img/book-white@2x.png) no-repeat 0;
        -webkit-background-size: 24px 26px;
        -moz-background-size: 24px 26px;
        -ms-background-size: 24px 26px;
        -o-background-size: 24px 26px;
        background-size: 24px 26px; }
  .button.silver {
    border-color: #666666;
    color: #666666; }
    .button.silver:hover {
      background: #003e51;
      border-color: #003e51;
      color: #ffffff; }
  .button.border {
    border-width: 3px; }

.quality {
  width: 100%;
  margin-top: 5%;
  text-align: center;
  font-size: 0; }
  .quality img {
    display: inline-block;
    width: 95px;
    height: 94px;
    margin: 0 3%; }

#browser-upgrade {
  width: 100%;
  height: 100%;
  display: table;
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 100;
  padding: 20px;
  -webkit-background: rgba(0, 0, 0, 0.8);
  -moz-background: rgba(0, 0, 0, 0.8);
  -ms-background: rgba(0, 0, 0, 0.8);
  -o-background: rgba(0, 0, 0, 0.8);
  background: rgba(0, 0, 0, 0.8);
  text-align: center;
  vertical-align: middle; }
  #browser-upgrade p {
    vertical-align: middle;
    display: table-cell;
    font-size: 26px;
    line-height: 1.15385;
    color: #fff; }
  #browser-upgrade a {
    color: #fff; }

.mobile {
  display: none; }

.relative {
  position: relative; }

.infos {
  position: absolute;
  bottom: 20px;
  left: 10px; }
  .infos .name {
    text-transform: uppercase; }

@media only screen and (max-width: 1440px) {
  .title {
    font-size: 15px;
    line-height: 1.13333; }
    .title.size {
      font-size: 30px;
      line-height: 1.13333; }
  .subtitle {
    font-size: 15px;
    line-height: 1.13333; }
    .subtitle.size {
      font-size: 16px;
      line-height: 1.125; }
  .text {
    font-size: 13px;
    line-height: 1.53846; }
    .text.size {
      font-size: 14px;
      line-height: 1.42857; } }

@media only screen and (max-width: 1280px) {
  .title {
    font-size: 15px;
    line-height: 1.13333; }
    .title.size {
      font-size: 20px;
      line-height: 1.15; }
  .subtitle {
    font-size: 12px;
    line-height: 1.25; }
    .subtitle.size {
      font-size: 12px;
      line-height: 1.33333; }
  .text {
    font-size: 12px;
    line-height: 1.33333; }
    .text.size {
      font-size: 13px;
      line-height: 1.23077; }
    .text.margin-top {
      margin-top: 5px; }
  .button {
    padding: 10px 40px;
    font-size: 11px;
    line-height: 1.27273; }
  .column .list li {
    font-size: 14px;
    line-height: 1.42857; }
  .column .link .hover {
    padding: 20px; }
    .column .link .hover strong {
      margin-bottom: 10px;
      font-size: 14px;
      line-height: 1.14286; }
    .column .link .hover li {
      font-size: 12px;
      line-height: 1.5; }
  .column-l {
    padding: 70px 0; } }

@media only screen and (max-width: 1024px) {
  .column-l, .column-r {
    display: block;
    margin: 0 auto;
    width: 80%; } }

@media only screen and (max-width: 768px) {
  .mobile {
    display: block;
    width: 100%;
    height: auto; }
  .title {
    font-size: 18px;
    line-height: 1.11111; }
    .title.margin-bottom {
      margin-bottom: 10px; }
    .title.margin-top {
      margin-top: 10px; }
    .title.padding-top {
      padding-top: 10px; }
  .subtitle {
    font-size: 12px;
    line-height: 1.33333; }
    .subtitle.size {
      font-size: 12px;
      line-height: 1.5; }
    .subtitle.border {
      padding-bottom: 10px; }
  .inside.padding-top {
    padding: 20px; }
  .column {
    display: block; }
    .column.column-2, .column.column-3, .column.column-4 {
      width: 100%; }
    .column.padding {
      padding: 0; }
    .column.padding-right-2x {
      padding: 20px; }
    .column.padding-right {
      padding: 20px; }
    .column .list li {
      font-size: 12px;
      line-height: 1.5; }
    .column .link {
      padding-bottom: 20px; }
      .column .link li {
        font-size: 12px;
        line-height: 1.33333; }
        .column .link li span {
          display: block; }
      .aromas-page .column .link {
        margin-bottom: 0; }
    .column .button.margin {
      display: block;
      margin: 10px auto; }
    .column .text {
      text-align: justify; }
    .column .hover strong {
      font-size: 14px;
      line-height: 1; }
    .column .hover li {
      font-size: 12px;
      line-height: 1.83333; }
  .column-r strong {
    font-size: 12px;
    left: 5px; }
  .column-r span {
    font-size: 10px;
    left: 5px; } }

@media only screen and (max-width: 641px) {
  .subtitle {
    font-size: 11px;
    line-height: 1.18182; }
    .subtitle.size {
      font-size: 11px;
      line-height: 1.18182; } }

/* cyrillic */
@font-face {
  font-family: 'Playfair Display SC';
  font-style: normal;
  font-weight: 400;
  src: local("Playfair Display SC"), local("PlayfairDisplaySC-Regular"), url(https://fonts.gstatic.com/s/playfairdisplaysc/v5/G0-tvBxd4eQRdwFKB8dRkWxV9-746m__3U0M4uh8ntH2Ot9t5h1GRSTIE78Whtoh.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }

/* latin-ext */
@font-face {
  font-family: 'Playfair Display SC';
  font-style: normal;
  font-weight: 400;
  src: local("Playfair Display SC"), local("PlayfairDisplaySC-Regular"), url(https://fonts.gstatic.com/s/playfairdisplaysc/v5/G0-tvBxd4eQRdwFKB8dRkT6XkF4tM85D8U047mJPovj2Ot9t5h1GRSTIE78Whtoh.woff2) format("woff2");
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; }

/* latin */
@font-face {
  font-family: 'Playfair Display SC';
  font-style: normal;
  font-weight: 400;
  src: local("Playfair Display SC"), local("PlayfairDisplaySC-Regular"), url(https://fonts.gstatic.com/s/playfairdisplaysc/v5/G0-tvBxd4eQRdwFKB8dRkcpZhAz-Y4L7w9UGfkSwo78.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; }

/* latin-ext */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: local("Raleway"), local("Raleway-Regular"), url(https://fonts.gstatic.com/s/raleway/v10/YZaO6llzOP57DpTBv2GnyFKPGs1ZzpMvnHX-7fPOuAc.woff2) format("woff2");
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; }

/* latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: local("Raleway"), local("Raleway-Regular"), url(https://fonts.gstatic.com/s/raleway/v10/QAUlVt1jXOgQavlW5wEfxQLUuEpTyoUstqEm5AMlJo4.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; }

/*! Jean Niel 2016 */
@-webkit-keyframes zoom {
  100% {
    -webkit-transform: scale(1); } }

@keyframes zoom {
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }

@-webkit-keyframes sk-bounce {
  0%, 100% {
    -webkit-transform: scale(0); }
  50% {
    -webkit-transform: scale(1); } }

@keyframes sk-bounce {
  0%, 100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0); }
  50% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }

/*! Jean Niel 2016 */
.color-palette-wrap {
  width: 100%;
  max-width: 860px;
  font-size: 0; }

.color-palette {
  display: inline-block;
  width: 100px;
  height: 100px;
  margin: 0 10px 10px 0;
  vertical-align: top;
  font-size: 14px;
  line-height: 1; }
  .color-palette .table {
    display: table;
    width: 100%;
    height: 100%; }
    .color-palette .table span {
      display: table-cell;
      vertical-align: middle;
      text-align: center;
      color: #000; }
  .color-palette.white {
    background-color: #ffffff; }
  .color-palette.navy {
    background-color: #003e51; }
  .color-palette.mint-cream {
    background-color: #eeeeee; }
  .color-palette.linen {
    background-color: #efebe7; }
  .color-palette.salmon {
    background-color: #fa9370; }
  .color-palette.bisque {
    background-color: #fde7da; }
  .color-palette.thistle {
    background-color: #e6dfe3; }
  .color-palette.old-lace {
    background-color: #faf9f8; }
  .color-palette.sienna {
    background-color: #c7bbb5; }
  .color-palette.sea-shell {
    background-color: #fff6f0; }
  .color-palette.grey {
    background-color: #333333; }
  .color-palette.white-smoke {
    background-color: #999999; }
  .color-palette.light-grey {
    background-color: #777777; }
  .color-palette.silver {
    background-color: #666666; }
  .color-palette.night {
    background-color: #00263d; }

.title-wrap {
  width: 100%;
  font-size: 0; }

.kit-ui .title-wrap .title, .kit-ui .title-wrap .subtitle, .kit-ui .title-wrap .text {
  margin-bottom: 40px; }
  .kit-ui .title-wrap .title span, .kit-ui .title-wrap .subtitle span, .kit-ui .title-wrap .text span {
    text-transform: lowercase !important; }

.kit-ui .margin-top {
  margin-top: 80px; }

.kit-ui .margin-bottom {
  margin-bottom: 80px; }

/*! Jean Niel 2016 */
#panel {
  width: 100%;
  height: 100vh;
  position: relative;
  z-index: 1;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  font-size: 0; }
  #panel.home {
    margin-bottom: 100vh;
    background-color: #003e51;
    background-image: url(../../src/medias/images/home/panel.jpg); }
  #panel.aromas {
    background-color: #fa9370;
    background-image: url(../../src/medias/images/aromas/panel.jpg); }
  #panel.perfumery {
    background-color: #e6dfe3;
    background-image: url(../../src/medias/images/perfumery/panel.jpg); }

#panel-inside {
  display: table;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1; }
  #panel-inside > .anchor {
    display: block;
    width: 10px;
    height: 22px;
    position: absolute;
    bottom: 2%;
    left: 50%;
    margin-left: -5px;
    background: transparent url(../../src/img/bottom-arrows@2x.png) no-repeat 0 0;
    background-size: 10px 21px;
    z-index: 3; }

#right-panel,
#left-panel {
  width: 50%;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: 2;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }
  .aromas #right-panel, .perfumery #right-panel, .aromas
  #left-panel, .perfumery
  #left-panel {
    width: 10%; }
  #right-panel.home,
  #left-panel.home {
    background-color: #003e51;
    background-image: url(../../src/medias/images/home/panel.jpg); }
  #right-panel.aromas,
  #left-panel.aromas {
    background-color: #fa9370;
    background-image: url(../../src/medias/images/aromas/panel.jpg); }
  #right-panel.perfumery,
  #left-panel.perfumery {
    background-color: #e6dfe3;
    background-image: url(../../src/medias/images/perfumery/panel.jpg); }
  #right-panel #right-mask, #right-panel #left-mask,
  #left-panel #right-mask,
  #left-panel #left-mask {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    background-color: rgba(0, 0, 0, 0.3);
    -webkit-transition: background-color 280ms ease;
    -moz-transition: background-color 280ms ease;
    -ms-transition: background-color 280ms ease;
    -o-transition: background-color 280ms ease;
    transition: background-color 280ms ease; }
  #right-panel:hover #right-mask, #right-panel:hover #left-mask,
  #left-panel:hover #right-mask,
  #left-panel:hover #left-mask {
    background-color: transparent; }

#right-panel {
  right: 0; }

#left-panel {
  left: 0; }

#right-inside,
#left-inside {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: 1;
  background-repeat: no-repeat;
  background-position: center center;
  font-size: 0; }
  #right-inside.aromas,
  #left-inside.aromas {
    background-image: url(../../src/medias/images/aromas/link.png);
    -webkit-background-size: 50%;
    -moz-background-size: 50%;
    -ms-background-size: 50%;
    -o-background-size: 50%;
    background-size: 50%; }
    #right-inside.aromas.aromas-english,
    #left-inside.aromas.aromas-english {
      background-image: url(../../src/medias/images/aromas/link-en.png); }
  #right-inside.perfumery,
  #left-inside.perfumery {
    background-image: url(../../src/medias/images/perfumery/link.png);
    -webkit-background-size: 50%;
    -moz-background-size: 50%;
    -ms-background-size: 50%;
    -o-background-size: 50%;
    background-size: 50%; }
    #right-inside.perfumery.perfumery-english,
    #left-inside.perfumery.perfumery-english {
      background-image: url(../../src/medias/images/perfumery/link-en.png); }

#right-inside {
  left: 0; }

#left-inside {
  right: 0; }

#right-title,
#left-title {
  display: table;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: 3;
  text-align: center; }
  #right-title section,
  #left-title section {
    width: 25px;
    display: inline-block; }
  #right-title strong,
  #left-title strong {
    display: table-cell;
    vertical-align: middle;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
    text-transform: uppercase;
    font-size: 20px;
    line-height: 1.2;
    color: #ffffff; }
  #right-title span,
  #left-title span {
    display: inline-block;
    width: 25px;
    text-align: center; }

#right-title {
  left: 0; }
  .home-page #right-title strong {
    padding-left: 9%;
    text-align: left; }
  .aromas-page #right-title strong, .perfumery-page #right-title strong {
    text-align: center; }

#left-title {
  left: 0; }
  .home-page #left-title strong {
    padding-right: 9%;
    text-align: right; }
  .aromas-page #left-title strong, .perfumery-page #left-title strong {
    text-align: center; }

@media only screen and (max-width: 1280px) {
  #right-inside.aromas, #right-inside.perfumery,
  #left-inside.aromas,
  #left-inside.perfumery {
    -webkit-background-size: 70%;
    -moz-background-size: 70%;
    -ms-background-size: 70%;
    -o-background-size: 70%;
    background-size: 70%; }
  #right-title strong,
  #left-title strong {
    font-size: 16px;
    line-height: 1.25; } }

@media only screen and (max-width: 1024px) {
  #panel {
    display: none;
    height: 0;
    overflow: hidden; } }

/*! Jean Niel 2016 */
#title {
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  z-index: 1;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 0 0; }
  #title span {
    position: absolute;
    top: -100%; }
  .home #title {
    width: 300px;
    height: 142px;
    background-image: url(../../src/medias/images/home/title.png);
    -webkit-background-size: 300px 142px;
    -moz-background-size: 300px 142px;
    -ms-background-size: 300px 142px;
    -o-background-size: 300px 142px;
    background-size: 300px 142px; }
  .aromas #title {
    width: 540px;
    height: 201px;
    background-image: url(../../src/medias/images/aromas/title.png);
    -webkit-background-size: 540px 201px;
    -moz-background-size: 540px 201px;
    -ms-background-size: 540px 201px;
    -o-background-size: 540px 201px;
    background-size: 540px 201px; }
    .aromas #title.aromas-english {
      background-image: url(../../src/medias/images/aromas/title-en.png); }
  .perfumery #title {
    width: 540px;
    height: 201px;
    background-image: url(../../src/medias/images/perfumery/title.png);
    -webkit-background-size: 540px 201px;
    -moz-background-size: 540px 201px;
    -ms-background-size: 540px 201px;
    -o-background-size: 540px 201px;
    background-size: 540px 201px; }
    .perfumery #title.aromas-english {
      background-image: url(../../src/medias/images/perfumery/title-en.png); }

#nav {
  display: table-cell;
  position: relative;
  z-index: 1;
  vertical-align: middle;
  text-align: center;
  font-size: 0; }
  #nav ul {
    width: 100%;
    margin-top: 60px; }
  #nav li {
    display: inline-block;
    padding: 0 15px;
    vertical-align: top; }
  #nav a {
    text-decoration: none;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
    text-transform: uppercase;
    font-size: 16px;
    line-height: 1;
    color: #ffffff; }

#subnav {
  width: 100%;
  height: 110px;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 3;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0; }
  #subnav.sticky {
    visibility: visible;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transition: visibility 0s linear 100ms, opacity 400ms ease;
    -moz-transition: visibility 0s linear 100ms, opacity 400ms ease;
    -ms-transition: visibility 0s linear 100ms, opacity 400ms ease;
    -o-transition: visibility 0s linear 100ms, opacity 400ms ease;
    transition: visibility 0s linear 100ms, opacity 400ms ease;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -ms-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s; }
  #subnav.small {
    height: auto; }
  #subnav .up {
    width: 100%;
    height: 60px;
    overflow: hidden;
    position: relative;
    background: #efebe7; }
  #subnav .down {
    height: 50px;
    padding-top: 20px;
    overflow: hidden;
    background: #ffffff; }
    #subnav .down ul {
      width: 100%;
      text-align: center;
      font-size: 0; }
    #subnav .down li {
      display: inline-block;
      padding: 0 15px;
      vertical-align: top; }
    #subnav .down a {
      position: relative;
      text-decoration: none;
      text-transform: uppercase;
      font-size: 14px;
      line-height: 1;
      font-weight: bold;
      color: #333333; }
      #subnav .down a:after {
        content: "";
        display: none;
        width: 100%;
        height: 3px;
        position: absolute;
        right: 0;
        bottom: -16px;
        left: 0;
        background: #003e51; }
      #subnav .down a.active {
        color: #003e51; }
        #subnav .down a.active:after {
          display: block; }
  #subnav .subtitle {
    width: 54px;
    height: 50px;
    margin: 5px auto 0;
    position: relative;
    z-index: 1;
    overflow: hidden;
    background: transparent url(../../src/img/logo-single-navy@2x.png) no-repeat 0 0;
    -webkit-background-size: 54px 50px;
    -moz-background-size: 54px 50px;
    -ms-background-size: 54px 50px;
    -o-background-size: 54px 50px;
    background-size: 54px 50px; }
    #subnav .subtitle span {
      position: absolute;
      top: -100%; }
  #subnav .link {
    width: 10%;
    height: 100%;
    position: absolute;
    top: 0;
    background-repeat: no-repeat;
    background-position: 0 0;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
    text-transform: uppercase;
    font-size: 16px;
    line-height: 1;
    font-weight: bold;
    color: #ffffff; }
    #subnav .link.left {
      left: 0; }
      #subnav .link.left span:after {
        left: 4%;
        background-image: url(../../src/img/left-arrow-single@2x.png); }
    #subnav .link.right {
      right: 0; }
      #subnav .link.right span:after {
        right: 4%;
        background-image: url(../../src/img/right-arrow-single@2x.png); }
    #subnav .link.home {
      background-color: #e6dfe3;
      background-image: url(../../src/medias/images/home/subnav.jpg); }
    #subnav .link.perfumery {
      background-color: #e6dfe3;
      background-image: url(../../src/medias/images/perfumery/subnav.jpg); }
    #subnav .link.aromas {
      background-color: #fa9370;
      background-image: url(../../src/medias/images/aromas/subnav.jpg); }
    #subnav .link span {
      position: absolute;
      top: 24px;
      left: 0;
      right: 0; }
      #subnav .link span:after {
        content: "";
        display: block;
        width: 8px;
        height: 13px;
        position: absolute;
        top: 50%;
        margin-top: -7px;
        background-repeat: no-repeat;
        background-position: 0;
        -webkit-background-size: 7px 12px;
        -moz-background-size: 7px 12px;
        -ms-background-size: 7px 12px;
        -o-background-size: 7px 12px;
        background-size: 7px 12px; }

.menu {
  position: absolute;
  top: 4%;
  right: 12%;
  z-index: 2; }
  .menu ul {
    width: 100%; }
  .menu li {
    display: inline-block;
    padding: 0 10px; }
  .menu a {
    text-decoration: none;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
    text-transform: uppercase;
    font-size: 14px;
    line-height: 1;
    color: #ffffff; }
    .sticky .menu a {
      text-shadow: none;
      color: #666666; }
      .sticky .menu a.active {
        color: #003e51; }
  .sticky .menu {
    top: 22px; }

#burger {
  display: none;
  width: 70px;
  height: 60px;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 4; }
  #burger:after {
    display: block;
    content: "";
    width: 30px;
    height: 30px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -12px 0 0 -15px;
    background: transparent url("../../src/img/open-menu@2x.png") no-repeat 0 0;
    -webkit-background-size: 30px 24px;
    -moz-background-size: 30px 24px;
    -ms-background-size: 30px 24px;
    -o-background-size: 30px 24px;
    background-size: 30px 24px; }
  .menu-is-open #burger:after {
    margin: -15px 0 0 -15px;
    background: transparent url("../../src/img/close-menu@2x.png") no-repeat 0 0;
    -webkit-background-size: 28px 28px;
    -moz-background-size: 28px 28px;
    -ms-background-size: 28px 28px;
    -o-background-size: 28px 28px;
    background-size: 28px 28px; }

@media only screen and (max-width: 1280px) {
  .home #title {
    background-position: center;
    -webkit-background-size: 70%;
    -moz-background-size: 70%;
    -ms-background-size: 70%;
    -o-background-size: 70%;
    background-size: 70%; }
  .aromas #title {
    background-position: center;
    -webkit-background-size: 70%;
    -moz-background-size: 70%;
    -ms-background-size: 70%;
    -o-background-size: 70%;
    background-size: 70%; }
  .perfumery #title {
    background-position: center;
    -webkit-background-size: 70%;
    -moz-background-size: 70%;
    -ms-background-size: 70%;
    -o-background-size: 70%;
    background-size: 70%; }
  #nav a {
    font-size: 14px;
    line-height: 1; }
  #subnav .link {
    font-size: 12px;
    line-height: 1; } }

@media only screen and (max-width: 768px) {
  #burger {
    display: block; }
  #subnav.sticky {
    height: 410px;
    top: -350px;
    background: #003e51;
    -webkit-transition: top 260ms ease;
    -moz-transition: top 260ms ease;
    -ms-transition: top 260ms ease;
    -o-transition: top 260ms ease;
    transition: top 260ms ease; }
    .menu-is-open #subnav.sticky {
      top: 0; }
    #subnav.sticky .subtitle {
      width: 44px;
      height: 40px;
      margin-top: 10px;
      -webkit-background-size: 44px 40px;
      -moz-background-size: 44px 40px;
      -ms-background-size: 44px 40px;
      -o-background-size: 44px 40px;
      background-size: 44px 40px; }
      #subnav.sticky .subtitle span {
        position: absolute;
        top: -100%; }
    #subnav.sticky .up {
      overflow: visible;
      position: absolute;
      bottom: 0;
      left: 0;
      z-index: 3; }
      #subnav.sticky .up .link {
        width: 50%;
        height: 50px;
        margin: 0;
        padding: 10px 0;
        top: -350px;
        font-weight: normal;
        font-size: 14px;
        line-height: 1; }
        #subnav.sticky .up .link.right {
          border-left: 1px solid rgba(255, 255, 255, 0.4); }
      #subnav.sticky .up .menu {
        top: -115px;
        right: auto;
        left: 0;
        text-align: left; }
        #subnav.sticky .up .menu li {
          display: block;
          padding: 0 15px; }
        #subnav.sticky .up .menu a {
          display: block;
          width: 100%;
          padding: 10px 0;
          font-weight: normal;
          font-size: 14px;
          line-height: 1;
          color: #ffffff; }
    #subnav.sticky .down {
      height: auto;
      padding-top: 60px;
      background-color: transparent; }
      #subnav.sticky .down ul {
        text-align: left; }
      #subnav.sticky .down li {
        display: block; }
      #subnav.sticky .down a {
        display: block;
        padding: 10px 0;
        font-weight: normal;
        color: #ffffff; } }

/*! Jean Niel 2016 */
#footer {
  padding-right: 20px;
  padding-left: 20px;
  background: #eeeeee;
  font-size: 0;
  text-align: center; }
  #footer .inside {
    max-width: 1200px; }
    #footer .inside.padding-top {
      padding-top: 40px; }
  #footer .list {
    display: inline-block;
    width: 20%;
    padding: 0 20px 20px 0;
    vertical-align: top;
    text-align: left; }
    #footer .list ul {
      width: 100%; }
    #footer .list span {
      display: inline-block;
      margin-bottom: 6px;
      font-size: 20px;
      line-height: 1.15;
      text-decoration: none;
      color: #333333; }
    #footer .list a {
      font-size: 14px;
      line-height: 1.35714;
      text-decoration: none;
      color: #666666; }
  #footer .text.margin-top {
    margin-top: 30px; }

#overfooter {
  width: 100%;
  height: 95px;
  padding-top: 20px;
  overflow: hidden;
  border-top: 1px solid #b1b1b1;
  text-align: left; }
  #overfooter .button {
    float: left;
    height: 55px;
    margin-right: 20px; }
  #overfooter .languages {
    display: block;
    float: right;
    position: relative;
    margin: 20px 30px 0 0;
    font-size: 16px;
    line-height: 1; }
    #overfooter .languages li {
      display: inline-block;
      padding-right: 20px; }
      #overfooter .languages li a {
        text-decoration: none;
        color: #333333; }
  #overfooter .link {
    display: block;
    float: right;
    position: relative;
    margin: 20px 30px 0 0;
    padding-right: 20px;
    text-decoration: none;
    font-size: 16px;
    line-height: 1;
    color: #333333; }
    #overfooter .link:after {
      display: block;
      content: "";
      width: 10px;
      height: 6px;
      position: absolute;
      top: 5px;
      right: 0;
      background: transparent url(../../src/img/bottom-grey-arrow@2x.png) no-repeat 0 0;
      -webkit-background-size: 10px 6px;
      -moz-background-size: 10px 6px;
      -ms-background-size: 10px 6px;
      -o-background-size: 10px 6px;
      background-size: 10px 6px; }

#newsletter {
  margin-right: 40px;
  float: left; }
  #newsletter form {
    width: 100%; }
  #newsletter label {
    display: inline-block;
    margin: 20px 10px 0 0;
    font-size: 16px;
    line-height: 1;
    text-decoration: none;
    color: #333333; }
  #newsletter input[type="text"], #newsletter input[type="email"] {
    display: inline-block;
    vertical-align: top;
    width: 190px;
    height: 55px;
    padding: 0 20px;
    -webkit-text-fill-color: #666666 !important;
    -moz-text-fill-color: #666666 !important;
    -ms-text-fill-color: #666666 !important;
    -o-text-fill-color: #666666 !important;
    text-fill-color: #666666 !important;
    -webkit-box-shadow: 0 0 0px 1000px white inset;
    -moz-box-shadow: 0 0 0px 1000px white inset;
    -ms-box-shadow: 0 0 0px 1000px white inset;
    -o-box-shadow: 0 0 0px 1000px white inset;
    box-shadow: 0 0 0px 1000px white inset;
    background: #ffffff;
    border: 1px solid #ffffff;
    font-size: 16px;
    line-height: 1;
    color: #666666; }
  #newsletter input[type="submit"], #newsletter button[type="submit"] {
    display: inline-block;
    vertical-align: top;
    width: 55px;
    height: 55px;
    background: #ffffff url(../../src/img/left-fill-arrow@2x.png) no-repeat center;
    -webkit-background-size: 10px 18px;
    -moz-background-size: 10px 18px;
    -ms-background-size: 10px 18px;
    -o-background-size: 10px 18px;
    background-size: 10px 18px;
    border: 1px solid #ffffff;
    cursor: pointer; }
  #newsletter ::-webkit-input-placeholder, #newsletter :-moz-placeholder, #newsletter ::-moz-placeholder, #newsletter :-ms-input-placeholder {
    color: #666666; }

#social-link {
  float: right;
  margin-right: 20px; }
  #social-link ul {
    width: 100%; }
  #social-link li {
    display: inline-block; }
  #social-link a {
    display: block;
    width: 55px;
    height: 55px;
    position: relative;
    right: -7px;
    background-color: transparent;
    background-image: url("../../src/img/socialinks.png");
    background-repeat: no-repeat;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -ms-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%; }
    #social-link a.facebook {
      background-position: 0 0; }
    #social-link a.twitter {
      background-position: 0 -55px; }
    #social-link a.googleplus {
      background-position: 0 -110px; }
    #social-link a.linkedin {
      background-position: 0 -165px; }

@media only screen and (max-width: 1280px) {
  #footer .inside {
    max-width: 1000px; }
    #footer .inside.padding-top {
      padding-top: 20px; }
  #footer .text.margin-top {
    margin-top: 15px; }
  #footer .list span {
    font-size: 14px;
    line-height: 1.28571;
    margin-bottom: 4px; }
  #footer .list a {
    font-size: 12px;
    line-height: 1.5; }
  #overfooter {
    height: 80px;
    padding-top: 10px; }
    #overfooter .button {
      height: 46px;
      margin-right: 15px; }
    #overfooter label {
      font-size: 12px;
      line-height: 1; }
    #overfooter input[type="text"], #overfooter input[type="email"] {
      width: 190px;
      height: 46px;
      padding: 0 20px;
      font-size: 12px;
      line-height: 1; }
    #overfooter input[type="submit"], #overfooter button[type="submit"] {
      width: 46px;
      height: 46px; }
    #overfooter .link {
      font-size: 12px;
      line-height: 1.5; } }

@media only screen and (max-width: 1024px) {
  #footer {
    padding: 0;
    text-align: left; }
    #footer .inside {
      padding: 0 20px; }
      #footer .inside.padding-top {
        padding-top: 20px; }
    #footer .list {
      width: 50%; }
      #footer .list:nth-child(5) {
        width: 100%;
        padding: 0 0 20px 0; }
      #footer .list span {
        font-size: 14px;
        line-height: 1.42857; }
      #footer .list a {
        font-size: 12px;
        line-height: 1.66667; }
      #footer .list p {
        text-align: right; }
    #footer .text.margin-top {
      margin-top: 10px; }
  #overfooter {
    height: 160px; }
    #overfooter .button {
      margin: 20px 0 0; }
      #overfooter .button.navy {
        max-width: 100%; }
    #overfooter .link {
      display: none; }
  #newsletter {
    width: 100%;
    margin-right: 0; }
    #newsletter label {
      display: block;
      margin: 0 0 10px;
      font-size: 12px;
      line-height: 1; }
    #newsletter input[type="text"], #newsletter input[type="email"] {
      width: 80%;
      height: 40px;
      padding: 0 10px;
      font-size: 12px;
      line-height: 1; }
    #newsletter input[type="submit"], #newsletter button[type="submit"] {
      width: 20%;
      height: 40px;
      -webkit-background-size: 6px 10px;
      -moz-background-size: 6px 10px;
      -ms-background-size: 6px 10px;
      -o-background-size: 6px 10px;
      background-size: 6px 10px; }
  #social-link {
    margin-right: -8px; } }

/*! Jean Niel 2016 */
.form {
  width: 100%;
  margin-top: 20px;
  padding: 0 20px; }
  .form input[type=submit] {
    width: 100%;
    margin-top: 15px;
    padding: 10px 15px;
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 1.42857;
    color: #ffffff;
    cursor: pointer;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -webkit-appearance: none; }
    .sienna .form input[type=submit] {
      background: #97847b;
      border: 1px solid #97847b;
      box-shadow: 0 2px 0 #65564f; }
    .bisque .form input[type=submit] {
      background: #fa9370;
      border: 1px solid #fa9370;
      box-shadow: 0 2px 0 #8d4d3c; }
    .linen .form input[type=submit] {
      background: #003e51;
      border: 1px solid #003e51;
      box-shadow: 0 2px 0 #c5c4b9; }
  .form input[type=text], .form input[type=email] {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -webkit-appearance: none;
    width: 100%;
    margin-bottom: 10px;
    padding: 10px 15px;
    background: #ffffff;
    border: 1px solid #ffffff;
    text-align: left;
    font-size: 14px;
    line-height: 1.42857;
    color: #666666; }
  .form input[name=cfirstname], .form input[name=cmail] {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -webkit-appearance: none; }
  .form input[name=clastname], .form input[name=ccompany] {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -webkit-appearance: none; }
  .form textarea {
    width: 100%;
    margin-bottom: 10px;
    padding: 10px 15px;
    background: #ffffff;
    border: 1px solid #ffffff;
    text-align: left;
    font-size: 14px;
    line-height: 1.42857;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -webkit-appearance: none;
    color: #666666;
    resize: none; }

/*! Jean Niel 2016 */
#history-slideshow {
  position: relative;
  width: 100%;
  height: 580px;
  overflow: hidden;
  -ms-touch-action: pan-y; }

.slideshow {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1; }

.slide {
  width: 100%;
  height: 100%;
  padding: 60px 0;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #003e51;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }
  .slide .figcaption {
    max-width: 880px;
    width: 100%;
    margin: 0 auto;
    font-size: 0; }
  .slide .image {
    display: inline-block;
    width: 40%;
    height: auto;
    vertical-align: top; }
  .slide .figure {
    display: inline-block;
    width: 60%;
    padding-left: 20px;
    vertical-align: top; }
  .slide .title.size {
    font-size: 70px;
    line-height: 1; }

.jn-slideshow-arrow-horizontal-tol {
  height: 100%;
  width: 10%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
  background: transparent url(../../src/img/left-arrow@2x.png) no-repeat center center;
  -webkit-background-size: 56px 58px;
  -moz-background-size: 56px 58px;
  -ms-background-size: 56px 58px;
  -o-background-size: 56px 58px;
  background-size: 56px 58px;
  cursor: pointer; }
  .jn-slideshow-arrow-horizontal-tol.disabled {
    display: none; }

.jn-slideshow-arrow-horizontal-bor {
  height: 100%;
  width: 10%;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 3;
  background: transparent url(../../src/img/right-arrow@2x.png) no-repeat center center;
  -webkit-background-size: 56px 58px;
  -moz-background-size: 56px 58px;
  -ms-background-size: 56px 58px;
  -o-background-size: 56px 58px;
  background-size: 56px 58px;
  cursor: pointer; }
  .jn-slideshow-arrow-horizontal-bor.disabled {
    display: none; }

#timeline {
  width: 100%;
  position: absolute;
  bottom: 0;
  z-index: 2;
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  text-align: center; }
  #timeline .item {
    display: inline-block;
    padding: 20px;
    overflow: hidden;
    vertical-align: middle;
    font-size: 15px;
    line-height: 1.2;
    color: #ffffff;
    cursor: default; }
    #timeline .item.light {
      width: 70px;
      height: 30px;
      padding: 4px 0 0;
      position: absolute;
      top: -15px;
      z-index: 2;
      background: #ffffff;
      border: 2px solid #ffffff;
      border-radius: 25px;
      color: #003e51;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0);
      opacity: 0; }
    #timeline .item.active {
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
      filter: alpha(opacity=100);
      opacity: 1;
      -webkit-transition: opacity 340ms ease;
      -moz-transition: opacity 340ms ease;
      -ms-transition: opacity 340ms ease;
      -o-transition: opacity 340ms ease;
      transition: opacity 340ms ease; }
  #timeline .line {
    display: inline-block;
    max-width: 780px;
    width: 100%;
    height: 1px;
    line-height: 1px;
    vertical-align: middle;
    position: relative;
    background: #ffffff; }
    #timeline .line:before {
      content: "";
      display: block;
      width: 2px;
      height: 16px;
      position: absolute;
      top: -7px;
      left: 0;
      background: #ffffff; }
    #timeline .line:after {
      content: "";
      display: block;
      width: 2px;
      height: 16px;
      position: absolute;
      top: -7px;
      right: 0;
      background: #ffffff; }

@media only screen and (max-width: 1024px) {
  #history-slideshow {
    height: 450px; }
  .slide {
    padding: 70px 0; }
    .slide .title {
      margin-bottom: 10px; }
    .slide .figure {
      width: 100%;
      padding-right: 20px; }
    .slide .title.size {
      font-size: 40px;
      line-height: 1; }
    .slide .image {
      display: none; }
  .jn-slideshow-arrow-horizontal-tol, .jn-slideshow-arrow-horizontal-bor {
    width: 20%;
    background-position: 50% 20px;
    -webkit-background-size: 36px 38px;
    -moz-background-size: 36px 38px;
    -ms-background-size: 36px 38px;
    -o-background-size: 36px 38px;
    background-size: 36px 38px; }
  #timeline {
    display: none; } }

/*! Jean Niel 2016 */
#counter {
  width: 100%;
  margin-top: 30px;
  font-size: 0; }
  #counter li {
    width: 20%;
    display: inline-block;
    vertical-align: top;
    text-align: center; }
  #counter strong {
    font-size: 26px;
    line-height: 3.15385; }
    #counter strong.navy {
      color: #003e51; }
    #counter strong.sienna {
      color: #c7bbb5; }
    #counter strong.salmon {
      color: #fa9370; }
  #counter p {
    text-transform: uppercase;
    font-size: 16px;
    line-height: 1.375;
    color: #666666; }
  #counter .count {
    font-size: 82px;
    line-height: 1;
    font-weight: bold; }

@media only screen and (max-width: 1280px) {
  #counter strong {
    font-size: 26px;
    line-height: 2.38462; }
  #counter .count {
    font-size: 62px;
    line-height: 1; } }

@media only screen and (max-width: 1024px) {
  #counter {
    margin-top: 10px; }
    #counter li {
      width: 50%;
      display: inline-block;
      vertical-align: top;
      text-align: center; }
    #counter p {
      font-size: 14px;
      line-height: 1.14286; }
    #counter strong {
      font-size: 20px;
      line-height: 2.5; }
    #counter .count {
      font-size: 50px;
      line-height: 1; } }

/*! Jean Niel 2016 */
.catalogs {
  max-width: 1400px;
  width: 100%;
  margin: 0 auto 10px;
  padding: 0 25px;
  font-size: 0; }

.catalog {
  display: inline-block;
  width: 50%;
  padding: 30px 30px 30px 110px;
  position: relative;
  background: #eeeeee;
  vertical-align: top;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 16px;
  line-height: 1;
  color: #333333; }
  .catalog span {
    display: block;
    width: 80px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 0 0; }
  .catalog:after {
    content: "";
    display: block;
    width: 26px;
    height: 22px;
    position: absolute;
    top: 50%;
    right: 30px;
    margin-top: -11px;
    background: url(../../src/img/download@2x.png) no-repeat 0;
    -webkit-background-size: 25px 22px;
    -moz-background-size: 25px 22px;
    -ms-background-size: 25px 22px;
    -o-background-size: 25px 22px;
    background-size: 25px 22px; }
  .catalog strong {
    font-weight: bold; }

@media only screen and (max-width: 1280px) {
  .catalog {
    font-size: 14px;
    line-height: 1; } }

@media only screen and (max-width: 1024px) {
  .catalog {
    display: block;
    width: 100%;
    font-size: 12px;
    line-height: 1; } }

/*! Jean Niel 2016 */
.embed {
  max-width: 100%;
  height: 0;
  overflow: hidden;
  position: relative;
  padding-bottom: 50.4%;
  background: #000; }

.embed iframe, .embed object, .embed embed {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0; }

.poster {
  position: relative;
  z-index: 1;
  cursor: pointer; }
  .poster:after {
    display: block;
    width: 82px;
    height: 83px;
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    margin: -42px 0 0 -41px;
    background: url(../../src/img/video@2x.png) no-repeat 0;
    -webkit-background-size: 82px 83px;
    -moz-background-size: 82px 83px;
    -ms-background-size: 82px 83px;
    -o-background-size: 82px 83px;
    background-size: 82px 83px; }

@media only screen and (max-width: 1024px) {
  .poster:after {
    display: block;
    width: 46px;
    height: 47px;
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    margin: -23px 0 0 -23px;
    background: url(../../src/img/video@2x.png) no-repeat 0;
    -webkit-background-size: 46px 47px;
    -moz-background-size: 46px 47px;
    -ms-background-size: 46px 47px;
    -o-background-size: 46px 47px;
    background-size: 46px 47px; } }

/*! Jean Niel 2016 */
#accordion {
  max-width: 1400px;
  width: 100%;
  margin: 0 auto;
  padding: 0 25px;
  font-size: 0; }
  #accordion .list {
    display: inline-block;
    width: 50%;
    vertical-align: top; }
    #accordion .list:first-child {
      border-right: 1px solid #c7bbb5; }
    #accordion .list li {
      text-align: center; }
    #accordion .list > li {
      border-top: 1px solid #c7bbb5; }
    #accordion .list > li:first-child {
      border: 0; }
  #accordion .thead {
    display: block;
    padding: 15px 10px;
    position: relative;
    background: #eeeeee;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 1.28571;
    color: #333333;
    cursor: pointer; }
    #accordion .thead:after {
      display: block;
      content: "";
      width: 7px;
      height: 10px;
      position: absolute;
      top: 50%;
      right: 4%;
      margin-top: -5px;
      background: transparent url(../../src/img/left-fill-arrow@2x.png) no-repeat 0;
      -webkit-background-size: 6px 10px;
      -moz-background-size: 6px 10px;
      -ms-background-size: 6px 10px;
      -o-background-size: 6px 10px;
      background-size: 6px 10px; }
    #accordion .thead.active {
      background: #fa9370;
      color: #ffffff; }
      #accordion .thead.active:after {
        width: 10px;
        height: 6px;
        background: transparent url(../../src/img/bottom-fill-arrow@2x.png) no-repeat 0;
        -webkit-background-size: 10px 6px;
        -moz-background-size: 10px 6px;
        -ms-background-size: 10px 6px;
        -o-background-size: 10px 6px;
        background-size: 10px 6px; }
  #accordion .tbody {
    display: none;
    padding: 5px 0;
    background: #fde7da; }
    #accordion .tbody li {
      padding: 5px;
      font-size: 14px;
      line-height: 1.28571;
      cursor: default; }

@media only screen and (max-width: 768px) {
  #accordion {
    padding: 0; }
    #accordion .thead {
      font-size: 10px;
      line-height: 1.1; }
    #accordion .tbody li {
      font-size: 11px;
      line-height: 1.27273; } }

/*! Jean Niel 2016 */
#popin {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 120px;
  /* header */
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-transition: transform 500ms ease;
  -moz-transition: transform 500ms ease;
  -ms-transition: transform 500ms ease;
  -o-transition: transform 500ms ease;
  transition: transform 500ms ease; }
  .popin-is-open #popin {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%); }
  #popin .close {
    width: 56px;
    height: 58px;
    position: absolute;
    top: 2%;
    right: 2%;
    background: url(../../src/img/close@2x.png) no-repeat 0;
    -webkit-background-size: 55px 57px;
    -moz-background-size: 55px 57px;
    -ms-background-size: 55px 57px;
    -o-background-size: 55px 57px;
    background-size: 55px 57px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    cursor: pointer; }
    .popin-is-open #popin .close {
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
      filter: alpha(opacity=100);
      opacity: 1;
      -webkit-transition: opacity 260ms ease 460ms;
      -moz-transition: opacity 260ms ease 460ms;
      -ms-transition: opacity 260ms ease 460ms;
      -o-transition: opacity 260ms ease 460ms;
      transition: opacity 260ms ease 460ms; }

#shadow {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  background: rgba(0, 0, 0, 0.5);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0; }
  .popin-is-open #shadow {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transition: opacity 500ms ease 400ms;
    -moz-transition: opacity 500ms ease 400ms;
    -ms-transition: opacity 500ms ease 400ms;
    -o-transition: opacity 500ms ease 400ms;
    transition: opacity 500ms ease 400ms; }

#map {
  width: 70vw;
  position: absolute;
  z-index: 2;
  margin: 0 15vw;
  background: #075871;
  -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1); }
  #map .marker {
    width: 0;
    height: 0;
    position: absolute;
    z-index: 2;
    cursor: pointer; }
    #map .marker.marker-1 {
      top: 43.9%;
      left: 21.95%; }
    #map .marker.marker-2 {
      top: 44.6%;
      left: 23.95%; }
    #map .marker.marker-3 {
      top: 60%;
      left: 22.1%; }
    #map .marker.marker-4 {
      top: 30%;
      left: 52.4%; }
    #map .marker.marker-5 {
      top: 27.2%;
      left: 54.3%; }
    #map .marker.marker-6 {
      top: 23.9%;
      left: 60.95%; }
    #map .marker.marker-7 {
      top: 25.9%;
      left: 69.95%; }
    #map .marker.marker-8 {
      top: 42%;
      left: 80.05%; }
    #map .marker.marker-9 {
      top: 60.4%;
      left: 82.95%; }
    #map .marker:before {
      display: block;
      content: "";
      width: 52px;
      height: 60px;
      position: absolute;
      bottom: -3px;
      left: 2px;
      z-index: 2;
      margin-left: -26px;
      background-color: transparent;
      background-repeat: no-repeat;
      background-position: 0 0;
      -webkit-background-size: 46px 56px;
      -moz-background-size: 46px 56px;
      -ms-background-size: 46px 56px;
      -o-background-size: 46px 56px;
      background-size: 46px 56px; }
    #map .marker .figure {
      display: none;
      width: 100px;
      height: 60px;
      padding: 5px;
      position: absolute;
      top: -71px;
      left: -50px;
      z-index: 2;
      background: #ffffff;
      font-size: 0; }
      #map .marker .figure .image {
        display: none;
        width: 50px;
        height: 50px;
        vertical-align: top; }
      #map .marker .figure .figcaption {
        display: inline-block;
        width: 110px;
        padding-left: 5px;
        vertical-align: top; }
        #map .marker .figure .figcaption .title {
          font-size: 12px;
          line-height: 1.16667; }
        #map .marker .figure .figcaption .text {
          font-size: 12px;
          line-height: 1.16667; }
    #map .marker:hover {
      z-index: 3; }
      #map .marker:hover:before {
        background-image: url(../../src/img/marker-white@2x.png);
        -webkit-transition: all 120ms ease;
        -moz-transition: all 120ms ease;
        -ms-transition: all 120ms ease;
        -o-transition: all 120ms ease;
        transition: all 120ms ease; }
      #map .marker:hover .figure {
        display: block; }
  #map .image {
    display: inline-block;
    width: 100%;
    height: auto; }

@media only screen and (max-width: 768px) {
  #popin {
    -webkit-transform: translateX(200%);
    -moz-transform: translateX(200%);
    -ms-transform: translateX(200%);
    -o-transform: translateX(200%);
    transform: translateX(200%); } }

/*! Jean Niel 2016 */
.news-page .figure {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto 20px;
  padding-bottom: 20px;
  overflow: hidden;
  border-bottom: 1px solid #e3dbdb;
  font-size: 0; }
  .news-page .figure .image {
    display: inline-block;
    width: 30%;
    padding-left: 20px;
    vertical-align: top; }
    .news-page .figure .image img {
      display: block;
      width: 100%;
      height: auto; }
  .news-page .figure .figcaption {
    display: inline-block;
    width: 70%;
    padding: 0 20px;
    vertical-align: top; }
    .news-page .figure .figcaption .text p a {
      color: #003e51; }
  .news-page .figure.active {
    height: 200px; }

.news-page .pagination {
  font-size: 11pt;
  text-align: center; }
  .news-page .pagination span, .news-page .pagination a {
    margin: 5px;
    text-decoration: none;
    color: #65564f; }
    .news-page .pagination span:hover, .news-page .pagination a:hover {
      color: #130f0e; }
    .news-page .pagination span.current, .news-page .pagination a.current {
      font-weight: bold; }

@media only screen and (max-width: 768px) {
  .news-page .figure .image {
    width: 100%;
    margin-bottom: 20px;
    padding-left: 0; }
    .news-page .figure .image img {
      display: block;
      width: 100%;
      height: auto; }
  .news-page .figure .figcaption {
    width: 100%;
    padding: 0; } }

/*! Jean Niel 2016 */
#contentinfo .wrap {
  position: absolute;
  top: 0;
  right: 8%;
  bottom: 0;
  left: 8%;
  z-index: 2; }

#contentinfo .table {
  display: table;
  max-width: 650px;
  width: 100%;
  height: 100%;
  margin: 0 auto; }

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

#contentinfo .text {
  width: 100%;
  display: inline-block;
  text-align: left; }
  #contentinfo .text.width {
    width: 50%; }
  #contentinfo .text.padding-top {
    padding-top: 20px; }

#contentinfo .image {
  display: block;
  width: 100%;
  height: auto;
  position: relative;
  z-index: 1; }

#google-map {
  height: 400px;
  max-width: 100%;
  height: 0;
  overflow: hidden;
  position: relative;
  padding-bottom: 28%; }

#google-map iframe, #google-map object, #google-map embed {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none; }

@media only screen and (max-width: 1024px) {
  #contentinfo {
    height: 200px; }
    #contentinfo .image {
      display: none; } }

/*! Jean Niel 2016 */
#google-map {
  position: relative;
  background: #e5e3df; }
  #google-map iframe, #google-map object, #google-map embed {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    pointer-events: none; }
  #google-map .spinner {
    width: 60px;
    height: 60px;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    margin: -30px 0 0 -30px; }
  #google-map .bounce-1, #google-map .bounce-2 {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #fa9370;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
    opacity: 0.6;
    -webkit-animation: sk-bounce 2s infinite ease-in-out;
    -moz-animation: sk-bounce 2s infinite ease-in-out;
    -ms-animation: sk-bounce 2s infinite ease-in-out;
    -o-animation: sk-bounce 2s infinite ease-in-out;
    animation: sk-bounce 2s infinite ease-in-out; }
  #google-map .bounce-2 {
    -webkit-animation-delay: -1s;
    -moz-animation-delay: -1s;
    -ms-animation-delay: -1s;
    -o-animation-delay: -1s;
    animation-delay: -1s; }

@media only screen and (max-width: 1024px) {
  #google-map {
    padding-bottom: 100%; } }

/*! Jean Niel 2017 */
.content-ckeditor {
  font-size: 12px;
  line-height: 15px;
  color: #347083; }
  .content-ckeditor h1, .content-ckeditor h2, .content-ckeditor h3, .content-ckeditor h4 {
    font-size: 15px;
    font-weight: bold; }
  .content-ckeditor h4 {
    margin-bottom: 10px;
    text-decoration: underline; }
  .content-ckeditor strong {
    font-weight: bold; }
  .content-ckeditor em {
    font-style: italic; }
  .content-ckeditor .type {
    font-size: 12px;
    float: right;
    margin-top: 2px;
    margin-left: 20px; }
    .content-ckeditor .type.type-flavor {
      color: #ff8d67; }
    .content-ckeditor .type.type-fragrance {
      color: #b5ada6; }
  .content-ckeditor .info-header {
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #aeaeae; }

#office-map {
  position: relative;
  font-size: 12px;
  line-height: 15px;
  color: #347083; }
  #office-map h1, #office-map h2, #office-map h3, #office-map h4 {
    font-size: 15px;
    font-weight: bold; }
  #office-map h4 {
    margin-bottom: 10px;
    text-decoration: underline; }
  #office-map strong {
    font-weight: bold; }
  #office-map em {
    font-style: italic; }
  #office-map .type {
    font-size: 12px;
    float: right;
    margin-top: 2px;
    margin-left: 20px; }
    #office-map .type.type-flavor {
      color: #ff8d67; }
    #office-map .type.type-fragrance {
      color: #b5ada6; }
  #office-map .info-header {
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #aeaeae; }
  #office-map .admin-helper-pos {
    font-size: 12pt; }
  #office-map .infobox {
    position: absolute;
    top: 3px;
    left: 2px;
    z-index: 1;
    font-size: 12px;
    background-color: white;
    padding: 5px 10px;
    border-bottom-right-radius: 3px;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1);
    min-width: 200px;
    max-height: 100%;
    overflow-y: auto; }
    #office-map .infobox h3 {
      font-size: 16px;
      font-weight: bold;
      border-bottom: 1px solid #ccc;
      padding-bottom: 7px;
      margin-bottom: 10px;
      margin-top: 1px; }
    #office-map .infobox .select-container select {
      height: 25px;
      display: block;
      width: 100%;
      border: 0 solid transparent;
      background-color: #d9e2e5;
      border-radius: 6px;
      padding: 3px 6px;
      margin-bottom: 10px; }
      #office-map .infobox .select-container select:last-of-type {
        margin-bottom: 20px; }
    #office-map .infobox .select-container.empty {
      position: relative; }
    #office-map .infobox .select-container.empty::before {
      position: absolute;
      display: inline-block;
      content: attr(placeholder);
      font-size: 12px;
      line-height: 24px;
      height: 25px;
      padding-left: 11px;
      pointer-events: none;
      color: black; }
    #office-map .infobox label {
      position: relative;
      display: block;
      vertical-align: baseline;
      margin: 0;
      padding-top: 5px;
      padding-bottom: 5px;
      /* Selection needs to be disabled for these toggles */
      -webkit-touch-callout: none;
      /* iOS Safari */
      -webkit-user-select: none;
      /* Safari */
      -khtml-user-select: none;
      /* Konqueror HTML */
      -moz-user-select: none;
      /* Firefox */
      -ms-user-select: none;
      /* Internet Explorer/Edge */
      user-select: none; }
      #office-map .infobox label:hover {
        cursor: pointer; }
        #office-map .infobox label:hover span {
          color: #81abc5; }
        #office-map .infobox label:hover svg {
          top: -5px; }
      #office-map .infobox label input[type="checkbox"] {
        display: none; }
        #office-map .infobox label input[type="checkbox"] + span {
          position: relative; }
        #office-map .infobox label input[type="checkbox"] + span:before {
          display: inline-block;
          content: '';
          width: 10px;
          height: 10px;
          background-color: #d9e2e5;
          margin-right: 5px; }
        #office-map .infobox label input[type="checkbox"] + span + svg {
          opacity: 0.5; }
        #office-map .infobox label input[type="checkbox"]:checked + span + svg {
          opacity: 1; }
        #office-map .infobox label input[type="checkbox"]:checked + span:after {
          position: absolute;
          left: -2px;
          top: -3px;
          display: inline-block;
          content: "\00d7";
          text-align: center;
          font-size: 30px;
          line-height: 15px;
          color: #044155;
          overflow: hidden; }
      #office-map .infobox label svg {
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto auto auto 5px;
        transition: top 50ms ease-in-out; }
    #office-map .infobox p {
      margin-top: 20px; }
    #office-map .infobox .error {
      color: #d0021b; }

@media only screen and (max-width: 1024px) {
  #office-map {
    display: none; } }

/*! Jean Niel 2016 */
#raw-material {
  background: #00263d;
  font-size: 0; }
  #raw-material .raw {
    display: inline-block;
    vertical-align: middle; }
    #raw-material .raw.raw-1 {
      width: 30%;
      padding: 0 4%; }
    #raw-material .raw.raw-2 {
      width: 40%;
      height: 100%;
      position: relative; }
      #raw-material .raw.raw-2 .image {
        position: relative;
        z-index: 1; }
    #raw-material .raw.raw-3 {
      width: 30%;
      padding-top: 25%;
      background-repeat: no-repeat;
      background-position: center center;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -ms-background-size: cover;
      -o-background-size: cover;
      background-size: cover; }
    #raw-material .raw.raw-mobile {
      display: none;
      padding: 20px 0 0; }
      #raw-material .raw.raw-mobile .list {
        width: 100%; }
        #raw-material .raw.raw-mobile .list li {
          padding: 5px 20px;
          font-size: 12px;
          line-height: 1.16667;
          color: #ffffff; }
          #raw-material .raw.raw-mobile .list li span {
            text-transform: uppercase; }
  #raw-material .text strong {
    display: block;
    font-size: 80px;
    line-height: 1; }
  #raw-material .image {
    display: block;
    width: 100%;
    height: auto;
    position: relative;
    z-index: 1; }

#raw-list {
  background: #efebe7;
  font-size: 0; }
  #raw-list ul {
    width: 100%; }
  #raw-list li {
    width: 50%;
    display: inline-block;
    vertical-align: middle; }
    #raw-list li:first-child {
      border-right: 1px solid #c7bbb5; }
  #raw-list a {
    display: block;
    padding: 28px 10px 28px 14%;
    position: relative;
    text-align: left;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 15px;
    line-height: 1;
    color: #333333; }
    #raw-list a:after {
      display: block;
      content: "";
      width: 29px;
      height: 28px;
      position: absolute;
      top: 50%;
      left: 4%;
      margin-top: -14px;
      background: transparent url(../../src/img/list@2x.png) no-repeat 0 0;
      background-size: 29px 27px; }

@media only screen and (max-width: 768px) {
  #raw-material .raw.raw-1 {
    width: 100%;
    padding: 20px; }
  #raw-material .raw.raw-2 {
    width: 100%;
    padding: 0; }
  #raw-material .raw.raw-3 {
    width: 100%;
    margin-top: 20px;
    padding-top: 60%; }
  #raw-material .raw.raw-mobile {
    display: block; }
  #raw-material .button.sienna {
    display: none; } }

/*! Jean Niel 2016 */
#loader {
  height: 8px;
  position: fixed;
  top: 0;
  z-index: 101;
  background: #ffffff; }

#loader-under {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 100;
  background: #00263D; }
  #loader-under:before {
    content: "";
    display: block;
    width: 48px;
    height: 44px;
    position: absolute;
    bottom: 5px;
    right: 40px;
    background: transparent url(../../src/img/logo-single-white@2x.png) no-repeat 0;
    -webkit-background-size: 48px 44px;
    -moz-background-size: 48px 44px;
    -ms-background-size: 48px 44px;
    -o-background-size: 48px 44px;
    background-size: 48px 44px; }
  #loader-under:after {
    content: "";
    display: block;
    width: 25px;
    height: 25px;
    position: absolute;
    bottom: 20px;
    right: 10px;
    background: url(../../src/img/loader.gif) no-repeat 0;
    -webkit-background-size: 25px 25px;
    -moz-background-size: 25px 25px;
    -ms-background-size: 25px 25px;
    -o-background-size: 25px 25px;
    background-size: 25px 25px; }

.admin-bar #subnav {
  margin-top: 32px; }

.admin-bar #loader {
  top: 32px; }

.admin-bar #popin {
  top: 142px; }

/**
 * Contact Form 7
 */
.wpcf7-response-output {
  font-size: 15px;
  line-height: 1.06667; }

.form span.wpcf7-not-valid-tip {
  display: inline-block; }

.form .wpcf7-response-output {
  margin: 0;
  padding: 10px 15px; }
  .form .wpcf7-response-output.wpcf7-not-valid {
    border: 1px solid #ff725c; }
  .form .wpcf7-response-output.wpcf7-mail-sent-ok {
    border: 2px solid #4bb71c; }
  .form .wpcf7-response-output.wpcf7-mail-sent-ng {
    border: 2px solid #ff412d; }
  .form .wpcf7-response-output.wpcf7-validation-errors {
    border: 2px solid #f78353; }

/**
 * Newsletter MailPoet
 */
#newsletter .wysija-paragraph {
  position: relative; }
  #newsletter .wysija-paragraph label .wysija-required {
    display: none; }
  #newsletter .wysija-paragraph .formError {
    top: -33px !important;
    bottom: 0 !important;
    left: 130% !important;
    background-color: #ff412d !important;
    opacity: 1 !important; }
    #newsletter .wysija-paragraph .formError .formErrorContent {
      background-color: #ff412d !important;
      height: 55px !important;
      border: transparent;
      width: 320px;
      font-family: "Raleway", sans-serif;
      font-size: 15px;
      line-height: 1.2;
      padding: 10px; }

#newsletter .widget_wysija_cont .wysija-submit {
  margin-top: 0 !important; }

#newsletter .widget_wysija_cont .wysija-paragraph {
  display: inline; }

/*! Jean Niel 2016 */
@media only screen and (max-width: 1024px) {
  #news {
    display: none; } }