/**
 * Sand 2.0.0
 *
 * @package Sand
 *
 * /base/       - basic tags styling: typo, médias, tableaux, etc...
 * /components/ - design components styling: boutons, formulaires, blocks, etc...
 * /layout/     - layout styling: conteneur, grille, etc..
 * /lib/        - global classes and mixins.
 * /pages/      - pages specific styling.
 * /utils/      - global utilities styling: selection, scrollbar, etc...
 * /vendor/     - vendor components style e.g.: swiper.js
 * config.less  - defines every Sand's variables
 * sand.less    - main .less file, importing all other.
 */
/* Config
   ========================================================================== */
/**
 * Sand's configuration file
 *
 * @package Sand
 *
 * This file defines every Sand's variables
 */
/* Paths
   ========================================================================== */
/* Colors
   ========================================================================== */
/* Container & grid
   ========================================================================== */
/* Body
   ========================================================================== */
/* Typography
   ========================================================================== */
/* Images
   ========================================================================== */
/* Scrollbars
   ========================================================================== */
/* Forms inputs
   ========================================================================== */
/* Toolbar
   ========================================================================== */
/* Buttons heights
   ========================================================================== */
/* Media queries breakpoint
   ========================================================================== */
/* Base
   ========================================================================== */
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}
/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}
/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}
/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}
/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */
}
/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}
/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}
/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}
/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}
/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}
/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}
/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}
/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}
/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}
/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}
/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}
/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}
/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}
/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}
/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}
/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}
/**
 * CSS Enhancements
 *
 * @package Sand
 */
/* Border-box + font smoothing (OSX)
   ========================================================================== */
*,
*:after,
*:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
/* Remove native hover effect on touch devices
   ========================================================================== */
a,
input[type=submit],
.image_picker_selector .thumbnail,
.js-collapsible_toggle,
label,
button {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
/**
 * @font-face declarations
 *
 * @package Sand
 *
 * Good @font-face generator: https://transfonter.org/
 * Give special attention to use a single font name like 'Futura' for each font family,
 * not 'FuturaBold' / 'FuturaBook' etc., and define font-weights properly.
 */
/* Libertinus 
   ========================================================================== */
@font-face {
  font-family: 'Libertinus';
  src: url('https://www.vagomag.fr/wp-content/themes/vago/src/css/../../assets/fonts/subset-LibertinusSerifDisplay-Regular.eot');
  src: url('https://www.vagomag.fr/wp-content/themes/vago/src/css/../../assets/fonts/subset-LibertinusSerifDisplay-Regular.eot?#iefix') format('embedded-opentype'), url('https://www.vagomag.fr/wp-content/themes/vago/src/css/../../assets/fonts/subset-LibertinusSerifDisplay-Regular.woff2') format('woff2'), url('https://www.vagomag.fr/wp-content/themes/vago/src/css/../../assets/fonts/subset-LibertinusSerifDisplay-Regular.woff') format('woff'), url('https://www.vagomag.fr/wp-content/themes/vago/src/css/../../assets/fonts/subset-LibertinusSerifDisplay-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Libertinus';
  src: url('https://www.vagomag.fr/wp-content/themes/vago/src/css/../../assets/fonts/subset-LibertinusSerif-Semibold.eot');
  src: url('https://www.vagomag.fr/wp-content/themes/vago/src/css/../../assets/fonts/subset-LibertinusSerif-Semibold.eot?#iefix') format('embedded-opentype'), url('https://www.vagomag.fr/wp-content/themes/vago/src/css/../../assets/fonts/subset-LibertinusSerif-Semibold.woff2') format('woff2'), url('https://www.vagomag.fr/wp-content/themes/vago/src/css/../../assets/fonts/subset-LibertinusSerif-Semibold.woff') format('woff'), url('https://www.vagomag.fr/wp-content/themes/vago/src/css/../../assets/fonts/subset-LibertinusSerif-Semibold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}
/* Hanken Grotesk 
   ========================================================================== */
@font-face {
  font-family: 'Hanken Grotesk';
  src: url('https://www.vagomag.fr/wp-content/themes/vago/src/css/../../assets/fonts/subset-HankenGrotesk-Regular.eot');
  src: url('https://www.vagomag.fr/wp-content/themes/vago/src/css/../../assets/fonts/subset-HankenGrotesk-Regular.eot?#iefix') format('embedded-opentype'), url('https://www.vagomag.fr/wp-content/themes/vago/src/css/../../assets/fonts/subset-HankenGrotesk-Regular.woff2') format('woff2'), url('https://www.vagomag.fr/wp-content/themes/vago/src/css/../../assets/fonts/subset-HankenGrotesk-Regular.woff') format('woff'), url('https://www.vagomag.fr/wp-content/themes/vago/src/css/../../assets/fonts/subset-HankenGrotesk-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Hanken Grotesk';
  src: url('https://www.vagomag.fr/wp-content/themes/vago/src/css/../../assets/fonts/subset-HankenGrotesk-Italic.eot');
  src: url('https://www.vagomag.fr/wp-content/themes/vago/src/css/../../assets/fonts/subset-HankenGrotesk-Italic.eot?#iefix') format('embedded-opentype'), url('https://www.vagomag.fr/wp-content/themes/vago/src/css/../../assets/fonts/subset-HankenGrotesk-Italic.woff2') format('woff2'), url('https://www.vagomag.fr/wp-content/themes/vago/src/css/../../assets/fonts/subset-HankenGrotesk-Italic.woff') format('woff'), url('https://www.vagomag.fr/wp-content/themes/vago/src/css/../../assets/fonts/subset-HankenGrotesk-Italic.ttf') format('truetype');
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: 'Hanken Grotesk';
  src: url('https://www.vagomag.fr/wp-content/themes/vago/src/css/../../assets/fonts/subset-HankenGrotesk-SemiBold.eot');
  src: url('https://www.vagomag.fr/wp-content/themes/vago/src/css/../../assets/fonts/subset-HankenGrotesk-SemiBold.eot?#iefix') format('embedded-opentype'), url('https://www.vagomag.fr/wp-content/themes/vago/src/css/../../assets/fonts/subset-HankenGrotesk-SemiBold.woff2') format('woff2'), url('https://www.vagomag.fr/wp-content/themes/vago/src/css/../../assets/fonts/subset-HankenGrotesk-SemiBold.woff') format('woff'), url('https://www.vagomag.fr/wp-content/themes/vago/src/css/../../assets/fonts/subset-HankenGrotesk-SemiBold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Hanken Grotesk';
  src: url('https://www.vagomag.fr/wp-content/themes/vago/src/css/../../assets/fonts/subset-HankenGrotesk-SemiBoldItalic.eot');
  src: url('https://www.vagomag.fr/wp-content/themes/vago/src/css/../../assets/fonts/subset-HankenGrotesk-SemiBoldItalic.eot?#iefix') format('embedded-opentype'), url('https://www.vagomag.fr/wp-content/themes/vago/src/css/../../assets/fonts/subset-HankenGrotesk-SemiBoldItalic.woff2') format('woff2'), url('https://www.vagomag.fr/wp-content/themes/vago/src/css/../../assets/fonts/subset-HankenGrotesk-SemiBoldItalic.woff') format('woff'), url('https://www.vagomag.fr/wp-content/themes/vago/src/css/../../assets/fonts/subset-HankenGrotesk-SemiBoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
}
/* Optician Sans 
   ========================================================================== */
@font-face {
  font-family: 'Optician Sans';
  src: url('https://www.vagomag.fr/wp-content/themes/vago/src/css/../../assets/fonts/subset-OpticianSans-Regular.eot');
  src: url('https://www.vagomag.fr/wp-content/themes/vago/src/css/../../assets/fonts/subset-OpticianSans-Regular.eot?#iefix') format('embedded-opentype'), url('https://www.vagomag.fr/wp-content/themes/vago/src/css/../../assets/fonts/subset-OpticianSans-Regular.woff2') format('woff2'), url('https://www.vagomag.fr/wp-content/themes/vago/src/css/../../assets/fonts/subset-OpticianSans-Regular.woff') format('woff'), url('https://www.vagomag.fr/wp-content/themes/vago/src/css/../../assets/fonts/subset-OpticianSans-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
/**
 * Global typographic styles
 *
 * @package Sand
 *
 * Defines typographic styles for basic HTML tags such as <a>, <p>, <hN> etc.
 */
/* HTML
   ========================================================================== */
html {
  font-family: 'Hanken Grotesk', Arial, sans-serif;
  font-size: 16px;
  line-height: 1.6875;
  color: #000000;
  font-weight: 300;
}
p,
li,
label,
input {
  letter-spacing: .05em;
}
@media only screen and (min-width: 1600px) {
  p,
  ul,
  ol {
    font-size: 18px;
  }
  blockquote p {
    font-size: 1.875rem;
  }
}
/* Links
   ========================================================================== */
a {
  text-decoration: none;
  color: #000000;
  -webkit-transition: all cubic-bezier(0.4, 0, 0.2, 1) 180ms;
  transition: all cubic-bezier(0.4, 0, 0.2, 1) 180ms;
}
a:not(.btn):not(.burger):not(.edition_link):not(.editionCover):not(.editionPost_link):not(.instagramBlock):not(.logoBoxed):not(.scrollBtn):not(.post_link):not(.postNextPrev):not([class*="pswp"]):not(.postNav_link):not([href$=".jpg"]):not([href$=".jpeg"]):not([href$=".JPG"]):not([href$=".png"]):not([href$=".PNG"]):not(.header_title):not(.ab-item) {
  text-decoration: none;
  color: currentcolor;
  position: relative;
}
a:not(.btn):not(.burger):not(.edition_link):not(.editionCover):not(.editionPost_link):not(.instagramBlock):not(.logoBoxed):not(.scrollBtn):not(.post_link):not(.postNextPrev):not([class*="pswp"]):not(.postNav_link):not([href$=".jpg"]):not([href$=".jpeg"]):not([href$=".JPG"]):not([href$=".png"]):not([href$=".PNG"]):not(.header_title):not(.ab-item)::after {
  content: '';
  position: absolute;
  bottom: -0px;
  right: 0;
  width: 100%;
  height: 1px;
  background: currentcolor;
  opacity: .3;
}
.no-touch a:not(.btn):not(.burger):not(.edition_link):not(.editionCover):not(.editionPost_link):not(.instagramBlock):not(.logoBoxed):not(.scrollBtn):not(.post_link):not(.postNextPrev):not([class*="pswp"]):not(.postNav_link):not([href$=".jpg"]):not([href$=".jpeg"]):not([href$=".JPG"]):not([href$=".png"]):not([href$=".PNG"]):not(.header_title):not(.ab-item):hover {
  opacity: 0.8;
}
.no-touch a:not(.btn):not(.burger):not(.edition_link):not(.editionCover):not(.editionPost_link):not(.instagramBlock):not(.logoBoxed):not(.scrollBtn):not(.post_link):not(.postNextPrev):not([class*="pswp"]):not(.postNav_link):not([href$=".jpg"]):not([href$=".jpeg"]):not([href$=".JPG"]):not([href$=".png"]):not([href$=".PNG"]):not(.header_title):not(.ab-item):hover::after {
  animation: link 750ms;
  animation-fill-mode: forwards;
}
a:not(.btn):not(.burger):not(.edition_link):not(.editionCover):not(.editionPost_link):not(.instagramBlock):not(.logoBoxed):not(.scrollBtn):not(.post_link):not(.postNextPrev):not([class*="pswp"]):not(.postNav_link):not([href$=".jpg"]):not([href$=".jpeg"]):not([href$=".JPG"]):not([href$=".png"]):not([href$=".PNG"]):not(.header_title):not(.ab-item).nostyle {
  border: none;
  color: inherit;
}
a:not(.btn):not(.burger):not(.edition_link):not(.editionCover):not(.editionPost_link):not(.instagramBlock):not(.logoBoxed):not(.scrollBtn):not(.post_link):not(.postNextPrev):not([class*="pswp"]):not(.postNav_link):not([href$=".jpg"]):not([href$=".jpeg"]):not([href$=".JPG"]):not([href$=".png"]):not([href$=".PNG"]):not(.header_title):not(.ab-item).nostyle:hover {
  opacity: .7;
}
a:not(.btn):not(.burger):not(.edition_link):not(.editionCover):not(.editionPost_link):not(.instagramBlock):not(.logoBoxed):not(.scrollBtn):not(.post_link):not(.postNextPrev):not([class*="pswp"]):not(.postNav_link):not([href$=".jpg"]):not([href$=".jpeg"]):not([href$=".JPG"]):not([href$=".png"]):not([href$=".PNG"]):not(.header_title):not(.ab-item).noUnderline,
a:not(.btn):not(.burger):not(.edition_link):not(.editionCover):not(.editionPost_link):not(.instagramBlock):not(.logoBoxed):not(.scrollBtn):not(.post_link):not(.postNextPrev):not([class*="pswp"]):not(.postNav_link):not([href$=".jpg"]):not([href$=".jpeg"]):not([href$=".JPG"]):not([href$=".png"]):not([href$=".PNG"]):not(.header_title):not(.ab-item).link_image {
  border: none;
}
@keyframes link {
  0% {
    width: 100%;
  }
  25% {
    width: 0%;
  }
  55% {
    width: 0%;
  }
  100% {
    left: 0;
    right: inherit;
    width: 100%;
  }
}
/* Headings
   ========================================================================== */
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: 'Libertinus', serif;
  font-weight: 700;
  line-height: 1.1;
  margin: 3em 0 1.5rem;
  color: #000000;
}
h1,
.h1 {
  font-size: 2.125rem;
  margin-top: 0;
  font-family: 'Hanken Grotesk', Arial, sans-serif;
  letter-spacing: 0.05em;
}
h2,
.h2 {
  font-size: 1.5rem;
  font-weight: 400;
  letter-spacing: 0.05em;
}
h2.h2__dashed,
.h2.h2__dashed {
  font-size: 1.875rem;
  font-family: 'Libertinus', serif;
  font-weight: 700;
  white-space: nowrap;
}
h2.h2__dashed::before,
.h2.h2__dashed::before {
  content: '';
  position: relative;
  display: inline-block;
  width: .7em;
  height: 2px;
  background: currentcolor;
  vertical-align: middle;
  margin-right: .4em;
}
h2.h2__sansSerif,
.h2.h2__sansSerif {
  font-family: 'Hanken Grotesk', Arial, sans-serif;
  font-weight: 700;
}
h3,
.h3 {
  font-size: 1.125rem;
  font-family: 'Hanken Grotesk', Arial, sans-serif;
  letter-spacing: .05em;
}
h2 + h3,
h2 + .h3,
.h2 + h3,
.h2 + .h3 {
  margin-top: 0.5em;
}
h4,
.h4 {
  font-size: 1.125rem;
  color: #797979;
}
h5,
.h5 {
  font-size: 0.875rem;
  color: #71d566;
}
h6,
.h6 {
  font-size: 0.75rem;
  color: #999999;
}
@media only screen and (min-width: 600px) {
  h1,
  .h1 {
    font-size: 2.375rem;
  }
  h2.h2__dashed,
  .h2.h2__dashed {
    font-size: 2.125rem;
  }
}
@media only screen and (min-width: 768px) {
  h1,
  .h1 {
    font-size: 2.625rem;
  }
  h2.h2__dashed,
  .h2.h2__dashed {
    font-size: 2.25rem;
  }
  /*h3, .h3 {
        .font-size(28);
    }*/
}
@media only screen and (min-width: 900px) {
  h1,
  .h1 {
    font-size: 2.75rem;
  }
  h2.h2__dashed,
  .h2.h2__dashed {
    font-size: 2.375rem;
  }
  /*h3, .h3 {
        .font-size(32);
    }*/
}
@media only screen and (min-width: 1024px) {
  h1,
  .h1 {
    font-size: 3rem;
  }
  h2.h2__dashed,
  .h2.h2__dashed {
    font-size: 2.5rem;
    font-family: 'Libertinus', serif;
  }
  h2.h2__dashed::before,
  .h2.h2__dashed::before {
    height: 3px;
  }
}
@media only screen and (min-width: 1120px) {
  h1,
  .h1 {
    font-size: 3.375rem;
  }
}
@media only screen and (min-width: 1280px) {
  h1,
  .h1 {
    font-size: 4rem;
  }
}
/* Paragraphs
   ========================================================================== */
p {
  margin: 0 0 1.5rem;
}
strong,
b {
  font-weight: bold;
}
/* Blockquote
   ========================================================================== */
blockquote {
  position: relative;
  font-size: 1.25rem;
  line-height: 1.5;
  font-family: 'Libertinus', serif;
  font-style: italic;
  z-index: 10;
  margin: 1.5em 0 1.5em;
}
@media only screen and (min-width: 600px) {
  blockquote {
    font-size: 1.375rem;
  }
}
@media only screen and (min-width: 768px) {
  blockquote {
    font-size: 1.5rem;
  }
}
@media only screen and (min-width: 1024px) {
  blockquote {
    font-size: 1.625rem;
  }
}
@media only screen and (min-width: 1120px) {
  blockquote {
    font-size: 1.75rem;
  }
}
@media only screen and (min-width: 1280px) {
  blockquote {
    font-size: 1.875rem;
  }
}
/* Lists
   ========================================================================== */
ul,
ol {
  padding: 0;
  margin: 0 0 1.5rem 25px;
}
ul li:not(:last-child),
ol li:not(:last-child) {
  padding-bottom: .5em;
}
ul {
  list-style-type: none;
  margin-left: 20px;
}
ul li {
  position: relative;
  padding-left: 25px;
}
ul li::before {
  content: " ";
  position: absolute;
  width: 5px;
  height: 1px;
  background: currentcolor;
  opacity: 0.8;
  top: 16px;
  left: 0px;
}
p + ul {
  margin-top: -0.5em;
}
.list_inline li,
ul.list_inline li,
ol.list_inline li {
  display: inline-block;
}
.list_nostyle,
ul.list_nostyle,
ol.list_nostyle {
  list-style: none;
  margin: 0;
}
.list_nostyle li,
ul.list_nostyle li,
ol.list_nostyle li {
  padding: 0;
}
.list_nostyle li::before,
ul.list_nostyle li::before,
ol.list_nostyle li::before {
  display: none;
  content: " ";
}
.serifText {
  font-family: 'Libertinus', serif;
  line-height: 1.5;
}
.serifText p,
.serifText ul,
.serifText ol {
  font-size: 20px;
}
@media only screen and (min-width: 1024px) {
  .serifText p,
  .serifText ul,
  .serifText ol {
    font-size: 22px;
  }
}
@media only screen and (min-width: 1600px) {
  .serifText p,
  .serifText ul,
  .serifText ol {
    font-size: 24px;
  }
}
.opticianText {
  font-family: 'Optician Sans', Arial, sans-serif;
  line-height: 1.5;
}
.opticianText p,
.opticianText ul,
.opticianText ol {
  font-size: 20px;
}
@media only screen and (min-width: 1024px) {
  .opticianText p,
  .opticianText ul,
  .opticianText ol {
    font-size: 22px;
  }
}
@media only screen and (min-width: 1600px) {
  .opticianText p,
  .opticianText ul,
  .opticianText ol {
    font-size: 24px;
  }
}
.smallText {
  font-size: 0.875rem;
}
.smallText ul li::before {
  top: 12px;
}
@media only screen and (min-width: 1600px) {
  .smallText p,
  .smallText ul,
  .smallText ol {
    font-size: 1em;
  }
}
.sourceLangText {
  color: #666;
  margin-top: 2.75rem;
}
.sourceLangText__labelEN,
.sourceLangText__labelDE {
  position: relative;
}
.sourceLangText__labelEN::before,
.sourceLangText__labelDE::before {
  content: 'EN';
  display: block;
  color: inherit;
  line-height: 1;
  margin-bottom: 1em;
}
.sourceLangText__labelEN::after,
.sourceLangText__labelDE::after {
  content: '';
  position: absolute;
  top: 6px;
  left: -22px;
  width: 15px;
  height: 1px;
  background: currentcolor;
  opacity: 0.7;
}
@media only screen and (min-width: 600px) {
  .sourceLangText__labelEN::after,
  .sourceLangText__labelDE::after {
    left: -27px;
  }
}
.sourceLangText__labelDE::before {
  content: 'DE';
}
/**
 * Medias
 *
 * @package Sand
 *
 * Defines sizing and margin behavior for img, video and iframe tags
 */
/* Img / video / iframe tags
   ========================================================================== */
img,
video {
  max-width: 100%;
  height: auto !important;
}
img,
iframe {
  border: none;
  display: inline-block;
  vertical-align: top;
  margin: 0;
}
img.alignleft,
iframe.alignleft {
  float: left;
  margin: 0 2em 2em 0;
}
img.aligncenter,
iframe.aligncenter {
  display: block;
  margin: 0 auto;
  clear: both;
}
img.alignright,
iframe.alignright {
  float: right;
  margin: 0 0 2em 2em;
}
.file-icon {
  display: none !important;
}
.media_embed {
  display: inline-block;
}
img.lazyload:not([src]) {
  visibility: hidden;
}
.lazyloading {
  opacity: 0;
}
.lazyloaded {
  opacity: 1;
  transition: opacity 300ms;
}
/* Iframe tags
   ========================================================================== */
iframe {
  border: 0;
  max-width: 100%;
  margin: 0 0 1em;
}
/* Spotify iframes tags
   ========================================================================== */
iframe[src*="open.spotify.com/embed"] {
  width: 100%;
}
/* Video tags
   ========================================================================== */
.responsiveVideo {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0;
}
.responsiveVideo iframe,
.responsiveVideo video {
  position: absolute;
  float: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
}
/**
 * HTML tables
 *
 * @package Sand
 *
 * Defines base styles for HTML tables, and provide responsive styling.
 */
table {
  text-align: left;
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 2em;
  font-size: 1rem;
}
table p {
  margin: 0;
}
table th,
table td {
  padding: 12px 20px;
}
table th:not(:first-child),
table td:not(:first-child) {
  text-align: center;
}
table th {
  text-transform: uppercase;
  font-size: 0.875rem;
  position: relative;
}
table th::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 20px;
  right: 20px;
  height: 6px;
  background: #f3f3f3;
}
table thead td {
  border: none;
}
table td {
  border: 1px solid #f3f3f3;
}
table tr:nth-child(even) td {
  background: #fcfcfc;
}
table tr.separator td {
  display: table-cell;
  padding: 0;
  border: none;
  background: none;
  height: 5px;
}
table tr.separator:last-child {
  display: none;
}
table.nostyle th,
table.nostyle td {
  padding: 0;
  text-align: left;
  color: inherit;
  font-size: 1rem;
  border: none;
}
table.nostyle tr:nth-child(even) td {
  background: none;
}
/* Responsiveness
   ========================================================================== */
/* .tableContainer {
    white-space: nowrap;
    position: relative;

    &::after {
        content: '';
        position: absolute;
        right:  0;
        top:    0;
        bottom: 0;
        width: 20px;
        background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
        background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
        background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
    }

    .tableContainer_inner {
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
    }
}

@media @medium {
    .tableContainer {
        white-space: normal;

        &::after {
            display: none;
        }

        .tableContainer_inner {
            overflow: visible;
        }
    }
} */
/**
 * Horizontal rule styles
 *
 * @package Sand
 */
hr {
  margin: 0;
  border: none;
  border-top: 1px solid #dddddd;
}
/* Lib
   ========================================================================== */
/**
 * Global mixins library
 *
 * @package Sand
 *
 * Each mixins if commented to give details about how to use it.
 */
/* Font-size, convert px value to em
   @param @value   wanted font size, without unit
   @param @context font-size from which calculate, default @body_font_size
   ========================================================================== */
/* Retina image background
   @param @file   filename, without extension
   @param @type   file extension (jpg, png, etc.)
   @param @width  1x width of the image, with unit (px or %), default 100%
   @param @height 1x height of the image, with unit (px or %), default 100%
   @param @posx   1x X position of the image (useful for sprites)
   @param @posy   1x Y position of the image (useful for sprites)
   ========================================================================== */
/* CSS3 transition
   @param @args transition parameters, default 'all 250ms ease'
   ========================================================================== */
/* CSS3 transition delay
   @param @args wanted delay with unit, default .1s
   ========================================================================== */
/* CSS3 animation
   @param @args animation parameters, no default
   ========================================================================== */
/* Enable hardware acceleration on the targeted element
   ========================================================================== */
.acceleration,
.burger_icon span,
.burger_icon span:before,
.burger_icon span:after,
.btn,
a.btn,
.btn::before,
a.btn::before,
.collapsible .js-collapsible_toggle::after,
.collapsible .js-collapsible_content,
.arrow,
.arrow::before,
.arrow::after,
.scrollBtn::after,
a.scrollBtn::after,
.fixedNav,
.post_image img,
.post_image_arrow,
.post_image_arrow_inner,
.post_header,
.postNextPrev,
a.postNextPrev,
.instagramBlock_image img,
.instagramBlock_image::after,
.instagramBlock_image_inner,
.instagramBlock_text,
.instagramBlock_text_1,
.instagramBlock_text_2,
.instagramBlock_text_2::after,
.modal,
.modal_bg,
.modal_inner,
a.modal_close,
a.modal_close .modal_close_cross,
.editionCover,
a.editionCover,
.editionCover_summary,
.loader,
.loader_logo_wrapper::before,
.loader_logo svg,
.transitionLoader,
.transitionLoader_bar_inner,
.explorerModal,
.explorerModal_inner,
.header,
.pageContent,
.sectionWrapper,
.pageHeader,
.pageHeader::before,
.pageHeader_image,
.editionCover,
.editionCover_btn,
.editionCover_scrollBtn,
.editionCover_summary {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
/* Transform origin
   @param @args transform origin position, default top left corner (0 0)
   ========================================================================== */
/* Rotate transform
   @param @args rotate angle with unit (deg, rad)
   ========================================================================== */
/* Skew transform
   @param @args skew angle with unit (deg, rad)
   ========================================================================== */
/* Scale transform
   @param @args scale ratio without unit, e.g.: 0.5
   ========================================================================== */
/* Translation transform
   @param @args translation amount with unit (px, %, em)
   ========================================================================== */
/* Vertical gradient
   @param @startColor start color (Hex, rgba, etc.)
   @param @endColor   end color (Hex, rgba, etc.)
   ========================================================================== */
/* Horizontal gradient
   @param @startColor start color (Hex, rgba, etc.)
   @param @endColor   end color (Hex, rgba, etc.)
   ========================================================================== */
/* Vertical dots border
   @param @dotsColor wanted dots colorr (Hex, rgba, etc.)
   @param @spacing   spacing between dots (px, %, em)
   @param @position  allowed value: right, default left
   ========================================================================== */
/* Horizontal dots border
   @param @dotsColor wanted dots colorr (Hex, rgba, etc.)
   @param @spacing   spacing between dots (px, %, em)
   @param @position  allowed value: top, default bottom
   ========================================================================== */
/**
 * Classes
 *
 * @package Sand
 *
 * This file contains several abstract classes. They can be used for quick-fixing,
 * for light atomic style coding, or like mixins directly in the LESS files.
 */
/* Remove margin from last or first child of a given element
   ========================================================================== */
.lastChildMb0 > .smallText:last-child *:last-child,
.lastChildMb0 > .serifText:last-child *:last-child,
.lastChildMb0 > .opticianText:last-child *:last-child,
.lastChildMb0 > blockquote:last-child *:last-child,
.lastChildMb0 > p:last-child *:last-child,
.lastChildMb0 > *:last-child {
  margin-bottom: 0;
}
.firstChildMt0 > *:first-child {
  margin-top: 0;
}
.noChildrenMargins > .smallText:last-child *:last-child,
.noChildrenMargins > .serifText:last-child *:last-child,
.noChildrenMargins > .opticianText:last-child *:last-child,
.noChildrenMargins > blockquote:last-child *:last-child,
.noChildrenMargins > p:last-child *:last-child,
.noChildrenMargins > *:last-child {
  margin-bottom: 0;
}
.noChildrenMargins > *:first-child {
  margin-top: 0;
}
.noChildrenMargins .serifText:first-child > *:first-child,
.noChildrenMargins .sourceLangText:first-child > *:first-child {
  margin-top: 0;
}
.noChildrenMargins .serifText:last-child > .smallText:last-child *:last-child,
.noChildrenMargins .sourceLangText:last-child > .smallText:last-child *:last-child,
.noChildrenMargins .serifText:last-child > .serifText:last-child *:last-child,
.noChildrenMargins .sourceLangText:last-child > .serifText:last-child *:last-child,
.noChildrenMargins .serifText:last-child > .opticianText:last-child *:last-child,
.noChildrenMargins .sourceLangText:last-child > .opticianText:last-child *:last-child,
.noChildrenMargins .serifText:last-child > blockquote:last-child *:last-child,
.noChildrenMargins .sourceLangText:last-child > blockquote:last-child *:last-child,
.noChildrenMargins .serifText:last-child > p:last-child *:last-child,
.noChildrenMargins .sourceLangText:last-child > p:last-child *:last-child,
.noChildrenMargins .serifText:last-child > *:last-child,
.noChildrenMargins .sourceLangText:last-child > *:last-child {
  margin-bottom: 0;
}
/* Accessibility: hidden text
   ========================================================================== */
.screen-reader-text,
.element-invisible {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
}
/* Float
   ========================================================================== */
.fLeft {
  float: left;
}
.fRight {
  float: right;
}
.cBoth {
  clear: both;
}
/* Clearfix. Make use of Nicolas Gallagher's Micro Clearfix
   http://nicolasgallagher.com/micro-clearfix-hack/
   ========================================================================== */
.cf::before,
.clearfix::before,
.cf::after,
.clearfix::after {
  content: " ";
  display: table;
}
.cf::after,
.clearfix::after {
  clear: both;
}
/* Text alignment
   ========================================================================== */
.alignLeft {
  text-align: left;
}
.alignCenter {
  text-align: center;
}
.alignRight {
  text-align: right;
}
.alignMiddle {
  vertical-align: middle;
}
/* Font case
   ========================================================================== */
.uppercase {
  text-transform: uppercase;
}
.normalcase {
  text-transform: none;
}
/* Font size
   ========================================================================== */
.fz5 {
  font-size: 0.3125rem;
}
.fz6 {
  font-size: 0.375rem;
}
.fz7 {
  font-size: 0.4375rem;
}
.fz8 {
  font-size: 0.5rem;
}
.fz9 {
  font-size: 0.5625rem;
}
.fz10 {
  font-size: 0.625rem;
}
.fz11 {
  font-size: 0.6875rem;
}
.fz12 {
  font-size: 0.75rem;
}
.fz13 {
  font-size: 0.8125rem;
}
.fz14 {
  font-size: 0.875rem;
}
.fz15 {
  font-size: 0.9375rem;
}
.fz16 {
  font-size: 1rem;
}
.fz17 {
  font-size: 1.0625rem;
}
.fz18 {
  font-size: 1.125rem;
}
.fz19 {
  font-size: 1.1875rem;
}
.fz20 {
  font-size: 1.25rem;
}
.fz21 {
  font-size: 1.3125rem;
}
.fz22 {
  font-size: 1.375rem;
}
.fz23 {
  font-size: 1.4375rem;
}
.fz24 {
  font-size: 1.5rem;
}
.fz25 {
  font-size: 1.5625rem;
}
.fz26 {
  font-size: 1.625rem;
}
.fz27 {
  font-size: 1.6875rem;
}
.fz28 {
  font-size: 1.75rem;
}
.fz29 {
  font-size: 1.8125rem;
}
.fz30 {
  font-size: 1.875rem;
}
.fz31 {
  font-size: 1.9375rem;
}
.fz32 {
  font-size: 2rem;
}
.fz33 {
  font-size: 2.0625rem;
}
.fz34 {
  font-size: 2.125rem;
}
.fz35 {
  font-size: 2.1875rem;
}
/* Font weight
   ========================================================================== */
.light {
  font-weight: 300;
}
.regular {
  font-weight: 400;
}
.medium {
  font-weight: 500;
}
.semibold {
  font-weight: 600;
}
.bold {
  font-weight: 700;
}
.black {
  font-weight: 900;
}
/* Display
   ========================================================================== */
.hidden {
  display: none;
}
.inlineBlock {
  display: inline-block;
}
.block {
  display: block;
}
/* Overflow
   ========================================================================== */
.ovHidden {
  overflow: hidden;
}
.ovAuto {
  overflow: auto;
}
.ovVisible {
  overflow: visible;
}
/* Positining
   ========================================================================== */
.absolute {
  position: absolute;
}
.relative {
  position: relative;
}
.fixed {
  position: fixed;
}
.static {
  position: static;
}
/* Margin / padding
   ========================================================================== */
.m0 {
  margin: 0;
}
.m10 {
  margin: 10px;
}
.m20 {
  margin: 20px;
}
.m30 {
  margin: 30px;
}
.m40 {
  margin: 40px;
}
.m50 {
  margin: 50px;
}
.m60 {
  margin: 60px;
}
.m70 {
  margin: 70px;
}
.m80 {
  margin: 80px;
}
.m90 {
  margin: 90px;
}
.m100 {
  margin: 100px;
}
.m10p {
  margin: 10%;
}
.m20p {
  margin: 20%;
}
.m30p {
  margin: 30%;
}
.m40p {
  margin: 40%;
}
.m50p {
  margin: 50%;
}
.m60p {
  margin: 60%;
}
.m70p {
  margin: 70%;
}
.m80p {
  margin: 80%;
}
.m100p {
  margin: 100%;
}
.pb20 {
  padding-bottom: 20px;
}
.pb40 {
  padding-bottom: 40px;
}
.m0important {
  margin: 0 !important;
}
.p0important {
  padding: 0 !important;
}
/* Width / height
   ========================================================================== */
.w10p {
  width: 10%;
}
.w20p {
  width: 20%;
}
.w30p {
  width: 30%;
}
.w40p {
  width: 40%;
}
.w50p {
  width: 50%;
}
.w60p {
  width: 60%;
}
.w70p {
  width: 70%;
}
.w80p {
  width: 80%;
}
.w100p {
  width: 100%;
}
.h10p {
  height: 10%;
}
.h20p {
  height: 20%;
}
.h30p {
  height: 30%;
}
.h40p {
  height: 40%;
}
.h50p {
  height: 50%;
}
.h60p {
  height: 60%;
}
.h70p {
  height: 70%;
}
.h80p {
  height: 80%;
}
.h100p {
  height: 100%;
}
/* Z-index
   ========================================================================== */
.z1 {
  z-index: 1;
}
.z2 {
  z-index: 2;
}
.z3 {
  z-index: 3;
}
.z4 {
  z-index: 4;
}
.z5 {
  z-index: 5;
}
.z6 {
  z-index: 6;
}
.z7 {
  z-index: 7;
}
.z8 {
  z-index: 8;
}
.z9 {
  z-index: 9;
}
.z10 {
  z-index: 10;
}
.z100 {
  z-index: 100;
}
.z200 {
  z-index: 200;
}
.z300 {
  z-index: 300;
}
.z400 {
  z-index: 400;
}
.z500 {
  z-index: 500;
}
.z600 {
  z-index: 600;
}
.z700 {
  z-index: 700;
}
.z800 {
  z-index: 800;
}
.z900 {
  z-index: 900;
}
.z1000 {
  z-index: 1000;
}
.z2000 {
  z-index: 2000;
}
/**
 * Backgrounds
 *
 * @package Sand
 *
 * Several background classes.
 */
/* Image cover
   ========================================================================== */
.bgCover {
  background-size: cover;
  background-position: center;
}
/* Colors
   ========================================================================== */
.bgColor {
  background: #999999;
}
.bgGrey {
  background: #f3f3f3;
}
.bgBlack {
  background: #181818;
}
.bgBlack_dark {
  background: #141414;
}
.bgBlack_darker {
  background: #000000;
}
.bgColor,
.bgBlack,
.bgBlack_dark,
.bgBlack_darker {
  color: #FFF;
}
.bgColor h1,
.bgBlack h1,
.bgBlack_dark h1,
.bgBlack_darker h1,
.bgColor .h1,
.bgBlack .h1,
.bgBlack_dark .h1,
.bgBlack_darker .h1,
.bgColor h2,
.bgBlack h2,
.bgBlack_dark h2,
.bgBlack_darker h2,
.bgColor .h2,
.bgBlack .h2,
.bgBlack_dark .h2,
.bgBlack_darker .h2 {
  color: #FFF;
}
.bgColor a:not(.btn),
.bgBlack a:not(.btn),
.bgBlack_dark a:not(.btn),
.bgBlack_darker a:not(.btn) {
  color: #FFF !important;
}
.bgColor a:not(.btn):hover,
.bgBlack a:not(.btn):hover,
.bgBlack_dark a:not(.btn):hover,
.bgBlack_darker a:not(.btn):hover {
  opacity: 0.8;
}
/**
 * Colors
 *
 * @package Sand
 *
 * Several color classes, according to defined ones in config.less
 */
a.color__black,
.color__black {
  color: #181818;
}
a.color__white,
.color__white {
  color: #FFFFFF;
}
a.color__black h1,
.color__black h1,
a.color__white h1,
.color__white h1,
a.color__black h2,
.color__black h2,
a.color__white h2,
.color__white h2,
a.color__black h3,
.color__black h3,
a.color__white h3,
.color__white h3,
a.color__black h4,
.color__black h4,
a.color__white h4,
.color__white h4,
a.color__black h5,
.color__black h5,
a.color__white h5,
.color__white h5,
a.color__black h6,
.color__black h6,
a.color__white h6,
.color__white h6,
a.color__black .h1,
.color__black .h1,
a.color__white .h1,
.color__white .h1,
a.color__black .h2,
.color__black .h2,
a.color__white .h2,
.color__white .h2,
a.color__black .h3,
.color__black .h3,
a.color__white .h3,
.color__white .h3,
a.color__black .h4,
.color__black .h4,
a.color__white .h4,
.color__white .h4,
a.color__black .h5,
.color__black .h5,
a.color__white .h5,
.color__white .h5,
a.color__black .h6,
.color__black .h6,
a.color__white .h6,
.color__white .h6 {
  color: inherit;
}
/**
 * Keyframes
 *
 * @package Sand
 *
 * Keyframes declarations, can be used wherever accross Sand.
 */
/* Rotating
   ========================================================================== */
@-webkit-keyframes rotating {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/**
 * Image overlay
 *
 * @package Sand
 *
 * Provide basic style for positioning
 */
[class*="imageOverlay"] {
  position: relative;
  overflow: hidden;
}
[class*="imageOverlay"]::after,
[class*="imageOverlay"]::before {
  content: '';
  position: absolute;
  right: -1px;
  bottom: -1px;
  left: -1px;
  z-index: 10;
}
.imageOverlay__gradient {
  /*&::before {
		opacity: .65;
		height: 60%;
		background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
		background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
		background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
	}*/
}
.imageOverlay__gradient::before {
  opacity: .4;
  height: 40%;
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
}
.imageOverlay__gradient::after {
  opacity: .35;
  height: 100%;
  background: -moz-linear-gradient(45deg, #ffffff 0%, rgba(255, 255, 255, 0) 60%);
  background: -webkit-linear-gradient(45deg, #ffffff 0%, rgba(255, 255, 255, 0) 60%);
  background: linear-gradient(45deg, #ffffff 0%, rgba(255, 255, 255, 0) 60%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=1);
}
.imageOverlay__gradientDark::before {
  opacity: 0.65;
  height: 60%;
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000000 100%);
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000000 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000000 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#000000', GradientType=0);
}
/* Vendor specific
   ========================================================================== */
/**
 * Cookie message
 *
 * @package Sand
 *
 * Based on cookieconsent.js CSS
 */
.cc-window {
  opacity: 1;
  transition: opacity 600ms ease;
  background: rgba(0, 0, 0, 0.8) !important;
  color: #FFF !important;
}
.cc-window.cc-invisible {
  opacity: 0;
}
.cc-animate.cc-revoke {
  transition: transform 1s ease;
}
.cc-animate.cc-revoke.cc-top {
  transform: translateY(-2em);
}
.cc-animate.cc-revoke.cc-bottom {
  transform: translateY(2em);
}
.cc-animate.cc-revoke.cc-active.cc-bottom,
.cc-animate.cc-revoke.cc-active.cc-top,
.cc-revoke:hover {
  transform: translateY(0);
}
.cc-grower {
  max-height: 0;
  overflow: hidden;
  transition: max-height 1s;
}
.cc-link,
.cc-revoke:hover {
  text-decoration: underline;
}
.cc-revoke,
.cc-window {
  position: fixed;
  overflow: hidden;
  box-sizing: border-box;
  font-size: 0.6875rem;
  line-height: 1.2;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  z-index: 9999;
}
.cc-window.cc-static {
  position: static;
}
.cc-window.cc-floating {
  padding: 10px;
  max-width: 24em;
  -ms-flex-direction: column;
  flex-direction: column;
}
.cc-window.cc-banner {
  padding: 1em 1.8em;
  width: 100%;
  -ms-flex-direction: row;
  flex-direction: row;
}
.cc-revoke {
  padding: .5em;
}
.cc-header {
  font-size: 18px;
  font-weight: 700;
}
.cc-btn,
.cc-close,
.cc-link,
.cc-revoke {
  cursor: pointer;
}
.cc-link {
  opacity: .8;
  text-decoration: none;
  padding: 0;
  border-bottom-color: currentcolor !important;
}
.cc-link:hover {
  opacity: 1;
}
.cc-link,
.cc-link:active,
.cc-link:visited {
  color: #FFF !important;
}
.cc-btn {
  background: none !important;
  border: none !important;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 0.75rem;
}
.cc-banner .cc-btn:last-child {
  min-width: 140px;
}
/* .cc-highlight .cc-btn:first-child{
    background-color:transparent;
    border-color:transparent
}
.cc-highlight .cc-btn:first-child:focus,.cc-highlight .cc-btn:first-child:hover{
    background-color:transparent;
    text-decoration:underline
} */
.cc-close {
  display: block;
  position: absolute;
  top: .5em;
  right: .5em;
  font-size: 1.6em;
  opacity: .9;
  line-height: .75;
}
.cc-close:focus,
.cc-close:hover {
  opacity: 1;
}
.cc-revoke.cc-top {
  top: 0;
  left: 3em;
  border-bottom-left-radius: .5em;
  border-bottom-right-radius: .5em;
}
.cc-revoke.cc-bottom {
  bottom: 0;
  left: 3em;
  border-top-left-radius: .5em;
  border-top-right-radius: .5em;
}
.cc-revoke.cc-left {
  left: 3em;
  right: unset;
}
.cc-revoke.cc-right {
  right: 3em;
  left: unset;
}
.cc-top {
  top: 1em;
}
.cc-left {
  left: 1em;
}
.cc-right {
  right: 1em;
}
.cc-bottom {
  bottom: 1em;
}
.cc-floating > .cc-link {
  margin-bottom: 1em;
}
.cc-floating .cc-message {
  display: block;
  margin-bottom: .5em;
}
.cc-window.cc-floating .cc-compliance {
  -ms-flex: 1;
  flex: 1;
}
.cc-window.cc-banner {
  -ms-flex-align: center;
  align-items: center;
}
.cc-banner.cc-top {
  left: 0;
  right: 0;
  top: 0;
}
.cc-banner.cc-bottom {
  left: 0;
  right: 0;
  bottom: 0;
}
.cc-banner .cc-message {
  -ms-flex: 1;
  flex: 1;
}
.cc-compliance {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: justify;
  align-content: space-between;
}
.cc-compliance > .cc-btn {
  -ms-flex: 1;
  flex: 1;
}
.cc-btn + .cc-btn {
  margin-left: .5em;
}
@media print {
  .cc-revoke,
  .cc-window {
    display: none;
  }
}
@media screen and (max-width: 900px) {
  .cc-btn {
    white-space: normal;
  }
}
@media screen and (max-width: 414px) and (orientation: portrait), screen and (max-width: 736px) and (orientation: landscape) {
  .cc-window.cc-top {
    top: 0;
  }
  .cc-window.cc-bottom {
    bottom: 0;
  }
  .cc-window.cc-banner,
  .cc-window.cc-left,
  .cc-window.cc-right {
    left: 0;
    right: 0;
  }
  .cc-window.cc-banner {
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .cc-window.cc-banner .cc-compliance {
    -ms-flex: 1;
    flex: 1;
  }
  .cc-window.cc-floating {
    max-width: none;
  }
  .cc-window .cc-message {
    margin-bottom: .5em;
  }
  .cc-window.cc-banner {
    -ms-flex-align: unset;
    align-items: unset;
  }
}
.cc-floating.cc-theme-classic {
  padding: 1.2em;
  border-radius: 5px;
}
.cc-floating.cc-type-info.cc-theme-classic .cc-compliance {
  text-align: center;
  display: inline;
  -ms-flex: none;
  flex: none;
}
.cc-theme-classic .cc-btn {
  border-radius: 5px;
}
.cc-theme-classic .cc-btn:last-child {
  min-width: 140px;
}
.cc-floating.cc-type-info.cc-theme-classic .cc-btn {
  display: inline-block;
}
.cc-theme-edgeless.cc-window {
  padding: 0;
}
.cc-floating.cc-theme-edgeless .cc-message {
  margin: 2em 2em 1.5em;
}
.cc-banner.cc-theme-edgeless .cc-btn {
  margin: 0;
  padding: .8em 1.8em;
  height: 100%;
}
.cc-banner.cc-theme-edgeless .cc-message {
  margin-left: 1em;
}
.cc-floating.cc-theme-edgeless .cc-btn + .cc-btn {
  margin-left: 0;
}
/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*
	Styles for basic PhotoSwipe functionality (sliding area, open/close transitions)
*/
/* pswp = photoswipe */
.js-photoswipe a {
  border: none;
  display: block;
}
.pswp {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
  z-index: 1500;
  -webkit-text-size-adjust: 100%;
  /* create separate layer, to avoid paint on window.onscroll in webkit/blink */
  -webkit-backface-visibility: hidden;
  outline: none;
}
.pswp * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.pswp img {
  max-width: none;
}
/* style is added when JS option showHideOpacity is set to true */
.pswp--animate_opacity {
  /* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */
  opacity: 0.001;
  will-change: opacity;
  /* for open/close transition */
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}
.pswp--open {
  display: block;
}
.pswp--zoom-allowed .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}
.pswp--zoomed-in .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab;
}
.pswp--dragging .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing;
}
/*
	Background is added as a separate element.
	As animating opacity is much faster than animating rgba() background-color.
*/
.pswp__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  will-change: opacity;
}
.pswp__scroll-wrap {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.pswp__container,
.pswp__zoom-wrap {
  -ms-touch-action: none;
  touch-action: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
/* Prevent selection and tap highlights */
.pswp__container,
.pswp__img {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}
.pswp__zoom-wrap {
  position: absolute;
  width: 100%;
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
  /* for open/close transition */
  -webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
}
.pswp__bg {
  will-change: opacity;
  /* for open/close transition */
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}
.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
  -webkit-transition: none;
  transition: none;
}
.pswp__container,
.pswp__zoom-wrap {
  -webkit-backface-visibility: hidden;
}
.pswp__item {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden;
}
.pswp__img {
  position: absolute;
  width: auto;
  height: auto;
  top: 0;
  left: 0;
}
/*
	stretched thumbnail or div placeholder element (see below)
	style is added to avoid flickering in webkit/blink when layers overlap
*/
.pswp__img--placeholder {
  -webkit-backface-visibility: hidden;
}
/*
	div element that matches size of large image
	large image loads on top of it
*/
.pswp__img--placeholder--blank {
  background: #222;
}
.pswp--ie .pswp__img {
  width: 100% !important;
  height: auto !important;
  left: 0;
  top: 0;
}
/*
	Error message appears when image is not loaded
	(JS option errorMsg controls markup)
*/
.pswp__error-msg {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  text-align: center;
  font-size: 14px;
  line-height: 16px;
  margin-top: -8px;
  color: #CCC;
}
.pswp__error-msg a {
  color: #CCC;
  text-decoration: underline;
}
/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*

	Contents:

	1. Buttons
	2. Share modal and links
	3. Index indicator ("1 of X" counter)
	4. Caption
	5. Loading indicator
	6. Additional styles (root element, top bar, idle state, hidden state, etc.)

*/
/*
	
	1. Buttons

 */
/* <button> css reset */
.pswp__button {
  width: 44px;
  height: 44px;
  position: relative;
  background: none;
  cursor: pointer;
  overflow: visible;
  -webkit-appearance: none;
  display: block;
  border: 0;
  padding: 0;
  margin: 0;
  float: right;
  opacity: 0.75;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.pswp__button:focus,
.pswp__button:hover {
  opacity: 1;
}
.pswp__button:active {
  outline: none;
  opacity: 0.9;
}
.pswp__button::-moz-focus-inner {
  padding: 0;
  border: 0;
}
/* pswp__ui--over-close class it added when mouse is over element that should close gallery */
.pswp__ui--over-close .pswp__button--close {
  opacity: 1;
}
.pswp__button,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  background: url(https://www.vagomag.fr/wp-content/themes/vago/src/css/../../assets/images/default-skin.png) 0 0 no-repeat;
  background-size: 264px 88px;
  width: 44px;
  height: 44px;
}
@media (-webkit-min-device-pixel-ratio: 1.1), (-webkit-min-device-pixel-ratio: 1.09375), (min-resolution: 105dpi), (min-resolution: 1.1dppx) {
  /* Serve SVG sprite if browser supports SVG and resolution is more than 105dpi */
  .pswp--svg .pswp__button,
  .pswp--svg .pswp__button--arrow--left:before,
  .pswp--svg .pswp__button--arrow--right:before {
    background-image: url(https://www.vagomag.fr/wp-content/themes/vago/src/css/../../assets/images/default-skin.svg);
  }
  .pswp--svg .pswp__button--arrow--left,
  .pswp--svg .pswp__button--arrow--right {
    background: none;
  }
}
.pswp__button--close {
  background-position: 0 -44px;
}
.pswp__button--share {
  background-position: -44px -44px;
}
.pswp__button--fs {
  display: none;
}
.pswp--supports-fs .pswp__button--fs {
  display: block;
}
.pswp--fs .pswp__button--fs {
  background-position: -44px 0;
}
.pswp__button--zoom {
  display: none;
  background-position: -88px 0;
}
.pswp--zoom-allowed .pswp__button--zoom {
  display: block;
}
.pswp--zoomed-in .pswp__button--zoom {
  background-position: -132px 0;
}
/* no arrows on touch screens */
.pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right {
  visibility: hidden;
}
/*
	Arrow buttons hit area
	(icon is added to :before pseudo-element)
*/
.pswp__button--arrow--left,
.pswp__button--arrow--right {
  background: none;
  top: 50%;
  margin-top: -50px;
  width: 70px;
  height: 100px;
  position: absolute;
}
.pswp__button--arrow--left {
  left: 0;
}
.pswp__button--arrow--right {
  right: 0;
}
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  content: '';
  top: 35px;
  background-color: rgba(0, 0, 0, 0.3);
  height: 30px;
  width: 32px;
  position: absolute;
}
.pswp__button--arrow--left:before {
  left: 6px;
  background-position: -138px -44px;
}
.pswp__button--arrow--right:before {
  right: 6px;
  background-position: -94px -44px;
}
/*

	2. Share modal/popup and links

 */
.pswp__counter,
.pswp__share-modal {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.pswp__share-modal {
  display: block;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 10px;
  position: absolute;
  z-index: 1600;
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-out;
  transition: opacity 0.25s ease-out;
  -webkit-backface-visibility: hidden;
  will-change: opacity;
}
.pswp__share-modal--hidden {
  display: none;
}
.pswp__share-tooltip {
  z-index: 1620;
  position: absolute;
  background: #FFF;
  top: 56px;
  border-radius: 2px;
  display: block;
  width: auto;
  right: 44px;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  -webkit-transform: translateY(6px);
  -ms-transform: translateY(6px);
  transform: translateY(6px);
  -webkit-transition: -webkit-transform 0.25s;
  transition: transform 0.25s;
  -webkit-backface-visibility: hidden;
  will-change: transform;
}
.pswp__share-tooltip a {
  display: block;
  padding: 8px 12px;
  color: #000;
  text-decoration: none;
  font-size: 14px;
  line-height: 18px;
}
.pswp__share-tooltip a:hover {
  text-decoration: none;
  color: #000;
}
.pswp__share-tooltip a:first-child {
  /* round corners on the first/last list item */
  border-radius: 2px 2px 0 0;
}
.pswp__share-tooltip a:last-child {
  border-radius: 0 0 2px 2px;
}
.pswp__share-modal--fade-in {
  opacity: 1;
}
.pswp__share-modal--fade-in .pswp__share-tooltip {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
/* increase size of share links on touch devices */
.pswp--touch .pswp__share-tooltip a {
  padding: 16px 12px;
}
a.pswp__share--facebook:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: -12px;
  right: 15px;
  border: 6px solid transparent;
  border-bottom-color: #FFF;
  -webkit-pointer-events: none;
  -moz-pointer-events: none;
  pointer-events: none;
}
a.pswp__share--facebook:hover {
  background: #3E5C9A;
  color: #FFF;
}
a.pswp__share--facebook:hover:before {
  border-bottom-color: #3E5C9A;
}
a.pswp__share--twitter:hover {
  background: #55ACEE;
  color: #FFF;
}
a.pswp__share--pinterest:hover {
  background: #CCC;
  color: #CE272D;
}
a.pswp__share--download:hover {
  background: #DDD;
}
/*

	3. Index indicator ("1 of X" counter)

 */
.pswp__counter {
  position: absolute;
  left: 0;
  top: 0;
  height: 64px;
  font-size: 13px;
  line-height: 64px;
  color: #FFF;
  opacity: 0.75;
  padding: 0 20px;
}
/*
	
	4. Caption

 */
.pswp__caption {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  min-height: 44px;
}
.pswp__caption small {
  font-size: 11px;
  color: #BBB;
}
.pswp__caption__center {
  text-align: left;
  max-width: 420px;
  margin: 0 auto;
  font-size: 13px;
  padding: 10px;
  line-height: 20px;
  color: #CCC;
}
.pswp__caption--empty {
  display: none;
}
/* Fake caption element, used to calculate height of next/prev image */
.pswp__caption--fake {
  visibility: hidden;
}
/*

	5. Loading indicator (preloader)

	You can play with it here - http://codepen.io/dimsemenov/pen/yyBWoR

 */
.pswp__preloader {
  width: 44px;
  height: 44px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -22px;
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-out;
  transition: opacity 0.25s ease-out;
  will-change: opacity;
  direction: ltr;
}
.pswp__preloader__icn {
  width: 20px;
  height: 20px;
  margin: 12px;
}
.pswp__preloader--active {
  opacity: 1;
}
.pswp__preloader--active .pswp__preloader__icn {
  /* We use .gif in browsers that don't support CSS animation */
  background: url(https://www.vagomag.fr/wp-content/themes/vago/src/css/../../assets/images/preloader.gif) 0 0 no-repeat;
}
.pswp--css_animation .pswp__preloader--active {
  opacity: 1;
}
.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
  -webkit-animation: clockwise 500ms linear infinite;
  animation: clockwise 500ms linear infinite;
}
.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
  -webkit-animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
  animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
}
.pswp--css_animation .pswp__preloader__icn {
  background: none;
  opacity: 0.75;
  width: 14px;
  height: 14px;
  position: absolute;
  left: 15px;
  top: 15px;
  margin: 0;
}
.pswp--css_animation .pswp__preloader__cut {
  /* 
			The idea of animating inner circle is based on Polymer ("material") loading indicator 
			 by Keanu Lee https://blog.keanulee.com/2014/10/20/the-tale-of-three-spinners.html
		*/
  position: relative;
  width: 7px;
  height: 14px;
  overflow: hidden;
}
.pswp--css_animation .pswp__preloader__donut {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 14px;
  height: 14px;
  border: 2px solid #FFF;
  border-radius: 50%;
  border-left-color: transparent;
  border-bottom-color: transparent;
  position: absolute;
  top: 0;
  left: 0;
  background: none;
  margin: 0;
}
@media screen and (max-width: 1024px) {
  .pswp__preloader {
    position: relative;
    left: auto;
    top: auto;
    margin: 0;
    float: right;
  }
}
@-webkit-keyframes clockwise {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes clockwise {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes donut-rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  50% {
    -webkit-transform: rotate(-140deg);
    transform: rotate(-140deg);
  }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
}
@keyframes donut-rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  50% {
    -webkit-transform: rotate(-140deg);
    transform: rotate(-140deg);
  }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
}
/*
	
	6. Additional styles

 */
/* root element of UI */
.pswp__ui {
  -webkit-font-smoothing: auto;
  visibility: visible;
  opacity: 1;
  z-index: 1550;
}
/* top black bar with buttons and "1 of X" indicator */
.pswp__top-bar {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  padding: 10px;
}
.pswp__caption,
.pswp__top-bar,
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  -webkit-backface-visibility: hidden;
  will-change: opacity;
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}
/* pswp--has_mouse class is added only when two subsequent mousemove events occur */
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  visibility: visible;
}
.pswp__top-bar,
.pswp__caption {
  background-color: rgba(0, 0, 0, 0.5);
}
/* pswp__ui--fit class is added when main image "fits" between top bar and bottom bar (caption) */
.pswp__ui--fit .pswp__top-bar,
.pswp__ui--fit .pswp__caption {
  background-color: rgba(0, 0, 0, 0.3);
}
/* pswp__ui--idle class is added when mouse isn't moving for several seconds (JS option timeToIdle) */
.pswp__ui--idle .pswp__top-bar {
  opacity: 0;
}
.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right {
  opacity: 0;
}
/*
	pswp__ui--hidden class is added when controls are hidden
	e.g. when user taps to toggle visibility of controls
*/
.pswp__ui--hidden .pswp__top-bar,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right {
  /* Force paint & create composition layer for controls. */
  opacity: 0.001;
}
/* pswp__ui--one-slide class is added when there is just one item in gallery */
.pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter {
  display: none;
}
.pswp__element--disabled {
  display: none !important;
}
.pswp--minimal--dark .pswp__top-bar {
  background: none;
}
.pswp__preloader__icn {
  opacity: 0.75;
  width: 14px;
  height: 14px;
  -webkit-animation: clockwise 500ms linear infinite;
  animation: clockwise 500ms linear infinite;
}
/* The idea of animating inner circle is based on Polymer loading indicator by Keanu Lee https://blog.keanulee.com/2014/10/20/the-tale-of-three-spinners.html */
.pswp__preloader__cut {
  position: relative;
  width: 7px;
  height: 14px;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
}
.pswp__preloader__donut--fake {
  box-sizing: border-box;
  width: 14px;
  height: 14px;
  border: 2px solid red;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
  background: none;
  margin: 0;
}
.pswp__preloader__donut {
  box-sizing: border-box;
  width: 14px;
  height: 14px;
  border: 2px solid #FFF;
  border-radius: 50%;
  border-left-color: transparent;
  border-bottom-color: transparent;
  position: absolute;
  top: 0;
  left: 0;
  background: none;
  margin: 0;
  -webkit-animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
  animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
}
@-webkit-keyframes clockwise {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes clockwise {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes donut-rotate {
  0% {
    -webkit-transform: rotate(0);
  }
  50% {
    -webkit-transform: rotate(-140deg);
  }
  100% {
    -webkit-transform: rotate(0);
  }
}
@keyframes donut-rotate {
  0% {
    transform: rotate(0);
  }
  50% {
    transform: rotate(-140deg);
  }
  100% {
    transform: rotate(0);
  }
}
/**
 * Swiper 4.5.0
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 *
 * Copyright 2014-2019 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: February 22, 2019
 */
.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}
.swiper-container-no-flexbox .swiper-slide {
  float: left;
}
.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transition-property: height, -webkit-transform;
  transition-property: height, -webkit-transform;
  -o-transition-property: transform, height;
  transition-property: transform, height;
  transition-property: transform, height, -webkit-transform;
}
/* 3D Effects */
.swiper-container-3d {
  -webkit-perspective: 1200px;
  perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
/* IE10 Windows Phone 8 Fixes */
.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal > .swiper-wrapper {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical > .swiper-wrapper {
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat;
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  left: 10px;
  right: auto;
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  right: 10px;
  left: auto;
}
.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-lock {
  display: none;
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 300ms opacity;
  -o-transition: 300ms opacity;
  transition: 300ms opacity;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
  position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  -webkit-transform: scale(0.66);
  -ms-transform: scale(0.66);
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  -webkit-transform: scale(0.66);
  -ms-transform: scale(0.66);
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
}
.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff;
}
.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0px, -50%, 0);
  transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 8px;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  -webkit-transition: 200ms top, 200ms -webkit-transform;
  transition: 200ms top, 200ms -webkit-transform;
  -o-transition: 200ms transform, 200ms top;
  transition: 200ms transform, 200ms top;
  transition: 200ms transform, 200ms top, 200ms -webkit-transform;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 200ms left, 200ms -webkit-transform;
  transition: 200ms left, 200ms -webkit-transform;
  -o-transition: 200ms transform, 200ms left;
  transition: 200ms transform, 200ms left;
  transition: 200ms transform, 200ms left, 200ms -webkit-transform;
}
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 200ms right, 200ms -webkit-transform;
  transition: 200ms right, 200ms -webkit-transform;
  -o-transition: 200ms transform, 200ms right;
  transition: 200ms transform, 200ms right;
  transition: 200ms transform, 200ms right, 200ms -webkit-transform;
}
/* Progress */
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  -webkit-transform-origin: right top;
  -ms-transform-origin: right top;
  transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}
.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #ffffff;
}
.swiper-pagination-progressbar.swiper-pagination-white {
  background: rgba(255, 255, 255, 0.25);
}
.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
  background: #ffffff;
}
.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000000;
}
.swiper-pagination-progressbar.swiper-pagination-black {
  background: rgba(0, 0, 0, 0.25);
}
.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
  background: #000000;
}
.swiper-pagination-lock {
  display: none;
}
/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
.swiper-scrollbar-lock {
  display: none;
}
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.swiper-slide-zoomed {
  cursor: move;
}
/* Preloader */
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite;
}
.swiper-lazy-preloader:after {
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  background-size: 100%;
  background-repeat: no-repeat;
}
.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube {
  overflow: visible;
}
.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}
.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0;
}
.swiper-container-flip {
  overflow: visible;
}
.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}
.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.swiper-container-coverflow .swiper-wrapper {
  /* Windows 8 IE 10 fix */
  -ms-perspective: 1200px;
}
/**
 * Pace style
 *
 * @package Sand
 */
.pace {
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  z-index: -1;
  position: fixed;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2px;
  width: 200px;
  background: #FAFAFA;
  display: none;
  overflow: hidden;
}
.pace .pace-progress {
  -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-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  max-width: 200px;
  position: fixed;
  z-index: 2000;
  display: block;
  position: absolute;
  top: 0;
  right: 100%;
  height: 100%;
  width: 100%;
  background: #000;
}
.pace.pace-inactive {
  display: none;
}
/* Layout
   ========================================================================== */
/**
 * Body layout and global positioning
 *
 * @package Sand
 */
html,
body {
  min-height: 100%;
  height: 100%;
}
body {
  background: #ffffff;
}
#page {
  width: 100%;
  min-height: 100%;
  overflow: hidden;
  display: flex;
}
#page > * {
  width: 100%;
}
#page_inner {
  min-height: 100%;
}
.page-container {
  position: relative;
}
.main {
  position: relative;
  z-index: 10;
}
/**
 * Containers
 *
 * @package Sand
 *
 * Containers are elements which have a maximum width and align themselves
 * to the center of the page.
 */
.container {
  padding-left: 30px;
  padding-right: 30px;
  margin: 0 auto;
}
@media only screen and (min-width: 600px) {
  .container {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media only screen and (min-width: 768px) {
  .container {
    padding-left: 60px;
    padding-right: 60px;
    max-width: 1260px;
  }
}
@media only screen and (min-width: 900px) {
  .container {
    min-width: 350px;
  }
}
@media only screen and (min-width: 1024px) {
  .container {
    padding-left: 80px;
    padding-right: 80px;
    max-width: 1300px;
  }
}
.container .container {
  padding-left: 0;
  padding-right: 0;
}
/* Different widths
   ========================================================================== */
@media only screen and (min-width: 600px) {
  .container.container__xsmall {
    max-width: 700px;
  }
}
@media only screen and (min-width: 768px) {
  .container.container__xsmall {
    max-width: 740px;
  }
}
@media only screen and (min-width: 1024px) {
  .container.container__xsmall {
    max-width: 780px;
  }
}
@media only screen and (min-width: 600px) {
  .container.container__small {
    max-width: 860px;
  }
}
@media only screen and (min-width: 768px) {
  .container.container__small {
    max-width: 900px;
  }
}
@media only screen and (min-width: 1024px) {
  .container.container__small {
    max-width: 940px;
  }
}
@media only screen and (min-width: 1024px) {
  .container.container__mid {
    max-width: 1140px;
  }
}
@media only screen and (min-width: 1024px) {
  .container.container__mid2 {
    max-width: 1240px;
  }
}
@media only screen and (min-width: 600px) {
  .container.container__large {
    max-width: 1380px;
  }
}
@media only screen and (min-width: 768px) {
  .container.container__large {
    max-width: 1420px;
  }
}
@media only screen and (min-width: 1024px) {
  .container.container__large {
    max-width: 1460px;
  }
}
.container.container__full {
  max-width: none;
}
/* Padding
   ========================================================================== */
.container.container__noPadding {
  padding-left: 0;
  padding-right: 0;
  max-width: 1140px;
}
@media only screen and (min-width: 900px) {
  .container.container__noPadding {
    padding-left: 0;
    padding-right: 0;
  }
}
@media only screen and (min-width: 1280px) {
  .container.container__noPadding {
    padding-left: 0;
    padding-right: 0;
  }
}
.container.container__noPadding.container__small {
  max-width: 780px;
}
.container.container__noPadding.container__mid {
  max-width: 980px;
}
.container.container__minPadding {
  padding-left: 20px;
  padding-right: 20px;
}
@media only screen and (min-width: 900px) {
  .container.container__minPadding {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media only screen and (min-width: 1280px) {
  .container.container__minPadding {
    padding-left: 60px;
    padding-right: 60px;
  }
}
/**
 * Grid
 *
 * @package Sand
 *
 * Not the usual responsive grid system with tons of possibility.
 * The choice was made here to build a grid, the old school way, in order
 * to avoid confusion and complexity.
 */
/* Default grid : two 50% columns uppon @quarter-small breakpoint (> 480px)
   ========================================================================== */
.row {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px;
}
[class*=col-] {
  width: 100%;
  flex: 0 0 100%;
  max-width: 100%;
  padding-left: 15px;
  padding-right: 15px;
}
[class*=col-] > .smallText:last-child *:last-child,
[class*=col-] > .serifText:last-child *:last-child,
[class*=col-] > .opticianText:last-child *:last-child,
[class*=col-] > blockquote:last-child *:last-child,
[class*=col-] > p:last-child *:last-child,
[class*=col-] > *:last-child {
  margin-bottom: 0;
}
[class*=col-]:first-child > *:first-child {
  margin-top: 0;
}
[class*=col-]:last-child > .smallText:last-child *:last-child,
[class*=col-]:last-child > .serifText:last-child *:last-child,
[class*=col-]:last-child > .opticianText:last-child *:last-child,
[class*=col-]:last-child > blockquote:last-child *:last-child,
[class*=col-]:last-child > p:last-child *:last-child,
[class*=col-]:last-child > *:last-child {
  margin-bottom: 0;
}
[class*=col-hidden] {
  display: none;
}
.row.row__alignCenter {
  align-items: center;
}
.row.row__centered {
  justify-content: center;
}
.row.row__float {
  display: block;
}
.row.row__float::before,
.row.row__float::after {
  content: " ";
  display: table;
}
.row.row__float::after {
  clear: both;
}
.row.row__float [class*=col-] {
  float: left;
}
.col-XS-1 {
  width: 8.33333333%;
  flex: 0 0 8.33333333%;
  max-width: 8.33333333%;
}
.col-XS-2 {
  width: 16.66666667%;
  flex: 0 0 16.66666667%;
  max-width: 16.66666667%;
}
.col-XS-3 {
  width: 25%;
  flex: 0 0 25%;
  max-width: 25%;
}
.col-XS-4 {
  width: 33.33333333%;
  flex: 0 0 33.33333333%;
  max-width: 33.33333333%;
}
.col-XS-5 {
  width: 41.66666667%;
  flex: 0 0 41.66666667%;
  max-width: 41.66666667%;
}
.col-XS-6 {
  width: 50%;
  flex: 0 0 50%;
  max-width: 50%;
}
.col-XS-7 {
  width: 58.33333333%;
  flex: 0 0 58.33333333%;
  max-width: 58.33333333%;
}
.col-XS-8 {
  width: 66.66666667%;
  flex: 0 0 66.66666667%;
  max-width: 66.66666667%;
}
.col-XS-9 {
  width: 75%;
  flex: 0 0 75%;
  max-width: 75%;
}
.col-XS-10 {
  width: 83.33333333%;
  flex: 0 0 83.33333333%;
  max-width: 83.33333333%;
}
.col-XS-11 {
  width: 91.66666667%;
  flex: 0 0 91.66666667%;
  max-width: 91.66666667%;
}
.col-XS-12 {
  width: 100%;
  flex: 0 0 100%;
  max-width: 100%;
}
@media only screen and (min-width: 600px) {
  .row {
    margin: 0 -20px;
  }
  [class*=col-] {
    padding-left: 20px;
    padding-right: 20px;
  }
  [class*=col-QS-] > *:first-child {
    margin-top: 0;
  }
  [class*=col-QS-] > .smallText:last-child *:last-child,
  [class*=col-QS-] > .serifText:last-child *:last-child,
  [class*=col-QS-] > .opticianText:last-child *:last-child,
  [class*=col-QS-] > blockquote:last-child *:last-child,
  [class*=col-QS-] > p:last-child *:last-child,
  [class*=col-QS-] > *:last-child {
    margin-bottom: 0;
  }
  .col-hidden-pQS {
    display: block;
  }
  .col-QS-1 {
    width: 8.33333333%;
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .col-QS-2 {
    width: 16.66666667%;
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-QS-3 {
    width: 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-QS-4 {
    width: 33.33333333%;
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-QS-5 {
    width: 41.66666667%;
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .col-QS-6 {
    width: 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-QS-7 {
    width: 58.33333333%;
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .col-QS-8 {
    width: 66.66666667%;
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .col-QS-9 {
    width: 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-QS-10 {
    width: 83.33333333%;
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .col-QS-11 {
    width: 91.66666667%;
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .col-QS-12 {
    width: 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .row {
    margin: 0 -30px;
  }
  [class*=col-] {
    padding-left: 30px;
    padding-right: 30px;
  }
  [class*=col-M-] > *:first-child {
    margin-top: 0;
  }
  [class*=col-M-] > .smallText:last-child *:last-child,
  [class*=col-M-] > .serifText:last-child *:last-child,
  [class*=col-M-] > .opticianText:last-child *:last-child,
  [class*=col-M-] > blockquote:last-child *:last-child,
  [class*=col-M-] > p:last-child *:last-child,
  [class*=col-M-] > *:last-child {
    margin-bottom: 0;
  }
  .col-hidden-pM {
    display: block;
  }
  .col-M-1 {
    width: 8.33333333%;
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .col-M-2 {
    width: 16.66666667%;
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-M-3 {
    width: 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-M-4 {
    width: 33.33333333%;
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-M-5 {
    width: 41.66666667%;
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .col-M-6 {
    width: 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-M-7 {
    width: 58.33333333%;
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .col-M-8 {
    width: 66.66666667%;
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .col-M-9 {
    width: 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-M-10 {
    width: 83.33333333%;
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .col-M-11 {
    width: 91.66666667%;
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .col-M-12 {
    width: 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media only screen and (min-width: 900px) {
  [class*=col-M2-] > *:first-child {
    margin-top: 0;
  }
  [class*=col-M2-] > .smallText:last-child *:last-child,
  [class*=col-M2-] > .serifText:last-child *:last-child,
  [class*=col-M2-] > .opticianText:last-child *:last-child,
  [class*=col-M2-] > blockquote:last-child *:last-child,
  [class*=col-M2-] > p:last-child *:last-child,
  [class*=col-M2-] > *:last-child {
    margin-bottom: 0;
  }
  .col-hidden-pM2 {
    display: block;
  }
  .col-M2-1 {
    width: 8.33333333%;
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .col-M2-2 {
    width: 16.66666667%;
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-M2-3 {
    width: 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-M2-4 {
    width: 33.33333333%;
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-M2-5 {
    width: 41.66666667%;
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .col-M2-6 {
    width: 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-M2-7 {
    width: 58.33333333%;
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .col-M2-8 {
    width: 66.66666667%;
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .col-M2-9 {
    width: 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-M2-10 {
    width: 83.33333333%;
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .col-M2-11 {
    width: 91.66666667%;
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .col-M2-12 {
    width: 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media only screen and (min-width: 1024px) {
  .row {
    margin: 0 -40px;
  }
  [class*=col-] {
    padding-left: 40px;
    padding-right: 40px;
  }
  [class*=col-MM-] > *:first-child {
    margin-top: 0;
  }
  [class*=col-MM-] > .smallText:last-child *:last-child,
  [class*=col-MM-] > .serifText:last-child *:last-child,
  [class*=col-MM-] > .opticianText:last-child *:last-child,
  [class*=col-MM-] > blockquote:last-child *:last-child,
  [class*=col-MM-] > p:last-child *:last-child,
  [class*=col-MM-] > *:last-child {
    margin-bottom: 0;
  }
  .col-hidden-pMM {
    display: block;
  }
  .col-MM-1 {
    width: 8.33333333%;
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .col-MM-2 {
    width: 16.66666667%;
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-MM-3 {
    width: 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-MM-4 {
    width: 33.33333333%;
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-MM-5 {
    width: 41.66666667%;
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .col-MM-6 {
    width: 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-MM-7 {
    width: 58.33333333%;
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .col-MM-8 {
    width: 66.66666667%;
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .col-MM-9 {
    width: 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-MM-10 {
    width: 83.33333333%;
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .col-MM-11 {
    width: 91.66666667%;
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .col-MM-12 {
    width: 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media only screen and (min-width: 1120px) {
  [class*=col-QM-] > *:first-child {
    margin-top: 0;
  }
  [class*=col-QM-] > .smallText:last-child *:last-child,
  [class*=col-QM-] > .serifText:last-child *:last-child,
  [class*=col-QM-] > .opticianText:last-child *:last-child,
  [class*=col-QM-] > blockquote:last-child *:last-child,
  [class*=col-QM-] > p:last-child *:last-child,
  [class*=col-QM-] > *:last-child {
    margin-bottom: 0;
  }
  .col-hidden-pQM {
    display: block;
  }
  .col-QM-1 {
    width: 8.33333333%;
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .col-QM-2 {
    width: 16.66666667%;
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-QM-3 {
    width: 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-QM-4 {
    width: 33.33333333%;
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-QM-5 {
    width: 41.66666667%;
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .col-QM-6 {
    width: 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-QM-7 {
    width: 58.33333333%;
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .col-QM-8 {
    width: 66.66666667%;
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .col-QM-9 {
    width: 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-QM-10 {
    width: 83.33333333%;
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .col-QM-11 {
    width: 91.66666667%;
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .col-QM-12 {
    width: 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
/* Components
   ========================================================================== */
/**
 * cookiesBanner
 *
 * @package Sand
 */
.cookiesBanner {
  padding: 10px 0;
  display: none;
}
.cookiesBanner_show .cookiesBanner {
  display: block;
}
.cookiesBanner_text,
.cookiesBanner_btns {
  margin-left: -5px;
}
.cookiesBanner_text {
  font-size: 12px;
  line-height: 1.2;
  margin-bottom: 10px;
}
.cookiesBanner_btns .btn:not(:first-child) {
  margin-left: .5em;
}
@media only screen and (min-width: 600px) {
  .cookiesBanner .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .cookiesBanner_text {
    margin-bottom: 0;
    margin-right: 20px;
  }
}
@media only screen and (min-width: 900px) {
  .cookiesBanner .container {
    justify-content: center;
  }
  .cookiesBanner_text,
  .cookiesBanner_btns {
    margin-left: 0;
  }
  .cookiesBanner_text br {
    display: none;
  }
}
@media only screen and (min-width: 1120px) {
  .cookiesBanner_text {
    font-size: 14px;
  }
}
/**
 * VAGO Logo
 *
 * @package Sand
 */
.vagoLogo.vagoLogo__white g {
  fill: #FFFFFF;
}
/**
 * Breadcrumb
 *
 * @package Sand
 */
/**
 * Burger button
 *
 * @package Sand
 *
 * Common burger button, with animation from burger to cross (.burger__active).
 * The HTML markup is:
   <a href="" class="burger">
     <span class="burger_label">Menu</span>
     <span class="burger_icon_wrapper">
       <span class="burger_icon">
         <span></span>
       </span>
     </span>
   </a>
 */
a.burger,
.burger {
  display: flex;
  align-items: center;
  border: none;
}
.burger_label {
  color: #FFF;
  text-transform: uppercase;
  font-weight: 700;
  position: relative;
  margin-right: 0.5em;
}
.burger_icon_wrapper {
  display: flex;
  align-items: center;
}
.burger_icon {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 18px;
  outline: 0;
  font-size: 0;
  text-align: center;
  -webkit-transition: border-color ease 300ms, transform ease 300ms;
  transition: border-color ease 300ms, transform ease 300ms;
}
.burger_icon span {
  position: absolute;
  top: 8px;
  left: 0px;
  vertical-align: middle;
  -webkit-transition: background ease 300ms;
  transition: background ease 300ms;
}
.burger_icon span,
.burger_icon span:before,
.burger_icon span:after {
  width: 100%;
  height: 2px;
  background: currentcolor;
}
.burger_icon span:before,
.burger_icon span:after {
  content: " ";
  position: absolute;
  left: 0;
  -webkit-transition: all ease 300ms;
  transition: all ease 300ms;
}
.burger_icon span:before {
  top: -8px;
}
.burger_icon span:after {
  bottom: -8px;
}
.burger__cross .burger_icon span,
.burger__active .burger_icon span {
  background: transparent !important;
}
.burger__cross .burger_icon span:after,
.burger__active .burger_icon span:after,
.burger__cross .burger_icon span:before,
.burger__active .burger_icon span:before {
  background: currentcolor !important;
}
.burger__cross .burger_icon span:before,
.burger__active .burger_icon span:before {
  top: 0 !important;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.burger__cross .burger_icon span:after,
.burger__active .burger_icon span:after {
  bottom: 0 !important;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
/**
 * Image wrapper@
 *
 * @package Sand
 */
.imgWrapper,
a.imgWrapper {
  display: inline-block;
  position: relative;
}
.imgWrapper[data-image-caption]::after,
a.imgWrapper[data-image-caption]::after {
  content: attr(data-image-caption);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  font-size: 0.5rem;
  color: #FFF;
  font-style: italic;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  z-index: 10;
  padding: 8px 10px;
  line-height: 1.3;
  text-align: left;
  -webkit-transition: all ease 200ms 100ms;
  transition: all ease 200ms 100ms;
}
.photoswipe-open .imgWrapper[data-image-caption]::after,
.photoswipe-open a.imgWrapper[data-image-caption]::after {
  opacity: 0;
}
.imgWrapper[data-image-caption-black]::after,
a.imgWrapper[data-image-caption-black]::after {
  color: #000;
  text-shadow: none;
}
@media only screen and (min-width: 768px) {
  .imgWrapper[data-image-caption]::after,
  a.imgWrapper[data-image-caption]::after {
    font-size: 0.5625rem;
  }
}
/**
 * Grid icon
 *
 * @package Sand
 */
.gridIcon {
  display: block;
  width: 30px;
  height: 30px;
  position: relative;
}
.gridIcon span {
  display: block;
  width: 6px;
  height: 6px;
  background: currentcolor;
  position: absolute;
  top: 12px;
  left: 12px;
}
.gridIcon span::before,
.gridIcon span::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: currentcolor;
}
.gridIcon span,
.gridIcon span::before,
.gridIcon span::after {
  box-shadow: -12px 0 0 currentcolor, 12px 0 0 currentcolor;
}
.gridIcon span::before {
  top: -200%;
}
.gridIcon span::after {
  top: 200%;
}
/**
 * Buttons
 *
 * @package Sand
 *
 * Common CTA button. HTML markup:
   <a href="" class="btn">Text</a>
 *
 * The button animation can be enhanced by wrapping the text with the
 * following HTML markup:
   <a href="" class="btn">
     <span data-hover="Text">Text<span>
   </a>
 * This can also be automated by using JavaScript, see APP.buttons() in Gravel
 *
 * Heights are set in config.less
 */
.btn,
a.btn {
  position: relative;
  padding: 0 18px;
  height: 45px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  outline: 0;
  border: none;
  z-index: 10;
  color: #FFF;
  font-size: 1.125rem;
  text-align: left;
  letter-spacing: .05em;
  line-height: 1.2;
  font-weight: 700;
  text-shadow: none;
  overflow: hidden;
  -webkit-transition: all ease 200ms;
  transition: all ease 200ms;
  /* Sizes
       ========================================================================== */
  /* Alignment
       ========================================================================== */
  /* Background
       ========================================================================== */
  /* Arrow
       ========================================================================== */
  /* Global hover effet
       ========================================================================== */
  /* Global active effect
       ========================================================================== */
  /* Colors
       ========================================================================== */
  /* Light style
       ========================================================================== */
}
.btn.large,
a.btn.large {
  height: 100px;
}
.btn.small,
a.btn.small {
  font-size: 0.875rem;
  height: 35px;
  padding: 0 17.5px;
}
.btn.fullWidth,
a.btn.fullWidth {
  width: 100%;
}
.btn.maxWidth,
a.btn.maxWidth {
  width: 100%;
  max-width: 330px;
}
.btn.alignCenter,
a.btn.alignCenter {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.btn.alignLeftRight,
a.btn.alignLeftRight {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.btn.margin,
a.btn.margin {
  margin-bottom: 10px;
}
.btn::before,
a.btn::before {
  content: '';
  position: absolute;
  z-index: -1;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: #000000;
  -webkit-transition: all ease 200ms;
  transition: all ease 200ms;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}
.btn .arrow,
a.btn .arrow {
  -webkit-transition: all ease 200ms;
  transition: all ease 200ms;
}
.btn .arrow:first-child,
a.btn .arrow:first-child {
  margin-right: .7em;
}
.btn .arrow:last-child,
a.btn .arrow:last-child {
  margin-left: .7em;
}
.no-touch a.editionPost_link:hover .btn,
.no-touch a.editionPost_link:hover a.btn,
.no-touch a.post_link:hover .btn,
.no-touch a.post_link:hover a.btn,
.no-touch a.edition_link:hover .btn,
.no-touch a.edition_link:hover a.btn,
.no-touch .btn:hover,
.no-touch a.btn:hover {
  -webkit-transition: all ease 250ms;
  transition: all ease 250ms;
}
.no-touch a.editionPost_link:hover .btn:not(.small)::before,
.no-touch a.editionPost_link:hover a.btn:not(.small)::before,
.no-touch a.post_link:hover .btn:not(.small)::before,
.no-touch a.post_link:hover a.btn:not(.small)::before,
.no-touch a.edition_link:hover .btn:not(.small)::before,
.no-touch a.edition_link:hover a.btn:not(.small)::before,
.no-touch .btn:hover:not(.small)::before,
.no-touch a.btn:hover:not(.small)::before {
  -webkit-transform: translateX(-41.4px);
  transform: translateX(-41.4px);
  -webkit-transition: all ease 250ms;
  transition: all ease 250ms;
}
.no-touch a.editionPost_link:hover .btn:not(.small) .arrow:last-child,
.no-touch a.editionPost_link:hover a.btn:not(.small) .arrow:last-child,
.no-touch a.post_link:hover .btn:not(.small) .arrow:last-child,
.no-touch a.post_link:hover a.btn:not(.small) .arrow:last-child,
.no-touch a.edition_link:hover .btn:not(.small) .arrow:last-child,
.no-touch a.edition_link:hover a.btn:not(.small) .arrow:last-child,
.no-touch .btn:hover:not(.small) .arrow:last-child,
.no-touch a.btn:hover:not(.small) .arrow:last-child {
  -webkit-transform: translateX(18px);
  transform: translateX(18px);
  color: #000000;
  -webkit-transition: all ease 300ms;
  transition: all ease 300ms;
}
.no-touch a.editionPost_link:hover .btn.small::before,
.no-touch a.editionPost_link:hover a.btn.small::before,
.no-touch a.post_link:hover .btn.small::before,
.no-touch a.post_link:hover a.btn.small::before,
.no-touch a.edition_link:hover .btn.small::before,
.no-touch a.edition_link:hover a.btn.small::before,
.no-touch .btn:hover.small::before,
.no-touch a.btn:hover.small::before {
  opacity: .9;
}
.btn:active,
a.btn:active {
  opacity: .9 !important;
}
.btn.grey::before,
a.btn.grey::before {
  background: #999999;
}
.no-touch a.editionPost_link:hover .btn.grey .arrow:last-child,
.no-touch a.editionPost_link:hover a.btn.grey .arrow:last-child,
.no-touch a.post_link:hover .btn.grey .arrow:last-child,
.no-touch a.post_link:hover a.btn.grey .arrow:last-child,
.no-touch a.edition_link:hover .btn.grey .arrow:last-child,
.no-touch a.edition_link:hover a.btn.grey .arrow:last-child,
.no-touch .btn.grey:hover .arrow:last-child,
.no-touch a.btn.grey:hover .arrow:last-child {
  color: #999999;
}
.btn.white,
a.btn.white {
  color: #000000;
}
.btn.white::before,
a.btn.white::before {
  background: #FFF;
}
.no-touch a.editionPost_link:hover .btn.white .arrow:last-child,
.no-touch a.editionPost_link:hover a.btn.white .arrow:last-child,
.no-touch a.post_link:hover .btn.white .arrow:last-child,
.no-touch a.post_link:hover a.btn.white .arrow:last-child,
.no-touch a.edition_link:hover .btn.white .arrow:last-child,
.no-touch a.edition_link:hover a.btn.white .arrow:last-child,
.no-touch .btn.white:hover .arrow:last-child,
.no-touch a.btn.white:hover .arrow:last-child {
  color: #FFF;
}
.btn.light,
a.btn.light {
  color: #000000;
}
.btn.light:not(.small),
a.btn.light:not(.small) {
  margin-left: -18px;
}
.btn.light::before,
a.btn.light::before {
  right: 45px;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
}
.no-touch a.editionPost_link:hover .btn.light,
.no-touch a.editionPost_link:hover a.btn.light,
.no-touch a.post_link:hover .btn.light,
.no-touch a.post_link:hover a.btn.light,
.no-touch a.edition_link:hover .btn.light,
.no-touch a.edition_link:hover a.btn.light,
.no-touch .btn.light:hover,
.no-touch a.btn.light:hover {
  color: #FFF;
}
.no-touch a.editionPost_link:hover .btn.light:not(.small)::before,
.no-touch a.editionPost_link:hover a.btn.light:not(.small)::before,
.no-touch a.post_link:hover .btn.light:not(.small)::before,
.no-touch a.post_link:hover a.btn.light:not(.small)::before,
.no-touch a.edition_link:hover .btn.light:not(.small)::before,
.no-touch a.edition_link:hover a.btn.light:not(.small)::before,
.no-touch .btn.light:hover:not(.small)::before,
.no-touch a.btn.light:hover:not(.small)::before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.btn.light.white,
a.btn.light.white {
  color: #FFF;
}
.no-touch a.editionPost_link:hover .btn.light.white,
.no-touch a.editionPost_link:hover a.btn.light.white,
.no-touch a.post_link:hover .btn.light.white,
.no-touch a.post_link:hover a.btn.light.white,
.no-touch a.edition_link:hover .btn.light.white,
.no-touch a.edition_link:hover a.btn.light.white,
.no-touch .btn.light.white:hover,
.no-touch a.btn.light.white:hover {
  color: #000000;
}
.no-touch a.editionPost_link:hover .btn.light.white .arrow,
.no-touch a.editionPost_link:hover a.btn.light.white .arrow,
.no-touch a.post_link:hover .btn.light.white .arrow,
.no-touch a.post_link:hover a.btn.light.white .arrow,
.no-touch a.edition_link:hover .btn.light.white .arrow,
.no-touch a.edition_link:hover a.btn.light.white .arrow,
.no-touch .btn.light.white:hover .arrow,
.no-touch a.btn.light.white:hover .arrow {
  color: #FFF;
}
@media only screen and (min-width: 1024px) {
  .btn,
  a.btn {
    padding: 0 27px;
    height: 54px;
  }
  .no-touch a.editionPost_link:hover .btn:not(.small)::before,
  .no-touch a.editionPost_link:hover a.btn:not(.small)::before,
  .no-touch a.post_link:hover .btn:not(.small)::before,
  .no-touch a.post_link:hover a.btn:not(.small)::before,
  .no-touch a.edition_link:hover .btn:not(.small)::before,
  .no-touch a.edition_link:hover a.btn:not(.small)::before,
  .no-touch .btn:hover:not(.small)::before,
  .no-touch a.btn:hover:not(.small)::before {
    -webkit-transform: translateX(-44.982px);
    transform: translateX(-44.982px);
  }
  .no-touch a.editionPost_link:hover .btn:not(.small) .arrow:last-child,
  .no-touch a.editionPost_link:hover a.btn:not(.small) .arrow:last-child,
  .no-touch a.post_link:hover .btn:not(.small) .arrow:last-child,
  .no-touch a.post_link:hover a.btn:not(.small) .arrow:last-child,
  .no-touch a.edition_link:hover .btn:not(.small) .arrow:last-child,
  .no-touch a.edition_link:hover a.btn:not(.small) .arrow:last-child,
  .no-touch .btn:hover:not(.small) .arrow:last-child,
  .no-touch a.btn:hover:not(.small) .arrow:last-child {
    -webkit-transform: translateX(27px);
    transform: translateX(27px);
  }
  .btn.light:not(.small),
  a.btn.light:not(.small) {
    margin-left: -27px;
  }
}
/**
 * Collapsible blocks
 *
 * @package Sand
 *
 * Basic styling for collapsible blocks. HTML markup:
   <div class="js-collapsible">
     <a class="js-collapsible_toggle">Collapsable element</a>
     <div class="collapsible_content">...</div>
   </div>
 *
 * This element's behavior is controlled by JavaScript, see APP.collapsible() in Gravel
 */
.collapsible .js-collapsible_toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}
.collapsible .js-collapsible_toggle::after {
  content: "\f107";
  margin-left: 1em;
  display: inline-block;
  font-size: 1.125rem;
  -webkit-transition: all ease 150ms;
  transition: all ease 150ms;
}
.collapsible .js-collapsible_content {
  display: none;
}
.collapsible .js-collapsible_item.open .js-collapsible_toggle::after {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
/**
 * Cross
 *
 * @package Sand
 */
.cross {
  display: block;
  width: 30px;
  height: 30px;
  position: relative;
  border: none;
  font-size: 0;
  color: inherit;
}
.cross::before,
.cross::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -1px;
  margin-left: -16px;
  width: 32px;
  height: 2px;
  background: currentcolor;
}
.cross::before {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.cross::after {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
/**
 * Arrow style
 *
 * @package Sand
 */
.arrow {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 30px;
  height: 20px;
}
.arrow span {
  position: absolute;
  top: 50%;
  margin-top: -1px;
  left: 0;
  right: 1px;
  height: 2px;
  background: currentcolor;
}
.arrow::before,
.arrow::after {
  content: '';
  position: absolute;
  background: currentcolor;
  width: 2px;
  height: 50%;
  right: 0;
}
.arrow::before {
  bottom: 50%;
  -webkit-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
  -webkit-transform: rotate(-35deg);
  transform: rotate(-35deg);
}
.arrow::after {
  top: 50%;
  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0;
  -webkit-transform: rotate(35deg);
  transform: rotate(35deg);
}
.arrow.arrow__small {
  height: 20px;
  width: 30px;
  /*span {
			height: 1px;
			right: 2px;
		}

		&::before,
		&::after {
			width: 1px;
		}

		&::after {
			margin-top: -1px;
		}*/
}
.arrow.arrow__left::before,
.arrow.arrow__left::after {
  right: auto;
  left: 0;
}
.arrow.arrow__left::before {
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%;
  -webkit-transform: rotate(35deg);
  transform: rotate(35deg);
}
.arrow.arrow__left::after {
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: rotate(-35deg);
  transform: rotate(-35deg);
}
.arrow.arrow__up,
.arrow.arrow__down {
  width: 20px;
  height: 30px;
}
.arrow.arrow__up span,
.arrow.arrow__down span {
  left: 50%;
  right: auto;
  margin-top: 0;
  margin-left: -1px;
  top: 1px;
  bottom: 0;
  height: auto;
  width: 2px;
}
.arrow.arrow__up::before,
.arrow.arrow__down::before,
.arrow.arrow__up::after,
.arrow.arrow__down::after {
  width: 50%;
  height: 1px;
  bottom: auto;
  top: 0;
  right: auto;
}
.arrow.arrow__up::before,
.arrow.arrow__down::before {
  right: 50%;
  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0;
  -webkit-transform: rotate(-35deg);
  transform: rotate(-35deg);
}
.arrow.arrow__up::after,
.arrow.arrow__down::after {
  left: 50%;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: rotate(35deg);
  transform: rotate(35deg);
}
.arrow.arrow__down::before,
.arrow.arrow__down::after {
  top: auto;
  bottom: 0;
}
.arrow.arrow__down::before {
  -webkit-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
  -webkit-transform: rotate(35deg);
  transform: rotate(35deg);
}
.arrow.arrow__down::after {
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%;
  -webkit-transform: rotate(-35deg);
  transform: rotate(-35deg);
}
/**
 * Scroll button 
 *
 * @package Sand
 */
.scrollBtn,
a.scrollBtn {
  display: block;
  text-align: center;
  position: relative;
  color: inherit;
  letter-spacing: .2em;
  font-weight: 700;
  border: none;
  /*&::before {
    	content: '';
    	width: 2px;
    	height: 35px;
    	background: currentcolor;
    	display: block;
    	position: absolute;
    	bottom: -38px;
    	left: 50%;
    	margin-left: -1px;
    	transform: translateX(-50%) translateY(-40px);

    	animation: scroll 3s infinite;
    }*/
}
.scrollBtn::after,
a.scrollBtn::after {
  content: '';
  display: block;
  width: 2px;
  height: 35px;
  background: currentcolor;
  margin: 0 auto 6px;
  animation: scroll2 3s infinite;
  transform-origin: 0 100%;
}
/*@keyframes scroll {
    0% {
        height: 2px;
        bottom: -37px;
    }
    25% {
        height: 35px;
        bottom: -35px;
    }
    45% {
        height: 2px;
        bottom: -2px;
    }
    75% {
        height: 35px;
        bottom: -35px;
    }
    100% {
        height: 2px;
        bottom: -37px;
    }
}*/
@keyframes scroll2 {
  0% {
    -webkit-transform: scaleY(0.2);
    transform: scaleY(0.2);
    transform-origin: 0 0;
  }
  25% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    transform-origin: 0 0;
  }
  25.1% {
    transform-origin: 0 100%;
  }
  50% {
    -webkit-transform: scaleY(0.2);
    transform: scaleY(0.2);
    transform-origin: 0 100%;
  }
  75% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    transform-origin: 0 100%;
  }
  75.1% {
    transform-origin: 0 0;
  }
  100% {
    -webkit-transform: scaleY(0.2);
    transform: scaleY(0.2);
    transform-origin: 0 0;
  }
}
/**
 * End of post square
 *
 * @package Sand
 */
.endSquare {
  width: 10px;
  height: 10px;
  display: inline-block;
  background: currentcolor;
  vertical-align: middle;
  position: relative;
  top: -1px;
}
@media only screen and (min-width: 1600px) {
  .endSquare {
    width: 11px;
    height: 11px;
  }
}
/**
 * Site footer
 *
 * @package Sand
 */
.footer {
  text-align: center;
  padding: 0 0 1em;
}
.footer .vagoLogo {
  width: 47px;
  height: auto !important;
}
/*@import 'components/forms/forms.less';
    @import 'components/forms/forms_buttons.less';
    @import 'components/forms/forms_descriptions.less';
    @import 'components/forms/forms_errors.less';
    @import 'components/forms/forms_fieldsets.less';
    @import 'components/forms/forms_imageselects.less';
    @import 'components/forms/forms_inputs.less';
    @import 'components/forms/forms_inputs_number.less';
    @import 'components/forms/forms_inputs_search.less';
    @import 'components/forms/forms_file.less';
    @import 'components/forms/forms_labels.less';
    @import 'components/forms/forms_prefixSuffix.less';
    @import 'components/forms/forms_radiosCheckboxes.less';
    @import 'components/forms/forms_requiredNote.less';
    @import 'components/forms/forms_selects.less';
    @import 'components/forms/forms_select2.less';
    @import 'components/forms/forms_throbber.less';*/
/**
 * Site header
 *
 * @package Sand
 *
 * Provide basic style for positioning
 */
.header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 30px;
  padding-right: 30px;
  padding-left: 0 !important;
}
@media only screen and (min-width: 600px) {
  .header {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media only screen and (min-width: 768px) {
  .header {
    padding-left: 60px;
    padding-right: 60px;
  }
}
@media only screen and (min-width: 1024px) {
  .header {
    padding-left: 80px;
    padding-right: 80px;
  }
}
.header_logo .logoBoxed {
  display: block;
}
.header_logo .logoBoxed:not(.logoBoxed__framed) {
  padding-right: 0;
}
/*.header_logo a {
		display: block;
		border: none;
		padding: 17px;

		svg {
			width: 160px;
			height: auto;
			display: block;
		}
	}*/
.header_title {
  border: none;
  font-size: 1.25rem;
  font-family: 'Optician Sans', Arial, sans-serif;
  text-transform: uppercase;
  font-weight: 400;
  color: inherit;
  letter-spacing: .15em;
  margin: 0;
}
@media only screen and (min-width: 600px) {
  .header_title {
    font-size: 1.5rem;
    letter-spacing: .2em;
  }
}
@media only screen and (min-width: 768px) {
  .header_title {
    font-size: 1.6875rem;
  }
}
@media only screen and (min-width: 900px) {
  .header_title {
    font-size: 1.875rem;
  }
}
@media only screen and (min-width: 1024px) {
  .header_logo a {
    /*svg {
			width: 200px;
		}*/
  }
}
@media only screen and (min-width: 1120px) {
  .header_title {
    font-size: 2.125rem;
  }
}
@media only screen and (min-width: 1280px) {
  .header_title {
    font-size: 2.3125rem;
  }
}
@media only screen and (min-width: 1440px) {
  .header_logo a {
    /*svg {
			width: 200px;
		}*/
  }
  .header_title {
    font-size: 2.5rem;
  }
}
@media only screen and (min-width: 1600px) {
  .header_logo a {
    /*svg {
			width: 220px;
		}*/
  }
}
/**
 * Fixed navigation on top
 *
 * @package Sand
 */
.fixedNav {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(-20px);
  transform: translateY(-20px);
  -webkit-transition: all ease 150ms;
  transition: all ease 150ms;
}
.admin-bar .fixedNav {
  top: 32px;
}
.fixedNav.fixedNav__visible,
.explorerModal__open .fixedNav {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
/**
 * Posts
 *
 * @package Sand
 */
.post_link,
a.post_link {
  display: block;
  border: none;
  color: inherit;
}
.post_image {
  position: relative;
  overflow: hidden;
}
.post_image {
  background: #FFF;
}
.post_image img {
  display: block;
}
.post_image_arrow {
  position: absolute;
  left: 0;
  bottom: 0;
  color: #FFF;
  width: 0;
  overflow: hidden;
}
.post_image_arrow_inner {
  width: 50px;
  background: #000000;
  height: 40px;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.post_image img,
.post_image_arrow,
.post_image_arrow_inner {
  -webkit-transition: all cubic-bezier(0.4, 0, 0.2, 1) 180ms;
  transition: all cubic-bezier(0.4, 0, 0.2, 1) 180ms;
}
.post_header {
  -webkit-transition: all cubic-bezier(0.4, 0, 0.2, 1) 180ms;
  transition: all cubic-bezier(0.4, 0, 0.2, 1) 180ms;
}
.post_title {
  margin: 1em 0 .3em;
  font-family: 'Hanken Grotesk', Arial, sans-serif;
  font-weight: 700;
  font-size: 1.25rem;
  color: inherit;
}
.post_metas {
  opacity: .5;
  font-size: 0.875rem;
}
/* Hover effect
   ========================================================================== */
.no-touch a.post_link:hover img,
.no-touch a.post_link:hover .post_header {
  opacity: .9;
}
/**
 * Posts list
 *
 * @package Sand
 */
.postList [class*="col-"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.postList [class*="col-"]:not(:first-child) {
  margin-top: 30px;
}
@media only screen and (min-width: 600px) {
  .postList [class*="col-"]:not(:first-child) {
    margin-top: 40px;
  }
  .postList .col-QS-6:nth-child(1),
  .postList .col-QS-6:nth-child(2) {
    margin-top: 0;
  }
}
@media only screen and (min-width: 900px) {
  .postList .col-M2-4:nth-child(1),
  .postList .col-M2-4:nth-child(2),
  .postList .col-M2-4:nth-child(3) {
    margin-top: 0;
  }
}
/**
 * Fixed navigation on posts
 *
 * @package Sand
 */
.postNav {
  padding-left: 30px;
  padding-right: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media only screen and (min-width: 600px) {
  .postNav {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media only screen and (min-width: 768px) {
  .postNav {
    padding-left: 60px;
    padding-right: 60px;
  }
}
@media only screen and (min-width: 1024px) {
  .postNav {
    padding-left: 80px;
    padding-right: 80px;
  }
}
.postNav a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 20px 0 10px;
  border: none;
  color: #000000;
  font-size: 1.25rem;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: .1em;
  position: relative;
  /*&:not(:last-child) {
			margin-right: 1em;
		}*/
  /*.arrow__left {
        	.transition();
        	&:extend(.acceleration);
        }

		.no-touch &:hover {
			.arrow__left {
				.translateX(-3px);
			}
		}*/
}
/*.postNav .arrow + .postNav_link_text {
		margin-left: .6em;
	}*/
.postNav .postNav_link_text:last-child {
  margin-left: .6em;
}
.postNav .postNav_link_text:first-child {
  margin-right: .6em;
}
/*.postNav .arrow.arrow__up + .postNav_link_text,
	.postNav .arrow.arrow__down + .postNav_link_text {
		margin-left: .4em;
	}*/
.postNav_left,
.postNav_right {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
/* Align text on home link */
.postNav_link__home {
  margin-left: -12px;
}
.postNav_link__home .arrow {
  vertical-align: top;
  top: .2em;
}
/* Offset top for archive button */
/*.postNav_link__archives {
		margin-top: 5px;
	}*/
/* Hide text on mobile */
.postNav_link_text {
  display: none;
}
/* Edition link */
.postNav_link__archives {
  /*.gridIcon,
		.cross {
			&:extend(.acceleration);
			.transition();
		}

		.gridIcon {
			transition-delay: 150ms;
		}*/
}
.postNav a.postNav_link__archivesClose {
  position: absolute;
  right: 0;
  opacity: 0;
  visibility: hidden;
  color: #FFF;
}
@media only screen and (min-width: 768px) {
  .postNav {
    padding-left: 60px;
    padding-right: 60px;
  }
  .postNav a {
    padding: 30px 0 10px;
    font-size: 1.25rem;
  }
  /* Show text on destkop */
  .postNav_link_text {
    display: block;
    position: relative;
    top: 1px;
  }
  /* Hidden text hover effect */
  .no-touch .postNav_link_text {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all cubic-bezier(0.4, 0, 0.2, 1) 180ms;
    transition: all cubic-bezier(0.4, 0, 0.2, 1) 180ms;
  }
  .no-touch .postNav_link_text:first-child {
    -webkit-transform: translateX(-3px);
    transform: translateX(-3px);
  }
  .no-touch .postNav_link_text:last-child {
    -webkit-transform: translateX(3px);
    transform: translateX(3px);
  }
  .no-touch .postNav a:hover .postNav_link_text {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  .postNav_link__archives {
    /*.postNav_link_text {
			opacity: 0;
			visibility: hidden;
			.translateX(-3px);
			&:extend(.acceleration);
			.transition();
		}

		.no-touch &:hover {
			.postNav_link_text {
				opacity: 1;
				visibility: visible;
				.translateX(0);
			}
		}*/
  }
}
@media only screen and (min-width: 1120px) {
  .postNav a {
    padding: 40px 0 10px;
  }
}
/**
 * Posts next / prev 
 *
 * @package Sand
 */
.postNextPrev,
a.postNextPrev {
  border: none;
  display: block;
  color: #000000;
  position: relative;
}
.postNextPrev_image img {
  display: block;
}
.postNextPrev_text {
  font-size: 3vw;
  font-family: 'Libertinus', serif;
  font-weight: 700;
  letter-spacing: .1em;
  padding-bottom: .5em;
  position: relative;
  z-index: 10;
}
.postNextPrev_text::before,
.postNextPrev_text::after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: .8em;
  height: 1px;
  background: currentcolor;
}
.postNextPrev_text::before {
  margin-right: .3em;
}
.postNextPrev_text::after {
  margin-left: .3em;
}
.postNextPrev.postNextPrev__prev {
  /*.postNextPrev_image {			
			img {
				.translateX(-30px);
			}
		}*/
}
.postNextPrev.postNextPrev__prev .postNextPrev_text {
  text-align: left;
}
.postNextPrev.postNextPrev__prev .postNextPrev_text::after {
  display: none;
}
.postNextPrev.postNextPrev__next {
  /*.postNextPrev_image {			
			img {
				.translateX(30px);
			}
		}*/
}
.postNextPrev.postNextPrev__next .postNextPrev_text {
  text-align: right;
}
.postNextPrev.postNextPrev__next .postNextPrev_text::before {
  display: none;
}
/* Hover effect
   ========================================================================== */
a.postNextPrev:hover,
a.postNextPrev:active {
  opacity: .9;
}
@media only screen and (min-width: 480px) {
  .postNextPrev_text {
    font-size: 0.75rem;
  }
}
@media only screen and (min-width: 600px) {
  .postNextPrev_text {
    font-size: 0.875rem;
  }
}
@media only screen and (min-width: 768px) {
  .postNextPrev_text {
    font-size: 1rem;
  }
}
@media only screen and (min-width: 900px) {
  .postNextPrev_image {
    position: relative;
    padding-bottom: 38%;
    background: #EEE;
  }
  .postNextPrev_image::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    box-shadow: 0 0 0 30px #FFF;
    z-index: 1;
    -webkit-transition: all cubic-bezier(0.86, 0, 0.07, 1) 400ms;
    transition: all cubic-bezier(0.86, 0, 0.07, 1) 400ms;
  }
  .postNextPrev_image img {
    position: absolute;
    max-width: calc(100% + 40px);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .postNextPrev_text,
  a.postNextPrev_text {
    position: absolute;
    top: 50%;
    font-size: 0.875rem;
    -webkit-transition: all cubic-bezier(0.4, 0, 0.2, 1) 180ms;
    transition: all cubic-bezier(0.4, 0, 0.2, 1) 180ms;
  }
  .postNextPrev_text::before,
  a.postNextPrev_text::before {
    -webkit-transition: all cubic-bezier(0.4, 0, 0.2, 1) 180ms;
    transition: all cubic-bezier(0.4, 0, 0.2, 1) 180ms;
  }
  .postNextPrev_text::after,
  a.postNextPrev_text::after {
    display: none;
  }
  .postNextPrev_text::before,
  a.postNextPrev_text::before {
    display: inline-block !important;
  }
  .postNextPrev.postNextPrev__prev {
    padding-left: 40px;
  }
  .postNextPrev.postNextPrev__prev .postNextPrev_text {
    left: 14px;
    transform: translateX(-50%) translateY(-50%) rotate(-90deg);
  }
  .postNextPrev.postNextPrev__next {
    padding-right: 40px;
  }
  .postNextPrev.postNextPrev__next .postNextPrev_text {
    right: 14px;
    transform: translateX(50%) translateY(-50%) rotate(90deg);
  }
  .no-touch a.postNextPrev:hover {
    opacity: 1;
  }
  .no-touch a.postNextPrev:hover .postNextPrev_image::before {
    top: -15px;
    bottom: -15px;
    /*left: -5px;
				right: -5px;*/
  }
  .no-touch a.postNextPrev:hover.postNextPrev__prev .postNextPrev_image::before {
    /*top: -15px;
					bottom: -15px;
					right: -5px;
					*/
    left: -5px;
  }
  .no-touch a.postNextPrev:hover.postNextPrev__next .postNextPrev_image::before {
    /*top: -15px;
					bottom: -15px;
					left: -5px;
					*/
    right: -5px;
  }
}
@media only screen and (min-width: 1120px) {
  .postNextPrev_text {
    font-size: 1rem;
  }
}
@media only screen and (min-width: 1280px) {
  .postNextPrev_text {
    font-size: 1.125rem;
  }
}
/**
 * Posts next / prev list
 *
 * @package Sand
 */
.postNextPrevList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0 0 30px;
  /*@media @mid-small {
		.postNextPrev {
			-webkit-box-flex: 0;
			-ms-flex: 0 0 calc(~'50% - 25px');
			        flex: 0 0 calc(~'50% - 25px');
			width: calc(~'50% - 25px');
		}

		.postNextPrev + .postNextPrev {
			margin-left: 50px;
		}
    }*/
  /*@media @medium2 {
        padding-left:  80px;
        padding-right: 80px;
    }*/
}
.postNextPrevList .postNextPrev {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(50% - 15px);
  flex: 0 0 calc(50% - 15px);
  width: calc(50% - 15px);
}
.postNextPrevList .postNextPrev + .postNextPrev {
  margin-left: 30px;
}
@media only screen and (min-width: 480px) {
  .postNextPrevList .postNextPrev {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(50% - 30px);
    flex: 0 0 calc(50% - 30px);
    width: calc(50% - 30px);
  }
  .postNextPrevList .postNextPrev + .postNextPrev {
    margin-left: 60px;
  }
}
@media only screen and (min-width: 1024px) {
  .postNextPrevList .postNextPrev {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(50% - 40px);
    flex: 0 0 calc(50% - 40px);
    width: calc(50% - 40px);
  }
  .postNextPrevList .postNextPrev + .postNextPrev {
    margin-left: 80px;
  }
}
/**
 * Edition
 *
 * @package Sand
 */
.edition_link,
a.edition_link {
  display: block;
  border: none;
}
.edition_image {
  position: relative;
  overflow: hidden;
}
.edition_image::before {
  opacity: .5;
}
.edition_image img {
  display: block;
}
.edition_image_text {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 30px 30px 15px;
  z-index: 10;
  color: #FFF;
}
.edition_image_date::before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: .8em;
  margin-right: .3em;
  height: 1px;
  background: currentcolor;
}
@media only screen and (min-width: 480px) {
  .edition_image_text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 40px 20px;
  }
  .edition_image_btn .btn {
    margin-left: auto;
    margin-right: -18px;
  }
  .edition .editionCover_title {
    font-size: 1.625rem;
  }
  .edition.edition__unpublished .editionCover_title {
    font-size: 1.875rem;
  }
  .edition.edition__unpublished .edition_image .edition_image_text {
    top: 0;
    padding: 0;
  }
  .edition.edition__unpublished .edition_image .edition_image_text .editionCover_title,
  .edition.edition__unpublished .edition_image .edition_image_text .edition_image_date {
    padding: 0 40px;
    position: absolute;
    text-align: center;
    left: 0;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .edition.edition__unpublished .edition_image .edition_image_text .editionCover_title {
    top: 50%;
  }
  .edition.edition__unpublished .edition_image .edition_image_text .edition_image_date {
    top: 70%;
    left: 25%;
  }
}
@media only screen and (min-width: 768px) {
  .edition_image_text {
    padding: 0 60px 20px;
  }
  .edition .editionCover_title,
  .edition.edition__unpublished .editionCover_title {
    font-size: 2.125rem;
  }
  .edition .edition_image_date,
  .edition.edition__unpublished .edition_image_date {
    font-size: 1.125rem;
  }
}
@media only screen and (min-width: 1024px) {
  .edition .editionCover_title,
  .edition.edition__unpublished .editionCover_title {
    font-size: 2.375rem;
  }
}
@media only screen and (min-width: 1120px) {
  .edition_image_text {
    padding: 0 80px 35px;
  }
}
@media only screen and (min-width: 1200px) {
  .edition .editionCover_title,
  .edition.edition__unpublished .editionCover_title {
    font-size: 2.75rem;
  }
  .edition .edition_image_date,
  .edition.edition__unpublished .edition_image_date {
    font-size: 1.375rem;
  }
}
/* Hover effect
   ========================================================================== */
/**
 * Editions list
 *
 * @package Sand
 */
.editionList .edition:not(:last-child) {
  margin-bottom: 1px;
}
.editionList_title {
  margin-top: 0;
  font-family: 'Hanken Grotesk', Arial, sans-serif;
  font-weight: 700;
  text-align: center;
}
/**
 * Posts on edition pages
 *
 * @package Sand
 */
.editionPost {
  position: relative;
  /*&:not(:first-child) {
		margin-top: 30px;
	}*/
}
.hr + .editionPost {
  margin-top: 0 !important;
}
.editionPost_image {
  align-items: stretch !important;
  /*.no-touch & .editionPost_link:hover {
			opacity: .8;
		}*/
}
a.editionPost_link {
  display: block;
  border: none;
  position: relative;
  color: inherit;
}
.editionPost_category.h2__dashed {
  font-weight: 400;
  margin: 0;
  color: inherit;
  font-size: 1.5rem;
}
.editionPost_category.h2__dashed::before {
  height: 2px !important;
  width: .6em;
  margin-right: .1em;
}
.editionPost_titleBtn {
  padding-left: 35px;
}
.editionPost_title.h2__dashed {
  color: inherit;
  margin: 0.1em 0 .6em;
  white-space: normal;
}
.editionPost_title.h2__dashed::before {
  display: none;
}
.editionPost_excerpt {
  display: none;
}
@media only screen and (min-width: 600px) {
  .editionPost_category.h2__dashed {
    font-size: 1.75rem;
  }
  .editionPost_titleBtn {
    padding-left: 40px;
  }
}
@media only screen and (min-width: 768px) {
  .editionPost_titleBtn {
    padding-left: 46px;
  }
  .editionPost_excerpt {
    display: block;
  }
}
@media only screen and (min-width: 900px) {
  .editionPost:not(:first-child) {
    margin-top: 0;
  }
  .editionPost_category.h2__dashed {
    font-size: 2rem;
  }
  .editionPost_titleBtn {
    padding-left: 52px;
  }
}
@media only screen and (min-width: 1024px) {
  .editionPost_titleBtn {
    padding-left: 58px;
  }
}
/**
 * Posts on edition pages, fullwidth version
 *
 * @package Sand
 */
.editionPost__fullwidth {
  color: #FFF;
  height: 60vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.editionPost__fullwidth .editionPost_image {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #f3f3f3;
}
.editionPost__fullwidth .editionPost_image .editionPost_image_wrapper {
  height: 100%;
  display: block;
}
.editionPost__fullwidth .editionPost_image .editionPost_image_wrapper[data-image-caption]::after {
  bottom: auto;
  top: 0;
  text-align: right;
}
.editionPost__fullwidth .editionPost_image img {
  width: 100%;
  height: 100% !important;
  object-fit: cover;
}
.editionPost__fullwidth .editionPost_content {
  width: 100%;
  position: relative;
  z-index: 10;
  color: #FFF;
}
@media only screen and (min-width: 768px) {
  .editionPost__fullwidth {
    height: 80vh;
  }
}
/*@media only screen and (min-height: 600px) {
	.editionPost__fullwidth {
		.editionPost_link {
			height: 400px;
		}
	}
}*/
/**
 * Posts on edition pages, fullwidth version
 *
 * @package Sand
 */
.editionPost__container .section__verticalPadding {
  padding-top: 30px;
}
@media only screen and (min-width: 600px) {
  .editionPost__container .section__verticalPadding {
    padding-top: 40px;
  }
}
@media only screen and (min-width: 768px) {
  .editionPost__container .section__verticalPadding {
    padding-top: 60px;
  }
}
/**
 * Boxed Logo style
 *
 * @package Sand
 *
 * Used on edition cover
 */
a.logoBoxed,
.logoBoxed {
  display: inline-block;
  border: none;
}
.logoBoxed {
  padding: 20px 30px 20px 25px;
}
.logoBoxed svg {
  width: 110px;
  height: auto;
  display: block;
}
.logoBoxed.logoBoxed__framed {
  background: #FFF;
}
@media only screen and (min-width: 600px) {
  .logoBoxed {
    padding: 25px 40px 25px 35px;
  }
  .logoBoxed svg {
    width: 160px;
  }
  .logoBoxed.logoBoxed__paddingMin {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
@media only screen and (min-width: 768px) {
  .logoBoxed {
    padding: 35px 60px 35px 50px;
  }
  .logoBoxed svg {
    width: 200px;
  }
}
@media only screen and (min-width: 1024px) {
  .logoBoxed {
    padding: 40px 70px 40px 65px;
  }
  .logoBoxed svg {
    width: 220px;
  }
}
@media only screen and (min-width: 1280px) {
  .logoBoxed.logoBoxed__paddingMin {
    padding-top: 25px;
    padding-bottom: 25px;
  }
}
@media only screen and (min-width: 1280px) and (min-height: 700px) {
  .logoBoxed.logoBoxed__paddingMin {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
@media only screen and (min-width: 1600px) {
  .logoBoxed svg {
    width: 240px;
  }
}
/**
 * Instagram block
 *
 * @package Sand
 */
.instagramBlock,
a.instagramBlock {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: none;
  color: inherit;
}
a.instagramBlock_image,
a.instagramBlock_text {
  border: none;
  color: inherit;
}
.instagramBlock_image {
  padding: 20px 20px 20px 0;
  position: relative;
  z-index: 10;
  max-width: 50%;
}
.instagramBlock_image img {
  display: block;
  max-height: calc(100vh - 100px);
  -webkit-transform: scale(1.02);
  transform: scale(1.02);
  -webkit-transition: all cubic-bezier(0.4, 0, 0.2, 1) 180ms;
  transition: all cubic-bezier(0.4, 0, 0.2, 1) 180ms;
}
.instagramBlock_image::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 40px;
  background: #f3f3f3;
  z-index: -1;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transition: all cubic-bezier(0.4, 0, 0.2, 1) 180ms;
  transition: all cubic-bezier(0.4, 0, 0.2, 1) 180ms;
}
.instagramBlock_image_inner {
  overflow: hidden;
  -webkit-transition: all cubic-bezier(0.4, 0, 0.2, 1) 180ms;
  transition: all cubic-bezier(0.4, 0, 0.2, 1) 180ms;
}
.instagramBlock_text {
  text-align: right;
  line-height: 1;
  letter-spacing: 0.1em;
  margin-left: -3em;
  position: relative;
  z-index: 20;
}
.instagramBlock_text_1 {
  font-family: 'Libertinus', serif;
  margin-right: .3em;
  margin-bottom: .1em;
  -webkit-transition: all cubic-bezier(0.4, 0, 0.2, 1) 180ms;
  transition: all cubic-bezier(0.4, 0, 0.2, 1) 180ms;
}
.instagramBlock_text_2 {
  font-weight: 700;
  font-size: 2.6em;
  padding: .3em 0 .4em;
  position: relative;
  -webkit-transition: all cubic-bezier(0.4, 0, 0.2, 1) 180ms;
  transition: all cubic-bezier(0.4, 0, 0.2, 1) 180ms;
}
.instagramBlock_text_2::after,
.instagramBlock_text_2::before {
  content: '';
  position: absolute;
  z-index: -1;
}
.instagramBlock_text_2::after {
  bottom: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: currentcolor;
  z-index: -2;
  -webkit-transition: all cubic-bezier(0.4, 0, 0.2, 1) 180ms;
  transition: all cubic-bezier(0.4, 0, 0.2, 1) 180ms;
}
.no-touch a.instagramBlock .instagramBlock_image_inner,
.no-touch a.instagramBlock .instagramBlock_image img {
  transition-duration: 200ms;
}
.no-touch a.instagramBlock .instagramBlock_text_1,
.no-touch a.instagramBlock .instagramBlock_text_2 {
  transition-duration: 300ms;
  transition-delay: 00ms;
}
.no-touch a.instagramBlock:hover {
  /*.instagramBlock_text_1 {
			.translateX(-10px);
		}*/
}
.no-touch a.instagramBlock:hover .instagramBlock_image::after {
  transform: translate(10px, 20px);
}
.no-touch a.instagramBlock:hover .instagramBlock_image_inner {
  -webkit-transform: scale(1.02);
  transform: scale(1.02);
}
.no-touch a.instagramBlock:hover .instagramBlock_image img {
  -webkit-transform: scale(1);
  transform: scale(1);
}
.no-touch a.instagramBlock:hover .instagramBlock_text_2 {
  -webkit-transform: translateX(10px);
  transform: translateX(10px);
}
@media only screen and (min-width: 600px) {
  .instagramBlock_image {
    padding: 40px 40px 40px 0;
  }
  .instagramBlock_image img {
    max-height: calc(100vh - 160px);
  }
  .instagramBlock_image::after {
    left: 80px;
  }
  .instagramBlock_text {
    font-size: 1.125rem;
    margin-left: -4.5em;
  }
  .instagramBlock_text_2 {
    font-size: 3.3em;
    padding: .1em 0 .2em;
  }
  .instagramBlock_text_2::after {
    height: 3px;
  }
}
@media only screen and (min-width: 768px) {
  .instagramBlock_image img {
    max-height: calc(100vh - 200px);
  }
}
@media only screen and (min-width: 900px) {
  .instagramBlock_image img {
    max-height: calc(100vh - 240px);
  }
  .instagramBlock_text {
    font-size: 1.25rem;
    margin-left: -4.5em;
  }
}
@media only screen and (min-width: 1440px) {
  .instagramBlock_image img {
    max-height: calc(100vh - 280px);
  }
  .instagramBlock_text {
    font-size: 1.375rem;
    margin-left: -4.5em;
  }
}
/**
 * Instagram link
 *
 * @package Sand
 */
.instagramLink,
a.instagramLink {
  display: inline-flex;
  align-items: center;
  font-family: 'Optician Sans', Arial, sans-serif;
  text-transform: uppercase;
  line-height: .8;
  text-align: left;
  position: relative;
}
.instagramLink:before,
a.instagramLink:before {
  content: '';
  position: absolute;
  top: -20px;
  right: -20px;
  bottom: -20px;
  left: -20px;
}
.instagramLink::after,
a.instagramLink::after {
  display: none;
}
.instagramLink svg,
a.instagramLink svg {
  display: block;
  margin-right: .8em;
}
.no-touch .instagramLink:hover,
.no-touch a.instagramLink:hover {
  opacity: .7;
}
@media only screen and (min-width: 600px) {
  .instagramLink,
  a.instagramLink {
    font-size: 1.25rem;
  }
  .instagramLink br,
  a.instagramLink br {
    display: none;
  }
}
/**
 * Messages
 *
 * @package Sand
 *
 * System messages like errors, warning etc.
 */
.messages,
div.wpcf7-response-output {
  background-repeat: no-repeat;
  border: 0px solid #dddddd;
  margin: 1em 0 0;
  padding: 12px 15px;
  color: #333333;
  font-size: 0.75rem;
  line-height: 1.4;
}
.messages ul,
div.wpcf7-response-output ul {
  list-style: none;
  margin: 0;
}
.messages ul li,
div.wpcf7-response-output ul li {
  padding: 0;
}
.messages ul li::before,
div.wpcf7-response-output ul li::before {
  display: none;
  content: " ";
}
.messages ul li:last-child,
div.wpcf7-response-output ul li:last-child {
  padding-bottom: 0;
}
.messages.status,
div.wpcf7-response-output.status,
.messages.wpcf7-mail-sent-ok,
div.wpcf7-response-output.wpcf7-mail-sent-ok,
.messages.ok,
div.wpcf7-response-output.ok {
  background-color: #DFF0D8 !important;
  border-color: #c1e2b3 !important;
}
.messages.wpcf7-validation-errors,
div.wpcf7-response-output.wpcf7-validation-errors,
.messages.wpcf7-acceptance-missing,
div.wpcf7-response-output.wpcf7-acceptance-missing,
.messages.warning,
div.wpcf7-response-output.warning {
  background-color: #FFF8D3 !important;
  border-color: #fff0a0 !important;
}
.messages.wpcf7-mail-sent-ng,
div.wpcf7-response-output.wpcf7-mail-sent-ng,
.messages.wpcf7-aborted,
div.wpcf7-response-output.wpcf7-aborted,
.messages.error,
div.wpcf7-response-output.error {
  background-color: #F2DEDE !important;
  border-color: #e4b9b9 !important;
}
/**
 * Modals
 *
 * @package Sand
 *
 * Modal windows styling. HTML markup:
   <div id="modal_ID" class="modal js-modal">
     <div class="modal_bg js-modal_close"></div>
     <div class="modal_inner">
       <a href="" class="modal_close js-modal_close">
         <span class="modal_close_cross"></span> Close
       </a>
       <div class="modal_inner_container"></div>
     </div>
   </div>
 *
 * This element's behavior is controlled by JavaScript, see APP.modal() in Gravel
 */
.modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999999;
  padding: 20px;
  visibility: hidden;
  -webkit-transition: all ease 300ms;
  transition: all ease 300ms;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.modal_bg {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.8);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all ease 300ms 350ms;
  transition: all ease 300ms 350ms;
}
.modal_inner {
  position: relative;
  z-index: 10;
  max-width: 1180px;
  width: 100%;
  color: #FFF;
  text-align: center;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(20px);
  transform: translateY(20px);
  -webkit-transition: all ease 300ms 50ms;
  transition: all ease 300ms 50ms;
}
.modal_inner__small {
  max-width: 800px;
}
.modal_inner__xsmall {
  max-width: 584px;
}
.modal_inner_container {
  text-align: left;
}
.modal_inner_container__bg {
  padding: 20px;
  background: #FFF;
  color: #000000;
  box-shadow: 0 0 100px rgba(0, 0, 0, 0.2);
}
a.modal_close {
  margin-bottom: 1em;
  display: block;
  border: none;
  color: #FFF;
  outline: 0;
  text-align: right;
  text-transform: uppercase;
  font-weight: 700;
}
a.modal_close .modal_close_cross {
  position: relative;
  display: inline-block;
  margin-right: 0.3em;
  width: 20px;
  height: 20px;
  vertical-align: middle;
  opacity: 1;
  -webkit-transition: all ease 150ms;
  transition: all ease 150ms;
}
a.modal_close .modal_close_cross::before,
a.modal_close .modal_close_cross::after {
  content: "";
  position: absolute;
  top: 7px;
  left: 0;
  width: 100%;
  height: 2px;
  background: #FFF;
}
a.modal_close .modal_close_cross::before {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
a.modal_close .modal_close_cross::after {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.no-touch a.modal_close:hover {
  opacity: 0.8;
}
@media only screen and (min-width: 600px) {
  .modal {
    padding: 20px 40px;
  }
  .modal_inner_container__bg {
    padding: 40px;
  }
}
@media only screen and (min-width: 768px) {
  .modal_inner {
    width: 80%;
  }
  .modal_inner__xsmall {
    width: 100%;
  }
}
.modal.open {
  visibility: visible;
}
.modal.open .modal_bg {
  opacity: 1;
  visibility: visible;
  -webkit-transition: all ease 300ms;
  transition: all ease 300ms;
}
.modal.open .modal_inner {
  -webkit-transform: translateX(0px);
  transform: translateX(0px);
  opacity: 1;
  visibility: visible;
  -webkit-transition: all ease 300ms 300ms;
  transition: all ease 300ms 300ms;
}
/**
 * Edition Cover
 *
 * @package Sand
 */
.editionCover,
a.editionCover {
  -webkit-transition: none;
  transition: none;
  height: 90vh;
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border: none;
}
.editionCover > div,
a.editionCover > div {
  width: 100%;
}
.editionCover_top,
.editionCover_bottom {
  position: relative;
  z-index: 10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-left: 30px;
  padding-right: 30px;
}
@media only screen and (min-width: 600px) {
  .editionCover_top,
  .editionCover_bottom {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media only screen and (min-width: 768px) {
  .editionCover_top,
  .editionCover_bottom {
    padding-left: 60px;
    padding-right: 60px;
  }
}
@media only screen and (min-width: 1024px) {
  .editionCover_top,
  .editionCover_bottom {
    padding-left: 80px;
    padding-right: 80px;
  }
}
.editionCover_top {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 0;
}
.editionCover_top .logoBoxed {
  display: block;
}
.editionCover_top .logoBoxed:not(.logoBoxed__framed) {
  padding-right: 0;
}
.editionCover_title {
  text-shadow: 0 0 50px rgba(0, 0, 0, 0.3);
  font-size: 1.25rem;
  font-family: 'Optician Sans', Arial, sans-serif;
  text-transform: uppercase;
  font-weight: 400;
  color: inherit;
  letter-spacing: .15em;
  margin: 0;
}
.editionCover_bottom {
  display: block;
  padding-bottom: 35px;
  position: relative;
}
.editionCover_summary {
  font-family: 'Libertinus', serif;
  font-weight: 700;
  line-height: 1.4;
}
.editionCover_summary div {
  margin-bottom: 1.5rem;
}
.editionCover_summary p {
  font-size: 0.8125rem;
  margin-bottom: .4em;
}
.editionCover_scrollBtn {
  position: absolute;
  display: none;
  bottom: 3px;
}
.editionCover_bg {
  position: absolute;
  top: 50%;
  left: -5px;
  right: -5px;
  width: auto !important;
  height: 90vh;
  transform: translateY(-50%);
}
.editionCover_bg::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.5) 100%);
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.5) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.5) 100%);
  z-index: 1;
}
.editionCover_bg img {
  width: 100%;
  height: 100% !important;
  object-fit: cover;
}
.editionCover__single {
  height: 60vh !important;
}
.editionCover__single .editionCover_btn {
  visibility: hidden;
}
.editionCover__single .editionCover_summary {
  -webkit-transform: translateY(50px);
  transform: translateY(50px);
}
@media only screen and (min-width: 480px) {
  .editionCover_summary p {
    font-size: 1rem;
  }
}
@media only screen and (min-width: 600px) {
  .editionCover_title {
    font-size: 1.5rem;
    letter-spacing: .2em;
  }
  .editionCover_summary p {
    font-size: 1rem;
  }
}
@media only screen and (min-width: 768px) {
  .editionCover,
  a.editionCover {
    height: 100vh;
  }
  .editionCover_title {
    font-size: 1.6875rem;
  }
  .editionCover_bg {
    height: 100vh;
  }
  .editionCover_summary {
    padding-bottom: 0;
  }
  .editionCover_summary p {
    font-size: 1.125rem;
  }
  .editionCover .editionCover_summary,
  .editionCover__single .editionCover_summary {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  .editionCover__single {
    height: 70vh !important;
  }
  /* When cookie message enabled */
  .cookiesBanner_show .editionCover,
  .cookiesBanner_show a.editionCover {
    height: calc(100vh - 55px) !important;
  }
  .cookiesBanner_show .editionCover.editionCover__single,
  .cookiesBanner_show a.editionCover.editionCover__single {
    height: calc(70vh - 55px) !important;
  }
}
@media only screen and (min-width: 900px) {
  .editionCover_title {
    font-size: 1.875rem;
  }
  .editionCover_bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding-bottom: 40px;
  }
  .editionCover_summary {
    padding-bottom: 13px;
  }
  .editionCover_summary > .smallText:last-child *:last-child,
  .editionCover_summary > .serifText:last-child *:last-child,
  .editionCover_summary > .opticianText:last-child *:last-child,
  .editionCover_summary > blockquote:last-child *:last-child,
  .editionCover_summary > p:last-child *:last-child,
  .editionCover_summary > *:last-child {
    margin-bottom: 0;
  }
  .editionCover_summary > *:first-child {
    margin-top: 0;
  }
  .editionCover_summary .serifText:first-child > *:first-child,
  .editionCover_summary .sourceLangText:first-child > *:first-child {
    margin-top: 0;
  }
  .editionCover_summary .serifText:last-child > .smallText:last-child *:last-child,
  .editionCover_summary .sourceLangText:last-child > .smallText:last-child *:last-child,
  .editionCover_summary .serifText:last-child > .serifText:last-child *:last-child,
  .editionCover_summary .sourceLangText:last-child > .serifText:last-child *:last-child,
  .editionCover_summary .serifText:last-child > .opticianText:last-child *:last-child,
  .editionCover_summary .sourceLangText:last-child > .opticianText:last-child *:last-child,
  .editionCover_summary .serifText:last-child > blockquote:last-child *:last-child,
  .editionCover_summary .sourceLangText:last-child > blockquote:last-child *:last-child,
  .editionCover_summary .serifText:last-child > p:last-child *:last-child,
  .editionCover_summary .sourceLangText:last-child > p:last-child *:last-child,
  .editionCover_summary .serifText:last-child > *:last-child,
  .editionCover_summary .sourceLangText:last-child > *:last-child {
    margin-bottom: 0;
  }
  .editionCover_btn {
    padding-bottom: 8px;
  }
  .editionCover_btn .btn.light {
    margin-left: auto;
    margin-right: -27px;
  }
  .editionCover_scrollBtn {
    display: block;
    right: 80px;
  }
}
@media only screen and (min-width: 1120px) {
  .editionCover_title {
    font-size: 2.125rem;
  }
  .editionCover_summary p {
    font-size: 1.25rem;
  }
}
@media only screen and (min-width: 1440px) {
  .editionCover_summary p {
    font-size: 1.375rem;
  }
}
/**
 * Edito
 *
 * @package Sand
 */
.edito_content {
  padding: 1.5em 0;
  position: relative;
  z-index: 10;
  font-weight: 700;
  font-size: 0.9375rem;
  text-align: justify;
}
.edito_content > .smallText:last-child *:last-child,
.edito_content > .serifText:last-child *:last-child,
.edito_content > .opticianText:last-child *:last-child,
.edito_content > blockquote:last-child *:last-child,
.edito_content > p:last-child *:last-child,
.edito_content > *:last-child {
  margin-bottom: 0;
}
.edito_content::after {
  content: '';
  position: absolute;
  left: -30px;
  top: 0;
  bottom: 0;
  right: 40px;
  z-index: -1;
  background: #f3f3f3;
}
@media only screen and (min-width: 600px) {
  .edito_content::after {
    left: -40px;
  }
}
@media only screen and (min-width: 768px) {
  .edito_content {
    padding: 2em 0;
  }
  .edito_content::after {
    left: -60px;
    right: 60px;
  }
}
@media only screen and (min-width: 1024px) {
  .edito_content {
    padding-left: 46px;
  }
  .edito_content::after {
    left: -40px;
    right: 60px;
  }
}
/**
 * Edito
 *
 * @package Sand
 */
.sommaire_list {
  list-style: none;
  margin: 0;
  font-weight: 700;
}
.sommaire_list li {
  padding: 0;
}
.sommaire_list li::before {
  display: none;
  content: " ";
}
.sommaire_list li:not(:last-child) {
  padding-bottom: .5em;
}
@media only screen and (min-width: 600px) {
  .sommaire_list {
    -moz-column-count: 2;
    -moz-column-gap: 40px;
    -webkit-column-count: 2;
    -webkit-column-gap: 40px;
    column-count: 2;
    column-gap: 40px;
  }
}
@media only screen and (min-width: 900px) {
  .sommaire_list {
    -moz-column-count: auto;
    -moz-column-gap: 0;
    -webkit-column-count: auto;
    -webkit-column-gap: 0;
    column-count: auto;
    column-gap: 0;
  }
}
@media only screen and (min-width: 900px) {
  .sommaire_list {
    padding-left: 46px;
  }
}
/**
 * Page header
 *
 * @package Sand
 *
 * Provide basic style for positioning
 */
.pageHeader {
  height: 70vh;
  position: relative;
}
.pageHeader_image {
  background: #F0F0F0;
  height: 100%;
}
.pageHeader_image img {
  width: 100%;
  height: 100% !important;
  object-fit: cover;
}
.pageHeader_text {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10;
  padding-bottom: 30px;
  text-shadow: 0 0 200px #FFF;
}
.pageHeader_title {
  margin: 0 0 0.1em;
  font-family: 'Libertinus', serif;
  letter-spacing: 0;
}
.pageHeader_auteurs {
  display: none;
  min-height: 0 !important;
  padding-bottom: 0 !important;
}
.pageHeader_scrollBtn {
  display: none;
  bottom: -26px;
}
.pageHeader_auteurs__mobile .auteurs {
  padding-bottom: 30px;
}
@media only screen and (min-height: 600px) {
  .pageHeader_text {
    padding-bottom: 40px;
  }
  .pageHeader_scrollBtn {
    bottom: -36px;
  }
}
@media only screen and (min-height: 700px) {
  .pageHeader_text {
    padding-bottom: 60px;
  }
  .pageHeader_scrollBtn {
    bottom: -56px;
  }
}
@media only screen and (min-height: 800px) {
  .pageHeader_text {
    padding-bottom: 80px;
  }
  .pageHeader_scrollBtn {
    bottom: -76px;
  }
}
@media only screen and (min-width: 768px) {
  .pageHeader::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 25%;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    background: #FFF;
    z-index: 5;
  }
  .pageHeader_image {
    margin-left: 25%;
  }
  .pageHeader_auteurs__mobile {
    display: none;
  }
  .pageHeader_auteurs {
    display: block;
  }
}
@media only screen and (min-width: 900px) {
  .pageHeader_image {
    margin-left: 25%;
  }
}
@media only screen and (min-width: 1024px) {
  .pageHeader {
    height: calc(100vh - 93px);
  }
  .cookiesBanner_show .pageHeader {
    height: calc(100vh - 93px - 55px);
  }
  .pageHeader_text > .container {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
  .pageHeader_sousTitre {
    font-size: 1.125rem;
  }
  .pageHeader_scrollBtn {
    display: block;
    position: absolute;
    right: 80px;
    /*a {
				display: block;
				border: none;
				padding: 5px;
				color: inherit;

				.no-touch &:hover {
					.translateY(3px);
				}
			}*/
  }
  .pageHeader_scrollBtn a.scrollBtn {
    font-weight: 400;
  }
}
@media only screen and (min-width: 1280px) {
  .pageHeader {
    height: calc(100vh - 103px);
  }
  .cookiesBanner_show .pageHeader {
    height: calc(100vh - 103px - 55px);
  }
  .pageHeader_sousTitre {
    font-size: 1.5rem;
  }
}
@media only screen and (min-width: 1280px) and (min-height: 700px) {
  .pageHeader {
    height: calc(100vh - 113px);
  }
  .cookiesBanner_show .pageHeader {
    height: calc(100vh - 113px - 55px);
  }
}
@media only screen and (min-width: 1600px) {
  .pageHeader {
    height: calc(100vh - 108px);
  }
  .cookiesBanner_show .pageHeader {
    height: calc(100vh - 108px - 55px);
  }
  .pageHeader_sousTitre {
    font-size: 1.5rem;
  }
}
@media only screen and (min-width: 1600px) and (min-height: 700px) {
  .pageHeader {
    height: calc(100vh - 118px);
  }
  .cookiesBanner_show .pageHeader {
    height: calc(100vh - 118px - 55px);
  }
}
/**
 * Page header without image
 *
 * @package Sand
 */
.pageHeader__noimage {
  text-align: center;
  height: auto !important;
}
.pageHeader__noimage .pageHeader_scrollBtn {
  display: none;
}
.pageHeader__noimage .pageHeader_text {
  position: relative;
  padding: 30px 0;
}
.pageHeader__noimage .pageHeader_text > .container {
  display: block;
}
.pageHeader__noimage .auteurs {
  padding-bottom: 0;
  min-height: 0;
}
@media only screen and (min-width: 600px) {
  .pageHeader.pageHeader__noimage::before {
    display: none;
  }
  .pageHeader.pageHeader__noimage .pageHeader_text {
    padding: 40px 0 20px;
  }
}
@media only screen and (min-width: 900px) {
  .pageHeader.pageHeader__noimage::before {
    display: none;
  }
  .pageHeader.pageHeader__noimage .pageHeader_text {
    padding: 50px 0 00px;
  }
}
/**
 * Auteurs
 *
 * @package Sand
 *
 * Provide basic style for positioning
 */
.auteurs {
  padding: 1.45em 0 1.3em;
  font-size: 0.75rem;
  min-height: 50px;
}
.auteurs_infos + .auteurs_infos:before {
  content: '';
  display: inline-block;
  width: 1em;
  height: 1px;
  background: currentcolor;
  vertical-align: middle;
  margin: 0 .2em;
}
.auteurs_infos_nom {
  white-space: nowrap;
}
@media only screen and (min-width: 480px) {
  .auteurs {
    font-size: 0.875rem;
    min-height: 57px;
  }
}
@media only screen and (min-width: 900px) {
  .auteurs {
    font-size: 1rem;
    min-height: 64px;
  }
}
@media only screen and (min-width: 1440px) {
  .auteurs {
    font-size: 1.125rem;
    min-height: 73px;
  }
}
/**
 * Page sections
 *
 * @package Sand
 *
 * Add top and bottom padding to page section, and colors.
 */
/* Section wrapper
   ========================================================================== */
.sectionWrapper .section__verticalPadding:first-child:not(.section__bg_grey):not(.section__bg_black):not(.section__bg_blacker) {
  padding-top: 0;
}
.editionCover + .sectionWrapper,
.pageHeader + .sectionWrapper {
  padding-top: 30px;
}
@media only screen and (min-width: 600px) {
  .editionCover + .sectionWrapper,
  .pageHeader + .sectionWrapper {
    padding-top: 40px;
  }
}
@media only screen and (min-width: 768px) {
  .editionCover + .sectionWrapper,
  .pageHeader + .sectionWrapper,
  .pageHeader + .pageHeader_auteurs__mobile + .sectionWrapper {
    padding-top: 60px;
  }
}
@media only screen and (min-width: 900px) {
  .editionCover + .sectionWrapper,
  .pageHeader + .sectionWrapper,
  .pageHeader + .pageHeader_auteurs__mobile + .sectionWrapper {
    padding-top: 80px;
  }
}
@media only screen and (min-width: 1440px) {
  .editionCover + .sectionWrapper,
  .pageHeader + .sectionWrapper,
  .pageHeader + .pageHeader_auteurs__mobile + .sectionWrapper {
    padding-top: 100px;
  }
}
/* Vertical padding
   ========================================================================== */
.section__verticalPadding {
  padding-top: 30px;
  padding-bottom: 30px;
}
@media only screen and (min-width: 600px) {
  .section__verticalPadding {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
@media only screen and (min-width: 768px) {
  .section__verticalPadding {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
@media only screen and (min-width: 900px) {
  .section__verticalPadding {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media only screen and (min-width: 1440px) {
  .section__verticalPadding {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
.section__bg_white + .section__verticalPadding.section__bg_white {
  padding-top: 0;
}
.section__bg_black + .section__verticalPadding.section__bg_black {
  padding-top: 0;
}
.section__bg_blacker + .section__verticalPadding.section__bg_blacker {
  padding-top: 0;
}
.section__bg_grey + .section__verticalPadding.section__bg_grey {
  padding-top: 0;
}
/* Vertical padding - min
   ========================================================================== */
.section__verticalPadding_min {
  padding-top: 30px;
  padding-bottom: 30px;
}
@media only screen and (min-width: 600px) {
  .section__verticalPadding_min {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
@media only screen and (min-width: 768px) {
  .section__verticalPadding_min {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
/* Horizontal padding
   ========================================================================== */
.section__horizontalPadding {
  padding-left: 30px;
  padding-right: 30px;
}
@media only screen and (min-width: 600px) {
  .section__horizontalPadding {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media only screen and (min-width: 768px) {
  .section__horizontalPadding {
    padding-left: 60px;
    padding-right: 60px;
  }
}
@media only screen and (min-width: 1024px) {
  .section__horizontalPadding {
    padding-left: 80px;
    padding-right: 80px;
  }
}
/* Full height section
   ========================================================================== */
.section__fullheight {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
.section__fullheight .container {
  width: 100%;
}
/* Backgrounds
   ========================================================================== */
.section__bg_black,
.section__bg_blacker {
  background: #181818;
  color: #FFFFFF;
}
.section__bg_black h1,
.section__bg_blacker h1,
.section__bg_black h2,
.section__bg_blacker h2,
.section__bg_black h3,
.section__bg_blacker h3,
.section__bg_black h4,
.section__bg_blacker h4,
.section__bg_black h5,
.section__bg_blacker h5,
.section__bg_black h6,
.section__bg_blacker h6,
.section__bg_black .h1,
.section__bg_blacker .h1,
.section__bg_black .h2,
.section__bg_blacker .h2,
.section__bg_black .h3,
.section__bg_blacker .h3,
.section__bg_black .h4,
.section__bg_blacker .h4,
.section__bg_black .h5,
.section__bg_blacker .h5,
.section__bg_black .h6,
.section__bg_blacker .h6 {
  color: inherit;
}
.section__bg_black a:not(.btn):not(.burger):not(.edition_link):not(.editionCover):not(.editionPost_link):not(.instagramBlock):not(.logoBoxed):not(.scrollBtn):not(.post_link):not(.postNextPrev):not([class*="pswp"]):not(.postNav_link):not([href$=".jpg"]):not([href$=".JPG"]):not([href$=".png"]):not([href$=".PNG"]):not(.header_title):not(.ab-item),
.section__bg_blacker a:not(.btn):not(.burger):not(.edition_link):not(.editionCover):not(.editionPost_link):not(.instagramBlock):not(.logoBoxed):not(.scrollBtn):not(.post_link):not(.postNextPrev):not([class*="pswp"]):not(.postNav_link):not([href$=".jpg"]):not([href$=".JPG"]):not([href$=".png"]):not([href$=".PNG"]):not(.header_title):not(.ab-item) {
  color: #FFF;
}
.no-touch .section__bg_black a:not(.btn):not(.burger):not(.edition_link):not(.editionCover):not(.editionPost_link):not(.instagramBlock):not(.logoBoxed):not(.scrollBtn):not(.post_link):not(.postNextPrev):not([class*="pswp"]):not(.postNav_link):not([href$=".jpg"]):not([href$=".JPG"]):not([href$=".png"]):not([href$=".PNG"]):not(.header_title):not(.ab-item):hover,
.no-touch .section__bg_blacker a:not(.btn):not(.burger):not(.edition_link):not(.editionCover):not(.editionPost_link):not(.instagramBlock):not(.logoBoxed):not(.scrollBtn):not(.post_link):not(.postNextPrev):not([class*="pswp"]):not(.postNav_link):not([href$=".jpg"]):not([href$=".JPG"]):not([href$=".png"]):not([href$=".PNG"]):not(.header_title):not(.ab-item):hover {
  color: rgba(255, 255, 255, 0.9);
}
.section__bg_blacker {
  background: #000000;
}
.section__bg_grey {
  background: #f3f3f3;
}
/**
 * Section Image
 *
 * @package Sand
 */
/* Alignment
   ========================================================================== */
.section__image {
  text-align: center;
  /*&:not([style*="background-color"]) {
		+ .section__verticalPadding:not([style*="background-color"]) {
			padding-top: 0;
		}

		+ .section__image__framed:not([style*="background-color"]) {
			padding-top: 0;
		}*/
  /*+ .section__imageText__imageFramed {
			.section__imageText_image,
			.section__imageText_text {
				padding-top: 0;
			}
		}
	}*/
}
.section__image.section__image__alignLeft {
  text-align: left;
}
.section__image.section__image__alignLeft .container {
  margin-left: 0;
}
.section__image.section__image__alignRight {
  text-align: right;
}
.section__image.section__image__alignRight .container {
  margin-right: 0;
}
/* Cover
   ========================================================================== */
.section__image__cover .imgWrapper {
  display: block;
  width: 100%;
}
.section__image__cover .imgWrapper > img,
.section__image__cover .imgWrapper > picture > img,
.section__image__cover .imgWrapper > noscript > picture > img {
  object-fit: cover;
  width: 100%;
  height: 100vh !important;
}
/* No crop
   ========================================================================== */
.section__image__nocrop {
  text-align: center;
}
.section__image__nocrop img,
.section__image__nocrop video {
  max-height: 100vh;
}
/* Marged
   ========================================================================== */
.section__image__marged {
  padding-left: 30px;
  padding-right: 30px;
  text-align: center;
}
@media only screen and (min-width: 600px) {
  .section__image__marged {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media only screen and (min-width: 768px) {
  .section__image__marged {
    padding-left: 60px;
    padding-right: 60px;
  }
}
@media only screen and (min-width: 1024px) {
  .section__image__marged {
    padding-left: 80px;
    padding-right: 80px;
  }
}
.section__image__marged img,
.section__image__marged video {
  max-height: 100vh;
}
/* Marged (original height)
   ========================================================================== */
.section__image__margedOriginalHeight {
  padding-left: 30px;
  padding-right: 30px;
  text-align: center;
}
@media only screen and (min-width: 600px) {
  .section__image__margedOriginalHeight {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media only screen and (min-width: 768px) {
  .section__image__margedOriginalHeight {
    padding-left: 60px;
    padding-right: 60px;
  }
}
@media only screen and (min-width: 1024px) {
  .section__image__margedOriginalHeight {
    padding-left: 80px;
    padding-right: 80px;
  }
}
/* Framed
   ========================================================================== */
.section__image__framed {
  padding-left: 30px;
  padding-right: 30px;
  text-align: center;
}
@media only screen and (min-width: 600px) {
  .section__image__framed {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media only screen and (min-width: 768px) {
  .section__image__framed {
    padding-left: 60px;
    padding-right: 60px;
  }
}
@media only screen and (min-width: 1024px) {
  .section__image__framed {
    padding-left: 80px;
    padding-right: 80px;
  }
}
.section__image__framed img,
.section__image__framed video {
  max-height: calc(100vh - 60px);
}
@media only screen and (min-width: 600px) {
  .section__image__framed img,
  .section__image__framed video {
    max-height: calc(100vh - 80px);
  }
}
@media only screen and (min-width: 768px) {
  .section__image__framed img,
  .section__image__framed video {
    max-height: calc(100vh - 120px);
  }
}
/**
 * Section Image
 *
 * @package Sand
 */
/* Text color
   ========================================================================== */
.section__image__centeredText.section__text_white {
  color: #FFFFFF;
}
.section__image__centeredText.section__text_white h1,
.section__image__centeredText.section__text_white h2,
.section__image__centeredText.section__text_white h3,
.section__image__centeredText.section__text_white h4,
.section__image__centeredText.section__text_white h5,
.section__image__centeredText.section__text_white h6,
.section__image__centeredText.section__text_white .h1,
.section__image__centeredText.section__text_white .h2,
.section__image__centeredText.section__text_white .h3,
.section__image__centeredText.section__text_white .h4,
.section__image__centeredText.section__text_white .h5,
.section__image__centeredText.section__text_white .h6 {
  color: inherit;
}
.section__image__centeredText.section__text_white a:not(.btn):not(.burger):not(.edition_link):not(.editionCover):not(.editionPost_link):not(.instagramBlock):not(.logoBoxed):not(.scrollBtn):not(.post_link):not(.postNextPrev):not([class*="pswp"]):not(.postNav_link):not([href$=".jpg"]):not([href$=".JPG"]):not([href$=".png"]):not([href$=".PNG"]):not(.header_title):not(.ab-item) {
  color: #FFF;
}
.no-touch .section__image__centeredText.section__text_white a:not(.btn):not(.burger):not(.edition_link):not(.editionCover):not(.editionPost_link):not(.instagramBlock):not(.logoBoxed):not(.scrollBtn):not(.post_link):not(.postNextPrev):not([class*="pswp"]):not(.postNav_link):not([href$=".jpg"]):not([href$=".JPG"]):not([href$=".png"]):not([href$=".PNG"]):not(.header_title):not(.ab-item):hover {
  color: rgba(255, 255, 255, 0.9);
}
/* Text position
   ========================================================================== */
.section__image__centeredText_texteWrapper {
  position: absolute;
  z-index: 20;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 30px;
  padding-right: 30px;
}
@media only screen and (min-width: 600px) {
  .section__image__centeredText_texteWrapper {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
@media only screen and (min-width: 768px) {
  .section__image__centeredText_texteWrapper {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
@media only screen and (min-width: 900px) {
  .section__image__centeredText_texteWrapper {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media only screen and (min-width: 1440px) {
  .section__image__centeredText_texteWrapper {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
@media only screen and (min-width: 600px) {
  .section__image__centeredText_texteWrapper {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media only screen and (min-width: 768px) {
  .section__image__centeredText_texteWrapper {
    padding-left: 60px;
    padding-right: 60px;
  }
}
@media only screen and (min-width: 1024px) {
  .section__image__centeredText_texteWrapper {
    padding-left: 80px;
    padding-right: 80px;
  }
}
.section__image__centeredText_texteWrapper_container {
  max-width: 780px;
  padding: 20px 0;
  text-align: left;
}
.section__image__centeredText_texteWrapper_texte {
  width: 75%;
}
.section__image__centeredText_texteWrapper_texte > *:first-child {
  margin-top: 0;
}
.section__image__centeredText_texteWrapper_texte > .smallText:last-child *:last-child,
.section__image__centeredText_texteWrapper_texte > .serifText:last-child *:last-child,
.section__image__centeredText_texteWrapper_texte > .opticianText:last-child *:last-child,
.section__image__centeredText_texteWrapper_texte > blockquote:last-child *:last-child,
.section__image__centeredText_texteWrapper_texte > p:last-child *:last-child,
.section__image__centeredText_texteWrapper_texte > *:last-child {
  margin-bottom: 0;
}
.section__image__centeredText_texteWrapper_texte br {
  display: none;
}
.section__image__centeredText_texteWrapper_btn {
  margin-top: 2rem;
}
@media only screen and (min-width: 768px) {
  .section__image__centeredText_texteWrapper_container {
    text-align: center;
  }
  .section__image__centeredText_texteWrapper_texte {
    width: auto;
  }
  .section__image__centeredText_texteWrapper_texte br {
    display: inline;
  }
}
/* Image adaptée au texte
   ========================================================================== */
.section__image__centeredText__adaptImageToText {
  position: relative;
}
.section__image__centeredText__adaptImageToText .section__image__centeredText_texteWrapper {
  position: relative;
}
.section__image__centeredText__adaptImageToText .section__image__centeredText_imageWrapper > img,
.section__image__centeredText__adaptImageToText .section__image__centeredText_imageWrapper > picture > img,
.section__image__centeredText__adaptImageToText .section__image__centeredText_imageWrapper > noscript > picture > img,
.section__image__centeredText__adaptImageToText .section__image__centeredText_imageWrapper video {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: cover;
  width: 100%;
  height: 100% !important;
}
/**
 * Section Image + Text - gauche / droite
 *
 * @package Sand
 */
.section__imageText {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.section__imageText__imageAfter {
  flex-direction: column-reverse;
  /*.section__imageText_image { order: 1; }
		.section__imageText_text  { order: 0; } */
}
/* Image
   ========================================================================== */
.section__imageText_image {
  text-align: center;
}
.section__imageText_image img {
  max-height: 85vh;
}
/* texte
   ========================================================================== */
.section__imageText_text {
  padding-top: 30px;
  padding-bottom: 30px;
}
@media only screen and (min-width: 600px) {
  .section__imageText_text {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
@media only screen and (min-width: 768px) {
  .section__imageText_text {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
@media only screen and (max-width: 899px) {
  /*.section__imageText__imageAfter {
		.section__imageText_image:not([class*="section__bg_white"]) + .section__imageText_text:not([class*="section__bg_white"]) {
			padding-top: 0 !important;
		}
	}
	.section__imageText__imageBefore {
		.section__imageText_text:not([class*="section__bg_white"]) {
			padding-bottom: 0 !important;
		}
	}*/
  .section__bg_white + .section__imageText__imageAfter .section__imageText_text.section__bg_white,
  .section__imageText__imageAfter:first-child .section__imageText_text.section__bg_white {
    padding-top: 0;
  }
  .section__imageText__imageBefore .section__imageText_text.section__bg_white {
    padding-bottom: 0;
  }
}
@media only screen and (min-width: 900px) {
  .section__imageText {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .section__imageText__imageLeft {
    /*.section__imageText_image { order: 0; }
			.section__imageText_text  { order: 1; } */
  }
  .section__imageText__imageRight {
    flex-direction: row-reverse;
    /*.section__imageText_image { order: 1; }
			.section__imageText_text  { order: 0; } */
  }
  /* text
	   ========================================================================== */
  .section__imageText_text .container {
    padding: 0;
  }
  .section__imageText_text:not(.section__verticalPadding):not(.section__verticalMinPadding) {
    padding-top: 0;
    padding-bottom: 0;
  }
}
/* Image framed
   ========================================================================== */
.section__imageText__imageFramed:not(.section__imageText__bg) {
  /*+ .section__verticalPadding:not([style*="background-color"]) {
 			padding-top: 0;
 		}

 		+ .section__image__framed:not([style*="background-color"]) {
 			padding-top: 0;
 		}*/
}
.section__imageText__imageFramed:not(.section__imageText__bg) + .section__imageText__imageFramed:not(.section__imageText__bg) .section__imageText_image {
  padding-top: 0;
}
@media only screen and (min-width: 900px) {
  .section__imageText__imageFramed:not(.section__imageText__bg) + .section__imageText__imageFramed:not(.section__imageText__bg) .section__imageText_text {
    padding-top: 0;
  }
}
.section__imageText__imageFramed.section__imageText__sameBg .section__imageText_image {
  padding-top: 0;
  padding-bottom: 0;
}
.section__imageText__imageFramed .section__imageText_image {
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 30px;
  padding-bottom: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media only screen and (min-width: 600px) {
  .section__imageText__imageFramed .section__imageText_image {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media only screen and (min-width: 768px) {
  .section__imageText__imageFramed .section__imageText_image {
    padding-left: 60px;
    padding-right: 60px;
  }
}
@media only screen and (min-width: 1024px) {
  .section__imageText__imageFramed .section__imageText_image {
    padding-left: 80px;
    padding-right: 80px;
  }
}
@media only screen and (min-width: 600px) {
  .section__imageText__imageFramed .section__imageText_image {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
@media only screen and (min-width: 768px) {
  .section__imageText__imageFramed .section__imageText_image {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
@media only screen and (min-width: 900px) {
  .section__imageText__imageFramed .section__imageText_image {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media only screen and (min-width: 1440px) {
  .section__imageText__imageFramed .section__imageText_image {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
.section__imageText__imageFramed .section__imageText_image img {
  max-height: calc(100vh - 80px);
}
@media only screen and (min-width: 600px) {
  .section__imageText__imageFramed .section__imageText_image img {
    max-height: calc(100vh - 100px);
  }
}
@media only screen and (min-width: 768px) {
  .section__imageText__imageFramed .section__imageText_image img {
    max-height: calc(100vh - 140px);
  }
}
@media only screen and (min-width: 900px) {
  .section__imageText__imageFramed .section__imageText_image img {
    max-height: calc(100vh - 160px);
  }
}
@media only screen and (min-width: 900px) {
  .section__imageText__imageFramed:not(.section__imageText__sameBg) {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }
  .section__imageText__imageFramed:not(.section__imageText__sameBg) .section__imageText_image,
  .section__imageText__imageFramed:not(.section__imageText__sameBg) .section__imageText_text {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    width: 50%;
    padding-left: 60px;
    padding-right: 60px;
    max-width: none;
  }
  .section__imageText__imageFramed:not(.section__imageText__sameBg) .section__imageText_image {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .section__imageText__imageFramed:not(.section__imageText__sameBg) .section__imageText_text {
    display: flex;
    align-items: center;
  }
  .section__imageText__imageFramed:not(.section__imageText__sameBg) .section__imageText_text .container {
    width: 100%;
    max-width: 620px;
  }
}
@media only screen and (min-width: 1024px) {
  .section__imageText__imageFramed:not(.section__imageText__sameBg) .section__imageText_image,
  .section__imageText__imageFramed:not(.section__imageText__sameBg) .section__imageText_text {
    padding-left: 80px;
    padding-right: 80px;
  }
  .section__imageText__imageFramed:not(.section__imageText__sameBg) .section__imageText_image {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
/* Image with margins
   ========================================================================== */
.section__imageText__imageMarged .section__imageText_image,
.section__imageText__imageFramed.section__imageText__sameBg .section__imageText_image {
  padding-left: 30px;
  padding-right: 30px;
}
@media only screen and (min-width: 600px) {
  .section__imageText__imageMarged .section__imageText_image,
  .section__imageText__imageFramed.section__imageText__sameBg .section__imageText_image {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media only screen and (min-width: 768px) {
  .section__imageText__imageMarged .section__imageText_image,
  .section__imageText__imageFramed.section__imageText__sameBg .section__imageText_image {
    padding-left: 60px;
    padding-right: 60px;
  }
}
@media only screen and (min-width: 1024px) {
  .section__imageText__imageMarged .section__imageText_image,
  .section__imageText__imageFramed.section__imageText__sameBg .section__imageText_image {
    padding-left: 80px;
    padding-right: 80px;
  }
}
@media only screen and (min-width: 900px) {
  .section__imageText__imageMarged,
  .section__imageText__imageFramed.section__imageText__sameBg {
    /* Hack for IE, emulate space-evenly with pseudo elements */
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .section__imageText__imageMarged::before,
  .section__imageText__imageFramed.section__imageText__sameBg::before,
  .section__imageText__imageMarged::after,
  .section__imageText__imageFramed.section__imageText__sameBg::after {
    content: '';
    display: block;
  }
  .section__imageText__imageMarged .section__imageText_text,
  .section__imageText__imageFramed.section__imageText__sameBg .section__imageText_text {
    max-width: 720px;
    width: 50%;
  }
  .section__imageText__imageMarged.section__imageText__imageLeft .section__imageText_image,
  .section__imageText__imageFramed.section__imageText__sameBg.section__imageText__imageLeft .section__imageText_image {
    padding-left: 60px;
    padding-right: 30px;
  }
  .section__imageText__imageMarged.section__imageText__imageLeft .section__imageText_text,
  .section__imageText__imageFramed.section__imageText__sameBg.section__imageText__imageLeft .section__imageText_text {
    padding-right: 60px;
    padding-left: 30px;
  }
  .section__imageText__imageMarged.section__imageText__imageRight .section__imageText_image,
  .section__imageText__imageFramed.section__imageText__sameBg.section__imageText__imageRight .section__imageText_image {
    padding-left: 30px;
    padding-right: 60px;
  }
  .section__imageText__imageMarged.section__imageText__imageRight .section__imageText_text,
  .section__imageText__imageFramed.section__imageText__sameBg.section__imageText__imageRight .section__imageText_text {
    padding-right: 30px;
    padding-left: 60px;
  }
}
@media only screen and (min-width: 1024px) {
  .section__imageText__imageMarged .section__imageText_text,
  .section__imageText__imageFramed.section__imageText__sameBg .section__imageText_text {
    max-width: 740px;
  }
  .section__imageText__imageMarged.section__imageText__imageLeft .section__imageText_image,
  .section__imageText__imageFramed.section__imageText__sameBg.section__imageText__imageLeft .section__imageText_image {
    padding-left: 80px;
    padding-right: 40px;
  }
  .section__imageText__imageMarged.section__imageText__imageLeft .section__imageText_text,
  .section__imageText__imageFramed.section__imageText__sameBg.section__imageText__imageLeft .section__imageText_text {
    padding-right: 80px;
    padding-left: 40px;
  }
  .section__imageText__imageMarged.section__imageText__imageRight .section__imageText_image,
  .section__imageText__imageFramed.section__imageText__sameBg.section__imageText__imageRight .section__imageText_image {
    padding-left: 40px;
    padding-right: 80px;
  }
  .section__imageText__imageMarged.section__imageText__imageRight .section__imageText_text,
  .section__imageText__imageFramed.section__imageText__sameBg.section__imageText__imageRight .section__imageText_text {
    padding-right: 40px;
    padding-left: 80px;
  }
}
/* Image without margins
   ========================================================================== */
@media only screen and (min-width: 900px) {
  .section__imageText.section__imageText__imageNormal {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .section__imageText.section__imageText__imageNormal .section__imageText_text {
    max-width: 740px;
    padding-left: 60px;
    padding-right: 60px;
    margin: 0 auto;
  }
  .section__imageText.section__imageText__imageNormal .section__imageText_image {
    max-width: 50%;
  }
  .section__imageText.section__imageText__imageNormal .section__imageText_image img {
    max-height: 100vh;
    height: 100vh;
  }
}
@media only screen and (min-width: 1024px) {
  .section__imageText.section__imageText__imageNormal .section__imageText_text {
    max-width: 780px;
    padding-left: 80px;
    padding-right: 80px;
  }
}
/* Free height image
   ========================================================================== */
.section__imageText__imageFreeHeight .section__imageText_image img {
  max-height: none !important;
}
/* Same background
   ========================================================================== */
@media only screen and (max-width: 899px) {
  .section__imageText__sameBg.section__imageText__imageAfter .section__imageText_text {
    padding-top: 0;
  }
  .section__imageText__sameBg.section__imageText__imageBefore .section__imageText_text {
    padding-bottom: 0;
  }
}
/**
 * Section Image + Text - gauche / droite
 *
 * @package Sand
 */
.section__imageTextCover {
  padding-left: 30px;
  padding-right: 30px;
  margin: 0 auto;
}
@media only screen and (min-width: 600px) {
  .section__imageTextCover {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media only screen and (min-width: 768px) {
  .section__imageTextCover {
    padding-left: 60px;
    padding-right: 60px;
    max-width: 1260px;
  }
}
@media only screen and (min-width: 900px) {
  .section__imageTextCover {
    min-width: 350px;
  }
}
@media only screen and (min-width: 1024px) {
  .section__imageTextCover {
    padding-left: 80px;
    padding-right: 80px;
    max-width: 1300px;
  }
}
.section__imageTextCover .container {
  padding-left: 0;
  padding-right: 0;
}
@media only screen and (min-width: 600px) {
  .section__imageTextCover {
    max-width: 1380px;
  }
}
@media only screen and (min-width: 768px) {
  .section__imageTextCover {
    max-width: 1420px;
  }
}
@media only screen and (min-width: 1024px) {
  .section__imageTextCover {
    max-width: 1460px;
  }
}
@media only screen and (max-width: 599px) {
  .section__imageTextCover {
    padding-left: 0;
    padding-right: 0;
  }
}
.section__imageTextCover_inner {
  background: #f3f3f3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.section__imageTextCover__imageAfter .section__imageTextCover_inner {
  flex-direction: column-reverse;
}
/* Image
   ========================================================================== */
.section__imageTextCover_image {
  text-align: center;
  padding-bottom: 100%;
  position: relative;
}
.section__imageTextCover_image::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  background: rgba(0, 0, 0, 0.018);
}
.section__imageTextCover_image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
}
/* texte
   ========================================================================== */
.section__imageTextCover_text {
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 30px;
  padding-right: 30px;
}
@media only screen and (min-width: 600px) {
  .section__imageTextCover_text {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
@media only screen and (min-width: 768px) {
  .section__imageTextCover_text {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
@media only screen and (min-width: 900px) {
  .section__imageTextCover_text {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media only screen and (min-width: 1440px) {
  .section__imageTextCover_text {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
@media only screen and (min-width: 600px) {
  .section__imageTextCover_text {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media only screen and (min-width: 768px) {
  .section__imageTextCover_text {
    padding-left: 60px;
    padding-right: 60px;
  }
}
.section__bg_white + .section__imageTextCover {
  padding-top: 0;
}
.section__imageTextCover + .section__bg_white {
  padding-top: 0;
}
@media only screen and (min-width: 600px) {
  /* Image
 	   ========================================================================== */
  .section__imageTextCover_image {
    height: 400px;
    padding-bottom: 0;
  }
}
@media only screen and (min-width: 900px) {
  .section__imageTextCover_inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .section__imageTextCover_text {
    max-width: 740px;
    padding-left: 60px;
    padding-right: 60px;
    flex: 1;
    margin: 0 auto;
  }
  .section__imageTextCover_image {
    flex: 0 0 40%;
    height: auto;
  }
  .section__imageTextCover__imageRight .section__imageTextCover_inner {
    flex-direction: row-reverse;
  }
}
@media only screen and (min-width: 900px) and (max-width: 1199px) {
  .section__imageTextCover {
    padding-left: 0;
    padding-right: 0;
  }
}
@media only screen and (min-width: 1024px) {
  .section__imageTextCover_text {
    max-width: 780px;
    padding-left: 80px;
    padding-right: 80px;
  }
}
@media only screen and (min-width: 1440px) {
  .section__imageTextCover {
    max-width: 1500px;
    padding-left: 100px;
    padding-right: 100px;
  }
  .section__imageTextCover_text {
    max-width: 820px;
    padding-left: 100px;
    padding-right: 100px;
  }
}
@media only screen and (min-width: 1440px) {
  .section__imageTextCover_image {
    flex: 0 0 50%;
  }
}
/**
 * Section Image portrait / image landscape / text
 *
 * @package Sand
 */
.section__imagePortraitLandscapeText {
  /*&:not([style*="background-color"]) {
 		+ .section__verticalPadding:not([style*="background-color"]) {
 			padding-top: 0;
 		}

 		+ .section__image__framed:not([style*="background-color"]) {
 			padding-top: 0;
 		}
 	}*/
}
.section__imagePortraitLandscapeText img {
  max-height: 85vh;
}
.section__imagePortraitLandscapeText_wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* Hack for IE, emulate space-evenly with pseudo elements */
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.section__imagePortraitLandscapeText_wrapper::before,
.section__imagePortraitLandscapeText_wrapper::after {
  content: '';
  display: block;
}
.section__imagePortraitLandscapeText__imageNoTextRight .section__imagePortraitLandscapeText_wrapper {
  /*-webkit-box-orient: vertical;-webkit-box-direction: reverse;-ms-flex-direction: reverse;flex-direction: reverse;*/
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.section__imagePortraitLandscapeText_imageP,
.section__imagePortraitLandscapeText_imageL {
  max-width: 50%;
}
.section__imagePortraitLandscapeText_imageP,
.section__imagePortraitLandscapeText__imageNoTextRight .section__imagePortraitLandscapeText_imageL {
  padding-left: 30px;
  padding-right: 15px;
}
.section__imagePortraitLandscapeText_imageL,
.section__imagePortraitLandscapeText__imageNoTextRight .section__imagePortraitLandscapeText_imageP {
  padding-right: 30px;
  padding-left: 15px;
}
.section__imagePortraitLandscapeText_imageP {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.section__imagePortraitLandscapeText_imageL {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  /* Hack for IE, emulate space-evenly with pseudo elements */
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.section__imagePortraitLandscapeText_imageL::before,
.section__imagePortraitLandscapeText_imageL::after {
  content: '';
  display: block;
}
.section__imagePortraitLandscapeText_text {
  font-family: 'Libertinus', serif;
  font-size: 1.25rem;
  line-height: 1.4;
  padding-top: 30px;
  text-align: center;
}
.section__imagePortraitLandscapeText_text__desktop {
  display: none;
}
@media only screen and (min-width: 600px) {
  .section__imagePortraitLandscapeText_imageP,
  .section__imagePortraitLandscapeText__imageNoTextRight .section__imagePortraitLandscapeText_imageL {
    padding-left: 40px;
    padding-right: 20px;
  }
  .section__imagePortraitLandscapeText_imageL,
  .section__imagePortraitLandscapeText__imageNoTextRight .section__imagePortraitLandscapeText_imageP {
    padding-right: 40px;
    padding-left: 20px;
  }
  .section__imagePortraitLandscapeText_text {
    margin-top: -10px;
    font-size: 1.375rem;
    padding-top: 40px;
  }
}
@media only screen and (min-width: 768px) {
  .section__imagePortraitLandscapeText_imageP,
  .section__imagePortraitLandscapeText__imageNoTextRight .section__imagePortraitLandscapeText_imageL {
    padding-left: 60px;
    padding-right: 30px;
  }
  .section__imagePortraitLandscapeText_imageL,
  .section__imagePortraitLandscapeText__imageNoTextRight .section__imagePortraitLandscapeText_imageP {
    padding-right: 60px;
    padding-left: 30px;
  }
  .section__imagePortraitLandscapeText_text {
    margin-top: -15px;
    font-size: 1.5rem;
    padding-top: 60px;
  }
}
@media only screen and (min-width: 900px) {
  .section__imagePortraitLandscapeText_text__desktop {
    display: block;
  }
  .section__imagePortraitLandscapeText_text__mobile {
    display: none;
  }
  .section__imagePortraitLandscapeText_imageL {
    flex-direction: column-reverse;
  }
  .section__imagePortraitLandscapeText_text {
    margin: 0;
    font-size: 1.375rem;
    padding-top: 50px;
    padding-bottom: 0;
  }
}
@media only screen and (min-width: 1024px) {
  .section__imagePortraitLandscapeText_imageP,
  .section__imagePortraitLandscapeText__imageNoTextRight .section__imagePortraitLandscapeText_imageL {
    padding-left: 80px;
    padding-right: 40px;
  }
  .section__imagePortraitLandscapeText_imageL,
  .section__imagePortraitLandscapeText__imageNoTextRight .section__imagePortraitLandscapeText_imageP {
    padding-right: 80px;
    padding-left: 40px;
  }
  .section__imagePortraitLandscapeText_text {
    font-size: 1.5rem;
  }
}
@media only screen and (min-width: 1120px) {
  .section__imagePortraitLandscapeText_text {
    font-size: 1.875rem;
  }
}
@media only screen and (min-width: 1440px) {
  .section__imagePortraitLandscapeText_text {
    font-size: 2.125rem;
  }
}
@media only screen and (min-width: 1600px) {
  .section__imagePortraitLandscapeText_text {
    font-size: 2.125rem;
  }
  .section__imagePortraitLandscapeText_text p {
    font-size: 1em;
  }
}
/*@media @medium2 {
	.section__imagePortraitLandscapeText_imageP,
	.section__imagePortraitLandscapeText__imageNoTextRight .section__imagePortraitLandscapeText_imageP {
		padding:       80px;
		padding-right: 40px;

		img {
			max-height: calc(~'100vh - 160px');
		}
	}

	.section__imagePortraitLandscapeText_imageL,
	.section__imagePortraitLandscapeText__imageNoTextRight .section__imagePortraitLandscapeText_imageL {
		padding:      80px;
		padding-left: 40px;
	}
}
*/
/**
 * Section Gallery
 *
 * @package Sand
 */
.section__gallery {
  /*.section__verticalPadding;

	+ .section__verticalPadding:not([style*="background-color"]) {
		padding-top: 0;
	}

	+ .section__image__framed:not([style*="background-color"]) {
		padding-top: 0;
	}*/
}
/**
 * Section vidéo
 *
 * @package Sand
 */
.section__video {
  /*&:not([style*="background-color"]) {
		+ .section__verticalPadding:not([style*="background-color"]) {
			padding-top: 0;
		}

		+ .section__image__framed:not([style*="background-color"]) {
			padding-top: 0;
		}
	}*/
}
/**
 * Section texte simple
 *
 * @package Sand
 */
.section__textSimple {
  /*&:not([style*="background-color"]) {
		+ .section__verticalPadding:not([style*="background-color"]) {
			padding-top: 0;
		}

		+ .section__image__framed:not([style*="background-color"]) {
			padding-top: 0;
		}

		/*+ .section__imageText__imageFramed {
			.section__imageText_image,
			.section__imageText_text {
				padding-top: 0;
			}
		}
	}*/
}
/**
 * Section texte 2 colonnes
 *
 * @package Sand
 */
.section__text2cols.section__text2cols__bg {
  padding: 0;
}
.section__text2cols.section__text2cols__bg .section__text2cols_text {
  padding-top: 30px;
  padding-bottom: 30px;
}
@media only screen and (min-width: 600px) {
  .section__text2cols.section__text2cols__bg .section__text2cols_text {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
@media only screen and (min-width: 768px) {
  .section__text2cols.section__text2cols__bg .section__text2cols_text {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
@media only screen and (min-width: 900px) {
  .section__text2cols.section__text2cols__bg .section__text2cols_text {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media only screen and (min-width: 1440px) {
  .section__text2cols.section__text2cols__bg .section__text2cols_text {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
.section__text2cols.section__text2cols__bg .section__text2cols_text .container > .smallText:last-child *:last-child,
.section__text2cols.section__text2cols__bg .section__text2cols_text .container > .serifText:last-child *:last-child,
.section__text2cols.section__text2cols__bg .section__text2cols_text .container > .opticianText:last-child *:last-child,
.section__text2cols.section__text2cols__bg .section__text2cols_text .container > blockquote:last-child *:last-child,
.section__text2cols.section__text2cols__bg .section__text2cols_text .container > p:last-child *:last-child,
.section__text2cols.section__text2cols__bg .section__text2cols_text .container > *:last-child {
  margin-bottom: 0;
}
.section__text2cols.section__text2cols__bg .section__text2cols_text .container > *:first-child {
  margin-top: 0;
}
.section__text2cols.section__text2cols__bg .section__text2cols_text .container .serifText:first-child > *:first-child,
.section__text2cols.section__text2cols__bg .section__text2cols_text .container .sourceLangText:first-child > *:first-child {
  margin-top: 0;
}
.section__text2cols.section__text2cols__bg .section__text2cols_text .container .serifText:last-child > .smallText:last-child *:last-child,
.section__text2cols.section__text2cols__bg .section__text2cols_text .container .sourceLangText:last-child > .smallText:last-child *:last-child,
.section__text2cols.section__text2cols__bg .section__text2cols_text .container .serifText:last-child > .serifText:last-child *:last-child,
.section__text2cols.section__text2cols__bg .section__text2cols_text .container .sourceLangText:last-child > .serifText:last-child *:last-child,
.section__text2cols.section__text2cols__bg .section__text2cols_text .container .serifText:last-child > .opticianText:last-child *:last-child,
.section__text2cols.section__text2cols__bg .section__text2cols_text .container .sourceLangText:last-child > .opticianText:last-child *:last-child,
.section__text2cols.section__text2cols__bg .section__text2cols_text .container .serifText:last-child > blockquote:last-child *:last-child,
.section__text2cols.section__text2cols__bg .section__text2cols_text .container .sourceLangText:last-child > blockquote:last-child *:last-child,
.section__text2cols.section__text2cols__bg .section__text2cols_text .container .serifText:last-child > p:last-child *:last-child,
.section__text2cols.section__text2cols__bg .section__text2cols_text .container .sourceLangText:last-child > p:last-child *:last-child,
.section__text2cols.section__text2cols__bg .section__text2cols_text .container .serifText:last-child > *:last-child,
.section__text2cols.section__text2cols__bg .section__text2cols_text .container .sourceLangText:last-child > *:last-child {
  margin-bottom: 0;
}
.section__text2cols .section__text2cols_right .container > .smallText:last-child *:last-child,
.section__text2cols .section__text2cols_right .container > .serifText:last-child *:last-child,
.section__text2cols .section__text2cols_right .container > .opticianText:last-child *:last-child,
.section__text2cols .section__text2cols_right .container > blockquote:last-child *:last-child,
.section__text2cols .section__text2cols_right .container > p:last-child *:last-child,
.section__text2cols .section__text2cols_right .container > *:last-child {
  margin-bottom: 0;
}
.section__text2cols.section__bg_white:first-child .section__text2cols_text:first-child,
.section__bg_white + .section__text2cols.section__bg_white .section__text2cols_text:first-child,
.section__bg_black + .section__text2cols.section__bg_black .section__text2cols_text:first-child,
.section__bg_grey + .section__text2cols.section__bg_grey .section__text2cols_text:first-child {
  padding-top: 0;
}
@media only screen and (max-width: 899px) {
  .section__text2cols.section__text2cols__bg.section__text2cols__bg.section__text2cols__sameBg .section__text2cols_text:nth-child(2) {
    padding-top: 0;
  }
}
@media only screen and (min-width: 900px) {
  .section__text2cols {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }
  .section__text2cols.section__text2cols__sameBg {
    /* Hack for IE, emulate space-evenly with pseudo elements */
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .section__text2cols.section__text2cols__sameBg::before,
  .section__text2cols.section__text2cols__sameBg::after {
    content: '';
    display: block;
  }
  .section__text2cols.section__text2cols__sameBg .section__text2cols_text {
    width: 50%;
    max-width: 720px;
  }
  .section__text2cols.section__text2cols__sameBg .section__text2cols_text .container {
    padding: 0;
  }
  .section__text2cols.section__text2cols__sameBg .section__text2cols_text .container > .smallText:last-child *:last-child,
  .section__text2cols.section__text2cols__sameBg .section__text2cols_text .container > .serifText:last-child *:last-child,
  .section__text2cols.section__text2cols__sameBg .section__text2cols_text .container > .opticianText:last-child *:last-child,
  .section__text2cols.section__text2cols__sameBg .section__text2cols_text .container > blockquote:last-child *:last-child,
  .section__text2cols.section__text2cols__sameBg .section__text2cols_text .container > p:last-child *:last-child,
  .section__text2cols.section__text2cols__sameBg .section__text2cols_text .container > *:last-child {
    margin-bottom: 0;
  }
  .section__text2cols.section__text2cols__sameBg .section__text2cols_text .container > *:first-child {
    margin-top: 0;
  }
  .section__text2cols.section__text2cols__sameBg .section__text2cols_text .container .serifText:first-child > *:first-child,
  .section__text2cols.section__text2cols__sameBg .section__text2cols_text .container .sourceLangText:first-child > *:first-child {
    margin-top: 0;
  }
  .section__text2cols.section__text2cols__sameBg .section__text2cols_text .container .serifText:last-child > .smallText:last-child *:last-child,
  .section__text2cols.section__text2cols__sameBg .section__text2cols_text .container .sourceLangText:last-child > .smallText:last-child *:last-child,
  .section__text2cols.section__text2cols__sameBg .section__text2cols_text .container .serifText:last-child > .serifText:last-child *:last-child,
  .section__text2cols.section__text2cols__sameBg .section__text2cols_text .container .sourceLangText:last-child > .serifText:last-child *:last-child,
  .section__text2cols.section__text2cols__sameBg .section__text2cols_text .container .serifText:last-child > .opticianText:last-child *:last-child,
  .section__text2cols.section__text2cols__sameBg .section__text2cols_text .container .sourceLangText:last-child > .opticianText:last-child *:last-child,
  .section__text2cols.section__text2cols__sameBg .section__text2cols_text .container .serifText:last-child > blockquote:last-child *:last-child,
  .section__text2cols.section__text2cols__sameBg .section__text2cols_text .container .sourceLangText:last-child > blockquote:last-child *:last-child,
  .section__text2cols.section__text2cols__sameBg .section__text2cols_text .container .serifText:last-child > p:last-child *:last-child,
  .section__text2cols.section__text2cols__sameBg .section__text2cols_text .container .sourceLangText:last-child > p:last-child *:last-child,
  .section__text2cols.section__text2cols__sameBg .section__text2cols_text .container .serifText:last-child > *:last-child,
  .section__text2cols.section__text2cols__sameBg .section__text2cols_text .container .sourceLangText:last-child > *:last-child {
    margin-bottom: 0;
  }
  .section__text2cols.section__text2cols__sameBg .section__text2cols_text:first-child {
    padding-left: 60px;
    padding-right: 30px;
  }
  .section__text2cols.section__text2cols__sameBg .section__text2cols_text:last-child {
    padding-left: 30px;
    padding-right: 60px;
  }
  .section__text2cols:not(.section__text2cols__sameBg) .section__text2cols_text {
    padding-left: 60px;
    padding-right: 60px;
  }
  .section__text2cols .section__text2cols_text__marginTop .container {
    margin-top: 3em;
  }
  .section__text2cols.section__text2cols__sameBg.section__text2cols__autoWidth .section__text2cols_text {
    width: auto;
  }
  .section__text2cols.section__bg_white:first-child .section__text2cols_text,
  .section__bg_white + .section__text2cols.section__bg_white .section__text2cols_text,
  .section__bg_black + .section__text2cols.section__bg_black .section__text2cols_text,
  .section__bg_grey + .section__text2cols.section__bg_grey .section__text2cols_text {
    padding-top: 0;
  }
}
@media only screen and (min-width: 1024px) {
  .section__text2cols.section__text2cols__sameBg .section__text2cols_text {
    max-width: 740px;
  }
  .section__text2cols.section__text2cols__sameBg .section__text2cols_text:first-child {
    padding-left: 80px;
    padding-right: 40px;
  }
  .section__text2cols.section__text2cols__sameBg .section__text2cols_text:last-child {
    padding-left: 40px;
    padding-right: 80px;
  }
  .section__text2cols:not(.section__text2cols__sameBg) .section__text2cols_text {
    padding-left: 80px;
    padding-right: 80px;
  }
}
/**
 * Section Edito / sommaire
 *
 * @package Sand
 */
@media only screen and (min-width: 900px) {
  .section__editoSommaire .section__text2cols_text {
    max-width: 570px !important;
  }
  .section__editoSommaire_sommaire {
    padding-top: 20% !important;
  }
}
@media only screen and (min-width: 1600px) {
  .section__editoSommaire .section__text2cols_text {
    max-width: 620px !important;
  }
}
/**
 * Sliders global styling
 *
 * @package Sand
 *
 * This element's behavior is controlled by JavaScript, see APP.slider_*() in Gravel
 */
/* Hide controls when disabled
   ========================================================================== */
.swiper-container.swiper-container.disabled .swiper-nav-wrapper {
  display: none;
}
/* Pagination styling
   ========================================================================== */
.swiper-container-horizontal > .swiper-pagination.swiper-pagination-bullets {
  position: relative;
  bottom: 0;
  height: 40px;
}
.swiper-container-horizontal > .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet {
  height: 100%;
  width: 20px;
  margin: 0;
  border-radius: 0;
  background: none;
  position: relative;
  -webkit-transition: all cubic-bezier(0.4, 0, 0.2, 1) 180ms;
  transition: all cubic-bezier(0.4, 0, 0.2, 1) 180ms;
}
.swiper-container-horizontal > .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet::after {
  content: '';
  position: absolute;
  top: 70%;
  left: 50%;
  width: 6px;
  height: 6px;
  margin-top: -3px;
  margin-left: -3px;
  border-radius: 10px;
  background: #797979;
}
@media only screen and (min-width: 768px) {
  .swiper-container-horizontal > .swiper-pagination.swiper-pagination-bullets {
    height: 50px;
  }
  .swiper-container-horizontal > .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet {
    width: 30px;
  }
}
@media only screen and (min-width: 1280px) {
  .swiper-container-horizontal > .swiper-pagination.swiper-pagination-bullets {
    height: 70px;
  }
  .swiper-container-horizontal > .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet {
    width: 40px;
  }
}
/* Navigation styling
   ========================================================================== */
.swiper-button-prev,
.swiper-button-next {
  display: none;
}
@media only screen and (min-width: 768px) {
  .swiper-button-prev,
  .swiper-button-next {
    display: block;
    width: 90px;
    height: 60px;
    margin-top: -30px;
    background: none;
    outline: 0;
    opacity: .7;
    -webkit-transition: all cubic-bezier(0.4, 0, 0.2, 1) 180ms;
    transition: all cubic-bezier(0.4, 0, 0.2, 1) 180ms;
  }
  .swiper-container-has-pagination .swiper-button-prev,
  .swiper-container-has-pagination .swiper-button-next {
    margin-top: -55px;
  }
  .swiper-button-prev::after,
  .swiper-button-next::after {
    content: '';
    position: absolute;
    width: 30px;
    height: 30px;
    border-right: 2px solid #FFF;
    border-bottom: 2px solid #FFF;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 50%;
    left: 50%;
    margin-top: -15px;
    margin-left: -25px;
    -webkit-transition: all cubic-bezier(0.4, 0, 0.2, 1) 180ms;
    transition: all cubic-bezier(0.4, 0, 0.2, 1) 180ms;
  }
  .swiper-button-prev.swiper-button-disabled::after,
  .swiper-button-next.swiper-button-disabled::after {
    opacity: 0.3;
  }
  .swiper-button-prev:hover,
  .swiper-button-next:hover {
    opacity: 1;
  }
  .swiper-button-next {
    right: 0;
  }
  .swiper-button-prev {
    left: 0;
  }
  .swiper-button-prev::after {
    margin-left: -5px;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
  }
}
@media only screen and (min-width: 1280px) {
  .swiper-button-prev,
  .swiper-button-next {
    width: 120px;
    height: auto;
    top: 0;
    bottom: 0;
    margin-top: 0;
  }
  .swiper-container-has-pagination .swiper-button-prev,
  .swiper-container-has-pagination .swiper-button-next {
    margin-top: -65px;
  }
  .swiper-button-prev::after,
  .swiper-button-next::after {
    width: 40px;
    height: 40px;
    margin-top: -20px;
    margin-left: -30px;
  }
  .swiper-button-prev::after {
    margin-left: -10px;
  }
}
/* Destroyed slider
   ========================================================================== */
.swiper-destroyed .swiper-wrapper {
  flex-wrap: wrap;
}
.swiper-destroyed .swiper-nav-wrapper {
  display: none;
}
/**
 * Gallery slider
 *
 * @package Sand
 */
.slider_gallery:not(._has_landscape) img {
  max-height: 85vh;
}
@media (max-aspect-ratio: 1/1) {
  .slider_gallery:not(._has_landscape) img {
    max-height: 65vh;
  }
  .slider_gallery:not(._has_landscape)._has_square img {
    max-height: 50vh;
  }
}
.slider_gallery .swiper-slide {
  width: auto;
}
.slider_gallery:not(._has_square):not(._has_landscape) .swiper-slide {
  width: 56.6vh;
}
.slider_gallery:not(._has_square):not(._has_landscape) .swiper-slide img {
  max-height: none !important;
}
@media (max-aspect-ratio: 1/1) {
  .slider_gallery:not(._has_square):not(._has_landscape) .swiper-slide {
    width: 43.3vh;
  }
}
/**
 * Edition Cover
 *
 * @package Sand
 */
.error404cover {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100vh;
}
.error404cover .editionCover_top {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0;
}
.error404cover .error404cover_text {
  position: relative;
  z-index: 10;
  text-align: center;
}
.error404cover .error404cover_text h1 {
  color: inherit;
  font-family: 'Optician Sans', Arial, sans-serif;
  font-weight: 400;
  letter-spacing: .2em;
}
.error404cover .editionCover_bg::after {
  background: #000;
  opacity: .4;
}
/**
 * Standard page content
 *
 * @package Sand
 */
/**
 * Loader
 *
 * @package Sand
 */
.loader {
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  right: 0;
  background: #FFF;
  height: 100%;
  overflow: hidden;
  display: none;
}
.loader_inner {
  height: 100vh;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.loader_logo_wrapper {
  width: 200px;
  margin: 0 auto;
  position: relative;
}
.loader_logo_wrapper::before {
  content: '';
  position: absolute;
  top: -10px;
  left: -10px;
  right: -10px;
  bottom: -10px;
  background: #FFF;
  z-index: 10;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  transition-timing-function: cubic-bezier(0.53, 0, 0.2, 1);
  transition-property: transform;
}
.loader_logo {
  overflow: hidden;
  position: relative;
  padding-bottom: 23.967%;
}
.loader_logo svg {
  position: absolute;
  top: 0;
  -webkit-transform: translateY(200%);
  transform: translateY(200%);
  display: inline-block;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  transition-property: transform;
}
.loader_logo svg#animeV {
  width: 26.32%;
  left: 0;
}
.loader_logo svg#animeA {
  width: 26.32%;
  left: 22.45%;
}
.loader_logo svg#animeG {
  width: 23.96%;
  left: 49.74%;
}
.loader_logo svg#animeO {
  width: 22.457%;
  right: 0;
  -webkit-transform: translateY(20%);
  transform: translateY(20%);
}
/* Show loader if JS is enabled
   ========================================================================== */
.loader_show .loader {
  display: block;
}
/* Launch loading animation
   ========================================================================== */
.loader_loading .loader_logo svg#animeV {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  transition-duration: 1000ms;
}
.loader_loading .loader_logo svg#animeA {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  transition-duration: 1000ms;
  transition-delay: 200ms;
}
.loader_loading .loader_logo svg#animeG {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  transition-duration: 1000ms;
  transition-delay: 400ms;
}
.loader_loading .loader_logo svg#animeO {
  -webkit-transform: translateY(-58.8%);
  transform: translateY(-58.8%);
  transition-duration: 3000ms;
  transition-delay: 200ms;
}
/* Hide loader after the animation
   ========================================================================== */
.loader_hide .loader_logo_wrapper::before {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  transition-duration: 400ms;
}
.loader_hide .loader {
  height: 0;
  -webkit-transition: all cubic-bezier(0.4, 0, 0.2, 1) 180ms;
  transition: all cubic-bezier(0.4, 0, 0.2, 1) 180ms;
  transition-duration: 500ms;
  transition-delay: 300ms;
}
/*nime({
  targets: '#animeV',
  translateY: -600,
  easing: 'easeOutExpo',
  duration: 800,
  delay: 1000
});

anime({
  targets: '#animeA',
  translateY: -600,
  easing: 'easeOutExpo',
  duration: 800,
  delay: 1200
});

anime({
  targets: '#animeG',
  translateY: -600,
  easing: 'easeOutExpo',
  duration: 800,
  delay: 1400
});

anime({
  targets: '#animeO',
  translateY: -515,
  easing: 'easeOutExpo',
  duration: 2500,
  delay: 1000
});*/
@media only screen and (min-width: 768px) {
  .loader_logo_wrapper {
    width: 240px;
  }
}
@media only screen and (min-width: 1024px) {
  .loader_logo_wrapper {
    width: 280px;
  }
}
@media only screen and (min-width: 1200px) {
  .loader_logo_wrapper {
    width: 300px;
  }
}
@media only screen and (min-width: 1440px) {
  .loader_logo_wrapper {
    width: 340px;
  }
}
@media only screen and (min-width: 1600px) {
  .loader_logo_wrapper {
    width: 380px;
  }
}
/**
 * Transition loader
 *
 * @package Sand
 */
.transitionLoader {
  position: fixed;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  background: #FFF;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all ease 500ms;
  transition: all ease 500ms;
}
.transitionLoader svg {
  width: 140px;
  height: auto !important;
  display: block;
  margin: 0 auto;
  position: relative;
  left: -5px;
}
.transitionLoader_bar {
  margin-top: 20px;
  width: 180px;
  height: 2px;
  background: #EEEEEE;
  position: relative;
}
.transitionLoader_bar_inner {
  height: 100%;
  width: 100%;
  background: #000;
  animation: transitionLoader_bar 1s infinite;
  transform-origin: 0 0;
}
.is-exiting:not([data-transition-exit="edition-to-home"]):not([data-transition-exit="home-to-edition"]) .transitionLoader {
  visibility: visible;
  opacity: 1;
  -webkit-transition: all ease 600ms 200ms;
  transition: all ease 600ms 200ms;
}
@keyframes transitionLoader_bar {
  0% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    transform-origin: 0 0;
  }
  50% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    transform-origin: 0 0;
  }
  50.1% {
    transform-origin: 100% 0;
  }
  100% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    transform-origin: 100% 0;
  }
}
/**
 * "Explorer" modal
 *
 * @package Sand
 */
.explorerModal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  z-index: 998;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  -webkit-transition: all cubic-bezier(0.56, 0.03, 0.22, 1) 500ms;
  transition: all cubic-bezier(0.56, 0.03, 0.22, 1) 500ms;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}
.explorerModal_inner {
  padding-top: 20px;
  -webkit-transform: translateY(-30px);
  transform: translateY(-30px);
  opacity: 0;
  -webkit-transition: all cubic-bezier(0.56, 0.03, 0.22, 1) 0ms 500ms;
  transition: all cubic-bezier(0.56, 0.03, 0.22, 1) 0ms 500ms;
}
.explorerModal__open .explorerModal {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: all cubic-bezier(0.56, 0.03, 0.22, 1) 500ms;
  transition: all cubic-bezier(0.56, 0.03, 0.22, 1) 500ms;
}
.explorerModal__open .explorerModal_inner {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
  -webkit-transition: all cubic-bezier(0.56, 0.03, 0.22, 1) 400ms 400ms;
  transition: all cubic-bezier(0.56, 0.03, 0.22, 1) 400ms 400ms;
}
.explorerModal__open .postNav_link__archives,
.explorerModal__open .postNav_link__edition {
  opacity: 0 !important;
  visibility: hidden !important;
  transition-delay: 0;
}
.explorerModal__open .postNav a.postNav_link__archivesClose {
  opacity: 1;
  visibility: visible;
}
.explorerModal__scrollLock {
  overflow: hidden;
}
.explorerModal__scrollLock .explorerModal {
  overflow: auto;
}
/* Pages specific
   ========================================================================== */
/**
 * "Explorer" page
 *
 * @package Sand
 */
.blog,
.explorerModal {
  background: #181818;
  color: #FFFFFF;
  /*.post_link,
	a.post_link {
		color: inherit;
	}*/
}
.blog h1,
.explorerModal h1,
.blog h2,
.explorerModal h2,
.blog h3,
.explorerModal h3,
.blog h4,
.explorerModal h4,
.blog h5,
.explorerModal h5,
.blog h6,
.explorerModal h6,
.blog .h1,
.explorerModal .h1,
.blog .h2,
.explorerModal .h2,
.blog .h3,
.explorerModal .h3,
.blog .h4,
.explorerModal .h4,
.blog .h5,
.explorerModal .h5,
.blog .h6,
.explorerModal .h6 {
  color: inherit;
}
.blog .header .vagoLogo g,
.explorerModal .header .vagoLogo g,
.blog .footer .vagoLogo g,
.explorerModal .footer .vagoLogo g {
  fill: #FFFFFF;
}
.blog h1,
.explorerModal h1,
.blog .h1,
.explorerModal .h1 {
  color: #FFF;
  text-align: center;
  text-transform: uppercase;
  font-size: 1.5rem;
  letter-spacing: .2em;
}
.blog .footer.footer.footer a,
.explorerModal .footer.footer.footer a {
  color: #FFF !important;
}
@media only screen and (min-width: 768px) {
  .blog h1 {
    font-size: 1.75rem;
  }
}
@media only screen and (min-width: 1120px) {
  .blog h1 {
    font-size: 2.125rem;
  }
}
/**
 * Simple page
 *
 * @package Sand
 */
.page-template-default {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.page-template-default > * {
  width: 100%;
}
.page-template-default #content {
  padding: 0;
  margin: auto 0;
}
.page-template-default .pageContent {
  padding: 20px 0 30px;
}
.page-template-default h1 {
  text-align: center;
}
@media only screen and (min-width: 600px) {
  .page-template-default .pageContent {
    padding: 30px 0 40px;
  }
}
@media only screen and (min-width: 768px) {
  .page-template-default .pageContent {
    padding: 40px 0 60px;
  }
}
/* Global utilities
   ========================================================================== */
/**
 * Scrollbars
 *
 * @package Sand
 *
 * Give simple style to scrollbars. Only works on Chrome and IE.
 */
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
  background-color: #f3f3f3;
}
::-webkit-scrollbar-thumb {
  background-color: #cccccc;
}
::-webkit-scrollbar-thumb:hover {
  background-color: #d4d4d4;
}
body {
  scrollbar-face-color: #cccccc;
  scrollbar-base-color: #cccccc;
  scrollbar-3dlight-color: #cccccc;
  scrollbar-highlight-color: #cccccc;
  scrollbar-track-color: #f3f3f3;
  scrollbar-arrow-color: #cccccc;
  scrollbar-shadow-color: #cccccc;
  scrollbar-dark-shadow-color: #cccccc;
}
/**
 * Text selection
 *
 * @package Sand
 */
::selection {
  background: #999999;
  color: #FFF;
}
::-moz-selection {
  background: #999999;
  color: #FFF;
}
/**
 * Text selection
 *
 * @package Sand
 */
/* Global animations
   ========================================================================== */
.is-exiting[data-transition-exit="fade"] .header,
.is-exiting[data-transition-exit="fade"] .pageContent {
  animation-fill-mode: both;
  animation-duration: 300ms;
  animation-timing-function: ease-in;
  animation-name: fadeOut;
}
.is-exiting[data-transition-exit="fade-left"] .header,
.is-exiting[data-transition-exit="fade-left"] .pageContent {
  animation-fill-mode: both;
  animation-duration: 300ms;
  animation-timing-function: ease-in;
  animation-name: fadeOutLeft;
}
.is-exiting[data-transition-exit="fade-right"] .header,
.is-exiting[data-transition-exit="fade-right"] .pageContent {
  animation-fill-mode: both;
  animation-duration: 300ms;
  animation-timing-function: ease-in;
  animation-name: fadeOutRight;
}
.is-entering[data-transition-enter="fade"] .header,
.is-entering[data-transition-enter="fade"] .pageContent {
  animation-fill-mode: both;
  animation-duration: 300ms;
  animation-timing-function: ease-in;
  animation-name: fadeIn;
}
.is-entering[data-transition-enter="fade-left"] .header,
.is-entering[data-transition-enter="fade-left"] .pageContent {
  animation-fill-mode: both;
  animation-duration: 300ms;
  animation-timing-function: ease-in;
  animation-name: fadeInLeft;
}
.is-entering[data-transition-enter="fade-right"] .header {
  animation-fill-mode: both;
  animation-duration: 400ms;
  animation-timing-function: ease-in;
  animation-name: fadeIn;
}
.is-entering[data-transition-enter="fade-right"] .pageContent {
  animation-fill-mode: both;
  animation-duration: 300ms;
  animation-delay: 250ms;
  animation-timing-function: ease;
  animation-name: fadeInBottom;
}
@media only screen and (min-width: 768px) {
  .is-entering[data-transition-enter="fade-right"] .pageContent {
    animation-fill-mode: both;
    animation-duration: 300ms;
    animation-delay: 250ms;
    animation-timing-function: ease;
    animation-name: fadeInRight;
  }
  .is-entering[data-transition-enter="fade-right"] .pageHeader::before {
    animation-fill-mode: both;
    animation-duration: 700ms;
    animation-delay: 400ms;
    animation-timing-function: cubic-bezier(0.5600000000000001, 0.03, 0.22, 1);
    animation-name: pageHeaderMask_reveal;
  }
  .is-entering[data-transition-enter="fade-right"] .pageHeader_image {
    animation-fill-mode: both;
    animation-duration: 700ms;
    animation-delay: 400ms;
    animation-timing-function: ease;
    animation-name: pageHeaderMask_image_reveal;
  }
  .is-entering[data-transition-enter="fade-right"] .pageHeader:not(.pageHeader__noimage) {
    /*.pageHeader_text_inner {
					animation-fill-mode: both;
					animation-duration: 400ms;
					animation-delay: 100ms;
					animation-timing-function: ease;
					animation-name: fadeInLeft;
				}*/
  }
}
.is-entering[data-transition-enter="fade-bottom"] .header {
  animation-fill-mode: both;
  animation-duration: 300ms;
  animation-timing-function: ease-in;
  animation-name: fadeInTop;
}
.is-entering[data-transition-enter="fade-bottom"] .pageContent {
  animation-fill-mode: both;
  animation-duration: 300ms;
  animation-delay: 350ms;
  animation-timing-function: ease;
  animation-name: fadeInBottom;
}
/* Home to edition animations
   ========================================================================== */
.is-exiting[data-transition-exit="home-to-edition"] #home_content,
.is-exiting[data-transition-exit="home-to-edition"] .editionCover_btn {
  animation-fill-mode: both;
  animation-duration: 200ms;
  animation-timing-function: ease;
  animation-name: fadeOut;
}
.is-exiting[data-transition-exit="home-to-edition"] .editionCover_summary {
  animation-fill-mode: both;
  animation-duration: 500ms;
  animation-delay: 200ms;
  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  animation-name: editionCover_summary_offset_mobile;
}
.is-exiting[data-transition-exit="home-to-edition"] .editionCover {
  animation-fill-mode: both;
  animation-duration: 500ms;
  animation-delay: 200ms;
  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  animation-name: editionCover_close_mobile;
}
@media only screen and (min-width: 768px) {
  .is-exiting[data-transition-exit="home-to-edition"] .editionCover {
    animation-name: editionCover_close;
  }
  .is-exiting[data-transition-exit="home-to-edition"] .cookiesBanner_show .editionCover {
    animation-name: editionCover_close__cookies;
  }
  .is-exiting[data-transition-exit="home-to-edition"] .editionCover_summary {
    animation: none;
  }
}
.is-entering[data-transition-enter="home-to-edition"] .editionCover_scrollBtn {
  animation-fill-mode: both;
  animation-duration: 300ms;
  animation-delay: 300ms;
  animation-timing-function: ease;
  animation-name: fadeInTop;
}
.is-entering[data-transition-enter="home-to-edition"] #edition_content {
  animation-fill-mode: both;
  animation-duration: 300ms;
  animation-timing-function: ease;
  animation-name: fadeInBottom;
}
/* Edition to home animations
   ========================================================================== */
.is-exiting[data-transition-exit="edition-to-home"] #edition_content,
.is-exiting[data-transition-exit="edition-to-home"] .editionCover_scrollBtn {
  animation-fill-mode: both;
  animation-duration: 300ms;
  animation-timing-function: ease;
  animation-name: fadeOutBottom;
}
.is-exiting[data-transition-exit="edition-to-home"] .editionCover {
  animation-fill-mode: both;
  animation-duration: 400ms;
  animation-timing-function: ease;
  animation-name: editionCover_open_mobile;
}
.is-exiting[data-transition-exit="edition-to-home"] .editionCover_summary {
  animation-fill-mode: both;
  animation-duration: 400ms;
  animation-timing-function: ease;
  animation-name: editionCover_summary_unoffset_mobile;
}
@media only screen and (min-width: 768px) {
  .is-exiting[data-transition-exit="edition-to-home"] .editionCover {
    animation-name: editionCover_open;
  }
  .is-exiting[data-transition-exit="edition-to-home"] .cookiesBanner_show .editionCover {
    animation-name: editionCover_open__cookies;
  }
  .is-exiting[data-transition-exit="edition-to-home"] .editionCover_summary {
    animation: none;
  }
}
.is-entering[data-transition-enter="edition-to-home"] {
  /*.editionCover_summary {			
			animation-fill-mode: both;
			animation-duration: 300ms;
			animation-delay:    200ms;
			animation-timing-function: ease;
			animation-name: fadeInTop;
		}*/
}
.is-entering[data-transition-enter="edition-to-home"] #home_content {
  animation-fill-mode: both;
  animation-duration: 300ms;
  animation-timing-function: ease;
  animation-name: fadeIn;
}
.is-entering[data-transition-enter="edition-to-home"] .editionCover_btn {
  animation-fill-mode: both;
  animation-duration: 300ms;
  animation-timing-function: ease;
  animation-name: fadeIn;
}
/* Keyframes
   ========================================================================== */
/* Page header */
@keyframes pageHeaderMask_reveal {
  0% {
    -webkit-transform: scale(4);
    transform: scale(4);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes pageHeaderMask_image_reveal {
  0% {
    -webkit-transform: translateX(10%);
    transform: translateX(10%);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
/* Edition cover image */
@keyframes editionCover_close {
  0% {
    height: 100vh;
  }
  100% {
    height: 70vh;
  }
}
@keyframes editionCover_open {
  0% {
    height: 70vh;
  }
  100% {
    height: 100vh;
  }
}
@keyframes editionCover_close__cookies {
  0% {
    height: calc(100vh - 55px);
  }
  100% {
    height: calc(70vh - 55px);
  }
}
@keyframes editionCover_open__cookies {
  0% {
    height: calc(70vh - 55px);
  }
  100% {
    height: calc(100vh - 55px);
  }
}
@keyframes editionCover_close_mobile {
  0% {
    height: 90vh;
  }
  100% {
    height: 60vh;
  }
}
@keyframes editionCover_open_mobile {
  0% {
    height: 60vh;
  }
  100% {
    height: 90vh;
  }
}
/* Edition cover summary */
@keyframes editionCover_summary_offset_mobile {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
  }
}
@keyframes editionCover_summary_unoffset_mobile {
  0% {
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
/* Fade */
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* Fade left */
@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
/* Fade right */
@keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
/* Fade top */
@keyframes fadeOutTop {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}
@keyframes fadeInTop {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
/* Fade bottom */
@keyframes fadeOutBottom {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
}
@keyframes fadeInBottom {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
/**
 * Basic print styles
 *
 * @package Sand
 *
 * Remove global elements like header and footer, and harmonize colors.
 */
@media print {
  body {
    color: #000;
    background: #fff;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  a[href^=http]:after {
    content: " <" attr(href) "> ";
  }
  * {
    animation: none !important;
  }
  .footer,
  .transitionLoader,
  .loader {
    display: none !important;
  }
}