@charset "UTF-8";
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* 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 */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* ADMIN */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* BREAKPOINTS */
/* ----------------------------------------------------- */
:root {
  --paddingBase: 10vw;
  --hdr-h: 60px;
}

/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* -------------------- RESPONSIVE --------------------- */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* XS */
/* ----------------------------------------------------- */
@media (min-width: 576px) {
  :root {
    --paddingBase: 8vw;
    --hdr-h: 60px;
  }
}
/* ----------------------------------------------------- */
/* SM */
/* ----------------------------------------------------- */
@media (min-width: 768px) {
  :root {
    --paddingBase: 2em;
    --hdr-h: 70px;
  }
}
/* ----------------------------------------------------- */
/* MD */
/* ----------------------------------------------------- */
@media (min-width: 992px) {
  :root {
    --paddingBase: 2.5em;
    --hdr-h: 80px;
  }
}
/* ----------------------------------------------------- */
/* LG */
/* ----------------------------------------------------- */
@media (min-width: 992px) {
  :root {
    --paddingBase: 3em;
    --hdr-h: 80px;
  }
}
/* ----------------------------------------------------- */
/* XL */
/* ----------------------------------------------------- */
@media (min-width: 1400px) {
  :root {
    --paddingBase: 3em;
    --hdr-h: 80px;
  }
}
/* ----------------------------------------------------- */
/* XXL */
/* ----------------------------------------------------- */
@media (min-width: 1650px) {
  :root {
    --paddingBase: 3em;
    --hdr-h: 80px;
  }
}
/* ----------------------------------------------------- */
/* HOVER */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* ANIMATIONS */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
@-webkit-keyframes ani {
  from {
    -webkit-mask-position: 0 0;
    mask-position: 0 0;
  }
  to {
    -webkit-mask-position: 100% 0;
    mask-position: 100% 0;
  }
}
@keyframes ani {
  from {
    -webkit-mask-position: 0 0;
    mask-position: 0 0;
  }
  to {
    -webkit-mask-position: 100% 0;
    mask-position: 100% 0;
  }
}
@-webkit-keyframes ani2 {
  from {
    -webkit-mask-position: 100% 0;
    mask-position: 100% 0;
  }
  to {
    -webkit-mask-position: 0 0;
    mask-position: 0 0;
  }
}
@keyframes ani2 {
  from {
    -webkit-mask-position: 100% 0;
    mask-position: 100% 0;
  }
  to {
    -webkit-mask-position: 0 0;
    mask-position: 0 0;
  }
}
/* ----------------------------------------------------- */
/* SCROLLDISC */
/* ----------------------------------------------------- */
@-webkit-keyframes scrollDisc {
  0% {
    top: -30%;
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    top: 100%;
    opacity: 0;
  }
}
/* ----------------------------------------------------- */
/* ONDE */
/* ----------------------------------------------------- */
@-webkit-keyframes onde {
  0% {
    opacity: 0;
    transform: scale(0.9);
  }
  10% {
    opacity: 1;
  }
  80% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
    transform: scale(1.25);
  }
}
/* ----------------------------------------------------- */
/* BOUNCE */
/* ----------------------------------------------------- */
@-webkit-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);
  }
}
@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 */
/* ----------------------------------------------------- */
@-webkit-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%);
  }
}
@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 */
/* ----------------------------------------------------- */
@-webkit-keyframes balance {
  0%, 100% {
    transform: translateX(0);
  }
  25% {
    transform: translateX(-20%);
  }
  75% {
    transform: translateX(20%);
  }
}
@keyframes balance {
  0%, 100% {
    transform: translateX(0);
  }
  25% {
    transform: translateX(-20%);
  }
  75% {
    transform: translateX(20%);
  }
}
/* ----------------------------------------------------- */
/* BALANCE VERTICALE */
/* ----------------------------------------------------- */
@-webkit-keyframes balancev {
  0%, 100% {
    transform: translateY(0);
  }
  25% {
    transform: translateY(-20%);
  }
  75% {
    transform: translateY(20%);
  }
}
@keyframes balancev {
  0%, 100% {
    transform: translateY(0);
  }
  25% {
    transform: translateY(-20%);
  }
  75% {
    transform: translateY(20%);
  }
}
/* ----------------------------------------------------- */
/* PULSE */
/* ----------------------------------------------------- */
@-webkit-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%);
  }
}
@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 */
/* ----------------------------------------------------- */
@-webkit-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;
  }
}
@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 */
/* ----------------------------------------------------- */
@-webkit-keyframes ressort {
  0%, 100% {
    transform: translate(-25%, -50%);
  }
  50% {
    transform: translate(0%, -50%);
  }
}
@keyframes ressort {
  0%, 100% {
    transform: translate(-25%, -50%);
  }
  50% {
    transform: translate(0%, -50%);
  }
}
/* ----------------------------------------------------- */
/* RESSORT VERTICAL */
/* ----------------------------------------------------- */
@-webkit-keyframes ressortv {
  0%, 100% {
    transform: translateY(-25%);
  }
  50% {
    transform: translateY(0%);
  }
}
@keyframes ressortv {
  0%, 100% {
    transform: translateY(-25%);
  }
  50% {
    transform: translateY(0%);
  }
}
/* ----------------------------------------------------- */
/* ELASTIC */
/* ----------------------------------------------------- */
@-webkit-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 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);
  }
}
@-webkit-keyframes left2right {
  0% {
    left: 0;
  }
  100% {
    left: 50%;
  }
}
@keyframes left2right {
  0% {
    left: 0;
  }
  100% {
    left: 50%;
  }
}
@-webkit-keyframes rollIn {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes rollIn {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes elasticIn {
  0% {
    transform: scale(2);
    opacity: 0;
  }
  50% {
    transform: scale(0.8);
    opacity: 0.7;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes elasticIn {
  0% {
    transform: scale(2);
    opacity: 0;
  }
  50% {
    transform: scale(0.8);
    opacity: 0.7;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes elasticOut {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(1.4);
    opacity: 0.7;
  }
  100% {
    transform: scale(0);
    opacity: 0;
  }
}
@keyframes elasticOut {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(1.4);
    opacity: 0.7;
  }
  100% {
    transform: scale(0);
    opacity: 0;
  }
}
/* ----------------------------------------------------- */
/* FLOAT */
/* ----------------------------------------------------- */
@-webkit-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);
  }
}
@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 */
/* ----------------------------------------------------- */
@-webkit-keyframes zoomin {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.25);
  }
}
@keyframes zoomin {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.25);
  }
}
/* ----------------------------------------------------- */
/* ZOOMOUT */
/* ----------------------------------------------------- */
@-webkit-keyframes zoomout {
  0% {
    transform: scale(1.25);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes zoomout {
  0% {
    transform: scale(1.25);
  }
  100% {
    transform: scale(1);
  }
}
/* ----------------------------------------------------- */
/* LDS ROLLER */
/* ----------------------------------------------------- */
@-webkit-keyframes lds-roller {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes lds-roller {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* ----------------------------------------------------- */
/* MOVE BG */
/* ----------------------------------------------------- */
@-webkit-keyframes moveYourBG {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 100% 0;
  }
}
@keyframes moveYourBG {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 100% 0;
  }
}
/* ----------------------------------------------------- */
/* MOVE BG VERTICAL */
/* ----------------------------------------------------- */
@-webkit-keyframes moveYourBGV {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 0 100%;
  }
}
@keyframes moveYourBGV {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 0 100%;
  }
}
.ver:hover path {
  -webkit-animation: ver 2s infinite alternate ease-in-out;
          animation: ver 2s infinite alternate ease-in-out;
}

@-webkit-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 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");
  }
}
@-webkit-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 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);
  }
}
@-webkit-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 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);
  }
}
@-webkit-keyframes letterAppearFromRight {
  0% {
    transform: translateX(120%);
  }
  100% {
    transform: translateX(0%);
  }
}
@keyframes letterAppearFromRight {
  0% {
    transform: translateX(120%);
  }
  100% {
    transform: translateX(0%);
  }
}
@-webkit-keyframes letterAppearFromLeft {
  0% {
    transform: translateX(-120%);
  }
  100% {
    transform: translateX(0%);
  }
}
@keyframes letterAppearFromLeft {
  0% {
    transform: translateX(-120%);
  }
  100% {
    transform: translateX(0%);
  }
}
@-webkit-keyframes blink {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}
@keyframes blink {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* SLIDER */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------- */
/* INTERFACE */
/* ---------------------------------------------------------------------------------------------------------- */
.slick-prev,
.slick-next {
  top: 0;
  bottom: 0;
  height: auto;
  width: 10%;
  transform: none;
  z-index: 10000;
}
.slick-prev:before,
.slick-next:before {
  display: none;
}

.slick-prev {
  left: 0;
}

.slick-next {
  right: 0;
}

/* ----------------------------------------------------- */
/* INCLUDES */
/* ----------------------------------------------------- */
.slider {
  padding: 0;
  /* ----------------------------------------------------- */
  /* CONTAINER */
  /* ----------------------------------------------------- */
  /* ----------------------------------------------------- */
  /* ITEM */
  /* ----------------------------------------------------- */
  /* ----------------------------------------------------- */
  /* QUICK ACCESS MENU */
  /* ----------------------------------------------------- */
}
.slider__container {
  position: relative;
}
.slider__container .slider,
.slider__container .image {
  width: 100%;
  height: auto;
  overflow: hidden;
}
.slider__container .slider__arrows {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 11;
  padding: 2em;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
}
.slider__container .slider__arrows button {
  position: static;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  background: none;
  margin: 0em 0.125em;
  background-color: var(--col1, #000);
  color: var(--light, #FFF);
  padding: 0.25em;
  font-size: 1em;
}
.slider__item {
  position: relative;
}
.slider__item__image__container {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 100vh;
  overflow: hidden;
}
.slider__item__image__container img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.slider__item__image__container:before {
  content: "";
  display: block;
  position: absolute;
  z-index: 3;
  top: 20%;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgb(255, 255, 255);
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
}
.slider__item__title {
  font-size: 2.75em;
  font-weight: bold;
  font-family: var(--wp--preset--font-family--secondary);
  font-style: italic;
  color: var(--wp--preset--color--primary);
  margin-bottom: 0 !important;
  text-transform: none;
  text-align: left;
}
.slider__item__title__container {
  position: absolute;
  z-index: 10;
  left: 0;
  right: 0;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  padding: 0.5em;
}
.slider__item__subtitle {
  font-size: 1.125em;
  font-family: var(--wp--preset--font-family--tertiary);
  font-weight: 900;
  text-transform: uppercase;
  color: var(--wp--preset--color--secondary);
  letter-spacing: 4px;
  margin-bottom: 0 !important;
  text-transform: uppercase;
}
.slider__item__text p {
  font-size: 1em;
  color: var(--light, #fff);
}
.slider__item__link {
  margin-top: 1em;
}
.slider__quickaccess {
  position: absolute;
  z-index: 10;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 1em 3em;
}
.slider__quickaccess__bar {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
}
.slider__quickaccess__bar__container {
  position: relative;
  border-bottom: 1px solid var(--wp--preset--color--tertiary);
  max-width: var(--width-default);
  margin: 0 auto;
}
.slider__quickaccess__bar__point {
  position: absolute;
  bottom: 0;
  width: 25%;
  cursor: pointer;
}
.slider__quickaccess__bar__point:nth-child(1) {
  left: calc(25% * 0);
}
.slider__quickaccess__bar__point:nth-child(2) {
  left: calc(25% * 1);
}
.slider__quickaccess__bar__point:nth-child(3) {
  left: calc(25% * 2);
}
.slider__quickaccess__bar__point:nth-child(4) {
  left: calc(25% * 3);
}
.slider__quickaccess__bar__point:nth-child(5) {
  left: calc(25% * 4);
}
.slider__quickaccess__bar__point:nth-child(6) {
  left: calc(25% * 5);
}
.slider__quickaccess__bar__point:nth-child(7) {
  left: calc(25% * 6);
}
.slider__quickaccess__bar__point:nth-child(8) {
  left: calc(25% * 7);
}
.slider__quickaccess__bar__point:nth-child(9) {
  left: calc(25% * 8);
}
.slider__quickaccess__bar__point:nth-child(10) {
  left: calc(25% * 9);
}
.slider__quickaccess__bar__point:first-child {
  transform: translateX(-50%);
}
.slider__quickaccess__bar__point:last-child {
  transform: translateX(50%);
}
.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;
}
.slider__quickaccess__bar__point__title {
  font-size: 0.8125em;
  padding-bottom: 2em;
  text-align: center;
  transition: all 0.4s ease-out;
  white-space: nowrap;
}
.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%);
}
.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);
}
.slider__quickaccess__bar__point.active .slider__quickaccess__bar__point__title, .slider__quickaccess__bar__point:hover .slider__quickaccess__bar__point__title {
  color: var(--wp--preset--color--secondary);
}
.slider__quickaccess__bar__point.active .slider__quickaccess__bar__point__disc:after, .slider__quickaccess__bar__point:hover .slider__quickaccess__bar__point__disc:after {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}

/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* RESPONSIVE */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* XS */
/* ----------------------------------------------------- */
@media (min-width: 576px) {
  .slider__quickaccess {
    padding: 1em 4em;
  }
  .slider__quickaccess__bar__point__title {
    font-size: 0.875em;
  }
  .slider__item__title {
    font-size: 3em;
  }
  .slider__item__title__container {
    padding: 0em 4em;
  }
  .slider__item__subtitle {
    font-size: 1.1875em;
  }
}
/* ----------------------------------------------------- */
/* SM */
/* ----------------------------------------------------- */
@media (min-width: 768px) {
  .slider__item {
    position: relative;
  }
  .slider__item__image__container {
    padding-top: 56.25vw;
  }
  .slider__item__title {
    font-size: 3.25em;
  }
  .slider__item__title__container {
    padding: 0em 4.5em;
  }
  .slider__item__subtitle {
    font-size: 1.25em;
  }
  .slider__quickaccess {
    padding: 1em 4.5em;
  }
  .slider__quickaccess__bar__point__title {
    font-size: 0.875em;
  }
}
/* ----------------------------------------------------- */
/* MD */
/* ----------------------------------------------------- */
@media (min-width: 992px) {
  .slider__item {
    position: relative;
  }
  .slider__item__title {
    font-size: 4.0625em;
  }
  .slider__item__title__container {
    padding: 0em 5em;
  }
  .slider__item__subtitle {
    font-size: 1.375em;
  }
  .slider__quickaccess {
    padding: 1em 5em;
    bottom: 2.5em;
  }
  .slider__quickaccess__bar__point__title {
    font-size: 1.25em;
  }
}
/* ----------------------------------------------------- */
/* LG */
/* ----------------------------------------------------- */
@media (min-width: 1200px) {
  .slider {
    padding: 0;
  }
  .slider__item {
    position: relative;
    height: calc(80vh - 80px);
  }
  .slider__item__title {
    font-size: 5.3125em;
  }
  .slider__item__title__container {
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .slider__item__subtitle {
    font-size: 1.375em;
  }
  .slider__quickaccess {
    margin: auto;
    bottom: 3em;
  }
  .slider__quickaccess__bar__point__title {
    font-size: 1.25em;
  }
}
/* ----------------------------------------------------- */
/* XL */
/* ----------------------------------------------------- */
@media (min-width: 1400px) {
  .slider {
    padding: 0em;
  }
  .slider__item {
    height: calc(80vh - 80px);
  }
  .slider__item__image__container {
    padding-top: 100vh;
  }
  .slider__item__title {
    font-size: 6.25em;
  }
  .slider__item__title__container {
    padding: 0em 10em;
  }
  .slider__quickaccess {
    bottom: 3.5em;
    padding: 0em 10em;
  }
  .slider__quickaccess__bar__point__title {
    font-size: 1.375em;
  }
}/*# sourceMappingURL=style.css.map */