/*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;
}

html {
  font-family: "Arial", "Helvetica Neue", Helvetica, sans-serif;
  font-weight: normal;
  font-size: 1rem;
  color: #1d1d1b;
  max-width: 100vw;
  overflow-x: hidden;
  position: relative;
  left: 0;
}

p strong {
  font-weight: bold;
}

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

li {
  line-height: 1.3;
}
li a {
  font-weight: bold;
}

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

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

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

picture {
  width: 100%;
  height: 100%;
  display: block;
}

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 {
  position: initial;
  width: 2rem;
  height: 2rem;
  margin-top: 0;
  margin: 0 1rem;
}
.swiper-button-next svg {
  width: 2rem;
  height: 2rem;
  stroke: #1d1d1b;
  stroke-width: 1px;
}
.swiper-button-next:after {
  content: none;
}

.swiper-button-prev {
  position: initial;
  width: 2rem;
  height: 2rem;
  margin-top: 0;
  margin: 0 1rem;
}
.swiper-button-prev svg {
  width: 2rem;
  height: 2rem;
  stroke: #1d1d1b;
  stroke-width: 1px;
}
.swiper-button-prev:after {
  content: none;
}

.swiper-pagination {
  position: initial;
  width: auto !important;
  display: flex;
  align-items: center;
}

.swiper-pagination-bullet {
  width: 1rem;
  height: 1rem;
  opacity: 1;
  background-color: transparent;
  border: 1px solid #1d1d1b;
  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: #1d1d1b;
  transform: scale(1);
}

.swiperPictoContainer {
  width: 100%;
  margin-top: 3rem;
}

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

.swiper-slide.swiperPictoSlide{
  display: flex;
}
.swiperPictoSlide {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  padding: 1rem;
  text-align: center;
}
.swiperPictoSlide .picto {
  width: 160px;
  height: 160px;
  padding: 2rem;
  background-color: #ffbe2e;
  border-radius: 2rem;
}
.swiperPictoSlide .picto img {
  width: 100%;
  height: 100%;
}
.swiperPictoSlide .pictoTitle {
  margin-top: 1rem;
  font-weight: bold;
  text-transform: uppercase;
  text-wrap: balance;
  color: #fff;
  font-family: "stolzl", "Arial", "Helvetica Neue", sans-serif;
}

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

.btn {
  display: inline-block;
  text-transform: uppercase;
  font-size: 1.2rem;
  text-align: center;
  text-wrap: balance;
  font-weight: bold;
  line-height: 1.1;
  padding: 1rem 1.5rem;
  border-radius: 2rem;
  color: #ffbe2e;
  background-color: #1d1d1b;
  cursor: pointer;
  position: relative;
  outline: none;
  border: none;
  transition: all 0.3s cubic-bezier(0, 0.07, 0.57, 0.99);
  font-family: "segoe-ui", "Arial", "Helvetica Neue", sans-serif;
}
.btn:hover {
  background-color: #ffbe2e;
  color: #1d1d1b;
  transform: scale(1.025) !important;
}
.btn.reverse {
  background: #ffbe2e;
  color: #fff;
}
.btn.reverse:hover {
  background: #fff;
  color: #1d1d1b;
}
.btn.onYellow:hover {
  background-color: #fff;
  color: #1d1d1b;
}

.title {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: nowrap;
  font-size: 2rem;
  font-weight: bold;
  text-transform: uppercase;
  color: #1d1d1b;
  font-family: "stolzl", "Arial", "Helvetica Neue", sans-serif;
  text-wrap: balance;
}
.title p {
  line-height: 1.2;
  text-wrap: balance;
}
.title em {
  font-size: 1.6rem;
  color: #ffbe2e;
  text-wrap: balance;
  display: block;
}
.title.onYellow em {
  color: #fff;
}
.title.light {
  color: #fff;
}
.title.center {
  text-align: center;
  align-items: center;
}

.secondTitle {
  font-size: 1.3rem;
  font-weight: bold;
  text-transform: uppercase;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: nowrap;
  font-family: "stolzl", "Arial", "Helvetica Neue", sans-serif;
  text-wrap: balance;
}
.secondTitle.center {
  text-align: center;
  align-items: center;
}
.secondTitle em {
  font-size: 1.6rem;
  font-weight: 500;
  text-wrap: balance;
}

.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;
}

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

.rounded {
  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;
}

.text {
  margin: 1.5rem 0;
  max-width: 100%;
}
.text p {
  width: 750px;
  max-width: 100%;
  margin: 0.75rem 0;
}
.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::marker {
  color: #ffbe2e;
  font-size: 1.2rem;
}
.text.center p {
  text-align: center;
  margin: 0.75rem auto;
}
.text.center ul {
  text-align: center;
}
.text.center ul li {
  margin: 1.1rem auto;
}
.text.justify p {
  text-align: justify;
}

.darkSection .row {
  background-color: #1d1d1b;
  color: #fff;
  padding: 2rem;
  border-radius: 2rem;
}

.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: #ffbe2e;
}

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

@keyframes loaderAnim {
  to {
    opacity: 1;
    transform: scale3d(0.5, 0.5, 1);
  }
}
.repeatRowSection .row {
  margin: 3rem 0;
}
.repeatRowSection .row:first-child {
  margin-top: 0;
}
.repeatRowSection .row:nth-child(odd) {
  flex-direction: row-reverse;
}
.repeatRowSection .block {
  padding-top: 2rem;
}
.repeatRowSection .block ul li {
  font-weight: bold;
  font-size: 1.1rem;
}

.repeatRowVisual picture {
  position: relative;
}

/*HEADER*/
header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  flex-wrap: nowrap;
  padding: 0.25rem 5vw 0 5vw;
  width: 100%;
  z-index: 10;
  height: 100px;
  position: fixed;
  background-color: #fff;
}

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

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

.topLinks {
  padding-right: 170px;
}
.topLinks ul {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
}
.topLinks ul li {
  margin: 0 0.5rem;
  padding: 0.5rem 0;
}
.topLinks ul li a {
  text-transform: uppercase;
  font-family: "segoe-ui", "Arial", "Helvetica Neue", sans-serif;
  font-size: 0.9rem;
}

.phoneNumber {
  color: #1d1d1b;
  font-family: "stolzl", "Arial", "Helvetica Neue", sans-serif;
  font-size: 0.9rem;
  text-transform: uppercase;
  width: 150px;
  position: absolute;
  top: 0.5rem;
  right: calc(5vw + 1rem);
  padding: 0.5rem 1rem;
  background-color: #1d1d1b;
  color: #fff;
  text-align: center;
  border-radius: 2rem;
}
.phoneNumber:hover {
  color: #ffbe2e;
}

body.scrolled header {
  padding-bottom: 10px;
  box-shadow: 0px 0px 20px -15px rgba(29, 29, 27, 0.6);
}
body.scrolled .menu-menu-container {
  border-radius: 2rem;
}
body.scrolled .menu-menu-container:before, body.scrolled .menu-menu-container:after {
  content: none;
}

.menu-menu-container {
  border-radius: 2rem 2rem 0 0;
  background-color: #ffbe2e;
  position: relative;
  padding: 0.5rem 1rem;
}
.menu-menu-container:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: -2rem;
  width: 2rem;
  height: 100%;
  z-index: 0;
  background-color: #ffbe2e;
}
.menu-menu-container:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: -2rem;
  width: 2rem;
  height: 100%;
  background-color: #fff;
  z-index: 1;
  border-radius: 0 0 2rem 0;
}

.menu {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  border-radius: 2rem;
  border: 2px solid #fff;
}
.menu li {
  margin: 0 0.5rem;
}
.menu li a {
  padding: 0.5rem 2rem;
  color: #1d1d1b;
  display: inline-block;
  font-weight: bold;
  text-transform: uppercase;
  font-family: "segoe-ui", "Arial", "Helvetica Neue", sans-serif;
  font-size: 1.1rem;
}
.menu li.active a {
  color: #fff;
}
.menu li:last-child {
  margin-right: 0;
}
.menu li:last-child a {
  background-color: #fff;
  border-radius: 2rem;
}
.menu li:last-child.active a {
  background-color: #1d1d1b;
  color: #ffbe2e;
}

#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: 2rem;
  height: 2rem;
  cursor: pointer;
  background-color: #1d1d1b;
  border: 1px solid #fff;
  border-radius: 50%;
  position: fixed;
  right: 5%;
  display: none;
}
.btnMenu span {
  display: block;
  width: calc(100% - 1rem);
  height: 2px;
  background-color: #fff;
  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);
}

.rappelModal {
  position: fixed;
  z-index: -100;
  user-select: none;
  pointer-events: none;
  opacity: 0;
  top: 0;
  left: 0;
  width: 100%;
  max-width: 100vw;
  height: 100vh;
  padding: 1rem;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  background-color: rgba(29, 29, 27, 0.8);
}
.rappelModal .closeModal {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  padding: 1rem;
  border-radius: 1rem;
  background-color: #1d1d1b;
  position: absolute;
  right: 0.5rem;
  top: 0.5rem;
  cursor: pointer;
  box-shadow: 0px 0px 100px 0px rgba(0, 0, 0, 0.5);
  transition: background-color 0.3s ease;
}
.rappelModal .closeModal svg {
  fill: #ffbe2e;
}
.rappelModal .rappelContainer {
  background-color: #ffbe2e;
  padding: 4rem;
  border-radius: 1rem;
  box-shadow: 0px 0px 100px 0px rgba(0, 0, 0, 0.5);
  width: 760px;
  max-width: 100%;
  position: relative;
  opacity: 0;
  transform: translate(0, 4rem);
}
.rappelModal .wpcf7 .legend {
  text-align: center;
  width: 100%;
  margin: 0.5rem 0;
}
.rappelModal .wpcf7 [data-name=horaire],
.rappelModal .wpcf7 [data-name=jours] {
  width: 100%;
  max-width: 100%;
}
.rappelModal .wpcf7 .wpcf7-radio,
.rappelModal .wpcf7 .wpcf7-checkbox {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.rappelModal .wpcf7 .wpcf7-radio *:before,
.rappelModal .wpcf7 .wpcf7-radio *:after,
.rappelModal .wpcf7 .wpcf7-checkbox *:before,
.rappelModal .wpcf7 .wpcf7-checkbox *:after {
  box-sizing: inherit;
}
.rappelModal .wpcf7 .wpcf7-radio .wpcf7-list-item,
.rappelModal .wpcf7 .wpcf7-checkbox .wpcf7-list-item {
  margin-left: 0;
  display: flex;
}
.rappelModal .wpcf7 .wpcf7-radio .wpcf7-list-item > label,
.rappelModal .wpcf7 .wpcf7-checkbox .wpcf7-list-item > label {
  display: flex;
  align-items: center;
  width: 100%;
  margin: 0.25rem;
}
.rappelModal .wpcf7 .wpcf7-radio input[type=radio],
.rappelModal .wpcf7 .wpcf7-radio input[type=checkbox],
.rappelModal .wpcf7 .wpcf7-checkbox input[type=radio],
.rappelModal .wpcf7 .wpcf7-checkbox input[type=checkbox] {
  width: 0;
  position: absolute;
  visibility: hidden;
  z-index: -100;
}
.rappelModal .wpcf7 .wpcf7-radio input[type=radio]:after,
.rappelModal .wpcf7 .wpcf7-radio input[type=checkbox]:after,
.rappelModal .wpcf7 .wpcf7-checkbox input[type=radio]:after,
.rappelModal .wpcf7 .wpcf7-checkbox input[type=checkbox]:after {
  content: "";
}
.rappelModal .wpcf7 .wpcf7-radio input[type=radio]:not(.switch):checked + .wpcf7-list-item-label,
.rappelModal .wpcf7 .wpcf7-radio input[type=checkbox]:not(.switch):checked + .wpcf7-list-item-label,
.rappelModal .wpcf7 .wpcf7-checkbox input[type=radio]:not(.switch):checked + .wpcf7-list-item-label,
.rappelModal .wpcf7 .wpcf7-checkbox input[type=checkbox]:not(.switch):checked + .wpcf7-list-item-label {
  background-color: rgb(29, 29, 27);
}
.rappelModal .wpcf7 .wpcf7-radio input[type=radio]:not(.switch):checked + .wpcf7-list-item-label:after,
.rappelModal .wpcf7 .wpcf7-radio input[type=checkbox]:not(.switch):checked + .wpcf7-list-item-label:after,
.rappelModal .wpcf7 .wpcf7-checkbox input[type=radio]:not(.switch):checked + .wpcf7-list-item-label:after,
.rappelModal .wpcf7 .wpcf7-checkbox input[type=checkbox]:not(.switch):checked + .wpcf7-list-item-label:after {
  opacity: 1;
}
.rappelModal .wpcf7 .wpcf7-radio input[type=radio] + .wpcf7-list-item-label,
.rappelModal .wpcf7 .wpcf7-radio input[type=checkbox] + .wpcf7-list-item-label,
.rappelModal .wpcf7 .wpcf7-checkbox input[type=radio] + .wpcf7-list-item-label,
.rappelModal .wpcf7 .wpcf7-checkbox input[type=checkbox] + .wpcf7-list-item-label {
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  padding: 0.25rem 1.25rem;
  border-radius: 2rem;
  background-color: rgba(29, 29, 27, 0.8);
  color: #ffbe2e;
  transition: all 0.3s ease;
  position: relative;
}
.rappelModal .wpcf7 .wpcf7-radio input[type=radio] + .wpcf7-list-item-label:after,
.rappelModal .wpcf7 .wpcf7-radio input[type=checkbox] + .wpcf7-list-item-label:after,
.rappelModal .wpcf7 .wpcf7-checkbox input[type=radio] + .wpcf7-list-item-label:after,
.rappelModal .wpcf7 .wpcf7-checkbox input[type=checkbox] + .wpcf7-list-item-label:after {
  opacity: 0;
  width: 5px;
  height: 9px;
  border: 2px solid #ffbe2e;
  border-top: 0;
  border-left: 0;
  transform: rotate(45deg);
  position: absolute;
  left: 9px;
  top: calc(50% - 5.5px);
  content: "";
}
.rappelModal .wpcf7 .wpcf7-radio input[type=radio] + .wpcf7-list-item-label:hover,
.rappelModal .wpcf7 .wpcf7-radio input[type=checkbox] + .wpcf7-list-item-label:hover,
.rappelModal .wpcf7 .wpcf7-checkbox input[type=radio] + .wpcf7-list-item-label:hover,
.rappelModal .wpcf7 .wpcf7-checkbox input[type=checkbox] + .wpcf7-list-item-label:hover {
  background-color: rgb(29, 29, 27);
}
.rappelModal .wpcf7 [data-name=horaire] .wpcf7-not-valid-tip,
.rappelModal .wpcf7 [data-name=jours] .wpcf7-not-valid-tip {
  position: initial;
  text-align: center;
  margin-top: 0.25rem;
}

body.rappelModalIsOpen .rappelModal {
  -webkit-user-select: initial;
  -moz-user-select: initial;
  user-select: initial;
  pointer-events: initial;
  z-index: 20;
}

.page-accueil .heroIntroTitle div {
  opacity: 0;
  transform: translate(30px, 0);
}
.page-accueil .heroSection .title, .page-accueil .heroSection .text {
  opacity: 0;
  transform: translate(0, 30px);
}
.page-accueil .heroSection .btn {
  opacity: 0;
}
.page-accueil .videoPlaceholder {
  opacity: 0;
  transform: scale(0.8);
  position: relative;
}
.page-accueil .videoPlaceholder picture{
  overflow: hidden;
}
.page-accueil .videoPlaceholder picture:before{
  content: '';
  width: 100%;
  height: 100%;
  background: linear-gradient(to right, rgba(29, 29, 27, 0.5) 0%, rgba(29, 29, 27, 0) 100%);
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  border-radius: 2rem;
}
.playBtnContainer{
  z-index: 2;
}
.page-accueil .playBtnContainer {
  cursor: pointer;
}
.page-accueil .playBtnContainer p {
  opacity: 0;
  transform: translate(0, -30px);
}
.page-accueil .playBtnContainer .playBtn {
  opacity: 0;
  transform: scale(0.8);
}

.heroSection .heroRow {
  background-color: #ffbe2e;
  border-radius: 2rem 0 2rem 2rem;
  padding: 2rem;
}
.heroSection .heroRow.hasSubRow {
  border-radius: 2rem 0 2rem 0;
}

.heroContent {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: nowrap;
}
.heroContent .text {
  margin-top: 0.5rem;
}
.heroContent .text ul li::marker {
  color: #1d1d1b;
}

.page-accueil .heroIntroTitle {
  font-size: 3rem;
  margin-bottom: 2rem;
}

.heroIntroTitle {
  font-size: 2.4rem;
  font-weight: bold;
  text-transform: uppercase;
  color: #fff;
  font-family: "stolzl", "Arial", "Helvetica Neue", sans-serif;
  text-wrap: balance;
}
.heroIntroTitle.center {
  text-align: center;
  margin: 0 auto;
}
.heroIntroTitle p {
  line-height: 1.1;
}

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

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

.playBtnContainer {
  position: absolute;
  left: 5%;
  top: calc(50% - 4rem);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
}
.playBtnContainer p {
  color: #ffbe2e;
  font-size: 1.5rem;
  font-family: "stolzl", "Arial", "Helvetica Neue", sans-serif;
  text-transform: uppercase;
  margin-right: 1rem;
}

.playBtn {
  width: 8rem;
  height: 8rem;
  background-color: transparent;
  border: none;
  outline: none;
  cursor: pointer;
}
.playBtn svg {
  width: 100%;
  height: 100%;
}
.playBtn svg polygon {
  fill: #1d1d1b;
}
.playBtn svg path {
  fill: #fff;
  stroke: #ffbe2e;
  stroke-width: 4px;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10px;
}

.heroSubRow .col-xl-6 {
  padding: 1rem 3rem;
  background-color: #ffbe2e;
  border-radius: 0 0 2rem 2rem;
  position: relative;
}
.heroSubRow .col-xl-6:before {
  content: "";
  position: absolute;
  bottom: 0;
  right: -2rem;
  width: 2rem;
  height: 100%;
  z-index: 0;
  background-color: #ffbe2e;
}
.heroSubRow .col-xl-6:after {
  content: "";
  position: absolute;
  bottom: 0;
  right: -2rem;
  width: 2rem;
  height: 100%;
  background-color: #fff;
  z-index: 1;
  border-radius: 2rem 0 0 0;
}
.heroSubRow .btn {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
}
.heroSubRow .btn:before {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-top: 0.5em solid transparent;
  border-bottom: 0.5em solid transparent;
  border-left: 0.7em solid #ffbe2e;
  margin-left: 0.5em;
  vertical-align: middle;
  margin-right: 0.5rem;
}
.heroSubRow .btn:hover {
  background-color: #1d1d1b;
  color: #ffbe2e;
}
.heroSubRow .btn:hover:before {
  animation: bounce 1s infinite alternate;
}

.chemisageIntro {
  padding-top: 2rem;
}

.keyNumbers .title, .keyNumbers .text {
  padding-right: 7%;
}

.numberSwiper {
  margin-bottom: 3rem;
}
.numberSwiper:not(.swiper-initialized) .swiper-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: nowrap;
}
.numberSwiper:not(.swiper-initialized) .swiper-slide {
  width: calc(33.33% - 2rem);
  margin: 0 1rem;
}
.numberSwiper .swiper-slide {
  padding: 0 1rem;
}
.numberSwiper .tranding-slider-control {
  justify-content: flex-start;
}

.numberPicto {
  padding: 1rem;
  background-color: #f0f0f3;
  border-radius: 2rem;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
}
.numberPicto img {
  height: 130px;
}

.number {
  margin-top: 0.5rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
}
.number p {
  font-weight: 500;
  font-family: "stolzl", "Arial", "Helvetica Neue", sans-serif;
  text-align: center;
}
.number p:first-child {
  font-size: 2rem;
  color: #ffbe2e;
}

.videoSchema {
  padding-right: 0;
  margin-top: calc(-5rem - 10px);
  position: relative;
  z-index: 2;
}

.videoSchemaSizer {
  background-color: #eff0f1;
  border-radius: 2rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: nowrap;
  padding: 0 0 2rem 0;
}

.videoContainer {
  width: 700px;
  max-width: 100%;
  margin-left: auto;
  border-radius: 2rem;
  overflow: hidden;
}
.videoContainer video {
  width: 100%;
}

.chemisageSteps {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  flex-wrap: nowrap;
  margin-left: -3rem;
  margin-top: -10rem;
}

.chemisageStep {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  margin: 1rem 0;
}
.chemisageStep div {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  width: 6rem;
  height: 6rem;
  padding: 25px;
  background-color: #ffbe2e;
  border-radius: 50%;
}
.chemisageStep div img {
  width: 100%;
}
.chemisageStep div i {
  font-family: "stolzl", "Arial", "Helvetica Neue", sans-serif;
  font-weight: bold;
  font-size: 1.5rem;
  text-transform: uppercase;
}
.chemisageStep p {
  font-size: 1.1rem;
  font-weight: bold;
  margin-left: 1rem;
}

.trustIndexContainer {
  margin: 3rem 0;
}

.frenchMap {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
}
.frenchMap div {
  width: 400px;
  max-width: 100%;
}

.preventionIntro {
  margin-bottom: 2rem;
}

.preventionImg {
  position: relative;
  overflow: hidden;
  margin-bottom: 1rem;
}
.preventionImg div {
  width: 100%;
  height: 100%;
  opacity: 0;
}
.preventionImg div:first-child {
  position: absolute;
  transform: translate(0, 50px);
}
.preventionImg div:last-child {
  position: relative;
  z-index: 1;
}

.accordon {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: nowrap;
  width: 1000px;
  max-width: 100%;
  margin: 1rem 0;
}
.accordon.open .hiddenText {
  user-select: initial;
  pointer-events: initial;
}

.clearText {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  padding: 1rem 2rem;
  background-color: #ffbe2e;
  border-radius: 2rem;
  text-transform: uppercase;
  font-family: "stolzl", "Arial", "Helvetica Neue", sans-serif;
  font-weight: bold;
  font-size: 1.3rem;
  cursor: pointer;
  text-align: center;
  text-wrap: balance;
  transition: all 0.3s cubic-bezier(0, 0.07, 0.57, 0.99);
}
.clearText:hover {
  background-color: #fff;
  color: #1d1d1b;
}

.hiddenText {
  height: 0;
  overflow: hidden;
  width: 100%;
  user-select: none;
  pointer-events: none;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
}
.hiddenText .text {
  opacity: 0;
  padding: 0 2rem;
}
.hiddenText .text p, .hiddenText .text ul {
  width: 100%;
  text-align: justify;
}

.homeFooterLinks {
  margin-bottom: -8rem;
}

.homeFooterLinksblock > div {
  background-color: #ffbe2e;
  border-radius: 2rem 2rem 0 2rem;
  padding: 2rem;
  height: 100%;
  color: #fff;
  position: relative;
}
.homeFooterLinksblock .title em {
  color: #1d1d1b;
}

.linkContainer {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  height: 5rem;
  max-width: 100%;
  position: absolute;
  right: 0;
  bottom: -3rem;
}
.linkContainer a {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  padding: 1rem 2rem;
  background-color: #ffbe2e;
  border-radius: 2rem;
}
.linkContainer a:hover .linkPicto {
  transform: scale(1.1);
}
.linkContainer a:hover p::before {
  animation: bounce 1s infinite alternate;
}
.linkContainer .linkPicto {
  height: 4rem;
  width: 3rem;
  transition: all 0.3s cubic-bezier(0, 0.07, 0.57, 0.99);
}
.linkContainer p {
  color: #1d1d1b;
  text-transform: uppercase;
  font-family: "stolzl", "Arial", "Helvetica Neue", sans-serif;
  font-size: 1.1rem;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
}
.linkContainer p:before {
  content: "";
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiMxZDFkMWIiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJNOSAxOGw2LTYtNi02Ii8+PC9zdmc+");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 1.2rem;
  min-width: 1.2rem;
  height: 1.2rem;
  display: inline-block;
  margin-bottom: -1px;
}

@keyframes bounce {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(3px);
  }
  100% {
    transform: translateX(0);
  }
}
.experienceSection .col-md-4 {
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
}
.experienceSection .secondTitle {
  font-size: 1.8rem;
  text-align: right;
}
.experienceSection .keyNumbers {
  margin-top: -6rem;
}

.smoktiteVisual picture {
  width: 500px;
  max-width: 100%;
  margin: 0 auto;
}

.endPictoSection {
  margin-bottom: -8rem;
}
.endPictoSection .col-12 .title {
  width: 900px;
  max-width: 100%;
}

.endBottom .text strong {
  color: #ffbe2e;
  font-size: 1.2rem;
}

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

.heroVisualAvantagesContainer {
  width: 450px;
  max-width: calc(100% - 290px);
}

.heroVisualAvantagesText {
  width: 290px;
  margin-left: -0.925rem;
}
.heroVisualAvantagesText li {
  margin: 1rem 0;
  font-weight: bold;
  font-size: 1.1rem;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
}
.heroVisualAvantagesText li::before {
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  min-width: 1.5rem;
  background-color: #fff;
  border-radius: 50%;
  margin-right: 1rem;
}

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

.heroVisualChemisageContainer {
  width: 450px;
  max-width: 100%;
  position: relative;
}
.heroVisualChemisageContainer .zoomConduitContainer {
  width: 12vw;
  height: 12vw;
  max-width: 210px;
  max-height: 210px;
  min-width: 170px;
  min-height: 170px;
  position: absolute;
  left: 0;
  top: 2rem;
  border-radius: 50%;
  overflow: hidden;
}
.heroVisualChemisageContainer .zoomConduitContainer::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 5px solid #1d1d1b;
  border-radius: 50%;
  z-index: 2;
}
.heroVisualChemisageContainer .zoomConduit {
  width: 100%;
  height: 100%;
}
.heroVisualChemisageContainer .zoomConduitBuse {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.repeatRowVisualOverlay {
  position: absolute;
  text-transform: uppercase;
  color: #fff;
  font-weight: bold;
  font-size: 1.4rem;
  width: 340px;
  max-width: 100%;
  padding: 1rem;
  border-radius: 2rem 0 2rem 0;
  background-color: rgba(29, 29, 27, 0.3);
}
.repeatRowVisualOverlay p {
  line-height: 1;
}
.repeatRowVisualOverlay em {
  font-size: 1rem;
  text-transform: initial;
}

.repeatRowSection .row:first-child .repeatRowVisualOverlay {
  bottom: 0;
  right: 0;
}
.repeatRowSection .row:last-child .repeatRowVisualOverlay {
  top: 0;
  left: 0;
}

.procedeSection {
  margin-bottom: 3rem;
}
.procedeSection .row {
  background-color: #ffbe2e;
  border-radius: 2rem;
  padding: 2rem;
}

.procedeRow {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  margin-top: 3rem;
  margin-bottom: -5rem;
}

.procedeVisual {
  width: 500px;
}

.procedeContent {
  width: 500px;
}
.procedeContent .text {
  margin-left: 1.575rem;
}
.procedeContent .btn {
  margin-left: 1.575rem;
}

.procedeVisualText {
  width: 360px;
  margin-left: -0.925rem;
}
.procedeVisualText li {
  margin: 1rem 0;
  font-weight: bold;
  font-size: 1.1rem;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
}
.procedeVisualText li::before {
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  min-width: 1.5rem;
  background-color: #fff;
  border-radius: 50%;
  margin-right: 1rem;
}

.page-fumisterie .repeatRowSection .row:first-child .repeatRowVisual {
  margin-top: -7rem;
  position: relative;
  z-index: 1;
}

.interventionSection {
  margin-bottom: 3rem;
}
.interventionSection .row {
  background-color: #ffbe2e;
  border-radius: 2rem;
  padding: 2rem;
}

.interventionRow {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  margin-top: 3rem;
  margin-bottom: -7.5rem;
}

.interventionVisual {
  width: 500px;
  margin-right: 2rem;
}

.interventionContent {
  width: 500px;
}
.interventionContent .text ul li::marker {
  color: #1d1d1b;
  font-size: 1.2rem;
}

.textDecenale {
  padding: 2rem;
  border-radius: 2rem;
  background-color: #1d1d1b;
  color: #fff;
}
.textDecenale p {
  margin: 0;
}

.casClients .row {
  align-items: stretch;
}
.casClients .row:not(:first-child) {
  margin-top: 3rem;
}
.casClients .row:last-child {
  margin-bottom: -10rem;
}
.casClients .row:nth-child(odd) {
  flex-direction: row-reverse;
}
.casClients .row:nth-child(odd) .casClientContent .block {
  background-color: #1d1d1b;
  color: #fff;
}
.casClients .row:nth-child(odd) .title {
  color: #fff;
}
.casClients .row:nth-child(odd) .secondTitle {
  color: #ffbe2e;
}
.casClients .row:nth-child(even) .secondTitle {
  color: #fff;
}
.casClients .row:nth-child(even) .temoignage p:before {
  background-image: url("../img/quoteOnYellow.svg");
}
.casClients .row:nth-child(even) .temoignage p:after {
  background-image: url("../img/quoteOnYellow.svg");
}
.casClients .row:nth-child(even) .text ul li::marker {
  color: #1d1d1b;
}

.casClientContent .block {
  background-color: #ffbe2e;
  border-radius: 2rem;
  padding: 1rem 2rem;
  height: 100%;
}

.temoignage {
  padding-left: 14px;
}
.temoignage p {
  position: relative;
  font-weight: bold;
  font-family: "stolzl", "Arial", "Helvetica Neue", sans-serif;
  display: inline-block;
}
.temoignage p:before {
  content: "";
  width: 11px;
  height: 13px;
  display: inline-block;
  background-image: url("../img/quoteOnBlack.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  vertical-align: super;
  margin-right: 3px;
  margin-left: -13px;
}
.temoignage p:after {
  content: "";
  width: 9px;
  height: 10px;
  display: inline-block;
  background-image: url("../img/quoteOnBlack.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  vertical-align: super;
  margin-left: 2px;
}

.casClientVisuals {
  display: flex;
  flex-direction: column;
  max-height: 650px;
}

.casClientSwiper {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
}
.casClientSwiper.swiper-initialized {
  padding-bottom: 0;
}
.casClientSwiper .swiper-pagination {
  justify-content: center;
  width: auto !important;
  background-color: rgba(255, 255, 255, 0.7);
  padding: 0.5rem;
  border-radius: 2rem;
  position: absolute;
  bottom: 0.5rem;
  left: 0.5rem;
}
.casClientSwiper .swiper-pagination-bullet {
  width: 4rem;
  height: 4rem;
  opacity: 0.7;
  border: 2px solid transparent;
  transform: scale(1);
  border-radius: 1.5rem;
  overflow: hidden;
}
.casClientSwiper .swiper-pagination-bullet img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  -o-object-fit: cover;
  -o-object-position: center;
  vertical-align: middle;
}
.casClientSwiper .swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 1;
  border-color: #1d1d1b;
}

.casClientSlide {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  cursor: pointer;
}
.casClientSlide picture {
  width: 100%;
}
.casClientSlide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  -o-object-fit: cover;
  -o-object-position: center;
  vertical-align: middle;
}

.heroDiagnostic .row {
  padding: 4rem 2rem 2rem 2rem;
}
.heroDiagnostic .heroIntroTitle {
  font-size: 2rem;
}

.diagnosticForm .wpcf7 {
  margin-top: 0;
}
.diagnosticForm .wpcf7-list-item-label {
  font-family: "stolzl", "Arial", "Helvetica Neue", sans-serif;
}

.legendDiag {
  width: 100%;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1.2rem;
  color: #fff;
  text-align: center;
  margin-top: 2rem;
  font-family: "stolzl", "Arial", "Helvetica Neue", sans-serif;
}

.iconRadio {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.iconRadio .wpcf7-radio {
  display: flex;
}
.iconRadio .wpcf7-radio + .wpcf7-not-valid-tip {
  position: initial;
}
.iconRadio .wpcf7-list-item {
  margin: 1rem;
}
.iconRadio .wpcf7-list-item input {
  visibility: hidden;
  position: absolute;
  left: -9999px;
  opacity: 0;
}
.iconRadio .wpcf7-list-item input:checked + .wpcf7-list-item-label {
  background-color: #fff;
  color: #1d1d1b;
  opacity: 1;
}
.iconRadio .wpcf7-list-item input:checked + .wpcf7-list-item-label:after {
  animation: none;
  transform: scale(1.05);
}
.iconRadio .wpcf7-list-item label {
  width: 100%;
  height: 100%;
  margin: 0;
  display: flex;
}
.iconRadio .wpcf7-list-item-label {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  font-size: 1.1rem;
  line-height: 1.2;
  background-color: #1d1d1b;
  padding: 1rem;
  border-radius: 1rem;
  width: 200px;
  height: 100%;
  opacity: 0.7;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0, 0.07, 0.57, 0.99);
}
.iconRadio .wpcf7-list-item-label:before {
  content: none;
}
.iconRadio .wpcf7-list-item-label:after {
  content: "";
  width: 100%;
  height: 10rem;
  background-size: contain;
  background-position: center bottom;
  background-repeat: no-repeat;
  margin-top: 2rem;
  margin-bottom: -2rem;
  transition: all 0.3s cubic-bezier(0, 0.07, 0.57, 0.99);
}
.iconRadio .wpcf7-list-item-label:hover {
  background-color: #fff;
  color: #1d1d1b;
  opacity: 1;
}
.iconRadio .wpcf7-list-item-label:hover:after {
  animation: bounceVertical 1s infinite alternate;
}

@keyframes bounceVertical {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(3px);
  }
  100% {
    transform: translateY(0);
  }
}
.typeLogement .first .wpcf7-list-item-label:after {
  background-image: url("../img/maisonDiag.svg");
}
.typeLogement .last .wpcf7-list-item-label:after {
  background-image: url("../img/appartementDiag.svg");
}

.hauteurConduit {
  height: 0;
  overflow: hidden;
  visibility: hidden;
}
.hauteurConduit .first .wpcf7-list-item-label:after {
  background-image: url("../img/shortFireplaceDiag.svg");
  height: 8rem;
}
.hauteurConduit .last .wpcf7-list-item-label:after {
  background-image: url("../img/bigFireplaceDiag.svg");
  height: 12rem;
}

.etatConduit {
  height: 0;
  overflow: hidden;
  visibility: hidden;
}
.etatConduit .wpcf7-list-item-label:after {
  margin-bottom: 0;
}
.etatConduit .first .wpcf7-list-item-label:after {
  background-image: url("../img/fissuresDiag.svg");
  height: 6rem;
}
.etatConduit .last .wpcf7-list-item-label:after {
  background-image: url("../img/trousDiag.svg");
  height: 7rem;
}

.resultSection {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}
.resultSection p {
  text-transform: uppercase;
  font-size: 1.1rem;
  font-weight: bold;
  margin-top: 2rem;
  text-align: center;
  text-wrap: balance;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
}
.resultSection p:before {
  content: "";
  width: 5rem;
  height: 5rem;
  display: block;
  background-image: url("../img/interventionPossible.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin-bottom: 1rem;
}

.choixCommunication {
  width: 100%;
  height: 0;
  overflow: hidden;
  visibility: hidden;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.choixCommunication .wpcf7-checkbox {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.choixCommunication .wpcf7-form-control-wrap {
  max-width: 100%;
}
.choixCommunication .wpcf7-list-item {
  margin: 0.5rem 1rem;
  max-width: 100%;
}
.choixCommunication .wpcf7-list-item input {
  visibility: hidden;
  position: absolute;
  left: -9999px;
  opacity: 0;
}
.choixCommunication .wpcf7-list-item input:checked + .wpcf7-list-item-label {
  background-color: #fff;
  color: #1d1d1b;
}
.choixCommunication .wpcf7-list-item label {
  width: 100%;
  height: 100%;
  margin: 0;
  display: flex;
}
.choixCommunication .wpcf7-list-item-label {
  color: #ffbe2e;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  font-size: 1rem;
  background-color: #1d1d1b;
  padding: 0.7rem 1rem;
  border-radius: 2rem;
  width: 300px;
  max-width: 100%;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0, 0.07, 0.57, 0.99);
}
.choixCommunication .wpcf7-list-item-label:before, .choixCommunication .wpcf7-list-item-label:after {
  content: none;
}
.choixCommunication .wpcf7-list-item-label:hover {
  background-color: #fff;
  color: #1d1d1b;
}

div[data-class=wpcf7cf_group]:not(.wpcf7cf_hidden) {
  display: flex;
  flex-wrap: wrap;
}
div[data-class=wpcf7cf_group] .legend {
  text-align: center;
  width: 100%;
  margin: 0.5rem 0;
}
div[data-class=wpcf7cf_group] [data-name=horaire],
div[data-class=wpcf7cf_group] [data-name=jours] {
  width: 100%;
  max-width: 100%;
}
div[data-class=wpcf7cf_group] .wpcf7-radio,
div[data-class=wpcf7cf_group] .wpcf7-checkbox {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
div[data-class=wpcf7cf_group] .wpcf7-radio *:before,
div[data-class=wpcf7cf_group] .wpcf7-radio *:after,
div[data-class=wpcf7cf_group] .wpcf7-checkbox *:before,
div[data-class=wpcf7cf_group] .wpcf7-checkbox *:after {
  box-sizing: inherit;
}
div[data-class=wpcf7cf_group] .wpcf7-radio .wpcf7-list-item,
div[data-class=wpcf7cf_group] .wpcf7-checkbox .wpcf7-list-item {
  margin-left: 0;
  display: flex;
}
div[data-class=wpcf7cf_group] .wpcf7-radio .wpcf7-list-item > label,
div[data-class=wpcf7cf_group] .wpcf7-checkbox .wpcf7-list-item > label {
  display: flex;
  align-items: center;
  width: 100%;
  margin: 0.25rem;
}
div[data-class=wpcf7cf_group] .wpcf7-radio input[type=radio],
div[data-class=wpcf7cf_group] .wpcf7-radio input[type=checkbox],
div[data-class=wpcf7cf_group] .wpcf7-checkbox input[type=radio],
div[data-class=wpcf7cf_group] .wpcf7-checkbox input[type=checkbox] {
  width: 0;
  position: absolute;
  visibility: hidden;
  z-index: -100;
}
div[data-class=wpcf7cf_group] .wpcf7-radio input[type=radio]:after,
div[data-class=wpcf7cf_group] .wpcf7-radio input[type=checkbox]:after,
div[data-class=wpcf7cf_group] .wpcf7-checkbox input[type=radio]:after,
div[data-class=wpcf7cf_group] .wpcf7-checkbox input[type=checkbox]:after {
  content: "";
}
div[data-class=wpcf7cf_group] .wpcf7-radio input[type=radio]:not(.switch):checked + .wpcf7-list-item-label,
div[data-class=wpcf7cf_group] .wpcf7-radio input[type=checkbox]:not(.switch):checked + .wpcf7-list-item-label,
div[data-class=wpcf7cf_group] .wpcf7-checkbox input[type=radio]:not(.switch):checked + .wpcf7-list-item-label,
div[data-class=wpcf7cf_group] .wpcf7-checkbox input[type=checkbox]:not(.switch):checked + .wpcf7-list-item-label {
  background-color: rgb(29, 29, 27);
}
div[data-class=wpcf7cf_group] .wpcf7-radio input[type=radio]:not(.switch):checked + .wpcf7-list-item-label:after,
div[data-class=wpcf7cf_group] .wpcf7-radio input[type=checkbox]:not(.switch):checked + .wpcf7-list-item-label:after,
div[data-class=wpcf7cf_group] .wpcf7-checkbox input[type=radio]:not(.switch):checked + .wpcf7-list-item-label:after,
div[data-class=wpcf7cf_group] .wpcf7-checkbox input[type=checkbox]:not(.switch):checked + .wpcf7-list-item-label:after {
  opacity: 1;
}
div[data-class=wpcf7cf_group] .wpcf7-radio input[type=radio] + .wpcf7-list-item-label,
div[data-class=wpcf7cf_group] .wpcf7-radio input[type=checkbox] + .wpcf7-list-item-label,
div[data-class=wpcf7cf_group] .wpcf7-checkbox input[type=radio] + .wpcf7-list-item-label,
div[data-class=wpcf7cf_group] .wpcf7-checkbox input[type=checkbox] + .wpcf7-list-item-label {
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  padding: 0.25rem 1.25rem;
  border-radius: 2rem;
  background-color: rgba(29, 29, 27, 0.8);
  color: #ffbe2e;
  transition: all 0.3s ease;
  position: relative;
}
div[data-class=wpcf7cf_group] .wpcf7-radio input[type=radio] + .wpcf7-list-item-label:after,
div[data-class=wpcf7cf_group] .wpcf7-radio input[type=checkbox] + .wpcf7-list-item-label:after,
div[data-class=wpcf7cf_group] .wpcf7-checkbox input[type=radio] + .wpcf7-list-item-label:after,
div[data-class=wpcf7cf_group] .wpcf7-checkbox input[type=checkbox] + .wpcf7-list-item-label:after {
  opacity: 0;
  width: 5px;
  height: 9px;
  border: 2px solid #ffbe2e;
  border-top: 0;
  border-left: 0;
  transform: rotate(45deg);
  position: absolute;
  left: 9px;
  top: calc(50% - 5.5px);
  content: "";
}
div[data-class=wpcf7cf_group] .wpcf7-radio input[type=radio] + .wpcf7-list-item-label:hover,
div[data-class=wpcf7cf_group] .wpcf7-radio input[type=checkbox] + .wpcf7-list-item-label:hover,
div[data-class=wpcf7cf_group] .wpcf7-checkbox input[type=radio] + .wpcf7-list-item-label:hover,
div[data-class=wpcf7cf_group] .wpcf7-checkbox input[type=checkbox] + .wpcf7-list-item-label:hover {
  background-color: rgb(29, 29, 27);
}
div[data-class=wpcf7cf_group] [data-name=horaire] .wpcf7-not-valid-tip,
div[data-class=wpcf7cf_group] [data-name=jours] .wpcf7-not-valid-tip {
  position: initial;
  text-align: center;
  margin-top: 0.25rem;
}

.contactFields {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}

.page-faq footer {
  padding-top: 5rem;
}

.faq {
  padding-bottom: 3rem;
}
.faq .col-12 {
  margin-top: 3rem;
}

.faqContainer_item {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 1000px;
  max-width: 100%;
  margin: 0.75rem auto;
}

.faqContainer_item_ask {
  background: #1d1d1b;
  padding: 1rem 2rem 1rem 3rem;
  border-radius: 3rem;
  width: 100%;
  text-align: center;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  cursor: pointer;
  font-weight: 500;
  color: #fff;
}
.faqContainer_item_ask h2 {
  position: relative;
  text-wrap: balance;
}
.faqContainer_item_ask h2:before {
  content: "";
  width: 1rem;
  height: 1rem;
  position: absolute;
  left: -1.5rem;
  top: calc(50% - 0.5rem);
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmZmZmYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJNOSAxOGw2LTYtNi02Ii8+PC9zdmc+");
  background-size: contain;
  background-repeat: no-repeat;
  transition: transform 0.3s ease-in-out;
}
.faqContainer_item_ask.active p:before {
  transform: rotate(90deg);
}

.faqContainer_item_response {
  height: 0;
  overflow: hidden;
}
.faqContainer_item_response > div {
  background-color: #ffbe2e;
  padding: 2rem 4rem;
  border-radius: 1rem;
  margin: 2rem 0;
  box-shadow: 0px 5px 20px -20px rgba(0, 0, 0, 0.7);
}
.faqContainer_item_response p {
  margin: 0.5rem 0;
}
.faqContainer_item_response p a {
  text-decoration: underline;
}
.faqContainer_item_response p .btn {
  text-decoration: none;
  margin-top: 1rem;
}
.faqContainer_item_response ul {
  margin: 0.75rem 0;
  padding-left: 1rem;
  list-style: disc;
}
.faqContainer_item_response ul li {
  margin: 0.25rem 0;
}
.faqContainer_item_response ul li::marker {
  color: #1d1d1b;
  font-size: 1.2rem;
}

.page-devis .heroSection {
  position: relative;
}
.page-devis .heroSection .row {
  margin-bottom: -10rem;
}

.devisForm {
  display: flex;
  justify-content: center;
  width: 900px;
  max-width: 100%;
  margin: 3rem auto 0 auto;
}
.devisForm .wpcf7, .devisForm .wpcf7-form {
  width: 100%;
  margin: 0;
}
.devisForm .wpcf7 .submitContainer, .devisForm .wpcf7-form .submitContainer {
  margin-top: 0;
  width: 280px;
  margin: 0.5rem 1rem;
}
.devisForm .wpcf7 input[type=submit], .devisForm .wpcf7-form input[type=submit] {
  display: inline-block;
  text-transform: uppercase;
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 1;
  padding: 1rem 1.5rem;
  border-radius: 2rem;
  color: #ffbe2e;
  background-color: #1d1d1b;
  cursor: pointer;
  position: relative;
  outline: none;
  border: none;
  transition: all 0.3s cubic-bezier(0, 0.07, 0.57, 0.99);
  font-family: "segoe-ui", "Arial", "Helvetica Neue", sans-serif;
}
.devisForm .legend {
  width: 100%;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1.2rem;
  font-family: "stolzl", "Arial", "Helvetica Neue", sans-serif;
  text-align: center;
  margin-bottom: 1rem;
}

.steps-indicator {
  display: flex;
  justify-content: space-between;
  position: relative;
  margin: 0 auto 3rem auto;
  width: 500px;
}
.steps-indicator .progress-line {
  position: absolute;
  top: 50%;
  left: 32px;
  height: 4px;
  width: calc(100% - 64px);
  background: #f0f0f3;
  transform: translateY(-50%);
  z-index: 0;
  overflow: hidden;
}
.steps-indicator .progress-bar {
  background-color: #1d1d1b;
  height: 4px;
  width: 0;
  transition: width 0.3s ease-in-out;
}
.steps-indicator .step-indicator {
  z-index: 1;
  background: #f0f0f3;
  color: #ffbe2e;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  font-weight: bold;
  transition: background-color 0.3s;
}
.steps-indicator .step-indicator.active {
  background-color: #1d1d1b;
}
.steps-indicator .step-indicator.completed {
  background-color: #1d1d1b;
}

.step {
  display: none;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
}
.step.active {
  display: flex;
}
.step .step-error {
  color: #1d1d1b;
  text-transform: uppercase;
  margin-top: 1rem;
  display: none;
  align-items: center;
  justify-content: center;
  width: 100%;
  text-align: center;
  font-family: "stolzl", "Arial", "Helvetica Neue", sans-serif;
}
.step .step-error:before {
  content: "";
  width: 1rem;
  height: 1rem;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyNnB4IiBoZWlnaHQ9IjI2cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBjb2xvcj0iIzAwMDAwMCIgc3Ryb2tlLXdpZHRoPSIxLjQiPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOS42MTYxNyAzLjY0MTlDMTAuNjczNiAxLjgwMjk2IDEzLjMyNjggMS44MDI5NiAxNC4zODQxIDMuNjQxOUwyMi40MjcxIDE3LjYyOTZDMjMuNDgxMyAxOS40NjMgMjIuMTU3OSAyMS43NTA0IDIwLjA0MzEgMjEuNzUwNEgzLjk1NzIxQzEuODQyNDIgMjEuNzUwNCAwLjUxOTA1NSAxOS40NjMgMS41NzMyMiAxNy42Mjk2TDkuNjE2MTcgMy42NDE5Wk0xMiA4LjI1QzEyLjQxNDIgOC4yNSAxMi43NSA4LjU4NTc5IDEyLjc1IDlWMTNDMTIuNzUgMTMuNDE0MiAxMi40MTQyIDEzLjc1IDEyIDEzLjc1QzExLjU4NTggMTMuNzUgMTEuMjUgMTMuNDE0MiAxMS4yNSAxM1Y5QzExLjI1IDguNTg1NzkgMTEuNTg1OCA4LjI1IDEyIDguMjVaTTEyLjU2NzUgMTcuNTAwOEMxMi44NDQ2IDE3LjE5MjkgMTIuODE5NiAxNi43MTg3IDEyLjUxMTcgMTYuNDQxNkMxMi4yMDM4IDE2LjE2NDUgMTEuNzI5NiAxNi4xODk0IDExLjQ1MjUgMTYuNDk3M0wxMS40NDI1IDE2LjUwODRDMTEuMTY1NCAxNi44MTYzIDExLjE5MDQgMTcuMjkwNSAxMS40OTgzIDE3LjU2NzZDMTEuODA2MiAxNy44NDQ3IDEyLjI4MDQgMTcuODE5NyAxMi41NTc1IDE3LjUxMTlMMTIuNTY3NSAxNy41MDA4WiIgZmlsbD0iIzAwMDAwMCI+PC9wYXRoPjwvc3ZnPg==");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  margin-right: 0.5rem;
}
.step .form-navigation {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 2rem;
}
.step .form-navigation .btn {
  cursor: pointer;
  margin: 0.5rem 1rem;
  width: 280px;
}
.step .form-navigation .btn.btn-next:hover {
  background-color: #1d1d1b;
  color: #ffbe2e;
}
.step .form-navigation .btn.btn-prev {
  background: #ffbe2e;
  border: 2px solid #1d1d1b;
  color: #1d1d1b;
}

.legendSub {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
}
.legendSub span {
  padding: 0.25rem 1rem;
  font-weight: bold;
  color: #1d1d1b;
}
.legendSub span:after {
  content: "";
  width: 1.1rem;
  height: 1.1rem;
  display: inline-block;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiMxYjFiMWIiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJNNiA5bDYgNiA2LTYiLz48L3N2Zz4=");
  background-size: contain;
  background-repeat: no-repeat;
  margin-left: 0.5rem;
}

.checkContainer {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  padding: 0.5rem;
  background: #ffbe2e;
  border-radius: 1rem;
  width: 100%;
}
.checkContainer > .wpcf7-form-control-wrap {
  width: 400px;
}
.checkContainer > .wpcf7-form-control-wrap .wpcf7-not-valid-tip {
  position: initial;
}
.checkContainer .moreDetails {
  width: 100%;
  height: 0;
  overflow: hidden;
  opacity: 0;
  margin: 0;
}
.checkContainer .moreDetails .wpcf7-form-control-wrap {
  width: 600px;
  max-width: 100%;
  margin: 0 auto;
}
.checkContainer .wpcf7-list-item {
  margin: 0.5rem 0;
  width: 100%;
  padding-bottom: 0.5rem;
  border-bottom: 2px solid #1d1d1b;
}
.checkContainer .wpcf7-list-item > label {
  display: flex;
  align-items: center;
  width: 100%;
  margin: 0;
  cursor: pointer;
  font-family: "stolzl", "Arial", "Helvetica Neue", sans-serif;
}
.checkContainer .wpcf7-list-item > label input[type=checkbox], .checkContainer .wpcf7-list-item > label input[type=radio] {
  --active: #1d1d1b;
  --active-inner: #ffbe2e;
  --focus: 2px rgba(255, 255, 255, 0.3);
  --border: #1d1d1b;
  --border-hover: #1d1d1b;
  --background: transparent;
  --disabled: #F6F8FF;
  --disabled-inner: #E1E6F9;
  -webkit-appearance: none;
  -moz-appearance: none;
  height: 21px;
  padding: 0;
  outline: none;
  display: inline-block;
  vertical-align: top;
  position: relative;
  margin: 0;
  cursor: pointer;
  border: 2px solid var(--bc, var(--border));
  background: var(--b, var(--background));
  transition: background 0.3s, border-color 0.3s, box-shadow 0.2s;
}
.checkContainer .wpcf7-list-item > label input[type=checkbox]:after, .checkContainer .wpcf7-list-item > label input[type=radio]:after {
  content: "";
  display: block;
  left: 0;
  top: 0;
  position: absolute;
  transition: transform var(--d-t, 0.3s) var(--d-t-e, ease), opacity var(--d-o, 0.2s);
}
.checkContainer .wpcf7-list-item > label input[type=checkbox]:checked, .checkContainer .wpcf7-list-item > label input[type=radio]:checked {
  --b: var(--active);
  --bc: var(--active);
  --d-o: .3s;
  --d-t: .6s;
  --d-t-e: cubic-bezier(.2, .85, .32, 1.2);
}
.checkContainer .wpcf7-list-item > label input[type=checkbox]:disabled, .checkContainer .wpcf7-list-item > label input[type=radio]:disabled {
  --b: var(--disabled);
  cursor: not-allowed;
  opacity: 0.9;
}
.checkContainer .wpcf7-list-item > label input[type=checkbox]:disabled:checked, .checkContainer .wpcf7-list-item > label input[type=radio]:disabled:checked {
  --b: var(--disabled-inner);
  --bc: var(--border);
}
.checkContainer .wpcf7-list-item > label input[type=checkbox]:disabled + label, .checkContainer .wpcf7-list-item > label input[type=radio]:disabled + label {
  cursor: not-allowed;
}
.checkContainer .wpcf7-list-item > label input[type=checkbox]:hover:not(:checked):not(:disabled), .checkContainer .wpcf7-list-item > label input[type=radio]:hover:not(:checked):not(:disabled) {
  --bc: var(--border-hover);
}
.checkContainer .wpcf7-list-item > label input[type=checkbox]:focus, .checkContainer .wpcf7-list-item > label input[type=radio]:focus {
  box-shadow: 0 0 0 var(--focus);
}
.checkContainer .wpcf7-list-item > label input[type=checkbox]:not(.switch), .checkContainer .wpcf7-list-item > label input[type=radio]:not(.switch) {
  width: 21px;
  border-radius: 7px;
}
.checkContainer .wpcf7-list-item > label input[type=checkbox]:not(.switch):after, .checkContainer .wpcf7-list-item > label input[type=radio]:not(.switch):after {
  width: 5px;
  height: 9px;
  border: 2px solid var(--active-inner);
  border-top: 0;
  border-left: 0;
  left: 6px;
  top: 3px;
  transform: rotate(var(--r, 20deg));
  opacity: var(--o, 0);
}
.checkContainer .wpcf7-list-item > label input[type=checkbox]:not(.switch):checked, .checkContainer .wpcf7-list-item > label input[type=radio]:not(.switch):checked {
  --o: 1;
  --r: 43deg;
}
.checkContainer .wpcf7-list-item > label input[type=checkbox] + .wpcf7-list-item-label, .checkContainer .wpcf7-list-item > label input[type=radio] + .wpcf7-list-item-label {
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  margin-left: 6px;
  color: #1d1d1b;
}

.heroVisualDealer {
  display: flex;
  align-items: center;
}

.heroVisualDealerContainer {
  width: 450px;
  max-width: 100%;
  margin: 0 auto;
}

.smoktiteChemitechVisual {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
}
.smoktiteChemitechVisual picture {
  width: 400px;
  height: auto;
  max-width: 100%;
  margin: 0 auto;
}

.dealerForm {
  position: relative;
}
.dealerForm .dealerFormContainer {
  background-color: #fff;
  border-radius: 2rem;
  padding: 2rem;
  width: 100%;
  margin-bottom: -10rem;
}
.dealerForm .legend {
  width: 100%;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1.2rem;
  font-family: "stolzl", "Arial", "Helvetica Neue", sans-serif;
  text-align: center;
  margin-bottom: 1rem;
}
.dealerForm .wpcf7 {
  margin-top: 0;
}
.dealerForm .wpcf7 .checkContainer {
  background-color: transparent;
}
.dealerForm .wpcf7 .checkContainer .wpcf7-checkbox + .wpcf7-not-valid-tip {
  position: initial;
}
.dealerForm .wpcf7-form label.adresse {
  width: 100%;
}
.dealerForm .wpcf7-form label.bigInline {
  width: 100%;
}
.dealerForm .checkContainer {
  margin: 2rem 0;
}

.heroContact {
  position: relative;
}
.heroContact .heroRow {
  margin-bottom: -10rem;
}
.heroContact .heroContent {
  justify-content: flex-start;
  padding-top: 2rem;
}
.heroContact .title {
  font-size: 1.5rem;
}
.heroContact .title em {
  font-size: 1.1rem;
}
.heroContact .contactList p {
  margin: 1rem 0;
}
.heroContact .contactList p a {
  display: flex;
  align-items: center;
  text-transform: uppercase;
  font-size: 1rem;
  font-weight: bold;
  line-height: 1;
  padding: 1rem 1.5rem;
  border-radius: 2rem;
  color: #1d1d1b;
  background-color: transparent;
  cursor: pointer;
  position: relative;
  outline: none;
  border: 2px solid #1d1d1b;
text-decoration:none;
  transition: all 0.3s cubic-bezier(0, 0.07, 0.57, 0.99);
  font-family: "segoe-ui", "Arial", "Helvetica Neue", sans-serif;
}
.heroContact .contactList p a:before {
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 0.5rem;
}
.heroContact .contactList p a:hover {
  transform: scale(1.05);
}
.heroContact .contactList p:first-child a:before {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyNnB4IiBoZWlnaHQ9IjI2cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlLXdpZHRoPSIxLjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgY29sb3I9IiMxZDFkMWIiPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNC4wNjM0MyAxLjI1TDcuODE0MzUgMS4yNUM4LjEyNjcyIDEuMjUgOC40MDYzOCAxLjQ0MzYxIDguNTE2MzQgMS43MzU5OUw5Ljk3MTc4IDUuNjA1ODhDMTAuMDIgNS43MzM5OCAxMC4wMzIyIDUuODcyODEgMTAuMDA3MSA2LjAwNzM1TDkuMjc3OCA5LjkxOTMxQzEwLjE3NDIgMTIuMDI3MyAxMS42NTQ4IDEzLjQ0MzkgMTQuMTEwNCAxNC43MTQ2TDE3Ljk3NTQgMTMuOTY1N0MxOC4xMTI2IDEzLjkzOTEgMTguMjU0NSAxMy45NTE0IDE4LjM4NTEgMTQuMDAxMkwyMi4yNjY5IDE1LjQ4MDRDMjIuNTU3NyAxNS41OTEyIDIyLjc0OTggMTUuODcgMjIuNzQ5OCAxNi4xODEyTDIyLjc0OTggMTkuNzY1NUMyMi43NDk4IDIxLjM5MSAyMS4zMTc2IDIyLjcxMDEgMTkuNjQyNCAyMi4zNDU2QzE2LjU4ODggMjEuNjgxMSAxMC45MzE1IDE5Ljk5MjMgNi45Njk1IDE2LjAzMDNDMy4xNzQzNiAxMi4yMzUyIDEuOTAyODIgNi45OTI1MiAxLjQ3NDc4IDQuMTU4NjlDMS4yMzA1NSAyLjU0MTcyIDIuNTI3MzUgMS4yNSA0LjA2MzQzIDEuMjVaIiBmaWxsPSIjMWQxZDFiIj48L3BhdGg+PC9zdmc+");
}
.heroContact .contactList p:nth-child(2) a:before {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyNnB4IiBoZWlnaHQ9IjI2cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBjb2xvcj0iIzFkMWQxYiIgc3Ryb2tlLXdpZHRoPSIxLjQiPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNCA0LjI1QzIuNDgxMjIgNC4yNSAxLjI1IDUuNDgxMjIgMS4yNSA3VjE3QzEuMjUgMTguNTE4OCAyLjQ4MTIyIDE5Ljc1IDQgMTkuNzVIMjBDMjEuNTE4OCAxOS43NSAyMi43NSAxOC41MTg4IDIyLjc1IDE3VjdDMjIuNzUgNS40ODEyMiAyMS41MTg4IDQuMjUgMjAgNC4yNUg0Wk03LjQzMDEgOC4zODU1OEM3LjA5MDc2IDguMTQ4MDQgNi42MjMxMSA4LjIzMDU3IDYuMzg1NTggOC41Njk5QzYuMTQ4MDQgOC45MDkyNCA2LjIzMDU3IDkuMzc2ODkgNi41Njk5IDkuNjE0NDJMMTEuNTY5OSAxMy4xMTQ0QzExLjgyODEgMTMuMjk1MiAxMi4xNzE5IDEzLjI5NTIgMTIuNDMwMSAxMy4xMTQ0TDE3LjQzMDEgOS42MTQ0MkMxNy43Njk0IDkuMzc2ODkgMTcuODUyIDguOTA5MjQgMTcuNjE0NCA4LjU2OTlDMTcuMzc2OSA4LjIzMDU3IDE2LjkwOTIgOC4xNDgwNCAxNi41Njk5IDguMzg1NThMMTIgMTEuNTg0NUw3LjQzMDEgOC4zODU1OFoiIGZpbGw9IiMxZDFkMWIiPjwvcGF0aD48L3N2Zz4=");
}

footer {
  background-color: #1d1d1b;
  color: #fff;
  padding: 15rem 5vw 5rem 5vw;
}
footer .col-auto {
  margin-right: auto;
}
footer .col-12 {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  flex-wrap: nowrap;
}

.logoFooter {
  width: 200px;
  display: block;
}

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

.footerLinks {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  flex-wrap: nowrap;
}
.footerLinks a {
  padding: 0.6rem 1rem;
  background-color: #ffbe2e;
  border-radius: 2rem;
  color: #1d1d1b;
  text-transform: uppercase;
  font-family: "stolzl", "Arial", "Helvetica Neue", sans-serif;
  font-weight: bold;
  font-size: 0.9rem;
  margin: 0 0.25rem;
}

.footerLinks a.qualibatFile{
  display: flex;
  align-items: flex-start;
  align-items: center;
  position: relative;
  padding: .6rem 1rem .6rem 2rem;
  margin-left: 2rem;
  background-color: #038ad0;
  & span{
    color: #fff;
  }
  & img{
    width: 3rem;
    height: auto;
    max-height: initial;
    position: absolute;
    left: -1.5rem;
    border-radius: 1rem;
  }
}

.footerSocials {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  flex-wrap: nowrap;
}
.footerSocials a {
  width: 2.1rem;
  height: 2.1rem;
  margin: 0 0.25rem;
}
.footerSocials a svg {
  width: 100%;
  height: 100%;
}
.footerSocials a svg path {
  fill: #fff;
  transition: fill 0.3s cubic-bezier(0, 0.07, 0.57, 0.99);
}

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

/*BLOG*/
body.page-actualites .menu-menu-container,
body.archive .menu-menu-container {
  border-radius: 2rem;
}
body.page-actualites .menu-menu-container:after,
body.page-actualites .menu-menu-container:before,
body.archive .menu-menu-container:after,
body.archive .menu-menu-container:before {
  content: none;
}
body.page-actualites footer,
body.archive footer {
  padding: 5rem 5vw 5rem 5vw;
}

.postList {
  padding-top: 150px;
  padding-bottom: 3rem;
}
.postList_header {
  margin-bottom: clamp(2rem, 4vw, 4rem);
}
.postList_header > .title {
  margin-bottom: 1.5rem;
}
.postList_categories > p {
  margin-bottom: .75rem;
  font-weight: 600;
}
.postList_categories ul {
  display: flex;
  flex-wrap: wrap;
  gap: .75rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.postList_categories a {
  display: inline-flex;
  padding: .6rem 1rem;
  border: 1px solid currentColor;
  border-radius: 2rem;
  transition: color .3s ease, background-color .3s ease;
}
.postList_categories a:hover {
  color: #fff;
  background-color: #1d1d1b;
}
.postList_row {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(1.25rem, 2vw, 2rem);
  margin-right: 0;
  margin-left: 0;
}
.postBlock {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  padding: 0;
  width: 100%;
  max-width: 100%;
}

.postBlock_visual {
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border-radius: 2rem;
}
.postBlock_visual > a,
.postBlock_visual picture,
.postBlock_visual img {
  display: block;
  width: 100%;
  height: 100%;
}
.postBlock_visual img {
  object-fit: cover;
  object-position: center;
  vertical-align: middle;
  transition: transform .5s ease;
}
.postBlock_visual:hover img {
  transform: scale(1.04);
}

.secondaryBtn {
  margin-top: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .65rem;
  font-size: .85rem;
  font-weight: bold;
}
.secondaryBtn::after {
  content: '';
  width: 1rem;
  height: .6rem;
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiMxZDFkMWIiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS1tb3ZlLXJpZ2h0LWljb24gbHVjaWRlLW1vdmUtcmlnaHQiPjxwYXRoIGQ9Ik0xOCA4TDIyIDEyTDE4IDE2Ii8+PHBhdGggZD0iTTIgMTJIMjIiLz48L3N2Zz4=');
  background-size: contain;
  background-repeat: no-repeat;
  transform: translateX(-3px);
  transition: transform .3s ease;
}
.secondaryBtn:hover::after {
  transform: translateX(0);
}

.postBlock_content {
  width: 100%;
  padding: 1rem .5rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  flex: 1;
}
.postBlock_content .title {
  font-size: 1.1rem;
  line-height: 1.2;
  font-weight: bold;
  margin-bottom: .5rem;
  text-wrap: balance;
}

.postBlock_date {
  font-size: 1.1rem;
  font-weight: 500;
  margin-bottom: 0.5rem;
  color: #ffbe2e;
}

.postBlock_excerpt {
  margin-bottom: 1rem;
}

.loadMoreBtn {
  margin-top: 3rem;
}

/* LISTE BOTLINK*/
body.articlesBotLink .menu-menu-container {
  border-radius: 2rem;
}
body.articlesBotLink .menu-menu-container:after, body.articlesBotLink .menu-menu-container:before {
  content: none;
}
body.articlesBotLink footer {
  padding: 5rem 5vw 5rem 5vw;
}

/*SINGLE BOTLINK*/

body.singleBotLink .menu-menu-container {
  border-radius: 2rem;
}
body.singleBotLink .menu-menu-container:after, body.singleBotLink .menu-menu-container:before {
  content: none;
}
body.singleBotLink footer {
  padding: 5rem 5vw 5rem 5vw;
}

/*SINGLE POST*/
body.singlePost .menu-menu-container {
  border-radius: 2rem;
}
body.singlePost .menu-menu-container:after, body.singlePost .menu-menu-container:before {
  content: none;
}
body.singlePost footer {
  padding: 5rem 5vw 5rem 5vw;
}

.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 .postPanel {
  width: 380px;
  position: absolute;
  right: 5%;
  z-index: 2;
}
.singleContent .postPanel .contactPanel {
  background-color: #f0f0f3;
  color: #1d1d1b;
  border-radius: 3rem;
  padding: 2rem;
  margin-bottom: 1rem;
}
.singleContent .postPanel .contactPanel .title {
  line-height: 1;
  font-size: 1.5rem;
  margin-bottom: 1rem;
  margin-top: 0;
}
.singleContent .postPanel .stickyPanel {
  display: flex;
  flex-direction: column;
  color: #1d1d1b;
}
.singleContent .postPanel .stickyPanel > div {
  padding: 2rem;
  margin-bottom: 1rem;
  border-radius: 3rem;
  background-color: #ffbe2e;
}
.singleContent .otherPost {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.singleContent .otherPost p {
  display: inline-block;
  font-size: 1.3rem;
  margin-top: 1rem;
  margin-bottom: 0.5rem;
  text-transform: uppercase;
  font-weight: bold;
}
.singleContent .otherPost a {
  margin: 0.3rem 0;
  font-size: 1rem;
  font-weight: 500;
  text-decoration: underline;
  margin-left: 1rem;
}
.singleContent .otherPost a br {
  display: none;
}
.singleContent .anchor-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.singleContent .anchor-container p {
  display: inline-block;
  font-size: 1.3rem;
  margin-top: 0;
  margin-bottom: 0.5rem;
  text-transform: uppercase;
  font-weight: bold;
}
.singleContent .anchor-container a {
  margin: 0.25rem 0;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  text-decoration: none;
}
.singleContent .anchor-container a br {
  display: none;
}
.singleContent .anchor-container a i {
  width: 1rem;
  height: 1rem;
  min-width: 1rem;
  margin-top: 3px;
  margin-right: 0.5rem;
  transform: translateX(0);
  transition: transform 0.2s ease-in-out;
}
.singleContent .anchor-container a svg {
  width: 100%;
}
.singleContent .anchor-container a path, .singleContent .anchor-container a circle {
  fill: none;
  stroke-linecap: round;
  stroke-width: 2px;
  stroke: #1d1d1b;
}
.singleContent .anchor-container a:hover i {
  animation: bounceIt 1s infinite alternate;
}
.singleContent .content {
  width: 100%;
}
.singleContent .content > * {
  padding-left: 10%;
  padding-right: calc(10% + 380px);
}
.singleContent .content > ul {
  padding-left: calc(10% + 20px);
}
.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 h1 {
  margin: 2rem 0;
  font-size: 2.5rem;
  font-weight: bold;
}
.singleContent h2 {
  margin: 2rem 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 .wp-block-media-text figure {
  border-radius: 2rem;
  overflow: hidden;
}
.singleContent .wp-block-gallery figure {
  padding: 0.3rem;
}
.singleContent figure.is-style-rounded img {
  border-radius: 2rem;
}
.singleContent .wp-block-button__link.wp-element-button {
  padding: 0.6rem 1.5rem 0.4rem 1.5rem;
  border-radius: 1rem;
  display: inline-block;
  font-size: 0.9rem;
  font-weight: 500;
  color: #fff;
  cursor: pointer;
  position: relative;
  transition: background-position 1s cubic-bezier(0, 0, 0.18, 0.99);
  background-image: linear-gradient(45deg, #00adff 15%, #006cff 50%, #00adff 100%);
  background-position: 0;
  background-size: 200%;
  text-align: center;
  border: none;
  outline: none;
  box-shadow: none;
}
.singleContent .wp-block-button__link.wp-element-button:hover {
  background-position: 100%;
}

@keyframes bounceIt {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(3px);
  }
  100% {
    transform: translateX(0);
  }
}
.wp-block-image {
  margin: 2rem 0;
}

.wp-block-media-text {
  margin: 2rem 0;
}

body.notFound .menu-menu-container {
  border-radius: 2rem;
}
body.notFound .menu-menu-container:after, body.notFound .menu-menu-container:before {
  content: none;
}
body.notFound footer {
  padding: 5rem 5vw 5rem 5vw;
}

.notFoundCode {
  font-size: 4rem;
  margin-bottom: 1rem;
  font-family: "stolzl", "Arial", "Helvetica Neue", sans-serif;
  font-weight: bold;
}

.heroNotFound {
  padding-top: 150px;
  padding-bottom: 50px;
}
.heroNotFound p {
  margin: 1rem 0 2rem 0;
}

body.page-mentions .menu-menu-container {
  border-radius: 2rem;
}
body.page-mentions .menu-menu-container:after, body.page-mentions .menu-menu-container:before {
  content: none;
}
body.page-mentions #cmplz-document {
  max-width: 100%;
  width: 1200px;
}
body.page-mentions footer {
  padding: 5rem 5vw 5rem 5vw;
}

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

.mentions {
  padding-top: 7rem;
  padding-bottom: 3rem;
}
.mentions + .reassurance .reassuranceSwiper {
  margin-top: 0;
}

.mentions .title {
  margin-bottom: 2rem;
}

.mentions > div {
  width: 1200px;
  max-width: 100%;
  margin: 3rem auto 0 auto;
}

.mentions p {
  margin: 0.75rem 0;
}

.mentions p a {
  text-decoration: underline;
}

.mentions h2 {
  font-size: 1.5rem;
  text-transform: uppercase;
  font-weight: bold;
  margin: 1rem 0;
}

.mentions h3 {
  font-size: 1.3rem;
  text-transform: uppercase;
  font-weight: bold;
  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;
}

.page-referencement-heritage .heroContent {
  align-items: center;
}
.page-referencement-heritage .heroContent .text {
  text-align: justify;
}
.page-referencement-heritage footer {
  padding-top: 5rem;
}

.contentReferencement {
  padding-bottom: 3rem;
}

.contentReferencementRow {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  width: 750px;
  max-width: 100%;
  margin: 0 auto;
}
.contentReferencementRow .text {
  text-align: justify;
}
.contentReferencementRow .text h3 {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 1.3rem;
}
.contentReferencementRow .text h4 {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 1rem;
}
.contentReferencementRow .text p {
  width: 100%;
}

/*FORM*/
.wpcf7 {
  max-width: 100%;
  width: 800px;
  margin: 2rem auto;
}

.wpcf7-form {
  display: flex;
  flex-wrap: wrap;
  width: 1000px;
  max-width: 100%;
  margin: 1rem auto;
}
.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 #1d1d1b;
  color: #1d1d1b;
  font-family: "stolzl", "Arial", "Helvetica Neue", sans-serif;
  resize: none;
  display: block;
  border-radius: 2rem;
  font-size: 16px;
}
.wpcf7-form label input::placeholder, .wpcf7-form label textarea::placeholder {
  font-family: "stolzl", "Arial", "Helvetica Neue", sans-serif;
  color: #1d1d1b;
  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: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: #ef4b4b;
}
.wpcf7-form label textarea {
  border-radius: 1.5rem;
}
.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: #1d1d1b;
  transition: fill 0.3s cubic-bezier(0, 0.07, 0.57, 0.99);
}
.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 input[type=submit] {
  background-color: transparent;
  border: none;
  outline: none;
  color: unset;
  cursor: pointer;
  margin: 0 auto;
  min-width: 280px;
  text-align: center;
  color: #ffbe2e;
  text-transform: uppercase;
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 1;
  padding: 1rem 1.5rem;
  border: transparent;
  background: #1d1d1b;
  display: inline-block;
  cursor: pointer;
  border-radius: 2rem;
  font-family: "segoe-ui", "Arial", "Helvetica Neue", sans-serif;
}
.wpcf7-form input[type=submit]:disabled {
  opacity: 0.8;
  cursor: not-allowed;
}
.wpcf7-form .wpcf7-not-valid-tip {
  color: #ef4b4b;
  font-size: 0.8rem;
  position: absolute;
  bottom: 5px;
  left: 1rem;
  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(255, 206, 102, 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: #1d1d1b;
}
.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 #1d1d1b;
  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: #fff;
  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: #1d1d1b;
  border-color: #1d1d1b;
}
.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;
  font-family: "stolzl", "Arial", "Helvetica Neue", sans-serif;
  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: 0.5rem 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: 300px;
  max-width: 100%;
  max-height: 100%;
  top: calc(50% - 150px);
  left: calc(50% - 300px);
  z-index: 100;
  background-color: #19b15e;
  border-radius: 1rem;
  color: #fff;
  box-shadow: 0px 0px 50px -40px #fff;
  opacity: 0;
  transform: translate(0, 50px);
}
.wpcf7 .wpcf7-form.validating .wpcf7-response-output {
  display: none;
}
.wpcf7 .wpcf7-form.invalid .wpcf7-response-output {
  color: #fff;
  background-color: #ef4b4b;
}

/* PAGE PAIEMENT */
body.page-paiement footer{
  padding-top: 5rem;
}
.heroStripe{
  position: relative;
}
.heroStripe .heroRow{
  justify-content: center;
}
.heroStripe .heroIntroTitle{
  width: 300px;
  text-wrap: balance;
}

.stripeFormSection .stripeForm{
  & > p{
    margin-bottom: 1rem;
  }
}

.logoPayements{
  background-color: #fff;
  padding: .5rem 1rem;
  border-radius: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 400px;
  max-width: 100%;
  margin-bottom: -3rem;
}

/* Stripe form -> align with your CF7 styles */
#stripe-payment-form{
  width: 800px;
  max-width: 100%;
  margin: 0 auto 0 auto;
  display: flex;
  flex-wrap: wrap;
}

/* Make labels behave like your .wpcf7-form label blocks */
#stripe-payment-form > label{
  width: 100%;
  margin: 1rem .75rem .5rem 0.75rem;
  position: relative;
  display: block;
  color: #1d1d1b;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 1rem;
}

/* Your current HTML uses <br>, hide them to avoid spacing issues */
#stripe-payment-form br{
  display: none;
}

/* Inputs/textarea match your CF7 inputs */
#stripe-payment-form input,
#stripe-payment-form textarea{
  width: 100%;
  background-color: #fff0;
  border: none;
  padding: 1rem;
  border: 2px solid #1d1d1b;
  color: #1d1d1b;
  resize: none;
  display: block;
  border-radius: 2rem;
  font-size: 16px;
  margin: .5rem 0 0 0;
}

/* Placeholder */
#stripe-payment-form input::placeholder,
#stripe-payment-form textarea::placeholder{
  color: #1d1d1b;
  opacity: .6;
  transition: opacity 0.3s cubic-bezier(0,.07,.57,.99);
  font-size: 16px;
}

#stripe-payment-form input:focus,
#stripe-payment-form input:hover,
#stripe-payment-form textarea:focus,
#stripe-payment-form textarea:hover{
  outline: none;
}

#stripe-payment-form input:focus::placeholder,
#stripe-payment-form input:hover::placeholder,
#stripe-payment-form textarea:focus::placeholder,
#stripe-payment-form textarea:hover::placeholder{
  opacity: 1;
}

/* Textarea radius like your CF7 textarea */
#stripe-payment-form textarea{
  border-radius: 1.5rem;
  min-height: 140px;
}

/* Force full width for textarea + submit (similar to label.big) */
#stripe-payment-form button[type="submit"],
#stripe-payment-form #stripe-error{
  width: calc(100% - 1.5rem);
  margin: .75rem;
}

/* Submit button styled like your CF7 submit */
#stripe-payment-form button[type="submit"]{
  background-color: #fff0;
  border: none;
  outline: none;
  cursor: pointer;
  min-width: 280px;
  text-align: center;
  color: #ffbe2e;
  text-transform: uppercase;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1;
  padding: 1rem 1.5rem;
  background: #1d1d1b;
  display: inline-block;
  border-radius: 2rem;
  font-family: "segoe-ui","Arial","Helvetica Neue",sans-serif;
}

/* Error line spacing */
#stripe-error{
  margin-top: 0;
}

/* Responsive: stack fields on smaller screens */
@media (max-width: 991px){
  #stripe-payment-form > label{
    width: calc(100% - 1.5rem);
  }
  #stripe-payment-form button[type="submit"]{
    min-width: 0;
    width: calc(100% - 1.5rem);
  }
}

@media (max-width: 1750px) {
  .heroSubRow .btn {
    font-size: 1.1rem;
  }
  .number p:first-child {
    font-size: 1.7rem;
  }
  .chemisageSteps {
    margin-top: -7rem;
  }
  .chemisageStep {
    margin: 0.5rem 0;
  }
  .chemisageStep div {
    width: 5rem;
    height: 5rem;
    padding: 20px;
  }
}
@media (max-width: 1550px) {
  .page-accueil .heroIntroTitle {
    font-size: 2.5rem;
  }
  .page-accueil .heroSection .title {
    font-size: 1.6rem;
  }
  .heroSubRow .btn {
    font-size: 1rem;
  }
  .number p:first-child {
    font-size: 1.5rem;
  }
}
@media (max-width: 1600px) {
  .btn {
    font-size: 1.1rem;
  }
  .menu li a {
    padding: 0.5rem 1.5rem;
    font-size: 1rem;
  }
  .heroIntroTitle {
    font-size: 2rem;
  }
  .heroSubRow .col-xl-6 {
    padding: 1rem;
  }
  .numberSwiper .swiper-slide {
    padding: 0 0.5rem;
  }
  .chemisageSteps {
    margin-top: -4rem;
  }
  .heroVisualAvantagesContainer {
    max-width: calc(100% - 240px);
  }
  .heroVisualAvantagesText {
    width: 240px;
  }
}
@media (max-width: 1400px) {
  .btn {
    font-size: 1rem;
  }
  .logo {
    width: 170px;
  }
  .menu li a {
    padding: 0.5rem 1.1rem;
    font-size: 1rem;
  }
  .page-accueil .heroIntroTitle {
    margin-bottom: 1rem;
  }
  .page-accueil .heroSection .heroRow, .page-societe .heroSection .heroRow, .page-fumisterie .heroSection .heroRow {
    padding: 2rem 0 1rem 1rem;
  }
  .heroSection .heroRow {
    padding: 2rem 1rem 1rem 1rem;
  }
  .heroSubRow .btn:before {
    content: none;
  }
  .number p:first-child {
    font-size: 1.3rem;
  }
  .chemisageSteps {
    margin-top: 0;
  }
  .linkContainer .linkPicto {
    height: 3rem;
    width: 2rem;
    min-width: 2rem;
  }
  .linkContainer p {
    font-size: 1rem;
  }
  .casClientVisuals {
    display: flex;
    flex-direction: column;
    max-height: 750px;
  }
  .heroContact .contactList p a {
    padding: 0.7rem 1rem;
  }
  .heroContact .contactList p a:before {
    margin-right: 0.25rem;
  }
  .page-fumisterie .repeatRowSection .row:first-child .repeatRowVisual {
    margin-top: 0;
  }
  .singleContent .content > * {
    padding-left: 5%;
    padding-right: calc(10% + 340px);
  }
  .singleContent .postPanel {
    width: 340px;
  }
  .mentionsContainer p{
    width: 100%;
    text-align: right;
  }

  .logoPayements{
    margin-bottom: -2rem;
  }
}
@media (max-width: 1200px) {
  body.scrolled header {
    padding-bottom: 0;
    box-shadow: none;
    user-select: none;
    pointer-events: none;
  }
  body.scrolled .btnMenu {
    user-select: initial;
    pointer-events: initial;
  }
  body.menuOpen .logo {
    padding: 0.5rem;
    border-radius: 1rem;
    background-color: #fff;
  }
  body.menuOpen .header_right {
    user-select: initial;
    pointer-events: initial;
  }
  header {
    align-items: center;
    background-color: rgba(255, 255, 255, 0);
  }
  .logo {
    margin-bottom: 0;
  }
  .btnMenu {
    display: flex;
    position: initial;
  }
  .header_right {
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background-color: #ffbe2e;
    flex-direction: row;
    align-items: flex-start;
    justify-content: center;
    padding: 6rem 5vw;
    opacity: 0;
    user-select: none;
    pointer-events: none;
    visibility: hidden;
    z-index: -100;
    gap: 1rem;
  }
  .topLinks {
    width: 50%;
    order: 2;
    height: 60vh;
    transform: translate(100px, 0);
    padding-right: 0;
  }
  .topLinks ul {
    flex-direction: column;
    align-items: flex-start;
    padding: 1rem;
    border-radius: 1rem;
    background-color: #1d1d1b;
    height: 100%;
  }
  .topLinks ul li {
    margin: 0.5rem 0;
    padding: 0;
  }
  .topLinks ul li a {
    font-size: 1.4rem;
    padding: 0.5rem;
    display: inline-block;
    color: #ffbe2e;
  }
  .phoneNumber {
    top: 2.25rem;
    right: calc(5vw + 3rem);
    order: 3;
  }
  .menuContainer {
    order: 1;
    width: 50%;
    height: 60vh;
    transform: translate(-100px, 0);
  }
  .menu-menu-container {
    padding: 0;
    height: 100%;
  }
  .menu-menu-container:before, .menu-menu-container:after {
    content: none;
  }
  .menu {
    flex-direction: column;
    align-items: flex-start;
    border: none;
    padding: 1rem;
    border-radius: 1rem;
    background-color: #f0f0f3;
    height: 100%;
  }
  .menu li {
    padding: 0;
    margin: 0.5rem 0;
  }
  .menu li a {
    padding: 0.5rem;
    font-size: 1.4rem;
  }
  .menu li:last-child a {
    background-color: transparent;
  }
  .menu li.active a {
    color: #1d1d1b;
  }
  .menu li:last-child.active a {
    background-color: transparent;
    color: #1d1d1b;
  }
  .page-accueil .heroSection .title {
    font-size: 1.4rem;
  }
  .heroSection .heroRow {
    border-radius: 2rem;
  }
  .heroSection .heroRow.hasSubRow {
    border-radius: 2rem 2rem 0 0;
  }
  .heroSubRow .col-xl-6 {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
  }
  .heroSubRow .col-xl-6:before, .heroSubRow .col-xl-6:after {
    content: none;
  }
  .videoSchema {
    margin-top: 0;
  }
  .videoSchemaSizer {
    height: 100%;
  }
  .experienceSection .keyNumbers {
    margin-top: 0;
  }
  .numberSwiper .swiper-slide {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
  }
  .numberPicto {
    width: 200px;
  }
  .number {
    width: calc(100% - 200px);
    align-items: flex-start;
    padding-left: 1rem;
  }
  .number p {
    text-align: left;
    font-size: 1.2rem;
  }
  .number p:first-child {
    font-size: 1.8rem;
  }
  .clearText {
    font-size: 1.2rem;
  }
  .homeFooterLinksblock > div {
    border-radius: 2rem;
  }
  .linkContainer {
    position: initial;
    height: auto;
  }
  .linkContainer a {
    padding: 0;
  }
  .procedeContent {
    width: 400px;
    padding-bottom: 4rem;
  }
  .heroVisualAvantagesContainer {
    max-width: calc(100% - 186px);
  }
  .heroVisualAvantagesText {
    width: 200px;
  }
  .heroVisualAvantagesText li {
    font-size: 1rem;
    line-height: 1;
  }
  .interventionRow {
    margin-bottom: 0;
  }
  .interventionContent {
    width: 50%;
  }
  .interventionVisual {
    width: 50%;
  }
  .singleContent .content > * {
    padding-left: 0;
    padding-right: 0;
  }
  .singleContent .postPanel {
    width: 100%;
    position: initial;
    padding: 0 5%;
    order: 2;
    margin-top: 2rem;
  }
  .anchor-container {
    padding: 2rem;
    margin-bottom: 1rem;
    border-radius: 3rem;
    background-color: #ffbe2e;
  }
  .singleContent .content {
    padding: 0 5vw;
    order: 1;
  }
  .singleContent .content > .anchor-container {
    padding: 2rem;
  }
  .heroVisualDealer {
    display: none;
  }
  .heroForm [data-name=rgpd-consent] {
    width: 310px;
    max-width: 100%;
  }

  footer .col-auto {
    margin-right: auto;
    margin-left: auto;
    flex: 0 0 100%;
    display: flex;
    justify-content: center;
  }
  footer .col-12 {
    justify-content: center;
  }
  footer .col-lg-8{
    flex: 0 0 100%;
    max-width: 100%;
  }
  .footerLinksList {
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
    gap: .5rem;
    margin-top: 2rem;
  }
  .footerLinks{
    justify-content: center;
    flex-wrap: wrap;
  }
  .footerSocials {
    margin-top: 1rem;
      justify-content: center;
      width: 100%;
  }
  .mentionsContainer {
    margin-top: 2rem;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .mentionsContainer p, .mentionsContainer a, .mentionsContainer span {
    margin: 0.75rem 0;
    text-align: center;
  }
}
@media (max-width: 1024px) {
  .title {
    font-size: 1.8rem;
    line-height: 1.2;
  }
  .title em {
    font-size: 1.4rem;
  }
  .numberPicto {
    width: 160px;
  }
  .number {
    width: calc(100% - 160px);
  }
  .number p:first-child {
    font-size: 1.8rem;
  }
  .procedeRow {
    margin-bottom: 0;
  }
  .procedeVisual {
    width: 50%;
  }
  .procedeContent {
    width: 50%;
    padding-bottom: 0;
  }
  .frenchMap.stickyAppear {
    transform: translate(0, 50px);
  }
  .heroContact .heroContent {
    padding-top: 0;
  }
  .heroContact .contactList p a {
    text-transform: initial;
    font-size: 0.9rem;
    padding: 0;
    border-radius: 0;
    outline: none;
    border: none;
  }
}
@media (max-width: 991px) {
  .heroContent .btn {
    margin-bottom: 2rem;
  }
  .page-accueil .heroSection .heroRow, .page-societe .heroSection .heroRow, .page-fumisterie .heroSection .heroRow {
    padding: 2rem 1rem 1rem 1rem;
  }
  .page-cas-clients .heroVisual, .page-societe .heroVisual, .page-fumisterie .heroVisual {
    display: none;
  }
  .page-cas-clients .heroSubRow .col-xl-6, .page-societe .heroSubRow .col-xl-6, .page-fumisterie .heroSubRow .col-xl-6 {
    padding: 0 2rem 1rem 2rem;
    margin-top: -1rem;
    justify-content: flex-start;
  }
  .page-accueil .heroIntroTitle {
    display: none;
  }
  .page-accueil .heroSection .title {
    font-size: 1.6rem;
  }
  .playBtnContainer {
    flex-direction: column;
    align-items: flex-start;
  }
  .chemisageIntro .keyNumbers {
    order: 2;
  }
  .chemisageIntro .videoSchema {
    order: 1;
    margin-bottom: 2rem;
    padding-left: 0;
  }
  .videoContainer {
    width: 500px;
    margin-right: auto;
  }
  .chemisageSteps {
    width: 100%;
    margin-left: 0;
    padding: 0 1rem;
    align-items: center;
  }
  .chemisageSteps div {
    margin-bottom: 0.5rem;
  }
  .chemisageSteps div p {
    text-align: center;
    margin-left: 0;
  }
  .chemisageStep {
    flex-direction: column;
    align-items: center;
  }
  .page-accueil .numberPicto {
    width: 100%;
  }
  .page-accueil .number {
    width: 100%;
    padding-left: 0;
  }
  .page-accueil .number p {
    text-align: center;
    font-size: 1rem;
  }
  .page-accueil .number p:first-child {
    font-size: 1.5rem;
  }
  .keyNumbers .title, .keyNumbers .text {
    padding-right: 0;
  }
  .experienceSection .col-md-4 {
    text-align: right;
  }
  .experienceSection .secondTitle {
    font-size: 1.5rem;
  }
  .frenchMap {
    display: none;
  }
  .accordonPrevention {
    margin-top: 2rem;
  }
  .homeFooterLinksblock:first-child {
    margin-bottom: 2rem;
  }
  .implantationSection .block {
    order: 2;
  }
  .implantationSection .frenchMap {
    order: 1;
    margin-bottom: 2rem;
    justify-content: flex-start;
  }
  .implantationSection .frenchMap div {
    width: 300px;
  }
  .implantationSection .frenchMap.stickyAppear {
    transform: translate(0, -50px);
  }
  .smoktiteVisual picture {
    width: 400px;
    margin: 0 auto 2rem 0;
  }
  .humanScaleSection .block {
    order: 2;
  }
  .humanScaleSection .humanScaleVisual {
    order: 1;
    margin-bottom: 2rem;
  }
  .humanScaleSection .humanScaleVisual.stickyAppear {
    transform: scale(0.9);
  }
  .interventionRow {
    flex-wrap: wrap;
  }
  .interventionVisual {
    width: 400px;
    max-width: 100%;
    margin-right: 0;
  }
  .interventionContent {
    width: 100%;
  }
  .page-chemisage .repeatRowSection .block, .page-avantages .repeatRowSection .block {
    padding-top: 2rem;
    padding-bottom: 1rem;
  }
  .repeatRowSection .block {
    order: 2;
  }
  .repeatRowVisual {
    order: 1;
  }
  .procedeRow {
    align-items: flex-start;
  }
  .procedeVisual {
    width: 55%;
  }
  .procedeContent {
    width: 45%;
  }
  .procedeVisualText {
    max-width: 100%;
  }
  .procedeVisualText li {
    font-size: 1rem;
    line-height: 1;
  }
  .procedeVisualText li p {
    line-height: 1;
  }
  .casClientVisuals {
    margin-top: 2rem;
    max-height: 500px;
  }
  .smoktiteChemitechVisual {
    justify-content: flex-start;
  }
  .smoktiteChemitechVisual picture {
    margin: 0 0 2rem 0;
  }
  .smoktiteChemitechContent {
    margin-bottom: 3rem;
  }
  .rappelModal .rappelContainer {
    padding: 4rem 1rem;
  }

  .heroStripe{
    & .heroContent{
      margin-bottom: 3rem;
    }
  }

  .postList_row{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 767px) {
  .header_right {
    flex-wrap: wrap;
  }
  .menuContainer {
    width: 100%;
    transform: translate(0, 40px);
    height: auto;
  }
  .topLinks {
    width: 100%;
    transform: translate(0, 40px);
    height: auto;
  }
  .repeatRowSection .col-lg-6, .casClients .col-lg-6 {
    padding-left: 0;
    padding-right: 0;
  }
  .heroVisualChemisage {
    margin-top: 2rem;
  }
  .experienceSection .col-md-4 {
    justify-content: flex-start;
    align-items: center;
    text-align: left;
    margin-bottom: 1rem;
  }
  .experienceSection .col-md-4.stickyAppear {
    transform: translate(-20px, 0);
  }
  .numberPicto {
    width: 100%;
  }
  .number {
    width: 100%;
    padding-left: 0;
    align-items: center;
    text-align: center;
  }
  .numberSwiper .tranding-slider-control {
    justify-content: center;
  }
  .procedeRow {
    flex-wrap: wrap;
    align-items: flex-start;
  }
  .procedeVisual {
    width: 400px;
    max-width: 100%;
  }
  .procedeContent {
    width: 100%;
  }
  .procedeContent .text, .procedeContent .btn {
    margin-left: 0;
  }
  .procedeVisualText {
    max-width: 100%;
    margin-left: 0;
  }
  .procedeVisualText li:before {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHN0cm9rZS13aWR0aD0iMiIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGNvbG9yPSIjMWQxZDFiIj48cGF0aCBkPSJNNSAxM0w5IDE3TDE5IDciIHN0cm9rZT0iIzFkMWQxYiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjwvcGF0aD48L3N2Zz4=");
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: center;
  }
  .casClientVisuals {
    max-height: 400px;
  }
  .casClientContent .block {
    padding: 1rem;
  }
  .rappelModal [data-name=rgpd-consent], .dealerFormContainer [data-name=rgpd-consent], .diagnosticForm [data-name=rgpd-consent] {
    width: 310px;
    max-width: 100%;
  }

  .footerLinks{
    width: 100%;
    gap: .5rem 0;
    & a{
      &:last-child{
        margin-top: 1rem;
        margin-left: calc(50% - 110px);
        margin-right: calc(50% - 110px);
      }
    }
  }
}
@media (max-width: 580px) {
  .header_right {
    padding-top: 9rem;
  }
  .phoneNumber {
    top: 6rem;
    right: 5vw;
    width: 90%;
  }
  .menu {
    padding: 0.5rem 1rem;
  }
  .menu li {
    margin: 0.25rem 0;
  }
  .menu li a {
    font-size: 1.2rem;
    text-wrap: balance;
  }
  .topLinks ul {
    padding: 0.5rem 1rem;
  }
  .topLinks ul li {
    margin: 0.25rem 0;
  }
  .topLinks ul li a {
    font-size: 1.2rem;
    text-wrap: balance;
  }
  .heroSubRow .col-xl-6 {
    padding: 1rem 2rem;
  }
  .videoPlaceholder {
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .videoPlaceholder picture {
    display: none;
  }
  .playBtnContainer {
    flex-direction: row-reverse;
    align-items: center;
    top: auto;
    position: initial;
    padding: 1rem;
    background-color: #1d1d1b;
    border-radius: 3rem;
    margin-bottom: 0;
    width: 100%;
  }
  .playBtnContainer p {
    font-size: 1rem;
    margin-right: 0;
    margin-left: 0.5rem;
    line-height: 1.1;
  }
  .playBtnContainer p br {
    display: none;
  }
  .page-accueil .playBtnContainer p {
    transform: translate(10px, 0);
  }
  .playBtn {
    width: 3rem;
    height: 3rem;
  }
  .heroVisualAvantagesContainer {
    display: none;
  }
  .heroVisualAvantagesText {
    width: 100%;
    margin-left: 0;
  }
  .heroVisualAvantagesText li:before {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHN0cm9rZS13aWR0aD0iMiIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGNvbG9yPSIjMWQxZDFiIj48cGF0aCBkPSJNNSAxM0w5IDE3TDE5IDciIHN0cm9rZT0iIzFkMWQxYiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjwvcGF0aD48L3N2Zz4=");
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: center;
  }
  .trustIndexContainer {
    margin: 3rem 0 0 0;
  }
  .experienceSection .col-md-4 {
    justify-content: flex-start;
    text-align: left;
    margin-bottom: 1rem;
  }
  .experienceSection .col-md-4.stickyAppear {
    transform: translate(0, -20px);
  }
  .experienceSection .secondTitle {
    text-align: left;
  }
  .implantationSection .frenchMap {
    display: none;
  }
  .darkSection .row {
    padding: 1rem;
  }
  .frenchMap {
    display: block;
    margin-top: 1rem;
  }
  .frenchMap div {
    width: 280px;
  }
  .accordonPrevention {
    padding: 0;
  }
  .clearText {
    font-size: 1rem;
    padding: 1rem;
  }
  .hiddenText .text {
    padding: 0 0.5rem;
  }
  .hiddenText .text ul {
    padding-left: 1rem;
  }
  .homeFooterLinksblock {
    padding: 0;
  }
  .procedeSection .row {
    padding: 1rem;
  }
  .faqContainer_item_response > div {
    padding: 1rem;
  }
  .postList {
    padding-top: 100px;
  }
  .postBlock_content {
    padding: 1rem;
  }
  .postList_row {
      grid-template-columns: 1fr;
  }
  .postList .col-12.center {
    align-items: flex-start;
  }
  .singleContent {
    padding-top: 100px;
  }
  .singleContent .postPanel .stickyPanel > div {
    padding: 1rem;
    border-radius: 1rem;
  }
  .singleContent .postPanel .contactPanel {
    padding: 1rem;
    border-radius: 1rem;
  }
  .singleContent .postPanel .contactPanel .title {
    font-size: 1.3rem;
  }
  .singleContent .otherPost p {
    margin-top: 0;
  }
  .singleContent h1 {
    font-size: 2rem;
  }
  .singleContent h2 {
    font-size: 1.7rem;
  }
  .singleContent h3 {
    font-size: 1.3rem;
  }
  .singleContent h4 {
    font-size: 1.1rem;
  }
  .singleContent .content > .anchor-container {
    padding: 1rem;
    border-radius: 1rem;
  }
  .rappelModal {
    align-items: flex-start;
    overflow-y: scroll;
  }
  .rappelModal .rappelContainer {
    padding: 1rem;
    overflow-y: scroll;
  }
  .rappelModal .title {
    width: calc(100% - 120px);
    margin: 0 auto;
    font-size: 1.3rem;
  }
  .rappelModal .wpcf7 {
    margin-top: 0;
  }
  .iconRadio .wpcf7-radio {
    flex-wrap: wrap;
    justify-content: center;
  }
  .iconRadio .wpcf7-list-item-label {
    width: 140px;
    font-size: 1rem;
  }
  .iconRadio .wpcf7-list-item-label:after {
    margin-top: 1rem;
    height: 7rem;
  }
  .hauteurConduit .first .wpcf7-list-item-label:after {
    height: 6rem;
  }
  .hauteurConduit .last .wpcf7-list-item-label:after {
    height: 8rem;
  }
  .etatConduit .first .wpcf7-list-item-label:after {
    height: 4rem;
  }
  .etatConduit .last .wpcf7-list-item-label:after {
    height: 5rem;
  }
  .wpcf7-form label {
    width: 100%;
    margin: 0.75rem 0;
  }
  .wpcf7 .wpcf7-form .wpcf7-response-output {
      width: calc(100% - 2rem);
      left: 1rem;
  }
}
@media (max-width: 420px) {
  section {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .basicAppear.-xLeft, .basicAppear.-xRight {
    transform: translate(0, 30px);
  }
  .title {
    font-size: 1.5rem;
  }
  .title em {
    font-size: 1.1rem;
  }
  .text p {
    text-align: justify;
  }
  .heroForm {
    padding: 0;
  }
  .btn {
    width: 100%;
  }
  .header_right {
    overflow-y: scroll;
  }
  .row:not(.heroSubRow) .col-xl-4,
  .row:not(.heroSubRow) .col-xl-5,
  .row:not(.heroSubRow) .col-xl-6,
  .row:not(.heroSubRow) .col-xl-7,
  .row:not(.heroSubRow) .col-xl-8,
  .row:not(.heroSubRow) .col-lg-4,
  .row:not(.heroSubRow) .col-lg-5,
  .row:not(.heroSubRow) .col-lg-6,
  .row:not(.heroSubRow) .col-lg-7,
  .row:not(.heroSubRow) .col-lg-8,
  .row:not(.heroSubRow) .col-md-4,
  .row:not(.heroSubRow) .col-md-6,
  .row:not(.heroSubRow) .col-sm-4,
  .row:not(.heroSubRow) .col-sm-6 {
    padding: 0;
  }
  .page-accueil .heroSection .heroRow, .page-societe .heroSection .heroRow, .page-fumisterie .heroSection .heroRow {
    padding: 1rem;
  }
  .page-accueil .heroSection .title {
    font-size: 1.5rem;
  }
  .page-accueil .heroSubRow .col-xl-6 {
    padding: 0 1rem 1rem 1rem;
  }
  .heroSubRow .col-xl-6 {
    padding: 1rem;
  }
  .experienceSection .col-md-4 {
    padding: 0 0.5rem;
    justify-content: center;
  }
  .experienceSection .col-md-4 .secondTitle {
    align-items: center;
    text-align: center;
    font-size: 1.3rem;
  }
  .chemisageIntro .row .keyNumbers {
    padding: 0 1rem;
  }
  .smoktiteChemitech .row .col-lg-6, .smoktiteSection .row .col-lg-6, .humanScaleSection .row .col-lg-6 {
    padding: 0 1rem;
  }
  .implantationSection {
    padding-top: 0;
  }
  .implantationSection .row .col-lg-6 {
    padding: 0 1rem;
  }
  .page-chemisage .repeatRowSection .block, .page-avantages .repeatRowSection .block, .page-fumisterie .repeatRowSection .block {
    padding-top: 1rem;
    padding-bottom: 2rem;
  }
  .repeatRowSection .block {
    padding-top: 2rem;
  }
  .videoContainer {
    margin-top: 1rem;
  }
  .chemisageSteps {
    margin-top: -1rem;
  }
  .chemisageIntro .btn {
    width: 100%;
  }
  .repeatRowVisualOverlay {
    font-size: 1.1rem;
    text-wrap: balance;
    border-radius: 0;
    width: 100%;
  }
  .repeatRowVisualOverlay em {
    font-size: 0.9rem;
  }
  .repeatRowSection .row {
    margin: 1rem 0;
  }
  .repeatRowSection .row:first-child .repeatRowVisualOverlay {
    bottom: 0;
    right: auto;
    left: 0;
  }
  .repeatRowSection .row:last-child {
    margin-bottom: 0;
  }
  .repeatRowSection .row:last-child .repeatRowVisualOverlay {
    top: auto;
    bottom: 0;
    right: auto;
    left: 0;
  }
  .page-chemisage .repeatRowSection .row .repeatRowVisual {
    height: 300px;
  }
  .page-chemisage .repeatRowSection .row:last-child picture img {
    object-position: right;
  }
  .heroVisualChemisageContainer .zoomConduitContainer {
    min-width: 140px;
    min-height: 140px;
  }
  .interventionSection .row {
    padding: 1rem;
  }
  .interventionRow {
    padding: 0;
  }
  .textDecenale {
    padding: 1rem;
    border-radius: 1rem;
  }
  .textDecenale.stickyAppear {
    transform: translate(0, 20px);
  }
  .casClientVisuals {
    margin-top: 1rem;
    max-height: 400px;
  }
  .casClientSwiper .swiper-pagination-bullet {
    width: 3rem;
    height: 3rem;
  }
  .contentReferencementRow {
    padding: 0 1rem;
  }
  .dealerForm .dealerFormContainer {
    padding: 1rem;
  }
  .dealerForm .checkContainer {
    margin: 1.5rem 0 1rem 0;
  }
  .step .form-navigation {
    margin-top: 1rem;
  }

  .heroStripe .col-12{
    margin-top: 0;
  }
}

@media (max-width: 390px) {
  .footerLinks{
    width: 100%;
    gap: 1rem 0;
    & a{
      text-align: center;
      width: 100%;
      &:last-child{
        margin-top: .5rem;
        margin-left: 1.5rem;
        margin-right: 0;
        padding: .6rem 1rem;
        justify-content: center;
      }
    }
  }
}
body.noHover.can-touch * {
  cursor: default !important;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -moz-tap-highlight-color: rgba(255, 255, 255, 0);
}/*# sourceMappingURL=screen.css.map */


/* Botlink */
:root {
    --botlink-primary-color: #ffbe2e!important;
    --botlink-secondary-color: #1d1d1b!important;
}

.article-main {
    padding-top:8rem;
      & article {
        & h1 {
          font-size: 2rem;font-weight: 700;color: var(--botlink-secondary-color);text-transform: uppercase;font-family: "stolzl", "Arial", "Helvetica Neue", sans-serif;
        }
        & h2 {
          font-size: 1.6rem;font-weight: 700;color: var(--botlink-primary-color);text-transform: uppercase;font-family: "stolzl", "Arial", "Helvetica Neue", sans-serif;
        }
        & h3 {
          font-size: 1.4rem;font-weight: 700;color: var(--botlink-primary-color);text-transform: uppercase;font-family: "stolzl", "Arial", "Helvetica Neue", sans-serif;
        }
        & .botlink-inline-cta-text {
          font-weight:bold;
        }
        & .botlink-inline-cta-button {
          background:var(--botlink-primary-color);color:#fff;padding:1rem 2rem;border-radius:2rem;display:inline-block;margin:0 auto 0 0;text-transform:uppercase;font-weight:700;
          &:hover {
            background:var(--botlink-secondary-color);color:#fff;
          }
        }
        & footer.article-footer {
            text-align:left;padding:2rem 0;
        }
    }
}
.botlink-articles-container {
  padding-top:8rem!important;
  & .botlink-articles-title {
      font-size: 2rem;font-weight: 700;text-transform: uppercase;color:var(--botlink-secondary-color);font-family: "stolzl", "Arial", "Helvetica Neue", sans-serif;
  }
  & .botlink-articles-grid {
    & .botlink-article-card {
      & .botlink-article-content {
        & .botlink-article-title {
          font-size: 1.5rem;font-weight: 700;color: var(--botlink-secondary-color);text-transform: uppercase;font-family: "stolzl", "Arial", "Helvetica Neue", sans-serif;
        }
      }
    }
  }
}


.singlePost{
    --secondaryFade: color-mix(in srgb, var(--main) 15%, transparent);
    --secondaryFadeLighter: color-mix(in srgb, var(--main) 20%, transparent);
    
    --tagIcon : url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmZmZmYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS10YWctaWNvbiBsdWNpZGUtdGFnIj48cGF0aCBkPSJNMTIuNTg2IDIuNTg2QTIgMiAwIDAgMCAxMS4xNzIgMkg0YTIgMiAwIDAgMC0yIDJ2Ny4xNzJhMiAyIDAgMCAwIC41ODYgMS40MTRsOC43MDQgOC43MDRhMi40MjYgMi40MjYgMCAwIDAgMy40MiAwbDYuNTgtNi41OGEyLjQyNiAyLjQyNiAwIDAgMCAwLTMuNDJ6Ii8+PGNpcmNsZSBjeD0iNy41IiBjeT0iNy41IiByPSIuNSIgZmlsbD0iY3VycmVudENvbG9yIi8+PC9zdmc+');
    --moveIcon : url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiMxZDFkMWIiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS1tb3ZlLXJpZ2h0LWljb24gbHVjaWRlLW1vdmUtcmlnaHQiPjxwYXRoIGQ9Ik0xOCA4TDIyIDEyTDE4IDE2Ii8+PHBhdGggZD0iTTIgMTJIMjIiLz48L3N2Zz4=');
    --accordonIcon : url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmZmZmYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS1saXN0LWNoZXZyb25zLWRvd24tdXAtaWNvbiBsdWNpZGUtbGlzdC1jaGV2cm9ucy1kb3duLXVwIj48cGF0aCBkPSJNMyA1aDgiLz48cGF0aCBkPSJNMyAxMmg4Ii8+PHBhdGggZD0iTTMgMTloOCIvPjxwYXRoIGQ9Im0xNSA1IDMgMyAzLTMiLz48cGF0aCBkPSJtMTUgMTkgMy0zIDMgMyIvPjwvc3ZnPg==');
    &.has-blog-gutenberg-layout{
      & header{
        &:after{
          content: '';
          position: absolute;
          width: 100%;
          height: 10px;
          bottom: -10px;
          left: 0;
          background-color: #fff;
        }
      }
      &.scrolled{
        & header{
          &:after{
            content: none;
          }
        }
      }
    }
    & .bg-begin-content{
        & .bg-resume-wrapper:first-child{
            margin-top: 0;
        }
        & .wp-block-buttons{
            justify-content: flex-start;
            margin-bottom: 1rem;
        }
    }
    
    & .bg-blog-article {
        & .bg-header {
            background-color: var(--main);
            padding-top: 14rem;
            padding-bottom: 2rem;
            background-image: none;
            &::before {
                background: rgba(48, 48, 48, 0.95);
            }
            & > * {
                position: relative;
                z-index: 3;
                color: #fff;
            }
        }
        & > .wp-block-group {
            &.bg-gutenberg-faq{
                width: 1200px;
            }
        }
    }
    & .bg-toc {
        border-color: var(--secondary);
        background-color: var(--secondary);
        & .bg-toc__list {
            & a {
                font-size: .9rem;
                color: var(--main);
                &.toc-level-3 {
                    display: none;
                }
            }
        }
    }
    & .bg-panel-banner {
        & .wp-block-cover {
          border: 2px solid #dadada;
            & p {
                color: var(--main);
            }
            & a {
                &:hover{
                  background-color: var(--main);
                  color: var(--secondary);
                }
            }
        }
        & .wp-block-cover .has-background-dim:not([class*=-background-color]),
        & .wp-block-cover-image .has-background-dim:not([class*=-background-color]),
        & .wp-block-cover-image.has-background-dim:not([class*=-background-color]),
        & .wp-block-cover.has-background-dim:not([class*=-background-color]){
          background: none !important;
          background-color: transparent !important;
        }
    }
    & .bg-author{
        background-color: var(--main);
        color: #fff;
        & .author-linkedin {
          & svg {
              fill: #fff;
          }
          & span {
            color: #fff;
        }
      }
    }
    & .bg-gutenberg-faq {
        & .schema-faq-section {
            background-color: var(--main);
            transition: background-color .3s ease;
            color: #fff;
            &:hover {
                background-color: rgba(48, 48, 48, 0.95);
            }
        }
    }
    & .bg-other-post {
        & .wp-element-button {
            &:hover {
                background-color: var(--secondary);
                color: #fff;
            }
        }
    }
    & .bg-related-card {
        & img, & .bg-related-card-placeholder {
            background-color: transparent;
        }
    }
    & .bg-flag-cta {
        &::before {
            background: linear-gradient(0deg, rgba(48, 48, 48, 0.8) 0%, rgba(48, 48, 48, 0.5) 100%);
        }
        & .wp-element-button {
            color: var(--main);
        }
    }
}

@media (max-width: 1200px) {
  .singlePost {
     --tagIcon : url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiMxZDFkMWIiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS10YWctaWNvbiBsdWNpZGUtdGFnIj48cGF0aCBkPSJNMTIuNTg2IDIuNTg2QTIgMiAwIDAgMCAxMS4xNzIgMkg0YTIgMiAwIDAgMC0yIDJ2Ny4xNzJhMiAyIDAgMCAwIC41ODYgMS40MTRsOC43MDQgOC43MDRhMi40MjYgMi40MjYgMCAwIDAgMy40MiAwbDYuNTgtNi41OGEyLjQyNiAyLjQyNiAwIDAgMCAwLTMuNDJ6Ii8+PGNpcmNsZSBjeD0iNy41IiBjeT0iNy41IiByPSIuNSIgZmlsbD0iY3VycmVudENvbG9yIi8+PC9zdmc+');
      &.has-blog-gutenberg-layout {
          & header {
              &:after {
                  content: none;
              }
          }
      }
      & .bg-blog-article {
          & .bg-header {
            padding-top: 10rem;
            padding-bottom: 1rem;
              background-color: transparent;
              &::before {
                  content: none;
              }
            & > * {
                color: var(--main);
            }
            & .wp-block-group-is-layout-flex {
                color: var(--main);
            }
          }
      }
  }
}



/* BOTLINK MIGRATION ARTICLES */
body.article-botlink {
  .singleContent .content>hr {
      display: none;
  }
  & .botlink-byline {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      margin: -0.5rem 0 2rem;
      font-size: 0.875rem;
      opacity: 0.75;
  }

  & .botlink-byline-sep {
      margin: 0 0.5rem;
  }
  & .botlink-summary {
      background: color-mix(in srgb,#ffbe2e 30%,transparent);
      margin: 1rem 0;
      padding: 1.25rem 1.5rem !important;
      border-radius: 1rem;
      width: calc(80% - 380px);
      margin-left: 10%;
  }

  & .botlink-summary-label{
      display: block;
      font-size: .9rem;
      font-weight: 700;
      letter-spacing: .08em;
      text-transform: uppercase;
      margin-bottom: .35rem;
  }
  & .botlink-gtk-label {
      display: block;
      font-size: .7rem;
      font-weight: 700;
      letter-spacing: .08em;
      text-transform: uppercase;
      opacity: .65;
      margin-bottom: .35rem;
  }

  & .botlink-good-to-know {
      display: flex;
      gap: 1rem;
      margin: 2rem 0;
      padding: 1.25rem 1.5rem !important;
      border-left: 4px solid #ffbe2e;
      background: color-mix(in srgb,#ffbe2e 12%,transparent);
      width: calc(80% - 380px);
      margin-left: 10%;
      border-radius: 1rem;
  }

  & .botlink-gtk-icon {
      flex: 0 0 auto;
  }

  & .botlink-gtk-body {
      flex: 1;
  }

  & .botlink-gtk-title {
      margin: 0.25rem 0;
      font-weight: 700;
  }

  & .botlink-faq {
      margin-top: 0;
  }

  & .botlink-faq-item {
      margin-bottom: 1rem;
      padding: 1.25rem;
      border-radius: 1rem;
      background: #ffbe2e;
      &[open] .botlink-faq-question::after {
        transform: rotate(-135deg);
      }
  }

  & .botlink-faq-question {
      display: flex;
      justify-content: space-between;
      gap: 1rem;
      cursor: pointer;
      font-weight: 700;
      &:after {
        content: "";
        flex: 0 0 .6rem;
        width: .6rem;
        height: .6rem;
        border-right: 2px solid currentColor;
        border-bottom: 2px solid currentColor;
        transform: rotate(45deg);
        transition: transform .2s ease
    }
  }

  & .botlink-faq-answer {
      padding-top: 1rem;
  }

}


@media (max-width: 1400px) {
    body.article-botlink {
      & .botlink-summary, & .botlink-good-to-know {
          width: calc(85% - 340px);
          margin-left: 5%;
      }
    }
}

@media (max-width: 1200px) {
    body.article-botlink {
      & .botlink-summary, & .botlink-good-to-know {
          width: 100%;
          margin-left: 0;
      }
    }
}
@media (max-width: 480px) {
  body.article-botlink {
    & .botlink-byline {
        flex-direction: column;
        align-items: flex-start;
        & .botlink-byline-sep{
          display: none;
        }
    }
      & .botlink-gtk-icon {
          display: none;
      }
  }
}