@charset "UTF-8";
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* SLIDER */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* MIXIN.SCSS */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* FONT FACE */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* KEYFRAMES */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* CENTRE UNE IMAGE */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* CENTRE UN ELEMENT */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* CENTRE UN BACKGROUND QUAND ON LE MET EN INLINE */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* TRIANGLES */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* Display flex */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* Object Fit */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* FONCTIONS */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* CONVERSION PX -> EM */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* CONVERSION PX -> REM */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* CONVERSION PX -> % */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* VARIABLES */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* Couleurs */
/* ----------------------------------------------------- */
/* Spécifiques au site */
/* ----------------------------------------------------- */
/* gris moyen fonce */
/* gris moyen */
/* gris clair */
/*  */
/* ----------------------------------------------------- */
/* Correspondances couleurs -> texte */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* FONTS */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* FONT-SIZES */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* TRANSITIONS */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* BASES PADDING & MARGIN */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* BORDER RADIUS */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* CONTAINERS */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* HEADER */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* SIDEBAR */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* FOOTER */
/* ----------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------- */
/* SCREENS */
/* ---------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- */
/* ADMIN */
/* ----------------------------------------------------- */
:root {
  --paddingBase: 10vw;
  --hdr-h: 60px;
  --body-bg: #E5DACB;
}

/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* -------------------- RESPONSIVE --------------------- */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* XS */
/* ----------------------------------------------------- */
@media (min-width: 576px) {
  :root {
    --paddingBase: 8vw;
    --hdr-h: 80px;
  }
}
/* ----------------------------------------------------- */
/* SM */
/* ----------------------------------------------------- */
@media (min-width: 768px) {
  :root {
    --paddingBase: 2em;
    --hdr-h: 100px;
  }
}
/* ----------------------------------------------------- */
/* MD */
/* ----------------------------------------------------- */
@media (min-width: 992px) {
  :root {
    --paddingBase: 2.5em;
    --hdr-h: 120px;
  }
}
/* ----------------------------------------------------- */
/* LG */
/* ----------------------------------------------------- */
@media (min-width: 1200px) {
  :root {
    --paddingBase: 3em;
    --hdr-h: 120px;
  }
}
/* ----------------------------------------------------- */
/* XL */
/* ----------------------------------------------------- */
@media (min-width: 1400px) {
  :root {
    --paddingBase: 3em;
    --hdr-h: 120px;
  }
}
/* ----------------------------------------------------- */
/* XXL */
/* ----------------------------------------------------- */
@media (min-width: 1650px) {
  :root {
    --paddingBase: 3em;
    --hdr-h: 120px;
  }
}
/* ----------------------------------------------------- */
/* HOVER */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* ANIMATIONS */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
@keyframes ani {
  from {
    -webkit-mask-position: 0 0;
    mask-position: 0 0;
  }
  to {
    -webkit-mask-position: 100% 0;
    mask-position: 100% 0;
  }
}
@keyframes ani2 {
  from {
    -webkit-mask-position: 100% 0;
    mask-position: 100% 0;
  }
  to {
    -webkit-mask-position: 0 0;
    mask-position: 0 0;
  }
}
/* ----------------------------------------------------- */
/* SCROLLDISC */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* ONDE */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* BOUNCE */
/* ----------------------------------------------------- */
@keyframes bounce {
  0% {
    opacity: 0;
    transform: scale(0.3) translate3d(0, 0, 0);
  }
  50% {
    opacity: 0.9;
    transform: scale(1.1);
  }
  80% {
    opacity: 1;
    transform: scale(0.89);
  }
  100% {
    opacity: 1;
    transform: scale(1) translate3d(0, 0, 0);
  }
}
/* ----------------------------------------------------- */
/* BOUNCE */
/* ----------------------------------------------------- */
@keyframes svgbutton {
  0% {
    opacity: 0;
    transform: scale(0.3) transform(-50%, -50%);
  }
  50% {
    opacity: 1;
    transform: scale(1.1) transform(-50%, -50%);
  }
  80% {
    opacity: 0;
    transform: scale(0.89) transform(-50%, -50%);
  }
  100% {
    opacity: 1;
    transform: scale(1) transform(-50%, -50%);
  }
}
/* ----------------------------------------------------- */
/* BALANCE */
/* ----------------------------------------------------- */
@keyframes balance {
  0%, 100% {
    transform: translateX(0);
  }
  25% {
    transform: translateX(-20%);
  }
  75% {
    transform: translateX(20%);
  }
}
/* ----------------------------------------------------- */
/* BALANCE VERTICALE */
/* ----------------------------------------------------- */
@keyframes balancev {
  0%, 100% {
    transform: translateY(0);
  }
  25% {
    transform: translateY(-20%);
  }
  75% {
    transform: translateY(20%);
  }
}
/* ----------------------------------------------------- */
/* PULSE */
/* ----------------------------------------------------- */
@keyframes wazapulse {
  0% {
    opacity: 0;
    transform: scale(1) translate(-50%, -50%);
  }
  80% {
    opacity: 1;
    transform: scale(1.6) translate(-50%, -50%);
  }
  100% {
    opacity: 0;
    transform: scale(1.8) translate(-50%, -50%);
  }
}
/* ----------------------------------------------------- */
/* WAVES */
/* ----------------------------------------------------- */
@keyframes waves {
  0% {
    transform: scale(1);
    transform-origin: 50% 50%;
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  80% {
    transform: scale(1.25);
    opacity: 1;
  }
  100% {
    transform: scale(1.25);
    opacity: 0;
  }
}
/* ----------------------------------------------------- */
/* RESSORT */
/* ----------------------------------------------------- */
@keyframes ressort {
  0%, 100% {
    transform: translate(-25%, -50%);
  }
  50% {
    transform: translate(0%, -50%);
  }
}
/* ----------------------------------------------------- */
/* RESSORT VERTICAL */
/* ----------------------------------------------------- */
@keyframes ressortv {
  0%, 100% {
    transform: translateY(-25%);
  }
  50% {
    transform: translateY(0%);
  }
}
/* ----------------------------------------------------- */
/* ELASTIC */
/* ----------------------------------------------------- */
@keyframes elastic {
  0% {
    transform: scale(1.1);
    opacity: 1;
  }
  50% {
    transform: scale(1.4);
    opacity: 0.7;
  }
  60% {
    transform: scale(0.6);
    opacity: 1;
  }
  80% {
    transform: scale(0.95);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes left2right {
  0% {
    left: 0;
  }
  100% {
    left: 50%;
  }
}
@keyframes rollIn {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes elasticIn {
  0% {
    transform: scale(4);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes elasticOut {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(4);
    opacity: 0;
  }
}
/* ----------------------------------------------------- */
/* FLOAT */
/* ----------------------------------------------------- */
@keyframes float {
  0% {
    box-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.6);
    transform: translatey(0px);
  }
  50% {
    box-shadow: 0 25px 15px 0px rgba(0, 0, 0, 0.2);
    transform: translatey(-20px);
  }
  100% {
    box-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.6);
    transform: translatey(0px);
  }
}
/* ----------------------------------------------------- */
/* ZOOMIN */
/* ----------------------------------------------------- */
@keyframes zoomin {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.25);
  }
}
/* ----------------------------------------------------- */
/* ZOOMOUT */
/* ----------------------------------------------------- */
@keyframes zoomout {
  0% {
    transform: scale(1.25);
  }
  100% {
    transform: scale(1);
  }
}
/* ----------------------------------------------------- */
/* LDS ROLLER */
/* ----------------------------------------------------- */
@keyframes lds-roller {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* ----------------------------------------------------- */
/* MOVE BG */
/* ----------------------------------------------------- */
@keyframes moveYourBG {
  0% {
    background-position: 0px 0px;
  }
  100% {
    background-position: -15px 0px;
  }
}
/* ----------------------------------------------------- */
/* MOVE BG VERTICAL */
/* ----------------------------------------------------- */
@keyframes moveYourBGV {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 0 100%;
  }
}
.ver:hover path {
  animation: ver 2s infinite alternate ease-in-out;
}

@keyframes ver {
  0%, 100% {
    d: path("M30,4.3C28.8,6.5,26.5,8,22.5,8c-5,0-7.5-5-12.7-5C6.6,3,4.6,4.5,3,7.8");
  }
  50% {
    d: path("M30,6.7C29,4.6,26.5,3,22.5,3c-5,0-7.5,5-12.7,5C6.1,8,4.1,5.9,3,3.2");
  }
}
@keyframes allBtn {
  0% {
    width: 2em;
    background-color: var(--wp--preset--color--secondary);
  }
  50% {
    width: 1em;
    background-color: var(--wp--preset--color--primary);
  }
  100% {
    width: 2em;
    background-color: var(--wp--preset--color--secondary);
  }
}
@keyframes allBtnWhite {
  0% {
    width: 2em;
    background-color: var(--wp--preset--color--secondary);
  }
  50% {
    width: 1em;
    background-color: var(--wp--preset--color--white);
  }
  100% {
    width: 2em;
    background-color: var(--wp--preset--color--secondary);
  }
}
@keyframes letterAppearFromRight {
  0% {
    transform: translateX(120%);
  }
  100% {
    transform: translateX(0%);
  }
}
@keyframes letterAppearFromLeft {
  0% {
    transform: translateX(-120%);
  }
  100% {
    transform: translateX(0%);
  }
}
@keyframes blink {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}
/* ----------------------------------------------------- */
/* INCLUDES */
/* ----------------------------------------------------- */
section.slider:not(.is-small-slider):not(.is-normal-slider) {
  height: 100vh;
}
section.slider:not(.is-small-slider):not(.is-normal-slider) .slider__container {
  height: 100%;
}
section.slider:not(.is-small-slider):not(.is-normal-slider) .slider__arrows button {
  width: auto;
}
section.slider.is-small-slider {
  height: auto;
}
section.slider.is-normal-slider {
  height: auto;
  padding-top: 0;
}
section.slider.is-normal-slider .slider__item__title__container {
  padding: 1rem;
}
section.slider .slider {
  padding: 0;
  /* ----------------------------------------------------- */
  /* CONTAINER */
  /* ----------------------------------------------------- */
  /* ---------------------------------------------------------------------------------------------------------- */
  /* IMAGE SIMPLE */
  /* ---------------------------------------------------------------------------------------------------------- */
  /* ---------------------------------------------------------------------------------------------------------- */
  /* OVERLAY */
  /* ---------------------------------------------------------------------------------------------------------- */
  /* ----------------------------------------------------- */
  /* ITEM */
  /* ----------------------------------------------------- */
  /* ----------------------------------------------------- */
  /* QUICK ACCESS MENU */
  /* ----------------------------------------------------- */
}
section.slider .slider__container {
  position: relative;
  width: 100%;
  margin: 0 auto;
}
section.slider .slider__container .slider,
section.slider .slider__container .image {
  width: 100%;
  height: auto;
  overflow: hidden;
}
section.slider .slider__container .slider__arrows {
  position: absolute;
  top: auto;
  bottom: 0.5rem;
  left: 0;
  right: 0;
  z-index: 11;
  padding: 0 0.5rem;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-items: center;
}
section.slider .slider__container .slider__arrows button {
  position: static;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  background: none;
  margin: 0em 0.125em;
  padding: 0.25em;
  color: rgba(255, 255, 255, 0.5);
  font-size: 1em;
  opacity: 0.5;
  --icon-color: rgba(255,255,255,1);
  --icon-size: 1.5em;
}
section.slider .slider__container .slider__arrows button:hover {
  opacity: 1;
}
section.slider .slider__image {
  width: 100%;
  height: 100%;
}
section.slider .slider__image .slider__item {
  height: 100%;
}
section.slider .slider__overlay {
  position: absolute;
  z-index: 20;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: calc(var(--hdr-h) + 1em) 1em 0 1em;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
}
section.slider .slider__overlay__image img {
  width: auto;
  height: 100%;
}
section.slider .slider__overlay__text {
  min-width: 50vw;
  padding: 1em 0;
}
section.slider .slider__overlay__text h1,
section.slider .slider__overlay__text .h1 {
  color: var(--wp--preset--color--white);
  text-transform: uppercase;
  font-family: var(--wp--preset--font-family--secondary);
}
section.slider .slider__overlay__text h1 span,
section.slider .slider__overlay__text .h1 span {
  display: inline-block;
}
section.slider .slider__item {
  position: relative;
  padding: 0;
  height: calc(80vh - 0px);
  background: #fefefe;
  opacity: 1;
}
section.slider .slider__item.active, section.slider .slider__item.slide-active {
  opacity: 1;
}
section.slider .slider__item__image {
  width: 100%;
  height: 100%;
}
section.slider .slider__item__image:before, section.slider .slider__item__image:after {
  display: none;
}
section.slider .slider__item__image__container {
  position: relative;
  width: 100%;
  height: 100%;
  padding-top: 0;
  overflow: hidden;
  order: 1;
  padding: 0em;
}
section.slider .slider__item__image__container img {
  position: static;
  top: auto;
  left: auto;
  margin-bottom: 0em;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
section.slider .slider__item__video {
  position: relative;
  width: 100%;
  height: 0px;
  padding-top: 88%;
  opacity: 0;
  transition: var(--trans2);
}
section.slider .slider__item__video__container {
  position: absolute;
  bottom: 0;
  left: 0;
  order: 2;
  margin: 1em 0 0 0;
  width: 100%;
  overflow: hidden;
}
section.slider .slider__item__video__container video {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: auto;
}
section.slider .slider__item__title {
  font-size: 3em;
  font-weight: 500;
  font-family: var(--wp--preset--font-family--secondary);
  font-style: normal;
  color: var(--wp--preset--color--white);
  margin-bottom: 2rem !important;
  text-transform: none;
  text-align: left;
  text-shadow: 0 1px 8px rgba(0, 0, 0, 0.4);
  line-height: 1;
  opacity: 0;
  transform: translateY(50%);
  transition: var(--trans2);
  transition-delay: 0.2s;
}
section.slider .slider__item__title em {
  font-weight: bold;
  color: var(--wp--preset--color--primary);
  font-style: normal;
}
section.slider .slider__item__title__container {
  position: absolute;
  z-index: 11;
  left: 50%;
  right: auto;
  width: 100%;
  top: auto;
  padding: 5rem 1rem;
  bottom: 0rem;
  transform: translateX(-50%);
}
section.slider .slider__item__title__container:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgb(203, 187, 157);
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.65) 50%, rgba(0, 0, 0, 0) 100%);
}
section.slider .slider__item__subtitle {
  font-size: 1.25em;
  font-family: var(--wp--preset--font-family--primary);
  font-weight: 500;
  text-transform: none;
  color: var(--wp--preset--color--white);
  letter-spacing: normal;
  margin-top: 0.5em;
  margin-bottom: 2rem !important;
  opacity: 0;
  transform: translateY(50%);
  transition: var(--trans2);
  transition-delay: 0.4s;
  line-height: 1.1;
}
section.slider .slider__item__text {
  opacity: 0;
  transition: var(--trans2);
  transition-delay: 0.6s;
  transform: translateY(50%);
}
section.slider .slider__item__text p {
  font-size: 1em;
  color: var(--light, #fff);
}
section.slider .slider__item__link {
  margin-top: 1em;
  opacity: 0;
  transform: translateY(50%);
  transition: var(--trans2);
  transition-delay: 0.6s;
}
section.slider .slider__item__link a {
  padding: 0.75em 0.5em;
  font-size: 1rem;
}
section.slider .slider__item.slide-active .slider__item__image, section.slider .slider__item.slide-active .slider__item__title, section.slider .slider__item.slide-active .slider__item__subtitle, section.slider .slider__item.slide-active .slider__item__text, section.slider .slider__item.slide-active .slider__item__link, section.slider .slider__item.slide-active .slider__item__video, section.slider .slider__item.slick-active .slider__item__image, section.slider .slider__item.slick-active .slider__item__title, section.slider .slider__item.slick-active .slider__item__subtitle, section.slider .slider__item.slick-active .slider__item__text, section.slider .slider__item.slick-active .slider__item__link, section.slider .slider__item.slick-active .slider__item__video, section.slider .slider__item.active .slider__item__image, section.slider .slider__item.active .slider__item__title, section.slider .slider__item.active .slider__item__subtitle, section.slider .slider__item.active .slider__item__text, section.slider .slider__item.active .slider__item__link, section.slider .slider__item.active .slider__item__video {
  opacity: 1;
  transform: translateY(0);
}
section.slider .slider__quickaccess {
  position: absolute;
  z-index: 10;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 1em 3em;
}
section.slider .slider__quickaccess__bar {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
}
section.slider .slider__quickaccess__bar__container {
  position: relative;
  border-bottom: 1px solid var(--wp--preset--color--tertiary);
}
section.slider .slider__quickaccess__bar__point {
  position: absolute;
  bottom: 0;
  width: 25%;
  cursor: pointer;
}
section.slider .slider__quickaccess__bar__point:nth-child(1) {
  left: calc(25% * 0);
}
section.slider .slider__quickaccess__bar__point:nth-child(2) {
  left: calc(25% * 1);
}
section.slider .slider__quickaccess__bar__point:nth-child(3) {
  left: calc(25% * 2);
}
section.slider .slider__quickaccess__bar__point:nth-child(4) {
  left: calc(25% * 3);
}
section.slider .slider__quickaccess__bar__point:nth-child(5) {
  left: calc(25% * 4);
}
section.slider .slider__quickaccess__bar__point:nth-child(6) {
  left: calc(25% * 5);
}
section.slider .slider__quickaccess__bar__point:nth-child(7) {
  left: calc(25% * 6);
}
section.slider .slider__quickaccess__bar__point:nth-child(8) {
  left: calc(25% * 7);
}
section.slider .slider__quickaccess__bar__point:nth-child(9) {
  left: calc(25% * 8);
}
section.slider .slider__quickaccess__bar__point:nth-child(10) {
  left: calc(25% * 9);
}
section.slider .slider__quickaccess__bar__point:first-child {
  transform: translateX(-50%);
}
section.slider .slider__quickaccess__bar__point:last-child {
  transform: translateX(50%);
}
section.slider .slider__quickaccess__bar__point a {
  display: block;
  color: var(--wp--preset--color--primary);
  font-family: var(--wp--preset--font-family--primary);
  font-style: italic;
  font-weight: bold;
}
section.slider .slider__quickaccess__bar__point__title {
  font-size: 0.8125em;
  padding-bottom: 2em;
  text-align: center;
  transition: all 0.4s ease-out;
  white-space: nowrap;
}
section.slider .slider__quickaccess__bar__point__disc {
  position: absolute;
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 100rem;
  border: 1px solid var(--wp--preset--color--tertiary);
  background: var(--wp--preset--color--white);
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 50%);
}
section.slider .slider__quickaccess__bar__point__disc:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  opacity: 0;
  transition: all 0.4s ease-out;
  width: 14px;
  height: 14px;
  border-radius: 100rem;
  background: var(--wp--preset--color--secondary);
}
section.slider .slider__quickaccess__bar__point.active .slider__quickaccess__bar__point__title, section.slider .slider__quickaccess__bar__point:hover .slider__quickaccess__bar__point__title {
  color: var(--wp--preset--color--secondary);
}
section.slider .slider__quickaccess__bar__point.active .slider__quickaccess__bar__point__disc:after, section.slider .slider__quickaccess__bar__point:hover .slider__quickaccess__bar__point__disc:after {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}

/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* RESPONSIVE */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* XXS */
/* ----------------------------------------------------- */
@media (min-width: 400px) {
  section.slider .slider__item__title {
    font-size: 3.25em;
  }
  section.slider .slider__item__subtitle {
    font-size: 1.375em;
  }
  section.slider .slider__item__link a {
    padding: 1em;
  }
}
/* ----------------------------------------------------- */
/* XS */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* SM */
/* ----------------------------------------------------- */
@media (min-width: 768px) {
  section.slider .slider__overlay__text {
    position: relative;
    left: -3em;
    line-height: 1.25;
  }
  section.slider:not(.is-small-slider):not(.is-normal-slider) .slider__arrows {
    justify-content: flex-end;
  }
  section.slider:not(.is-small-slider):not(.is-normal-slider) .slider__arrows button {
    width: auto;
    --icon-color: #000;
  }
  section.slider:not(.is-small-slider):not(.is-normal-slider) .slider__item {
    position: relative;
  }
  section.slider:not(.is-small-slider):not(.is-normal-slider) .slider__item__title {
    font-size: 4em;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.35);
  }
  section.slider:not(.is-small-slider):not(.is-normal-slider) .slider__item__title__container {
    top: 0;
    bottom: 0;
    left: 0;
    right: auto;
    width: 100%;
    padding: 1rem 5rem 1rem 1rem;
    transform: none;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: flex-start;
  }
  section.slider:not(.is-small-slider):not(.is-normal-slider) .slider__item__title__container:before {
    width: 100%;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.65) 5%, rgba(0, 0, 0, 0) 75%);
  }
  section.slider:not(.is-small-slider):not(.is-normal-slider) .slider__item__subtitle {
    font-size: 1.75em;
    margin-top: 1em;
  }
  section.slider:not(.is-small-slider):not(.is-normal-slider) .slider__item__link {
    margin-top: 1.75em;
  }
  section.slider:not(.is-small-slider):not(.is-normal-slider) .slider__item__link a {
    font-size: 1.25em;
  }
  section.slider__quickaccess {
    padding: 1em 4.5em;
  }
  section.slider__quickaccess__bar__point__title {
    font-size: 0.875em;
  }
}
/* ----------------------------------------------------- */
/* MD */
/* ----------------------------------------------------- */
@media (min-width: 992px) {
  section.slider {
    padding: 0;
  }
  section.slider:not(.is-small-slider):not(.is-normal-slider) .slider__item__title {
    font-size: 5rem;
  }
  section.slider .slider__container:before {
    content: "";
    display: block;
    display: none;
    position: absolute;
    z-index: 21;
    top: 0;
    left: 0;
    right: 0;
    height: 20%;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
  }
  section.slider .slider__item__image__container {
    padding: 0;
  }
  section.slider .slider__item__video__container {
    position: relative;
    margin: 0;
    width: 50%;
    padding: 0em 2em;
  }
  section.slider .slider__quickaccess {
    padding: 1em 5em;
    bottom: 2.5em;
  }
  section.slider .slider__quickaccess__bar__point__title {
    font-size: 1.25em;
  }
}
/* ----------------------------------------------------- */
/* LG */
/* ----------------------------------------------------- */
@media (min-width: 1200px) {
  section.slider:not(.is-small-slider):not(.is-normal-slider) {
    height: 100vh;
  }
  section.slider:not(.is-small-slider):not(.is-normal-slider) .slider__item {
    position: relative;
    height: 100%;
  }
  section.slider:not(.is-small-slider):not(.is-normal-slider) .slider__item__image__container {
    width: 100%;
  }
  section.slider:not(.is-small-slider):not(.is-normal-slider) .slider__item__title {
    font-size: 5em;
    width: 100%;
  }
  section.slider:not(.is-small-slider):not(.is-normal-slider) .slider__item__title__container {
    padding: 2rem 2rem;
  }
  section.slider:not(.is-small-slider):not(.is-normal-slider) .slider__item__title__container:before {
    width: 100%;
    height: 100%;
    transition: all 0.4s cubic-bezier(0.14, 0.66, 0.28, 0.93);
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.6) 50%, rgba(0, 0, 0, 0) 100%);
  }
  section.slider:not(.is-small-slider):not(.is-normal-slider) .slider__item__subtitle {
    font-size: 1.25em;
    width: 60%;
  }
  section.slider:not(.is-small-slider):not(.is-normal-slider) .slider__item__link {
    width: 60%;
  }
  section.slider:not(.is-small-slider):not(.is-normal-slider) .slider__item.slick-active .slider__item__title__container:before {
    width: 60%;
  }
  section.slider.is-small-slider {
    height: calc(var(--width-wide) * 0.5625);
  }
  section.slider .slider {
    padding: 0;
  }
  section.slider .slider__container {
    height: 100%;
  }
  section.slider .slider__overlay__text {
    left: -4em;
    padding: 4em 0;
  }
  section.slider .slider__overlay__text h1 {
    line-height: 1.125;
  }
}
/* ----------------------------------------------------- */
/* XL */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* XXL */
/* ----------------------------------------------------- */
@media (min-width: 1650px) {
  section.slider .slider__overlay__text {
    left: -10vh;
    padding: 6vh 0;
  }
}/*# sourceMappingURL=style.css.map */