/* cmsms stylesheet: Vars modified: mercredi 11 juin 2025 12:31:19 */
/* cmsms stylesheet: Fonticon modified: mercredi 4 juin 2025 16:37:28 */
@font-face {
  font-family: 'pixpano';
  src: url("https://www.pixpano.fr/assets/fonts/fontello/pixpano.eot?26484810");
  src: url("https://www.pixpano.fr/assets/fonts/fontello/pixpano.eot?26484810#iefix") format('embedded-opentype'), url("https://www.pixpano.fr/assets/fonts/fontello/pixpano.woff2?26484810") format('woff2'), url("https://www.pixpano.fr/assets/fonts/fontello/pixpano.woff?26484810") format('woff'), url("https://www.pixpano.fr/assets/fonts/fontello/pixpano.ttf?26484810") format('truetype'), url("https://www.pixpano.fr/assets/fonts/fontello/pixpano.svg?26484810#pixpano") format('svg');
  font-weight: normal;
  font-style: normal; }

[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "pixpano";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: 0.2em;
  text-align: center;
  vertical-align: middle;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: 0.2em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ }

.icon-1-5x {
  font-size: 1.5em !important; }

.icon-2x {
  font-size: 2em !important; }

.icon-3x {
  font-size: 3em !important; }

.icon-4x {
  font-size: 4em !important; }

.icon-entouree {
  border: 2px solid #585852;
  border-radius: 100px;
  display: inline-block;
  text-align: center;
  width: 60px;
  height: 60px;
  line-height: 60px;
  font-size: 1.8em; }
@media print, screen and (min-width: 40em) {
  .icon-entouree {
    width: 106px;
    height: 106px;
    line-height: 106px;
    font-size: 3.6em; } }
a .icon-entouree {
  border-color: #a69e96; }

.icon-fleche-droite:before {
  content: '\e800'; }

/* '' */
.icon-left-open-big:before {
  content: '\e801'; }

/* '' */
.icon-right-open-big:before {
  content: '\e802'; }

/* '' */
.icon-gaz:before {
  content: '\e803'; }

/* '' */
.icon-induction:before {
  content: '\e804'; }

/* '' */
.icon-cancel:before {
  content: '\e805'; }

/* '' */
.icon-vitroceramique:before {
  content: '\e806'; }

/* '' */
.icon-phone2:before {
  content: '\e807'; }

/* '' */
.icon-up-open-big:before {
  content: '\e808'; }

/* '' */
.icon-catalogue:before {
  content: '\e809'; }

/* '' */
.icon-mains:before {
  content: '\e80a'; }

/* '' */
.icon-menu:before {
  content: '\e80b'; }

/* '' */
.icon-assistance:before {
  content: '\e80c'; }

/* '' */
.icon-camion:before {
  content: '\e80d'; }

/* '' */
.icon-cle:before {
  content: '\e80e'; }

/* '' */
.icon-courbes:before {
  content: '\e80f'; }

/* '' */
.icon-douche:before {
  content: '\e810'; }

/* '' */
.icon-graphisme:before {
  content: '\e811'; }

/* '' */
.icon-anti-abrasion:before {
  content: '\e812'; }

/* '' */
.icon-scie:before {
  content: '\e813'; }

/* '' */
.icon-time:before {
  content: '\e814'; }

/* '' */
.icon-fleche-gauche:before {
  content: '\e815'; }

/* '' */
.icon-user:before {
  content: '\e816'; }

/* '' */
.icon-configurateur:before {
  content: '\e817'; }

/* '' */
.icon-responsive:before {
  content: '\e818'; }

/* '' */
.icon-fleche-droite-pleine:before {
  content: '\e819'; }

/* '' */
.icon-fleche-gauche-pleine:before {
  content: '\e81a'; }

/* '' */
.icon-location-alt:before {
  content: '\e81b'; }

/* '' */
.icon-call-center:before {
  content: '\e81c'; }

/* '' */
.icon-coq-gaulois:before {
  content: '\e81d'; }

/* '' */
.icon-diamant:before {
  content: '\e81e'; }

/* '' */
.icon-equipe-commerciale:before {
  content: '\e81f'; }

/* '' */
.icon-medaille:before {
  content: '\e820'; }

/* '' */
.icon-pdf:before {
  content: '\e821'; }

/* '' */
.icon-production:before {
  content: '\e822'; }

/* '' */
.icon-ecran:before {
  content: '\e823'; }

/* '' */
.icon-education:before {
  content: '\e824'; }

/* '' */
.icon-reduction:before {
  content: '\e825'; }

/* '' */
.icon-simulateur:before {
  content: '\e826'; }

/* '' */
.icon-personnaliser:before {
  content: '\e827'; }

/* '' */
.icon-gaz-barre:before {
  content: '\e828'; }

/* '' */
.icon-linkedin:before {
  content: '\f312'; }

/* '' */
/* cmsms stylesheet: Catalogue - Fonts modified: jeudi 26 janvier 2023 14:03:49 */
@font-face {
  font-family: 'cmc';
  font-display: swap;
  src: url("https://www.pixpano.fr/assets/fonts/catalogue/cmc.eot?079");
  src: url("https://www.pixpano.fr/assets/fonts/catalogue/cmc.eot?079#iefix") format('embedded-opentype'), url("https://www.pixpano.fr/assets/fonts/catalogue/cmc.woff?079") format('woff'), url("https://www.pixpano.fr/assets/fonts/catalogue/cmc.ttf?079") format('truetype'), url("https://www.pixpano.fr/assets/fonts/catalogue/cmc.svg?079#cmc") format('svg');
  font-weight: normal;
  font-style: normal; }

[class^="icon2-"]:before, [class*=" icon2-"]:before {
  font-family: "cmc";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: 0.2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: 0.2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon2-menu:before {
  content: '\e800'; }

/* '' */
.icon2-vitroceramique:before {
  content: '\e801'; }

/* '' */
.icon2-mail:before {
  content: '\e802'; }

/* '' */
.icon2-phone:before {
  content: '\e803'; }

/* '' */
.icon2-cancel:before {
  content: '\e804'; }

/* '' */
.icon2-right-dir:before {
  content: '\e805'; }

/* '' */
.icon2-info-circled:before {
  content: '\e806'; }

/* '' */
.icon2-cart:before {
  content: '\e807'; }

/* '' */
.icon2-right-open:before {
  content: '\e808'; }

/* '' */
.icon2-left-open:before {
  content: '\e809'; }

/* '' */
.icon2-down-open:before {
  content: '\e80a'; }

/* '' */
.icon2-up-open:before {
  content: '\e80b'; }

/* '' */
.icon2-no-gaz:before {
  content: '\e80c'; }

/* '' */
.icon2-cancel-circled:before {
  content: '\e80d'; }

/* '' */
.icon2-user:before {
  content: '\e80e'; }

/* '' */
.icon2-search:before {
  content: '\e80f'; }

/* '' */
.icon2-home:before {
  content: '\e811'; }

/* '' */
.icon2-induction:before {
  content: '\e812'; }

/* '' */
.icon2-gaz:before {
  content: '\e813'; }

/* '' */
.icon2-service-client:before {
  content: '\e814'; }

/* '' */
.icon2-f-gauche:before {
  content: '\e815'; }

/* '' */
.icon2-f-droite:before {
  content: '\e816'; }

/* '' */
.icon2-plus-squared:before {
  content: '\e817'; }

/* '' */
.icon2-minus-squared:before {
  content: '\e818'; }

/* '' */
.icon2-theme:before {
  content: '\e81b'; }

/* '' */
.icon2-palette:before {
  content: '\e81c'; }

/* '' */
.icon2-left-dir:before {
  content: '\e81d'; }

/* '' */
.icon2-inversion:before {
  content: '\e81e'; }

/* '' */
.icon2-3x:before {
  content: '\e81f'; }

/* '' */
.icon2-help:before {
  content: '\e820'; }

/* '' */
.icon2-call:before {
  content: '\e830'; }

/* '' */
.icon2-circle-empty:before {
  content: '\f10c'; }

/* '' */
.icon2-youtube-play:before {
  content: '\f16a'; }

/* '' */
.icon2-instagram:before {
  content: '\f16d'; }

/* '' */
.icon2-facebook-squared:before {
  content: '\f30e'; }

/* '' */
.icon-2x {
  vertical-align: middle; }
  .icon-2x:before {
    font-size: 2em;
    position: relative;
    top: 0.2em; }

/* cmsms stylesheet: Main modified: jeudi 17 septembre 2026 16:47:59 */
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8; }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #ccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #ccc; }
    .mfp-preloader a:hover {
      color: #fff; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation; }
button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #fff;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover, .mfp-close:focus {
    opacity: 1; }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
  color: #fff;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #ccc;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover, .mfp-arrow:focus {
    opacity: 1; }
  .mfp-arrow:before, .mfp-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after {
    border-right: 17px solid #fff;
    margin-left: 31px; }
  .mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after {
    border-left: 17px solid #fff;
    margin-left: 39px; }
  .mfp-arrow-right:before {
    border-left: 27px solid #3f3f3f; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444; }
  .mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 0%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #f3f3f3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    /**
     * Remove all paddings around the image on small screen
     */ }
    .mfp-img-mobile .mfp-image-holder {
      padding-left: 0;
      padding-right: 0; }
      .mfp-img-mobile img.mfp-img {
        padding: 0; }
    .mfp-img-mobile .mfp-figure:after {
      top: 0;
      bottom: 0; }
    .mfp-img-mobile .mfp-figure small {
      display: inline;
      margin-left: 5px; }
    .mfp-img-mobile .mfp-bottom-bar {
      background: rgba(0, 0, 0, 0.6);
      bottom: 0;
      margin: 0;
      top: auto;
      padding: 3px 5px;
      position: fixed;
      box-sizing: border-box; }
      .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0; }
    .mfp-img-mobile .mfp-counter {
      right: 5px;
      top: 3px; }
    .mfp-img-mobile .mfp-close {
      top: 0;
      right: 0;
      width: 35px;
      height: 35px;
      line-height: 35px;
      background: rgba(0, 0, 0, 0.6);
      position: fixed;
      text-align: center;
      padding: 0; } }

@media (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }

/** 	Default theme - Owl Carousel CSS File */
/* @@CSSPreprocessor@@ */
/* *  Owl Carousel - Core */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative; }
  .owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y; }
  .owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }
  .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px); }
  .owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none; }
  .owl-carousel .owl-item img {
    display: block;
    max-width: 100%;
    -webkit-transform-style: preserve-3d; }
  .owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled {
    display: none; }
  .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel.owl-loaded {
    display: block; }
  .owl-carousel.owl-loading {
    opacity: 0;
    display: block; }
  .owl-carousel.owl-hidden {
    opacity: 0; }
  .owl-carousel.owl-refresh .owl-item {
    display: none; }
  .owl-carousel.owl-drag .owl-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel.owl-grab {
    cursor: move;
    cursor: grab; }
  .owl-carousel.owl-rtl {
    direction: rtl; }
  .owl-carousel.owl-rtl .owl-item {
    float: right; }

/* No Js */
.no-js .owl-carousel {
  display: block; }

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both; }
.owl-carousel .owl-animated-in {
  z-index: 0; }
.owl-carousel .owl-animated-out {
  z-index: 1; }
.owl-carousel .fadeOut {
  animation-name: fadeOut; }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

.owl-theme .owl-nav {
  position: absolute;
  height: 0;
  top: 40%;
  left: 0;
  right: 0;
  text-align: center;
  -webkit-tap-highlight-color: transparent; }
@media screen and (max-width: 39.99875em) {
  .owl-theme .owl-nav {
    display: none !important; } }
.owl-theme .owl-nav [class*='owl-'] {
  color: white;
  text-shadow: 0 0 7px rgba(1, 1, 1, 0.8);
  font-size: 50px;
  margin-top: -22px;
  padding: 20px;
  display: inline-block;
  cursor: pointer;
  border-radius: 30px;
  line-height: 1;
  transition: 0.5s ease-in-out all;
  background-color: rgba(102, 102, 102, 0.35); }
  .owl-theme .owl-nav [class*='owl-']:hover {
    background-color: rgba(102, 102, 102, 0.7);
    color: #fff; }
  .owl-theme .owl-nav [class*='owl-'] i:before {
    margin-left: 0;
    margin-right: 0;
    width: 32px; }
.owl-theme .owl-nav .owl-prev {
  float: left;
  padding-left: 15px;
  border-radius: 0 200px 200px 0; }
.owl-theme .owl-nav .owl-next {
  float: right;
  padding-right: 15px;
  border-radius: 200px 0 0 200px; }
.owl-theme .owl-nav .disabled {
  opacity: 0;
  cursor: default; }
.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 10px; }
.owl-theme .owl-dots {
  margin-top: 1.25rem;
  text-align: center;
  -webkit-tap-highlight-color: transparent; }
  .owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    *display: inline; }
    .owl-theme .owl-dots .owl-dot span {
      width: 12px;
      height: 12px;
      margin: 5px 7px;
      background: white;
      display: block;
      -webkit-backface-visibility: visible;
      transition: opacity 200ms ease;
      border-radius: 30px;
      box-shadow: 0 0 8px rgba(0, 0, 0, 0.4); }
      .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
        background: #585852; }

@font-face {
  font-family: 'swiper-icons';
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
  font-weight: 400;
  font-style: normal; }

:root {
  --swiper-theme-color: #fff; }

.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1; }

.swiper-container-vertical > .swiper-wrapper {
  flex-direction: column; }

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box; }

.swiper-container-android .swiper-slide, .swiper-wrapper {
  transform: translate3d(0px, 0, 0); }

.swiper-container-multirow > .swiper-wrapper {
  flex-wrap: wrap; }

.swiper-container-multirow-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column; }

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

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform; }

.swiper-slide-invisible-blank {
  visibility: hidden; }

/* Auto Height */
.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
  height: auto; }
.swiper-container-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height; }

/* 3D Effects */
.swiper-container-3d {
  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 {
    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: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
  .swiper-container-3d .swiper-slide-shadow-right {
    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: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
  .swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

/* CSS Mode */
.swiper-container-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */ }
  .swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
    display: none; }
.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start; }

.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory; }

.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory; }

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  transition-timing-function: ease-out; }
.swiper-container-fade .swiper-slide {
  pointer-events: none;
  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; }

:root {
  --swiper-navigation-size: 44px;
  /*
   --swiper-navigation-color: var(--swiper-theme-color);
   */ }

.swiper-button-prev, .swiper-button-next {
  position: absolute;
  top: calc(50% - var(--swiper-navigation-size));
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color)); }
  .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled {
    opacity: 0.35;
    cursor: auto;
    pointer-events: none; }
  .swiper-button-prev:after, .swiper-button-next:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    text-transform: none;
    font-variant: initial; }

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
  left: 10px;
  right: auto; }
  .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {
    content: 'prev'; }

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
  right: 14px;
  left: auto; }
  .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {
    content: 'next'; }
    .swiper-button-prev.swiper-button-white, .swiper-button-next.swiper-button-white {
      --swiper-navigation-color: #fff; }
  .swiper-button-prev.swiper-button-black, .swiper-button-next.swiper-button-black {
    --swiper-navigation-color: #000; }

.swiper-button-lock {
  display: none; }

:root {
  /*
   --swiper-pagination-color: var(--swiper-theme-color);
   */ }

.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  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: 18px;
  left: 0;
  width: 100%; }

/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0; }
  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(0.33);
    position: relative; }
  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    transform: scale(1); }
  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1); }
  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(0.66); }
  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(0.33); }
  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(0.66); }
  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(0.33); }

.swiper-pagination-bullet {
  width: 14px;
  height: 14px;
  display: inline-block;
  border-radius: 100%;
  background: transparent;
  opacity: 0.5;
  border: 1px solid #fff; }
  button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    appearance: none; }
  .swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer; }
  .swiper-pagination-dark .swiper-pagination-bullet {
    border-color: #585852; }

.swiper-pagination-bullet-active {
  opacity: 1;
  background: var(--swiper-pagination-color, var(--swiper-theme-color)); }
  .swiper-pagination-dark .swiper-pagination-bullet-active {
    background-color: #585852; }

.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  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%;
    transform: translateY(-50%);
    width: 8px; }
    .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
      display: inline-block;
      transition: 200ms transform, 200ms top; }

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px; }
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap; }
  .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: 200ms transform, 200ms left; }
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms right; }

/* Progress */
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute; }
  .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top; }
  .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    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-color: #fff; }
  .swiper-pagination-black {
    --swiper-pagination-color: #000; }

.swiper-pagination-lock {
  display: none; }

body[data-aos-duration="100"] [data-aos], [data-aos][data-aos][data-aos-duration="100"] {
  transition-duration: 100ms; }
body[data-aos-delay="100"] [data-aos], [data-aos][data-aos][data-aos-delay="100"] {
  transition-delay: 0; }
  body[data-aos-delay="100"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="100"].aos-animate {
    transition-delay: 100ms; }
body[data-aos-duration="200"] [data-aos], [data-aos][data-aos][data-aos-duration="200"] {
  transition-duration: 200ms; }
body[data-aos-delay="200"] [data-aos], [data-aos][data-aos][data-aos-delay="200"] {
  transition-delay: 0; }
  body[data-aos-delay="200"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="200"].aos-animate {
    transition-delay: 200ms; }
body[data-aos-duration="300"] [data-aos], [data-aos][data-aos][data-aos-duration="300"] {
  transition-duration: 300ms; }
body[data-aos-delay="300"] [data-aos], [data-aos][data-aos][data-aos-delay="300"] {
  transition-delay: 0; }
  body[data-aos-delay="300"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="300"].aos-animate {
    transition-delay: 300ms; }
body[data-aos-duration="400"] [data-aos], [data-aos][data-aos][data-aos-duration="400"] {
  transition-duration: 400ms; }
body[data-aos-delay="400"] [data-aos], [data-aos][data-aos][data-aos-delay="400"] {
  transition-delay: 0; }
  body[data-aos-delay="400"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="400"].aos-animate {
    transition-delay: 400ms; }
body[data-aos-duration="500"] [data-aos], [data-aos][data-aos][data-aos-duration="500"] {
  transition-duration: 500ms; }
body[data-aos-delay="500"] [data-aos], [data-aos][data-aos][data-aos-delay="500"] {
  transition-delay: 0; }
  body[data-aos-delay="500"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="500"].aos-animate {
    transition-delay: 500ms; }
body[data-aos-duration="600"] [data-aos], [data-aos][data-aos][data-aos-duration="600"] {
  transition-duration: 600ms; }
body[data-aos-delay="600"] [data-aos], [data-aos][data-aos][data-aos-delay="600"] {
  transition-delay: 0; }
  body[data-aos-delay="600"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="600"].aos-animate {
    transition-delay: 600ms; }
body[data-aos-duration="700"] [data-aos], [data-aos][data-aos][data-aos-duration="700"] {
  transition-duration: 700ms; }
body[data-aos-delay="700"] [data-aos], [data-aos][data-aos][data-aos-delay="700"] {
  transition-delay: 0; }
  body[data-aos-delay="700"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="700"].aos-animate {
    transition-delay: 700ms; }

body[data-aos-easing="ease"] [data-aos], [data-aos][data-aos][data-aos-easing="ease"] {
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1); }

/**
 * Fade animations:
 * fade
 * fade-up, fade-down, fade-left, fade-right
 * fade-up-right, fade-up-left, fade-down-right, fade-down-left
 */
[data-aos^='fade'][data-aos^='fade'] {
  opacity: 0;
  transition-property: opacity, transform; }
  [data-aos^='fade'][data-aos^='fade'].aos-animate {
    opacity: 1;
    transform: translate3d(0, 0, 0); }

[data-aos='fade-up'] {
  transform: translate3d(0, 100px, 0); }

[data-aos='fade-down'] {
  transform: translate3d(0, -100px, 0); }

[data-aos='fade-right'] {
  transform: translate3d(-100px, 0, 0); }

[data-aos='fade-left'] {
  transform: translate3d(100px, 0, 0); }

/**
 * Zoom animations:
 * zoom-in, zoom-in-up, zoom-in-down, zoom-in-left, zoom-in-right
 * zoom-out, zoom-out-up, zoom-out-down, zoom-out-left, zoom-out-right
 */
/*[data-aos^='zoom'][data-aos^='zoom'] {
 opacity: 0;
 transition-property: opacity, transform;
 &.aos-animate {
 opacity: 1;
 transform: translate3d(0, 0, 0) scale(1);
 }
 }
 [data-aos='zoom-in'] {
 transform: scale(.6);
 }
 [data-aos='zoom-in-up'] {
 transform: translate3d(0, $aos-distance, 0) scale(.6);
 }
 [data-aos='zoom-in-down'] {
 transform: translate3d(0, -$aos-distance, 0) scale(.6);
 }
 [data-aos='zoom-in-right'] {
 transform: translate3d(-$aos-distance, 0, 0) scale(.6);
 }
 [data-aos='zoom-in-left'] {
 transform: translate3d($aos-distance, 0, 0) scale(.6);
 }
 [data-aos='zoom-out'] {
 transform: scale(1.2);
 }
 [data-aos='zoom-out-up'] {
 transform: translate3d(0, $aos-distance, 0) scale(1.2);
 }
 [data-aos='zoom-out-down'] {
 transform: translate3d(0, -$aos-distance, 0) scale(1.2);
 }
 [data-aos='zoom-out-right'] {
 transform: translate3d(-$aos-distance, 0, 0) scale(1.2);
 }
 [data-aos='zoom-out-left'] {
 transform: translate3d($aos-distance, 0, 0) scale(1.2);
 }*/
/**
 * Slide animations
 */
[data-aos^='slide'][data-aos^='slide'] {
  transition-property: transform; }
  [data-aos^='slide'][data-aos^='slide'].aos-animate {
    transform: translate3d(0, 0, 0); }

[data-aos='slide-up'] {
  transform: translate3d(0, 100%, 0); }

[data-aos='slide-down'] {
  transform: translate3d(0, -100%, 0); }

[data-aos='slide-right'] {
  transform: translate3d(-100%, 0, 0); }

[data-aos='slide-left'] {
  transform: translate3d(100%, 0, 0); }

/**
 * Flip animations:
 * flip-left, flip-right, flip-up, flip-down
 */
/**
 * Foundation for Sites by ZURB
 * Version 6.5.3
 * foundation.zurb.com
 * Licensed under MIT Open Source
 */
@media print, screen and (min-width: 40em) {
  .reveal, .reveal.tiny, .reveal.small, .reveal.large {
    right: auto;
    left: auto;
    margin: 0 auto; } }

/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0; }

h1 {
  font-size: 2em;
  margin: 0.67em 0; }

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible; }

pre {
  font-family: monospace, monospace;
  font-size: 1em; }

a {
  background-color: transparent; }

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted; }

b, strong {
  font-weight: bolder; }

code, kbd, samp {
  font-family: monospace, monospace;
  font-size: 1em; }

small {
  font-size: 80%; }

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

img {
  border-style: none; }

button, input, optgroup, select, textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0; }

button, input {
  overflow: visible; }

button, select {
  text-transform: none; }

button, [type="button"], [type="reset"], [type="submit"] {
  -webkit-appearance: button; }

button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

fieldset {
  padding: 0.35em 0.75em 0.625em; }

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal; }

progress {
  vertical-align: baseline; }

textarea {
  overflow: auto; }

[type="checkbox"], [type="radio"] {
  box-sizing: border-box;
  padding: 0; }

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
  height: auto; }

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px; }

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit; }

details {
  display: block; }

summary {
  display: list-item; }

template {
  display: none; }

[hidden] {
  display: none; }

.foundation-mq {
  font-family: "small=0em&medium=40em&large=64em&xlarge=75em&xxlarge=90em"; }

html {
  box-sizing: border-box;
  font-size: 100%; }

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

body {
  margin: 0;
  padding: 0;
  background: #fff;
  font-family: Poppins, 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;
  font-weight: 300;
  line-height: 1.5;
  color: #010101;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

img {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  height: auto;
  -ms-interpolation-mode: bicubic; }

textarea {
  height: auto;
  min-height: 50px;
  border-radius: 0; }

select {
  box-sizing: border-box;
  width: 100%;
  border-radius: 0; }

.map_canvas img, .mqa-display img, .map_canvas embed, .mqa-display embed, .map_canvas object, .mqa-display object {
  max-width: none !important; }

button {
  padding: 0;
  appearance: none;
  border: 0;
  border-radius: 0;
  background: transparent;
  line-height: 1;
  cursor: auto; }
  [data-whatinput='mouse'] button {
    outline: 0; }

pre {
  overflow: auto; }

button, input, optgroup, select, textarea {
  font-family: inherit; }

.is-visible {
  display: block !important; }

.is-hidden {
  display: none !important; }

[type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'], textarea {
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 2.4375rem;
  margin: 0 0 1rem;
  padding: 0.5rem;
  border: 1px solid #e4e4e0;
  border-radius: 2px;
  background-color: #fff;
  box-shadow: inset 0 1px 2px rgba(1, 1, 1, 0.1);
  font-family: inherit;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5;
  color: #010101;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
  appearance: none; }
  [type='text']:focus, [type='password']:focus, [type='date']:focus, [type='datetime']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='week']:focus, [type='email']:focus, [type='number']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='url']:focus, [type='color']:focus, textarea:focus {
    outline: none;
    border: 1px solid #585852;
    background-color: #fff;
    box-shadow: 0 0 5px #989889;
    transition: box-shadow 0.5s, border-color 0.25s ease-in-out; }

textarea {
  max-width: 100%; }
  textarea[rows] {
    height: auto; }

input:disabled, textarea:disabled, input[readonly], textarea[readonly] {
  background-color: #e4e4e0;
  cursor: not-allowed; }

[type='submit'], [type='button'] {
  appearance: none;
  border-radius: 0; }

input[type='search'] {
  box-sizing: border-box; }

::placeholder {
  color: #222; }

[type='file'], [type='checkbox'], [type='radio'] {
  margin: 0 0 1rem; }

[type='checkbox'] + label, [type='radio'] + label {
  display: inline-block;
  vertical-align: baseline;
  margin-left: 0.5rem;
  margin-right: 1rem;
  margin-bottom: 0; }
  [type='checkbox'] + label[for], [type='radio'] + label[for] {
    cursor: pointer; }

label > [type='checkbox'], label > [type='radio'] {
  margin-right: 0.5rem; }

[type='file'] {
  width: 100%; }

label {
  display: block;
  margin: 0;
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 1.8;
  color: #010101; }
  label.middle {
    margin: 0 0 1rem;
    padding: 0.5625rem 0; }

.help-text {
  margin-top: -0.5rem;
  font-size: 0.8125rem;
  font-style: italic;
  color: #010101; }

.input-group {
  display: flex;
  width: 100%;
  margin-bottom: 1rem;
  align-items: stretch; }
  .input-group > :first-child, .input-group > :first-child.input-group-button > * {
    border-radius: 2px 0 0 2px; }
.input-group > :last-child, .input-group > :last-child.input-group-button > * {
  border-radius: 0 2px 2px 0; }

.input-group-label, .input-group-field, .input-group-button, .input-group-button a, .input-group-button input, .input-group-button button, .input-group-button label {
  margin: 0;
  white-space: nowrap; }

.input-group-label {
  padding: 0 1rem;
  border: 1px solid #989889;
  background: #e4e4e0;
  color: #010101;
  text-align: center;
  white-space: nowrap;
  display: flex;
  flex: 0 0 auto;
  align-items: center; }
  .input-group-label:first-child {
    border-right: 0; }
  .input-group-label:last-child {
    border-left: 0; }

.input-group-field {
  border-radius: 0;
  flex: 1 1 0px;
  min-width: 0; }

.input-group-button {
  padding-top: 0;
  padding-bottom: 0;
  text-align: center;
  display: flex;
  flex: 0 0 auto; }
  .input-group-button a, .input-group-button input, .input-group-button button, .input-group-button label {
    align-self: stretch;
    height: auto;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 1rem; }

fieldset {
  margin: 0;
  padding: 0;
  border: 0; }

legend {
  max-width: 100%;
  margin-bottom: 0.5rem; }

.fieldset {
  margin: 1.125rem 0;
  padding: 1.25rem;
  border: 1px solid #989889; }
  .fieldset legend {
    margin: 0;
    margin-left: -0.1875rem;
    padding: 0 0.1875rem; }

select {
  height: 2.4375rem;
  margin: 0 0 1rem;
  padding: 0.5rem;
  appearance: none;
  border: 1px solid #e4e4e0;
  border-radius: 0;
  background-color: #fff;
  font-family: inherit;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5;
  color: #010101;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%2888, 88, 82%29'></polygon></svg>");
  background-origin: content-box;
  background-position: right -1rem center;
  background-repeat: no-repeat;
  background-size: 9px 6px;
  padding-right: 1.5rem;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out; }
@media screen and (min-width:0\0) {
  select {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg=='); } }
select:focus {
  outline: none;
  border: 1px solid #585852;
  background-color: #fff;
  box-shadow: 0 0 5px #989889;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out; }
select:disabled {
  background-color: #e4e4e0;
  cursor: not-allowed; }
select::-ms-expand {
  display: none; }
select[multiple] {
  height: auto;
  background-image: none; }

.is-invalid-input:not(:focus) {
  border-color: #cc4b37;
  background-color: #faedeb; }
  .is-invalid-input:not(:focus)::placeholder {
    color: #cc4b37; }

.is-invalid-label {
  color: #cc4b37; }

.form-error {
  display: none;
  margin-top: -0.5rem;
  margin-bottom: 1rem;
  font-size: 0.75rem;
  font-weight: 700;
  color: #cc4b37; }
  .form-error.is-visible {
    display: block; }

div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td {
  margin: 0;
  padding: 0; }

p {
  margin-bottom: 1rem;
  font-size: inherit;
  line-height: 1.25;
  text-rendering: optimizeLegibility; }

em, i {
  font-style: italic;
  line-height: inherit; }

strong, b {
  font-weight: 700;
  line-height: inherit; }

small {
  font-size: 65%;
  line-height: inherit; }

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  font-family: Poppins, 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;
  font-style: normal;
  font-weight: 300;
  color: #010101;
  text-rendering: optimizeLegibility; }
  h1 small, .h1 small, h2 small, .h2 small, h3 small, .h3 small, h4 small, .h4 small, h5 small, .h5 small, h6 small, .h6 small {
    line-height: 0;
    color: #010101; }
    h1, .h1 {
      font-size: 1.5rem;
      line-height: 1;
      margin-top: 1.875rem;
      margin-bottom: 0.3125rem; }
    h2, .h2 {
      font-size: 1.375rem;
      line-height: 1;
      margin-top: 1.875rem;
      margin-bottom: 1.125rem; }
    h3, .h3 {
      font-size: 1.1875rem;
      line-height: 1;
      margin-top: 1.875rem;
      margin-bottom: 0.875rem; }
    h4, .h4 {
      font-size: 1.125rem;
      line-height: 1;
      margin-top: 1.875rem;
      margin-bottom: 0.75rem; }
    h5, .h5 {
      font-size: 1rem;
      line-height: 1;
      margin-top: 0;
      margin-bottom: 0.625rem; }
    h6, .h6 {
      font-size: 1rem;
      line-height: 1;
      margin-top: 0;
      margin-bottom: 0.5rem; }
  @media print, screen and (min-width: 40em) {
    h1, .h1 {
      font-size: 2rem;
      margin-top: 2.5rem;
      margin-bottom: 1.5625rem; }
    h2, .h2 {
      font-size: 1.75rem;
      margin-bottom: 1.5rem; }
    h3, .h3 {
      font-size: 1.5rem; }
    h4, .h4 {
      font-size: 1.25rem; }
    h5, .h5 {
      font-size: 1rem;
      margin-bottom: 0.875rem; } }
@media print, screen and (min-width: 64em) {
  h1, .h1 {
    font-size: 2.25rem;
    margin-top: 3.5rem; }
  h2, .h2 {
    font-size: 2rem;
    margin-top: 2.5rem;
    margin-bottom: 1.875rem; }
  h3, .h3 {
    font-size: 1.875rem;
    margin-bottom: 1.5rem; }
  h4, .h4 {
    font-size: 1.3125rem;
    margin-bottom: 1rem; }
  h5, .h5 {
    font-size: 1.125rem;
    margin-bottom: 0.875rem; } }

a {
  line-height: inherit;
  color: #585852;
  text-decoration: none;
  cursor: pointer; }
  a:hover, a:focus {
    color: #4c4c47; }
  a img {
    border: 0; }

hr {
  clear: both;
  max-width: 700px;
  height: 0;
  margin: 2.5rem auto 1.875rem;
  border-top: 0;
  border-right: 0;
  border-bottom: 1px solid #a69e96;
  border-left: 0; }

ul, ol, dl {
  margin-bottom: 1rem;
  list-style-position: outside;
  line-height: 1.25; }

li {
  font-size: inherit; }

ul {
  margin-left: 1.25rem;
  list-style-type: disc; }

ol {
  margin-left: 1.25rem; }

ul ul, ul ol, ol ul, ol ol {
  margin-left: 1.25rem;
  margin-bottom: 0; }

dl {
  margin-bottom: 1rem; }
  dl dt {
    margin-bottom: 0.3rem;
    font-weight: 700; }

blockquote {
  margin: 0 0 1rem;
  padding: 0.5625rem 1.25rem 0 1.1875rem;
  border-left: 1px solid #989889; }
  blockquote, blockquote p {
    line-height: 1.25;
    color: #585852; }

cite {
  display: block;
  font-size: 0.8125rem;
  color: #585852; }
  cite:before {
    content: '\2014 \0020'; }

abbr, abbr[title] {
  border-bottom: 1px dotted #010101;
  cursor: help;
  text-decoration: none; }

figure {
  margin: 0; }

code {
  padding: 0.125rem 0.3125rem 0.0625rem;
  border: 1px solid #989889;
  background-color: #e4e4e0;
  font-family: Consolas, 'Liberation Mono', Courier, monospace;
  font-weight: 300;
  color: #010101; }

kbd {
  margin: 0;
  padding: 0.125rem 0.25rem 0;
  background-color: #e4e4e0;
  font-family: Consolas, 'Liberation Mono', Courier, monospace;
  color: #010101; }

.subheader {
  margin-top: 0.2rem;
  margin-bottom: 0.5rem;
  font-weight: 300;
  line-height: 1.4;
  color: #585852; }

.lead {
  font-size: 125%;
  line-height: 1.6; }

.stat {
  font-size: 2.5rem;
  line-height: 1; }
  p + .stat {
    margin-top: -1rem; }

ul.no-bullet, ol.no-bullet {
  margin-left: 0;
  list-style: none; }
  .text-left {
    text-align: left; }
  .text-right {
    text-align: right; }
  .text-center, .headertop-button, .floating-facadegamme {
    text-align: center; }
  .text-justify {
    text-align: justify; }
@media print, screen and (min-width: 40em) {
  .medium-text-left {
    text-align: left; }
  .medium-text-right {
    text-align: right; }
  .medium-text-center {
    text-align: center; }
  .medium-text-justify {
    text-align: justify; } }
@media print, screen and (min-width: 64em) {
  .large-text-left {
    text-align: left; }
  .large-text-right {
    text-align: right; }
  .large-text-center {
    text-align: center; }
  .large-text-justify {
    text-align: justify; } }
@media screen and (min-width: 75em) {
  .xlarge-text-left {
    text-align: left; }
  .xlarge-text-right {
    text-align: right; }
  .xlarge-text-center {
    text-align: center; }
  .xlarge-text-justify {
    text-align: justify; } }

.show-for-print {
  display: none !important; }

@media print {
  * {
    background: transparent !important;
    box-shadow: none !important;
    color: black !important;
    text-shadow: none !important; }
  .show-for-print {
    display: block !important; }
  .hide-for-print {
    display: none !important; }
  table.show-for-print {
    display: table !important; }
  thead.show-for-print {
    display: table-header-group !important; }
  tbody.show-for-print {
    display: table-row-group !important; }
  tr.show-for-print {
    display: table-row !important; }
  td.show-for-print {
    display: table-cell !important; }
  th.show-for-print {
    display: table-cell !important; }
  a, a:visited {
    text-decoration: underline; }
  a[href]:after {
    content: ' (' attr(href) ')'; }
  .ir a:after, a[href^='javascript:']:after, a[href^='#']:after {
    content: ''; }
  abbr[title]:after {
    content: ' (' attr(title) ')'; }
  pre, blockquote {
    border: 1px solid #585852;
    page-break-inside: avoid; }
  thead {
    display: table-header-group; }
  tr, img {
    page-break-inside: avoid; }
  img {
    max-width: 100% !important; }
  @page {
    .unstriped tbody {
      margin: 0.5cm; } }
  p, h2, h3 {
    orphans: 3;
    widows: 3; }
  h2, h3 {
    page-break-after: avoid; }
  .print-break-inside {
    page-break-inside: auto; } }

.grid-container {
  padding-right: 0.9375rem;
  padding-left: 0.9375rem;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto; }
@media print, screen and (min-width: 40em) {
  .grid-container {
    padding-right: 1.25rem;
    padding-left: 1.25rem; } }
.grid-container.fluid {
  padding-right: 0.9375rem;
  padding-left: 0.9375rem;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto; }
@media print, screen and (min-width: 40em) {
  .grid-container.fluid {
    padding-right: 1.25rem;
    padding-left: 1.25rem; } }
.grid-container.full {
  padding-right: 0;
  padding-left: 0;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto; }

.grid-x {
  display: flex;
  flex-flow: row wrap; }

.cell {
  flex: 0 0 auto;
  min-height: 0px;
  min-width: 0px;
  width: 100%; }
  .cell.auto {
    flex: 1 1 0px; }
  .cell.shrink {
    flex: 0 0 auto; }

.grid-x > .auto {
  width: auto; }
.grid-x > .shrink {
  width: auto; }
  .grid-x > .small-shrink, .grid-x > .small-full, .grid-x > .small-1, .grid-x > .small-2, .grid-x > .small-3, .grid-x > .small-4, .grid-x > .small-5, .grid-x > .small-6, .grid-x > .small-7, .grid-x > .small-8, .grid-x > .small-9, .grid-x > .small-10, .grid-x > .small-11, .grid-x > .small-12 {
    flex-basis: auto; }
@media print, screen and (min-width: 40em) {
  .grid-x > .medium-shrink, .grid-x > .medium-full, .grid-x > .medium-1, .grid-x > .medium-2, .grid-x > .medium-3, .grid-x > .medium-4, .grid-x > .medium-5, .grid-x > .medium-6, .grid-x > .medium-7, .grid-x > .medium-8, .grid-x > .medium-9, .grid-x > .medium-10, .grid-x > .medium-11, .grid-x > .medium-12 {
    flex-basis: auto; } }
@media print, screen and (min-width: 64em) {
  .grid-x > .large-shrink, .grid-x > .large-full, .grid-x > .large-1, .grid-x > .large-2, .grid-x > .large-3, .grid-x > .large-4, .grid-x > .large-5, .grid-x > .large-6, .grid-x > .large-7, .grid-x > .large-8, .grid-x > .large-9, .grid-x > .large-10, .grid-x > .large-11, .grid-x > .large-12 {
    flex-basis: auto; } }
@media screen and (min-width: 75em) {
  .grid-x > .xlarge-shrink, .grid-x > .xlarge-full, .grid-x > .xlarge-1, .grid-x > .xlarge-2, .grid-x > .xlarge-3, .grid-x > .xlarge-4, .grid-x > .xlarge-5, .grid-x > .xlarge-6, .grid-x > .xlarge-7, .grid-x > .xlarge-8, .grid-x > .xlarge-9, .grid-x > .xlarge-10, .grid-x > .xlarge-11, .grid-x > .xlarge-12 {
    flex-basis: auto; } }
.grid-x > .small-auto {
  flex: 1 1 0px;
  width: auto; }
.grid-x > .small-shrink, .grid-x > .small-1, .grid-x > .small-2, .grid-x > .small-3, .grid-x > .small-4, .grid-x > .small-5, .grid-x > .small-6, .grid-x > .small-7, .grid-x > .small-8, .grid-x > .small-9, .grid-x > .small-10, .grid-x > .small-11, .grid-x > .small-12 {
  flex: 0 0 auto; }
.grid-x > .small-shrink {
  width: auto; }
.grid-x > .small-1 {
  width: 8.3333333333%; }
.grid-x > .small-2 {
  width: 16.6666666667%; }
.grid-x > .small-3 {
  width: 25%; }
.grid-x > .small-4 {
  width: 33.3333333333%; }
.grid-x > .small-5 {
  width: 41.6666666667%; }
.grid-x > .small-6 {
  width: 50%; }
.grid-x > .small-7 {
  width: 58.3333333333%; }
.grid-x > .small-8 {
  width: 66.6666666667%; }
.grid-x > .small-9 {
  width: 75%; }
.grid-x > .small-10 {
  width: 83.3333333333%; }
.grid-x > .small-11 {
  width: 91.6666666667%; }
.grid-x > .small-12 {
  width: 100%; }
@media print, screen and (min-width: 40em) {
  .grid-x > .medium-auto {
    flex: 1 1 0px;
    width: auto; }
  .grid-x > .medium-shrink, .grid-x > .medium-1, .grid-x > .medium-2, .grid-x > .medium-3, .grid-x > .medium-4, .grid-x > .medium-5, .grid-x > .medium-6, .grid-x > .medium-7, .grid-x > .medium-8, .grid-x > .medium-9, .grid-x > .medium-10, .grid-x > .medium-11, .grid-x > .medium-12 {
    flex: 0 0 auto; }
  .grid-x > .medium-shrink {
    width: auto; }
  .grid-x > .medium-1 {
    width: 8.3333333333%; }
  .grid-x > .medium-2 {
    width: 16.6666666667%; }
  .grid-x > .medium-3 {
    width: 25%; }
  .grid-x > .medium-4 {
    width: 33.3333333333%; }
  .grid-x > .medium-5 {
    width: 41.6666666667%; }
  .grid-x > .medium-6 {
    width: 50%; }
  .grid-x > .medium-7 {
    width: 58.3333333333%; }
  .grid-x > .medium-8 {
    width: 66.6666666667%; }
  .grid-x > .medium-9 {
    width: 75%; }
  .grid-x > .medium-10 {
    width: 83.3333333333%; }
  .grid-x > .medium-11 {
    width: 91.6666666667%; }
  .grid-x > .medium-12 {
    width: 100%; } }
@media print, screen and (min-width: 64em) {
  .grid-x > .large-auto {
    flex: 1 1 0px;
    width: auto; }
  .grid-x > .large-shrink, .grid-x > .large-1, .grid-x > .large-2, .grid-x > .large-3, .grid-x > .large-4, .grid-x > .large-5, .grid-x > .large-6, .grid-x > .large-7, .grid-x > .large-8, .grid-x > .large-9, .grid-x > .large-10, .grid-x > .large-11, .grid-x > .large-12 {
    flex: 0 0 auto; }
  .grid-x > .large-shrink {
    width: auto; }
  .grid-x > .large-1 {
    width: 8.3333333333%; }
  .grid-x > .large-2 {
    width: 16.6666666667%; }
  .grid-x > .large-3 {
    width: 25%; }
  .grid-x > .large-4 {
    width: 33.3333333333%; }
  .grid-x > .large-5 {
    width: 41.6666666667%; }
  .grid-x > .large-6 {
    width: 50%; }
  .grid-x > .large-7 {
    width: 58.3333333333%; }
  .grid-x > .large-8 {
    width: 66.6666666667%; }
  .grid-x > .large-9 {
    width: 75%; }
  .grid-x > .large-10 {
    width: 83.3333333333%; }
  .grid-x > .large-11 {
    width: 91.6666666667%; }
  .grid-x > .large-12 {
    width: 100%; } }
@media screen and (min-width: 75em) {
  .grid-x > .xlarge-auto {
    flex: 1 1 0px;
    width: auto; }
  .grid-x > .xlarge-shrink, .grid-x > .xlarge-1, .grid-x > .xlarge-2, .grid-x > .xlarge-3, .grid-x > .xlarge-4, .grid-x > .xlarge-5, .grid-x > .xlarge-6, .grid-x > .xlarge-7, .grid-x > .xlarge-8, .grid-x > .xlarge-9, .grid-x > .xlarge-10, .grid-x > .xlarge-11, .grid-x > .xlarge-12 {
    flex: 0 0 auto; }
  .grid-x > .xlarge-shrink {
    width: auto; }
  .grid-x > .xlarge-1 {
    width: 8.3333333333%; }
  .grid-x > .xlarge-2 {
    width: 16.6666666667%; }
  .grid-x > .xlarge-3 {
    width: 25%; }
  .grid-x > .xlarge-4 {
    width: 33.3333333333%; }
  .grid-x > .xlarge-5 {
    width: 41.6666666667%; }
  .grid-x > .xlarge-6 {
    width: 50%; }
  .grid-x > .xlarge-7 {
    width: 58.3333333333%; }
  .grid-x > .xlarge-8 {
    width: 66.6666666667%; }
  .grid-x > .xlarge-9 {
    width: 75%; }
  .grid-x > .xlarge-10 {
    width: 83.3333333333%; }
  .grid-x > .xlarge-11 {
    width: 91.6666666667%; }
  .grid-x > .xlarge-12 {
    width: 100%; } }

.grid-margin-x:not(.grid-x) > .cell {
  width: auto; }

.grid-margin-y:not(.grid-y) > .cell {
  height: auto; }

.grid-margin-x {
  margin-left: -0.9375rem;
  margin-right: -0.9375rem; }
@media print, screen and (min-width: 40em) {
  .grid-margin-x {
    margin-left: -1.25rem;
    margin-right: -1.25rem; } }
.grid-margin-x > .cell {
  width: calc(100% - 1.875rem);
  margin-left: 0.9375rem;
  margin-right: 0.9375rem; }
@media print, screen and (min-width: 40em) {
  .grid-margin-x > .cell {
    width: calc(100% - 2.5rem);
    margin-left: 1.25rem;
    margin-right: 1.25rem; } }
.grid-margin-x > .auto {
  width: auto; }
.grid-margin-x > .shrink {
  width: auto; }
.grid-margin-x > .small-1 {
  width: calc(8.3333333333% - 1.875rem); }
.grid-margin-x > .small-2 {
  width: calc(16.6666666667% - 1.875rem); }
.grid-margin-x > .small-3 {
  width: calc(25% - 1.875rem); }
.grid-margin-x > .small-4 {
  width: calc(33.3333333333% - 1.875rem); }
.grid-margin-x > .small-5 {
  width: calc(41.6666666667% - 1.875rem); }
.grid-margin-x > .small-6 {
  width: calc(50% - 1.875rem); }
.grid-margin-x > .small-7 {
  width: calc(58.3333333333% - 1.875rem); }
.grid-margin-x > .small-8 {
  width: calc(66.6666666667% - 1.875rem); }
.grid-margin-x > .small-9 {
  width: calc(75% - 1.875rem); }
.grid-margin-x > .small-10 {
  width: calc(83.3333333333% - 1.875rem); }
.grid-margin-x > .small-11 {
  width: calc(91.6666666667% - 1.875rem); }
.grid-margin-x > .small-12 {
  width: calc(100% - 1.875rem); }
@media print, screen and (min-width: 40em) {
  .grid-margin-x > .2-auto {
    width: auto; }
  .grid-margin-x > .2-shrink {
    width: auto; }
  .grid-margin-x > .2-1 {
    width: calc(8.3333333333% - 2.5rem); }
  .grid-margin-x > .2-2 {
    width: calc(16.6666666667% - 2.5rem); }
  .grid-margin-x > .2-3 {
    width: calc(25% - 2.5rem); }
  .grid-margin-x > .2-4 {
    width: calc(33.3333333333% - 2.5rem); }
  .grid-margin-x > .2-5 {
    width: calc(41.6666666667% - 2.5rem); }
  .grid-margin-x > .2-6 {
    width: calc(50% - 2.5rem); }
  .grid-margin-x > .2-7 {
    width: calc(58.3333333333% - 2.5rem); }
  .grid-margin-x > .2-8 {
    width: calc(66.6666666667% - 2.5rem); }
  .grid-margin-x > .2-9 {
    width: calc(75% - 2.5rem); }
  .grid-margin-x > .2-10 {
    width: calc(83.3333333333% - 2.5rem); }
  .grid-margin-x > .2-11 {
    width: calc(91.6666666667% - 2.5rem); }
  .grid-margin-x > .2-12 {
    width: calc(100% - 2.5rem); }
  .grid-margin-x > .medium-auto {
    width: auto; }
  .grid-margin-x > .medium-shrink {
    width: auto; }
  .grid-margin-x > .medium-1 {
    width: calc(8.3333333333% - 2.5rem); }
  .grid-margin-x > .medium-2 {
    width: calc(16.6666666667% - 2.5rem); }
  .grid-margin-x > .medium-3 {
    width: calc(25% - 2.5rem); }
  .grid-margin-x > .medium-4 {
    width: calc(33.3333333333% - 2.5rem); }
  .grid-margin-x > .medium-5 {
    width: calc(41.6666666667% - 2.5rem); }
  .grid-margin-x > .medium-6 {
    width: calc(50% - 2.5rem); }
  .grid-margin-x > .medium-7 {
    width: calc(58.3333333333% - 2.5rem); }
  .grid-margin-x > .medium-8 {
    width: calc(66.6666666667% - 2.5rem); }
  .grid-margin-x > .medium-9 {
    width: calc(75% - 2.5rem); }
  .grid-margin-x > .medium-10 {
    width: calc(83.3333333333% - 2.5rem); }
  .grid-margin-x > .medium-11 {
    width: calc(91.6666666667% - 2.5rem); }
  .grid-margin-x > .medium-12 {
    width: calc(100% - 2.5rem); } }
@media print, screen and (min-width: 64em) {
  .grid-margin-x > .large-auto {
    width: auto; }
  .grid-margin-x > .large-shrink {
    width: auto; }
  .grid-margin-x > .large-1 {
    width: calc(8.3333333333% - 2.5rem); }
  .grid-margin-x > .large-2 {
    width: calc(16.6666666667% - 2.5rem); }
  .grid-margin-x > .large-3 {
    width: calc(25% - 2.5rem); }
  .grid-margin-x > .large-4 {
    width: calc(33.3333333333% - 2.5rem); }
  .grid-margin-x > .large-5 {
    width: calc(41.6666666667% - 2.5rem); }
  .grid-margin-x > .large-6 {
    width: calc(50% - 2.5rem); }
  .grid-margin-x > .large-7 {
    width: calc(58.3333333333% - 2.5rem); }
  .grid-margin-x > .large-8 {
    width: calc(66.6666666667% - 2.5rem); }
  .grid-margin-x > .large-9 {
    width: calc(75% - 2.5rem); }
  .grid-margin-x > .large-10 {
    width: calc(83.3333333333% - 2.5rem); }
  .grid-margin-x > .large-11 {
    width: calc(91.6666666667% - 2.5rem); }
  .grid-margin-x > .large-12 {
    width: calc(100% - 2.5rem); } }
@media screen and (min-width: 75em) {
  .grid-margin-x > .xlarge-auto {
    width: auto; }
  .grid-margin-x > .xlarge-shrink {
    width: auto; }
  .grid-margin-x > .xlarge-1 {
    width: calc(8.3333333333% - 2.5rem); }
  .grid-margin-x > .xlarge-2 {
    width: calc(16.6666666667% - 2.5rem); }
  .grid-margin-x > .xlarge-3 {
    width: calc(25% - 2.5rem); }
  .grid-margin-x > .xlarge-4 {
    width: calc(33.3333333333% - 2.5rem); }
  .grid-margin-x > .xlarge-5 {
    width: calc(41.6666666667% - 2.5rem); }
  .grid-margin-x > .xlarge-6 {
    width: calc(50% - 2.5rem); }
  .grid-margin-x > .xlarge-7 {
    width: calc(58.3333333333% - 2.5rem); }
  .grid-margin-x > .xlarge-8 {
    width: calc(66.6666666667% - 2.5rem); }
  .grid-margin-x > .xlarge-9 {
    width: calc(75% - 2.5rem); }
  .grid-margin-x > .xlarge-10 {
    width: calc(83.3333333333% - 2.5rem); }
  .grid-margin-x > .xlarge-11 {
    width: calc(91.6666666667% - 2.5rem); }
  .grid-margin-x > .xlarge-12 {
    width: calc(100% - 2.5rem); } }

.grid-padding-x .grid-padding-x {
  margin-right: -0.9375rem;
  margin-left: -0.9375rem; }
@media print, screen and (min-width: 40em) {
  .grid-padding-x .grid-padding-x {
    margin-right: -1.25rem;
    margin-left: -1.25rem; } }
.grid-container:not(.full) > .grid-padding-x {
  margin-right: -0.9375rem;
  margin-left: -0.9375rem; }
@media print, screen and (min-width: 40em) {
  .grid-container:not(.full) > .grid-padding-x {
    margin-right: -1.25rem;
    margin-left: -1.25rem; } }
.grid-padding-x > .cell {
  padding-right: 0.9375rem;
  padding-left: 0.9375rem; }
@media print, screen and (min-width: 40em) {
  .grid-padding-x > .cell {
    padding-right: 1.25rem;
    padding-left: 1.25rem; } }
.small-up-1 > .cell {
  width: 100%; }
.small-up-2 > .cell {
  width: 50%; }
.small-up-3 > .cell {
  width: 33.3333333333%; }
.small-up-4 > .cell {
  width: 25%; }
.small-up-5 > .cell {
  width: 20%; }
.small-up-6 > .cell {
  width: 16.6666666667%; }
.small-up-7 > .cell {
  width: 14.2857142857%; }
.small-up-8 > .cell {
  width: 12.5%; }
@media print, screen and (min-width: 40em) {
  .medium-up-1 > .cell {
    width: 100%; }
  .medium-up-2 > .cell {
    width: 50%; }
  .medium-up-3 > .cell {
    width: 33.3333333333%; }
  .medium-up-4 > .cell {
    width: 25%; }
  .medium-up-5 > .cell {
    width: 20%; }
  .medium-up-6 > .cell {
    width: 16.6666666667%; }
  .medium-up-7 > .cell {
    width: 14.2857142857%; }
  .medium-up-8 > .cell {
    width: 12.5%; } }
@media print, screen and (min-width: 64em) {
  .large-up-1 > .cell {
    width: 100%; }
  .large-up-2 > .cell {
    width: 50%; }
  .large-up-3 > .cell {
    width: 33.3333333333%; }
  .large-up-4 > .cell {
    width: 25%; }
  .large-up-5 > .cell {
    width: 20%; }
  .large-up-6 > .cell {
    width: 16.6666666667%; }
  .large-up-7 > .cell {
    width: 14.2857142857%; }
  .large-up-8 > .cell {
    width: 12.5%; } }
@media screen and (min-width: 75em) {
  .xlarge-up-1 > .cell {
    width: 100%; }
  .xlarge-up-2 > .cell {
    width: 50%; }
  .xlarge-up-3 > .cell {
    width: 33.3333333333%; }
  .xlarge-up-4 > .cell {
    width: 25%; }
  .xlarge-up-5 > .cell {
    width: 20%; }
  .xlarge-up-6 > .cell {
    width: 16.6666666667%; }
  .xlarge-up-7 > .cell {
    width: 14.2857142857%; }
  .xlarge-up-8 > .cell {
    width: 12.5%; } }
.grid-margin-x.small-up-1 > .cell {
  width: calc(100% - 1.875rem); }
.grid-margin-x.small-up-2 > .cell {
  width: calc(50% - 1.875rem); }
.grid-margin-x.small-up-3 > .cell {
  width: calc(33.3333333333% - 1.875rem); }
.grid-margin-x.small-up-4 > .cell {
  width: calc(25% - 1.875rem); }
.grid-margin-x.small-up-5 > .cell {
  width: calc(20% - 1.875rem); }
.grid-margin-x.small-up-6 > .cell {
  width: calc(16.6666666667% - 1.875rem); }
.grid-margin-x.small-up-7 > .cell {
  width: calc(14.2857142857% - 1.875rem); }
.grid-margin-x.small-up-8 > .cell {
  width: calc(12.5% - 1.875rem); }
@media print, screen and (min-width: 40em) {
  .grid-margin-x.small-up-1 > .cell {
    width: calc(100% - 2.5rem); }
  .grid-margin-x.small-up-2 > .cell {
    width: calc(50% - 2.5rem); }
  .grid-margin-x.small-up-3 > .cell {
    width: calc(33.3333333333% - 2.5rem); }
  .grid-margin-x.small-up-4 > .cell {
    width: calc(25% - 2.5rem); }
  .grid-margin-x.small-up-5 > .cell {
    width: calc(20% - 2.5rem); }
  .grid-margin-x.small-up-6 > .cell {
    width: calc(16.6666666667% - 2.5rem); }
  .grid-margin-x.small-up-7 > .cell {
    width: calc(14.2857142857% - 2.5rem); }
  .grid-margin-x.small-up-8 > .cell {
    width: calc(12.5% - 2.5rem); }
  .grid-margin-x.medium-up-1 > .cell {
    width: calc(100% - 2.5rem); }
  .grid-margin-x.medium-up-2 > .cell {
    width: calc(50% - 2.5rem); }
  .grid-margin-x.medium-up-3 > .cell {
    width: calc(33.3333333333% - 2.5rem); }
  .grid-margin-x.medium-up-4 > .cell {
    width: calc(25% - 2.5rem); }
  .grid-margin-x.medium-up-5 > .cell {
    width: calc(20% - 2.5rem); }
  .grid-margin-x.medium-up-6 > .cell {
    width: calc(16.6666666667% - 2.5rem); }
  .grid-margin-x.medium-up-7 > .cell {
    width: calc(14.2857142857% - 2.5rem); }
  .grid-margin-x.medium-up-8 > .cell {
    width: calc(12.5% - 2.5rem); } }
@media print, screen and (min-width: 64em) {
  .grid-margin-x.large-up-1 > .cell {
    width: calc(100% - 2.5rem); }
  .grid-margin-x.large-up-2 > .cell {
    width: calc(50% - 2.5rem); }
  .grid-margin-x.large-up-3 > .cell {
    width: calc(33.3333333333% - 2.5rem); }
  .grid-margin-x.large-up-4 > .cell {
    width: calc(25% - 2.5rem); }
  .grid-margin-x.large-up-5 > .cell {
    width: calc(20% - 2.5rem); }
  .grid-margin-x.large-up-6 > .cell {
    width: calc(16.6666666667% - 2.5rem); }
  .grid-margin-x.large-up-7 > .cell {
    width: calc(14.2857142857% - 2.5rem); }
  .grid-margin-x.large-up-8 > .cell {
    width: calc(12.5% - 2.5rem); } }
@media screen and (min-width: 75em) {
  .grid-margin-x.xlarge-up-1 > .cell {
    width: calc(100% - 2.5rem); }
  .grid-margin-x.xlarge-up-2 > .cell {
    width: calc(50% - 2.5rem); }
  .grid-margin-x.xlarge-up-3 > .cell {
    width: calc(33.3333333333% - 2.5rem); }
  .grid-margin-x.xlarge-up-4 > .cell {
    width: calc(25% - 2.5rem); }
  .grid-margin-x.xlarge-up-5 > .cell {
    width: calc(20% - 2.5rem); }
  .grid-margin-x.xlarge-up-6 > .cell {
    width: calc(16.6666666667% - 2.5rem); }
  .grid-margin-x.xlarge-up-7 > .cell {
    width: calc(14.2857142857% - 2.5rem); }
  .grid-margin-x.xlarge-up-8 > .cell {
    width: calc(12.5% - 2.5rem); } }
.small-offset-0 {
  margin-left: 0%; }
.grid-margin-x > .small-offset-0 {
  margin-left: calc(0% + 0.9375rem); }
.small-offset-1 {
  margin-left: 8.3333333333%; }
.grid-margin-x > .small-offset-1 {
  margin-left: calc(8.3333333333% + 0.9375rem); }
.small-offset-2 {
  margin-left: 16.6666666667%; }
.grid-margin-x > .small-offset-2 {
  margin-left: calc(16.6666666667% + 0.9375rem); }
.small-offset-3 {
  margin-left: 25%; }
.grid-margin-x > .small-offset-3 {
  margin-left: calc(25% + 0.9375rem); }
.small-offset-4 {
  margin-left: 33.3333333333%; }
.grid-margin-x > .small-offset-4 {
  margin-left: calc(33.3333333333% + 0.9375rem); }
.small-offset-5 {
  margin-left: 41.6666666667%; }
.grid-margin-x > .small-offset-5 {
  margin-left: calc(41.6666666667% + 0.9375rem); }
.small-offset-6 {
  margin-left: 50%; }
.grid-margin-x > .small-offset-6 {
  margin-left: calc(50% + 0.9375rem); }
.small-offset-7 {
  margin-left: 58.3333333333%; }
.grid-margin-x > .small-offset-7 {
  margin-left: calc(58.3333333333% + 0.9375rem); }
.small-offset-8 {
  margin-left: 66.6666666667%; }
.grid-margin-x > .small-offset-8 {
  margin-left: calc(66.6666666667% + 0.9375rem); }
.small-offset-9 {
  margin-left: 75%; }
.grid-margin-x > .small-offset-9 {
  margin-left: calc(75% + 0.9375rem); }
.small-offset-10 {
  margin-left: 83.3333333333%; }
.grid-margin-x > .small-offset-10 {
  margin-left: calc(83.3333333333% + 0.9375rem); }
.small-offset-11 {
  margin-left: 91.6666666667%; }
.grid-margin-x > .small-offset-11 {
  margin-left: calc(91.6666666667% + 0.9375rem); }
@media print, screen and (min-width: 40em) {
  .medium-offset-0 {
    margin-left: 0%; }
  .grid-margin-x > .medium-offset-0 {
    margin-left: calc(0% + 1.25rem); }
  .medium-offset-1 {
    margin-left: 8.3333333333%; }
  .grid-margin-x > .medium-offset-1 {
    margin-left: calc(8.3333333333% + 1.25rem); }
  .medium-offset-2 {
    margin-left: 16.6666666667%; }
  .grid-margin-x > .medium-offset-2 {
    margin-left: calc(16.6666666667% + 1.25rem); }
  .medium-offset-3 {
    margin-left: 25%; }
  .grid-margin-x > .medium-offset-3 {
    margin-left: calc(25% + 1.25rem); }
  .medium-offset-4 {
    margin-left: 33.3333333333%; }
  .grid-margin-x > .medium-offset-4 {
    margin-left: calc(33.3333333333% + 1.25rem); }
  .medium-offset-5 {
    margin-left: 41.6666666667%; }
  .grid-margin-x > .medium-offset-5 {
    margin-left: calc(41.6666666667% + 1.25rem); }
  .medium-offset-6 {
    margin-left: 50%; }
  .grid-margin-x > .medium-offset-6 {
    margin-left: calc(50% + 1.25rem); }
  .medium-offset-7 {
    margin-left: 58.3333333333%; }
  .grid-margin-x > .medium-offset-7 {
    margin-left: calc(58.3333333333% + 1.25rem); }
  .medium-offset-8 {
    margin-left: 66.6666666667%; }
  .grid-margin-x > .medium-offset-8 {
    margin-left: calc(66.6666666667% + 1.25rem); }
  .medium-offset-9 {
    margin-left: 75%; }
  .grid-margin-x > .medium-offset-9 {
    margin-left: calc(75% + 1.25rem); }
  .medium-offset-10 {
    margin-left: 83.3333333333%; }
  .grid-margin-x > .medium-offset-10 {
    margin-left: calc(83.3333333333% + 1.25rem); }
  .medium-offset-11 {
    margin-left: 91.6666666667%; }
  .grid-margin-x > .medium-offset-11 {
    margin-left: calc(91.6666666667% + 1.25rem); } }
@media print, screen and (min-width: 64em) {
  .large-offset-0 {
    margin-left: 0%; }
  .grid-margin-x > .large-offset-0 {
    margin-left: calc(0% + 1.25rem); }
  .large-offset-1 {
    margin-left: 8.3333333333%; }
  .grid-margin-x > .large-offset-1 {
    margin-left: calc(8.3333333333% + 1.25rem); }
  .large-offset-2 {
    margin-left: 16.6666666667%; }
  .grid-margin-x > .large-offset-2 {
    margin-left: calc(16.6666666667% + 1.25rem); }
  .large-offset-3 {
    margin-left: 25%; }
  .grid-margin-x > .large-offset-3 {
    margin-left: calc(25% + 1.25rem); }
  .large-offset-4 {
    margin-left: 33.3333333333%; }
  .grid-margin-x > .large-offset-4 {
    margin-left: calc(33.3333333333% + 1.25rem); }
  .large-offset-5 {
    margin-left: 41.6666666667%; }
  .grid-margin-x > .large-offset-5 {
    margin-left: calc(41.6666666667% + 1.25rem); }
  .large-offset-6 {
    margin-left: 50%; }
  .grid-margin-x > .large-offset-6 {
    margin-left: calc(50% + 1.25rem); }
  .large-offset-7 {
    margin-left: 58.3333333333%; }
  .grid-margin-x > .large-offset-7 {
    margin-left: calc(58.3333333333% + 1.25rem); }
  .large-offset-8 {
    margin-left: 66.6666666667%; }
  .grid-margin-x > .large-offset-8 {
    margin-left: calc(66.6666666667% + 1.25rem); }
  .large-offset-9 {
    margin-left: 75%; }
  .grid-margin-x > .large-offset-9 {
    margin-left: calc(75% + 1.25rem); }
  .large-offset-10 {
    margin-left: 83.3333333333%; }
  .grid-margin-x > .large-offset-10 {
    margin-left: calc(83.3333333333% + 1.25rem); }
  .large-offset-11 {
    margin-left: 91.6666666667%; }
  .grid-margin-x > .large-offset-11 {
    margin-left: calc(91.6666666667% + 1.25rem); } }
@media screen and (min-width: 75em) {
  .xlarge-offset-0 {
    margin-left: 0%; }
  .grid-margin-x > .xlarge-offset-0 {
    margin-left: calc(0% + 1.25rem); }
  .xlarge-offset-1 {
    margin-left: 8.3333333333%; }
  .grid-margin-x > .xlarge-offset-1 {
    margin-left: calc(8.3333333333% + 1.25rem); }
  .xlarge-offset-2 {
    margin-left: 16.6666666667%; }
  .grid-margin-x > .xlarge-offset-2 {
    margin-left: calc(16.6666666667% + 1.25rem); }
  .xlarge-offset-3 {
    margin-left: 25%; }
  .grid-margin-x > .xlarge-offset-3 {
    margin-left: calc(25% + 1.25rem); }
  .xlarge-offset-4 {
    margin-left: 33.3333333333%; }
  .grid-margin-x > .xlarge-offset-4 {
    margin-left: calc(33.3333333333% + 1.25rem); }
  .xlarge-offset-5 {
    margin-left: 41.6666666667%; }
  .grid-margin-x > .xlarge-offset-5 {
    margin-left: calc(41.6666666667% + 1.25rem); }
  .xlarge-offset-6 {
    margin-left: 50%; }
  .grid-margin-x > .xlarge-offset-6 {
    margin-left: calc(50% + 1.25rem); }
  .xlarge-offset-7 {
    margin-left: 58.3333333333%; }
  .grid-margin-x > .xlarge-offset-7 {
    margin-left: calc(58.3333333333% + 1.25rem); }
  .xlarge-offset-8 {
    margin-left: 66.6666666667%; }
  .grid-margin-x > .xlarge-offset-8 {
    margin-left: calc(66.6666666667% + 1.25rem); }
  .xlarge-offset-9 {
    margin-left: 75%; }
  .grid-margin-x > .xlarge-offset-9 {
    margin-left: calc(75% + 1.25rem); }
  .xlarge-offset-10 {
    margin-left: 83.3333333333%; }
  .grid-margin-x > .xlarge-offset-10 {
    margin-left: calc(83.3333333333% + 1.25rem); }
  .xlarge-offset-11 {
    margin-left: 91.6666666667%; }
  .grid-margin-x > .xlarge-offset-11 {
    margin-left: calc(91.6666666667% + 1.25rem); } }
.grid-y {
  display: flex;
  flex-flow: column nowrap; }
  .grid-y > .cell {
    width: auto;
    max-width: none; }
  .grid-y > .auto {
    height: auto; }
  .grid-y > .shrink {
    height: auto; }
    .grid-y > .small-shrink, .grid-y > .small-full, .grid-y > .small-1, .grid-y > .small-2, .grid-y > .small-3, .grid-y > .small-4, .grid-y > .small-5, .grid-y > .small-6, .grid-y > .small-7, .grid-y > .small-8, .grid-y > .small-9, .grid-y > .small-10, .grid-y > .small-11, .grid-y > .small-12 {
      flex-basis: auto; }
    @media print, screen and (min-width: 40em) {
      .grid-y > .medium-shrink, .grid-y > .medium-full, .grid-y > .medium-1, .grid-y > .medium-2, .grid-y > .medium-3, .grid-y > .medium-4, .grid-y > .medium-5, .grid-y > .medium-6, .grid-y > .medium-7, .grid-y > .medium-8, .grid-y > .medium-9, .grid-y > .medium-10, .grid-y > .medium-11, .grid-y > .medium-12 {
        flex-basis: auto; } }
  @media print, screen and (min-width: 64em) {
    .grid-y > .large-shrink, .grid-y > .large-full, .grid-y > .large-1, .grid-y > .large-2, .grid-y > .large-3, .grid-y > .large-4, .grid-y > .large-5, .grid-y > .large-6, .grid-y > .large-7, .grid-y > .large-8, .grid-y > .large-9, .grid-y > .large-10, .grid-y > .large-11, .grid-y > .large-12 {
      flex-basis: auto; } }
@media screen and (min-width: 75em) {
  .grid-y > .xlarge-shrink, .grid-y > .xlarge-full, .grid-y > .xlarge-1, .grid-y > .xlarge-2, .grid-y > .xlarge-3, .grid-y > .xlarge-4, .grid-y > .xlarge-5, .grid-y > .xlarge-6, .grid-y > .xlarge-7, .grid-y > .xlarge-8, .grid-y > .xlarge-9, .grid-y > .xlarge-10, .grid-y > .xlarge-11, .grid-y > .xlarge-12 {
    flex-basis: auto; } }
.grid-y > .small-auto {
  flex: 1 1 0px;
  height: auto; }
.grid-y > .small-shrink, .grid-y > .small-1, .grid-y > .small-2, .grid-y > .small-3, .grid-y > .small-4, .grid-y > .small-5, .grid-y > .small-6, .grid-y > .small-7, .grid-y > .small-8, .grid-y > .small-9, .grid-y > .small-10, .grid-y > .small-11, .grid-y > .small-12 {
  flex: 0 0 auto; }
.grid-y > .small-shrink {
  height: auto; }
.grid-y > .small-1 {
  height: 8.3333333333%; }
.grid-y > .small-2 {
  height: 16.6666666667%; }
.grid-y > .small-3 {
  height: 25%; }
.grid-y > .small-4 {
  height: 33.3333333333%; }
.grid-y > .small-5 {
  height: 41.6666666667%; }
.grid-y > .small-6 {
  height: 50%; }
.grid-y > .small-7 {
  height: 58.3333333333%; }
.grid-y > .small-8 {
  height: 66.6666666667%; }
.grid-y > .small-9 {
  height: 75%; }
.grid-y > .small-10 {
  height: 83.3333333333%; }
.grid-y > .small-11 {
  height: 91.6666666667%; }
.grid-y > .small-12 {
  height: 100%; }
@media print, screen and (min-width: 40em) {
  .grid-y > .medium-auto {
    flex: 1 1 0px;
    height: auto; }
  .grid-y > .medium-shrink, .grid-y > .medium-1, .grid-y > .medium-2, .grid-y > .medium-3, .grid-y > .medium-4, .grid-y > .medium-5, .grid-y > .medium-6, .grid-y > .medium-7, .grid-y > .medium-8, .grid-y > .medium-9, .grid-y > .medium-10, .grid-y > .medium-11, .grid-y > .medium-12 {
    flex: 0 0 auto; }
  .grid-y > .medium-shrink {
    height: auto; }
  .grid-y > .medium-1 {
    height: 8.3333333333%; }
  .grid-y > .medium-2 {
    height: 16.6666666667%; }
  .grid-y > .medium-3 {
    height: 25%; }
  .grid-y > .medium-4 {
    height: 33.3333333333%; }
  .grid-y > .medium-5 {
    height: 41.6666666667%; }
  .grid-y > .medium-6 {
    height: 50%; }
  .grid-y > .medium-7 {
    height: 58.3333333333%; }
  .grid-y > .medium-8 {
    height: 66.6666666667%; }
  .grid-y > .medium-9 {
    height: 75%; }
  .grid-y > .medium-10 {
    height: 83.3333333333%; }
  .grid-y > .medium-11 {
    height: 91.6666666667%; }
  .grid-y > .medium-12 {
    height: 100%; } }
@media print, screen and (min-width: 64em) {
  .grid-y > .large-auto {
    flex: 1 1 0px;
    height: auto; }
  .grid-y > .large-shrink, .grid-y > .large-1, .grid-y > .large-2, .grid-y > .large-3, .grid-y > .large-4, .grid-y > .large-5, .grid-y > .large-6, .grid-y > .large-7, .grid-y > .large-8, .grid-y > .large-9, .grid-y > .large-10, .grid-y > .large-11, .grid-y > .large-12 {
    flex: 0 0 auto; }
  .grid-y > .large-shrink {
    height: auto; }
  .grid-y > .large-1 {
    height: 8.3333333333%; }
  .grid-y > .large-2 {
    height: 16.6666666667%; }
  .grid-y > .large-3 {
    height: 25%; }
  .grid-y > .large-4 {
    height: 33.3333333333%; }
  .grid-y > .large-5 {
    height: 41.6666666667%; }
  .grid-y > .large-6 {
    height: 50%; }
  .grid-y > .large-7 {
    height: 58.3333333333%; }
  .grid-y > .large-8 {
    height: 66.6666666667%; }
  .grid-y > .large-9 {
    height: 75%; }
  .grid-y > .large-10 {
    height: 83.3333333333%; }
  .grid-y > .large-11 {
    height: 91.6666666667%; }
  .grid-y > .large-12 {
    height: 100%; } }
@media screen and (min-width: 75em) {
  .grid-y > .xlarge-auto {
    flex: 1 1 0px;
    height: auto; }
  .grid-y > .xlarge-shrink, .grid-y > .xlarge-1, .grid-y > .xlarge-2, .grid-y > .xlarge-3, .grid-y > .xlarge-4, .grid-y > .xlarge-5, .grid-y > .xlarge-6, .grid-y > .xlarge-7, .grid-y > .xlarge-8, .grid-y > .xlarge-9, .grid-y > .xlarge-10, .grid-y > .xlarge-11, .grid-y > .xlarge-12 {
    flex: 0 0 auto; }
  .grid-y > .xlarge-shrink {
    height: auto; }
  .grid-y > .xlarge-1 {
    height: 8.3333333333%; }
  .grid-y > .xlarge-2 {
    height: 16.6666666667%; }
  .grid-y > .xlarge-3 {
    height: 25%; }
  .grid-y > .xlarge-4 {
    height: 33.3333333333%; }
  .grid-y > .xlarge-5 {
    height: 41.6666666667%; }
  .grid-y > .xlarge-6 {
    height: 50%; }
  .grid-y > .xlarge-7 {
    height: 58.3333333333%; }
  .grid-y > .xlarge-8 {
    height: 66.6666666667%; }
  .grid-y > .xlarge-9 {
    height: 75%; }
  .grid-y > .xlarge-10 {
    height: 83.3333333333%; }
  .grid-y > .xlarge-11 {
    height: 91.6666666667%; }
  .grid-y > .xlarge-12 {
    height: 100%; } }

.grid-padding-y .grid-padding-y {
  margin-top: -0.9375rem;
  margin-bottom: -0.9375rem; }
@media print, screen and (min-width: 40em) {
  .grid-padding-y .grid-padding-y {
    margin-top: -1.25rem;
    margin-bottom: -1.25rem; } }
.grid-padding-y > .cell {
  padding-top: 0.9375rem;
  padding-bottom: 0.9375rem; }
@media print, screen and (min-width: 40em) {
  .grid-padding-y > .cell {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem; } }

.grid-margin-y {
  margin-top: -0.9375rem;
  margin-bottom: -0.9375rem; }
@media print, screen and (min-width: 40em) {
  .grid-margin-y {
    margin-top: -1.25rem;
    margin-bottom: -1.25rem; } }
.grid-margin-y > .cell {
  height: calc(100% - 1.875rem);
  margin-top: 0.9375rem;
  margin-bottom: 0.9375rem; }
@media print, screen and (min-width: 40em) {
  .grid-margin-y > .cell {
    height: calc(100% - 2.5rem);
    margin-top: 1.25rem;
    margin-bottom: 1.25rem; } }
.grid-margin-y > .auto {
  height: auto; }
.grid-margin-y > .shrink {
  height: auto; }
.grid-margin-y > .small-1 {
  height: calc(8.3333333333% - 1.875rem); }
.grid-margin-y > .small-2 {
  height: calc(16.6666666667% - 1.875rem); }
.grid-margin-y > .small-3 {
  height: calc(25% - 1.875rem); }
.grid-margin-y > .small-4 {
  height: calc(33.3333333333% - 1.875rem); }
.grid-margin-y > .small-5 {
  height: calc(41.6666666667% - 1.875rem); }
.grid-margin-y > .small-6 {
  height: calc(50% - 1.875rem); }
.grid-margin-y > .small-7 {
  height: calc(58.3333333333% - 1.875rem); }
.grid-margin-y > .small-8 {
  height: calc(66.6666666667% - 1.875rem); }
.grid-margin-y > .small-9 {
  height: calc(75% - 1.875rem); }
.grid-margin-y > .small-10 {
  height: calc(83.3333333333% - 1.875rem); }
.grid-margin-y > .small-11 {
  height: calc(91.6666666667% - 1.875rem); }
.grid-margin-y > .small-12 {
  height: calc(100% - 1.875rem); }
@media print, screen and (min-width: 40em) {
  .grid-margin-y > .2-auto {
    height: auto; }
  .grid-margin-y > .2-shrink {
    height: auto; }
  .grid-margin-y > .2-1 {
    height: calc(8.3333333333% - 2.5rem); }
  .grid-margin-y > .2-2 {
    height: calc(16.6666666667% - 2.5rem); }
  .grid-margin-y > .2-3 {
    height: calc(25% - 2.5rem); }
  .grid-margin-y > .2-4 {
    height: calc(33.3333333333% - 2.5rem); }
  .grid-margin-y > .2-5 {
    height: calc(41.6666666667% - 2.5rem); }
  .grid-margin-y > .2-6 {
    height: calc(50% - 2.5rem); }
  .grid-margin-y > .2-7 {
    height: calc(58.3333333333% - 2.5rem); }
  .grid-margin-y > .2-8 {
    height: calc(66.6666666667% - 2.5rem); }
  .grid-margin-y > .2-9 {
    height: calc(75% - 2.5rem); }
  .grid-margin-y > .2-10 {
    height: calc(83.3333333333% - 2.5rem); }
  .grid-margin-y > .2-11 {
    height: calc(91.6666666667% - 2.5rem); }
  .grid-margin-y > .2-12 {
    height: calc(100% - 2.5rem); }
  .grid-margin-y > .medium-auto {
    height: auto; }
  .grid-margin-y > .medium-shrink {
    height: auto; }
  .grid-margin-y > .medium-1 {
    height: calc(8.3333333333% - 2.5rem); }
  .grid-margin-y > .medium-2 {
    height: calc(16.6666666667% - 2.5rem); }
  .grid-margin-y > .medium-3 {
    height: calc(25% - 2.5rem); }
  .grid-margin-y > .medium-4 {
    height: calc(33.3333333333% - 2.5rem); }
  .grid-margin-y > .medium-5 {
    height: calc(41.6666666667% - 2.5rem); }
  .grid-margin-y > .medium-6 {
    height: calc(50% - 2.5rem); }
  .grid-margin-y > .medium-7 {
    height: calc(58.3333333333% - 2.5rem); }
  .grid-margin-y > .medium-8 {
    height: calc(66.6666666667% - 2.5rem); }
  .grid-margin-y > .medium-9 {
    height: calc(75% - 2.5rem); }
  .grid-margin-y > .medium-10 {
    height: calc(83.3333333333% - 2.5rem); }
  .grid-margin-y > .medium-11 {
    height: calc(91.6666666667% - 2.5rem); }
  .grid-margin-y > .medium-12 {
    height: calc(100% - 2.5rem); } }
@media print, screen and (min-width: 64em) {
  .grid-margin-y > .large-auto {
    height: auto; }
  .grid-margin-y > .large-shrink {
    height: auto; }
  .grid-margin-y > .large-1 {
    height: calc(8.3333333333% - 2.5rem); }
  .grid-margin-y > .large-2 {
    height: calc(16.6666666667% - 2.5rem); }
  .grid-margin-y > .large-3 {
    height: calc(25% - 2.5rem); }
  .grid-margin-y > .large-4 {
    height: calc(33.3333333333% - 2.5rem); }
  .grid-margin-y > .large-5 {
    height: calc(41.6666666667% - 2.5rem); }
  .grid-margin-y > .large-6 {
    height: calc(50% - 2.5rem); }
  .grid-margin-y > .large-7 {
    height: calc(58.3333333333% - 2.5rem); }
  .grid-margin-y > .large-8 {
    height: calc(66.6666666667% - 2.5rem); }
  .grid-margin-y > .large-9 {
    height: calc(75% - 2.5rem); }
  .grid-margin-y > .large-10 {
    height: calc(83.3333333333% - 2.5rem); }
  .grid-margin-y > .large-11 {
    height: calc(91.6666666667% - 2.5rem); }
  .grid-margin-y > .large-12 {
    height: calc(100% - 2.5rem); } }
@media screen and (min-width: 75em) {
  .grid-margin-y > .xlarge-auto {
    height: auto; }
  .grid-margin-y > .xlarge-shrink {
    height: auto; }
  .grid-margin-y > .xlarge-1 {
    height: calc(8.3333333333% - 2.5rem); }
  .grid-margin-y > .xlarge-2 {
    height: calc(16.6666666667% - 2.5rem); }
  .grid-margin-y > .xlarge-3 {
    height: calc(25% - 2.5rem); }
  .grid-margin-y > .xlarge-4 {
    height: calc(33.3333333333% - 2.5rem); }
  .grid-margin-y > .xlarge-5 {
    height: calc(41.6666666667% - 2.5rem); }
  .grid-margin-y > .xlarge-6 {
    height: calc(50% - 2.5rem); }
  .grid-margin-y > .xlarge-7 {
    height: calc(58.3333333333% - 2.5rem); }
  .grid-margin-y > .xlarge-8 {
    height: calc(66.6666666667% - 2.5rem); }
  .grid-margin-y > .xlarge-9 {
    height: calc(75% - 2.5rem); }
  .grid-margin-y > .xlarge-10 {
    height: calc(83.3333333333% - 2.5rem); }
  .grid-margin-y > .xlarge-11 {
    height: calc(91.6666666667% - 2.5rem); }
  .grid-margin-y > .xlarge-12 {
    height: calc(100% - 2.5rem); } }

.button {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 1rem 0;
  padding: 0.75em 1em;
  border: 1px solid transparent;
  border-radius: 0;
  transition: background-color 0.25s ease-out, color 0.25s ease-out;
  font-family: inherit;
  font-size: 1rem;
  -webkit-appearance: none;
  line-height: 1;
  text-align: center;
  cursor: pointer;
  background-color: #a69e96;
  color: #fff; }
  [data-whatinput='mouse'] .button {
    outline: 0; }
  .button:hover, .button:focus {
    background-color: #90867c;
    color: #fff; }
    .button.small {
      font-size: 0.8rem; }
    .button.larger {
      font-size: 1.3rem; }
  .button.expanded {
    display: block;
    width: 100%;
    margin-right: 0;
    margin-left: 0; }
    .button.primary {
      background-color: #585852;
      color: #fff; }
      .button.primary:hover, .button.primary:focus {
        background-color: #464642;
        color: #fff; }
    .button.white {
      background-color: #fff;
      color: #010101; }
      .button.white:hover, .button.white:focus {
        background-color: #ccc;
        color: #010101; }
    .button.orange {
      background-color: #a69e96;
      color: #010101; }
      .button.orange:hover, .button.orange:focus {
        background-color: #897e74;
        color: #010101; }
    .button.bleu {
      background-color: #0085b0;
      color: #010101; }
      .button.bleu:hover, .button.bleu:focus {
        background-color: #006a8d;
        color: #010101; }
    .button.blanc {
      background-color: white;
      color: #010101; }
      .button.blanc:hover, .button.blanc:focus {
        background-color: #ccc;
        color: #010101; }
    .button.gris-moyen {
      background-color: #989889;
      color: #010101; }
      .button.gris-moyen:hover, .button.gris-moyen:focus {
        background-color: #7b7b6c;
        color: #010101; }
  .button.disabled, .button[disabled] {
    opacity: 0.25;
    cursor: not-allowed; }
    .button.disabled, .button[disabled], .button.disabled:hover, .button[disabled]:hover, .button.disabled:focus, .button[disabled]:focus {
      background-color: #a69e96;
      color: #fff; }
      .button.disabled.primary, .button[disabled].primary {
        opacity: 0.25;
        cursor: not-allowed; }
        .button.disabled.primary, .button[disabled].primary, .button.disabled.primary:hover, .button[disabled].primary:hover, .button.disabled.primary:focus, .button[disabled].primary:focus {
          background-color: #585852;
          color: #fff; }
      .button.disabled.white, .button[disabled].white {
        opacity: 0.25;
        cursor: not-allowed; }
        .button.disabled.white, .button[disabled].white, .button.disabled.white:hover, .button[disabled].white:hover, .button.disabled.white:focus, .button[disabled].white:focus {
          background-color: #fff;
          color: #010101; }
      .button.disabled.orange, .button[disabled].orange {
        opacity: 0.25;
        cursor: not-allowed; }
        .button.disabled.orange, .button[disabled].orange, .button.disabled.orange:hover, .button[disabled].orange:hover, .button.disabled.orange:focus, .button[disabled].orange:focus {
          background-color: #a69e96;
          color: #010101; }
      .button.disabled.bleu, .button[disabled].bleu {
        opacity: 0.25;
        cursor: not-allowed; }
        .button.disabled.bleu, .button[disabled].bleu, .button.disabled.bleu:hover, .button[disabled].bleu:hover, .button.disabled.bleu:focus, .button[disabled].bleu:focus {
          background-color: #0085b0;
          color: #010101; }
      .button.disabled.blanc, .button[disabled].blanc {
        opacity: 0.25;
        cursor: not-allowed; }
        .button.disabled.blanc, .button[disabled].blanc, .button.disabled.blanc:hover, .button[disabled].blanc:hover, .button.disabled.blanc:focus, .button[disabled].blanc:focus {
          background-color: white;
          color: #010101; }
      .button.disabled.gris-moyen, .button[disabled].gris-moyen {
        opacity: 0.25;
        cursor: not-allowed; }
        .button.disabled.gris-moyen, .button[disabled].gris-moyen, .button.disabled.gris-moyen:hover, .button[disabled].gris-moyen:hover, .button.disabled.gris-moyen:focus, .button[disabled].gris-moyen:focus {
          background-color: #989889;
          color: #010101; }
  .button.hollow {
    border: 1px solid #a69e96;
    color: #a69e96; }
    .button.hollow, .button.hollow:hover, .button.hollow:focus {
      background-color: transparent; }
      .button.hollow.disabled, .button.hollow[disabled], .button.hollow.disabled:hover, .button.hollow[disabled]:hover, .button.hollow.disabled:focus, .button.hollow[disabled]:focus {
        background-color: transparent; }
    .button.hollow:hover, .button.hollow:focus {
      border-color: #564f48;
      color: #564f48; }
      .button.hollow:hover.disabled, .button.hollow:focus.disabled, .button.hollow:hover[disabled], .button.hollow:focus[disabled] {
        border: 1px solid #a69e96;
        color: #a69e96; }
      .button.hollow.primary {
        border: 1px solid #585852;
        color: #585852; }
        .button.hollow.primary:hover, .button.hollow.primary:focus {
          border-color: #2c2c29;
          color: #2c2c29; }
          .button.hollow.primary:hover.disabled, .button.hollow.primary:focus.disabled, .button.hollow.primary:hover[disabled], .button.hollow.primary:focus[disabled] {
            border: 1px solid #585852;
            color: #585852; }
      .button.hollow.white {
        border: 1px solid #fff;
        color: #fff; }
        .button.hollow.white:hover, .button.hollow.white:focus {
          border-color: #808080;
          color: #808080; }
          .button.hollow.white:hover.disabled, .button.hollow.white:focus.disabled, .button.hollow.white:hover[disabled], .button.hollow.white:focus[disabled] {
            border: 1px solid #fff;
            color: #fff; }
      .button.hollow.orange {
        border: 1px solid #a69e96;
        color: #a69e96; }
        .button.hollow.orange:hover, .button.hollow.orange:focus {
          border-color: #564f48;
          color: #564f48; }
          .button.hollow.orange:hover.disabled, .button.hollow.orange:focus.disabled, .button.hollow.orange:hover[disabled], .button.hollow.orange:focus[disabled] {
            border: 1px solid #a69e96;
            color: #a69e96; }
      .button.hollow.bleu {
        border: 1px solid #0085b0;
        color: #0085b0; }
        .button.hollow.bleu:hover, .button.hollow.bleu:focus {
          border-color: #004358;
          color: #004358; }
          .button.hollow.bleu:hover.disabled, .button.hollow.bleu:focus.disabled, .button.hollow.bleu:hover[disabled], .button.hollow.bleu:focus[disabled] {
            border: 1px solid #0085b0;
            color: #0085b0; }
      .button.hollow.blanc {
        border: 1px solid white;
        color: white; }
        .button.hollow.blanc:hover, .button.hollow.blanc:focus {
          border-color: #808080;
          color: #808080; }
          .button.hollow.blanc:hover.disabled, .button.hollow.blanc:focus.disabled, .button.hollow.blanc:hover[disabled], .button.hollow.blanc:focus[disabled] {
            border: 1px solid white;
            color: white; }
      .button.hollow.gris-moyen {
        border: 1px solid #989889;
        color: #989889; }
        .button.hollow.gris-moyen:hover, .button.hollow.gris-moyen:focus {
          border-color: #4d4d43;
          color: #4d4d43; }
          .button.hollow.gris-moyen:hover.disabled, .button.hollow.gris-moyen:focus.disabled, .button.hollow.gris-moyen:hover[disabled], .button.hollow.gris-moyen:focus[disabled] {
            border: 1px solid #989889;
            color: #989889; }
  .button.clear {
    border: 1px solid #a69e96;
    color: #a69e96; }
    .button.clear, .button.clear:hover, .button.clear:focus {
      background-color: transparent; }
      .button.clear.disabled, .button.clear[disabled], .button.clear.disabled:hover, .button.clear[disabled]:hover, .button.clear.disabled:focus, .button.clear[disabled]:focus {
        background-color: transparent; }
    .button.clear:hover, .button.clear:focus {
      border-color: #564f48;
      color: #564f48; }
      .button.clear:hover.disabled, .button.clear:focus.disabled, .button.clear:hover[disabled], .button.clear:focus[disabled] {
        border: 1px solid #a69e96;
        color: #a69e96; }
    .button.clear, .button.clear:hover, .button.clear:focus, .button.clear.disabled, .button.clear:hover.disabled, .button.clear:focus.disabled, .button.clear[disabled], .button.clear:hover[disabled], .button.clear:focus[disabled] {
      border-color: transparent; }
    .button.clear.primary {
      border: 1px solid #585852;
      color: #585852; }
      .button.clear.primary:hover, .button.clear.primary:focus {
        border-color: #2c2c29;
        color: #2c2c29; }
        .button.clear.primary:hover.disabled, .button.clear.primary:focus.disabled, .button.clear.primary:hover[disabled], .button.clear.primary:focus[disabled] {
          border: 1px solid #585852;
          color: #585852; }
      .button.clear.primary, .button.clear.primary:hover, .button.clear.primary:focus, .button.clear.primary.disabled, .button.clear.primary:hover.disabled, .button.clear.primary:focus.disabled, .button.clear.primary[disabled], .button.clear.primary:hover[disabled], .button.clear.primary:focus[disabled] {
        border-color: transparent; }
    .button.clear.white {
      border: 1px solid #fff;
      color: #fff; }
      .button.clear.white:hover, .button.clear.white:focus {
        border-color: #808080;
        color: #808080; }
        .button.clear.white:hover.disabled, .button.clear.white:focus.disabled, .button.clear.white:hover[disabled], .button.clear.white:focus[disabled] {
          border: 1px solid #fff;
          color: #fff; }
      .button.clear.white, .button.clear.white:hover, .button.clear.white:focus, .button.clear.white.disabled, .button.clear.white:hover.disabled, .button.clear.white:focus.disabled, .button.clear.white[disabled], .button.clear.white:hover[disabled], .button.clear.white:focus[disabled] {
        border-color: transparent; }
    .button.clear.orange {
      border: 1px solid #a69e96;
      color: #a69e96; }
      .button.clear.orange:hover, .button.clear.orange:focus {
        border-color: #564f48;
        color: #564f48; }
        .button.clear.orange:hover.disabled, .button.clear.orange:focus.disabled, .button.clear.orange:hover[disabled], .button.clear.orange:focus[disabled] {
          border: 1px solid #a69e96;
          color: #a69e96; }
      .button.clear.orange, .button.clear.orange:hover, .button.clear.orange:focus, .button.clear.orange.disabled, .button.clear.orange:hover.disabled, .button.clear.orange:focus.disabled, .button.clear.orange[disabled], .button.clear.orange:hover[disabled], .button.clear.orange:focus[disabled] {
        border-color: transparent; }
    .button.clear.bleu {
      border: 1px solid #0085b0;
      color: #0085b0; }
      .button.clear.bleu:hover, .button.clear.bleu:focus {
        border-color: #004358;
        color: #004358; }
        .button.clear.bleu:hover.disabled, .button.clear.bleu:focus.disabled, .button.clear.bleu:hover[disabled], .button.clear.bleu:focus[disabled] {
          border: 1px solid #0085b0;
          color: #0085b0; }
      .button.clear.bleu, .button.clear.bleu:hover, .button.clear.bleu:focus, .button.clear.bleu.disabled, .button.clear.bleu:hover.disabled, .button.clear.bleu:focus.disabled, .button.clear.bleu[disabled], .button.clear.bleu:hover[disabled], .button.clear.bleu:focus[disabled] {
        border-color: transparent; }
    .button.clear.blanc {
      border: 1px solid white;
      color: white; }
      .button.clear.blanc:hover, .button.clear.blanc:focus {
        border-color: #808080;
        color: #808080; }
        .button.clear.blanc:hover.disabled, .button.clear.blanc:focus.disabled, .button.clear.blanc:hover[disabled], .button.clear.blanc:focus[disabled] {
          border: 1px solid white;
          color: white; }
      .button.clear.blanc, .button.clear.blanc:hover, .button.clear.blanc:focus, .button.clear.blanc.disabled, .button.clear.blanc:hover.disabled, .button.clear.blanc:focus.disabled, .button.clear.blanc[disabled], .button.clear.blanc:hover[disabled], .button.clear.blanc:focus[disabled] {
        border-color: transparent; }
    .button.clear.gris-moyen {
      border: 1px solid #989889;
      color: #989889; }
      .button.clear.gris-moyen:hover, .button.clear.gris-moyen:focus {
        border-color: #4d4d43;
        color: #4d4d43; }
        .button.clear.gris-moyen:hover.disabled, .button.clear.gris-moyen:focus.disabled, .button.clear.gris-moyen:hover[disabled], .button.clear.gris-moyen:focus[disabled] {
          border: 1px solid #989889;
          color: #989889; }
      .button.clear.gris-moyen, .button.clear.gris-moyen:hover, .button.clear.gris-moyen:focus, .button.clear.gris-moyen.disabled, .button.clear.gris-moyen:hover.disabled, .button.clear.gris-moyen:focus.disabled, .button.clear.gris-moyen[disabled], .button.clear.gris-moyen:hover[disabled], .button.clear.gris-moyen:focus[disabled] {
        border-color: transparent; }
  .button.dropdown::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 0.4em;
    content: '';
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #fff transparent transparent;
    position: relative;
    top: 0.4em;
    display: inline-block;
    float: right;
    margin-left: 1em; }
    .button.dropdown.hollow::after, .button.dropdown.clear::after {
      border-top-color: #a69e96; }
      .button.dropdown.hollow.primary::after, .button.dropdown.clear.primary::after {
        border-top-color: #585852; }
    .button.dropdown.hollow.white::after, .button.dropdown.clear.white::after {
      border-top-color: #fff; }
  .button.dropdown.hollow.orange::after, .button.dropdown.clear.orange::after {
    border-top-color: #a69e96; }
.button.dropdown.hollow.bleu::after, .button.dropdown.clear.bleu::after {
  border-top-color: #0085b0; }
.button.dropdown.hollow.blanc::after, .button.dropdown.clear.blanc::after {
  border-top-color: white; }
.button.dropdown.hollow.gris-moyen::after, .button.dropdown.clear.gris-moyen::after {
  border-top-color: #989889; }
.button.arrow-only::after {
  top: -0.1em;
  float: none;
  margin-left: 0; }

a.button:hover, a.button:focus {
  text-decoration: none; }

.close-button {
  position: absolute;
  color: #585852;
  cursor: pointer; }
  [data-whatinput='mouse'] .close-button {
    outline: 0; }
  .close-button:hover, .close-button:focus {
    color: #010101; }
  .close-button.small {
    right: 0.66rem;
    top: 0.33em;
    font-size: 1.5em;
    line-height: 1; }
  .close-button, .close-button.medium {
    right: 1rem;
    top: 0.5rem;
    font-size: 2em;
    line-height: 1; }

table {
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 1rem;
  border-radius: 0; }
  thead, tbody, tfoot {
    border: 1px solid #f2f2f2;
    background-color: #fff; }
  caption {
    padding: 0.5rem 0.625rem 0.625rem;
    font-weight: 700; }
  thead {
    background: #f9f9f9;
    color: #010101; }
  tfoot {
    background: #f2f2f2;
    color: #010101; }
    thead tr, tfoot tr {
      background: transparent; }
    thead th, tfoot th, thead td, tfoot td {
      padding: 0.5rem 0.625rem 0.625rem;
      font-weight: 700;
      text-align: left; }
  tbody th, tbody td {
    padding: 0.5rem 0.625rem 0.625rem; }
tbody tr:nth-child(even) {
  border-bottom: 0;
  background-color: #f2f2f2; }
.unstriped tbody {
  background-color: #fff; }
  .unstriped tbody tr {
    border-bottom: 0;
    border-bottom: 1px solid #f2f2f2;
    background-color: #fff; }

@media screen and (max-width: 63.99875em) {
  table.stack thead {
    display: none; }
  table.stack tfoot {
    display: none; }
  table.stack tr, table.stack th, table.stack td {
    display: block; }
  table.stack td {
    border-top: 0; } }

table.scroll {
  display: block;
  width: 100%;
  overflow-x: auto; }

table.hover thead tr:hover {
  background-color: #f4f4f4; }
table.hover tfoot tr:hover {
  background-color: #ededed; }
table.hover tbody tr:hover {
  background-color: #fafafa; }
table.hover:not(.unstriped) tr:nth-of-type(even):hover {
  background-color: #ededed; }

.table-scroll {
  overflow-x: auto; }

.badge {
  display: inline-block;
  min-width: 1.8em;
  padding: 0.3em;
  border-radius: 50%;
  font-size: 0.8rem;
  text-align: center;
  background: #585852;
  color: #fff; }

.breadcrumbs {
  margin: 0 0 1rem 0;
  list-style: none; }
  .breadcrumbs::before, .breadcrumbs::after {
    display: table;
    content: ' ';
    flex-basis: 0;
    order: 1; }
  .breadcrumbs::after {
    clear: both; }
  .breadcrumbs li {
    float: left;
    font-size: 0.6875rem;
    color: #010101;
    cursor: default;
    text-transform: uppercase; }
    .breadcrumbs li:not(:last-child)::after {
      position: relative;
      margin: 0 0.75rem;
      opacity: 1;
      content: '/';
      color: #989889; }
  .breadcrumbs a {
    color: #a69e96; }
    .breadcrumbs a:hover {
      text-decoration: underline; }
  .breadcrumbs .disabled {
    color: #989889;
    cursor: not-allowed; }

.callout {
  position: relative;
  margin: 0 0 1rem 0;
  padding: 1rem;
  border: 1px solid rgba(1, 1, 1, 0.25);
  border-radius: 0;
  background-color: #fff;
  color: #010101; }
  .callout > :first-child {
    margin-top: 0; }
  .callout > :last-child {
    margin-bottom: 0; }
    .callout.primary {
      background-color: #f2f0ef;
      color: #010101; }
    .callout.secondary {
      background-color: #eaeaea;
      color: #010101; }
    .callout.success {
      background-color: #e1faea;
      color: #010101; }
    .callout.warning {
      background-color: #fff3d9;
      color: #010101; }
    .callout.alert {
      background-color: #f7e4e1;
      color: #010101; }
  .callout.small {
    padding-top: 0.5rem;
    padding-right: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 0.5rem; }
  .callout.large {
    padding-top: 3rem;
    padding-right: 3rem;
    padding-bottom: 3rem;
    padding-left: 3rem; }

.has-tip {
  position: relative;
  display: inline-block;
  border-bottom: dotted 1px #585852;
  font-weight: 700;
  cursor: help; }

.tooltip {
  position: absolute;
  top: calc(100% + 0.6495rem);
  z-index: 1200;
  max-width: 10rem;
  padding: 0.75rem;
  border-radius: 0;
  background-color: #010101;
  font-size: 65%;
  color: #fff; }
  .tooltip::before {
    position: absolute; }
    .tooltip.bottom::before {
      display: block;
      width: 0;
      height: 0;
      border: inset 0.75rem;
      content: '';
      border-top-width: 0;
      border-bottom-style: solid;
      border-color: transparent transparent #010101;
      bottom: 100%; }
    .tooltip.bottom.align-center::before {
      left: 50%;
      transform: translateX(-50%); }
  .tooltip.top::before {
    display: block;
    width: 0;
    height: 0;
    border: inset 0.75rem;
    content: '';
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #010101 transparent transparent;
    top: 100%;
    bottom: auto; }
  .tooltip.top.align-center::before {
    left: 50%;
    transform: translateX(-50%); }
.tooltip.left::before {
  display: block;
  width: 0;
  height: 0;
  border: inset 0.75rem;
  content: '';
  border-right-width: 0;
  border-left-style: solid;
  border-color: transparent transparent transparent #010101;
  left: 100%; }
.tooltip.left.align-center::before {
  bottom: auto;
  top: 50%;
  transform: translateY(-50%); }
.tooltip.right::before {
  display: block;
  width: 0;
  height: 0;
  border: inset 0.75rem;
  content: '';
  border-left-width: 0;
  border-right-style: solid;
  border-color: transparent #010101 transparent transparent;
  right: 100%;
  left: auto; }
.tooltip.right.align-center::before {
  bottom: auto;
  top: 50%;
  transform: translateY(-50%); }
.tooltip.align-top::before {
  bottom: auto;
  top: 10%; }
.tooltip.align-bottom::before {
  bottom: 10%;
  top: auto; }
.tooltip.align-left::before {
  left: 10%;
  right: auto; }
.tooltip.align-right::before {
  left: auto;
  right: 10%; }

.responsive-embed, .flex-video {
  position: relative;
  height: 0;
  margin-bottom: 1rem;
  padding-bottom: 56.25%;
  overflow: hidden; }
  .responsive-embed iframe, .flex-video iframe, .responsive-embed object, .flex-video object, .responsive-embed embed, .flex-video embed, .responsive-embed video, .flex-video video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.menu {
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
  display: flex;
  flex-wrap: wrap; }
  [data-whatinput='mouse'] .menu li {
    outline: 0; }
  .menu a, .menu .button {
    line-height: 1;
    text-decoration: none;
    display: block;
    padding: 1.125rem 0.625rem; }
  .menu input, .menu select, .menu a, .menu button {
    margin-bottom: 0; }
  .menu input {
    display: inline-block; }
  .menu, .menu.horizontal {
    flex-wrap: wrap;
    flex-direction: row; }
  .menu.vertical {
    flex-wrap: nowrap;
    flex-direction: column; }
    .menu.expanded li {
      flex: 1 1 0px; }
  .menu.simple {
    align-items: center; }
    .menu.simple li + li {
      margin-left: 1rem; }
    .menu.simple a {
      padding: 0; }
    @media print, screen and (min-width: 40em) {
      .menu.medium-horizontal {
        flex-wrap: wrap;
        flex-direction: row; }
      .menu.medium-vertical {
        flex-wrap: nowrap;
        flex-direction: column; }
        .menu.medium-expanded li {
          flex: 1 1 0px; }
      .menu.medium-simple li {
        flex: 1 1 0px; } }
  @media print, screen and (min-width: 64em) {
    .menu.large-horizontal {
      flex-wrap: wrap;
      flex-direction: row; }
    .menu.large-vertical {
      flex-wrap: nowrap;
      flex-direction: column; }
      .menu.large-expanded li {
        flex: 1 1 0px; }
    .menu.large-simple li {
      flex: 1 1 0px; } }
@media screen and (min-width: 75em) {
  .menu.xlarge-horizontal {
    flex-wrap: wrap;
    flex-direction: row; }
  .menu.xlarge-vertical {
    flex-wrap: nowrap;
    flex-direction: column; }
    .menu.xlarge-expanded li {
      flex: 1 1 0px; }
  .menu.xlarge-simple li {
    flex: 1 1 0px; } }
.menu.nested {
  margin-right: 0;
  margin-left: 1rem; }
  .menu.icons a {
    display: flex; }
.menu.icon-top a, .menu.icon-right a, .menu.icon-bottom a, .menu.icon-left a {
  display: flex; }
.menu.icon-left li a {
  flex-flow: row nowrap; }
  .menu.icon-left li a img, .menu.icon-left li a i, .menu.icon-left li a svg {
    margin-right: 0.25rem; }
.menu.icon-right li a {
  flex-flow: row nowrap; }
  .menu.icon-right li a img, .menu.icon-right li a i, .menu.icon-right li a svg {
    margin-left: 0.25rem; }
.menu.icon-top li a {
  flex-flow: column nowrap; }
  .menu.icon-top li a img, .menu.icon-top li a i, .menu.icon-top li a svg {
    align-self: stretch;
    margin-bottom: 0.25rem;
    text-align: center; }
.menu.icon-bottom li a {
  flex-flow: column nowrap; }
  .menu.icon-bottom li a img, .menu.icon-bottom li a i, .menu.icon-bottom li a svg {
    align-self: stretch;
    margin-bottom: 0.25rem;
    text-align: center; }
.menu .is-active > a {
  background: #010101;
  color: #fff; }
.menu .active > a {
  background: #010101;
  color: #fff; }
.menu.align-left {
  justify-content: flex-start; }
  .menu.align-right li {
    display: flex;
    justify-content: flex-end; }
    .menu.align-right li .submenu li {
      justify-content: flex-start; }
  .menu.align-right.vertical li {
    display: block;
    text-align: right; }
    .menu.align-right.vertical li .submenu li {
      text-align: right; }
  .menu.align-right .nested {
    margin-right: 1rem;
    margin-left: 0; }
.menu.align-center li {
  display: flex;
  justify-content: center; }
  .menu.align-center li .submenu li {
    justify-content: flex-start; }
.menu .menu-text {
  padding: 1.125rem 0.625rem;
  font-weight: bold;
  line-height: 1;
  color: inherit; }

.menu-centered > .menu {
  justify-content: center; }
  .menu-centered > .menu li {
    display: flex;
    justify-content: center; }
    .menu-centered > .menu li .submenu li {
      justify-content: flex-start; }

.no-js [data-responsive-menu] ul {
  display: none; }

.accordion-menu li {
  width: 100%; }
.accordion-menu a {
  padding: 1.125rem 0.625rem; }
.accordion-menu .is-accordion-submenu a {
  padding: 1.125rem 0.625rem; }
.accordion-menu .nested.is-accordion-submenu {
  margin-right: 0;
  margin-left: 1rem; }
  .accordion-menu.align-right .nested.is-accordion-submenu {
    margin-right: 1rem;
    margin-left: 0; }
.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a {
  position: relative; }
  .accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #a69e96 transparent transparent;
    position: absolute;
    top: 50%;
    margin-top: -3px;
    right: 1rem; }
.accordion-menu.align-left .is-accordion-submenu-parent > a::after {
  right: 1rem;
  left: auto; }
.accordion-menu.align-right .is-accordion-submenu-parent > a::after {
  right: auto;
  left: 1rem; }
.accordion-menu .is-accordion-submenu-parent[aria-expanded='true'] > a::after {
  transform: rotate(180deg);
  transform-origin: 50% 50%; }

.is-accordion-submenu-parent {
  position: relative; }

.has-submenu-toggle > a {
  margin-right: 40px; }

.submenu-toggle {
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
  cursor: pointer; }
  .submenu-toggle::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #a69e96 transparent transparent;
    top: 0;
    bottom: 0;
    margin: auto; }

.submenu-toggle[aria-expanded='true']::after {
  transform: scaleY(-1);
  transform-origin: 50% 50%; }

.submenu-toggle-text {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0; }

.dropdown.menu > li.opens-left > .is-dropdown-submenu {
  top: 100%;
  right: 0;
  left: auto; }
.dropdown.menu > li.opens-right > .is-dropdown-submenu {
  top: 100%;
  right: auto;
  left: 0; }
[data-whatinput='mouse'] .dropdown.menu a {
  outline: 0; }
.dropdown.menu > li > a {
  background: transparent;
  padding: 1.125rem 0.625rem; }
.dropdown.menu > li.is-active > a {
  background: #010101;
  color: #fff; }
.no-js .dropdown.menu ul {
  display: none; }
.dropdown.menu .nested.is-dropdown-submenu {
  margin-right: 0;
  margin-left: 0; }
  .dropdown.menu.vertical > li .is-dropdown-submenu {
    top: 0; }
    .dropdown.menu.vertical > li.opens-left > .is-dropdown-submenu {
      top: 0;
      right: 100%;
      left: auto; }
  .dropdown.menu.vertical > li.opens-right > .is-dropdown-submenu {
    right: auto;
    left: 100%; }
@media print, screen and (min-width: 40em) {
  .dropdown.menu.medium-horizontal > li.opens-left > .is-dropdown-submenu {
    top: 100%;
    right: 0;
    left: auto; }
  .dropdown.menu.medium-horizontal > li.opens-right > .is-dropdown-submenu {
    top: 100%;
    right: auto;
    left: 0; }
  .dropdown.menu.medium-vertical > li .is-dropdown-submenu {
    top: 0; }
    .dropdown.menu.medium-vertical > li.opens-left > .is-dropdown-submenu {
      top: 0;
      right: 100%;
      left: auto; }
  .dropdown.menu.medium-vertical > li.opens-right > .is-dropdown-submenu {
    right: auto;
    left: 100%; } }
@media print, screen and (min-width: 64em) {
  .dropdown.menu.large-horizontal > li.opens-left > .is-dropdown-submenu {
    top: 100%;
    right: 0;
    left: auto; }
  .dropdown.menu.large-horizontal > li.opens-right > .is-dropdown-submenu {
    top: 100%;
    right: auto;
    left: 0; }
  .dropdown.menu.large-vertical > li .is-dropdown-submenu {
    top: 0; }
    .dropdown.menu.large-vertical > li.opens-left > .is-dropdown-submenu {
      top: 0;
      right: 100%;
      left: auto; }
  .dropdown.menu.large-vertical > li.opens-right > .is-dropdown-submenu {
    right: auto;
    left: 100%; } }
@media screen and (min-width: 75em) {
  .dropdown.menu.xlarge-horizontal > li.opens-left > .is-dropdown-submenu {
    top: 100%;
    right: 0;
    left: auto; }
  .dropdown.menu.xlarge-horizontal > li.opens-right > .is-dropdown-submenu {
    top: 100%;
    right: auto;
    left: 0; }
  .dropdown.menu.xlarge-vertical > li .is-dropdown-submenu {
    top: 0; }
    .dropdown.menu.xlarge-vertical > li.opens-left > .is-dropdown-submenu {
      top: 0;
      right: 100%;
      left: auto; }
  .dropdown.menu.xlarge-vertical > li.opens-right > .is-dropdown-submenu {
    right: auto;
    left: 100%; } }
.dropdown.menu.align-right .is-dropdown-submenu.first-sub {
  top: 100%;
  right: 0;
  left: auto; }

.is-dropdown-menu.vertical {
  width: 100px; }
  .is-dropdown-menu.vertical.align-right {
    float: right; }

.is-dropdown-submenu-parent {
  position: relative; }
  .is-dropdown-submenu-parent a::after {
    position: absolute;
    top: 50%;
    right: 5px;
    left: auto;
    margin-top: -6px; }
  .is-dropdown-submenu-parent.opens-inner > .is-dropdown-submenu {
    top: 100%;
    left: auto; }
  .is-dropdown-submenu-parent.opens-left > .is-dropdown-submenu {
    right: 100%;
    left: auto; }
  .is-dropdown-submenu-parent.opens-right > .is-dropdown-submenu {
    right: auto;
    left: 100%; }

.is-dropdown-submenu {
  position: absolute;
  top: 0;
  left: 100%;
  z-index: 1;
  display: none;
  min-width: 250px;
  border: 0 solid #989889;
  background: #a69e96; }
  .dropdown .is-dropdown-submenu a {
    padding: 1.125rem 0.625rem; }
  .is-dropdown-submenu .is-dropdown-submenu {
    margin-top: 0; }
  .is-dropdown-submenu > li {
    width: 100%; }
  .is-dropdown-submenu.js-dropdown-active {
    display: block; }

.is-off-canvas-open {
  overflow: hidden; }

.js-off-canvas-overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 111;
  width: 100%;
  height: 100%;
  transition: opacity 0.5s ease, visibility 0.5s ease;
  background: rgba(255, 255, 255, 0.25);
  opacity: 0;
  visibility: hidden;
  overflow: hidden; }
  .js-off-canvas-overlay.is-visible {
    opacity: 1;
    visibility: visible; }
  .js-off-canvas-overlay.is-closable {
    cursor: pointer; }
  .js-off-canvas-overlay.is-overlay-absolute {
    position: absolute; }
  .js-off-canvas-overlay.is-overlay-fixed {
    position: fixed; }

.off-canvas-wrapper {
  position: relative;
  overflow: hidden; }

.off-canvas {
  position: fixed;
  z-index: 112;
  transition: transform 0.5s ease;
  backface-visibility: hidden;
  background: #e4e4e0; }
  [data-whatinput='mouse'] .off-canvas {
    outline: 0; }
  .off-canvas.is-transition-push {
    z-index: 112; }
  .off-canvas.is-closed {
    visibility: hidden; }
  .off-canvas.is-transition-overlap {
    z-index: 113; }
    .off-canvas.is-transition-overlap.is-open {
      box-shadow: 0 0 10px rgba(1, 1, 1, 0.7); }
  .off-canvas.is-open {
    transform: translate(0, 0); }

.off-canvas-absolute {
  position: absolute;
  z-index: 112;
  transition: transform 0.5s ease;
  backface-visibility: hidden;
  background: #e4e4e0; }
  [data-whatinput='mouse'] .off-canvas-absolute {
    outline: 0; }
  .off-canvas-absolute.is-transition-push {
    z-index: 112; }
  .off-canvas-absolute.is-closed {
    visibility: hidden; }
  .off-canvas-absolute.is-transition-overlap {
    z-index: 113; }
    .off-canvas-absolute.is-transition-overlap.is-open {
      box-shadow: 0 0 10px rgba(1, 1, 1, 0.7); }
  .off-canvas-absolute.is-open {
    transform: translate(0, 0); }

.position-left {
  top: 0;
  left: 0;
  height: 100%;
  overflow-y: auto;
  width: 250px;
  transform: translateX(-250px); }
  .off-canvas-content .off-canvas.position-left {
    transform: translateX(-250px); }
    .off-canvas-content .off-canvas.position-left.is-transition-overlap.is-open {
      transform: translate(0, 0); }
  .off-canvas-content.is-open-left.has-transition-push {
    transform: translateX(250px); }
  .position-left.is-transition-push {
    box-shadow: inset -13px 0 20px -13px rgba(1, 1, 1, 0.25); }

.position-right {
  top: 0;
  right: 0;
  height: 100%;
  overflow-y: auto;
  width: 250px;
  transform: translateX(250px); }
  .off-canvas-content .off-canvas.position-right {
    transform: translateX(250px); }
    .off-canvas-content .off-canvas.position-right.is-transition-overlap.is-open {
      transform: translate(0, 0); }
  .off-canvas-content.is-open-right.has-transition-push {
    transform: translateX(-250px); }
  .position-right.is-transition-push {
    box-shadow: inset 13px 0 20px -13px rgba(1, 1, 1, 0.25); }

.position-top {
  top: 0;
  left: 0;
  width: 100%;
  overflow-x: auto;
  height: 250px;
  transform: translateY(-250px); }
  .off-canvas-content .off-canvas.position-top {
    transform: translateY(-250px); }
    .off-canvas-content .off-canvas.position-top.is-transition-overlap.is-open {
      transform: translate(0, 0); }
  .off-canvas-content.is-open-top.has-transition-push {
    transform: translateY(250px); }
  .position-top.is-transition-push {
    box-shadow: inset 0 -13px 20px -13px rgba(1, 1, 1, 0.25); }

.position-bottom {
  bottom: 0;
  left: 0;
  width: 100%;
  overflow-x: auto;
  height: 250px;
  transform: translateY(250px); }
  .off-canvas-content .off-canvas.position-bottom {
    transform: translateY(250px); }
    .off-canvas-content .off-canvas.position-bottom.is-transition-overlap.is-open {
      transform: translate(0, 0); }
  .off-canvas-content.is-open-bottom.has-transition-push {
    transform: translateY(-250px); }
  .position-bottom.is-transition-push {
    box-shadow: inset 0 13px 20px -13px rgba(1, 1, 1, 0.25); }

.off-canvas-content {
  transform: none;
  transition: transform 0.5s ease;
  backface-visibility: hidden; }
  .off-canvas-content.has-transition-push {
    transform: translate(0, 0); }
  .off-canvas-content .off-canvas.is-open {
    transform: translate(0, 0); }
  @media print, screen and (min-width: 40em) {
    .position-left.reveal-for-medium {
      transform: none;
      z-index: 112;
      transition: none;
      visibility: visible; }
      .position-left.reveal-for-medium .close-button {
        display: none; }
      .off-canvas-content .position-left.reveal-for-medium {
        transform: none; }
      .position-left.reveal-for-medium ~ .off-canvas-content {
        margin-left: 250px; }
    .position-right.reveal-for-medium {
      transform: none;
      z-index: 112;
      transition: none;
      visibility: visible; }
      .position-right.reveal-for-medium .close-button {
        display: none; }
      .off-canvas-content .position-right.reveal-for-medium {
        transform: none; }
      .position-right.reveal-for-medium ~ .off-canvas-content {
        margin-right: 250px; }
    .position-top.reveal-for-medium {
      transform: none;
      z-index: 112;
      transition: none;
      visibility: visible; }
      .position-top.reveal-for-medium .close-button {
        display: none; }
      .off-canvas-content .position-top.reveal-for-medium {
        transform: none; }
      .position-top.reveal-for-medium ~ .off-canvas-content {
        margin-top: 250px; }
    .position-bottom.reveal-for-medium {
      transform: none;
      z-index: 112;
      transition: none;
      visibility: visible; }
      .position-bottom.reveal-for-medium .close-button {
        display: none; }
      .off-canvas-content .position-bottom.reveal-for-medium {
        transform: none; }
      .position-bottom.reveal-for-medium ~ .off-canvas-content {
        margin-bottom: 250px; } }
@media print, screen and (min-width: 40em) {
  .off-canvas-content.has-reveal-left {
    margin-left: 250px; } }
@media print, screen and (min-width: 40em) {
  .off-canvas-content.has-reveal-right {
    margin-right: 250px; } }
@media print, screen and (min-width: 40em) {
  .off-canvas-content.has-reveal-top {
    margin-top: 250px; } }
@media print, screen and (min-width: 40em) {
  .off-canvas-content.has-reveal-bottom {
    margin-bottom: 250px; } }
@media print, screen and (min-width: 64em) {
  .position-left.reveal-for-large {
    transform: none;
    z-index: 112;
    transition: none;
    visibility: visible; }
    .position-left.reveal-for-large .close-button {
      display: none; }
    .off-canvas-content .position-left.reveal-for-large {
      transform: none; }
    .position-left.reveal-for-large ~ .off-canvas-content {
      margin-left: 250px; }
  .position-right.reveal-for-large {
    transform: none;
    z-index: 112;
    transition: none;
    visibility: visible; }
    .position-right.reveal-for-large .close-button {
      display: none; }
    .off-canvas-content .position-right.reveal-for-large {
      transform: none; }
    .position-right.reveal-for-large ~ .off-canvas-content {
      margin-right: 250px; }
  .position-top.reveal-for-large {
    transform: none;
    z-index: 112;
    transition: none;
    visibility: visible; }
    .position-top.reveal-for-large .close-button {
      display: none; }
    .off-canvas-content .position-top.reveal-for-large {
      transform: none; }
    .position-top.reveal-for-large ~ .off-canvas-content {
      margin-top: 250px; }
  .position-bottom.reveal-for-large {
    transform: none;
    z-index: 112;
    transition: none;
    visibility: visible; }
    .position-bottom.reveal-for-large .close-button {
      display: none; }
    .off-canvas-content .position-bottom.reveal-for-large {
      transform: none; }
    .position-bottom.reveal-for-large ~ .off-canvas-content {
      margin-bottom: 250px; } }
@media print, screen and (min-width: 64em) {
  .off-canvas-content.has-reveal-left {
    margin-left: 250px; } }
@media print, screen and (min-width: 64em) {
  .off-canvas-content.has-reveal-right {
    margin-right: 250px; } }
@media print, screen and (min-width: 64em) {
  .off-canvas-content.has-reveal-top {
    margin-top: 250px; } }
@media print, screen and (min-width: 64em) {
  .off-canvas-content.has-reveal-bottom {
    margin-bottom: 250px; } }
@media screen and (min-width: 75em) {
  .position-left.reveal-for-xlarge {
    transform: none;
    z-index: 112;
    transition: none;
    visibility: visible; }
    .position-left.reveal-for-xlarge .close-button {
      display: none; }
    .off-canvas-content .position-left.reveal-for-xlarge {
      transform: none; }
    .position-left.reveal-for-xlarge ~ .off-canvas-content {
      margin-left: 250px; }
  .position-right.reveal-for-xlarge {
    transform: none;
    z-index: 112;
    transition: none;
    visibility: visible; }
    .position-right.reveal-for-xlarge .close-button {
      display: none; }
    .off-canvas-content .position-right.reveal-for-xlarge {
      transform: none; }
    .position-right.reveal-for-xlarge ~ .off-canvas-content {
      margin-right: 250px; }
  .position-top.reveal-for-xlarge {
    transform: none;
    z-index: 112;
    transition: none;
    visibility: visible; }
    .position-top.reveal-for-xlarge .close-button {
      display: none; }
    .off-canvas-content .position-top.reveal-for-xlarge {
      transform: none; }
    .position-top.reveal-for-xlarge ~ .off-canvas-content {
      margin-top: 250px; }
  .position-bottom.reveal-for-xlarge {
    transform: none;
    z-index: 112;
    transition: none;
    visibility: visible; }
    .position-bottom.reveal-for-xlarge .close-button {
      display: none; }
    .off-canvas-content .position-bottom.reveal-for-xlarge {
      transform: none; }
    .position-bottom.reveal-for-xlarge ~ .off-canvas-content {
      margin-bottom: 250px; } }
@media screen and (min-width: 75em) {
  .off-canvas-content.has-reveal-left {
    margin-left: 250px; } }
@media screen and (min-width: 75em) {
  .off-canvas-content.has-reveal-right {
    margin-right: 250px; } }
@media screen and (min-width: 75em) {
  .off-canvas-content.has-reveal-top {
    margin-top: 250px; } }
@media screen and (min-width: 75em) {
  .off-canvas-content.has-reveal-bottom {
    margin-bottom: 250px; } }
@media print, screen and (min-width: 40em) {
  .off-canvas.in-canvas-for-medium {
    visibility: visible;
    height: auto;
    position: static;
    background: none;
    width: auto;
    overflow: visible;
    transition: none; }
    .off-canvas.in-canvas-for-medium.position-left, .off-canvas.in-canvas-for-medium.position-right, .off-canvas.in-canvas-for-medium.position-top, .off-canvas.in-canvas-for-medium.position-bottom {
      box-shadow: none;
      transform: none; }
    .off-canvas.in-canvas-for-medium .close-button {
      display: none; } }
@media print, screen and (min-width: 64em) {
  .off-canvas.in-canvas-for-large {
    visibility: visible;
    height: auto;
    position: static;
    background: none;
    width: auto;
    overflow: visible;
    transition: none; }
    .off-canvas.in-canvas-for-large.position-left, .off-canvas.in-canvas-for-large.position-right, .off-canvas.in-canvas-for-large.position-top, .off-canvas.in-canvas-for-large.position-bottom {
      box-shadow: none;
      transform: none; }
    .off-canvas.in-canvas-for-large .close-button {
      display: none; } }
@media screen and (min-width: 75em) {
  .off-canvas.in-canvas-for-xlarge {
    visibility: visible;
    height: auto;
    position: static;
    background: none;
    width: auto;
    overflow: visible;
    transition: none; }
    .off-canvas.in-canvas-for-xlarge.position-left, .off-canvas.in-canvas-for-xlarge.position-right, .off-canvas.in-canvas-for-xlarge.position-top, .off-canvas.in-canvas-for-xlarge.position-bottom {
      box-shadow: none;
      transform: none; }
    .off-canvas.in-canvas-for-xlarge .close-button {
      display: none; } }

html.is-reveal-open {
  position: fixed;
  width: 100%;
  overflow-y: hidden; }
  html.is-reveal-open.zf-has-scroll {
    overflow-y: scroll; }
  html.is-reveal-open body {
    overflow-y: hidden; }

.reveal-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1005;
  display: none;
  background-color: rgba(1, 1, 1, 0.75);
  overflow-y: auto; }

.reveal {
  z-index: 1006;
  backface-visibility: hidden;
  display: none;
  padding: 0;
  border: 0;
  border-radius: 0;
  background-color: #fff;
  position: relative;
  top: 100px;
  margin-right: auto;
  margin-left: auto;
  overflow-y: auto; }
  [data-whatinput='mouse'] .reveal {
    outline: 0; }
  @media print, screen and (min-width: 40em) {
    .reveal {
      min-height: 0; } }
  .reveal .column {
    min-width: 0; }
  .reveal > :last-child {
    margin-bottom: 0; }
  @media print, screen and (min-width: 40em) {
    .reveal {
      width: 600px;
      max-width: 80rem; } }
  .reveal.collapse {
    padding: 0; }
  @media print, screen and (min-width: 40em) {
    .reveal.tiny {
      width: 30%;
      max-width: 80rem; } }
@media print, screen and (min-width: 40em) {
  .reveal.small {
    width: 50%;
    max-width: 80rem; } }
@media print, screen and (min-width: 40em) {
  .reveal.large {
    width: 90%;
    max-width: 80rem; } }
.reveal.full {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  max-width: none;
  height: 100%;
  min-height: 100%;
  margin-left: 0;
  border: 0;
  border-radius: 0; }
@media screen and (max-width: 39.99875em) {
  .reveal {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    max-width: none;
    height: 100%;
    min-height: 100%;
    margin-left: 0;
    border: 0;
    border-radius: 0; } }
.reveal.without-overlay {
  position: fixed; }

.float-left {
  float: left !important; }

.float-right {
  float: right !important; }

.float-center {
  display: block;
  margin-right: auto;
  margin-left: auto; }

.clearfix::before, .clearfix::after {
  display: table;
  content: ' ';
  flex-basis: 0;
  order: 1; }
.clearfix::after {
  clear: both; }
.align-left {
  justify-content: flex-start; }
.align-right {
  justify-content: flex-end; }
.align-center {
  justify-content: center; }
.align-justify {
  justify-content: space-between; }
.align-spaced {
  justify-content: space-around; }
  .align-left.vertical.menu > li > a {
    justify-content: flex-start; }
.align-right.vertical.menu > li > a {
  justify-content: flex-end; }
.align-center.vertical.menu > li > a {
  justify-content: center; }
.align-spaced.vertical.menu > li > a {
  justify-content: space-around; }
.align-top {
  align-items: flex-start; }
.align-self-top {
  align-self: flex-start; }
.align-bottom {
  align-items: flex-end; }
.align-self-bottom {
  align-self: flex-end; }
.align-middle {
  align-items: center; }
.align-self-middle {
  align-self: center; }
.align-stretch {
  align-items: stretch; }
.align-self-stretch {
  align-self: stretch; }

.align-center-middle {
  justify-content: center;
  align-items: center;
  align-content: center; }
  .small-order-1 {
    order: 1; }
  .small-order-2 {
    order: 2; }
  .small-order-3 {
    order: 3; }
  .small-order-4 {
    order: 4; }
  .small-order-5 {
    order: 5; }
  .small-order-6 {
    order: 6; }
  @media print, screen and (min-width: 40em) {
    .medium-order-1 {
      order: 1; }
    .medium-order-2 {
      order: 2; }
    .medium-order-3 {
      order: 3; }
    .medium-order-4 {
      order: 4; }
    .medium-order-5 {
      order: 5; }
    .medium-order-6 {
      order: 6; } }
@media print, screen and (min-width: 64em) {
  .large-order-1 {
    order: 1; }
  .large-order-2 {
    order: 2; }
  .large-order-3 {
    order: 3; }
  .large-order-4 {
    order: 4; }
  .large-order-5 {
    order: 5; }
  .large-order-6 {
    order: 6; } }
@media screen and (min-width: 75em) {
  .xlarge-order-1 {
    order: 1; }
  .xlarge-order-2 {
    order: 2; }
  .xlarge-order-3 {
    order: 3; }
  .xlarge-order-4 {
    order: 4; }
  .xlarge-order-5 {
    order: 5; }
  .xlarge-order-6 {
    order: 6; } }

.flex-container {
  display: flex; }

.flex-child-auto {
  flex: 1 1 auto; }

.flex-child-grow {
  flex: 1 0 auto; }

.flex-child-shrink {
  flex: 0 1 auto; }
  .flex-dir-row {
    flex-direction: row; }
  .flex-dir-row-reverse {
    flex-direction: row-reverse; }
  .flex-dir-column {
    flex-direction: column; }
  .flex-dir-column-reverse {
    flex-direction: column-reverse; }
  @media print, screen and (min-width: 40em) {
    .medium-flex-container {
      display: flex; }
    .medium-flex-child-auto {
      flex: 1 1 auto; }
    .medium-flex-child-grow {
      flex: 1 0 auto; }
    .medium-flex-child-shrink {
      flex: 0 1 auto; }
      .medium-flex-dir-row {
        flex-direction: row; }
      .medium-flex-dir-row-reverse {
        flex-direction: row-reverse; }
      .medium-flex-dir-column {
        flex-direction: column; }
      .medium-flex-dir-column-reverse {
        flex-direction: column-reverse; } }
@media print, screen and (min-width: 64em) {
  .large-flex-container {
    display: flex; }
  .large-flex-child-auto {
    flex: 1 1 auto; }
  .large-flex-child-grow {
    flex: 1 0 auto; }
  .large-flex-child-shrink {
    flex: 0 1 auto; }
    .large-flex-dir-row {
      flex-direction: row; }
    .large-flex-dir-row-reverse {
      flex-direction: row-reverse; }
    .large-flex-dir-column {
      flex-direction: column; }
    .large-flex-dir-column-reverse {
      flex-direction: column-reverse; } }
@media screen and (min-width: 75em) {
  .xlarge-flex-container {
    display: flex; }
  .xlarge-flex-child-auto {
    flex: 1 1 auto; }
  .xlarge-flex-child-grow {
    flex: 1 0 auto; }
  .xlarge-flex-child-shrink {
    flex: 0 1 auto; }
    .xlarge-flex-dir-row {
      flex-direction: row; }
    .xlarge-flex-dir-row-reverse {
      flex-direction: row-reverse; }
    .xlarge-flex-dir-column {
      flex-direction: column; }
    .xlarge-flex-dir-column-reverse {
      flex-direction: column-reverse; } }

.hide {
  display: none !important; }

.invisible {
  visibility: hidden; }
@media screen and (max-width: 39.99875em) {
  .hide-for-small-only {
    display: none !important; } }
@media screen and (max-width: 0em), screen and (min-width: 40em) {
  .show-for-small-only {
    display: none !important; } }
@media print, screen and (min-width: 40em) {
  .hide-for-medium {
    display: none !important; } }
@media screen and (max-width: 39.99875em) {
  .show-for-medium, .breadcrumbs {
    display: none !important; } }
@media screen and (min-width: 40em) and (max-width: 63.99875em) {
  .hide-for-medium-only {
    display: none !important; } }
@media screen and (max-width: 39.99875em), screen and (min-width: 64em) {
  .show-for-medium-only {
    display: none !important; } }
@media print, screen and (min-width: 64em) {
  .hide-for-large {
    display: none !important; } }
@media screen and (max-width: 63.99875em) {
  .show-for-large, .menu-large .nav-illus-caption {
    display: none !important; } }
@media screen and (min-width: 64em) and (max-width: 74.99875em) {
  .hide-for-large-only {
    display: none !important; } }
@media screen and (max-width: 63.99875em), screen and (min-width: 75em) {
  .show-for-large-only {
    display: none !important; } }
@media screen and (min-width: 75em) {
  .hide-for-xlarge {
    display: none !important; } }
@media screen and (max-width: 74.99875em) {
  .show-for-xlarge {
    display: none !important; } }
@media screen and (min-width: 75em) and (max-width: 89.99875em) {
  .hide-for-xlarge-only {
    display: none !important; } }
@media screen and (max-width: 74.99875em), screen and (min-width: 90em) {
  .show-for-xlarge-only {
    display: none !important; } }

.show-for-sr, .show-on-focus {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0; }

.show-on-focus:active, .show-on-focus:focus {
  position: static !important;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
  white-space: normal; }

.show-for-landscape, .hide-for-portrait {
  display: block !important; }
@media screen and (orientation: landscape) {
  .show-for-landscape, .hide-for-portrait {
    display: block !important; } }
@media screen and (orientation: portrait) {
  .show-for-landscape, .hide-for-portrait {
    display: none !important; } }

.hide-for-landscape, .show-for-portrait {
  display: none !important; }
@media screen and (orientation: landscape) {
  .hide-for-landscape, .show-for-portrait {
    display: none !important; } }
@media screen and (orientation: portrait) {
  .hide-for-landscape, .show-for-portrait {
    display: block !important; } }

@keyframes blink {
  from {
    opacity: 0.4; }
  to {
    opacity: 1; } }

.grid-padding-x-small > .cell {
  padding-right: 0.25rem;
  padding-left: 0.25rem; }

.grid-padding-y-small > .cell {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem; }

@media screen and (min-width: 40em) and (max-width: 63.99875em) {
  .medium-only-order-3 {
    order: 3; } }

.cancel-grid-container-padding {
  margin-left: -10px;
  margin-right: -10px; }
@media print, screen and (min-width: 40em) {
  .cancel-grid-container-padding {
    margin-left: -15px;
    margin-right: -15px; } }

.small-up-6 .cell {
  width: 16.666666%; }

.cge_message {
  background: #e4e4e0;
  padding: 1.875rem;
  text-align: center; }

.cge_msgtitle {
  display: none; }

.mfp-ajax-holder .mfp-content, .mfp-image-content {
  max-width: 1000px;
  background: white;
  padding: 2.5rem 1.5rem; }

.popup-button {
  color: #989889;
  text-transform: uppercase;
  font-size: 0.6875rem;
  font-weight: 700; }

.mfp-ajax-holder {
  padding-left: 30px;
  padding-right: 30px; }
  .mfp-ajax-holder .mfp-close {
    font-size: 3.125rem; }

.db {
  display: block; }

.pos-r {
  position: relative; }

.mx-20 {
  margin-left: 20px;
  margin-right: 20px; }
.mt-10 {
  margin-top: 10px !important; }

.no-mg {
  margin: 0 !important; }

.no-mt {
  margin-top: 0 !important; }

.no-mr {
  margin-right: 0 !important; }

.no-mb {
  margin-bottom: 0 !important; }

.mg-40 {
  margin: 40px !important; }

.mt-5 {
  margin-top: 15px !important; }

.mt-15 {
  margin-top: 15px !important; }

.mt-30 {
  margin-top: 30px !important; }

.mt-40 {
  margin-top: 40px !important; }

.mb-1 {
  margin-bottom: 1px; }

.mb-3 {
  margin-bottom: 3px !important; }

.mb-5 {
  margin-bottom: 5px !important; }

.mb-10 {
  margin-bottom: 10px !important; }

.mb-15 {
  margin-bottom: 15px !important; }

.mb-20 {
  margin-bottom: 20px !important; }

.mb-40 {
  margin-bottom: 40px !important; }

.mtb-20 {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem; }

@media print, screen and (min-width: 40em) {
  .medium-mtb-0 {
    margin-top: 0;
    margin-bottom: 0; }
  .medium-mr-10 {
    margin-right: 10px; } }

.ml-40 {
  margin-left: 40px !important; }

.pd-10 {
  padding: 0.625rem; }
.pd-20 {
  padding: 1.25rem !important; }
.pd-30 {
  padding: 1.875rem !important; }
.pd-40 {
  padding: 2.5rem !important; }

.pt-0 {
  padding-top: 0 !important; }

.pb-0 {
  padding-bottom: 0 !important; }

.pb-20 {
  padding-bottom: 20px !important; }

.no-pd {
  padding: 0 !important; }
@media print, screen and (min-width: 40em) {
  .no-pd-r {
    padding-right: 0 !important; } }
.no-pd-lr {
  padding-left: 0 !important;
  padding-right: 0 !important; }

@media screen and (max-width: 39.99875em) {
  .small-only-no-pd {
    padding: 0 !important; } }

.no-pr {
  padding-right: 0 !important; }

.no-pl {
  padding-left: 0 !important; }

.no-pb {
  padding-bottom: 0 !important; }

@media print, screen and (min-width: 40em) {
  .medium-no-pb {
    padding-bottom: 0 !important; } }

.pt-10 {
  padding-top: 10px; }
.pt-20 {
  padding-top: 20px; }

.grid-container-main {
  overflow: hidden; }

.grid-padding-x-small > .cell {
  padding-left: 10px;
  padding-right: 10px; }

.grid-padding-y-small > .cell {
  padding-top: 10px;
  padding-bottom: 10px; }

.no-border {
  border-width: 0 !important; }

.bordered {
  border: 1px solid #989889; }
  .bordered-l {
    border-left: 1px solid #989889; }
    .bordered-l-white {
      border-left: 1px solid white; }
  .bordered-t {
    border-top: 1px solid #989889; }
  .bordered-b {
    border-bottom: 1px solid #989889; }
    .bordered-b-white {
      border-bottom: 1px solid white; }

@media print, screen and (min-width: 40em) {
  .medium-bordered-l {
    border-left: 1px solid #a69e96; }
  .medium-bordered-t {
    border-top: 1px solid #a69e96; } }

@media print, screen and (min-width: 64em) {
  .large-bordered-l {
    border-left: 1px solid #c8c8c8; } }

.separator-vertical {
  display: block;
  width: 0;
  height: 50px;
  border-left: 1px solid #a69e96; }

.cl {
  clear: left; }

.goto-top {
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  background: #a69e96;
  bottom: 1.25rem;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 1.875rem;
  opacity: 0;
  padding: 0.125rem 0.3125rem 0.5rem;
  position: fixed;
  right: 1.25rem;
  z-index: 200;
  border-radius: 2px;
  box-shadow: 0 0 2px rgba(1, 1, 1, 0.2); }
  .goto-top.active {
    opacity: 1; }
  .goto-top:hover {
    background-color: #8f857a;
    color: #fff; }

a {
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease; }

.lh12 {
  line-height: 1.2; }

@media print, screen and (min-width: 64em) {
  hr {
    margin-top: 3.75rem;
    margin-bottom: 2.5rem; } }
@media screen and (min-width: 75em) {
  hr {
    margin-top: 5rem;
    margin-bottom: 3.125rem; } }

.hr-small {
  width: 20%;
  border-color: #989889; }

.hr-half {
  width: 50%;
  border-color: #989889; }

.hr-66p {
  width: 66%; }

.hr-dotted {
  border-color: #989889;
  border-bottom-width: 2px;
  border-style: dotted; }

:focus {
  outline: none; }

.box-shadow {
  box-shadow: 0 0 30px rgba(1, 1, 1, 0.2);
  margin-bottom: 30px; }
  .box-shadow-container {
    overflow: hidden; }

.box-shadow-inner {
  box-shadow: inset 0px 50px 30px -50px rgba(1, 1, 1, 0.5); }

.badge {
  font-weight: 700; }

.cercle {
  display: inline-block;
  width: 3.75rem;
  height: 3.75rem;
  line-height: 3.75rem;
  text-align: center;
  font-size: 1.875rem;
  font-weight: 500;
  border-radius: 3.75rem;
  color: #585852;
  margin-bottom: 0.9375rem; }
  .cercle-orange {
    background-color: #a69e96;
    color: #fff; }
  .cercle-border-gris {
    border: 1px solid #585852; }

.bulle {
  display: flex;
  position: absolute;
  top: -30%;
  right: 5%;
  border-radius: 300px;
  text-align: center;
  width: 6.875rem;
  height: 6.875rem;
  box-shadow: 0 0 12px rgba(1, 1, 1, 0.2);
  border: 3px solid #fff;
  background-color: #585852;
  color: white;
  line-height: 1; }
  .bulle.bleue {
    background-color: #0085b0; }
  .bulle.orange {
    background-color: #a69e96; }
  .bulle > div {
    margin: auto; }
  .bulle span {
    font-weight: 500;
    font-size: 140%; }

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

.bt {
  border-top: 1px solid #989889; }

.br {
  border-right: 1px solid #989889; }

.bb {
  border-bottom: 1px solid #989889; }

.bl {
  border-left: 1px solid #989889; }

.img-left {
  float: left;
  margin: 0 1.25rem 1.25rem 0; }
.img-right {
  float: right;
  margin: 0 0 1.25rem 1.25rem; }
.img-cover {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover; }

.img-bordered {
  border: 1px solid #585852; }

.img-radius {
  border-radius: 15px;
  overflow: hidden; }

.rounded {
  border-radius: 0;
  overflow: hidden; }

button {
  cursor: pointer; }

.button {
  text-transform: uppercase;
  letter-spacing: 1px; }
  .button.small {
    padding: 4px 16px; }
  .button.hollow {
    border-color: #a69e96; }
  .button.white.hollow {
    border-color: rgba(255, 255, 255, 0.5); }
    .button.white.hollow:hover, .button.white.hollow:focus, .button.white.hollow:active {
      color: #fff;
      border-color: white; }

@media print, screen and (min-width: 64em) {
  .reveal {
    width: 56.25rem; } }

.icon-rounded {
  border-radius: 30px;
  border: 1px solid #989889;
  background: white;
  font-size: 1rem; }
  .icon-rounded.univ-cuisine {
    border-color: #a69e96; }
  .icon-rounded.univ-sdb {
    border-color: #0085b0; }

.icon-big {
  font-size: 2rem; }
  .icon-big:before {
    width: auto; }

.text-smaller {
  font-size: 87.5%; }
  .text-smaller-2 {
    font-size: 75%; }

.text-larger {
  font-size: 115%; }

.text-x2 {
  font-size: 200%; }

.text-thin {
  font-weight: 100; }

.text-medium {
  font-weight: 500; }

.text-bolder {
  font-weight: 700; }

h1, h2, h3, .h1, .h2, .h3 {
  text-transform: uppercase;
  letter-spacing: 1px; }
  h1 small, h2 small, h3 small, .h1 small, .h2 small, .h3 small {
    font-weight: bold;
    letter-spacing: 0;
    text-transform: none;
    line-height: 1; }
    h1 small:after, h2 small:after, h3 small:after, .h1 small:after, .h2 small:after, .h3 small:after {
      content: "\A/";
      white-space: pre; }
  h1.col-white small, h2.col-white small, h3.col-white small, .h1.col-white small, .h2.col-white small, .h3.col-white small {
    color: #ccc; }

h1, .h1 {
  text-align: center;
  font-weight: 300; }
@media print, screen and (min-width: 64em) {
  h1, .h1 {
    letter-spacing: 2px; } }

h4, .h4, h5, .h5 {
  text-transform: none;
  letter-spacing: 0; }

.big-number {
  display: inline-block;
  margin-bottom: 0.9375rem;
  padding: 8px 20px;
  font-size: 3.125rem;
  font-weight: 700;
  border: 1px solid #585852;
  color: #585852;
  border-radius: 6px;
  line-height: 1; }

.ttu {
  text-transform: uppercase; }

.no-tt {
  text-transform: none !important; }

.cartouche-titre, .cartouche-content {
  border-radius: 8px; }
.cartouche-titre {
  display: block;
  padding: 4px 8px;
  margin-top: 5px;
  background-color: #a69e96;
  font-size: 0.875rem;
  font-weight: 500;
  color: #fff; }
@media print, screen and (min-width: 40em) {
  .cartouche-titre {
    padding: 4px 16px;
    font-size: 1rem; } }
@media print, screen and (min-width: 64em) {
  .cartouche-titre {
    font-size: 1.125rem; } }
.cartouche-titre-brun {
  display: inline-block;
  border-radius: 3px;
  background-color: #a45817; }
.cartouche-content {
  padding: 10px;
  border: 1px solid #c8c8c8;
  margin-bottom: 20px;
  font-size: 12px; }
  .cartouche-content p {
    margin-bottom: 0;
    color: #585852; }

.col-white {
  color: #fff; }
.col-primary {
  color: #a69e96; }
.col-taupe {
  color: #a69e96; }
.col-bleu {
  color: #0085b0; }
.col-gris-fonce {
  color: #585852; }
.col-gris-moyen {
  color: #989889; }
.col-black {
  color: #010101; }
.col-terre {
  color: #a45817; }

.coul-blanc {
  color: white; }

.coul-fuchsia {
  color: #585852; }

.coul-gris-fonce {
  color: #585852 !important; }

.coul-gris {
  color: #989889; }

.coul-gris-clair {
  color: #e4e4e0; }

.coul-orange {
  color: #a69e96 !important; }

.coul-bleu {
  color: #0085b0 !important; }

.coul-rouge {
  color: red; }

.coul-vert {
  color: #3aaa34 !important; }

.bg-primary {
  background-color: #a69e96; }
  .bg-primary small {
    color: #fff; }
.bg-blanc, .bg-white {
  background-color: #fff; }
.bg-gris-clair, .configurateur-support-caracs {
  background-color: #e4e4e0; }
.bg-gris-clair2 {
  background-color: #f5f5f5; }
.bg-gris-clair3 {
  background-color: #f8f8f8; }
.bg-gris, .bg-gris-moyen {
  background-color: #989889; }
.bg-gris-xclair {
  background: #f3f3f1; }
.bg-dark {
  background: #585852; }
  .bg-dark, .bg-dark h2 {
    color: white; }
.bg-orange, .bg-bleu {
  color: white; }
.bg-orange {
  background-color: #a69e96; }
.bg-bleu {
  background-color: #0085b0; }

.border-primary {
  border-color: #a69e96; }

.univ-cuisine .univ-coul {
  color: #a69e96; }
  .univ-cuisine a.univ-coul:hover, .univ-cuisine a.univ-coul:active, .univ-cuisine a.univ-coul:focus {
    color: #746b62; }
.univ-cuisine .univ-bg {
  background-color: #a69e96; }
  .univ-cuisine .univ-bg a {
    color: white; }
    .univ-cuisine .univ-bg a:hover, .univ-cuisine .univ-bg a:active, .univ-cuisine .univ-bg a:focus {
      color: rgba(255, 255, 255, 0.8); }
.univ-cuisine .univ-coul-on-active.active, .univ-cuisine .gabarit-toggler /*,
        .subcats-nav a*/.active, .univ-cuisine .univ-coul-on-active:active, .univ-cuisine .gabarit-toggler /*,
        .subcats-nav a*/:active, .univ-cuisine .univ-coul-on-active:hover, .univ-cuisine .gabarit-toggler /*,
        .subcats-nav a*/:hover, .univ-cuisine .univ-coul-on-active:focus, .univ-cuisine .gabarit-toggler /*,
        .subcats-nav a*/:focus {
  color: #a69e96 !important; }
.univ-cuisine .univ-border-on-active.active, .univ-cuisine .produit-couleurs a.active, .univ-cuisine .produit-supports a.active, .univ-cuisine .univ-border-on-active:active, .univ-cuisine .produit-couleurs a:active, .univ-cuisine .produit-supports a:active, .univ-cuisine .univ-border-on-active:hover, .univ-cuisine .produit-couleurs a:hover, .univ-cuisine .produit-supports a:hover, .univ-cuisine .univ-border-on-active:focus, .univ-cuisine .produit-couleurs a:focus, .univ-cuisine .produit-supports a:focus, .univ-cuisine .univ-border-on-active.active img, .univ-cuisine .produit-couleurs a.active img, .univ-cuisine .produit-supports a.active img, .univ-cuisine .univ-border-on-active:active img, .univ-cuisine .produit-couleurs a:active img, .univ-cuisine .produit-supports a:active img, .univ-cuisine .univ-border-on-active:hover img, .univ-cuisine .produit-couleurs a:hover img, .univ-cuisine .produit-supports a:hover img, .univ-cuisine .univ-border-on-active:focus img, .univ-cuisine .produit-couleurs a:focus img, .univ-cuisine .produit-supports a:focus img {
  border-color: #a69e96; }
.univ-cuisine a.active .univ-border-on-active, .univ-cuisine a:active .univ-border-on-active, .univ-cuisine a:hover .univ-border-on-active, .univ-cuisine a:focus .univ-border-on-active {
  border-color: #a69e96; }
.univ-cuisine .univ-bg-on-active.active, .univ-cuisine .univ-bg-on-active:active, .univ-cuisine .univ-bg-on-active:hover, .univ-cuisine .univ-bg-on-active:focus, .univ-cuisine .univ-bg-on-active.active a, .univ-cuisine .univ-bg-on-active:active a, .univ-cuisine .univ-bg-on-active:hover a, .univ-cuisine .univ-bg-on-active:focus a {
  background-color: #a69e96 !important;
  color: #fff !important; }
.univ-cuisine.menu-large > a {
  background-color: #a69e96 !important;
  color: white !important; }
  .univ-cuisine.menu-large > a:after {
    border-top-color: white !important; }
.univ-cuisine.menu-large:hover > a, .univ-cuisine.menu-large:active > a, .univ-cuisine.menu-large:focus > a {
  background-color: #a69e96 !important; }
@media print, screen and (min-width: 64em) {
  .univ-cuisine.menu-large .level-2 {
    background-color: #a69e96 !important; } }

.bg-cuisine {
  background-color: #a69e96 !important; }
  .bg-cuisine.tooltip:before {
    border-top-color: #a69e96; }

.univ-sdb .univ-coul {
  color: #0085b0; }
  .univ-sdb a.univ-coul:hover, .univ-sdb a.univ-coul:active, .univ-sdb a.univ-coul:focus {
    color: #00384a; }
.univ-sdb .univ-bg {
  background-color: #0085b0; }
  .univ-sdb .univ-bg a {
    color: white; }
    .univ-sdb .univ-bg a:hover, .univ-sdb .univ-bg a:active, .univ-sdb .univ-bg a:focus {
      color: rgba(255, 255, 255, 0.8); }
.univ-sdb .univ-coul-on-active.active, .univ-sdb .gabarit-toggler /*,
        .subcats-nav a*/.active, .univ-sdb .univ-coul-on-active:active, .univ-sdb .gabarit-toggler /*,
        .subcats-nav a*/:active, .univ-sdb .univ-coul-on-active:hover, .univ-sdb .gabarit-toggler /*,
        .subcats-nav a*/:hover, .univ-sdb .univ-coul-on-active:focus, .univ-sdb .gabarit-toggler /*,
        .subcats-nav a*/:focus {
  color: #0085b0 !important; }
.univ-sdb .univ-border-on-active.active, .univ-sdb .produit-couleurs a.active, .univ-sdb .produit-supports a.active, .univ-sdb .univ-border-on-active:active, .univ-sdb .produit-couleurs a:active, .univ-sdb .produit-supports a:active, .univ-sdb .univ-border-on-active:hover, .univ-sdb .produit-couleurs a:hover, .univ-sdb .produit-supports a:hover, .univ-sdb .univ-border-on-active:focus, .univ-sdb .produit-couleurs a:focus, .univ-sdb .produit-supports a:focus, .univ-sdb .univ-border-on-active.active img, .univ-sdb .produit-couleurs a.active img, .univ-sdb .produit-supports a.active img, .univ-sdb .univ-border-on-active:active img, .univ-sdb .produit-couleurs a:active img, .univ-sdb .produit-supports a:active img, .univ-sdb .univ-border-on-active:hover img, .univ-sdb .produit-couleurs a:hover img, .univ-sdb .produit-supports a:hover img, .univ-sdb .univ-border-on-active:focus img, .univ-sdb .produit-couleurs a:focus img, .univ-sdb .produit-supports a:focus img {
  border-color: #0085b0; }
.univ-sdb a.active .univ-border-on-active, .univ-sdb a:active .univ-border-on-active, .univ-sdb a:hover .univ-border-on-active, .univ-sdb a:focus .univ-border-on-active {
  border-color: #0085b0; }
.univ-sdb .univ-bg-on-active.active, .univ-sdb .univ-bg-on-active:active, .univ-sdb .univ-bg-on-active:hover, .univ-sdb .univ-bg-on-active:focus, .univ-sdb .univ-bg-on-active.active a, .univ-sdb .univ-bg-on-active:active a, .univ-sdb .univ-bg-on-active:hover a, .univ-sdb .univ-bg-on-active:focus a {
  background-color: #0085b0 !important;
  color: #fff !important; }
.univ-sdb.menu-large > a {
  background-color: #0085b0 !important;
  color: white !important; }
  .univ-sdb.menu-large > a:after {
    border-top-color: white !important; }
.univ-sdb.menu-large:hover > a, .univ-sdb.menu-large:active > a, .univ-sdb.menu-large:focus > a {
  background-color: #0085b0 !important; }
@media print, screen and (min-width: 64em) {
  .univ-sdb.menu-large .level-2 {
    background-color: #0085b0 !important; } }

.bg-sdb {
  background-color: #0085b0 !important; }
  .bg-sdb.tooltip:before {
    border-top-color: #0085b0; }

.compats {
  display: flex;
  flex-wrap: wrap; }

.cartouche-compat {
  display: inline-flex;
  align-items: center;
  min-height: 40px;
  padding: 4px 4px;
  margin-bottom: 5px;
  margin-right: 5px;
  font-weight: 500;
  color: #585852;
  border: 1px solid #989889;
  border-radius: 0 8px 8px 8px;
  font-size: 10px;
  line-height: 1; }
  .cartouche-compat i, .cartouche-compat img {
    display: inline-block; }
  .cartouche-compat i {
    margin-right: 4px;
    font-size: 1.5rem; }
  .cartouche-compat img {
    height: 20px;
    margin-right: 6px; }

@media print, screen and (min-width: 64em) {
  .search-top {
    margin-top: 0;
    float: right; } }
.search-top .input-group {
  margin-bottom: 0; }
.search-top input {
  background-color: #d1cecb;
  border-color: transparent;
  box-shadow: none;
  font-size: 0.8125rem; }
@media print, screen and (min-width: 64em) {
  .search-top input {
    padding: 8px;
    height: 1.75rem;
    width: 18vw;
    max-width: 270px; } }
.search-top button {
  padding: 0 1rem;
  background-color: transparent;
  color: #fff; }
.search-top i {
  font-size: 1.375rem; }

.form-contact input {
  margin-bottom: 0.625rem !important; }

.checkbox-render {
  display: inline-block;
  width: 34px;
  height: 34px;
  border: 1px solid #989889;
  border-radius: 3px;
  margin-top: 15px;
  margin-bottom: 10px;
  vertical-align: middle; }
  .checkbox-render:hover {
    border-color: #585852; }
.checkbox-label {
  display: block; }
  .checkbox-label-middle {
    display: inline;
    vertical-align: middle;
    margin-left: 10px;
    margin-bottom: 0; }
.checkbox-container {
  margin-top: 1.875rem;
  cursor: pointer; }
  .checkbox-container input {
    display: none; }
    .checkbox-container input:checked {
      transform: scale(2); }
    .checkbox-container input:checked + .checkbox-render {
      background-color: #a69e96; }
  .checkbox-container:hover .checkbox-render, .checkbox-container:focus .checkbox-render, .checkbox-container:active .checkbox-render {
    background-color: #d5d1cd; }

.cell.pd-small {
  padding: 0.5rem; }
.cell.pd-2x {
  padding: 1.875rem; }
.cell.pd-4x {
  padding: 1.875rem; }
@media print, screen and (min-width: 40em) {
  .cell.pd-4x {
    padding: 3.75rem; } }
.cell > :first-child {
  margin-top: 0; }
.cell > :last-child {
  margin-bottom: 0; }
.cell .grid-cell-cancel-ls .cell > :last-child {
  margin-bottom: 0.9375rem; }
@media print, screen and (min-width: 40em) {
  .cell-fleche-gauche {
    position: relative;
    overflow: hidden; }
    .cell-fleche-gauche:before {
      content: '';
      position: absolute;
      top: 0;
      left: -158px;
      display: block;
      width: 300px;
      height: 300px;
      transform: scale(0.15, 1) rotate(45deg); }
      .cell-fleche-gauche-primary:before {
        background-color: #a69e96; } }

.ombre-int {
  background: linear-gradient(#fff, #fff 60%, #dadada); }
  .ombre-int-lighter {
    background: linear-gradient(#fff, #fff 80%, #dadada); }

.ombre-int-inverse {
  background: linear-gradient(#eaeaea, #fff 40%, #fff); }
  .ombre-int-inverse-darker {
    background: linear-gradient(#dadada, #fff 80%, #fff); }

.nav-interne {
  margin-bottom: 10px;
  border: 1px solid #c8c8c8;
  border-width: 1px 0;
  background: white; }
  .nav-interne a {
    font-size: 0.875rem;
    font-weight: 500;
    color: #a69e96;
    padding-left: 2vw;
    padding-right: 2vw; }
    .nav-interne a:hover, .nav-interne a:active, .nav-interne a:focus, .nav-interne a.is-active {
      color: #010101 !important; }
  body:not(.on-top) .nav-interne {
    position: fixed;
    z-index: 30;
    top: 109px;
    left: 0;
    right: 0; }

.reassurance {
  margin: 30px auto 50px;
  padding-bottom: 30px; }
@media print, screen and (min-width: 40em) {
  .reassurance {
    max-width: 80%; } }
.reassurance p {
  font-size: 9px;
  padding: 0 10px 10px;
  margin-bottom: 0; }
@media print, screen and (min-width: 40em) {
  .reassurance p {
    font-size: 12px; } }

.realisations-crosslink {
  display: inline-block;
  border: 1px solid #989889;
  padding: 0.9375rem;
  margin: 0 auto; }
  .realisations-crosslink i {
    float: left;
    font-size: 1.625rem; }
  @media print, screen and (min-width: 40em) {
    .realisations-crosslink i {
      font-size: 2.125rem; } }

.referentcommercial img {
  border-radius: 400px;
  margin-bottom: 1.875rem; }
.referentcommercial p {
  line-height: 1.5; }

.mapfrance svg {
  max-width: 100%;
  height: auto; }
.mapfrance g#r1, .mapfrance g#r2 {
  cursor: pointer; }
  .mapfrance g#r1 path, .mapfrance g#r2 path {
    fill: #f4f4f4;
    stroke: #010101; }
  .mapfrance g#r1:hover path, .mapfrance g#r2:hover path {
    fill: #d3d3d3; }
    .mapfrance g#r1.active path, .mapfrance g#r2.active path {
      fill: #a59d95; }
    .mapfrance g#r1.active text, .mapfrance g#r2.active text {
      color: white; }

.contact-equipe img {
  border: 1px solid #585852;
  overflow: hidden;
  border-radius: 100px;
  width: 93px; }

@media print, screen and (min-width: 40em) {
  .atouts-main-title {
    padding-top: 1.625rem; } }
@media print, screen and (min-width: 40em) {
  .atouts-cell {
    padding-top: 3.125rem !important;
    padding-bottom: 1.875rem !important; } }
.atouts .swiper-container-atouts {
  margin-top: 1.5625rem;
  padding-left: 5%;
  padding-right: 5%; }
  .atouts .swiper-container-atouts .swiper-button-next, .atouts .swiper-container-atouts .swiper-button-prev {
    color: #a69e96; }
    .atouts .swiper-container-atouts .swiper-button-next:after, .atouts .swiper-container-atouts .swiper-button-prev:after {
      content: none; }
.atouts-title {
  color: white;
  font-weight: bold;
  display: inline-block;
  padding: 0.4375rem 1.25rem;
  margin: 0 auto 1.25rem; }
.atouts-text {
  display: block;
  margin: 0 auto;
  color: #010101;
  line-height: 1.1;
  max-width: 13.75rem; }

.supports-perf .icon-fleche-droite-pleine {
  width: 30px;
  display: inline-block;
  position: relative;
  left: -30px; }

.services-pix-icons {
  text-align: center; }
  .services-pix-icons > .cell {
    padding-top: 1.125rem; }
    .services-pix-icons > .cell:not(:first-child) {
      position: relative; }
      .services-pix-icons > .cell:not(:first-child):before {
        content: '';
        position: absolute;
        left: 0;
        bottom: 30px;
        height: 105px;
        width: 1px;
        background-color: #777; }
  .services-pix-icons i {
    font-size: 4.25rem;
    color: #a69e96; }
  @media print, screen and (min-width: 64em) {
    .services-pix-icons i {
      display: block;
      margin-top: 0.75rem !important;
      margin-bottom: 0.375rem; } }
  .services-pix-icons-title {
    color: #585852;
    font-weight: 500; }
  @media print, screen and (min-width: 40em) {
    .services-pix-icons ul {
      padding-bottom: 0.625rem; } }
  .services-pix-icons li {
    line-height: 1.1;
    color: #585852; }
  @media screen and (max-width: 63.99875em) {
    .services-pix-icons li {
      font-size: 0.875rem; } }

.gammeselector-items {
  position: relative; }
  .gammeselector-items section {
    transition: 1s max-width ease-out;
    max-width: 1400px;
    overflow: hidden; }
    .gammeselector-items section.gammeselector-hide {
      display: none; }
    .gammeselector-items section img {
      width: auto;
      height: 100%; }
.gammeselector-nav a {
  display: block;
  padding: 1.875rem; }
  .gammeselector-nav a:hover, .gammeselector-nav a:active, .gammeselector-nav a.active {
    background: #f5f5f5; }

.home-grid-partenaire a {
  display: block; }

.outils-pros-config {
  width: 150px;
  margin-top: 0.625rem !important;
  margin-bottom: 0.625rem !important; }
@media print, screen and (min-width: 40em) {
  .outils-pros-config {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    margin-bottom: 0 !important; } }
@media print, screen and (min-width: 64em) {
  .outils-pros-meta {
    margin-top: -80px;
    margin-left: -80px; } }

body {
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  padding-top: 133px; }
@media print, screen and (min-width: 64em) {
  body {
    padding-top: 8.75rem; } }

.headertop {
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  position: fixed;
  z-index: 250;
  top: 0;
  left: 0;
  right: 0;
  background-color: white; }
@media print, screen and (min-width: 64em) {
  .headertop {
    z-index: 150; } }
.headertop > .grid-container {
  z-index: 10;
  position: relative; }
@media screen and (max-width: 63.99875em) {
  .headertop > .grid-container {
    padding-right: 0; } }
.headertop .logo-main, .headertop .baseline {
  margin-left: 5px;
  margin-right: 5px; }
.headertop .logo-main {
  display: block; }
  .headertop .logo-main img {
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    display: block;
    max-width: 11.875rem; }
  @media (max-width: 300px) {
    .headertop .logo-main img {
      max-width: 90%; } }
  body:not(.on-top) .headertop .logo-main img {
    max-width: 8.125rem; }
.headertop .baseline {
  color: #585852;
  font-size: 0.5625rem;
  font-weight: 700;
  letter-spacing: 1px;
  line-height: 1.1;
  margin-bottom: 0; }
@media screen and (max-width: 63.99875em) {
  .headertop .baseline {
    font-size: 0.625rem; } }
@media print, screen and (min-width: 40em) {
  .headertop .baseline {
    margin-top: 42px; } }
.headertop .baseline img {
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 1px; }
.headertop-button {
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 94px;
  width: 94px;
  border-left: 1px solid #c7c7c7;
  color: #585852;
  font-weight: 500;
  font-size: 0.625rem;
  line-height: 1.2; }
  .headertop-button .menutext {
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    max-height: 40px; }
  body:not(.on-top) .headertop-button {
    height: 60px; }
    body:not(.on-top) .headertop-button .menutext {
      overflow: hidden;
      max-height: 0; }
  a.headertop-button {
    cursor: pointer; }
  .headertop-button-wauto {
    width: auto; }
  .headertop-button i {
    margin-bottom: 5px;
    display: block;
    font-size: 1.875rem; }
    a.headertop-button:hover, a.headertop-button:focus, a.headertop-button:active, a.headertop-button.active {
      background-color: #a69e96;
      color: #fff; }

.headernav {
  background: #a69e96; }
  .headernav a {
    font-weight: 700;
    letter-spacing: 1px;
    color: #fff;
    font-size: 0.875rem; }
    .headernav a:hover, .headernav a:focus, .headernav a:active, .headernav a.active {
      background-color: #010101 !important; }
  .headernav-mobile {
    position: absolute;
    right: 0px;
    top: 0;
    background-color: #010101;
    max-height: 0;
    overflow: hidden;
    transition: all ease-in-out 0.2s; }
    .headernav-mobile.active {
      max-height: 37.5rem;
      padding: 4.375rem 2.5rem; }
      .headernav-mobile a:hover, .headernav-mobile a:focus, .headernav-mobile a:active, .headernav-mobile a.active {
        color: #a69e96; }
    .headernav-mobile-close {
      cursor: pointer;
      font-size: 1.875rem;
      position: absolute;
      right: 15px;
      top: 15px;
      opacity: 0.3;
      color: #fff; }
      .headernav-mobile-close:hover {
        opacity: 1; }
  @media screen and (min-width: 75em) {
    .headernav-desktop .level-1 a {
      padding-left: 1.25rem !important;
      padding-right: 1.25rem !important; } }
@media print, screen and (min-width: 64em) {
  .headernav-desktop .level-1 > li:not(:last-child) {
    position: relative;
    margin-right: 1px; }
    .headernav-desktop .level-1 > li:not(:last-child):after {
      content: '';
      height: 28px;
      position: absolute;
      border-right: 1px solid #fff;
      right: -1px;
      top: 10px; } }
.headernav-desktop .level-2 a {
  border-top: 1px solid #fff; }

.breadcrumbs {
  padding: 1rem 0; }

.image-cartouche {
  position: relative;
  margin-bottom: 18px; }
@media print, screen and (min-width: 40em) {
  .image-cartouche {
    margin-bottom: 50px;
    height: 100%; }
    .image-cartouche img {
      height: 100%;
      object-fit: cover; } }
.image-cartouche-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(255, 255, 255, 0.75);
  padding: 2px 10px 2px 50px; }

.demarquez .bg-cover {
  padding-top: 2.5rem;
  padding-bottom: 15.625rem; }
.demarquez h2 {
  margin-top: 0; }
.demarquez-round {
  display: inline-block;
  border-radius: 300px;
  color: #fff;
  text-align: center;
  width: 66px;
  height: 66px;
  line-height: 66px;
  font-size: 2.5rem;
  font-weight: 500;
  background-size: cover; }
  .demarquez-round.ral {
    background-color: #97c5c3; }
  .demarquez-round.tendances {
    background-color: #a49c87; }
  .demarquez-round.decors-cuisine {
    background-image: url(https://www.pixpano.fr/assets/images/backgrounds/cuisine-carreaux-ciment-mini.png); }
  .demarquez-round.decors-bain {
    background-image: url(https://www.pixpano.fr/assets/images/backgrounds/bain-mosaique-mini.png); }
.demarquez .h5 {
  font-weight: 500;
  color: #585852; }
.demarquez .number {
  display: block;
  font-size: 2.5rem; }

@keyframes appear-to-right {
  from {
    opacity: 0;
    left: -100px;
    color: #010101; }
  to {
    left: 0;
    opacity: 1;
    color: #fff; } }

@media print, screen and (min-width: 40em) {
  .swiper-container-slider-home {
    margin-bottom: -100px; } }
.swiper-container-slider-home .swiper-button-next:after, .swiper-container-slider-home .swiper-button-prev:after {
  content: none; }
.swiper-container-slider-home .swiper-slide {
  text-align: center; }

.homeslider-caption {
  display: inline-block;
  position: relative;
  padding: 30px;
  background-color: #a69e96; }
@media print, screen and (min-width: 40em) {
  .homeslider-caption {
    bottom: 160px;
    margin-bottom: -200px;
    width: 50%; } }
.homeslider-caption .h3, .homeslider-caption p {
  color: white; }
.homeslider-caption .h3 {
  margin-top: 0; }
.homeslider-caption .button, .homeslider-caption p:last-child {
  margin-bottom: 0; }
.homeslider-title {
  display: block;
  margin: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 17%;
  right: 0;
  padding: 3.125rem;
  color: #010101;
  font-weight: 100;
  line-height: 0.9;
  font-size: 2.5rem;
  text-shadow: 0 0 2px rgba(1, 1, 1, 0.4);
  transition: color 2s ease-in-out, padding 2s ease-in-out; }
@media (min-width: 320px) {
  .homeslider-title {
    font-size: 3.75rem; } }
@media print, screen and (min-width: 40em) {
  .homeslider-title {
    left: 25%;
    font-size: 4.375rem; } }
@media print, screen and (min-width: 64em) {
  .homeslider-title {
    left: 32%;
    padding-top: 5.625rem;
    font-size: 7.5rem; } }
@media (min-width: 1150px) {
  .homeslider-title {
    font-size: 8.75rem; } }
.homeslider-title span {
  color: #010101;
  text-shadow: 0 0 1px #fff; }
.homeslider-title i {
  position: relative;
  font-style: normal;
  opacity: 0; }
.swiper-slide-active .homeslider-title {
  padding-left: 1.875rem;
  color: #fff; }
@media print, screen and (min-width: 40em) {
  .swiper-slide-active .homeslider-title {
    padding-left: 4.375rem; } }
.swiper-slide-active .homeslider-title i:nth-child(1) {
  animation: appear-to-right 1s 0.5s forwards; }
.swiper-slide-active .homeslider-title i:nth-child(3) {
  animation: appear-to-right 1s 1.2s forwards; }
.swiper-slide-active .homeslider-title i:nth-child(5) {
  animation: appear-to-right 1s 1.9s forwards; }
.homeslider-argu {
  display: block;
  position: absolute;
  top: 10px;
  bottom: 10px;
  left: 10px;
  right: 10px; }
@media print, screen and (min-width: 40em) {
  .homeslider-argu {
    top: 60px;
    bottom: 60px;
    left: 60px;
    right: 60px; } }
@media print, screen and (min-width: 64em) {
  .homeslider-argu {
    margin-top: 30px; } }
@media print, screen and (min-width: 64em) {
  .homeslider-argu .img-homme {
    margin-top: -50px;
    margin-left: 30px;
    margin-right: 30px;
    margin-bottom: -90px; } }

.grid-container-main a:not(.no-hover) i {
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease; }
.grid-container-main a:not(.no-hover):hover, .grid-container-main a:not(.no-hover):focus, .grid-container-main a:not(.no-hover):active {
  color: #a69e96; }
  .grid-container-main a:not(.no-hover):hover i, .grid-container-main a:not(.no-hover):focus i, .grid-container-main a:not(.no-hover):active i {
    transform: scale(1.05); }

.main-main .main-padding-t {
  padding-top: 2.5rem; }
.main-main .main-padding-b {
  padding-bottom: 7.5rem; }
  .main-main p a:not(.button) {
    text-decoration: underline; }

.footer-before {
  margin-top: 3.125rem; }
@media print, screen and (min-width: 64em) {
  .footer-before {
    margin-top: 4.375rem; } }

.footer-main {
  background-color: #a69e96;
  padding: 1.5625rem 0 7.5rem; }
  .footer-main h4, .footer-main h5, .footer-main p, .footer-main a {
    color: #fff; }

.lien-aire-libre img {
  filter: grayscale(100%);
  opacity: 0.5;
  position: relative;
  top: 1px; }
  .lien-aire-libre:hover img, .lien-aire-libre:focus img, .lien-aire-libre:active img {
    opacity: 1; }

.cookie-consent {
  background: rgba(1, 1, 1, 0.8);
  bottom: 0;
  color: #fff;
  display: block;
  height: auto;
  left: 0;
  padding: 5px 40px 5px 10px;
  position: fixed;
  right: 0;
  z-index: 1000; }
  .cookie-consent p {
    line-height: 1.1; }
  .cookie-consent .button {
    margin-bottom: 0;
    padding: 5px;
    font-size: 12px; }

.styles-choix a {
  margin-bottom: 1.25rem;
  display: block; }
  .styles-choix a img {
    border: 1px solid #989889; }

@media print, screen and (min-width: 64em) {
  .nav-main {
    background-color: #fff !important;
    border: 1px solid #989889;
    border-width: 1px 0;
    position: relative; } }
.nav-main li:hover > a {
  text-decoration: underline; }
.nav-main a {
  text-transform: uppercase;
  font-size: 0.75rem; }
  .nav-main a:hover, .nav-main a:focus, .nav-main a:active {
    text-decoration: underline; }
  .nav-main a:not([href]) {
    cursor: default; }
.nav-main .link-subtitle {
  font-style: italic;
  display: block;
  margin-top: 6px;
  font-size: 0.6875rem; }
.nav-main .nav-sep {
  display: none; }
@media print, screen and (min-width: 64em) {
  .nav-main .nav-sep {
    display: inline-block;
    padding: 0 25px; }
    .nav-main .nav-sep:before {
      content: '||';
      font-size: 1.75rem;
      letter-spacing: -3px;
      color: #cdcdcd; } }
@media print, screen and (min-width: 64em) {
  .nav-main .menu-close {
    display: none; } }
.nav-main .menu-close button {
  display: block;
  padding: 20px;
  margin: 0 auto;
  color: #989889;
  font-size: 2.5rem;
  text-align: center;
  cursor: pointer; }
  .nav-main .menu-close button:hover, .nav-main .menu-close button:focus, .nav-main .menu-close button:active {
    color: #585852; }
.nav-main .level-1 > li > a {
  font-weight: 500;
  color: #585852; }
@media print, screen and (min-width: 40em) {
  .nav-main .level-1 > li > a {
    letter-spacing: 1px; } }
@media print, screen and (min-width: 64em) {
  .nav-main .level-1 > li.is-active > a, .nav-main .level-1 > li > a:hover, .nav-main .level-1 > li > a:active, .nav-main .level-1 > li > a:focus {
    background: #a69e96;
    color: white; } }
@media print, screen and (min-width: 64em) {
  .nav-main .level-1 > li > a {
    padding: 14px 1.5rem 13px; } }
@media screen and (min-width: 75em) {
  .nav-main .level-1 > li > a {
    padding: 14px 2.6rem 13px; } }
@media screen and (max-width: 63.99875em) {
  .nav-main .level-2, .nav-main .level-3 {
    padding-left: 0.625rem;
    margin-bottom: 20px; } }
@media screen and (max-width: 63.99875em) {
  .nav-main .level-2 > .grid-container {
    margin: 0; } }
@media print, screen and (min-width: 64em) {
  .nav-main .level-2 {
    padding: 1rem;
    display: none; }
    .nav-main .level-2.js-dropdown-active {
      display: block; } }
.nav-main .level-3 a {
  text-transform: none; }
@media print, screen and (min-width: 64em) {
  .nav-main .level-3 a {
    font-size: 0.875rem; } }
.nav-main .level-3 a:hover, .nav-main .level-3 a:focus, .nav-main .level-3 a:active {
  color: black; }

@media print, screen and (min-width: 64em) {
  .nav-main.off-canvas.in-canvas-for-large {
    position: relative; }
  .level-1 {
    position: static; } }

.menu-large .color-pic {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  border: 1px solid transparent; }
  .menu-large .color-pic-link {
    display: inline-block;
    padding: 2px !important;
    border: 1px solid transparent; }
    .menu-large .color-pic-link:hover {
      border: 1px solid #aaa; }
  @media screen and (max-width: 63.99875em) {
    .menu-large .color-pic-link[title="Blanc"] .color-pic {
      border-color: black; } }
.menu-large .nav-illus-caption {
  position: absolute;
  top: 0;
  left: 0;
  background-color: black;
  color: white;
  padding: 3px 22px 2px;
  font-size: 12px;
  font-weight: 600; }
  .menu-large .cat-link img {
    margin-bottom: 3px; }
  @media print, screen and (min-width: 64em) {
    .menu-large .cat-link img {
      display: none; } }
@media print, screen and (min-width: 64em) {
  .menu-large {
    position: static; }
    .menu-large .level-2 {
      width: 100%;
      top: 40px !important;
      left: 0;
      right: 0 !important;
      padding: 0;
      background-color: #a69e96; }
      .menu-large .level-2.js-dropdown-active > div > li {
        display: inline-block; }
      .menu-large .level-2 > div > li {
        position: static;
        width: auto; }
        .menu-large .level-2 > div > li > a {
          color: white;
          font-weight: 500;
          padding: 1rem 36px; }
    .menu-large .level-3 {
      min-width: 0;
      padding: 1.625rem 0;
      left: 0 !important;
      right: 0 !important;
      top: 44px !important;
      box-shadow: 0 4px 15px rgba(1, 1, 1, 0.7); }
      .menu-large .level-3 a {
        font-weight: bold; }
      .menu-large .level-3.js-dropdown-active .level-4 {
        display: block !important; }
      .menu-large .level-3 .sep-borders > .cell:not(:first-child) {
        border-left: 1px solid #c9c9c2; }
    .menu-large .level-4 {
      position: relative;
      left: 0 !important;
      right: auto; }
      .menu-large .level-4 a {
        font-weight: 400;
        padding-top: 4px;
        padding-bottom: 4px;
        text-transform: none;
        color: #333; }
    .menu-large .level-profiles {
      min-width: 0;
      padding: 1.625rem 0;
      left: 0 !important;
      right: 0 !important;
      top: 38px !important;
      box-shadow: 0 4px 15px rgba(1, 1, 1, 0.7); }
      .menu-large .level-profiles a {
        text-transform: none;
        padding-top: 4px;
        padding-bottom: 4px;
        color: #333;
        font-size: 0.875rem; } }
    @media print, screen and (min-width: 64em) and screen and (min-width: 75em) {
      .menu-large .level-2 > div > li > a {
        padding: 1rem 46px; } }
  @media print, screen and (min-width: 64em) and print, screen and (min-width: 40em) {
    .menu-large .level-2 > div > li > a {
      letter-spacing: 1px; } }
@media print, screen and (min-width: 64em) and print, screen and (min-width: 64em) {
  .menu-large .menu-profiles-first {
    margin-left: 30rem; } }
@media print, screen and (min-width: 64em) and screen and (min-width: 75em) {
  .menu-large .menu-profiles-first {
    margin-left: 34.375rem; } }
@media print, screen and (min-width: 64em) and print, screen and (min-width: 64em) {
  .menu-large .level-profiles .nav-profiles-cuisine {
    padding-left: 480px; } }
@media print, screen and (min-width: 64em) and screen and (min-width: 75em) {
  .menu-large .level-profiles .nav-profiles-cuisine {
    padding-left: 540px; } }
@media print, screen and (min-width: 64em) and print, screen and (min-width: 64em) {
  .menu-large .level-profiles .nav-profiles-bain {
    padding-left: 696px; } }
@media print, screen and (min-width: 64em) and screen and (min-width: 75em) {
  .menu-large .level-profiles .nav-profiles-bain {
    padding-left: 767px; } }

@media print, screen and (min-width: 64em) {
  .nav-col-fixed-height {
    height: 270px; }
    .nav-col-fixed-height-thermo-cuisine {
      height: 255px; } }

.menu-compats {
  font-size: 0.5rem;
  text-transform: uppercase;
  font-weight: 400; }
  .menu-compats i {
    font-size: 1.625rem; }
  @media screen and (max-width: 63.99875em) {
    .menu-compats {
      margin-bottom: 0.9375rem; } }

.floating-facadegamme {
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 200;
  width: 100%; }
@media print, screen and (min-width: 40em) {
  .floating-facadegamme {
    max-width: 18.75rem;
    left: auto;
    right: -129px;
    bottom: auto;
    top: 300px;
    transform: rotate(-90deg); } }
.floating-facadegamme i {
  font-size: 13px; }

/* cmsms stylesheet: Produit modified: mercredi 11 juin 2025 15:02:54 */
.subcats-title {
  padding-top: 0.9375rem;
  color: #585852; }
.subcats-nav {
  width: 100%;
  margin: 0.5rem 0 0.875rem;
  border: 1px solid #e4e4e0;
  border-width: 1px 0; }
  .subcats-nav a {
    font-weight: 500;
    font-size: 0.6875rem; }
  @media screen and (min-width: 40em) and (max-width: 63.99875em) {
    .subcats-nav a {
      padding: 1.125rem 0.5rem; } }
@media print, screen and (min-width: 64em) {
  .subcats-nav a {
    padding-top: 1.125rem;
    padding-bottom: 1.125rem;
    font-size: 0.875rem; } }

/*LISTING CATEGORIE*/
@media print, screen and (min-width: 40em) {
  .category {
    margin: 1.375rem 0; } }
.category-title {
  font-size: 1.375rem;
  font-weight: bold;
  font-style: italic;
  text-align: center;
  line-height: 1;
  margin-bottom: 0.75rem; }
@media screen and (max-width: 39.99875em) {
  .category-title {
    padding-top: 0; } }
@media print, screen and (min-width: 40em) {
  .category-title {
    margin-bottom: 1.875rem;
    font-size: 2rem; } }
.category-title span {
  display: block;
  font-family: Montserrat;
  font-style: normal;
  text-transform: uppercase;
  font-size: 1.5rem; }
.category-product-link {
  display: block;
  position: relative;
  padding: 0 1rem 0.375rem;
  margin-bottom: 0.875rem;
  text-decoration: none !important; }
@media print, screen and (min-width: 40em) {
  .category-product-link {
    padding-top: 1.875rem; } }
.category-product-link .produit-photos {
  border: 1px solid transparent; }
  .category-product-link .produit-photos img {
    width: 100%;
    height: auto;
    max-height: 200vh; }
.category-product-couleurs {
  position: absolute;
  right: 1.875rem;
  top: 0.5625rem;
  z-index: 3;
  display: inline-block;
  background: #fff url(https://www.pixpano.fr/assets/images/catalogue/picto-couleurs.png) no-repeat 6px 8px;
  background-size: 16px 16px;
  border-radius: 0;
  padding: 0.25rem 0.375rem 0 1.5625rem;
  box-shadow: 0 0 6px rgba(1, 1, 1, 0.6);
  line-height: 1.1; }
  .category-product-couleurs strong {
    font-size: 1.25rem;
    margin-right: 6px;
    float: left; }
  .category-product-couleurs span {
    display: block;
    font-weight: 700;
    font-size: 0.6875rem;
    width: 98px; }
  @media screen and (max-width: 39.99875em) {
    .category-product-couleurs small {
      font-size: 0.5625rem;
      top: -6px;
      position: relative; } }
@media print, screen and (min-width: 40em) {
  .category-product-couleurs {
    padding: 0.3125rem 0.5rem 0.3125rem 3.125rem;
    background-size: 32px 32px; }
    .category-product-couleurs strong {
      font-size: 2rem; }
    .category-product-couleurs span {
      font-size: 0.9375rem;
      width: 120px; } }
.category-product-info {
  display: block;
  width: 4.5rem;
  padding: 4px;
  border-radius: 8px;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
  text-align: center;
  line-height: 1.1;
  background: white;
  margin-bottom: 0.625rem; }
  .category-product-info small {
    font-size: 0.5625rem;
    color: #989889; }
  .category-product-info em {
    font-style: normal;
    font-size: 5vw;
    color: #989889; }
  @media print, screen and (min-width: 40em) {
    .category-product-info em {
      font-size: 2vw; } }
@media print, screen and (min-width: 64em) {
  .category-product-info em {
    font-size: 1.625rem; } }
.category-product-title {
  margin: 0.3125rem 0;
  color: #989889;
  font-size: 0.875rem;
  font-weight: 400; }

/* Tooltips d'alerte pour les mesures + support */
@keyframes blink {
  from {
    opacity: 0.4; }
  to {
    opacity: 1; } }

.alert-tooltip {
  display: block;
  padding: 0.4375rem 0.9375rem;
  opacity: 1;
  position: absolute;
  font-size: 0.75rem;
  font-weight: 700;
  text-align: center;
  color: white;
  border-radius: 0.625rem;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  animation: 1s blink alternate infinite;
  z-index: 100;
  left: 50%;
  top: 95px;
  margin-left: -79px; }
  .alert-tooltip-container {
    position: relative; }
  .alert-tooltip:before {
    content: '';
    display: block;
    position: absolute;
    left: 70px;
    top: -11px;
    width: 12px;
    height: 0px;
    border: 12px solid transparent;
    border-top-width: 0; }
  .alert-tooltip-cuisine {
    background: #a69e96; }
    .alert-tooltip-cuisine:before {
      border-bottom-color: #a69e96; }
  .alert-tooltip-sdb {
    background: #0085b0; }
    .alert-tooltip-sdb:before {
      border-bottom-color: #0085b0; }

.produit {
  /* Tête de produit*/ }
  .produit-header-nav {
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease; }
  @media print, screen and (min-width: 40em) {
    .produit-header-nav {
      width: 170px !important; } }
@media print, screen and (min-width: 64em) {
  .produit-header-nav {
    width: 236px !important; } }
.produit-header-nav .padding {
  display: block;
  padding: 0.375rem; }
@media print, screen and (min-width: 40em) {
  .produit-header-nav .padding {
    padding: 0.75rem; } }
.produit-header-nav .nom-produit {
  border-bottom: 1px solid #989889; }
.produit-header-nav .icon-rounded {
  display: inline-block;
  margin-right: 0.5rem; }
.produit-header-nav h1, .produit-header-nav h2 {
  margin: 0; }
.produit-header-nav h1 {
  font-size: 0.75rem;
  color: #989889; }
.produit-header-nav h2 {
  margin-top: 0.375rem;
  /*&-description {
   p {
   margin-bottom: rem-calc(6);
   }
   em {
   color: $gris-moyen;
   }
   }*/
  /* Boite ouvrable gabarits, couleurs, rendus etc... à gauche */ }
@media print, screen and (min-width: 40em) {
  .produit-toggle-box {
    margin-bottom: 0.25rem; } }
.produit-toggle-box .icon-rounded {
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  background: #797979;
  border-color: #797979;
  color: #fff; }
.produit-toggle-box .h2 {
  font-weight: 400;
  font-size: 0.625rem;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  color: #797979; }
@media print, screen and (min-width: 40em) {
  .produit-toggle-box .h2 {
    font-size: 0.75rem; } }
.produit-toggle-box-content {
  height: auto;
  max-height: 0;
  overflow: hidden;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  /*Box ouverte*/ }
  .produit-toggle-box.active .icon-rounded {
    transform: rotate(180deg); }
  .produit-toggle-box.active .produit-toggle-box-content {
    max-height: 500px; }
.produit-gabarits .img-container {
  display: block;
  vertical-align: bottom; }
  .produit-gabarits .img-container img {
    display: inline-block;
    vertical-align: bottom; }
.produit-gabarits .gabarit-toggler {
  color: #a69e96;
  opacity: 0.6; }
  .produit-gabarits .gabarit-toggler.active, .produit-gabarits .gabarit-toggler:hover, .produit-gabarits .gabarit-toggler:focus, .produit-gabarits .gabarit-toggler:active {
    opacity: 1; }
.produit-gabarits small {
  display: block;
  padding: 0.375rem 0.125rem;
  font-size: 0.6875rem;
  font-weight: 500;
  line-height: 0.75rem; }
@media print, screen and (min-width: 40em) {
  .produit-gabarits small {
    font-size: 0.8125rem; } }
.produit-supports {
  text-align: center;
  font-size: 0.6875rem;
  font-weight: 500; }
@media print, screen and (min-width: 40em) {
  .produit-supports {
    font-size: 0.8125rem; }
    .produit-supports.active .alert-tooltip-container {
      padding-bottom: 50px; } }
.produit-supports a {
  display: block;
  color: #a69e96;
  opacity: 0.6; }
  .produit-supports a:hover, .produit-supports a:active, .produit-supports a:focus, .produit-supports a.active {
    opacity: 1; }
  .produit-supports a p {
    line-height: 1; }
  .produit-supports a img {
    max-height: 3.125rem;
    border: 1px solid #989889;
    margin-bottom: 5px; }
.produit-supports span {
  font-size: 0.5rem;
  line-height: 1;
  display: inline-block; }
@media print, screen and (min-width: 40em) {
  .produit-supports span {
    font-size: 0.5625rem; } }
.produit-couleurs {
  padding: 0.625rem 1.75rem; }
  .produit-couleurs-liste {
    line-height: 0; }
    .produit-couleurs-liste a {
      display: inline-block;
      margin: 2px;
      height: 2.5rem;
      width: 2.5rem;
      border: 1px solid #989889;
      border-radius: 6px; }
.produit-inverse a {
  display: block;
  padding-bottom: 5px; }
.produit-inverse i {
  margin-left: 5px;
  font-size: 2rem; }
.produit-compat .compat-list {
  font-size: 0.625rem;
  line-height: 1.3;
  /*// Bandeau de boutons à droite, au dessus des visuels produits*/ }
.produit-header-btns {
  padding: 0.625rem 0.375rem; }
  @media print, screen and (min-width: 40em) {
    /*// Positionnement des photos produits dans le masque*/
    .produit-header-btns {
      padding: 0.625rem 1.25rem 0.875rem; }
      .produit-header-btns a {
        font-size: 0.875rem; } }
.produit-photos {
  position: relative;
  background: transparent url(https://www.pixpano.fr/assets/images/catalogue/ajax-loader2.gif) center center no-repeat;
  text-align: center; }
  .produit-photos .prod-img {
    z-index: 1;
    max-height: 80vh;
    display: inline-block !important; }
  .produit-photos a, .produit-photos [data-img-reflet], .produit-photos [data-masque] {
    cursor: zoom-in; }
  .produit-photos-masque, .produit-photos-reflet-container {
    position: absolute;
    top: 0;
    left: 0; }
  .produit-photos-masque {
    z-index: 2; }
  .produit-photos-reflet {
    height: auto;
    max-height: 80vh;
    width: 100%; }
    .produit-photos-reflet-container {
      z-index: 3;
      text-align: center;
      right: 0;
      /*&-wc-douche {
       width: auto;
       }*/ }
  .produit-photos [data-product-zoom-button] {
    background: rgba(1, 1, 1, 0.2) url(https://www.pixpano.fr/assets/images/loupe.png) no-repeat 34px 34px;
    background-size: 40px;
    cursor: pointer;
    width: 86px;
    height: 86px;
    position: absolute;
    right: 0;
    bottom: 0;
    border-radius: 100px 0 0 0; }
.produit-img-slider-nav {
  border-bottom: 1px solid #989889; }
  .produit-img-slider-nav a {
    font-weight: 500;
    display: inline-block;
    margin: 0.3125rem 0.9375rem;
    color: #989889; }
    .produit-img-slider-nav a:hover, .produit-img-slider-nav a:active, .produit-img-slider-nav a.active {
      color: #010101; }
    @media print, screen and (min-width: 40em) {
      .produit-img-slider-nav a {
        margin: 0.9375rem; } }
.produit-title-desc {
  padding: 0.625rem 1.75rem; }
.produit-title-main {
  text-align: left !important;
  font-size: 0.875rem;
  margin-top: 1rem;
  margin-bottom: 1.25rem; }
  .produit-title-main-surtitre {
    display: block;
    text-transform: uppercase; }
.produit-desc {
  line-height: 1.1;
  /*// Bandeau de résumé avant / après la crédence en cours*/ }
.produit-resume {
  margin: 1.25rem 0; }

/*// Choix de la cuisine pour le masque*/
.choix-style-masque img {
  margin-bottom: 0.625rem; }

/*// INVERSION IMAGES*/
[data-img-inverse] .prod-img[data-photo-orientation='inverse'] {
  display: none; }

[data-img-inverse='1'] .prod-img {
  display: none !important; }
  [data-img-inverse='1'] .prod-img[data-photo-orientation='inverse'] {
    display: inline-block !important; }

.img-prod-inversee {
  transform: scale(-1, 1); }

.configurateur h2 {
  margin-top: 0; }
.configurateur label {
  text-transform: uppercase;
  color: #585852;
  font-size: 0.75rem;
  line-height: 0.75rem; }
.configurateur .radio-container {
  position: relative; }
  .configurateur .radio-container input[type='radio'] {
    position: absolute;
    left: 46%;
    top: 43px;
    opacity: 0; }
.configurateur input[type='radio'] + label {
  position: relative;
  z-index: 10; }
  .configurateur input[type='radio'] + label img {
    border-radius: 0;
    border: 1px solid #989889;
    display: block;
    margin-bottom: 0.3125rem; }
.configurateur input {
  margin-bottom: 0; }
.configurateur .selected-image {
  height: auto;
  max-height: 4.375rem;
  border: 1px solid #e4e4e0; }
.configurateur [data-image-support-current] {
  border-radius: 8px;
  border: 1px solid #989889;
  margin: 8px 0 14px;
  max-width: 115px; }
.configurateur-support-desc {
  position: relative; }
  .configurateur-support-desc p {
    margin-bottom: 2.8125rem; }
  .configurateur-support-desc .support-switch-btn {
    position: absolute;
    border-radius: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin-bottom: 0; }
.configurateur-prix {
  font-size: 1.25rem;
  font-weight: 400; }
@media print, screen and (min-width: 40em) {
  .configurateur-prix {
    font-size: 1.625rem; } }
.configurateur-prix-3x {
  font-size: 0.875rem;
  font-weight: 400; }
  .configurateur-prix-3x i {
    font-size: 2.125rem;
    vertical-align: middle; }

.infos-compatibilites {
  margin-top: 1.25rem; }
  .infos-compatibilites h4 {
    color: #a69e96; }
  .infos-compatibilites i {
    font-size: 1.375rem; }
  .infos-compatibilites p {
    font-size: 0.5625rem;
    font-weight: 400; }