@keyframes bounceIt {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(3px);
  }
  100% {
    transform: translateX(0);
  }
}
/*BOOTSTRAP GRID*/
@-ms-viewport {
  width: device-width;
}
html {
  box-sizing: border-box;
  -ms-overflow-style: scrollbar;
}

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

.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}
.container-fluid {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}

.no-gutters > .col, .no-gutters > [class*=col-] {
  padding-right: 0;
  padding-left: 0;
}

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0%;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}

.col-auto {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: none;
}

.col-1 {
  -ms-flex: 0 0 8.333333%;
  flex: 0 0 8.333333%;
  max-width: 8.333333%;
}

.col-2 {
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}

.col-3 {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}

.col-5 {
  -ms-flex: 0 0 41.666667%;
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
}

.col-6 {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  -ms-flex: 0 0 58.333333%;
  flex: 0 0 58.333333%;
  max-width: 58.333333%;
}

.col-8 {
  -ms-flex: 0 0 66.666667%;
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
}

.col-9 {
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  -ms-flex: 0 0 83.333333%;
  flex: 0 0 83.333333%;
  max-width: 83.333333%;
}

.col-11 {
  -ms-flex: 0 0 91.666667%;
  flex: 0 0 91.666667%;
  max-width: 91.666667%;
}

.col-12 {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

.order-first {
  -ms-flex-order: -1;
  order: -1;
}

.order-last {
  -ms-flex-order: 13;
  order: 13;
}

.order-0 {
  -ms-flex-order: 0;
  order: 0;
}

.order-1 {
  -ms-flex-order: 1;
  order: 1;
}

.order-2 {
  -ms-flex-order: 2;
  order: 2;
}

.order-3 {
  -ms-flex-order: 3;
  order: 3;
}

.order-4 {
  -ms-flex-order: 4;
  order: 4;
}

.order-5 {
  -ms-flex-order: 5;
  order: 5;
}

.order-6 {
  -ms-flex-order: 6;
  order: 6;
}

.order-7 {
  -ms-flex-order: 7;
  order: 7;
}

.order-8 {
  -ms-flex-order: 8;
  order: 8;
}

.order-9 {
  -ms-flex-order: 9;
  order: 9;
}

.order-10 {
  -ms-flex-order: 10;
  order: 10;
}

.order-11 {
  -ms-flex-order: 11;
  order: 11;
}

.order-12 {
  -ms-flex-order: 12;
  order: 12;
}

.offset-1 {
  margin-left: 8.333333%;
}

.offset-2 {
  margin-left: 16.666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.333333%;
}

.offset-5 {
  margin-left: 41.666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.333333%;
}

.offset-8 {
  margin-left: 66.666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.333333%;
}

.offset-11 {
  margin-left: 91.666667%;
}

@media (min-width: 576px) {
  .col-sm {
    -ms-flex-preferred-size: 0;
    flex-basis: 0%;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-sm-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-sm-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-sm-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-sm-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-sm-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-sm-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-sm-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-sm-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-sm-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-sm-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-sm-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .order-sm-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .order-sm-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .order-sm-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .order-sm-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .order-sm-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .order-sm-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .order-sm-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .order-sm-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .order-sm-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .order-sm-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .order-sm-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .order-sm-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .order-sm-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .order-sm-12 {
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.333333%;
  }
  .offset-sm-2 {
    margin-left: 16.666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.333333%;
  }
  .offset-sm-5 {
    margin-left: 41.666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.333333%;
  }
  .offset-sm-8 {
    margin-left: 66.666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.333333%;
  }
  .offset-sm-11 {
    margin-left: 91.666667%;
  }
}
@media (min-width: 768px) {
  .col-md {
    -ms-flex-preferred-size: 0;
    flex-basis: 0%;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-md-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-md-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-md-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-md-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-md-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-md-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-md-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-md-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-md-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-md-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-md-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .order-md-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .order-md-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .order-md-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .order-md-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .order-md-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .order-md-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .order-md-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .order-md-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .order-md-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .order-md-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .order-md-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .order-md-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .order-md-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .order-md-12 {
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.333333%;
  }
  .offset-md-2 {
    margin-left: 16.666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.333333%;
  }
  .offset-md-5 {
    margin-left: 41.666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.333333%;
  }
  .offset-md-8 {
    margin-left: 66.666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.333333%;
  }
  .offset-md-11 {
    margin-left: 91.666667%;
  }
}
@media (min-width: 992px) {
  .col-lg {
    -ms-flex-preferred-size: 0;
    flex-basis: 0%;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-lg-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-lg-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-lg-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-lg-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-lg-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-lg-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-lg-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-lg-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-lg-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-lg-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-lg-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .order-lg-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .order-lg-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .order-lg-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .order-lg-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .order-lg-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .order-lg-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .order-lg-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .order-lg-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .order-lg-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .order-lg-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .order-lg-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .order-lg-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .order-lg-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .order-lg-12 {
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.333333%;
  }
  .offset-lg-2 {
    margin-left: 16.666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.333333%;
  }
  .offset-lg-5 {
    margin-left: 41.666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.333333%;
  }
  .offset-lg-8 {
    margin-left: 66.666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.333333%;
  }
  .offset-lg-11 {
    margin-left: 91.666667%;
  }
}
@media (min-width: 1201px) {
  .col-xl {
    -ms-flex-preferred-size: 0;
    flex-basis: 0%;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-xl-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-xl-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-xl-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-xl-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-xl-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-xl-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-xl-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-xl-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-xl-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-xl-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xl-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .order-xl-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .order-xl-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .order-xl-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .order-xl-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .order-xl-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .order-xl-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .order-xl-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .order-xl-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .order-xl-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .order-xl-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .order-xl-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .order-xl-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .order-xl-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .order-xl-12 {
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.333333%;
  }
  .offset-xl-2 {
    margin-left: 16.666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.333333%;
  }
  .offset-xl-5 {
    margin-left: 41.666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.333333%;
  }
  .offset-xl-8 {
    margin-left: 66.666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.333333%;
  }
  .offset-xl-11 {
    margin-left: 91.666667%;
  }
}
@media (min-width: 1600px) {
  .col-xxl {
    -ms-flex-preferred-size: 0;
    flex-basis: 0%;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-xxl-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-xxl-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-xxl-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-xxl-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xxl-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-xxl-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-xxl-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xxl-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-xxl-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-xxl-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xxl-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-xxl-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-xxl-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xxl-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .order-xxl-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .order-xxl-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .order-xxl-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .order-xxl-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .order-xxl-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .order-xxl-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .order-xxl-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .order-xxl-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .order-xxl-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .order-xxl-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .order-xxl-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .order-xxl-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .order-xxl-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .order-xxl-12 {
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-xxl-0 {
    margin-left: 0;
  }
  .offset-xxl-1 {
    margin-left: 8.333333%;
  }
  .offset-xxl-2 {
    margin-left: 16.666667%;
  }
  .offset-xxl-3 {
    margin-left: 25%;
  }
  .offset-xxl-4 {
    margin-left: 33.333333%;
  }
  .offset-xxl-5 {
    margin-left: 41.666667%;
  }
  .offset-xxl-6 {
    margin-left: 50%;
  }
  .offset-xxl-7 {
    margin-left: 58.333333%;
  }
  .offset-xxl-8 {
    margin-left: 66.666667%;
  }
  .offset-xxl-9 {
    margin-left: 75%;
  }
  .offset-xxl-10 {
    margin-left: 83.333333%;
  }
  .offset-xxl-11 {
    margin-left: 91.666667%;
  }
}
.d-none {
  display: none !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: -ms-flexbox !important;
  display: flex !important;
}

.d-inline-flex {
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}

@media (min-width: 576px) {
  .d-sm-none {
    display: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
@media (min-width: 768px) {
  .d-md-none {
    display: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-md-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .d-lg-none {
    display: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
@media print {
  .d-print-none {
    display: none !important;
  }
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-print-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
.flex-row {
  -ms-flex-direction: row !important;
  flex-direction: row !important;
}

.flex-column {
  -ms-flex-direction: column !important;
  flex-direction: column !important;
}

.flex-row-reverse {
  -ms-flex-direction: row-reverse !important;
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  -ms-flex-direction: column-reverse !important;
  flex-direction: column-reverse !important;
}

.flex-wrap {
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important;
}

.flex-nowrap {
  -ms-flex-wrap: nowrap !important;
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  -ms-flex-wrap: wrap-reverse !important;
  flex-wrap: wrap-reverse !important;
}

.flex-fill {
  -ms-flex: 1 1 auto !important;
  flex: 1 1 auto !important;
}

.flex-grow-0 {
  -ms-flex-positive: 0 !important;
  flex-grow: 0 !important;
}

.flex-grow-1 {
  -ms-flex-positive: 1 !important;
  flex-grow: 1 !important;
}

.flex-shrink-0 {
  -ms-flex-negative: 0 !important;
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  -ms-flex-negative: 1 !important;
  flex-shrink: 1 !important;
}

.justify-content-start {
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
}

.justify-content-end {
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
}

.justify-content-center {
  -ms-flex-pack: center !important;
  justify-content: center !important;
}

.justify-content-between {
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
}

.justify-content-around {
  -ms-flex-pack: distribute !important;
  justify-content: space-around !important;
}

.align-items-start {
  -ms-flex-align: start !important;
  align-items: flex-start !important;
}

.align-items-end {
  -ms-flex-align: end !important;
  align-items: flex-end !important;
}

.align-items-center {
  -ms-flex-align: center !important;
  align-items: center !important;
}

.align-items-baseline {
  -ms-flex-align: baseline !important;
  align-items: baseline !important;
}

.align-items-stretch {
  -ms-flex-align: stretch !important;
  align-items: stretch !important;
}

.align-content-start {
  -ms-flex-line-pack: start !important;
  align-content: flex-start !important;
}

.align-content-end {
  -ms-flex-line-pack: end !important;
  align-content: flex-end !important;
}

.align-content-center {
  -ms-flex-line-pack: center !important;
  align-content: center !important;
}

.align-content-between {
  -ms-flex-line-pack: justify !important;
  align-content: space-between !important;
}

.align-content-around {
  -ms-flex-line-pack: distribute !important;
  align-content: space-around !important;
}

.align-content-stretch {
  -ms-flex-line-pack: stretch !important;
  align-content: stretch !important;
}

.align-self-auto {
  -ms-flex-item-align: auto !important;
  align-self: auto !important;
}

.align-self-start {
  -ms-flex-item-align: start !important;
  align-self: flex-start !important;
}

.align-self-end {
  -ms-flex-item-align: end !important;
  align-self: flex-end !important;
}

.align-self-center {
  -ms-flex-item-align: center !important;
  align-self: center !important;
}

.align-self-baseline {
  -ms-flex-item-align: baseline !important;
  align-self: baseline !important;
}

.align-self-stretch {
  -ms-flex-item-align: stretch !important;
  align-self: stretch !important;
}

@media (min-width: 576px) {
  .flex-sm-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-sm-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-sm-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .flex-sm-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }
  .flex-sm-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  .justify-content-sm-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-sm-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-sm-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-sm-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-sm-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-sm-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-sm-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-sm-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-sm-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}
@media (min-width: 768px) {
  .flex-md-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-md-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-md-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .flex-md-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }
  .flex-md-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  .justify-content-md-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-md-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-md-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-md-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-md-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-md-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-md-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-md-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-md-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-md-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-md-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-md-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-md-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-md-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-md-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-md-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}
@media (min-width: 992px) {
  .flex-lg-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-lg-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-lg-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .flex-lg-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }
  .flex-lg-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  .justify-content-lg-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-lg-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-lg-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-lg-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-lg-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-lg-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-lg-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-lg-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-lg-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}
@media (min-width: 1200px) {
  .flex-xl-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-xl-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-xl-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .flex-xl-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }
  .flex-xl-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  .justify-content-xl-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-xl-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-xl-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-xl-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-xl-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-xl-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-xl-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-xl-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-xl-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

sup {
  vertical-align: super;
  font-size: smaller;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}

q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

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

@font-face {
  font-family: "Fontania";
  src: url("../font/FontaniaRegular.woff2") format("woff2"), url("../font/FontaniaRegular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
html {
  font-family: "neulis-neue", sans-serif, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 1rem;
  color: #003c7e;
  max-width: 100vw;
  overflow-x: hidden;
  position: relative;
  left: 0;
}

p strong, p b {
  font-weight: bold;
}

p {
  line-height: 1.4;
}
p a {
  text-decoration: underline;
}

li {
  line-height: 1.3;
}
li a {
  text-decoration: underline;
}

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

a {
  text-decoration: none;
  color: inherit;
}

img {
  max-width: 100%;
  max-height: 100%;
  height: auto;
  user-select: none;
}

picture, figure {
  width: 100%;
  height: 100%;
  display: block;
  user-select: none;
}

section {
  padding: 3rem 5vw 0 5vw;
}

/*Swiper common*/
.swiper {
  width: 100%;
}
.swiper:not(.swiper-initialized) .tranding-slider-control {
  display: none;
}
.swiper.swiper-initialized {
  padding-bottom: 4rem;
}
.swiper.swiper-initialized.few-slides {
  padding-bottom: 0;
}
.swiper.swiper-initialized.few-slides .swiper-wrapper {
  justify-content: center;
}
.swiper.swiper-initialized.few-slides .tranding-slider-control {
  display: none;
}

.tranding-slider-control {
  position: absolute;
  bottom: 0;
  height: 3rem;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.swiper-button-next, .swiper-button-prev {
  position: initial;
  width: 1.5rem;
  height: 1.2rem;
  margin-top: 0;
  margin: 0 1rem;
}
.swiper-button-next svg, .swiper-button-prev svg {
  width: 1.5rem;
  height: 1.2rem;
  stroke: #003c7e;
}
.swiper-button-next:after, .swiper-button-prev:after {
  content: none;
}

.swiper-pagination {
  position: initial;
  display: flex;
  align-items: center;
}
.swiper-pagination:not(.swiper-pagination-bullets-dynamic) {
  width: auto !important;
}
.swiper-pagination.swiper-pagination-bullets-dynamic {
  display: block;
  transform: translateX(0) !important;
  width: 120px !important;
}

.swiper-pagination-bullet {
  width: 1rem;
  height: 1rem;
  opacity: 1;
  background-color: transparent;
  border: 1px solid #003c7e;
  transform: scale(0.8);
  transition: background-color 0.2s cubic-bezier(0, 0.07, 0.57, 0.99), transform 0.4s cubic-bezier(0, 0.07, 0.57, 0.99);
}
.swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #003c7e;
  transform: scale(1);
}

.specialNav .tranding-slider-control {
  width: auto;
  background-color: #fff;
  border-radius: 1rem 1rem 0 0;
}
.specialNav .swiper-pagination-bullet {
  background-color: #003c7e;
  border: none;
}
.specialNav .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #00ffa9;
}
.specialNav .swiper-button-prev svg, .specialNav .swiper-button-next svg {
  fill: none;
  stroke: #003c7e;
}

.newsPreview .swiperNewsPreview .swiper-pagination-bullet {
  border-color: #fff;
}
.newsPreview .swiperNewsPreview .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #fff;
}
.newsPreview .swiperNewsPreview .swiper-button-prev svg, .newsPreview .swiperNewsPreview .swiper-button-next svg {
  stroke: #fff;
}

.center {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.center .linksRow {
  justify-content: center;
}

.spaceBtm {
  margin-bottom: 3rem;
}

.spaceTop {
  margin-top: 3rem;
}

.btn {
  display: inline-block;
  font-size: 1rem;
  text-align: center;
  line-height: 1.1;
  color: #003c7e;
  background-color: #09f7e5;
  cursor: pointer;
  position: relative;
  outline: none;
  border: none;
  padding: 0.6rem 1.5rem 0.7rem 1.5rem;
  overflow: hidden;
  border-radius: 2rem;
  font-weight: bold;
  transition: all 0.3s cubic-bezier(0, 0.07, 0.57, 0.99);
}
.btn:hover {
  color: #003c7e;
  background-color: rgb(7.2598425197, 223.2401574803, 206.905511811);
}
.btn.white {
  color: #003c7e;
  background-color: #fff;
}
.btn.mainColor {
  color: #fff;
  background: #003c7e;
}
.btn.mainColor:hover {
  background: rgb(0, 47.8571428571, 100.5);
}
.btn.reverse {
  color: #09f7e5;
  background: #003c7e;
}
.btn.reverse:hover {
  background: #ededed;
}

.liteBtn {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  font-size: 1rem;
  cursor: pointer;
  position: relative;
  font-weight: bold;
}
.liteBtn svg {
  width: 1rem;
  height: 1rem;
  margin-right: 0.5rem;
}
.liteBtn svg path {
  stroke: #003c7e;
  fill: transparent;
}
.liteBtn:hover svg {
  animation-name: bounceIt;
  animation-duration: 0.6s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  animation-delay: 0s;
  animation-fill-mode: both;
}

.secondaryBtn {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  font-size: 1rem;
  cursor: pointer;
  position: relative;
}
.secondaryBtn svg {
  width: 1rem;
  height: 1rem;
  margin-right: 0.5rem;
}
.secondaryBtn svg path {
  stroke: #003c7e;
  fill: transparent;
}
.secondaryBtn:hover svg {
  animation-name: bounceIt;
  animation-duration: 0.6s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  animation-delay: 0s;
  animation-fill-mode: both;
}

.linksRow {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.linksRow .ctaBlock {
  width: 50%;
  align-items: flex-start;
}

.title {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: nowrap;
  font-size: 1.6rem;
  font-weight: bold;
}
.title p {
  line-height: 1.2;
}
.title strong {
  font-family: "Fontania", sans-serif;
  font-size: 2.5rem;
}
.title em {
  margin-left: 0;
  margin-right: 0.3rem;
}
.title .highlight-word {
  position: relative;
  display: inline-block;
  z-index: 1;
}
.title .highlight-word::after {
  content: "";
  position: absolute;
  left: -1px;
  bottom: -1px;
  width: calc(100% + 0.4rem);
  height: 100%;
  background: #09f7e5;
  z-index: -1;
}
.title.center {
  text-align: center;
  align-items: center;
}
.title.center p {
  align-items: center;
}

.secondTitle {
  font-size: 1.4rem;
  font-weight: bold;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: nowrap;
}
.secondTitle.center {
  text-align: center;
  align-items: center;
}
.secondTitle em {
  font-size: 1.1rem;
  font-weight: 500;
}

.block {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: nowrap;
}
.block.center {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
}

.basicContent.reversedContent .basicContent_content {
  order: 2;
}
.basicContent.reversedContent .basicContent_img {
  order: 1;
}

.basicContent_img .quote {
  margin: -3rem auto 0 auto;
  max-width: 90%;
}

.visualBlock {
  background-color: #003c7e;
  padding: 2rem;
  border-radius: 2rem;
  color: #fff;
  max-width: 100%;
}
.visualBlock h2 strong, .visualBlock h3 strong {
  font-family: "Fontania", sans-serif;
  font-size: 1.6rem;
}
.visualBlock .text {
  margin: 0;
}

.col-12.visualBlock_withImage {
  flex-direction: row;
  flex-wrap: wrap;
}
.col-12.visualBlock_withImage .visualBlock {
  width: calc(50% - 1rem);
  margin-left: -5rem;
  position: relative;
  z-index: 1;
}
.col-12.visualBlock_withImage .visualBlock_image {
  width: calc(50% - 1rem);
}

.hasImgFollow {
  position: relative;
}

.imgFollow {
  will-change: transform;
}

.quote {
  font-size: 1rem;
  width: 750px;
  max-width: 100%;
  font-style: italic;
}
.quote:before {
  content: "";
  width: 50px;
  height: 60px;
  transform: translate(-1rem, 0);
  background: url("../img/quote.svg") no-repeat center;
  background-size: contain;
  display: inline-block;
}
.quote em {
  font-family: "neulis-neue", sans-serif, Helvetica, sans-serif;
  font-size: 1rem;
  font-style: italic;
  text-transform: initial;
}
.quote .signature {
  font-family: "neulis-neue", sans-serif, Helvetica, sans-serif;
  font-size: 1rem;
  margin-top: 1rem;
  font-weight: bold;
  text-align: right;
  text-transform: initial;
  font-style: normal;
}
.quote.fancy {
  font-family: "Fontania", sans-serif;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-style: normal;
}

.ctaBlock {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: nowrap;
  margin: 1rem 0;
}
.ctaBlock p {
  font-size: 1.1rem;
  margin-bottom: 0.5rem;
  font-weight: bold;
}
.ctaBlock.center {
  align-items: center;
  text-align: center;
}

.coverImg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  -o-object-fit: cover;
  -o-object-position: center;
  vertical-align: middle;
}

.rounded picture {
  border-radius: 2rem;
  overflow: hidden;
}
.rounded img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  -o-object-fit: cover;
  -o-object-position: center;
  vertical-align: middle;
}

.hasCaption {
  position: relative;
}
.hasCaption figcaption {
  position: absolute;
  bottom: 1rem;
  left: 1rem;
  width: calc(100% - 2rem);
  background: rgba(0, 61, 126, 0.3);
  color: #fff;
  padding: 0.5rem 1rem;
  border-radius: 1rem;
  font-size: 0.9rem;
  text-align: center;
}

.text {
  margin: 1.5rem 0;
  max-width: 100%;
}
.text p {
  width: 750px;
  max-width: 100%;
  margin: 0.75rem 0;
}
.text p em {
  font-style: italic;
}
.text ul {
  margin: 1rem 0;
  list-style: disc;
  padding-left: 2rem;
  width: 750px;
  max-width: 100%;
}
.text ul li {
  margin: 0.7rem 0;
  line-height: 1.2;
}
.text ul li strong {
  font-weight: bold;
}
.text ul li em {
  font-style: italic;
}
.text ul li::marker {
  color: #09f7e5;
  font-size: 1.2rem;
}
.text h2, .text h3 {
  font-size: 1.2rem;
  font-weight: bold;
  color: #09f7e5;
}
.text.center p {
  text-align: center;
  margin: 0.75rem auto;
}
.text.center ul {
  text-align: center;
  list-style-position: inside;
}
.text.center ul li {
  margin: 1.1rem auto;
}
.text.justify p {
  text-align: justify;
}

.youtubeFrame {
  border-radius: 1rem;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}
.youtubeFrame iframe {
  border-radius: 1rem;
  max-width: 100%;
}
.youtubeFrame.cmplz-blocked-content-container {
  background-size: cover;
  position: relative;
}
.youtubeFrame .cmplz-blocked-content-notice {
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 1rem;
  padding: 1rem;
  color: #000;
  position: absolute;
  bottom: 1rem;
  left: 1rem;
}
.youtubeFrame .cmplz-blocked-content-notice .cmplz-links {
  margin: 0.5rem 0;
}
.youtubeFrame .cmplz-blocked-content-notice .cmplz-links a {
  text-decoration: underline;
}
.youtubeFrame .cmplz-blocked-content-notice button {
  background-color: #000;
  color: #fff;
  border-radius: 1rem;
  padding: 0.5rem 1rem;
  font-size: 1rem;
  font-weight: 500;
  text-decoration: none;
  border: 1px solid #000;
  transition: all 0.3s;
}
.youtubeFrame .cmplz-blocked-content-notice button:hover {
  background-color: #000;
  color: #fff;
}

.basicAppear {
  opacity: 0;
}
.basicAppear.-y {
  transform: translate(0, 50px) scale(1);
}
.basicAppear.-xLeft {
  transform: translate(-200px, 0) scale(1);
}
.basicAppear.-xRight {
  transform: translate(200px, 0) scale(1);
}

.stickyAppear.toScaleImg {
  transform: scale(1.2);
}
.stickyAppear.toScale {
  transform: scale(0.7);
}
.stickyAppear.fromBtm {
  transform: translate(0, 50px);
}
.stickyAppear.fromBtm.increase {
  transform: translate(0, 100px);
}
.stickyAppear.fromTop {
  transform: translate(0, -50px);
}
.stickyAppear.fromTop.increase {
  transform: translate(0, -100px);
}
.stickyAppear.fromLeft {
  transform: translate(-50px, 0);
}
.stickyAppear.fromLeft.increase {
  transform: translate(-100px, 0);
}
.stickyAppear.fromRight {
  transform: translate(50px, 0);
}
.stickyAppear.fromRight.increase {
  transform: translate(100px, 0);
}

.loading::before,
.loading::after {
  content: "";
  position: fixed;
  z-index: 4000;
}

.loading::before {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #09f7e5;
}

.loading::after {
  top: 50%;
  left: 50%;
  width: 60px;
  height: 60px;
  margin: -30px 0 0 -30px;
  border-radius: 50%;
  opacity: 0.4;
  background: #003c7e;
  animation: loaderAnim 0.7s linear infinite alternate forwards;
}

@keyframes loaderAnim {
  to {
    opacity: 1;
    transform: scale3d(0.5, 0.5, 1);
  }
}
.strokeLines path, .strokeLines line {
  stroke-width: 20;
  stroke-linecap: round;
  stroke-linejoin: round;
  fill: none;
}

#unis path, #unis line {
  stroke: #003c7e;
}

.redStroke {
  stroke: #fc076e;
}

.greenStroke {
  stroke: #09f7e5;
}

.yellowStroke {
  stroke: #fab002;
}

.purpleStroke {
  stroke: #917bc2;
}

.pastelStroke {
  stroke: #f29daa;
}

@keyframes bounceIt {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(3px);
  }
  100% {
    transform: translateX(0);
  }
}
/*HEADER*/
header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
  padding: 1rem 2rem 0 2rem;
  width: 100%;
  z-index: 10;
  position: fixed;
  background-color: rgba(255, 255, 255, 0);
}

.logo {
  width: 200px;
  margin-bottom: 1rem;
}

.header_right {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  flex-wrap: nowrap;
}

.topLinks {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  flex-wrap: nowrap;
  gap: 1rem;
  margin-bottom: 0.5rem;
  position: relative;
  z-index: 11;
}
.topLinks p {
  font-family: "Fontania", sans-serif;
  font-size: 1.2rem;
}
.topLinks .topLinksItem {
  width: 200px;
  position: relative;
}
.topLinks .btn {
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
  width: 100%;
}
.topLinks .subTopLinks {
  width: 100%;
  position: absolute;
  right: 0;
  top: calc(100% + 0.5rem);
  background-color: #09f7e5;
  padding: 1rem;
  border-radius: 1rem;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
.topLinks .subTopLinks li {
  margin: 0.25rem 0;
}
.topLinks .subTopLinks li:first-child {
  margin-top: 0;
}
.topLinks .subTopLinks li:last-child {
  margin-bottom: 0;
}
.topLinks .subTopLinks li a {
  text-decoration: none;
  padding: 0.5rem;
  font-weight: bold;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
}
.topLinks .subTopLinks li a:before {
  content: "";
  width: 1rem;
  height: 1rem;
  min-width: 1rem;
  margin-right: 0.5rem;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDNjN2UiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS1tb3ZlLXJpZ2h0LWljb24gbHVjaWRlLW1vdmUtcmlnaHQiPjxwYXRoIGQ9Ik0xOCA4TDIyIDEyTDE4IDE2Ii8+PHBhdGggZD0iTTIgMTJIMjIiLz48L3N2Zz4=");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.topLinks .subTopLinks li a:hover:before {
  animation-name: bounceIt;
  animation-duration: 0.6s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  animation-delay: 0s;
  animation-fill-mode: both;
}
.topLinks .subTopLinks:before {
  content: "";
  width: 100%;
  height: 0.5rem;
  position: absolute;
  top: -0.5rem;
  left: 0;
}

.donationLink {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  position: relative;
  padding: 0.65rem 2.75rem 0.25rem 1.5rem;
  background-color: #09f7e5;
  border-radius: 2rem;
}
.donationLink span {
  font-family: "Fontania", sans-serif;
  font-size: 1.2rem;
}
.donationLink svg {
  width: 3rem;
  height: 3rem;
  position: absolute;
  top: calc(50% - 1.9rem);
  right: -0.4rem;
}
.donationLink svg path {
  fill: #003c7e;
  opacity: 0;
}
.donationLink svg path#heart {
  opacity: 1;
}
.donationLink:hover {
  background-color: rgb(7.2598425197, 223.2401574803, 206.905511811);
}

.menuContainer {
  padding-right: 3rem;
}

.menu {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  flex-wrap: nowrap;
  list-style: none;
  position: relative;
}
.menu li {
  margin: 0 0.25rem;
}
.menu li a, .menu li span {
  text-decoration: none;
  font-weight: 600;
  font-size: 1rem;
  user-select: none;
  cursor: pointer;
  padding: 0.5rem 1.5rem;
  display: inline-block;
}
.menu li a:hover, .menu li span:hover {
  color: #003c7e;
}
.menu li#menu-item-686 {
  margin-right: 0;
  position: relative;
  z-index: 1;
}
.menu li#menu-item-686 a {
  padding: 0.5rem 1.5rem;
  color: #fff;
  background-color: #003c7e;
  border-radius: 2rem;
  width: 200px;
  display: inline-block;
  text-align: center;
}
.menu li#menu-item-686 a:hover {
  background-color: rgb(0, 47.8571428571, 100.5);
}
.menu .mobile-arrow {
  display: none;
}
.menu > li > a, .menu > li > span {
  background-color: rgba(0, 60, 126, 0);
  border-radius: 2rem;
}
.menu > li.children > a, .menu > li.children > span {
  border-radius: 2rem;
  position: relative;
}
.menu > li.children > a:after, .menu > li.children > span:after {
  content: "";
  width: 2rem;
  height: 1rem;
  min-width: 1rem;
  position: absolute;
  right: calc(50% - 1rem);
  bottom: -0.5rem;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmZmZmYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS1jaGV2cm9uLWRvd24taWNvbiBsdWNpZGUtY2hldnJvbi1kb3duIj48cGF0aCBkPSJtNiA5IDYgNiA2LTYiLz48L3N2Zz4=");
  background-repeat: no-repeat;
  background-size: 0.75rem;
  background-position: center;
  border-radius: 2rem;
  background-color: #003c7e;
  transform: scale(0);
  transition: all 0.3s cubic-bezier(0, 0.07, 0.57, 0.99);
}
.menu > li.children.is-open > a:after, .menu > li.children.is-open > span:after {
  transform: scale(1);
  opacity: 1;
}
.menu > li.secondary {
  display: none;
}

.sub-menu {
  position: absolute;
  width: 100%;
  top: calc(100% + 1rem);
  left: 0;
  background-color: #003c7e;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  padding: 2rem;
  border-radius: 2rem;
}
.sub-menu::before {
  content: "";
  width: 100%;
  height: 1rem;
  position: absolute;
  top: -1rem;
  left: 0;
}
.sub-menu li {
  margin: 0.25rem 0;
}
.sub-menu li a {
  padding: 0.5rem 0;
  color: #fff;
  transition: all 0.3s cubic-bezier(0, 0.07, 0.57, 0.99);
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
}
.sub-menu li a:before {
  content: "";
  width: 1rem;
  height: 1rem;
  min-width: 1rem;
  margin-right: 0.5rem;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmZmZmYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS1tb3ZlLXJpZ2h0LWljb24gbHVjaWRlLW1vdmUtcmlnaHQiPjxwYXRoIGQ9Ik0xOCA4TDIyIDEyTDE4IDE2Ii8+PHBhdGggZD0iTTIgMTJIMjIiLz48L3N2Zz4=");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.sub-menu li a:hover {
  color: #09f7e5;
}
.sub-menu li a:hover:before {
  animation-name: bounceIt;
  animation-duration: 0.6s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  animation-delay: 0s;
  animation-fill-mode: both;
}

#menuTrigger {
  visibility: hidden;
  position: absolute;
  right: -100000px;
  opacity: 0;
}

.btnMenu {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  z-index: 10;
  width: 37px;
  height: 37px;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #003c7e;
  border-radius: 50%;
  position: absolute;
  right: 2rem;
  bottom: 0.5rem;
}
.btnMenu span {
  display: block;
  width: calc(100% - 1rem);
  height: 2px;
  background-color: #003c7e;
  margin: 2px 0;
  transition: all 0.3s cubic-bezier(0, 0.07, 0.57, 0.99);
}
.btnMenu.open span:nth-child(1) {
  transform: rotate(45deg) translate(4px, 4px);
}
.btnMenu.open span:nth-child(2) {
  opacity: 0;
}
.btnMenu.open span:nth-child(3) {
  transform: rotate(-45deg) translate(4.5px, -4.5px);
}

.menuLines {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  position: absolute;
  left: 3rem;
  bottom: 1rem;
  width: calc(100% - 4rem);
  user-select: none;
  pointer-events: none;
  display: none;
}
.menuLines div {
  height: 20px;
  border-radius: 20px;
  width: calc(20% + 1rem);
  margin-left: -1rem;
  transform: scaleX(0);
  transform-origin: 0 0;
}
.menuLines div:nth-child(1) {
  background-color: #fc076e;
}
.menuLines div:nth-child(2) {
  background-color: #fab002;
}
.menuLines div:nth-child(3) {
  background-color: #917bc2;
}
.menuLines div:nth-child(4) {
  background-color: #f29daa;
}
.menuLines div:nth-child(5) {
  background-color: #09f7e5;
}

body.fixedHeader header {
  pointer-events: none;
}
body.fixedHeader .btnMenu {
  pointer-events: initial;
}
body.menuOpen .onetap-container-toggle{
  display: none;
}

@media screen and (min-width: 1201px) {
  body.menuOpen .menuLines {
    display: flex;
  }
  body.menuOpen .header_right {
    position: fixed;
    width: 100vw;
    height: 100vh;
    background-color: #003c7e;
    top: 0;
    right: 0;
  }
  body.menuOpen .header_right:before {
    content: "";
    width: 100px;
    height: 60px;
    position: absolute;
    top: 1rem;
    left: 1rem;
    background-image: url("../img/logo-don-bosco-lite.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
  }
  body.menuOpen .topLinks {
    display: none;
  }
  body.menuOpen .menuContainer {
    padding-right: 0;
    width: 100%;
  }
  body.menuOpen .menu {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(6, 1fr);
    gap: 1rem;
    margin: 0 auto;
    width: 1600px;
    max-width: 100%;
    padding: 5%;
  }
  body.menuOpen .menu li a, body.menuOpen .menu li span {
    padding: 0.5rem 0;
  }
  body.menuOpen .menu > li {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    height: 100%;
  }
  body.menuOpen .menu > li > a {
    color: #fff;
  }
  body.menuOpen .menu > li.children > span {
    cursor: initial;
  }
  body.menuOpen .menu > li.children > a, body.menuOpen .menu > li.children > span {
    color: #fff;
    background-color: transparent !important;
    font-family: "Fontania", sans-serif;
    font-size: 1.8rem;
    letter-spacing: 1px;
    padding-left: 2rem;
  }
  body.menuOpen .menu > li.children > a:after, body.menuOpen .menu > li.children > span:after {
    content: none;
  }
  body.menuOpen .menu > li.children > a:before, body.menuOpen .menu > li.children > span:before {
    content: "";
    position: absolute;
    width: 1rem;
    height: 2rem;
    background-color: #09f7e5;
    bottom: calc(50% - 0.8rem);
    left: 0;
    border-radius: 1rem;
    background-image: none;
    transform: scale(1);
    transition: none;
  }
  body.menuOpen .menu > li.secondary {
    display: flex;
  }
  body.menuOpen .menu > li#menu-item-686, body.menuOpen .menu > li:nth-child(7), body.menuOpen .menu > li:nth-child(8) {
    padding: 0;
    height: 35px;
    width: 200px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: nowrap;
    align-self: flex-start;
    grid-area: 4/3/5/4;
  }
  body.menuOpen .menu > li#menu-item-686 a, body.menuOpen .menu > li:nth-child(7) a, body.menuOpen .menu > li:nth-child(8) a {
    padding: 0.5rem 1rem;
    background-color: #09f7e5;
    border-radius: 2rem;
    color: #003c7e;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
  }
  body.menuOpen .menu > li#menu-item-686 a:hover, body.menuOpen .menu > li:nth-child(7) a:hover, body.menuOpen .menu > li:nth-child(8) a:hover {
    background-color: rgb(7.2598425197, 223.2401574803, 206.905511811);
  }
  body.menuOpen .menu > li:nth-child(1) {
    grid-area: 1/1/4/2;
  }
  body.menuOpen .menu > li:nth-child(2) {
    grid-area: 1/2/4/3;
  }
  body.menuOpen .menu > li:nth-child(3) {
    grid-area: 1/3/4/4;
  }
  body.menuOpen .menu > li:nth-child(4) {
    grid-area: 4/1/7/2;
  }
  body.menuOpen .menu > li:nth-child(5) {
    grid-area: 4/2/7/3;
  }
  body.menuOpen .menu > li:nth-child(7) {
    transform: translate(0, 45px);
  }
  body.menuOpen .menu > li:nth-child(8) {
    transform: translate(0, 90px);
  }
  body.menuOpen .sub-menu {
    position: initial;
    width: 100%;
    background-color: transparent;
    box-shadow: none;
    padding: 0;
    border-radius: 0;
  }
}
@media screen and (min-width: 991px) {
  body.menuOpen .btnMenu {
    border-color: #fff;
    background-color: transparent;
  }
  body.menuOpen .btnMenu span {
    background-color: #fff;
  }
}
.followingLinesRight {
  position: fixed;
  top: 100px;
  right: -1rem;
  width: 200px;
  height: 100vh;
  pointer-events: none;
  z-index: -1;
}
.followingLinesRight svg {
  width: 100%;
  height: 100%;
}

.followingLinesLeft {
  position: fixed;
  top: 100px;
  left: -1rem;
  width: 200px;
  height: 100vh;
  pointer-events: none;
  z-index: -1;
}
.followingLinesLeft svg {
  width: 100%;
  height: 100%;
}

.hasLine > * {
  position: relative;
  z-index: 1;
}
.hasLine .rounded {
  height: 100%;
}
.hasLine .decorativeSvgLine {
  z-index: 1;
}
.hasLine.withQuote .rounded {
  height: auto;
}

.decorativeSvgLine {
  position: absolute;
  pointer-events: none;
  overflow: visible;
}

.homeHero {
  padding-top: 10rem;
}

.homeHero_inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
}

.homeAnimSpace {
  position: relative;
  width: 1100px;
  max-width: 100%;
}

.shapesAnim {
  width: 100%;
  height: 100%;
}

.peopleBackAnim, .peopleFrontAnim, #linesInline {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.shapesAnim div, .peopleBackAnim div, .peopleFrontAnim div {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.shapesAnim div:first-child, .peopleBackAnim div:first-child, .peopleFrontAnim div:first-child {
  position: relative;
}

.shapesAnim div {
  opacity: 0;
  transform: scale(0.8);
}

.peopleBackAnim div, .peopleFrontAnim div {
  transform: translate(0, 40px);
  opacity: 0;
}

.peopleBackAnim {
  z-index: 1;
}

#linesInline {
  z-index: 2;
}

.peopleFrontAnim {
  z-index: 3;
}

.heroAnimBis {
  padding-top: 8rem;
}
.heroAnimBis .row {
  align-items: center;
}

.AnimBisSpace {
  width: 900px;
  max-width: 60%;
  position: relative;
  display: flex;
  align-items: center;
}

.animBis_content {
  width: 50%;
  margin-left: -10%;
  background-color: #09f7e5;
  border-radius: 2rem;
  padding: 2rem 5rem;
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.animBis_content .title strong {
  font-size: 3rem;
}
.animBis_content .text {
  color: #fff;
  font-size: 1.3rem;
  font-weight: bold;
  margin: 0;
}
.animBis_content .text p {
  text-align: center;
}

.homeHeroContent {
  opacity: 0;
  transform: translate(0, 20px);
  max-width: 100%;
}

.swiperTopHome {
  width: 800px;
  max-width: 100%;
  overflow: visible;
}
.swiperTopHome .swiperHomeTitle {
  font-size: 1.5rem;
  font-weight: bold;
  opacity: 0;
  transform: translate(20px, 0);
}
.swiperTopHome .swiperHomeTitle p {
  line-height: 1.2;
}
.swiperTopHome .swiperHomeTitle strong {
  font-family: "Fontania", sans-serif;
  font-size: 2.5rem;
}
.swiperTopHome .swiperHomeTitle em {
  font-size: 1.5rem;
  margin-left: 0;
  margin-right: 0.3rem;
}
.swiperTopHome .swiperHomeTitle .highlight-word {
  position: relative;
  display: inline-block;
  z-index: 1;
}
.swiperTopHome .swiperHomeTitle .highlight-word::after {
  content: "";
  position: absolute;
  left: -1px;
  bottom: -1px;
  width: calc(100% + 0.4rem);
  height: 100%;
  background: #09f7e5;
  z-index: -1;
}
.swiperTopHome .text {
  padding-left: 5%;
  opacity: 0;
  transform: translate(20px, 0);
}
.swiperTopHome .btn {
  margin-left: 5%;
  opacity: 0;
  transform: translate(0, 20px);
}

.swiperTopHomeChiffresContainer {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
}

.swiperTopHomeChiffres {
  opacity: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  margin: 1rem 0;
  padding: 0 1rem;
  width: 33.33%;
}
.swiperTopHomeChiffres_number {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  font-size: 1.5rem;
  background-color: #09f7e5;
  border-radius: 50%;
  width: 5rem;
  height: 5rem;
  padding: 1rem;
  margin-bottom: 1rem;
  font-weight: bold;
  color: #fff;
}
.swiperTopHomeChiffres_text {
  text-wrap: balance;
  text-align: center;
}

.hero {
  padding-top: 8rem;
}
.hero .row {
  background-color: #09f7e5;
  border-radius: 2rem;
}

.hero_img {
  padding: 0;
  position: relative;
}
.hero_img .rounded {
  height: 100%;
  min-height: 400px;
}

.hero_content {
  padding: 2rem;
}
.hero_content .title {
  font-weight: bold;
}
.hero_content .title em {
  color: #fff;
  font-size: 1.6rem;
}
.hero_content .title .highlight-word::after {
  background: #003c7e;
}

.singleEtablissement .hero_content .title strong {
  font-family: "neulis-neue", sans-serif, Helvetica, sans-serif;
  font-size: 2rem;
}

.swiperActions {
  margin-top: 2rem;
  border-radius: 0;
}
.swiperActions.few-slides {
  border-radius: 2rem;
}
.swiperActions.few-slides .swiper-slide {
  padding: 0;
}
.swiperActions.few-slides .swiper-slide a {
  border-radius: 0;
}
.swiperActions .swiper-slide {
  padding: 0 1rem;
}
.swiperActions .swiper-slide a {
  border-radius: 2rem;
  overflow: hidden;
  display: block;
}

.swiperActionsSlide {
  height: 40vh;
}
.swiperActionsSlide a {
  position: relative;
  height: 100%;
}
.swiperActionsSlide a:hover picture {
  transform: scale(1.1);
  transition: transform 2s cubic-bezier(0, 0.07, 0.57, 0.99);
}

.swiperActions_img {
  height: 100%;
  overflow: hidden;
}
.swiperActions_img picture {
  transition: transform 0.2s cubic-bezier(0, 0.07, 0.57, 0.99);
}
.swiperActions_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  -o-object-fit: cover;
  -o-object-position: center;
  vertical-align: middle;
}

.swiperActions_content {
  position: absolute;
  bottom: 1rem;
  left: 0;
  width: 100%;
  padding: 1rem;
}
.swiperActions_content h3 {
  font-family: "Fontania", sans-serif;
  font-size: 1.6rem;
  color: #fff;
  text-align: center;
  text-wrap: balance;
}

.engagementPreview .block {
  padding-right: 5%;
}

.engagementPreview_img .quote {
  padding-left: 5vw;
  margin-top: -3rem;
  position: relative;
  z-index: 1;
}

.engagementPreview_Animation {
  position: relative;
}

.engagementPreviewBack {
  border-radius: 2rem;
  overflow: hidden;
}

.engagementPreviewFront {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
}

#engagementPreviewLines {
  position: absolute;
  width: calc(100% + 3rem);
  height: 100%;
  top: -2rem;
  left: -2rem;
  z-index: 1;
}

.membersPreviewPanel {
  margin-top: 6rem;
  background-color: #003c7e;
  border-radius: 2rem;
  padding: 2rem 5%;
  color: #fff;
}

.membersPreviewLinksRow {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  flex-wrap: wrap;
  margin-top: -5rem;
  margin-bottom: 3rem;
  width: 100%;
}

.membersPreviewLinks {
  width: calc(25% - 2rem);
  margin: 0.5rem 1rem;
  padding: 1rem 1rem 1.5rem 1rem;
  border-radius: 2rem;
  background-color: #09f7e5;
  color: #003c7e;
  text-align: center;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  transition: all 0.3s cubic-bezier(0, 0.07, 0.57, 0.99);
}
.membersPreviewLinks strong {
  display: block;
}
.membersPreviewLinks:after {
  content: "";
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  position: absolute;
  left: calc(50% - 1rem);
  bottom: -1rem;
  display: block;
  margin-top: 0.5rem;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmZmZmYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS1wbHVzLWljb24gbHVjaWRlLXBsdXMiPjxwYXRoIGQ9Ik01IDEyaDE0Ii8+PHBhdGggZD0iTTEyIDV2MTQiLz48L3N2Zz4=");
  background-color: #0051aa;
  background-repeat: no-repeat;
  background-size: 1.5rem;
  background-position: center;
  transition: all 0.3s cubic-bezier(0, 0.07, 0.57, 0.99);
}
.membersPreviewLinks:hover {
  background-color: #002f63;
  color: #fff;
}
.membersPreviewLinks:hover:after {
  transform: scale(1.1);
  background-color: #09f7e5;
}

.membersPreviewSwiper {
  margin-top: 2rem;
  margin-bottom: -4rem;
  overflow: visible;
}
.membersPreviewSwiper.swiper-initialized {
  padding-bottom: 0;
}
.membersPreviewSwiper .tranding-slider-control {
  right: 5%;
  bottom: 2rem;
  height: 2rem;
}
.membersPreviewSwiper .swiper-slide {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: nowrap;
}

.membersPreviewSwiper_img {
  width: 50%;
  height: 400px;
  transform: scale(0.9);
}
.membersPreviewSwiper_img .rounded {
  height: auto;
}
.membersPreviewSwiper_img picture {
  height: 100%;
  width: 100%;
}
.membersPreviewSwiper_img picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  -o-object-fit: cover;
  -o-object-position: center;
  vertical-align: middle;
}

.membersPreviewSwiper_content {
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: nowrap;
  padding: 1rem 1.5rem 2.5rem 1.5rem;
}
.membersPreviewSwiper_content .secondTitle {
  margin-bottom: 0.5rem;
  transform: translate(40px, 0);
  opacity: 0;
  position: relative;
}
.membersPreviewSwiper_content .secondTitle:before {
  content: "";
  position: absolute;
  width: 3rem;
  height: 3rem;
  background: url("../img/quote.svg") no-repeat center;
  background-size: contain;
  top: -3rem;
  left: 0;
}
.membersPreviewSwiper_content .text {
  margin: 0;
  transform: translate(40px, 0);
  opacity: 0;
}
.membersPreviewSwiper_content .btn {
  transform: translate(0, 40px);
  opacity: 0;
}

.joinTheTeam {
  margin-top: 3rem;
}

.joinTheTeam_content .text p {
  font-family: "Fontania", sans-serif;
  font-size: 1.2rem;
}

.joinTheTeam_img {
  position: relative;
}
.joinTheTeam_img .btn {
  position: absolute;
  bottom: 2rem;
  right: 2rem;
}

.newsPreview_inner {
  background-color: #003c7e;
  border-radius: 2rem;
  padding: 2rem 5%;
  color: #fff;
}
.newsPreview_inner .swiperNewsPreview {
  margin-bottom: 3rem;
}
.newsPreview_inner > .btn {
  margin-bottom: -3rem;
}

.notationHasContainer {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.notationHasContainer .title {
  font-size: 1.6rem;
  margin-right: 1rem;
}
.notationHasContainer .notationHasBar {
  width: 3rem;
  height: 2rem;
}
.notationHasContainer .notationHasBar svg {
  width: 100%;
  height: 100%;
}
.notationHasContainer .notationHasBar svg path {
  stroke: #003c7e;
}

.establishmentContact .row {
  background-color: #003c7e;
  border-radius: 2rem;
  padding: 2rem;
  color: #fff;
}

.establishmentMail {
  margin-bottom: 0.5rem;
  padding-left: 2rem;
  text-align: left;
}
.establishmentMail:before {
  content: "";
  width: 1rem;
  height: 1rem;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDNjN2UiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS1hdC1zaWduLWljb24gbHVjaWRlLWF0LXNpZ24iPjxjaXJjbGUgY3g9IjEyIiBjeT0iMTIiIHI9IjQiLz48cGF0aCBkPSJNMTYgOHY1YTMgMyAwIDAgMCA2IDB2LTFhMTAgMTAgMCAxIDAtNCA4Ii8+PC9zdmc+");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  left: 0.5rem;
  top: calc(50% - 0.5rem);
}

.swiperEstablishmentNumbers {
  width: 1300px;
  max-width: 100%;
}
.swiperEstablishmentNumbers .swiper-slide {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  padding: 1rem;
  text-align: center;
}

.circleNumber {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  background-color: #09f7e5;
  border-radius: 50%;
  width: 200px;
  height: 200px;
  padding: 0.75rem;
  position: relative;
}
.circleNumber .prefixe {
  font-size: 1.1rem;
  font-weight: bold;
  text-wrap: balance;
  position: absolute;
  top: calc(50% - 50px);
  left: 0;
  width: 100%;
  padding: 0 0.75rem;
}
.circleNumber .number {
  font-size: 2.5rem;
  font-weight: bold;
  color: #fff;
}
.circleNumber .denomination {
  font-size: 1.1rem;
  font-weight: bold;
  text-wrap: balance;
  position: absolute;
  top: calc(50% + 30px);
  left: 0;
  width: 100%;
  padding: 0 0.75rem;
}

.textNumber {
  margin-top: 1rem;
  text-wrap: balance;
}

.establishmentIntro ul {
  width: 600px;
  max-width: 100%;
}
.establishmentIntro ul li {
  text-align: left;
}
.establishmentIntro .quote {
  background-color: #003c7e;
  border-radius: 2rem;
  padding: 2rem;
  color: #fff;
}
.establishmentIntro .quote:before {
  margin-top: -4rem;
}

.presBlockMore {
  border-radius: 2rem;
  padding: 2rem;
  max-width: 100%;
}

.presBlockMore_logos {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 1rem;
}
.presBlockMore_logos div {
  background-color: #fff;
  padding: 1rem;
  border-radius: 1rem;
  height: 90px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
}
.presBlockMore_logos div img {
  width: auto;
}

.swiperLogoPartners .swiper-slide {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  height: auto;
}
.swiperLogoPartners .swiper-slide div {
  padding: 1rem;
  background-color: #fff;
  height: 150px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
}
.swiperLogoPartners .swiper-slide div img {
  width: auto;
}

.swiperOtherEstablishments {
  width: 1400px;
  max-width: 100%;
}
.swiperOtherEstablishments .swiper-slide {
  padding: 1rem;
  height: auto;
}
.swiperOtherEstablishments .liteBtn svg path {
  stroke: #fff;
}

.swiperEstablishmentListContainer {
  width: 100%;
}
.swiperEstablishmentListContainer + .etablissementType:before {
  content: "";
  width: 600px;
  max-width: 100%;
  height: 2px;
  margin-bottom: 2rem;
  background-color: #003c7e;
}

.etablissementType {
  margin-bottom: 2rem;
  margin-top: 2rem;
}

.establishmentsPostBlock {
  height: 100%;
  background-color: #003c7e;
  border-radius: 2rem;
  overflow: hidden;
  padding: 1rem;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
}
.establishmentsPostBlock .title {
  font-size: 1rem;
  margin-bottom: 1rem;
}
.establishmentsPostBlock .title strong {
  font-family: "neulis-neue", sans-serif, Helvetica, sans-serif;
  font-size: 1.4rem;
}
.establishmentsPostBlock .title em {
  font-size: 1rem;
  margin: 0;
  color: #fff !important;
}
.establishmentsPostBlock .title em:after {
  content: none;
}
.establishmentsPostBlock .text {
  margin-bottom: 1rem;
  margin-top: 0;
}

.establishmentsPostBlock_Img {
  height: 200px;
  width: 100%;
}
.establishmentsPostBlock_Img a {
  height: 100%;
  display: block;
}
.establishmentsPostBlock_Img .rounded {
  height: 100%;
  width: 100%;
}

.establishmentsPostBlock_Content {
  padding: 1rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex: 1;
  height: 100%;
}
.establishmentsPostBlock_Content .title {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

body.yellowColor main .btn {
  background-color: #fab002;
  color: #003c7e;
}
body.yellowColor main .btn:hover {
  background-color: #003c7e;
  color: #fff;
}
body.yellowColor main .establishmentContact .btn:hover {
  background-color: rgb(199.4047619048, 140.380952381, 1.5952380952);
  color: #003c7e;
}
body.yellowColor .title em {
  color: #003c7e;
}
body.yellowColor .title .highlight-word::after {
  background: #fab002;
}
body.yellowColor .visualBlock {
  background-color: #fab002;
  color: #003c7e;
}
body.yellowColor .visualBlock h2, body.yellowColor .visualBlock h3 {
  color: #fff;
}
body.yellowColor .visualBlock .btn {
  background-color: #003c7e;
  color: #fff;
}
body.yellowColor .visualBlock .btn:hover {
  background-color: rgb(0, 47.8571428571, 100.5);
}
body.yellowColor .notationHasBar svg path {
  stroke: #fab002;
}
body.yellowColor .notationHasContainer .btn {
  background-color: #fab002;
}
body.yellowColor .notationHisDouble {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: nowrap;
}
body.yellowColor .notationHisDouble .btn {
  margin: 0.5rem 0;
}
body.pinkColor main .btn {
  background-color: #fc076e;
  color: #fff;
}
body.pinkColor main .btn:hover {
  background-color: #003c7e;
}
body.pinkColor main .btn.establishmentMail:before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmZmZmYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS1hdC1zaWduLWljb24gbHVjaWRlLWF0LXNpZ24iPjxjaXJjbGUgY3g9IjEyIiBjeT0iMTIiIHI9IjQiLz48cGF0aCBkPSJNMTYgOHY1YTMgMyAwIDAgMCA2IDB2LTFhMTAgMTAgMCAxIDAtNCA4Ii8+PC9zdmc+");
}
body.pinkColor main .establishmentContact .btn:hover {
  background-color: rgb(205.5139442231, 2.4860557769, 87.8406374502);
}
body.pinkColor .title em {
  color: #fff;
}
body.pinkColor .title .highlight-word::after {
  background: #fc076e;
}
body.pinkColor .visualBlock {
  background-color: #fc076e;
  color: #fff;
}
body.pinkColor .visualBlock h2, body.pinkColor .visualBlock h3 {
  color: #fff;
}
body.pinkColor .visualBlock .btn {
  background-color: #fff;
}
body.pinkColor .visualBlock .btn:hover {
  background-color: rgb(242.25, 242.25, 242.25);
}
body.pinkColor .notationHasBar svg path {
  stroke: #fc076e;
}
body.pinkColor .notationHasContainer .btn {
  background-color: #fc076e;
  color: #fff;
}
body.pinkColor .notationHasContainer .btn:hover {
  background-color: rgb(205.5139442231, 2.4860557769, 87.8406374502);
}
body.purpleColor main .btn {
  background-color: #917bc2;
  color: #fff;
}
body.purpleColor main .btn:hover {
  background-color: #003c7e;
  color: #fff;
}
body.purpleColor main .btn.establishmentMail:before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmZmZmYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS1hdC1zaWduLWljb24gbHVjaWRlLWF0LXNpZ24iPjxjaXJjbGUgY3g9IjEyIiBjeT0iMTIiIHI9IjQiLz48cGF0aCBkPSJNMTYgOHY1YTMgMyAwIDAgMCA2IDB2LTFhMTAgMTAgMCAxIDAtNCA4Ii8+PC9zdmc+");
}
body.purpleColor main .establishmentContact .btn:hover {
  background-color: rgb(115.932642487, 88.1191709845, 177.8808290155);
}
body.purpleColor .title em {
  color: #fff;
}
body.purpleColor .title .highlight-word::after {
  background: #917bc2;
}
body.purpleColor .visualBlock {
  background-color: #917bc2;
  color: #fff;
}
body.purpleColor .visualBlock h2, body.purpleColor .visualBlock h3 {
  color: #fff;
}
body.purpleColor .visualBlock .btn {
  background-color: #fff;
}
body.purpleColor .visualBlock .btn:hover {
  background-color: rgb(242.25, 242.25, 242.25);
}
body.purpleColor .notationHasBar svg path {
  stroke: #917bc2;
}
body.purpleColor .notationHasContainer .btn {
  background-color: #917bc2;
  color: #fff;
}
body.purpleColor .notationHasContainer .btn:hover {
  background-color: rgb(115.932642487, 88.1191709845, 177.8808290155);
}
body.greenColor .visualBlock {
  background-color: #09f7e5;
  color: #003c7e;
}
body.greenColor .visualBlock h2, body.greenColor .visualBlock h3 {
  color: #003c7e;
}
body.greenColor .visualBlock .btn {
  background-color: #003c7e;
}
body.greenColor .visualBlock .btn:hover {
  background-color: rgb(0, 47.8571428571, 100.5);
}
body.greenColor .notationHasBar svg path {
  stroke: #09f7e5;
}
body.pastelColor main .btn {
  background-color: #f29daa;
  color: #fff;
}
body.pastelColor main .btn:hover {
  background-color: #003c7e;
  color: #fff;
}
body.pastelColor main .btn.establishmentMail:before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmZmZmYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS1hdC1zaWduLWljb24gbHVjaWRlLWF0LXNpZ24iPjxjaXJjbGUgY3g9IjEyIiBjeT0iMTIiIHI9IjQiLz48cGF0aCBkPSJNMTYgOHY1YTMgMyAwIDAgMCA2IDB2LTFhMTAgMTAgMCAxIDAtNCA4Ii8+PC9zdmc+");
}
body.pastelColor main .establishmentContact .btn:hover {
  background-color: rgb(236.027027027, 111.972972973, 130.9459459459);
}
body.pastelColor .title em {
  color: #fff;
}
body.pastelColor .title .highlight-word::after {
  background: #f29daa;
}
body.pastelColor .visualBlock {
  background-color: #f29daa;
  color: #fff;
}
body.pastelColor .visualBlock h2, body.pastelColor .visualBlock h3 {
  color: #fff;
}
body.pastelColor .visualBlock .btn {
  background-color: #fff;
  color: #003c7e;
}
body.pastelColor .visualBlock .btn:hover {
  background-color: rgb(242.25, 242.25, 242.25);
}
body.pastelColor .notationHasBar svg path {
  stroke: #f29daa;
}
body.pastelColor .notationHasContainer .btn {
  background-color: #f29daa;
  color: #fff;
}
body.pastelColor .notationHasContainer .btn:hover {
  background-color: rgb(236.027027027, 111.972972973, 130.9459459459);
}

.heroSupport .title {
  position: relative;
  margin-top: 2rem;
}
.heroSupport .title p {
  position: relative;
  z-index: 1;
}
.heroSupport .title:before {
  content: "";
  position: absolute;
  width: 10rem;
  height: 7rem;
  background: url("../img/heart.svg") no-repeat center;
  background-size: contain;
  top: -3rem;
  left: calc(50% - 5rem);
  opacity: 0.7;
}

.supportMenu .btn {
  padding: 0.6rem 2rem 0.7rem 2rem;
}
.supportMenu .btn:before {
  content: "";
  width: 1rem;
  height: 1rem;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmZmZmYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS1tb3ZlLXJpZ2h0LWljb24gbHVjaWRlLW1vdmUtcmlnaHQiPjxwYXRoIGQ9Ik0xOCA4TDIyIDEyTDE4IDE2Ii8+PHBhdGggZD0iTTIgMTJIMjIiLz48L3N2Zz4=");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  left: 0.5rem;
  top: calc(50% - 0.5rem);
  opacity: 0;
  transition: opacity 0.2s cubic-bezier(0, 0.07, 0.57, 0.99);
}
.supportMenu .btn.active {
  background-color: #003c7e;
  color: #fff;
}
.supportMenu .btn.active:before {
  opacity: 1;
}
.supportMenu .btn[data-view=produits] {
  background-color: #fc076e;
  color: #fff;
}
.supportMenu .btn[data-view=produits]:hover {
  background-color: rgb(205.5139442231, 2.4860557769, 87.8406374502);
}
.supportMenu .btn[data-view=services] {
  background-color: #917bc2;
  color: #fff;
}
.supportMenu .btn[data-view=services]:hover {
  background-color: rgb(115.932642487, 88.1191709845, 177.8808290155);
}
.supportMenu .btn[data-view=mecenat] {
  background-color: #f29daa;
  color: #fff;
}
.supportMenu .btn[data-view=mecenat]:hover {
  background-color: rgb(236.027027027, 111.972972973, 130.9459459459);
}
.supportMenu .btn[data-view=dons] {
  background-color: #fab002;
  color: #fff;
}
.supportMenu .btn[data-view=dons]:hover {
  background-color: rgb(224.7023809524, 158.1904761905, 1.7976190476);
}

.supportView {
  display: none;
  opacity: 0;
}
.supportView .text {
  margin: 1.5rem 0 0.5rem 0;
}
.supportView .text h3 {
  font-family: "Fontania", sans-serif;
  font-size: 1.6rem;
  color: #003c7e;
}
.supportView .text .btn {
  text-decoration: none;
}
.supportView .text + .btn {
  margin-bottom: 1rem;
}
.supportView .btn + .btn {
  margin-top: 0.5rem;
}
.supportView#view-produits .title em {
  color: #fff;
}
.supportView#view-produits .title .highlight-word::after {
  background: #fc076e;
}
.supportView#view-produits .text h3 {
  color: #fc076e;
}
.supportView#view-produits .btn {
  background-color: #fc076e;
  color: #fff;
}
.supportView#view-produits .btn:hover {
  background-color: rgb(205.5139442231, 2.4860557769, 87.8406374502);
}
.supportView#view-services .title em {
  color: #fff;
}
.supportView#view-services .title .highlight-word::after {
  background: #917bc2;
}
.supportView#view-services .text h3 {
  color: #917bc2;
}
.supportView#view-services .btn {
  background-color: #917bc2;
  color: #fff;
}
.supportView#view-services .btn:hover {
  background-color: rgb(115.932642487, 88.1191709845, 177.8808290155);
}
.supportView#view-mecenat .title em {
  color: #fff;
}
.supportView#view-mecenat .title .highlight-word::after {
  background: #f29daa;
}
.supportView#view-mecenat .text h3 {
  color: #f29daa;
}
.supportView#view-mecenat .btn {
  background-color: #f29daa;
  color: #fff;
}
.supportView#view-mecenat .btn:hover {
  background-color: rgb(236.027027027, 111.972972973, 130.9459459459);
}
.supportView#view-dons .title .highlight-word::after {
  background: #fab002;
}
.supportView#view-dons .text h3 {
  color: #fab002;
}
.supportView#view-dons .btn {
  background-color: #fab002;
}
.supportView#view-dons .btn:hover {
  background-color: rgb(224.7023809524, 158.1904761905, 1.7976190476);
}

.supportView.active {
  display: block;
}

.googleMapLink {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: nowrap;
  position: relative;
  padding: 0.25rem 2rem 0.25rem 2rem;
}
.googleMapLink i {
  font-weight: bold;
}
.googleMapLink:before {
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  background-image: url("../img/picto-map.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  left: 0;
  top: calc(50% - 0.75rem);
}

.supportPartners {
  margin-top: 3rem;
}

.swiperLogoContainer {
  width: 100%;
}

.swiperLogos {
  margin: 1rem 0;
}
.swiperLogos .swiper-slide {
  padding: 1rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
}
.swiperLogos .swiper-slide a, .swiperLogos .swiper-slide div {
  width: 100px;
  height: 100px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
}
.swiperLogos .swiper-slide a img, .swiperLogos .swiper-slide div img {
  width: auto;
  height: auto;
  max-height: 70px;
}

.actionChildPages li {
  margin: 0.5rem 0;
  color: #fff;
}
.actionChildPages li a {
  text-decoration: none;
  font-size: 1.3rem;
  font-family: "Fontania", sans-serif;
  letter-spacing: 1px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  transition: color 0.2s cubic-bezier(0, 0.07, 0.57, 0.99);
}
.actionChildPages li a svg {
  width: 2rem;
  min-width: 2rem;
  height: 2rem;
  margin-right: 0.5rem;
}
.actionChildPages li a svg circle {
  fill: #fff;
  transition: fill 0.2s cubic-bezier(0, 0.07, 0.57, 0.99);
}
.actionChildPages li a svg path {
  stroke: #003c7e;
  fill: none;
  transition: stroke 0.2s cubic-bezier(0, 0.07, 0.57, 0.99);
}
.actionChildPages li a:hover {
  color: #003c7e;
}
.actionChildPages li a:hover svg {
  transform: scale(1.1);
}
.actionChildPages li a:hover svg circle {
  fill: #003c7e;
}
.actionChildPages li a:hover svg path {
  stroke: #fff;
}

.actionListGrid {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
}

.actionItem {
  padding: 2rem;
  border-radius: 2rem;
  background-image: url("../img/activite-surf-sur-le-bassin.png");
  background-size: cover;
  background-attachment: fixed;
  position: relative;
  overflow: hidden;
  height: 300px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
}
.actionItem:hover h2:after {
  transform: scale(1.1);
}
.actionItem:hover:before {
  background-color: #006ffa !important;
}
.actionItem h2 {
  position: relative;
  z-index: 1;
  color: #fff;
  text-wrap: balance;
  text-align: center;
}
.actionItem h2:after {
  content: "";
  position: absolute;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  background-color: #fff;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDNjN2UiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS1saXN0LXBsdXMtaWNvbiBsdWNpZGUtbGlzdC1wbHVzIj48cGF0aCBkPSJNMTYgNUgzIi8+PHBhdGggZD0iTTExIDEySDMiLz48cGF0aCBkPSJNMTYgMTlIMyIvPjxwYXRoIGQ9Ik0xOCA5djYiLz48cGF0aCBkPSJNMjEgMTJoLTYiLz48L3N2Zz4=");
  background-repeat: no-repeat;
  background-position: 0.55rem 0.45rem;
  background-size: 1.1rem;
  bottom: -3rem;
  left: calc(50% - 1rem);
  transition: transform 0.2s cubic-bezier(0, 0.07, 0.57, 0.99);
}
.actionItem:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  mix-blend-mode: multiply;
  z-index: 0;
  transition: background-color 0.2s cubic-bezier(0, 0.07, 0.57, 0.99) 0.3s cubic-bezier(0, 0.07, 0.57, 0.99);
}
.actionItem:nth-child(1):before {
  background-color: #11f7e5;
}
.actionItem:nth-child(2):before {
  background-color: #fc076e;
}
.actionItem:nth-child(3):before {
  background-color: #917bc2;
}
.actionItem:nth-child(4):before {
  background-color: #ffa800;
}
.actionItem:nth-child(5):before {
  background-color: #0e4687;
}
.actionItem:nth-child(6):before {
  background-color: #f1819e;
}

.actionItemGrid {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
  margin: 4rem 0 2rem 0;
  position: relative;
  z-index: 1;
}
.actionItemGrid > div {
  padding: 2rem 1rem 1rem 1rem;
  border-radius: 1rem;
  position: relative;
  border: 2px solid #fff;
}
.actionItemGrid.--4 {
  grid-template-columns: repeat(4, 1fr);
}
.actionItemGrid .countBlock {
  border-radius: 50%;
  width: 3rem;
  height: 3rem;
  background-color: #fff;
  color: #003c7e;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  font-weight: bold;
  font-size: 2rem;
  position: absolute;
  top: -1.5rem;
  left: -1.5rem;
}

.f-html.actionItemFancy {
  padding: 0;
  background-color: transparent;
  background: transparent;
}
.f-html#content1 .actionItemFancyWrapper {
  color: #003c7e;
}
.f-html#content1 .actionItemFancyWrapper .backgroundItem {
  background-color: #09f7e5;
}
.f-html#content1 .actionItemGrid > div {
  border-color: #003c7e;
}
.f-html#content1 .actionItemGrid .countBlock {
  background-color: #003c7e;
  color: #09f7e5;
}
.f-html#content2 .actionItemFancyWrapper .backgroundItem {
  background-color: #fc076e;
}
.f-html#content2 .actionItemGrid .countBlock {
  color: #fc076e;
}
.f-html#content3 .actionItemFancyWrapper .backgroundItem {
  background-color: #917bc2;
}
.f-html#content3 .actionItemGrid .countBlock {
  color: #917bc2;
}
.f-html#content4 .actionItemFancyWrapper .backgroundItem {
  background-color: #fab002;
}
.f-html#content4 .actionItemGrid .countBlock {
  color: #fab002;
}
.f-html#content5 .actionItemFancyWrapper .backgroundItem {
  background-color: #003c7e;
}
.f-html#content5 .actionItemGrid .countBlock {
  color: #003c7e;
}
.f-html#content6 .actionItemFancyWrapper .backgroundItem {
  background-color: #f29daa;
}
.f-html#content6 .actionItemGrid .countBlock {
  color: #f29daa;
}

.actionItemFancyWrapper {
  overflow: hidden;
  border-radius: 2rem;
  padding: 2rem 3rem;
  position: relative;
  overflow: hidden;
}
.actionItemFancyWrapper .backgroundItem {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 0;
}
.actionItemFancyWrapper .secondTitle {
  position: relative;
  z-index: 1;
}
.actionItemFancyWrapper .text {
  position: relative;
  z-index: 1;
}
.actionItemFancyWrapper .text p {
  width: 100%;
}

.swiperProjectContainer .swiper-slide {
  padding: 1rem;
}

.swiperProject_content {
  padding: 1rem;
  margin-top: 1rem;
}

.missionList {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  max-width: 100%;
}

.missionItem {
  position: relative;
  max-width: 100%;
}
.missionItem:before {
  content: "";
  position: absolute;
  width: 1rem;
  height: 100%;
  border-radius: 1rem;
  top: 2rem;
  left: -3.5rem;
  z-index: -1;
}
.missionItem:nth-child(1):before {
  background-color: #fc076e;
}
.missionItem:nth-child(1) .missionItem_title div {
  background-color: #fc076e;
}
.missionItem:nth-child(2):before {
  background-color: #fab002;
}
.missionItem:nth-child(2) .missionItem_title div {
  background-color: #fab002;
}
.missionItem:nth-child(3):before {
  background-color: #09f7e5;
}
.missionItem:nth-child(3) .missionItem_title div {
  background-color: #09f7e5;
}
.missionItem:nth-child(4):before {
  background-color: #917bc2;
}
.missionItem:nth-child(4) .missionItem_title div {
  background-color: #917bc2;
}
.missionItem:nth-child(5):before {
  background-color: #f29daa;
}
.missionItem:nth-child(5) .missionItem_title div {
  background-color: #f29daa;
}
.missionItem:last-child:before {
  content: none;
}

.missionItem_title {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
}
.missionItem_title div {
  width: 4rem;
  height: 4rem;
  min-width: 4rem;
  margin-left: -5rem;
  margin-right: 1rem;
  background-color: #09f7e5;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  font-weight: bold;
  color: #fff;
  font-size: 2rem;
}

.directionPole {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  gap: 1rem;
  margin-top: 2rem;
}

.directionPole_img {
  width: 250px;
  height: 250px;
}

.directionPole_text .secondTitle {
  margin-bottom: 1rem;
}

.narration {
  overflow: hidden;
}
.narration:nth-child(odd) .narrationContent {
  order: 2;
}
.narration:nth-child(odd) .narrationVisual {
  order: 1;
}

.narrationContent .title {
  margin-bottom: 2rem;
}
.narrationContent .text {
  margin: 0;
}
.narrationContent .narrationContentBtn {
  margin: 0.5rem 0;
}
.narrationContent .narrationContentBtn .secondTitle {
  margin-bottom: 0.5rem;
}
.narrationContent .btnFancy {
  cursor: pointer;
  font-family: "Fontania", sans-serif;
  text-decoration: none;
  font-size: 1.3rem;
  letter-spacing: 1px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  transition: color 0.2s cubic-bezier(0, 0.07, 0.57, 0.99);
}
.narrationContent .btnFancy svg {
  width: 2rem;
  min-width: 2rem;
  height: 2rem;
  margin-right: 0.5rem;
}
.narrationContent .btnFancy svg circle {
  fill: #003c7e;
  transition: fill 0.2s cubic-bezier(0, 0.07, 0.57, 0.99);
}
.narrationContent .btnFancy svg path {
  stroke: #fff;
  fill: none;
  transition: stroke 0.2s cubic-bezier(0, 0.07, 0.57, 0.99);
}
.narrationContent .btnFancy:hover {
  color: #09f7e5;
}
.narrationContent .btnFancy:hover svg {
  transform: scale(1.1);
}
.narrationContent .btnFancy:hover svg circle {
  fill: #09f7e5;
}
.narrationContent .btnFancy:hover svg path {
  stroke: #003c7e;
}

.narrationVisual .quote {
  padding: 0 5%;
  margin-top: -2rem;
}

.historyDates {
  overflow: hidden;
}

.historyDatesTitle h2 {
  width: 1000px;
  max-width: 100%;
  margin: 0 auto;
  text-wrap: balance;
  color: #09f7e5;
  font-weight: bold;
  font-size: 2rem;
}
.historyDatesTitle h2 strong {
  font-size: 150%;
  color: #003c7e;
}

.dateQuickAccess {
  margin-top: 2rem;
}

.dateSelect {
  position: relative;
  display: inline-block;
  width: 300px;
  max-width: 100%;
  cursor: pointer;
  user-select: none;
}
.dateSelect > p {
  margin: 0;
  padding: 0.75rem 2rem;
  border-radius: 2rem;
  background: #09f7e5;
  position: relative;
  font-weight: bold;
}
.dateSelect > p:after {
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDNjN2UiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS1saXN0LWNoZXZyb25zLXVwLWRvd24taWNvbiBsdWNpZGUtbGlzdC1jaGV2cm9ucy11cC1kb3duIj48cGF0aCBkPSJNMyA1aDgiLz48cGF0aCBkPSJNMyAxMmg4Ii8+PHBhdGggZD0iTTMgMTloOCIvPjxwYXRoIGQ9Im0xNSA4IDMtMyAzIDMiLz48cGF0aCBkPSJtMTUgMTYgMyAzIDMtMyIvPjwvc3ZnPg==");
  background-repeat: no-repeat;
  background-size: 1.25rem;
  background-position: center;
  position: absolute;
  top: calc(50% - 0.75rem);
  right: 1rem;
}
.dateSelect.open .dateSelectContent {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  height: 200px;
}

.dateSelectContent {
  position: absolute;
  top: calc(100% + 1rem);
  left: 0;
  right: 0;
  background: #09f7e5;
  border-top: none;
  border-radius: 1rem;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  overflow-y: scroll;
  height: 0;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-4px);
  transition: all 0.2s cubic-bezier(0, 0.07, 0.57, 0.99) 0.3s cubic-bezier(0, 0.07, 0.57, 0.99);
  z-index: 10;
}

.dateItem {
  padding: 0.75rem 1rem;
  transition: background 0.15s cubic-bezier(0, 0.07, 0.57, 0.99) color 0.15s cubic-bezier(0, 0.07, 0.57, 0.99) cubic-bezier(0, 0.07, 0.57, 0.99);
}
.dateItem:hover, .dateItem.selected {
  background: #003c7e;
  color: #fff;
}
.dateItem:first-child {
  padding-top: 1.25rem;
}
.dateItem:last-child {
  padding-bottom: 1.25rem;
}

.swiperDates {
  width: 500px;
  margin: 0.5rem auto 0 auto;
  overflow: visible;
}
.swiperDates .swiper-slide {
  padding: 1rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
}
.swiperDates .swiper-slide:nth-child(5n+1) .date {
  border-color: #fc076e;
  color: #fc076e;
}
.swiperDates .swiper-slide:nth-child(5n+2) .date {
  border-color: #fab002;
  color: #fab002;
}
.swiperDates .swiper-slide:nth-child(5n+3) .date {
  border-color: #917bc2;
  color: #917bc2;
}
.swiperDates .swiper-slide:nth-child(5n+4) .date {
  border-color: #f29daa;
  color: #f29daa;
}
.swiperDates .swiper-slide:nth-child(5n+5) .date {
  border-color: #09f7e5;
  color: #09f7e5;
}
.swiperDates .swiper-slide:after {
  content: "";
  width: calc(100% + 2rem);
  height: 4px;
  position: absolute;
  right: calc(-50% - 1rem);
  top: 4.35rem;
  z-index: 0;
  background-color: #09f7e5;
}
.swiperDates .swiper-slide:last-child:after {
  content: none;
}
.swiperDates .date {
  width: 7rem;
  height: 7rem;
  border-radius: 50%;
  border: 4px solid transparent;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  font-weight: bold;
  font-size: 2rem;
  transform: scale(0.6);
  position: relative;
  z-index: 1;
}
.swiperDates .text {
  width: calc(100% - 8rem);
  margin: 0 0 1rem 0;
  transform: scale(0.6);
  position: relative;
  z-index: 1;
}
.swiperDates .tranding-slider-control {
  top: -3.5rem;
  right: -165px;
  height: 3rem;
  justify-content: flex-end;
  width: 230px;
}

.swiperEquipeContainer {
  width: 100%;
}
.swiperEquipeContainer .swiperEquipe {
  width: 1200px;
  max-width: 100%;
}
.swiperEquipeContainer .swiper-slide:nth-child(5n+1) .role {
  color: #fc076e;
}
.swiperEquipeContainer .swiper-slide:nth-child(5n+2) .role {
  color: #fab002;
}
.swiperEquipeContainer .swiper-slide:nth-child(5n+3) .role {
  color: #917bc2;
}
.swiperEquipeContainer .swiper-slide:nth-child(5n+4) .role {
  color: #f29daa;
}
.swiperEquipeContainer .swiper-slide:nth-child(5n+5) .role {
  color: #09f7e5;
}

.memberItem {
  padding: 1rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  text-align: center;
}

.memberItem_img {
  width: 200px;
  height: 200px;
  border-radius: 2rem;
  overflow: hidden;
  margin-bottom: 1rem;
}
.memberItem_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  -o-object-fit: cover;
  -o-object-position: center;
  vertical-align: middle;
}

.memberItem_content {
  text-wrap: balance;
}
.memberItem_content .name {
  font-weight: bold;
  font-size: 1.2rem;
  margin: 0;
}
.memberItem_content .role {
  margin: 0.25rem 0;
  font-size: 1.4rem;
  font-family: "Fontania", sans-serif;
  letter-spacing: 1px;
  line-height: 1.1;
}

.prettyList ul {
  list-style: none;
  width: 750px;
  max-width: 100%;
}
.prettyList ul li {
  padding: 0.75rem 1.5rem 0.75rem 4rem;
  margin-bottom: 1rem;
  text-align: left;
  position: relative;
}
.prettyList ul li:nth-child(5n+1) .prettyList_arrow path {
  fill: #fc076e;
}
.prettyList ul li:nth-child(5n+2) .prettyList_arrow path {
  fill: #fab002;
}
.prettyList ul li:nth-child(5n+3) .prettyList_arrow path {
  fill: #917bc2;
}
.prettyList ul li:nth-child(5n+4) .prettyList_arrow path {
  fill: #f29daa;
}
.prettyList ul li:nth-child(5n+5) .prettyList_arrow path {
  fill: #09f7e5;
}
.prettyList .prettyList_arrow {
  width: 2rem;
  height: 1rem;
  position: absolute;
  left: 1rem;
  top: 0.9rem;
}

.commissionBlock {
  margin-bottom: -2rem;
  position: relative;
  z-index: 1;
}

.commissionBlock_content {
  background-color: #003c7e;
  color: #fff;
  border-radius: 2rem;
  padding: 2rem;
  max-width: 100%;
}

.espaceReflexion_visual picture {
  border-radius: 2rem;
  overflow: hidden;
  display: block;
  width: 100%;
}
.espaceReflexion_visual picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  -o-object-fit: cover;
  -o-object-position: center;
  vertical-align: middle;
}

.comiteBlock {
  margin-top: -2rem;
  position: relative;
  z-index: 1;
}

.comiteBlock_content {
  background-color: #917bc2;
  padding: 2rem;
  border-radius: 2rem;
  color: #fff;
}

.ambitionsList {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  flex-wrap: wrap;
  gap: 2rem;
}

.ambitionsItem {
  padding: 1rem 1rem 1rem 3rem;
  border-radius: 2rem;
  background-color: #003c7e;
  color: #fff;
  width: calc(33.33% - 2rem);
  height: auto;
  position: relative;
}
.ambitionsItem .text {
  margin: 0;
}
.ambitionsItem .text strong {
  font-size: 1.1rem;
}
.ambitionsItem:nth-child(5n+1) {
  background-color: #fc076e;
}
.ambitionsItem:nth-child(5n+2) {
  background-color: #fab002;
}
.ambitionsItem:nth-child(5n+3) {
  background-color: #917bc2;
}
.ambitionsItem:nth-child(5n+4) {
  background-color: #f29daa;
}
.ambitionsItem:nth-child(5n+5) {
  background-color: #09f7e5;
}

.ambitionsItem_number {
  font-size: 2.5rem;
  font-weight: bold;
  position: absolute;
  top: 1rem;
  left: 1rem;
}

.themePartners .row {
  border: 2px solid #003c7e;
  border-radius: 2rem;
  padding: 2rem 2rem 1rem 2rem;
  margin-bottom: 2rem;
}
.themePartners + .coordinateurs {
  padding-top: 0;
}

.subTheme {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  width: 100%;
  position: relative;
}
.subTheme:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background-color: #003c7e;
  display: block;
}
.subTheme:last-child:after {
  content: none;
}

.subThemeToggle {
  padding: 1rem;
  margin-top: 1rem;
  margin-bottom: 1rem;
  border-radius: 1rem;
  width: 100%;
  cursor: pointer;
  font-weight: bold;
  font-size: 1.4rem;
  position: relative;
}
.subThemeToggle div {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
}
.subThemeToggle svg {
  width: 1.5rem;
  min-width: 1.5rem;
  height: 1.5rem;
  margin-left: auto;
}
.subThemeToggle svg path {
  stroke: #003c7e;
  fill: none;
  transition: stroke 0.2s cubic-bezier(0, 0.07, 0.57, 0.99);
}
.subThemeToggle:hover, .subThemeToggle.active {
  background-color: #003c7e;
  color: #fff;
}
.subThemeToggle:hover svg path, .subThemeToggle.active svg path {
  stroke: #fff;
}

.subThemeContent {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  grid-auto-flow: dense;
  gap: 2rem;
  height: 0;
  overflow: hidden;
}
.subThemeContent:after {
  content: "";
  width: 100%;
  height: 0;
  grid-column: 1/-1;
}

.subThemePartner {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  min-height: 180px;
  padding: 2rem;
  border-radius: 2rem;
  border: 3px solid #003c7e;
  opacity: 0;
  transform: translate(0, 20px);
}
.subThemePartner h3 {
  font-size: 1.2rem;
  font-weight: bold;
  margin: 0 0 1rem 0;
}
.subThemePartner .text {
  margin: 0;
}
.subThemePartner .website {
  font-weight: bold;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
}
.subThemePartner .website:before {
  content: "";
  width: 1rem;
  height: 1rem;
  min-width: 1rem;
  margin-right: 0.5rem;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDNDN0UiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS1tb3ZlLXJpZ2h0LWljb24gbHVjaWRlLW1vdmUtcmlnaHQiPjxwYXRoIGQ9Ik0xOCA4TDIyIDEyTDE4IDE2Ii8+PHBhdGggZD0iTTIgMTJIMjIiLz48L3N2Zz4=");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.subThemePartner .website:hover:before {
  animation-name: bounceIt;
  animation-duration: 0.6s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  animation-delay: 0s;
  animation-fill-mode: both;
}
.subThemePartner:nth-child(5n+1) {
  border-color: #fc076e;
}
.subThemePartner:nth-child(5n+2) {
  border-color: #fab002;
}
.subThemePartner:nth-child(5n+3) {
  border-color: #917bc2;
}
.subThemePartner:nth-child(5n+4) {
  border-color: #f29daa;
}
.subThemePartner:nth-child(5n+5) {
  border-color: #09f7e5;
}

.subThemeInfo {
  grid-column: auto/span 2;
  opacity: 0;
  transform: translate(0, 20px);
}
.subThemeInfo .text {
  margin: 0;
  padding: 2rem;
  border-radius: 2rem;
  background-color: #003c7e;
  color: #fff;
  font-weight: bold;
  height: 100%;
}

.tempsForts .quote {
  margin: -2rem auto 0 auto;
  max-width: 90%;
}

.tempsFortsContainer {
  background-color: #003c7e;
  border-radius: 2rem;
  padding: 2rem;
  color: #fff;
}

.tempsFortsBlockContainer {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 2rem;
}

.tempsFortsBlockItem {
  width: 450px;
  max-width: calc(50% - 1rem);
}

.tempsFortsBlockContainer_img {
  width: 100%;
  height: 200px;
}

.tempsFortsBlockContainer_content {
  margin-top: 2rem;
}
.tempsFortsBlockContainer_content .text {
  margin: 0;
}

.enterEnScene ol {
  padding-left: 2rem;
}
.enterEnScene ol li {
  margin: 2rem 0;
  counter-increment: list-item;
  font-size: 1.1rem;
  position: relative;
  padding-left: 3.5rem;
}
.enterEnScene ol li strong {
  font-weight: bold;
}
.enterEnScene ol li:before {
  content: counter(list-item);
  font-weight: bold;
  font-size: 1.5rem;
  width: 3rem;
  height: 3rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  border-radius: 50%;
  background-color: #09f7e5;
  color: #fff;
  position: absolute;
  left: 0;
  top: calc(50% - 1.5rem);
}

.coordinateurContainer {
  background-color: #003c7e;
  border-radius: 2rem;
  padding: 2rem 5%;
  color: #fff;
  width: 100%;
}
.coordinateurContainer .title {
  width: 900px;
  max-width: 100%;
  margin: 0 auto;
  text-wrap: balance;
}
.coordinateurContainer .secondTitle {
  margin-top: 2rem;
}

.coordinateurList {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 2rem;
  margin-top: 1rem;
}

.coordinateurItem {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  text-align: center;
}
.coordinateurItem a {
  margin: 0.25rem 0;
}

.fonction {
  color: #09f7e5;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.rseListeSection .row {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
  gap: 2rem;
}

.rseListeItem {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  background-color: transparent;
  padding: 2rem 4rem 2rem 2rem;
  border-radius: 2rem;
  cursor: pointer;
  position: relative;
  border: 2px solid #003c7e;
  transition: background-color 0.2s cubic-bezier(0, 0.07, 0.57, 0.99);
}
.rseListeItem:nth-child(5n+1) .title {
  color: #fc076e;
}
.rseListeItem:nth-child(5n+1) .rseListeItem_intro_pictogramme {
  background-color: #fc076e;
}
.rseListeItem:nth-child(5n+2) .title {
  color: #fab002;
}
.rseListeItem:nth-child(5n+2) .rseListeItem_intro_pictogramme {
  background-color: #fab002;
}
.rseListeItem:nth-child(5n+3) .title {
  color: #917bc2;
}
.rseListeItem:nth-child(5n+3) .rseListeItem_intro_pictogramme {
  background-color: #917bc2;
}
.rseListeItem:nth-child(5n+4) .title {
  color: #f29daa;
}
.rseListeItem:nth-child(5n+4) .rseListeItem_intro_pictogramme {
  background-color: #f29daa;
}
.rseListeItem:nth-child(5n+5) .title {
  color: #09f7e5;
}
.rseListeItem:nth-child(5n+5) .rseListeItem_intro_pictogramme {
  background-color: #09f7e5;
}
.rseListeItem .title {
  position: relative;
  font-size: 1.2rem;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
}
.rseListeItem .title strong {
  font-size: 1.6rem;
}
.rseListeItem:after {
  content: "";
  position: absolute;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  background-color: #fff;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDNjN2UiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS1saXN0LXBsdXMtaWNvbiBsdWNpZGUtbGlzdC1wbHVzIj48cGF0aCBkPSJNMTYgNUgzIi8+PHBhdGggZD0iTTExIDEySDMiLz48cGF0aCBkPSJNMTYgMTlIMyIvPjxwYXRoIGQ9Ik0xOCA5djYiLz48cGF0aCBkPSJNMjEgMTJoLTYiLz48L3N2Zz4=");
  background-repeat: no-repeat;
  background-position: 0.55rem 0.45rem;
  background-size: 1.1rem;
  bottom: 1rem;
  right: 1rem;
  transition: transform 0.2s cubic-bezier(0, 0.07, 0.57, 0.99);
}
.rseListeItem:hover {
  background-color: #003c7e !important;
  color: #fff;
}
.rseListeItem:hover .title {
  color: #fff !important;
}
.rseListeItem:hover .rseListeItem_intro_pictogramme {
  background-color: #003c7e !important;
}
.rseListeItem:hover:after {
  transform: scale(1.1);
}

.rseListeItem_intro {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: nowrap;
}

.rseListeItem_intro_pictogramme {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  width: 120px;
  min-width: 120px;
  height: 60px;
  margin-right: 1rem;
  padding: 1rem;
  border-radius: 1rem;
  transition: background-color 0.2s cubic-bezier(0, 0.07, 0.57, 0.99);
}
.rseListeItem_intro_pictogramme img {
  width: auto;
  height: auto;
}

.rseListeItem_intro_content .secondTitle {
  margin-bottom: 0.5rem;
  font-size: 1.1rem;
  margin-top: 1rem;
}
.rseListeItem_intro_content .text {
  margin: 0;
}

.rseNumber {
  padding: 0.3rem;
  border-radius: 1rem;
  background-color: #09f7e5;
  color: #003c7e;
  width: 2.5rem;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  font-family: "Fontania", sans-serif;
  font-size: 2rem;
  font-weight: bold;
  margin-right: 0.5rem;
}

.rseListeItem_details {
  padding: 4rem 2rem 2rem 2rem;
}
.rseListeItem_details .rseListeItem_intro_content {
  margin-left: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: nowrap;
}
.rseListeItem_details .rseListeItem_intro_content .secondTitle {
  font-size: 1.5rem;
}
.rseListeItem_details > .text {
  padding-left: 2.5rem;
}
.rseListeItem_details > .text p {
  width: 100%;
}
.rseListeItem_details h3 {
  position: relative;
  padding-left: 2.5rem;
}
.rseListeItem_details h3:before {
  content: "";
  position: absolute;
  width: 2rem;
  height: 0.7rem;
  top: 5px;
  left: 0;
  border-radius: 0.5rem;
}

.basicCta .title + .linksRow {
  margin-top: 2rem;
}

.jobOfferList .selectize-control {
  width: 700px;
  max-width: 100%;
  margin: 1rem auto 2rem auto;
}
.jobOfferList .selectize-control .clearItems {
  z-index: 1;
  display: block;
  position: absolute;
  cursor: pointer;
  top: calc(50% - 10px);
  right: 7px;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDNjN2UiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS1jaXJjbGUteC1pY29uIGx1Y2lkZS1jaXJjbGUteCI+PGNpcmNsZSBjeD0iMTIiIGN5PSIxMiIgcj0iMTAiLz48cGF0aCBkPSJtMTUgOS02IDYiLz48cGF0aCBkPSJtOSA5IDYgNiIvPjwvc3ZnPg==");
  background-size: contain;
  background-repeat: no-repeat;
}
.jobOfferList .selectize-control.active {
  user-select: initial;
  pointer-events: initial;
  opacity: 1;
  z-index: 1;
}
.jobOfferList .selectize-control .selectize-input {
  background-color: transparent;
  border: 2px solid #003c7e;
  border-radius: 1rem;
  color: #003c7e;
  padding: 8px 1rem;
}
.jobOfferList .selectize-control .selectize-input.dropdown-active:before {
  content: none;
}
.jobOfferList .selectize-control .selectize-input.full {
  background-color: transparent;
}
.jobOfferList .selectize-control .selectize-input > input {
  color: #003c7e;
  min-width: 150px !important;
}
.jobOfferList .selectize-control .selectize-input > input::placeholder {
  color: #003c7e;
  font-size: 1rem;
}
.jobOfferList .selectize-control .selectize-input:after {
  content: " ";
  display: block;
  position: absolute;
  top: calc(50% - 10px);
  right: 7px;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDNjN2UiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS1hcnJvdy1kb3duLW5hcnJvdy13aWRlLWljb24gbHVjaWRlLWFycm93LWRvd24tbmFycm93LXdpZGUiPjxwYXRoIGQ9Im0zIDE2IDQgNCA0LTQiLz48cGF0aCBkPSJNNyAyMFY0Ii8+PHBhdGggZD0iTTExIDRoNCIvPjxwYXRoIGQ9Ik0xMSA4aDciLz48cGF0aCBkPSJNMTEgMTJoMTAiLz48L3N2Zz4=");
  background-size: contain;
  background-repeat: no-repeat;
}
.jobOfferList .selectize-control.multi .selectize-input.has-items:after {
  content: none;
}
.jobOfferList .selectize-control.multi .selectize-input.has-items > input {
  min-width: 1px !important;
}
.jobOfferList .selectize-control.multi .selectize-input > div {
  background-color: #09f7e5;
  background-image: none;
  border: none;
  color: #003c7e;
  border-radius: 0.5rem;
}
.jobOfferList .selectize-control.multi .selectize-input > div .remove {
  border-left-color: #003c7e;
  color: #003c7e;
}
.jobOfferList .selectize-dropdown {
  top: calc(100% + 0.5rem) !important;
  border-radius: 5px;
  overflow: hidden;
  box-shadow: 0px 5px 30px -20px #000;
  border: none;
}
.jobOfferList .selectize-dropdown .optgroup-header {
  font-weight: bolder;
  user-select: none;
  pointer-events: none;
  background-color: #09f7e5;
  color: #003c7e;
  font-size: 0.8rem;
}
.jobOfferList .selectize-dropdown .option {
  cursor: pointer;
  background-color: #fff;
  color: #003c7e;
}
.jobOfferList .selectize-dropdown .option.active {
  background-color: #ededed;
}

.jobOfferListGrid {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 2rem;
  justify-content: center;
}

.jobBlock {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  padding: 2rem 2rem 1rem 2rem;
  border-radius: 2rem;
  color: #003c7e;
  border: 2px solid #003c7e;
  max-width: 500px;
  width: 100%;
  margin: 0 auto;
}

.jobBlock_content {
  max-width: 100%;
}
.jobBlock_content .text {
  max-width: 100%;
}
.jobBlock_content .liteBtn {
  margin: 1.5rem 0 0.7rem 0;
}

.jobBlockTitle {
  font-size: 1.4rem;
  margin-bottom: 0.5rem;
  font-weight: bold;
  display: inline-block;
}

.jobBlock_dateEmbauche {
  margin-bottom: 1rem;
}

.jobBlock_infos {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 0.5rem;
  width: 100%;
  padding-left: 1rem;
  position: relative;
}
.jobBlock_infos p {
  line-height: 1;
  text-wrap: balance;
}
.jobBlock_infos:before {
  content: "";
  width: 0.25rem;
  height: 100%;
  display: inline-block;
  margin-right: 0.5rem;
  background-color: #09f7e5;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 5px;
}

.jobBlock_place {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
}
.jobBlock_place:before {
  content: "";
  width: 1rem;
  height: 1rem;
  display: inline-block;
  margin-right: 0.5rem;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDNjN2UiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS1tYXAtaWNvbiBsdWNpZGUtbWFwIj48cGF0aCBkPSJNMTQuMTA2IDUuNTUzYTIgMiAwIDAgMCAxLjc4OCAwbDMuNjU5LTEuODNBMSAxIDAgMCAxIDIxIDQuNjE5djEyLjc2NGExIDEgMCAwIDEtLjU1My44OTRsLTQuNTUzIDIuMjc3YTIgMiAwIDAgMS0xLjc4OCAwbC00LjIxMi0yLjEwNmEyIDIgMCAwIDAtMS43ODggMGwtMy42NTkgMS44M0ExIDEgMCAwIDEgMyAxOS4zODFWNi42MThhMSAxIDAgMCAxIC41NTMtLjg5NGw0LjU1My0yLjI3N2EyIDIgMCAwIDEgMS43ODggMHoiLz48cGF0aCBkPSJNMTUgNS43NjR2MTUiLz48cGF0aCBkPSJNOSAzLjIzNnYxNSIvPjwvc3ZnPg==");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

.jobBlock_date {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
}
.jobBlock_date:before {
  content: "";
  width: 1rem;
  height: 1rem;
  display: inline-block;
  margin-right: 0.5rem;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDNjN2UiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS1jYWxlbmRhci1kYXlzLWljb24gbHVjaWRlLWNhbGVuZGFyLWRheXMiPjxwYXRoIGQ9Ik04IDJ2NCIvPjxwYXRoIGQ9Ik0xNiAydjQiLz48cmVjdCB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHg9IjMiIHk9IjQiIHJ4PSIyIi8+PHBhdGggZD0iTTMgMTBoMTgiLz48cGF0aCBkPSJNOCAxNGguMDEiLz48cGF0aCBkPSJNMTIgMTRoLjAxIi8+PHBhdGggZD0iTTE2IDE0aC4wMSIvPjxwYXRoIGQ9Ik04IDE4aC4wMSIvPjxwYXRoIGQ9Ik0xMiAxOGguMDEiLz48cGF0aCBkPSJNMTYgMThoLjAxIi8+PC9zdmc+");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

.job-loading {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  font-size: 1.2rem;
  color: #003c7e;
  text-align: center;
  gap: 0.5rem;
}
.job-loading .loader {
  display: flex;
  gap: 8px;
}
.job-loading .loader span {
  width: 13px;
  height: 13px;
  background: #003c7e;
  border-radius: 50%;
  animation: bounce 2.8s infinite ease-in-out both;
}
.job-loading .loader span:nth-child(1) {
  animation-delay: -0.64s;
}
.job-loading .loader span:nth-child(2) {
  animation-delay: -0.32s;
}

@keyframes bounce {
  0%, 80%, 100% {
    transform: scale(0);
  }
  40% {
    transform: scale(1);
  }
}
.job-empty {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  font-size: 1.2rem;
  color: #003c7e;
  text-align: center;
  gap: 0.5rem;
}

#reset-filters {
  background-color: transparent;
  border: none;
  outline: none;
  cursor: pointer;
  background-color: #09f7e5;
  color: #003c7e;
  font-weight: bold;
  margin-top: 1rem;
  border-radius: 2rem;
  padding: 0.5rem 1rem;
}

#jobs-pagination {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  gap: 0.25rem;
  width: 100%;
  margin-top: 2rem;
  color: #09f7e5;
  font-weight: bold;
}

.job-page {
  background-color: transparent;
  border: none;
  outline: none;
  cursor: pointer;
  color: #09f7e5;
  font-weight: bold;
  font-size: 1.1rem;
  padding: 0.3rem;
}

.job-nav {
  font-size: 1rem;
  cursor: pointer;
  background-color: #09f7e5;
  border-radius: 0.5rem;
  border: none;
  outline: none;
  color: #003c7e;
  padding: 0.5rem 1rem;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
}
.job-nav.prev:before {
  content: "";
  display: inline-block;
  width: 1rem;
  height: 1rem;
  margin-right: 0.5rem;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDNjN2UiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS1tb3ZlLWxlZnQtaWNvbiBsdWNpZGUtbW92ZS1sZWZ0Ij48cGF0aCBkPSJNNiA4TDIgMTJMNiAxNiIvPjxwYXRoIGQ9Ik0yIDEySDIyIi8+PC9zdmc+");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.job-nav.next:after {
  content: "";
  display: inline-block;
  width: 1rem;
  height: 1rem;
  margin-left: 0.5rem;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDNjN2UiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS1tb3ZlLXJpZ2h0LWljb24gbHVjaWRlLW1vdmUtcmlnaHQiPjxwYXRoIGQ9Ik0xOCA4TDIyIDEyTDE4IDE2Ii8+PHBhdGggZD0iTTIgMTJIMjIiLz48L3N2Zz4=");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

.jobOfferContent {
  padding-top: 10rem;
}
.jobOfferContent > .liteBtn {
  margin-bottom: 1rem;
}
.jobOfferContent .content {
  width: calc(100% - 500px);
}
.jobOfferContent .text p {
  width: 100%;
}
.jobOfferContent .text ul {
  width: 100%;
}

.introContent {
  margin-top: 2rem;
  margin-bottom: 2rem;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: wrap;
  gap: 1rem;
}
.introContent .jobBlock_infos {
  width: calc(400px - 1rem);
  max-width: 50%;
  justify-content: center;
  background-color: #09f7e5;
  padding: 1rem;
  border-radius: 1rem;
  font-weight: bold;
}
.introContent .jobBlock_infos:before {
  content: none;
}
.introContent .jobBlock_infosSupp {
  width: calc(100% - 400px);
  max-width: 50%;
  position: relative;
  padding-left: 1rem;
}
.introContent .jobBlock_infosSupp p {
  margin: 0.5rem 0;
}
.introContent .jobBlock_infosSupp::before {
  content: "";
  width: 0.25rem;
  height: 90%;
  display: inline-block;
  margin-right: 0.5rem;
  background-color: #09f7e5;
  position: absolute;
  left: 0;
  top: 5%;
  border-radius: 5px;
}

.contentDetails.even {
  margin: 3rem 0;
  padding: 2rem 4rem;
  border-radius: 2rem;
  background-color: #003c7e;
  color: #fff;
}

.jobRightPanel {
  width: 400px;
  position: absolute;
  top: 200px;
  right: 5%;
  z-index: 2;
}

.applyCTA {
  width: 100%;
  margin-top: 1rem;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
}
.applyCTA a {
  width: 100%;
}

.otherJobOffer > p {
  font-family: "Fontania", sans-serif;
  margin-bottom: 0.5rem;
  font-size: 1.5rem;
}
.otherJobOffer .jobBlock_place {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.otherJobOffer .jobBlock_place p {
  margin: 0;
  line-height: 1;
  text-wrap: balance;
}
.otherJobOffer .jobBlock_place::before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmZmZmYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS1tYXAtaWNvbiBsdWNpZGUtbWFwIj48cGF0aCBkPSJNMTQuMTA2IDUuNTUzYTIgMiAwIDAgMCAxLjc4OCAwbDMuNjU5LTEuODNBMSAxIDAgMCAxIDIxIDQuNjE5djEyLjc2NGExIDEgMCAwIDEtLjU1My44OTRsLTQuNTUzIDIuMjc3YTIgMiAwIDAgMS0xLjc4OCAwbC00LjIxMi0yLjEwNmEyIDIgMCAwIDAtMS43ODggMGwtMy42NTkgMS44M0ExIDEgMCAwIDEgMyAxOS4zODFWNi42MThhMSAxIDAgMCAxIC41NTMtLjg5NGw0LjU1My0yLjI3N2EyIDIgMCAwIDEgMS43ODggMHoiLz48cGF0aCBkPSJNMTUgNS43NjR2MTUiLz48cGF0aCBkPSJNOSAzLjIzNnYxNSIvPjwvc3ZnPg==");
}
.otherJobOffer .liteBtn svg path {
  stroke: #fff;
}
.otherJobOffer > a {
  background-color: #003c7e;
  padding: 1rem;
  border-radius: 1rem;
  margin: 0.5rem 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  color: #fff;
}
.otherJobOffer > a > p {
  font-weight: bold;
}
.otherJobOffer > a:nth-child(5n+1) {
  background-color: #fc076e;
}
.otherJobOffer > a:nth-child(5n+1):hover {
  background-color: rgb(205.5139442231, 2.4860557769, 87.8406374502);
}
.otherJobOffer > a:nth-child(5n+2) {
  background-color: #fab002;
}
.otherJobOffer > a:nth-child(5n+2):hover {
  background-color: rgb(199.4047619048, 140.380952381, 1.5952380952);
}
.otherJobOffer > a:nth-child(5n+3) {
  background-color: #917bc2;
}
.otherJobOffer > a:nth-child(5n+3):hover {
  background-color: rgb(115.932642487, 88.1191709845, 177.8808290155);
}
.otherJobOffer > a:nth-child(5n+4) {
  background-color: #f29daa;
}
.otherJobOffer > a:nth-child(5n+4):hover {
  background-color: rgb(236.027027027, 111.972972973, 130.9459459459);
}
.otherJobOffer > a:nth-child(5n+5) {
  background-color: #09f7e5;
}
.otherJobOffer > a:nth-child(5n+5):hover {
  background-color: rgb(6.4566929134, 198.5433070866, 184.0157480315);
}

.share-buttons {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: 1rem;
  margin-bottom: 2rem;
}
.share-buttons > p {
  font-family: "Fontania", sans-serif;
  font-size: 1.6rem;
  width: 100%;
}

.share-btn {
  text-decoration: none;
  width: 2rem;
  height: 2rem;
  transition: all 0.3s cubic-bezier(0, 0.07, 0.57, 0.99);
}
.share-btn svg {
  width: 100%;
  height: 100%;
  fill: #003c7e;
}
.share-btn:nth-child(5n+1) svg {
  fill: #fc076e;
}
.share-btn:nth-child(5n+2) svg {
  fill: #fab002;
}
.share-btn:nth-child(5n+3) svg {
  fill: #917bc2;
}
.share-btn:nth-child(5n+4) svg {
  fill: #f29daa;
}
.share-btn:nth-child(5n+5) svg {
  fill: #09f7e5;
}
.share-btn:hover {
  transform: scale(1.1);
}

.share-native {
  border-radius: 2rem;
  padding: 0.5rem 1rem;
  background-color: #09f7e5;
  color: #003c7e;
  font-weight: bold;
  border: none;
  outline: none;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0, 0.07, 0.57, 0.99);
}
.share-native:hover {
  transform: scale(1.1);
}

.heroContact {
  padding-top: 10rem;
}

.contactItems {
  margin-top: 1.25rem;
  margin-bottom: 1rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: nowrap;
}
.contactItems .adresse {
  margin-bottom: 0.75rem;
}
.contactItems a {
  margin: 0.75rem 0;
  font-weight: bold;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  text-decoration: none;
}
.contactItems a.googleMapLink:before {
  background-image: url("../img/picto-map.svg");
}
.contactItems a.contactTel:before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDNjN2UiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS1waG9uZS1jYWxsLWljb24gbHVjaWRlLXBob25lLWNhbGwiPjxwYXRoIGQ9Ik0xMyAyYTkgOSAwIDAgMSA5IDkiLz48cGF0aCBkPSJNMTMgNmE1IDUgMCAwIDEgNSA1Ii8+PHBhdGggZD0iTTEzLjgzMiAxNi41NjhhMSAxIDAgMCAwIDEuMjEzLS4zMDNsLjM1NS0uNDY1QTIgMiAwIDAgMSAxNyAxNWgzYTIgMiAwIDAgMSAyIDJ2M2EyIDIgMCAwIDEtMiAyQTE4IDE4IDAgMCAxIDIgNGEyIDIgMCAwIDEgMi0yaDNhMiAyIDAgMCAxIDIgMnYzYTIgMiAwIDAgMS0uOCAxLjZsLS40NjguMzUxYTEgMSAwIDAgMC0uMjkyIDEuMjMzIDE0IDE0IDAgMCAwIDYuMzkyIDYuMzg0Ii8+PC9zdmc+");
}
.contactItems a.contactMail:before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDNjN2UiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS1zZW5kLWljb24gbHVjaWRlLXNlbmQiPjxwYXRoIGQ9Ik0xNC41MzYgMjEuNjg2YS41LjUgMCAwIDAgLjkzNy0uMDI0bDYuNS0xOWEuNDk2LjQ5NiAwIDAgMC0uNjM1LS42MzVsLTE5IDYuNWEuNS41IDAgMCAwLS4wMjQuOTM3bDcuOTMgMy4xOGEyIDIgMCAwIDEgMS4xMTIgMS4xMXoiLz48cGF0aCBkPSJtMjEuODU0IDIuMTQ3LTEwLjk0IDEwLjkzOSIvPjwvc3ZnPg==");
}
.contactItems a:before {
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  display: inline-block;
  margin-right: 0.5rem;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.contactForm .wpcf7, .contactForm .wpcf7-form {
  margin: 0 auto;
}

.mapContainer {
  height: 100%;
}

.establishmentsMap {
  width: 100%;
  height: 100%;
  border-radius: 14px;
  overflow: hidden;
}

.establishment_liste {
  margin-top: 3rem;
}
.establishment_liste ul {
  padding-left: 5%;
}
.establishment_liste .establishmentItem {
  margin: 1rem 0;
  position: relative;
  cursor: pointer;
}
.establishment_liste .establishmentItem:before {
  content: "";
  position: absolute;
  left: -20px;
  top: 5px;
  width: 1rem;
  min-width: 1rem;
  height: 1rem;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmZmZmYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS1jaXJjbGUtYXJyb3ctcmlnaHQtaWNvbiBsdWNpZGUtY2lyY2xlLWFycm93LXJpZ2h0Ij48Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSIxMCIvPjxwYXRoIGQ9Im0xMiAxNiA0LTQtNC00Ii8+PHBhdGggZD0iTTggMTJoOCIvPjwvc3ZnPg==");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.establishment_liste .name {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1.1rem;
}
.establishment_liste strong {
  font-weight: bold;
}
.establishment_liste .tel {
  font-weight: bold;
}
.establishment_liste .tel a {
  text-decoration: none;
}

.establishment-marker {
  all: unset;
  display: grid;
  place-items: center;
  transform: translateY(2px);
  cursor: pointer;
}

.establishment-marker__dot {
  display: grid;
  place-items: center;
  width: 24px;
  height: 24px;
}

.mapboxgl-popup {
  font-family: "neulis-neue", sans-serif, Helvetica, sans-serif;
}
.mapboxgl-popup.mapboxgl-popup-anchor-bottom {
  top: -20px;
}
.mapboxgl-popup.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {
  border-top-color: #003c7e;
}
.mapboxgl-popup.mapboxgl-popup-anchor-right .mapboxgl-popup-tip {
  border-left-color: #003c7e;
}
.mapboxgl-popup .mapboxgl-popup-content {
  background-color: #003c7e;
  border-radius: 1rem;
  color: #fff;
  padding-top: 18px;
}
.mapboxgl-popup .mapboxgl-popup-close-button {
  right: 5px;
  top: 5px;
  color: #fff;
}

.establishment-popup__title {
  font-weight: bold;
  font-size: 1.1rem;
  text-transform: uppercase;
  margin-bottom: 4px;
}

.establishment-popup__tel {
  font-weight: bold;
  font-size: 0.9rem;
  margin-top: 4px;
}
.establishment-popup__tel a {
  outline: none;
}

.establishment-popup__link {
  background: #09f7e5;
  border-radius: 8px;
  padding: 2px 8px;
  font-size: 12px;
  color: #fff;
  text-align: center;
  margin-top: 10px;
}
.establishment-popup__link a {
  width: 100%;
  display: inline-block;
}

.viewSwitcher {
  margin-top: 2rem;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  gap: 1rem;
}
.viewSwitcher .btn {
  padding: 0.6rem 2rem;
  position: relative;
  background-color: #ededed;
  color: #003c7e;
}
.viewSwitcher .btn:before {
  content: "";
  width: 1rem;
  height: 1rem;
  position: absolute;
  left: 0.5rem;
  top: calc(50% - 0.5rem);
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmZmZmYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS1tb3ZlLXJpZ2h0LWljb24gbHVjaWRlLW1vdmUtcmlnaHQiPjxwYXRoIGQ9Ik0xOCA4TDIyIDEyTDE4IDE2Ii8+PHBhdGggZD0iTTIgMTJIMjIiLz48L3N2Zz4=");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  opacity: 0;
}
.viewSwitcher .btn.active {
  background-color: #003c7e;
  color: #fff;
}
.viewSwitcher .btn.active:before {
  opacity: 1;
}

.allEstablishmentsSection .mobileTitle {
  display: none;
}
.allEstablishmentsSection .col-lg-7 {
  padding-left: 0;
}
.allEstablishmentsSection .establishmentsMap {
  border-radius: 0 1rem 1rem 0;
}
.allEstablishmentsSection .establishment_liste ul {
  padding-left: 0;
}
.allEstablishmentsSection .establishment_liste .name {
  font-size: 1rem;
}
.allEstablishmentsSection .establishmentItem {
  border: 2px solid #003c7e;
  border-radius: 1rem;
  padding: 1rem 1.75rem;
  transition: all 0.3s cubic-bezier(0, 0.07, 0.57, 0.99);
}
.allEstablishmentsSection .establishmentItem > p {
  margin: 0.15rem 0;
}
.allEstablishmentsSection .establishmentItem:before {
  left: -1rem;
  top: 0.75rem;
  width: 2rem;
  min-width: 2rem;
  height: 2rem;
  background-size: 1.25rem;
  background-color: #09f7e5;
  border-radius: 50%;
}
.allEstablishmentsSection .establishmentItem .btn {
  padding: 0.25rem 0.75rem;
  text-decoration: none;
  margin-top: 0.5rem;
}
.allEstablishmentsSection .establishmentItem .btn:hover {
  background-color: #fff;
}
.allEstablishmentsSection .establishmentItem:hover, .allEstablishmentsSection .establishmentItem.is-active {
  background-color: #003c7e;
  color: #fff;
}
.allEstablishmentsSection .establishmentItem:hover .name, .allEstablishmentsSection .establishmentItem.is-active .name {
  color: #09f7e5;
}

.allEstablishments {
  padding: 2rem;
  border-radius: 1rem 0 0 1rem;
  background-color: #ededed;
  height: 600px;
  overflow-y: scroll;
}

.allEstablishments::-webkit-scrollbar {
  width: 8px;
}

.allEstablishments::-webkit-scrollbar-track {
  background: transparent;
}

.allEstablishments::-webkit-scrollbar-thumb {
  background-color: #b5b5b5;
  border-radius: 10px;
}

.allEstablishments::-webkit-scrollbar-thumb:hover {
  background-color: #9c9c9c;
}

.allEstablishments {
  scrollbar-width: thin;
  scrollbar-color: #b5b5b5 transparent;
}

.fancybox__backdrop {
  background-color: rgba(255, 255, 255, 0.8);
}

.f-button.is-close-button {
  color: #003c7e;
}
.f-button.is-close-button:hover {
  color: rgb(0, 35.7142857143, 75);
}
.f-button.is-arrow {
  color: #fff;
}

.f-html {
  width: 1000px;
  max-width: 100%;
  background-color: #003c7e;
  color: #fff;
  border-radius: 2rem;
}
.f-html img {
  margin: 1rem 0;
}
.f-html.rseListeItem_details {
  background-color: #fff;
  color: #003c7e;
  box-shadow: 0px 0px 30px -20px rgba(0, 0, 0, 0.8);
}
.f-html.rseListeItem_details .rseNumber {
  background-color: var(--item-color);
  color: #fff;
}
.f-html.rseListeItem_details h3 {
  color: var(--item-color);
}
.f-html.rseListeItem_details h3:before {
  background-color: var(--item-color);
}

.heroNews_content .text p {
  text-wrap: balance;
}

.postList_row {
  gap: 2rem;
}
.postList_row .postBlock {
  width: calc(33.333% - 2rem);
}

.loadMoreBtnContainer .loadMoreBtn {
  margin-top: 2rem;
}

.postBlock {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  padding: 0 1rem;
}
.postBlock .postBlock_img {
  border-radius: 2rem;
  width: 100%;
  height: 260px;
  overflow: hidden;
}
.postBlock .postBlock_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  -o-object-fit: cover;
  -o-object-position: center;
  vertical-align: middle;
}
.postBlock .postBlock_content {
  padding: 1rem;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
}
.postBlock .postBlock_content .text {
  margin: 0;
}
.postBlock .postBlock_content .postBlock_date {
  font-size: 0.9rem;
  margin-top: 0.5rem;
}
.postBlock .postBlockTitle {
  font-weight: bold;
  font-size: 1.2rem;
}

/*SINGLE POST*/
.singleContent {
  padding: 0;
  margin: 0 auto;
  max-width: 100%;
  line-height: 1.4;
  display: flex;
  flex-wrap: wrap;
  padding-top: 150px;
  padding-bottom: 3rem;
}
.singleContent .singleBreadCrumb {
  padding-left: 10%;
  padding-right: calc(10% + 380px);
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
}
.singleContent .singleBreadCrumb .singleBreadCrumbSeparator {
  margin: 0 0.25rem;
}
.singleContent .singleBreadCrumb .liteTitle {
  display: none;
}
.singleContent .singleBreadCrumb a {
  text-decoration: underline;
}
.singleContent .singleBreadCrumb:before {
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDNjN2UiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS1maWxlLXN0YWNrLWljb24gbHVjaWRlLWZpbGUtc3RhY2siPjxwYXRoIGQ9Ik0xMSAyMWExIDEgMCAwIDEtMSAxSDRhMSAxIDAgMCAxLTEtMXYtOGExIDEgMCAwIDEgMS0xIi8+PHBhdGggZD0iTTE2IDE2YTEgMSAwIDAgMS0xIDFIOWExIDEgMCAwIDEtMS0xVjhhMSAxIDAgMCAxIDEtMSIvPjxwYXRoIGQ9Ik0yMSA2YTIgMiAwIDAgMC0uNTg2LTEuNDE0bC0yLTJBMiAyIDAgMCAwIDE3IDJoLTNhMSAxIDAgMCAwLTEgMXY4YTEgMSAwIDAgMCAxIDFoNmExIDEgMCAwIDAgMS0xeiIvPjwvc3ZnPg==");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  margin-right: 0.5rem;
}
.singleContent .content {
  width: 100%;
}
.singleContent .content > * {
  padding-left: 10%;
  padding-right: calc(10% + 380px);
}
.singleContent .content > ul, .singleContent .content > ol {
  padding-left: calc(10% + 20px);
}
.singleContent .content figure {
  height: auto;
}
.singleContent .content > .wp-block-group.gradientBack {
  margin-top: 5rem;
  margin-bottom: 5rem;
  padding-top: 5rem;
  padding-bottom: 5rem;
}
.singleContent .content > .wp-block-group.gradientBack > div {
  position: relative;
  z-index: 1;
}
.singleContent .wp-block-separator {
  width: calc(80% - 380px);
  margin-left: 10%;
  margin-right: auto;
}
.singleContent h1 {
  margin: 2rem 0;
  font-size: 2rem;
  font-weight: bold;
}
.singleContent h2 {
  margin: 1.8rem 0;
  font-weight: bolder !important;
  font-size: 2rem;
}
.singleContent h2 span {
  font-weight: bolder !important;
}
.singleContent h3 {
  margin: 1.5rem 0;
  font-weight: bolder !important;
  font-size: 1.4rem;
}
.singleContent h3 span {
  font-weight: bolder !important;
}
.singleContent h4 {
  margin: 1rem 0;
  font-weight: bolder !important;
  font-size: 1.1rem;
}
.singleContent h4 span {
  font-weight: bolder !important;
}
.singleContent p {
  margin: 0.5rem 0;
}
.singleContent strong {
  font-weight: bold;
}
.singleContent ul {
  margin: 0.5rem 0;
  padding-left: 1rem;
  list-style: disc;
}
.singleContent ul li {
  margin: 0.5rem 0;
}
.singleContent ol {
  margin: 0.5rem 0;
  padding-left: 1rem;
  list-style-type: decimal;
}
.singleContent ol li {
  margin: 0.5rem 0;
}
.singleContent .sommaire-block {
  margin-bottom: 2rem;
}
.singleContent .wp-block-column.has-background {
  padding: 2rem;
  border-radius: 2rem;
}
.singleContent .wp-block-image img {
  border-radius: 2rem;
}
.singleContent .wp-block-media-text figure {
  border-radius: 2rem;
  overflow: hidden;
}
.singleContent .wp-block-gallery figure {
  padding: 0.3rem;
}
.singleContent .wp-block-gallery figure img {
  border-radius: 1rem;
}
.singleContent figure.is-style-rounded img {
  border-radius: 2rem;
}
.singleContent .wp-block-button {
  display: inline-block;
  font-size: 1rem;
  margin: 1rem 0;
  text-align: center;
  min-width: 240px;
  line-height: 1.1;
  color: #fff;
  cursor: pointer;
  position: relative;
  outline: none;
  border: none;
  background: transparent;
  padding: 0;
  overflow: hidden;
}
.singleContent .wp-block-button .wp-block-button__link.wp-element-button {
  padding: 0.7rem 2.5rem;
  display: block;
  position: relative;
  background-color: transparent;
  z-index: 1;
  font-size: 1rem;
  transition: all 0.3s cubic-bezier(0, 0.07, 0.57, 0.99);
}
.singleContent .wp-block-button .wp-block-button__link.wp-element-button:after {
  content: "";
  background-color: #09f7e5;
  position: absolute;
  width: calc(100% - 2rem);
  height: 100%;
  left: 1rem;
  top: 0;
  overflow: hidden;
  z-index: -1;
  transform: skewX(20deg);
  border-radius: 0 1rem;
  transition: background-color 0.3s ease-in-out;
}
.singleContent .wp-block-button .wp-block-button__link.wp-element-button:hover {
  color: #003c7e;
}
.singleContent .wp-block-button .wp-block-button__link.wp-element-button:hover:after {
  background-color: #fff;
}
.singleContent table.has-fixed-layout {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}
.singleContent table.has-fixed-layout td, .singleContent table.has-fixed-layout th {
  padding: 10px;
  vertical-align: top;
}
.singleContent .tableWrapper {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.singleContent .tableWrapper table {
  min-width: 600px;
}
.singleContent .wp-block-embed {
  margin: 1rem 0;
}
.singleContent .wp-block-embed iframe {
  border-radius: 2rem;
  overflow: hidden;
}

.quickAccess {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 2rem;
  border-radius: 2rem;
  background-color: #09f7e5;
}
.quickAccess p {
  display: inline-block;
  font-size: 1.3rem;
  margin-top: 0;
  margin-bottom: 0.5rem;
  text-transform: uppercase;
  font-weight: bold;
}
.quickAccess ul {
  list-style: none;
  padding-left: 0;
}
.quickAccess li {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
}
.quickAccess li:hover .quickAccessIcon {
  animation-name: bounceIt;
  animation-duration: 0.6s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  animation-delay: 0s;
  animation-fill-mode: both;
}
.quickAccess .quickAccessIcon {
  width: 1rem;
  height: 1rem;
  min-width: 1rem;
  margin-top: 3px;
  margin-right: 0.5rem;
  transform: translateX(0);
  transition: transform 0.2s ease-in-out;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmZmZmYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS1jaXJjbGUtYXJyb3ctcmlnaHQtaWNvbiBsdWNpZGUtY2lyY2xlLWFycm93LXJpZ2h0Ij48Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSIxMCIvPjxwYXRoIGQ9Im0xMiAxNiA0LTQtNC00Ii8+PHBhdGggZD0iTTggMTJoOCIvPjwvc3ZnPg==");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.quickAccess a {
  margin: 0.25rem 0;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  text-decoration: none;
}
.quickAccess a br {
  display: none;
}

.postPanel {
  width: 380px;
  position: absolute;
  right: 5%;
  z-index: 2;
}
.postPanel .stickyPanel {
  display: flex;
  flex-direction: column;
}

.contactPanel {
  position: relative;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.contactPanel p {
  display: inline-block;
  font-size: 1.1rem;
  margin-bottom: 0.5rem;
  font-weight: bold;
}
.contactPanel:before {
  content: "";
  display: inline-block;
  width: 100%;
  height: 2px;
  background-color: #003c7e;
}

.usefulLinksPanel {
  display: flex;
  flex-direction: column;
  padding: 1rem;
}
.usefulLinksPanel p {
  display: inline-block;
  font-size: 1.1rem;
  margin-bottom: 0.5rem;
  margin-top: 0;
  font-weight: bold;
}
.usefulLinksPanel .singleSocials {
  margin-bottom: 1rem;
}
.usefulLinksPanel .singleSocials a {
  width: 2.1rem;
  height: 2.1rem;
  margin: 0 0.25rem;
}
.usefulLinksPanel .singleSocials a svg {
  width: 100%;
  height: 100%;
}
.usefulLinksPanel .singleSocials a svg path {
  fill: #09f7e5;
  transition: fill 0.3s cubic-bezier(0, 0.07, 0.57, 0.99);
}
.usefulLinksPanel > div {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
}

body.drag-over {
  position: relative;
}
body.drag-over .applyForm .wpcf7-form [data-name=cv] {
  z-index: 1000;
  color: #fff;
  animation: scaleBox 1.5s infinite alternate;
}
body.drag-over .applyForm .wpcf7-form .codedropz-upload-handler {
  border-color: #fff;
}
body.drag-over .applyForm .wpcf7-form .codedropz-upload-inner h3 {
  color: #fff;
}
@keyframes scaleBox {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.03);
  }
}
body.drag-over::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  backdrop-filter: blur(5px);
  background-color: rgba(52, 54, 62, 0.85);
  pointer-events: none;
  z-index: 999;
}
body.noHover .wpcf7-form .codedropz-upload-handler {
  height: 70px;
}
body.noHover .wpcf7-form .codedropz-upload-container {
  width: 100%;
}
body.noHover .wpcf7-form .codedropz-btn-wrap {
  width: 100%;
}
body.noHover .wpcf7-form .codedropz-btn-wrap a.cd-upload-btn {
  width: 100%;
}
body.noHover .wpcf7-form .codedropz-upload-inner h3, body.noHover .wpcf7-form .codedropz-upload-inner span {
  display: none;
}

.wpcf7 {
  max-width: 100%;
  width: 1000px;
  margin: 2rem auto;
}

.wpcf7-form {
  display: flex;
  flex-wrap: wrap;
  max-width: 100%;
  margin: 1rem auto;
}
.wpcf7-form .legend {
  width: 100%;
  font-weight: bold;
  margin: 0.75rem;
}
.wpcf7-form .legend small {
  font-size: 80%;
}
.wpcf7-form label {
  width: calc(50% - 1.5rem);
  margin: 0.75rem;
  position: relative;
}
.wpcf7-form label .wpcf7-form-control-wrap {
  display: block;
}
.wpcf7-form label input, .wpcf7-form label textarea {
  width: 100%;
  background-color: transparent;
  border: none;
  padding: 1rem;
  border: 2px solid #003c7e;
  color: #003c7e;
  resize: none;
  display: block;
  border-radius: 2rem;
  font-size: 16px;
}
.wpcf7-form label input::placeholder, .wpcf7-form label textarea::placeholder {
  color: #003c7e;
  opacity: 0.6;
  transition: opacity 0.3s cubic-bezier(0, 0.07, 0.57, 0.99);
  font-size: 16px;
}
.wpcf7-form label input:focus, .wpcf7-form label input:hover, .wpcf7-form label textarea:focus, .wpcf7-form label textarea:hover {
  outline: none;
}
.wpcf7-form label input:focus::placeholder, .wpcf7-form label input:focus::placeholder, .wpcf7-form label input:hover::placeholder, .wpcf7-form label input:hover::placeholder, .wpcf7-form label textarea:focus::placeholder, .wpcf7-form label textarea:focus::placeholder, .wpcf7-form label textarea:hover::placeholder, .wpcf7-form label textarea:hover::placeholder {
  opacity: 1;
}
.wpcf7-form label input:focus + i, .wpcf7-form label input:hover + i, .wpcf7-form label textarea:focus + i, .wpcf7-form label textarea:hover + i {
  opacity: 1;
}
.wpcf7-form label input:-webkit-autofill, .wpcf7-form label textarea:-webkit-autofill {
  appearance: none;
  background-color: transparent !important;
  color: #003c7e !important;
  border: 2px solid #003c7e !important;
  -webkit-text-fill-color: #003c7e !important;
  -webkit-box-shadow: 0 0 0px 1000px #ffffff inset !important;
}
.wpcf7-form label input:focus::-webkit-contacts-auto-fill-button, .wpcf7-form label textarea:focus::-webkit-contacts-auto-fill-button {
  visibility: hidden;
  display: none !important;
  pointer-events: none;
  position: absolute;
  right: 0;
}
.wpcf7-form label input:not(:placeholder-shown) + i, .wpcf7-form label textarea:not(:placeholder-shown) + i {
  opacity: 1;
}
.wpcf7-form label input.wpcf7-not-valid, .wpcf7-form label textarea.wpcf7-not-valid {
  padding: 0.5rem 1rem 1.5rem 1rem;
}
.wpcf7-form label input.wpcf7-not-valid + i svg path, .wpcf7-form label textarea.wpcf7-not-valid + i svg path {
  fill: #fc076e;
}
.wpcf7-form label textarea {
  border-radius: 1.5rem;
  padding: 2rem 1rem 1rem 1rem;
}
.wpcf7-form label.big {
  width: 100%;
}
.wpcf7-form label.big i {
  top: 1rem;
}
.wpcf7-form i {
  position: absolute;
  right: 1rem;
  top: calc(50% - 0.5rem);
  width: 1rem;
  height: 1rem;
  opacity: 0.8;
  transition: opacity 0.3s cubic-bezier(0, 0.07, 0.57, 0.99);
}
.wpcf7-form i svg path {
  fill: #003c7e;
  transition: fill 0.3s cubic-bezier(0, 0.07, 0.57, 0.99);
}
.wpcf7-form div[data-class=wpcf7cf_group] {
  flex-wrap: wrap;
  width: 100%;
}
.wpcf7-form div[data-class=wpcf7cf_group]:not(.wpcf7cf-hidden) {
  display: flex !important;
}
.wpcf7-form label.adresse {
  width: calc(45% - 1.5rem);
}
.wpcf7-form label.ville {
  width: calc(30% - 1.5rem);
}
.wpcf7-form label.cp {
  width: calc(25% - 1.5rem);
}
.wpcf7-form [data-name=destinataire] {
  width: 100%;
  margin: 0.75rem;
}
.wpcf7-form .selectize-control {
  height: 100%;
  width: 100%;
  position: relative;
}
.wpcf7-form .selectize-control.single .selectize-input {
  background-color: transparent;
  background-image: none;
  padding: 1rem 1rem 0.9rem 1rem;
  box-shadow: none;
  border-color: #003c7e;
  border-width: 2px;
}
.wpcf7-form .selectize-control.single .selectize-input.input-active {
  display: flex;
}
.wpcf7-form .selectize-control.single .selectize-input.dropdown-active:after {
  border-color: transparent transparent #003c7e transparent;
}
.wpcf7-form .selectize-control.single .selectize-input.dropdown-active:before {
  content: none;
}
.wpcf7-form .selectize-control.single .selectize-input:after {
  border-color: #003c7e transparent transparent transparent;
}
.wpcf7-form .selectize-control.wpcf7-not-valid input {
  margin-top: -10px !important;
}
.wpcf7-form .selectize-input {
  height: 100%;
  box-shadow: none;
  border: 1px solid #003c7e;
  border-radius: 2rem;
  padding: 8px 1rem;
  display: flex;
  align-items: center;
}
.wpcf7-form .selectize-input input {
  border-radius: 0;
  color: #003c7e;
  font-size: 16px;
}
.wpcf7-form .selectize-input input::-moz-placeholder {
  color: #003c7e;
  opacity: 0.8;
  -moz-transition: opacity 0.3s cubic-bezier(0, 0.07, 0.57, 0.99);
  transition: opacity 0.3s cubic-bezier(0, 0.07, 0.57, 0.99);
}
.wpcf7-form .selectize-input input::placeholder {
  color: #003c7e;
  opacity: 0.8;
  transition: opacity 0.3s cubic-bezier(0, 0.07, 0.57, 0.99);
}
.wpcf7-form .selectize-input .item {
  color: #003c7e;
  font-size: 16px;
}
.wpcf7-form .selectize-dropdown {
  background-color: #fff;
  color: #003c7e;
  top: calc(100% + 0.5rem) !important;
  overflow: hidden;
  border-radius: 5px;
  box-shadow: 0px 5px 30px -20px #000;
  border: none;
}
.wpcf7-form .selectize-dropdown .option {
  cursor: pointer;
  padding: 7.5px 1rem 5px 1rem;
  background-color: #fff;
  color: #003c7e;
}
.wpcf7-form .selectize-dropdown .option.active, .wpcf7-form .selectize-dropdown .option:hover {
  background-color: #ededed;
}
.wpcf7-form .wpcf7-radio,
.wpcf7-form .wpcf7-checkbox {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.wpcf7-form .wpcf7-radio *:before,
.wpcf7-form .wpcf7-radio *:after,
.wpcf7-form .wpcf7-checkbox *:before,
.wpcf7-form .wpcf7-checkbox *:after {
  box-sizing: inherit;
}
.wpcf7-form .wpcf7-radio .wpcf7-list-item,
.wpcf7-form .wpcf7-checkbox .wpcf7-list-item {
  margin-left: 0;
  display: flex;
}
.wpcf7-form .wpcf7-radio .wpcf7-list-item > label,
.wpcf7-form .wpcf7-checkbox .wpcf7-list-item > label {
  display: flex;
  align-items: center;
  width: 100%;
  margin: 0.25rem;
}
.wpcf7-form .wpcf7-radio input[type=radio],
.wpcf7-form .wpcf7-radio input[type=checkbox],
.wpcf7-form .wpcf7-checkbox input[type=radio],
.wpcf7-form .wpcf7-checkbox input[type=checkbox] {
  width: 0;
  position: absolute;
  visibility: hidden;
  z-index: -100;
}
.wpcf7-form .wpcf7-radio input[type=radio]:after,
.wpcf7-form .wpcf7-radio input[type=checkbox]:after,
.wpcf7-form .wpcf7-checkbox input[type=radio]:after,
.wpcf7-form .wpcf7-checkbox input[type=checkbox]:after {
  content: "";
}
.wpcf7-form .wpcf7-radio input[type=radio]:checked + .wpcf7-list-item-label,
.wpcf7-form .wpcf7-radio input[type=checkbox]:checked + .wpcf7-list-item-label,
.wpcf7-form .wpcf7-checkbox input[type=radio]:checked + .wpcf7-list-item-label,
.wpcf7-form .wpcf7-checkbox input[type=checkbox]:checked + .wpcf7-list-item-label {
  background-color: #09f7e5;
}
.wpcf7-form .wpcf7-radio input[type=radio]:checked + .wpcf7-list-item-label:after,
.wpcf7-form .wpcf7-radio input[type=checkbox]:checked + .wpcf7-list-item-label:after,
.wpcf7-form .wpcf7-checkbox input[type=radio]:checked + .wpcf7-list-item-label:after,
.wpcf7-form .wpcf7-checkbox input[type=checkbox]:checked + .wpcf7-list-item-label:after {
  opacity: 1;
}
.wpcf7-form .wpcf7-radio input[type=radio] + .wpcf7-list-item-label,
.wpcf7-form .wpcf7-radio input[type=checkbox] + .wpcf7-list-item-label,
.wpcf7-form .wpcf7-checkbox input[type=radio] + .wpcf7-list-item-label,
.wpcf7-form .wpcf7-checkbox input[type=checkbox] + .wpcf7-list-item-label {
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  padding: 0.75rem 2rem;
  border-radius: 2rem;
  background-color: #fff;
  color: #003c7e;
  transition: all 0.3s ease;
  position: relative;
  user-select: none;
}
.wpcf7-form .wpcf7-radio input[type=radio] + .wpcf7-list-item-label:hover:after,
.wpcf7-form .wpcf7-radio input[type=checkbox] + .wpcf7-list-item-label:hover:after,
.wpcf7-form .wpcf7-checkbox input[type=radio] + .wpcf7-list-item-label:hover:after,
.wpcf7-form .wpcf7-checkbox input[type=checkbox] + .wpcf7-list-item-label:hover:after {
  opacity: 1;
}
.wpcf7-form .wpcf7-radio input[type=radio] + .wpcf7-list-item-label:after,
.wpcf7-form .wpcf7-radio input[type=checkbox] + .wpcf7-list-item-label:after,
.wpcf7-form .wpcf7-checkbox input[type=radio] + .wpcf7-list-item-label:after,
.wpcf7-form .wpcf7-checkbox input[type=checkbox] + .wpcf7-list-item-label:after {
  opacity: 0;
  width: 5px;
  height: 9px;
  border: 2px solid #003c7e;
  border-top: 0;
  border-left: 0;
  transform: rotate(45deg);
  position: absolute;
  left: 15px;
  top: calc(50% - 5.5px);
  content: "";
}
.wpcf7-form [data-name=cv] {
  width: 100%;
  margin: 0.75rem;
}
.wpcf7-form [data-name=cv] .wpcf7-not-valid-tip {
  bottom: -5px;
}
.wpcf7-form .codedropz-upload-handler {
  border-radius: 2rem;
  border: 2px solid #003c7e;
  height: 110px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.wpcf7-form .codedropz-upload-inner {
  display: flex;
  align-items: center;
}
.wpcf7-form .codedropz-upload-inner h3 {
  font-size: 0.9rem;
  font-weight: 500;
  color: #003c7e;
  line-height: 1rem;
}
.wpcf7-form .codedropz-upload-inner span {
  display: inline-block;
  margin: 0 0.5rem;
}
.wpcf7-form .codedropz-upload-inner .cd-upload-btn {
  padding: 0.5rem 1rem;
  background-color: #09f7e5;
  color: #003c7e;
  border-radius: 1rem;
  display: inline-block;
  transition: all 0.3s cubic-bezier(0, 0.07, 0.57, 0.99);
}
.wpcf7-form .codedropz-upload-inner .cd-upload-btn:hover {
  background-color: #003c7e;
  color: #fff;
}
.wpcf7-form .dnd-upload-counter {
  right: 15px;
  bottom: 5px;
}
.wpcf7-form .dnd-upload-status .dnd-upload-details .name {
  color: #003c7e;
}
.wpcf7-form .dnd-upload-status .dnd-upload-details .name em {
  color: #003c7e;
  font-weight: 400;
}
.wpcf7-form .dnd-upload-status .dnd-upload-details span.has-error {
  color: #fc076e;
}
.wpcf7-form .dnd-upload-status .dnd-upload-details .dnd-progress-bar {
  margin: 0.25rem 0;
}
.wpcf7-form .dnd-upload-status .dnd-upload-details .dnd-progress-bar span {
  background-color: #53d392;
}
.wpcf7-form .dnd-upload-status .dnd-upload-details .dnd-icon-remove {
  color: #003c7e;
}
.wpcf7-form .dnd-upload-status .dnd-upload-details .remove-file span:after {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDNjN2UiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS1jaXJjbGUteC1pY29uIGx1Y2lkZS1jaXJjbGUteCI+PGNpcmNsZSBjeD0iMTIiIGN5PSIxMiIgcj0iMTAiLz48cGF0aCBkPSJtMTUgOS02IDYiLz48cGF0aCBkPSJtOSA5IDYgNiIvPjwvc3ZnPg==");
}
.wpcf7-form .dnd-upload-status .dnd-upload-image {
  border-color: #003c7e;
  border-width: 2px;
}
.wpcf7-form .dnd-upload-status .dnd-upload-image span.file {
  height: 21px;
  width: 21px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDNjN2UiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS1maWxlLWNoZWNrLWNvcm5lci1pY29uIGx1Y2lkZS1maWxlLWNoZWNrLWNvcm5lciI+PHBhdGggZD0iTTEwLjUgMjJINmEyIDIgMCAwIDEtMi0yVjRhMiAyIDAgMCAxIDItMmg4YTIuNCAyLjQgMCAwIDEgMS43MDYuNzA2bDMuNTg4IDMuNTg4QTIuNCAyLjQgMCAwIDEgMjAgOHY2Ii8+PHBhdGggZD0iTTE0IDJ2NWExIDEgMCAwIDAgMSAxaDUiLz48cGF0aCBkPSJtMTQgMjAgMiAyIDQtNCIvPjwvc3ZnPg==");
}
.wpcf7-form .endForm {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.wpcf7-form .submitContainer {
  margin-top: 1rem;
  position: relative;
  display: flex;
  justify-content: center;
  width: 100%;
}
.wpcf7-form .formBtn i {
  position: relative;
  right: auto;
  top: auto;
  width: 100%;
  height: auto;
  opacity: 1;
  font-size: 1.1rem;
}
.wpcf7-form .formBtn span {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.wpcf7-form .formBtn.rgpdOk:hover span {
  background-color: #53d392;
}
.wpcf7-form input[type=submit] {
  visibility: hidden;
  position: absolute;
  right: auto;
  opacity: 0;
  width: 0;
  height: 0;
  z-index: -1000;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  pointer-events: none;
}
.wpcf7-form .wpcf7-not-valid-tip {
  color: #fc076e;
  font-size: 0.8rem;
  position: absolute;
  bottom: 6px;
  left: 1.2rem;
  transition: opacity 0.3s cubic-bezier(0, 0.07, 0.57, 0.99);
  z-index: 1;
}
.wpcf7-form .wpcf7-spinner {
  position: absolute;
  right: calc(50% - 15.5px);
  top: calc(50% - 15.5px);
  margin: 0;
  width: 31px;
  height: 31px;
  background-color: transparent;
  opacity: 1;
  user-select: none;
  pointer-events: none;
}
.wpcf7-form .wpcf7-spinner:after, .wpcf7-form .wpcf7-spinner:before {
  content: "";
  box-sizing: border-box;
  width: 31px;
  height: 31px;
  border-radius: 50%;
  background: #fff;
  position: absolute;
  left: 0;
  top: 0;
  transform-origin: 50% 50%;
  animation: animloader 2s linear infinite;
}
.wpcf7-form .wpcf7-spinner:after:after, .wpcf7-form .wpcf7-spinner:before:after {
  animation-delay: 1s;
}
@keyframes animloader {
  0% {
    transform: scale(0);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 0;
  }
}

/*Acceptance*/
[data-name=rgpd-consent] {
  padding: 0.1rem 0.25rem 0.1rem 0;
  border-radius: 0.5rem;
  background-color: rgba(0, 0, 0, 0);
}

.wpcf7-acceptance {
  display: inline-block;
}
.wpcf7-acceptance .wpcf7-list-item {
  margin: 0;
  width: auto;
}
.wpcf7-acceptance .wpcf7-list-item > label {
  cursor: pointer;
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: auto;
  visibility: visible;
  opacity: 1;
  transform: none;
}
.wpcf7-acceptance .wpcf7-list-item > label .cbx {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  cursor: pointer;
  padding: 6px 8px;
  border-radius: 6px;
  overflow: hidden;
  transition: all 0.2s ease;
  display: inline-block;
  width: 34px;
  min-width: 34px;
  margin: 0;
  visibility: visible;
  opacity: 1;
  transform: none;
}
.wpcf7-acceptance .wpcf7-list-item > label .cbx:not(:last-child) {
  margin-right: 6px;
}
.wpcf7-acceptance .wpcf7-list-item > label .cbx:hover {
  background: rgba(0, 0, 0, 0.2);
}
.wpcf7-acceptance .wpcf7-list-item > label .cbx:hover span:first-child {
  border-color: #003c7e;
}
.wpcf7-acceptance .wpcf7-list-item > label .cbx span {
  float: left;
  vertical-align: middle;
  transform: translate3d(0, 0, 0);
}
.wpcf7-acceptance .wpcf7-list-item > label .cbx span:first-child {
  position: relative;
  width: 18px;
  height: 18px;
  border-radius: 4px;
  transform: scale(1);
  border: 1px solid #003c7e;
  transition: all 0.2s ease;
  box-shadow: 0 1px 1px rgba(0, 16, 75, 0.05);
}
.wpcf7-acceptance .wpcf7-list-item > label .cbx span:first-child svg {
  position: absolute;
  top: 3px;
  left: 2px;
  fill: none;
  stroke: #003c7e;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 16px;
  stroke-dashoffset: 16px;
  transition: all 0.3s ease;
  transition-delay: 0.1s;
  transform: translate3d(0, 0, 0);
}
.wpcf7-acceptance .wpcf7-list-item > label .cbx span:last-child {
  padding-left: 8px;
  line-height: 18px;
}
.wpcf7-acceptance .wpcf7-list-item > label .inp-cbx {
  position: absolute;
  visibility: hidden;
  width: 0;
  padding: 0;
  margin: 0;
}
.wpcf7-acceptance .wpcf7-list-item > label .inp-cbx:checked + .wpcf7-list-item-label .cbx span:first-child {
  animation: wave-4 0.4s ease;
  background-color: #003c7e;
  border-color: #003c7e;
}
.wpcf7-acceptance .wpcf7-list-item > label .inp-cbx:checked + .wpcf7-list-item-label .cbx span:first-child svg {
  stroke-dashoffset: 0;
  stroke: #fff;
}
.wpcf7-acceptance .wpcf7-list-item > label .inline-svg {
  position: absolute;
  width: 0;
  height: 0;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.wpcf7-acceptance .checkbox__text {
  font-size: 0.8rem;
  font-style: italic;
  font-weight: 300;
  text-align: left;
  display: inline-block;
  width: auto;
  text-wrap: balance;
}
.wpcf7-acceptance .wpcf7-list-item-label {
  display: flex;
  align-items: center;
  justify-content: center;
}
.wpcf7-acceptance + .wpcf7-not-valid-tip {
  position: initial;
  padding: 2px 2px 2px 5px;
  text-align: center;
}

@keyframes wave-4 {
  50% {
    transform: scale(0.9);
  }
}
.wpcf7 .wpcf7-form .wpcf7-response-output {
  margin: 1rem auto;
  padding: 2rem 1rem 1rem 1rem;
  border: none;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: fixed;
  font-size: 1.1rem;
  text-wrap: balance;
  line-height: 1.2;
  width: 600px;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  top: calc(50% - 100px);
  left: calc(50% - 300px);
  z-index: 100;
  background-color: #53d392;
  border-radius: 1rem;
  color: #fff;
  box-shadow: 0px 0px 50px -40px #fff;
  opacity: 0;
  transform: translate(0, 50px);
}
.wpcf7 .wpcf7-form .wpcf7-response-output p {
  font-size: 1.1rem;
  margin: 0.5rem 0;
}
.wpcf7 .wpcf7-form .wpcf7-response-output strong {
  font-size: 1.5rem;
  font-weight: bold;
}
.wpcf7 .wpcf7-form .wpcf7-response-output a {
  font-size: 1.1rem;
  font-weight: bold;
  text-decoration: underline;
}
.wpcf7 .wpcf7-form .wpcf7-response-output:before {
  content: "";
  width: 9rem;
  height: 4rem;
  position: absolute;
  top: -2rem;
  left: calc(50% - 4.5rem);
  border-radius: 2rem;
  background: url("../img/logo-don-bosco-white.svg");
  background-size: 4rem;
  background-repeat: no-repeat;
  background-position: center;
}
.wpcf7 .wpcf7-form.validating .wpcf7-response-output {
  display: none;
}
.wpcf7 .wpcf7-form.invalid .wpcf7-response-output {
  color: #fff;
  background-color: #fc076e;
}
.wpcf7 .wpcf7-form.invalid .wpcf7-response-output:before {
  background: url("../img/logo-don-bosco-white.svg"), #fc076e;
  background-size: 5rem;
  background-repeat: no-repeat;
  background-position: center;
}
.wpcf7 .wpcf7-form.sent .wpcf7-response-output:before, .wpcf7 .wpcf7-form.resetting .wpcf7-response-output:before {
  background: url("../img/logo-don-bosco-white.svg"), #53d392;
  background-size: 5rem;
  background-repeat: no-repeat;
  background-position: center;
}

footer {
  padding: 5rem 5%;
}
footer .row {
  padding: 3rem;
  border-radius: 2rem;
  background-color: #ededed;
  justify-content: center;
  gap: 1rem 5%;
}

.logoAndSocial {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: nowrap;
}

.logoFooter {
  width: 200px;
}

.donationFooter {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
}

.donationFooterLink {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  position: relative;
}
.donationFooterLink:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 2rem;
  background-color: #003c7e;
  opacity: 0;
  transition: opacity 0.2s cubic-bezier(0, 0.07, 0.57, 0.99);
}
.donationFooterLink .donationPicto {
  background-color: #003c7e;
  border-radius: 50%;
  width: 3.5rem;
  height: 3.5rem;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  padding: 0.6rem;
  position: relative;
  z-index: 1;
}
.donationFooterLink img {
  width: 100%;
  display: block;
  transition: transform 0.2s cubic-bezier(0, 0.07, 0.57, 0.99);
}
.donationFooterLink span {
  font-family: "Fontania", sans-serif;
  font-weight: bold;
  color: #003c7e;
  font-size: 1.4rem;
  letter-spacing: 1px;
  position: relative;
  z-index: 1;
  padding: 0 1rem 0 0.5rem;
  transition: color 0.2s cubic-bezier(0, 0.07, 0.57, 0.99);
  margin-bottom: -3px;
}
.donationFooterLink:hover span {
  color: #fff;
}
.donationFooterLink:hover img {
  transform: scale(1.2);
  transition-duration: 1s;
}
.donationFooterLink:hover::before {
  opacity: 1;
}

.footerNav {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 1rem;
}

.socialLinks {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  margin-top: 1rem;
}
.socialLinks a {
  margin-right: 1rem;
  width: 2rem;
  height: 2rem;
  display: block;
}
.socialLinks a svg {
  width: 100%;
  height: 100%;
  fill: #003c7e;
  transition: fill 0.2s cubic-bezier(0, 0.07, 0.57, 0.99);
}
.socialLinks a:hover svg {
  fill: #09f7e5;
}

.mentionsContainer {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 1rem;
}
.mentionsContainer > p, .mentionsContainer > span, .mentionsContainer > a {
  margin: 0.25rem 0.5rem;
  cursor: pointer;
}

body.page-mentions #cmplz-document {
  max-width: 100%;
  width: 1200px;
}

#cmplz-manage-consent .cmplz-manage-consent {
  display: none;
}

.mentions {
  padding-top: 10rem;
  padding-bottom: 3rem;
}
.mentions .title {
  margin-bottom: 2rem;
}
.mentions > div {
  width: 1200px;
  max-width: 100%;
  margin: 3rem auto 0 auto;
}
.mentions p {
  margin: 0.75rem 0;
}
.mentions a {
  text-decoration: underline;
  word-wrap: break-word;
}
.mentions h2 {
  font-size: 1.5rem;
  font-weight: 700;
  margin: 1rem 0;
}
.mentions h3 {
  font-size: 1.3rem;
  font-weight: 700;
  margin: 1rem 0;
}
.mentions ul, .mentions ol {
  margin: 1rem 0;
  list-style: disc;
  padding-left: 2rem;
}
.mentions ul li, .mentions ol li {
  margin: 0.75rem 0;
}
.mentions ul li a, .mentions ol li a {
  text-decoration: underline;
  word-wrap: break-word;
}

.heroNotFound {
  padding-top: 12rem;
}
.heroNotFound .title {
  margin-bottom: 2rem;
}

@media (max-width: 1750px) {
  body.menuOpen .menu {
    padding: 7rem 5% 5% 5%;
  }
}
@media (max-width: 1599px) {
  .actionsList .spaceTop {
    margin-top: 0;
  }
}
@media (max-width: 1500px) {
  .postPanel {
    width: 300px;
    right: 2.5%;
  }
  .singleContent h1 {
    font-size: 1.8rem;
  }
  .singleContent h2 {
    font-size: 1.5rem;
  }
  .singleContent h3 {
    font-size: 1.2rem;
  }
  .singleContent .singleBreadCrumb {
    padding-left: 5%;
    padding-right: calc(5% + 320px);
  }
  .singleContent .singleBreadCrumb .liteTitle {
    display: inline;
  }
  .singleContent .singleBreadCrumb .fullTitle {
    display: none;
  }
  .singleContent .content > * {
    padding-left: 5%;
    padding-right: calc(5% + 320px);
  }
  .singleContent .content > ul, .singleContent .content > ol {
    padding-left: calc(5% + 20px);
  }
  .postList_row {
    gap: 1rem;
  }
  .postList_row .postBlock {
    width: calc(33.333% - 1rem);
  }
  .jobOfferContent .content {
    width: calc(100% - 400px);
  }
  .jobRightPanel {
    width: 360px;
  }
}
@media (max-width: 1400px) {
  .menu li a, .menu li span {
    padding: 0.5rem 1.25rem;
  }
  .menu li#menu-item-686 a {
    width: 160px;
  }
  .homeAnimSpace {
    width: 900px;
  }
  .swiperTopHome .swiperHomeTitle strong {
    font-size: 2rem;
  }
  .swiperTopHome .swiperHomeTitle em {
    font-size: 1.4rem;
  }
  .membersPreviewPanel {
    padding-bottom: 0;
  }
  .membersPreviewSwiper {
    margin-bottom: 0;
  }
  .membersPreviewSwiper .tranding-slider-control {
    bottom: 0;
  }
  .membersPreviewSwiper_content {
    padding: 2rem 1.5rem 2.5rem 1.5rem;
  }
  .membersPreviewSwiper_content .secondTitle:before {
    width: 2rem;
    height: 2rem;
    top: -2.2rem;
  }
  .membersPreviewSwiper_img {
    margin-bottom: 1rem;
  }
  .membersPreviewSwiper_img.rounded {
    height: auto;
  }
  .quote .signature {
    text-align: left;
  }
  .historyDatesTitle h2 {
    font-size: 1.6rem;
  }
  .swiperDates {
    width: 400px;
  }
  .swiperDates .tranding-slider-control {
    right: -185px;
  }
  .swiperDates .text {
    width: 100%;
  }
  .otherEstablishments .spaceBtm {
    margin-bottom: 0;
  }
  .introContent .jobBlock_infos {
    width: 400px;
    max-width: 100%;
  }
  .introContent .jobBlock_infosSupp {
    width: 100%;
    max-width: 100%;
    padding-left: 0;
  }
  .introContent .jobBlock_infosSupp:before {
    content: none;
  }
}
@media (max-width: 1200px) {
  .title {
    font-size: 1.4rem;
  }
  .title strong {
    font-size: 2rem;
  }
  .title em {
    font-size: 1.4rem;
  }
  .swiperTopHome .swiperHomeTitle {
    font-size: 1.3rem;
  }
  .swiperTopHome .swiperHomeTitle em {
    font-size: 1.3rem;
  }
  .secondTitle {
    font-size: 1.2rem;
  }
  .hero_content .title em {
    font-size: 1.4rem;
  }
  .logo {
    margin-bottom: 0;
  }
  .btnMenu {
    bottom: auto;
    top: calc(50% - 18.5px);
  }
  .header_right {
    position: fixed;
    width: 100%;
    height: 100vh;
    background-color: #003c7e;
    top: 0;
    right: 0;
    opacity: 0;
    pointer-events: none;
    user-select: none;
  }
  .header_right:before {
    content: "";
    width: 100px;
    height: 60px;
    position: absolute;
    top: 1rem;
    left: 1rem;
    background-image: url("../img/logo-don-bosco-lite.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
  }
  .topLinks {
    display: none;
  }
  .menuContainer {
    padding-right: 0;
    width: 100%;
    height: 100%;
  }
  .menuContainer nav {
    height: 100%;
  }
  .menu {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(6, auto);
    gap: 1rem;
    margin: 0 auto;
    width: 1600px;
    height: 100%;
    max-width: 100%;
    padding: 7rem 5% 5% 5%;
  }
  .menu li a, .menu li span {
    padding: 0.5rem 0;
  }
  .menu > li {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    height: 100%;
  }
  .menu > li > a {
    color: #fff;
  }
  .menu > li.children > span {
    cursor: initial;
  }
  .menu > li.children > a, .menu > li.children > span {
    color: #fff;
    background-color: transparent !important;
    font-family: "Fontania", sans-serif;
    font-size: 1.8rem;
    letter-spacing: 1px;
    padding-left: 2rem;
  }
  .menu > li.children > a:after, .menu > li.children > span:after {
    content: none;
  }
  .menu > li.children > a:before, .menu > li.children > span:before {
    content: "";
    position: absolute;
    width: 1rem;
    height: 2rem;
    background-color: #09f7e5;
    bottom: calc(50% - 0.8rem);
    left: 0;
    border-radius: 1rem;
    background-image: none;
    transform: scale(1);
    transition: none;
  }
  .menu > li.secondary {
    display: flex;
  }
  .menu > li#menu-item-686, .menu > li:nth-child(7), .menu > li:nth-child(8) {
    padding: 0;
    height: 35px;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    align-self: center;
  }
  .menu > li#menu-item-686 a, .menu > li:nth-child(7) a, .menu > li:nth-child(8) a {
    padding: 0.5rem 1rem;
    background-color: #09f7e5;
    border-radius: 2rem;
    color: #003c7e;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
  }
  .menu > li#menu-item-686 a:hover, .menu > li:nth-child(7) a:hover, .menu > li:nth-child(8) a:hover {
    background-color: rgb(7.2598425197, 223.2401574803, 206.905511811);
  }
  .menu > li:nth-child(1) {
    grid-area: 1/1/4/2;
  }
  .menu > li:nth-child(2) {
    grid-area: 1/2/4/3;
  }
  .menu > li:nth-child(3) {
    grid-area: 4/1/6/3;
  }
  .menu > li:nth-child(3) .sub-menu {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
  }
  .menu > li:nth-child(3) .sub-menu li {
    width: 50%;
  }
  .menu > li:nth-child(4) {
    grid-area: 4/3/6/4;
  }
  .menu > li:nth-child(5) {
    grid-area: 1/3/4/4;
  }
  .menu > li:nth-child(6) {
    grid-area: 6/1/7/2;
  }
  .menu > li:nth-child(7) {
    grid-area: 6/2/7/3;
  }
  .menu > li:nth-child(8) {
    grid-area: 6/3/7/4;
  }
  .sub-menu {
    position: initial;
    width: 100%;
    background-color: transparent;
    box-shadow: none;
    padding: 0;
    border-radius: 0;
  }
  body.menuOpen .header_right {
    pointer-events: auto;
    user-select: auto;
  }
  body.menuOpen .menuLines {
    display: flex;
  }
  .quote p br {
    display: none;
  }
  .actionListGrid {
    grid-template-columns: repeat(2, 1fr);
  }
  .establishment_liste {
    margin-top: 1rem;
  }
  .allEstablishments {
    padding: 2rem 1rem;
    height: 700px;
  }
  .allEstablishmentsSection .establishmentItem {
    padding: 1rem;
  }
  .allEstablishmentsSection .establishmentItem:before {
    content: none;
  }
  .AnimBisSpace {
    width: 700px;
    max-width: 100%;
    margin: -10rem auto 0 auto;
    order: 2;
  }
  .AnimBisSpace .greenStroke {
    stroke: #003c7e;
  }
  .animBis_content {
    width: 100%;
    margin-left: 0;
    margin-top: 0;
    margin-bottom: 0;
    padding: 2rem 2rem 10rem 2rem;
    order: 1;
  }
  .animBis_content .title strong {
    font-size: 2.5rem;
  }
  .animBis_content .text {
    font-size: 1.1rem;
    margin-top: 1rem;
  }
  .animBis_content .text p {
    margin: 0.25rem 0;
  }
  .postList_row .postBlock {
    width: calc(50% - 1rem);
  }
  .singleContent {
    padding-left: calc(5% + 1rem);
    padding-right: calc(5% + 1rem);
  }
  .singleContent .singleBreadCrumb {
    flex-direction: column;
    align-items: flex-start;
    position: relative;
    padding-left: 0;
    padding-right: 0;
  }
  .singleContent .singleBreadCrumb:before {
    position: absolute;
    top: 0;
    left: 0;
  }
  .singleContent .singleBreadCrumb a {
    padding-left: 30px;
    height: 24px;
  }
  .singleContent .singleBreadCrumb .singleBreadCrumbSeparator {
    display: none;
  }
  .singleContent .content {
    order: 2;
  }
  .singleContent .content > * {
    padding-left: 0;
    padding-right: 0;
  }
  .singleContent .content > ul, .singleContent .content > ol {
    padding-left: 20px;
  }
  .postPanel {
    order: 3;
    position: initial;
    width: 100%;
    margin-top: 2rem;
  }
  .postPanel .stickyPanel {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 1rem;
  }
  .postPanel .usefulLinksPanel {
    width: calc(60% - 1rem);
    background-color: #917bc2;
    border-radius: 2rem;
    padding: 2rem;
    color: #fff;
  }
  .postPanel .usefulLinksPanel .singleSocials a svg path {
    fill: #fff;
  }
  .postPanel .usefulLinksPanel .secondaryBtn svg path {
    stroke: #fff;
  }
  .postPanel .contactPanel {
    width: calc(40% - 1rem);
    background-color: #fc076e;
    border-radius: 2rem;
    padding: 2rem;
    color: #fff;
  }
  .postPanel .contactPanel .btn {
    background-color: #fff;
    color: #fc076e;
  }
  .postPanel .contactPanel .btn:hover {
    background-color: #003c7e;
    color: #fff;
  }
  .postPanel .contactPanel:before {
    content: none;
  }
  .jobOfferContent .content {
    width: 100%;
  }
  .jobRightPanel {
    width: 100%;
    position: initial;
    margin-top: 2rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  .otherJobOffer {
    display: none;
  }
  .share-buttons {
    order: 2;
    margin-bottom: 0;
    margin-top: 2rem;
  }
  .applyCTA {
    order: 1;
    width: 250px;
    max-width: 100%;
  }
  .introContent {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  .is-horizontal .f-button.is-arrow.is-prev, .is-horizontal .f-button.is-arrow.is-next {
    transform: none;
    top: auto;
    bottom: 2rem;
  }
}
@media (max-width: 1024px) {
  .missionList {
    padding-left: 5rem;
  }
  .historyDates .historyDatesSwiperContainer.center {
    align-items: flex-start;
  }
  .swiperDates {
    width: 310px;
  }
  .swiperDates .tranding-slider-control {
    right: 0;
    width: 100%;
    top: auto;
    bottom: 0;
    justify-content: center;
  }
}
@media (max-width: 991px) {
  .btnMenu {
    right: 1rem;
  }
  .header_right {
    background-color: #fff;
    align-items: flex-end;
    padding: 6rem 5% 3rem 5%;
    overflow-y: scroll;
  }
  .header_right:before {
    content: none;
  }
  .topLinks {
    display: flex;
    justify-content: flex-start;
    position: absolute;
    right: 4rem;
    top: 2rem;
    margin-bottom: 0;
  }
  .topLinks > p {
    display: none;
  }
  .topLinksItem {
    display: none;
  }
  .menuContainer {
    height: auto;
  }
  .menu {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 420px;
    padding: 0;
  }
  .menu .mobile-arrow {
    display: flex;
    width: 1.5rem;
    height: 1rem;
    margin-right: 0.5rem;
    position: absolute;
    left: 0;
    top: calc(50% - 0.7rem);
    transition: transform 0.3s cubic-bezier(0, 0.07, 0.57, 0.99);
  }
  .menu > li {
    height: auto;
    width: 100%;
  }
  .menu > li:nth-child(5n+1) > a, .menu > li:nth-child(5n+1) > span {
    color: #fc076e !important;
  }
  .menu > li:nth-child(5n+1) > a .mobile-arrow path, .menu > li:nth-child(5n+1) > span .mobile-arrow path {
    fill: #fc076e;
  }
  .menu > li:nth-child(5n+1) .sub-menu {
    background-color: #fc076e;
  }
  .menu > li:nth-child(5n+2) > a, .menu > li:nth-child(5n+2) > span {
    color: #fab002 !important;
  }
  .menu > li:nth-child(5n+2) > a .mobile-arrow path, .menu > li:nth-child(5n+2) > span .mobile-arrow path {
    fill: #fab002;
  }
  .menu > li:nth-child(5n+2) .sub-menu {
    background-color: #fab002;
  }
  .menu > li:nth-child(5n+3) > a, .menu > li:nth-child(5n+3) > span {
    color: #917bc2 !important;
  }
  .menu > li:nth-child(5n+3) > a .mobile-arrow path, .menu > li:nth-child(5n+3) > span .mobile-arrow path {
    fill: #917bc2;
  }
  .menu > li:nth-child(5n+3) .sub-menu {
    background-color: #917bc2;
  }
  .menu > li:nth-child(5n+4) > a, .menu > li:nth-child(5n+4) > span {
    color: #f29daa !important;
  }
  .menu > li:nth-child(5n+4) > a .mobile-arrow path, .menu > li:nth-child(5n+4) > span .mobile-arrow path {
    fill: #f29daa;
  }
  .menu > li:nth-child(5n+4) .sub-menu {
    background-color: #f29daa;
  }
  .menu > li:nth-child(5n+5) > a, .menu > li:nth-child(5n+5) > span {
    color: #09f7e5 !important;
  }
  .menu > li:nth-child(5n+5) > a .mobile-arrow path, .menu > li:nth-child(5n+5) > span .mobile-arrow path {
    fill: #09f7e5;
  }
  .menu > li:nth-child(5n+5) .sub-menu {
    background-color: #09f7e5;
  }
  .menu > li:nth-child(3) .sub-menu li {
    width: 100%;
  }
  .menu > li:nth-child(8) {
    display: none;
  }
  .menu > li#menu-item-686, .menu > li:nth-child(7), .menu > li:nth-child(8) {
    height: auto;
    justify-content: flex-start;
  }
  .menu > li#menu-item-686 a, .menu > li:nth-child(7) a, .menu > li:nth-child(8) a {
    background-color: #003c7e;
    color: #fff !important;
    font-family: "Fontania", sans-serif;
    font-size: 1.4rem;
    letter-spacing: 1px;
    line-height: 1;
    width: 270px;
    padding: 0.7rem 1rem 0.5rem 1rem;
  }
  .menu > li .sub-menu {
    width: 100%;
  }
  .menu > li .sub-menu li {
    margin: 0.25rem 1.5rem;
  }
  .menu > li .sub-menu li:first-child {
    margin-top: 1rem;
  }
  .menu > li .sub-menu li:last-child {
    margin-bottom: 1rem;
  }
  .menu > li.children > a, .menu > li.children > span {
    pointer-events: none;
  }
  .menu > li.children > a:before, .menu > li.children > span:before {
    content: none;
  }
  .menu > li > a svg, .menu > li > span svg {
    display: flex;
    width: 1.5rem;
    height: 1rem;
  }
  .menu > li.is-open .mobile-arrow {
    transform: rotate(15deg);
  }
  .sub-menu {
    position: initial;
    height: 0;
    overflow: hidden;
    user-select: none;
    pointer-events: none;
    border-radius: 1rem;
  }
  .sub-menu li a:hover {
    color: #fff;
  }
  body.menuOpen .menu {
    padding: 0;
  }
  body.menuOpen .menuLines {
    display: none;
  }
  .basicContent_content, .approcheMethodo_content {
    order: 1;
  }
  .basicContent_img, .approcheMethodo_img {
    order: 2;
    margin-top: 2rem;
  }
  .basicContent_img .rounded, .approcheMethodo_img .rounded {
    height: 400px;
  }
  .basicContent_img.imgPortrait .rounded, .approcheMethodo_img.imgPortrait .rounded {
    height: auto;
  }
  .basicContent.reversedContent .basicContent_content {
    order: 1;
  }
  .basicContent.reversedContent .basicContent_img {
    order: 2;
  }
  .homeHeroContent {
    margin-top: 1rem;
  }
  .swiperTopHome .swiper-slide {
    text-align: center;
  }
  .swiperTopHome .text {
    padding-left: 0;
  }
  .swiperTopHomeChiffres {
    padding: 0;
  }
  .swiperTopHomeChiffres_text {
    font-size: 0.9rem;
  }
  .engagementPreview_img {
    margin-top: 2rem;
  }
  .engagementPreview_img .quote {
    padding-left: 0;
    width: 90%;
    margin: -2rem auto 0 auto;
    font-family: "neulis-neue", sans-serif, Helvetica, sans-serif;
    text-transform: initial;
    font-weight: bold;
  }
  .engagementPreview_img .quote p br {
    display: none;
  }
  .membersPreviewLinks {
    width: 100%;
    margin: 0.5rem 0 1rem 0;
    border-radius: 1rem;
  }
  .joinTheTeam_img {
    height: 340px;
  }
  .narrationContent {
    order: 1;
  }
  .narrationVisual {
    order: 2;
    margin-top: 2rem;
  }
  .narrationVisual .rounded {
    height: 400px;
  }
  .narration:nth-child(odd) .narrationContent {
    order: 1;
  }
  .narration:nth-child(odd) .narrationVisual {
    order: 2;
  }
  .actionItemGrid {
    grid-template-columns: 1fr;
  }
  .actionItemGrid.--4 {
    grid-template-columns: repeat(2, 1fr);
  }
  .subThemeContent {
    display: flex;
    flex-direction: column;
  }
  .supportView_content {
    order: 1;
  }
  .supportView_img {
    order: 2;
    margin-top: 2rem;
  }
  .supportView_img .rounded {
    height: 400px;
  }
  .apprentissageRow {
    margin-top: 2rem;
  }
  .establishmentMore_img {
    margin-top: 2rem;
  }
  .establishmentMore_img .rounded {
    height: 400px;
  }
  .directionPole_img {
    width: 200px;
  }
  .directionPole_text {
    width: calc(100% - 266px);
  }
  .mapContainer {
    height: 400px;
  }
  .notationHasContainer .title {
    width: 100%;
    align-items: center;
    margin-right: 0;
    margin-bottom: 0.5rem;
  }
  .notationHasContainer .notationHasBar {
    display: none;
  }
  .notationHasContainer .notationHisDouble {
    align-items: center;
  }
  .contactForm {
    margin-top: 2rem;
  }
  .postBlock .postBlock_img {
    height: 190px;
  }
  .postBlock .postBlock_content {
    padding: 1rem 0;
  }
  .allEstablishments {
    padding: 1rem;
    height: auto;
    border-radius: 0;
    background-color: transparent;
    display: none;
  }
  .allEstablishmentsSection .mobileTitle {
    display: flex;
  }
  .allEstablishmentsSection .allEstablishments .title {
    display: none;
  }
  .allEstablishmentsSection .establishment_liste ul {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
  }
  .allEstablishmentsSection .establishment_liste ul li {
    width: calc(50% - 1rem);
    margin: 0;
  }
  .allEstablishmentsSection .col-lg-7 {
    padding-left: 1rem;
  }
  .allEstablishmentsSection .establishmentsMap {
    margin-top: 2rem;
    border-radius: 1rem;
  }
  .postPanel .usefulLinksPanel {
    width: 100%;
  }
  .postPanel .contactPanel {
    width: 100%;
  }
  .donationFooter {
    flex: 0 0 100%;
    width: 100%;
    flex-direction: row;
    justify-content: center;
    margin-top: 1rem;
  }
  .socialLinks {
    gap: 1rem;
  }
  .socialLinks a {
    margin-right: 0;
  }
  .donationFooterLink {
    margin-right: 1rem;
  }
}
@media (max-width: 767px) {
  .hero_img {
    order: 2;
    padding: 0 1rem 1rem 1rem;
  }
  .hero_content {
    order: 1;
    padding-bottom: 0;
  }
  .prettyList ul {
    padding-left: 0;
  }
  .prettyList ul li {
    padding: 0.75rem 1rem 0.75rem 2rem;
  }
  .prettyList .prettyList_arrow {
    width: 1.5rem;
    height: 1rem;
    position: absolute;
    left: 0rem;
    top: 0.9rem;
  }
  .swiperTopHome .swiperHomeTitle strong {
    font-size: 1.6rem;
  }
  .swiperTopHomeChiffresContainer {
    margin: 0 auto;
    width: 270px;
  }
  .swiperTopHomeChiffres {
    width: 100%;
    flex-direction: row;
    justify-content: flex-start;
    margin: 0.5rem 0;
  }
  .swiperTopHomeChiffres_text {
    font-size: 0.9rem;
    text-align: left;
  }
  .swiperTopHomeChiffres_number {
    font-size: 1.1rem;
    border-radius: 1rem;
    width: 3rem;
    height: 3rem;
    padding: 0.5rem;
    margin-bottom: 0;
    margin-right: 1rem;
  }
  .membersPreviewSwiper.swiper-initialized {
    padding-bottom: 3rem;
  }
  .membersPreviewSwiper .swiper-slide {
    flex-direction: column;
  }
  .membersPreviewSwiper .tranding-slider-control {
    right: auto;
    bottom: 0;
    width: 100%;
    background-color: transparent;
  }
  .membersPreviewSwiper .swiper-button-prev svg, .membersPreviewSwiper .swiper-button-next svg {
    stroke: #fff;
  }
  .membersPreviewSwiper .swiper-pagination-bullet {
    background-color: transparent;
    border: 1px solid #fff;
  }
  .membersPreviewSwiper .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #fff;
  }
  .membersPreviewSwiper .decorativeSvgLine {
    display: none;
  }
  .membersPreviewSwiper_img.rounded {
    width: 100%;
    height: 300px;
  }
  .membersPreviewSwiper_content {
    width: 100%;
    padding: 1rem;
  }
  .joinTheTeam {
    margin-top: 0;
  }
  .joinTheTeam_img {
    height: 300px;
  }
  .actionListGrid {
    grid-template-columns: repeat(1, 1fr);
  }
  .tempsFortsBlockContainer {
    max-width: 100%;
  }
  .tempsFortsBlockItem {
    width: 100%;
    max-width: 100%;
  }
  .historyDatesTitle h2 {
    text-align: center;
    font-size: 1.4rem;
  }
  .historyDatesTitle h2 br {
    display: none;
  }
  .historyDatesTitle h2 strong + br {
    display: inline-block;
  }
  .historyDates .historyDatesSwiperContainer.center {
    align-items: center;
  }
  .swiperDates {
    width: 100%;
  }
  .swiperDates .swiper-slide:after {
    content: none;
  }
  .swiperDates .text {
    width: 360px;
    max-width: 100%;
  }
  .actionItemGrid.--4 {
    grid-template-columns: 1fr;
  }
  .supportMenu {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
    width: 100%;
  }
  .supportMenu .btn {
    width: 100%;
  }
  .allEstablishmentsSection .establishment_liste ul li {
    width: 100%;
  }
  .presBlockMore {
    padding: 1rem 0;
  }
  .presBlockMore.spaceTop {
    margin-top: 1.5rem;
  }
  .presBlockMore .text {
    margin-bottom: 0;
  }
  .wpcf7-form .codedropz-upload-inner {
    flex-direction: column;
  }
  .wpcf7-form .codedropz-upload-inner span {
    margin-bottom: 0.5rem;
  }
  .wpcf7 .wpcf7-form .wpcf7-response-output {
    width: calc(100% - 3rem);
    left: 1.5rem;
  }
  .postList_row .postBlock {
    width: 100%;
  }
  .logoAndSocial {
    flex: 0 0 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .footerNav {
    flex: 0 0 100%;
    width: 100%;
    margin-top: 2rem;
    align-items: center;
  }
  .footerNav .liteBtn {
    padding: 0.6rem 1.5rem;
    background-color: #09f7e5;
    border-radius: 2rem;
    width: 300px;
    max-width: 100%;
  }
  .mentionsContainer p, .mentionsContainer a, .mentionsContainer span {
    width: 100%;
    justify-content: center;
    text-align: center;
  }
  .is-horizontal .f-button.is-arrow.is-prev, .is-horizontal .f-button.is-arrow.is-next {
    top: 1rem;
    bottom: auto;
  }
  .is-horizontal.is-ltr .f-button.is-arrow.is-prev {
    left: 8px;
  }
  .is-horizontal.is-ltr .f-button.is-arrow.is-next {
    right: auto;
    left: 40px;
  }
  .f-button.is-arrow {
    width: 30px;
    height: 30px;
  }
  .f-button.is-arrow svg {
    width: 12px;
    height: 12px;
  }
}
@media (max-width: 600px) {
  .singleContent .wp-block-media-text > .wp-block-media-text__content {
    padding: 0;
  }
}
@media (max-width: 580px) {
  .homeAnimSpace {
    transform: scale(1.2);
  }
  .homeHeroContent {
    margin-top: 2rem;
  }
  .swiperActions .swiper-slide {
    padding: 0;
  }
  .swiperProjectContainer .swiper-slide {
    padding: 0;
  }
  .enterEnScene ol {
    padding-left: 0;
  }
  .actionsMissions .col-12.center {
    align-items: flex-start;
  }
  .missionList {
    padding-left: 3rem;
  }
  .missionList + .text.center p {
    text-align: left;
  }
  .missionItem:before {
    left: -2.75rem;
    width: 0.5rem;
  }
  .missionItem_title div {
    width: 3rem;
    height: 3rem;
    min-width: 3rem;
    margin-left: -4rem;
    font-size: 1.5rem;
  }
  .directionPole {
    flex-direction: column;
    align-items: flex-start;
  }
  .directionPole_img {
    width: 220px;
    height: 200px;
  }
  .directionPole_img .rounded {
    height: 100%;
  }
  .directionPole_text {
    width: 100%;
  }
  .rseListeSection .row {
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  }
  .rseListeItem {
    padding: 2rem;
  }
  .rseListeItem .title {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .rseListeItem:after {
    background-color: #003c7e;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmZmZmYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS1saXN0LXBsdXMtaWNvbiBsdWNpZGUtbGlzdC1wbHVzIj48cGF0aCBkPSJNMTYgNUgzIi8+PHBhdGggZD0iTTExIDEySDMiLz48cGF0aCBkPSJNMTYgMTlIMyIvPjxwYXRoIGQ9Ik0xOCA5djYiLz48cGF0aCBkPSJNMjEgMTJoLTYiLz48L3N2Zz4=");
    bottom: auto;
    top: 1rem;
    right: 1rem;
  }
  .rseListeItem_intro_pictogramme {
    width: 120px;
    min-width: 120px;
    height: 60px;
    margin-right: 0;
    margin-bottom: 0.5rem;
  }
  .rseListeItem_details {
    padding: 2rem 1rem 1rem 1rem;
  }
  .rseListeItem_details .rseListeItem_intro_content {
    flex-direction: column;
    align-items: flex-start;
  }
  .rseListeItem_details > .text {
    padding-left: 0;
  }
  .actionItem {
    height: 220px;
    padding: 2rem 1rem 3rem 1rem;
  }
  .actionItem h2:after {
    bottom: -4rem;
  }
  .actionItemFancyWrapper {
    padding: 1.5rem;
  }
  .actionItemGrid {
    margin-top: 2rem;
    margin-bottom: 1rem;
  }
  .actionItemGrid .countBlock {
    width: 2rem;
    height: 2rem;
    font-size: 1.4rem;
    top: -1rem;
    left: -1rem;
  }
  .actionItemGrid > div {
    padding: 1rem 1rem 1rem 1rem;
  }
  .themePartners .row {
    padding: 2rem 1rem 1rem 1rem;
  }
  .subThemeContent {
    display: flex;
    flex-direction: column;
  }
  .subThemeToggle {
    font-size: 1.2rem;
  }
  .establishmentContact .row {
    padding: 2rem 1rem;
  }
  .viewSwitcher {
    flex-direction: column;
    width: 100%;
  }
  .viewSwitcher .btn {
    width: 100%;
  }
  .wpcf7-form label {
    width: 100%;
    margin: 0.75rem 0;
  }
  .wpcf7-form [data-name=cv], .wpcf7-form .legend, .wpcf7-form [data-name=destinataire] {
    margin: 0.75rem 0;
  }
  .endBlog {
    padding-top: 0;
  }
  .contentDetails.even {
    padding: 2rem;
    margin: 2rem 0;
  }
  .contentDetails.even .decorativeSvgLine {
    left: calc(2.5% - 30px) !important;
  }
  footer .row {
    padding: 1rem 1rem 2rem 1rem;
  }
  .footerNav {
    margin-top: 1rem;
  }
  .donationFooter {
    flex-direction: column;
    align-items: center;
    margin-top: 0;
  }
  .donationFooterLink {
    margin-right: 0;
    margin-bottom: 1rem;
    width: 300px;
    max-width: 100%;
    justify-content: center;
  }
  .donationFooterLink span {
    color: #fff;
    margin-bottom: -6px;
  }
  .donationFooterLink:before {
    opacity: 1;
  }
  .socialLinks a {
    width: 3rem;
    height: 3rem;
  }
}
@media (max-width: 420px) {
  .logo {
    width: 160px;
  }
  .homeHero {
    padding-top: 7.5rem;
  }
  .hero, .heroAnimBis {
    padding-top: 6rem;
  }
  .heroContact{
    padding-top: 7rem;
  }
  .singleContent {
    padding-top: 110px;
  }
  .jobOfferContent {
    padding-top: 7rem;
  }
  .mentions {
    padding-top: 7rem;
    padding-bottom: 0;
  }
  .heroNotFound {
    padding-top: 9rem;
  }
  .animBis_content {
    padding: 2rem 1rem;
  }
  .AnimBisSpace {
    display: none;
  }
  .topLinks {
    right: auto;
    left: 1rem;
  }
  .sub-menu li a:before {
    content: none;
  }
  .menu > li .sub-menu li {
    margin: 0;
  }
  .menu > li .sub-menu li a {
    padding: 0.75rem 1rem;
  }
  .menu > li .sub-menu li:not(:last-child) a:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 1rem;
    width: calc(100% - 2rem);
    height: 1px;
    background-color: rgba(255, 255, 255, 0.2);
  }
  .menu > li#menu-item-686 a, .menu > li:nth-child(7) a, .menu > li:nth-child(8) a {
    width: 100%;
  }
  .quote:before {
    width: 40px;
    height: 45px;
  }
  .text {
    margin: 0.5rem 0;
  }
  .text ul {
    padding-left: 1rem;
  }
  .title br {
    display: none;
  }
  .title strong + br, .title strong br {
    display: inline-block;
  }
  .establishmentMore_img .rounded, .narration .rounded, .basicContent_img .rounded, .approcheMethodo_img .rounded, .hero_img .rounded, .supportView_img .rounded {
    height: 300px;
  }
  .hero .row {
    border-radius: 1rem;
  }
  .hero_img .rounded {
    min-height: 1px;
  }
  .hero_img .rounded picture {
    border-radius: 1rem;
  }
  .hero_content {
    padding: 1rem 1rem 0 1rem;
  }
  .swiperProject_content {
    padding: 0;
  }
  .basicContent_img .quote {
    margin: -2rem auto 0 auto;
  }
  .linksRow .btn {
    width: 100%;
  }
  .listEquipe .spaceBtm {
    margin-bottom: 1rem;
  }
  .swiper.swiper-initialized {
    padding-bottom: 3rem;
  }
  .jobOfferListGrid {
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  }
  .jobBlock {
    padding: 1rem;
    border-radius: 1rem;
  }
  .jobBlockTitle {
    font-size: 1.2rem;
  }
  .establishmentsPostBlock_Content {
    padding: 1rem 0;
  }
  .heroContact .btn {
    width: 100%;
  }
  .presBlockMore_logos div {
    padding: 0.5rem;
    height: 70px;
    width: 100%;
  }
  .establishmentIntro ul {
    padding-left: 0;
  }
  .establishmentIntro .quote {
    padding: 2rem 1rem;
  }
  .establishmentIntro .quote:before {
    width: 40px;
    height: 46px;
    transform: translate(-0.5rem, -0.5rem);
  }
  .establishmentContact .btn {
    width: 100%;
    text-align: center;
  }
  .mapContainer {
    height: 300px;
  }
  .AnimBisSpace {
    margin: -8rem auto 0 auto;
    transform: scale(1.2);
  }
  .singleContent h1 {
    font-size: 1.5rem;
    margin-top: 0.5rem;
  }
  .singleContent h2 {
    font-size: 1.3rem;
  }
  .singleContent h3 {
    font-size: 1.1rem;
  }
  .applyForm .wpcf7 {
    margin-top: 0;
    margin-bottom: 0;
  }
}
@media (max-width: 380px) {
  .establishmentsPostBlock_Img {
    height: 160px;
  }
}/*# sourceMappingURL=screen.css.map */


body{
  &.noHover{
    *{
      cursor: default !important;
      -webkit-tap-highlight-color: transparent;
      -moz-tap-highlight-color: transparent;
    }
  }
}

.accessibility-plus-menu-content{
  overflow-y: hidden !important;
}