/* Webfont: Darwin */
@font-face {
  font-family: 'Darwin';
  src: url("../extra/assets/fonts/Darwin.eot");
  /* IE9 Compat Modes */
  src: url("../extra/assets/fonts/Darwin.eot?#iefix") format("embedded-opentype"), url("../extra/assets/fonts/Darwin.woff") format("woff"), url("../extra/assets/fonts/Darwin.ttf") format("truetype"), url("../extra/assets/fonts/Darwin.svg#Darwin") format("svg");
  /* Legacy iOS */
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility; }

/* Webfont: Darwin-Bold */
@font-face {
  font-family: 'Darwin';
  src: url("../extra/assets/fonts/Darwin-Bold.eot");
  /* IE9 Compat Modes */
  src: url("../extra/assets/fonts/Darwin-Bold.eot?#iefix") format("embedded-opentype"), url("../extra/assets/fonts/Darwin-Bold.woff") format("woff"), url("../extra/assets/fonts/Darwin-Bold.ttf") format("truetype"), url("../extra/assets/fonts/Darwin-Bold.svg#Darwin-Bold") format("svg");
  /* Legacy iOS */
  font-style: normal;
  font-weight: 700;
  text-rendering: optimizeLegibility; }

/* Webfont: Darwin-Black */
@font-face {
  font-family: 'Darwin';
  src: url("../extra/assets/fonts/Darwin-Black.eot");
  /* IE9 Compat Modes */
  src: url("../extra/assets/fonts/Darwin-Black.eot?#iefix") format("embedded-opentype"), url("../extra/assets/fonts/Darwin-Black.woff") format("woff"), url("../extra/assets/fonts/Darwin-Black.ttf") format("truetype"), url("../extra/assets/fonts/Darwin-Black.svg#Darwin-Black") format("svg");
  /* Legacy iOS */
  font-style: normal;
  font-weight: 900;
  text-rendering: optimizeLegibility; }

/* Webfont: Foco-Regular */
@font-face {
  font-family: 'Foco';
  src: url("../extra/assets/fonts/Foco-Regular.eot");
  /* IE9 Compat Modes */
  src: url("../extra/assets/fonts/Foco-Regular.eot?#iefix") format("embedded-opentype"), url("../extra/assets/fonts/Foco-Regular.woff") format("woff"), url("../extra/assets/fonts/Foco-Regular.ttf") format("truetype"), url("../extra/assets/fonts/Foco-Regular.svg#Foco-Regular") format("svg");
  /* Legacy iOS */
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility; }

/* Webfont: Foco-Italic */
@font-face {
  font-family: 'Foco';
  src: url("../extra/assets/fonts/Foco-Italic.eot");
  /* IE9 Compat Modes */
  src: url("../extra/assets/fonts/Foco-Italic.eot?#iefix") format("embedded-opentype"), url("../extra/assets/fonts/Foco-Italic.woff") format("woff"), url("../extra/assets/fonts/Foco-Italic.ttf") format("truetype"), url("../extra/assets/fonts/Foco-Italic.svg#Foco-Italic") format("svg");
  /* Legacy iOS */
  font-style: italic;
  font-weight: normal;
  text-rendering: optimizeLegibility; }

/* Webfont: Foco-Bold */
@font-face {
  font-family: 'Foco';
  src: url("../extra/assets/fonts/Foco-Bold.eot");
  /* IE9 Compat Modes */
  src: url("../extra/assets/fonts/Foco-Bold.eot?#iefix") format("embedded-opentype"), url("../extra/assets/fonts/Foco-Bold.woff") format("woff"), url("../extra/assets/fonts/Foco-Bold.ttf") format("truetype"), url("../extra/assets/fonts/Foco-Bold.svg#Foco-Bold") format("svg");
  /* Legacy iOS */
  font-style: normal;
  font-weight: 700;
  text-rendering: optimizeLegibility; }

/* Webfont: Foco-Black */
@font-face {
  font-family: 'Foco';
  src: url("../extra/assets/fonts/Foco-Black.eot");
  /* IE9 Compat Modes */
  src: url("../extra/assets/fonts/Foco-Black.eot?#iefix") format("embedded-opentype"), url("../extra/assets/fonts/Foco-Black.woff") format("woff"), url("../extra/assets/fonts/Foco-Black.ttf") format("truetype"), url("../extra/assets/fonts/Foco-Black.svg#Foco-Black") format("svg");
  /* Legacy iOS */
  font-style: normal;
  font-weight: 900;
  text-rendering: optimizeLegibility; }

/* Webfont: Foco-BoldItalic */
@font-face {
  font-family: 'Foco';
  src: url("../extra/assets/fonts/Foco-BoldItalic.eot");
  /* IE9 Compat Modes */
  src: url("../extra/assets/fonts/Foco-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../extra/assets/fonts/Foco-BoldItalic.woff") format("woff"), url("../extra/assets/fonts/Foco-BoldItalic.ttf") format("truetype"), url("../extra/assets/fonts/Foco-BoldItalic.svg#Foco-BoldItalic") format("svg");
  /* Legacy iOS */
  font-style: italic;
  font-weight: 700;
  text-rendering: optimizeLegibility; }

html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

*,
*:before,
*:after {
  margin: 0;
  padding: 0;
  border: 0;
  outline: none;
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit; }

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

audio,
canvas,
video {
  display: inline-block; }

audio:not([controls]) {
  display: none; }

/* FORMS */
[hidden] {
  display: none; }

button,
input,
select,
textarea {
  background: inherit;
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit; }

input[type="search"],
input[type="email"],
input[type="text"] {
  -webkit-appearance: initial; }

button,
label {
  cursor: pointer; }

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

@keyframes linear-rotation-out {
  0% {
    transform: rotate(360deg); }
  100% {
    transform: rotate(0deg); } }

/* required styles */
.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
  position: absolute;
  left: 0;
  top: 0; }

.leaflet-container {
  overflow: hidden; }

.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-user-drag: none; }

/* Safari renders non-retina tile on retina better with this, but Chrome is worse */
.leaflet-safari .leaflet-tile {
  image-rendering: -webkit-optimize-contrast; }

/* hack that prevents hw layers "stretching" when loading new tiles */
.leaflet-safari .leaflet-tile-container {
  width: 1600px;
  height: 1600px;
  -webkit-transform-origin: 0 0; }

.leaflet-marker-icon,
.leaflet-marker-shadow {
  display: block; }

/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */
/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */
.leaflet-container .leaflet-overlay-pane svg,
.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer {
  max-width: none !important;
  max-height: none !important; }

.leaflet-container.leaflet-touch-zoom {
  -ms-touch-action: pan-x pan-y;
  touch-action: pan-x pan-y; }

.leaflet-container.leaflet-touch-drag {
  -ms-touch-action: pinch-zoom;
  /* Fallback for FF which doesn't support pinch-zoom */
  touch-action: none;
  touch-action: pinch-zoom; }

.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
  -ms-touch-action: none;
  touch-action: none; }

.leaflet-container {
  -webkit-tap-highlight-color: transparent; }

.leaflet-container a {
  -webkit-tap-highlight-color: rgba(51, 181, 229, 0.4); }

.leaflet-tile {
  filter: inherit;
  visibility: hidden; }

.leaflet-tile-loaded {
  visibility: inherit; }

.leaflet-zoom-box {
  width: 0;
  height: 0;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 800; }

/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.leaflet-overlay-pane svg {
  -moz-user-select: none; }

.leaflet-pane {
  z-index: 400; }

.leaflet-tile-pane {
  z-index: 200; }

.leaflet-overlay-pane {
  z-index: 400; }

.leaflet-shadow-pane {
  z-index: 500; }

.leaflet-marker-pane {
  z-index: 600; }

.leaflet-tooltip-pane {
  z-index: 650; }

.leaflet-popup-pane {
  z-index: 700; }

.leaflet-map-pane canvas {
  z-index: 100; }

.leaflet-map-pane svg {
  z-index: 200; }

.leaflet-vml-shape {
  width: 1px;
  height: 1px; }

.lvml {
  behavior: url(#default#VML);
  display: inline-block;
  position: absolute; }

/* control positioning */
.leaflet-control {
  position: relative;
  z-index: 800;
  pointer-events: visiblePainted;
  /* IE 9-10 doesn't have auto */
  pointer-events: auto; }

.leaflet-top,
.leaflet-bottom {
  position: absolute;
  z-index: 1000;
  pointer-events: none; }

.leaflet-top {
  top: 0; }

.leaflet-right {
  right: 0; }

.leaflet-bottom {
  bottom: 0; }

.leaflet-left {
  left: 0; }

.leaflet-control {
  float: left;
  clear: both; }

.leaflet-right .leaflet-control {
  float: right; }

.leaflet-top .leaflet-control {
  margin-top: 10px; }

.leaflet-bottom .leaflet-control {
  margin-bottom: 10px; }

.leaflet-left .leaflet-control {
  margin-left: 10px; }

.leaflet-right .leaflet-control {
  margin-right: 10px; }

/* zoom and fade animations */
.leaflet-fade-anim .leaflet-tile {
  will-change: opacity; }

.leaflet-fade-anim .leaflet-popup {
  opacity: 0;
  -webkit-transition: opacity 0.2s linear;
  -moz-transition: opacity 0.2s linear;
  -o-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear; }

.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
  opacity: 1; }

.leaflet-zoom-animated {
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0; }

.leaflet-zoom-anim .leaflet-zoom-animated {
  will-change: transform; }

.leaflet-zoom-anim .leaflet-zoom-animated {
  -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
  -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
  -o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
  transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1); }

.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none; }

.leaflet-zoom-anim .leaflet-zoom-hide {
  visibility: hidden; }

/* cursors */
.leaflet-interactive {
  cursor: pointer; }

.leaflet-grab {
  cursor: -webkit-grab;
  cursor: -moz-grab; }

.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
  cursor: crosshair; }

.leaflet-popup-pane,
.leaflet-control {
  cursor: auto; }

.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing; }

/* marker & overlays interactivity */
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane > svg path,
.leaflet-tile-container {
  pointer-events: none; }

.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane > svg path.leaflet-interactive {
  pointer-events: visiblePainted;
  /* IE 9-10 doesn't have auto */
  pointer-events: auto; }

/* visual tweaks */
.leaflet-container {
  background: #ddd;
  outline: 0; }

.leaflet-container a {
  color: #0078A8; }

.leaflet-container a.leaflet-active {
  outline: 2px solid orange; }

.leaflet-zoom-box {
  border: 2px dotted #38f;
  background: rgba(255, 255, 255, 0.5); }

/* general typography */
.leaflet-container {
  font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif; }

/* general toolbar styles */
.leaflet-bar {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65);
  border-radius: 4px; }

.leaflet-bar a,
.leaflet-bar a:hover {
  background-color: #fff;
  border-bottom: 1px solid #ccc;
  width: 26px;
  height: 26px;
  line-height: 26px;
  display: block;
  text-align: center;
  text-decoration: none;
  color: black; }

.leaflet-bar a,
.leaflet-control-layers-toggle {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  display: block; }

.leaflet-bar a:hover {
  background-color: #f4f4f4; }

.leaflet-bar a:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px; }

.leaflet-bar a:last-child {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom: none; }

.leaflet-bar a.leaflet-disabled {
  cursor: default;
  background-color: #f4f4f4;
  color: #bbb; }

.leaflet-touch .leaflet-bar a {
  width: 30px;
  height: 30px;
  line-height: 30px; }

.leaflet-touch .leaflet-bar a:first-child {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px; }

.leaflet-touch .leaflet-bar a:last-child {
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px; }

/* zoom control */
.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
  font: bold 18px 'Lucida Console', Monaco, monospace;
  text-indent: 1px; }

.leaflet-touch .leaflet-control-zoom-in,
.leaflet-touch .leaflet-control-zoom-out {
  font-size: 22px; }

/* layers control */
.leaflet-control-layers {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
  background: #fff;
  border-radius: 5px; }

.leaflet-control-layers-toggle {
  background-image: url(images/layers.png);
  width: 36px;
  height: 36px; }

.leaflet-retina .leaflet-control-layers-toggle {
  background-image: url(images/layers-2x.png);
  background-size: 26px 26px; }

.leaflet-touch .leaflet-control-layers-toggle {
  width: 44px;
  height: 44px; }

.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
  display: none; }

.leaflet-control-layers-expanded .leaflet-control-layers-list {
  display: block;
  position: relative; }

.leaflet-control-layers-expanded {
  padding: 6px 10px 6px 6px;
  color: #333;
  background: #fff; }

.leaflet-control-layers-scrollbar {
  overflow-y: scroll;
  overflow-x: hidden;
  padding-right: 5px; }

.leaflet-control-layers-selector {
  margin-top: 2px;
  position: relative;
  top: 1px; }

.leaflet-control-layers label {
  display: block; }

.leaflet-control-layers-separator {
  height: 0;
  border-top: 1px solid #ddd;
  margin: 5px -10px 5px -6px; }

/* Default icon URLs */
.leaflet-default-icon-path {
  background-image: url(images/marker-icon.png); }

/* attribution and scale controls */
.leaflet-container .leaflet-control-attribution {
  background: #fff;
  background: rgba(255, 255, 255, 0.7);
  margin: 0; }

.leaflet-control-attribution,
.leaflet-control-scale-line {
  padding: 0 5px;
  color: #333; }

.leaflet-control-attribution a {
  text-decoration: none; }

.leaflet-control-attribution a:hover {
  text-decoration: underline; }

.leaflet-container .leaflet-control-attribution,
.leaflet-container .leaflet-control-scale {
  font-size: 11px; }

.leaflet-left .leaflet-control-scale {
  margin-left: 5px; }

.leaflet-bottom .leaflet-control-scale {
  margin-bottom: 5px; }

.leaflet-control-scale-line {
  border: 2px solid #777;
  border-top: none;
  line-height: 1.1;
  padding: 2px 5px 1px;
  font-size: 11px;
  white-space: nowrap;
  overflow: hidden;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
  background: rgba(255, 255, 255, 0.5); }

.leaflet-control-scale-line:not(:first-child) {
  border-top: 2px solid #777;
  border-bottom: none;
  margin-top: -2px; }

.leaflet-control-scale-line:not(:first-child):not(:last-child) {
  border-bottom: 2px solid #777; }

.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
  box-shadow: none; }

.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
  border: 2px solid rgba(0, 0, 0, 0.2);
  background-clip: padding-box; }

/* popup */
.leaflet-popup {
  position: absolute;
  text-align: center;
  margin-bottom: 20px; }

.leaflet-popup-content-wrapper {
  padding: 1px;
  text-align: left;
  border-radius: 12px; }

.leaflet-popup-content {
  margin: 13px 19px;
  line-height: 1.4; }

.leaflet-popup-content p {
  margin: 18px 0; }

.leaflet-popup-tip-container {
  width: 40px;
  height: 20px;
  position: absolute;
  left: 50%;
  margin-left: -20px;
  overflow: hidden;
  pointer-events: none; }

.leaflet-popup-tip {
  width: 17px;
  height: 17px;
  padding: 1px;
  margin: -10px auto 0;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg); }

.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
  background: white;
  color: #333;
  box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4); }

.leaflet-container a.leaflet-popup-close-button {
  position: absolute;
  top: 0;
  right: 0;
  padding: 4px 4px 0 0;
  border: none;
  text-align: center;
  width: 18px;
  height: 14px;
  font: 16px/14px Tahoma, Verdana, sans-serif;
  color: #c3c3c3;
  text-decoration: none;
  font-weight: bold;
  background: transparent; }

.leaflet-container a.leaflet-popup-close-button:hover {
  color: #999; }

.leaflet-popup-scrolled {
  overflow: auto;
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd; }

.leaflet-oldie .leaflet-popup-content-wrapper {
  zoom: 1; }

.leaflet-oldie .leaflet-popup-tip {
  width: 24px;
  margin: 0 auto;
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
  filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678); }

.leaflet-oldie .leaflet-popup-tip-container {
  margin-top: -1px; }

.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
  border: 1px solid #999; }

/* div icon */
.leaflet-div-icon {
  background: #fff;
  border: 1px solid #666; }

/* Tooltip */
/* Base styles for the element that has a tooltip */
.leaflet-tooltip {
  position: absolute;
  padding: 6px;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 3px;
  color: #222;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); }

.leaflet-tooltip.leaflet-clickable {
  cursor: pointer;
  pointer-events: auto; }

.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
  position: absolute;
  pointer-events: none;
  border: 6px solid transparent;
  background: transparent;
  content: ""; }

/* Directions */
.leaflet-tooltip-bottom {
  margin-top: 6px; }

.leaflet-tooltip-top {
  margin-top: -6px; }

.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
  left: 50%;
  margin-left: -6px; }

.leaflet-tooltip-top:before {
  bottom: 0;
  margin-bottom: -12px;
  border-top-color: #fff; }

.leaflet-tooltip-bottom:before {
  top: 0;
  margin-top: -12px;
  margin-left: -6px;
  border-bottom-color: #fff; }

.leaflet-tooltip-left {
  margin-left: -6px; }

.leaflet-tooltip-right {
  margin-left: 6px; }

.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
  top: 50%;
  margin-top: -6px; }

.leaflet-tooltip-left:before {
  right: 0;
  margin-right: -12px;
  border-left-color: #fff; }

.leaflet-tooltip-right:before {
  left: 0;
  margin-left: -12px;
  border-right-color: #fff; }

[data-scrollbar="true"] .scrollbar-track {
  background: #FFFFFF; }

[data-scrollbar="true"] .scrollbar-thumb {
  background: #C8102E;
  border-radius: 0; }

body,
.content {
  font: normal 400 15px/1.6 "Foco", sans-serif;
  color: #222222; }
  @media screen and (max-width: 1024px) {
    body,
    .content {
      font: normal 400 14px/1.6 "Foco", sans-serif; } }
  @media screen and (max-width: 768px) {
    body,
    .content {
      font: normal 400 13px/1.6 "Foco", sans-serif; } }

strong {
  font-weight: 700; }

sup {
  line-height: 5px; }

a, a:hover, a:active {
  text-decoration: none; }

ul {
  list-style: none; }

.color {
  color: #C8102E; }

::selection {
  background: #C8102E;
  color: #FFFFFF; }

::-moz-selection {
  background: #C8102E;
  color: #FFFFFF; }

.partially-hidden {
  opacity: .3  !important; }
  @media screen and (max-width: 640px) {
    .partially-hidden {
      opacity: 1 !important; } }

.totally-hidden {
  opacity: 0  !important; }
  @media screen and (max-width: 640px) {
    .totally-hidden {
      opacity: 1 !important; } }

.hide {
  display: none !important; }

.link {
  display: inline-block;
  position: relative;
  font: normal 900 14px/1.8 "Darwin", sans-serif;
  letter-spacing: 0.25px;
  transition: color 1s cubic-bezier(0.165, 0.84, 0.44, 1);
  padding-left: 17px; }
  .link::before {
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    position: absolute;
    left: 0;
    top: 8px;
    border-width: 2px;
    border-style: solid;
    border-radius: 50%;
    transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1), border-color 1s cubic-bezier(0.165, 0.84, 0.44, 1); }
  .link.link-white {
    color: #FFFFFF; }
    .link.link-white::before {
      border-color: #FFFFFF; }
    .link.link-white:hover {
      color: #222222; }
      .link.link-white:hover::before {
        border-color: #222222; }
  .link.link-black {
    color: #222222; }
    .link.link-black::before {
      border-color: #222222; }
    .link.link-black:hover {
      color: #FFFFFF; }
      .link.link-black:hover::before {
        border-color: #FFFFFF; }
  .link.link-red {
    color: #C8102E; }
    .link.link-red::before {
      border-color: #C8102E; }
  .link.link-blue {
    color: #009CA6; }
    .link.link-blue::before {
      border-color: #009CA6; }
  .content .link.link {
    margin-bottom: 20px; }
  .link:hover {
    color: #222222; }
    .link:hover::before {
      border-color: #222222;
      transform: scale(0.7); }

.content .link {
  display: table; }

.link-absolute {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 1; }

.picto-link {
  font: normal 900 14px/1.8 "Darwin", sans-serif;
  vertical-align: middle;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-star;
  align-items: center; }
  .picto-link.picto-link-black {
    color: #222222;
    transition: color .4s; }
    .picto-link.picto-link-black svg {
      width: 18px;
      height: 18px;
      margin-top: 0;
      margin-right: 22px;
      margin-bottom: 0;
      margin-left: 0;
      transition: fill .4s; }
    .picto-link.picto-link-black:hover {
      color: #C8102E; }
      .picto-link.picto-link-black:hover svg {
        fill: #C8102E; }
  @media screen and (max-width: 768px) {
    .picto-link {
      font: normal 900 12px/1.8 "Darwin", sans-serif; } }

.link-checkbox {
  color: #222222;
  display: flex;
  width: 100%;
  position: relative; }
  .link-checkbox::before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    border: 1px solid #222222;
    position: absolute;
    top: 2px;
    left: 2px; }
  .link-checkbox::after {
    content: "";
    display: block;
    width: 4px;
    height: 4px;
    background: #222222;
    position: absolute;
    top: 5px;
    left: 5px;
    transform: scale(0);
    transform-origin: 50% 50%;
    transition: transform 0.4s cubic-bezier(0.77, 0, 0.175, 1); }
  .link-checkbox span {
    font: normal 400 14px/1.3 "Darwin", sans-serif;
    display: inline-block;
    margin-left: 25px;
    margin-top: -1px; }
  .link-checkbox.active::after, .link-checkbox:hover::after {
    transform: scale(1); }
  .link-checkbox.link-checkbox-remove::before {
    border: 1px solid #666666; }
  .link-checkbox.link-checkbox-remove span {
    font: normal 400 12px/1.5 "Foco", sans-serif;
    color: #666666; }

.link-ellipse {
  display: block;
  position: relative;
  padding-top: 18px;
  padding-right: 40px;
  padding-bottom: 18px;
  padding-left: 40px;
  text-align: center; }
  .link-ellipse:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #FFFFFF; }
  .link-ellipse .text {
    display: inline-block;
    position: relative;
    color: #666666;
    font: normal 900 14px/1.4 "Darwin", sans-serif; }
  .link-ellipse .picto {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(-50%, -50%);
    z-index: 2;
    display: block;
    width: 9px;
    height: 7px; }
    .link-ellipse .picto svg {
      display: block;
      width: 9px;
      height: 7px; }
      .link-ellipse .picto svg path {
        stroke: #C8102E; }

.link-download {
  width: 30px;
  height: 30px;
  display: block; }
  .link-download svg {
    width: 100%;
    height: 100%; }

.link-download-text {
  color: #222222;
  font: normal 400 13px/1.4 "Foco", sans-serif;
  display: flex;
  align-items: center; }
  .link-download-text svg {
    width: 16px;
    height: 16px;
    margin-right: 10px; }

p a {
  color: #C8102E; }

button {
  background: transparent; }

.button-more {
  width: 67px;
  height: 53px; }
  .button-more::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
    width: 17px;
    height: 17px;
    background: url("../extra/assets/img/pictos/cross.svg") center center no-repeat;
    background-size: 100% 100%;
    z-index: 1; }
  .button-more svg {
    transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1); }
    .button-more svg path {
      stroke: none;
      transition: fill 1s cubic-bezier(0.165, 0.84, 0.44, 1); }
  .button-more.button-more-red svg path {
    fill: #C8102E; }
  .button-more.button-more-blue svg path {
    fill: #009CA6; }
  @media screen and (max-width: 1920px) {
    .button-more {
      transform: scale(0.8); } }

.wp-block-button {
  display: inline-block;
  margin-top: 0px;
  margin-right: 40px;
  margin-bottom: 0px;
  margin-left: 0px; }

.ghost-button, .wp-block-button .wp-block-button__link {
  display: inline-block;
  width: auto;
  font: normal 900 14px/1 "Foco", sans-serif;
  text-transform: uppercase;
  border-width: 3px;
  border-style: solid;
  border-radius: 0;
  background: none;
  text-align: center;
  position: relative;
  transition: color .5s;
  padding-top: 20px;
  padding-right: 60px;
  padding-bottom: 20px;
  padding-left: 60px; }
  .ghost-button.ghost-button-black, .ghost-button.wp-block-button__link, .wp-block-button .wp-block-button__link.ghost-button-black, .wp-block-button .wp-block-button__link.wp-block-button__link {
    color: #222222;
    border-color: #222222; }
    .ghost-button.ghost-button-black::before, .ghost-button.wp-block-button__link::before, .wp-block-button .wp-block-button__link.ghost-button-black::before, .wp-block-button .wp-block-button__link.wp-block-button__link::before {
      background: #222222; }
  .ghost-button.ghost-button-red, .wp-block-button .wp-block-button__link.ghost-button-red {
    color: #C8102E;
    border-color: #C8102E; }
    .ghost-button.ghost-button-red::before, .wp-block-button .wp-block-button__link.ghost-button-red::before {
      background: #C8102E; }
  .ghost-button.ghost-button-white, .wp-block-button .wp-block-button__link.ghost-button-white {
    color: #FFFFFF;
    border-color: #FFFFFF; }
    .ghost-button.ghost-button-white::before, .wp-block-button .wp-block-button__link.ghost-button-white::before {
      background: #FFFFFF; }
    .ghost-button.ghost-button-white:hover span, .wp-block-button .wp-block-button__link.ghost-button-white:hover span {
      animation: ghost-button-color-black 1s cubic-bezier(0.77, 0, 0.175, 1); }
  .ghost-button.ghost-button-full, .wp-block-button .wp-block-button__link.ghost-button-full {
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px; }
  .ghost-button.ghost-button-big, .wp-block-button .wp-block-button__link.ghost-button-big {
    padding-top: 30px;
    padding-right: 60px;
    padding-bottom: 30px;
    padding-left: 60px; }
  @media screen and (max-width: 768px) {
    .ghost-button, .wp-block-button .wp-block-button__link {
      padding-top: 10px;
      padding-right: 30px;
      padding-bottom: 10px;
      padding-left: 30px;
      font: normal 900 12px/1 "Foco", sans-serif; } }
  .ghost-button span, .wp-block-button .wp-block-button__link span {
    position: relative;
    z-index: 1; }
  .ghost-button::before, .wp-block-button .wp-block-button__link::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 0%;
    height: 100%;
    z-index: 0; }
  .ghost-button:hover span, .wp-block-button .wp-block-button__link:hover span {
    animation: ghost-button-color 1s cubic-bezier(0.77, 0, 0.175, 1); }
  .ghost-button:hover::before, .wp-block-button .wp-block-button__link:hover::before {
    animation: ghost-button-animation 1s cubic-bezier(0.77, 0, 0.175, 1); }

@keyframes ghost-button-animation {
  0% {
    width: 0;
    left: 0;
    right: auto; }
  50% {
    width: 100%; }
  100% {
    width: 0;
    left: auto;
    right: 0; } }

@keyframes ghost-button-color {
  0% {
    color: inherit; }
  50% {
    color: #FFFFFF; }
  100% {
    color: inherit; } }

@keyframes ghost-button-color-black {
  0% {
    color: inherit; }
  50% {
    color: #222222; }
  100% {
    color: inherit; } }
  .ghost-button.no-more, .wp-block-button .wp-block-button__link.no-more {
    transition: opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    opacity: 0;
    pointer-events: none; }

.button-container {
  display: flex;
  justify-content: center; }

.button-container-column {
  display: flex;
  flex-flow: column nowrap; }

.button-video {
  display: flex;
  width: 80px;
  height: 63px;
  position: relative; }
  .button-video .ellipse {
    fill: #C8102E;
    width: 100%;
    height: 100%;
    z-index: 1; }
  .button-video:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8.5px 0 8.5px 13px;
    border-color: transparent transparent transparent #ffffff;
    z-index: 2; }

.full-button {
  display: inline-block;
  width: auto;
  font: normal 700 14px/18px "Darwin", sans-serif;
  letter-spacing: 0.25px;
  text-transform: uppercase;
  text-align: center;
  width: 100%;
  border-width: 3px;
  border-style: solid;
  padding-top: 20px;
  padding-right: 60px;
  padding-bottom: 20px;
  padding-left: 60px; }
  .full-button::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 0%;
    height: 100%;
    z-index: 0;
    background: #FFFFFF; }
  .full-button span {
    color: #FFFFFF;
    position: relative;
    z-index: 1; }
  .full-button.full-button-black {
    background: #222222;
    border-color: #222222; }
  .full-button.full-button-red {
    background: #C8102E;
    border-color: #C8102E; }
  .full-button.full-button-red:hover span {
    animation: full-button-color-red 1s cubic-bezier(0.77, 0, 0.175, 1); }
  .full-button.full-button-black:hover span {
    animation: full-button-color-black 1s cubic-bezier(0.77, 0, 0.175, 1); }
  .full-button:hover::before {
    animation: full-button-animation 1s cubic-bezier(0.77, 0, 0.175, 1); }

@keyframes full-button-animation {
  0% {
    width: 0;
    left: 0;
    right: auto; }
  50% {
    width: 100%; }
  100% {
    width: 0;
    left: auto;
    right: 0; } }

@keyframes full-button-color-red {
  0% {
    color: #FFFFFF; }
  50% {
    color: #C8102E; }
  100% {
    color: #FFFFFF; } }

@keyframes full-button-color-black {
  0% {
    color: #FFFFFF; }
  50% {
    color: #222222; }
  100% {
    color: #FFFFFF; } }

.extra-ajax-navigation-page-marker {
  display: block; }

.socials {
  display: flex; }
  .socials li {
    margin-top: 0px;
    margin-right: 20px;
    margin-bottom: 0px;
    margin-left: 20px;
    line-height: 0;
    flex: 0 0 auto; }
    .socials li:first-child {
      margin-left: 0; }
    .socials li:last-child {
      margin-right: 0; }
    .socials li:hover svg {
      fill: #222222;
      transition: fill 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
    .socials li a {
      width: auto; }
    @media screen and (max-width: 1280px) {
      .socials li {
        margin-top: 0px;
        margin-right: 10px;
        margin-bottom: 0px;
        margin-left: 10px; } }
  .socials svg {
    display: block;
    width: 18px;
    height: 18px;
    fill: #FFFFFF; }
  .socials.socials-red svg {
    fill: #C8102E; }
  .socials.socials-small li {
    margin-top: 0px;
    margin-right: 10px;
    margin-bottom: 0px;
    margin-left: 10px; }

.content {
  max-width: 800px;
  margin-bottom: 40px; }
  .content.content-full {
    max-width: none; }

.content,
.editor-writing-flow {
  font: normal 400 15px/25px "Foco", sans-serif; }
  .content h2,
  .editor-writing-flow h2 {
    margin-bottom: 10px;
    line-height: 1.14;
    color: #C8102E; }
  .content h3,
  .editor-writing-flow h3 {
    margin: 30px 0 10px;
    line-height: 1.3;
    font-size: 19px; }
  .content h4,
  .editor-writing-flow h4 {
    font-size: 30px;
    font-weight: 900;
    font-family: "Foco", sans-serif;
    color: #009CA6;
    line-height: 1; }
  .content a:hover,
  .editor-writing-flow a:hover {
    color: #222222; }
  .content p,
  .editor-writing-flow p {
    margin-bottom: 20px; }
  .theme-blue .content h2, .theme-blue
  .editor-writing-flow h2 {
    color: #009CA6; }
  .content .block-key-info,
  .editor-writing-flow .block-key-info {
    position: relative;
    margin-top: 40px;
    margin-right: 0px;
    margin-bottom: 60px;
    margin-left: 0px; }
    .content .block-key-info .title,
    .editor-writing-flow .block-key-info .title {
      position: relative;
      margin-bottom: 5px;
      font: normal 900 30px/1 "Foco", sans-serif;
      color: #009CA6; }
    .content .block-key-info .text,
    .editor-writing-flow .block-key-info .text {
      position: relative;
      margin-bottom: 0;
      font: normal 900 17px/1.4 "Darwin", sans-serif; }
  .content .block-accordeon,
  .editor-writing-flow .block-accordeon {
    clear: both;
    position: relative;
    margin-top: 40px;
    margin-right: 0px;
    margin-bottom: 60px;
    margin-left: 0px; }
    .content .block-accordeon > .title,
    .editor-writing-flow .block-accordeon > .title {
      position: relative;
      padding-top: 0px;
      padding-right: 0px;
      padding-bottom: 20px;
      padding-left: 0px;
      font: normal 900 21px/1 "Darwin", sans-serif;
      color: #C8102E;
      border-bottom: 1px solid #C8102E; }
    .content .block-accordeon ul, .content .block-accordeon li,
    .editor-writing-flow .block-accordeon ul,
    .editor-writing-flow .block-accordeon li {
      list-style: none; }
    .content .block-accordeon p,
    .editor-writing-flow .block-accordeon p {
      margin-bottom: 0; }
    .content .block-accordeon a,
    .editor-writing-flow .block-accordeon a {
      color: #C8102E;
      font-weight: 700;
      transition: color .7s; }
      .content .block-accordeon a:hover,
      .editor-writing-flow .block-accordeon a:hover {
        color: #222222; }
    .content .block-accordeon .accordeon-list,
    .editor-writing-flow .block-accordeon .accordeon-list {
      border: 0; }
    .content .block-accordeon .accordeon-item.current,
    .editor-writing-flow .block-accordeon .accordeon-item.current {
      background: #ECECEC; }
    .content .block-accordeon .accordeon-title,
    .editor-writing-flow .block-accordeon .accordeon-title {
      font: normal 900 21px/1.4 "Darwin", sans-serif;
      color: #222222; }
    .content .block-accordeon .accordeon-details,
    .editor-writing-flow .block-accordeon .accordeon-details {
      overflow: hidden; }
      .content .block-accordeon .accordeon-details .inner,
      .editor-writing-flow .block-accordeon .accordeon-details .inner {
        padding-top: 20px;
        padding-right: 40px;
        padding-bottom: 0px;
        padding-left: 40px; }
        @media screen and (max-width: 640px) {
          .content .block-accordeon .accordeon-details .inner,
          .editor-writing-flow .block-accordeon .accordeon-details .inner {
            padding-top: 20px;
            padding-right: 0px;
            padding-bottom: 0px;
            padding-left: 0px; } }
    .content .block-accordeon .accordeon > ul,
    .editor-writing-flow .block-accordeon .accordeon > ul {
      background: #FFFFFF;
      width: 100%; }
    .content .block-accordeon .accordeon > ul > li,
    .editor-writing-flow .block-accordeon .accordeon > ul > li {
      border-bottom: 1px solid #C8102E;
      display: block;
      padding-top: 30px;
      padding-right: 40px;
      padding-bottom: 30px;
      padding-left: 40px; }
      @media screen and (max-width: 640px) {
        .content .block-accordeon .accordeon > ul > li,
        .editor-writing-flow .block-accordeon .accordeon > ul > li {
          padding-top: 20px;
          padding-right: 20px;
          padding-bottom: 20px;
          padding-left: 20px; } }
      .content .block-accordeon .accordeon > ul > li:last-child,
      .editor-writing-flow .block-accordeon .accordeon > ul > li:last-child {
        margin-bottom: 0; }
    .content .block-accordeon .accordeon .accordeon-handler,
    .editor-writing-flow .block-accordeon .accordeon .accordeon-handler {
      cursor: pointer; }
    .content .block-accordeon .accordeon .accordeon-top,
    .editor-writing-flow .block-accordeon .accordeon .accordeon-top {
      position: relative; }
      .content .block-accordeon .accordeon .accordeon-top p.accordeon-legend,
      .editor-writing-flow .block-accordeon .accordeon .accordeon-top p.accordeon-legend {
        color: #666666;
        font: normal 400 13px/1 "Foco", sans-serif; }
        .content .block-accordeon .accordeon .accordeon-top p.accordeon-legend svg,
        .editor-writing-flow .block-accordeon .accordeon .accordeon-top p.accordeon-legend svg {
          display: inline-block;
          width: 5px;
          height: 5px;
          fill: #666666;
          margin-right: 3px; }
      .content .block-accordeon .accordeon .accordeon-top::after,
      .editor-writing-flow .block-accordeon .accordeon .accordeon-top::after {
        content: "";
        position: absolute;
        width: 5px;
        height: 11px;
        top: 50%;
        right: 0;
        transform: translate(50%, -50%) rotate(90deg);
        background: url("../extra/assets/img/pictos/nav-arrow.svg") center center no-repeat;
        background-size: 100% 100%; }
    .content .block-accordeon .accordeon .accordeon-inner-block,
    .editor-writing-flow .block-accordeon .accordeon .accordeon-inner-block {
      margin-top: 10px;
      margin-right: 0px;
      margin-bottom: 0px;
      margin-left: 0px; }
  .content .block-linked-article,
  .editor-writing-flow .block-linked-article {
    position: relative;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 80px;
    padding-left: 0px; }
    @media screen and (max-width: 640px) {
      .content .block-linked-article,
      .editor-writing-flow .block-linked-article {
        padding-top: 0px;
        padding-right: 0px;
        padding-bottom: 40px;
        padding-left: 0px; } }
    .content .block-linked-article ul, .content .block-linked-article li,
    .editor-writing-flow .block-linked-article ul,
    .editor-writing-flow .block-linked-article li {
      list-style: none; }
    .content .block-linked-article > .title,
    .editor-writing-flow .block-linked-article > .title {
      position: relative;
      padding-top: 0px;
      padding-right: 0px;
      padding-bottom: 10px;
      padding-left: 0px;
      margin-bottom: 2px;
      font: normal 900 19px/1.25 "Darwin", sans-serif;
      color: #C8102E;
      border-bottom: 5px solid #C8102E; }
    .content .block-linked-article .list,
    .editor-writing-flow .block-linked-article .list {
      border-top: 1px solid #C8102E; }
    .content .block-linked-article .item,
    .editor-writing-flow .block-linked-article .item {
      position: relative;
      padding-top: 40px;
      padding-right: 40px;
      padding-bottom: 40px;
      padding-left: 40px;
      border: 1px solid #C8102E;
      border-top: 0; }
      @media screen and (max-width: 640px) {
        .content .block-linked-article .item,
        .editor-writing-flow .block-linked-article .item {
          padding-top: 20px;
          padding-right: 20px;
          padding-bottom: 20px;
          padding-left: 20px; } }
      .content .block-linked-article .item .title,
      .editor-writing-flow .block-linked-article .item .title {
        position: relative;
        font: normal 900 19px/1.25 "Darwin", sans-serif;
        margin-top: 0px;
        margin-right: 0px;
        margin-bottom: 0px;
        margin-left: 0px; }
      .content .block-linked-article .item .text,
      .editor-writing-flow .block-linked-article .item .text {
        margin-top: 0px;
        margin-right: 0px;
        margin-bottom: 10px;
        margin-left: 0px; }
  .content .block-taxonomy-posts,
  .editor-writing-flow .block-taxonomy-posts {
    position: relative;
    padding-top: 80px;
    padding-right: 0px;
    padding-bottom: 80px;
    padding-left: 0px; }
    @media screen and (max-width: 640px) {
      .content .block-taxonomy-posts,
      .editor-writing-flow .block-taxonomy-posts {
        padding-top: 0px;
        padding-right: 0px;
        padding-bottom: 40px;
        padding-left: 0px; } }
    .content .block-taxonomy-posts ul, .content .block-taxonomy-posts li,
    .editor-writing-flow .block-taxonomy-posts ul,
    .editor-writing-flow .block-taxonomy-posts li {
      list-style: none; }
    .content .block-taxonomy-posts > .title,
    .editor-writing-flow .block-taxonomy-posts > .title {
      position: relative;
      padding-top: 0px;
      padding-right: 0px;
      padding-bottom: 10px;
      padding-left: 0px;
      margin-bottom: 2px;
      font: normal 900 19px/1.25 "Darwin", sans-serif;
      color: #C8102E;
      border-bottom: 5px solid #C8102E; }
    .content .block-taxonomy-posts .list,
    .editor-writing-flow .block-taxonomy-posts .list {
      border-top: 1px solid #C8102E; }
    .content .block-taxonomy-posts .item,
    .editor-writing-flow .block-taxonomy-posts .item {
      position: relative;
      padding-top: 40px;
      padding-right: 40px;
      padding-bottom: 40px;
      padding-left: 40px;
      border: 1px solid #C8102E;
      border-top: 0;
      display: flex; }
      @media screen and (max-width: 640px) {
        .content .block-taxonomy-posts .item,
        .editor-writing-flow .block-taxonomy-posts .item {
          padding-top: 20px;
          padding-right: 20px;
          padding-bottom: 20px;
          padding-left: 20px;
          flex-flow: column nowrap; } }
      @media screen and (max-width: 640px) {
        .content .block-taxonomy-posts .item figure,
        .editor-writing-flow .block-taxonomy-posts .item figure {
          width: 100%; }
          .content .block-taxonomy-posts .item figure img,
          .editor-writing-flow .block-taxonomy-posts .item figure img {
            width: 100%;
            height: auto; } }
      .content .block-taxonomy-posts .item time,
      .editor-writing-flow .block-taxonomy-posts .item time {
        font: normal 900 14px/25px "Darwin", sans-serif;
        color: #666666;
        display: block;
        margin-top: 0px;
        margin-right: 0px;
        margin-bottom: 10px;
        margin-left: 0px; }
      .content .block-taxonomy-posts .item .item-content,
      .editor-writing-flow .block-taxonomy-posts .item .item-content {
        margin-top: 0px;
        margin-right: 0px;
        margin-bottom: 0px;
        margin-left: 40px; }
        @media screen and (max-width: 640px) {
          .content .block-taxonomy-posts .item .item-content,
          .editor-writing-flow .block-taxonomy-posts .item .item-content {
            margin-top: 20px;
            margin-right: 0px;
            margin-bottom: 0px;
            margin-left: 0px; } }
      .content .block-taxonomy-posts .item .title,
      .editor-writing-flow .block-taxonomy-posts .item .title {
        position: relative;
        font: normal 900 19px/1.25 "Darwin", sans-serif;
        margin-top: 0px;
        margin-right: 0px;
        margin-bottom: 0px;
        margin-left: 0px; }
      .content .block-taxonomy-posts .item .text,
      .editor-writing-flow .block-taxonomy-posts .item .text {
        margin-top: 0px;
        margin-right: 0px;
        margin-bottom: 10px;
        margin-left: 0px; }
    .content .block-taxonomy-posts .link,
    .editor-writing-flow .block-taxonomy-posts .link {
      color: #222222; }
  .content .block-exergue,
  .editor-writing-flow .block-exergue {
    position: relative;
    padding-top: 60px;
    padding-right: 80px;
    padding-bottom: 40px;
    padding-left: 80px;
    background: #C8102E; }
    .content .block-exergue:before,
    .editor-writing-flow .block-exergue:before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 5px;
      height: 100%;
      background: #222222; }
    .content .block-exergue .title,
    .editor-writing-flow .block-exergue .title {
      position: relative;
      margin-top: 0px;
      margin-right: 0px;
      margin-bottom: 20px;
      margin-left: 0px;
      font: normal 900 21px/1.25 "Darwin", sans-serif; }
    .content .block-exergue .text,
    .editor-writing-flow .block-exergue .text {
      color: #FFFFFF; }
      .content .block-exergue .text a,
      .editor-writing-flow .block-exergue .text a {
        color: #FFFFFF;
        transition: color .4s; }
        .content .block-exergue .text a:hover,
        .editor-writing-flow .block-exergue .text a:hover {
          color: #222222; }
  .content .block-slider,
  .editor-writing-flow .block-slider {
    clear: both;
    width: calc(100vw - 440px - 80px);
    margin-top: 80px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    overflow: hidden;
    display: block; }
    .content .block-slider ul, .content .block-slider li,
    .editor-writing-flow .block-slider ul,
    .editor-writing-flow .block-slider li {
      list-style: none; }
    .content .block-slider .slider-image-list,
    .editor-writing-flow .block-slider .slider-image-list {
      width: 100%;
      display: flex;
      flex-flow: row nowrap; }
    .content .block-slider .slider-image-item,
    .editor-writing-flow .block-slider .slider-image-item {
      flex: 0 0 auto;
      min-width: 100%;
      max-width: 100%;
      transition: opacity 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); }
    .content .block-slider .extra-responsive-image-placeholder-thumb,
    .editor-writing-flow .block-slider .extra-responsive-image-placeholder-thumb {
      height: 0 !important; }
    .content .block-slider figure,
    .editor-writing-flow .block-slider figure {
      display: block;
      width: 100%; }
    .content .block-slider:not(.block-slider-portrait) img,
    .editor-writing-flow .block-slider:not(.block-slider-portrait) img {
      display: block;
      width: 100%;
      object-fit: cover; }
    .content .block-slider.block-slider-portrait img,
    .editor-writing-flow .block-slider.block-slider-portrait img {
      display: block;
      height: 100%;
      width: auto;
      margin: auto; }
    @media screen and (max-width: 1024px) {
      .content .block-slider,
      .editor-writing-flow .block-slider {
        width: 100%;
        height: auto; } }
  .content .acf-gallery-toolbar li::before,
  .editor-writing-flow .acf-gallery-toolbar li::before {
    display: none !important; }
  .content .slider-nav,
  .editor-writing-flow .slider-nav {
    display: flex;
    font: normal 900 14px/25px "Foco", sans-serif;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 120px;
    margin-left: 0px;
    height: 25px;
    position: relative;
    overflow: hidden; }
    .content .slider-nav .slider-nav-progress,
    .editor-writing-flow .slider-nav .slider-nav-progress {
      position: absolute;
      left: 40px;
      top: 50%;
      display: block;
      width: 80px;
      height: 3px;
      transform: translateY(-50%);
      background: #F1F1F1; }
      .content .slider-nav .slider-nav-progress span,
      .editor-writing-flow .slider-nav .slider-nav-progress span {
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 0;
        height: 3px;
        background: #C8102E; }
        .theme-blue .content .slider-nav .slider-nav-progress span, .theme-blue
        .editor-writing-flow .slider-nav .slider-nav-progress span {
          background: #009CA6; }
        .content .slider-nav .slider-nav-progress span.right-align,
        .editor-writing-flow .slider-nav .slider-nav-progress span.right-align {
          left: auto;
          right: 0; }
    .content .slider-nav .slider-nav-button,
    .editor-writing-flow .slider-nav .slider-nav-button {
      display: inline-block;
      position: absolute;
      cursor: pointer;
      left: 0;
      top: 0;
      width: 40px;
      transition: color 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); }
      .content .slider-nav .slider-nav-button:hover,
      .editor-writing-flow .slider-nav .slider-nav-button:hover {
        color: #C8102E; }
        .theme-blue .content .slider-nav .slider-nav-button:hover, .theme-blue
        .editor-writing-flow .slider-nav .slider-nav-button:hover {
          color: #009CA6; }
      .content .slider-nav .slider-nav-button.active,
      .editor-writing-flow .slider-nav .slider-nav-button.active {
        color: #C8102E; }
        .theme-blue .content .slider-nav .slider-nav-button.active, .theme-blue
        .editor-writing-flow .slider-nav .slider-nav-button.active {
          color: #009CA6; }
        .theme-blue .content .slider-nav .slider-nav-button.active, .theme-blue
        .editor-writing-flow .slider-nav .slider-nav-button.active {
          color: #009CA6; }
    @media screen and (max-width: 1024px) {
      .content .slider-nav,
      .editor-writing-flow .slider-nav {
        margin-top: 0px;
        margin-right: 0px;
        margin-bottom: 120px;
        margin-left: 20px; } }
    @media screen and (max-width: 640px) {
      .content .slider-nav,
      .editor-writing-flow .slider-nav {
        margin-top: 0px;
        margin-right: 0px;
        margin-bottom: 40px;
        margin-left: 20px; } }
  .content .block-map,
  .editor-writing-flow .block-map {
    margin-bottom: 80px;
    background: #f1f1f1; }
    .content .block-map .map-filters,
    .editor-writing-flow .block-map .map-filters {
      border-bottom: 4px solid #C8102E;
      padding: 20px; }
      .content .block-map .map-filters ul,
      .editor-writing-flow .block-map .map-filters ul {
        display: flex;
        flex-flow: row wrap;
        list-style: none; }
        .content .block-map .map-filters ul li,
        .editor-writing-flow .block-map .map-filters ul li {
          flex: 1 1 auto;
          width: 45%;
          display: flex;
          flex-flow: row nowrap;
          align-items: center;
          margin-right: 20px;
          margin-bottom: 10px; }
          .content .block-map .map-filters ul li a,
          .editor-writing-flow .block-map .map-filters ul li a {
            display: inline-flex;
            width: auto; }
          .content .block-map .map-filters ul li img,
          .editor-writing-flow .block-map .map-filters ul li img {
            width: 25px;
            height: 25px;
            margin-left: 10px; }
  .content .has-large-font-size,
  .editor-writing-flow .has-large-font-size {
    font-size: 20px;
    line-height: 1.14; }
  .content .wp-block-media-text,
  .editor-writing-flow .wp-block-media-text {
    margin-top: 40px;
    margin-right: 0px;
    margin-bottom: 40px;
    margin-left: 0px;
    align-items: flex-start; }
    .content .wp-block-media-text img,
    .editor-writing-flow .wp-block-media-text img {
      width: 100%;
      height: auto; }
    @media screen and (max-width: 768px) {
      .content .wp-block-media-text,
      .editor-writing-flow .wp-block-media-text {
        display: flex;
        flex-flow: column;
        align-items: flex-start; }
        .content .wp-block-media-text .wp-block-media-text__media,
        .editor-writing-flow .wp-block-media-text .wp-block-media-text__media {
          width: 100%;
          margin: 20px 0; }
          .content .wp-block-media-text .wp-block-media-text__media img,
          .editor-writing-flow .wp-block-media-text .wp-block-media-text__media img {
            width: 100%;
            height: auto; }
        .content .wp-block-media-text .wp-block-media-text__content,
        .editor-writing-flow .wp-block-media-text .wp-block-media-text__content {
          padding: 0; } }

.content .block-library-list .editor-rich-text__tinymce,
.content .block-library-list .editor-rich-text__tinymce ol,
.content .block-library-list .editor-rich-text__tinymce ul,
.editor-writing-flow .block-library-list .editor-rich-text__tinymce,
.editor-writing-flow .block-library-list .editor-rich-text__tinymce ol,
.editor-writing-flow .block-library-list .editor-rich-text__tinymce ul {
  padding-left: 0;
  margin-left: 0; }

.content ul,
.editor-writing-flow ul {
  list-style: none;
  margin-bottom: 20px; }

.content ul li,
.editor-writing-flow ul li {
  display: block; }

.content ul li:not(.accordeon-item):not(.item):not(.slider-image-item):not(.post-list-item):not(.map-filters-item):before,
.editor-writing-flow ul li:not(.accordeon-item):not(.item):not(.slider-image-item):not(.post-list-item):not(.map-filters-item):before {
  content: "";
  display: inline-block;
  margin-right: 10px;
  border-radius: 50%;
  background: #C8102E;
  width: 5px;
  height: 5px; }

.content ol,
.editor-writing-flow ol {
  counter-reset: item;
  margin-bottom: 20px; }

.content ol li:not(.accordeon-item):not(.item):not(.slider-image-item),
.editor-writing-flow ol li:not(.accordeon-item):not(.item):not(.slider-image-item) {
  display: block; }

.content ol li:not(.accordeon-item):not(.item):not(.slider-image-item):not(.post-list-item):before,
.editor-writing-flow ol li:not(.accordeon-item):not(.item):not(.slider-image-item):not(.post-list-item):before {
  content: counter(item) ". ";
  counter-increment: item;
  color: #C8102E;
  font-weight: 700; }

.content a,
.editor-writing-flow a {
  color: #222222;
  text-decoration: underline;
  transition: color .4s; }
  .content a:hover,
  .editor-writing-flow a:hover {
    color: #C8102E; }

blockquote {
  position: relative;
  padding-top: 40px;
  padding-right: 0px;
  padding-bottom: 80px;
  padding-left: 0px;
  border-left: none !important; }
  blockquote p {
    position: relative;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 40px;
    padding-left: 0px;
    margin-bottom: 10px !important;
    font-size: 50px;
    font-weight: 700;
    font-style: italic;
    line-height: 1.2;
    color: #009CA6;
    border-bottom: 7px solid #009CA6; }
  blockquote cite {
    display: block;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    color: #009CA6;
    text-align: right; }

.slider {
  position: relative; }
  .slider .slider-item {
    position: relative;
    background: #222222; }
    .slider .slider-item:nth-child(0) {
      z-index: 5; }
    .slider .slider-item:nth-child(1) {
      z-index: 4; }
    .slider .slider-item:nth-child(2) {
      z-index: 3; }
    .slider .slider-item:nth-child(3) {
      z-index: 2; }
    .slider .slider-item:nth-child(4) {
      z-index: 1; }
  .slider .slider-nav {
    position: absolute;
    left: 40px;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 10; }
    @media screen and (max-width: 1024px) {
      .slider .slider-nav {
        bottom: 40px;
        top: auto;
        transform: translate(0, 0);
        display: flex; } }
    @media screen and (max-width: 768px) {
      .slider .slider-nav {
        left: 50%;
        transform: translate(-50%, 0); } }
  .slider .slider-button {
    width: 30px;
    height: 25px;
    display: block;
    margin: 15px 0;
    position: relative; }
    .slider .slider-button::after {
      content: "";
      display: block;
      width: 7px;
      height: 7px;
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      border-radius: 50%;
      transition: background .4s; }
    .slider .slider-button svg {
      display: block;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%) rotate(-180deg);
      width: 28px;
      height: 23px;
      opacity: 0;
      transition: opacity 1s cubic-bezier(0.785, 0.135, 0.15, 0.86), transform 1s cubic-bezier(0.785, 0.135, 0.15, 0.86); }
    .slider .slider-button.current svg {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(0deg); }
  .slider.slider-white .slider-button::after {
    background: #FFFFFF; }
  .slider.slider-white .slider-button:hover::after {
    background: #C8102E; }
  .slider.slider-white .slider-button svg path {
    stroke: #FFFFFF; }

h2 {
  display: table;
  font: normal 700 40px/1.14 "Darwin", sans-serif;
  color: #222222;
  position: relative; }
  h2.title-big {
    font: normal 700 50px/1 "Darwin", sans-serif; }
    @media screen and (max-width: 1280px) {
      h2.title-big {
        font: normal 700 40px/1 "Darwin", sans-serif; } }
    @media screen and (max-width: 1024px) {
      h2.title-big {
        font: normal 700 35px/1 "Darwin", sans-serif; } }
    @media screen and (max-width: 768px) {
      h2.title-big {
        font: normal 700 25px/1 "Darwin", sans-serif; } }
  h2.title-red {
    color: #C8102E; }
  @media screen and (max-width: 1024px) {
    h2 {
      font: normal 700 25px/1 "Darwin", sans-serif; } }
  .content h2 {
    margin-top: 80px;
    margin-bottom: 40px; }

h3 {
  font: normal 900 19px/25px "Darwin", sans-serif;
  color: #222222;
  margin-top: 30px; }

figure.wp-block-image {
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 40px;
  margin-left: 0px; }

.wp-block-image img {
  height: auto; }

figure img {
  display: block; }

figure.wp-block-image.alignleft, img.alignleft {
  float: left;
  margin-right: 20px;
  margin-bottom: 20px; }
  @media screen and (max-width: 768px) {
    figure.wp-block-image.alignleft, img.alignleft {
      float: none;
      width: 100%;
      margin-right: 0; }
      figure.wp-block-image.alignleft img, img.alignleft img {
        width: 100%;
        height: auto; } }

figure.wp-block-image.alignwide, img.alignwide {
  max-width: none;
  width: calc(100vw - 440px - 80px); }
  @media screen and (max-width: 1024px) {
    figure.wp-block-image.alignwide, img.alignwide {
      width: 100%; } }
  figure.wp-block-image.alignwide img, img.alignwide img {
    width: 100%;
    height: auto; }

.wp-block[data-align="wide"] {
  max-width: 800px; }
  .wp-block[data-align="wide"] .editor-block-list__block-edit {
    width: calc(100vw - 440px - 80px); }

figure.wp-block-image.alignright, img.alignright {
  float: right;
  margin-left: 20px;
  margin-bottom: 20.4px; }
  @media screen and (max-width: 768px) {
    figure.wp-block-image.alignright, img.alignright {
      float: none;
      width: 100%;
      margin-left: 0; }
      figure.wp-block-image.alignright img, img.alignright img {
        width: 100%;
        height: auto; } }

figure.wp-block-image.aligncenter, img.aligncenter {
  width: auto;
  text-align: center;
  margin-left: auto;
  margin-right: auto; }

.extra-responsive-image-wrapper svg {
  display: block; }

.wp-block-gallery li {
  list-style: none; }
  .wp-block-gallery li::before {
    display: none !important; }
  .wp-block-gallery li figure span {
    height: 100%;
    display: block; }
  .wp-block-gallery li figure span img {
    height: 100%;
    flex: 1;
    -o-object-fit: cover;
    object-fit: cover; }

iframe {
  max-width: 100%; }

.iframe-video-container {
  position: relative;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden; }
  .iframe-video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

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

html, body {
  width: 100%;
  height: auto;
  min-height: 100%;
  overflow-x: hidden; }
  html.debug, body.debug {
    overflow: auto; }

body {
  position: relative;
  z-index: 1; }

section {
  display: block;
  background: #FFFFFF; }

#wrapper {
  display: block;
  padding-top: 120px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px; }
  @media screen and (max-width: 1024px) {
    #wrapper {
      padding-top: 60px;
      padding-right: 0px;
      padding-bottom: 0px;
      padding-left: 0px; } }

.sticky-menu-fixed #header {
  transform: translate(0, -100%);
  transition: transform 0.3s ease-out; }

.sticky-menu-fixed.sticky-menu-go-top #header {
  transform: translate(0, 0); }

#header {
  width: 100%;
  height: 120px;
  background: #C8102E;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  display: flex;
  flex-flow: row nowrap; }
  #header .menu-mobile-button {
    display: none; }
  #header.overflow .menu-wrapper {
    overflow: inherit; }
  #header.init .sub-menu li {
    clip: auto; }
    #header.init .sub-menu li .span-wrap a {
      opacity: 0; }
  #header.init .header-socials {
    clip: auto; }
  #header.open .main-navigation ul.menu > li > .span-wrap > a {
    color: #C8102E; }
  #header.open .main-navigation ul.menu > li.current-page-ancestor > .span-wrap > a,
  #header.open .main-navigation ul.menu > li > .span-wrap.current-menu-item > a {
    color: #222222; }
  #header.open .second-navigation ul.menu > li.current-page-ancestor > .span-wrap > a,
  #header.open .second-navigation ul.menu > li > .span-wrap.current-menu-item > a {
    color: #C8102E; }
    #header.open .second-navigation ul.menu > li.current-page-ancestor > .span-wrap > a::after,
    #header.open .second-navigation ul.menu > li > .span-wrap.current-menu-item > a::after {
      border-color: #222222; }
  #header.open .second-navigation ul > li > .current-menu-item > a,
  #header.open .second-navigation ul > li > .span-wrap:hover > a {
    color: #C8102E; }
    #header.open .second-navigation ul > li > .current-menu-item > a::after,
    #header.open .second-navigation ul > li > .span-wrap:hover > a::after {
      border-color: #222222; }
  #header.open .menu-overlay {
    box-shadow: 0px 2px 57px 0px rgba(0, 0, 0, 0.27); }
  #header .site-title {
    width: 240px;
    height: 100%;
    background: #FFFFFF;
    flex: 0 0 auto;
    position: relative; }
    #header .site-title h1, #header .site-title h2 {
      height: 101%;
      max-height: 120px;
      display: flex;
      justify-content: center;
      align-items: center;
      position: relative; }
    #header .site-title .text {
      position: absolute;
      clip: rect(0 0 0 0); }
    #header .site-title svg, #header .site-title img {
      width: 120px;
      height: 33px;
      display: block; }
    @media screen and (max-width: 1280px) {
      #header .site-title {
        width: 200px; } }
    @media screen and (max-width: 1024px) {
      #header .site-title {
        width: 120px; }
        #header .site-title svg {
          width: 80px;
          height: 20px; } }
    @media screen and (max-width: 640px) {
      #header .site-title {
        width: 100px; }
        #header .site-title svg {
          width: 60px;
          height: 16px; } }
  #header a {
    font-weight: 700; }
  #header .menu-wrapper {
    width: 100%;
    height: 100%;
    max-height: 120px;
    position: relative;
    overflow: hidden; }
    #header .menu-wrapper .menu-wrapper-inner {
      width: 100%;
      height: 100%;
      display: flex;
      justify-content: space-between;
      padding-right: 40px; }
    #header .menu-wrapper::after {
      content: "";
      position: absolute;
      bottom: 0;
      left: 60px;
      height: 4px;
      width: calc(100% - 100px);
      background: #C8102E;
      z-index: 0; }
  #header ul.menu {
    height: 100%;
    display: flex;
    flex-flow: row nowrap;
    align-items: center; }
    #header ul.menu > li {
      line-height: 15px;
      font-size: 15px;
      height: 100%;
      letter-spacing: 0.25px; }
      #header ul.menu > li > .span-wrap {
        display: inline-block;
        text-align: center;
        height: 100%;
        display: flex;
        align-items: center; }
        #header ul.menu > li > .span-wrap ul {
          text-align: left; }
      #header ul.menu > li a {
        display: inline-block;
        position: relative;
        transition: color 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); }
      #header ul.menu > li > .span-wrap > a {
        display: flex;
        align-items: center;
        position: relative; }
      #header ul.menu > li > .span-wrap > a::after {
        content: "";
        display: block;
        position: absolute;
        top: calc(50% + 56px);
        left: 0;
        width: 100%;
        height: 1px;
        border-bottom: 4px solid #222222;
        transform: scaleX(0);
        transform-origin: right center;
        z-index: 10;
        transition: transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), border 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
      @media screen and (max-width: 1400px) {
        #header ul.menu > li {
          font-size: 12px;
          margin-right: 15px; } }
      #header ul.menu > li.current-page-ancestor > .span-wrap > a::after,
      #header ul.menu > li > .current-menu-item > a::after,
      #header ul.menu > li > .span-wrap:hover > a::after {
        transform: scaleX(1);
        transform-origin: left center;
        border-width: 4px; }
      #header ul.menu > li.current-page-ancestor > a,
      #header ul.menu > li > .current-menu-item > a {
        color: #222222; }
      #header ul.menu > li > .span-wrap > a:hover {
        color: #222222; }
  #header .main-navigation {
    padding-left: 60px;
    height: 100%;
    position: relative;
    z-index: 1; }
    #header .main-navigation > div {
      height: 100%; }
    #header .main-navigation a {
      color: #FFFFFF; }
    #header .main-navigation li {
      margin: 0 20px 0 0; }
  #header .second-navigation {
    height: 100%; }
    #header .second-navigation > div {
      height: 100%; }
    #header .second-navigation ul > li > .span-wrap > a {
      color: #222222; }
      #header .second-navigation ul > li > .span-wrap > a::after {
        border-color: #222222; }
    #header .second-navigation ul > li.current-page-ancestor > .span-wrap > a,
    #header .second-navigation ul > li > .current-menu-item > a,
    #header .second-navigation ul > li > .span-wrap:hover > a {
      color: #FFFFFF; }
      #header .second-navigation ul > li.current-page-ancestor > .span-wrap > a::after,
      #header .second-navigation ul > li > .current-menu-item > a::after,
      #header .second-navigation ul > li > .span-wrap:hover > a::after {
        border-color: #FFFFFF; }
    #header .second-navigation li {
      margin-right: 15px; }
      #header .second-navigation li:last-child {
        margin-right: 0; }
  #header .search-button {
    position: absolute;
    top: 20px;
    right: 40px;
    padding: 0 0px 0 30px;
    margin-left: 45px;
    max-height: 120px;
    height: auto;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    flex: 0 0 auto; }
    #header .search-button svg {
      display: block;
      width: 17px;
      height: 16px; }
    #header .search-button::before {
      content: "";
      position: absolute;
      left: -5px;
      top: 50%;
      transform: translateY(-50%);
      height: 16px;
      width: 4px;
      background: #222222; }
  #header .language-selector {
    position: absolute;
    right: 120px;
    top: 23px;
    width: 50px;
    color: #222222;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 12px; }
    #header .language-selector ul::before {
      content: "";
      position: absolute;
      left: 0;
      top: 50%;
      transform: translateY(-50%);
      display: block;
      width: 8px;
      height: 8px;
      border: 2px solid #222222;
      border-radius: 50%; }
    #header .language-selector ul {
      width: 29px;
      margin-top: -7px;
      position: absolute;
      right: 0;
      top: 0;
      padding-left: 15px;
      height: auto;
      overflow: hidden;
      transition: width 1s cubic-bezier(0.785, 0.135, 0.15, 0.86);
      display: flex;
      flex-flow: row nowrap;
      letter-spacing: 0.25px; }
    #header .language-selector li {
      padding: 7px 0px 7px 20px;
      font-weight: 900; }
      #header .language-selector li:first-child {
        padding-left: 0; }
    #header .language-selector:hover ul {
      width: 145px; }
    #header .language-selector a {
      color: #222222;
      font-size: 12px;
      text-align: right;
      font-weight: 900; }
      #header .language-selector a:hover {
        color: #FFFFFF; }
  #header .sub-menu {
    position: absolute;
    top: calc(100% + 8vh);
    left: 80px; }
    #header .sub-menu.hide {
      display: none; }
    #header .sub-menu li {
      font: normal 700 16px/1.07 "Darwin", sans-serif;
      letter-spacing: 0.25px;
      margin-bottom: 3vh;
      clip: rect(0 0 0 0);
      overflow: hidden; }
      #header .sub-menu li a {
        display: flex;
        align-items: flex-end;
        color: #222222;
        transition: color .4s; }
      #header .sub-menu li a::before {
        content: "";
        border: 0.4vh solid #222222;
        border-radius: 50%;
        display: inline-block;
        width: 1.1vh;
        height: 1.1vh;
        margin-right: 4vh;
        margin-bottom: 0;
        transition: border 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
    #header .sub-menu .sub-menu-title {
      margin-bottom: 60px; }
      #header .sub-menu .sub-menu-title a {
        color: #C8102E;
        font-size: 5vh;
        line-height: 5.5vh;
        pointer-events: none; }
      #header .sub-menu .sub-menu-title a::before {
        display: none; }
    #header .sub-menu li:hover a {
      color: #C8102E; }
    #header .sub-menu li:hover a::before {
      transform: translateX(1vh);
      border-color: #C8102E; }
  #header .site-title-overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 0;
    z-index: 1;
    width: 100%;
    background: #C8102E;
    overflow: hidden; }
    #header .site-title-overlay svg {
      position: absolute;
      left: 50%;
      top: 44px;
      transform: translateX(-50%);
      z-index: 2; }
      #header .site-title-overlay svg path {
        fill: #FFFFFF; }
  #header .menu-overlay {
    position: absolute;
    top: 0;
    left: 240px;
    width: calc(100vw - 240px);
    height: 0;
    background: #FFFFFF;
    overflow: hidden;
    transition: box-shadow 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955); }
    @media screen and (max-width: 1280px) {
      #header .menu-overlay {
        left: 200px;
        width: calc(100vw - 200px); } }
    @media screen and (max-width: 1024px) {
      #header .menu-overlay {
        left: 120px;
        width: calc(100vw - 120px); } }
  #header .menu-close {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 100px;
    right: 28px;
    width: 20px;
    height: 20px;
    background: none;
    opacity: 0;
    transition: opacity 0.4s, transform 1s cubic-bezier(0.77, 0, 0.175, 1);
    pointer-events: none; }
    #header .menu-close svg {
      display: block;
      width: 15px;
      height: 15px;
      margin: 0 auto;
      stroke: #222222; }
    #header .menu-close.show {
      opacity: 1;
      pointer-events: auto; }
    #header .menu-close:hover {
      transform: rotate(180deg); }
    @media screen and (max-width: 1024px) {
      #header .menu-close {
        display: none; } }

.header-socials {
  position: absolute;
  top: calc(130px + 30%);
  right: 40px;
  clip: rect(0, 0, 0, 0); }
  @media only screen and (max-width: 1024px) {
    .header-socials {
      top: calc(100vh - 60px); } }
  .header-socials p {
    font-family: "Foco", sans-serif;
    font-size: 20px;
    font-weight: 900;
    color: #C8102E;
    margin-bottom: 60px; }
    @media only screen and (max-width: 1024px) {
      .header-socials p {
        display: none; } }
  .header-socials.hide {
    display: none; }
  .header-socials svg {
    fill: #C8102E; }

@media screen and (max-width: 1024px) {
  #header {
    height: 60px; }
    #header .site-title {
      width: 120px;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 1; }
      #header .site-title svg, #header .site-title img {
        width: 80px; }
    #header .language-selector {
      opacity: 0;
      pointer-events: none; }
    #header .header-socials {
      position: absolute;
      left: 0;
      padding-left: 35px;
      pointer-events: none;
      width: 100%;
      height: auto;
      background: #C8102E; }
      #header .header-socials ul {
        padding-top: 20px;
        padding-right: 0px;
        padding-bottom: 40px;
        padding-left: 0px; }
      #header .header-socials svg {
        fill: #FFFFFF; }
    #header.mobile-open .header-socials {
      clip: auto;
      pointer-events: auto; }
    #header .search-button {
      position: absolute;
      right: 0;
      padding: 0px 20px;
      margin-left: 25px; }
    #header .menu-mobile-overlay {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 0;
      background: #C8102E; }
    #header .menu-overlay {
      background: #C8102E; }
    #header .menu-wrapper {
      display: block;
      width: 100vw;
      height: 60px;
      max-height: none;
      overflow: auto;
      position: inherit; }
      #header .menu-wrapper .menu-wrapper-inner {
        height: auto;
        display: block;
        padding-right: 0; }
    #header.mobile-open .menu-wrapper {
      padding-bottom: 80px; }
      #header.mobile-open .menu-wrapper::after {
        content: "";
        height: 60px;
        width: 100%;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1;
        background: #C8102E; }
    #header .menu-mobile-button {
      display: block;
      color: #FFFFFF;
      font: normal 400 12px/1 "Foco", sans-serif;
      position: fixed;
      top: 22px;
      right: 85px;
      cursor: pointer;
      -moz-appearance: none;
      -webkit-appearance: none;
      z-index: 2; }
    #header .main-navigation, #header .second-navigation, #header .language-selector {
      display: none; }
    #header .main-navigation, #header .second-navigation {
      margin-top: 60px;
      margin-right: 0px;
      margin-bottom: 0px;
      margin-left: 0px;
      width: 100%;
      height: auto;
      padding-left: 0;
      padding-top: 13px; }
      #header .main-navigation ul.menu, #header .second-navigation ul.menu {
        display: block;
        align-items: flex-start;
        width: 100%;
        height: auto; }
      #header .main-navigation ul.menu > li, #header .second-navigation ul.menu > li {
        display: block;
        width: 100%;
        overflow: hidden;
        font-size: 16px; }
        #header .main-navigation ul.menu > li .sub-menu-title, #header .second-navigation ul.menu > li .sub-menu-title {
          display: none; }
        #header .main-navigation ul.menu > li > .span-wrap > a, #header .second-navigation ul.menu > li > .span-wrap > a {
          position: relative; }
        #header .main-navigation ul.menu > li .span-wrap, #header .second-navigation ul.menu > li .span-wrap {
          display: block;
          height: 100%;
          overflow: hidden; }
        #header .main-navigation ul.menu > li > .span-wrap > a, #header .second-navigation ul.menu > li > .span-wrap > a {
          display: block;
          width: 100%;
          text-align: left;
          color: #FFFFFF;
          padding-top: 16px;
          padding-right: 0px;
          padding-bottom: 16px;
          padding-left: 60px; }
          #header .main-navigation ul.menu > li > .span-wrap > a::before, #header .second-navigation ul.menu > li > .span-wrap > a::before {
            content: "";
            position: absolute;
            top: 50%;
            left: 35px;
            transform: translateY(-50%);
            transition: transform 0.75s cubic-bezier(0.77, 0, 0.175, 1);
            width: 6px;
            height: 11px;
            background: url("../extra/assets/img/pictos/nav-arrow-white.svg") center center no-repeat;
            background-size: 6px 11px; }
          #header .main-navigation ul.menu > li > .span-wrap > a::after, #header .main-navigation ul.menu > li > .span-wrap > a:hover::after, #header .second-navigation ul.menu > li > .span-wrap > a::after, #header .second-navigation ul.menu > li > .span-wrap > a:hover::after {
            display: none; }
        #header .main-navigation ul.menu > li .span-wrap.current a::before, #header .second-navigation ul.menu > li .span-wrap.current a::before {
          transform: translateY(-50%) rotate(90deg); }
        #header .main-navigation ul.menu > li .sub-menu, #header .second-navigation ul.menu > li .sub-menu {
          position: relative;
          top: auto;
          left: auto;
          height: 0;
          overflow: hidden;
          background: #BC0D29; }
          #header .main-navigation ul.menu > li .sub-menu li, #header .second-navigation ul.menu > li .sub-menu li {
            font: normal 700 15px/1 "Foco", sans-serif;
            margin-bottom: 0; }
            #header .main-navigation ul.menu > li .sub-menu li .span-wrap a, #header .second-navigation ul.menu > li .sub-menu li .span-wrap a {
              padding-top: 16px;
              padding-right: 0px;
              padding-bottom: 16px;
              padding-left: 60px; }
              #header .main-navigation ul.menu > li .sub-menu li .span-wrap a:hover, #header .second-navigation ul.menu > li .sub-menu li .span-wrap a:hover {
                color: #FFFFFF; }
              #header .main-navigation ul.menu > li .sub-menu li .span-wrap a::before, #header .second-navigation ul.menu > li .sub-menu li .span-wrap a::before {
                display: none; }
    #header .second-navigation {
      margin-top: 0;
      padding-top: 0px; }
      #header .second-navigation ul.menu > li > .span-wrap > a {
        text-align: left;
        color: #222222;
        padding-top: 16px;
        padding-right: 0px;
        padding-bottom: 16px;
        padding-left: 60px; }
        #header .second-navigation ul.menu > li > .span-wrap > a::before {
          background: url("../extra/assets/img/pictos/nav-arrow.svg") center center no-repeat; }
    #header.mobile-open .language-selector {
      display: block;
      position: relative;
      top: auto;
      left: auto;
      right: auto;
      width: auto;
      border-top: 1px solid #BC0D29;
      margin-top: 15px;
      padding-top: 10px;
      padding-right: 0px;
      padding-bottom: 0px;
      padding-left: 60px;
      opacity: 1;
      pointer-events: auto;
      transition: opacity .4s 1s; }
      #header.mobile-open .language-selector ul {
        position: static;
        height: auto;
        width: auto;
        max-width: none;
        margin-top: 0;
        padding-left: 0;
        flex-flow: column nowrap;
        justify-content: flex-start;
        align-items: flex-start; }
        #header.mobile-open .language-selector ul:before {
          top: 32px;
          left: 35px; }
        #header.mobile-open .language-selector ul li {
          display: block;
          padding-top: 16px;
          padding-right: 0px;
          padding-bottom: 16px;
          padding-left: 0px; } }

@media screen and (max-width: 1024px) {
  #header .site-title {
    width: 100px; }
    #header .site-title svg {
      width: 60px; } }

#arianne {
  margin-top: 10px;
  margin-right: 0px;
  margin-bottom: 80px;
  margin-left: 0px; }
  #arianne ol {
    display: flex;
    flex-flow: row nowrap;
    list-style: none; }
  #arianne li a, #arianne li span {
    font: normal 400 11px/22px "Foco", sans-serif;
    color: #666666;
    transition: color 0.5s cubic-bezier(0.77, 0, 0.175, 1); }
  #arianne li a:hover span {
    color: #C8102E; }

.hero-header {
  width: 100%;
  position: fixed;
  top: 0;
  height: 100vh;
  overflow: hidden;
  background: #222222; }
  .hero-header .hero-header-container {
    height: calc(100vh - 120px);
    margin-top: 120px;
    position: relative; }
    @media screen and (max-width: 1024px) {
      .hero-header .hero-header-container {
        margin-top: 60px;
        height: calc(100vh - 60px); } }
  .hero-header .hero-videoloop-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
    .hero-header .hero-videoloop-container video {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      min-width: 100%;
      min-height: 100%; }
  .hero-header .extra-responsive-image-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center; }
  .hero-header .hero-media::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(34, 34, 34, 0.3); }
  .hero-header .down-arrow {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    background: transparent;
    width: 16px;
    height: 39px;
    z-index: 20; }
    .hero-header .down-arrow svg {
      width: 100%;
      height: 100%; }

.hero-header-infos {
  font: normal 900 20px/1.14 "Darwin", sans-serif;
  color: #FFFFFF;
  margin-bottom: 40px; }
  .hero-header-infos time, .hero-header-infos div {
    display: inline-block; }

.hero-header-title {
  color: #FFFFFF;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 70%;
  transform: translate(-50%, -50%); }
  @media screen and (max-width: 768px) {
    .hero-header-title {
      width: 90%; } }
  .hero-header-title h1 {
    font: normal 900 70px/1.14 "Darwin", sans-serif; }
    @media screen and (max-width: 1024px) {
      .hero-header-title h1 {
        font: normal 900 6vw/1.14 "Darwin", sans-serif; } }
    @media screen and (max-width: 640px) {
      .hero-header-title h1 {
        width: 100%;
        padding: 0 10px;
        font: normal 900 40px/1.14 "Darwin", sans-serif; } }
  .hero-header-title .subtitle {
    display: block;
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.5; }

.hero-header-slider {
  display: flex;
  flex-flow: row nowrap;
  width: 100%;
  height: 100%;
  position: relative; }
  .hero-header-slider .hero-slider-item {
    display: flex;
    flex: 0 0 100%;
    width: 100%;
    height: 100%;
    position: absolute;
    align-items: center;
    top: 0;
    left: 0;
    background: #222222; }
    .hero-header-slider .hero-slider-item:not(:first-child) {
      opacity: 0; }

.hero-header-slider-content {
  position: relative;
  z-index: 1;
  color: #FFFFFF;
  width: 43%;
  margin-left: 240px;
  max-width: 720px; }
  @media screen and (min-width: 1700px) {
    .hero-header-slider-content {
      width: 45%;
      max-width: 800px; }
      .hero-header-slider-content p {
        font-size: .8vw; } }
  @media screen and (max-width: 1280px) {
    .hero-header-slider-content {
      margin-left: 200px;
      width: 40%; } }
  @media screen and (max-width: 1024px) {
    .hero-header-slider-content {
      margin-left: 40px;
      width: 70%; } }
  @media screen and (max-width: 768px) {
    .hero-header-slider-content {
      margin-left: 20px;
      width: 80%; } }

h2.hero-header-slider-title {
  font: normal 700 50px/1 "Darwin", sans-serif;
  color: #FFFFFF; }
  @media screen and (min-width: 1700px) {
    h2.hero-header-slider-title {
      font: normal 700 2.5vw/1 "Darwin", sans-serif; } }
  @media screen and (max-width: 768px) {
    h2.hero-header-slider-title {
      font: normal 700 25px/1 "Darwin", sans-serif; } }

aside {
  width: 440px;
  flex: 0 0 auto;
  background: #F1F1F1;
  position: relative;
  overflow: hidden; }
  aside.aside-notop {
    display: flex;
    flex-flow: column nowrap; }
    aside.aside-notop .aside-top-title, aside.aside-notop .aside-content {
      padding-top: 0px;
      padding-right: 40px;
      padding-bottom: 0px;
      padding-left: 40px; }
  aside.aside-toppadding {
    padding-top: 100px;
    padding-right: 0px;
    padding-bottom: 120px;
    padding-left: 0px; }
  @media screen and (max-width: 1280px) {
    aside {
      width: 360px; } }
  @media screen and (max-width: 1024px) {
    aside {
      order: 2;
      width: 100%;
      z-index: 10;
      overflow: hidden; }
      aside.aside-toppadding {
        padding-top: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
        padding-left: 0px; }
      aside.open {
        overflow: auto; } }

.aside-top {
  position: relative;
  padding-top: 100px;
  padding-right: 80px;
  padding-bottom: 120px;
  padding-left: 80px; }
  .aside-top.sticky {
    position: fixed;
    top: 0px;
    left: 0;
    transition: top .4s;
    padding-top: 80px; }
  .aside-top.sticky-bottom {
    position: absolute; }
  @media screen and (max-width: 1280px) {
    .aside-top {
      padding-top: 100px;
      padding-right: 40px;
      padding-bottom: 120px;
      padding-left: 40px; } }
  @media screen and (max-width: 1024px) {
    .aside-top {
      padding-top: 40px;
      padding-right: 40px;
      padding-bottom: 40px;
      padding-left: 40px; } }

.aside-bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  min-height: 1px; }

.aside-top-title h1 {
  font: normal 700 20px/25px "Darwin", sans-serif; }

@media screen and (max-width: 768px) {
  .aside-top-title h1 {
    font: normal 700 14px/20px "Darwin", sans-serif; } }

.aside-title {
  font: normal 700 16px/25px "Foco", sans-serif;
  color: #C8102E;
  display: block;
  margin-top: 4px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 40px;
  position: relative; }
  @media screen and (max-width: 1024px) {
    .aside-title {
      cursor: pointer; } }
  .theme-blue .aside-title {
    color: #009CA6; }
  .aside-toppadding .aside-title {
    padding-top: 20px;
    padding-right: 0px;
    padding-bottom: 20px;
    padding-left: 0px; }

.aside-close {
  display: none; }
  @media screen and (max-width: 1024px) {
    :not(.news-submenu) .aside-close {
      display: block;
      position: absolute;
      top: 50%;
      right: 40px;
      transform: translateY(-50%);
      width: 10px;
      height: 10px; }
      :not(.news-submenu) .aside-close svg {
        position: absolute;
        width: 10px;
        height: 10px;
        fill: #222222;
        transform: rotate(45deg);
        transition: transform .4s; } }
  @media screen and (max-width: 768px) {
    .aside-close {
      right: 20px; } }
  .open .aside-close svg {
    transform: rotate(0deg); }

@media screen and (max-width: 1024px) {
  aside.page-filters {
    position: fixed;
    bottom: 0;
    top: auto;
    left: auto;
    height: auto;
    transform: translateY(0%);
    transition: transform .4s; }
    aside.page-filters .aside-top {
      padding-top: 0; }
    aside.page-filters.hide-filters {
      transform: translateY(100%); } }

@media screen and (max-width: 768px) {
  aside.page-filters .aside-top-title {
    padding-top: 0px;
    padding-right: 20px;
    padding-bottom: 0px;
    padding-left: 20px; }
  aside.page-filters .aside-top {
    padding-top: 0px;
    padding-right: 20px;
    padding-bottom: 0px;
    padding-left: 20px; } }

aside.page-filters .filters {
  height: 100%;
  padding: 0;
  display: flex;
  flex-flow: column nowrap; }
  aside.page-filters .filters .filters-container {
    height: 100%; }
  aside.page-filters .filters .filters-container ul {
    border-top: 5px solid #C8102E;
    background: #FFFFFF;
    width: 100%;
    padding-top: 40px;
    padding-right: 40px;
    padding-bottom: 40px;
    padding-left: 40px;
    margin-top: 12px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px; }
    @media screen and (max-width: 640px) {
      aside.page-filters .filters .filters-container ul {
        padding-top: 30px;
        padding-right: 20px;
        padding-bottom: 20px;
        padding-left: 20px; } }
  aside.page-filters .filters .filters-container li {
    display: block;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 20px;
    margin-left: 0px; }
    aside.page-filters .filters .filters-container li:last-child {
      margin-bottom: 0; }
  aside.page-filters .filters .link-checkbox-remove {
    margin-top: 20px;
    margin-right: 40px;
    margin-bottom: 60px;
    margin-left: 40px; }
    @media screen and (max-width: 640px) {
      aside.page-filters .filters .link-checkbox-remove {
        margin-top: 20px;
        margin-right: 40px;
        margin-bottom: 60px;
        margin-left: 20px; } }
  aside.page-filters .filters .aside-filter-title {
    display: none; }
    @media screen and (max-width: 1024px) {
      aside.page-filters .filters .aside-filter-title {
        display: block;
        color: #C8102E;
        font: normal 900 16px/1.14 "Darwin", sans-serif;
        padding-top: 20px;
        padding-right: 40px;
        padding-bottom: 20px;
        padding-left: 40px;
        cursor: pointer;
        position: relative; } }
    @media screen and (max-width: 768px) {
      aside.page-filters .filters .aside-filter-title {
        padding-top: 20px;
        padding-right: 20px;
        padding-bottom: 20px;
        padding-left: 20px; } }
  aside.page-filters .filters .aside-filter-wrapper {
    height: 100%;
    overflow: hidden;
    margin-bottom: 40px; }
    @media screen and (max-width: 1024px) {
      aside.page-filters .filters .aside-filter-wrapper {
        height: 0;
        margin-bottom: 0; } }
    aside.page-filters .filters .aside-filter-wrapper .aside-filter-wrapper-inner,
    aside.page-filters .filters .aside-filter-wrapper .accordeon-container {
      padding-top: 0px;
      padding-right: 40px;
      padding-bottom: 40px;
      padding-left: 40px; }
      @media screen and (max-width: 1024px) {
        aside.page-filters .filters .aside-filter-wrapper .aside-filter-wrapper-inner,
        aside.page-filters .filters .aside-filter-wrapper .accordeon-container {
          padding-top: 0px;
          padding-right: 40px;
          padding-bottom: 0px;
          padding-left: 40px; } }
      @media screen and (max-width: 768px) {
        aside.page-filters .filters .aside-filter-wrapper .aside-filter-wrapper-inner,
        aside.page-filters .filters .aside-filter-wrapper .accordeon-container {
          padding-top: 0px;
          padding-right: 20px;
          padding-bottom: 0px;
          padding-left: 20px; } }

.page-submenu {
  display: flex;
  flex-direction: column;
  justify-content: space-between; }
  @media screen and (max-width: 1024px) {
    .page-submenu {
      order: 2;
      width: 100%;
      background: #FFFFFF; }
      .page-submenu .aside-top {
        display: none; }
      .page-submenu .aside-bottom {
        position: relative; } }

.aside-submenu ul {
  border-top: 5px solid #C8102E;
  width: 100%;
  margin-top: 12px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px; }
  .theme-blue .aside-submenu ul {
    border-top: 5px solid #009CA6; }

.aside-submenu li {
  border-bottom: 1px solid #222222; }
  .aside-submenu li a {
    display: block;
    font: normal 400 14px/1 "Foco", sans-serif;
    color: #222222;
    padding-top: 30px;
    padding-right: 40px;
    padding-bottom: 30px;
    padding-left: 40px;
    position: relative;
    transition: color 0.5s cubic-bezier(0.77, 0, 0.175, 1); }
    @media screen and (max-width: 640px) {
      .aside-submenu li a {
        padding-top: 30px;
        padding-right: 0px;
        padding-bottom: 30px;
        padding-left: 0px; } }
    .aside-submenu li a .count {
      display: inline-block;
      margin-left: 5px;
      color: #C8102E;
      font-weight: 700; }
    .aside-submenu li a span {
      position: relative;
      z-index: 1; }
    .aside-submenu li a::before {
      content: "";
      display: block;
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background: #FFFFFF;
      z-index: 0;
      transform: scaleX(0);
      transform-origin: left center;
      transition: transform 0.5s cubic-bezier(0.77, 0, 0.175, 1); }
    .aside-submenu li a:hover {
      color: #C8102E; }
      .aside-submenu li a:hover::before {
        transform: scaleX(1); }
  .aside-submenu li.current_page_item {
    background: #FFFFFF; }
    .aside-submenu li.current_page_item a {
      font-weight: 700; }

.theme-blue .aside-submenu li a:hover {
  color: #009CA6; }

.download-files {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 440px;
  transform: translateX(-100%);
  background: #C8102E;
  padding-top: 80px;
  padding-right: 80px;
  padding-bottom: 80px;
  padding-left: 80px; }
  @media screen and (max-width: 1280px) {
    .download-files {
      width: 360px; } }
  @media screen and (max-width: 1024px) {
    .download-files {
      position: relative;
      transform: none;
      width: 100%; } }
  @media screen and (max-width: 640px) {
    .download-files {
      padding-top: 40px;
      padding-right: 40px;
      padding-bottom: 40px;
      padding-left: 40px; } }
  .download-files .subtitle {
    font: normal 900 12px/1 "Foco", sans-serif;
    color: #222222;
    text-transform: uppercase;
    padding-bottom: 20px;
    border-bottom: 1px solid #222222; }
  .download-files li {
    border-bottom: 1px solid #222222; }
    .download-files li a {
      display: block;
      font: normal 900 20px/1 "Foco", sans-serif;
      padding-top: 40px;
      padding-right: 0px;
      padding-bottom: 40px;
      padding-left: 0px;
      color: #222222;
      transition: color 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
      position: relative; }
      @media screen and (max-width: 640px) {
        .download-files li a {
          padding-top: 30px;
          padding-right: 0px;
          padding-bottom: 30px;
          padding-left: 0px; } }
      .download-files li a span {
        position: absolute;
        top: 50%;
        left: -40px;
        transform: translate(-50%, -50%);
        width: 32px;
        height: 32px;
        display: block; }
        @media screen and (max-width: 640px) {
          .download-files li a span {
            left: -20px;
            width: 18px;
            height: 18px; } }
        .download-files li a span svg .arrow {
          stroke: #FFFFFF; }
      .download-files li a:hover {
        color: #FFFFFF; }

aside .annual-report {
  position: relative;
  background: #C8102E;
  margin-bottom: -140px;
  z-index: 1; }
  aside .annual-report .content-wrapper {
    position: relative;
    padding-top: 40px;
    padding-right: 80px;
    padding-bottom: 80px;
    padding-left: 80px; }
  aside .annual-report .subtitle {
    display: block;
    margin-bottom: 15px;
    font-size: 12px;
    font-weight: 900;
    line-height: 1;
    color: #FFFFFF;
    text-transform: uppercase; }
  aside .annual-report .title {
    position: relative;
    margin-bottom: 15px;
    font-size: 20px;
    line-height: 1;
    font-weight: 900; }
    aside .annual-report .title span {
      display: none; }
  aside .annual-report .text {
    margin-bottom: 20px; }
  aside .annual-report a {
    display: block; }
  @media screen and (max-width: 1024px) {
    aside .annual-report {
      height: 50px;
      margin: 0;
      width: 100%;
      z-index: 20; }
      aside .annual-report figure, aside .annual-report .subtitle, aside .annual-report .text {
        display: none; }
      aside .annual-report h4 {
        z-index: 2;
        pointer-events: none; }
      aside .annual-report .ghost-button.ghost-button-big {
        text-indent: -9999px;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        border: none;
        padding: 0;
        height: 100%; }
      aside .annual-report .content-wrapper {
        padding: 0;
        height: 100%; }
      aside .annual-report .title {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        height: 100%;
        padding: 16px 40px;
        background: #C8102E;
        font-size: 16px;
        line-height: 1;
        color: #FFFFFF; }
        aside .annual-report .title span {
          display: inline-block;
          width: 15px;
          height: 15px;
          margin-right: 10px;
          transform: translateY(2px); }
          aside .annual-report .title span svg {
            width: 100%;
            height: 100%; }
            aside .annual-report .title span svg .arrow {
              stroke: #FFFFFF; } }

.accordeon-container {
  height: 100%;
  position: relative;
  margin-top: 12px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px; }

.accordeon > ul {
  border-top: 5px solid #222222;
  background: #FFFFFF;
  width: 100%; }

.accordeon > ul > li {
  border-bottom: 1px solid #C8102E;
  display: block;
  padding-top: 30px;
  padding-right: 40px;
  padding-bottom: 30px;
  padding-left: 40px;
  position: relative; }
  @media screen and (max-width: 1280px) {
    .accordeon > ul > li {
      padding-top: 30px;
      padding-right: 30px;
      padding-bottom: 30px;
      padding-left: 30px; } }
  .accordeon > ul > li:last-child {
    margin-bottom: 0; }
  .accordeon > ul > li.current .accordeon-top::after {
    transform: translate(50%, -50%) rotate(-90deg); }

.accordeon .accordeon-handler {
  cursor: pointer; }

.accordeon .accordeon-top {
  position: relative; }
  .accordeon .accordeon-top p.accordeon-legend {
    color: #666666;
    font: normal 400 13px/1 "Foco", sans-serif; }
    .accordeon .accordeon-top p.accordeon-legend svg {
      display: inline-block;
      width: 5px;
      height: 5px;
      fill: #666666;
      margin-right: 3px; }
  .accordeon .accordeon-top::after {
    content: "";
    position: absolute;
    width: 5px;
    height: 11px;
    top: 50%;
    right: 0;
    transform: translate(50%, -50%) rotate(90deg);
    background: url("../extra/assets/img/pictos/nav-arrow.svg") center center no-repeat;
    background-size: 100% 100%;
    transition: transform .4s; }
  .current .accordeon .accordeon-top::after {
    transform: translate(50%, -50%) rotate(-90deg); }

.accordeon .accordeon-inner-block {
  margin-top: 10px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px; }

.accordeon .accordeon-title {
  color: #C8102E;
  font: normal 900 18px/1 "Darwin", sans-serif; }

.accordeon .accordeon-details {
  height: 0;
  overflow: hidden; }

.accordeon .accordeon-coords {
  display: block;
  font: normal 700 13px/18px "Foco", sans-serif;
  color: #222222; }
  .accordeon .accordeon-coords a {
    display: inline-block;
    color: #222222;
    width: auto; }

@media screen and (max-width: 1024px) {
  .news-submenu {
    width: 100%; } }

.news-submenu .ghost-button {
  display: block;
  width: 100%;
  max-width: 320px;
  margin: 40px auto 0; }

@media screen and (max-width: 1024px) {
  .news-submenu .aside-title {
    padding: 0;
    margin-left: 0; }
    .news-submenu .aside-title .aside-close {
      display: none; } }

.page-wrapper-content {
  display: flex;
  position: relative;
  background: #FFFFFF;
  margin-top: calc(100vh - 120px); }
  @media screen and (max-width: 1024px) {
    .page-wrapper-content {
      flex-flow: column nowrap;
      margin-top: calc(100vh - 60px); } }

.page-content {
  position: relative;
  width: 100%;
  overflow: inherit; }
  .page-content .page-content-inner {
    padding-top: 0px;
    padding-right: 80px;
    padding-bottom: 80px;
    padding-left: 80px;
    max-width: 1160px;
    height: 100%;
    overflow: hidden; }
    @media screen and (max-width: 1024px) {
      .page-content .page-content-inner {
        padding-top: 0px;
        padding-right: 40px;
        padding-bottom: 40px;
        padding-left: 40px; } }
    @media screen and (max-width: 768px) {
      .page-content .page-content-inner {
        padding-top: 0px;
        padding-right: 20px;
        padding-bottom: 40px;
        padding-left: 20px; } }
  .page-content > h2 + p {
    margin-top: 10px;
    margin-right: 0px;
    margin-bottom: 10px;
    margin-left: 0px; }

.map {
  width: 100%;
  height: 0;
  padding-bottom: 60%; }

.page-map {
  height: calc(100vh - 120px);
  width: 100%;
  display: flex;
  flex-flow: row nowrap; }
  .page-map #arianne {
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 40px;
    margin-top: 4px;
    margin-right: 0px;
    margin-bottom: 44px;
    margin-left: 0px; }
  .page-map .map {
    width: 100%;
    height: 100%;
    padding-bottom: 0;
    background: #222222; }
    .page-map .map > div {
      opacity: 0;
      transition: opacity 0.75s cubic-bezier(0.165, 0.84, 0.44, 1); }
    .page-map .map.loaded > div {
      opacity: 1; }
  .page-map .aside-top {
    padding-top: 0px;
    padding-right: 40px;
    padding-bottom: 100px;
    padding-left: 40px; }
  .page-map .accordeon-container .accordeon {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 40px;
    margin-left: 0px; }
  .page-map .filters .filters-container ul {
    width: 100%;
    border-color: #222222; }
    .page-map .filters .filters-container ul li {
      display: flex;
      justify-content: space-between;
      width: 100%; }
    .page-map .filters .filters-container ul img {
      display: block;
      width: 25px;
      height: 25px; }

.gmap-popup-container {
  position: absolute;
  display: none;
  transform: translate(-50%, -100%) translate(0, -10px); }
  .gmap-popup-container .gmap-popup-bubble-animation {
    display: inline-block;
    overflow: hidden;
    width: auto;
    position: relative; }
  .gmap-popup-container .gmap-popup-bubble-close {
    position: absolute;
    top: 0px;
    right: 0px;
    height: 18px;
    width: 18px;
    display: block;
    background: url("../extra/assets/img/pictos/cross.svg") center center no-repeat;
    background-size: 8px 8px;
    transform: rotate(45deg); }
  .gmap-popup-container .gmap-popup-image {
    flex: 1 1 auto;
    width: 25%;
    margin-right: 20px; }
    .gmap-popup-container .gmap-popup-image img {
      width: 100%; }
    @media screen and (max-width: 768px) {
      .gmap-popup-container .gmap-popup-image {
        display: none; } }
  .gmap-popup-container .gmap-popup-content {
    flex: 1 1 auto; }
  .gmap-popup-container #gmap-popup, .gmap-popup-container .block-map-popup {
    display: inline-block;
    position: relative;
    background: #4FABD4;
    width: auto;
    max-width: 500px;
    height: auto;
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 10px;
    margin-left: 0px;
    box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.17);
    display: flex;
    justify-content: flex-start; }
    .gmap-popup-container #gmap-popup::after, .gmap-popup-container .block-map-popup::after {
      content: "";
      display: block;
      position: absolute;
      left: 50%;
      bottom: -7px;
      transform: translateX(-50%);
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 7px 6px 0 6px;
      border-color: #4FABD4 transparent transparent transparent; }
    .gmap-popup-container #gmap-popup p, .gmap-popup-container #gmap-popup li, .gmap-popup-container .block-map-popup p, .gmap-popup-container .block-map-popup li {
      display: block;
      width: auto;
      color: #FFFFFF;
      font: normal 400 12px/1.4 "Darwin", sans-serif;
      max-width: 500px;
      margin-bottom: 10px; }
    .gmap-popup-container #gmap-popup a.link, .gmap-popup-container .block-map-popup a.link {
      margin-bottom: 0;
      font-size: 12px; }
    .gmap-popup-container #gmap-popup li::before, .gmap-popup-container .block-map-popup li::before {
      display: inline-block;
      content: "";
      height: 4px;
      width: 4px;
      border-radius: 50%;
      background: #FFFFFF;
      margin-right: 10px; }
    .gmap-popup-container #gmap-popup p.title, .gmap-popup-container .block-map-popup p.title {
      font-weight: 700;
      text-transform: uppercase; }

section {
  position: relative;
  overflow: hidden; }
  section .section-title {
    display: inline-block;
    color: #C8102E;
    text-transform: uppercase;
    font: normal 900 12px/25px "Foco", sans-serif;
    display: inline-flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 60px;
    position: relative;
    z-index: 2; }
    section .section-title .section-title-line {
      display: inline-block;
      width: 80px;
      height: 1px;
      margin: 0 40px 0 26px;
      background: #C8102E; }
    section .section-title svg {
      width: 19px;
      height: 20px;
      fill: #C8102E; }
    section .section-title.section-title-white {
      color: #FFFFFF; }
      section .section-title.section-title-white .section-title-line {
        background: #FFFFFF; }
      section .section-title.section-title-white svg {
        fill: #FFFFFF; }
      section .section-title.section-title-white .anime-section-title {
        background: #009CA6; }
        section .section-title.section-title-white .anime-section-title span {
          background: #FFFFFF; }
  section .anime {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    background: #FFFFFF;
    z-index: 1; }
  section .anime-section-title {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: #FFFFFF; }
    section .anime-section-title span {
      position: absolute;
      top: 0;
      left: 0;
      width: 0%;
      height: 100%;
      background: #C8102E; }
  section .section-container {
    display: flex;
    flex-flow: row;
    justify-content: flex-end; }
    @media screen and (min-width: 1700px) {
      section .section-container {
        max-width: 1920px;
        margin: auto; } }

.theme-blue section .anime-section-title span {
  background: #009CA6; }

form input, form select, form textarea {
  background: #F1F1F1;
  color: #C8102E;
  padding-top: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 10px;
  margin-left: 0px;
  border: 1px solid #F1F1F1;
  font: normal 700 12px/1 "Darwin", sans-serif;
  width: 100%;
  -webkit-appearance: none;
  border-radius: 0;
  transition: border 0.5s cubic-bezier(0.77, 0, 0.175, 1); }
  form input.error, form select.error, form textarea.error {
    border-color: #C8102E; }

form .select-container {
  width: 100%; }

form .half-input {
  display: flex;
  justify-content: space-between; }
  form .half-input input, form .half-input .select-container, form .half-input textarea {
    width: calc(50% - 5px); }

form .form-legend {
  display: block;
  color: #666666;
  width: 100%;
  margin-top: -10px;
  margin-right: 0px;
  margin-bottom: 10px;
  margin-left: 0px;
  font: normal 400 10px/12px "Darwin", sans-serif;
  text-align: right; }

form .message-container {
  display: block;
  margin-top: 10px;
  margin-right: 0px;
  margin-bottom: 10px;
  margin-left: 0px;
  padding-top: 20px;
  padding-right: 0px;
  padding-bottom: 20px;
  padding-left: 0px;
  font: normal 400 14px/1.14 "Darwin", sans-serif;
  position: relative; }
  form .message-container .message {
    position: absolute;
    top: 0;
    left: 0;
    display: none; }
    form .message-container .message.show {
      display: block; }
  form .message-container .message.error {
    color: #C8102E; }

form .submit-container {
  position: relative;
  overflow: hidden; }
  form .submit-container .ghost-button, form .submit-container .full-button {
    transition: transform 1s cubic-bezier(0.77, 0, 0.175, 1); }
    form .submit-container .ghost-button .tac_activate, form .submit-container .full-button .tac_activate {
      display: none; }
  form .submit-container span.ghost-button {
    width: 100%;
    height: 100%;
    background: #FFFFFF;
    position: absolute;
    top: 0;
    left: 0;
    margin-top: 0;
    transform: translateY(-100%); }
  form .submit-container.sending {
    pointer-events: none; }
    form .submit-container.sending span.ghost-button {
      transform: translateY(0%); }
    form .submit-container.sending button.full-button {
      transform: translateY(100%); }
  form .submit-container #g-recaptcha-cookie {
    transform: translateY(-46px); }

form .grecaptcha-badge {
  display: none; }

form .g-recaptcha-legend {
  margin-top: 10px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px; }
  form .g-recaptcha-legend a {
    color: #666666; }

::placeholder {
  color: #C8102E; }

.breathing-section {
  width: 100%;
  height: 535px;
  overflow: inherit;
  position: relative;
  z-index: 3; }
  @media screen and (max-width: 1280px) {
    .breathing-section {
      height: 435px; } }
  @media screen and (max-width: 1024px) {
    .breathing-section {
      height: 250px; } }
  .breathing-section .anime {
    background: #F1F1F1; }
  .breathing-section .breathing-bg {
    height: 100%;
    width: 100%;
    position: relative;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center; }
  .breathing-section .extra-responsive-image-wrapper {
    height: 130%;
    width: 100%;
    background-size: cover;
    background-position: center center;
    z-index: 0;
    top: 30%; }
  .breathing-section .breathing-section-socials {
    width: 60%;
    max-width: 1280px;
    height: 80px;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 80px;
    padding-top: 0px;
    padding-right: 80px;
    padding-bottom: 0px;
    padding-left: 80px;
    background: #C8102E;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    z-index: 1; }
    @media screen and (min-width: 1700px) {
      .breathing-section .breathing-section-socials {
        margin-top: 0px;
        margin-right: auto;
        margin-bottom: 0px;
        margin-left: auto;
        left: auto;
        transform: translate(0, -50%); } }
    @media screen and (max-width: 1280px) {
      .breathing-section .breathing-section-socials {
        padding-top: 0px;
        padding-right: 40px;
        padding-bottom: 0px;
        padding-left: 40px; } }
    @media screen and (max-width: 1024px) {
      .breathing-section .breathing-section-socials {
        padding-top: 0px;
        padding-right: 40px;
        padding-bottom: 0px;
        padding-left: 40px;
        margin-top: 0px;
        margin-right: auto;
        margin-bottom: 0px;
        margin-left: auto;
        left: auto;
        transform: translate(0, -50%);
        width: 80%; } }
    @media screen and (max-width: 640px) {
      .breathing-section .breathing-section-socials {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        padding-top: 0px;
        padding-right: 20px;
        padding-bottom: 0px;
        padding-left: 20px;
        transform: translate(0); }
        .breathing-section .breathing-section-socials span {
          display: none; }
        .breathing-section .breathing-section-socials ul {
          margin: 0 auto; } }
    .breathing-section .breathing-section-socials span {
      font: normal 700 16/25px "Darwin", sans-serif;
      color: #FFFFFF; }

.numbers-section {
  position: relative; }
  .numbers-section .media-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 640px; }
    @media screen and (max-width: 1024px) {
      .numbers-section .media-wrapper {
        height: 340px; } }
    .numbers-section .media-wrapper .extra-responsive-image-wrapper {
      height: 100%;
      width: 100%;
      background-size: cover;
      position: relative;
      z-index: 0; }
  .numbers-section .content-wrapper {
    position: relative;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 80px;
    margin-left: 440px;
    padding-top: 360px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px; }
    @media screen and (max-width: 1280px) {
      .numbers-section .content-wrapper {
        margin-top: 0px;
        margin-right: 0px;
        margin-bottom: 80px;
        margin-left: 360px; } }
    @media screen and (max-width: 1024px) {
      .numbers-section .content-wrapper {
        margin-top: 0px;
        margin-right: 0px;
        margin-bottom: 80px;
        margin-left: 0px;
        padding-top: 200px;
        padding-right: 0px;
        padding-bottom: 0px;
        padding-left: 0px; } }
    .numbers-section .content-wrapper:before {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      left: -10px;
      width: 10px;
      height: 100%;
      background: #C8102E; }
    .numbers-section .content-wrapper .title {
      position: relative;
      margin-top: 0px;
      margin-right: 0px;
      margin-bottom: 40px;
      margin-left: 80px;
      font: normal 900 60px/1 "Darwin", sans-serif;
      color: #FFFFFF; }
      @media screen and (max-width: 1280px) {
        .numbers-section .content-wrapper .title {
          font: normal 900 40px/1 "Darwin", sans-serif;
          margin-top: 0px;
          margin-right: 0px;
          margin-bottom: 40px;
          margin-left: 40px; } }
      @media screen and (max-width: 768px) {
        .numbers-section .content-wrapper .title {
          padding-top: 0px;
          padding-right: 20px;
          padding-bottom: 0px;
          padding-left: 0px;
          margin-top: 0px;
          margin-right: 0px;
          margin-bottom: 40px;
          margin-left: 20px; } }
  .numbers-section .list-numbers {
    flex-flow: column nowrap;
    justify-content: space-between;
    width: 100%;
    padding-top: 0px;
    padding-right: 80px;
    padding-bottom: 0px;
    padding-left: 0px;
    background: #FFFFFF; }
    @media screen and (max-width: 768px) {
      .numbers-section .list-numbers {
        padding-top: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
        padding-left: 0px; } }
    .numbers-section .list-numbers li {
      display: flex;
      position: relative;
      width: 100%; }
      .numbers-section .list-numbers li .anime {
        position: absolute;
        top: 0;
        right: 0;
        height: 100%;
        background: #FFFFFF;
        z-index: 2; }
      .numbers-section .list-numbers li:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 1px;
        background: #222222; }
      .numbers-section .list-numbers li span {
        display: block;
        position: relative; }
      .numbers-section .list-numbers li .number {
        padding-top: 40px;
        padding-right: 80px;
        padding-bottom: 40px;
        padding-left: 80px;
        font-size: 50px;
        font-weight: 900;
        line-height: .8;
        color: #C8102E;
        min-width: 25%;
        width: auto;
        display: flex;
        align-items: center; }
      .numbers-section .list-numbers li .text {
        display: flex;
        flex-direction: column-reverse;
        padding-top: 40px;
        padding-right: 40px;
        padding-bottom: 40px;
        padding-left: 0px;
        font-size: 20px;
        font-weight: 700; }
      @media screen and (max-width: 1280px) {
        .numbers-section .list-numbers li .number {
          padding-top: 40px;
          padding-right: 40px;
          padding-bottom: 40px;
          padding-left: 40px;
          font-size: 25px; } }
      @media screen and (max-width: 768px) {
        .numbers-section .list-numbers li .number {
          padding-top: 40px;
          padding-right: 20px;
          padding-bottom: 40px;
          padding-left: 20px; }
        .numbers-section .list-numbers li .text {
          font-size: 16px; } }
      @media screen and (max-width: 640px) {
        .numbers-section .list-numbers li .number {
          padding-top: 20px;
          padding-right: 20px;
          padding-bottom: 20px;
          padding-left: 20px;
          font-size: 18px; }
        .numbers-section .list-numbers li .text {
          padding-top: 20px;
          padding-right: 20px;
          padding-bottom: 20px;
          padding-left: 0px; } }

.footer-image {
  width: 100%;
  height: 480px; }
  .footer-image:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 35%;
    width: 100%;
    background: -moz-linear-gradient(top, white 0%, rgba(255, 255, 255, 0) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, white 0%, rgba(255, 255, 255, 0) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, white 0%, rgba(255, 255, 255, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );
    /* IE6-9 */ }
  @media screen and (max-width: 640px) {
    .footer-image {
      height: 250px; }
      .footer-image .extra-responsive-image-background {
        background-position: center; } }
  .footer-image .extra-responsive-image-background {
    width: 100%;
    height: 100%;
    background-size: cover; }

#footer {
  background: #ECECEC;
  position: relative;
  z-index: 2; }
  #footer .footer-container {
    max-width: 1920px;
    margin: auto;
    display: flex;
    flex-flow: row nowrap;
    position: relative;
    padding-top: 80px;
    padding-right: 80px;
    padding-bottom: 80px;
    padding-left: 80px; }
    @media screen and (min-width: 2000px) {
      #footer .footer-container {
        padding-top: 80px;
        padding-right: 0px;
        padding-bottom: 80px;
        padding-left: 0px; } }
    @media screen and (max-width: 768px) {
      #footer .footer-container {
        flex-flow: column nowrap; } }
    @media screen and (max-width: 440px) {
      #footer .footer-container {
        padding-top: 40px;
        padding-right: 40px;
        padding-bottom: 40px;
        padding-left: 40px; } }
  #footer .footer-informations {
    display: flex;
    flex-flow: column; }
    #footer .footer-informations a {
      color: #222222;
      transition: color .4s; }
      #footer .footer-informations a:hover {
        color: #C8102E; }
    @media screen and (max-width: 768px) {
      #footer .footer-informations {
        order: 2; } }
  #footer .footer-logo {
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 10px;
    padding-left: 0px;
    width: 160px;
    position: relative; }
    #footer .footer-logo .svg-baseline {
      height: 7px;
      position: absolute;
      right: 0;
      bottom: 0; }
  #footer .footer-coords p {
    margin-top: 30px; }
  #footer .footer-coords .footer-coords-title {
    font: normal 900 14px/1 "Darwin", sans-serif; }
  #footer .footer-coords span {
    display: block; }
  #footer .footer-socials {
    margin-top: 40px;
    margin-right: 0px;
    margin-bottom: auto;
    margin-left: 0px; }
    #footer .footer-socials ul {
      margin-top: 0px;
      margin-right: 0px;
      margin-bottom: 0px;
      margin-left: -10px; }
  #footer .footer-tac {
    color: #666666; }
    @media screen and (max-width: 1024px) {
      #footer .footer-tac {
        margin-top: 40px; } }
    #footer .footer-tac a {
      color: #666666; }
  #footer .footer-menu {
    padding-top: 40px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 80px;
    display: flex;
    flex-flow: row nowrap;
    flex: 1; }
    #footer .footer-menu .sub-menu-title {
      display: none; }
    @media screen and (max-width: 1024px) {
      #footer .footer-menu {
        padding-right: 0; } }
    @media screen and (max-width: 768px) {
      #footer .footer-menu {
        padding-left: 0;
        padding-top: 0;
        margin-bottom: 40px; } }
  #footer .footer-navigation {
    flex: 1;
    padding-right: 20px; }
    @media screen and (max-width: 1024px) {
      #footer .footer-navigation {
        display: none; } }
  #footer .footer-navigation > div > ul {
    display: flex;
    flex-flow: row wrap;
    margin-top: -80px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 20px; }
    #footer .footer-navigation > div > ul > li {
      width: 33%;
      margin-top: 80px;
      margin-right: 0px;
      margin-bottom: 0px;
      margin-left: 0px;
      padding-right: 10px;
      flex: 0 0 auto; }
      #footer .footer-navigation > div > ul > li > a {
        display: block;
        font: normal 700 14px/20px "Foco", sans-serif;
        margin-top: 0px;
        margin-right: 0px;
        margin-bottom: 10px;
        margin-left: 0px;
        color: #C8102E; }
    #footer .footer-navigation > div > ul .sub-menu li {
      font: normal 400 12px/15px "Foco", sans-serif;
      margin-bottom: 5px; }
      #footer .footer-navigation > div > ul .sub-menu li a {
        color: #222222;
        transition: color 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
        #footer .footer-navigation > div > ul .sub-menu li a:hover {
          color: #C8102E; }
  #footer .footer-second-menu {
    max-width: 200px;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    flex: 0 0 auto; }
    @media screen and (max-width: 1024px) {
      #footer .footer-second-menu {
        flex-flow: row nowrap;
        width: 100%;
        flex: 0 0 auto;
        max-width: none; }
        #footer .footer-second-menu > * {
          flex: 1; } }
    @media screen and (max-width: 768px) {
      #footer .footer-second-menu {
        order: 1; }
        #footer .footer-second-menu #footer-second-menu {
          margin-bottom: 20px; } }
    @media screen and (max-width: 440px) {
      #footer .footer-second-menu {
        flex-flow: column nowrap;
        height: 100%; }
        #footer .footer-second-menu #footer-second-menu {
          display: flex;
          flex-flow: row wrap; }
          #footer .footer-second-menu #footer-second-menu li {
            width: 50%; } }
    #footer .footer-second-menu li {
      font: normal 900 14px/20px "Darwin", sans-serif;
      margin-top: 0px;
      margin-right: 0px;
      margin-bottom: 20px;
      margin-left: 0px; }
      #footer .footer-second-menu li a {
        color: #222222;
        transition: color .4s; }
        #footer .footer-second-menu li a:hover {
          color: #C8102E; }
    #footer .footer-second-menu .ghost-button {
      font: normal 700 14px/1 "Foco", sans-serif;
      text-transform: none;
      margin-top: 0px;
      margin-right: 0px;
      margin-bottom: 40px;
      margin-left: 0px; }
      #footer .footer-second-menu .ghost-button:last-child {
        margin: 0; }

#digital-space {
  position: absolute;
  bottom: 0;
  background: #C8102E;
  z-index: 2;
  width: 100%; }
  #digital-space .digital-space-handler {
    position: relative;
    height: 80px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    color: #FFFFFF;
    font-weight: 700; }
  #digital-space .digital-space-button {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
    width: 63px;
    height: 49px; }
  #digital-space svg.svg-ellipse {
    display: block;
    width: 63px;
    height: 49px; }
    #digital-space svg.svg-ellipse path {
      fill: #FFFFFF; }
  #digital-space svg.svg-cross {
    display: block;
    width: 17px;
    height: 17px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: transform 1s cubic-bezier(0.77, 0, 0.175, 1); }
    #digital-space svg.svg-cross path {
      stroke: #222222; }
  #digital-space .digital-space-container {
    height: 0;
    overflow: hidden; }
    #digital-space .digital-space-container ul {
      display: flex;
      justify-content: flex-start;
      flex-flow: row wrap; }
    #digital-space .digital-space-container li {
      width: 25%;
      padding-bottom: 40px; }
      @media screen and (max-width: 768px) {
        #digital-space .digital-space-container li {
          width: calc(50% - 10px);
          padding-bottom: 20px;
          margin: 0 5px; } }
      #digital-space .digital-space-container li a .name {
        display: block;
        color: #FFFFFF;
        transition: color 0.5s cubic-bezier(0.77, 0, 0.175, 1); }
      #digital-space .digital-space-container li a .site-url {
        display: block;
        color: #222222;
        font-weight: 700;
        transition: color 0.5s cubic-bezier(0.77, 0, 0.175, 1);
        word-wrap: break-word; }
      #digital-space .digital-space-container li a:hover .name {
        color: #222222; }
      #digital-space .digital-space-container li a:hover .site-url {
        color: #FFFFFF; }
  #digital-space .inner {
    padding: 40px 80px; }
    @media screen and (max-width: 768px) {
      #digital-space .inner {
        padding: 20px 40px; } }
  #digital-space.open .svg-cross {
    transform: translate(-50%, -50%) rotate(-135deg); }
  #digital-space .footer-cookie {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    background: #BC0D29; }
    #digital-space .footer-cookie .menu {
      display: flex;
      justify-content: center; }
      @media only screen and (max-width: 768px) {
        #digital-space .footer-cookie .menu {
          display: block;
          text-align: center; } }
    #digital-space .footer-cookie li:after {
      content: '-';
      margin: 0 10px;
      color: #FFFFFF; }
      @media only screen and (max-width: 768px) {
        #digital-space .footer-cookie li:after {
          display: none; } }
    #digital-space .footer-cookie li:last-child:after {
      display: none; }
    #digital-space .footer-cookie a {
      font-family: "Darwin", sans-serif;
      font-size: 14px;
      color: #FFFFFF;
      text-decoration: none; }
      @media only screen and (max-width: 768px) {
        #digital-space .footer-cookie a {
          font-size: 12px;
          display: block;
          padding: 7px; } }

#popin {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.9);
  z-index: 10000;
  display: flex;
  justify-content: center;
  align-items: center; }
  #popin .popin-close {
    position: absolute;
    top: 80px;
    right: 80px;
    transform: translateX(50%) rotate(45deg);
    display: block;
    width: 15px;
    height: 15px;
    background: url("../extra/assets/img/pictos/cross.svg") center center no-repeat;
    background-size: 15px 15px;
    cursor: pointer;
    transition: transform 0.75s cubic-bezier(0.77, 0, 0.175, 1);
    z-index: 10000; }
    #popin .popin-close:hover {
      transform: translateX(50%) rotate(225deg); }
    @media screen and (max-width: 768px) {
      #popin .popin-close {
        right: 40px; } }
  #popin .popin-container {
    width: calc(100% - 320px);
    height: 80%; }
    @media screen and (max-width: 768px) {
      #popin .popin-container {
        width: calc(100% - 80px);
        height: 50%; } }
    @media screen and (max-width: 640px) {
      #popin .popin-container {
        height: 35%; } }
  #popin iframe {
    width: 100%;
    height: 100%; }

#wpadminbar {
  pointer-events: auto;
  position: fixed !important;
  top: auto;
  bottom: 0; }

#wpadminbar .menupop .ab-sub-wrapper,
#wpadminbar .shortlink-input {
  bottom: 32px; }

body.admin-bar {
  padding-bottom: 32px; }

@media screen and (max-width: 782px) {
  #wpadminbar .menupop .ab-sub-wrapper,
  #wpadminbar .shortlink-input {
    bottom: 46px; }
  body.admin-bar {
    padding-bottom: 46px; } }

.error404 {
  overflow: hidden;
  width: 100vw;
  height: 100vh; }
  .error404 #header, .error404 #footer {
    display: none; }
  .error404 #wrapper, .error404 section {
    width: 100%;
    height: 100%;
    padding: 0;
    max-width: 100%;
    align-items: flex-end; }
  .error404 #page404 {
    display: flex;
    justify-content: flex-end; }
  .error404 .videoloop-container {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    z-index: 0;
    transform: translate(-50%, -50%); }
    .error404 .videoloop-container video {
      position: absolute;
      min-width: 100%;
      min-height: 100%;
      top: 50%;
      left: 50%;
      width: auto;
      height: auto;
      z-index: 0;
      transform: translate(-50%, -50%); }
    .error404 .videoloop-container::after {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 1;
      background: #222222;
      opacity: 0.2; }
  .error404 .error-content {
    position: relative;
    z-index: 1;
    flex: 0 0 100%;
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: flex-end;
    padding: 80px 0 80px 0;
    color: #FFFFFF;
    font-family: "Darwin", sans-serif;
    font-weight: 700;
    font-size: 70px;
    line-height: 1; }
    @media screen and (max-width: 1024px) {
      .error404 .error-content {
        font-size: 7vw; } }
    @media screen and (max-width: 768px) {
      .error404 .error-content {
        justify-content: flex-start;
        padding: 40px 40px; } }
    .error404 .error-content .error-inner {
      display: flex;
      flex-flow: column nowrap;
      justify-content: space-around;
      width: 50%;
      padding-left: 120px;
      padding-right: 40px; }
      @media screen and (max-width: 768px) {
        .error404 .error-content .error-inner {
          margin: 0;
          width: 100%;
          padding-left: 40px; } }
      .error404 .error-content .error-inner p {
        max-width: 500px;
        margin-bottom: 80px; }
    .error404 .error-content svg {
      width: 190px;
      height: 50px; }
      @media screen and (max-width: 768px) {
        .error404 .error-content svg {
          width: 100px;
          height: 30px; } }
    .error404 .error-content path {
      fill: #FFFFFF; }

.youtube_player,
#gmap_player,
.calameo-canvas,
.vimeo_player,
#g-recaptcha-cookie {
  position: relative;
  padding-bottom: 56.25%;
  /* padding-top: 30px; */
  height: 0 !important;
  width: 100%; }
  .youtube_player iframe,
  #gmap_player iframe,
  .calameo-canvas iframe,
  .vimeo_player iframe,
  #g-recaptcha-cookie iframe {
    position: absolute;
    top: 0;
    left: 0; }
  .youtube_player .tac_activate,
  #gmap_player .tac_activate,
  .calameo-canvas .tac_activate,
  .vimeo_player .tac_activate,
  #g-recaptcha-cookie .tac_activate {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #F1F1F1;
    background: white; }
  .youtube_player .tac_float,
  #gmap_player .tac_float,
  .calameo-canvas .tac_float,
  .vimeo_player .tac_float,
  #g-recaptcha-cookie .tac_float {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    text-align: center; }
  .youtube_player .tarteaucitronAllow,
  #gmap_player .tarteaucitronAllow,
  .calameo-canvas .tarteaucitronAllow,
  .vimeo_player .tarteaucitronAllow,
  #g-recaptcha-cookie .tarteaucitronAllow {
    display: flex;
    align-items: center;
    font-size: 16px;
    margin: 10px 0 0 0;
    padding: 10px 15px;
    border: 1px solid #F1F1F1;
    color: #222222;
    transition: background .3s ease-in-out;
    cursor: pointer; }
    .youtube_player .tarteaucitronAllow:hover,
    #gmap_player .tarteaucitronAllow:hover,
    .calameo-canvas .tarteaucitronAllow:hover,
    .vimeo_player .tarteaucitronAllow:hover,
    #g-recaptcha-cookie .tarteaucitronAllow:hover {
      background: #F1F1F1; }

#gmap_player {
  position: relative;
  padding-bottom: 0;
  height: auto !important; }
  #gmap_player .googlemaps-canvas {
    height: 0; }

.calameo-canvas iframe,
.vimeo_player iframe {
  width: 100%;
  height: 100%; }

#g-recaptcha-cookie {
  padding-bottom: 0;
  height: auto !important; }
  #g-recaptcha-cookie .tac_activate {
    position: relative;
    padding: 20px; }

#tarteaucitronRoot {
  height: 0;
  overflow: hidden; }
  .tarteaucitron-modal-open #tarteaucitronRoot:before, #tarteaucitronRoot.tarteaucitronBeforeVisible:before {
    opacity: .75 !important;
    pointer-events: auto; }
  #tarteaucitronRoot:before {
    content: '';
    position: fixed;
    width: 100%;
    height: 100%;
    background: #666666 !important;
    top: 0;
    left: 0;
    z-index: 999;
    opacity: 0;
    pointer-events: none;
    transition: 0.3s opacity cubic-bezier(0.455, 0.03, 0.515, 0.955); }
  #tarteaucitronRoot #tarteaucitronAlertBig {
    position: fixed;
    width: 720px !important;
    max-width: 89%;
    min-width: auto !important;
    margin: auto;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 0 !important;
    padding: 40px 0 0 0 !important;
    background: white;
    box-shadow: 0 0 0 1px #F1F1F1 !important;
    z-index: 2147483645; }
    @media only screen and (max-width: 640px) {
      #tarteaucitronRoot #tarteaucitronAlertBig {
        padding: 20px 0 0 0 !important;
        width: 100% !important; } }
    #tarteaucitronRoot #tarteaucitronAlertBig:before {
      display: block;
      color: #C8102E;
      font-weight: bold;
      margin: 0 40px 20px;
      text-transform: uppercase;
      font-size: 23px; }
      @media only screen and (max-width: 440px) {
        #tarteaucitronRoot #tarteaucitronAlertBig:before {
          font-size: 19px;
          margin: 0 20px 20px; } }
    #tarteaucitronRoot #tarteaucitronAlertBig span#tarteaucitronDisclaimerAlert {
      display: block;
      color: #666666;
      font-size: 16px;
      line-height: 1.4;
      font-weight: 300;
      text-align: left !important;
      margin: 0 0 40px !important;
      padding: 0 40px !important; }
      @media only screen and (max-width: 440px) {
        #tarteaucitronRoot #tarteaucitronAlertBig span#tarteaucitronDisclaimerAlert {
          font-size: 14px;
          padding: 0 20px !important;
          margin: 0 0 20px !important; } }
    #tarteaucitronRoot #tarteaucitronAlertBig button {
      display: flex !important;
      align-items: center;
      justify-content: center;
      position: relative;
      float: left;
      font-size: 16px;
      font-weight: bold;
      width: calc(100% / 3);
      margin: 0 !important;
      padding: 25px 20px;
      border-top: 1px solid #F1F1F1;
      transition: background 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
      cursor: pointer; }
      @media only screen and (max-width: 640px) {
        #tarteaucitronRoot #tarteaucitronAlertBig button {
          width: 100%; } }
      @media only screen and (max-width: 440px) {
        #tarteaucitronRoot #tarteaucitronAlertBig button {
          font-size: 14px;
          padding: 20px; } }
      #tarteaucitronRoot #tarteaucitronAlertBig button span, #tarteaucitronRoot #tarteaucitronAlertBig button:before {
        margin-right: 8px; }
      #tarteaucitronRoot #tarteaucitronAlertBig button:after {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        width: 1px;
        height: 100%;
        background: #F1F1F1; }
      #tarteaucitronRoot #tarteaucitronAlertBig button:hover {
        background: #F1F1F1; }
    #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronPrivacyUrl {
      width: 100%;
      padding: 20px;
      font-weight: 400;
      font-size: 12px;
      background: none;
      border: 0;
      border-top: 1px solid #F1F1F1;
      text-align: center;
      text-decoration: underline;
      transition: .35s; }
      #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronPrivacyUrl:hover {
        color: #C8102E; }
  #tarteaucitronRoot #tarteaucitron {
    display: none;
    position: fixed;
    left: 50%;
    top: 20% !important;
    width: 720px !important;
    max-width: 90%;
    max-height: 65%;
    z-index: 2147483646;
    transform: translateX(-50%); }
    @media only screen and (max-width: 640px) {
      #tarteaucitronRoot #tarteaucitron {
        max-height: 90%;
        top: 3% !important; } }
  #tarteaucitronRoot #tarteaucitronClosePanel {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 100%;
    left: 50%;
    margin-top: 20px;
    transform: translateX(-50%);
    background: #C8102E;
    font-weight: bold;
    font-size: 16px;
    padding: 15px 35px;
    border: 0;
    color: white;
    transition: background .3s ease-in-out;
    cursor: pointer; }
    #tarteaucitronRoot #tarteaucitronClosePanel:hover {
      background: #222222; }
    #tarteaucitronRoot #tarteaucitronClosePanel:after {
      content: '';
      display: none;
      width: 15px;
      height: 15px;
      background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNS4yLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FscXVlXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMTUuNiAxNS42IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxNS42IDE1LjY7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOm5vbmU7c3Ryb2tlOiMwMDAwMDA7c3Ryb2tlLXdpZHRoOjI7fQ0KPC9zdHlsZT4NCjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMjc4LjI5MyAtNjAxLjI5MykiPg0KCTxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEyNzkgNjAyKSI+DQoJCTxsaW5lIGNsYXNzPSJzdDAiIHgxPSIxNC4xIiB5MT0iMCIgeDI9IjAiIHkyPSIxNC4xIi8+DQoJCTxsaW5lIGNsYXNzPSJzdDAiIHgxPSIwIiB5MT0iMCIgeDI9IjE0LjEiIHkyPSIxNC4xIi8+DQoJPC9nPg0KPC9nPg0KPC9zdmc+DQo=") no-repeat; }
  #tarteaucitronRoot #tarteaucitronServices {
    background: #FFFFFF;
    border-radius: 0;
    border: 1px solid #F1F1F1; }
    #tarteaucitronRoot #tarteaucitronServices::-webkit-scrollbar {
      width: 5px; }
    #tarteaucitronRoot #tarteaucitronServices::-webkit-scrollbar-thumb {
      background-color: #ddd;
      outline: 0 solid slategrey; }
    #tarteaucitronRoot #tarteaucitronServices > * {
      background: none; }
  #tarteaucitronRoot #tarteaucitronMainLineOffset {
    padding: 60px 40px; }
    @media only screen and (max-width: 440px) {
      #tarteaucitronRoot #tarteaucitronMainLineOffset {
        padding: 40px 20px; } }
    #tarteaucitronRoot #tarteaucitronMainLineOffset .tarteaucitronName {
      display: none; }
    #tarteaucitronRoot #tarteaucitronMainLineOffset .tarteaucitronAsk {
      display: flex;
      justify-content: center; }
      @media only screen and (max-width: 440px) {
        #tarteaucitronRoot #tarteaucitronMainLineOffset .tarteaucitronAsk {
          display: block; } }
      @media only screen and (max-width: 440px) {
        #tarteaucitronRoot #tarteaucitronMainLineOffset .tarteaucitronAsk button {
          display: flex;
          justify-content: center;
          width: 100%;
          margin-bottom: 15px; } }
  #tarteaucitronRoot .tarteaucitronH1 {
    display: block;
    color: #C8102E;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase; }
    @media only screen and (max-width: 440px) {
      #tarteaucitronRoot .tarteaucitronH1 {
        font-size: 19px; } }
  #tarteaucitronRoot #tarteaucitronInfo {
    margin: 15px 0 25px;
    color: #666666;
    line-height: 1.6;
    font-weight: 300;
    text-align: center; }
    @media only screen and (max-width: 440px) {
      #tarteaucitronRoot #tarteaucitronInfo {
        font-size: 14px; } }
  #tarteaucitronRoot #tarteaucitronPrivacyUrlDialog {
    background: none;
    text-decoration: underline;
    color: #222222;
    cursor: pointer; }
    #tarteaucitronRoot #tarteaucitronPrivacyUrlDialog:hover {
      color: #C8102E;
      transition: .35s; }
  @media only screen and (max-width: 640px) {
    #tarteaucitronRoot .tarteaucitronAsk {
      margin-top: 10px; } }
  #tarteaucitronRoot .tarteaucitronAsk button {
    display: flex;
    align-items: center;
    font-size: 16px;
    margin: 0 0 0 15px;
    padding: 10px 15px;
    border: 1px solid #F1F1F1;
    transition: background 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    cursor: pointer; }
    @media only screen and (max-width: 640px) {
      #tarteaucitronRoot .tarteaucitronAsk button {
        margin: 0 20px 0 0; } }
    #tarteaucitronRoot .tarteaucitronAsk button:disabled {
      background: #F1F1F1;
      opacity: .5;
      pointer-events: none; }
    #tarteaucitronRoot .tarteaucitronAsk button.tarteaucitronIsSelected, #tarteaucitronRoot .tarteaucitronAsk button:hover {
      background: #F1F1F1; }
    #tarteaucitronRoot .tarteaucitronAsk button span {
      margin-right: 8px; }
  #tarteaucitronRoot .tarteaucitronLine.tarteaucitronIsAllowed button.tarteaucitronAllow {
    background: #F1F1F1; }
  #tarteaucitronRoot .tarteaucitronLine.tarteaucitronIsDenied button.tarteaucitronDeny {
    background: #F1F1F1; }
  #tarteaucitronRoot .tarteaucitronCheck,
  #tarteaucitronRoot .tarteaucitronCross,
  #tarteaucitronRoot #tarteaucitronCloseAlert:before {
    display: block;
    width: 15px;
    height: 10px; }
  #tarteaucitronRoot .tarteaucitronCheck {
    background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNS4yLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FscXVlXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMTQgMTAuNSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTQgMTAuNTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2VuYWJsZS1iYWNrZ3JvdW5kOm5ldyAgICA7fQ0KPC9zdHlsZT4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00LjgsMTAuM0wwLjIsNS43Yy0wLjMtMC4zLTAuMy0wLjcsMC0xYzAsMCwwLDAsMCwwbDEtMWMwLjMtMC4zLDAuNy0wLjMsMSwwYzAsMCwwLDAsMCwwbDMuMSwzLjFsNi42LTYuNg0KCWMwLjMtMC4zLDAuNy0wLjMsMSwwYzAsMCwwLDAsMCwwbDEsMWMwLjMsMC4zLDAuMywwLjcsMCwxYzAsMCwwLDAsMCwwbC0yLjQsMi40bC01LjcsNS43QzUuNSwxMC41LDUsMTAuNSw0LjgsMTAuMw0KCUM0LjgsMTAuMyw0LjgsMTAuMyw0LjgsMTAuM3oiLz4NCjwvc3ZnPg0K") no-repeat; }
  #tarteaucitronRoot .tarteaucitronCross {
    background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNS4yLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FscXVlXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMTAuOCAxMC44IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxMC44IDEwLjg7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGQ9Ik0xMC43LDguNkwxMC43LDguNkw3LjQsNS40bDMuMy0zLjNsMCwwYzAuMS0wLjEsMC4xLTAuMywwLTAuNUw5LjEsMC4xQzksMCw4LjgsMCw4LjYsMC4xbDAsMEw1LjQsMy40TDIuMSwwLjFsMCwwDQoJQzIsMCwxLjgsMCwxLjYsMC4xTDAuMSwxLjZDMCwxLjgsMCwyLDAuMSwyLjFsMCwwbDMuMywzLjNMMC4xLDguNmwwLDBDMCw4LjgsMCw5LDAuMSw5LjFsMS41LDEuNWMwLjEsMC4xLDAuMywwLjEsMC41LDBsMCwwDQoJbDMuMy0zLjNsMy4zLDMuM2wwLDBjMC4xLDAuMSwwLjMsMC4xLDAuNSwwbDEuNS0xLjVDMTAuOCw5LDEwLjgsOC44LDEwLjcsOC42eiIvPg0KPC9zdmc+DQo=") no-repeat; }
  #tarteaucitronRoot #tarteaucitronCloseAlert:before {
    content: '';
    height: 11px;
    background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNS4yLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FscXVlXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMTMuNCAxMS45IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxMy40IDExLjk7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGQ9Ik05LjMsMS45TDExLjQsNGMwLjEsMC4xLDAuMSwwLjIsMCwwLjNMNi40LDkuNEw0LjIsOS42QzQsOS43LDMuNyw5LjUsMy43LDkuMmMwLDAsMC0wLjEsMC0wLjFMNCw3TDksMS45DQoJQzkuMSwxLjgsOS4yLDEuOCw5LjMsMS45eiBNMTMuMSwxLjRMMTIsMC4zYy0wLjQtMC40LTAuOS0wLjQtMS4zLDBMOS45LDEuMWMtMC4xLDAuMS0wLjEsMC4yLDAsMC4zbDIuMSwyLjFjMC4xLDAuMSwwLjIsMC4xLDAuMywwDQoJbDAuOC0wLjhDMTMuNCwyLjMsMTMuNCwxLjcsMTMuMSwxLjRMMTMuMSwxLjR6IE04LjksOHYyLjRIMS41VjNoNS4zQzYuOSwzLDcsMi45LDcsMi45TDcuOSwyQzgsMS44LDgsMS43LDcuOSwxLjYNCglDNy45LDEuNSw3LjgsMS41LDcuNywxLjVIMS4xQzAuNSwxLjUsMCwyLDAsMi42djguMmMwLDAuNiwwLjUsMS4xLDEuMSwxLjFoOC4yYzAuNiwwLDEuMS0wLjUsMS4xLTEuMVY3LjFjMC0wLjItMC4xLTAuMy0wLjMtMC4zDQoJYy0wLjEsMC0wLjEsMC0wLjIsMC4xTDksNy44QzguOSw3LjksOC45LDcuOSw4LjksOHoiLz4NCjwvc3ZnPg0K") no-repeat; }
  #tarteaucitronRoot .tarteaucitronBorder > ul > li {
    display: none;
    padding: 25px 40px 10px;
    border-top: 1px solid #F1F1F1; }
    @media only screen and (max-width: 320px) {
      #tarteaucitronRoot .tarteaucitronBorder > ul > li {
        padding: 20px 25px 10px; } }
    #tarteaucitronRoot .tarteaucitronBorder > ul > li#tarteaucitronServicesTitle_mandatory {
      display: block;
      padding: 25px 40px; }
      @media only screen and (max-width: 320px) {
        #tarteaucitronRoot .tarteaucitronBorder > ul > li#tarteaucitronServicesTitle_mandatory {
          padding: 20px 25px 10px; } }
      #tarteaucitronRoot .tarteaucitronBorder > ul > li#tarteaucitronServicesTitle_mandatory .tarteaucitronListCookies,
      #tarteaucitronRoot .tarteaucitronBorder > ul > li#tarteaucitronServicesTitle_mandatory .tarteaucitronTitle {
        display: none; }
      #tarteaucitronRoot .tarteaucitronBorder > ul > li#tarteaucitronServicesTitle_mandatory .tarteaucitronLine {
        display: flex;
        justify-content: space-between; }
        @media only screen and (max-width: 640px) {
          #tarteaucitronRoot .tarteaucitronBorder > ul > li#tarteaucitronServicesTitle_mandatory .tarteaucitronLine {
            display: block; } }
        #tarteaucitronRoot .tarteaucitronBorder > ul > li#tarteaucitronServicesTitle_mandatory .tarteaucitronLine .tarteaucitronH3 {
          display: block;
          padding-right: 120px;
          font-size: 15px;
          line-height: 1.6; }
          @media only screen and (max-width: 768px) {
            #tarteaucitronRoot .tarteaucitronBorder > ul > li#tarteaucitronServicesTitle_mandatory .tarteaucitronLine .tarteaucitronH3 {
              padding-right: 40px; } }
          @media only screen and (max-width: 640px) {
            #tarteaucitronRoot .tarteaucitronBorder > ul > li#tarteaucitronServicesTitle_mandatory .tarteaucitronLine .tarteaucitronH3 {
              padding-right: 0; } }
      #tarteaucitronRoot .tarteaucitronBorder > ul > li#tarteaucitronServicesTitle_mandatory .tarteaucitronName br {
        display: none; }
      #tarteaucitronRoot .tarteaucitronBorder > ul > li#tarteaucitronServicesTitle_mandatory .tarteaucitronAsk {
        display: flex;
        align-items: center; }
      #tarteaucitronRoot .tarteaucitronBorder > ul > li#tarteaucitronServicesTitle_mandatory .tarteaucitronDeny {
        display: none; }
    #tarteaucitronRoot .tarteaucitronBorder > ul > li ul .tarteaucitronLine:first-child {
      border: 0; }
    #tarteaucitronRoot .tarteaucitronBorder > ul > li ul .tarteaucitronLine {
      display: flex;
      padding: 15px 0;
      justify-content: space-between;
      border-top: 1px solid #F1F1F1; }
      @media only screen and (max-width: 640px) {
        #tarteaucitronRoot .tarteaucitronBorder > ul > li ul .tarteaucitronLine {
          display: block; } }
      #tarteaucitronRoot .tarteaucitronBorder > ul > li ul .tarteaucitronLine .tarteaucitronListCookies {
        display: block;
        font-size: 13px;
        font-weight: 300;
        margin: 10px 0; }
      #tarteaucitronRoot .tarteaucitronBorder > ul > li ul .tarteaucitronLine .tarteaucitronAsk {
        display: flex;
        align-items: center; }
        @media only screen and (max-width: 320px) {
          #tarteaucitronRoot .tarteaucitronBorder > ul > li ul .tarteaucitronLine .tarteaucitronAsk {
            display: block; }
            #tarteaucitronRoot .tarteaucitronBorder > ul > li ul .tarteaucitronLine .tarteaucitronAsk button {
              display: flex;
              justify-content: center;
              width: 100%;
              margin: 10px 0; } }
    #tarteaucitronRoot .tarteaucitronBorder > ul > li ul a {
      font-size: 12px;
      color: #666666;
      text-decoration: underline;
      transition: color 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955); }
      #tarteaucitronRoot .tarteaucitronBorder > ul > li ul a:hover {
        color: #C8102E; }
    #tarteaucitronRoot .tarteaucitronBorder > ul > li ul br {
      display: none; }
  #tarteaucitronRoot .tarteaucitronH3 {
    display: block;
    font-size: 16px;
    line-height: 1;
    font-weight: bold; }
  #tarteaucitronRoot .tarteaucitronTitle button {
    font-size: 18px;
    text-transform: uppercase;
    background: transparent; }
  #tarteaucitronRoot .tarteaucitronDetails {
    display: none;
    background: rgba(241, 241, 241, 0.5);
    line-height: 1.6;
    padding: 10px 25px;
    font-weight: 300;
    margin: 10px 0; }
  #tarteaucitronRoot #tarteaucitronPremium,
  #tarteaucitronRoot #tarteaucitronIcon,
  #tarteaucitronRoot .tarteaucitronSelfLink {
    display: none !important; }

#loader {
  position: fixed;
  top: 0;
  right: 0;
  width: 100vw;
  height: 100vh;
  z-index: 100000;
  overflow: hidden;
  background: #FFFFFF;
  display: none;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center; }
  #loader .loader-wrapper {
    position: absolute;
    right: 0;
    top: 0;
    height: 100vh;
    width: 100vw;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center; }
  #loader .loader-container {
    position: relative;
    padding-bottom: 20px; }
  #loader .loader-progress {
    position: absolute;
    left: 0;
    top: calc(50% + 32px);
    width: 0;
    background: #C8102E;
    height: 2px; }
  #loader .loader-percent {
    font: normal 400 8px/1.14 "Foco", sans-serif;
    color: #C8102E;
    position: absolute;
    bottom: -14px;
    right: 0; }
  #loader .baseline-mask {
    position: absolute;
    right: 0px;
    width: 212px;
    overflow: hidden;
    bottom: 0;
    height: 20px;
    background: #FFFFFF; }
  #loader img {
    width: 250px;
    height: 68px;
    display: block; }
  #loader svg {
    width: 664px;
    height: 20px;
    position: absolute;
    right: 0;
    bottom: 0; }
    #loader svg .path-line {
      display: none; }

.closed {
  transform: scale(0) !important;
  display: none !important; }

.freeze--frame {
  overflow: hidden; }

.background {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  transition: scale 0.5s ease-in-out;
  z-index: 102; }

.popup {
  position: fixed;
  inset: 0;
  margin: auto;
  width: 70%;
  height: 500px;
  z-index: 10;
  background: white;
  overflow: hidden;
  transform: scale(1);
  display: block;
  transition: scale 0.5s ease-in-out; }
  @media screen and (max-width: 1460px) {
    .popup {
      width: 85%; } }
  @media screen and (max-width: 560px) {
    .popup {
      height: 600px; } }
  @media screen and (max-width: 480px) {
    .popup {
      width: 95%;
      height: 550px; } }
  .popup__container {
    display: flex; }
    @media screen and (max-width: 700px) {
      .popup__container {
        height: 100%;
        display: flex;
        flex-direction: column; } }
    .popup__container__info {
      width: 57.5%;
      padding: 50px;
      display: flex;
      flex-direction: column; }
      @media screen and (max-width: 1170px) {
        .popup__container__info {
          width: 75%; } }
      @media screen and (max-width: 920px) {
        .popup__container__info {
          padding: 25px; } }
      @media screen and (max-width: 700px) {
        .popup__container__info {
          width: 100%;
          align-self: center;
          display: flex;
          justify-content: center;
          height: 100%; } }
      @media screen and (max-width: 700px) {
        .popup__container__info__content {
          display: flex;
          flex-direction: column; } }
      .popup__container__info .close p {
        margin-top: 0 !important;
        font: normal 700 40px/1.14 "Darwin", sans-serif;
        font-size: 14px;
        color: #C8102E;
        position: relative;
        margin-left: 20px;
        margin-bottom: 30px; }
        .popup__container__info .close p span {
          margin-top: -5px;
          position: absolute;
          margin-left: -20px; }
      .popup__container__info__content h2 {
        color: #C8102E;
        text-transform: uppercase; }
        @media screen and (max-width: 1700px) {
          .popup__container__info__content h2 {
            font-size: 30px; } }
        @media screen and (max-width: 480px) {
          .popup__container__info__content h2 {
            font-size: 25px; } }
      .popup__container__info__content h3 {
        text-transform: uppercase; }
        @media screen and (max-width: 1700px) {
          .popup__container__info__content h3 {
            font-size: 20px; } }
        @media screen and (max-width: 480px) {
          .popup__container__info__content h3 {
            font-size: 16px;
            margin-top: 15px; } }
      .popup__container__info__content div p {
        margin-top: 0 !important;
        margin-bottom: 30px; }
        @media screen and (max-width: 1700px) {
          .popup__container__info__content div p {
            font-size: 14px; } }
      .popup__container__info__content a {
        display: inline-flex;
        position: relative;
        padding: 20px 55px;
        border: 2px solid Black;
        font: normal 900 15px/1.6 "Foco", sans-serif;
        color: black;
        text-transform: uppercase;
        background-color: white;
        align-self: flex-start;
        transform: perspective(1px) translateZ(0);
        transition: .25s ease-in-out; }
        @media screen and (max-width: 1700px) {
          .popup__container__info__content a {
            font-size: 14px; } }
        @media screen and (max-width: 700px) {
          .popup__container__info__content a {
            margin: 0 auto; } }
        @media screen and (max-width: 480px) {
          .popup__container__info__content a {
            font-size: 12px;
            padding: 15px 40px; } }
        .popup__container__info__content a:hover {
          color: white;
          border: 2px solid white; }
          .popup__container__info__content a:hover:before {
            transform: scaleY(1); }
        .popup__container__info__content a:before {
          content: "";
          position: absolute;
          z-index: -1;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          background-color: #C8102E;
          transform: scaleY(0);
          transform-origin: 50% 100%;
          transition: transform .25s ease-in-out; }
    .popup__container__image {
      width: 42.5%;
      overflow: hidden;
      position: relative; }
      @media screen and (max-width: 1170px) {
        .popup__container__image {
          width: 25%; } }
      @media screen and (max-width: 700px) {
        .popup__container__image {
          display: none; } }
      .popup__container__image img {
        object-fit: cover;
        width: 100%;
        height: 100%; }

.home.page {
  background: #FFFFFF; }
  .home.page .link {
    margin-top: 20px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px; }
  .home.page .push-centrals {
    position: absolute;
    bottom: 0;
    right: 100px;
    z-index: 10; }
    @media screen and (max-width: 768px) {
      .home.page .push-centrals {
        top: auto;
        bottom: 0;
        right: 0;
        position: absolute;
        width: 100%;
        height: 60px;
        transform: none;
        padding-top: 4px;
        padding-right: 4px;
        padding-bottom: 4px;
        padding-left: 4px;
        background: #ECECEC; } }
    .home.page .push-centrals .push-centrals-content svg {
      transition: transform 1s cubic-bezier(0.77, 0, 0.175, 1); }
    .home.page .push-centrals .push-centrals-first-wrapper svg {
      transition: transform 1s 0.2s cubic-bezier(0.77, 0, 0.175, 1); }
    .home.page .push-centrals .push-centrals-second-wrapper svg {
      transition: transform 1s cubic-bezier(0.785, 0.135, 0.15, 0.86); }
    .home.page .push-centrals:hover .push-centrals-first-wrapper svg {
      transform: rotate(180deg); }
    .home.page .push-centrals:hover .push-centrals-second-wrapper svg {
      transform: rotate(360deg); }
    .home.page .push-centrals .push-centrals-svg-wrapper {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -25%) rotate(-12deg);
      height: 340px;
      width: 440px;
      display: flex;
      justify-content: center;
      align-items: center; }
      @media screen and (max-width: 768px) {
        .home.page .push-centrals .push-centrals-svg-wrapper {
          display: none; } }
    .home.page .push-centrals .push-centrals-svg-wrapper svg {
      height: 340px;
      width: 540px;
      display: block; }
      .home.page .push-centrals .push-centrals-svg-wrapper svg path {
        stroke: #FFFFFF;
        stroke-width: 1px; }
      @media screen and (max-width: 768px) {
        .home.page .push-centrals .push-centrals-svg-wrapper svg {
          height: 75%; } }
    .home.page .push-centrals .push-centrals-first-wrapper {
      transform: translate(-50%, -25%) rotate(40deg); }
    .home.page .push-centrals .push-centrals-fill-wrapper {
      transform: translate(-50%, -25%) rotate(8deg); }
      .home.page .push-centrals .push-centrals-fill-wrapper path {
        fill: #FFFFFF; }
    .home.page .push-centrals .wrapper-links {
      display: flex;
      align-items: center; }
    .home.page .push-centrals a {
      display: flex;
      justify-content: center;
      align-items: flex-end;
      height: 100%;
      padding: 25px 20px;
      position: relative;
      z-index: 2;
      font: normal 700 14px/16px "Foco", sans-serif;
      color: #222222;
      transition: color 0.3s cubic-bezier(0.77, 0, 0.175, 1); }
      .home.page .push-centrals a:hover {
        color: #C8102E; }
      @media screen and (max-width: 768px) {
        .home.page .push-centrals a {
          padding: 15px 5px;
          width: 50%; } }
      .home.page .push-centrals a svg {
        width: 30px;
        height: 30px;
        margin-right: 10px; }
        @media screen and (max-width: 768px) {
          .home.page .push-centrals a svg {
            width: 28px;
            height: 28px;
            margin-bottom: 0;
            margin-right: 0; } }
      .home.page .push-centrals a span.push-centrals-content {
        display: flex;
        align-items: center;
        text-align: left; }
        @media screen and (max-width: 768px) {
          .home.page .push-centrals a span.push-centrals-content {
            width: 100%;
            flex-flow: row nowrap;
            justify-content: center; }
            .home.page .push-centrals a span.push-centrals-content span {
              margin-left: 12px; }
              .home.page .push-centrals a span.push-centrals-content span br {
                display: none; } }
  .home.page p {
    margin-top: 30px; }
  .home.page .hero-header {
    position: relative;
    height: calc(100vh - 120px);
    top: 0;
    overflow: hidden; }
    @media screen and (max-width: 1024px) {
      .home.page .hero-header {
        height: calc(100vh - 60px); } }
    @media screen and (max-width: 768px) {
      .home.page .hero-header .hero-header-slider {
        height: calc(100% - 60px); }
      .home.page .hero-header .down-arrow {
        display: none; }
      .home.page .hero-header .slider-nav {
        bottom: 80px; } }
  .home.page .keyfigure-highlight {
    position: absolute;
    top: 0;
    left: 0;
    width: 33vw;
    height: 335px;
    max-width: 680px;
    padding: 60px 0;
    background: #F1F1F1;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center; }
    .home.page .keyfigure-highlight.shadow {
      box-shadow: 0px 12px 43px 0px rgba(0, 0, 0, 0.05);
      transition: box-shadow .4s; }
    @media screen and (max-width: 768px) {
      .home.page .keyfigure-highlight {
        width: 100%;
        margin-left: 0;
        position: relative;
        max-width: none;
        margin-bottom: 40px; } }
  .home.page .home-activities {
    position: relative;
    padding-top: 120px; }
    @media screen and (max-width: 768px) {
      .home.page .home-activities {
        padding-top: 0; } }
    .home.page .home-activities .home-activities-intro {
      width: 33vw;
      max-width: 560px;
      margin-left: calc(33vw + 120px);
      position: relative; }
      @media screen and (max-width: 1024px) {
        .home.page .home-activities .home-activities-intro {
          width: 40vw; } }
      @media screen and (max-width: 768px) {
        .home.page .home-activities .home-activities-intro {
          width: 100%;
          margin-left: 0;
          padding-top: 0px;
          padding-right: 20px;
          padding-bottom: 0px;
          padding-left: 20px; } }
    .home.page .home-activities .home-activities-wrapper {
      margin-left: 200px;
      margin-top: 120px;
      max-width: 1800px; }
      @media screen and (min-width: 1280px) {
        .home.page .home-activities .home-activities-wrapper {
          margin: 120px auto 0; } }
      @media screen and (max-width: 1024px) {
        .home.page .home-activities .home-activities-wrapper {
          margin-left: 40px; } }
      @media screen and (max-width: 768px) {
        .home.page .home-activities .home-activities-wrapper {
          margin-left: 0; } }
    .home.page .home-activities ul {
      flex-flow: row nowrap;
      list-style: none; }
      @media screen and (min-width: 1280px) {
        .home.page .home-activities ul {
          flex-flow: row wrap;
          justify-content: flex-end;
          max-width: 1200px;
          margin: 0 auto; }
          .home.page .home-activities ul .post-list-item {
            margin: 40px; }
          .home.page .home-activities ul .post-item-clone {
            display: none; } }
      @media screen and (max-width: 1024px) {
        .home.page .home-activities ul .post-list-item {
          padding: 0; } }
      @media screen and (max-width: 768px) {
        .home.page .home-activities ul .post-list-item {
          padding-top: 0px;
          padding-right: 20px;
          padding-bottom: 0px;
          padding-left: 20px; }
          .home.page .home-activities ul .post-list-item h3 {
            margin-top: 0; } }
      .home.page .home-activities ul li {
        list-style: none; }
    @media screen and (max-width: 1024px) {
      .home.page .home-activities .slider-nav {
        margin-left: 0; } }
    @media screen and (max-width: 768px) {
      .home.page .home-activities .slider-nav {
        margin-left: 20px; } }
  .home.page .home-news {
    position: relative;
    display: flex;
    flex-flow: row; }
    .home.page .home-news .section-container {
      width: 100%;
      max-width: 1560px; }
      @media screen and (max-width: 1024px) {
        .home.page .home-news .section-container {
          display: block; } }
    .home.page .home-news .section-title {
      margin-top: 0px;
      margin-right: 0px;
      margin-bottom: 40px;
      margin-left: 0px; }
    .home.page .home-news .home-news-left {
      max-width: 1120px;
      width: auto;
      position: relative;
      padding-top: 160px;
      padding-right: 0px;
      padding-bottom: 0px;
      padding-left: 0px;
      margin-top: 0px;
      margin-right: 80px;
      margin-bottom: 80px;
      margin-left: 80px; }
      @media screen and (min-width: 1700px) {
        .home.page .home-news .home-news-left {
          margin-top: 0px;
          margin-right: 80px;
          margin-bottom: 80px;
          margin-left: 0px; } }
      @media screen and (max-width: 1024px) {
        .home.page .home-news .home-news-left {
          padding-top: 160px;
          padding-right: 40px;
          padding-bottom: 0px;
          padding-left: 40px;
          margin-left: 0;
          margin-right: 0;
          margin-bottom: 0; }
          .home.page .home-news .home-news-left .post-list-item {
            flex: 1 1 0;
            padding-top: 0px;
            padding-right: 0px;
            padding-bottom: 0px;
            padding-left: 0px;
            margin-top: 0px;
            margin-right: 40px;
            margin-bottom: 0px;
            margin-left: 0px; }
            .home.page .home-news .home-news-left .post-list-item:last-child {
              margin-right: 0; }
            .home.page .home-news .home-news-left .post-list-item img {
              width: 100%; } }
      @media screen and (max-width: 768px) {
        .home.page .home-news .home-news-left {
          padding-top: 120px;
          padding-right: 20px;
          padding-bottom: 0px;
          padding-left: 20px;
          flex-flow: column nowrap; }
          .home.page .home-news .home-news-left .post-list-item {
            flex: 1 1 auto; }
          .home.page .home-news .home-news-left .post-list-item-content {
            margin-top: -40px;
            margin-bottom: 20px; } }
      .home.page .home-news .home-news-left .anime {
        right: -80px;
        bottom: -80px;
        width: 150%; }
        @media screen and (max-width: 1024px) {
          .home.page .home-news .home-news-left .anime {
            right: -40px;
            bottom: -40px; } }
    .home.page .home-news .home-news-right {
      display: flex;
      flex-flow: column nowrap;
      flex: 1 1 auto;
      max-width: 480px;
      padding-top: 0px;
      padding-right: 0px;
      padding-bottom: 0px;
      padding-left: 0px;
      background: #F1F1F1; }
      .home.page .home-news .home-news-right .anime {
        background: #F1F1F1; }
      .home.page .home-news .home-news-right .anime-section-title {
        background: #F1F1F1; }
      @media screen and (max-width: 1024px) {
        .home.page .home-news .home-news-right {
          padding-top: 0;
          max-width: 100%;
          display: flex;
          flex-flow: row nowrap; } }
      @media screen and (max-width: 768px) {
        .home.page .home-news .home-news-right {
          flex-flow: column nowrap; } }
    .home.page .home-news .home-news-events {
      padding-top: 160px;
      padding-right: 0px;
      padding-bottom: 60px;
      padding-left: 80px;
      flex: 1 1 auto;
      position: relative; }
      @media screen and (max-width: 1024px) {
        .home.page .home-news .home-news-events {
          padding-top: 60px;
          padding-right: 40px;
          padding-bottom: 60px;
          padding-left: 40px;
          width: 50%; } }
      @media screen and (max-width: 768px) {
        .home.page .home-news .home-news-events {
          width: 100%;
          padding-top: 40px;
          padding-right: 20px;
          padding-bottom: 40px;
          padding-left: 20px; } }
      .home.page .home-news .home-news-events .button-container {
        justify-content: flex-start;
        position: relative;
        z-index: 0; }
        @media screen and (max-width: 1024px) {
          .home.page .home-news .home-news-events .button-container {
            justify-content: center; } }
    .home.page .home-news .twitter-simple-list {
      padding-top: 60px;
      padding-right: 80px;
      padding-bottom: 60px;
      padding-left: 80px;
      background: #ECECEC;
      flex: 1 1 auto;
      min-width: 50%;
      position: relative; }
      .home.page .home-news .twitter-simple-list .anime {
        width: 100%;
        background: #ECECEC; }
      .home.page .home-news .twitter-simple-list .anime-section-title {
        background: #ECECEC; }
      @media screen and (max-width: 1024px) {
        .home.page .home-news .twitter-simple-list {
          padding-top: 60px;
          padding-right: 40px;
          padding-bottom: 60px;
          padding-left: 40px;
          width: 50%; } }
      @media screen and (max-width: 768px) {
        .home.page .home-news .twitter-simple-list {
          width: 100%;
          padding-top: 40px;
          padding-right: 20px;
          padding-bottom: 40px;
          padding-left: 20px; } }
      .home.page .home-news .twitter-simple-list .twitter-simple-list-slider {
        width: 320px; }
        @media screen and (max-width: 1024px) {
          .home.page .home-news .twitter-simple-list .twitter-simple-list-slider {
            width: 100%;
            padding-top: 0px;
            padding-right: 0px;
            padding-bottom: 80px;
            padding-left: 0px; } }
  .home.page .home-rh {
    position: relative;
    background: #009CA6; }
    .home.page .home-rh .home-rh-container {
      display: flex;
      flex-flow: row nowrap;
      justify-content: flex-end; }
    @media screen and (min-width: 1700px) {
      .home.page .home-rh .section-container {
        max-width: 1560px; } }
    .home.page .home-rh .anime {
      background: #009CA6; }
    .home.page .home-rh .home-rh-description {
      padding-top: 120px;
      padding-right: 80px;
      padding-bottom: 120px;
      padding-left: 160px;
      position: relative;
      flex: 1 1 auto; }
      @media screen and (min-width: 1700px) {
        .home.page .home-rh .home-rh-description {
          padding-left: 0; } }
      @media screen and (max-width: 1280px) {
        .home.page .home-rh .home-rh-description {
          padding-left: 80px; } }
      @media screen and (max-width: 1024px) {
        .home.page .home-rh .home-rh-description {
          padding-top: 120px;
          padding-right: 40px;
          padding-bottom: 120px;
          padding-left: 40px; } }
      @media screen and (max-width: 768px) {
        .home.page .home-rh .home-rh-description {
          padding-top: 80px;
          padding-right: 20px;
          padding-bottom: 80px;
          padding-left: 20px;
          max-width: 100%;
          min-width: 0;
          width: 100%; } }
      .home.page .home-rh .home-rh-description p {
        color: #FFFFFF; }
      .home.page .home-rh .home-rh-description > *:not(.anime) {
        max-width: 920px; }
    .home.page .home-rh .home-rh-images {
      display: flex;
      flex-flow: row nowrap;
      flex: 1 1 auto;
      justify-content: flex-end;
      position: relative;
      overflow: hidden;
      min-width: 45%; }
      @media screen and (max-width: 768px) {
        .home.page .home-rh .home-rh-images {
          display: none; } }
      .home.page .home-rh .home-rh-images .extra-responsive-image-wrapper {
        flex: 1 1.05 auto;
        height: 100%;
        position: relative;
        overflow: hidden;
        background-size: cover;
        background-position: center center; }
        .home.page .home-rh .home-rh-images .extra-responsive-image-wrapper:nth-child(2) {
          flex: 1 .95 auto; }
          @media screen and (max-width: 1024px) {
            .home.page .home-rh .home-rh-images .extra-responsive-image-wrapper:nth-child(2) {
              display: none; } }
  .home.page .home-keyfigures-container {
    display: flex;
    align-items: center;
    flex-flow: column nowrap; }
    @media screen and (max-width: 768px) {
      .home.page .home-keyfigures-container {
        align-items: flex-start; } }
    .home.page .home-keyfigures-container .section-title {
      margin-top: 100px; }
      @media screen and (max-width: 1024px) {
        .home.page .home-keyfigures-container .section-title {
          margin-bottom: 0; } }
      @media screen and (max-width: 768px) {
        .home.page .home-keyfigures-container .section-title {
          margin-top: 80px;
          margin-left: 20px; } }
    .home.page .home-keyfigures-container .section-year-big {
      display: flex;
      justify-content: center;
      height: 410px;
      font: normal 900 500px/500px "Darwin", sans-serif;
      color: rgba(242, 241, 242, 0.3);
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      z-index: 0;
      pointer-events: none; }
      .home.page .home-keyfigures-container .section-year-big span {
        display: inline-block;
        min-width: 290px;
        max-width: 290px;
        height: 100%;
        text-align: center; }
      @media screen and (max-width: 1024px) {
        .home.page .home-keyfigures-container .section-year-big {
          font: normal 900 45vw/45vw "Darwin", sans-serif; } }
      @media screen and (max-width: 768px) {
        .home.page .home-keyfigures-container .section-year-big {
          font: normal 900 200px/200px "Darwin", sans-serif;
          flex-flow: column; } }
    .home.page .home-keyfigures-container .keyfigures-list-container {
      position: relative;
      padding-top: 80px;
      padding-right: 120px;
      padding-bottom: 80px;
      padding-left: 120px; }
      @media screen and (max-width: 1024px) {
        .home.page .home-keyfigures-container .keyfigures-list-container {
          padding-top: 40px;
          padding-right: 80px;
          padding-bottom: 40px;
          padding-left: 80px; } }
      @media screen and (max-width: ) {
        .home.page .home-keyfigures-container .keyfigures-list-container {
          padding-top: 40px;
          padding-right: 0px;
          padding-bottom: 40px;
          padding-left: 0px; } }
    .home.page .home-keyfigures-container .keyfigures-list > * {
      margin-top: 40px;
      margin-right: 40px;
      margin-bottom: 40px;
      margin-left: 40px; }
    .home.page .home-keyfigures-container .button-container {
      width: 100%; }
  .home.page .home-videos-container {
    display: flex;
    flex-flow: row wrap;
    padding-top: 200px; }
    @media screen and (max-width: 1024px) {
      .home.page .home-videos-container {
        padding-top: 160px; } }
    @media screen and (max-width: 640px) {
      .home.page .home-videos-container {
        flex-flow: column nowrap; } }
    .home.page .home-videos-container .section-title {
      margin-bottom: 60px; }
    .home.page .home-videos-container .home-videos-videoloop {
      flex: .95;
      position: relative;
      overflow: hidden; }
      @media screen and (max-width: 768px) {
        .home.page .home-videos-container .home-videos-videoloop {
          width: 30%; } }
      @media screen and (max-width: 640px) {
        .home.page .home-videos-container .home-videos-videoloop {
          width: 100%;
          height: 240px; } }
      .home.page .home-videos-container .home-videos-videoloop .home-videos-videoloop-container {
        width: 100%;
        height: 100%; }
        .home.page .home-videos-container .home-videos-videoloop .home-videos-videoloop-container video {
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          min-width: 100%;
          min-height: 100%; }
    .home.page .home-videos-container .home-videos-description {
      padding-top: 120px;
      padding-right: 40px;
      padding-bottom: 120px;
      padding-left: 0px;
      margin-top: 0px;
      margin-right: 0px;
      margin-bottom: 0px;
      margin-left: 80px;
      max-width: 480px;
      flex: 1.05;
      position: relative; }
      @media screen and (max-width: 768px) {
        .home.page .home-videos-container .home-videos-description {
          max-width: 100%;
          width: 100%;
          padding-top: 40px;
          padding-right: 20px;
          padding-bottom: 40px;
          padding-left: 20px;
          margin-top: 0px;
          margin-right: 0px;
          margin-bottom: 0px;
          margin-left: 0px; } }
    .home.page .home-videos-container .links-container {
      display: flex;
      justify-content: flex-start; }
      @media screen and (max-width: 1024px) {
        .home.page .home-videos-container .links-container {
          justify-content: space-between; } }
      .home.page .home-videos-container .links-container a {
        margin-right: 80px; }
        @media screen and (max-width: 1024px) {
          .home.page .home-videos-container .links-container a {
            justify-content: space-between;
            margin-right: 0; } }
        .home.page .home-videos-container .links-container a:last-child {
          margin-right: 0; }

.post-twitter-list-item time {
  display: inline-block;
  font: normal 900 14px/25px "Darwin", sans-serif;
  color: #666666; }

.post-twitter-list-item p {
  margin: 0 0 40px; }
  @media screen and (max-width: 1024px) {
    .post-twitter-list-item p {
      margin-bottom: 0; } }
  .post-twitter-list-item p a {
    font-weight: 400;
    text-decoration: underline;
    color: #C8102E;
    transition: color .4s; }
    .post-twitter-list-item p a:hover {
      color: #222222; }
  .post-twitter-list-item p .tweet-user, .post-twitter-list-item p .tweet-hash {
    font-weight: 700;
    text-decoration: none; }

.post-twitter-list-item .post-twitter-item-author {
  display: inline-block;
  font: normal 900 14px/25px "Darwin", sans-serif;
  color: #222222;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 40px; }

.post-twitter-list-item figure {
  width: 100%;
  box-shadow: 0 5px 16px 0 rgba(0, 0, 0, 0.15); }
  @media screen and (max-width: 640px) {
    .post-twitter-list-item figure {
      margin-top: 10px;
      margin-right: 0px;
      margin-bottom: 0px;
      margin-left: 0px; } }
  .post-twitter-list-item figure img {
    width: 100%; }

.twitter-full-list .post-twitter-list {
  display: flex;
  height: 720px;
  flex-flow: column wrap;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: -160px; }
  @media screen and (max-width: 1700px) {
    .twitter-full-list .post-twitter-list {
      height: 800px;
      margin-top: 0px;
      margin-right: 0px;
      margin-bottom: 0px;
      margin-left: -80px; } }
  @media screen and (max-width: 1024px) {
    .twitter-full-list .post-twitter-list {
      margin-top: 0px;
      margin-right: 0px;
      margin-bottom: 0px;
      margin-left: -40px; } }
  @media screen and (max-width: 768px) {
    .twitter-full-list .post-twitter-list {
      margin-top: 0px;
      margin-right: 0px;
      margin-bottom: 0px;
      margin-left: 0px;
      height: auto;
      flex-wrap: nowrap; } }

.twitter-full-list .post-twitter-list-item {
  width: 320px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 40px;
  margin-left: 160px; }
  @media screen and (max-width: 1700px) {
    .twitter-full-list .post-twitter-list-item {
      margin-top: 0px;
      margin-right: 0px;
      margin-bottom: 40px;
      margin-left: 120px; } }
  @media screen and (max-width: 1280px) {
    .twitter-full-list .post-twitter-list-item {
      margin-top: 0px;
      margin-right: 0px;
      margin-bottom: 40px;
      margin-left: 80px; } }
  @media screen and (max-width: 1024px) {
    .twitter-full-list .post-twitter-list-item {
      width: 240px;
      margin-top: 0px;
      margin-right: 0px;
      margin-bottom: 40px;
      margin-left: 40px; } }
  @media screen and (max-width: 768px) {
    .twitter-full-list .post-twitter-list-item {
      margin-top: 0px;
      margin-right: 0px;
      margin-bottom: 40px;
      margin-left: 0px;
      width: 100%; } }

.twitter-simple-list-wrapper {
  position: relative; }

.twitter-simple-list-slider {
  overflow: hidden;
  position: relative; }
  .twitter-simple-list-slider ul {
    display: flex;
    flex-flow: row nowrap; }
    .twitter-simple-list-slider ul li {
      width: 100%;
      flex: 0 0 100%; }
  .twitter-simple-list-slider time {
    font: normal 900 14px/25px "Darwin", sans-serif;
    color: #666666; }

.twitter-simple-list-nav {
  position: absolute;
  top: 50%;
  left: -40px;
  transform: translateY(-50%);
  z-index: 2; }
  .twitter-simple-list-nav .twitter-simple-list-arrow {
    display: block;
    margin-bottom: 15px;
    width: 40px;
    height: 20px;
    transform: translateX(-50%);
    text-align: center; }
    .twitter-simple-list-nav .twitter-simple-list-arrow svg {
      display: inline-block;
      stroke: #222222;
      width: 5px;
      height: 10px;
      transition: stroke .4s; }
    .twitter-simple-list-nav .twitter-simple-list-arrow.prev svg {
      transform: rotate(180deg); }
    .twitter-simple-list-nav .twitter-simple-list-arrow:hover svg {
      stroke: #C8102E; }
  @media screen and (max-width: 1024px) {
    .twitter-simple-list-nav {
      top: calc(100% - 20px);
      display: flex;
      right: 0;
      left: auto; }
      .twitter-simple-list-nav .twitter-simple-list-arrow {
        transform: none; } }

.twitter-feed {
  padding-top: 120px;
  padding-right: 160px;
  padding-bottom: 120px;
  padding-left: 160px; }
  @media screen and (max-width: 1024px) {
    .twitter-feed {
      padding-top: 120px;
      padding-right: 40px;
      padding-bottom: 120px;
      padding-left: 40px; } }
  @media screen and (max-width: 768px) {
    .twitter-feed {
      padding-top: 40px;
      padding-right: 40px;
      padding-bottom: 40px;
      padding-left: 40px; } }

#keyfigures aside {
  overflow: inherit; }

#keyfigures .page-wrapper-content {
  overflow: inherit; }

.page-keys-figures {
  position: relative; }
  .page-keys-figures .keyfigures-list-container {
    position: relative;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 80px;
    margin-left: 0px; }
  .page-keys-figures .keyfigures-list {
    flex-flow: wrap;
    justify-content: space-between;
    align-items: inherit;
    margin-top: 0px;
    margin-right: -20px;
    margin-bottom: 0px;
    margin-left: -20px; }
    @media screen and (max-width: 640px) {
      .page-keys-figures .keyfigures-list {
        justify-content: center; } }
    .page-keys-figures .keyfigures-list > *:after {
      content: '';
      display: block;
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 4px;
      background: #F1F1F1; }
  .page-keys-figures .keyfigures-list-item .keyfigures-list-item-number {
    margin-bottom: 0; }
  .page-keys-figures .keyfigures-list-item p {
    font-size: 16px;
    line-height: 1.25; }

.keyfigures-list {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-around;
  align-items: center;
  position: relative;
  z-index: 1; }
  @media screen and (max-width: 1280px) {
    .keyfigures-list {
      flex-flow: row wrap; } }
  .keyfigures-list > * {
    position: relative;
    width: 100%;
    max-width: 220px;
    margin-top: 40px;
    margin-right: 20px;
    margin-bottom: 40px;
    margin-left: 20px;
    padding-top: 30px;
    padding-right: 0px;
    padding-bottom: 30px;
    padding-left: 0px; }
    @media screen and (max-width: 1280px) {
      .keyfigures-list > * {
        margin: 40px; } }
    @media screen and (max-width: 768px) {
      .keyfigures-list > * {
        width: 40%;
        max-width: none;
        flex: 0 0 auto; } }
    @media screen and (max-width: 640px) {
      .keyfigures-list > * {
        width: 100%; } }

.keyfigures-list-item {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  text-align: center;
  max-width: 240px; }
  @media screen and (max-width: 768px) {
    .keyfigures-list-item {
      max-width: none; } }
  .keyfigures-list-item svg {
    display: block;
    height: 100px;
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px; }
  .keyfigures-list-item .keyfigures-list-item-number {
    color: #009CA6;
    font: normal 900 30px/1 "Foco", sans-serif;
    margin-bottom: 10px; }
  .keyfigures-list-item p {
    font: normal 700 18px/1.38 "Foco", sans-serif;
    margin-top: 0;
    width: 100%;
    text-align: center; }
    @media screen and (max-width: 1280px) {
      .keyfigures-list-item p {
        font: normal 700 15px/1.38 "Foco", sans-serif; } }

.graphics {
  position: relative;
  margin-top: 40px;
  margin-right: 0px;
  margin-bottom: 100px;
  margin-left: 0px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 60px;
  padding-left: 22px; }
  @media screen and (max-width: 1024px) {
    .graphics {
      max-width: 100%;
      overflow-y: hidden;
      overflow-x: auto; } }

.graphics-title {
  position: relative;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 40px;
  margin-left: 0px;
  color: #C8102E;
  font: normal 700 40px/1 "Darwin", sans-serif; }
  .graphics-title span {
    display: inline-block;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 80px;
    font: normal 700 15px/1 "Foco", sans-serif;
    color: #222222; }

.graphics-wrapper {
  position: relative;
  height: 65vh;
  width: 100%; }
  @media screen and (max-width: 1024px) {
    .graphics-wrapper {
      min-width: 600px; } }
  .graphics-wrapper .value-wrapper {
    display: flex;
    flex-direction: column-reverse;
    border: 1px solid #F1F1F1;
    border-top: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
    .graphics-wrapper .value-wrapper .item {
      flex: 1 1 auto;
      position: relative;
      width: 100%;
      border-top: 1px solid #F1F1F1; }
      .graphics-wrapper .value-wrapper .item .text {
        display: inline-block;
        position: absolute;
        bottom: 0;
        left: 0;
        font: normal 900 3vh/1 "Darwin", sans-serif;
        color: #F1F1F1;
        transform: translate(-50%, 10%); }
  .graphics-wrapper .date-wrapper {
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding-top: 0px;
    padding-right: 40px;
    padding-bottom: 0px;
    padding-left: 40px; }
    .graphics-wrapper .date-wrapper > .inner {
      position: relative;
      width: 100%;
      height: 100%;
      display: flex; }
    .graphics-wrapper .date-wrapper .item {
      flex: 1 1 auto;
      position: relative;
      height: 100%; }
    .graphics-wrapper .date-wrapper .bar {
      display: block;
      position: absolute;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%);
      width: 100%;
      max-width: 80px;
      margin: 0 auto;
      background: #009CA6 url("../extra/assets/img/trame.png") center top repeat-y; }
      .graphics-wrapper .date-wrapper .bar.second {
        background: #CBC4BC; }
        .graphics-wrapper .date-wrapper .bar.second .value {
          color: #CBC4BC;
          z-index: 3; }
        .graphics-wrapper .date-wrapper .bar.second:before {
          display: none; }
      .graphics-wrapper .date-wrapper .bar:before {
        content: '';
        display: block;
        top: 0;
        left: 0;
        width: 100%;
        height: 3px;
        background: #222222; }
      .graphics-wrapper .date-wrapper .bar .value {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        font: normal 900 2vw/1 "Darwin", sans-serif;
        color: #009CA6;
        text-align: center;
        transform: translateY(-100%) translateY(-10px);
        z-index: 2; }
        @media screen and (min-width: 1700px) {
          .graphics-wrapper .date-wrapper .bar .value {
            font: normal 900 30px/1 "Darwin", sans-serif; } }
        @media screen and (max-width: 768px) {
          .graphics-wrapper .date-wrapper .bar .value {
            font: normal 900 20px/1 "Darwin", sans-serif; } }
    .graphics-wrapper .date-wrapper .wrapper-bar {
      flex: 0 0 auto;
      display: flex;
      flex-wrap: wrap-reverse;
      position: absolute;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%);
      width: 100%;
      height: 100%;
      max-width: 80px;
      margin: 0 auto; }
      .graphics-wrapper .date-wrapper .wrapper-bar .bar {
        flex: 1 1 auto;
        width: 50%;
        transform: none;
        left: 0; }
        .graphics-wrapper .date-wrapper .wrapper-bar .bar.second {
          left: auto;
          right: 0; }
    .graphics-wrapper .date-wrapper .year {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      text-align: center;
      transform: translateY(100%) translateY(20px);
      font: normal 900 20px/1 "Darwin", sans-serif; }
    .graphics-wrapper .date-wrapper .ellipse {
      display: block;
      position: absolute;
      bottom: 0;
      left: 50%;
      width: 19px;
      height: 14px;
      margin: 0 auto;
      transform: translate(-50%, 50%);
      fill: #222222;
      pointer-events: none; }

.search-list {
  position: relative;
  width: 100%;
  margin-top: 40px;
  margin-right: 0px;
  margin-bottom: 40px;
  margin-left: 0px; }
  @media screen and (max-width: 640px) {
    .search-list {
      margin-top: 40px;
      margin-right: 0px;
      margin-bottom: 0px;
      margin-left: 0px; } }
  .search-list form input {
    width: 100%;
    background: #F1F1F1;
    padding-top: 40px;
    padding-right: 40px;
    padding-bottom: 40px;
    padding-left: 40px;
    margin-bottom: 0; }
    @media screen and (max-width: 640px) {
      .search-list form input {
        padding-top: 30px;
        padding-right: 40px;
        padding-bottom: 30px;
        padding-left: 40px; } }
  .search-list .input-submit {
    position: absolute;
    right: 40px;
    top: 50%;
    transform: translateY(-50%);
    width: 17px;
    height: 17px;
    z-index: 1; }
    .search-list .input-submit svg {
      width: 100%;
      height: 100%;
      stroke: #C8102E; }

.post-list {
  display: flex;
  flex-flow: row wrap;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 60px;
  margin-left: 0px; }
  @media screen and (max-width: 640px) {
    .post-list {
      flex-flow: column nowrap;
      margin-top: 0px;
      margin-right: 0px;
      margin-bottom: 20px;
      margin-left: 0px; } }
  .post-list.full-size {
    justify-content: center; }
    .post-list.full-size .post-list-item:last-child {
      margin-right: 0; }
  .post-list .no-results {
    margin-top: 40px;
    font: normal 900 18px/1.14 "Foco", sans-serif; }
  .post-list .post-list-item {
    width: 320px;
    margin-top: 0px;
    margin-right: 120px;
    margin-bottom: 0px;
    margin-left: 0px;
    flex: 0 0 auto;
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    position: relative;
    transition: opacity 0.75s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
    @media screen and (max-width: 1024px) {
      .post-list .post-list-item {
        padding-top: 0px;
        padding-right: 20px;
        padding-bottom: 0px;
        padding-left: 20px;
        margin-top: 0px;
        margin-right: 80px;
        margin-bottom: 0px;
        margin-left: 0px; } }
    @media screen and (max-width: 640px) {
      .post-list .post-list-item {
        width: 100%;
        margin-top: 0px;
        margin-right: 0px;
        margin-bottom: 0px;
        margin-left: 0px; } }
    .post-list .post-list-item p {
      margin-top: 20px;
      margin-bottom: auto; }
    .post-list .post-list-item .extra-responsive-image-wrapper {
      position: relative; }
    .post-list .post-list-item .link-absolute {
      width: 100%;
      left: 0; }
    .post-list .post-list-item .button-more {
      position: absolute;
      left: 0;
      top: 25%;
      transform: translate(-50%, -50%); }
      @media screen and (max-width: 1920px) {
        .post-list .post-list-item .button-more {
          transform: translate(-50%, -50%) scale(0.8);
          left: 0%; } }
      @media screen and (max-width: 1024px) {
        .post-list .post-list-item .button-more {
          position: relative;
          top: auto;
          left: 50%;
          transform: translate(-50%, -50%); } }
    .post-list .post-list-item time {
      font: normal 900 14px/25px "Darwin", sans-serif;
      color: #666666; }
    .post-list .post-list-item.plus-button .anime {
      width: calc(100% + 40px); }
    .post-list .post-list-item.plus-button .link-absolute {
      width: calc(100% + 40px);
      left: -40px; }
      @media screen and (max-width: 1024px) {
        .post-list .post-list-item.plus-button .link-absolute {
          width: 100%;
          left: 0; } }
    .post-list .post-list-item:hover .button-more svg {
      transform: scale(0.9); }
    .post-list .post-list-item:hover .button-more svg path {
      fill: #222222; }
    .post-list .post-list-item:hover .link {
      color: #222222; }
      .post-list .post-list-item:hover .link::before {
        border-color: #222222;
        transform: scale(1.4); }
  .post-list .post-list-item-content {
    width: 100%; }
  .post-list .post-list-item-content-top {
    display: flex;
    flex-flow: row nowrap; }
    .post-list .post-list-item-content-top time {
      margin-top: 0px;
      margin-right: 60px;
      margin-bottom: 0px;
      margin-left: 0px; }
      @media screen and (max-width: 768px) {
        .post-list .post-list-item-content-top time {
          margin-top: 0px;
          margin-right: 20px;
          margin-bottom: 0px;
          margin-left: 0px; } }
    .post-list .post-list-item-content-top .item-category span {
      font: normal 400 14px/25px "Darwin", sans-serif;
      color: #666666; }
    @media screen and (max-width: 768px) {
      .post-list .post-list-item-content-top {
        justify-content: space-between; } }
  .post-list .extra-responsive-image-wrapper {
    flex: 0 0 auto; }
  .post-list .extra-responsive-image-wrapper svg {
    min-height: 100%; }
  .post-list:not(.post-list-desc) .extra-responsive-image-wrapper svg {
    width: 100%; }
  @media screen and (min-width: 1700px) {
    .post-list.post-list-large {
      flex-wrap: nowrap; } }
  .post-list.post-list-large .post-list-item {
    width: 360px;
    margin-top: 0px;
    margin-right: 40px;
    margin-bottom: 0px;
    margin-left: 0px;
    flex: 0 0 auto; }
    @media screen and (min-width: 1700px) {
      .post-list.post-list-large .post-list-item {
        width: 480px; } }
    @media screen and (max-width: 1400px) {
      .post-list.post-list-large .post-list-item {
        width: 320px; } }
    @media screen and (max-width: 1280px) {
      .post-list.post-list-large .post-list-item {
        width: 100%; }
        .post-list.post-list-large .post-list-item figure img {
          width: 100%;
          height: auto; } }
    @media screen and (max-width: 1024px) {
      .post-list.post-list-large .post-list-item {
        width: calc(50% - 20px); }
        .post-list.post-list-large .post-list-item figure img {
          width: 100%;
          height: auto; } }
    @media screen and (max-width: 640px) {
      .post-list.post-list-large .post-list-item {
        width: 100%; } }
    .post-list.post-list-large .post-list-item .post-list-item-content {
      padding-top: 20px;
      padding-right: 20px;
      padding-bottom: 20px;
      padding-left: 20px; }
      @media screen and (min-width: 1700px) {
        .post-list.post-list-large .post-list-item .post-list-item-content {
          padding-top: 40px;
          padding-right: 40px;
          padding-bottom: 40px;
          padding-left: 40px; } }
      .post-list.post-list-large .post-list-item .post-list-item-content h3 {
        margin-top: 0; }
    .post-list.post-list-large .post-list-item:last-child {
      margin-right: 0; }
  .post-list.post-list-desc .post-list-item {
    width: 100%;
    margin-right: 0; }
  @media screen and (max-width: 1024px) {
    .post-list + .button-container {
      margin-bottom: 60px; } }

.post-events-list {
  display: block; }
  .post-events-list li {
    display: block;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 40px;
    margin-left: 0px; }
    .post-events-list li h3 {
      margin-top: 0;
      font: normal 400 16px/18px "Darwin", sans-serif; }
    .post-events-list li time {
      font: normal 900 20px/25px "Darwin", sans-serif;
      color: #C8102E; }

.post-list-desc .post-list-item {
  display: flex;
  flex-flow: row nowrap;
  padding-top: 40px;
  padding-right: 0px;
  padding-bottom: 40px;
  padding-left: 0px;
  border-bottom: 1px solid #C8102E; }
  @media screen and (max-width: 640px) {
    .post-list-desc .post-list-item {
      flex-flow: column nowrap; }
      .post-list-desc .post-list-item figure {
        width: 100%; }
        .post-list-desc .post-list-item figure img {
          height: auto;
          width: 100%; } }
  .post-list-desc .post-list-item .post-list-item-content {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 40px;
    padding-top: 4px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px; }
    @media screen and (max-width: 640px) {
      .post-list-desc .post-list-item .post-list-item-content {
        margin-top: 10px;
        margin-right: 0px;
        margin-bottom: 0px;
        margin-left: 0px; } }
  .post-list-desc .post-list-item h3 {
    margin-top: 16px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px; }
  .post-list-desc .post-list-item p {
    margin-top: 10px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px; }

.ajax-container-list .button-container {
  overflow: hidden;
  position: relative; }
  .ajax-container-list .button-container .ajax-loading {
    position: absolute;
    top: 0;
    width: auto;
    font: normal 900 14px/1 "Foco", sans-serif;
    color: #222222;
    transform: translateY(-100%);
    padding-top: 20px;
    padding-right: 60px;
    padding-bottom: 20px;
    padding-left: 60px; }
    @media screen and (max-width: 768px) {
      .ajax-container-list .button-container .ajax-loading {
        padding-top: 10px;
        padding-right: 30px;
        padding-bottom: 10px;
        padding-left: 30px;
        font: normal 900 12px/1 "Foco", sans-serif; } }
  .ajax-container-list .button-container .ajax-loading, .ajax-container-list .button-container .ghost-button {
    transition: transform 1s cubic-bezier(0.77, 0, 0.175, 1); }
  .ajax-container-list .button-container.extra-ajax-navigation-loading {
    pointer-events: none; }
    .ajax-container-list .button-container.extra-ajax-navigation-loading .ajax-loading {
      transform: translateY(0%); }
    .ajax-container-list .button-container.extra-ajax-navigation-loading .ghost-button {
      transform: translateY(100%); }

#archive-documents .post-list .post-list-item .post-list-item-content {
  padding-top: 4px;
  padding-right: 120px;
  padding-bottom: 0px;
  padding-left: 0px; }
  @media screen and (max-width: 640px) {
    #archive-documents .post-list .post-list-item .post-list-item-content {
      padding-top: 4px;
      padding-right: 0px;
      padding-bottom: 0px;
      padding-left: 0px; } }

#archive-documents .post-list .post-list-item .link-download {
  position: absolute;
  top: 50%;
  right: 40px;
  transform: translate(50%, -50%); }
  @media screen and (max-width: 640px) {
    #archive-documents .post-list .post-list-item .link-download {
      position: relative;
      top: auto;
      right: auto;
      transform: none;
      width: 50px;
      height: 50px;
      text-align: center;
      margin-top: 30px;
      margin-right: auto;
      margin-bottom: 0px;
      margin-left: auto; } }

@media screen and (max-width: 1400px) {
  #archive-videos .post-list {
    margin-left: -20px; } }

@media screen and (max-width: 768px) {
  #archive-videos .post-list {
    margin-left: 0; } }

#archive-videos .post-list .post-list-item {
  position: relative;
  margin-top: 0px;
  margin-right: 80px;
  margin-bottom: 80px;
  margin-left: 0px;
  flex: 0 0 auto;
  width: 320px; }
  @media screen and (min-width: 1700px) {
    #archive-videos .post-list .post-list-item {
      margin-top: 0px;
      margin-right: 120px;
      margin-bottom: 80px;
      margin-left: 0px; } }
  @media screen and (max-width: 1400px) {
    #archive-videos .post-list .post-list-item {
      margin-top: 0px;
      margin-right: 0px;
      margin-bottom: 80px;
      margin-left: 0px;
      padding-top: 0px;
      padding-right: 20px;
      padding-bottom: 0px;
      padding-left: 20px;
      width: 50%;
      border-bottom: 0; } }
  @media screen and (max-width: 768px) {
    #archive-videos .post-list .post-list-item {
      width: 100%;
      margin-top: 0px;
      margin-right: 0px;
      margin-bottom: 40px;
      margin-left: 0px;
      padding-top: 0px;
      padding-right: 0px;
      padding-bottom: 0px;
      padding-left: 0px; } }
  #archive-videos .post-list .post-list-item h3 {
    margin-top: 4px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px; }
  #archive-videos .post-list .post-list-item .post-list-item-content {
    margin-left: 0; }
  #archive-videos .post-list .post-list-item .post-list-item-content-top {
    justify-content: space-between;
    margin-top: 20px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px; }
    #archive-videos .post-list .post-list-item .post-list-item-content-top .item-category {
      text-align: right; }
  #archive-videos .post-list .post-list-item figure {
    position: relative;
    display: block;
    width: 100%; }
    #archive-videos .post-list .post-list-item figure img {
      width: 100%; }
    #archive-videos .post-list .post-list-item figure .button-video {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }

#contact {
  position: relative; }
  #contact .accordeon button.ghost-button {
    margin-top: 20px;
    width: 100%; }
  #contact .accordeon-top::after {
    top: 8px; }
  #contact .accordeon-item a {
    transition: color .5s; }
    #contact .accordeon-item a:hover {
      color: #C8102E; }
  #contact .accordeon-item .button-container {
    transition: max-height 0.5s 0.65s cubic-bezier(0.165, 0.84, 0.44, 1);
    overflow: hidden;
    max-height: 100px; }
  #contact .accordeon-item.current .button-container {
    transition: max-height 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    max-height: 0; }
  #contact .contact-form-hidden {
    display: none; }
  #contact .accordeon-item .contact-form-hidden {
    display: block; }
  #contact .contact-form {
    margin-top: 20px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px; }
  #contact .accordeon-title {
    width: 100%; }
  @media screen and (max-width: 1024px) {
    #contact {
      flex-flow: column nowrap;
      height: calc(100vh - 60px);
      overflow: hidden; }
      #contact #arianne {
        display: none; }
      #contact h1 {
        padding-top: 20px;
        padding-right: 0px;
        padding-bottom: 20px;
        padding-left: 0px;
        width: 100%;
        border-bottom: 4px solid #222222; }
      #contact #contacts-map {
        order: 1;
        height: calc(100vh - 170px); } }

#plots {
  position: relative; }
  #plots .accordeon-handler-absolute {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 90px;
    cursor: pointer;
    z-index: 1; }
  #plots .plots-download {
    display: block;
    background: #C8102E;
    text-align: center;
    margin-top: 26px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px; }
    #plots .plots-download figure {
      width: 100%; }
    #plots .plots-download p {
      padding-top: 12px;
      padding-right: 40px;
      padding-bottom: 12px;
      padding-left: 40px;
      color: #FFFFFF;
      text-transform: uppercase;
      font: normal 700 12px/25px "Foco", sans-serif;
      letter-spacing: 0.25px; }
  #plots .plots-details-title {
    text-transform: uppercase;
    color: #666666;
    font: normal 900 10px/22px "Darwin", sans-serif;
    letter-spacing: 0.25px;
    display: block;
    margin-top: 24px;
    margin-right: 0px;
    margin-bottom: 4px;
    margin-left: 0px; }
  #plots .plots-equipment li {
    font: normal 400 12px/15px "Foco", sans-serif;
    letter-spacing: 0.25px; }
  #plots .plots-contact-details {
    display: flex;
    flex-flow: row nowrap;
    align-items: center; }
    #plots .plots-contact-details figure {
      margin-top: 0px;
      margin-right: 20px;
      margin-bottom: 0px;
      margin-left: 0px; }
    #plots .plots-contact-details .plots-contact-name {
      color: #C8102E;
      font: normal 700 12px/15px "Foco", sans-serif; }
    #plots .plots-contact-details p {
      color: #222222;
      font: normal 400 12px/15px "Foco", sans-serif; }
      #plots .plots-contact-details p a {
        color: #222222; }
  @media screen and (max-width: 1024px) {
    #plots {
      flex-flow: column nowrap;
      height: calc(100vh - 60px);
      overflow: hidden; }
      #plots #arianne {
        display: none; }
      #plots .page-filters {
        position: absolute; }
      #plots h1 {
        padding-top: 20px;
        padding-right: 0px;
        padding-bottom: 20px;
        padding-left: 0px;
        width: 100%;
        border-bottom: 4px solid #222222; }
      #plots #plots-map {
        order: 1;
        height: calc(100vh - 186px); } }

.search-results .results {
  padding-top: 40px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px; }

.search-results .results:first-child .title-results {
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px; }

.title-results {
  margin-top: 40px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  color: #C8102E; }

.list-results li {
  position: relative;
  padding-top: 30px;
  padding-right: 0px;
  padding-bottom: 30px;
  padding-left: 0px;
  border-bottom: 1px solid #C8102E; }
  .list-results li .title {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 10px;
    margin-left: 0px;
    font-size: 19px; }
  .list-results li .link {
    margin-top: 10px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px; }

.search-panel {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: #F1F1F1;
  z-index: 999;
  pointer-events: none;
  height: 0;
  overflow: hidden;
  transition: height 1s cubic-bezier(0.77, 0, 0.175, 1); }
  @media screen and (max-width: 768px) {
    .search-panel {
      justify-content: flex-start; } }
  .search-panel.show {
    pointer-events: auto;
    height: 100vh; }
    .search-panel.show .search-close {
      opacity: 1;
      transition: opacity 0.5s 1s cubic-bezier(0.77, 0, 0.175, 1); }
  .search-panel .search-content {
    position: relative; }
    @media screen and (max-width: 768px) {
      .search-panel .search-content {
        padding-top: 0px;
        padding-right: 40px;
        padding-bottom: 0px;
        padding-left: 40px; } }
  .search-panel .search-close {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 40px;
    right: 20px;
    width: 40px;
    height: 40px;
    z-index: 2;
    opacity: 0;
    transition: opacity 0.5s cubic-bezier(0.77, 0, 0.175, 1); }
    @media screen and (max-width: 768px) {
      .search-panel .search-close {
        top: 13.33333px;
        right: 10px; } }
    .search-panel .search-close svg {
      display: block;
      width: 20px;
      height: 20px;
      margin: 0 auto; }
  .search-panel .search-form {
    position: relative;
    width: 720px;
    max-width: 100%;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 40px;
    margin-left: auto;
    text-align: center; }
    @media screen and (max-width: 768px) {
      .search-panel .search-form {
        padding-top: 60px;
        padding-right: 0px;
        padding-bottom: 0px;
        padding-left: 0px; } }
    .search-panel .search-form .field {
      display: flex;
      justify-content: space-between;
      position: relative;
      border: 2px solid #222222; }
    .search-panel .search-form .title {
      position: relative;
      margin-top: 0px;
      margin-right: 0px;
      margin-bottom: 30px;
      margin-left: 0px;
      font-size: 50px;
      font-weight: 600;
      line-height: 1; }
      @media screen and (max-width: 1024px) {
        .search-panel .search-form .title {
          font-size: 5vw; } }
      @media screen and (max-width: 640px) {
        .search-panel .search-form .title {
          font-size: 30px; } }
    .search-panel .search-form .input-text {
      flex: 1;
      position: relative;
      padding-top: 40px;
      padding-right: 40px;
      padding-bottom: 40px;
      padding-left: 40px;
      font: normal 700 15px/1 "Darwin", sans-serif;
      margin-bottom: 0; }
      .search-panel .search-form .input-text::placeholder {
        color: #222222;
        opacity: 1; }
      @media screen and (max-width: 768px) {
        .search-panel .search-form .input-text {
          padding-top: 20px;
          padding-right: 20px;
          padding-bottom: 20px;
          padding-left: 20px; } }
    .search-panel .search-form .input-submit {
      position: relative;
      width: 80px; }
      .search-panel .search-form .input-submit:hover svg {
        stroke: #222222; }
      .search-panel .search-form .input-submit svg {
        display: block;
        width: 17px;
        height: 17px;
        margin: 0 auto;
        fill: #C8102E;
        stroke: #C8102E; }
  .search-panel .search-suggestion {
    position: relative;
    width: 1000px;
    max-width: 100%;
    margin: 0 auto;
    overflow: hidden;
    margin-bottom: 20px; }
    @media screen and (max-width: 768px) {
      .search-panel .search-suggestion {
        padding-top: 0px;
        padding-right: 40px;
        padding-bottom: 0px;
        padding-left: 40px; } }
  .search-panel .list-suggestion {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    position: relative; }
    .search-panel .list-suggestion li {
      flex: 0 0 auto;
      position: relative;
      margin-top: 40px;
      margin-right: 20px;
      margin-bottom: 0px;
      margin-left: 20px; }
      @media screen and (max-width: 768px) {
        .search-panel .list-suggestion li {
          margin-top: 10px;
          margin-right: 10px;
          margin-bottom: 10px;
          margin-left: 10px; } }

#archive-professions .post-list {
  margin-top: 0px;
  margin-right: -40px;
  margin-bottom: 80px;
  margin-left: -40px; }

#archive-professions .post-list-item {
  display: block;
  width: 40%;
  max-width: 360px;
  border: 0;
  padding-top: 20px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  margin-top: 0px;
  margin-right: 40px;
  margin-bottom: 40px;
  margin-left: 40px; }
  @media screen and (max-width: 1400px) {
    #archive-professions .post-list-item {
      margin-top: 0px;
      margin-right: 30px;
      margin-bottom: 30px;
      margin-left: 30px; } }
  @media screen and (max-width: 768px) {
    #archive-professions .post-list-item {
      padding-top: 20px;
      padding-right: 40px;
      padding-bottom: 40px;
      padding-left: 40px;
      margin: 0;
      width: 100%;
      max-width: none; } }
  #archive-professions .post-list-item .post-list-item-content {
    margin-left: 0;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px; }
  #archive-professions .post-list-item img {
    width: 100%;
    height: auto; }
  #archive-professions .post-list-item p {
    margin-top: 10px;
    margin-right: 0px;
    margin-bottom: 20px;
    margin-left: 0px; }

.page-story {
  overflow: hidden; }
  .page-story .page-content-inner {
    height: auto; }

.founders-wrapper {
  position: relative;
  margin-top: 80px;
  margin-right: 0px;
  margin-bottom: 80px;
  margin-left: 0px; }
  .founders-wrapper .list .item:nth-child(2n+1) {
    flex-direction: row;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 40px;
    margin-left: 0px; }
    @media screen and (max-width: 768px) {
      .founders-wrapper .list .item:nth-child(2n+1) {
        flex-flow: column nowrap;
        justify-content: center;
        align-items: center; } }
    .founders-wrapper .list .item:nth-child(2n+1) .wrapper-title {
      margin-top: 0px;
      margin-right: 0px;
      margin-bottom: 0px;
      margin-left: 80px; }
      @media screen and (max-width: 1280px) {
        .founders-wrapper .list .item:nth-child(2n+1) .wrapper-title {
          margin-top: 0px;
          margin-right: 0px;
          margin-bottom: 0px;
          margin-left: 40px; } }
      @media screen and (max-width: 768px) {
        .founders-wrapper .list .item:nth-child(2n+1) .wrapper-title {
          margin-top: 0px;
          margin-right: 0px;
          margin-bottom: 0px;
          margin-left: 0px; } }
  .founders-wrapper .item {
    display: flex;
    flex-direction: row-reverse;
    position: relative;
    align-items: center;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 40px;
    margin-left: 0px; }
    @media screen and (max-width: 1280px) {
      .founders-wrapper .item {
        margin-top: 0px;
        margin-right: -40px;
        margin-bottom: 0px;
        margin-left: -40px; } }
    @media screen and (max-width: 768px) {
      .founders-wrapper .item {
        flex-flow: column nowrap;
        justify-content: center;
        align-items: center; } }
  .founders-wrapper .wrapper-title {
    position: relative;
    margin-top: 0px;
    margin-right: 80px;
    margin-bottom: 0px;
    margin-left: 0px; }
    @media screen and (max-width: 1280px) {
      .founders-wrapper .wrapper-title {
        margin-top: 0px;
        margin-right: 40px;
        margin-bottom: 0px;
        margin-left: 0px; } }
    @media screen and (max-width: 768px) {
      .founders-wrapper .wrapper-title {
        text-align: center;
        margin-top: 0px;
        margin-right: 0px;
        margin-bottom: 0px;
        margin-left: 0px; } }
    .founders-wrapper .wrapper-title .title {
      position: relative;
      margin: 0;
      font: normal 900 120px/1 "Darwin", sans-serif;
      -webkit-text-stroke-width: 1px;
      -webkit-text-stroke-color: #C8102E;
      -webkit-text-fill-color: transparent; }
      @media screen and (max-width: 1400px) {
        .founders-wrapper .wrapper-title .title {
          font-size: 90px; } }
      @media screen and (max-width: 1024px) {
        .founders-wrapper .wrapper-title .title {
          font-size: 70px; } }
  .founders-wrapper .media {
    position: relative; }
    .founders-wrapper .media:hover .ellipse-stroke .path1, .founders-wrapper .media.hover .ellipse-stroke .path1 {
      transform: rotate(90deg); }
    .founders-wrapper .media:hover .ellipse-stroke .path2, .founders-wrapper .media.hover .ellipse-stroke .path2 {
      transform: rotate(-125deg); }
    .founders-wrapper .media:hover .ellipse-mask .path1, .founders-wrapper .media.hover .ellipse-mask .path1 {
      transform: rotate(-180deg); }
    .founders-wrapper .media:hover .ellipse-mask .path2, .founders-wrapper .media.hover .ellipse-mask .path2 {
      transform: rotate(-180deg); }
  .founders-wrapper .ellipse-full {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #C8102E;
    border-radius: 50%;
    transform: scale(0.85); }
    .founders-wrapper .ellipse-full path {
      fill: #C8102E !important; }
  .founders-wrapper .ellipse-stroke {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: translateX(-10px); }
    .founders-wrapper .ellipse-stroke path {
      fill: transparent !important;
      stroke: #C8102E !important;
      stroke-width: 1px;
      transform-origin: center center;
      transition: transform 1.5s cubic-bezier(0.455, 0.03, 0.515, 0.955); }
    .founders-wrapper .ellipse-stroke .path2 {
      transform: rotate(-10deg); }
  .founders-wrapper .ellipse-mask {
    position: relative;
    filter: url("#goo-effect");
    transform-origin: 50% 50%; }
    .founders-wrapper .ellipse-mask path {
      transform-origin: center center !important;
      transition: transform 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955); }
    .founders-wrapper .ellipse-mask .path2 {
      transition-delay: 300ms; }

.story-timeline {
  width: 100%;
  padding-top: 0px;
  padding-right: 120px;
  padding-bottom: 120px;
  padding-left: 120px;
  display: flex;
  flex-flow: column nowrap;
  position: relative; }
  @media screen and (max-width: 768px) {
    .story-timeline {
      padding-top: 0px;
      padding-right: 40px;
      padding-bottom: 120px;
      padding-left: 40px; } }
  .story-timeline .story-timeline-date {
    position: relative;
    width: 400px;
    margin: 0 auto 0;
    z-index: 1;
    min-height: 400px; }
    @media screen and (max-width: 1280px) {
      .story-timeline .story-timeline-date {
        width: 360px; } }
    @media screen and (max-width: 768px) {
      .story-timeline .story-timeline-date {
        width: 280px; } }
    @media screen and (max-width: 640px) {
      .story-timeline .story-timeline-date {
        width: 200px;
        min-height: 0;
        margin-bottom: 40px; } }
    .story-timeline .story-timeline-date:nth-child(4n) {
      transform: translateX(50%); }
      @media screen and (max-width: 768px) {
        .story-timeline .story-timeline-date:nth-child(4n) {
          transform: translateX(25%); } }
      @media screen and (max-width: 640px) {
        .story-timeline .story-timeline-date:nth-child(4n) {
          transform: translateX(5%); } }
    .story-timeline .story-timeline-date:nth-child(4n+2) {
      text-align: right;
      transform: translateX(-50%); }
      @media screen and (max-width: 768px) {
        .story-timeline .story-timeline-date:nth-child(4n+2) {
          transform: translateX(-25%); } }
      @media screen and (max-width: 640px) {
        .story-timeline .story-timeline-date:nth-child(4n+2) {
          transform: translateX(-5%); } }
    .story-timeline .story-timeline-date:nth-child(4n-1) {
      margin-right: 0;
      margin-left: auto;
      text-align: right; }
      .story-timeline .story-timeline-date:nth-child(4n-1) .anime-section-title {
        left: -5px;
        right: auto; }
        .story-timeline .story-timeline-date:nth-child(4n-1) .anime-section-title span {
          left: auto;
          right: 0; }
    .story-timeline .story-timeline-date:nth-child(4n+1) {
      margin-right: auto;
      margin-left: 0; }
    .story-timeline .story-timeline-date span.date-title {
      font: normal 900 70px/1 "Darwin", sans-serif;
      color: #C8102E;
      position: relative; }
      .story-timeline .story-timeline-date span.date-title .anime-section-title {
        width: 110%;
        right: -5px; }
      @media screen and (max-width: 768px) {
        .story-timeline .story-timeline-date span.date-title {
          font: normal 900 40px/1.14 "Darwin", sans-serif; } }
    .story-timeline .story-timeline-date.story-timeline-anniversary {
      padding-top: 60px;
      padding-right: 40px;
      padding-bottom: 60px;
      padding-left: 40px;
      background: #009CA6; }
      @media screen and (max-width: 768px) {
        .story-timeline .story-timeline-date.story-timeline-anniversary {
          padding-top: 40px;
          padding-right: 20px;
          padding-bottom: 40px;
          padding-left: 20px; } }
      .story-timeline .story-timeline-date.story-timeline-anniversary .date-title {
        display: block;
        color: #FFFFFF;
        padding-bottom: 20px;
        border-bottom: 5px solid #222222;
        position: relative; }

.story-timeline-gallery {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  display: flex;
  flex-flow: column nowrap; }
  .story-timeline-gallery .story-timeline-img {
    position: absolute;
    opacity: 0;
    z-index: 0; }
    @media screen and (max-width: 640px) {
      .story-timeline-gallery .story-timeline-img {
        display: none; } }

.story-animated-lines {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0; }
  .story-animated-lines svg {
    position: relative;
    z-index: 1; }
  .story-animated-lines .story-circle {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 265px;
    height: 265px;
    border-radius: 50%;
    background: #FCFCFC;
    z-index: 0; }

@media screen and (max-width: 1400px) {
  #joinus .post-list {
    margin-left: -20px; } }

@media screen and (max-width: 768px) {
  #joinus .post-list {
    margin-left: 0; } }

#joinus .post-list .post-list-item {
  position: relative;
  margin-top: 0px;
  margin-right: 80px;
  margin-bottom: 80px;
  margin-left: 0px; }
  #joinus .post-list .post-list-item .button-more {
    top: 50%; }
  @media screen and (min-width: 1700px) {
    #joinus .post-list .post-list-item {
      margin-top: 0px;
      margin-right: 120px;
      margin-bottom: 80px;
      margin-left: 0px; } }
  @media screen and (max-width: 1400px) {
    #joinus .post-list .post-list-item {
      margin-top: 0px;
      margin-right: 0px;
      margin-bottom: 80px;
      margin-left: 0px;
      padding-top: 0px;
      padding-right: 20px;
      padding-bottom: 0px;
      padding-left: 20px;
      width: 50%; }
      #joinus .post-list .post-list-item .button-more {
        top: auto;
        left: 50%;
        position: relative;
        transform: translate(-50%, -50%); } }
  @media screen and (max-width: 768px) {
    #joinus .post-list .post-list-item {
      width: 100%;
      margin-top: 0px;
      margin-right: 0px;
      margin-bottom: 40px;
      margin-left: 0px;
      padding-top: 0px;
      padding-right: 0px;
      padding-bottom: 0px;
      padding-left: 0px; } }
  #joinus .post-list .post-list-item h3 {
    margin-top: 4px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px; }

#implantations {
  position: relative; }
  #implantations .filters {
    height: 100%; }
  @media screen and (max-width: 1024px) {
    #implantations {
      flex-flow: column nowrap;
      height: calc(100vh - 60px);
      overflow: hidden; }
      #implantations .page-filters {
        position: absolute; }
      #implantations #arianne {
        display: none; }
      #implantations h1 {
        padding-top: 20px;
        padding-right: 0px;
        padding-bottom: 20px;
        padding-left: 0px;
        width: 100%;
        border-bottom: 4px solid #222222; }
      #implantations #implantations-map {
        order: 1;
        height: calc(100vh - 186px); } }

.extra-cookies-default-popup {
  bottom: 0;
  transform: translateY(100%);
  transition: transform .5s; }
  .extra-cookies-default-popup .extra-cookies-popup-inner {
    color: #FFFFFF;
    background: #222222; }
  .extra-cookies-default-popup.extra-cookies-popup-show {
    transform: translate(0); }
  .extra-cookies-default-popup .extra-cookies-button {
    color: #FFFFFF;
    border: 2px solid #FFFFFF;
    padding-top: 4px;
    padding-right: 20px;
    padding-bottom: 4px;
    padding-left: 20px;
    transition: color .5s, border-color .5s; }
    .extra-cookies-default-popup .extra-cookies-button:hover {
      color: #009CA6;
      border-color: #009CA6; }
  .extra-cookies-default-popup a {
    color: #FFFFFF;
    text-decoration: underline;
    transition: color .4s; }
    .extra-cookies-default-popup a:hover {
      color: #009CA6; }