@charset "UTF-8";
/* WP */
/* Color
*/
/*accessibility colors*/
/* Container */
/* Breakpoints */
/* Padding */
/* Header */
/* Z-index */
/* Container main */
/* Container inner  */
/* Container mixed  */
/* Container with 0 padding on < SM */
/* Container with 0 padding on < LG */
/* Header height */
/* Fonts */
/* Bootstrap 5 Breakpoints */ /*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Correct the line height in all browsers.
 * 3. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
/* Document
   ========================================================================== */
html {
  font-family: sans-serif; /* 1 */
  line-height: 1.15; /* 2 */
  -ms-text-size-adjust: 100%; /* 3 */
  -webkit-text-size-adjust: 100%; /* 3 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}

/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main { /* 1 */
  display: block;
}

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}

/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
a:active,
a:hover {
  outline-width: 0;
}

/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000;
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
  display: block;
}

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button; /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
fieldset {
  border: none;
  margin: 0;
  padding: 0;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}

/**
 * Add the correct display in IE.
 */
template {
  display: none;
}

/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none;
}

/**
 * Swiper 5.3.6
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://swiperjs.com
 *
 * Copyright 2014-2020 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: February 29, 2020
 */
@font-face {
  font-family: swiper-icons;
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color:#007aff;
}

.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}

.swiper-container-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}

.swiper-container-android .swiper-slide, .swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-container-multirow > .swiper-wrapper {
  flex-wrap: wrap;
}

.swiper-container-multirow-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}

.swiper-container-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: auto;
  position: relative;
  transition-property: transform;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

.swiper-container-autoheight {
  height: auto;
}
.swiper-container-autoheight .swiper-slide {
  height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

.swiper-container-3d {
  perspective: 1200px;
}
.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
  transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}

.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}

:root {
  --swiper-navigation-size:44px;
}

.swiper-button-next, .swiper-button-prev {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-next:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  text-transform: none;
  font-variant: initial;
}

.swiper-button-prev {
  left: 10px;
  right: auto;
}
.swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  text-transform: none;
  font-variant: initial;
}

.swiper-container-rtl .swiper-button-next {
  left: 10px;
  right: auto;
}

.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {
  content: "prev";
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
}

.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {
  content: "next";
}

.swiper-button-next.swiper-button-white, .swiper-button-prev.swiper-button-white {
  --swiper-navigation-color:#ffffff;
}

.swiper-button-next.swiper-button-black, .swiper-button-prev.swiper-button-black {
  --swiper-navigation-color:#000000;
}

.swiper-button-lock {
  display: none;
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 0.3s opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%;
}

.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active, .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 0.2s transform, 0.2s top;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 0.2s transform, 0.2s left;
}
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 0.2s transform, 0.2s right;
}

.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}

.swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}

.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical > .swiper-pagination-progressbar {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-white {
  --swiper-pagination-color:#ffffff;
}

.swiper-pagination-black {
  --swiper-pagination-color:#000000;
}

.swiper-pagination-lock {
  display: none;
}

.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}

.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}

.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.swiper-slide-zoomed {
  cursor: move;
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  animation: swiper-preloader-spin 1s infinite linear;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color:#fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color:#000;
}

@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-fade .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube {
  overflow: visible;
}
.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}
.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
  transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active {
  pointer-events: auto;
  pointer-events: auto;
  visibility: visible;
}
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube .swiper-slide-next {
  pointer-events: auto;
  visibility: visible;
}
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}
.swiper-container-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}
.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  filter: blur(50px);
  z-index: 0;
}

.swiper-container-flip {
  overflow: visible;
}
.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}
.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-flip .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* html & body */
html {
  box-sizing: border-box;
  overflow-x: hidden;
}

body {
  background-image: url("/images/background-top.svg");
  background-repeat: no-repeat;
  background-position: right top;
  background-color: var(--white-bg, #ffffff);
  position: relative;
  margin: 0;
  overflow-x: hidden;
}
body.loading * {
  transition: none !important;
}
body.overflow-hidden {
  overflow: hidden;
}
body.small-page {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 100vh;
}
body.fakePopup {
  background: var(--dri-blue, #1B495A);
}

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

*:focus {
  outline: none !important;
  box-shadow: none !important;
}

/* Links */
a {
  color: var(--dri-links, #3E7C94);
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
}
a:hover, a:focus {
  color: var(--dri-links, #3E7C94);
  text-decoration: none !important;
}
a .iconC {
  color: var(--dri-links, #3E7C94);
}

/* Text */
b,
strong {
  font-family: republika-bold, sans-serif;
  font-weight: normal;
}

ul {
  list-style: none;
}

/* misc */
hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border: none;
  border-top-width: 1px; /* 3 */
}

.wpMax {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
  padding: 0;
}

.col2_3 {
  width: 66.66%;
}
.col2_3.pl-24 {
  width: calc(66.66% - 24px);
  padding-left: 24px;
}

.col1_3 {
  width: 33.33%;
}
.col1_3.pl-32 {
  width: calc(33.33% - 32px);
  padding-left: 32px;
}

.col2_fixed {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: flex-start;
}
.col2_fixed .col1 {
  max-width: 300px;
  width: 100%;
}
.col2_fixed .col1 ul.sideNav {
  margin: 0;
  padding: 11px 0;
}
.col2_fixed .col1 ul.sideNav li {
  padding-bottom: 5px;
  position: relative;
}
.col2_fixed .col1 ul.sideNav li a {
  border-left: 8px solid transparent;
  display: flex;
  padding: 7px 15px;
}
.col2_fixed .col1 ul.sideNav li a img {
  width: 28px;
  height: 28px;
  margin-right: 10px;
}
.col2_fixed .col1 ul.sideNav li a.selected {
  border-color: var(--dri-blue-light, #529DBA);
  color: var(--dri-blue-dark, #082733);
}
.col2_fixed .col1 ul.sideNav li a.selected span.iconC {
  color: var(--dri-blue-dark, #082733);
}
.col2_fixed .col1 ul.sideNav li hr {
  width: auto;
  margin: 8px 20px;
}
.col2_fixed .col1 ul.sideNav li hr.blue {
  background: var(--dri-blue-light, #529DBA);
}
.col2_fixed .col1 ul.sideNav li .redDot {
  width: 12px;
  height: 12px;
  display: block;
  background: var(--alert, #FF4B4B);
  position: absolute;
  top: 15px;
  right: 20px;
  border-radius: 100%;
}
.col2_fixed .col2 {
  max-width: calc(100% - 300px);
  width: 100%;
  min-height: 770px;
  padding: 24px 0 0 32px;
}

ul.listNone {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.iconC {
  font-size: 1.75rem;
  color: var(--dri-blue-light, #529DBA);
}

.iconC_16 {
  font-size: 1rem;
}

.iconC_48 {
  font-size: 3rem;
  color: var(--dri-blue-light, #529DBA);
}

.paginationList {
  border-top: 1px solid var(--dri-blue-light, #529DBA);
  margin-top: -1px;
}
.paginationList button {
  height: 47px;
  border-top: 8px solid transparent;
  display: block;
  padding: 10px 12px;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  color: var(--dri-links, #3E7C94);
  display: flex;
  align-items: center;
}
.paginationList button.selected {
  border-top: 8px solid var(--dri-blue-light, #529DBA);
  color: var(--dri-blue-dark, #082733);
  cursor: default;
}
.paginationList button:hover .iconC {
  color: var(--dri-blue-dark, #082733);
}
.paginationList button:disabled {
  opacity: 0.5;
}

/*underline link*/
.under:hover .underlineLink, .under:focus .underlineLink,
button:hover .underlineLink,
button:focus .underlineLink,
a:hover .underlineLink,
a:focus .underlineLink,
[role=button]:hover .underlineLink,
[role=button]:focus .underlineLink {
  background-size: 0 0.075em, 100% 0.075em;
  transition: background-size 0.5s ease-out 0s;
  cursor: pointer;
}

.underlineLink {
  background-image: linear-gradient(transparent, transparent), linear-gradient(currentColor, currentColor);
  background-position: 100% 100%, 0 100%;
  background-repeat: no-repeat;
  background-size: 100% 0.075em, 0 0.075em;
  transition: background-size 0.4s ease-out 0.1s;
  display: unset;
}
.underlineLink.lightBlue {
  background-image: linear-gradient(transparent, transparent), linear-gradient(var(--dri-blue-light-bg, #CDE9F3), var(--dri-blue-light-bg, #CDE9F3));
}

.linkWithImage {
  display: flex;
  align-items: center;
}
.linkWithImage .iconC {
  margin-right: 10px;
}
.linkWithImage img {
  width: 28px;
  height: 28px;
  display: block;
  margin: 0 10px 0 0;
}

a.withIcon {
  display: flex;
  align-items: center;
}
a.withIcon .iconC {
  margin-right: 6px;
}

.date {
  color: var(--gray-helper-text, #777777);
  display: block;
}

.withBorder {
  border-top: 10px solid var(--blue-light, #DDE6EA);
  padding-top: 1rem;
}

.calendarIcon {
  width: 90px;
  display: flex;
  align-items: center;
  flex-direction: column;
  margin-right: 20px;
}
.calendarIcon span.year {
  background: var(--black, #000000);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.9375rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  color: var(--white, #fff);
  width: 100%;
  padding: 10px 0;
}
.calendarIcon .date {
  width: 100%;
  background: var(--dri-green-bg, #F1F4F5);
  border-radius: 0 0 6px 6px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.calendarIcon .date span.number {
  font-size: 3rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  font-family: republika-bold, sans-serif;
  color: var(--dri-links, #3E7C94);
}
.calendarIcon .date span.day {
  font-size: 0.9375rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  color: var(--dri-blue-dark, #082733);
  display: block;
  padding-bottom: 10px;
}

.content > .subpages.home {
  padding-top: 0;
}

.content > .subpages {
  padding-top: 36px;
}

.dummyTabs .swiper-slide {
  width: auto;
  display: inline-block;
  color: var(--dri-links, #3E7C94);
  border-bottom: 8px solid transparent;
  font-size: 0.9375rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  padding: 12px 8px;
}
.dummyTabs .swiper-slide.selected {
  border-color: var(--dri-blue-light, #529DBA);
  color: var(--dri-blue-dark, #082733);
  cursor: default;
}
.dummyTabs .swiper-slide.selected:hover .underlineLink {
  background-image: unset;
  cursor: default;
}
.dummyTabs .swiper-slide.selected:focus .underlineLink {
  background-size: 0 0.075em, 100% 0.075em;
  transition: background-size 0.5s ease-out 0s;
}
.dummyTabs .swiper-slide:not(.selected) {
  cursor: pointer;
}
@media (min-width: 664px) {
  .dummyTabs {
    overflow: hidden;
  }
}

.dummyTabs-prev:disabled,
.dummyTabs-next:disabled {
  opacity: 0.4;
}

.bg-site-layer {
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: calc(var(--vh) * 100);
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.5s ease, z-index 0s 0.5s, pointer-events 0s 0.5s;
}

:root {
  --header-color: var(--white, #fff);
  --header-background: var(--black, #000000);
  --header-height: 60px;
  --vh: 1vh;
  --padding-py: 30px;
  --padding-px: 26px;
}
@media (min-width: 924px) {
  :root {
    --header-height: 100px;
  }
}
@media (min-width: 1200px) {
  :root {
    --header-height: 150px;
  }
}
@media (min-width: 375px) {
  :root {
    --padding-py: 40px;
    --padding-px: 30px;
  }
}
@media (min-width: 664px) {
  :root {
    --padding-py: 50px;
    --padding-px: 46px;
  }
}
@media (min-width: 768px) {
  :root {
    --padding-py: 60px;
    --padding-px: 64px;
  }
}
@media (min-width: 924px) {
  :root {
    --padding-py: 80px;
    --padding-px: 50px;
  }
}
@media (min-width: 1024px) {
  :root {
    --padding-py: 100px;
    --padding-px: 78px;
  }
}
@media (min-width: 1200px) {
  :root {
    --padding-py: 120px;
    --padding-px: 120px;
  }
}

/*
body {
  --black: #000000;
  --white: #fff;
  --gray-light: #f4f4f4;
  --gray-mid: #dadada;
  --gray-dark: #aba9a4;
  --blue-light: #DDE6EA;
  --gray-sep: #E0DFDF;
  --gray-sep-darker: #ADADAD;

  --gray-darker: #C1CACD;

  --dri-links: #3E7C94;
  --dri-blue-light: #529DBA;
  --dri-blue-dark: #082733;
  --dri-blue: #1B495A;
  --dri-base-text: #262626;
  --dri-blue-light-bg: #CDE9F3;
  --dri-green-bg: #F1F4F5;

  --gray-helper-text: #777777;

  --alert: #FF4B4B;
}
*/
@media only screen and (max-width: 1240px) {
  .wpMax {
    padding-left: 20px;
    padding-right: 20px;
  }
}
/* purgecss start ignore */
@font-face {
  font-family: "Republika_ico";
  src: url("/fonts/Republika_ico.eot?39ghvb");
  src: url("/fonts/Republika_ico.eot?39ghvb#iefix") format("embedded-opentype"), url("/fonts/Republika_ico.ttf?39ghvb") format("truetype"), url("/fonts/Republika_ico.woff?39ghvb") format("woff"), url("/fonts/Republika_ico.svg?39ghvb#Republika_ico") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
/* purgecss start ignore */
[class^=icon-], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "Republika_ico" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-ico_coruption_risk:before {
  content: "\e952";
}

.icon-ico_knowledge_base:before {
  content: "\e953";
}

.icon-ico_report:before {
  content: "\e954";
}

.icon-ico_integrity_plan:before {
  content: "\e955";
}

.icon-ico_sign:before {
  content: "\e951";
}

.icon-ico_logout:before {
  content: "\e950";
}

.icon-ico_fax:before {
  content: "\e94f";
}

.icon-ico_profile_personal_other:before {
  content: "\e94e";
}

.icon-time:before {
  content: "\e93a";
}

.icon-phone:before {
  content: "\e93b";
}

.icon-date_time:before {
  content: "\e93c";
}

.icon-event-copy-4:before {
  content: "\e93d";
}

.icon-internet:before {
  content: "\e93e";
}

.icon-save:before {
  content: "\e93f";
}

.icon-event-copy-7:before {
  content: "\e940";
}

.icon-zoom_in:before {
  content: "\e941";
}

.icon-zoom_out:before {
  content: "\e942";
}

.icon-institution_user:before {
  content: "\e943";
}

.icon-awaiting_signature:before {
  content: "\e944";
}

.icon-awaiting_reedit:before {
  content: "\e945";
}

.icon-invite:before {
  content: "\e946";
}

.icon-yes:before {
  content: "\e947";
}

.icon-no:before {
  content: "\e948";
}

.icon-wait:before {
  content: "\e949";
}

.icon-help:before {
  content: "\e94a";
}

.icon-delete_user:before {
  content: "\e94b";
}

.icon-invite_new:before {
  content: "\e94c";
}

.icon-rights:before {
  content: "\e94d";
}

.icon-event:before {
  content: "\e934";
}

.icon-print:before {
  content: "\e935";
}

.icon-folder_open:before {
  content: "\e936";
}

.icon-folder_closed:before {
  content: "\e937";
}

.icon-tag:before {
  content: "\e938";
}

.icon-location:before {
  content: "\e939";
}

.icon-email:before {
  content: "\e933";
}

.icon-hf:before {
  content: "\e932";
}

.icon-si-pass:before {
  content: "\e930";
}

.icon-fingerprint:before {
  content: "\e931";
}

.icon-cog:before {
  content: "\e92f";
}

.icon-filter:before {
  content: "\e92e";
}

.icon-fb_big:before {
  content: "\e926";
}

.icon-ln_big:before {
  content: "\e927";
}

.icon-yt_big:before {
  content: "\e928";
}

.icon-X:before {
  content: "\e956";
}

.icon-double_chevron_L:before {
  content: "\e929";
}

.icon-double_chevron_R:before {
  content: "\e92a";
}

.icon-double_chevron_U:before {
  content: "\e92b";
}

.icon-double_chevron_D:before {
  content: "\e92c";
}

.icon-close:before {
  content: "\e92d";
}

.icon-fb_circle:before {
  content: "\e900";
}

.icon-ln_circle:before {
  content: "\e901";
}

.icon-yt_circle:before {
  content: "\e902";
}

.icon-arrow_circle_L:before {
  content: "\e903";
}

.icon-arrow_circle_R:before {
  content: "\e904";
}

.icon-arrow_circle_U:before {
  content: "\e905";
}

.icon-arrow_circle_D:before {
  content: "\e906";
}

.icon-arrow_md_L:before {
  content: "\e907";
}

.icon-arrow_md_R:before {
  content: "\e908";
}

.icon-arrow_md_U:before {
  content: "\e909";
}

.icon-arrow_md_D:before {
  content: "\e90a";
}

.icon-chewron_L:before {
  content: "\e90b";
}

.icon-chewron_R:before {
  content: "\e90c";
}

.icon-chewron_U:before {
  content: "\e90d";
}

.icon-chewron_D:before {
  content: "\e90e";
}

.icon-apps:before {
  content: "\e90f";
}

.icon-drag:before {
  content: "\e910";
}

.icon-external_link:before {
  content: "\e911";
}

.icon-doc:before {
  content: "\e912";
}

.icon-documents:before {
  content: "\e913";
}

.icon-download:before {
  content: "\e914";
}

.icon-view:before {
  content: "\e915";
}

.icon-subtract:before {
  content: "\e916";
}

.icon-add:before {
  content: "\e917";
}

.icon-notifications:before {
  content: "\e918";
}

.icon-sent:before {
  content: "\e919";
}

.icon-send:before {
  content: "\e91a";
}

.icon-trash:before {
  content: "\e91b";
}

.icon-edit:before {
  content: "\e91c";
}

.icon-drafts:before {
  content: "\e91d";
}

.icon-profile_change:before {
  content: "\e91e";
}

.icon-profile_institution:before {
  content: "\e91f";
}

.icon-profile:before {
  content: "\e920";
}

.icon-profile_personal:before {
  content: "\e921";
}

.icon-search:before {
  content: "\e922";
}

.icon-accessibility:before {
  content: "\e923";
}

.icon-menu:before {
  content: "\e924";
}

.icon-home:before {
  content: "\e925";
}

@font-face {
  font-family: "kpk-icons";
  src: url("/fonts/kpk-icons.ttf?1fcdf6") format("truetype"), url("/fonts/kpk-icons.woff?1fcdf6") format("woff"), url("/fonts/kpk-icons.svg?1fcdf6#kpk-icons") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=kpk-icon-], [class*=" kpk-icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "kpk-icons" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.kpk-icon-circle-warning:before {
  content: "\e900";
}

.kpk-icon-circle-success:before {
  content: "\e901";
}

.kpk-icon-circle-error:before {
  content: "\e902";
}

.kpk-icon-notification-bell:before {
  content: "\e903";
}

/* purgecss end ignore */
@font-face {
  font-family: "republika-regular";
  src: url("/fonts/republika-regular-webfont.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "republika-bold";
  src: url("/fonts/republika-bold-webfont.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}
body {
  font-family: "republika-regular", sans-serif !important;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.375rem;
  color: var(--dri-base-text, #262626);
}

h1,
.h1 {
  font-family: republika-bold, sans-serif;
  font-size: 1.75rem;
  font-style: normal;
  font-weight: 700;
  line-height: 2.125rem;
  color: var(--dri-blue-dark, #082733);
  margin: 0 0 30px 0;
}
h2,
.h2 {
  font-family: republika-bold, sans-serif;
  font-size: 1.375rem;
  font-style: normal;
  line-height: 1.625rem;
  color: var(--dri-blue, #1B495A);
}

h3,
.h3 {
  font-family: republika-bold, sans-serif;
  font-size: 1.125rem;
  font-style: normal;
  line-height: 1.25rem; /* 19.8px */
  letter-spacing: 1.2px;
  text-transform: uppercase;
  margin-bottom: 21px;
}

h4,
.h4 {
  font-family: "republika-regular", sans-serif;
  font-size: 1.125rem;
  font-style: normal;
  line-height: 1.25rem;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  word-wrap: break-word;
  margin: 0;
  font-weight: normal;
}

h5 {
  font-family: republika-bold, sans-serif;
  font-size: 1.5rem;
  line-height: 2rem;
  word-wrap: break-word;
  margin: 0;
}

h6 {
  font-size: 1.25rem;
  line-height: 1.75rem;
  word-wrap: break-word;
  margin: 0;
}

.font32 {
  font-family: republika-bold, sans-serif;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 1.6px;
  text-transform: uppercase;
}

.font22 {
  font-size: 1.375rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.625rem;
}

.font16 {
  color: var(--gray-helper-text, #777777);
  font-family: "republika-regular", sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.1875rem;
  letter-spacing: 1.2px;
  text-transform: uppercase;
}

.font15 {
  color: var(--dri-blue-dark, #082733);
  font-family: "republika-regular", sans-serif;
  font-size: 0.9375rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 1.2px;
  text-transform: uppercase;
}

.font14 {
  color: var(--dri-links, #3E7C94);
  font-family: "republika-regular", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 19.6px */
  letter-spacing: 1.4px;
}

.pageTitle {
  padding-bottom: 32px;
  min-height: 70px;
}
@media (min-width: 664px) {
  .pageTitle {
    min-height: 100px;
  }
}
.pageTitle hr {
  width: 36px;
  height: 1px;
  background: var(--dri-links, #3E7C94);
  border: none;
  margin: 0 0 10px 0;
}
.pageTitle h2, .pageTitle h1 {
  font-family: "republika-regular", sans-serif;
  font-size: 1.5rem;
  font-style: normal;
  line-height: 1.625rem;
  color: var(--gray-helper-text, #777777);
  margin: 0;
  padding: 0;
  text-transform: uppercase;
  font-weight: normal;
}
.pageTitle h2.darkBlue, .pageTitle h1.darkBlue {
  color: var(--dri-blue-dark, #082733);
  font-family: republika-bold, sans-serif;
}
.pageTitle h2.links, .pageTitle h1.links {
  color: var(--dri-links, #3E7C94);
}

s {
  text-decoration: none;
  font-size: 80%;
}

blockquote {
  font-style: italic;
  text-align: center;
}

/* Position */
.relative {
  position: relative;
}

.absolute {
  position: absolute;
}

/* Overflow */
.overflow-hidden {
  overflow: hidden;
}

/* Display */
.inline-block {
  display: inline-block;
}

.inline {
  display: inline;
}

/* Colors */
.white {
  color: var(--white, #fff);
}

.bg-white {
  background-color: var(--white, #fff);
}

.white-hover:hover, .white-hover:focus {
  color: var(--white, #fff);
}

.bg-white-hover:hover, .bg-white-hover:focus {
  background-color: var(--white, #fff);
}

.bt-white {
  border-top: 1px solid var(--white, #fff);
}

.bb-white {
  border-bottom: 1px solid var(--white, #fff);
}

.bl-white {
  border-left: 1px solid var(--white, #fff);
}

.br-white {
  border-right: 1px solid var(--white, #fff);
}

.border-white {
  border: 1px solid var(--white, #fff);
}

.black {
  color: var(--black, #000000);
}

.bg-black {
  background-color: var(--black, #000000);
}

.black-hover:hover, .black-hover:focus {
  color: var(--black, #000000);
}

.bg-black-hover:hover, .bg-black-hover:focus {
  background-color: var(--black, #000000);
}

.bt-black {
  border-top: 1px solid var(--black, #000000);
}

.bb-black {
  border-bottom: 1px solid var(--black, #000000);
}

.bl-black {
  border-left: 1px solid var(--black, #000000);
}

.br-black {
  border-right: 1px solid var(--black, #000000);
}

.border-black {
  border: 1px solid var(--black, #000000);
}

.gray-light {
  color: var(--gray-light, #f4f4f4);
}

.bg-gray-light {
  background-color: var(--gray-light, #f4f4f4);
}

.gray-light-hover:hover, .gray-light-hover:focus {
  color: var(--gray-light, #f4f4f4);
}

.bg-gray-light-hover:hover, .bg-gray-light-hover:focus {
  background-color: var(--gray-light, #f4f4f4);
}

.bt-gray-light {
  border-top: 1px solid var(--gray-light, #f4f4f4);
}

.bb-gray-light {
  border-bottom: 1px solid var(--gray-light, #f4f4f4);
}

.bl-gray-light {
  border-left: 1px solid var(--gray-light, #f4f4f4);
}

.br-gray-light {
  border-right: 1px solid var(--gray-light, #f4f4f4);
}

.border-gray-light {
  border: 1px solid var(--gray-light, #f4f4f4);
}

.gray-mid {
  color: var(--gray-mid, #dadada);
}

.bg-gray-mid {
  background-color: var(--gray-mid, #dadada);
}

.gray-mid-hover:hover, .gray-mid-hover:focus {
  color: var(--gray-mid, #dadada);
}

.bg-gray-mid-hover:hover, .bg-gray-mid-hover:focus {
  background-color: var(--gray-mid, #dadada);
}

.bt-gray-mid {
  border-top: 1px solid var(--gray-mid, #dadada);
}

.bb-gray-mid {
  border-bottom: 1px solid var(--gray-mid, #dadada);
}

.bl-gray-mid {
  border-left: 1px solid var(--gray-mid, #dadada);
}

.br-gray-mid {
  border-right: 1px solid var(--gray-mid, #dadada);
}

.border-gray-mid {
  border: 1px solid var(--gray-mid, #dadada);
}

.gray-dark {
  color: var(--gray-dark, #aba9a4);
}

.bg-gray-dark {
  background-color: var(--gray-dark, #aba9a4);
}

.gray-dark-hover:hover, .gray-dark-hover:focus {
  color: var(--gray-dark, #aba9a4);
}

.bg-gray-dark-hover:hover, .bg-gray-dark-hover:focus {
  background-color: var(--gray-dark, #aba9a4);
}

.bt-gray-dark {
  border-top: 1px solid var(--gray-dark, #aba9a4);
}

.bb-gray-dark {
  border-bottom: 1px solid var(--gray-dark, #aba9a4);
}

.bl-gray-dark {
  border-left: 1px solid var(--gray-dark, #aba9a4);
}

.br-gray-dark {
  border-right: 1px solid var(--gray-dark, #aba9a4);
}

.border-gray-dark {
  border: 1px solid var(--gray-dark, #aba9a4);
}

.gray-darker {
  color: var(--gray-darker, #C1CACD);
}

.bg-gray-darker {
  background-color: var(--gray-darker, #C1CACD);
}

.gray-darker-hover:hover, .gray-darker-hover:focus {
  color: var(--gray-darker, #C1CACD);
}

.bg-gray-darker-hover:hover, .bg-gray-darker-hover:focus {
  background-color: var(--gray-darker, #C1CACD);
}

.bt-gray-darker {
  border-top: 1px solid var(--gray-darker, #C1CACD);
}

.bb-gray-darker {
  border-bottom: 1px solid var(--gray-darker, #C1CACD);
}

.bl-gray-darker {
  border-left: 1px solid var(--gray-darker, #C1CACD);
}

.br-gray-darker {
  border-right: 1px solid var(--gray-darker, #C1CACD);
}

.border-gray-darker {
  border: 1px solid var(--gray-darker, #C1CACD);
}

.gray-sep {
  color: var(--gray-sep, #E0DFDF);
}

.bg-gray-sep {
  background-color: var(--gray-sep, #E0DFDF);
}

.gray-sep-hover:hover, .gray-sep-hover:focus {
  color: var(--gray-sep, #E0DFDF);
}

.bg-gray-sep-hover:hover, .bg-gray-sep-hover:focus {
  background-color: var(--gray-sep, #E0DFDF);
}

.bt-gray-sep {
  border-top: 1px solid var(--gray-sep, #E0DFDF);
}

.bb-gray-sep {
  border-bottom: 1px solid var(--gray-sep, #E0DFDF);
}

.bl-gray-sep {
  border-left: 1px solid var(--gray-sep, #E0DFDF);
}

.br-gray-sep {
  border-right: 1px solid var(--gray-sep, #E0DFDF);
}

.border-gray-sep {
  border: 1px solid var(--gray-sep, #E0DFDF);
}

.gray-sep-dark {
  color: var(--gray-sep-darker, #ADADAD);
}

.bg-gray-sep-dark {
  background-color: var(--gray-sep-darker, #ADADAD);
}

.gray-sep-dark-hover:hover, .gray-sep-dark-hover:focus {
  color: var(--gray-sep-darker, #ADADAD);
}

.bg-gray-sep-dark-hover:hover, .bg-gray-sep-dark-hover:focus {
  background-color: var(--gray-sep-darker, #ADADAD);
}

.bt-gray-sep-dark {
  border-top: 1px solid var(--gray-sep-darker, #ADADAD);
}

.bb-gray-sep-dark {
  border-bottom: 1px solid var(--gray-sep-darker, #ADADAD);
}

.bl-gray-sep-dark {
  border-left: 1px solid var(--gray-sep-darker, #ADADAD);
}

.br-gray-sep-dark {
  border-right: 1px solid var(--gray-sep-darker, #ADADAD);
}

.border-gray-sep-dark {
  border: 1px solid var(--gray-sep-darker, #ADADAD);
}

.gray-helper-text {
  color: var(--gray-helper-text, #777777);
}

.bg-gray-helper-text {
  background-color: var(--gray-helper-text, #777777);
}

.gray-helper-text-hover:hover, .gray-helper-text-hover:focus {
  color: var(--gray-helper-text, #777777);
}

.bg-gray-helper-text-hover:hover, .bg-gray-helper-text-hover:focus {
  background-color: var(--gray-helper-text, #777777);
}

.bt-gray-helper-text {
  border-top: 1px solid var(--gray-helper-text, #777777);
}

.bb-gray-helper-text {
  border-bottom: 1px solid var(--gray-helper-text, #777777);
}

.bl-gray-helper-text {
  border-left: 1px solid var(--gray-helper-text, #777777);
}

.br-gray-helper-text {
  border-right: 1px solid var(--gray-helper-text, #777777);
}

.border-gray-helper-text {
  border: 1px solid var(--gray-helper-text, #777777);
}

.links {
  color: var(--dri-links, #3E7C94);
}

.bg-links {
  background-color: var(--dri-links, #3E7C94);
}

.links-hover:hover, .links-hover:focus {
  color: var(--dri-links, #3E7C94);
}

.bg-links-hover:hover, .bg-links-hover:focus {
  background-color: var(--dri-links, #3E7C94);
}

.bt-links {
  border-top: 1px solid var(--dri-links, #3E7C94);
}

.bb-links {
  border-bottom: 1px solid var(--dri-links, #3E7C94);
}

.bl-links {
  border-left: 1px solid var(--dri-links, #3E7C94);
}

.br-links {
  border-right: 1px solid var(--dri-links, #3E7C94);
}

.border-links {
  border: 1px solid var(--dri-links, #3E7C94);
}

.blue-gray {
  color: var(--blue-light, #DDE6EA);
}

.bg-blue-gray {
  background-color: var(--blue-light, #DDE6EA);
}

.blue-gray-hover:hover, .blue-gray-hover:focus {
  color: var(--blue-light, #DDE6EA);
}

.bg-blue-gray-hover:hover, .bg-blue-gray-hover:focus {
  background-color: var(--blue-light, #DDE6EA);
}

.bt-blue-gray {
  border-top: 1px solid var(--blue-light, #DDE6EA);
}

.bb-blue-gray {
  border-bottom: 1px solid var(--blue-light, #DDE6EA);
}

.bl-blue-gray {
  border-left: 1px solid var(--blue-light, #DDE6EA);
}

.br-blue-gray {
  border-right: 1px solid var(--blue-light, #DDE6EA);
}

.border-blue-gray {
  border: 1px solid var(--blue-light, #DDE6EA);
}

.blue-light {
  color: var(--dri-blue-light, #529DBA);
}

.bg-blue-light {
  background-color: var(--dri-blue-light, #529DBA);
}

.blue-light-hover:hover, .blue-light-hover:focus {
  color: var(--dri-blue-light, #529DBA);
}

.bg-blue-light-hover:hover, .bg-blue-light-hover:focus {
  background-color: var(--dri-blue-light, #529DBA);
}

.bt-blue-light {
  border-top: 1px solid var(--dri-blue-light, #529DBA);
}

.bb-blue-light {
  border-bottom: 1px solid var(--dri-blue-light, #529DBA);
}

.bl-blue-light {
  border-left: 1px solid var(--dri-blue-light, #529DBA);
}

.br-blue-light {
  border-right: 1px solid var(--dri-blue-light, #529DBA);
}

.border-blue-light {
  border: 1px solid var(--dri-blue-light, #529DBA);
}

.blue-light-bg {
  color: var(--dri-blue-light-bg, #CDE9F3);
}

.bg-blue-light-bg {
  background-color: var(--dri-blue-light-bg, #CDE9F3);
}

.blue-light-bg-hover:hover, .blue-light-bg-hover:focus {
  color: var(--dri-blue-light-bg, #CDE9F3);
}

.bg-blue-light-bg-hover:hover, .bg-blue-light-bg-hover:focus {
  background-color: var(--dri-blue-light-bg, #CDE9F3);
}

.bt-blue-light-bg {
  border-top: 1px solid var(--dri-blue-light-bg, #CDE9F3);
}

.bb-blue-light-bg {
  border-bottom: 1px solid var(--dri-blue-light-bg, #CDE9F3);
}

.bl-blue-light-bg {
  border-left: 1px solid var(--dri-blue-light-bg, #CDE9F3);
}

.br-blue-light-bg {
  border-right: 1px solid var(--dri-blue-light-bg, #CDE9F3);
}

.border-blue-light-bg {
  border: 1px solid var(--dri-blue-light-bg, #CDE9F3);
}

.blue-dark {
  color: var(--dri-blue-dark, #082733);
}

.bg-blue-dark {
  background-color: var(--dri-blue-dark, #082733);
}

.blue-dark-hover:hover, .blue-dark-hover:focus {
  color: var(--dri-blue-dark, #082733);
}

.bg-blue-dark-hover:hover, .bg-blue-dark-hover:focus {
  background-color: var(--dri-blue-dark, #082733);
}

.bt-blue-dark {
  border-top: 1px solid var(--dri-blue-dark, #082733);
}

.bb-blue-dark {
  border-bottom: 1px solid var(--dri-blue-dark, #082733);
}

.bl-blue-dark {
  border-left: 1px solid var(--dri-blue-dark, #082733);
}

.br-blue-dark {
  border-right: 1px solid var(--dri-blue-dark, #082733);
}

.border-blue-dark {
  border: 1px solid var(--dri-blue-dark, #082733);
}

.blue-medium {
  color: var(--dri-blue, #1B495A);
}

.bg-blue-medium {
  background-color: var(--dri-blue, #1B495A);
}

.blue-medium-hover:hover, .blue-medium-hover:focus {
  color: var(--dri-blue, #1B495A);
}

.bg-blue-medium-hover:hover, .bg-blue-medium-hover:focus {
  background-color: var(--dri-blue, #1B495A);
}

.bt-blue-medium {
  border-top: 1px solid var(--dri-blue, #1B495A);
}

.bb-blue-medium {
  border-bottom: 1px solid var(--dri-blue, #1B495A);
}

.bl-blue-medium {
  border-left: 1px solid var(--dri-blue, #1B495A);
}

.br-blue-medium {
  border-right: 1px solid var(--dri-blue, #1B495A);
}

.border-blue-medium {
  border: 1px solid var(--dri-blue, #1B495A);
}

.text {
  color: var(--dri-base-text, #262626);
}

.bg-text {
  background-color: var(--dri-base-text, #262626);
}

.text-hover:hover, .text-hover:focus {
  color: var(--dri-base-text, #262626);
}

.bg-text-hover:hover, .bg-text-hover:focus {
  background-color: var(--dri-base-text, #262626);
}

.bt-text {
  border-top: 1px solid var(--dri-base-text, #262626);
}

.bb-text {
  border-bottom: 1px solid var(--dri-base-text, #262626);
}

.bl-text {
  border-left: 1px solid var(--dri-base-text, #262626);
}

.br-text {
  border-right: 1px solid var(--dri-base-text, #262626);
}

.border-text {
  border: 1px solid var(--dri-base-text, #262626);
}

.green-bg {
  color: var(--dri-green-bg, #F1F4F5);
}

.bg-green-bg {
  background-color: var(--dri-green-bg, #F1F4F5);
}

.green-bg-hover:hover, .green-bg-hover:focus {
  color: var(--dri-green-bg, #F1F4F5);
}

.bg-green-bg-hover:hover, .bg-green-bg-hover:focus {
  background-color: var(--dri-green-bg, #F1F4F5);
}

.bt-green-bg {
  border-top: 1px solid var(--dri-green-bg, #F1F4F5);
}

.bb-green-bg {
  border-bottom: 1px solid var(--dri-green-bg, #F1F4F5);
}

.bl-green-bg {
  border-left: 1px solid var(--dri-green-bg, #F1F4F5);
}

.br-green-bg {
  border-right: 1px solid var(--dri-green-bg, #F1F4F5);
}

.border-green-bg {
  border: 1px solid var(--dri-green-bg, #F1F4F5);
}

.alert {
  color: var(--alert, #FF4B4B);
}

.bg-alert {
  background-color: var(--alert, #FF4B4B);
}

.alert-hover:hover, .alert-hover:focus {
  color: var(--alert, #FF4B4B);
}

.bg-alert-hover:hover, .bg-alert-hover:focus {
  background-color: var(--alert, #FF4B4B);
}

.bt-alert {
  border-top: 1px solid var(--alert, #FF4B4B);
}

.bb-alert {
  border-bottom: 1px solid var(--alert, #FF4B4B);
}

.bl-alert {
  border-left: 1px solid var(--alert, #FF4B4B);
}

.br-alert {
  border-right: 1px solid var(--alert, #FF4B4B);
}

.border-alert {
  border: 1px solid var(--alert, #FF4B4B);
}

.alert-green {
  color: var(--alert_green, #52AE27);
}

.bg-alert-green {
  background-color: var(--alert_green, #52AE27);
}

.alert-green-hover:hover, .alert-green-hover:focus {
  color: var(--alert_green, #52AE27);
}

.bg-alert-green-hover:hover, .bg-alert-green-hover:focus {
  background-color: var(--alert_green, #52AE27);
}

.bt-alert-green {
  border-top: 1px solid var(--alert_green, #52AE27);
}

.bb-alert-green {
  border-bottom: 1px solid var(--alert_green, #52AE27);
}

.bl-alert-green {
  border-left: 1px solid var(--alert_green, #52AE27);
}

.br-alert-green {
  border-right: 1px solid var(--alert_green, #52AE27);
}

.border-alert-green {
  border: 1px solid var(--alert_green, #52AE27);
}

.alert-yellow {
  color: var(--alert_green, #EC9C00);
}

.bg-alert-yellow {
  background-color: var(--alert_green, #EC9C00);
}

.alert-yellow-hover:hover, .alert-yellow-hover:focus {
  color: var(--alert_green, #EC9C00);
}

.bg-alert-yellow-hover:hover, .bg-alert-yellow-hover:focus {
  background-color: var(--alert_green, #EC9C00);
}

.bt-alert-yellow {
  border-top: 1px solid var(--alert_green, #EC9C00);
}

.bb-alert-yellow {
  border-bottom: 1px solid var(--alert_green, #EC9C00);
}

.bl-alert-yellow {
  border-left: 1px solid var(--alert_green, #EC9C00);
}

.br-alert-yellow {
  border-right: 1px solid var(--alert_green, #EC9C00);
}

.border-alert-yellow {
  border: 1px solid var(--alert_green, #EC9C00);
}

/* Text */
.text-left {
  text-align: left;
}

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

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

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

.uppercase {
  text-transform: uppercase;
}

.transform-none {
  text-transform: none;
}

.spacing-lg {
  letter-spacing: 1.4px;
}

.text-xs {
  font-size: 0.75rem;
  line-height: 1rem;
}

.text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.text-18 {
  font-size: 1.125rem;
  line-height: 1.25rem;
}

.text-md {
  font-size: 1.5rem;
  line-height: 2.1rem;
}

.text-icon-default {
  font-size: 1.75rem;
}

.text-lg {
  font-size: 2rem;
  line-height: 2.5rem;
}

.text-xl {
  font-size: 2.3rem;
  line-height: 3.25rem;
}

.text-5xl {
  font-size: 3.125rem;
  line-height: 1;
}

.text-6xl {
  font-size: 4rem;
  line-height: 1;
}

.text-9xl {
  font-size: 6.25rem;
  line-height: 1;
}

.contain {
  -o-object-fit: contain;
     object-fit: contain;
}

.cover {
  -o-object-fit: cover;
     object-fit: cover;
}

.icon {
  -o-object-fit: contain;
     object-fit: contain;
  width: 40px;
}
.icon.icon-small {
  width: 20px;
}
.icon.icon-mid {
  width: 30px;
}

.icon-flex {
  -o-object-fit: contain;
     object-fit: contain;
  flex: 0 0 40px;
  width: 40px;
}
.icon-flex.icon-small {
  flex: 0 0 20px;
  width: 20px;
}
.icon-flex.icon-mid {
  flex: 0 0 30px;
  width: 30px;
}

/* Grid */
.grid {
  display: grid;
}

.grid-5-5 {
  grid-template-columns: 1fr;
}
@media (min-width: 768px) {
  .grid-5-5 {
    grid-template-columns: 1fr 1fr;
  }
}

.gap-0 {
  gap: 0rem;
}

.row-gap-0 {
  row-gap: 0rem;
}

.column-gap-0 {
  -moz-column-gap: 0rem;
       column-gap: 0rem;
}

.gap-1 {
  gap: 0.25rem;
}

.row-gap-1 {
  row-gap: 0.25rem;
}

.column-gap-1 {
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

.gap-2 {
  gap: 0.5rem;
}

.row-gap-2 {
  row-gap: 0.5rem;
}

.column-gap-2 {
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
}

.gap-3 {
  gap: 0.75rem;
}

.row-gap-3 {
  row-gap: 0.75rem;
}

.column-gap-3 {
  -moz-column-gap: 0.75rem;
       column-gap: 0.75rem;
}

.gap-4 {
  gap: 1rem;
}

.row-gap-4 {
  row-gap: 1rem;
}

.column-gap-4 {
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}

.gap-5 {
  gap: 1.25rem;
}

.row-gap-5 {
  row-gap: 1.25rem;
}

.column-gap-5 {
  -moz-column-gap: 1.25rem;
       column-gap: 1.25rem;
}

.gap-6 {
  gap: 1.5rem;
}

.row-gap-6 {
  row-gap: 1.5rem;
}

.column-gap-6 {
  -moz-column-gap: 1.5rem;
       column-gap: 1.5rem;
}

.gap-7 {
  gap: 1.75rem;
}

.row-gap-7 {
  row-gap: 1.75rem;
}

.column-gap-7 {
  -moz-column-gap: 1.75rem;
       column-gap: 1.75rem;
}

.gap-8 {
  gap: 2rem;
}

.row-gap-8 {
  row-gap: 2rem;
}

.column-gap-8 {
  -moz-column-gap: 2rem;
       column-gap: 2rem;
}

.gap-9 {
  gap: 2.25rem;
}

.row-gap-9 {
  row-gap: 2.25rem;
}

.column-gap-9 {
  -moz-column-gap: 2.25rem;
       column-gap: 2.25rem;
}

.gap-10 {
  gap: 2.5rem;
}

.row-gap-10 {
  row-gap: 2.5rem;
}

.column-gap-10 {
  -moz-column-gap: 2.5rem;
       column-gap: 2.5rem;
}

.gap-11 {
  gap: 2.75rem;
}

.row-gap-11 {
  row-gap: 2.75rem;
}

.column-gap-11 {
  -moz-column-gap: 2.75rem;
       column-gap: 2.75rem;
}

.gap-12 {
  gap: 3rem;
}

.row-gap-12 {
  row-gap: 3rem;
}

.column-gap-12 {
  -moz-column-gap: 3rem;
       column-gap: 3rem;
}

.gap-13 {
  gap: 3.25rem;
}

.row-gap-13 {
  row-gap: 3.25rem;
}

.column-gap-13 {
  -moz-column-gap: 3.25rem;
       column-gap: 3.25rem;
}

.gap-14 {
  gap: 3.5rem;
}

.row-gap-14 {
  row-gap: 3.5rem;
}

.column-gap-14 {
  -moz-column-gap: 3.5rem;
       column-gap: 3.5rem;
}

.gap-15 {
  gap: 3.75rem;
}

.row-gap-15 {
  row-gap: 3.75rem;
}

.column-gap-15 {
  -moz-column-gap: 3.75rem;
       column-gap: 3.75rem;
}

.gap-16 {
  gap: 4rem;
}

.row-gap-16 {
  row-gap: 4rem;
}

.column-gap-16 {
  -moz-column-gap: 4rem;
       column-gap: 4rem;
}

.gap-20 {
  gap: 5rem;
}

.row-gap-20 {
  row-gap: 5rem;
}

.column-gap-20 {
  -moz-column-gap: 5rem;
       column-gap: 5rem;
}

.gap-25 {
  gap: 6.25rem;
}

.row-gap-25 {
  row-gap: 6.25rem;
}

.column-gap-25 {
  -moz-column-gap: 6.25rem;
       column-gap: 6.25rem;
}

.gap-30 {
  gap: 7.5rem;
}

.row-gap-30 {
  row-gap: 7.5rem;
}

.column-gap-30 {
  -moz-column-gap: 7.5rem;
       column-gap: 7.5rem;
}

.gap-35 {
  gap: 8.75rem;
}

.row-gap-35 {
  row-gap: 8.75rem;
}

.column-gap-35 {
  -moz-column-gap: 8.75rem;
       column-gap: 8.75rem;
}

.gap-40 {
  gap: 10rem;
}

.row-gap-40 {
  row-gap: 10rem;
}

.column-gap-40 {
  -moz-column-gap: 10rem;
       column-gap: 10rem;
}

.full {
  grid-column: 1/-1;
}

.outer {
  grid-column: outer;
}

.aside {
  grid-column: content;
}
@media (min-width: 924px) {
  .aside {
    grid-column: aside;
  }
}

.content {
  grid-column: content;
}

.full-content {
  grid-column: aside-start/content-end;
}

.content-span-half {
  grid-column-end: half-md;
}

.content-start-half {
  grid-column-start: half-md;
}

@media (min-width: 664px) {
  .content-start-sm-half {
    grid-column-start: half-md;
  }
}
@media (min-width: 768px) {
  .content-start-md-half {
    grid-column-start: half-md;
  }
}
.content-start-1 {
  grid-column-start: content-start 1;
}

.content-gap-1 {
  grid-column-start: content-gap 1;
}

.content-span-1 {
  grid-column-end: span 1 content-gap;
}

.content-span-gap-1 {
  grid-column-end: span 1 content-start;
}

.row-1 {
  grid-row-start: 1;
}

.row-span-1 {
  grid-row-end: span 1;
}

.order-1 {
  order: 1;
}

.content-start-2 {
  grid-column-start: content-start 2;
}

.content-gap-2 {
  grid-column-start: content-gap 2;
}

.content-span-2 {
  grid-column-end: span 2 content-gap;
}

.content-span-gap-2 {
  grid-column-end: span 2 content-start;
}

.row-2 {
  grid-row-start: 2;
}

.row-span-2 {
  grid-row-end: span 2;
}

.order-2 {
  order: 2;
}

.content-start-3 {
  grid-column-start: content-start 3;
}

.content-gap-3 {
  grid-column-start: content-gap 3;
}

.content-span-3 {
  grid-column-end: span 3 content-gap;
}

.content-span-gap-3 {
  grid-column-end: span 3 content-start;
}

.row-3 {
  grid-row-start: 3;
}

.row-span-3 {
  grid-row-end: span 3;
}

.order-3 {
  order: 3;
}

.content-start-4 {
  grid-column-start: content-start 4;
}

.content-gap-4 {
  grid-column-start: content-gap 4;
}

.content-span-4 {
  grid-column-end: span 4 content-gap;
}

.content-span-gap-4 {
  grid-column-end: span 4 content-start;
}

.row-4 {
  grid-row-start: 4;
}

.row-span-4 {
  grid-row-end: span 4;
}

.order-4 {
  order: 4;
}

.content-start-5 {
  grid-column-start: content-start 5;
}

.content-gap-5 {
  grid-column-start: content-gap 5;
}

.content-span-5 {
  grid-column-end: span 5 content-gap;
}

.content-span-gap-5 {
  grid-column-end: span 5 content-start;
}

.row-5 {
  grid-row-start: 5;
}

.row-span-5 {
  grid-row-end: span 5;
}

.order-5 {
  order: 5;
}

.content-start-6 {
  grid-column-start: content-start 6;
}

.content-gap-6 {
  grid-column-start: content-gap 6;
}

.content-span-6 {
  grid-column-end: span 6 content-gap;
}

.content-span-gap-6 {
  grid-column-end: span 6 content-start;
}

.row-6 {
  grid-row-start: 6;
}

.row-span-6 {
  grid-row-end: span 6;
}

.order-6 {
  order: 6;
}

.content-start-7 {
  grid-column-start: content-start 7;
}

.content-gap-7 {
  grid-column-start: content-gap 7;
}

.content-span-7 {
  grid-column-end: span 7 content-gap;
}

.content-span-gap-7 {
  grid-column-end: span 7 content-start;
}

.row-7 {
  grid-row-start: 7;
}

.row-span-7 {
  grid-row-end: span 7;
}

.order-7 {
  order: 7;
}

.content-start-8 {
  grid-column-start: content-start 8;
}

.content-gap-8 {
  grid-column-start: content-gap 8;
}

.content-span-8 {
  grid-column-end: span 8 content-gap;
}

.content-span-gap-8 {
  grid-column-end: span 8 content-start;
}

.row-8 {
  grid-row-start: 8;
}

.row-span-8 {
  grid-row-end: span 8;
}

.order-8 {
  order: 8;
}

.content-start-9 {
  grid-column-start: content-start 9;
}

.content-gap-9 {
  grid-column-start: content-gap 9;
}

.content-span-9 {
  grid-column-end: span 9 content-gap;
}

.content-span-gap-9 {
  grid-column-end: span 9 content-start;
}

.row-9 {
  grid-row-start: 9;
}

.row-span-9 {
  grid-row-end: span 9;
}

.order-9 {
  order: 9;
}

.content-start-10 {
  grid-column-start: content-start 10;
}

.content-gap-10 {
  grid-column-start: content-gap 10;
}

.content-span-10 {
  grid-column-end: span 10 content-gap;
}

.content-span-gap-10 {
  grid-column-end: span 10 content-start;
}

.row-10 {
  grid-row-start: 10;
}

.row-span-10 {
  grid-row-end: span 10;
}

.order-10 {
  order: 10;
}

.content-start-11 {
  grid-column-start: content-start 11;
}

.content-gap-11 {
  grid-column-start: content-gap 11;
}

.content-span-11 {
  grid-column-end: span 11 content-gap;
}

.content-span-gap-11 {
  grid-column-end: span 11 content-start;
}

.row-11 {
  grid-row-start: 11;
}

.row-span-11 {
  grid-row-end: span 11;
}

.order-11 {
  order: 11;
}

.content-start-12 {
  grid-column-start: content-start 12;
}

.content-gap-12 {
  grid-column-start: content-gap 12;
}

.content-span-12 {
  grid-column-end: span 12 content-gap;
}

.content-span-gap-12 {
  grid-column-end: span 12 content-start;
}

.row-12 {
  grid-row-start: 12;
}

.row-span-12 {
  grid-row-end: span 12;
}

.order-12 {
  order: 12;
}

@media (min-width: 664px) {
  .content-start-sm-1 {
    grid-column-start: content-start 1;
  }
}
@media (min-width: 664px) {
  .content-gap-sm-1 {
    grid-column-start: content-gap 1;
  }
}
@media (min-width: 664px) {
  .content-span-sm-1 {
    grid-column-end: span 1 content-gap;
  }
}
@media (min-width: 664px) {
  .content-span-gap-sm-1 {
    grid-column-end: span 1 content-start;
  }
}
@media (min-width: 664px) {
  .row-sm-1 {
    grid-row-start: 1;
  }
}
@media (min-width: 664px) {
  .row-span-sm-1 {
    grid-row-end: span 1;
  }
}
@media (min-width: 664px) {
  .order-sm-1 {
    order: 1;
  }
}
@media (min-width: 664px) {
  .content-start-sm-2 {
    grid-column-start: content-start 2;
  }
}
@media (min-width: 664px) {
  .content-gap-sm-2 {
    grid-column-start: content-gap 2;
  }
}
@media (min-width: 664px) {
  .content-span-sm-2 {
    grid-column-end: span 2 content-gap;
  }
}
@media (min-width: 664px) {
  .content-span-gap-sm-2 {
    grid-column-end: span 2 content-start;
  }
}
@media (min-width: 664px) {
  .row-sm-2 {
    grid-row-start: 2;
  }
}
@media (min-width: 664px) {
  .row-span-sm-2 {
    grid-row-end: span 2;
  }
}
@media (min-width: 664px) {
  .order-sm-2 {
    order: 2;
  }
}
@media (min-width: 664px) {
  .content-start-sm-3 {
    grid-column-start: content-start 3;
  }
}
@media (min-width: 664px) {
  .content-gap-sm-3 {
    grid-column-start: content-gap 3;
  }
}
@media (min-width: 664px) {
  .content-span-sm-3 {
    grid-column-end: span 3 content-gap;
  }
}
@media (min-width: 664px) {
  .content-span-gap-sm-3 {
    grid-column-end: span 3 content-start;
  }
}
@media (min-width: 664px) {
  .row-sm-3 {
    grid-row-start: 3;
  }
}
@media (min-width: 664px) {
  .row-span-sm-3 {
    grid-row-end: span 3;
  }
}
@media (min-width: 664px) {
  .order-sm-3 {
    order: 3;
  }
}
@media (min-width: 664px) {
  .content-start-sm-4 {
    grid-column-start: content-start 4;
  }
}
@media (min-width: 664px) {
  .content-gap-sm-4 {
    grid-column-start: content-gap 4;
  }
}
@media (min-width: 664px) {
  .content-span-sm-4 {
    grid-column-end: span 4 content-gap;
  }
}
@media (min-width: 664px) {
  .content-span-gap-sm-4 {
    grid-column-end: span 4 content-start;
  }
}
@media (min-width: 664px) {
  .row-sm-4 {
    grid-row-start: 4;
  }
}
@media (min-width: 664px) {
  .row-span-sm-4 {
    grid-row-end: span 4;
  }
}
@media (min-width: 664px) {
  .order-sm-4 {
    order: 4;
  }
}
@media (min-width: 664px) {
  .content-start-sm-5 {
    grid-column-start: content-start 5;
  }
}
@media (min-width: 664px) {
  .content-gap-sm-5 {
    grid-column-start: content-gap 5;
  }
}
@media (min-width: 664px) {
  .content-span-sm-5 {
    grid-column-end: span 5 content-gap;
  }
}
@media (min-width: 664px) {
  .content-span-gap-sm-5 {
    grid-column-end: span 5 content-start;
  }
}
@media (min-width: 664px) {
  .row-sm-5 {
    grid-row-start: 5;
  }
}
@media (min-width: 664px) {
  .row-span-sm-5 {
    grid-row-end: span 5;
  }
}
@media (min-width: 664px) {
  .order-sm-5 {
    order: 5;
  }
}
@media (min-width: 664px) {
  .content-start-sm-6 {
    grid-column-start: content-start 6;
  }
}
@media (min-width: 664px) {
  .content-gap-sm-6 {
    grid-column-start: content-gap 6;
  }
}
@media (min-width: 664px) {
  .content-span-sm-6 {
    grid-column-end: span 6 content-gap;
  }
}
@media (min-width: 664px) {
  .content-span-gap-sm-6 {
    grid-column-end: span 6 content-start;
  }
}
@media (min-width: 664px) {
  .row-sm-6 {
    grid-row-start: 6;
  }
}
@media (min-width: 664px) {
  .row-span-sm-6 {
    grid-row-end: span 6;
  }
}
@media (min-width: 664px) {
  .order-sm-6 {
    order: 6;
  }
}
@media (min-width: 664px) {
  .content-start-sm-7 {
    grid-column-start: content-start 7;
  }
}
@media (min-width: 664px) {
  .content-gap-sm-7 {
    grid-column-start: content-gap 7;
  }
}
@media (min-width: 664px) {
  .content-span-sm-7 {
    grid-column-end: span 7 content-gap;
  }
}
@media (min-width: 664px) {
  .content-span-gap-sm-7 {
    grid-column-end: span 7 content-start;
  }
}
@media (min-width: 664px) {
  .row-sm-7 {
    grid-row-start: 7;
  }
}
@media (min-width: 664px) {
  .row-span-sm-7 {
    grid-row-end: span 7;
  }
}
@media (min-width: 664px) {
  .order-sm-7 {
    order: 7;
  }
}
@media (min-width: 664px) {
  .content-start-sm-8 {
    grid-column-start: content-start 8;
  }
}
@media (min-width: 664px) {
  .content-gap-sm-8 {
    grid-column-start: content-gap 8;
  }
}
@media (min-width: 664px) {
  .content-span-sm-8 {
    grid-column-end: span 8 content-gap;
  }
}
@media (min-width: 664px) {
  .content-span-gap-sm-8 {
    grid-column-end: span 8 content-start;
  }
}
@media (min-width: 664px) {
  .row-sm-8 {
    grid-row-start: 8;
  }
}
@media (min-width: 664px) {
  .row-span-sm-8 {
    grid-row-end: span 8;
  }
}
@media (min-width: 664px) {
  .order-sm-8 {
    order: 8;
  }
}
@media (min-width: 664px) {
  .content-start-sm-9 {
    grid-column-start: content-start 9;
  }
}
@media (min-width: 664px) {
  .content-gap-sm-9 {
    grid-column-start: content-gap 9;
  }
}
@media (min-width: 664px) {
  .content-span-sm-9 {
    grid-column-end: span 9 content-gap;
  }
}
@media (min-width: 664px) {
  .content-span-gap-sm-9 {
    grid-column-end: span 9 content-start;
  }
}
@media (min-width: 664px) {
  .row-sm-9 {
    grid-row-start: 9;
  }
}
@media (min-width: 664px) {
  .row-span-sm-9 {
    grid-row-end: span 9;
  }
}
@media (min-width: 664px) {
  .order-sm-9 {
    order: 9;
  }
}
@media (min-width: 664px) {
  .content-start-sm-10 {
    grid-column-start: content-start 10;
  }
}
@media (min-width: 664px) {
  .content-gap-sm-10 {
    grid-column-start: content-gap 10;
  }
}
@media (min-width: 664px) {
  .content-span-sm-10 {
    grid-column-end: span 10 content-gap;
  }
}
@media (min-width: 664px) {
  .content-span-gap-sm-10 {
    grid-column-end: span 10 content-start;
  }
}
@media (min-width: 664px) {
  .row-sm-10 {
    grid-row-start: 10;
  }
}
@media (min-width: 664px) {
  .row-span-sm-10 {
    grid-row-end: span 10;
  }
}
@media (min-width: 664px) {
  .order-sm-10 {
    order: 10;
  }
}
@media (min-width: 664px) {
  .content-start-sm-11 {
    grid-column-start: content-start 11;
  }
}
@media (min-width: 664px) {
  .content-gap-sm-11 {
    grid-column-start: content-gap 11;
  }
}
@media (min-width: 664px) {
  .content-span-sm-11 {
    grid-column-end: span 11 content-gap;
  }
}
@media (min-width: 664px) {
  .content-span-gap-sm-11 {
    grid-column-end: span 11 content-start;
  }
}
@media (min-width: 664px) {
  .row-sm-11 {
    grid-row-start: 11;
  }
}
@media (min-width: 664px) {
  .row-span-sm-11 {
    grid-row-end: span 11;
  }
}
@media (min-width: 664px) {
  .order-sm-11 {
    order: 11;
  }
}
@media (min-width: 664px) {
  .content-start-sm-12 {
    grid-column-start: content-start 12;
  }
}
@media (min-width: 664px) {
  .content-gap-sm-12 {
    grid-column-start: content-gap 12;
  }
}
@media (min-width: 664px) {
  .content-span-sm-12 {
    grid-column-end: span 12 content-gap;
  }
}
@media (min-width: 664px) {
  .content-span-gap-sm-12 {
    grid-column-end: span 12 content-start;
  }
}
@media (min-width: 664px) {
  .row-sm-12 {
    grid-row-start: 12;
  }
}
@media (min-width: 664px) {
  .row-span-sm-12 {
    grid-row-end: span 12;
  }
}
@media (min-width: 664px) {
  .order-sm-12 {
    order: 12;
  }
}
@media (min-width: 768px) {
  .content-start-md-1 {
    grid-column-start: content-start 1;
  }
}
@media (min-width: 768px) {
  .content-gap-md-1 {
    grid-column-start: content-gap 1;
  }
}
@media (min-width: 768px) {
  .content-span-md-1 {
    grid-column-end: span 1 content-gap;
  }
}
@media (min-width: 768px) {
  .content-span-gap-md-1 {
    grid-column-end: span 1 content-start;
  }
}
@media (min-width: 768px) {
  .row-md-1 {
    grid-row-start: 1;
  }
}
@media (min-width: 768px) {
  .row-span-md-1 {
    grid-row-end: span 1;
  }
}
@media (min-width: 768px) {
  .row-span-md-1 {
    grid-row-end: span 1;
  }
}
@media (min-width: 768px) {
  .order-md-1 {
    order: 1;
  }
}
@media (min-width: 768px) {
  .content-start-md-2 {
    grid-column-start: content-start 2;
  }
}
@media (min-width: 768px) {
  .content-gap-md-2 {
    grid-column-start: content-gap 2;
  }
}
@media (min-width: 768px) {
  .content-span-md-2 {
    grid-column-end: span 2 content-gap;
  }
}
@media (min-width: 768px) {
  .content-span-gap-md-2 {
    grid-column-end: span 2 content-start;
  }
}
@media (min-width: 768px) {
  .row-md-2 {
    grid-row-start: 2;
  }
}
@media (min-width: 768px) {
  .row-span-md-2 {
    grid-row-end: span 2;
  }
}
@media (min-width: 768px) {
  .row-span-md-2 {
    grid-row-end: span 2;
  }
}
@media (min-width: 768px) {
  .order-md-2 {
    order: 2;
  }
}
@media (min-width: 768px) {
  .content-start-md-3 {
    grid-column-start: content-start 3;
  }
}
@media (min-width: 768px) {
  .content-gap-md-3 {
    grid-column-start: content-gap 3;
  }
}
@media (min-width: 768px) {
  .content-span-md-3 {
    grid-column-end: span 3 content-gap;
  }
}
@media (min-width: 768px) {
  .content-span-gap-md-3 {
    grid-column-end: span 3 content-start;
  }
}
@media (min-width: 768px) {
  .row-md-3 {
    grid-row-start: 3;
  }
}
@media (min-width: 768px) {
  .row-span-md-3 {
    grid-row-end: span 3;
  }
}
@media (min-width: 768px) {
  .row-span-md-3 {
    grid-row-end: span 3;
  }
}
@media (min-width: 768px) {
  .order-md-3 {
    order: 3;
  }
}
@media (min-width: 768px) {
  .content-start-md-4 {
    grid-column-start: content-start 4;
  }
}
@media (min-width: 768px) {
  .content-gap-md-4 {
    grid-column-start: content-gap 4;
  }
}
@media (min-width: 768px) {
  .content-span-md-4 {
    grid-column-end: span 4 content-gap;
  }
}
@media (min-width: 768px) {
  .content-span-gap-md-4 {
    grid-column-end: span 4 content-start;
  }
}
@media (min-width: 768px) {
  .row-md-4 {
    grid-row-start: 4;
  }
}
@media (min-width: 768px) {
  .row-span-md-4 {
    grid-row-end: span 4;
  }
}
@media (min-width: 768px) {
  .row-span-md-4 {
    grid-row-end: span 4;
  }
}
@media (min-width: 768px) {
  .order-md-4 {
    order: 4;
  }
}
@media (min-width: 768px) {
  .content-start-md-5 {
    grid-column-start: content-start 5;
  }
}
@media (min-width: 768px) {
  .content-gap-md-5 {
    grid-column-start: content-gap 5;
  }
}
@media (min-width: 768px) {
  .content-span-md-5 {
    grid-column-end: span 5 content-gap;
  }
}
@media (min-width: 768px) {
  .content-span-gap-md-5 {
    grid-column-end: span 5 content-start;
  }
}
@media (min-width: 768px) {
  .row-md-5 {
    grid-row-start: 5;
  }
}
@media (min-width: 768px) {
  .row-span-md-5 {
    grid-row-end: span 5;
  }
}
@media (min-width: 768px) {
  .row-span-md-5 {
    grid-row-end: span 5;
  }
}
@media (min-width: 768px) {
  .order-md-5 {
    order: 5;
  }
}
@media (min-width: 768px) {
  .content-start-md-6 {
    grid-column-start: content-start 6;
  }
}
@media (min-width: 768px) {
  .content-gap-md-6 {
    grid-column-start: content-gap 6;
  }
}
@media (min-width: 768px) {
  .content-span-md-6 {
    grid-column-end: span 6 content-gap;
  }
}
@media (min-width: 768px) {
  .content-span-gap-md-6 {
    grid-column-end: span 6 content-start;
  }
}
@media (min-width: 768px) {
  .row-md-6 {
    grid-row-start: 6;
  }
}
@media (min-width: 768px) {
  .row-span-md-6 {
    grid-row-end: span 6;
  }
}
@media (min-width: 768px) {
  .row-span-md-6 {
    grid-row-end: span 6;
  }
}
@media (min-width: 768px) {
  .order-md-6 {
    order: 6;
  }
}
@media (min-width: 768px) {
  .content-start-md-7 {
    grid-column-start: content-start 7;
  }
}
@media (min-width: 768px) {
  .content-gap-md-7 {
    grid-column-start: content-gap 7;
  }
}
@media (min-width: 768px) {
  .content-span-md-7 {
    grid-column-end: span 7 content-gap;
  }
}
@media (min-width: 768px) {
  .content-span-gap-md-7 {
    grid-column-end: span 7 content-start;
  }
}
@media (min-width: 768px) {
  .row-md-7 {
    grid-row-start: 7;
  }
}
@media (min-width: 768px) {
  .row-span-md-7 {
    grid-row-end: span 7;
  }
}
@media (min-width: 768px) {
  .row-span-md-7 {
    grid-row-end: span 7;
  }
}
@media (min-width: 768px) {
  .order-md-7 {
    order: 7;
  }
}
@media (min-width: 768px) {
  .content-start-md-8 {
    grid-column-start: content-start 8;
  }
}
@media (min-width: 768px) {
  .content-gap-md-8 {
    grid-column-start: content-gap 8;
  }
}
@media (min-width: 768px) {
  .content-span-md-8 {
    grid-column-end: span 8 content-gap;
  }
}
@media (min-width: 768px) {
  .content-span-gap-md-8 {
    grid-column-end: span 8 content-start;
  }
}
@media (min-width: 768px) {
  .row-md-8 {
    grid-row-start: 8;
  }
}
@media (min-width: 768px) {
  .row-span-md-8 {
    grid-row-end: span 8;
  }
}
@media (min-width: 768px) {
  .row-span-md-8 {
    grid-row-end: span 8;
  }
}
@media (min-width: 768px) {
  .order-md-8 {
    order: 8;
  }
}
@media (min-width: 768px) {
  .content-start-md-9 {
    grid-column-start: content-start 9;
  }
}
@media (min-width: 768px) {
  .content-gap-md-9 {
    grid-column-start: content-gap 9;
  }
}
@media (min-width: 768px) {
  .content-span-md-9 {
    grid-column-end: span 9 content-gap;
  }
}
@media (min-width: 768px) {
  .content-span-gap-md-9 {
    grid-column-end: span 9 content-start;
  }
}
@media (min-width: 768px) {
  .row-md-9 {
    grid-row-start: 9;
  }
}
@media (min-width: 768px) {
  .row-span-md-9 {
    grid-row-end: span 9;
  }
}
@media (min-width: 768px) {
  .row-span-md-9 {
    grid-row-end: span 9;
  }
}
@media (min-width: 768px) {
  .order-md-9 {
    order: 9;
  }
}
@media (min-width: 768px) {
  .content-start-md-10 {
    grid-column-start: content-start 10;
  }
}
@media (min-width: 768px) {
  .content-gap-md-10 {
    grid-column-start: content-gap 10;
  }
}
@media (min-width: 768px) {
  .content-span-md-10 {
    grid-column-end: span 10 content-gap;
  }
}
@media (min-width: 768px) {
  .content-span-gap-md-10 {
    grid-column-end: span 10 content-start;
  }
}
@media (min-width: 768px) {
  .row-md-10 {
    grid-row-start: 10;
  }
}
@media (min-width: 768px) {
  .row-span-md-10 {
    grid-row-end: span 10;
  }
}
@media (min-width: 768px) {
  .row-span-md-10 {
    grid-row-end: span 10;
  }
}
@media (min-width: 768px) {
  .order-md-10 {
    order: 10;
  }
}
@media (min-width: 768px) {
  .content-start-md-11 {
    grid-column-start: content-start 11;
  }
}
@media (min-width: 768px) {
  .content-gap-md-11 {
    grid-column-start: content-gap 11;
  }
}
@media (min-width: 768px) {
  .content-span-md-11 {
    grid-column-end: span 11 content-gap;
  }
}
@media (min-width: 768px) {
  .content-span-gap-md-11 {
    grid-column-end: span 11 content-start;
  }
}
@media (min-width: 768px) {
  .row-md-11 {
    grid-row-start: 11;
  }
}
@media (min-width: 768px) {
  .row-span-md-11 {
    grid-row-end: span 11;
  }
}
@media (min-width: 768px) {
  .row-span-md-11 {
    grid-row-end: span 11;
  }
}
@media (min-width: 768px) {
  .order-md-11 {
    order: 11;
  }
}
@media (min-width: 768px) {
  .content-start-md-12 {
    grid-column-start: content-start 12;
  }
}
@media (min-width: 768px) {
  .content-gap-md-12 {
    grid-column-start: content-gap 12;
  }
}
@media (min-width: 768px) {
  .content-span-md-12 {
    grid-column-end: span 12 content-gap;
  }
}
@media (min-width: 768px) {
  .content-span-gap-md-12 {
    grid-column-end: span 12 content-start;
  }
}
@media (min-width: 768px) {
  .row-md-12 {
    grid-row-start: 12;
  }
}
@media (min-width: 768px) {
  .row-span-md-12 {
    grid-row-end: span 12;
  }
}
@media (min-width: 768px) {
  .row-span-md-12 {
    grid-row-end: span 12;
  }
}
@media (min-width: 768px) {
  .order-md-12 {
    order: 12;
  }
}
@media (min-width: 924px) {
  .content-start-lg-1 {
    grid-column-start: content-start 1;
  }
}
@media (min-width: 924px) {
  .content-gap-lg-1 {
    grid-column-start: content-gap 1;
  }
}
@media (min-width: 924px) {
  .content-span-lg-1 {
    grid-column-end: span 1 content-gap;
  }
}
@media (min-width: 924px) {
  .content-span-gap-lg-1 {
    grid-column-end: span 1 content-start;
  }
}
@media (min-width: 924px) {
  .row-lg-1 {
    grid-row-start: 1;
  }
}
@media (min-width: 924px) {
  .row-span-lg-1 {
    grid-row-end: span 1;
  }
}
@media (min-width: 924px) {
  .order-lg-1 {
    order: 1;
  }
}
@media (min-width: 924px) {
  .content-start-lg-2 {
    grid-column-start: content-start 2;
  }
}
@media (min-width: 924px) {
  .content-gap-lg-2 {
    grid-column-start: content-gap 2;
  }
}
@media (min-width: 924px) {
  .content-span-lg-2 {
    grid-column-end: span 2 content-gap;
  }
}
@media (min-width: 924px) {
  .content-span-gap-lg-2 {
    grid-column-end: span 2 content-start;
  }
}
@media (min-width: 924px) {
  .row-lg-2 {
    grid-row-start: 2;
  }
}
@media (min-width: 924px) {
  .row-span-lg-2 {
    grid-row-end: span 2;
  }
}
@media (min-width: 924px) {
  .order-lg-2 {
    order: 2;
  }
}
@media (min-width: 924px) {
  .content-start-lg-3 {
    grid-column-start: content-start 3;
  }
}
@media (min-width: 924px) {
  .content-gap-lg-3 {
    grid-column-start: content-gap 3;
  }
}
@media (min-width: 924px) {
  .content-span-lg-3 {
    grid-column-end: span 3 content-gap;
  }
}
@media (min-width: 924px) {
  .content-span-gap-lg-3 {
    grid-column-end: span 3 content-start;
  }
}
@media (min-width: 924px) {
  .row-lg-3 {
    grid-row-start: 3;
  }
}
@media (min-width: 924px) {
  .row-span-lg-3 {
    grid-row-end: span 3;
  }
}
@media (min-width: 924px) {
  .order-lg-3 {
    order: 3;
  }
}
@media (min-width: 924px) {
  .content-start-lg-4 {
    grid-column-start: content-start 4;
  }
}
@media (min-width: 924px) {
  .content-gap-lg-4 {
    grid-column-start: content-gap 4;
  }
}
@media (min-width: 924px) {
  .content-span-lg-4 {
    grid-column-end: span 4 content-gap;
  }
}
@media (min-width: 924px) {
  .content-span-gap-lg-4 {
    grid-column-end: span 4 content-start;
  }
}
@media (min-width: 924px) {
  .row-lg-4 {
    grid-row-start: 4;
  }
}
@media (min-width: 924px) {
  .row-span-lg-4 {
    grid-row-end: span 4;
  }
}
@media (min-width: 924px) {
  .order-lg-4 {
    order: 4;
  }
}
@media (min-width: 924px) {
  .content-start-lg-5 {
    grid-column-start: content-start 5;
  }
}
@media (min-width: 924px) {
  .content-gap-lg-5 {
    grid-column-start: content-gap 5;
  }
}
@media (min-width: 924px) {
  .content-span-lg-5 {
    grid-column-end: span 5 content-gap;
  }
}
@media (min-width: 924px) {
  .content-span-gap-lg-5 {
    grid-column-end: span 5 content-start;
  }
}
@media (min-width: 924px) {
  .row-lg-5 {
    grid-row-start: 5;
  }
}
@media (min-width: 924px) {
  .row-span-lg-5 {
    grid-row-end: span 5;
  }
}
@media (min-width: 924px) {
  .order-lg-5 {
    order: 5;
  }
}
@media (min-width: 924px) {
  .content-start-lg-6 {
    grid-column-start: content-start 6;
  }
}
@media (min-width: 924px) {
  .content-gap-lg-6 {
    grid-column-start: content-gap 6;
  }
}
@media (min-width: 924px) {
  .content-span-lg-6 {
    grid-column-end: span 6 content-gap;
  }
}
@media (min-width: 924px) {
  .content-span-gap-lg-6 {
    grid-column-end: span 6 content-start;
  }
}
@media (min-width: 924px) {
  .row-lg-6 {
    grid-row-start: 6;
  }
}
@media (min-width: 924px) {
  .row-span-lg-6 {
    grid-row-end: span 6;
  }
}
@media (min-width: 924px) {
  .order-lg-6 {
    order: 6;
  }
}
@media (min-width: 924px) {
  .content-start-lg-7 {
    grid-column-start: content-start 7;
  }
}
@media (min-width: 924px) {
  .content-gap-lg-7 {
    grid-column-start: content-gap 7;
  }
}
@media (min-width: 924px) {
  .content-span-lg-7 {
    grid-column-end: span 7 content-gap;
  }
}
@media (min-width: 924px) {
  .content-span-gap-lg-7 {
    grid-column-end: span 7 content-start;
  }
}
@media (min-width: 924px) {
  .row-lg-7 {
    grid-row-start: 7;
  }
}
@media (min-width: 924px) {
  .row-span-lg-7 {
    grid-row-end: span 7;
  }
}
@media (min-width: 924px) {
  .order-lg-7 {
    order: 7;
  }
}
@media (min-width: 924px) {
  .content-start-lg-8 {
    grid-column-start: content-start 8;
  }
}
@media (min-width: 924px) {
  .content-gap-lg-8 {
    grid-column-start: content-gap 8;
  }
}
@media (min-width: 924px) {
  .content-span-lg-8 {
    grid-column-end: span 8 content-gap;
  }
}
@media (min-width: 924px) {
  .content-span-gap-lg-8 {
    grid-column-end: span 8 content-start;
  }
}
@media (min-width: 924px) {
  .row-lg-8 {
    grid-row-start: 8;
  }
}
@media (min-width: 924px) {
  .row-span-lg-8 {
    grid-row-end: span 8;
  }
}
@media (min-width: 924px) {
  .order-lg-8 {
    order: 8;
  }
}
@media (min-width: 924px) {
  .content-start-lg-9 {
    grid-column-start: content-start 9;
  }
}
@media (min-width: 924px) {
  .content-gap-lg-9 {
    grid-column-start: content-gap 9;
  }
}
@media (min-width: 924px) {
  .content-span-lg-9 {
    grid-column-end: span 9 content-gap;
  }
}
@media (min-width: 924px) {
  .content-span-gap-lg-9 {
    grid-column-end: span 9 content-start;
  }
}
@media (min-width: 924px) {
  .row-lg-9 {
    grid-row-start: 9;
  }
}
@media (min-width: 924px) {
  .row-span-lg-9 {
    grid-row-end: span 9;
  }
}
@media (min-width: 924px) {
  .order-lg-9 {
    order: 9;
  }
}
@media (min-width: 924px) {
  .content-start-lg-10 {
    grid-column-start: content-start 10;
  }
}
@media (min-width: 924px) {
  .content-gap-lg-10 {
    grid-column-start: content-gap 10;
  }
}
@media (min-width: 924px) {
  .content-span-lg-10 {
    grid-column-end: span 10 content-gap;
  }
}
@media (min-width: 924px) {
  .content-span-gap-lg-10 {
    grid-column-end: span 10 content-start;
  }
}
@media (min-width: 924px) {
  .row-lg-10 {
    grid-row-start: 10;
  }
}
@media (min-width: 924px) {
  .row-span-lg-10 {
    grid-row-end: span 10;
  }
}
@media (min-width: 924px) {
  .order-lg-10 {
    order: 10;
  }
}
@media (min-width: 924px) {
  .content-start-lg-11 {
    grid-column-start: content-start 11;
  }
}
@media (min-width: 924px) {
  .content-gap-lg-11 {
    grid-column-start: content-gap 11;
  }
}
@media (min-width: 924px) {
  .content-span-lg-11 {
    grid-column-end: span 11 content-gap;
  }
}
@media (min-width: 924px) {
  .content-span-gap-lg-11 {
    grid-column-end: span 11 content-start;
  }
}
@media (min-width: 924px) {
  .row-lg-11 {
    grid-row-start: 11;
  }
}
@media (min-width: 924px) {
  .row-span-lg-11 {
    grid-row-end: span 11;
  }
}
@media (min-width: 924px) {
  .order-lg-11 {
    order: 11;
  }
}
@media (min-width: 924px) {
  .content-start-lg-12 {
    grid-column-start: content-start 12;
  }
}
@media (min-width: 924px) {
  .content-gap-lg-12 {
    grid-column-start: content-gap 12;
  }
}
@media (min-width: 924px) {
  .content-span-lg-12 {
    grid-column-end: span 12 content-gap;
  }
}
@media (min-width: 924px) {
  .content-span-gap-lg-12 {
    grid-column-end: span 12 content-start;
  }
}
@media (min-width: 924px) {
  .row-lg-12 {
    grid-row-start: 12;
  }
}
@media (min-width: 924px) {
  .row-span-lg-12 {
    grid-row-end: span 12;
  }
}
@media (min-width: 924px) {
  .order-lg-12 {
    order: 12;
  }
}
@media (min-width: 1024px) {
  .content-start-xl-1 {
    grid-column-start: content-start 1;
  }
}
@media (min-width: 1024px) {
  .content-gap-xl-1 {
    grid-column-start: content-gap 1;
  }
}
@media (min-width: 1024px) {
  .content-span-xl-1 {
    grid-column-end: span 1 content-gap;
  }
}
@media (min-width: 1024px) {
  .content-span-gap-xl-1 {
    grid-column-end: span 1 content-start;
  }
}
@media (min-width: 1024px) {
  .row-xl-1 {
    grid-row-start: 1;
  }
}
@media (min-width: 1024px) {
  .row-span-xl-1 {
    grid-row-end: span 1;
  }
}
@media (min-width: 1024px) {
  .order-xl-1 {
    order: 1;
  }
}
@media (min-width: 1024px) {
  .content-start-xl-2 {
    grid-column-start: content-start 2;
  }
}
@media (min-width: 1024px) {
  .content-gap-xl-2 {
    grid-column-start: content-gap 2;
  }
}
@media (min-width: 1024px) {
  .content-span-xl-2 {
    grid-column-end: span 2 content-gap;
  }
}
@media (min-width: 1024px) {
  .content-span-gap-xl-2 {
    grid-column-end: span 2 content-start;
  }
}
@media (min-width: 1024px) {
  .row-xl-2 {
    grid-row-start: 2;
  }
}
@media (min-width: 1024px) {
  .row-span-xl-2 {
    grid-row-end: span 2;
  }
}
@media (min-width: 1024px) {
  .order-xl-2 {
    order: 2;
  }
}
@media (min-width: 1024px) {
  .content-start-xl-3 {
    grid-column-start: content-start 3;
  }
}
@media (min-width: 1024px) {
  .content-gap-xl-3 {
    grid-column-start: content-gap 3;
  }
}
@media (min-width: 1024px) {
  .content-span-xl-3 {
    grid-column-end: span 3 content-gap;
  }
}
@media (min-width: 1024px) {
  .content-span-gap-xl-3 {
    grid-column-end: span 3 content-start;
  }
}
@media (min-width: 1024px) {
  .row-xl-3 {
    grid-row-start: 3;
  }
}
@media (min-width: 1024px) {
  .row-span-xl-3 {
    grid-row-end: span 3;
  }
}
@media (min-width: 1024px) {
  .order-xl-3 {
    order: 3;
  }
}
@media (min-width: 1024px) {
  .content-start-xl-4 {
    grid-column-start: content-start 4;
  }
}
@media (min-width: 1024px) {
  .content-gap-xl-4 {
    grid-column-start: content-gap 4;
  }
}
@media (min-width: 1024px) {
  .content-span-xl-4 {
    grid-column-end: span 4 content-gap;
  }
}
@media (min-width: 1024px) {
  .content-span-gap-xl-4 {
    grid-column-end: span 4 content-start;
  }
}
@media (min-width: 1024px) {
  .row-xl-4 {
    grid-row-start: 4;
  }
}
@media (min-width: 1024px) {
  .row-span-xl-4 {
    grid-row-end: span 4;
  }
}
@media (min-width: 1024px) {
  .order-xl-4 {
    order: 4;
  }
}
@media (min-width: 1024px) {
  .content-start-xl-5 {
    grid-column-start: content-start 5;
  }
}
@media (min-width: 1024px) {
  .content-gap-xl-5 {
    grid-column-start: content-gap 5;
  }
}
@media (min-width: 1024px) {
  .content-span-xl-5 {
    grid-column-end: span 5 content-gap;
  }
}
@media (min-width: 1024px) {
  .content-span-gap-xl-5 {
    grid-column-end: span 5 content-start;
  }
}
@media (min-width: 1024px) {
  .row-xl-5 {
    grid-row-start: 5;
  }
}
@media (min-width: 1024px) {
  .row-span-xl-5 {
    grid-row-end: span 5;
  }
}
@media (min-width: 1024px) {
  .order-xl-5 {
    order: 5;
  }
}
@media (min-width: 1024px) {
  .content-start-xl-6 {
    grid-column-start: content-start 6;
  }
}
@media (min-width: 1024px) {
  .content-gap-xl-6 {
    grid-column-start: content-gap 6;
  }
}
@media (min-width: 1024px) {
  .content-span-xl-6 {
    grid-column-end: span 6 content-gap;
  }
}
@media (min-width: 1024px) {
  .content-span-gap-xl-6 {
    grid-column-end: span 6 content-start;
  }
}
@media (min-width: 1024px) {
  .row-xl-6 {
    grid-row-start: 6;
  }
}
@media (min-width: 1024px) {
  .row-span-xl-6 {
    grid-row-end: span 6;
  }
}
@media (min-width: 1024px) {
  .order-xl-6 {
    order: 6;
  }
}
@media (min-width: 1024px) {
  .content-start-xl-7 {
    grid-column-start: content-start 7;
  }
}
@media (min-width: 1024px) {
  .content-gap-xl-7 {
    grid-column-start: content-gap 7;
  }
}
@media (min-width: 1024px) {
  .content-span-xl-7 {
    grid-column-end: span 7 content-gap;
  }
}
@media (min-width: 1024px) {
  .content-span-gap-xl-7 {
    grid-column-end: span 7 content-start;
  }
}
@media (min-width: 1024px) {
  .row-xl-7 {
    grid-row-start: 7;
  }
}
@media (min-width: 1024px) {
  .row-span-xl-7 {
    grid-row-end: span 7;
  }
}
@media (min-width: 1024px) {
  .order-xl-7 {
    order: 7;
  }
}
@media (min-width: 1024px) {
  .content-start-xl-8 {
    grid-column-start: content-start 8;
  }
}
@media (min-width: 1024px) {
  .content-gap-xl-8 {
    grid-column-start: content-gap 8;
  }
}
@media (min-width: 1024px) {
  .content-span-xl-8 {
    grid-column-end: span 8 content-gap;
  }
}
@media (min-width: 1024px) {
  .content-span-gap-xl-8 {
    grid-column-end: span 8 content-start;
  }
}
@media (min-width: 1024px) {
  .row-xl-8 {
    grid-row-start: 8;
  }
}
@media (min-width: 1024px) {
  .row-span-xl-8 {
    grid-row-end: span 8;
  }
}
@media (min-width: 1024px) {
  .order-xl-8 {
    order: 8;
  }
}
@media (min-width: 1024px) {
  .content-start-xl-9 {
    grid-column-start: content-start 9;
  }
}
@media (min-width: 1024px) {
  .content-gap-xl-9 {
    grid-column-start: content-gap 9;
  }
}
@media (min-width: 1024px) {
  .content-span-xl-9 {
    grid-column-end: span 9 content-gap;
  }
}
@media (min-width: 1024px) {
  .content-span-gap-xl-9 {
    grid-column-end: span 9 content-start;
  }
}
@media (min-width: 1024px) {
  .row-xl-9 {
    grid-row-start: 9;
  }
}
@media (min-width: 1024px) {
  .row-span-xl-9 {
    grid-row-end: span 9;
  }
}
@media (min-width: 1024px) {
  .order-xl-9 {
    order: 9;
  }
}
@media (min-width: 1024px) {
  .content-start-xl-10 {
    grid-column-start: content-start 10;
  }
}
@media (min-width: 1024px) {
  .content-gap-xl-10 {
    grid-column-start: content-gap 10;
  }
}
@media (min-width: 1024px) {
  .content-span-xl-10 {
    grid-column-end: span 10 content-gap;
  }
}
@media (min-width: 1024px) {
  .content-span-gap-xl-10 {
    grid-column-end: span 10 content-start;
  }
}
@media (min-width: 1024px) {
  .row-xl-10 {
    grid-row-start: 10;
  }
}
@media (min-width: 1024px) {
  .row-span-xl-10 {
    grid-row-end: span 10;
  }
}
@media (min-width: 1024px) {
  .order-xl-10 {
    order: 10;
  }
}
@media (min-width: 1024px) {
  .content-start-xl-11 {
    grid-column-start: content-start 11;
  }
}
@media (min-width: 1024px) {
  .content-gap-xl-11 {
    grid-column-start: content-gap 11;
  }
}
@media (min-width: 1024px) {
  .content-span-xl-11 {
    grid-column-end: span 11 content-gap;
  }
}
@media (min-width: 1024px) {
  .content-span-gap-xl-11 {
    grid-column-end: span 11 content-start;
  }
}
@media (min-width: 1024px) {
  .row-xl-11 {
    grid-row-start: 11;
  }
}
@media (min-width: 1024px) {
  .row-span-xl-11 {
    grid-row-end: span 11;
  }
}
@media (min-width: 1024px) {
  .order-xl-11 {
    order: 11;
  }
}
@media (min-width: 1024px) {
  .content-start-xl-12 {
    grid-column-start: content-start 12;
  }
}
@media (min-width: 1024px) {
  .content-gap-xl-12 {
    grid-column-start: content-gap 12;
  }
}
@media (min-width: 1024px) {
  .content-span-xl-12 {
    grid-column-end: span 12 content-gap;
  }
}
@media (min-width: 1024px) {
  .content-span-gap-xl-12 {
    grid-column-end: span 12 content-start;
  }
}
@media (min-width: 1024px) {
  .row-xl-12 {
    grid-row-start: 12;
  }
}
@media (min-width: 1024px) {
  .row-span-xl-12 {
    grid-row-end: span 12;
  }
}
@media (min-width: 1024px) {
  .order-xl-12 {
    order: 12;
  }
}
@media (min-width: 1200px) {
  .content-start-xxl-1 {
    grid-column-start: content-start 1;
  }
}
@media (min-width: 1200px) {
  .content-gap-xxl-1 {
    grid-column-start: content-gap 1;
  }
}
@media (min-width: 1200px) {
  .content-span-xxl-1 {
    grid-column-end: span 1 content-gap;
  }
}
@media (min-width: 1200px) {
  .content-span-gap-xxl-1 {
    grid-column-end: span 1 content-start;
  }
}
@media (min-width: 1200px) {
  .row-xxl-1 {
    grid-row-start: 1;
  }
}
@media (min-width: 1200px) {
  .row-span-xxl-1 {
    grid-row-end: span 1;
  }
}
@media (min-width: 1200px) {
  .order-xxl-1 {
    order: 1;
  }
}
@media (min-width: 1200px) {
  .content-start-xxl-2 {
    grid-column-start: content-start 2;
  }
}
@media (min-width: 1200px) {
  .content-gap-xxl-2 {
    grid-column-start: content-gap 2;
  }
}
@media (min-width: 1200px) {
  .content-span-xxl-2 {
    grid-column-end: span 2 content-gap;
  }
}
@media (min-width: 1200px) {
  .content-span-gap-xxl-2 {
    grid-column-end: span 2 content-start;
  }
}
@media (min-width: 1200px) {
  .row-xxl-2 {
    grid-row-start: 2;
  }
}
@media (min-width: 1200px) {
  .row-span-xxl-2 {
    grid-row-end: span 2;
  }
}
@media (min-width: 1200px) {
  .order-xxl-2 {
    order: 2;
  }
}
@media (min-width: 1200px) {
  .content-start-xxl-3 {
    grid-column-start: content-start 3;
  }
}
@media (min-width: 1200px) {
  .content-gap-xxl-3 {
    grid-column-start: content-gap 3;
  }
}
@media (min-width: 1200px) {
  .content-span-xxl-3 {
    grid-column-end: span 3 content-gap;
  }
}
@media (min-width: 1200px) {
  .content-span-gap-xxl-3 {
    grid-column-end: span 3 content-start;
  }
}
@media (min-width: 1200px) {
  .row-xxl-3 {
    grid-row-start: 3;
  }
}
@media (min-width: 1200px) {
  .row-span-xxl-3 {
    grid-row-end: span 3;
  }
}
@media (min-width: 1200px) {
  .order-xxl-3 {
    order: 3;
  }
}
@media (min-width: 1200px) {
  .content-start-xxl-4 {
    grid-column-start: content-start 4;
  }
}
@media (min-width: 1200px) {
  .content-gap-xxl-4 {
    grid-column-start: content-gap 4;
  }
}
@media (min-width: 1200px) {
  .content-span-xxl-4 {
    grid-column-end: span 4 content-gap;
  }
}
@media (min-width: 1200px) {
  .content-span-gap-xxl-4 {
    grid-column-end: span 4 content-start;
  }
}
@media (min-width: 1200px) {
  .row-xxl-4 {
    grid-row-start: 4;
  }
}
@media (min-width: 1200px) {
  .row-span-xxl-4 {
    grid-row-end: span 4;
  }
}
@media (min-width: 1200px) {
  .order-xxl-4 {
    order: 4;
  }
}
@media (min-width: 1200px) {
  .content-start-xxl-5 {
    grid-column-start: content-start 5;
  }
}
@media (min-width: 1200px) {
  .content-gap-xxl-5 {
    grid-column-start: content-gap 5;
  }
}
@media (min-width: 1200px) {
  .content-span-xxl-5 {
    grid-column-end: span 5 content-gap;
  }
}
@media (min-width: 1200px) {
  .content-span-gap-xxl-5 {
    grid-column-end: span 5 content-start;
  }
}
@media (min-width: 1200px) {
  .row-xxl-5 {
    grid-row-start: 5;
  }
}
@media (min-width: 1200px) {
  .row-span-xxl-5 {
    grid-row-end: span 5;
  }
}
@media (min-width: 1200px) {
  .order-xxl-5 {
    order: 5;
  }
}
@media (min-width: 1200px) {
  .content-start-xxl-6 {
    grid-column-start: content-start 6;
  }
}
@media (min-width: 1200px) {
  .content-gap-xxl-6 {
    grid-column-start: content-gap 6;
  }
}
@media (min-width: 1200px) {
  .content-span-xxl-6 {
    grid-column-end: span 6 content-gap;
  }
}
@media (min-width: 1200px) {
  .content-span-gap-xxl-6 {
    grid-column-end: span 6 content-start;
  }
}
@media (min-width: 1200px) {
  .row-xxl-6 {
    grid-row-start: 6;
  }
}
@media (min-width: 1200px) {
  .row-span-xxl-6 {
    grid-row-end: span 6;
  }
}
@media (min-width: 1200px) {
  .order-xxl-6 {
    order: 6;
  }
}
@media (min-width: 1200px) {
  .content-start-xxl-7 {
    grid-column-start: content-start 7;
  }
}
@media (min-width: 1200px) {
  .content-gap-xxl-7 {
    grid-column-start: content-gap 7;
  }
}
@media (min-width: 1200px) {
  .content-span-xxl-7 {
    grid-column-end: span 7 content-gap;
  }
}
@media (min-width: 1200px) {
  .content-span-gap-xxl-7 {
    grid-column-end: span 7 content-start;
  }
}
@media (min-width: 1200px) {
  .row-xxl-7 {
    grid-row-start: 7;
  }
}
@media (min-width: 1200px) {
  .row-span-xxl-7 {
    grid-row-end: span 7;
  }
}
@media (min-width: 1200px) {
  .order-xxl-7 {
    order: 7;
  }
}
@media (min-width: 1200px) {
  .content-start-xxl-8 {
    grid-column-start: content-start 8;
  }
}
@media (min-width: 1200px) {
  .content-gap-xxl-8 {
    grid-column-start: content-gap 8;
  }
}
@media (min-width: 1200px) {
  .content-span-xxl-8 {
    grid-column-end: span 8 content-gap;
  }
}
@media (min-width: 1200px) {
  .content-span-gap-xxl-8 {
    grid-column-end: span 8 content-start;
  }
}
@media (min-width: 1200px) {
  .row-xxl-8 {
    grid-row-start: 8;
  }
}
@media (min-width: 1200px) {
  .row-span-xxl-8 {
    grid-row-end: span 8;
  }
}
@media (min-width: 1200px) {
  .order-xxl-8 {
    order: 8;
  }
}
@media (min-width: 1200px) {
  .content-start-xxl-9 {
    grid-column-start: content-start 9;
  }
}
@media (min-width: 1200px) {
  .content-gap-xxl-9 {
    grid-column-start: content-gap 9;
  }
}
@media (min-width: 1200px) {
  .content-span-xxl-9 {
    grid-column-end: span 9 content-gap;
  }
}
@media (min-width: 1200px) {
  .content-span-gap-xxl-9 {
    grid-column-end: span 9 content-start;
  }
}
@media (min-width: 1200px) {
  .row-xxl-9 {
    grid-row-start: 9;
  }
}
@media (min-width: 1200px) {
  .row-span-xxl-9 {
    grid-row-end: span 9;
  }
}
@media (min-width: 1200px) {
  .order-xxl-9 {
    order: 9;
  }
}
@media (min-width: 1200px) {
  .content-start-xxl-10 {
    grid-column-start: content-start 10;
  }
}
@media (min-width: 1200px) {
  .content-gap-xxl-10 {
    grid-column-start: content-gap 10;
  }
}
@media (min-width: 1200px) {
  .content-span-xxl-10 {
    grid-column-end: span 10 content-gap;
  }
}
@media (min-width: 1200px) {
  .content-span-gap-xxl-10 {
    grid-column-end: span 10 content-start;
  }
}
@media (min-width: 1200px) {
  .row-xxl-10 {
    grid-row-start: 10;
  }
}
@media (min-width: 1200px) {
  .row-span-xxl-10 {
    grid-row-end: span 10;
  }
}
@media (min-width: 1200px) {
  .order-xxl-10 {
    order: 10;
  }
}
@media (min-width: 1200px) {
  .content-start-xxl-11 {
    grid-column-start: content-start 11;
  }
}
@media (min-width: 1200px) {
  .content-gap-xxl-11 {
    grid-column-start: content-gap 11;
  }
}
@media (min-width: 1200px) {
  .content-span-xxl-11 {
    grid-column-end: span 11 content-gap;
  }
}
@media (min-width: 1200px) {
  .content-span-gap-xxl-11 {
    grid-column-end: span 11 content-start;
  }
}
@media (min-width: 1200px) {
  .row-xxl-11 {
    grid-row-start: 11;
  }
}
@media (min-width: 1200px) {
  .row-span-xxl-11 {
    grid-row-end: span 11;
  }
}
@media (min-width: 1200px) {
  .order-xxl-11 {
    order: 11;
  }
}
@media (min-width: 1200px) {
  .content-start-xxl-12 {
    grid-column-start: content-start 12;
  }
}
@media (min-width: 1200px) {
  .content-gap-xxl-12 {
    grid-column-start: content-gap 12;
  }
}
@media (min-width: 1200px) {
  .content-span-xxl-12 {
    grid-column-end: span 12 content-gap;
  }
}
@media (min-width: 1200px) {
  .content-span-gap-xxl-12 {
    grid-column-end: span 12 content-start;
  }
}
@media (min-width: 1200px) {
  .row-xxl-12 {
    grid-row-start: 12;
  }
}
@media (min-width: 1200px) {
  .row-span-xxl-12 {
    grid-row-end: span 12;
  }
}
@media (min-width: 1200px) {
  .order-xxl-12 {
    order: 12;
  }
}
/* Flex */
.flex {
  display: flex;
}

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

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

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

@media (max-width: 374.98px) {
  .flex-row-xs {
    flex-direction: column;
  }
}

@media (max-width: 663.98px) {
  .flex-row-sm {
    flex-direction: column;
  }
}

@media (max-width: 767.98px) {
  .flex-row-md {
    flex-direction: column;
  }
}

@media (max-width: 923.98px) {
  .flex-row-lg {
    flex-direction: column;
  }
}

@media (max-width: 1023.98px) {
  .flex-row-xl {
    flex-direction: column;
  }
}

@media (max-width: 1199.98px) {
  .flex-row-xxl {
    flex-direction: column;
  }
}

@media (max-width: 1365.98px) {
  .flex-row-xxxl {
    flex-direction: column;
  }
}

@media (min-width: 375px) {
  .flex-column-xs {
    flex-direction: column;
  }
}

@media (min-width: 664px) {
  .flex-column-sm {
    flex-direction: column;
  }
}

@media (min-width: 768px) {
  .flex-column-md {
    flex-direction: column;
  }
}

@media (min-width: 924px) {
  .flex-column-lg {
    flex-direction: column;
  }
}

@media (min-width: 1024px) {
  .flex-column-xl {
    flex-direction: column;
  }
}

@media (min-width: 1200px) {
  .flex-column-xxl {
    flex-direction: column;
  }
}

@media (min-width: 1366px) {
  .flex-column-xxxl {
    flex-direction: column;
  }
}

/* Flex Helpers */
.flex-1 {
  flex: 1 1 0%;
}

.flex-10 {
  flex: 0 1 10%;
}

.flex-20 {
  flex: 0 1 20%;
}

.flex-30 {
  flex: 0 1 30%;
}

.flex-40 {
  flex: 0 1 40%;
}

.flex-50 {
  flex: 0 1 50%;
}

.flex-60 {
  flex: 0 1 60%;
}

.flex-70 {
  flex: 0 1 70%;
}

.flex-80 {
  flex: 0 1 80%;
}

.flex-90 {
  flex: 0 1 90%;
}

.flex-100 {
  flex: 0 1 100%;
}

/* Justify content */
.justify-start {
  justify-content: flex-start;
}

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

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

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

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

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

/* Align items */
.items-start {
  align-items: flex-start;
}

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

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

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

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

/* Align content */
.align-start {
  align-content: flex-start;
}

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

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

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

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

.align-evenly {
  align-content: space-evenly;
}

/* Justify-self */
.justify-self-start {
  justify-self: flex-start;
}

.justify-self-end {
  justify-self: flex-end;
}

.justify-self-center {
  justify-self: center;
}

.justify-self-baseline {
  justify-self: baseline;
}

/* Align-self */
.align-self-start {
  align-self: flex-start;
}

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

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

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

/* Square holder */
.square-holder {
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
}
.square-holder::before {
  content: "";
  display: block;
  padding-top: 100%;
}
.square-holder .square-content {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.square-holder .square-contentimg {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: bottom;
     object-position: bottom;
}

/* Height & width */
.h-full {
  height: 100%;
}

.h-half {
  height: 50%;
}

.mh-half {
  max-height: 50%;
}

.w-full {
  width: 100%;
}

.w-half {
  width: 50%;
}

.max-w-half {
  max-width: 50%;
}

.max-w-full {
  max-width: 100%;
}

.max-w-container {
  max-width: 1200px;
}

.max-w-none {
  max-width: none;
}

.max-w-100 {
  max-width: 100px;
}

.max-w-200 {
  max-width: 200px;
}

.max-w-300 {
  max-width: 300px;
}

.max-w-400 {
  max-width: 400px;
}

.max-w-500 {
  max-width: 500px;
}

.max-w-600 {
  max-width: 600px;
}

.max-w-700 {
  max-width: 700px;
}

.max-w-800 {
  max-width: 800px;
}

.max-w-900 {
  max-width: 900px;
}

.max-w-1000 {
  max-width: 1000px;
}

.max-w-1100 {
  max-width: 1100px;
}

.max-w-1200 {
  max-width: 1200px;
}

.max-w-316 {
  max-width: 316px;
}

.max-h-half {
  max-height: 50%;
}

.max-h-470 {
  max-height: 470px;
}

.max-h-100 {
  max-height: 100px;
}

.max-h-200 {
  max-height: 200px;
}

.max-h-300 {
  max-height: 300px;
}

.max-h-400 {
  max-height: 400px;
}

.max-h-500 {
  max-height: 500px;
}

.max-h-600 {
  max-height: 600px;
}

.max-h-700 {
  max-height: 700px;
}

.max-h-800 {
  max-height: 800px;
}

.max-h-900 {
  max-height: 900px;
}

.max-h-1000 {
  max-height: 1000px;
}

.z-1 {
  z-index: 1;
}

/* Container element */
.container {
  --gap: 1rem;
  --left-gap: 0rem;
  --aside: 0px;
  --left-padding: 0px;
  --max: calc((1200px - (var(--gap, 2rem) * 6) - (var(--aside, 225px)) - (var(--left-padding, 76px))) / 6);
  display: grid;
  grid-template-columns: 1fr var(--padding-px) [outer-start] var(--left-padding, 54px) [aside-start] var(--aside, 225px) [aside-end content-gap] var(--left-gap) repeat(3, [content-start] minmax(0, var(--max)) [content-gap] var(--gap)) [content-start] minmax(0, var(--max)) [content-gap] calc(var(--gap) / 2) [half-md] calc(var(--gap) / 2) [content-start] minmax(0, var(--max)) [content-gap] var(--gap) [content-start] minmax(0, var(--max)) [content-gap content-end outer-end] var(--padding-px) 1fr;
  grid-auto-rows: auto;
  width: 100%;
}
@media (min-width: 664px) {
  .container {
    --gap: 2.875rem;
  }
}
@media (min-width: 924px) {
  .container {
    --left-gap: 2rem;
    --aside: 225px;
    --left-padding: 76px;
  }
}
@media (min-width: 1200px) {
  .container {
    --left-gap: 2.875rem;
  }
}

.container-old {
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 26px;
  padding-right: 26px;
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 375px) {
  .container-old {
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (min-width: 664px) {
  .container-old {
    padding-top: 50px;
    padding-bottom: 50px;
    padding-left: 46px;
    padding-right: 46px;
  }
}
@media (min-width: 768px) {
  .container-old {
    padding-top: 60px;
    padding-bottom: 60px;
    padding-left: 64px;
    padding-right: 64px;
  }
}
@media (min-width: 924px) {
  .container-old {
    padding-top: 80px;
    padding-bottom: 80px;
    padding-left: 50px;
    padding-right: 50px;
  }
}
@media (min-width: 1024px) {
  .container-old {
    padding-top: 100px;
    padding-bottom: 100px;
    padding-left: 78px;
    padding-right: 78px;
  }
}
@media (min-width: 1200px) {
  .container-old {
    padding-top: 120px;
    padding-bottom: 120px;
    padding-left: 120px;
    padding-right: 120px;
  }
}

.container-inner {
  width: 100%;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}

.container-sm-fill {
  padding-left: 0;
  padding-right: 0;
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 375px) {
  .container-sm-fill {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 664px) {
  .container-sm-fill {
    padding-left: 46px;
    padding-right: 46px;
  }
}
@media (min-width: 768px) {
  .container-sm-fill {
    padding-left: 64px;
    padding-right: 64px;
  }
}
@media (min-width: 924px) {
  .container-sm-fill {
    padding-left: 50px;
    padding-right: 50px;
  }
}
@media (min-width: 1024px) {
  .container-sm-fill {
    padding-left: 78px;
    padding-right: 78px;
  }
}
@media (min-width: 1200px) {
  .container-sm-fill {
    padding-left: 120px;
    padding-right: 120px;
  }
}

.container-lg-fill {
  padding-left: 0;
  padding-right: 0;
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 375px) {
  .container-lg-fill {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 664px) {
  .container-lg-fill {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 768px) {
  .container-lg-fill {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 924px) {
  .container-lg-fill {
    padding-left: 50px;
    padding-right: 50px;
  }
}
@media (min-width: 1024px) {
  .container-lg-fill {
    padding-left: 78px;
    padding-right: 78px;
  }
}
@media (min-width: 1200px) {
  .container-lg-fill {
    padding-left: 120px;
    padding-right: 120px;
  }
}

/* Container padding */
.container-py {
  padding-top: calc(30px /2);
  padding-bottom: calc(30px /2);
}
@media (min-width: 375px) {
  .container-py {
    padding-top: calc(40px /2);
    padding-bottom: calc(40px /2);
  }
}
@media (min-width: 664px) {
  .container-py {
    padding-top: calc(50px /2);
    padding-bottom: calc(50px /2);
  }
}
@media (min-width: 768px) {
  .container-py {
    padding-top: calc(60px /2);
    padding-bottom: calc(60px /2);
  }
}
@media (min-width: 924px) {
  .container-py {
    padding-top: calc(80px /2);
    padding-bottom: calc(80px /2);
  }
}
@media (min-width: 1024px) {
  .container-py {
    padding-top: calc(100px /2);
    padding-bottom: calc(100px /2);
  }
}
@media (min-width: 1200px) {
  .container-py {
    padding-top: calc(120px /2);
    padding-bottom: calc(120px /2);
  }
}

.container-inner-px {
  padding-left: 8px;
  padding-right: 8px;
}
@media (min-width: 375px) {
  .container-inner-px {
    padding-left: 13px;
    padding-right: 13px;
  }
}
@media (min-width: 664px) {
  .container-inner-px {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (min-width: 768px) {
  .container-inner-px {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (min-width: 924px) {
  .container-inner-px {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (min-width: 1024px) {
  .container-inner-px {
    padding-left: 35px;
    padding-right: 35px;
  }
}
@media (min-width: 1200px) {
  .container-inner-px {
    padding-left: 50px;
    padding-right: 50px;
  }
}

.container-inner-pl {
  padding-left: 8px;
  padding-right: 0;
}
@media (min-width: 375px) {
  .container-inner-pl {
    padding-left: 13px;
    padding-right: 0;
  }
}
@media (min-width: 664px) {
  .container-inner-pl {
    padding-left: 20px;
    padding-right: 0;
  }
}
@media (min-width: 768px) {
  .container-inner-pl {
    padding-left: 30px;
    padding-right: 0;
  }
}
@media (min-width: 924px) {
  .container-inner-pl {
    padding-left: 30px;
    padding-right: 0;
  }
}
@media (min-width: 1024px) {
  .container-inner-pl {
    padding-left: 35px;
    padding-right: 0;
  }
}
@media (min-width: 1200px) {
  .container-inner-pl {
    padding-left: 50px;
    padding-right: 0;
  }
}

.container-inner-pr {
  padding-left: 0;
  padding-right: 8px;
}
@media (min-width: 375px) {
  .container-inner-pr {
    padding-left: 0;
    padding-right: 13px;
  }
}
@media (min-width: 664px) {
  .container-inner-pr {
    padding-left: 0;
    padding-right: 20px;
  }
}
@media (min-width: 768px) {
  .container-inner-pr {
    padding-left: 0;
    padding-right: 30px;
  }
}
@media (min-width: 924px) {
  .container-inner-pr {
    padding-left: 0;
    padding-right: 30px;
  }
}
@media (min-width: 1024px) {
  .container-inner-pr {
    padding-left: 0;
    padding-right: 35px;
  }
}
@media (min-width: 1200px) {
  .container-inner-pr {
    padding-left: 0;
    padding-right: 50px;
  }
}

/* Padding & margin */
.pt-0 {
  padding-top: 0rem;
}

.pb-0 {
  padding-bottom: 0rem;
}

.pl-0 {
  padding-left: 0rem;
}

.pr-0 {
  padding-right: 0rem;
}

.px-0 {
  padding-left: 0rem;
  padding-right: 0rem;
}

.py-0 {
  padding-top: 0rem;
  padding-bottom: 0rem;
}

.p-0 {
  padding: 0rem;
}

.mt-0 {
  margin-top: 0rem;
}

.mb-0 {
  margin-bottom: 0rem;
}

.ml-0 {
  margin-left: 0rem;
}

.mr-0 {
  margin-right: 0rem;
}

.mx-0 {
  margin-left: 0rem;
  margin-right: 0rem;
}

.my-0 {
  margin-top: 0rem;
  margin-bottom: 0rem;
}

.m-0 {
  margin: 0rem;
}

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

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

.pl-1 {
  padding-left: 0.25rem;
}

.pr-1 {
  padding-right: 0.25rem;
}

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

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

.p-1 {
  padding: 0.25rem;
}

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

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

.ml-1 {
  margin-left: 0.25rem;
}

.mr-1 {
  margin-right: 0.25rem;
}

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

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

.m-1 {
  margin: 0.25rem;
}

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

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

.pl-2 {
  padding-left: 0.5rem;
}

.pr-2 {
  padding-right: 0.5rem;
}

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

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

.p-2 {
  padding: 0.5rem;
}

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

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

.ml-2 {
  margin-left: 0.5rem;
}

.mr-2 {
  margin-right: 0.5rem;
}

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

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

.m-2 {
  margin: 0.5rem;
}

.pt-3 {
  padding-top: 0.75rem;
}

.pb-3 {
  padding-bottom: 0.75rem;
}

.pl-3 {
  padding-left: 0.75rem;
}

.pr-3 {
  padding-right: 0.75rem;
}

.px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.p-3 {
  padding: 0.75rem;
}

.mt-3 {
  margin-top: 0.75rem;
}

.mb-3 {
  margin-bottom: 0.75rem;
}

.ml-3 {
  margin-left: 0.75rem;
}

.mr-3 {
  margin-right: 0.75rem;
}

.mx-3 {
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}

.my-3 {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}

.m-3 {
  margin: 0.75rem;
}

.pt-4 {
  padding-top: 1rem;
}

.pb-4 {
  padding-bottom: 1rem;
}

.pl-4 {
  padding-left: 1rem;
}

.pr-4 {
  padding-right: 1rem;
}

.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}

.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.p-4 {
  padding: 1rem;
}

.mt-4 {
  margin-top: 1rem;
}

.mb-4 {
  margin-bottom: 1rem;
}

.ml-4 {
  margin-left: 1rem;
}

.mr-4 {
  margin-right: 1rem;
}

.mx-4 {
  margin-left: 1rem;
  margin-right: 1rem;
}

.my-4 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.m-4 {
  margin: 1rem;
}

.pt-5 {
  padding-top: 1.25rem;
}

.pb-5 {
  padding-bottom: 1.25rem;
}

.pl-5 {
  padding-left: 1.25rem;
}

.pr-5 {
  padding-right: 1.25rem;
}

.px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.py-5 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

.p-5 {
  padding: 1.25rem;
}

.mt-5 {
  margin-top: 1.25rem;
}

.mb-5 {
  margin-bottom: 1.25rem;
}

.ml-5 {
  margin-left: 1.25rem;
}

.mr-5 {
  margin-right: 1.25rem;
}

.mx-5 {
  margin-left: 1.25rem;
  margin-right: 1.25rem;
}

.my-5 {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}

.m-5 {
  margin: 1.25rem;
}

.pt-6 {
  padding-top: 1.5rem;
}

.pb-6 {
  padding-bottom: 1.5rem;
}

.pl-6 {
  padding-left: 1.5rem;
}

.pr-6 {
  padding-right: 1.5rem;
}

.px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.py-6 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.p-6 {
  padding: 1.5rem;
}

.mt-6 {
  margin-top: 1.5rem;
}

.mb-6 {
  margin-bottom: 1.5rem;
}

.ml-6 {
  margin-left: 1.5rem;
}

.mr-6 {
  margin-right: 1.5rem;
}

.mx-6 {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}

.my-6 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.m-6 {
  margin: 1.5rem;
}

.pt-7 {
  padding-top: 1.75rem;
}

.pb-7 {
  padding-bottom: 1.75rem;
}

.pl-7 {
  padding-left: 1.75rem;
}

.pr-7 {
  padding-right: 1.75rem;
}

.px-7 {
  padding-left: 1.75rem;
  padding-right: 1.75rem;
}

.py-7 {
  padding-top: 1.75rem;
  padding-bottom: 1.75rem;
}

.p-7 {
  padding: 1.75rem;
}

.mt-7 {
  margin-top: 1.75rem;
}

.mb-7 {
  margin-bottom: 1.75rem;
}

.ml-7 {
  margin-left: 1.75rem;
}

.mr-7 {
  margin-right: 1.75rem;
}

.mx-7 {
  margin-left: 1.75rem;
  margin-right: 1.75rem;
}

.my-7 {
  margin-top: 1.75rem;
  margin-bottom: 1.75rem;
}

.m-7 {
  margin: 1.75rem;
}

.pt-8 {
  padding-top: 2rem;
}

.pb-8 {
  padding-bottom: 2rem;
}

.pl-8 {
  padding-left: 2rem;
}

.pr-8 {
  padding-right: 2rem;
}

.px-8 {
  padding-left: 2rem;
  padding-right: 2rem;
}

.py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.p-8 {
  padding: 2rem;
}

.mt-8 {
  margin-top: 2rem;
}

.mb-8 {
  margin-bottom: 2rem;
}

.ml-8 {
  margin-left: 2rem;
}

.mr-8 {
  margin-right: 2rem;
}

.mx-8 {
  margin-left: 2rem;
  margin-right: 2rem;
}

.my-8 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.m-8 {
  margin: 2rem;
}

.pt-9 {
  padding-top: 2.25rem;
}

.pb-9 {
  padding-bottom: 2.25rem;
}

.pl-9 {
  padding-left: 2.25rem;
}

.pr-9 {
  padding-right: 2.25rem;
}

.px-9 {
  padding-left: 2.25rem;
  padding-right: 2.25rem;
}

.py-9 {
  padding-top: 2.25rem;
  padding-bottom: 2.25rem;
}

.p-9 {
  padding: 2.25rem;
}

.mt-9 {
  margin-top: 2.25rem;
}

.mb-9 {
  margin-bottom: 2.25rem;
}

.ml-9 {
  margin-left: 2.25rem;
}

.mr-9 {
  margin-right: 2.25rem;
}

.mx-9 {
  margin-left: 2.25rem;
  margin-right: 2.25rem;
}

.my-9 {
  margin-top: 2.25rem;
  margin-bottom: 2.25rem;
}

.m-9 {
  margin: 2.25rem;
}

.pt-10 {
  padding-top: 2.5rem;
}

.pb-10 {
  padding-bottom: 2.5rem;
}

.pl-10 {
  padding-left: 2.5rem;
}

.pr-10 {
  padding-right: 2.5rem;
}

.px-10 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.py-10 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

.p-10 {
  padding: 2.5rem;
}

.mt-10 {
  margin-top: 2.5rem;
}

.mb-10 {
  margin-bottom: 2.5rem;
}

.ml-10 {
  margin-left: 2.5rem;
}

.mr-10 {
  margin-right: 2.5rem;
}

.mx-10 {
  margin-left: 2.5rem;
  margin-right: 2.5rem;
}

.my-10 {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}

.m-10 {
  margin: 2.5rem;
}

.pt-11 {
  padding-top: 2.75rem;
}

.pb-11 {
  padding-bottom: 2.75rem;
}

.pl-11 {
  padding-left: 2.75rem;
}

.pr-11 {
  padding-right: 2.75rem;
}

.px-11 {
  padding-left: 2.75rem;
  padding-right: 2.75rem;
}

.py-11 {
  padding-top: 2.75rem;
  padding-bottom: 2.75rem;
}

.p-11 {
  padding: 2.75rem;
}

.mt-11 {
  margin-top: 2.75rem;
}

.mb-11 {
  margin-bottom: 2.75rem;
}

.ml-11 {
  margin-left: 2.75rem;
}

.mr-11 {
  margin-right: 2.75rem;
}

.mx-11 {
  margin-left: 2.75rem;
  margin-right: 2.75rem;
}

.my-11 {
  margin-top: 2.75rem;
  margin-bottom: 2.75rem;
}

.m-11 {
  margin: 2.75rem;
}

.pt-12 {
  padding-top: 3rem;
}

.pb-12 {
  padding-bottom: 3rem;
}

.pl-12 {
  padding-left: 3rem;
}

.pr-12 {
  padding-right: 3rem;
}

.px-12 {
  padding-left: 3rem;
  padding-right: 3rem;
}

.py-12 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.p-12 {
  padding: 3rem;
}

.mt-12 {
  margin-top: 3rem;
}

.mb-12 {
  margin-bottom: 3rem;
}

.ml-12 {
  margin-left: 3rem;
}

.mr-12 {
  margin-right: 3rem;
}

.mx-12 {
  margin-left: 3rem;
  margin-right: 3rem;
}

.my-12 {
  margin-top: 3rem;
  margin-bottom: 3rem;
}

.m-12 {
  margin: 3rem;
}

.pt-13 {
  padding-top: 3.25rem;
}

.pb-13 {
  padding-bottom: 3.25rem;
}

.pl-13 {
  padding-left: 3.25rem;
}

.pr-13 {
  padding-right: 3.25rem;
}

.px-13 {
  padding-left: 3.25rem;
  padding-right: 3.25rem;
}

.py-13 {
  padding-top: 3.25rem;
  padding-bottom: 3.25rem;
}

.p-13 {
  padding: 3.25rem;
}

.mt-13 {
  margin-top: 3.25rem;
}

.mb-13 {
  margin-bottom: 3.25rem;
}

.ml-13 {
  margin-left: 3.25rem;
}

.mr-13 {
  margin-right: 3.25rem;
}

.mx-13 {
  margin-left: 3.25rem;
  margin-right: 3.25rem;
}

.my-13 {
  margin-top: 3.25rem;
  margin-bottom: 3.25rem;
}

.m-13 {
  margin: 3.25rem;
}

.pt-14 {
  padding-top: 3.5rem;
}

.pb-14 {
  padding-bottom: 3.5rem;
}

.pl-14 {
  padding-left: 3.5rem;
}

.pr-14 {
  padding-right: 3.5rem;
}

.px-14 {
  padding-left: 3.5rem;
  padding-right: 3.5rem;
}

.py-14 {
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
}

.p-14 {
  padding: 3.5rem;
}

.mt-14 {
  margin-top: 3.5rem;
}

.mb-14 {
  margin-bottom: 3.5rem;
}

.ml-14 {
  margin-left: 3.5rem;
}

.mr-14 {
  margin-right: 3.5rem;
}

.mx-14 {
  margin-left: 3.5rem;
  margin-right: 3.5rem;
}

.my-14 {
  margin-top: 3.5rem;
  margin-bottom: 3.5rem;
}

.m-14 {
  margin: 3.5rem;
}

.pt-15 {
  padding-top: 3.75rem;
}

.pb-15 {
  padding-bottom: 3.75rem;
}

.pl-15 {
  padding-left: 3.75rem;
}

.pr-15 {
  padding-right: 3.75rem;
}

.px-15 {
  padding-left: 3.75rem;
  padding-right: 3.75rem;
}

.py-15 {
  padding-top: 3.75rem;
  padding-bottom: 3.75rem;
}

.p-15 {
  padding: 3.75rem;
}

.mt-15 {
  margin-top: 3.75rem;
}

.mb-15 {
  margin-bottom: 3.75rem;
}

.ml-15 {
  margin-left: 3.75rem;
}

.mr-15 {
  margin-right: 3.75rem;
}

.mx-15 {
  margin-left: 3.75rem;
  margin-right: 3.75rem;
}

.my-15 {
  margin-top: 3.75rem;
  margin-bottom: 3.75rem;
}

.m-15 {
  margin: 3.75rem;
}

.pt-16 {
  padding-top: 4rem;
}

.pb-16 {
  padding-bottom: 4rem;
}

.pl-16 {
  padding-left: 4rem;
}

.pr-16 {
  padding-right: 4rem;
}

.px-16 {
  padding-left: 4rem;
  padding-right: 4rem;
}

.py-16 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.p-16 {
  padding: 4rem;
}

.mt-16 {
  margin-top: 4rem;
}

.mb-16 {
  margin-bottom: 4rem;
}

.ml-16 {
  margin-left: 4rem;
}

.mr-16 {
  margin-right: 4rem;
}

.mx-16 {
  margin-left: 4rem;
  margin-right: 4rem;
}

.my-16 {
  margin-top: 4rem;
  margin-bottom: 4rem;
}

.m-16 {
  margin: 4rem;
}

.pt-20 {
  padding-top: 5rem;
}

.pb-20 {
  padding-bottom: 5rem;
}

.pl-20 {
  padding-left: 5rem;
}

.pr-20 {
  padding-right: 5rem;
}

.px-20 {
  padding-left: 5rem;
  padding-right: 5rem;
}

.py-20 {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.p-20 {
  padding: 5rem;
}

.mt-20 {
  margin-top: 5rem;
}

.mb-20 {
  margin-bottom: 5rem;
}

.ml-20 {
  margin-left: 5rem;
}

.mr-20 {
  margin-right: 5rem;
}

.mx-20 {
  margin-left: 5rem;
  margin-right: 5rem;
}

.my-20 {
  margin-top: 5rem;
  margin-bottom: 5rem;
}

.m-20 {
  margin: 5rem;
}

.pt-25 {
  padding-top: 6.25rem;
}

.pb-25 {
  padding-bottom: 6.25rem;
}

.pl-25 {
  padding-left: 6.25rem;
}

.pr-25 {
  padding-right: 6.25rem;
}

.px-25 {
  padding-left: 6.25rem;
  padding-right: 6.25rem;
}

.py-25 {
  padding-top: 6.25rem;
  padding-bottom: 6.25rem;
}

.p-25 {
  padding: 6.25rem;
}

.mt-25 {
  margin-top: 6.25rem;
}

.mb-25 {
  margin-bottom: 6.25rem;
}

.ml-25 {
  margin-left: 6.25rem;
}

.mr-25 {
  margin-right: 6.25rem;
}

.mx-25 {
  margin-left: 6.25rem;
  margin-right: 6.25rem;
}

.my-25 {
  margin-top: 6.25rem;
  margin-bottom: 6.25rem;
}

.m-25 {
  margin: 6.25rem;
}

.pt-30 {
  padding-top: 7.5rem;
}

.pb-30 {
  padding-bottom: 7.5rem;
}

.pl-30 {
  padding-left: 7.5rem;
}

.pr-30 {
  padding-right: 7.5rem;
}

.px-30 {
  padding-left: 7.5rem;
  padding-right: 7.5rem;
}

.py-30 {
  padding-top: 7.5rem;
  padding-bottom: 7.5rem;
}

.p-30 {
  padding: 7.5rem;
}

.mt-30 {
  margin-top: 7.5rem;
}

.mb-30 {
  margin-bottom: 7.5rem;
}

.ml-30 {
  margin-left: 7.5rem;
}

.mr-30 {
  margin-right: 7.5rem;
}

.mx-30 {
  margin-left: 7.5rem;
  margin-right: 7.5rem;
}

.my-30 {
  margin-top: 7.5rem;
  margin-bottom: 7.5rem;
}

.m-30 {
  margin: 7.5rem;
}

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

.ml-auto {
  margin-left: auto;
}

.mr-auto {
  margin-right: auto;
}

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

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

/* Container padding */
.container-px {
  padding-left: 26px;
  padding-right: 26px;
}
@media (min-width: 375px) {
  .container-px {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (min-width: 664px) {
  .container-px {
    padding-left: 46px;
    padding-right: 46px;
  }
}
@media (min-width: 768px) {
  .container-px {
    padding-left: 64px;
    padding-right: 64px;
  }
}
@media (min-width: 924px) {
  .container-px {
    padding-left: 50px;
    padding-right: 50px;
  }
}
@media (min-width: 1024px) {
  .container-px {
    padding-left: 78px;
    padding-right: 78px;
  }
}
@media (min-width: 1200px) {
  .container-px {
    padding-left: 120px;
    padding-right: 120px;
  }
}

.container-py {
  padding-top: calc(30px /2);
  padding-bottom: calc(30px /2);
}
@media (min-width: 375px) {
  .container-py {
    padding-top: calc(40px /2);
    padding-bottom: calc(40px /2);
  }
}
@media (min-width: 664px) {
  .container-py {
    padding-top: calc(50px /2);
    padding-bottom: calc(50px /2);
  }
}
@media (min-width: 768px) {
  .container-py {
    padding-top: calc(60px /2);
    padding-bottom: calc(60px /2);
  }
}
@media (min-width: 924px) {
  .container-py {
    padding-top: calc(80px /2);
    padding-bottom: calc(80px /2);
  }
}
@media (min-width: 1024px) {
  .container-py {
    padding-top: calc(100px /2);
    padding-bottom: calc(100px /2);
  }
}
@media (min-width: 1200px) {
  .container-py {
    padding-top: calc(120px /2);
    padding-bottom: calc(120px /2);
  }
}

.container-pt {
  padding-top: calc(30px /2);
  padding-bottom: calc(30px /2);
  padding-bottom: 0;
}
@media (min-width: 375px) {
  .container-pt {
    padding-top: calc(40px /2);
    padding-bottom: calc(40px /2);
  }
}
@media (min-width: 664px) {
  .container-pt {
    padding-top: calc(50px /2);
    padding-bottom: calc(50px /2);
  }
}
@media (min-width: 768px) {
  .container-pt {
    padding-top: calc(60px /2);
    padding-bottom: calc(60px /2);
  }
}
@media (min-width: 924px) {
  .container-pt {
    padding-top: calc(80px /2);
    padding-bottom: calc(80px /2);
  }
}
@media (min-width: 1024px) {
  .container-pt {
    padding-top: calc(100px /2);
    padding-bottom: calc(100px /2);
  }
}
@media (min-width: 1200px) {
  .container-pt {
    padding-top: calc(120px /2);
    padding-bottom: calc(120px /2);
  }
}

.container-inner-px {
  padding-left: 8px;
  padding-right: 8px;
}
@media (min-width: 375px) {
  .container-inner-px {
    padding-left: 13px;
    padding-right: 13px;
  }
}
@media (min-width: 664px) {
  .container-inner-px {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (min-width: 768px) {
  .container-inner-px {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (min-width: 924px) {
  .container-inner-px {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (min-width: 1024px) {
  .container-inner-px {
    padding-left: 35px;
    padding-right: 35px;
  }
}
@media (min-width: 1200px) {
  .container-inner-px {
    padding-left: 50px;
    padding-right: 50px;
  }
}

.container-inner-pl {
  padding-left: 8px;
  padding-right: 0;
}
@media (min-width: 375px) {
  .container-inner-pl {
    padding-left: 13px;
    padding-right: 0;
  }
}
@media (min-width: 664px) {
  .container-inner-pl {
    padding-left: 20px;
    padding-right: 0;
  }
}
@media (min-width: 768px) {
  .container-inner-pl {
    padding-left: 30px;
    padding-right: 0;
  }
}
@media (min-width: 924px) {
  .container-inner-pl {
    padding-left: 30px;
    padding-right: 0;
  }
}
@media (min-width: 1024px) {
  .container-inner-pl {
    padding-left: 35px;
    padding-right: 0;
  }
}
@media (min-width: 1200px) {
  .container-inner-pl {
    padding-left: 50px;
    padding-right: 0;
  }
}

.container-inner-pr {
  padding-left: 0;
  padding-right: 8px;
}
@media (min-width: 375px) {
  .container-inner-pr {
    padding-left: 0;
    padding-right: 13px;
  }
}
@media (min-width: 664px) {
  .container-inner-pr {
    padding-left: 0;
    padding-right: 20px;
  }
}
@media (min-width: 768px) {
  .container-inner-pr {
    padding-left: 0;
    padding-right: 30px;
  }
}
@media (min-width: 924px) {
  .container-inner-pr {
    padding-left: 0;
    padding-right: 30px;
  }
}
@media (min-width: 1024px) {
  .container-inner-pr {
    padding-left: 0;
    padding-right: 35px;
  }
}
@media (min-width: 1200px) {
  .container-inner-pr {
    padding-left: 0;
    padding-right: 50px;
  }
}

/* Visibility */
.display-xxs {
  display: none !important;
}

.hide-xxs {
  display: none !important;
}

@media (max-width: 374.98px) {
  .display-xs {
    display: none !important;
  }
}

@media (min-width: 375px) {
  .hide-xs {
    display: none !important;
  }
}

@media (max-width: 663.98px) {
  .display-sm {
    display: none !important;
  }
}

@media (min-width: 664px) {
  .hide-sm {
    display: none !important;
  }
}

@media (max-width: 767.98px) {
  .display-md {
    display: none !important;
  }
}

@media (min-width: 768px) {
  .hide-md {
    display: none !important;
  }
}

@media (max-width: 923.98px) {
  .display-lg {
    display: none !important;
  }
}

@media (min-width: 924px) {
  .hide-lg {
    display: none !important;
  }
}

@media (max-width: 1023.98px) {
  .display-xl {
    display: none !important;
  }
}

@media (min-width: 1024px) {
  .hide-xl {
    display: none !important;
  }
}

@media (max-width: 1199.98px) {
  .display-xxl {
    display: none !important;
  }
}

@media (min-width: 1200px) {
  .hide-xxl {
    display: none !important;
  }
}

@media (max-width: 1365.98px) {
  .display-xxxl {
    display: none !important;
  }
}

@media (min-width: 1366px) {
  .hide-xxxl {
    display: none !important;
  }
}

.hidden {
  display: none;
}

.visually-hidden {
  display: block;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
  width: 1px;
  height: 1px;
  overflow: hidden;
  white-space: nowrap;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.cursor-pointer {
  cursor: pointer;
}

/* Scrollbar */
.hide-scrollbar {
  overflow: -moz-scrollbars-none;
  -ms-overflow-style: none;
}
.hide-scrollbar::-webkit-scrollbar {
  width: 0 !important;
  display: none;
}

.custom-scrollbar {
  padding-right: 0.75rem;
  scrollbar-width: thin;
  scrollbar-color: var(--white, #fff) var(--gray-sep, #E0DFDF);
}
.custom-scrollbar::-webkit-scrollbar {
  width: 6px;
  border-radius: 4px;
  background-color: var(--white, #fff);
}
.custom-scrollbar::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: var(--gray-sep, #E0DFDF);
}

.rounded {
  border-radius: 20px;
}

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

*.shadow-focus:focus:not(:active) {
  border-radius: 2px;
  outline: 1px solid var(--dri-links, #3E7C94) !important;
  box-shadow: 0 0 3px var(--dri-links, #3E7C94) !important;
}

.video-holder {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}

.video-holder iframe,
.video-holder object,
.video-holder embed {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

/* purgecss start ignore */
#cookie-modal {
  position: fixed;
  top: 50%;
  left: 50%;
  opacity: 0;
  z-index: -1;
  width: calc(100% - 20px);
  max-width: 320px;
  pointer-events: none;
  transform: translate(-50%, -50%);
  transition: opacity 0.5s ease, z-index 0s 0.5s, pointer-events 0s 0.5s;
}
#cookie-modal .button-container {
  flex-flow: wrap;
}
#cookie-modal .button-container .defaultButton {
  flex-basis: 100%;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: republika-bold, sans-serif;
  font-weight: 700;
}
#cookie-modal .button-container .defaultButton.preferences {
  flex-basis: 100%;
}
#cookie-modal .grid {
  grid-template-columns: 2.5rem 1fr;
}
#cookie-modal .grid > * {
  grid-column: 2;
}
#cookie-modal .grid .logo {
  grid-column: 1/-1;
  max-width: 125px;
}
#cookie-modal .grid img {
  max-width: 100%;
}
#cookie-modal .bt-blue-gray {
  border-width: 10px;
}
@media (min-width: 664px) {
  #cookie-modal {
    max-width: 492px;
  }
  #cookie-modal .button-container .defaultButton {
    flex: 1;
  }
}

body {
  --cc-bg: #f9faff;
  --cc-primary-color: var(--dri-blue-dark, #082733);
  --cc-secondary-color: var(--dri-blue-dark, #082733);
  --cc-btn-primary-bg: var(--dri-blue-light, #529DBA);
  --cc-btn-primary-color: var(--white, #fff);
  --cc-btn-primary-hover-bg: var(--dri-links, #3E7C94);
  --cc-btn-primary-hover-color: var(--white, #fff);
  --cc-btn-secondary-bg: none;
  --cc-btn-secondary-color: var(--dri-links, #3E7C94);
  --cc-btn-secondary-hover-bg: none;
  --cc-btn-secondary-hover-color: var(--dri-links, #3E7C94);
  --cc-cookie-category-block-bg: transparent;
  --cc-cookie-category-block-border: transparent;
  --cc-cookie-category-block-hover-bg: transparent;
  --cc-cookie-category-block-hover-border: transparent;
  --cc-cookie-category-expanded-block-hover-bg: transparent;
  --cc-cookie-category-expanded-block-bg: transparent;
  --cc-overlay-bg: transparent;
  --cc-toggle-on-bg: var(--dri-blue-light, #529DBA);
  --cc-toggle-off-bg: var(--gray-sep, #E0DFDF);
  --cc-toggle-on-knob-bg: var(--dri-links, #3E7C94);
  --cc-toggle-off-knob-bg: var(--dri-blue-light, #529DBA);
  --cc-toggle-readonly-bg: var(--gray-sep, #E0DFDF);
  --cc-toggle-readonly-knob-bg: var(--gray-sep-darker, #ADADAD);
  --cc-toggle-enabled-icon-color: transparent;
  --cc-toggle-disabled-icon-color: transparent;
  --cc-separator-border-color: var(--gray-sep, #E0DFDF);
  --cc-footer-border-color: transparent;
  --cc-footer-bg: transparent;
  --cc-btn-border-radius: 0;
  --cc-modal-border-radius: 0;
  --cc-pm-toggle-border-radius: 9999px;
}

html #cc-main {
  font: inherit;
  /* Header */
  /* Footer */
  /* Body */
}
html #cc-main .cm-wrapper {
  display: none;
}
html #cc-main .pm-wrapper {
  position: fixed;
  z-index: -1;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  opacity: 0;
  z-index: -1;
  pointer-events: none;
  transition: opacity 0.5s ease, z-index 0s 0.5s, pointer-events 0s 0.5s;
}
html #cc-main .pm-wrapper svg {
  display: none;
}
html #cc-main .pm--box {
  padding: 1.5rem;
  max-width: 340px;
  height: auto;
  max-height: calc(100% - 48px);
  opacity: 1;
  visibility: visible;
  pointer-events: none;
}
html #cc-main .pm--box * {
  pointer-events: none;
}
html #cc-main .pm__body,
html #cc-main .pm__footer {
  padding: 0 !important;
}
html #cc-main .pm__header {
  padding: 0 !important;
  padding-bottom: 1rem !important;
  border-bottom: 10px solid var(--blue-light, #DDE6EA);
  margin-bottom: 1rem;
}
html #cc-main .pm__header .pm__title {
  color: var(--dri-blue-dark, #082733);
  font-family: "republika-regular", sans-serif;
  font-size: 0.9375rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 1.2px;
  text-transform: uppercase;
}
html #cc-main .pm__close-btn {
  width: auto;
  height: auto;
}
html #cc-main .pm__close-btn span {
  font-family: "Republika_ico" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
html #cc-main .pm__close-btn span::before {
  content: "\e92d";
}
html #cc-main .pm__footer {
  border: none;
  flex-direction: column;
  gap: 14px;
}
html #cc-main .pm__btn-group {
  flex-direction: column;
  gap: 14px;
  margin: 0 !important;
}
html #cc-main .pm__btn {
  font-family: "republika-regular", sans-serif;
  font-size: 0.9375rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.3);
  margin: 0 !important;
}
html #cc-main .pm__btn[data-role=necessary] {
  background: var(--cc-btn-primary-bg);
  border-color: var(--cc-btn-primary-border-color);
  color: var(--cc-btn-primary-color);
}
html #cc-main .pm__btn[data-role=necessary]:hover {
  background: var(--cc-btn-primary-hover-bg);
  border-color: var(--cc-btn-primary-hover-border-color);
  color: var(--cc-btn-primary-hover-color);
}
html #cc-main .pm__body {
  margin-bottom: 1rem;
}
html #cc-main .pm__section:first-child {
  margin-bottom: 1rem;
}
html #cc-main .pm__section-title {
  font-family: republika-bold, sans-serif;
  font-size: inherit;
  font-weight: inherit;
}
html #cc-main .pm__section-desc-wrapper {
  color: var(--dri-base-text, #262626);
}
html #cc-main .pm__section--toggle {
  margin: 0;
  border-bottom: 1px solid var(--gray-sep, #E0DFDF);
}
html #cc-main .pm__section--toggle .pm__section-desc {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0.2em;
}
html #cc-main .pm__section--toggle:first-child {
  border-top: 1px solid var(--gray-sep, #E0DFDF);
}
html #cc-main .pm__section--expandable .pm__section-title {
  font-family: "republika-regular", sans-serif;
  font-size: 0.95em;
  padding: 0.5rem;
  padding-left: 0;
  padding-right: 2.875rem;
  min-height: 2.75rem;
}
html #cc-main .pm__section--expandable .pm__section-arrow {
  display: none;
}
html #cc-main .pm__section--expandable .section__toggle,
html #cc-main .pm__section--expandable .section__toggle-wrapper,
html #cc-main .pm__section--expandable .toggle__icon,
html #cc-main .pm__section--expandable .toggle__label {
  height: 1.25rem;
  width: 2.5rem;
}
html #cc-main .pm__section--expandable .toggle__icon-circle {
  height: 1.25rem;
  width: 1.25rem;
}
html #cc-main .pm__section--expandable .section__toggle-wrapper {
  right: 0.25rem;
}
html #cc-main .pm__section--expandable .section__toggle:checked ~ .toggle__icon .toggle__icon-circle {
  transform: translateX(1.25rem);
}
html #cc-main a {
  color: var(--dri-links, #3E7C94);
  font-weight: normal;
  background-image: linear-gradient(transparent, transparent), linear-gradient(currentColor, currentColor);
  background-position: 100% 100%, 0 100%;
  background-repeat: no-repeat;
  background-size: 100% 0.1em, 0 0.1em;
  transition: background-size 0.4s ease-out 0.1s;
  cursor: pointer;
}
html #cc-main a:hover, html #cc-main a:focus {
  color: var(--dri-links, #3E7C94);
  background-size: 0 0.1em, 100% 0.1em;
  transition: background-size 0.5s ease-out 0s;
}
html.show--consent #cookie-modal {
  opacity: 1;
  z-index: 9999;
  pointer-events: auto;
  transition: opacity 0.5s ease, z-index 0s, pointer-events 0s;
}
html.show--preferences #cookie-modal {
  opacity: 0;
  z-index: -1;
  pointer-events: none;
  transition: opacity 0.5s ease, z-index 0s 0.5s, pointer-events 0s 0.5s;
}
html.show--preferences #cc-main .pm-wrapper {
  position: fixed;
  opacity: 1;
  z-index: 9999;
  pointer-events: auto;
  transition: opacity 0.5s ease, z-index 0s, pointer-events 0s;
}
html.show--preferences #cc-main .pm-wrapper .pm--box {
  pointer-events: auto;
}
html.show--preferences #cc-main .pm-wrapper .pm--box * {
  pointer-events: auto;
}
html.show--preferences .bg-site-layer, html.show--consent .bg-site-layer {
  opacity: 0.6;
  z-index: 9999;
  pointer-events: auto;
  transition: opacity 0.5s ease, z-index 0s, pointer-events 0s;
}

/* purgecss end ignore */
footer .newsletter {
  background: var(--dri-blue-dark-bg, #082733);
  color: var(--white, #fff);
}
footer .newsletter .linkWithImage {
  color: var(--dri-blue-light-bg, #CDE9F3);
}
footer .newsletter .linkWithImage .iconC {
  color: var(--dri-blue-light-bg, #CDE9F3);
}
footer .newsletter .newsletterForm {
  display: flex;
  align-items: center;
  padding-top: 15px;
  position: relative;
}
footer .newsletter .newsletterForm span.text-xs.alert {
  position: absolute;
  left: 8px;
  bottom: -23px;
}
footer .newsletter .newsletterForm input {
  width: calc(100% - 120px);
  height: 42px;
  display: block;
  color: var(--gray-helper-text, #777777);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  border-radius: 6px 0 0 6px;
  border: 1px solid var(--gray-sep, #E0DFDF);
}
footer .newsletter .newsletterForm input:focus {
  border-color: var(--dri-links, #3E7C94);
  box-shadow: inset 0 0 2px var(--dri-links, #3E7C94) !important;
}
footer .newsletter .newsletterForm button.subscribe {
  width: 120px;
  height: 42px;
  border-radius: 0 6px 6px 0;
  background: var(--dri-links, #3E7C94);
  color: var(--white-bg, #ffffff);
  font-family: republika-bold, sans-serif;
  transition: background ease-in-out 0.45s, color ease-in-out 0.45s, box-shadow 0.45s ease-in-out;
}
footer .newsletter .newsletterForm button.subscribe:hover, footer .newsletter .newsletterForm button.subscribe:focus {
  text-decoration: none;
  background: var(--dri-blue-light, #529DBA);
}
footer a {
  color: var(--dri-blue-light-bg, #CDE9F3);
}
footer a .iconC {
  color: var(--dri-blue-light-bg, #CDE9F3);
}
footer a:hover, footer a:focus {
  color: var(--dri-blue-light-bg, #CDE9F3);
}
footer hr {
  width: 100%;
  height: 1px;
  margin: 16px 0;
  background: rgba(0, 0, 0, 0.3);
}
footer .footer {
  background: var(--dri-blue-bg, #1B495A);
  color: var(--white, #fff);
}
footer .footer .apps span.font15 {
  color: var(--white, #fff);
}
footer .footer .apps ul {
  margin-top: 6px;
}
footer .footer .apps ul li {
  margin-bottom: 6px;
}
footer .footer .socialIcons {
  display: flex;
}
footer .footer .socialIcons a {
  width: 61px;
  min-width: 61px;
  height: 61px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 15px;
  background: var(--dri-blue-dark, #082733);
  border-radius: 100%;
  transition: background ease-in-out 0.45s;
}
footer .footer .socialIcons a .iconC {
  transition: color ease-in-out 0.45s;
  color: var(--dri-blue-light-on-bg, #CDE9F3);
}
footer .footer .socialIcons a:hover, footer .footer .socialIcons a:focus {
  background: var(--dri-blue-light-bg, #CDE9F3);
}
footer .footer .socialIcons a:hover .iconC, footer .footer .socialIcons a:focus .iconC {
  color: var(--dri-blue-dark, #082733);
}
footer .dividesr {
  display: flex;
}
footer .dividesr hr {
  max-width: 1200px;
  width: 100%;
  height: 1px;
  background: red;
  border: none;
  margin: 0 auto;
  padding: 0;
}
footer hr {
  border-color: rgba(0, 0, 0, 0.3);
}
@media (max-width: 923.98px) {
  footer .footerMenu {
    padding-top: 1rem;
  }
}
footer .footerMenu hr.hide-sm {
  margin-top: 32px;
}
footer .bottomFooter {
  background: var(--dri-blue, #1B495A);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 180%;
  color: var(--black, #000000);
}
@media (max-width: 923.98px) {
  footer .bottomFooter {
    padding-top: 0;
  }
}
footer .bottomFooter span.gray {
  color: var(--gray-sep, #E0DFDF);
}
footer .bottomFooter span.lightBlue {
  color: var(--dri-blue-light-bg, #CDE9F3);
}
footer .bottomFooter a, footer .bottomFooter .cookie-preferences {
  color: var(--dri-blue-light-bg, #CDE9F3);
}
footer .bottomFooter a img, footer .bottomFooter .cookie-preferences img {
  display: inline-block;
}

.scrollToTop {
  position: fixed;
  bottom: 100px;
  right: 30px;
  opacity: 0;
  transition: opacity ease-in-out 0.45s;
}
.scrollToTop span {
  cursor: pointer;
  transition: color ease-in-out 0.45s;
  font-size: 32px;
}
.scrollToTop span:hover {
  color: var(--dri-blue-dark-bg, #082733);
}
.scrollToTop.active {
  opacity: 1;
}

.backgroundHomeVideo {
  max-width: 100%;
  width: 100%;
  height: 511px;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  z-index: -1;
}
.backgroundHomeVideo img {
  width: 100%;
  height: 100%;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: cover;
     object-fit: cover;
}
.backgroundHomeVideo .gradient {
  max-width: 100%;
  width: 100%;
  height: 511px;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  background: linear-gradient(90deg, #1B495A 26.3%, rgba(57, 114, 137, 0) 100%);
}

.silhouette {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
}

header {
  padding-top: 31px;
  position: relative;
  z-index: 1;
}
header.home {
  background: rgba(8, 39, 51, 0.8);
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.15);
}
header.home nav.content {
  position: relative;
  z-index: 2;
}
header.home button, header.home a {
  color: var(--dri-blue-light-bg, #CDE9F3);
}
header.home button *, header.home a * {
  color: var(--dri-blue-light-bg, #CDE9F3) !important;
}
header.home button:hover, header.home button:focus {
  color: var(--dri-blue-light, #529DBA);
}
header.home button:hover *, header.home button:focus * {
  color: var(--dri-blue-light, #529DBA) !important;
}
header.home .topSearch input:focus {
  border-color: var(--dri-links, #3E7C94);
  outline: 1px solid var(--dri-links, #3E7C94) !important;
  box-shadow: 0 0 2px var(--dri-links, #3E7C94) !important;
}
header .logo {
  display: block;
  position: absolute;
  left: -75px;
  width: 242px;
}
header .logo img {
  width: 100%;
}
header .logo-mobile img {
  width: 228px;
  height: auto;
}
header .topMenu {
  display: flex;
  margin-bottom: 22px;
}
header .topMenu > li {
  border-right: 1px solid rgba(0, 0, 0, 0.2);
  padding-top: 5px;
  padding-bottom: 5px;
  display: flex;
  align-items: center;
}
header .topMenu > li:last-child, header .topMenu > li:first-child {
  border: none;
}
header .topMenu > li .kpkApps {
  display: flex;
  align-items: center;
}
header .topMenu > li .kpkApps span {
  display: block;
}
header .topMenu > li .kpkApps span.text {
  margin: 0 8px;
  color: var(--dri-links, #3E7C94);
  font-size: 0.9375rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  cursor: pointer;
}
@media (max-width: 663.98px) {
  header .topMenu > li .kpkApps span.text {
    position: absolute;
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(50%);
            clip-path: inset(50%);
    width: 1px;
    height: 1px;
    overflow: hidden;
    white-space: nowrap;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
}
header .topMenu > li .expandable .expandable__content {
  position: absolute;
  left: 0;
  right: 0;
  margin-top: 25px;
  z-index: 10;
}
header .topMenu > li .expandable .expandable__content ul {
  max-width: 1200px;
  margin: 0 auto;
  padding: 33px 33px 0 33px;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  background: var(--blue-light, #DDE6EA);
  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1);
}
header .topMenu > li .expandable .expandable__content ul li {
  padding: 0 25px;
  width: 25%;
  position: relative;
  margin: 0 0 25px 0;
}
header .topMenu > li .expandable .expandable__content ul li a {
  font-family: republika-bold, sans-serif;
}
header .topMenu > li .expandable .expandable__content ul li a span {
  color: var(--dri-links, #3E7C94) !important;
}
header .topMenu > li .expandable .expandable__content ul li .title {
  color: var(--gray-helper-text, #777777);
  font-size: 16px;
  line-height: 110%;
}
header .topMenu > li .expandable .expandable__content ul li span.iconC {
  font-size: 28px;
  color: var(--dri-links, #3E7C94);
  position: absolute;
  left: 0;
  top: -4px;
}
header .topMenu > li .expandable .expandable__content ul li p {
  font-size: 16px;
  color: var(--dri-base-text, #262626);
  line-height: 120%;
  margin: 0;
}
header .icon-accessibility, header .icon-home {
  transition: color 0.3s ease;
}
header .icon-accessibility:focus, header .icon-home:focus {
  color: var(--dri-blue, #1B495A);
}
header .topSearch {
  margin-bottom: 47px;
}
header .topSearch input {
  background: var(--white-bg, #ffffff);
}

body.home {
  background-image: none;
}

@media only screen and (max-width: 900px) {
  header .topMenu > li .expandable .expandable__content ul li {
    width: 33.33%;
  }
  header.home {
    height: 267px;
    margin-bottom: 90px;
    background-image: url(/images/background-top.svg);
    background-repeat: no-repeat;
    background-position: right top;
    background-size: auto 740px;
  }
  header.home nav.content {
    margin-bottom: 30px;
  }
  .silhouette {
    display: none;
  }
}
@media only screen and (max-width: 650px) {
  header .topMenu > li .expandable .expandable__content ul li {
    width: 50%;
  }
}
@media only screen and (max-width: 420px) {
  header .topMenu > li .expandable .expandable__content ul li {
    width: 100%;
  }
}
.menu {
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
  transition: opacity 0.3s ease-in-out, z-index 0s 0.35s, visibility 0s 0.35s;
}
.menu.menu-is-active {
  z-index: 9999;
  visibility: visible;
  opacity: 1;
  -webkit-user-select: auto;
     -moz-user-select: auto;
          user-select: auto;
  pointer-events: auto;
  transition: opacity 0.3s 0s ease-in-out, z-index 0s, visibility 0s;
}

.sidebarMenu {
  width: 100%;
}
@media (min-width: 664px) {
  .sidebarMenu {
    max-width: 360px;
  }
}
@media (min-width: 924px) {
  .sidebarMenu.home {
    grid-row-start: 1;
    margin-top: 100px;
  }
  .sidebarMenu.home .topSidebarMenu {
    border-color: rgba(255, 255, 255, 0.2);
  }
  .sidebarMenu.home .topSidebarMenu li {
    position: relative;
    border-color: 1px solid var(--black, #000000);
  }
  .sidebarMenu.home .topSidebarMenu li a {
    color: var(--dri-blue-light-bg, #CDE9F3);
  }
  .sidebarMenu.home .topSidebarMenu li a .iconC {
    color: var(--dri-blue-light-bg, #CDE9F3);
  }
}
.sidebarMenu .topSidebarMenu {
  border-top: 10px solid var(--blue-light, #DDE6EA);
  border-bottom: 10px solid var(--blue-light, #DDE6EA);
  padding-bottom: 39px;
}
.sidebarMenu .topSidebarMenu li {
  position: relative;
  border-bottom: 1px solid var(--gray-sep, #E0DFDF);
}
.sidebarMenu .topSidebarMenu li:last-child {
  border: none;
}
.sidebarMenu .topSidebarMenu li a {
  padding: 20px 0 10px 0;
  font-size: 1.375rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  display: flex;
  align-items: center;
}
.sidebarMenu .topSidebarMenu li a .iconC {
  position: absolute;
  left: -40px;
}
.sidebarMenu .topSidebarMenu li a.selected {
  color: var(--dri-blue-dark, #082733);
  position: relative;
}
.sidebarMenu .topSidebarMenu li a.selected:before {
  content: "";
  display: block;
  position: absolute;
  width: 8px;
  height: 36px;
  top: 15px;
  left: -20px;
  background-color: var(--dri-blue-light, #529DBA);
}
@media (max-width: 923.98px) {
  .sidebarMenu {
    padding-top: 20px;
    padding-bottom: 20px;
    position: fixed;
    display: flex;
    flex-direction: column;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    z-index: -1;
    height: 100%;
    overflow: hidden;
    visibility: hidden;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    pointer-events: none;
    overscroll-behavior: contain;
    background-color: var(--white, #fff);
    transform: translateX(100%);
    box-shadow: 0 0 8px rgba(8, 39, 51, 0.231372549);
    transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out, z-index 0s 0.35s, visibility 0s 0.35s;
  }
  .sidebarMenu nav {
    overflow: auto;
    padding-left: 20px;
    padding-right: 20px;
  }
  .sidebarMenu.menu-is-active {
    z-index: 9999;
    visibility: visible;
    opacity: 1;
    -webkit-user-select: auto;
       -moz-user-select: auto;
            user-select: auto;
    pointer-events: auto;
    transform: translateX(0%);
    transition: opacity 0.3s 0s ease-in-out, transform 0.3s ease-in-out, z-index 0s, visibility 0s;
  }
}

.bottomSidebarMenu > li {
  border-bottom: 1px solid var(--gray-sep, #E0DFDF);
}
.bottomSidebarMenu > li .expandable .expandable__trigger {
  padding: 16px 0;
  color: var(--dri-links, #3E7C94);
  transition: color 0.3s ease;
}
.bottomSidebarMenu > li .expandable .expandable__trigger span {
  text-align: left;
}
.bottomSidebarMenu > li .expandable .expandable__trigger .iconC {
  transition: transform 0.3s ease;
  line-height: 1.375rem;
}
.bottomSidebarMenu > li .expandable .expandable__trigger:not(:active):focus .iconC {
  transform: rotate(90deg);
}
.bottomSidebarMenu > li .expandable.animation-open .expandable__trigger, .bottomSidebarMenu > li .expandable.open .expandable__trigger {
  color: var(--dri-blue-dark, #082733);
  transition: transform 0.3s ease, color 0.6s ease;
}
.bottomSidebarMenu > li .expandable.animation-open .iconC, .bottomSidebarMenu > li .expandable.open .iconC {
  transform: rotate(180deg);
}
.bottomSidebarMenu > li .expandable ul {
  padding-bottom: 20px;
}
.bottomSidebarMenu > li .expandable ul li {
  margin-bottom: 20px;
}
.bottomSidebarMenu > li .expandable ul li:last-child {
  margin-bottom: 0;
}
.bottomSidebarMenu > li .expandable ul li a {
  display: inline-block;
  position: relative;
}
.bottomSidebarMenu > li .expandable ul li a .sep {
  width: 8px;
  height: auto;
  position: absolute;
  left: -20px;
  top: -10px;
  bottom: -8px;
  background: var(--dri-blue-light, #529DBA);
  display: none;
}
.bottomSidebarMenu > li .expandable ul li a.selected span {
  display: block;
  color: var(--dri-blue-dark, #082733);
}
.bottomSidebarMenu > li .expandable ul li a.selected span.underlineLink {
  background: unset;
}

.wysiwyg {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}
.wysiwyg p {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}
.wysiwyg h3 {
  margin-top: 2rem;
  margin-bottom: 0.75rem;
  font-size: 1.125rem;
  color: var(--dri-blue-dark, #082733);
}
.wysiwyg h4 {
  font-family: "republika-regular", sans-serif;
  font-size: 1.125rem;
  font-weight: normal;
  line-height: 1.25rem;
  letter-spacing: 0.9px;
  text-transform: uppercase;
  color: var(--dri-blue-dark, #082733);
  margin-top: 2rem;
  margin-bottom: 0.75rem;
}
.wysiwyg h5 {
  color: var(--dri-blue-dark, #082733);
  font-family: "republika-regular", sans-serif;
  font-size: 0.9375rem;
  font-weight: normal;
  line-height: normal;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  margin-top: 2rem;
  margin-bottom: 0.75rem;
}
.wysiwyg ul, .wysiwyg ol {
  margin-top: 1.75rem;
  margin-bottom: 1.75rem;
  padding-left: 1.125rem;
}
.wysiwyg ul li, .wysiwyg ol li {
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}
.wysiwyg ul li > *:first-child, .wysiwyg ol li > *:first-child {
  margin-top: 0;
}
.wysiwyg ul li > *:last-child, .wysiwyg ol li > *:last-child {
  margin-bottom: 0;
}
.wysiwyg ul {
  list-style-type: disc;
}
.wysiwyg img {
  display: block;
  width: 100%;
  height: auto;
}
.wysiwyg picture {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.wysiwyg figure {
  margin: 0;
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.wysiwyg figure picture {
  margin: 0;
}
.wysiwyg figure figcaption {
  background-color: var(--blue-light, #DDE6EA);
  padding: 18px 15px;
}
.wysiwyg a {
  background-image: linear-gradient(transparent, transparent), linear-gradient(currentColor, currentColor);
  background-position: 100% 100%, 0 100%;
  background-repeat: no-repeat;
  background-size: 100% 0.1em, 0 0.1em;
  transition: background-size 0.4s ease-out 0.1s;
  cursor: pointer;
}
.wysiwyg a:hover, .wysiwyg a:focus {
  background-size: 0 0.1em, 100% 0.1em;
  transition: background-size 0.5s ease-out 0s;
}
.wysiwyg hr {
  border: none;
  border-top: 1px solid var(--gray-sep, #E0DFDF);
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}
.wysiwyg hr:first-child + * {
  margin-top: 0;
}
.wysiwyg > *:first-child {
  margin-top: 0;
}
.wysiwyg > *:last-child {
  margin-bottom: 0;
}
.wysiwyg.big-list ol li, .wysiwyg.big-list ul li {
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 0.25rem;
}
.wysiwyg.big-list ol li:first-child, .wysiwyg.big-list ul li:first-child {
  padding-top: 0.125rem;
}
.wysiwyg.big-list ol li:last-child, .wysiwyg.big-list ul li:last-child {
  padding-bottom: 0.125rem;
}
.wysiwyg .links {
  list-style: none;
  padding: 0;
}
.wysiwyg .links a {
  background: none;
}

/* Base button style */
button {
  padding: 0;
  background-color: rgba(0, 0, 0, 0);
  border: none;
  outline: none;
  -webkit-tap-highlight-color: transparent;
  cursor: pointer;
  font: inherit;
}

.btn-primary,
.link-primary {
  display: block;
  padding: 10px 15px;
  font-size: 1rem;
  line-height: 1rem;
  letter-spacing: 3px;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  border: none;
  outline: none;
  cursor: pointer;
  transition: color 0.45s ease-in-out;
}
@media (min-width: 664px) {
  .btn-primary,
  .link-primary {
    padding: 15px 25px;
  }
}

/* Menu button */
.btn-menu {
  opacity: 1;
  position: relative;
  height: 24px;
  width: 30px;
  transition: opacity 1s ease-in-out;
}
.btn-menu span {
  position: absolute;
  display: block;
  height: 2px;
  width: 100%;
  background: #fff;
  transition: all 0.15s ease-in-out;
}
.btn-menu span:nth-child(1) {
  top: 0;
}
.btn-menu span:nth-child(2) {
  top: 50%;
  transform: translateY(-50%);
}
.btn-menu span:nth-child(3) {
  bottom: 0;
}

header.menu-is-active .btn-menu span {
  background-color: #fff;
}
header.menu-is-active .btn-menu span:nth-child(1) {
  top: 11px;
  transform: rotate(-45deg);
}
header.menu-is-active .btn-menu span:nth-child(2) {
  opacity: 0;
}
header.menu-is-active .btn-menu span:nth-child(3) {
  top: 11px;
  bottom: auto;
  transform: rotate(-135deg);
}

.defaultButton {
  width: auto;
  height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--dri-blue-light, #529DBA);
  color: var(--white-bg, #ffffff);
  font-size: 0.9375rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.96px;
  text-transform: uppercase;
  padding: 10px;
  padding-right: 16px;
  gap: 4px;
  transition: background ease-in-out 0.45s, color ease-in-out 0.45s, box-shadow 0.45s ease-in-out;
}
.defaultButton:hover, .defaultButton:focus {
  text-decoration: none;
  color: var(--white, #fff);
  background: var(--dri-links, #3E7C94);
}
.defaultButton.shadow {
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.3) !important;
}
.defaultButton.dark {
  background: var(--dri-blue, #1B495A);
  color: var(--white, #fff);
}
.defaultButton.dark:hover, .defaultButton.dark:focus {
  background: var(--dri-blue-dark, #082733);
  box-shadow: 1px 1px 4px 0 var(--dri-links, #3E7C94) !important;
}
.defaultButton.dark:focus-visible {
  outline: 1px solid var(--white, #fff);
}
.defaultButton.white {
  background: var(--white, #fff);
  color: var(--dri-blue-light, #529DBA);
}
.defaultButton.white.withIcon span.iconC {
  color: var(--dri-blue-light, #529DBA);
}
.defaultButton.white:hover, .defaultButton.white:focus {
  color: var(--dri-links, #3E7C94);
  box-shadow: 1px 1px 4px 0 var(--dri-links, #3E7C94) !important;
}
.defaultButton.white:hover.withIcon span.iconC, .defaultButton.white:focus.withIcon span.iconC {
  color: var(--dri-links, #3E7C94);
}
.defaultButton.withIcon {
  height: 42px;
  display: flex;
  align-items: center;
}
.defaultButton.withIcon span.iconC {
  color: var(--white, #fff);
  display: block;
  margin-right: 10px;
}
.defaultButton.withIcon span.text {
  font-size: 0.9375rem;
  font-family: republika-bold, sans-serif;
}

.checkbox-holder {
  display: flex;
  gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  flex-flow: row wrap;
}
.checkbox-holder .checkbox-input {
  position: relative;
  flex: 0 0 20px;
}
.checkbox-holder .checkbox-input input:checked + .faux-checkbox {
  background-color: var(--dri-blue-dark, #082733);
  border: none;
}
.checkbox-holder .checkbox-input input:checked + .faux-checkbox svg {
  transform: scale(1);
}
.checkbox-holder .checkbox-input input:checked:focus + .faux-checkbox {
  background-color: var(--dri-links, #3E7C94);
}
.checkbox-holder .checkbox-input input:focus + .faux-checkbox {
  border-color: var(--dri-blue-dark, #082733);
}
.checkbox-holder .checkbox-input .faux-checkbox {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border: 2px solid var(--dri-links, #3E7C94);
  background-color: transparent;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.checkbox-holder .checkbox-input .faux-checkbox.border-alert {
  border: 2px solid var(--alert, #FF4B4B);
}
.checkbox-holder .checkbox-input svg {
  transform: scale(0);
  margin-bottom: 1px;
}
.checkbox-holder .checkbox-text {
  flex: 0 1 calc(100% - 30px);
  margin: 0;
  text-align: left;
  line-height: 20px;
}
.checkbox-holder .checkbox-text p {
  padding-left: 10px;
  margin: 0;
}

/* <label class="checkbox-holder pt-3">

<div class="checkbox-input">
  <input
    id="checkbox-terms"
    type="checkbox"
    class="checkbox"
    name="terms"
  >

  <!-- Check icon -->
  <div class="faux-checkbox">
    <svg
      xmlns="http://www.w3.org/2000/svg"
      viewBox="0 0 24 24"
      aria-hidden="true"
      focusable="false"
    >
      <path
        class="check-stroke"
        fill="none"
        stroke-width="3"
        d="M1.73 12.91l6.37 6.37L22.79 4.59"
      ></path>
    </svg>
  </div>
</div>

<div class="checkbox-text">
  <p>
    Strinjam se s <a href="#">splošnimi pogoji poslovanja</a>
  </p>
</div>

</label> */
.expandable__trigger span {
  transition: color 0.3s ease;
}

.expandable__base {
  border-bottom: 1px solid var(--gray-sep, #E0DFDF);
  padding-top: 12px;
  padding-bottom: 12px;
}
.expandable__base .expandable__trigger {
  display: flex;
  gap: 0.5rem;
  color: var(--dri-links, #3E7C94);
  text-align: start;
  align-items: start;
  justify-content: space-between;
}
.expandable__base .expandable__trigger .iconC {
  transition: transform 0.3s ease;
  line-height: 1.375rem;
}
.expandable__base .expandable__trigger:not(:active):focus .iconC {
  transform: rotate(90deg);
}
.expandable__base.open .expandable__trigger .iconC, .expandable__base.animation-open .expandable__trigger .iconC {
  transform: rotate(180deg);
}

.custom-select button {
  padding: 8px 10px;
  border: 1px solid var(--gray-sep, #E0DFDF);
  border-radius: 6px;
  overflow: hidden;
  position: relative;
}
.custom-select button span {
  color: var(--dri-base-text, #262626) !important;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.custom-select button .iconC {
  transition: transform 0.3s ease;
}
.custom-select button:focus {
  border-color: var(--dri-links, #3E7C94);
  box-shadow: 0 0 2px var(--dri-links, #3E7C94) !important;
  z-index: 1;
}
.custom-select ul {
  padding: 0;
  padding-bottom: 8px;
  margin: 0;
  z-index: 100;
  left: 1px;
  right: 1px;
  border-radius: 0px 0px 6px 6px;
  max-height: 236px;
  overflow: auto !important;
}
.custom-select li {
  position: relative;
  border: none !important;
  padding: 8px 12px !important;
  display: flex;
  color: var(--dri-links, #3E7C94);
}
.custom-select li:hover, .custom-select li:focus {
  z-index: 1;
  background-color: var(--gray-light, #f4f4f4);
  box-shadow: inset 0 0 3px var(--dri-blue-light, #529DBA) !important;
}
.custom-select li.selected {
  background-color: var(--dri-green-bg, #F1F4F5);
  color: var(--dri-base-text, #262626);
}
.custom-select li.selected:focus, .custom-select li.selected:hover {
  background-color: var(--dri-green-bg, #F1F4F5);
}
.custom-select.open button, .custom-select.animation-open button {
  z-index: 101;
}
.custom-select.open .iconC, .custom-select.animation-open .iconC {
  transform: rotate(180deg);
}

.select-double .custom-select {
  position: static;
  margin-right: -1px;
}
.select-double .custom-select:first-child button {
  border-radius: 6px 0px 0px 6px;
}
.select-double .custom-select:last-child {
  margin-right: 0;
}
.select-double .custom-select:last-child button {
  border-radius: 0px 6px 6px 0px;
}

.expandable__trigger:focus span, .expandable__trigger:focus b {
  color: var(--dri-blue, #1B495A);
}

.linked-expandables {
  list-style: none !important;
}
.linked-expandables > li .expandable__base {
  border-bottom: none;
}
.linked-expandables > hr {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}

.form-control {
  outline: none;
  box-shadow: none;
}
.form-control::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  font-weight: normal;
  font-style: normal;
  color: var(--black, #000000);
  font-size: 0.9rem;
}
.form-control::-moz-placeholder {
  /* Firefox 19+ */
  font-weight: normal;
  font-style: normal;
  color: var(--black, #000000);
  font-size: 0.9rem;
}
.form-control:-ms-input-placeholder {
  /* IE 10+ */
  font-weight: normal;
  font-style: normal;
  color: var(--black, #000000);
  font-size: 0.9rem;
}
.form-control:-moz-placeholder {
  /* Firefox 18- */
  font-weight: normal;
  font-style: normal;
  color: var(--black, #000000);
  font-size: 0.9rem;
}

input,
textarea {
  width: 100%;
  border: 1px solid var(--gray-sep, #E0DFDF);
  border-radius: 6px;
  padding: 6px 10px;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  background: var(--white-bg, #ffffff);
  color: var(--dri-base-text, #262626);
}
input::-moz-placeholder, textarea::-moz-placeholder {
  color: var(--gray-helper-text, #777777);
}
input::placeholder,
textarea::placeholder {
  color: var(--gray-helper-text, #777777);
}
input:focus,
textarea:focus {
  border-color: var(--dri-links, #3E7C94);
  box-shadow: 0 0 2px var(--dri-links, #3E7C94) !important;
}

input {
  height: 42px;
}

.modal {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  z-index: 9999;
  transition: opacity 0.25s ease-in-out;
}
.modal .modal-background {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  opacity: 0.5;
}
.modal .modal-body-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  max-height: calc(100% - 100px);
  max-width: min(100% - var(--padding-px), 1200px);
  transform: translate(-50%, -50%);
}
.modal .modal-body {
  position: relative;
  padding-top: 64px;
  max-width: 100%;
  transform: scale(0.5);
  transition: transform 0.275s ease;
}
.modal .modal-header {
  position: absolute;
  left: 0;
  right: 0;
  bottom: calc(100% - 64px);
}
.modal.modal-open {
  opacity: 1;
}
.modal.modal-open .modal-body {
  transform: scale(1);
  transition: transform 0.275s ease;
}
.modal img {
  max-height: calc(100vh - 100px - 64px - 20px);
}

.modals__popup .modal-body {
  min-height: 400px;
  max-width: 640px;
}
@media (min-width: 768px) {
  .modals__popup .modal-main,
  .modals__popup .modal-header {
    padding-inline: 3rem;
  }
}

.swiper-modal-gallery .swiper-slide-wrapper .picture-container {
  aspect-ratio: auto;
  flex: 1 1 0%;
}
.swiper-modal-gallery .swiper-gallery__slider-footer {
  width: clamp(175px, 35%, 350px);
  flex-shrink: 0;
}
.swiper-modal-gallery .swiper-nav-next {
  right: clamp(175px, 35%, 350px);
}
.swiper-modal-gallery.modal-open .swiper-slide-wrapper, .swiper-modal-gallery.modal-closing .swiper-slide-wrapper {
  display: flex;
}

.swiper-gallery__swiper .swiper-slide .swiper-gallery__slider-footer {
  height: 100%;
}

.swiper-slide {
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
}

.swiper-gallery__slide .picture-container {
  aspect-ratio: 1/1;
}
.swiper-gallery__slider-footer {
  min-height: 102px;
  box-sizing: border-box;
}
.swiper-gallery .swiper-nav {
  top: calc(50% - 61px);
}
.swiper-gallery .swiper-pagination {
  position: relative;
}

.swiper-pagination {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.swiper-pagination-bullet {
  background-color: var(--dri-blue-dark, #082733);
}
.swiper-pagination-bullet-active {
  background-color: var(--dri-blue-dark, #082733);
}

.swiper-nav {
  padding: 2px 6px;
  z-index: 10;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1.75rem;
  color: var(--dri-blue-light-bg, #CDE9F3);
}
.swiper-nav .background {
  position: absolute;
  opacity: 0.5;
  background-color: var(--dri-blue-dark, #082733);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.swiper-nav::before {
  position: relative;
  z-index: 2;
}
.swiper-nav-prev {
  left: 0;
  padding-left: 10px;
}
.swiper-nav-next {
  right: 0;
  padding-right: 10px;
}
.swiper-nav:disabled {
  opacity: 0.5;
}

.sidebar h4 {
  color: var(--dri-blue, #1B495A);
}
.sidebar .generalContact hr {
  width: 100%;
  border-top: 1px solid var(--gray-sep, #E0DFDF);
  margin: 10px 0;
}
.sidebar .sideLinks {
  border-top: 1px solid var(--dri-blue-light, #529DBA);
  padding: 16px 0 24px 0;
}
.sidebar .sideLinks ul.bottomBorder li:last-child {
  border: none;
}
.sidebar__bottom :first-child {
  border-top: none;
  padding-top: 0;
}
@media (min-width: 664px) {
  .sidebar__top ~ .sidebar__bottom {
    border-top: none;
  }
  .sidebar__top ~ .sidebar__bottom > div:first-child {
    padding-top: 1rem;
    border-top: 1px solid var(--dri-blue-light, #529DBA);
  }
}

.sideLinks.withBackground {
  background: var(--blue-light-bg, #DDE6EA);
  padding: 20px;
  border: none;
  margin-bottom: 20px;
}
.sideLinks h4 + ul {
  margin-top: 16px;
}
.sideLinks ul li {
  margin-bottom: 13px;
}
.sideLinks ul li:last-child {
  margin-bottom: 0;
}
.sideLinks ul li .block {
  display: block;
}
.sideLinks ul li a.strong {
  font-family: republika-bold, sans-serif;
}
.sideLinks ul li a.withIcon {
  position: relative;
  padding-left: 35px;
  display: block;
}
.sideLinks ul li a.withIcon .iconC {
  position: absolute;
  left: 0;
  top: -4px;
}
.sideLinks ul.bottomBorder li {
  border-bottom: 1px solid var(--gray-sep, #E0DFDF);
  padding: 15px 0;
  margin-bottom: 5px;
  min-height: 28px;
}
.sideLinks ul.bottomBorder li:first-child {
  border-top: 1px solid var(--gray-sep, #E0DFDF);
}
.sideLinks ul.bottomBorder li:last-child {
  margin: 0;
  padding-bottom: 0;
}
.sideLinks + * {
  padding-top: 1rem;
  border-top: 1px solid var(--dri-blue-light, #529DBA);
}

.blueBox a {
  display: block;
  background: var(--dri-blue-light, #529DBA);
  padding: 18px;
  color: var(--white, #fff);
  transition: background ease-in-out 0.45s;
}
.blueBox a .sideIcon {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 10px;
}
.blueBox a .sideIcon h5 {
  margin: 0 0 40px 0;
  flex: 1 1 0%;
}
.blueBox a .iconC {
  color: var(--white, #fff);
}
.blueBox a h5 {
  margin: 10px 0;
}
.blueBox a p {
  margin: 5px 0 150px 0;
}
.blueBox a:hover {
  background: var(--dri-blue, #1B495A);
}

table {
  width: 100%;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  border-collapse: collapse;
  border-spacing: 0;
  margin-top: 16px;
  margin-bottom: 20px;
  overflow: auto;
}
table td, table th {
  vertical-align: top;
}
table td:first-child, table th:first-child {
  padding-left: 0;
}
table td *:first-child, table th *:first-child {
  margin-top: 0;
}
table td *:last-child, table th *:last-child {
  margin-bottom: 0;
}
table th {
  text-align: left;
  padding: 15px 10px;
  border-top: 1px solid var(--dri-blue-light, #529DBA);
  border-bottom: 1px solid var(--gray-sep-darker, #ADADAD);
}
table td {
  padding: 16px 10px 26px;
  border-bottom: 1px solid var(--gray-sep, #E0DFDF);
}

div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm {
  background-color: var(--dri-blue-light, #529DBA) !important;
  width: auto;
  height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--white, #fff);
  font-size: 0.9375rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.96px;
  text-transform: uppercase;
  padding: 10px;
  transition: background-color ease-in-out 0.45s, color ease-in-out 0.45s, box-shadow 0.45s ease-in-out;
  border-radius: 0 !important;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.3) !important;
}

body div:where(.swal2-container) h2:where(.swal2-title) {
  color: var(--dri-blue-dark, #082733) !important;
  font-size: 22px;
  font-family: republika-bold, sans-serif;
}

div:where(.swal2-icon) {
  border: none !important;
}
div:where(.swal2-icon) .swal2-icon-content .iconC {
  font-size: 100px;
  color: var(--alert_green, #52AE27);
}
div:where(.swal2-icon) .swal2-icon-content .iconC.icon-no {
  color: var(--alert, #FF4B4B);
}

.block-history .history-wrapper {
  display: flex;
  align-items: flex-start;
}
.block-history .history-wrapper .year {
  width: 80px;
  margin-right: 15px;
  position: relative;
  top: -18px;
}
.block-history .history-wrapper .data {
  max-width: calc(100% - 95px);
  width: 100%;
  border-left: 3px dashed var(--dri-blue-light, #529DBA);
  padding: 0 0 50px 15px;
  position: relative;
}
.block-history .history-wrapper .data h3 {
  margin: -2px 0 0 0;
}
.block-history .history-wrapper .data .dot {
  width: 15px;
  height: 15px;
  display: block;
  background: var(--dri-blue-light, #529DBA);
  border-radius: 100%;
  position: absolute;
  left: -9px;
  top: 0;
}
.block-history .history-wrapper .data .description {
  max-height: 110px;
  overflow: hidden;
  transition: max-height ease-in-out 0.75s;
}
.block-history .history-wrapper .data .description.expanded {
  max-height: 5000px;
}
.block-history .history-wrapper .data button.withIcon {
  display: none;
  align-items: center;
  text-transform: uppercase;
}
.block-history .history-wrapper.last .data {
  border-color: transparent;
}

.contact-public a {
  background-image: linear-gradient(transparent, transparent), linear-gradient(currentColor, currentColor);
  background-position: 100% 100%, 0 100%;
  background-repeat: no-repeat;
  background-size: 100% 0.075em, 0 0.075em;
  transition: background-size 0.4s ease-out 0.1s;
  cursor: pointer;
}
.contact-public a:hover, .contact-public a:focus {
  background-size: 0 0.075em, 100% 0.075em;
  transition: background-size 0.5s ease-out 0s;
}

@media (max-width: 767.98px) {
  .notification-bar {
    padding-block: 2rem;
  }
  .notification-bar .defaultButton {
    width: 100%;
  }
}

.homeWhiteBox {
  display: flex;
  flex-direction: column;
  height: 413px;
  justify-content: flex-end;
  margin-bottom: 25px;
}
.homeWhiteBox .col2 {
  /*
  padding: 40px 40px 0 40px;
  min-height: 231px;
  gap: 20px;
   */
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.homeWhiteBox .col2 .col1_2 {
  flex: 1 0 calc(50% - 10px);
  background: rgba(255, 255, 255, 0.8);
  height: auto;
  padding: 40px;
}
.homeWhiteBox .col2 .col1_2:last-child {
  padding: 40px 40px 33px 0;
}
.homeWhiteBox .col2 .col1_2 h2 {
  color: var(--dri-blue-dark, #082733);
  font-family: "republika-regular", sans-serif;
  font-size: 3rem;
  font-style: normal;
  line-height: 100%;
  margin: 0;
  padding: 0;
  font-weight: 400;
}
.homeWhiteBox .col2 .col1_2 p {
  color: var(--dri-blue-dark, #082733);
  font-family: "republika-regular", sans-serif;
  font-size: 1.375rem;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  margin: 0;
}
@media (max-width: 923.98px) {
  .homeWhiteBox .col2 .col1_2 h2 {
    font-size: 2.25rem;
  }
}
@media (max-width: 663.98px) {
  .homeWhiteBox .col2 {
    flex-direction: column;
  }
}
.homeWhiteBox .button {
  background: var(--dri-green-bg, #F1F4F5);
  padding: 20px;
  display: flex;
  justify-content: flex-end;
}
.homeWhiteBox .button a {
  width: 50%;
  text-align: left;
  justify-content: flex-start;
}
@media (max-width: 663.98px) {
  .homeWhiteBox .button a {
    width: 100%;
  }
}
@media (min-width: 924px) {
  .homeWhiteBox {
    /*margin-top: 100px;*/
  }
}

.services {
  border-top: 10px solid var(--blue-light, #DDE6EA);
  padding-top: 10px;
}

.cols {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}
.cols .col1 {
  width: 100%;
}
@media (min-width: 664px) {
  .cols .col1 .copy {
    max-width: calc(50% - 40px);
  }
}
@media (min-width: 664px) {
  .cols .col1_2 {
    width: calc(50% - 6px);
  }
}

.homeBoxes {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 35px;
}
.homeBoxes .col {
  padding: 20px 15px 50px 15px;
  display: flex;
  align-items: flex-start;
  background: var(--dri-blue-light, #529DBA);
  color: var(--white, #fff);
  position: relative;
  transition: background 0.45s ease-in-out;
}
.homeBoxes .col:hover, .homeBoxes .col:focus {
  background: var(--dri-links, #3E7C94);
}
.homeBoxes .col.darkBlue {
  background: var(--dri-blue, #1B495A);
}
.homeBoxes .col.darkBlue:hover, .homeBoxes .col.darkBlue:focus {
  background: var(--dri-blue-dark, #082733);
}
.homeBoxes .col .iconC {
  color: var(--white, #fff);
  display: block;
  margin-right: 12px;
}
.homeBoxes .col .image {
  max-width: 100%;
}
@media (min-width: 664px) {
  .homeBoxes .col .image {
    position: absolute;
    right: 0;
    bottom: 0;
    max-width: calc(50% - 16px);
  }
}
.homeBoxes .col h2 {
  margin: 0;
  padding: 0;
  color: var(--white, #fff);
}
.homeBoxes .col p {
  margin-top: 10px;
  font-size: 14pt;
  font-weight: bold;
}
@media (max-width: 663.98px) {
  .homeBoxes .col {
    padding: 20px 30px 30px 15px;
  }
  .homeBoxes .col.col1 {
    padding: 20px 30px 0 15px;
    flex-direction: column;
  }
  .homeBoxes .col.col1 picture {
    margin-left: auto;
    transform: translateX(30px);
  }
}

.homeNews {
  border-top: 10px solid var(--blue-light, #DDE6EA);
}
.homeNews.cols {
  gap: 0;
}
@media (min-width: 664px) {
  .homeNews.cols {
    gap: 42px;
  }
}
.homeNews .col1_2 h3.font15 {
  margin-bottom: 10px;
}
.homeNews .col1_2 h2 {
  margin: 0;
}
.homeNews .col1_2 p {
  margin-top: 5px;
}
.homeNews .col1_2 ul li {
  border-top: 1px solid var(--gray-sep, #E0DFDF);
  padding: 10px 0 15px 0;
}
.homeNews .col1_2 ul li.more a .iconC {
  margin-right: 10px;
}
@media (min-width: 664px) {
  .homeNews .col1_2 {
    width: calc(50% - 21px);
  }
}

.eventHome {
  border-top: 10px solid var(--blue-light, #DDE6EA);
  margin-bottom: 30px;
}

@media only screen and (max-width: 1150px) {
  .homeWhiteBox {
    height: auto;
    margin-top: 220px;
  }
  .homeWhiteBox .col2 {
    flex-direction: column;
  }
  .homeWhiteBox .col2 .col1_2 {
    padding: 22px;
    min-height: 111px;
  }
  .homeWhiteBox .col2 .col1_2:last-child {
    padding: 22px;
    background: #F1F4F5;
  }
}
@media only screen and (max-width: 923px) {
  .homeWhiteBox {
    margin-top: 0;
  }
}
@media only screen and (max-width: 900px) {
  .homeWhiteBox .col2 .col1_2 {
    min-height: 154px;
  }
}
.grid-divider {
  background: var(--gray-sep, #E0DFDF);
  width: 1px;
  grid-column-start: 13;
}

.topSearch {
  width: 100%;
  height: auto;
  position: relative;
}
.topSearch input {
  padding: 6px 60px 6px 10px;
}
.topSearch .icon-search {
  position: absolute;
  padding: 7px 9px 5px 8px;
  top: 1px;
  right: 1px;
  color: var(--dri-links, #3E7C94);
  border-radius: 0 6px 6px 0;
  transition: color 0.3s ease;
}
.topSearch .icon-search:focus, .topSearch .icon-search:hover {
  color: var(--dri-blue-light, #529DBA);
}
.topSearch .icon-search:focus {
  outline: 1px solid var(--dri-blue-light, #529DBA) !important;
}

.profile-link-box {
  transition: background-color 0.45s ease-in-out;
}
@media (min-width: 664px) {
  .profile-link-box {
    min-height: 415px;
  }
}
.profile-link-box .iconC {
  color: white;
}

.block-faq .faq-category:first-child .category {
  padding-top: 0;
}
.block-faq .faq-category:last-child li:last-of-type .expandable__base {
  border-bottom: none;
}

/**************************
ERROR 404
 */
.errorPage {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.errorPage .whiteBox {
  background: white;
  box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.15);
  display: flex;
}
.errorPage .whiteBox .errorCode {
  max-width: 268px;
  width: 100%;
  background: var(--dri-blue-light, #529DBA);
  padding: 48px;
}
.errorPage .whiteBox .errorCode h1 {
  font-family: republika-bold, sans-serif;
  font-size: 105px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  color: var(--white, #fff);
  border-top: 10px solid var(--dri-blue-dark, #082733);
}
.errorPage .whiteBox .content {
  max-width: calc(100% - 268px);
  width: 100%;
  padding: 48px 64px 43px 31px;
}
.errorPage .whiteBox .content .copy {
  border-top: 10px solid var(--dri-blue-light-bg, #CDE9F3);
}
.errorPage p.legal {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 180%;
  color: var(--gray-helper-text, #777777);
}

@media only screen and (max-width: 925px) {
  .errorPage .whiteBox {
    margin-top: 31px;
  }
}
@media only screen and (max-width: 650px) {
  .errorPage {
    padding-top: 44px;
    align-items: flex-start;
    justify-content: flex-start;
  }
  .errorPage .whiteBox {
    flex-direction: column;
  }
  .errorPage .whiteBox .errorCode {
    max-width: 100%;
    padding: 38px 24px;
  }
  .errorPage .whiteBox .errorCode h1 {
    max-width: 214px;
  }
  .errorPage .whiteBox .content {
    max-width: 100%;
    padding: 24px;
  }
}
.page-intro p {
  margin-bottom: 0.75rem;
}
.page-intro p:first-of-type {
  color: var(--dri-blue-dark, #082733);
  font-size: 1.375rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.625rem;
  margin-top: 0;
}

/* Zaposleni */
.leadership-card {
  transition: background-color 0.5s ease;
}
.leadership-card .h3, .leadership-card .h4 {
  font-size: 1.125rem;
}
.leadership-card img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 110px;
  height: 135px;
}
.leadership-card span {
  transition: color 0.4s ease;
}
.leadership-card:hover, .leadership-card:focus {
  background-color: var(--dri-links, #3E7C94);
}
.leadership-card:hover .h4, .leadership-card:focus .h4 {
  color: var(--white, #fff);
}
.leadership-card:hover .h3, .leadership-card:hover .iconC, .leadership-card:focus .h3, .leadership-card:focus .iconC {
  color: var(--blue-light, #DDE6EA);
}

/* Medijsko gradivo */
.media-tab__item-frame {
  aspect-ratio: 1/1;
}

.links + .links hr.bt-gray-sep {
  display: none;
}

.logos__picture-container {
  height: 200px;
}
.logos__picture-container img {
  max-width: 200px;
}

.lobbyist-single .iconC {
  color: var(--gray-helper-text, #777777);
}
.lobbyist-single .flex .iconC ~ * {
  margin-top: 2px;
}

.newsBox {
  border-bottom: 1px solid var(--gray-sep, #E0DFDF);
}
.newsBox:not(:first-of-type) {
  margin-top: 1.25rem;
}
.newsBox .iconC_16 {
  margin-bottom: 2px;
}

.filter .expandable__trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: var(--blue-light-bg, #DDE6EA);
  padding: 16px;
}
.filter .expandable__trigger span {
  color: var(--dri-links, #3E7C94);
}
.filter .expandable__trigger:focus span {
  color: var(--dri-blue-dark, #082733) !important;
}
.filter .expandable__content {
  background: var(--blue-light-bg, #DDE6EA);
  overflow: hidden;
}
.filter .expandable__content .wrapper {
  padding: 0 16px;
}
.filter .expandable__content .wrapper .search {
  padding: 14px 0 16px 0;
  border-top: 1px solid var(--dri-blue-light, #529DBA);
}
.filter .expandable__content .wrapper .search label {
  color: var(--dri-blue-dark, #082733);
  display: block;
  margin-bottom: 5px;
}
.filter .expandable__content .wrapper .search + .filters-time {
  margin-top: 8px;
}
.filter .expandable__content .wrapper .filters-time {
  padding-top: 1rem;
  border-top: 1px solid var(--dri-blue-light, #529DBA);
}
.filter .expandable__content .wrapper .time {
  margin-top: 19px;
}
.filter .expandable__content .wrapper .time li {
  padding: 12px 0;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  color: var(--dri-links, #3E7C94);
}
.filter .expandable__content .wrapper .time li button {
  font-family: "republika-regular", sans-serif;
  color: var(--dri-links, #3E7C94);
}
.filter .expandable__content .wrapper .time li input:focus + .underlineLink {
  background-size: 0 0.075em, 100% 0.075em;
  transition: background-size 0.5s ease-out 0s;
}
.filter .expandable__content .wrapper .time li.selected {
  cursor: default;
  color: var(--dri-blue-dark, #082733);
}
.filter .expandable__content .wrapper .time li.selected .under:hover .underlineLink, .filter .expandable__content .wrapper .time li.selected .under:focus .underlineLink {
  cursor: default;
  background-size: 0 0.075em, 0 0.075em;
}
.filter .expandable__content .wrapper .time li.selected button {
  color: var(--dri-blue-dark, #082733);
}
.filter .expandable__content .button {
  margin-top: 10px;
  width: 100%;
  padding: 16px;
  box-shadow: 0px -5px 5px 0px rgba(0, 0, 0, 0.1);
}
.filter .expandable__content .button button.defaultButton {
  width: 100%;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: republika-bold, sans-serif;
  font-weight: 700;
}

/*show news*/
.shortDescription span.date {
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  color: var(--gray-helper-text, #777777);
}
.shortDescription p {
  margin-top: 0;
}

/* .customEditor {
  p {margin: 0 0 30px 0;}
  h1 {
    color: $dri-blue-dark;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 700;
    line-height: 110%;
    letter-spacing: 0.9px;
    text-transform: uppercase;
  }
  h2 {
    font-family: "republika-regular", sans-serif;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: 110%;
    letter-spacing: 0.9px;
    text-transform: uppercase;
  }

  picture {
    img {width: 100%; height: auto; display: block}
  }
  span.imageCaption {
    display: block;
    background: $blue-light;
    padding: 18px 15px 11px 15px;
    margin-bottom: 30px;
  }
} */
/**********************************************
************** EVENTS *************************
**********************************************/
.eventBox {
  display: flex;
  align-items: flex-start;
  border-top: 1px solid var(--gray-sep, #E0DFDF);
  padding: 10px 0;
}
.eventBox .content {
  display: flex;
  align-items: flex-start;
  max-width: calc(100% - 110px);
  width: 100%;
  justify-content: space-between;
  gap: 16px;
}
@media (max-width: 663.98px) {
  .eventBox .content {
    flex-direction: column;
  }
}
.eventBox .content .location span {
  display: block;
}
@media (min-width: 664px) {
  .eventBox .content .title {
    max-width: calc(50% + 35px);
    width: 100%;
  }
}

.eventList .eventYear {
  margin-top: 20px;
}
.eventList .eventBox {
  padding: 18px 0;
}
.eventList .eventBox .content {
  display: flex;
  align-items: flex-start;
  max-width: calc(100% - 110px);
  width: 100%;
  flex-direction: column;
}
.eventList .eventBox .content .location span {
  display: block;
}
.eventList .eventBox .content .title {
  max-width: 100%;
  margin: 8px 0 0 0;
}

.eventData {
  background: var(--blue-light, #DDE6EA);
  padding: 20px;
  display: flex;
  align-items: flex-start;
}
.eventData .calendarIcon {
  min-width: 90px;
  position: relative;
  top: -30px;
}
.eventData .data {
  display: flex;
  flex-direction: column;
}
.eventData .data hr {
  width: 100%;
  height: 1px;
  background: var(--gray-sep-darker, #ADADAD);
  border: none;
  margin: 0 0 14px 0;
}
.eventData .data .contact p {
  margin: 0;
}

body.blackWhite {
  /*
  header,
  header *,*/
}
body.blackWhite header .topMenu > li .expandable .expandable__content ul,
body.blackWhite .backgroundHomeVideo,
body.blackWhite .topLinks,
body.blackWhite .topLinks *,
body.blackWhite .mainNav,
body.blackWhite .mainNav *,
body.blackWhite main,
body.blackWhite footer *,
body.blackWhite footer {
  filter: grayscale(100%);
}
body.blackWhite #accessibility {
  filter: grayscale(0) !important;
}
body.blackWhite header.home {
  background: rgba(0, 0, 0, 0.3);
}
body.blackWhite header.home button, body.blackWhite header.home a,
body.blackWhite header.home button *, body.blackWhite header.home a * {
  color: var(--white, #fff) !important;
}

body.uppercase * {
  text-transform: uppercase !important;
}

body.bold * {
  font-family: "republika-bold", sans-serif !important;
}
body.bold *[class^=icon-], body.bold *[class*=" icon-"] {
  font-family: "Republika_ico" !important;
}

body.yellowBlue header .topMenu > li .expandable .expandable__content ul li * {
  color: #2a2d7c !important;
}

body.blackBeige header .topMenu > li .expandable .expandable__content ul li * {
  color: #FDFFB3 !important;
}

body.greenBlack header .topMenu > li .expandable .expandable__content ul li * {
  color: #000 !important;
}

#accessibility {
  flex-direction: column;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  background: #00232F;
  box-shadow: 0 0 8px rgba(8, 39, 51, 0.231372549);
  transform: translateX(400px);
  transition: 0.4s ease-in-out;
  -moz-transition: 0.4s ease-in-out;
  z-index: 3;
}
@media (min-width: 664px) {
  #accessibility {
    max-width: 360px;
  }
}
#accessibility.open {
  display: flex;
  transform: translateX(0);
}
#accessibility .accessibilityHeader {
  width: 100%;
  height: 62px;
  padding: 0 18px;
  border-bottom: 1px solid #ffffff;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#accessibility .accessibilityHeader span:not(.iconC) {
  color: #fff;
  font-size: 17px;
  font-family: "republika-bold", sans-serif;
  text-transform: uppercase;
}
#accessibility .accessibilityHeader .iconC {
  color: #fff;
  transition: color ease-in-out 0.45s, background ease-in-out 0.45s;
}
#accessibility .accessibilityHeader button:hover .iconC, #accessibility .accessibilityHeader button:focus .iconC {
  color: #3E7C94;
}
#accessibility .content {
  flex: 1 1 0%;
  background: #00232F;
  padding: 21px 18px;
  height: calc(100vh - 60px);
  overflow-y: scroll;
  scrollbar-width: none; /* Za Firefox */
  -ms-overflow-style: none; /* Za Internet Explorer in Edge */
}
#accessibility .content::-webkit-scrollbar {
  display: none; /* Za Chrome, Safari in Opera */
}
#accessibility .content h3 {
  font-size: 25px;
  color: #ffffff;
  font-family: "republika-bold", sans-serif;
}
#accessibility .content hr {
  width: 100%;
  height: 1px;
  margin: 20px 0;
  background: #ffffff !important;
  border: none;
  display: block;
}
#accessibility .content .flexSize {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #ffffff;
}
#accessibility .content .flexSize .icons {
  font-size: 72px;
  cursor: pointer;
  color: #ffffff;
  transition: color ease-in-out 0.45s, background ease-in-out 0.45s;
}
#accessibility .content .flexSize .ab {
  font-size: 40px;
  font-family: "republika-bold", sans-serif;
}
#accessibility .content .flexSize button:hover .icons, #accessibility .content .flexSize button:focus .icons {
  color: #3E7C94;
}
#accessibility .content .style .styleButton {
  width: 100%;
  height: auto;
  display: block;
  border: 2px solid #ffffff;
  font-size: 30px;
  color: #ffffff;
  font-family: "republika-bold", sans-serif;
  padding: 17px 20px 17px 20px;
  margin-bottom: 12px;
  cursor: pointer;
  transition: color ease-in-out 0.45s, background ease-in-out 0.45s, border ease-in-out 0.45s;
  position: relative;
}
#accessibility .content .style .styleButton:hover, #accessibility .content .style .styleButton:focus {
  background: #ffffff;
  color: #212529;
}
#accessibility .content .style .styleButton:last-child {
  margin-bottom: 50px;
}
#accessibility .content .style .styleButton.large {
  text-transform: uppercase;
}
#accessibility .content .style .styleButton .fa-check {
  color: var(--dri-blue-dark, #082733);
  font-size: 35px;
  display: none;
  position: absolute;
  right: 20px;
  top: 10px;
}
#accessibility .content .style .styleButton.active {
  background: #ffffff;
  color: var(--dri-blue-dark, #082733);
}
#accessibility .content .style .styleButton.active .fa-check {
  display: block;
}
#accessibility .content .themes ul {
  width: 100%;
  height: auto;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#accessibility .content .themes ul li {
  padding: 20px;
}
#accessibility .content .themes ul li .innerButton {
  width: 100%;
  height: auto;
  font-size: 30px;
  font-family: "republika-regular", sans-serif;
  padding: 17px 20px 17px 20px;
  background: #ffffff;
  color: #212529;
  display: block;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.85);
  cursor: pointer;
  transition: color ease-in-out 0.45s, background ease-in-out 0.45s, box-shadow ease-in-out 0.45s;
}
#accessibility .content .themes ul li .innerButton:hover, #accessibility .content .themes ul li .innerButton:focus {
  color: #fff;
  background: #1B495A;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.85) !important;
}
#accessibility .content .themes ul li .innerButton.blackWhite {
  color: #000;
}
#accessibility .content .themes ul li .innerButton.blackWhite:hover, #accessibility .content .themes ul li .innerButton.blackWhite:focus {
  color: #fff;
  background: #777777;
}
#accessibility .content .themes ul li .innerButton.yellowBlue {
  color: #FBFF55;
  background: #2A2D7C;
}
#accessibility .content .themes ul li .innerButton.yellowBlue:hover, #accessibility .content .themes ul li .innerButton.yellowBlue:focus {
  color: #2A2D7C !important;
  background: #FBFF55;
}
#accessibility .content .themes ul li .innerButton.blackBeige {
  color: #000;
  background: #FDFFB3;
}
#accessibility .content .themes ul li .innerButton.blackBeige:hover, #accessibility .content .themes ul li .innerButton.blackBeige:focus {
  color: #FDFFB3 !important;
  background: #000;
}
#accessibility .content .themes ul li .innerButton.greenBlack {
  color: #00FF00;
  background: #000;
}
#accessibility .content .themes ul li .innerButton.greenBlack:hover, #accessibility .content .themes ul li .innerButton.greenBlack:focus {
  color: #000 !important;
  background: #00FF00;
}
#accessibility .content .themes ul li.selected {
  background: #3E7C94;
}
#accessibility .content .defaultButton {
  width: 100%;
  height: 59px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #3E7C94;
  color: #ffffff;
  font-family: "republika-bold", sans-serif;
  font-size: 25px;
  line-height: normal;
  text-transform: uppercase;
  margin-bottom: 18px;
  cursor: pointer;
  transition: background ease-in-out 0.45s;
}
#accessibility .content .defaultButton:hover, #accessibility .content .defaultButton:focus {
  background: var(--dri-blue-dark, #082733);
}

/*additional style colors for pages*/
/* black-white */
body.blackWhite {
  background-image: none;
}

/* yellow-blue */
body.yellowBlue {
  background-image: none;
  /*home*/
}
body.yellowBlue .defaultButton:hover, body.yellowBlue .defaultButton:focus {
  border: 1px solid var(--dri-blue-light, #529DBA);
  background: var(--white-bg, #ffffff);
}
body.yellowBlue .defaultButton.white {
  color: var(--dri-blue-light, #529DBA);
  background: var(--white-bg, #ffffff);
  border: 1px solid var(--dri-blue-light, #529DBA);
}
body.yellowBlue :focus {
  color: var(--dri-blue-light, #529DBA) !important;
}
body.yellowBlue .backgroundHomeVideo {
  display: none;
}
body.yellowBlue .expandable__trigger:focus span, body.yellowBlue .expandable__trigger:focus b {
  color: var(--blue-light, #DDE6EA);
}
body.yellowBlue .sidebarMenu .topSidebarMenu {
  border-color: var(--blue-light, #DDE6EA);
}
body.yellowBlue .homeWhiteBox .col2,
body.yellowBlue header.home,
body.yellowBlue .homeWhiteBox .button,
body.yellowBlue .homeBoxes .col {
  background: var(--white-bg, #ffffff);
}
body.yellowBlue .calendarIcon span,
body.yellowBlue .wysiwyg figure figcaption, body.yellowBlue .tab figure figcaption {
  color: var(--white-bg, #ffffff) !important;
}

/* black-beige */
body.blackBeige {
  background-image: none;
  /*home*/
}
body.blackBeige .defaultButton:hover, body.blackBeige .defaultButton:focus {
  border: 1px solid var(--dri-blue-light, #529DBA);
  background: var(--white-bg, #ffffff);
}
body.blackBeige .defaultButton.white {
  color: var(--dri-blue-light, #529DBA);
  background: var(--white-bg, #ffffff);
  border: 1px solid var(--dri-blue-light, #529DBA);
}
body.blackBeige :focus {
  color: var(--dri-blue-light, #529DBA) !important;
}
body.blackBeige .backgroundHomeVideo {
  display: none;
}
body.blackBeige .expandable__trigger:focus span, body.blackBeige .expandable__trigger:focus b {
  color: var(--blue-light, #DDE6EA);
}
body.blackBeige header .topMenu > li .expandable .expandable__content a {
  color: var(--dri-blue-dark-bg, #082733);
}
body.blackBeige .sidebarMenu .topSidebarMenu {
  border-color: var(--blue-light, #DDE6EA);
}
body.blackBeige .homeWhiteBox .col2,
body.blackBeige header.home,
body.blackBeige .homeWhiteBox .button,
body.blackBeige .homeBoxes .col {
  background: var(--white-bg, #ffffff);
}
body.blackBeige .calendarIcon span,
body.blackBeige .wysiwyg figure figcaption, body.blackBeige .tab figure figcaption {
  color: var(--white-bg, #ffffff) !important;
}

/* green-black */
body.greenBlack {
  background-image: none;
  /*home*/
}
body.greenBlack .defaultButton:hover, body.greenBlack .defaultButton:focus {
  border: 1px solid var(--dri-blue-light, #529DBA);
  background: var(--white-bg, #ffffff);
}
body.greenBlack .defaultButton.white {
  color: var(--dri-blue-light, #529DBA);
  background: var(--white-bg, #ffffff);
  border: 1px solid var(--dri-blue-light, #529DBA);
}
body.greenBlack :focus {
  color: var(--dri-blue-light, #529DBA) !important;
}
body.greenBlack .backgroundHomeVideo {
  display: none;
}
body.greenBlack .expandable__trigger:focus span, body.greenBlack .expandable__trigger:focus b {
  color: var(--blue-light, #DDE6EA);
}
body.greenBlack .sidebarMenu .topSidebarMenu {
  border-color: var(--blue-light, #DDE6EA);
}
body.greenBlack .homeWhiteBox .col2,
body.greenBlack header.home,
body.greenBlack .homeWhiteBox .button,
body.greenBlack .homeBoxes .col {
  background: var(--white-bg, #ffffff);
}
body.greenBlack .calendarIcon span,
body.greenBlack .wysiwyg figure figcaption, body.greenBlack .tab figure figcaption {
  color: var(--white-bg, #ffffff) !important;
}