/* input(10831,1): run-time error CSS1019: Unexpected token, found '}' */
/*!
 * Bootstrap Grid v5.2.3 (https://getbootstrap.com/)
 * Copyright 2011-2022 The Bootstrap Authors
 * Copyright 2011-2022 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
:root {
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-black: #000;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-primary: #0d6efd;
  --bs-secondary: #6c757d;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-primary-rgb: 13, 110, 253;
  --bs-secondary-rgb: 108, 117, 125;
  --bs-success-rgb: 25, 135, 84;
  --bs-info-rgb: 13, 202, 240;
  --bs-warning-rgb: 255, 193, 7;
  --bs-danger-rgb: 220, 53, 69;
  --bs-light-rgb: 248, 249, 250;
  --bs-dark-rgb: 33, 37, 41;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-body-color-rgb: 33, 37, 41;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #212529;
  --bs-body-bg: #fff;
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #dee2e6;
  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
  --bs-border-radius: 0.375rem;
  --bs-border-radius-sm: 0.25rem;
  --bs-border-radius-lg: 0.5rem;
  --bs-border-radius-xl: 1rem;
  --bs-border-radius-2xl: 2rem;
  --bs-border-radius-pill: 50rem;
  --bs-link-color: #0d6efd;
  --bs-link-hover-color: #0a58ca;
  --bs-code-color: #d63384;
  --bs-highlight-bg: #fff3cd;
}

.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container-sm, .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container-md, .container-sm, .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container-lg, .container-md, .container-sm, .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1320px;
  }
}
.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
}
.row > * {
  box-sizing: border-box;
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
}

.col {
  flex: 1 0 0%;
}

.row-cols-auto > * {
  flex: 0 0 auto;
  width: auto;
}

.row-cols-1 > * {
  flex: 0 0 auto;
  width: 100%;
}

.row-cols-2 > * {
  flex: 0 0 auto;
  width: 50%;
}

.row-cols-3 > * {
  flex: 0 0 auto;
  width: 33.3333333333%;
}

.row-cols-4 > * {
  flex: 0 0 auto;
  width: 25%;
}

.row-cols-5 > * {
  flex: 0 0 auto;
  width: 20%;
}

.row-cols-6 > * {
  flex: 0 0 auto;
  width: 16.6666666667%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
}

.col-1 {
  flex: 0 0 auto;
  width: 8.33333333%;
}

.col-2 {
  flex: 0 0 auto;
  width: 16.66666667%;
}

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

.col-4 {
  flex: 0 0 auto;
  width: 33.33333333%;
}

.col-5 {
  flex: 0 0 auto;
  width: 41.66666667%;
}

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

.col-7 {
  flex: 0 0 auto;
  width: 58.33333333%;
}

.col-8 {
  flex: 0 0 auto;
  width: 66.66666667%;
}

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

.col-10 {
  flex: 0 0 auto;
  width: 83.33333333%;
}

.col-11 {
  flex: 0 0 auto;
  width: 91.66666667%;
}

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

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

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

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

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

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

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

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

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

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

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

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

.g-0,
.gx-0 {
  --bs-gutter-x: 0;
}

.g-0,
.gy-0 {
  --bs-gutter-y: 0;
}

.g-1,
.gx-1 {
  --bs-gutter-x: 0.25rem;
}

.g-1,
.gy-1 {
  --bs-gutter-y: 0.25rem;
}

.g-2,
.gx-2 {
  --bs-gutter-x: 0.5rem;
}

.g-2,
.gy-2 {
  --bs-gutter-y: 0.5rem;
}

.g-3,
.gx-3 {
  --bs-gutter-x: 1rem;
}

.g-3,
.gy-3 {
  --bs-gutter-y: 1rem;
}

.g-4,
.gx-4 {
  --bs-gutter-x: 1.5rem;
}

.g-4,
.gy-4 {
  --bs-gutter-y: 1.5rem;
}

.g-5,
.gx-5 {
  --bs-gutter-x: 3rem;
}

.g-5,
.gy-5 {
  --bs-gutter-y: 3rem;
}

@media (min-width: 576px) {
  .col-sm {
    flex: 1 0 0%;
  }
  .row-cols-sm-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-sm-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-sm-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-sm-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-sm-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-sm-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-sm-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-sm-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-sm-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-sm-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-sm-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-sm-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-sm-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-sm-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-sm-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-sm-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.33333333%;
  }
  .offset-sm-2 {
    margin-left: 16.66666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.33333333%;
  }
  .offset-sm-5 {
    margin-left: 41.66666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.33333333%;
  }
  .offset-sm-8 {
    margin-left: 66.66666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.33333333%;
  }
  .offset-sm-11 {
    margin-left: 91.66666667%;
  }
  .g-sm-0,
.gx-sm-0 {
    --bs-gutter-x: 0;
  }
  .g-sm-0,
.gy-sm-0 {
    --bs-gutter-y: 0;
  }
  .g-sm-1,
.gx-sm-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-sm-1,
.gy-sm-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-sm-2,
.gx-sm-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-sm-2,
.gy-sm-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-sm-3,
.gx-sm-3 {
    --bs-gutter-x: 1rem;
  }
  .g-sm-3,
.gy-sm-3 {
    --bs-gutter-y: 1rem;
  }
  .g-sm-4,
.gx-sm-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-sm-4,
.gy-sm-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-sm-5,
.gx-sm-5 {
    --bs-gutter-x: 3rem;
  }
  .g-sm-5,
.gy-sm-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex: 1 0 0%;
  }
  .row-cols-md-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-md-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-md-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-md-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-md-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-md-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-md-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-md-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-md-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-md-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-md-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-md-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-md-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-md-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-md-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-md-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-md-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-md-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.33333333%;
  }
  .offset-md-2 {
    margin-left: 16.66666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.33333333%;
  }
  .offset-md-5 {
    margin-left: 41.66666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.33333333%;
  }
  .offset-md-8 {
    margin-left: 66.66666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.33333333%;
  }
  .offset-md-11 {
    margin-left: 91.66666667%;
  }
  .g-md-0,
.gx-md-0 {
    --bs-gutter-x: 0;
  }
  .g-md-0,
.gy-md-0 {
    --bs-gutter-y: 0;
  }
  .g-md-1,
.gx-md-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-md-1,
.gy-md-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-md-2,
.gx-md-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-md-2,
.gy-md-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-md-3,
.gx-md-3 {
    --bs-gutter-x: 1rem;
  }
  .g-md-3,
.gy-md-3 {
    --bs-gutter-y: 1rem;
  }
  .g-md-4,
.gx-md-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-md-4,
.gy-md-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-md-5,
.gx-md-5 {
    --bs-gutter-x: 3rem;
  }
  .g-md-5,
.gy-md-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex: 1 0 0%;
  }
  .row-cols-lg-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-lg-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-lg-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-lg-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-lg-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-lg-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-lg-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-lg-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-lg-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-lg-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.33333333%;
  }
  .offset-lg-2 {
    margin-left: 16.66666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.33333333%;
  }
  .offset-lg-5 {
    margin-left: 41.66666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.33333333%;
  }
  .offset-lg-8 {
    margin-left: 66.66666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.33333333%;
  }
  .offset-lg-11 {
    margin-left: 91.66666667%;
  }
  .g-lg-0,
.gx-lg-0 {
    --bs-gutter-x: 0;
  }
  .g-lg-0,
.gy-lg-0 {
    --bs-gutter-y: 0;
  }
  .g-lg-1,
.gx-lg-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-lg-1,
.gy-lg-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-lg-2,
.gx-lg-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-lg-2,
.gy-lg-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-lg-3,
.gx-lg-3 {
    --bs-gutter-x: 1rem;
  }
  .g-lg-3,
.gy-lg-3 {
    --bs-gutter-y: 1rem;
  }
  .g-lg-4,
.gx-lg-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-lg-4,
.gy-lg-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-lg-5,
.gx-lg-5 {
    --bs-gutter-x: 3rem;
  }
  .g-lg-5,
.gy-lg-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex: 1 0 0%;
  }
  .row-cols-xl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xl-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-xl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xl-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xl-11 {
    margin-left: 91.66666667%;
  }
  .g-xl-0,
.gx-xl-0 {
    --bs-gutter-x: 0;
  }
  .g-xl-0,
.gy-xl-0 {
    --bs-gutter-y: 0;
  }
  .g-xl-1,
.gx-xl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-xl-1,
.gy-xl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-xl-2,
.gx-xl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-xl-2,
.gy-xl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-xl-3,
.gx-xl-3 {
    --bs-gutter-x: 1rem;
  }
  .g-xl-3,
.gy-xl-3 {
    --bs-gutter-y: 1rem;
  }
  .g-xl-4,
.gx-xl-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-xl-4,
.gy-xl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-xl-5,
.gx-xl-5 {
    --bs-gutter-x: 3rem;
  }
  .g-xl-5,
.gy-xl-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1400px) {
  .col-xxl {
    flex: 1 0 0%;
  }
  .row-cols-xxl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xxl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xxl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xxl-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-xxl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xxl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xxl-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xxl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xxl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xxl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xxl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xxl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xxl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xxl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xxl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xxl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xxl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xxl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xxl-0 {
    margin-left: 0;
  }
  .offset-xxl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xxl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xxl-3 {
    margin-left: 25%;
  }
  .offset-xxl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xxl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xxl-6 {
    margin-left: 50%;
  }
  .offset-xxl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xxl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xxl-9 {
    margin-left: 75%;
  }
  .offset-xxl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xxl-11 {
    margin-left: 91.66666667%;
  }
  .g-xxl-0,
.gx-xxl-0 {
    --bs-gutter-x: 0;
  }
  .g-xxl-0,
.gy-xxl-0 {
    --bs-gutter-y: 0;
  }
  .g-xxl-1,
.gx-xxl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-xxl-1,
.gy-xxl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-xxl-2,
.gx-xxl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-xxl-2,
.gy-xxl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-xxl-3,
.gx-xxl-3 {
    --bs-gutter-x: 1rem;
  }
  .g-xxl-3,
.gy-xxl-3 {
    --bs-gutter-y: 1rem;
  }
  .g-xxl-4,
.gx-xxl-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-xxl-4,
.gy-xxl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-xxl-5,
.gx-xxl-5 {
    --bs-gutter-x: 3rem;
  }
  .g-xxl-5,
.gy-xxl-5 {
    --bs-gutter-y: 3rem;
  }
}
.d-inline {
  display: inline !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.justify-content-center {
  justify-content: center !important;
}

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

.justify-content-around {
  justify-content: space-around !important;
}

.justify-content-evenly {
  justify-content: space-evenly !important;
}

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

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

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

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

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

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

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

.align-content-center {
  align-content: center !important;
}

.align-content-between {
  align-content: space-between !important;
}

.align-content-around {
  align-content: space-around !important;
}

.align-content-stretch {
  align-content: stretch !important;
}

.align-self-auto {
  align-self: auto !important;
}

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

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

.align-self-center {
  align-self: center !important;
}

.align-self-baseline {
  align-self: baseline !important;
}

.align-self-stretch {
  align-self: stretch !important;
}

.order-first {
  order: -1 !important;
}

.order-0 {
  order: 0 !important;
}

.order-1 {
  order: 1 !important;
}

.order-2 {
  order: 2 !important;
}

.order-3 {
  order: 3 !important;
}

.order-4 {
  order: 4 !important;
}

.order-5 {
  order: 5 !important;
}

.order-last {
  order: 6 !important;
}

.m-0 {
  margin: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.mx-1 {
  margin-right: 0.25rem !important;
  margin-left: 0.25rem !important;
}

.mx-2 {
  margin-right: 0.5rem !important;
  margin-left: 0.5rem !important;
}

.mx-3 {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}

.mx-4 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important;
}

.mx-5 {
  margin-right: 3rem !important;
  margin-left: 3rem !important;
}

.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mt-1 {
  margin-top: 0.25rem !important;
}

.mt-2 {
  margin-top: 0.5rem !important;
}

.mt-3 {
  margin-top: 1rem !important;
}

.mt-4 {
  margin-top: 1.5rem !important;
}

.mt-5 {
  margin-top: 3rem !important;
}

.mt-auto {
  margin-top: auto !important;
}

.me-0 {
  margin-right: 0 !important;
}

.me-1 {
  margin-right: 0.25rem !important;
}

.me-2 {
  margin-right: 0.5rem !important;
}

.me-3 {
  margin-right: 1rem !important;
}

.me-4 {
  margin-right: 1.5rem !important;
}

.me-5 {
  margin-right: 3rem !important;
}

.me-auto {
  margin-right: auto !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mb-1 {
  margin-bottom: 0.25rem !important;
}

.mb-2 {
  margin-bottom: 0.5rem !important;
}

.mb-3 {
  margin-bottom: 1rem !important;
}

.mb-4 {
  margin-bottom: 1.5rem !important;
}

.mb-5 {
  margin-bottom: 3rem !important;
}

.mb-auto {
  margin-bottom: auto !important;
}

.ms-0 {
  margin-left: 0 !important;
}

.ms-1 {
  margin-left: 0.25rem !important;
}

.ms-2 {
  margin-left: 0.5rem !important;
}

.ms-3 {
  margin-left: 1rem !important;
}

.ms-4 {
  margin-left: 1.5rem !important;
}

.ms-5 {
  margin-left: 3rem !important;
}

.ms-auto {
  margin-left: auto !important;
}

.p-0 {
  padding: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.px-1 {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important;
}

.px-2 {
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important;
}

.px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}

.px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}

.px-5 {
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pt-1 {
  padding-top: 0.25rem !important;
}

.pt-2 {
  padding-top: 0.5rem !important;
}

.pt-3 {
  padding-top: 1rem !important;
}

.pt-4 {
  padding-top: 1.5rem !important;
}

.pt-5 {
  padding-top: 3rem !important;
}

.pe-0 {
  padding-right: 0 !important;
}

.pe-1 {
  padding-right: 0.25rem !important;
}

.pe-2 {
  padding-right: 0.5rem !important;
}

.pe-3 {
  padding-right: 1rem !important;
}

.pe-4 {
  padding-right: 1.5rem !important;
}

.pe-5 {
  padding-right: 3rem !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pb-1 {
  padding-bottom: 0.25rem !important;
}

.pb-2 {
  padding-bottom: 0.5rem !important;
}

.pb-3 {
  padding-bottom: 1rem !important;
}

.pb-4 {
  padding-bottom: 1.5rem !important;
}

.pb-5 {
  padding-bottom: 3rem !important;
}

.ps-0 {
  padding-left: 0 !important;
}

.ps-1 {
  padding-left: 0.25rem !important;
}

.ps-2 {
  padding-left: 0.5rem !important;
}

.ps-3 {
  padding-left: 1rem !important;
}

.ps-4 {
  padding-left: 1.5rem !important;
}

.ps-5 {
  padding-left: 3rem !important;
}

@media (min-width: 576px) {
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-grid {
    display: grid !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: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
  .d-sm-none {
    display: none !important;
  }
  .flex-sm-fill {
    flex: 1 1 auto !important;
  }
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    justify-content: center !important;
  }
  .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .justify-content-sm-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-sm-start {
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    align-items: center !important;
  }
  .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    align-items: stretch !important;
  }
  .align-content-sm-start {
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    align-content: center !important;
  }
  .align-content-sm-between {
    align-content: space-between !important;
  }
  .align-content-sm-around {
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    align-self: auto !important;
  }
  .align-self-sm-start {
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    align-self: center !important;
  }
  .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    align-self: stretch !important;
  }
  .order-sm-first {
    order: -1 !important;
  }
  .order-sm-0 {
    order: 0 !important;
  }
  .order-sm-1 {
    order: 1 !important;
  }
  .order-sm-2 {
    order: 2 !important;
  }
  .order-sm-3 {
    order: 3 !important;
  }
  .order-sm-4 {
    order: 4 !important;
  }
  .order-sm-5 {
    order: 5 !important;
  }
  .order-sm-last {
    order: 6 !important;
  }
  .m-sm-0 {
    margin: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mx-sm-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-sm-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-sm-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-sm-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-sm-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-sm-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-sm-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-sm-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-sm-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-sm-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-sm-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-sm-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-sm-0 {
    margin-top: 0 !important;
  }
  .mt-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mt-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mt-sm-3 {
    margin-top: 1rem !important;
  }
  .mt-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mt-sm-5 {
    margin-top: 3rem !important;
  }
  .mt-sm-auto {
    margin-top: auto !important;
  }
  .me-sm-0 {
    margin-right: 0 !important;
  }
  .me-sm-1 {
    margin-right: 0.25rem !important;
  }
  .me-sm-2 {
    margin-right: 0.5rem !important;
  }
  .me-sm-3 {
    margin-right: 1rem !important;
  }
  .me-sm-4 {
    margin-right: 1.5rem !important;
  }
  .me-sm-5 {
    margin-right: 3rem !important;
  }
  .me-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-0 {
    margin-bottom: 0 !important;
  }
  .mb-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-sm-3 {
    margin-bottom: 1rem !important;
  }
  .mb-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-sm-5 {
    margin-bottom: 3rem !important;
  }
  .mb-sm-auto {
    margin-bottom: auto !important;
  }
  .ms-sm-0 {
    margin-left: 0 !important;
  }
  .ms-sm-1 {
    margin-left: 0.25rem !important;
  }
  .ms-sm-2 {
    margin-left: 0.5rem !important;
  }
  .ms-sm-3 {
    margin-left: 1rem !important;
  }
  .ms-sm-4 {
    margin-left: 1.5rem !important;
  }
  .ms-sm-5 {
    margin-left: 3rem !important;
  }
  .ms-sm-auto {
    margin-left: auto !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem !important;
  }
  .px-sm-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-sm-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-sm-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-sm-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-sm-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-sm-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-sm-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-sm-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-sm-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-sm-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-sm-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-sm-0 {
    padding-top: 0 !important;
  }
  .pt-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pt-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pt-sm-3 {
    padding-top: 1rem !important;
  }
  .pt-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pt-sm-5 {
    padding-top: 3rem !important;
  }
  .pe-sm-0 {
    padding-right: 0 !important;
  }
  .pe-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pe-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pe-sm-3 {
    padding-right: 1rem !important;
  }
  .pe-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pe-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-sm-0 {
    padding-bottom: 0 !important;
  }
  .pb-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pb-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-sm-5 {
    padding-bottom: 3rem !important;
  }
  .ps-sm-0 {
    padding-left: 0 !important;
  }
  .ps-sm-1 {
    padding-left: 0.25rem !important;
  }
  .ps-sm-2 {
    padding-left: 0.5rem !important;
  }
  .ps-sm-3 {
    padding-left: 1rem !important;
  }
  .ps-sm-4 {
    padding-left: 1.5rem !important;
  }
  .ps-sm-5 {
    padding-left: 3rem !important;
  }
}
@media (min-width: 768px) {
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-grid {
    display: grid !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: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
  .d-md-none {
    display: none !important;
  }
  .flex-md-fill {
    flex: 1 1 auto !important;
  }
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    justify-content: center !important;
  }
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    justify-content: space-around !important;
  }
  .justify-content-md-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-md-start {
    align-items: flex-start !important;
  }
  .align-items-md-end {
    align-items: flex-end !important;
  }
  .align-items-md-center {
    align-items: center !important;
  }
  .align-items-md-baseline {
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    align-items: stretch !important;
  }
  .align-content-md-start {
    align-content: flex-start !important;
  }
  .align-content-md-end {
    align-content: flex-end !important;
  }
  .align-content-md-center {
    align-content: center !important;
  }
  .align-content-md-between {
    align-content: space-between !important;
  }
  .align-content-md-around {
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    align-content: stretch !important;
  }
  .align-self-md-auto {
    align-self: auto !important;
  }
  .align-self-md-start {
    align-self: flex-start !important;
  }
  .align-self-md-end {
    align-self: flex-end !important;
  }
  .align-self-md-center {
    align-self: center !important;
  }
  .align-self-md-baseline {
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    align-self: stretch !important;
  }
  .order-md-first {
    order: -1 !important;
  }
  .order-md-0 {
    order: 0 !important;
  }
  .order-md-1 {
    order: 1 !important;
  }
  .order-md-2 {
    order: 2 !important;
  }
  .order-md-3 {
    order: 3 !important;
  }
  .order-md-4 {
    order: 4 !important;
  }
  .order-md-5 {
    order: 5 !important;
  }
  .order-md-last {
    order: 6 !important;
  }
  .m-md-0 {
    margin: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mx-md-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-md-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-md-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-md-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-md-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-md-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-md-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-md-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-md-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-md-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-md-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-md-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-md-0 {
    margin-top: 0 !important;
  }
  .mt-md-1 {
    margin-top: 0.25rem !important;
  }
  .mt-md-2 {
    margin-top: 0.5rem !important;
  }
  .mt-md-3 {
    margin-top: 1rem !important;
  }
  .mt-md-4 {
    margin-top: 1.5rem !important;
  }
  .mt-md-5 {
    margin-top: 3rem !important;
  }
  .mt-md-auto {
    margin-top: auto !important;
  }
  .me-md-0 {
    margin-right: 0 !important;
  }
  .me-md-1 {
    margin-right: 0.25rem !important;
  }
  .me-md-2 {
    margin-right: 0.5rem !important;
  }
  .me-md-3 {
    margin-right: 1rem !important;
  }
  .me-md-4 {
    margin-right: 1.5rem !important;
  }
  .me-md-5 {
    margin-right: 3rem !important;
  }
  .me-md-auto {
    margin-right: auto !important;
  }
  .mb-md-0 {
    margin-bottom: 0 !important;
  }
  .mb-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-md-3 {
    margin-bottom: 1rem !important;
  }
  .mb-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-md-5 {
    margin-bottom: 3rem !important;
  }
  .mb-md-auto {
    margin-bottom: auto !important;
  }
  .ms-md-0 {
    margin-left: 0 !important;
  }
  .ms-md-1 {
    margin-left: 0.25rem !important;
  }
  .ms-md-2 {
    margin-left: 0.5rem !important;
  }
  .ms-md-3 {
    margin-left: 1rem !important;
  }
  .ms-md-4 {
    margin-left: 1.5rem !important;
  }
  .ms-md-5 {
    margin-left: 3rem !important;
  }
  .ms-md-auto {
    margin-left: auto !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem !important;
  }
  .px-md-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-md-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-md-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-md-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-md-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-md-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-md-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-md-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-md-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-md-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-md-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-md-0 {
    padding-top: 0 !important;
  }
  .pt-md-1 {
    padding-top: 0.25rem !important;
  }
  .pt-md-2 {
    padding-top: 0.5rem !important;
  }
  .pt-md-3 {
    padding-top: 1rem !important;
  }
  .pt-md-4 {
    padding-top: 1.5rem !important;
  }
  .pt-md-5 {
    padding-top: 3rem !important;
  }
  .pe-md-0 {
    padding-right: 0 !important;
  }
  .pe-md-1 {
    padding-right: 0.25rem !important;
  }
  .pe-md-2 {
    padding-right: 0.5rem !important;
  }
  .pe-md-3 {
    padding-right: 1rem !important;
  }
  .pe-md-4 {
    padding-right: 1.5rem !important;
  }
  .pe-md-5 {
    padding-right: 3rem !important;
  }
  .pb-md-0 {
    padding-bottom: 0 !important;
  }
  .pb-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-md-3 {
    padding-bottom: 1rem !important;
  }
  .pb-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-md-5 {
    padding-bottom: 3rem !important;
  }
  .ps-md-0 {
    padding-left: 0 !important;
  }
  .ps-md-1 {
    padding-left: 0.25rem !important;
  }
  .ps-md-2 {
    padding-left: 0.5rem !important;
  }
  .ps-md-3 {
    padding-left: 1rem !important;
  }
  .ps-md-4 {
    padding-left: 1.5rem !important;
  }
  .ps-md-5 {
    padding-left: 3rem !important;
  }
}
@media (min-width: 992px) {
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-grid {
    display: grid !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: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
  .d-lg-none {
    display: none !important;
  }
  .flex-lg-fill {
    flex: 1 1 auto !important;
  }
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    justify-content: center !important;
  }
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .justify-content-lg-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-lg-start {
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    align-items: center !important;
  }
  .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    align-items: stretch !important;
  }
  .align-content-lg-start {
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    align-content: center !important;
  }
  .align-content-lg-between {
    align-content: space-between !important;
  }
  .align-content-lg-around {
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    align-self: auto !important;
  }
  .align-self-lg-start {
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    align-self: center !important;
  }
  .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    align-self: stretch !important;
  }
  .order-lg-first {
    order: -1 !important;
  }
  .order-lg-0 {
    order: 0 !important;
  }
  .order-lg-1 {
    order: 1 !important;
  }
  .order-lg-2 {
    order: 2 !important;
  }
  .order-lg-3 {
    order: 3 !important;
  }
  .order-lg-4 {
    order: 4 !important;
  }
  .order-lg-5 {
    order: 5 !important;
  }
  .order-lg-last {
    order: 6 !important;
  }
  .m-lg-0 {
    margin: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mx-lg-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-lg-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-lg-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-lg-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-lg-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-lg-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-lg-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-lg-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-lg-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-lg-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-lg-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-lg-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-lg-0 {
    margin-top: 0 !important;
  }
  .mt-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mt-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mt-lg-3 {
    margin-top: 1rem !important;
  }
  .mt-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mt-lg-5 {
    margin-top: 3rem !important;
  }
  .mt-lg-auto {
    margin-top: auto !important;
  }
  .me-lg-0 {
    margin-right: 0 !important;
  }
  .me-lg-1 {
    margin-right: 0.25rem !important;
  }
  .me-lg-2 {
    margin-right: 0.5rem !important;
  }
  .me-lg-3 {
    margin-right: 1rem !important;
  }
  .me-lg-4 {
    margin-right: 1.5rem !important;
  }
  .me-lg-5 {
    margin-right: 3rem !important;
  }
  .me-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-0 {
    margin-bottom: 0 !important;
  }
  .mb-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-lg-3 {
    margin-bottom: 1rem !important;
  }
  .mb-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-lg-5 {
    margin-bottom: 3rem !important;
  }
  .mb-lg-auto {
    margin-bottom: auto !important;
  }
  .ms-lg-0 {
    margin-left: 0 !important;
  }
  .ms-lg-1 {
    margin-left: 0.25rem !important;
  }
  .ms-lg-2 {
    margin-left: 0.5rem !important;
  }
  .ms-lg-3 {
    margin-left: 1rem !important;
  }
  .ms-lg-4 {
    margin-left: 1.5rem !important;
  }
  .ms-lg-5 {
    margin-left: 3rem !important;
  }
  .ms-lg-auto {
    margin-left: auto !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem !important;
  }
  .px-lg-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-lg-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-lg-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-lg-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-lg-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-lg-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-lg-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-lg-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-lg-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-lg-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-lg-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-lg-0 {
    padding-top: 0 !important;
  }
  .pt-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pt-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pt-lg-3 {
    padding-top: 1rem !important;
  }
  .pt-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pt-lg-5 {
    padding-top: 3rem !important;
  }
  .pe-lg-0 {
    padding-right: 0 !important;
  }
  .pe-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pe-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pe-lg-3 {
    padding-right: 1rem !important;
  }
  .pe-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pe-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-lg-0 {
    padding-bottom: 0 !important;
  }
  .pb-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pb-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-lg-5 {
    padding-bottom: 3rem !important;
  }
  .ps-lg-0 {
    padding-left: 0 !important;
  }
  .ps-lg-1 {
    padding-left: 0.25rem !important;
  }
  .ps-lg-2 {
    padding-left: 0.5rem !important;
  }
  .ps-lg-3 {
    padding-left: 1rem !important;
  }
  .ps-lg-4 {
    padding-left: 1.5rem !important;
  }
  .ps-lg-5 {
    padding-left: 3rem !important;
  }
}
@media (min-width: 1200px) {
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-grid {
    display: grid !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: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
  .d-xl-none {
    display: none !important;
  }
  .flex-xl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    justify-content: center !important;
  }
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .justify-content-xl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    align-items: center !important;
  }
  .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    align-content: center !important;
  }
  .align-content-xl-between {
    align-content: space-between !important;
  }
  .align-content-xl-around {
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    align-self: auto !important;
  }
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    align-self: center !important;
  }
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    align-self: stretch !important;
  }
  .order-xl-first {
    order: -1 !important;
  }
  .order-xl-0 {
    order: 0 !important;
  }
  .order-xl-1 {
    order: 1 !important;
  }
  .order-xl-2 {
    order: 2 !important;
  }
  .order-xl-3 {
    order: 3 !important;
  }
  .order-xl-4 {
    order: 4 !important;
  }
  .order-xl-5 {
    order: 5 !important;
  }
  .order-xl-last {
    order: 6 !important;
  }
  .m-xl-0 {
    margin: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mx-xl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-xl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-xl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-xl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-xl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-xl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-xl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-xl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xl-0 {
    margin-top: 0 !important;
  }
  .mt-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mt-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mt-xl-3 {
    margin-top: 1rem !important;
  }
  .mt-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xl-5 {
    margin-top: 3rem !important;
  }
  .mt-xl-auto {
    margin-top: auto !important;
  }
  .me-xl-0 {
    margin-right: 0 !important;
  }
  .me-xl-1 {
    margin-right: 0.25rem !important;
  }
  .me-xl-2 {
    margin-right: 0.5rem !important;
  }
  .me-xl-3 {
    margin-right: 1rem !important;
  }
  .me-xl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xl-5 {
    margin-right: 3rem !important;
  }
  .me-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xl-5 {
    margin-bottom: 3rem !important;
  }
  .mb-xl-auto {
    margin-bottom: auto !important;
  }
  .ms-xl-0 {
    margin-left: 0 !important;
  }
  .ms-xl-1 {
    margin-left: 0.25rem !important;
  }
  .ms-xl-2 {
    margin-left: 0.5rem !important;
  }
  .ms-xl-3 {
    margin-left: 1rem !important;
  }
  .ms-xl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xl-5 {
    margin-left: 3rem !important;
  }
  .ms-xl-auto {
    margin-left: auto !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem !important;
  }
  .px-xl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-xl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-xl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-xl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-xl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-xl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-xl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-xl-0 {
    padding-top: 0 !important;
  }
  .pt-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pt-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pt-xl-3 {
    padding-top: 1rem !important;
  }
  .pt-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xl-5 {
    padding-top: 3rem !important;
  }
  .pe-xl-0 {
    padding-right: 0 !important;
  }
  .pe-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pe-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pe-xl-3 {
    padding-right: 1rem !important;
  }
  .pe-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-xl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xl-5 {
    padding-bottom: 3rem !important;
  }
  .ps-xl-0 {
    padding-left: 0 !important;
  }
  .ps-xl-1 {
    padding-left: 0.25rem !important;
  }
  .ps-xl-2 {
    padding-left: 0.5rem !important;
  }
  .ps-xl-3 {
    padding-left: 1rem !important;
  }
  .ps-xl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xl-5 {
    padding-left: 3rem !important;
  }
}
@media (min-width: 1400px) {
  .d-xxl-inline {
    display: inline !important;
  }
  .d-xxl-inline-block {
    display: inline-block !important;
  }
  .d-xxl-block {
    display: block !important;
  }
  .d-xxl-grid {
    display: grid !important;
  }
  .d-xxl-table {
    display: table !important;
  }
  .d-xxl-table-row {
    display: table-row !important;
  }
  .d-xxl-table-cell {
    display: table-cell !important;
  }
  .d-xxl-flex {
    display: flex !important;
  }
  .d-xxl-inline-flex {
    display: inline-flex !important;
  }
  .d-xxl-none {
    display: none !important;
  }
  .flex-xxl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xxl-row {
    flex-direction: row !important;
  }
  .flex-xxl-column {
    flex-direction: column !important;
  }
  .flex-xxl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xxl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xxl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xxl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xxl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xxl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xxl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xxl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xxl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xxl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xxl-center {
    justify-content: center !important;
  }
  .justify-content-xxl-between {
    justify-content: space-between !important;
  }
  .justify-content-xxl-around {
    justify-content: space-around !important;
  }
  .justify-content-xxl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xxl-start {
    align-items: flex-start !important;
  }
  .align-items-xxl-end {
    align-items: flex-end !important;
  }
  .align-items-xxl-center {
    align-items: center !important;
  }
  .align-items-xxl-baseline {
    align-items: baseline !important;
  }
  .align-items-xxl-stretch {
    align-items: stretch !important;
  }
  .align-content-xxl-start {
    align-content: flex-start !important;
  }
  .align-content-xxl-end {
    align-content: flex-end !important;
  }
  .align-content-xxl-center {
    align-content: center !important;
  }
  .align-content-xxl-between {
    align-content: space-between !important;
  }
  .align-content-xxl-around {
    align-content: space-around !important;
  }
  .align-content-xxl-stretch {
    align-content: stretch !important;
  }
  .align-self-xxl-auto {
    align-self: auto !important;
  }
  .align-self-xxl-start {
    align-self: flex-start !important;
  }
  .align-self-xxl-end {
    align-self: flex-end !important;
  }
  .align-self-xxl-center {
    align-self: center !important;
  }
  .align-self-xxl-baseline {
    align-self: baseline !important;
  }
  .align-self-xxl-stretch {
    align-self: stretch !important;
  }
  .order-xxl-first {
    order: -1 !important;
  }
  .order-xxl-0 {
    order: 0 !important;
  }
  .order-xxl-1 {
    order: 1 !important;
  }
  .order-xxl-2 {
    order: 2 !important;
  }
  .order-xxl-3 {
    order: 3 !important;
  }
  .order-xxl-4 {
    order: 4 !important;
  }
  .order-xxl-5 {
    order: 5 !important;
  }
  .order-xxl-last {
    order: 6 !important;
  }
  .m-xxl-0 {
    margin: 0 !important;
  }
  .m-xxl-1 {
    margin: 0.25rem !important;
  }
  .m-xxl-2 {
    margin: 0.5rem !important;
  }
  .m-xxl-3 {
    margin: 1rem !important;
  }
  .m-xxl-4 {
    margin: 1.5rem !important;
  }
  .m-xxl-5 {
    margin: 3rem !important;
  }
  .m-xxl-auto {
    margin: auto !important;
  }
  .mx-xxl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xxl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-xxl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-xxl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-xxl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-xxl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-xxl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xxl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xxl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-xxl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-xxl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xxl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xxl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xxl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xxl-0 {
    margin-top: 0 !important;
  }
  .mt-xxl-1 {
    margin-top: 0.25rem !important;
  }
  .mt-xxl-2 {
    margin-top: 0.5rem !important;
  }
  .mt-xxl-3 {
    margin-top: 1rem !important;
  }
  .mt-xxl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xxl-5 {
    margin-top: 3rem !important;
  }
  .mt-xxl-auto {
    margin-top: auto !important;
  }
  .me-xxl-0 {
    margin-right: 0 !important;
  }
  .me-xxl-1 {
    margin-right: 0.25rem !important;
  }
  .me-xxl-2 {
    margin-right: 0.5rem !important;
  }
  .me-xxl-3 {
    margin-right: 1rem !important;
  }
  .me-xxl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xxl-5 {
    margin-right: 3rem !important;
  }
  .me-xxl-auto {
    margin-right: auto !important;
  }
  .mb-xxl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xxl-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xxl-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xxl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xxl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xxl-5 {
    margin-bottom: 3rem !important;
  }
  .mb-xxl-auto {
    margin-bottom: auto !important;
  }
  .ms-xxl-0 {
    margin-left: 0 !important;
  }
  .ms-xxl-1 {
    margin-left: 0.25rem !important;
  }
  .ms-xxl-2 {
    margin-left: 0.5rem !important;
  }
  .ms-xxl-3 {
    margin-left: 1rem !important;
  }
  .ms-xxl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xxl-5 {
    margin-left: 3rem !important;
  }
  .ms-xxl-auto {
    margin-left: auto !important;
  }
  .p-xxl-0 {
    padding: 0 !important;
  }
  .p-xxl-1 {
    padding: 0.25rem !important;
  }
  .p-xxl-2 {
    padding: 0.5rem !important;
  }
  .p-xxl-3 {
    padding: 1rem !important;
  }
  .p-xxl-4 {
    padding: 1.5rem !important;
  }
  .p-xxl-5 {
    padding: 3rem !important;
  }
  .px-xxl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xxl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-xxl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-xxl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-xxl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-xxl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-xxl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xxl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-xxl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-xxl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xxl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xxl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-xxl-0 {
    padding-top: 0 !important;
  }
  .pt-xxl-1 {
    padding-top: 0.25rem !important;
  }
  .pt-xxl-2 {
    padding-top: 0.5rem !important;
  }
  .pt-xxl-3 {
    padding-top: 1rem !important;
  }
  .pt-xxl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xxl-5 {
    padding-top: 3rem !important;
  }
  .pe-xxl-0 {
    padding-right: 0 !important;
  }
  .pe-xxl-1 {
    padding-right: 0.25rem !important;
  }
  .pe-xxl-2 {
    padding-right: 0.5rem !important;
  }
  .pe-xxl-3 {
    padding-right: 1rem !important;
  }
  .pe-xxl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xxl-5 {
    padding-right: 3rem !important;
  }
  .pb-xxl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xxl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-xxl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xxl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xxl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xxl-5 {
    padding-bottom: 3rem !important;
  }
  .ps-xxl-0 {
    padding-left: 0 !important;
  }
  .ps-xxl-1 {
    padding-left: 0.25rem !important;
  }
  .ps-xxl-2 {
    padding-left: 0.5rem !important;
  }
  .ps-xxl-3 {
    padding-left: 1rem !important;
  }
  .ps-xxl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xxl-5 {
    padding-left: 3rem !important;
  }
}
@media print {
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-grid {
    display: grid !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: flex !important;
  }
  .d-print-inline-flex {
    display: inline-flex !important;
  }
  .d-print-none {
    display: none !important;
  }
}

/*# sourceMappingURL=bootstrap-grid.css.map */
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

@charset "UTF-8";

/*!
 * Pikaday
 * Copyright © 2014 David Bushell | BSD & MIT license | https://dbushell.com/
 */

.pika-single {
    z-index: 9999;
    display: block;
    position: relative;
    color: #333;
    background: #fff;
    border: 1px solid #ccc;
    border-bottom-color: #bbb;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/*
clear child float (pika-lendar), using the famous micro clearfix hack
http://nicolasgallagher.com/micro-clearfix-hack/
*/
.pika-single:before,
.pika-single:after {
    content: " ";
    display: table;
}
.pika-single:after { clear: both }

.pika-single.is-hidden {
    display: none;
}

.pika-single.is-bound {
    position: absolute;
    box-shadow: 0 5px 15px -5px rgba(0,0,0,.5);
}

.pika-lendar {
    float: left;
    width: 240px;
    margin: 8px;
}

.pika-title {
    position: relative;
    text-align: center;
}

.pika-label {
    display: inline-block;
    position: relative;
    z-index: 9999;
    overflow: hidden;
    margin: 0;
    padding: 5px 3px;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    background-color: #fff;
}
.pika-title select {
    cursor: pointer;
    position: absolute;
    z-index: 9998;
    margin: 0;
    left: 0;
    top: 5px;
    opacity: 0;
}

.pika-prev,
.pika-next {
    display: block;
    cursor: pointer;
    position: relative;
    outline: none;
    border: 0;
    padding: 0;
    width: 20px;
    height: 30px;
    /* hide text using text-indent trick, using width value (it's enough) */
    text-indent: 20px;
    white-space: nowrap;
    overflow: hidden;
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 75% 75%;
    opacity: .5;
}

.pika-prev:hover,
.pika-next:hover {
    opacity: 1;
}

.pika-prev,
.is-rtl .pika-next {
    float: left;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==');
}

.pika-next,
.is-rtl .pika-prev {
    float: right;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=');
}

.pika-prev.is-disabled,
.pika-next.is-disabled {
    cursor: default;
    opacity: .2;
}

.pika-select {
    display: inline-block;
}

.pika-table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border: 0;
}

.pika-table th,
.pika-table td {
    width: 14.285714285714286%;
    padding: 0;
}

.pika-table th {
    color: #999;
    font-size: 12px;
    line-height: 25px;
    font-weight: bold;
    text-align: center;
}

.pika-button {
    cursor: pointer;
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    outline: none;
    border: 0;
    margin: 0;
    width: 100%;
    padding: 5px;
    color: #666;
    font-size: 12px;
    line-height: 15px;
    text-align: right;
    background: #f5f5f5;
    height: initial;
}

.pika-week {
    font-size: 11px;
    color: #999;
}

.is-today .pika-button {
    color: #33aaff;
    font-weight: bold;
}

.is-selected .pika-button,
.has-event .pika-button {
    color: #fff;
    font-weight: bold;
    background: #33aaff;
    box-shadow: inset 0 1px 3px #178fe5;
    border-radius: 3px;
}

.has-event .pika-button {
    background: #005da9;
    box-shadow: inset 0 1px 3px #0076c9;
}

.is-disabled .pika-button,
.is-inrange .pika-button {
    background: #D5E9F7;
}

.is-startrange .pika-button {
    color: #fff;
    background: #6CB31D;
    box-shadow: none;
    border-radius: 3px;
}

.is-endrange .pika-button {
    color: #fff;
    background: #33aaff;
    box-shadow: none;
    border-radius: 3px;
}

.is-disabled .pika-button {
    pointer-events: none;
    cursor: default;
    color: #999;
    opacity: .3;
}

.is-outside-current-month .pika-button {
    color: #999;
    opacity: .3;
}

.is-selection-disabled {
    pointer-events: none;
    cursor: default;
}

.pika-button:hover,
.pika-row.pick-whole-week:hover .pika-button {
    color: #fff;
    background: #ff8000;
    box-shadow: none;
    border-radius: 3px;
}

/* styling for abbr */
.pika-table abbr {
    border-bottom: none;
    cursor: help;
}

[data-simplebar] {
  position: relative;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
}

.simplebar-wrapper {
  overflow: hidden;
  width: inherit;
  height: inherit;
  max-width: inherit;
  max-height: inherit;
}

.simplebar-mask {
  direction: inherit;
  position: absolute;
  overflow: hidden;
  padding: 0;
  margin: 0;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: auto !important;
  height: auto !important;
  z-index: 0;
}

.simplebar-offset {
  direction: inherit !important;
  box-sizing: inherit !important;
  resize: none !important;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 0;
  margin: 0;
  -webkit-overflow-scrolling: touch;
}

.simplebar-content-wrapper {
  direction: inherit;
  box-sizing: border-box !important;
  position: relative;
  display: block;
  height: 100%; /* Required for horizontal native scrollbar to not appear if parent is taller than natural height */
  width: auto;
  max-width: 100%; /* Not required for horizontal scroll to trigger */
  max-height: 100%; /* Needed for vertical scroll to trigger */
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.simplebar-content-wrapper::-webkit-scrollbar,
.simplebar-hide-scrollbar::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}

.simplebar-content:before,
.simplebar-content:after {
  content: ' ';
  display: table;
}

.simplebar-placeholder {
  max-height: 100%;
  max-width: 100%;
  width: 100%;
  pointer-events: none;
}

.simplebar-height-auto-observer-wrapper {
  box-sizing: inherit !important;
  height: 100%;
  width: 100%;
  max-width: 1px;
  position: relative;
  float: left;
  max-height: 1px;
  overflow: hidden;
  z-index: -1;
  padding: 0;
  margin: 0;
  pointer-events: none;
  flex-grow: inherit;
  flex-shrink: 0;
  flex-basis: 0;
}

.simplebar-height-auto-observer {
  box-sizing: inherit;
  display: block;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 1000%;
  width: 1000%;
  min-height: 1px;
  min-width: 1px;
  overflow: hidden;
  pointer-events: none;
  z-index: -1;
}

.simplebar-track {
  z-index: 1;
  position: absolute;
  right: 0;
  bottom: 0;
  pointer-events: none;
  overflow: hidden;
}

[data-simplebar].simplebar-dragging {
  pointer-events: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

[data-simplebar].simplebar-dragging .simplebar-content {
  pointer-events: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

[data-simplebar].simplebar-dragging .simplebar-track {
  pointer-events: all;
}

.simplebar-scrollbar {
  position: absolute;
  left: 0;
  right: 0;
  min-height: 10px;
}

.simplebar-scrollbar:before {
  position: absolute;
  content: '';
  background: black;
  border-radius: 7px;
  left: 2px;
  right: 2px;
  opacity: 0;
  transition: opacity 0.2s 0.5s linear;
}

.simplebar-scrollbar.simplebar-visible:before {
  opacity: 0.5;
  transition-delay: 0s;
  transition-duration: 0s;
}

.simplebar-track.simplebar-vertical {
  top: 0;
  width: 11px;
}

.simplebar-scrollbar:before {
  top: 2px;
  bottom: 2px;
  left: 2px;
  right: 2px;
}

.simplebar-track.simplebar-horizontal {
  left: 0;
  height: 11px;
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
  right: auto;
  left: 0;
  top: 0;
  bottom: 0;
  min-height: 0;
  min-width: 10px;
  width: auto;
}

/* Rtl support */
[data-simplebar-direction='rtl'] .simplebar-track.simplebar-vertical {
  right: auto;
  left: 0;
}

.simplebar-dummy-scrollbar-size {
  direction: rtl;
  position: fixed;
  opacity: 0;
  visibility: hidden;
  height: 500px;
  width: 500px;
  overflow-y: hidden;
  overflow-x: scroll;
  -ms-overflow-style: scrollbar !important;
}

.simplebar-dummy-scrollbar-size > div {
  width: 200%;
  height: 200%;
  margin: 10px 0;
}

.simplebar-hide-scrollbar {
  position: fixed;
  left: 0;
  visibility: hidden;
  overflow-y: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

@font-face {
    font-family: 'CocosharpL';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url(/fonts/Coco-Sharp-L-Extrabold.woff2?v=b7oeyrF0ay-36I3M17fIRW3mBKk) format('woff2');
}

@font-face {
    font-family: 'CocosharpL';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(/fonts/Coco-Sharp-L-Bold.woff2?v=b7oeyrF0ay-36I3M17fIRW3mBKk) format('woff2');
}

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(/fonts/Montserrat-400.woff2?v=b7oeyrF0ay-36I3M17fIRW3mBKk) format('woff2');
}

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(/fonts/Montserrat-500.woff2?v=b7oeyrF0ay-36I3M17fIRW3mBKk) format('woff2');
}

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url(/fonts/Montserrat-800.woff2?v=b7oeyrF0ay-36I3M17fIRW3mBKk) format('woff2');
}


:root {
    --white: #fff;
    --white-hover: hsl(0deg 0% 90%);
    --white-30: rgba(255, 255, 255, .3);
    --grey-lightest: #eeeeee; /* Neutrals/0 */
    --grey-light: #f0f0f0; /* Neutrals/200 */
    --grey-medium: #e7e7e7; /* Neutrals/300 */
    --grey-dark: #d0d0d0; /* Neutrals/400 */
    --grey-darkest: #9b9b9b; /* Neutrals/500 */

    --black: #000;
    --black-hover: hsl(0deg 0% 10%);
    --black-10: rgba(0, 0, 0, .1);
    --black-20: rgba(0, 0, 0, .2);
    --black-30: rgba(0, 0, 0, .3);
    --black-70: rgba(0, 0, 0, .7);

    --purple: #6f1785; /* purple */
    --color1: var(--purple); /* purple */
    --color1-hover: hsl(288deg 70.51% 20.59%); /* purple */

    --green: #2dab66; /* green */
    --color2: var(--green); /* green */
    --color2-hover: hsl(147.14deg 58.33% 32.35%); /* green */

    --pink: #f80080; /* pink */
    --color3: var(--pink); /* pink */
    --color3-hover: hsl(329.03deg 100% 38.63%); /* pink */

    --orange: #ff8000; /* orange */
    --color4: var(--orange); /* orange */
    --color4-hover: hsl(30.12deg 100% 40%); /* orange */

    --gradient1: linear-gradient(-45deg, #e71f80 -0.84%, #86368c 48.07%, #009fe3 101.23%); /* purple */
    --gradient2: linear-gradient(-45deg, #a2c617 -0.81%, #00A97d 48.85%, #009fe3 100.62%); /* green */
    --gradient3: linear-gradient(-45deg, #ff8001 -1.08%, #f80080 46.24%, #661f80 101%); /* pink */
    --gradient4: linear-gradient(-45deg, #ffe000 -2.05%, #ff8001 49.66%, #f80080 103.56%); /* orange */

    --font: 'Montserrat', sans-serif;
    --fontheader: 'CocosharpL', sans-serif;
    --transition-default: all .3s linear;
    --nav-height: 6.8rem;
    --app-height: 100%;
    --padding-sm: 2.4rem;
    --padding-md: 3.2rem;
    --padding-lg: 4rem;
}

@media(min-width: 992px) {
    :root {
        --nav-height: 12rem;
        --padding-sm: 4rem;
        --padding-md: 4rem;
    }

    .row {
        --bs-gutter-x: 3rem;
    }
}

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

:focus {
    outline: none !important;
}

:focus-visible {
    outline: .2rem solid var(--maincolor) !important;
    outline-offset: .2rem;
}

html {
    font-size: 62.5%;
    height: 100%;
}

body {
    font-family: var(--font);
    font-size: 1.5rem;
    line-height: 3rem;
    font-weight: 400;
    color: var(--black);
    padding: var(--nav-height) 0 0;
    margin: 0;
    height: 100%;
    display: block;
    -webkit-backface-visibility: visible !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

    body.is--scrolllock,
    body.is--scrolllock {
        overflow: hidden;
    }

main {
    max-width: 100vw;
    min-height: 60rem;
    overflow: hidden;
}

.container,
.row,
.row > div {
    --bs-gutter-x: 3rem !important;
}

a, button {
    font-family: var(--font);
    color: var(--black);
    text-decoration: none;
    transition: var(--transition-default);
}

.richtext a {
    color: var(--black);
    background-image: linear-gradient(var(--maincolor), var(--maincolor));
    background-position: 0 calc(100% - .1rem);
    background-repeat: no-repeat;
    background-size: 0% .1rem;
    font-weight: 700;
    color: var(--maincolor);
}

@media(min-width: 992px) {
    .richtext a:hover {
        background-size: 100% .1rem;
    }
}

.richtext:not(.checkmarks) ul {
    list-style: none;
    padding-left: 3rem;
}

    .richtext:not(.checkmarks) ul li {
        position: relative;
    }

        .richtext:not(.checkmarks) ul li:before {
            content: "";
            width: .6rem;
            height: .6rem;
            position: absolute;
            top: 1rem;
            left: -1.5rem;
            border-radius: 50%;
            background-color: var(--maincolor);
        }

    .richtext ul:has(+p) {
        margin-bottom: 1.5rem;
    }

img {
    object-fit: cover;
    object-position: 50% 50%;
}

section {
    padding: var(--padding-lg) 0;
}

    section + section {
        /*margin-top: 10rem;*/
    }

.block--notopmargin {
    padding-top: 0 !important;
}

.block--nobottommargin {
    padding-bottom: 0 !important;
}

.iframe__container {
    position: relative;
    overflow: hidden;
    padding-top: 56.25%;
}

    .iframe__container iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 0;
    }

h1, h2, h3, h4, h5, h6 {
    font-family: var(--fontheader);
    font-weight: 800;
}

h1 {
    margin-bottom: 6rem;
}

h1, .h1 {
    font-size: 2.8rem;
}

    h1 span,
    .h1 span {
        padding: .4rem .8rem;
        background-image: var(--maingradient);
        color: var(--white);
        line-height: 180%;
    }

h2, .h2 {
    font-size: 2.4rem;
    margin-bottom: 2rem;
}

h3, .h3 {
    font-size: 2rem;
    margin-bottom: 1.2rem;
}

h4, .h4 {
    font-family: var(--font);
    font-weight: 800;
    font-size: 1.6rem;
}

h5, .h5 {
    font-size: 1.4rem;
    font-weight: 700;
}

h1 span,
.h1 span,
h2 span,
.h2 span,
h3 span,
.h3 span,
h4 span,
.h4 span {
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    white-space: break-spaces;
}

p {
    margin-bottom: 1.5rem;
}

strong {
    font-weight: 700;
}

small {
    font-size: 1rem;
    line-height: 1.5rem;
}

.tagline {
    font-size: 1.8rem;
    margin-bottom: 1.8rem;
}

table th,
table td {
    vertical-align: top;
    padding: .5rem 0;
}

table tr:not(:last-of-type) th,
table tr:not(:last-of-type) td {
    border-bottom: .1rem solid var(--grey-medium);
}

table th {
    font-weight: 700;
    text-align: left;
    padding-right: 2rem;
}

.gradient1 {
    background-image: var(--gradient1) !important;
}

.gradient2 {
    background-image: var(--gradient2) !important;
}

.gradient3 {
    background-image: var(--gradient3) !important;
}

.gradient4 {
    background-image: var(--gradient4) !important;
}

.gradientborder1 {
    border-image: var(--gradient1) 1 !important;
}

.gradientborder2 {
    border-image: var(--gradient2) 1 !important;
}

.gradientborder3 {
    border-image: var(--gradient3) 1 !important;
}

.gradientborder4 {
    border-image: var(--gradient4) 1 !important;
}

.color1 {
    color: var(--color1) !important;
}

.color2 {
    color: var(--color2) !important;
}

.color3 {
    color: var(--color3) !important;
}

.color4 {
    color: var(--color4) !important;
}

.bgcolor1 {
    background-color: var(--color1) !important;
}

.bgcolor2 {
    background-color: var(--color2) !important;
}

.bgcolor3 {
    background-color: var(--color3) !important;
}

.bgcolor4 {
    background-color: var(--color4) !important;
}


@media(min-width: 992px) {
    .body--home,
    .body--business {
        padding-top: 0;
    }

    h1, .h1 {
        font-size: 4rem;
    }

        h1 span,
        .h1 span {
            background-image: var(--maingradient);
            color: var(--white);
            line-height: 150%;
        }

    h2, .h2 {
        font-size: 3.2rem;
    }

    h3, .h3 {
        font-size: 2.8rem;
    }

    h4, .h4 {
        font-size: 2.4rem;
    }

    h5, .h5 {
        font-size: 2rem;
        font-weight: 800;
    }

    small {
        font-size: 1.2rem;
        line-height: 1.8rem;
    }
}

.img--left {
    float: left;
    padding: 0 1.5rem 1rem 0;
}

.img--right {
    float: right;
    padding: 0 0 1rem 1.5rem;
}

.cta--black,
.cta--white {
    position: relative;
    display: inline-flex;
    font-weight: 700;
    padding: .2rem 6rem 0rem 0;
}

.cta--black {
    color: var(--black);
}

.cta--white {
    color: var(--white);
}

.button {
    background-color: transparent;
    border-radius: 0;
    border: none;
    padding: 0;
    outline: none;
    box-shadow: none;
    position: relative;
    display: inline-flex;
    font-family: var(--font);
}

.button--black,
.button--white,
.button--green,
.button--orange,
.button--grey {
    font-size: 1.6rem;
    line-height: 1.6rem;
    font-weight: 700;
    padding: 1.8rem 5rem 1.8rem 2rem;
    color: var(--white);
}

    .button--black:after,
    .button--white:after,
    .button--green:after,
    .button--orange:after,
    .button--readmore:after,
    .cta--black:after,
    .cta--white:after {
        content: "";
        width: 1.9rem;
        height: 1.4rem;
        position: absolute;
        top: calc(50% - 0.7rem);
        right: 2rem;
        transition: var(--transition-default);
    }

.button--black {
    background-color: var(--black);
}

    .button--black:after,
    .button--green:after,
    .button--orange:after,
    .cta--white:after {
        background-image: url("data:image/svg+xml,%3Csvg width='19' height='14' viewBox='0 0 19 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.2071 0.636159L17.8639 6.293C18.2545 6.6835 18.2545 7.3167 17.8639 7.7072L12.2071 13.3641C11.8166 13.7546 11.1834 13.7546 10.7929 13.3641C10.4023 12.9736 10.4023 12.3404 10.7929 11.9499L14.7426 8.0001H1.5C0.94772 8.0001 0.5 7.5524 0.5 7.0001C0.5 6.4478 0.94772 6.0001 1.5 6.0001H14.7426L10.7929 2.05037C10.4023 1.65984 10.4023 1.02668 10.7929 0.636159C11.1834 0.245629 11.8166 0.245629 12.2071 0.636159Z' fill='white'/%3E%3C/svg%3E%0A");
    }

.button--white {
    background-color: var(--white);
    color: var(--black);
}

    .button--white:after,
    .cta--black:after {
        background-image: url("data:image/svg+xml,%3Csvg width='19' height='14' viewBox='0 0 19 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.2071 0.636159L17.8639 6.293C18.2545 6.6835 18.2545 7.3167 17.8639 7.7072L12.2071 13.3641C11.8166 13.7546 11.1834 13.7546 10.7929 13.3641C10.4023 12.9736 10.4023 12.3404 10.7929 11.9499L14.7426 8.0001H1.5C0.94772 8.0001 0.5 7.5524 0.5 7.0001C0.5 6.4478 0.94772 6.0001 1.5 6.0001H14.7426L10.7929 2.05037C10.4023 1.65984 10.4023 1.02668 10.7929 0.636159C11.1834 0.245629 11.8166 0.245629 12.2071 0.636159Z' fill='black'/%3E%3C/svg%3E%0A");
    }

.button--outline {
    border: .2rem solid var(--black);
}

    .button--outline.button--black {
        border-color: var(--white);
    }

.button--green {
    background-color: var(--green);
}

.button--orange {
    background-color: var(--orange);
}

.button--grey {
    background-color: var(--grey-darkest);
    padding-right: 2rem;
}

.button--small {
    padding-top: 1.2rem;
    padding-bottom: 1.2rem;
    font-size: 1.4rem;
    line-height: 1.6rem;
}

.button--disabled {
    cursor: default;
}

.button--readmore {
    padding: 1.2rem 5rem 1.2rem 0;
    font-weight: 700;
}

    .button--readmore:after {
        width: 1.2rem;
        height: 1.2rem;
        top: calc(50% - .6rem);
        background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.16675 5.16663V0.166626H6.83341V5.16663H11.8334V6.83329H6.83341V11.8333H5.16675V6.83329H0.166748V5.16663H5.16675Z' fill='%232D3842'/%3E%3C/svg%3E%0A");
    }

.button--showmore {
    font-size: 1.4rem;
    line-height: 1.6rem;
    font-weight: 700;
    padding: 1.8rem 2rem 1.6rem;
    width: 100%;
    border: .2rem solid var(--black);
    justify-content: center;
}

    .button--showmore svg {
        margin-right: 1rem;
        transform: translateY(-.1rem);
    }

@media(max-width: 991px) {
    .buttons .button + .button {
        margin-top: 1rem;
    }
}

@media(min-width: 992px) {
    .buttons .button + .button {
        margin-left: 1rem;
    }
}

.button--close {
    width: 4rem;
    height: 4rem;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 1.5rem;
    right: 1.5rem;
}

.button--prev.slick-disabled,
.button--next.slick-disabled {
    opacity: .5;
}

.button--prev,
.button--next {
    width: 5.2rem;
    height: 5.2rem;
    position: absolute;
    top: 11rem;
    background-color: var(--black);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
}

    .button--prev svg path,
    .button--next svg path {
        fill: var(--white);
    }

.button--prev {
    left: -2.6rem;
}

.button--next {
    right: -2.6rem;
}

@media(min-width: 992px) {
    .button--prev svg,
    .button--next svg {
        transition: var(--transition-default);
    }

    .button--prev:not(.slick-disabled):hover svg {
        transform: translateX(-.3rem);
    }

    .button--next:not(.slick-disabled):hover svg {
        transform: translateX(.3rem);
    }
}

.button--sticky {
    width: 8.2rem;
    height: 8.2rem;
    border-radius: 50%;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    position: fixed;
    right: 3rem;
    bottom: 3rem;
    font-size: 1rem;
    line-height: 1.2rem;
    font-weight: 800;
    text-transform: uppercase;
    color: var(--white);
}

    .button--sticky:before {
        content: "";
        width: 8.2rem;
        height: 8.2rem;
        border-radius: 50%;
        background-image: var(--maingradient);
        position: absolute;
        top: 0;
        left: 0;
        z-index: 0;
        transition: var(--transition-default);
    }

    .button--sticky:hover:before {
        transform: scale(1.1);
    }


    .button--sticky > * {
        position: relative;
    }

.text-center {
    text-align: center;
}

a.cta,
a:has(>.cta),
.cta a {
    position: relative;
    margin-left: 1rem;
}

    a.cta:before,
    a:has(>.cta):before,
    .cta a:before {
        content: "";
        background-image: url("data:image/svg+xml,%3Csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.70722 6.2929C8.09772 6.6834 8.09772 7.3166 7.70722 7.7071L2.05032 13.364C1.65984 13.7545 1.02668 13.7545 0.636152 13.364C0.245632 12.9734 0.245632 12.3403 0.636152 11.9497L5.58592 7L0.636152 2.05025C0.245632 1.65973 0.245632 1.02656 0.636152 0.636037C1.02668 0.245507 1.65984 0.245507 2.05032 0.636037L7.70722 6.2929Z' fill='%23000' /%3E%3C/svg%3E");
        background-size: auto 1rem;
        background-repeat: no-repeat;
        background-position: 0 .50%;
        width: 1rem;
        height: 1.4rem;
        position: absolute;
        top: .3rem;
        left: -1rem;
    }

body.color--1 a.cta:before,
body.color--1 a:has(>.cta):before,
body.color--1 .cta a:before {
    background-image: url("data:image/svg+xml,%3Csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.70722 6.2929C8.09772 6.6834 8.09772 7.3166 7.70722 7.7071L2.05032 13.364C1.65984 13.7545 1.02668 13.7545 0.636152 13.364C0.245632 12.9734 0.245632 12.3403 0.636152 11.9497L5.58592 7L0.636152 2.05025C0.245632 1.65973 0.245632 1.02656 0.636152 0.636037C1.02668 0.245507 1.65984 0.245507 2.05032 0.636037L7.70722 6.2929Z' fill='%236f1785' /%3E%3C/svg%3E");
}

body.color--2 a.cta:before,
body.color--2 a:has(>.cta):before,
body.color--2 .cta a:before {
    background-image: url("data:image/svg+xml,%3Csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.70722 6.2929C8.09772 6.6834 8.09772 7.3166 7.70722 7.7071L2.05032 13.364C1.65984 13.7545 1.02668 13.7545 0.636152 13.364C0.245632 12.9734 0.245632 12.3403 0.636152 11.9497L5.58592 7L0.636152 2.05025C0.245632 1.65973 0.245632 1.02656 0.636152 0.636037C1.02668 0.245507 1.65984 0.245507 2.05032 0.636037L7.70722 6.2929Z' fill='%232dab66' /%3E%3C/svg%3E");
}

body.color--3 a.cta:before,
body.color--3 a:has(>.cta):before,
body.color--3 .cta a:before {
    background-image: url("data:image/svg+xml,%3Csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.70722 6.2929C8.09772 6.6834 8.09772 7.3166 7.70722 7.7071L2.05032 13.364C1.65984 13.7545 1.02668 13.7545 0.636152 13.364C0.245632 12.9734 0.245632 12.3403 0.636152 11.9497L5.58592 7L0.636152 2.05025C0.245632 1.65973 0.245632 1.02656 0.636152 0.636037C1.02668 0.245507 1.65984 0.245507 2.05032 0.636037L7.70722 6.2929Z' fill='%23f80080' /%3E%3C/svg%3E");
}

body.color--4 a.cta:before,
body.color--4 a:has(>.cta):before,
body.color--4 .cta a:before {
    background-image: url("data:image/svg+xml,%3Csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.70722 6.2929C8.09772 6.6834 8.09772 7.3166 7.70722 7.7071L2.05032 13.364C1.65984 13.7545 1.02668 13.7545 0.636152 13.364C0.245632 12.9734 0.245632 12.3403 0.636152 11.9497L5.58592 7L0.636152 2.05025C0.245632 1.65973 0.245632 1.02656 0.636152 0.636037C1.02668 0.245507 1.65984 0.245507 2.05032 0.636037L7.70722 6.2929Z' fill='%23ff8000' /%3E%3C/svg%3E");
}

ul.checkmarks,
.checkmarks ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

    ul.checkmarks li,
    .checkmarks ul li {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cpolygon points='9.57 0 4.64 8.94 1.59 4.53 0 5.63 4.82 12.61 11.27 .94 9.57 0' fill='%237ed321'/%3E%3C/svg%3E");
        background-position: 0 .6rem;
        background-repeat: no-repeat;
        padding-left: 2rem;
    }

.genres {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.genre {
    font-size: 1.4rem;
    line-height: 1.4rem;
    padding: .9rem .8rem .7rem;
    font-weight: 700;
    background-color: var(--mainbgcolor);
    color: var(--white);
    white-space: nowrap;
}

.genre--reverse {
    background-color: var(--grey-light);
    color: var(--mainbgcolor);
}

.genre--small {
    font-size: 1.2rem;
    line-height: 1.2rem;
    padding: .7rem .8rem .5rem;
}

.genre--large {
    padding: 1.2rem 1.6rem;
}

.genre--outline {
    border: .2rem solid var(--black);
    background-color: var(--white);
}

    .genre--outline.color1 {
        border-color: var(--color1);
    }

    .genre--outline.color2 {
        border-color: var(--color2);
    }

    .genre--outline.color3 {
        border-color: var(--color3);
    }

    .genre--outline.color4 {
        border-color: var(--color4);
    }

.genres .genre {
    margin: 0 .8rem .8rem 0;
}

.quickfilters {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 1rem;
}

.quickfilter {
    font-size: 1.4rem;
    line-height: 1.4rem;
    padding: .6rem .6rem .5rem;
    font-weight: 700;
    background-color: transparent;
    color: var(--black);
    border: .2rem solid var(--black);
    white-space: nowrap;
}

.quickfilters .quickfilter {
    margin: 0 .8rem .8rem 0;
}

.quickfilter.active {
    background-color: var(--black);
    color: var(--white);
}

@keyframes fadeTile {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.tile {
    display: flex !important;
    flex-flow: column;
    background-color: var(--white);
    position: relative;
    opacity: 0;
    animation: fadeTile .5s ease-out forwards;
}

    .tile > a {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .tile:has(>.tile__footer) > a {
        height: calc(100% - 8rem);
    }

    .tile.hide {
        display: none !important;
    }

.tile--vertical {
    flex-flow: row;
}

.tile__image {
    padding: .5rem;
    line-height: 0;
}

    .tile__image > div {
        display: flex;
        justify-content: center;
        position: relative;
        overflow: hidden;
    }

    .tile__image picture,
    .tile__image img {
        width: 100%;
        height: auto;
    }

    .tile__image .genres {
        position: absolute;
        bottom: .5rem;
    }

        .tile__image .genres .genre:last-of-type {
            margin-right: 0;
        }

.tile--vertical .tile__image {
    min-width: 12rem;
    max-width: 12rem;
}

.tile__text {
    height: 100%;
    width: 100%;
    display: flex;
    flex-flow: column;
    align-items: center;
    padding: 2.5rem 2rem 2rem;
    font-size: 1.3rem;
    line-height: 1.7rem;
}

    .tile__text h3 {
        width: 100%;
        margin-bottom: 1rem;
    }

        .tile__text h3 span {
            color: var(--white);
            line-height: 190%;
            padding: .4rem .8rem;
            background-color: var(--maincolor);
            background-image: var(--maingradient);
        }

    .tile__text p {
        font-size: 1.3rem;
        line-height: 1.7rem;
        margin-bottom: 1.2rem;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .tile__text .genres {
        margin-top: auto;
    }

        .tile__text .genres .genre:last-of-type {
            /*margin-bottom: 0;*/
        }

.tile--vertical .tile__text {
    padding-top: 1rem;
    padding-bottom: 1rem;
    align-items: flex-start;
    justify-content: center;
    min-height: 15.6rem;
}

    .tile--vertical .tile__text h3 {
        font-size: 1.6rem;
    }

    .tile--vertical .tile__text p:last-child {
        margin-bottom: 0;
    }

.tile__footer {
    border-top: .2rem solid var(--grey-medium);
    padding: 2rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: auto;
}

    .tile__footer a:first-of-type {
        color: var(--black);
        font-size: 1.2rem;
        font-weight: 700;
    }

.tile--text {
    position: relative;
}

    .tile--text:after {
        content: "";
        width: .8rem;
        height: 1.5rem;
        position: absolute;
        top: calc(50% - 0.75rem);
        right: 2.5rem;
        background-image: url("data:image/svg+xml,%3Csvg width='8' height='15' viewBox='0 0 8 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.70722 6.7929C8.09772 7.1834 8.09772 7.8166 7.70722 8.2071L2.05032 13.864C1.65984 14.2545 1.02668 14.2545 0.636152 13.864C0.245632 13.4734 0.245632 12.8403 0.636152 12.4497L5.58592 7.5L0.636152 2.55025C0.245632 2.15973 0.245632 1.52656 0.636152 1.13604C1.02668 0.745507 1.65984 0.745507 2.05032 1.13604L7.70722 6.7929Z' fill='%23151A1F'/%3E%3C/svg%3E%0A");
        transition: var(--transition-default);
    }

    .tile--text .tile__text {
        align-items: flex-start;
        padding: 2rem 6rem 2rem 2.5rem;
    }

        .tile--text .tile__text h3 {
            font-size: 1.4rem;
            line-height: 2.2rem;
        }

        .tile--text .tile__text p {
            max-width: 100%;
            margin-bottom: 0;
        }

@media(min-width: 992px) {
    .quickfilter {
        cursor: pointer;
        transition: var(--transition-default);
    }

        .quickfilter:not(.active):hover {
            background-color: var(--white);
        }

    .tile .tile__image img {
        transition: transform .5s ease-out;
    }

    .tile:hover .tile__image img {
        transform: scale(1.05);
    }

    .tile__footer a:first-of-type {
        background-image: linear-gradient(var(--black), var(--black));
        background-position: 0 calc(100% - 1.2rem);
        background-repeat: no-repeat;
        background-size: 0% .1rem;
    }

        .tile__footer a:first-of-type:hover {
            background-size: 100% .1rem;
        }

    .tile__footer .button--small.button--green,
    .tile__footer .button--small.button--orange,
    .tile__footer .button--small.button--grey {
        padding-left: 1.5rem;
        padding-right: 4.5rem;
        white-space: nowrap;
    }

        .tile__footer .button--small.button--green:after,
        .tile__footer .button--small.button--orange:after {
            right: 1.5rem;
        }

    .tile__footer .button--small.button--grey {
        padding-right: 1.5rem;
        cursor: initial;
    }
}

.extra {
    border-style: solid;
    border-width: .4rem;
    background-color: var(--white);
    padding: 2rem;
}

    .extra p:last-of-type {
        margin-bottom: 0;
    }

input.input--grey {
    background-color: var(--grey-medium);
}

input.input--text,
.shortanswer input,
.longanswer textarea,
.dropdown select {
    border: none;
    border-radius: 0;
    font-family: var(--font);
    font-size: 1.4rem;
    line-height: 1.8rem;
    color: var(--black);
    padding: 1.8rem 1.6rem 1.6rem;
}

    input.input--text::placeholder,
    .shortanswer input::placeholder,
    .longanswer textarea::placeholder,
    .longanswer select::placeholder {
        font-style: italic;
        color: var(--grey-darkest);
    }

    input.input--text.input--grey::placeholder {
        color: var(--grey-darkest);
    }

.collapser p:last-of-type,
.collapser ul:last-of-type,
.collapser ol:last-of-type {
    margin-bottom: 0;
}

.collapsers:not(.collapsers--mobile),
.is--mobile .collapsers.collapsers--mobile {
    display: flex;
    flex-flow: column;
    border-top: .2rem solid var(--grey-medium);
}

    .collapsers:not(.collapsers--mobile) .collapser,
    .is--mobile .collapsers.collapsers--mobile .collapser {
        border-bottom: .2rem solid var(--grey-medium);
    }

        .collapsers:not(.collapsers--mobile) .collapser > .button,
        .is--mobile .collapsers.collapsers--mobile .collapser > .button {
            padding: 2.5rem 5rem 2.5rem 0;
            font-size: 1.6rem;
            line-height: 1.6rem;
            font-weight: 700;
            text-align: left;
            width: 100%;
            position: relative;
            display: flex;
            flex-flow: column;
        }

            .collapsers:not(.collapsers--mobile) .collapser > .button > svg,
            .is--mobile .collapsers.collapsers--mobile .collapser > .button > svg {
                position: absolute;
                top: 2.8rem;
                right: 0;
                transition: var(--transition-default);
            }

        .collapsers:not(.collapsers--mobile) .collapser.open > .button > svg,
        .is--mobile .collapsers.collapsers--mobile .collapser.open > .button > svg {
            transform: rotate(180deg);
        }

    .collapsers:not(.collapsers--mobile) .collapser__content,
    .is--mobile .collapsers.collapsers--mobile .collapser__content {
        max-height: 0;
        overflow: hidden;
        transition: var(--transition-default);
    }

    .collapsers:not(.collapsers--mobile) .collapser.open .collapser__content,
    .is--mobile .collapsers.collapsers--mobile .collapser.open .collapser__content {
        height: auto;
        max-height: 300vh;
        padding: 0 0 2.5rem;
    }

    .collapsers:not(.collapsers--mobile).collapsers--white,
    .is--mobile .collapsers.collapsers--mobile.collapsers--white {
        border-top-color: var(--white-30);
    }

        .collapsers:not(.collapsers--mobile).collapsers--white .collapser,
        .is--mobile .collapsers.collapsers--mobile.collapsers--white .collapser {
            border-bottom-color: var(--white-30);
        }

        .collapsers:not(.collapsers--mobile).collapsers--white .button,
        .is--mobile .collapsers.collapsers--mobile.collapsers--white .button {
            color: var(--white);
        }

.popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: var(--white);
    color: var(--black);
    text-align: left;
    z-index: 99;
    display: none;
    justify-content: center;
    align-items: center;
}

    .popup.show {
        display: flex;
        opacity: 0;
        transform: translateY(2rem);
        animation: showPopup .3s ease-out forwards;
    }

.popup__body {
    position: relative;
}

@keyframes showPopup {
    from {
        opacity: 0;
        transform: translateY(2rem);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.iframe__container {
    position: relative;
    overflow: hidden;
    padding-top: 56.25%;
}

    .iframe__container iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 0;
    }

.iframe__container--portrait {
    position: relative;
    overflow: hidden;
    padding-top: 0;
    aspect-ratio: 9/16;
}

@media(min-width: 992px) {
    .iframe__container--portrait {
        max-height: 80vh;
        margin-left: auto;
        margin-right: auto;
    }
}

.notification {
    background-color: var(--grey-light);
    padding: .75rem;
    display: flex;
}

.notification__icon {
    background-color: var(--white);
    width: 5rem;
    min-width: 5rem;
    height: 5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 1rem;
}

.notification__text {
    font-size: 1.2rem;
    line-height: 2.4rem;
    align-items: flex-start;
}

    .notification__text p {
        margin-bottom: 0;
    }

    .notification__text a {
        font-weight: 700;
    }

.breadcrumb {
    padding: 2rem 0;
    font-size: 1.2rem;
}

    .breadcrumb a {
        font-weight: 700;
        color: var(--maincolor);
        background-image: linear-gradient(var(--maincolor), var(--maincolor));
        background-position-x: 0;
        background-size: 0 .1rem;
    }

    .breadcrumb ol {
        list-style: none;
        margin: 0;
        padding: 0;
        display: flex;
    }

    .breadcrumb svg {
        height: .8rem;
        width: auto;
        margin: 0 1rem;
        transform: translateY(-.1rem);
    }

    .breadcrumb .container > a {
        font-size: 1.4rem;
    }

        .breadcrumb .container > a svg {
            height: .8rem;
            width: auto;
            margin: 0 1rem 0 0;
            transform: translateY(-.1rem);
        }

@media(min-width: 992px) {
    .button {
        cursor: pointer;
        transition: var(--transition-default);
    }

    .button--black:hover {
        background-color: var(--black-hover);
    }

    .button--white:hover {
        background-color: var(--white-hover);
    }

    .button--green:hover {
        background-color: var(--color2-hover);
    }

    .button--orange:hover {
        background-color: var(--color4-hover);
    }

    .button--black:after,
    .button--white:after,
    .button--green:after,
    .button--orange:after,
    .button--readmore:after,
    .cta--black:hover,
    .cta--white:hover {
        transition: var(--transition-default);
    }

        .button--black:hover:after,
        .button--white:hover:after,
        .button--green:hover:after,
        .button--orange:hover:after,
        .button--readmore:hover:after,
        .cta--black:hover:after,
        .cta--white:hover:after {
            transform: translateX(.3rem);
        }

    .tile__text h3 {
        font-size: 1.6rem;
    }

    .breadcrumb {
        padding: 3rem 0;
    }

        .breadcrumb a:hover {
            background-size: 100% .1rem;
        }
}

header {
    line-height: 0;
    overflow: hidden;
}

    header img {
        width: 100%;
        height: auto;
        min-height: 14rem;
        max-height: 14rem;
    }

@media(min-width: 992px) {
    header img {
        min-height: 32.5rem;
        max-height: 32.5rem;
    }

    header.header--maxheight img {
        min-height: 65rem;
        max-height: 65rem;
    }
}

.cookiebot__accept {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding: 3rem 0;
    line-height: 1;
    background-color: var(--white);
}

    .cookiebot__accept svg {
        width: 10rem;
        margin-bottom: 3rem;
    }

    .cookiebot__accept .button {
        padding-right: 2rem;
        margin-bottom: 1.5rem;
    }

        .cookiebot__accept .button:after {
            content: none;
        }

    .cookiebot__accept p {
        margin-bottom: 0;
    }

@media(min-width: 992px) {
    .cookiebot__accept svg {
        width: 20rem;
        margin-bottom: 6rem;
    }
}

#CybotCookiebotDialogHeader {
    display: none !important;
}

#CybotCookiebotDialogNav {
    background-image: var(--maingradient);
    border: none;
}

    #CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink,
    #CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink.CybotCookiebotDialogActive {
        color: var(--white);
        border: none !important;
    }

        #CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink:hover,
        #CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink.CybotCookiebotDialogActive:hover {
            color: var(--white);
        }

    #CybotCookiebotDialogNav .CybotCookiebotDialogActive {
        position: relative;
    }

        #CybotCookiebotDialogNav .CybotCookiebotDialogActive:after {
            bottom: 0;
            left: 50%;
            border: solid transparent;
            content: " " !important;
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none;
            border-color: rgba(255,255,255,0);
            border-bottom-color: #fff;
            border-width: 10px;
            margin-left: -10px;
        }

#CybotCookiebotDialog #CybotCookiebotDialogBodyContentText a, #CybotCookiebotDialog #CybotCookiebotDialogBodyLevelButtonIABHeaderViewPartnersLink, #CybotCookiebotDialog #CybotCookiebotDialogDetailBulkConsentList dt a, #CybotCookiebotDialog #CybotCookiebotDialogDetailFooter a, #CybotCookiebotDialog .CybotCookiebotDialogBodyLevelButtonIABDescription a, #CybotCookiebotDialog .CybotCookiebotDialogDetailBodyContentCookieLink, #CybotCookiebotDialogDetailBodyContentTextAbout a {
    color: var(--maincolor);
}

#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtonAccept, #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonAccept, #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll {
    background-color: var(--maincolor);
    border-color: var(--maincolor);
}

#CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton {
    color: #000;
}

#CybotCookiebotDialogBodyButtonDecline {
    order: 1;
}

#CybotCookiebotDialogBodyLevelButtonCustomize {
    order: 0;
}

#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll {
    order: 2;
}

/* temp until firefox v120 */
.is--firefox .navbar__footer ul .nav__link:first-of-type {
    padding-left: 3rem;
}

.is--firefox.body--productions .button--filter-genre,
.is--firefox.body--agenda .button--filter-date {
    margin-right: 1.5rem;
}

.is--firefox .textpage--hassubmenu .row > div:first-of-type {
    position: relative;
}

.is--firefox .block__footer .row > div:last-of-type a {
    margin-right: 2rem;
    position: relative;
}

    .is--firefox .block__footer .row > div:last-of-type a:not(:last-of-type):after {
        content: "";
        width: 0.1rem;
        height: 1.2rem;
        position: absolute;
        top: 0.6rem;
        right: -1rem;
        background-color: var(--white);
    }

.is--firefox .block__stories--hastitle {
    padding-top: var(--padding-lg) !important;
}

.is--firefox a .cta,
.is--firefox .cta a {
    position: relative;
    margin-left: 1rem;
}

    .is--firefox a .cta:before,
    .is--firefox .cta a:before {
        content: "";
        background-image: url("data:image/svg+xml,%3Csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.70722 6.2929C8.09772 6.6834 8.09772 7.3166 7.70722 7.7071L2.05032 13.364C1.65984 13.7545 1.02668 13.7545 0.636152 13.364C0.245632 12.9734 0.245632 12.3403 0.636152 11.9497L5.58592 7L0.636152 2.05025C0.245632 1.65973 0.245632 1.02656 0.636152 0.636037C1.02668 0.245507 1.65984 0.245507 2.05032 0.636037L7.70722 6.2929Z' fill='%23000' /%3E%3C/svg%3E");
        background-size: auto 1rem;
        background-repeat: no-repeat;
        background-position: 0 .50%;
        width: 1rem;
        height: 1.4rem;
        position: absolute;
        top: 0.3rem;
        left: -1rem;
    }

.is--firefox.color--1 a .cta:before,
.is--firefox.color--1 .cta a:before {
    background-image: url("data:image/svg+xml,%3Csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.70722 6.2929C8.09772 6.6834 8.09772 7.3166 7.70722 7.7071L2.05032 13.364C1.65984 13.7545 1.02668 13.7545 0.636152 13.364C0.245632 12.9734 0.245632 12.3403 0.636152 11.9497L5.58592 7L0.636152 2.05025C0.245632 1.65973 0.245632 1.02656 0.636152 0.636037C1.02668 0.245507 1.65984 0.245507 2.05032 0.636037L7.70722 6.2929Z' fill='%236f1785' /%3E%3C/svg%3E");
}

.is--firefox.color--2 a .cta:before,
.is--firefox.color--2 .cta a:before {
    background-image: url("data:image/svg+xml,%3Csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.70722 6.2929C8.09772 6.6834 8.09772 7.3166 7.70722 7.7071L2.05032 13.364C1.65984 13.7545 1.02668 13.7545 0.636152 13.364C0.245632 12.9734 0.245632 12.3403 0.636152 11.9497L5.58592 7L0.636152 2.05025C0.245632 1.65973 0.245632 1.02656 0.636152 0.636037C1.02668 0.245507 1.65984 0.245507 2.05032 0.636037L7.70722 6.2929Z' fill='%232dab66' /%3E%3C/svg%3E");
}

.is--firefox.color--3 a .cta:before,
.is--firefox.color--3 .cta a:before {
    background-image: url("data:image/svg+xml,%3Csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.70722 6.2929C8.09772 6.6834 8.09772 7.3166 7.70722 7.7071L2.05032 13.364C1.65984 13.7545 1.02668 13.7545 0.636152 13.364C0.245632 12.9734 0.245632 12.3403 0.636152 11.9497L5.58592 7L0.636152 2.05025C0.245632 1.65973 0.245632 1.02656 0.636152 0.636037C1.02668 0.245507 1.65984 0.245507 2.05032 0.636037L7.70722 6.2929Z' fill='%23f80080' /%3E%3C/svg%3E");
}

.is--firefox.color--4 a .cta:before,
.is--firefox.color--4 .cta a:before {
    background-image: url("data:image/svg+xml,%3Csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.70722 6.2929C8.09772 6.6834 8.09772 7.3166 7.70722 7.7071L2.05032 13.364C1.65984 13.7545 1.02668 13.7545 0.636152 13.364C0.245632 12.9734 0.245632 12.3403 0.636152 11.9497L5.58592 7L0.636152 2.05025C0.245632 1.65973 0.245632 1.02656 0.636152 0.636037C1.02668 0.245507 1.65984 0.245507 2.05032 0.636037L7.70722 6.2929Z' fill='%23ff8000' /%3E%3C/svg%3E");
}
.navbar {
    height: var(--nav-height);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99;
}

    .navbar .container {
        min-width: 100%;
        height: 100%;
        display: flex;
        justify-content: flex-end;
        box-sizing: content-box;
        padding: 0;
    }

.navbar__buttons {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 2;
}

    .navbar__buttons:before {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background-color: var(--black);
        z-index: 0;
        transition: var(--transition-default);
    }

.navbar.open .navbar__buttons:before {
    transform: translateX(calc(var(--nav-height) * -1));
}

.navbar__menu {
    position: relative;
    z-index: 1;
}

.navbar__brand {
    width: 7.6rem;
    height: 7.6rem;
    position: absolute;
    top: .7rem;
    left: 1.5rem;
    z-index: 4;
}

    .navbar__brand svg {
        width: 100%;
        height: auto;
        /*
        -webkit-filter: drop-shadow(.3rem .3rem .2rem var(--black-20));
        filter: drop-shadow(.3rem .3rem .2rem var(--black-20));
        */
    }

.navbar .navbar__buttons > button,
.navbar .navbar__buttons > a:not(.navbar__brand),
.navbar .user__cart {
    height: 100%;
    width: var(--nav-height);
    position: relative;
    padding: 0 0 1.4rem;
    margin: 0;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    background-color: transparent;
    color: var(--white);
    font-size: 1rem;
    line-height: 1rem;
    text-transform: uppercase;
    outline: none !important;
    border: none !important;
    box-sizing: border-box;
    box-shadow: none !important;
}

    .navbar .navbar__buttons > button strong,
    .navbar .navbar__buttons > a:not(.navbar__brand) strong,
    .navbar .navbar__buttons .user__cart span,
    .search__collapse .button--close strong {
        font-weight: 400;
        width: 100%;
        text-align: center;
        position: absolute;
        left: 0;
        bottom: 1.2rem;
    }

.navbar__agenda {
    order: 2;
}

.navbar__search {
    order: 3;
}

@media(max-width: 375px) {
    .navbar .navbar__buttons > button,
    .navbar .navbar__buttons > a:not(.navbar__brand),
    .navbar .user__cart {
        font-size: .9rem;
        width: 6.2rem;
    }
}

.navbar__toggler {
    order: 4;
}

    .navbar__toggler span {
        display: block;
        position: absolute;
        height: .2rem;
        width: 1.8rem;
        background: var(--white);
        border-radius: .1rem;
        opacity: 1;
        left: calc(50% - .9rem);
        transform: rotate(0deg);
        transition: var(--transition-default);
        z-index: 1;
    }

        .navbar__toggler span:nth-child(1) {
            top: 2rem;
        }

        .navbar__toggler span:nth-child(2),
        .navbar__toggler span:nth-child(3) {
            top: 2.6rem;
        }

        .navbar__toggler span:nth-child(4) {
            top: 3.2rem;
        }

    .navbar__toggler[aria-expanded="true"] span:nth-child(1) {
        top: 2.6rem;
        width: 0%;
        left: 50%;
    }

    .navbar__toggler[aria-expanded="true"] span:nth-child(2) {
        transform: rotate(45deg);
    }

    .navbar__toggler[aria-expanded="true"] span:nth-child(3) {
        transform: rotate(-45deg);
    }

    .navbar__toggler[aria-expanded="true"] span:nth-child(4) {
        top: 2.6rem;
        width: 0%;
        left: 50%;
    }

.navbar__collapse {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    height: var(--app-height);
    padding: var(--nav-height) 0 0;
    font-weight: 800;
    background-color: var(--white);
    background-image: var(--maingradient);
    background-size: 100% 50%;
    background-repeat: no-repeat;
    transform: translateX(100vw);
    opacity: 0;
    transition: var(--transition-default);
}

@media(min-height: 800px) and (max-width: 991px) {
    .navbar__collapse {
        background-size: 100% 30%;
    }
}

.navbar.open .navbar__collapse {
    transform: translateX(0);
    opacity: 1;
}

.navbar__collapse ul {
    list-style: none;
    margin: 0;
    padding: 0 0 15rem;
    height: calc(var(--app-height) - var(--nav-height));
    overflow-y: auto;
}

.navbar__collapse li {
    margin: 0;
}

.nav__item {
    position: relative;
}

.nav__link {
    display: block;
    padding: 2.3rem;
}

    .nav__link > svg {
        position: absolute;
        top: 1.9rem;
        right: 2.3rem;
    }

@media(max-width: 991px) {

    .nav__item--large {
        font-size: 2.4rem;
        line-height: 2.8rem;
    }

        .nav__item--large a {
            color: var(--white);
        }

            .nav__item--large a:after {
                content: "";
                width: 100%;
                height: 100%;
                position: absolute;
                top: 0;
                left: 0;
                z-index: 1;
            }

        .nav__item--large:first-of-type {
            margin-top: 3.7rem;
        }

        .nav__item--large:after {
            content: "";
            width: 1.8rem;
            height: 1.4rem;
            position: absolute;
            top: calc(50% - .7rem);
            right: 2.4rem;
            background-image: url("data:image/svg+xml,%3Csvg width='18' height='14' viewBox='0 0 18 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.7071 0.636159L17.3639 6.293C17.7545 6.6835 17.7545 7.3167 17.3639 7.7072L11.7071 13.3641C11.3166 13.7546 10.6834 13.7546 10.2929 13.3641C9.9023 12.9736 9.9023 12.3404 10.2929 11.9499L14.2426 8.0001H1C0.44772 8.0001 0 7.5524 0 7.0001C0 6.4478 0.44772 6.0001 1 6.0001H14.2426L10.2929 2.05037C9.9023 1.65984 9.9023 1.02668 10.2929 0.636159C10.6834 0.245629 11.3166 0.245629 11.7071 0.636159Z' fill='white'/%3E%3C/svg%3E%0A");
        }

        .nav__item--large + .nav__item--large:before {
            content: "";
            width: calc(100% - 4.8rem);
            position: absolute;
            top: 0;
            left: 2.4rem;
            border-top: .1rem solid rgba(255, 255, 255, 0.5);
        }
}

.nav__item--small {
    background-color: var(--white);
    font-size: 1.4rem;
    line-height: 1.6rem;
}

    .nav__item--small a {
        color: var(--black);
    }

    .nav__item--small + .nav__item--small:before {
        content: "";
        width: calc(100% - 4.8rem);
        position: absolute;
        top: 0;
        left: 2.4rem;
        border-top: .1rem solid rgba(0, 0, 0, 0.1);
    }

    .nav__item--small:last-of-type {
        position: relative;
    }

.dropdown__button {
    width: 6.2rem;
    height: 6.2rem;
    position: absolute;
    top: 0;
    right: 0;
    background-color: transparent;
    border: none;
    outline: none;
    box-shadow: none;
    padding: 0;
    margin: 0;
}

    .dropdown__button:before,
    .dropdown__button:after {
        content: "";
        width: 1.8rem;
        height: .2rem;
        border-radius: .1rem;
        background-color: var(--black);
        position: absolute;
        top: calc(50% - .1rem);
        left: calc(50% - .9rem);
    }

    .dropdown__button:after {
        transform: rotate(90deg);
        transition: var(--transition-default);
    }

    .dropdown__button.open:after,
    .collapser.open .dropdown__button:after {
        width: 0;
        transform: rotate(90deg) translateY(-.9rem);
    }

    .dropdown__button span {
        position: absolute;
        top: 0;
        right: 0;
        width: 100vw;
        height: 100%;
        z-index: 1;
    }

.dropdown__menu {
    display: flex;
    flex-flow: column;
    max-height: 0;
    overflow: hidden;
    transition: var(--transition-default);
}

.dropdown__button.open + .dropdown__menu {
    height: auto;
    max-height: 100vh;
}

.dropdown__menu a {
    padding: 1rem 2.4rem;
    font-weight: 400;
}

    .dropdown__menu a:last-of-type {
        margin-bottom: 1.4rem;
    }

.navbar__footer {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: var(--nav-height);
    padding: 0 1.2rem;
    background-color: var(--black);
    display: flex;
}

    .navbar__footer > a {
        display: inline-flex;
        height: 100%;
        align-items: center;
        color: var(--white);
    }

        .navbar__footer > a strong {
            font-weight: 400;
        }

        .navbar__footer > a svg {
            margin-right: 1.1rem;
        }

.navbar__lang {
    margin-left: auto;
}

    .navbar__lang a {
        height: 100%;
        display: inline-flex;
        align-items: center;
        padding: 0 1.2rem;
        font-size: 1.6rem;
        color: var(--white);
        position: relative;
    }

        .navbar__lang a:not(.active) {
            font-weight: 400;
        }

        .navbar__lang a + a:before {
            content: "";
            width: .1rem;
            height: 1.1rem;
            position: absolute;
            top: calc(50% - .55rem);
            left: 0;
            background-color: var(--white);
        }

.search__collapse {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    height: var(--app-height);
    padding: var(--nav-height) 0 0;
    background-color: var(--grey-light);
    background-repeat: no-repeat;
    transform: translateX(100vw);
    font-size: 1.4rem;
    line-height: 1.8rem;
    z-index: 3;
    opacity: 0;
    transition: var(--transition-default);
}

    .search__collapse.open {
        transform: translateX(0);
        opacity: 1;
    }

    .search__collapse:before {
        content: "";
        width: 100%;
        height: var(--nav-height);
        position: fixed;
        top: 0;
        left: 0;
        background-color: var(--black);
        z-index: 3;
    }

    .search__collapse .button--close {
        position: fixed;
        top: 0;
        right: 0;
        height: var(--nav-height);
        width: var(--nav-height);
        flex-flow: column;
        color: var(--white);
        font-size: 1rem;
        line-height: 1rem;
        text-transform: uppercase;
        padding: 0 0 1.4rem;
        z-index: 3;
    }

    .search__collapse p {
        margin-bottom: 2rem;
    }

    .search__collapse .search__title {
        font-size: 3.2rem;
        line-height: 3.8rem;
        font-weight: 800;
        margin-bottom: 1.5rem;
    }

        .search__collapse .search__title span {
            color: var(--white);
            background-image: var(--maingradient);
            -webkit-box-decoration-break: clone;
            box-decoration-break: clone;
            white-space: break-spaces;
            line-height: 170%;
            padding: .2rem .6rem;
        }

.search__scrollable {
    height: calc(var(--app-height) - var(--nav-height));
    width: 100vw;
    padding: 5rem 2.5rem 10rem;
    display: flex;
    flex-flow: column;
    align-items: center;
    overflow-y: auto;
}

.search__suggestions {
    width: 100%;
    display: flex;
    flex-flow: column;
    gap: .8rem;
    z-index: 1;
}

    .search__suggestions .tile {
        width: 100%;
    }

        .search__suggestions .tile h3 {
            margin-bottom: 0;
        }

            .search__suggestions .tile h3:has(+p) {
                margin-bottom: 1rem;
            }

    .search__suggestions > a {
        display: flex;
        justify-content: center;
        background-color: var(--black);
        padding-top: 2rem;
        padding-bottom: 2rem;
        width: 100%;
        margin-top: 1rem;
    }

.search__form {
    width: 100%;
    margin-bottom: var(--padding-sm);
    position: relative;
}

    .search__form input {
        width: 100%;
        padding-right: 4rem;
    }

    .search__form svg {
        position: absolute;
        top: 1.6rem;
        right: 1.6rem;
        cursor: pointer;
    }

@media(min-width: 992px) {
    .navbar {
        background-color: var(--black);
        transition: var(--transition-default);
    }

        .navbar .container {
            max-width: 100%;
            padding: 0;
        }

    .navbar--scrolled {
        background-color: var(--black);
        height: 8rem;
    }

    body.body--home .navbar:not(.navbar--scrolled),
    body.body--business .navbar:not(.navbar--scrolled) {
        background-color: rgba(0, 0, 0, 0);
    }

        body.body--home .navbar:not(.navbar--scrolled):before,
        body.body--business .navbar:not(.navbar--scrolled):before {
            content: "";
            background-color: var(--black-30);
            position: absolute;
            top: 0;
            left: .8rem;
            width: calc(100% - 1.6rem);
            height: calc(100% - 1.6rem);
            transition: var(--transition-default);
        }

        body.body--home .navbar:not(.navbar--scrolled)[data-scrolled="0"]:before,
        body.body--business .navbar:not(.navbar--scrolled)[data-scrolled="0"]:before {
            top: .8rem;
        }

        body.body--home .navbar:not(.navbar--scrolled)[data-scrolled="1"]:before,
        body.body--business .navbar:not(.navbar--scrolled)[data-scrolled="1"]:before {
            top: .7rem;
        }

        body.body--home .navbar:not(.navbar--scrolled)[data-scrolled="2"]:before,
        body.body--business .navbar:not(.navbar--scrolled)[data-scrolled="2"]:before {
            top: .6rem;
        }

        body.body--home .navbar:not(.navbar--scrolled)[data-scrolled="3"]:before,
        body.body--business .navbar:not(.navbar--scrolled)[data-scrolled="3"]:before {
            top: .5rem;
        }

        body.body--home .navbar:not(.navbar--scrolled)[data-scrolled="4"]:before,
        body.body--business .navbar:not(.navbar--scrolled)[data-scrolled="4"]:before {
            top: .4rem;
        }

        body.body--home .navbar:not(.navbar--scrolled)[data-scrolled="5"]:before,
        body.body--business .navbar:not(.navbar--scrolled)[data-scrolled="5"]:before {
            top: .3rem;
        }

        body.body--home .navbar:not(.navbar--scrolled)[data-scrolled="6"]:before,
        body.body--business .navbar:not(.navbar--scrolled)[data-scrolled="6"]:before {
            top: .2rem;
        }

        body.body--home .navbar:not(.navbar--scrolled)[data-scrolled="7"]:before,
        body.body--business .navbar:not(.navbar--scrolled)[data-scrolled="7"]:before {
            top: .1rem;
        }

    .navbar__brand {
        top: 2.5rem;
        left: 8rem;
        width: 11.6rem;
        height: 11.6rem;
        transition: var(--transition-default);
    }

        .navbar__brand svg {
            width: 11.6rem;
            height: auto;
            transition: var(--transition-default);
        }

    .navbar--scrolled .navbar__brand {
        top: 1rem;
        width: 9rem;
        height: 9rem;
    }

        .navbar--scrolled .navbar__brand svg {
            width: 9rem;
        }

    .navbar__buttons {
        display: none;
    }

    .navbar__collapse {
        height: var(--nav-height);
        opacity: 1;
        padding: 0;
        bottom: unset;
        top: 0;
        transform: none;
        background-color: transparent;
        background-image: none;
        position: relative;
    }

        .navbar__collapse ul {
            display: flex;
            height: unset;
            margin: 0;
            padding: 0;
            position: absolute;
            left: 25rem;
            bottom: 2rem;
            overflow: visible;
        }

    .navbar--scrolled .navbar__collapse {
        height: 10rem;
    }

    .nav__item--small {
        background-color: transparent;
    }

    .nav__item--large,
    .nav__item--small {
        font-size: 1.6rem;
        line-height: 1.9rem;
        position: relative;
        transition: var(--transition-default);
    }

        .nav__item--large a,
        .nav__item--small a {
            color: var(--white);
            padding: 1.5rem 2rem;
            transition: var(--transition-default);
        }

        .navbar__collapse .dropdown__button,
        .nav__item--small + .nav__item--small:before,
        .nav__item--small svg {
            display: none;
        }

    .navbar__collapse .navbar__nav .nav__item:hover {
        background-color: var(--white);
    }

        .navbar__collapse .navbar__nav .nav__item:hover a {
            color: var(--black);
        }

    .navbar__collapse .nav__item.dropdown,
    .navbar__collapse .nav__item.dropdown--desktop {
        padding-right: 2rem;
    }

        .navbar__collapse .nav__item.dropdown:after,
        .navbar__collapse .nav__item.dropdown--desktop:after {
            content: "";
            background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.58927 7.08927C6.26385 7.41469 5.73619 7.41469 5.41077 7.08927L0.696718 2.37519C0.371276 2.04979 0.371276 1.52215 0.696718 1.19671C1.02215 0.871278 1.54979 0.871278 1.87523 1.19671L6.00002 5.32152L10.1248 1.19671C10.4503 0.871278 10.9779 0.871278 11.3034 1.19671C11.6288 1.52215 11.6288 2.04979 11.3034 2.37519L6.58927 7.08927Z' fill='white'/%3E%3C/svg%3E%0A");
            width: 1.2rem;
            height: .8rem;
            position: absolute;
            top: calc(50% - .5rem);
            right: 2rem;
            transition: var(--transition-default);
        }

        .navbar__collapse .nav__item.dropdown:hover:after,
        .navbar__collapse .nav__item.dropdown--desktop:hover:after {
            transform: rotate(180deg);
            background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.58927 7.08927C6.26385 7.41469 5.73619 7.41469 5.41077 7.08927L0.696718 2.37519C0.371276 2.04979 0.371276 1.52215 0.696718 1.19671C1.02215 0.871278 1.54979 0.871278 1.87523 1.19671L6.00002 5.32152L10.1248 1.19671C10.4503 0.871278 10.9779 0.871278 11.3034 1.19671C11.6288 1.52215 11.6288 2.04979 11.3034 2.37519L6.58927 7.08927Z' fill='black'/%3E%3C/svg%3E%0A");
        }

        .navbar__collapse .nav__item.dropdown .dropdown__menu,
        .navbar__collapse .nav__item.dropdown--desktop .dropdown__menu {
            position: absolute;
            top: 100%;
            left: 0;
            max-height: 0;
            overflow: hidden;
            padding: 1rem 0;
            background-color: var(--white);
            opacity: 0;
            visibility: hidden;
            transition: var(--transition-default);
        }

        .navbar__collapse .nav__item.dropdown:hover .dropdown__menu,
        .navbar__collapse .nav__item.dropdown--desktop:hover .dropdown__menu {
            opacity: 1;
            height: auto;
            max-height: 100vh;
            visibility: visible;
            box-shadow: 0rem 1rem 2rem rgba(0, 0, 0, .1);
        }

    .dropdown__menu a {
        font-size: 1.6rem;
        font-weight: 700;
        color: var(--black);
        padding: 1rem 2rem;
        white-space: nowrap;
    }

        .dropdown__menu a:last-of-type {
            margin-bottom: 0;
        }

        .dropdown__menu a:hover {
            color: var(--maincolor) !important;
        }

    .dropdown__menu .tiles {
        display: flex;
        padding: 1rem 2rem;
    }

    .dropdown__menu .tile {
        width: 30rem;
        margin-top: 0;
    }

        .dropdown__menu .tile:not(:last-of-type) {
            margin-right: 1.5rem;
        }

        .dropdown__menu .tile > a {
            padding: 0;
        }

    .dropdown__menu .tile__text {
        padding: 1.5rem 1.5rem 0 0;
    }

        .dropdown__menu .tile__text h3 {
            font-size: 1.6rem;
        }

            .dropdown__menu .tile__text h3 span {
                white-space: unset;
            }

    .dropdown__links {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        position: relative
    }

        .dropdown__links:before {
            content: "";
            position: absolute;
            top: -.5rem;
            left: 2rem;
            width: calc(100% - 4rem);
            height: .1rem;
            background-color: var(--grey-medium);
        }

        .dropdown__links .cta--black {
            padding-right: 5rem;
        }

    .navbar__footer {
        width: auto;
        height: unset;
        padding: 0;
        left: unset;
        bottom: unset;
        right: calc(8rem - 1.2rem); /* minus padding from language */
        top: 2rem;
        background-color: transparent;
        transition: var(--transition-default);
    }

        .navbar__footer ul {
            position: relative;
            left: unset;
            bottom: unset;
        }

            .navbar__footer ul .nav__link {
                padding: 0;
                font-weight: 400;
                color: var(--white);
                white-space: nowrap;
                position: relative;
                margin-right: 3rem
            }

                .navbar__footer ul .nav__link:has(svg) {
                    padding-left: 3rem;
                }

                .navbar__footer ul .nav__link svg {
                    position: absolute;
                    top: .3rem;
                    left: 0;
                }

                    .navbar__footer ul .nav__link svg path {
                        fill: var(--white);
                    }

    .navbar--scrolled .navbar__footer {
        top: .2rem;
    }

    .navbar__lang {
        margin-left: 2rem;
    }

        .navbar__lang a {
            font-size: 1.2rem;
        }

    .navbar__search {
        position: absolute;
        top: 5.5rem;
        right: 8rem;
        width: 32rem;
        transition: var(--transition-default)
    }

        .navbar__search input {
            padding-top: 1.6rem;
            padding-bottom: 1.4rem;
            transition: var(--transition-default)
        }

    .navbar--scrolled .navbar__search {
        top: 3.2rem;
    }

        .navbar--scrolled .navbar__search input {
            padding-top: 1.2rem;
            padding-bottom: 1rem;
        }

        .navbar--scrolled .navbar__search svg {
            top: 1rem;
            transition: var(--transition-default)
        }

    .search__form {
        margin-bottom: 0;
    }

    .search__suggestions {
        position: absolute;
        top: 6.5rem;
        right: 0;
        width: 40rem;
        background-color: var(--grey-light);
        padding: 1.5rem;
        box-shadow: 0rem 1rem 2rem rgba(0, 0, 0, .2);
        font-weight: initial;
        display: none;
        transition: var(--transition-default);
    }

        .search__suggestions:before {
            content: "";
            width: 1.5rem;
            height: 1.5rem;
            position: absolute;
            top: -.5rem;
            left: calc(50% - .75rem);
            transform: rotate(45deg);
            background-color: var(--grey-light);
        }

        .search__suggestions:has(>.tile),
        .search__suggestions:has(>p) {
            display: flex;
        }

        .search__suggestions > a {
            line-height: 1.8rem;
        }

        .search__suggestions > p {
            margin: 2rem 0;
        }

    .navbar--scrolled .search__suggestions {
        top: 4.8rem;
    }
}

@media(min-width: 992px) and (max-width: 1280px) {
    .navbar__brand {
        left: 4rem;
    }

    .navbar__collapse ul.navbar__nav {
        left: 15rem;
    }

    .navbar__search,
    .navbar__footer {
        right: 4rem;
    }

    .dropdown__menu .tile {
        width: 20rem;
    }
}

@media(min-width: 992px) and (max-width: 1024px) {
    .dropdown__menu .tile {
        width: 16rem;
    }
}

@media(min-width: 1281px) and (max-width: 1400px) {
    .dropdown__menu .tile {
        width: 24rem;
    }
}

@media(min-width: 992px) and (max-width: 1300px) {
    .nav__item--large a,
    .nav__item--small a {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .navbar__collapse ul.navbar__nav {
        left: 20rem;
    }

    .navbar__collapse .nav__item.dropdown:after,
    .navbar__collapse .nav__item.dropdown--desktop:after {
        right: 1rem;
    }
}

@media(min-width: 992px) and (max-width: 1100px) {
    .navbar__search {
        width: 20rem;
    }
}

@media(min-width: 1300px) and (max-width: 1400px) {
    .navbar__search {
        width: 24rem;
    }
}

@media(min-width: 992px) and (max-width: 1280px) {
    .navbar__search:after {
        content: "";
        width: 3rem;
        height: 100%;
        position: absolute;
        top: 0;
        right: 4rem;
        background-image: linear-gradient(-90deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
    }

    .nav__item--large, .nav__item--small {
        font-size: 1.4rem;
    }

        .nav__item--large a,
        .nav__item--small a {
            padding-left: 1rem;
            padding-right: .5rem;
        }

        .nav__item--large .dropdown__menu a:not(.cta--black),
        .nav__item--small .dropdown__menu a:not(.cta--black) {
            padding-right: 1rem;
        }
}

@media(min-width: 1200px) and (max-width: 1300px) {
    .navbar__search {
        width: 26rem;
    }
}

/* Tixly */

.navbar .user {
    height: 100%;
    width: var(--nav-height);
}

.navbar .user,
.navbar__cart {
    order: 1;
}

    .navbar__cart span,
    .user__cart em {
        width: 2rem;
        height: 2rem;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        background-color: var(--green);
        border-radius: 50%;
        position: absolute;
        top: 1.6rem;
        left: calc(50% + .2rem);
        color: var(--white);
        font-size: 1rem;
        font-style: normal;
        line-height: 1;
        padding-top: .1rem;
    }

.user__login {
    /*display: none;*/
}

@media(max-width: 991px) {

    .navbar__footer .user {
        width: unset;
    }

    .navbar__footer .user__login {
        display: inline-flex;
        height: 6.8rem;
        align-items: center;
        color: var(--white);
    }

        .navbar__footer .user__login svg {
            margin-right: 1rem;
        }
}

.user__dropdown {
    height: 100%;
    padding: 0;
    margin: 0;
}

@media(max-width: 991px) {
    .user .user__login {
        display: none;
    }
}

.user__box {
    display: none;
    position: absolute;
    top: var(--nav-height);
    left: 0;
    background-color: var(--maincolor);
    color: var(--white);
    width: 100vw;
    padding: 2rem;
}

    .user__box .btn {
        background-color: transparent;
        border-radius: 0;
        border: none;
        padding: 0;
        outline: none;
        box-shadow: none;
        position: relative;
        display: inline-flex;
        font-family: var(--font);
        font-size: 1.6rem;
        line-height: 1.6rem;
        font-weight: 700;
        padding: 1.8rem 2rem;
        width: 100%;
        background-color: var(--black);
        color: var(--white);
    }

        .user__box .btn span {
            position: relative;
        }

            .user__box .btn span:after {
                content: "";
                width: 1.9rem;
                height: 1.4rem;
                position: absolute;
                top: calc(50% - 0.7rem);
                right: -3rem;
                transition: var(--transition-default);
                background-image: url("data:image/svg+xml,%3Csvg width='19' height='14' viewBox='0 0 19 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.2071 0.636159L17.8639 6.293C18.2545 6.6835 18.2545 7.3167 17.8639 7.7072L12.2071 13.3641C11.8166 13.7546 11.1834 13.7546 10.7929 13.3641C10.4023 12.9736 10.4023 12.3404 10.7929 11.9499L14.7426 8.0001H1.5C0.94772 8.0001 0.5 7.5524 0.5 7.0001C0.5 6.4478 0.94772 6.0001 1.5 6.0001H14.7426L10.7929 2.05037C10.4023 1.65984 10.4023 1.02668 10.7929 0.636159C11.1834 0.245629 11.8166 0.245629 12.2071 0.636159Z' fill='white'/%3E%3C/svg%3E%0A");
            }

        .user__box .btn .user__countdown {
            margin-left: auto;
            font-size: 1.4rem;
            line-height: 1.4rem;
            font-weight: 400;
        }

@media(min-width: 992px) {
    .navbar .user {
        display: flex;
        width: unset;
        order: unset;
        font-weight: 400;
    }

    .user__login {
        display: inline-flex;
        height: 100%;
        align-items: center;
        color: var(--white);
        margin-right: 3rem;
    }

        .user__login svg,
        .user__cart svg {
            height: 2rem;
            width: unset;
            margin-right: 1.1rem;
        }

    .user__cart {
        display: inline-flex;
        flex-flow: row !important;
        height: 100% !important;
        width: unset !important;
        align-items: center;
        font-size: unset !important;
        line-height: unset !important;
        padding: 0 !important;
    }

        .user__cart span {
            text-transform: none;
        }

        .user__cart em {
            width: 1.8rem;
            height: 1.8rem;
            top: -.2rem;
            left: 1.2rem;
        }

    .user__dropdown {
        position: relative;
        z-index: 2;
    }

        .user__dropdown .user__box {
            top: 3.5rem;
            left: unset;
            right: 0;
            width: auto;
            min-width: 30rem;
            opacity: 0;
            transform: translateY(2rem);
            transition: var(--transition-default);
        }

            .user__dropdown .user__box:before {
                content: "";
                width: 100%;
                height: 2rem;
                position: absolute;
                top: -2rem;
                left: 0;
            }

        .user__dropdown:hover .user__box {
            display: block;
            animation: showCart .3s ease-out forwards;
        }

    .user__box .btn:hover span:after {
        transform: translateX(.3rem);
    }
}

@keyframes showCart {
    from {
        transform: translateY(2rem);
        opacity: 0;
    }

    to {
        transform: translateY(0);
        opacity: 1;
    }
}
.cookies__wrapper {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 3000;
}

.cookies {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 3rem 0;
    background-color: #000;
    color: #fff;
}

    .cookies .container {
        position: relative;
        z-index: 1;
    }

    .cookies .cookies__buttons {
        margin-top: 3rem;
    }

    .cookies .button {
        background-color: #fff !important;
        color: #000 !important;
        margin-right: 2rem;
        background-image: none !important;
    }

.cookieconsent-optout-marketing .cookies_accept {
    color: #fff;
}
.block__footer {
    background-image: var(--maingradient);
    padding: var(--padding-md) 1rem;
    color: var(--white);
    text-align: center;
}

    .block__footer .richtext a {
        color: var(--white);
        background-image: linear-gradient(var(--white), var(--white));
        background-position-x: 0;
        background-size: 0% .1rem;
    }

    .block__footer .collapsers {
        margin-top: 3rem;
    }

        .block__footer .collapsers ul {
            list-style: none;
            margin: 0;
            padding: 0;
            text-align: left;
        }

            .block__footer .collapsers ul li:before {
                content: none;
            }

            .block__footer .collapsers ul a {
                font-weight: 400;
                font-size: 1.4rem;
                color: var(--white);
            }

.footer__address a {
    font-weight: 700;
}

.footer__company {
    display: flex;
    padding: 3rem 0;
    text-align: left;
    border-bottom: .1rem solid var(--white-30);
}

    .footer__company svg {
        min-width: 10.1rem;
        height: auto;
        margin-right: 2rem;
    }

    .footer__company div {
        display: flex;
        flex-flow: column;
        justify-content: center;
    }

    .footer__company p {
        font-size: 1.2rem;
        line-height: 1.8rem;
        margin-bottom: 1.5rem;
        font-weight: 500;
    }

    .footer__company nav {
        font-size: .9rem;
        line-height: 1.7rem;
    }

        .footer__company nav a {
            position: relative;
            margin-right: 1rem;
            white-space: nowrap;
            background-position-y: 100%;
        }

            .footer__company nav a:not(:last-of-type):after {
                content: " | ";
                position: absolute;
                padding: 0 .5rem;
            }

.footer__certificates {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding: 2rem 0;
    border-bottom: .1rem solid var(--white-30);
}

    .footer__certificates a {
        display: inline-block;
        line-height: 0;
        margin: 1rem 1rem;
    }

.footer__paymentmethods {
    padding: 3rem 0;
    font-weight: 700;
}

    .footer__paymentmethods p {
        margin-bottom: 1rem;
    }

.paymentmethods {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

    .paymentmethods * {
        margin: 0 .5rem;
    }

    .paymentmethods img {
        width: auto;
    }

body.is--business .block__footer .collapsers .collapser:first-of-type {
    order: 1;
}

body.is--business .block__footer .collapsers .collapser:last-of-type {
    order: 0;
}

@media(max-width: 1200px) {
    .paymentmethods {
        max-width: 202px;
        margin: auto;
    }

        .paymentmethods img {
            padding-bottom: 4px;
        }
}

@media(min-width: 992px) {
    .block__footer {
        text-align: left;
    }

        .block__footer .collapsers {
            display: flex;
            margin-top: 0;
        }

        .block__footer .collapser {
            width: 50%;
        }

            .block__footer .collapser .button {
                cursor: initial;
                font-size: 1.6rem;
                line-height: 3.2rem;
                font-weight: 700;
                color: var(--white);
                width: 100%;
                justify-content: flex-start;
            }

                .block__footer .collapser .button svg {
                    display: none;
                }

        .block__footer h4 {
            font-size: 1.6rem;
            line-height: 3.2rem;
        }

        .block__footer .richtext a:hover {
            background-size: 100% .1rem;
        }

    .footer__company {
        padding: 3rem 0 0;
        text-align: right;
        justify-content: center;
        border-bottom: none;
    }

        .footer__company p {
            order: 0;
            font-size: 1.3rem;
            line-height: 2.1rem;
            margin-bottom: 0;
            width: 100%;
        }

        .footer__company svg {
            order: 1;
            min-width: 9.6rem;
            max-width: 9.6rem;
            margin-left: 2rem;
            margin-right: 0;
        }

    .footer__paymentmethods {
        display: flex;
        align-items: center;
        height: 100%;
        padding: 0;
        flex-wrap: wrap;
    }

        .footer__paymentmethods p {
            margin-right: 2rem;
            margin-bottom: 0;
        }

    .footer__certificates {
        flex-wrap: nowrap;
        padding: 0;
        border-bottom: none;
    }

        .footer__certificates a {
            margin-top: 0;
            margin-bottom: 0;
        }

            .footer__certificates a img,
            .footer__certificates a svg {
                height: 3rem;
                width: auto;
            }

    .block__footer nav {
        height: 100%;
        font-size: 1.2rem;
        line-height: 2.5rem;
        justify-content: flex-end;
        align-items: center;
        flex-wrap: wrap;
    }

        .block__footer nav a {
            background-position-y: calc(100% - .4rem);
        }

            .block__footer nav a:has( + a) {
                margin-right: 2rem;
                position: relative;
            }

                .block__footer nav a:has( + a):after {
                    content: "";
                    width: .1rem;
                    height: 1.2rem;
                    position: absolute;
                    top: .6rem;
                    right: -1rem;
                    background-color: var(--white);
                }

    .block__footer hr {
        border: none;
        border-top: .1rem solid var(--white-30);
        margin: 3rem 0;
    }
}

section.textpage {
    padding: 0;
}

    section.textpage .container .row,
    section.textpage ~ section .container .row,
    section.landingpage .container .row,
    section.landingpage ~ section .container .row {
        justify-content: center;
    }

    section.textpage ~ section {
        padding: var(--padding-lg) 0;
    }

        section.textpage ~ section .richtext h4,
        section.textpage ~ section .richtext .h4 {
            font-size: 1.8rem;
            font-weight: 700;
            margin-bottom: .5rem;
        }

            section.textpage ~ section .richtext h4:not(:first-child),
            section.textpage ~ section .richtext .h4:not(:first-child) {
                margin-top: 1rem;
            }

    section.textpage + section {
        padding-top: 0;
    }

    section.textpage h1 {
        margin-bottom: 3rem;
    }

section.textpage--hassubmenu .container .row,
section.textpage--hassubmenu ~ section .container .row {
    justify-content: end !important;
}

.body--businesshalls section.textpage,
.body--businesspurposes section.textpage,
.body--businesscases section.textpage {
    padding-top: 8.8rem;
}

section.landingpage h1 {
    margin-bottom: 0;
}

div:has(>.submenu) {
    position: relative;
    margin-bottom: 3rem;
}

.submenu {
    padding: 1rem;
    font-size: 1.5rem;
    font-weight: 700;
    max-height: 4.5rem;
    overflow: hidden;
    position: relative;
    transition: var(--transition-default);
}

    .submenu:before {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background-color: var(--maincolor);
        opacity: .1;
    }

    .submenu > * {
        position: relative;
    }

    .submenu p {
        font-size: 1.8rem;
        font-weight: 800;
        margin-bottom: 1.5rem;
    }

        .submenu p a {
            display: inline-block;
            width: calc(100% - 3rem);
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

    .submenu ul {
        list-style: none !important;
        margin: 0;
        padding: 0 !important;
    }

        .submenu ul li:has(+li) {
            margin-bottom: 1.5rem;
        }

        .submenu ul li:before {
            content: none !important;
        }

    .submenu a {
        color: var(--black);
        background-image: linear-gradient(var(--black), var(--black));
        background-size: 0 .1rem;
        background-position-x: 0;
    }

        .submenu a.active {
            color: var(--maincolor);
            background-image: linear-gradient(var(--maincolor), var(--maincolor));
        }

    .submenu.open {
        max-height: 100vh;
    }

.submenu__open {
    background-color: transparent;
    border: none;
    padding: 0;
    position: absolute;
    top: 0rem;
    right: 0rem;
    width: 4.5rem;
    height: 4.5rem;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    outline-offset: -.3rem;
    z-index: 1;
}

    .submenu__open:before {
        content: "";
        width: 100vw;
        height: 100%;
        position: absolute;
        top: 0;
        right: 0;
    }

    .submenu__open svg {
        transform: rotate(90deg);
        transition: var(--transition-default);
    }

.submenu.open .submenu__open svg {
    transform: rotate(270deg);
}

@media(min-width: 992px) {
    .submenu {
        position: absolute;
        top: 0;
        left: 1.5rem;
        width: calc(100% - 3rem);
        max-height: unset;
        padding: 3rem 2rem;
    }

        .submenu ul li:has(+li) {
            margin-bottom: 2rem;
        }

        .submenu p {
            font-size: 2rem;
            margin-bottom: 2rem;
        }

            .submenu p a {
                display: inline;
            }

        .submenu a:hover {
            background-size: 100% .1rem;
        }
}


.body--searchresults form {
    padding: 0 0 2.5rem;
}

    .body--searchresults form .search__form {
        max-width: 50rem;
        margin: 0 auto 2.5rem;
    }

    .body--searchresults form h2 {
        margin: 5rem 0 2.5rem;
    }

.search__top {
    text-align: center;
}

    .search__top .tabs {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        gap: 1rem;
    }

        .search__top .tabs .button {
            padding-right: 4rem;
            padding-left: 1.5rem
        }

            .search__top .tabs .button:after {
                content: none !important;
            }

            .search__top .tabs .button span {
                width: 2rem;
                height: 2rem;
                border-radius: 50%;
                background-color: var(--black);
                font-size: 1.2rem;
                line-height: 1;
                color: var(--white);
                display: flex;
                justify-content: center;
                align-items: center;
                position: absolute;
                top: 1rem;
                right: 1rem;
            }

            .search__top .tabs .button.active {
                background-color: var(--black);
                color: var(--white);
            }

                .search__top .tabs .button.active span {
                    background-color: var(--white);
                    color: var(--black);
                }

            .search__top .tabs .button.disabled {
                opacity: .25;
                cursor: initial;
            }


section.searchresults {
    text-align: center;
    background-color: var(--grey-medium);
    padding: var(--padding-lg) 0 !important;
}

    section.searchresults .tile--text {
        width: min(100%, 80rem);
        margin-left: auto;
        margin-right: auto;
        text-align: left;
    }

@media(min-width: 992px) {
    .tile--text,
    .tile--tex:after {
        transition: var(--transition-default);
    }

        .tile--text:hover {
            box-shadow: 0rem 0rem 1rem rgba(0, 0, 0, .1);
        }

            .tile--text:hover:after {
                transform: translateX(.3rem);
            }
}

.block__highlights {
    padding: 0;
}

    .block__highlights .slick-track {
        display: flex;
    }

    .block__highlights .slick-slide {
        height: inherit !important;
    }

        .block__highlights .slick-slide > div {
            height: 100%;
        }

    .block__highlights .highlight {
        height: 100%;
        display: flex !important;
        flex-flow: column;
    }

.carousel__items .button--prev,
.carousel__items .button--next {
    display: none;
}

.highlight__image {
    position: relative;
    display: flex;
    justify-content: center;
    overflow: hidden;
}

    .highlight__image picture,
    .highlight__image img {
        width: 100%;
        height: auto;
        transition: var(--transition-default);
    }

.slick-active .highlight__image img {
    object-fit: cover;
    object-position: 50% 50%;
    animation: zoomImage 4s ease-out forwards;
}

@keyframes zoomImage {
    from {
        transform: scale(1);
    }

    to {
        transform: scale(1.1);
    }
}



.highlight__label {
    font-size: 3.6rem;
    right: 0;
    top: calc(var(--nav-height) + 4rem); 
    padding: 3rem;
    font-weight: 700;
    color: var(--white);
    position: absolute;
}

@media(max-width: 1280px) {
    .highlight__label {
        font-size: 2.6rem;
        padding: 2rem;
    }
}

@media(max-width: 500px) {
    .highlight__label {
        top:  2.4rem;
        font-size: 1.6rem;
        padding: 1.2rem;
        line-height: 1.4rem;
    }
}


.highlight__genre {
    position: absolute;
    bottom: 2rem;
}

.highlight__text {
    padding: 3rem 1.5rem 6rem;
    text-align: center;
    flex-grow: 1;
}

    .highlight__text h2 {
        font-size: 2.4rem;
        margin-bottom: 1.2rem;
    }

    .highlight__text p {
        font-size: 1.3rem;
        font-weight: 800;
        margin-bottom: 1.5rem;
    }

        .highlight__text h2 span,
        .highlight__text p span {
            line-height: 165%;
            padding: .3rem .8rem;
            background-color: var(--white);
            -webkit-box-decoration-break: clone;
            box-decoration-break: clone;
            white-space: break-spaces;
        }

        .highlight__text p.highlight__phone {
            font-size: 1.5rem;
            font-weight: 800;
            color: var(--white);
            margin-top: 1.5rem;
        }

            .highlight__text p.highlight__phone svg {
                height: 1.8rem;
                width: auto;
                transform: translateY(.2rem);
            }

            .highlight__text p.highlight__phone a {
                color: var(--white);
                background-image: linear-gradient(var(--white), var(--white));
            }

        .highlight__text p.highlight__phone--black {
            color: var(--black);
        }

            .highlight__text p.highlight__phone--black a {
                color: var(--black);
                background-image: linear-gradient(var(--black), var(--black));
            }

            .highlight__text p.highlight__phone--black svg path {
                fill: var(--black);
            }

.block__highlights .slick-slider {
    font-size: 0;
    line-height: 0;
}

.block__highlights .slick-dots {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 3rem;
    line-height: 0;
}

    .block__highlights .slick-dots li {
        height: .3rem;
    }

        .block__highlights .slick-dots li + li {
            margin-left: .5rem;
        }

    .block__highlights .slick-dots button {
        margin: 0;
        padding: 0;
        border: none;
        outline: 0;
        box-shadow: none;
        background-color: rgba(255, 255, 255, .5);
        height: .3rem;
        width: 4.7rem;
        text-indent: -9000px;
        position: relative;
    }

    .block__highlights .slick-dots .slick-active button:after {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background-color: var(--white);
        animation: dotProgress 5s linear forwards;
    }




@keyframes dotProgress {
    from {
        width: 0;
    }

    to {
        width: 100%;
    }
}

@media(max-width: 991px) {
    .highlight .button:before {
        content: "";
        width: 100vw;
        height: 100vh;
        position: absolute;
        bottom: -4rem;
        left: calc(50% - 50vw);
    }

    .highlight .button--white {
        background-color: var(--black);
        color: var(--white);
    }

        .highlight .button--white:after {
            background-image: url("data:image/svg+xml,%3Csvg width='19' height='14' viewBox='0 0 19 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.2071 0.636159L17.8639 6.293C18.2545 6.6835 18.2545 7.3167 17.8639 7.7072L12.2071 13.3641C11.8166 13.7546 11.1834 13.7546 10.7929 13.3641C10.4023 12.9736 10.4023 12.3404 10.7929 11.9499L14.7426 8.0001H1.5C0.94772 8.0001 0.5 7.5524 0.5 7.0001C0.5 6.4478 0.94772 6.0001 1.5 6.0001H14.7426L10.7929 2.05037C10.4023 1.65984 10.4023 1.02668 10.7929 0.636159C11.1834 0.245629 11.8166 0.245629 12.2071 0.636159Z' fill='white'/%3E%3C/svg%3E%0A");
        }
}

@media(max-width: 991px) {
    .is--business .highlight__text {
        padding-bottom: 2rem;
    }

        .is--business .highlight__text p {
            color: var(--white) !important;
            font-weight: 500;
        }

            .is--business .highlight__text p span {
                line-height: 165%;
                padding: 0;
                background-color: transparent;
                -webkit-box-decoration-break: unset;
                box-decoration-break: unset;
                white-space: unset;
            }
}

@media(min-width: 992px) {
    .carousel__items {
        position: relative;
    }

        .carousel__items .button--prev:not(.slick-hidden),
        .carousel__items .button--next:not(.slick-hidden) {
            display: inline-flex;
        }

        .carousel__items .button--prev {
            top: calc(50% - 2.6rem);
            left: 3.2rem;
        }

        .carousel__items .button--next {
            top: calc(50% - 2.6rem);
            right: 3.2rem;
        }

    .highlight {
        padding: .8rem;
        position: relative;
    }

    .highlight__text {
        position: absolute;
        left: 13.5rem;
        bottom: 9rem;
        padding: 0;
        width: 100%;
        max-width: 60vw;
        background-image: none !important;
        text-align: left;
    }

        .highlight__text h2 {
            font-size: 4rem;
        }

            .highlight__text h2 span {
                color: var(--white);
            }

            .highlight__text h2.color1 span {
                background-image: var(--gradient1);
            }

            .highlight__text h2.color2 span {
                background-image: var(--gradient2);
            }

            .highlight__text h2.color3 span {
                background-image: var(--gradient3);
            }

            .highlight__text h2.color4 span {
                background-image: var(--gradient4);
            }

        .highlight__text p {
            font-family: var(--fontheader);
            font-size: 2rem;
            margin-bottom: 3rem;
        }

        .highlight__text .genre {
            font-family: var(--fontheader);
            font-size: 2rem;
            margin-bottom: 1.2rem;
            display: inline-block !important;
        }

    .highlight__image {
        overflow: hidden;
    }

        .highlight__image .highlight__genre {
            display: none;
        }

    

    .block__highlights .slick-dots {
        justify-content: flex-start;
        padding-left: 13.5rem;
        bottom: 4.5rem;
    }

    .highlight__text > * {
        opacity: 0;
        transform: translateX(-1rem);
    }

    .slick-current .highlight__text > * {
        animation: fadeHighlight 1s ease-out forwards;
    }

    .highlight__text h2 {
        width: 100%;
        animation-delay: .1s !important;
    }

    .highlight__text p {
        animation-delay: .2s !important;
    }

    .highlight__text .button {
        animation-delay: .3s !important;
    }

    .block__highlights .slick-dots button {
        cursor: pointer;
    }
}

@keyframes fadeHighlight {
    from {
        opacity: 0;
        transform: translateX(-1rem);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@media(min-width: 992px) and (max-width: 1199px) {
    body.is--business .highlight__text {
        bottom: 4rem;
        max-width: 70vw;
    }

    .highlight__text .genre {
        margin-bottom: .8rem;
    }

    .highlight__text h2 {
        margin-bottom: .8rem;
    }

    .highlight__text p {
        margin-bottom: 2rem;
    }
}

@media(max-width: 991px) {
    .body--business .highlight__text {
        background-image: var(--maingradient) !important;
    }

        .body--business .highlight__text h2 {
            color: var(--maincolor) !important;
        }
}

@media(min-width: 992px) {
    .body--business .highlight,
    .body--business .highlight__text h2 span {
        background-image: var(--maingradient) !important;
    }

    .body--business .highlight__text p[class^="color"] {
        color: var(--maincolor) !important;
    }
}

@media(max-width: 992px) {
    .body--business .block__highlights .slick-dots {
        bottom: auto;
        top: calc(80% );
    }
}

@media(max-width: 900px) {
    .body--business .block__highlights .slick-dots {
        bottom: auto;
        top: calc(75% );
    }
}

@media(max-width: 700px) {
    .body--business .block__highlights .slick-dots {
        bottom: auto;
        top: calc(70% );
    }
}

@media(max-width: 600px) {
    .body--business .block__highlights .slick-dots {
        bottom: auto;
        top: calc(65% );
    }
}


@media(max-width: 500px) {
    .body--business .block__highlights .slick-dots {
        bottom: auto;
        top: calc(60% );
    }
}

@media(max-width: 450px) {
    .body--business .block__highlights .slick-dots {
        bottom: auto;
        top: calc(55% );
    }
}

@media(max-width: 400px) {
    .body--business .block__highlights .slick-dots {
        bottom: auto;
        top: calc(50% );
    }
}


@media(max-width: 331px) {
    .body--business .block__highlights .slick-dots {
        bottom: auto;
        top: calc(50% - 45px);
    }
}
.block__socials {
    padding: 0;
    position: relative;
    color: var(--white);
}

.socials__images {
    height: 21.7rem;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    position: relative;
    font-size: 0;
    line-height: 0;
}

    .socials__images:after {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background-color: rgba(0, 0, 0, .4);
    }

    .socials__images picture,
    .socials__images img {
        height: 21.7rem;
        width: 21.7rem;
    }

.block__socials--business .socials__images .slick-slide > div > div {
    display: flex !important;
    flex-flow: column;
}

    .block__socials--business .socials__images .slick-slide > div > div > picture,
    .block__socials--business .socials__images .slick-slide > div > div > img {
        height: calc(21.7rem / 2);
        object-fit: cover;
        object-position: 50% 50%;
    }

    .block__socials--business .socials__images .slick-slide > div > div > div {
        height: calc(21.7rem / 2);
        background-color: var(--white);
        font-size: 1rem;
        line-height: 1.8rem;
        color: var(--black);
        padding: 1rem 1.5rem;
        display: flex;
        width: 21.7rem;
        position: relative;
    }

        .block__socials--business .socials__images .slick-slide > div > div > div p {
            margin-bottom: 0;
        }

        .block__socials--business .socials__images .slick-slide > div > div > div svg {
            position: absolute;
            right: 1.5rem;
            bottom: 1.5rem;
            width: 2rem;
            height: auto;
        }

            .block__socials--business .socials__images .slick-slide > div > div > div svg path {
                fill: var(--grey-light);
            }

.socials__text {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
}

    .block__socials--business .socials__text h2 {
        display: flex;
    }

        .block__socials--business .socials__text h2 svg {
            height: 4.5rem;
            width: auto;
            transform: translateY(-1rem);
            margin-left: .5rem;
        }

    .block__socials--business .socials__text > a {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

.socials__items {
    display: flex;
    gap: 1.5rem;
}

    .socials__items a {
        width: 4.8rem;
        height: 4.8rem;
        background-color: var(--maincolor);
        background-image: var(--maingradient);
        display: inline-flex;
        justify-content: center;
        align-items: center;
        position: relative;
    }

        .socials__items a svg {
            width: 2.5rem;
            height: auto;
            position: relative;
        }

        .socials__items a.socials__item--facebook svg,
        .socials__items a.socials__item--tiktok svg {
            width: unset;
            height: 2.5rem;
        }

    .socials__items:has(a:nth-child(6)) {
        gap: 1rem;
    }

@media(min-width: 992px) {
    .socials__images {
        height: 34.8rem;
    }

        .socials__images picture,
        .socials__images img {
            height: 34.8rem;
            width: 34.8rem;
        }

    .block__socials--business .socials__images .slick-slide > div > div > div,
    .block__socials--business .socials__images .slick-slide > div > div > picture,
    .block__socials--business .socials__images .slick-slide > div > div > img {
        height: calc(34.8rem / 2);
        width: 34.8rem;
    }

    .block__socials--business .socials__images .slick-slide > div > div > div {
        font-size: 1.3rem;
        line-height: 2.4rem;
    }

    .socials__items a:before {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background-color: var(--maincolor);
        opacity: 0;
        transition: var(--transition-default);
    }

    .socials__items a:hover:before {
        opacity: 1;
        transition: var(--transition-default);
    }

    .socials__items a svg {
        transition: var(--transition-default);
    }

    .socials__items a:hover svg {
        transform: scale(1.1);
    }

    .block__socials--business .socials__text {
        padding-bottom: 12rem;
    }

    .block__socials--business .socials__images:after {
        transition: var(--transition-default);
    }

    .block__socials--business:hover .socials__images:after {
        background-color: rgba(0, 119, 181, .4);
    }
}

.block__newsletter {
    background-color: var(--black);
    color: var(--white);
    text-align: center;
    padding: var(--padding-md) 0;
}

    .block__newsletter h2 {
        margin-bottom: .8rem;
        font-size: 2rem;
        margin: 0 4rem 1.2rem;
    }

        .block__newsletter h2 span {
            color: var(--white);
            line-height: 180%;
            padding: .4rem .8rem;
            background-image: var(--maingradient);
        }

    .block__newsletter p {
        line-height: 2.1rem;
        margin-bottom: 1.55rem;
    }

    .block__newsletter .richtext a {
        color: var(--white);
        background-image: linear-gradient(var(--white), var(--white));
        background-position-y: 100%;
        font-weight: 700;
    }

    .block__newsletter form {
        display: flex;
    }

        .block__newsletter form input {
            width: 100%;
        }

            .block__newsletter form input + button {
                margin-left: .2rem;
            }

    .block__newsletter button {
        background-image: var(--maingradient);
        color: var(--white);
        font-size: 1.4rem;
        font-weight: 700;
        padding: 1.8rem 1.6rem 1.6rem;
        ;
        white-space: nowrap;
    }

@media(min-width: 992px) {
    .block__newsletter {
        text-align: left;
    }

        .block__newsletter h2 {
            font-size: 3.2rem;
            margin: 0;
        }

            .block__newsletter h2 span {
                line-height: 140%;
                padding: .1rem .6rem;
            }

        .block__newsletter .row > div {
            position: relative;
        }

        .block__newsletter small {
            line-height: 1rem;
            margin-top: 0;
            transform: translateY(.5rem);
        }
}

.body--text main .block__newsletter,
.block__production .block__newsletter {
    background-color: transparent;
    color: var(--black);
}

.block__production .block__newsletter {
    padding: 0;
}

    .block__production .block__newsletter .row {
        justify-content: flex-start !important;
    }


        .block__production .block__newsletter .row > div {
            width: 66.66666667%;
        }

        .body--text main .block__newsletter .row > div {
            width: 100%;
            padding-left: 0rem;
            padding-right: 0rem;
        }

        .block__production .block__newsletter .row > div {
            padding: 0 !important;
        }

            .body--text main .block__newsletter .row > div:first-of-type small,
            .block__production .block__newsletter .row > div:first-of-type small {
                display: none !important;
            }

            .body--text main .block__newsletter .row > div:last-of-type small,
            .block__production .block__newsletter .row > div:last-of-type small {
                display: inline !important;
            }

    .body--text main .block__newsletter h2,
    .block__production .block__newsletter h2 {
        font-size: 1.6rem;
        margin-bottom: 1rem;
        color: var(--black);
    }

        .body--text main .block__newsletter h2 span,
        .block__production .block__newsletter h2 span {
            line-height: unset;
            padding: 0;
            background-image: none;
            color: var(--black);
        }

    .body--text main .block__newsletter a,
    .block__production .block__newsletter a {
        color: var(--black);
    }

    .body--text main .block__newsletter form input,
    .block__production .block__newsletter form input {
        background-color: var(--grey-light);
        max-width: 40rem;
    }

    .body--text main .block__newsletter form + small,
    .block__production .block__newsletter form + small {
        position: relative;
        left: unset;
        bottom: unset;
    }

@media(max-width: 991px) {
    .block__production .production__description .block__newsletter .row {
        margin: 0;
    }

    .block__production .production__description .block__newsletter .row > div {
        width: 100%;
    }
}

@media(min-width: 992px) {
    .body--text main .block__newsletter h2,
    .block__production .block__newsletter h2 {
        font-size: 2.4rem;
        margin-bottom: 2rem;
    }

    .body--text main .block__newsletter small a,
    .block__production .block__newsletter small a {
        background-image: linear-gradient(var(--black), var(--black));
    }
}

.block__textandimage {
    padding: var(--padding-lg) 0;
}

.textandimage__image {
    background-image: var(--maingradient);
    padding: .4rem;
    margin-bottom: 2rem;
    line-height: 0;
}

    .textandimage__image picture,
    .textandimage__image img {
        width: 100%;
        height: auto;
    }

.textandimage__text .button--outline {
    width: 100%;
    justify-content: center;
    margin-top: 1.5rem;
}

@media(min-width: 992px) {
    .block__textandimage .row > div:last-of-type {
        display: flex;
        align-items: center;
        position: relative;
    }

    .textandimage__image {
        background-image: none;
        padding: 0;
        margin-bottom: 0;
    }

    .textandimage__text {
        background-image: var(--maingradient);
        padding: .4rem;
        width: calc(100% + 8.33333333% + 3rem);
        position: absolute;
        right: 1.5rem;
    }

    .textandimage__body {
        background-color: var(--white);
        padding: 3rem 4rem;
    }

    .textandimage__text .button--outline {
        width: auto;
    }

    .block__textandimage + .block__textandimage .row > div:first-of-type,
    .block__textandimage + .block__textandimage + .block__textandimage + .block__textandimage .row > div:first-of-type {
        order: 1;
    }

    .block__textandimage + .block__textandimage .row > div:last-of-type,
    .block__textandimage + .block__textandimage + .block__textandimage + .block__textandimage .row > div:last-of-type {
        order: 0;
    }

    .block__textandimage + .block__textandimage .textandimage__text,
    .block__textandimage + .block__textandimage + .block__textandimage + .block__textandimage .textandimage__text {
        right: unset;
        left: 1.5rem;
    }

    .block__textandimage + .block__textandimage + .block__textandimage .row > div:first-of-type,
    .block__textandimage + .block__textandimage + .block__textandimage + .block__textandimage + .block__textandimage .row > div:first-of-type {
        order: 0;
    }

    .block__textandimage + .block__textandimage + .block__textandimage .row > div:last-of-type,
    .block__textandimage + .block__textandimage + .block__textandimage + .block__textandimage + .block__textandimage .row > div:last-of-type {
        order: 1;
    }

    .block__textandimage + .block__textandimage + .block__textandimage .textandimage__text,
    .block__textandimage + .block__textandimage + .block__textandimage + .block__textandimage + .block__textandimage .textandimage__text {
        right: 0;
        left: unset;
    }
}

@media(min-width: 992px) and (max-width: 1199px) {
    .textandimage__body {
        padding: 1.5rem 2rem;
        font-size: 1.4rem;
        line-height: 2.4rem;
    }

    .textandimage__text .button--outline {
        margin-top: 0;
    }
}

.textcolumns {
    display: flex;
    flex-flow: column;
}

    .textcolumns > div:has(+div) {
        margin-bottom: var(--padding-sm);
    }

@media(min-width: 992px) {
    .textcolumns {
        flex-flow: row;
        gap: 2rem
    }

        .textcolumns > div:has(+div) {
            margin-bottom: 0;
        }

        .textcolumns:has(div:nth-child(2)) div {
            width: 50%;
        }

        .textcolumns:has(div:nth-child(3)) div {
            width: 33.333333%;
        }
}

.widgets {
    display: flex;
    flex-flow: column;
    flex: 1 0 auto;
    gap: 2rem;
}

.widget {
    width: 100%;
    border: .1rem solid var(--grey-medium);
}

.widget__image--icon {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: var(--maingradient);
}

    .widget__image--icon a {
        width: 100%;
        text-align: center;
    }

.widget__image--image {
    font-size: 0;
    line-height: 0;
}

.widget__image--image img {
    width: 100%;
    height: auto;
}

.widget__text {
    padding: 2rem;
    text-align: center;
}

    .widget__text h4 {
        margin-bottom: 1.5rem;
    }

    .widget__text p:last-of-type {
        margin-bottom: 0;
    }


@media(min-width: 992px) {
    .widgets {
        flex-flow: row;
        flex-wrap: wrap;
    }

    .widgets:has(div:nth-child(3)) .widget {
        width: calc(33.33333% - (4rem / 3));
    }
}

@media(min-width: 992px) and (max-width: 1399px) {
    .widget {
        width: calc(50% - 1rem);
    }

    .widgets:has(div:nth-child(2)) .widget {
        width: calc(50% - (2rem / 2));
    }
}

@media(min-width: 1400px) {
    .widget {
        width: calc(50% - 1rem);
    }

    .widgets:has(div:nth-child(3)) .widget {
        width: calc(33.33333% - (4rem / 3));
    }
}
.block__faq--collapsable:has(+.block__faq--collapsable) {
    padding-bottom: 0;
}

.block__faq--collapsable + .block__faq--collapsable {
    padding-top: 0;
}

.block__faq h4 {
    color: var(--black);
    font-weight: 800;
    margin-bottom: 1.5rem !important;
}

.faq__items {
    display: flex;
    flex-flow: column;
    gap: 2rem;
}

.faq__group--collapsable .faq__items {
    max-height: 0;
    overflow: hidden;
    transition: var(--transition-default);
}

.faq__group--collapsable.open .faq__items {
    max-height: unset;
}

.faq__group button {
    width: 100%;
    background-color: transparent;
    border: none;
    margin: 0;
    padding: 2rem 5rem 2rem 2rem;
    text-align: left;
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--black);
    cursor: pointer;
    position: relative;
}

    .faq__group button svg {
        position: absolute;
        top: 2.5rem;
        right: 3rem;
        transform: rotate(90deg);
        transition: var(--transition-default);
    }

.faq__group--collapsable > button {
    position: relative;
}

    .faq__group--collapsable > button:after {
        content: "";
        width: 100%;
        height: .1rem;
        background-color: var(--grey-medium);
        position: absolute;
        left: 0;
        bottom: -.1rem;
        z-index: 0;
    }

    .faq__group--collapsable > button h4 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .faq__group--collapsable > button svg {
        right: unset;
        left: 0;
    }

.faq__items {
    position: relative;
    z-index: 1;
}

.faq__item {
    border: .1rem solid var(--grey-medium);
    transition: var(--transition-default);
}

    .faq__item > div {
        max-height: 0;
        overflow: hidden;
        transition: var(--transition-default);
    }

    .faq__item .faq__text {
        padding: 2rem;
    }

    .faq__item.open {
        box-shadow: 0 .5rem 1rem 0 rgba(231, 231, 231, 1);
        transition-duration: 0s;
    }

        .faq__item.open > div {
            max-height: unset;
        }

        .faq__item.open button svg,
        .faq__group--collapsable.open > button svg {
            transform: rotate(270deg);
        }


.body--landingpage .block__faq .col-lg-8 {
    margin: auto;
}

@media(min-width: 992px) {
    .faq__item button {
        font-size: 1.6rem;
    }

    .faq__item:not(.open):has(>button:hover) {
        border-color: var(--black);
    }

    .faq__item.open > div,
    .faq__group--collapsable.open .faq__items {
        max-height: unset;
    }
}

.block__images img {
    width: 100%;
    height: auto;
}

.block__images .images__gallery {
    position: relative;
}

    .block__images .images__gallery .button {
        top: calc(50% - 2.6rem);
    }

        .block__images .images__gallery .button:not(.slick-arrow) {
            display: none;
        }

.block__images .images__caption {
    font-size: 1.4rem;
    opacity: .5;
}

.block__images--fill {
    padding: 0;
    line-height: 0;
}

    .block__images--fill .container,
    .block__images--fill .container .row,
    .block__images--fill .container .row > div {
        padding: 0;
        margin: 0;
        width: 100%;
        max-width: 100%;
    }

    .block__images--fill img {
        height: auto;
        width: 100vw;
    }

    .block__images--fill .button--prev {
        left: 0;
    }

    .block__images--fill .button--next {
        right: 0;
    }

@media(max-width: 991px) {
    .images__gallery {
        width: calc(100% + 3rem);
        transform: translateX(-1.5rem);
    }

        .images__gallery .slick-dots {
            position: absolute;
            bottom: -2.6rem;
            width: 100%;
            list-style: none;
            margin: 0;
            padding: 0;
            display: flex;
            justify-content: center;
            gap: 1rem;
        }

            .images__gallery .slick-dots button {
                text-indent: -9000px;
                width: .8rem;
                height: .8rem;
                border-radius: 50%;
                background-color: var(--black);
                opacity: .2;
                padding: 0;
                border: none;
                box-shadow: none;
                outline: none;
            }

            .images__gallery .slick-dots .slick-active button {
                opacity: 1;
            }

            .images__gallery:has(>.slick-dotted) + .row {
                margin-top: 2rem;
            }
}

@media(min-width: 992px) {
    .block__images--fill img {
        height: 45rem;
        width: auto;
    }
}

.block__video .cookiebot__accept {
    border: .1rem solid var(--grey-dark);
}

.block__video .col-lg-8.align-center {
    margin: auto;
}
.block__form--text {
    background-color: var(--grey-light);
    padding: calc(var(--padding-lg) * 2) 0 !important;
}

.block__form h2 {
    margin-bottom: 6rem;
}

.block__form fieldset {
    margin: 0;
    padding: 0;
    border: none;
}

.block__form .umbraco-forms-container {
    display: flex;
    flex-flow: column;
    gap: 2rem;
}

.block__form .umbraco-forms-field {
    position: relative;
}

.block__form input:not([type="checkbox"]),
.block__form textarea,
.block__form select {
    width: 100%;
    padding: 2.4rem 1.6rem 1rem;
    min-height: 5.4rem;
}



    .block__form input::placeholder,
    .block__form textarea::placeholder {
        color: transparent;
    }

.block__form label {
    position: absolute;
    top: 1.8rem;
    left: 1.6rem;
    color: var(--grey-darkest);
    font-weight: 500;
    font-size: 1.4rem;
    line-height: 1.8rem;
    font-style: italic;
    transition: var(--transition-default);
}

    .block__form label:has(+div input[type="checkbox"]) {
        position: relative;
        top: auto;
        left: auto;
        color: var(--black);
        font-family: var(--font);
        font-size: 1.5rem !important;
        line-height: 3rem;
        font-weight: 400;
        font-style: normal;
    }

    .block__form label .umbraco-forms-indicator {
        color: var(--maincolor);
    }

    .block__form label:has(+div input:focus),
    .block__form label:has(+div input:not(:placeholder-shown)),
    .block__form label:has(+div textarea:focus),
    .block__form label:has(+div textarea:not(:placeholder-shown)),
    .block__form label:has(+div select:focus),
    .block__form label:has(+div select:not(:placeholder-shown)) {
        top: .2rem;
        font-size: 1.2rem;
    }

.block__form .checkboxlist label {
    position: relative;
    top: -3px;
    left: auto;
    font-family: var(--font);
    font-size: 1.5rem;
    line-height: 3rem;
    font-weight: 400;
    color: var(--black);
    font-style: normal;
}

.block__form input[type="checkbox"] {
    height: 2rem;
    width: 2rem;
    accent-color: #000;
    margin-bottom: 1.5rem;
}

.block__form .checkboxlist input:last-of-type {
    margin-bottom: 0rem;
}

.block__form .field-validation-error {
    font-size: 1.2rem;
    color: var(--maincolor);
}

.block__form .umbraco-forms-navigation {
    margin-top: 4rem;
}

    .block__form .umbraco-forms-navigation > div {
        text-align: right;
    }

.block__form .recaptchav3withscore {
    display: none;
}

.block__form .longanswer .umbraco-forms-field-wrapper {
    line-height: 0;
}

.block__form--textpage form {
    max-width: 50rem;
}

.block__form--textpage .shortanswer input,
.block__form--textpage .longanswer textarea,
.block__form--textpage .dropdown select {
    color: var(--black);
    border-radius: 0;
    border: .1rem solid var(--grey-medium);
    background-color: var(--white);
    height: 5.4rem;
}


.block__form .umbraco-forms-field-wrapper:has(input:focus) .cookie-recaptcha,
.block__form .umbraco-forms-field-wrapper:has(input:not(:placeholder-shown)) .cookie-recaptcha {
    top: .2rem;
    font-size: 1.2rem;
}


@media(max-width: 991px) {
    .block__form .form__text {
        text-align: center;
    }

    .block__form form {
        margin-top: 4rem;
        margin-left: auto;
        margin-right: auto;
    }

    .body--text .block__form form {
        margin-left: 0;
    }

    .body--text .block__form .form__text {
        text-align: left;
    }
}

@media(min-width: 992px) {
    section.textpage ~ section.block__form .container .row,
    section.landingpage ~ section.block__form .container .row,
    section.textpage--hassubmenu ~ section.block__form .container .row {
        justify-content: center !important;
    }

    section.textpage ~ section.block__form.block__form--textpage .container .row,
    section.landingpage ~ section.block__form.block__form--textpage .container .row,
    section.textpage--hassubmenu ~ section.block__form.block__form--textpage .container .row {
        justify-content: flex-end !important;
    }
}

.body--landingpage .block__form .row {
    justify-content: center;
}
.block__quote blockquote {
    font-size: 3rem;
    line-height: 4rem;
    font-weight: 300;
    margin-inline-start: 2rem;
}

    .block__quote blockquote:before {
        content: open-quote;
        font-size: 4rem;
        font-weight: 700;
        position: absolute;
        transform: translateX(-2rem);
        opacity: .2;
    }

    .block__quote blockquote:after {
        content: close-quote;
        font-size: 4rem;
        font-weight: 700;
        position: absolute;
        opacity: .2;
    }

.block__quote p {
    font-size: 1.4rem;
    opacity: .5;
    margin-left: 2rem;
    margin-bottom: 0;
}

.block__text .richtext p:last-of-type,
.block__text .richtext ul:last-of-type {
    margin-bottom: 0;
}

.body--landingpage .block__text .row {
    justify-content: center;
}

.block__text .cookiebot__accept {
    border: .1rem solid var(--grey-dark);
    position: relative;
}




body {
}

.block__stories {
    background-color: var(--black);
    color: var(--white);
    padding: 0 !important;
    text-align: center;
}

    .block__stories:has(>h2) {
        padding-top: var(--padding-lg) !important;
    }

.block__stories:not(.block__stories--gallery) {
    /*padding-bottom: var(--padding-lg) !important;*/
}

.body--text .block__stories:last-of-type {
    margin-bottom: var(--padding-lg);
}

.stories .container {
    padding: 0;
}

.stories .slick-track {
    display: flex !important;
}

.stories .slick-slide {
    height: inherit !important;
    line-height: 0;
}

.block__stories:not(.block__stories--gallery) .story {
    /*aspect-ratio: 375 / 282;*/
}

.block__stories--tiles:not(.block__stories--gallery) .story {
    aspect-ratio: unset;
}

section.textpage:has(~.block__stories--tiles) {
    text-align: center;
}

.block__stories--tiles {
    padding: 0 !important;
}

    .block__stories--tiles .stories {
        display: flex;
        flex-wrap: wrap;
    }

        .block__stories--tiles .stories .story {
            width: 100%;
            height: auto;
        }

.story {
    position: relative;
    overflow: hidden;
}

    .story picture,
    .story img {
        display: block;
        width: 100%;
        height: auto;
    }

.story:not(:last-of-type) {
    padding-bottom: 1rem;
}

@media(max-width: 991px) {
    .story:not(:last-of-type) {
        margin-bottom: 1rem;
    }
}

.story--video:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: var(--black-20);
    z-index: 0;
}

.block__stories--gallery:has(+.block__stories) {
    padding-bottom: 0;
}

.story__text {
    position: absolute;
    left: 1.5rem;
    bottom: 2.5rem;
    text-align: left;
    width: calc(100% - 3rem);
    z-index: 1;
}

    .story__text h3 {
        width: 100%;
        margin-bottom: .8rem;
        font-size: 2rem;
        margin: 0 3rem 0 0;
    }

        .story__text h3 span {
            color: var(--white);
            line-height: 180%;
            padding: .4rem .8rem;
            background-image: var(--maingradient);
        }

        .story__text h3:has(+.button) {
            margin-bottom: .6rem;
        }

.story__info {
    position: absolute;
    top: 1.5rem;
    right: 2.5rem;
    z-index: 1;
}

    .story__info .story__copyright {
        padding: .5rem 1rem;
        background-color: var(--white);
        position: absolute;
        top: 0;
        right: 4rem;
        white-space: nowrap;
        opacity: 0;
        transition: var(--transition-default);
    }

    .story__info:hover .story__copyright {
        opacity: 1;
    }

.story__play {
    position: absolute;
    top: calc(50% - 3.2rem);
    left: calc(50% - 3.2rem);
    width: 6.4rem;
    height: 6.4rem;
    border: .2rem solid var(--white);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
}

    .story__play:before {
        content: "";
        width: 30rem;
        height: 20rem;
        position: absolute;
        top: calc(-10rem + 3.2rem);
        left: calc(-15rem + 3.2rem);
        background-color: transparent;
    }

.block__stories .cta--white {
    margin-top: 2rem;
    margin-bottom: 3rem;
    transform: translateY(.4rem);
}

.block__stories .button--showmore {
    font-size: 1.6rem;
    font-weight: 500;
    color: var(--white);
    padding: 1rem 0 3rem 0; 
    display: none;
}

@media(max-width: 991px) {
    .block__stories .button--showmore {
        display: block;
    }
}


.block__stories .button--showmore svg {
    margin-right: unset;
    margin-left: 1rem;
    transform: translateY(.4rem);
}

.body--home .block__stories .button--showmore svg {
    transform: translateY(0rem);
}

.popup__storyinfo {
    background-color: var(--black-10);
    padding: 2rem;
}

    .popup__storyinfo .popup__body {
        width: 100%;
        /*height: 100%;*/
        padding: 2rem;
        font-size: 1.3rem;
        line-height: 2.6rem;
        box-shadow: 0 0 2rem rgba(0, 0, 0, 0.12);
        background-color: var(--white);
    }

    .popup__storyinfo h3 {
        font-size: 1.6rem;
        margin: 0 6rem 1.5rem 0;
    }

        .popup__storyinfo h3 span {
            background-image: var(--maingradient);
            color: var(--white);
            line-height: 185%;
            padding: .4rem .8rem;
        }

    .popup__storyinfo .button--close {
        background-color: var(--black);
    }

.popup__storyvideo .popup__body {
    width: 100%;
    height: 100%;
    background-color: var(--black);
    display: flex;
    justify-content: center;
    align-items: center;
}

.popup__storyvideo .button--close {
    background-color: var(--white);
}

    .popup__storyvideo .button--close svg path {
        fill: var(--black);
    }

.popup__videoplayer {
    width: 100%;
}

@media(max-width: 991px) {
    .block__stories .button--prev,
    .block__stories .button--next {
        display: none;
    }
}

@media(min-width: 992px) {
    .block__stories + .block__stories {
        border-top: none;
    }

    .block__stories:not(.block__stories--gallery) .story {
        aspect-ratio: 470 / 282;
    }

    .block__stories--gallery .story picture,
    .block__stories--gallery .story img {
        height: 100%;
        width: auto;
    }

    .block__stories .container {
        max-width: unset;
        padding: 0;
    }

    .story {
        padding-bottom: 0;
        padding-right: 1rem;
    }

    .stories__container {
        position: relative;
    }

        .stories__container .button--prev {
            top: calc(50% - 2.6rem);
            left: 0;
        }

        .stories__container .button--next {
            top: calc(50% - 2.6rem);
            right: 0;
        }

    .popup__storyinfo,
    .popup__storyvideo {
        background-color: var(--black-70);
    }

        .popup__storyinfo .popup__body,
        .popup__storyvideo .popup__body {
            max-width: 80rem;
            max-height: 60rem;
        }

        .popup__storyinfo h3 {
            font-size: 2.8rem;
        }

    .story__info svg,
    .story__play svg,
    .story__play {
        transition: var(--transition-default);
    }

        .story__info:hover svg,
        .story__play:hover svg {
            transform: scale(1.2);
        }

        .story__play:hover {
            background-color: var(--black-30);
        }

    .block__stories .button--close:hover {
        transform: scale(1.1);
    }
}

.popup__storyvideo--portrait .popup__body {
    aspect-ratio: 9/16;
    max-height: 80vh;
    width: unset;
}

.popup__storyvideo--portrait .iframe__container {
    padding-top: 0;
    aspect-ratio: 9/16;
    width: 100%;
    max-height: 90vh;
}

.popup__storyvideo--portrait .button--close {
    z-index: 1;
}

.popup__storyvideo--portrait {
    background-color: var(--black-70);
}

@media(max-width: 576px) {
    .popup__storyvideo--portrait .popup__body {
        transform: translateY(-1rem);
    }
}

@media(min-width: 1024px) {
    .popup__storyinfo .popup__body, .popup__storyvideo .popup__body {
        max-width: 100rem;
        max-height: 75rem;
    }

    .popup__storyinfo .popup__body {
        max-width: 60rem;
        max-height: unset;
        height: auto;
    }
}

@media(min-width: 1024px) and (max-height: 800px) {
    .popup__storyinfo .popup__body,
    .popup__storyvideo .popup__body {
        max-width: 80rem;
        max-height: 60rem;
    }
}

@media(min-width: 768px) {
    .block__stories--tiles .stories .story {
        width: 50%;
        height: auto;
    }
}

@media(min-width: 1400px) {
    .block__stories--tiles .stories .story {
        width: 33.3333333%;
    }
}

@media(min-width: 1700px) {
    .block__stories--tiles .stories .story {
        width: 25%;
    }
}

@media(min-width: 2400px) {
    .block__stories--tiles .stories .story {
        width: 20%;
    }
}

.block__productionsearch {
    padding: var(--padding-sm) 0;
}

.productionsearch__genres .genres {
    justify-content: flex-start;
    flex-wrap: nowrap;
    width: calc(100% + 1.5rem);
    overflow-x: auto;
}

    .productionsearch__genres .genres > a:last-of-type {
        margin-right: 1.5rem;
    }

.productionsearch__form.search__form svg {
    top: calc(50% - 1rem);
}

@media(min-width: 992px) {
    .block__productionsearch h2 {
        text-align: center;
        margin-bottom: 3rem;
    }

        .block__productionsearch h2 span {
            background-image: var(--maingradient);
            color: var(--white);
            padding: .4rem 1rem;
            line-height: 180%;
        }

    .block__productionsearch h3 {
        font-size: 1.5rem;
        line-height: 1.8rem;
    }

    .block__productionsearch .input--text {
        height: 6rem;
    }

    .productionsearch__genres .genres {
        flex-wrap: wrap;
        width: auto;
        overflow: visible;
    }

        .productionsearch__genres .genres a {
            padding-top: .7rem;
            padding-bottom: .5rem;
            position: relative;
        }

            .productionsearch__genres .genres a:hover {
                background-color: var(--mainbgcolorhover);
            }

    .block__productionsearch .search__suggestions {
        right: calc(50% - 20rem);
    }
}

@media(min-width: 1400px) {
    .block__productionsearch .col-xxl-4 {
        width: 33.33333333%;
    }
}

.block__productions {
    text-align: center;
    background-color: var(--grey-medium);
    padding: 0;
}

    .block__productions:has(.quickfilters) {
        padding: var(--padding-lg) 0;
    }



    .block__productions .cta--black {
        margin-top: 2rem;
    }

    .block__productions .button--more {
        font-size: 1.4rem;
        line-height: 1.4rem;
        font-weight: 700;
        padding: 3rem 3rem 3rem 2rem;
        position: relative;
    }

        .block__productions .button--more:after {
            content: "";
            width: 1.5rem;
            height: .8rem;
            position: absolute;
            top: calc(50% - .4rem);
            right: 0;
            background-image: url("data:image/svg+xml,%3Csvg width='15' height='8' viewBox='0 0 15 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.2071 7.70722C7.8166 8.09772 7.1834 8.09772 6.7929 7.70722L1.13604 2.05032C0.745507 1.65984 0.745507 1.02668 1.13604 0.636152C1.52656 0.245632 2.15973 0.245632 2.55025 0.636152L7.5 5.58592L12.4497 0.636152C12.8403 0.245632 13.4734 0.245632 13.864 0.636152C14.2545 1.02668 14.2545 1.65984 13.864 2.05032L8.2071 7.70722Z' fill='black'/%3E%3C/svg%3E%0A");
        }

.production__placeholder {
    display: flex;
    flex-flow: column;
    background-color: var(--white);
    min-height: 39rem;
    animation: glowPlaceholder 1s ease-in-out infinite;
}

    .production__placeholder > div:first-of-type {
        background-color: var(--grey-medium);
        border: .5rem solid var(--white);
        aspect-ratio: 343/192;
    }

    .production__placeholder > div:last-child {
        background-color: var(--white);
        position: relative;
    }

        .production__placeholder > div:last-child:before,
        .production__placeholder > div:last-child:after {
            content: "";
            position: absolute;
            background-color: var(--grey-medium);
        }

        .production__placeholder > div:last-child:before {
            width: 22rem;
            height: 3rem;
            top: 2.5rem;
            left: calc(50% - 11rem);
        }

        .production__placeholder > div:last-child:after {
            width: 16rem;
            height: 3rem;
            top: 10.5rem;
            left: calc(50% - 8rem);
        }

@keyframes glowPlaceholder {
    0% {
        opacity: 1;
    }

    50% {
        opacity: .7;
    }

    100% {
        opacity: 1;
    }
}

@media(min-width: 992px) {
    .production__placeholder {
        width: calc(33.33333% - calc(3rem / 3));
    }
}

.productions__day {
    font-size: 2rem;
    line-height: 2.4rem;
    font-weight: 800;
    margin: 3rem 0 2rem;
    text-align: left;
    position: relative;
}

    .productions__day:after {
        content: "";
        width: 100%;
        height: .1rem;
        position: absolute;
        top: 50%;
        left: 0;
        background-color: var(--grey-dark);
        z-index: 0;
    }

    .productions__day span {
        background-color: var(--grey-medium);
        padding: 0 2rem 0 0;
        position: relative;
        z-index: 1;
    }

.productions__filter {
    position: relative;
    z-index: 2;
}

.productions__top {
    width: 100%;
    height: 24.2rem;
    padding: 4rem 1rem 2.5rem;
    margin-bottom: 2.5rem;
    color: var(--white);
    display: flex;
    flex-flow: column;
    z-index: 1;
}

.body--productions .productions__top {
    height: 20.2rem;
}

.productions__top:before {
    content: "";
    width: calc(100% + 3rem);
    height: 100%;
    position: absolute;
    top: 0;
    left: -1.5rem;
    background-image: var(--maingradient);
    z-index: -1;
}

.productions__top--sticky {
    position: fixed;
    top: -8.2rem;
    height: 23.2rem;
    left: 0;
}

.filters__tabs {
    display: flex;
    justify-content: center;
    margin-bottom: 2rem;
}

    .filters__tabs a {
        display: inline-flex;
        justify-content: center;
        padding: .6rem 0;
        margin: 0 2.5rem;
        font-size: 2rem;
        line-height: 2.4rem;
        color: var(--white);
    }

        .filters__tabs a.active {
            font-weight: 800;
            border-bottom: .2rem solid var(--white);
        }

.filters__form {
    width: 100%;
    position: relative;
    margin-bottom: 1.5rem;
    display: inline-block;
    margin-right: 10px;
}

.body--productions .filters__form {
    width: calc(100% - 200px);
}

.filters__form input {
    width: 100%;
    padding-right: 4rem;
}

.filters__form svg {
    position: absolute;
    top: 1.6rem;
    right: 1.6rem;
}

.filters__buttons {
    display: flex;
    justify-content: stretch;
}

.body--productions .filters__buttons {
    display: inline-block;
}

.button--filter:has(+.button--filter) {
    margin-right: 1.5rem;
}

.button--filter {
    width: 50%;
    padding-left: 1.6rem;
    padding-right: 2rem;
    font-size: 1.4rem;
}

.body--productions .button--filter {
    width: 150px;
}

.body--productions .productions__filter .popup__body .filter__option:has(+ .filter__option) {
    margin-bottom: 1.5rem;
}

.body--productions .js-filter-datepartpopup {
    display: none;
}


.button--filter:after {
    width: 1.5rem;
    height: .8rem;
    top: calc(50% - 0.4rem);
    right: 1.6rem;
    background-image: url("data:image/svg+xml,%3Csvg width='15' height='8' viewBox='0 0 15 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.2071 7.70722C7.8166 8.09772 7.1834 8.09772 6.7929 7.70722L1.13604 2.05032C0.745507 1.65984 0.745507 1.02668 1.13604 0.636152C1.52656 0.245632 2.15973 0.245632 2.55025 0.636152L7.5 5.58592L12.4497 0.636152C12.8403 0.245632 13.4734 0.245632 13.864 0.636152C14.2545 1.02668 14.2545 1.65984 13.864 2.05032L8.2071 7.70722Z' fill='white'/%3E%3C/svg%3E%0A");
}

.button--filter.button--filter-date {
    padding-left: 4.8rem;
    padding-right: 1.6rem;
}

    .button--filter.button--filter-date:after {
        width: 1.8rem;
        height: 1.8rem;
        top: calc(50% - 0.9rem);
        right: unset;
        left: 1.6rem;
        background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 0C13.5128 0 13.9355 0.386044 13.9933 0.88338L14 1V2H16C17.0544 2 17.9182 2.81588 17.9945 3.85074L18 4V16C18 17.0544 17.1841 17.9182 16.1493 17.9945L16 18H2C0.945638 18 0.0818349 17.1841 0.00548577 16.1493L0 16V4C0 2.94564 0.815877 2.08183 1.85074 2.00549L2 2H4V1C4 0.44772 4.44772 0 5 0C5.51283 0 5.93551 0.386044 5.99327 0.88338L6 1V2H12V1C12 0.44772 12.4477 0 13 0ZM16 9H2V16H16V9ZM16 4H2V7H16V4Z' fill='white'/%3E%3C/svg%3E%0A");
    }

    .button--filter.button--filter-date span.clear {
        position: absolute;
        right: 15px;
        display: none;
    }

    .button--filter.button--filter-date.active span.clear {
        display: block;
    }

    @media(max-width: 374px) {
        .button--filter {
        font-size: 1.1rem;
        font-weight: 600;
        padding-left: 1.2rem;
    }

        .button--filter:after {
            width: 1.1rem;
            height: .8rem;
            background-size: 100% auto;
            background-repeat: no-repeat;
        }

        .button--filter.button--filter-date {
            padding-left: 3.5rem;
        }

            .button--filter.button--filter-date:after {
                width: 1.4rem;
                height: 1.8rem;
                background-size: 100% auto;
            }
}

@media(max-width: 991px) {
    .block__productions:has(.productions__top--sticky) {
        padding-top: 26.5rem;
    }

    .body--productions.is--hidenav .navbar,
    .body--agenda.is--hidenav .navbar {
        display: none;
    }
}

.productions__filter .popup__body {
    width: 100%;
    height: 100%;
    padding: 2rem;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    background-image: var(--maingradient);
}

    .productions__filter .popup__body h3 {
        width: 100%;
        text-align: center;
    }

        .productions__filter .popup__body h3 span {
            background-color: var(--white);
            color: var(--maincolor);
            font-size: 3.2rem;
            line-height: 190%;
            padding: .4rem .8rem;
        }

    .productions__filter .popup__body .filter__option input {
        position: absolute;
        top: 0;
        left: 0;
        width: 0;
        height: 0;
        opacity: 0;
    }

    .productions__filter .popup__body .filter__option label {
        font-weight: 700;
        font-size: 2rem;
        line-height: 2rem;
        color: var(--white);
        background-image: linear-gradient(var(--white), var(--white));
        background-position: 0 calc(100% - 0.1rem);
        background-repeat: no-repeat;
        background-size: 0% 0.1rem;
    }

    .productions__filter .popup__body .filter__option:has(+.filter__option) {
        margin-bottom: 2.5rem;
    }

    .productions__filter .popup__body .filter__option input:checked + label {
        background-size: 100% .1rem;
    }

    .productions__filter .popup__body .filter__option.disabled,
    .block__productionsearch .genres a.disabled {
        pointer-events: none;
        opacity: 0.3;
    }

    .productions__filter .popup__body .button--close {
        background-color: var(--black);
    }

body.body--agenda .button--filter-genre,
body.body--productions .button--filter-date {
    display: none;
}

.productions__tiles {
    display: flex;
    flex-flow: column;
    gap: 1.5rem;
}

    .productions__tiles > h1 {
        width: 100%;
        text-align: center;
        margin: 1rem 0 2rem;
    }

.pika-single {
    border: none;
    font-family: var(--font);
    z-index: 1;
}

.pika-lendar {
    background: var(--white);
    width: 32rem;
    margin: 0;
}

.pika-table {
    width: 31rem;
    margin: .6rem auto;
}

    .pika-table th,
    .pika-table td {
        padding: .2rem;
        font-family: var(--font);
        font-size: 1.5rem;
        border: none !important;
    }

    .pika-table th {
        color: var(--black);
    }

        .pika-table th abbr {
            text-decoration: none;
        }

.pika-single {
    background: initial;
}

.pika-button {
    color: var(--black);
    font-weight: 700;
    background: var(--grey-light);
}

@media(min-width: 992px) {
    .pika-button :hover {
        background: var(--black);
        color: var(--white);
    }
}

.pika-title {
    background-color: var(--black);
    color: var(--white);
    padding: 1rem 0;
    border-top-left-radius: .2rem;
    border-top-right-radius: .2rem;
    position: relative;
}

.pika-label {
    background: var(--black);
    color: var(--white);
    font-size: 1.6rem;
    padding-top: 1rem;
    padding-bottom: 0rem;
}

.pika-prev,
.pika-next {
    width: 6rem;
    height: 6rem;
    background-size: .8rem 1.3rem;
    opacity: 1;
    position: absolute;
    top: 0;
    text-indent: -9000px;
}

.pika-prev {
    left: 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7.66 13.31' width='8' height='13'%3E%3Cpath d='m.29,7.36c-.39-.39-.39-1.02,0-1.41L5.95.29c.39-.39,1.02-.39,1.41,0,.39.39.39,1.02,0,1.41L2.41,6.66l4.95,4.95c.39.39.39,1.02,0,1.41-.39.39-1.02.39-1.41,0L.29,7.36Z' fill='%23fff' /%3E%3C/svg%3E");
}

.pika-next {
    right: 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7.66 13.31' width='8' height='13'%3E%3Cpath d='m7.36,5.95c.39.39.39,1.02,0,1.41L1.71,13.02c-.39.39-1.02.39-1.41,0-.39-.39-.39-1.02,0-1.41l4.95-4.95L.29,1.71C-.1,1.32-.1.68.29.29.68-.1,1.32-.1,1.71.29l5.66,5.66Z' fill='%23fff' /%3E%3C/svg%3E");
}

.pika-button {
    min-width: 3.8rem;
    min-height: 3.8rem;
    text-align: center;
    font-size: 1.5rem;
    padding: .7rem .5rem .3rem;
}

.is-selected .pika-button {
    box-shadow: none;
    background: var(--black);
    color: var(--white);
}

.is-disabled .pika-button {
    background: var(--grey-medium);
    color: var(--grey-dark);
    opacity: 1;
}

.is-today .pika-button {
    background-color: hsl(147.14deg 58.33% 92.35%);
    color: var(--green);
}

.productions__tiles .button--prev,
.productions__tiles .button--next {
    display: none;
}

.productions__tiles .slick-track {
    display: flex !important;
}

.productions__tiles .slick-slide {
    height: inherit !important;
}

    .productions__tiles .slick-slide > div {
        height: 100%;
    }

.productions__tiles .tile .tile__text .genres {
    align-items: center;
    flex-flow: column;
}

    .productions__tiles .tile .tile__text .genres:has(>.genre--outline) {
        flex-flow: row;
    }

.productions__tiles .noresults {
    width: 100%;
    padding: 3rem 0;
    text-align: center;
}

.block__productions > .container h2 {
    margin-top: 2.5rem;
    margin-bottom: 5rem;
}

.block__productions:has(.quickfilters) > .container h2 {
    margin-top: 0;
    margin-bottom: 2rem;
}

@media(max-width: 991px) {
    .block__productions:has(.quickfilters) > .container h2 {
        font-size: 2.8rem;
    }
}

.body--productions main > .block__text .row {
    justify-content: center;
}

.body--productions[data-culture="en-GB"] .block__productions,
.body--landingpage .block__productions {
    padding: 2.5rem 0 !important;
}

    .body--productions[data-culture="en-GB"] .block__productions .productions__filter,
    .body--landingpage .block__productions .productions__filter {
        display: none !important;
    }

@media(max-width: 991px) {
    .productions__tiles .productions__carousel {
        display: flex;
        flex-flow: column;
        gap: 1.5rem;
    }
}

@media(min-width: 992px) {
    .body--productions main {
        min-height: 85rem; /* vanwege genre dropdown, bij 0 resultaten */
    }

    .block__productions {
        padding: 1.5rem 0;
    }

        .block__productions:has(.productions__top) {
            padding-top: calc(24.2rem + 2.5rem);
        }

    .productions__top {
        position: absolute;
        top: var(--nav-height);
        left: 0;
    }

    .button--filter:hover:after {
        transform: translateY(.3rem);
    }

    .button--filter-date:hover:after {
        transform: none;
    }

    .quickfilters {
        justify-content: center;
        margin-bottom: 1rem;
    }

    .productions__tiles {
        position: relative;
    }

        .productions__tiles .slick-slide {
            opacity: 0;
            margin-right: 1.5rem;
        }

            .productions__tiles .slick-slide .tile {
                height: 100%;
            }

        .productions__tiles .button--prev,
        .productions__tiles .button--next {
            top: 11rem;
            display: flex;
        }

        .productions__tiles .button--next {
            right: -1.1rem;
        }

    .block__productions:has(.productions__top) {
        padding-top: 0;
    }

    .productions__top {
        position: relative;
        top: unset;
        left: unset;
    }

    .productions__tiles {
        flex-flow: row;
        flex-wrap: wrap;
    }

    .productions__carousel {
        width: 100%;
    }

    .productions__day {
        width: 100%;
    }

    .productions__tiles .tile {
        width: calc(33.3333% - calc(3rem / 3));
    }

        .productions__tiles .tile .genres .genre--small {
            font-size: 1.2rem;
            line-height: 1.4rem;
            padding: 0.9rem 0.8rem 0.7rem;
        }

    .productions__tiles .tile__text h3 {
        font-size: 2rem
    }

    .block__productions .popup__body .filter__option label {
        background-image: linear-gradient(var(--white), var(--white));
        cursor: pointer;
        transition: var(--transition-default);
    }

        .block__productions .popup__body .filter__option label:hover {
            background-size: 100% .1rem;
        }

    .block__productions .button--close:hover {
        transform: scale(1.1);
    }

    .productions__more {
        width: 100%;
    }

        .productions__more .button--more:after {
            transition: var(--transition-default);
        }

        .productions__more .button--more:hover:after {
            transform: translateY(.3rem);
        }

    .productions__filter .filters__buttons {
        position: relative;
    }

    .productions__filter .popup {
        position: absolute;
        top: 6rem;
        width: calc(50% - .75rem);
        height: auto;
    }

    .body--productions .productions__filter .popup {
        width: auto;
    }

        .productions__filter .popup.show {
            transform: translateY(-2rem);
            animation: showPopupDesktop .3s ease-out forwards;
        }

        .productions__filter .popup.popup__filter--date {
            width: auto;
        }

            .productions__filter .popup.popup__filter--date .popup__body {
                padding: 0;
            }

    .productions__filter .popup__filter--datepart {
        left: unset;
        right: 0;
    }

    .productions__filter .popup__body {
        background-image: none;
        background-color: var(--black);
        align-items: flex-start;
    }

        .productions__filter .popup__body h3,
        .productions__filter .popup__body .button--close {
            display: none;
        }

        .productions__filter .popup__body .filter__option label {
            font-size: 1.4rem;
        }

    @keyframes showPopupDesktop {
        from {
            opacity: 0;
            transform: translateY(-2rem);
        }

        to {
            opacity: 1;
            transform: translateY(0);
        }
    }
}

.body--landingpage .tile__text p,
.body--agenda .tile__text p {
    display: inline-block;
    -webkit-line-clamp: unset;
    -webkit-box-orient: unset;
    overflow: unset;
    text-overflow: unset;
}

@media(min-width: 992px) {
    .body--agenda .block__productions > .container {
        max-width: 93rem;
    }

    .body--agenda .productions__tiles .tile {
        width: 90rem;
        flex-flow: row;
        position: relative;
    }

    .body--agenda .productions__tiles .tile__image {
        width: 46rem;
    }

    .body--agenda .productions__tiles .tile__image picture,
    .body--agenda .productions__tiles .tile__image img {
        height: 100%;
        width: 100%;
        object-fit: cover;
        aspect-ratio: 16 / 11;
    }

    .body--agenda .productions__tiles .tile__text {
        width: 44rem;
        height: calc(100% - 8.2rem);
        background-color: var(--white);
        justify-content: center;
        align-items: flex-start;
    }

    .body--agenda .productions__tiles .tile__text h3 {
        text-align: left;
    }

    .body--agenda .productions__tiles .tile__text .genres {
        margin-top: 1rem;
    }

    .body--agenda .tile__text p {
        text-align: left;
    }

    .body--agenda .productions__tiles .tile__footer {
        position: absolute;
        right: 0;
        bottom: 0;
        width: 44rem;
    }
}

.tile .button--info {
    font-size: 1.3rem;
    font-weight: 700;
    margin-top: 1rem;
}

    .tile .button--info svg {
        height: 1.6rem;
        width: auto;
        margin-left: .7rem;
    }

@media(min-width: 992px) {
    .tile .button--info {
        background-image: linear-gradient(var(--black), var(--black));
        background-position: 0 calc(100% - .1rem);
        background-repeat: no-repeat;
        background-size: 0% .1rem;
    }

        .tile .button--info:hover {
            background-size: calc(100% - 2.3rem) .1rem;
        }
}

.popup__performancetimes {
    background-color: var(--black-70);
}

    .popup__performancetimes .popup__body {
        width: 100%;
        padding: 2rem;
        font-size: 1.3rem;
        line-height: 2.6rem;
        box-shadow: 0 0 2rem rgba(0, 0, 0, 0.12);
        background-color: var(--white);
    }

    .popup__performancetimes .popup__body {
        max-width: 32rem;
        max-height: 50rem;
        overflow-y: auto;
    }

        .popup__performancetimes .popup__body > div {
            display: flex;
            flex-flow: column;
            margin-top: 2rem;
        }

            .popup__performancetimes .popup__body > div > div {
                display: flex;
                justify-content: space-between;
                border-bottom: .1rem solid var(--grey-light);
            }

                .popup__performancetimes .popup__body > div > div:last-of-type {
                    border-bottom: none;
                }

        .popup__performancetimes .popup__body h3 {
            font-size: 1.6rem;
        }

    .popup__performancetimes .button--close {
        background-color: var(--black);
    }

@media(min-width: 992px) {
    .popup__performancetimes .popup__body h3 {
        font-size: 2rem;
    }

    .popup__performancetimes .popup__body > div {
        font-size: 1.6rem;
        gap: .5rem;
        margin-top: 4rem;
    }

        .popup__performancetimes .popup__body > div > div {
            padding-bottom: .5rem;
        }

    .body--productions .productions__top .col-lg-5 {
        width: 100%;
        max-width: 93rem;
    }
}




@media(max-width: 575px) {

    .body--productions .productions__top {
        height: 24.2rem;
    }

    .body--productions .filters__form {
        width: 100%;
    }
}

.block__rating {
    padding: var(--padding-md) 0;
    border-top: .1rem solid var(--grey-medium);
}

.block__rating h2 {
    text-align: center;
}

.rating__body {
    background-color: var(--grey-light);
    padding: 2.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.rating__rate {
    font-size: 2.8rem;
    line-height: 2.8rem;
    font-weight: 800;
    margin-right: 2rem;
}

.rating__stars {
    height: 2.8rem;
    display: flex;
    align-items: center;
}

.rating__sub {
    margin-top: 1rem;
    line-height: 1;
    text-align: center;
}

@media(min-width: 992px) {
    .block__rating h2 {
        font-size: 2.4rem;
        text-align: left;
        margin-bottom: 1rem;
    }

    .rating__body {
        width: 100%;
        padding: 1rem 0;
        position: relative;
        background-color: transparent;
    }

    .rating__body:before {
        content: "";
        width: 100%;
        height: 4.8rem;
        position: absolute;
        top: 0;
        left: 0;
        background-color: var(--grey-light);
        z-index: -1;
    }

    .rating__sub {
        position: absolute;
        top: 5rem;
    }
}
.block__production {
    padding: 0;
}

    .block__production .production__image {
        position: relative;
        line-height: 0;
        display: flex;
        justify-content: center;
    }

        .block__production .production__image picture,
        .block__production .production__image img {
            width: 100%;
            height: 100vw;
        }


        .block__production .production__image .genre {
            position: absolute;
            top: 4rem;
            font-size: 3.6rem;
            padding: 3rem;
            background-image: var(--maingradient);
            right: 0;
        }


@media(max-width: 1280px) {
    .block__production .production__image .genre {
        font-size: 2.6rem;
        padding: 2rem;
    }
}

@media(max-width: 500px) {
    .block__production .production__image .genre {
        top: 2.4rem;
        font-size: 1.6rem;
        padding: 1.2rem;
    }
}

.block__production .production__image .button--video {
    position: absolute;
    bottom: 2rem;
    padding-left: 4rem;
    padding-right: 1.2rem;
}

    .block__production .production__image .button--video:after {
        content: none;
    }

    .block__production .production__image .button--video svg {
        position: absolute;
        top: 1rem;
        left: 1.2rem;
    }

        .block__production .production__image .button--video svg path {
            fill: var(--black);
        }

.production__title {
    display: flex;
    flex-flow: column;
    align-items: center;
    padding: 3rem 2.5rem;
    text-align: center;
    font-size: 1.2rem;
    line-height: 1.8rem;
    background-image: var(--maingradient);
    color: var(--white);
}

    .production__title .genre--reverse {
        background-color: var(--white);
    }

    .production__title h1 {
        font-size: 2.4rem;
        margin: 0 0 1.5rem;
    }

        .production__title h1 span {
            line-height: 180%;
            padding: .4rem .8rem;
            color: var(--maincolor);
            background-color: var(--white);
            background-image: none;
        }

        .production__title h1 em {
            font-style: normal;
            font-size: 1.8rem;
            display: inline-flex;
            transform: translateY(-1rem);
        }

    .production__title p {
        margin-bottom: 0;
        font-weight: 700;
    }

.production__description.richtext .extra {
    width: 100%;
}

@media(max-width: 991px) {
    .production__title h1 em {
        transform: translateY(-.2rem);
    }
}

.production__quote {
    margin-top: 2rem;
}

    .production__quote svg {
        width: 1.7rem;
        height: auto;
    }

        .production__quote svg path {
            fill: var(--white);
        }

.production__description {
    background-color: var(--grey-light);
    padding: 2rem 2.5rem 2.5rem;
    display: flex;
    flex-flow: column;
    align-items: flex-start;
}

    .production__description > * + * {
        margin-top: 2rem;
    }

    .production__description .extra {
        border-image: var(--maingradientborder) 1;
    }

        .production__description .extra h4 {
            margin-bottom: 1rem;
        }

.production__coldesc {
    max-height: 25rem;
    overflow: hidden;
    position: relative;
    transition: var(--transition-default);
}

    .production__coldesc:not(.show):after {
        content: "";
        width: 100%;
        height: 4rem;
        position: absolute;
        left: 0;
        bottom: 0;
        background-image: linear-gradient(to bottom, rgba(240, 240, 240, 0) 0%, rgba(240, 240, 240, 1) 90%)
    }

    .production__coldesc + .button--readmore {
        margin-top: 0;
    }

    .production__coldesc.show {
        height: auto;
        max-height: 300vh;
    }

.production__specs {
    display: flex;
}

@media(max-width: 991px) {
    .production__specs {
        flex-flow: column;
        border-top: .1rem solid var(--grey-medium);
    }

        .production__specs > div {
            padding: 1rem 1.5rem;
            border-top: .1rem solid var(--grey-medium);
            position: relative;
        }

        .production__specs + .collapsers {
            border-top-width: .1rem;
        }

        .production__specs .button--info {
            transform: translateY(.3rem);
        }
}

.production__specs strong {
    margin-right: .5rem;
}

.production__specs .button--info {
    margin-left: 1rem;
}

    .production__specs .button--info svg {
        width: 1.7rem;
        height: auto;
    }

.production__specs .button--english {
    padding: 0;
}

.production__specs--single div {
    justify-content: flex-start;
    margin-right: auto;
}

.tooltip__hall {
    position: absolute;
    top: calc(50% - 12.5rem);
    left: calc(100% + 1rem);
    height: 25rem;
    width: 65rem;
    display: flex;
    box-shadow: 1rem 1rem 2rem var(--black-30);
    z-index: 2;
    visibility: hidden;
}

    .tooltip__hall:before {
        content: "";
        width: 2rem;
        height: 2rem;
        position: absolute;
        top: calc(50% - 1rem);
        left: -1rem;
        background-color: var(--white);
        transform: rotate(45deg);
        box-shadow: 1rem 1rem 2rem var(--black-10);
        z-index: -1;
    }

    .tooltip__hall .tooltip__text {
        padding: 2rem 1.5rem 1.5rem;
        background-color: var(--white);
        position: relative;
        z-index: 1;
    }

        .tooltip__hall .tooltip__text h4 span {
            background-image: var(--maingradient);
            color: var(--white);
            padding: .3rem .8rem;
        }

    .tooltip__hall .tooltip__specs {
        border-top: .1rem solid var(--white-30);
        border-bottom: .1rem solid var(--white-30);
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 0c-4.198 0-8 3.403-8 7.602 0 6.243 6.377 6.903 8 16.398 1.623-9.495 8-10.155 8-16.398 0-4.199-3.801-7.602-8-7.602zm0 11c-1.657 0-3-1.343-3-3s1.342-3 3-3 3 1.343 3 3-1.343 3-3 3z' fill='black'/%3E%3C/svg%3E");
        background-size: 1.4rem 1.4rem;
        background-repeat: no-repeat;
        background-position: 0 0;
        height: 1.4rem;
        margin: 1.5em 0 1rem;
        padding: 0 0 .5rem 2rem;
        font-size: 1.2rem;
    }

    .tooltip__hall p {
        font-size: 1.4rem;
        line-height: 2.4rem;
    }

    .tooltip__hall .tooltip__image img {
        width: 25rem;
        height: 100%;
    }

@media(max-width: 991px) {
    .tooltip__hall {
        top: 100%;
        left: 1.5rem;
        width: calc(100vw - 3rem);
        flex-flow: column;
    }

        .tooltip__hall .tooltip__image img {
            width: 100%;
        }

        .tooltip__hall:before {
            top: -1rem;
            left: calc(50% - 1rem);
        }

    .production__specs .button--info.show:after {
        content: "";
        width: 90vw;
        height: 100vh;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2;
    }

    .production__specs .button--info.show ~ .tooltip__hall {
        visibility: visible;
        animation: showTooltip .3s ease-out forwards;
    }
}

@keyframes showTooltip {
    from {
        opacity: 0;
        transform: translateX(2rem);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}

.production__specs--single div {
    justify-content: flex-start;
    margin-right: auto;
    width: 100%;
}

.button--english {
    width: 100%;
    background-color: var(--white);
    padding: 1.5rem;
    font-weight: 700;
    color: var(--black);
    text-decoration: underline;
    display: flex;
    align-items: center;
}

    .button--english svg {
        margin-left: 1rem;
    }

.production__reviews {
    padding: 3rem 2.5rem;
    position: relative;
}

    .production__reviews .button {
        display: none;
    }

        .production__reviews .button:not(.slick-hidden) {
            width: 3rem;
            height: 3rem;
            display: inline-flex;
            justify-content: center;
            align-items: center;
            position: absolute;
            top: calc(50% - 1.5rem);
        }

    .production__reviews .button--prev {
        left: 1.5rem;
    }

    .production__reviews .button--next {
        right: 1.5rem;
    }

    .production__reviews .slick-track {
        display: flex !important;
    }

    .production__reviews .slick-slide {
        height: inherit !important;
    }

        .production__reviews .slick-slide > div {
            height: 100%;
        }

.production__review {
    display: flex !important;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    height: 100%;
}

    .production__review blockquote,
    .production__image .production__quote {
        font-size: 2.4rem;
        line-height: 2.9rem;
        font-weight: 300;
        text-align: center;
        margin-bottom: 1.2rem;
    }

        .production__review blockquote:before,
        .production__image .production__quote blockquote:before {
            content: "'";
        }

        .production__review blockquote:after,
        .production__image .production__quote blockquote:after {
            content: "'";
        }

        .production__review svg,
        .production__image .production__quote svg {
            width: 1.7rem;
            height: auto;
        }

        .production__review p,
        .production__image .production__quote p {
            font-size: 1.2rem;
            line-height: 1.4rem;
            font-weight: 700;
            margin-bottom: 0;
        }

.production__dates {
    padding: 3rem 2.5rem;
    border-top: .1rem solid var(--grey-medium);
}

    .production__dates > p {
        margin: 1.5rem 0 0;
    }

.production__date {
    display: flex;
    align-items: flex-start;
    border-top: .1rem solid var(--grey-medium);
    padding: 1.5rem 0;
    line-height: 2.4rem;
}

    .production__date:first-of-type {
        border-top: none;
    }

    .production__date > div {
        width: 50%;
    }

    .production__date .button {
        width: 14rem;
        padding-left: 1rem;
        padding-right: 1rem;
        justify-content: center;
        margin-left: auto;
    }

        .production__date .button:after {
            content: none;
        }

        .production__date .button span {
            font-size: 1rem;
            font-weight: 400;
            color: var(--black);
            position: absolute;
            bottom: -1.75rem;
            left: 0;
            width: 100%;
            text-align: center;
        }

    .production__date .genre {
        color: var(--maincolor);
        border-color: var(--maincolor);
        display: inline-flex;
    }

.production__dates .notification {
    margin-top: 3rem;
    flex-wrap: wrap;
}

    .production__dates .notification .notification__wrapper {
        margin-bottom: 8px;
        width: 100%;
        height: 50px;
    }

        .production__dates .notification .notification__wrapper:last-child {
            margin-bottom: 0px;
        }

        .production__dates .notification .notification__wrapper .notification__icon {
            width: 50px;
            height: 50px;
            display: inline-block;
            vertical-align: top;
            position: relative;
        }

            .production__dates .notification .notification__wrapper .notification__icon img {
                width: 30px;
                height: 30px;
                position: relative;
                top: 50%;
                transform: translate(-50%, -50%);
                left: 50%;
            }

        .production__dates .notification .notification__wrapper .notification__text {
            display: inline-block;
            vertical-align: top;
            width: calc(100% - 71px);
            position: relative;
            top: 50%;
            transform: translateY(-50%);
            line-height: 2rem;
            font-size: 1.4rem;
        }
         


            .production__dates h3 {
                font-size: 1.8rem;
            }

.production__dates h4 {
    width: 100%;
    margin-top: 2rem;
    margin-bottom: 1.5rem;
}

    .production__dates h4 span {
        background-image: var(--maingradient);
        color: var(--white);
        line-height: 180%;
        padding: .4rem .8rem;
    }

    .production__dates h4:first-of-type {
        margin-top: 1rem;
        margin-bottom: 0;
    }

.production__dates.collapser {
    padding: 0;
    border-top: none;
}

.production__stickydate {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: var(--white);
    border-top: .1rem solid var(--grey-medium);
    padding: 1rem 2.5rem;
    z-index: 2;
    transform: translateY(100%);
    animation: showStickyDate .3s ease-out forwards;
    animation-delay: 1s;
}

    .production__stickydate .production__date {
        align-items: center;
        padding-top: 0;
        padding-bottom: 0;
    }

        .production__stickydate .production__date > div {
            width: auto;
        }

        .production__stickydate .production__date svg {
            margin-left: .2rem;
            transform: translateY(.4rem);
        }

        .production__stickydate .production__date .button {
            width: unset;
            padding-left: 2rem;
            padding-right: 2rem;
        }

    .production__stickydate.hide {
        animation: hideStickyDate .3s ease-out forwards;
    }

@keyframes showStickyDate {
    from {
        transform: translateY(100%);
    }

    to {
        transform: translateY(0);
    }
}

@keyframes hideStickyDate {
    from {
        transform: translateY(0);
    }

    to {
        transform: translateY(100%);
    }
}

.production__extra h3 {
    font-size: 1.8rem;
    margin: 0;
}

.production__extra .collapser {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}


    .production__extra .collapser .dropdown__button {
        height: 100%;
        transform: translateX(1.5rem);
    }

    .production__extra .collapser table {
        font-size: 1.2rem;
        line-height: 2.4rem;
    }

    .production__extra .collapser:not(.production__dates) .collapser__content a {
        font-weight: 700;
        color: var(--maincolor);
        text-decoration: none;
    }

        .production__extra .collapser:not(.production__dates) .collapser__content a:hover {
            text-decoration: underline;
            font-weight: 700;
            color: var(--maincolor);
        }

.production__reviewssummary {
    font-size: 1.4rem;
    line-height: 2.4rem;
    font-weight: 400;
    text-transform: lowercase;
    margin-top: 1rem;
    align-items: center;
}

    .production__reviewssummary svg {
        width: 1.6rem;
        position: relative;
        top: 3px;
    }

        .production__reviewssummary svg:last-of-type {
            margin-right: 1rem;
        }

    .production__reviewssummary span {
        display: block;
        margin-top: 0.4rem;
    }

    .production__reviewssummary strong {
        margin-left: .5rem;
    }

    .production__reviewssummary .rating__rate {
        font-size: 1.4rem;
        margin-right: 1rem;
        display: inline-block;
    }

    .level h4 {
        font-size: 1.6rem;
        font-weight: 700;
    }

.level table {
    margin-bottom: 2rem;
}

.reviews {
    /*max-height: 50rem;*/
}

    .reviews > p {
        font-size: 1.4rem;
        line-height: 2.4rem;
    }

    .reviews .simplebar-track.simplebar-vertical {
        width: .6rem;
        border-radius: .3rem;
        background-color: var(--grey-medium);
    }

        .reviews .simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
            left: 0;
            right: 0;
            border-radius: .3rem;
        }

    .reviews .button--showmore {
        width: auto !important;
        margin: 2rem auto;
        padding-left: 2rem !important;
    }

    .reviews.richtext a {
        color: var(--black);
        font-weight: 400;
        background-image: linear-gradient(var(--black), var(--black));
        background-position: 100% calc(100% - .1rem);
        background-size: 100% .1rem;
    }

        .reviews.richtext a:hover {
            background-size: 0 .1rem;
        }


.review {
    font-size: 1.4rem;
    line-height: 2.4rem;
    padding-top: 2rem;
    margin-top: 2rem;
    border-top: .1rem solid var(--grey-medium);
}

    .review p:first-of-type {
        display: flex;
        align-items: center;
        margin-bottom: 0;
        color: var(--grey-darkest);
    }

        .review p:first-of-type strong {
            color: var(--black);
            margin-right: 1rem;
        }

        .review p:first-of-type svg {
            width: 1.4rem;
            height: auto;
            transform: translateY(-.2rem);
        }

            .review p:first-of-type svg:first-of-type {
                margin-left: 1rem;
            }

    .review p:last-of-type {
        margin-bottom: 0;
    }

.production__extra .collapser table {
    width: 100%;
    font-size: 1.4rem;
    line-height: 2.4rem;
}

.production__extra .collapser .richtext h5 {
    font-size: 2rem;
    font-weight: 800;
}

.production__cast {
    padding: 4rem 2.5rem;
}

    .production__cast h2 {
        font-size: 2.8rem;
        text-align: center;
        margin-bottom: 3rem;
    }

    .production__cast .button--prev,
    .production__cast .button--next {
        display: none;
    }

.cast__members {
    position: relative;
}

    .cast__members .cast__carousel {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
    }

.cast__member {
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: flex-start;
    text-align: center;
    font-size: 1.4rem;
    line-height: 1.8rem;
    margin-bottom: 1.5rem;
}

    .cast__member img {
        border-radius: 50%;
        margin-bottom: 1.5rem;
    }

    .cast__member strong {
        margin-bottom: .5rem;
    }

    .cast__member span {
        font-size: 1.2rem;
    }

.production__performances {
    width: 100%;
    display: flex;
    flex-flow: column;
    align-items: center;
    text-align: center;
    background-color: var(--grey-medium);
    padding: 2.5rem 0 !important;
}

    .production__performances > .container h2 {
        margin-top: 2.5rem;
        margin-bottom: 2.5rem;
    }

    .production__performances > .container .intro {
        margin-top: 2.5rem;
        margin-bottom: 2.5rem;
    }

    .production__performances .slick-hidden {
        display: none;
    }

.body--production .block__stories--gallery {
    padding-top: 0;
}

    .body--production .block__stories--gallery .stories__container > p {
        margin-bottom: 0;
        padding: 1rem 0;
        font-size: 1.2rem;
    }

@media(max-width: 991px) {
    .block__production .container {
        padding: 0;
        min-width: 100%;
    }

    .cast__members .cast__carousel {
        gap: 2rem;
        padding-bottom: 2rem;
    }

    .cast__member {
        margin: 0;
        width: calc(50% - 1rem);
        text-align: center;
    }

    .body--production .block__stories {
        padding-bottom: 0;
    }

        .body--production .block__stories .button--showmore {
            display: inline-flex;
        }

    .production__dates.open .production__datesscrollable h4.sticky {
        position: fixed; 
    }
}

@media(min-width: 768px) and (max-width: 991px) {
    .cast__member {
        width: calc(25% - calc(6rem / 3));
    }
}

@media(min-width: 992px) {
    .block__production > .container {
        position: relative;
        margin-bottom: 6rem;
    }

    .block__production:has(>.production__cast) > .container {
        margin-bottom: 0;
    }

    .block__production .production__image {
        background-image: var(--maingradient);
        padding: .8rem;
        margin-bottom: 4rem;
        position: relative;
    }

        .block__production .production__image:after {
            /*
            content: "";
            width: calc(100% - 1.6rem);
            height: calc(100% - 1.6rem);
            position: absolute;
            top: .8rem;
            left: .8rem;
            background-image: linear-gradient(344deg, rgba(0, 0, 0, 0.60) 0%, rgba(0, 0, 0, 0.00) 100%);
            z-index: 0;
            */
        }

        .block__production .production__image picture, .block__production .production__image img {
            height: 48.61111111111111vw;
        }

        .block__production .production__image .genre,
        .block__production .production__image .production__quote {
            z-index: 1;
        }



        .block__production .production__image .button--video {
            z-index: 2;
        }

    .production__image .production__quote {
        position: absolute;
        bottom: 7rem;
        right: 10rem;
        color: var(--white);
        text-align: center;
        margin: 0;
    }

        .production__image .production__quote blockquote {
            font-size: 3.2rem;
            line-height: 3.8rem;
            margin-bottom: 3rem;
            max-width: 35rem;
        }

        .production__image .production__quote p {
            margin-bottom: 0;
        }

    .production__image .production__quote--higher {
        transform: translateY(-4rem);
    }

    .production__image--light .production__quote {
        color: var(--black);
    }

        .production__image--light .production__quote svg path {
            fill: var(--black);
        }

    .production__title {
        background-image: none;
        align-items: flex-start;
        text-align: left;
        color: var(--black);
        padding: 0;
    }

        .production__title .genre--small {
            font-size: 2rem;
            line-height: 2.4rem;
            padding-left: 0;
        }

        .production__title h1 {
            width: 100%;
            font-size: 4.8rem;
        }

            .production__title h1 span {
                background-image: var(--maingradient);
                color: var(--white);
                line-height: 150%;
            }

        .production__title p {
            font-size: 1.6rem;
            line-height: 2.4rem;
            font-weight: 700;
        }

        .production__title .production__reviewslink {
            margin-top: 2rem;
        }

            .production__title .production__reviewslink a {
                display: flex;
                color: var(--grey-darkest);
                text-transform: lowercase;
            }

                .production__title .production__reviewslink a:hover {
                    color: var(--black);
                }

                .production__title .production__reviewslink a svg {
                    width: 1.7rem;
                    height: auto;
                }

                    .production__title .production__reviewslink a svg:last-of-type {
                        margin-right: 1rem;
                    }

    .production__description {
        background-color: transparent;
        padding: 0;
        margin-top: 2.5rem;
    }

    .production__specs {
        flex-flow: row;
        border-top: 0.2rem solid var(--grey-medium);
    }

        .production__specs:has(div:nth-child(2)) > div {
        }

        .production__specs > div {
            padding: 1.5rem;
            line-height: 1;
            display: inline-flex;
            justify-content: center;
            align-items: center;
            position: relative;
        }

            .production__specs > div:not(:last-of-type) {
                border-right: .1rem solid var(--grey-medium);
            }

        .production__specs .button--info:hover:after,
        .collapser--specs .button--info:hover:after {
            content: "";
            width: 70rem;
            height: 25rem;
            position: absolute;
            top: calc(50% - 12.5rem);
            left: 0;
            z-index: 2;
        }

        .production__specs .button--info:hover ~ .tooltip__hall,
        .collapser--specs .button--info:hover ~ .tooltip__hall {
            visibility: visible;
            animation: showTooltip .3s ease-out forwards;
        }

    .production__coldesc {
        max-height: unset;
    }

        .production__coldesc:not(.show):after {
            content: none;
        }

    .production__dates {
        position: absolute;
        top: 0;
        right: 0;
        flex: 0 0 auto;
        width: 33.33333333%;
        max-width: 41rem;
        padding: 0 1.5rem 1.5rem;
        background-color: var(--grey-light);
    }

        .production__dates:has(>.pika-single) {
            transform: translateY(-9.9rem);
            border-top: none;
        }

        .production__dates h3 {
            width: calc(100% + 3rem);
            height: 6.2rem;
            font-size: 2rem;
            line-height: 2rem;
            text-align: center;
            background-color: var(--black);
            color: var(--white);
            display: flex;
            justify-content: center;
            align-items: center;
            transform: translateX(-1.5rem);
        }

        .production__dates .pika-single {
            width: calc(100% + 3rem);
            transform: translateX(-1.5rem);
        }

        .production__dates .pika-lendar {
            width: 100%;
            position: relative;
        }

            .production__dates .pika-lendar:after {
                content: "";
                width: 100%;
                height: calc(100% - 6rem);
                border: .2rem solid var(--grey-light);
                border-top: none;
                position: absolute;
                bottom: 0;
                left: 0;
                z-index: 1;
            }

        .production__dates .pika-table {
            width: calc(100% - 4rem);
            margin: 2rem auto;
            position: relative;
            z-index: 2;
        }

    .production__datesscrollable {
        max-height: 43rem;
        padding-right: 1.8rem;
    }

        .production__datesscrollable.smoothscroll .simplebar-content-wrapper {
            scroll-behavior: smooth;
        }

        .production__datesscrollable .simplebar-content {
            position: relative;
        }

        .production__datesscrollable .production__date {
            border-top-color: var(--grey-dark);
        }

        .production__datesscrollable .simplebar-track.simplebar-vertical {
            width: .6rem;
            border-radius: .3rem;
            background-color: var(--white);
        }

            .production__datesscrollable .simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
                left: 0;
                right: 0;
                border-radius: .3rem;
            }

    .production__dates h4 {
        font-size: 1.8rem;
    }

    .production__dates .button--showmore {
        background-color: var(--white);
    }

    .production__dates .notification {
        background-color: var(--white);
        margin-top: 4rem;
        position: relative
    }

        .production__dates .notification:before {
            content: "";
            width: 100%;
            height: .1rem;
            position: absolute;
            left: 0;
            top: -2rem;
            background-color: var(--grey-dark);
        }

    .production__dates .notification__icon {
        background-color: var(--grey-light);
    }

    .block__production .col--reviews {
        order: 99;
    }

    .production__extra {
        margin-top: 4rem;
    }

        .production__extra .collapser:first-of-type {
            border-top: 0.1rem solid var(--grey-medium);
        }

    .production__cast h2 {
        text-align: left;
    }

    .cast__members {
        padding: 0 2.6rem;
    }

        .cast__members .button {
            width: 5.2rem;
            height: 5.2rem;
            background-color: var(--black);
            justify-content: center;
            align-items: center;
            position: absolute;
            top: calc(7.5rem - 2.6rem);
            z-index: 1;
        }

            .cast__members .button svg path {
                fill: var(--white);
            }

        .cast__members .button--prev {
            left: 0;
        }

        .cast__members .button--next {
            right: 0;
        }

        .cast__members .button.slick-hidden {
            display: none !important;
        }

        .cast__members:has(>.slick-hidden) {
            padding-left: 0;
        }

    .cast__member {
        display: flex !important;
        margin: 0 2.6rem 0 0;
    }

    .production__reviewssummary .rating__rate {
        font-size: 1.2rem; 
    }

    .production__reviewssummary svg {
        width: 1.4rem;
        top: auto;
    }


    .production__reviewssummary {
        font-size: 1.2rem;
        display: flex;
    }

        .production__reviewssummary span {
            display: inline;
            margin-top: 0px;
        }
}

body {
    visibility: visible;
}